shadcn/apps/v4/public/r/styles/base-lyra/preview.json

{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "preview",
  "title": "Preview",
  "registryDependencies": [
    "alert-dialog",
    "avatar",
    "badge",
    "button",
    "button-group",
    "card",
    "chart",
    "checkbox",
    "combobox",
    "dropdown-menu",
    "empty",
    "field",
    "input",
    "input-group",
    "item",
    "label",
    "popover",
    "radio-group",
    "select",
    "separator",
    "sheet",
    "slider",
    "spinner",
    "switch",
    "textarea",
    "tooltip",
    "example"
  ],
  "files": [
    {
      "path": "registry/base-lyra/blocks/preview/index.tsx",
      "content": "\"use client\"\n\nimport { ActivateAgentDialog } from \"@/registry/base-lyra/blocks/preview/cards/activate-agent-dialog\"\nimport { AnalyticsCard } from \"@/registry/base-lyra/blocks/preview/cards/analytics-card\"\nimport { AnomalyAlert } from \"@/registry/base-lyra/blocks/preview/cards/anomaly-alert\"\nimport { BarChartCard } from \"@/registry/base-lyra/blocks/preview/cards/bar-chart-card\"\nimport { BookAppointment } from \"@/registry/base-lyra/blocks/preview/cards/book-appointment\"\nimport { CodespacesCard } from \"@/registry/base-lyra/blocks/preview/cards/codespaces-card\"\nimport { ContributionsActivity } from \"@/registry/base-lyra/blocks/preview/cards/contributions-activity\"\nimport { Contributors } from \"@/registry/base-lyra/blocks/preview/cards/contributors\"\nimport { EnvironmentVariables } from \"@/registry/base-lyra/blocks/preview/cards/environment-variables\"\nimport { FeedbackForm } from \"@/registry/base-lyra/blocks/preview/cards/feedback-form\"\nimport { FileUpload } from \"@/registry/base-lyra/blocks/preview/cards/file-upload\"\nimport { GithubProfile } from \"@/registry/base-lyra/blocks/preview/cards/github-profile\"\nimport { IconPreviewGrid } from \"@/registry/base-lyra/blocks/preview/cards/icon-preview-grid\"\nimport { InviteTeam } from \"@/registry/base-lyra/blocks/preview/cards/invite-team\"\nimport { Invoice } from \"@/registry/base-lyra/blocks/preview/cards/invoice\"\nimport { LiveWaveformCard } from \"@/registry/base-lyra/blocks/preview/cards/live-waveform\"\nimport { NoTeamMembers } from \"@/registry/base-lyra/blocks/preview/cards/no-team-members\"\nimport { NotFound } from \"@/registry/base-lyra/blocks/preview/cards/not-found\"\nimport { ObservabilityCard } from \"@/registry/base-lyra/blocks/preview/cards/observability-card\"\nimport { PieChartCard } from \"@/registry/base-lyra/blocks/preview/cards/pie-chart-card\"\nimport { ReportBug } from \"@/registry/base-lyra/blocks/preview/cards/report-bug\"\nimport { ShippingAddress } from \"@/registry/base-lyra/blocks/preview/cards/shipping-address\"\nimport { Shortcuts } from \"@/registry/base-lyra/blocks/preview/cards/shortcuts\"\nimport { SkeletonLoading } from \"@/registry/base-lyra/blocks/preview/cards/skeleton-loading\"\nimport { SleepReport } from \"@/registry/base-lyra/blocks/preview/cards/sleep-report\"\nimport { StyleOverview } from \"@/registry/base-lyra/blocks/preview/cards/style-overview\"\nimport { TypographySpecimen } from \"@/registry/base-lyra/blocks/preview/cards/typography-specimen\"\nimport { UIElements } from \"@/registry/base-lyra/blocks/preview/cards/ui-elements\"\nimport { UsageCard } from \"@/registry/base-lyra/blocks/preview/cards/usage-card\"\nimport { Visitors } from \"@/registry/base-lyra/blocks/preview/cards/visitors\"\nimport { WeeklyFitnessSummary } from \"@/registry/base-lyra/blocks/preview/cards/weekly-fitness-summary\"\n\nexport default function PreviewExample() {\n  return (\n    <div className=\"overflow-x-auto overflow-y-hidden bg-muted contain-[paint] [--gap:--spacing(4)] 3xl:[--gap:--spacing(12)] md:[--gap:--spacing(10)] dark:bg-background style-lyra:md:[--gap:--spacing(6)] style-mira:md:[--gap:--spacing(6)]\">\n      <div className=\"flex w-full min-w-max justify-center\">\n        <div\n          className=\"grid w-[2400px] grid-cols-7 items-start gap-(--gap) bg-muted p-(--gap) md:w-[3000px] dark:bg-background style-lyra:md:w-[2600px] style-mira:md:w-[2600px] *:[div]:gap-(--gap)\"\n          data-slot=\"capture-target\"\n        >\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <StyleOverview />\n            <TypographySpecimen />\n            <div className=\"md:hidden\">\n              <UIElements />\n            </div>\n            <CodespacesCard />\n            <Invoice />\n          </div>\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <IconPreviewGrid />\n            <div className=\"hidden w-full md:flex\">\n              <UIElements />\n            </div>\n            <ObservabilityCard />\n            <ShippingAddress />\n          </div>\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <EnvironmentVariables />\n            <BarChartCard />\n            <InviteTeam />\n            <ActivateAgentDialog />\n          </div>\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <SkeletonLoading />\n            <PieChartCard />\n            <NoTeamMembers />\n            <ReportBug />\n            <Contributors />\n          </div>\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <FeedbackForm />\n            <BookAppointment />\n            <SleepReport />\n            <GithubProfile />\n          </div>\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <WeeklyFitnessSummary />\n            <FileUpload />\n            <AnalyticsCard />\n            <UsageCard />\n            <Shortcuts />\n          </div>\n          <div className=\"flex flex-col p-px [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <AnomalyAlert />\n            <LiveWaveformCard />\n            <Visitors />\n            <ContributionsActivity />\n            <NotFound />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}