snapshot of https://github.com/shadcn-ui/ui.git (main, 2026-09-15; blobs > 131072B omitted)

apps/v4/registry/bases/base/blocks/preview-02/index.tsx

@@ -0,0 +1,98 @@
+import { AccountAccess } from "@/registry/bases/base/blocks/preview-02/cards/account-access"
+import { CardOverview } from "@/registry/bases/base/blocks/preview-02/cards/card-overview"
+import { ClaimableBalance } from "@/registry/bases/base/blocks/preview-02/cards/claimable-balance"
+import { ContributionHistory } from "@/registry/bases/base/blocks/preview-02/cards/contribution-history"
+import { CoverArt } from "@/registry/bases/base/blocks/preview-02/cards/cover-art"
+import { DividendIncome } from "@/registry/bases/base/blocks/preview-02/cards/dividend-income"
+import { EmptyConnectBank } from "@/registry/bases/base/blocks/preview-02/cards/empty-connect-bank"
+import { EmptyDistributeTrack } from "@/registry/bases/base/blocks/preview-02/cards/empty-distribute-track"
+import { EmptyExploreCatalog } from "@/registry/bases/base/blocks/preview-02/cards/empty-explore-catalog"
+import { Faq } from "@/registry/bases/base/blocks/preview-02/cards/faq"
+import { FrontDoor } from "@/registry/bases/base/blocks/preview-02/cards/front-door"
+import { IndexInvesting } from "@/registry/bases/base/blocks/preview-02/cards/index-investing"
+import { KitchenIsland } from "@/registry/bases/base/blocks/preview-02/cards/kitchen-island"
+import { LoadingCard } from "@/registry/bases/base/blocks/preview-02/cards/loading-card"
+import { NewMilestone } from "@/registry/bases/base/blocks/preview-02/cards/new-milestone"
+import { NotificationSettings } from "@/registry/bases/base/blocks/preview-02/cards/notification-settings"
+import { Payments } from "@/registry/bases/base/blocks/preview-02/cards/payments"
+import { PayoutThreshold } from "@/registry/bases/base/blocks/preview-02/cards/payout-threshold"
+import { PowerUsage } from "@/registry/bases/base/blocks/preview-02/cards/power-usage"
+import { Preferences } from "@/registry/bases/base/blocks/preview-02/cards/preferences"
+import { QrConnect } from "@/registry/bases/base/blocks/preview-02/cards/qr-connect"
+import { ReceivingMethod } from "@/registry/bases/base/blocks/preview-02/cards/receiving-method"
+import { RecentTransactions } from "@/registry/bases/base/blocks/preview-02/cards/recent-transactions"
+import { ReleaseCatalog } from "@/registry/bases/base/blocks/preview-02/cards/release-catalog"
+import { RollerShades } from "@/registry/bases/base/blocks/preview-02/cards/roller-shades"
+import { SavingsProgress } from "@/registry/bases/base/blocks/preview-02/cards/savings-progress"
+import { SavingsTargets } from "@/registry/bases/base/blocks/preview-02/cards/savings-targets"
+import { SidebarNav } from "@/registry/bases/base/blocks/preview-02/cards/sidebar-nav"
+import { SocialLinks } from "@/registry/bases/base/blocks/preview-02/cards/social-links"
+import { StockPerformance } from "@/registry/bases/base/blocks/preview-02/cards/stock-performance"
+import { SyncingState } from "@/registry/bases/base/blocks/preview-02/cards/syncing-state"
+import { TransferFunds } from "@/registry/bases/base/blocks/preview-02/cards/transfer-funds"
+import { UpcomingPayments } from "@/registry/bases/base/blocks/preview-02/cards/upcoming-payments"
+
+export default function Preview02Example() {
+  return (
+    <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)]">
+      <div className="flex w-full min-w-max justify-center">
+        <div
+          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)"
+          data-slot="capture-target"
+        >
+          <div className="flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]">
+            <ContributionHistory />
+            <EmptyDistributeTrack />
+            <QrConnect />
+            <DividendIncome />
+            <IndexInvesting />
+            <SyncingState />
+          </div>
+          <div className="flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]">
+            <PayoutThreshold />
+            <ClaimableBalance />
+            <Preferences />
+            <SavingsProgress />
+            <KitchenIsland />
+          </div>
+          <div className="col-span-2 flex flex-col p-1 [contain-intrinsic-size:760px_1200px] [content-visibility:auto]">
+            <SavingsTargets />
+            <RecentTransactions />
+            <div className="grid grid-cols-2 items-start gap-(--gap)">
+              <div className="flex flex-col gap-(--gap)">
+                <SidebarNav />
+                <Faq />
+              </div>
+              <div className="flex flex-col gap-(--gap)">
+                <Payments />
+                <FrontDoor />
+              </div>
+            </div>
+            <ReleaseCatalog />
+          </div>
+          <div className="flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]">
+            <AccountAccess />
+            <CardOverview />
+            <TransferFunds />
+            <CoverArt />
+            <LoadingCard />
+          </div>
+          <div className="flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]">
+            <ReceivingMethod />
+            <PowerUsage />
+            <EmptyConnectBank />
+            <UpcomingPayments />
+            <RollerShades />
+          </div>
+          <div className="flex flex-col p-1 [contain-intrinsic-size:380px_1200px] [content-visibility:auto]">
+            <StockPerformance />
+            <EmptyExploreCatalog />
+            <NewMilestone />
+            <SocialLinks />
+            <NotificationSettings />
+          </div>
+        </div>
+      </div>
+    </div>
+  )
+}