{
  "$schema": "https://ui.shadcn.com/schema/registry-item.json",
  "name": "preview-02",
  "title": "Preview 02",
  "dependencies": [
    "react-qr-code"
  ],
  "registryDependencies": [
    "accordion",
    "badge",
    "breadcrumb",
    "button",
    "calendar",
    "card",
    "chart",
    "checkbox",
    "combobox",
    "dropdown-menu",
    "empty",
    "field",
    "input",
    "input-group",
    "item",
    "label",
    "native-select",
    "progress",
    "radio-group",
    "select",
    "separator",
    "sidebar",
    "skeleton",
    "slider",
    "spinner",
    "switch",
    "table",
    "tabs",
    "textarea",
    "toggle-group"
  ],
  "files": [
    {
      "path": "registry/base-luma/blocks/preview-02/index.tsx",
      "content": "import { AccountAccess } from \"@/registry/base-luma/blocks/preview-02/cards/account-access\"\nimport { CardOverview } from \"@/registry/base-luma/blocks/preview-02/cards/card-overview\"\nimport { ClaimableBalance } from \"@/registry/base-luma/blocks/preview-02/cards/claimable-balance\"\nimport { ContributionHistory } from \"@/registry/base-luma/blocks/preview-02/cards/contribution-history\"\nimport { CoverArt } from \"@/registry/base-luma/blocks/preview-02/cards/cover-art\"\nimport { DividendIncome } from \"@/registry/base-luma/blocks/preview-02/cards/dividend-income\"\nimport { EmptyConnectBank } from \"@/registry/base-luma/blocks/preview-02/cards/empty-connect-bank\"\nimport { EmptyDistributeTrack } from \"@/registry/base-luma/blocks/preview-02/cards/empty-distribute-track\"\nimport { EmptyExploreCatalog } from \"@/registry/base-luma/blocks/preview-02/cards/empty-explore-catalog\"\nimport { Faq } from \"@/registry/base-luma/blocks/preview-02/cards/faq\"\nimport { FrontDoor } from \"@/registry/base-luma/blocks/preview-02/cards/front-door\"\nimport { IndexInvesting } from \"@/registry/base-luma/blocks/preview-02/cards/index-investing\"\nimport { KitchenIsland } from \"@/registry/base-luma/blocks/preview-02/cards/kitchen-island\"\nimport { LoadingCard } from \"@/registry/base-luma/blocks/preview-02/cards/loading-card\"\nimport { NewMilestone } from \"@/registry/base-luma/blocks/preview-02/cards/new-milestone\"\nimport { NotificationSettings } from \"@/registry/base-luma/blocks/preview-02/cards/notification-settings\"\nimport { Payments } from \"@/registry/base-luma/blocks/preview-02/cards/payments\"\nimport { PayoutThreshold } from \"@/registry/base-luma/blocks/preview-02/cards/payout-threshold\"\nimport { PowerUsage } from \"@/registry/base-luma/blocks/preview-02/cards/power-usage\"\nimport { Preferences } from \"@/registry/base-luma/blocks/preview-02/cards/preferences\"\nimport { QrConnect } from \"@/registry/base-luma/blocks/preview-02/cards/qr-connect\"\nimport { ReceivingMethod } from \"@/registry/base-luma/blocks/preview-02/cards/receiving-method\"\nimport { RecentTransactions } from \"@/registry/base-luma/blocks/preview-02/cards/recent-transactions\"\nimport { ReleaseCatalog } from \"@/registry/base-luma/blocks/preview-02/cards/release-catalog\"\nimport { RollerShades } from \"@/registry/base-luma/blocks/preview-02/cards/roller-shades\"\nimport { SavingsProgress } from \"@/registry/base-luma/blocks/preview-02/cards/savings-progress\"\nimport { SavingsTargets } from \"@/registry/base-luma/blocks/preview-02/cards/savings-targets\"\nimport { SidebarNav } from \"@/registry/base-luma/blocks/preview-02/cards/sidebar-nav\"\nimport { SocialLinks } from \"@/registry/base-luma/blocks/preview-02/cards/social-links\"\nimport { StockPerformance } from \"@/registry/base-luma/blocks/preview-02/cards/stock-performance\"\nimport { SyncingState } from \"@/registry/base-luma/blocks/preview-02/cards/syncing-state\"\nimport { TransferFunds } from \"@/registry/base-luma/blocks/preview-02/cards/transfer-funds\"\nimport { UpcomingPayments } from \"@/registry/base-luma/blocks/preview-02/cards/upcoming-payments\"\n\nexport default function Preview02Example() {\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-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <ContributionHistory />\n            <EmptyDistributeTrack />\n            <QrConnect />\n            <DividendIncome />\n            <IndexInvesting />\n            <SyncingState />\n          </div>\n          <div className=\"flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <PayoutThreshold />\n            <ClaimableBalance />\n            <Preferences />\n            <SavingsProgress />\n            <KitchenIsland />\n          </div>\n          <div className=\"col-span-2 flex flex-col p-1 [contain-intrinsic-size:760px_1200px] [content-visibility:auto]\">\n            <SavingsTargets />\n            <RecentTransactions />\n            <div className=\"grid grid-cols-2 items-start gap-(--gap)\">\n              <div className=\"flex flex-col gap-(--gap)\">\n                <SidebarNav />\n                <Faq />\n              </div>\n              <div className=\"flex flex-col gap-(--gap)\">\n                <Payments />\n                <FrontDoor />\n              </div>\n            </div>\n            <ReleaseCatalog />\n          </div>\n          <div className=\"flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <AccountAccess />\n            <CardOverview />\n            <TransferFunds />\n            <CoverArt />\n            <LoadingCard />\n          </div>\n          <div className=\"flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <ReceivingMethod />\n            <PowerUsage />\n            <EmptyConnectBank />\n            <UpcomingPayments />\n            <RollerShades />\n          </div>\n          <div className=\"flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]\">\n            <StockPerformance />\n            <EmptyExploreCatalog />\n            <NewMilestone />\n            <SocialLinks />\n            <NotificationSettings />\n          </div>\n        </div>\n      </div>\n    </div>\n  )\n}\n",
      "type": "registry:block"
    }
  ],
  "type": "registry:block"
}