From df1752dfe092957f84aa467d2270436139e3ecc7 Mon Sep 17 00:00:00 2001 From: shadcn Date: Tue, 26 May 2026 22:54:07 +0400 Subject: [PATCH] feat: rhea (#10779) * feat: add rhea * fix: blocks * feat: build chat example * fix * fix: sidebar * fix * feat: update home * fix * fix * fix * feat: optimizine fonts * feat * fix * fix * fix * fix * fix * fix * fix: font in preview * fix --- .changeset/silent-crabs-bow.md | 5 + .gitignore | 1 + .../app/(app)/(root)/cards/account-access.tsx | 94 + .../app/(app)/(root)/cards/analytics-card.tsx | 46 + .../(app)/(root)/cards/claimable-balance.tsx | 75 + .../(root)/cards/contribution-history.tsx | 88 + .../(app)/(root)/cards/dividend-income.tsx | 116 + .../(root)/cards/empty-distribute-track.tsx | 37 + apps/v4/app/(app)/(root)/cards/index.tsx | 117 + .../app/(app)/(root)/cards/new-milestone.tsx | 52 + .../(root)/cards/notification-settings.tsx | 76 + apps/v4/app/(app)/(root)/cards/payments.tsx | 139 + .../(app)/(root)/cards/payout-threshold.tsx | 112 + .../v4/app/(app)/(root)/cards/power-usage.tsx | 67 + apps/v4/app/(app)/(root)/cards/qr-connect.tsx | 64 + .../(app)/(root)/cards/savings-targets.tsx | 81 + .../v4/app/(app)/(root)/cards/sidebar-nav.tsx | 218 + .../(root)/cards/skeleton/account-access.tsx | 35 + .../(root)/cards/skeleton/analytics-card.tsx | 17 + .../cards/skeleton/claimable-balance.tsx | 41 + .../cards/skeleton/contribution-history.tsx | 53 + .../(root)/cards/skeleton/dividend-income.tsx | 49 + .../cards/skeleton/empty-distribute-track.tsx | 20 + .../app/(app)/(root)/cards/skeleton/index.tsx | 56 + .../(root)/cards/skeleton/new-milestone.tsx | 38 + .../cards/skeleton/notification-settings.tsx | 34 + .../(app)/(root)/cards/skeleton/payments.tsx | 37 + .../cards/skeleton/payout-threshold.tsx | 43 + .../(root)/cards/skeleton/power-usage.tsx | 54 + .../(root)/cards/skeleton/qr-connect.tsx | 17 + .../(root)/cards/skeleton/savings-targets.tsx | 44 + .../(root)/cards/skeleton/sidebar-nav.tsx | 39 + .../(root)/cards/skeleton/transfer-funds.tsx | 55 + .../(root)/cards/skeleton/ui-elements.tsx | 45 + .../app/(app)/(root)/cards/transfer-funds.tsx | 139 + .../v4/app/(app)/(root)/cards/ui-elements.tsx | 176 + .../(root)/components/appearance-settings.tsx | 135 - .../(root)/components/button-group-demo.tsx | 120 - .../components/button-group-input-group.tsx | 58 - .../(root)/components/button-group-nested.tsx | 32 - .../components/button-group-popover.tsx | 45 - .../(root)/components/empty-avatar-group.tsx | 58 - .../(root)/components/empty-input-group.tsx | 43 - .../(root)/components/field-checkbox.tsx | 15 - .../(root)/components/field-choice-card.tsx | 62 - .../(app)/(root)/components/field-demo.tsx | 158 - .../(app)/(root)/components/field-hear.tsx | 72 - .../(app)/(root)/components/field-slider.tsx | 35 - apps/v4/app/(app)/(root)/components/index.tsx | 52 - .../(root)/components/input-group-button.tsx | 68 - .../(root)/components/input-group-demo.tsx | 98 - .../components/input-group-textarea.tsx | 46 - .../(app)/(root)/components/item-avatar.tsx | 78 - .../app/(app)/(root)/components/item-demo.tsx | 42 - .../(root)/components/notion-prompt-form.tsx | 453 --- .../(app)/(root)/components/spinner-badge.tsx | 21 - .../(app)/(root)/components/spinner-empty.tsx | 31 - apps/v4/app/(app)/(root)/page.tsx | 24 +- .../(app)/create/components/customizer.tsx | 2 +- .../components/design-system-provider.tsx | 5 + .../(app)/create/components/radius-picker.tsx | 1 + apps/v4/app/(app)/create/lib/fonts.ts | 209 +- .../app/(app)/create/lib/randomize-biases.ts | 5 + apps/v4/app/(app)/docs/[[...slug]]/page.tsx | 2 +- apps/v4/app/(app)/docs/changelog/page.tsx | 2 +- .../(create)/preview/[base]/[name]/page.tsx | 2 + .../app/(create)/preview/font-variables.tsx | 21 + apps/v4/app/(create)/preview/fonts.ts | 190 + apps/v4/app/(create)/preview/layout.tsx | 15 + apps/v4/app/globals.css | 41 +- apps/v4/app/layout.tsx | 32 +- apps/v4/app/legacy-themes.css | 169 + apps/v4/app/style-registry.css | 10 + apps/v4/components/announcement.tsx | 2 +- apps/v4/components/command-menu.tsx | 2 +- apps/v4/components/docs-sidebar.tsx | 3 +- apps/v4/components/mobile-nav.tsx | 3 - apps/v4/components/site-header.tsx | 18 - .../content/docs/changelog/2026-05-rhea.mdx | 45 + apps/v4/lib/config.ts | 4 + apps/v4/lib/fonts.ts | 43 +- apps/v4/public/images/rhea-dark.png | Bin 0 -> 210072 bytes apps/v4/public/images/rhea-light.png | Bin 0 -> 258025 bytes apps/v4/public/r/config.json | 36 + .../r/styles/base-luma/dialog-example.json | 2 +- .../public/r/styles/base-luma/preview-03.json | 5 +- .../styles/base-luma/scroll-area-example.json | 2 +- .../r/styles/base-luma/sheet-example.json | 2 +- .../public/r/styles/base-luma/sidebar-07.json | 6 +- .../r/styles/base-luma/tabs-example.json | 2 +- .../base-luma/toggle-group-example.json | 2 +- .../r/styles/base-lyra/dialog-example.json | 2 +- .../public/r/styles/base-lyra/preview-03.json | 5 +- .../styles/base-lyra/scroll-area-example.json | 2 +- .../r/styles/base-lyra/sheet-example.json | 2 +- .../public/r/styles/base-lyra/sidebar-07.json | 6 +- .../r/styles/base-lyra/tabs-example.json | 2 +- .../base-lyra/toggle-group-example.json | 2 +- .../r/styles/base-maia/dialog-example.json | 2 +- .../public/r/styles/base-maia/preview-03.json | 5 +- .../styles/base-maia/scroll-area-example.json | 2 +- .../r/styles/base-maia/sheet-example.json | 2 +- .../public/r/styles/base-maia/sidebar-07.json | 6 +- .../r/styles/base-maia/tabs-example.json | 2 +- .../base-maia/toggle-group-example.json | 2 +- .../r/styles/base-mira/dialog-example.json | 2 +- .../public/r/styles/base-mira/preview-03.json | 5 +- .../styles/base-mira/scroll-area-example.json | 2 +- .../r/styles/base-mira/sheet-example.json | 2 +- .../public/r/styles/base-mira/sidebar-07.json | 6 +- .../r/styles/base-mira/tabs-example.json | 2 +- .../base-mira/toggle-group-example.json | 2 +- .../r/styles/base-nova/dialog-example.json | 2 +- .../public/r/styles/base-nova/preview-03.json | 5 +- .../styles/base-nova/scroll-area-example.json | 2 +- .../r/styles/base-nova/sheet-example.json | 2 +- .../public/r/styles/base-nova/sidebar-07.json | 6 +- .../r/styles/base-nova/tabs-example.json | 2 +- .../base-nova/toggle-group-example.json | 2 +- .../r/styles/base-rhea/accordion-example.json | 19 + .../public/r/styles/base-rhea/accordion.json | 19 + .../base-rhea/alert-dialog-example.json | 19 + .../r/styles/base-rhea/alert-dialog.json | 22 + .../r/styles/base-rhea/alert-example.json | 18 + apps/v4/public/r/styles/base-rhea/alert.json | 18 + .../base-rhea/aspect-ratio-example.json | 17 + .../r/styles/base-rhea/aspect-ratio.json | 18 + .../r/styles/base-rhea/avatar-example.json | 19 + apps/v4/public/r/styles/base-rhea/avatar.json | 19 + .../r/styles/base-rhea/badge-example.json | 18 + apps/v4/public/r/styles/base-rhea/badge.json | 18 + .../styles/base-rhea/breadcrumb-example.json | 18 + .../public/r/styles/base-rhea/breadcrumb.json | 18 + .../r/styles/base-rhea/button-example.json | 17 + .../base-rhea/button-group-example.json | 26 + .../r/styles/base-rhea/button-group.json | 21 + apps/v4/public/r/styles/base-rhea/button.json | 18 + .../r/styles/base-rhea/calendar-example.json | 23 + .../public/r/styles/base-rhea/calendar.json | 26 + .../r/styles/base-rhea/card-example.json | 21 + apps/v4/public/r/styles/base-rhea/card.json | 18 + .../r/styles/base-rhea/carousel-example.json | 18 + .../public/r/styles/base-rhea/carousel.json | 25 + .../r/styles/base-rhea/chart-example.json | 18 + apps/v4/public/r/styles/base-rhea/chart.json | 24 + .../r/styles/base-rhea/checkbox-example.json | 19 + .../public/r/styles/base-rhea/checkbox.json | 19 + .../styles/base-rhea/collapsible-example.json | 22 + .../r/styles/base-rhea/collapsible.json | 19 + .../r/styles/base-rhea/combobox-example.json | 25 + .../public/r/styles/base-rhea/combobox.json | 26 + .../r/styles/base-rhea/command-example.json | 18 + .../v4/public/r/styles/base-rhea/command.json | 26 + .../r/styles/base-rhea/component-example.json | 26 + .../base-rhea/context-menu-example.json | 19 + .../r/styles/base-rhea/context-menu.json | 19 + .../r/styles/base-rhea/dashboard-01.json | 101 + apps/v4/public/r/styles/base-rhea/demo.json | 29 + .../r/styles/base-rhea/dialog-example.json | 29 + apps/v4/public/r/styles/base-rhea/dialog.json | 22 + .../public/r/styles/base-rhea/direction.json | 21 + .../r/styles/base-rhea/drawer-example.json | 17 + apps/v4/public/r/styles/base-rhea/drawer.json | 22 + .../base-rhea/dropdown-menu-example.json | 20 + .../r/styles/base-rhea/dropdown-menu.json | 19 + .../r/styles/base-rhea/empty-example.json | 20 + apps/v4/public/r/styles/base-rhea/empty.json | 18 + .../v4/public/r/styles/base-rhea/example.json | 13 + .../r/styles/base-rhea/field-example.json | 27 + apps/v4/public/r/styles/base-rhea/field.json | 22 + .../r/styles/base-rhea/font-dm-sans.json | 16 + .../r/styles/base-rhea/font-eb-garamond.json | 16 + .../r/styles/base-rhea/font-figtree.json | 16 + .../r/styles/base-rhea/font-geist-mono.json | 16 + .../public/r/styles/base-rhea/font-geist.json | 16 + .../base-rhea/font-heading-dm-sans.json | 16 + .../base-rhea/font-heading-eb-garamond.json | 16 + .../base-rhea/font-heading-figtree.json | 16 + .../base-rhea/font-heading-geist-mono.json | 16 + .../styles/base-rhea/font-heading-geist.json | 16 + .../base-rhea/font-heading-ibm-plex-sans.json | 16 + .../font-heading-instrument-sans.json | 16 + .../font-heading-instrument-serif.json | 19 + .../styles/base-rhea/font-heading-inter.json | 16 + .../font-heading-jetbrains-mono.json | 16 + .../r/styles/base-rhea/font-heading-lora.json | 16 + .../base-rhea/font-heading-manrope.json | 16 + .../base-rhea/font-heading-merriweather.json | 16 + .../base-rhea/font-heading-montserrat.json | 16 + .../base-rhea/font-heading-noto-sans.json | 16 + .../base-rhea/font-heading-noto-serif.json | 16 + .../base-rhea/font-heading-nunito-sans.json | 16 + .../styles/base-rhea/font-heading-outfit.json | 16 + .../base-rhea/font-heading-oxanium.json | 16 + .../font-heading-playfair-display.json | 16 + .../base-rhea/font-heading-public-sans.json | 16 + .../base-rhea/font-heading-raleway.json | 16 + .../base-rhea/font-heading-roboto-slab.json | 16 + .../styles/base-rhea/font-heading-roboto.json | 16 + .../base-rhea/font-heading-source-sans-3.json | 16 + .../base-rhea/font-heading-space-grotesk.json | 16 + .../styles/base-rhea/font-ibm-plex-sans.json | 16 + .../base-rhea/font-instrument-sans.json | 16 + .../base-rhea/font-instrument-serif.json | 19 + .../public/r/styles/base-rhea/font-inter.json | 16 + .../styles/base-rhea/font-jetbrains-mono.json | 16 + .../public/r/styles/base-rhea/font-lora.json | 16 + .../r/styles/base-rhea/font-manrope.json | 16 + .../r/styles/base-rhea/font-merriweather.json | 16 + .../r/styles/base-rhea/font-montserrat.json | 16 + .../r/styles/base-rhea/font-noto-sans.json | 16 + .../r/styles/base-rhea/font-noto-serif.json | 16 + .../r/styles/base-rhea/font-nunito-sans.json | 16 + .../r/styles/base-rhea/font-outfit.json | 16 + .../r/styles/base-rhea/font-oxanium.json | 16 + .../base-rhea/font-playfair-display.json | 16 + .../r/styles/base-rhea/font-public-sans.json | 16 + .../r/styles/base-rhea/font-raleway.json | 16 + .../r/styles/base-rhea/font-roboto-slab.json | 16 + .../r/styles/base-rhea/font-roboto.json | 16 + .../styles/base-rhea/font-source-sans-3.json | 16 + .../styles/base-rhea/font-space-grotesk.json | 16 + apps/v4/public/r/styles/base-rhea/form.json | 5 + .../styles/base-rhea/hover-card-example.json | 19 + .../public/r/styles/base-rhea/hover-card.json | 19 + apps/v4/public/r/styles/base-rhea/index.json | 31 + .../r/styles/base-rhea/input-example.json | 21 + .../styles/base-rhea/input-group-example.json | 28 + .../r/styles/base-rhea/input-group.json | 23 + .../r/styles/base-rhea/input-otp-example.json | 20 + .../public/r/styles/base-rhea/input-otp.json | 22 + apps/v4/public/r/styles/base-rhea/input.json | 18 + .../r/styles/base-rhea/item-example.json | 18 + apps/v4/public/r/styles/base-rhea/item.json | 21 + .../r/styles/base-rhea/kbd-example.json | 20 + apps/v4/public/r/styles/base-rhea/kbd.json | 18 + .../r/styles/base-rhea/label-example.json | 21 + apps/v4/public/r/styles/base-rhea/label.json | 19 + .../public/r/styles/base-rhea/login-01.json | 31 + .../public/r/styles/base-rhea/login-02.json | 30 + .../public/r/styles/base-rhea/login-03.json | 31 + .../public/r/styles/base-rhea/login-04.json | 31 + .../public/r/styles/base-rhea/login-05.json | 30 + .../r/styles/base-rhea/menubar-example.json | 19 + .../v4/public/r/styles/base-rhea/menubar.json | 22 + .../base-rhea/native-select-example.json | 18 + .../r/styles/base-rhea/native-select.json | 18 + .../base-rhea/navigation-menu-example.json | 19 + .../r/styles/base-rhea/navigation-menu.json | 19 + .../styles/base-rhea/pagination-example.json | 19 + .../public/r/styles/base-rhea/pagination.json | 21 + .../r/styles/base-rhea/popover-example.json | 21 + .../v4/public/r/styles/base-rhea/popover.json | 19 + .../public/r/styles/base-rhea/preview-02.json | 48 + .../public/r/styles/base-rhea/preview-03.json | 14 + .../v4/public/r/styles/base-rhea/preview.json | 42 + .../r/styles/base-rhea/progress-example.json | 20 + .../public/r/styles/base-rhea/progress.json | 19 + .../styles/base-rhea/radio-group-example.json | 18 + .../r/styles/base-rhea/radio-group.json | 19 + .../public/r/styles/base-rhea/registry.json | 3555 +++++++++++++++++ .../r/styles/base-rhea/resizable-example.json | 17 + .../public/r/styles/base-rhea/resizable.json | 22 + .../styles/base-rhea/scroll-area-example.json | 18 + .../r/styles/base-rhea/scroll-area.json | 19 + .../r/styles/base-rhea/select-example.json | 23 + apps/v4/public/r/styles/base-rhea/select.json | 19 + .../r/styles/base-rhea/separator-example.json | 17 + .../public/r/styles/base-rhea/separator.json | 19 + .../r/styles/base-rhea/sheet-example.json | 20 + apps/v4/public/r/styles/base-rhea/sheet.json | 22 + .../public/r/styles/base-rhea/sidebar-01.json | 41 + .../public/r/styles/base-rhea/sidebar-02.json | 41 + .../public/r/styles/base-rhea/sidebar-03.json | 28 + .../public/r/styles/base-rhea/sidebar-04.json | 29 + .../public/r/styles/base-rhea/sidebar-05.json | 36 + .../public/r/styles/base-rhea/sidebar-06.json | 41 + .../public/r/styles/base-rhea/sidebar-07.json | 52 + .../public/r/styles/base-rhea/sidebar-08.json | 52 + .../public/r/styles/base-rhea/sidebar-09.json | 39 + .../public/r/styles/base-rhea/sidebar-10.json | 62 + .../public/r/styles/base-rhea/sidebar-11.json | 30 + .../public/r/styles/base-rhea/sidebar-12.json | 48 + .../public/r/styles/base-rhea/sidebar-13.json | 30 + .../public/r/styles/base-rhea/sidebar-14.json | 28 + .../public/r/styles/base-rhea/sidebar-15.json | 79 + .../public/r/styles/base-rhea/sidebar-16.json | 64 + .../r/styles/base-rhea/sidebar-example.json | 21 + .../base-rhea/sidebar-floating-example.json | 22 + .../base-rhea/sidebar-icon-example.json | 22 + .../base-rhea/sidebar-inset-example.json | 18 + .../v4/public/r/styles/base-rhea/sidebar.json | 27 + .../public/r/styles/base-rhea/signup-01.json | 30 + .../public/r/styles/base-rhea/signup-02.json | 30 + .../public/r/styles/base-rhea/signup-03.json | 31 + .../public/r/styles/base-rhea/signup-04.json | 31 + .../public/r/styles/base-rhea/signup-05.json | 29 + .../r/styles/base-rhea/skeleton-example.json | 17 + .../public/r/styles/base-rhea/skeleton.json | 18 + .../r/styles/base-rhea/slider-example.json | 18 + apps/v4/public/r/styles/base-rhea/slider.json | 19 + .../r/styles/base-rhea/sonner-example.json | 17 + apps/v4/public/r/styles/base-rhea/sonner.json | 23 + .../r/styles/base-rhea/spinner-example.json | 22 + .../v4/public/r/styles/base-rhea/spinner.json | 18 + apps/v4/public/r/styles/base-rhea/style.json | 31 + .../r/styles/base-rhea/switch-example.json | 19 + apps/v4/public/r/styles/base-rhea/switch.json | 19 + .../r/styles/base-rhea/table-example.json | 21 + apps/v4/public/r/styles/base-rhea/table.json | 18 + .../r/styles/base-rhea/tabs-example.json | 19 + apps/v4/public/r/styles/base-rhea/tabs.json | 19 + .../r/styles/base-rhea/textarea-example.json | 18 + .../public/r/styles/base-rhea/textarea.json | 18 + .../r/styles/base-rhea/toggle-example.json | 17 + .../base-rhea/toggle-group-example.json | 19 + .../r/styles/base-rhea/toggle-group.json | 22 + apps/v4/public/r/styles/base-rhea/toggle.json | 19 + .../r/styles/base-rhea/tooltip-example.json | 19 + .../v4/public/r/styles/base-rhea/tooltip.json | 20 + .../public/r/styles/base-rhea/use-mobile.json | 12 + apps/v4/public/r/styles/base-rhea/utils.json | 16 + .../r/styles/base-sera/dialog-example.json | 2 +- .../public/r/styles/base-sera/preview-03.json | 14 + .../styles/base-sera/scroll-area-example.json | 2 +- .../r/styles/base-sera/sheet-example.json | 2 +- .../public/r/styles/base-sera/sidebar-07.json | 6 +- .../r/styles/base-sera/tabs-example.json | 2 +- .../base-sera/toggle-group-example.json | 2 +- .../r/styles/base-vega/dialog-example.json | 2 +- .../public/r/styles/base-vega/preview-03.json | 5 +- .../styles/base-vega/scroll-area-example.json | 2 +- .../r/styles/base-vega/sheet-example.json | 2 +- .../public/r/styles/base-vega/sidebar-07.json | 6 +- .../r/styles/base-vega/tabs-example.json | 2 +- .../base-vega/toggle-group-example.json | 2 +- .../r/styles/radix-luma/dialog-example.json | 2 +- .../r/styles/radix-luma/preview-03.json | 5 +- .../radix-luma/scroll-area-example.json | 2 +- .../r/styles/radix-luma/sheet-example.json | 2 +- .../r/styles/radix-luma/sidebar-07.json | 6 +- .../radix-luma/sidebar-floating-example.json | 2 +- .../r/styles/radix-luma/tabs-example.json | 2 +- .../radix-luma/toggle-group-example.json | 2 +- .../r/styles/radix-lyra/dialog-example.json | 2 +- .../r/styles/radix-lyra/preview-03.json | 5 +- .../radix-lyra/scroll-area-example.json | 2 +- .../r/styles/radix-lyra/sheet-example.json | 2 +- .../r/styles/radix-lyra/sidebar-07.json | 6 +- .../radix-lyra/sidebar-floating-example.json | 2 +- .../r/styles/radix-lyra/tabs-example.json | 2 +- .../radix-lyra/toggle-group-example.json | 2 +- .../r/styles/radix-maia/dialog-example.json | 2 +- .../r/styles/radix-maia/preview-03.json | 5 +- .../radix-maia/scroll-area-example.json | 2 +- .../r/styles/radix-maia/sheet-example.json | 2 +- .../r/styles/radix-maia/sidebar-07.json | 6 +- .../radix-maia/sidebar-floating-example.json | 2 +- .../r/styles/radix-maia/tabs-example.json | 2 +- .../radix-maia/toggle-group-example.json | 2 +- .../r/styles/radix-mira/dialog-example.json | 2 +- .../r/styles/radix-mira/preview-03.json | 5 +- .../radix-mira/scroll-area-example.json | 2 +- .../r/styles/radix-mira/sheet-example.json | 2 +- .../r/styles/radix-mira/sidebar-07.json | 6 +- .../radix-mira/sidebar-floating-example.json | 2 +- .../r/styles/radix-mira/tabs-example.json | 2 +- .../radix-mira/toggle-group-example.json | 2 +- .../r/styles/radix-nova/dialog-example.json | 2 +- .../r/styles/radix-nova/preview-03.json | 5 +- .../radix-nova/scroll-area-example.json | 2 +- .../r/styles/radix-nova/sheet-example.json | 2 +- .../r/styles/radix-nova/sidebar-07.json | 6 +- .../radix-nova/sidebar-floating-example.json | 2 +- .../r/styles/radix-nova/tabs-example.json | 2 +- .../radix-nova/toggle-group-example.json | 2 +- .../styles/radix-rhea/accordion-example.json | 19 + .../public/r/styles/radix-rhea/accordion.json | 19 + .../radix-rhea/alert-dialog-example.json | 19 + .../r/styles/radix-rhea/alert-dialog.json | 22 + .../r/styles/radix-rhea/alert-example.json | 19 + apps/v4/public/r/styles/radix-rhea/alert.json | 18 + .../radix-rhea/aspect-ratio-example.json | 17 + .../r/styles/radix-rhea/aspect-ratio.json | 19 + .../r/styles/radix-rhea/avatar-example.json | 19 + .../v4/public/r/styles/radix-rhea/avatar.json | 19 + .../r/styles/radix-rhea/badge-example.json | 18 + apps/v4/public/r/styles/radix-rhea/badge.json | 18 + .../styles/radix-rhea/breadcrumb-example.json | 18 + .../r/styles/radix-rhea/breadcrumb.json | 18 + .../r/styles/radix-rhea/button-example.json | 17 + .../radix-rhea/button-group-example.json | 26 + .../r/styles/radix-rhea/button-group.json | 21 + .../v4/public/r/styles/radix-rhea/button.json | 18 + .../r/styles/radix-rhea/calendar-example.json | 23 + .../public/r/styles/radix-rhea/calendar.json | 26 + .../r/styles/radix-rhea/card-example.json | 21 + apps/v4/public/r/styles/radix-rhea/card.json | 18 + .../r/styles/radix-rhea/carousel-example.json | 18 + .../public/r/styles/radix-rhea/carousel.json | 25 + .../r/styles/radix-rhea/chart-example.json | 18 + apps/v4/public/r/styles/radix-rhea/chart.json | 21 + .../r/styles/radix-rhea/checkbox-example.json | 19 + .../public/r/styles/radix-rhea/checkbox.json | 19 + .../radix-rhea/collapsible-example.json | 22 + .../r/styles/radix-rhea/collapsible.json | 19 + .../r/styles/radix-rhea/combobox-example.json | 25 + .../public/r/styles/radix-rhea/combobox.json | 26 + .../r/styles/radix-rhea/command-example.json | 18 + .../public/r/styles/radix-rhea/command.json | 26 + .../styles/radix-rhea/component-example.json | 26 + .../radix-rhea/context-menu-example.json | 19 + .../r/styles/radix-rhea/context-menu.json | 19 + .../r/styles/radix-rhea/dashboard-01.json | 101 + apps/v4/public/r/styles/radix-rhea/demo.json | 29 + .../r/styles/radix-rhea/dialog-example.json | 29 + .../v4/public/r/styles/radix-rhea/dialog.json | 22 + .../public/r/styles/radix-rhea/direction.json | 18 + .../r/styles/radix-rhea/drawer-example.json | 17 + .../v4/public/r/styles/radix-rhea/drawer.json | 22 + .../radix-rhea/dropdown-menu-example.json | 20 + .../r/styles/radix-rhea/dropdown-menu.json | 19 + .../r/styles/radix-rhea/empty-example.json | 20 + apps/v4/public/r/styles/radix-rhea/empty.json | 18 + .../public/r/styles/radix-rhea/example.json | 13 + .../r/styles/radix-rhea/field-example.json | 27 + apps/v4/public/r/styles/radix-rhea/field.json | 22 + .../r/styles/radix-rhea/font-dm-sans.json | 16 + .../r/styles/radix-rhea/font-eb-garamond.json | 16 + .../r/styles/radix-rhea/font-figtree.json | 16 + .../r/styles/radix-rhea/font-geist-mono.json | 16 + .../r/styles/radix-rhea/font-geist.json | 16 + .../radix-rhea/font-heading-dm-sans.json | 16 + .../radix-rhea/font-heading-eb-garamond.json | 16 + .../radix-rhea/font-heading-figtree.json | 16 + .../radix-rhea/font-heading-geist-mono.json | 16 + .../styles/radix-rhea/font-heading-geist.json | 16 + .../font-heading-ibm-plex-sans.json | 16 + .../font-heading-instrument-sans.json | 16 + .../font-heading-instrument-serif.json | 19 + .../styles/radix-rhea/font-heading-inter.json | 16 + .../font-heading-jetbrains-mono.json | 16 + .../styles/radix-rhea/font-heading-lora.json | 16 + .../radix-rhea/font-heading-manrope.json | 16 + .../radix-rhea/font-heading-merriweather.json | 16 + .../radix-rhea/font-heading-montserrat.json | 16 + .../radix-rhea/font-heading-noto-sans.json | 16 + .../radix-rhea/font-heading-noto-serif.json | 16 + .../radix-rhea/font-heading-nunito-sans.json | 16 + .../radix-rhea/font-heading-outfit.json | 16 + .../radix-rhea/font-heading-oxanium.json | 16 + .../font-heading-playfair-display.json | 16 + .../radix-rhea/font-heading-public-sans.json | 16 + .../radix-rhea/font-heading-raleway.json | 16 + .../radix-rhea/font-heading-roboto-slab.json | 16 + .../radix-rhea/font-heading-roboto.json | 16 + .../font-heading-source-sans-3.json | 16 + .../font-heading-space-grotesk.json | 16 + .../styles/radix-rhea/font-ibm-plex-sans.json | 16 + .../radix-rhea/font-instrument-sans.json | 16 + .../radix-rhea/font-instrument-serif.json | 19 + .../r/styles/radix-rhea/font-inter.json | 16 + .../radix-rhea/font-jetbrains-mono.json | 16 + .../public/r/styles/radix-rhea/font-lora.json | 16 + .../r/styles/radix-rhea/font-manrope.json | 16 + .../styles/radix-rhea/font-merriweather.json | 16 + .../r/styles/radix-rhea/font-montserrat.json | 16 + .../r/styles/radix-rhea/font-noto-sans.json | 16 + .../r/styles/radix-rhea/font-noto-serif.json | 16 + .../r/styles/radix-rhea/font-nunito-sans.json | 16 + .../r/styles/radix-rhea/font-outfit.json | 16 + .../r/styles/radix-rhea/font-oxanium.json | 16 + .../radix-rhea/font-playfair-display.json | 16 + .../r/styles/radix-rhea/font-public-sans.json | 16 + .../r/styles/radix-rhea/font-raleway.json | 16 + .../r/styles/radix-rhea/font-roboto-slab.json | 16 + .../r/styles/radix-rhea/font-roboto.json | 16 + .../styles/radix-rhea/font-source-sans-3.json | 16 + .../styles/radix-rhea/font-space-grotesk.json | 16 + apps/v4/public/r/styles/radix-rhea/form.json | 5 + .../styles/radix-rhea/hover-card-example.json | 19 + .../r/styles/radix-rhea/hover-card.json | 19 + apps/v4/public/r/styles/radix-rhea/index.json | 31 + .../r/styles/radix-rhea/input-example.json | 21 + .../radix-rhea/input-group-example.json | 28 + .../r/styles/radix-rhea/input-group.json | 23 + .../styles/radix-rhea/input-otp-example.json | 20 + .../public/r/styles/radix-rhea/input-otp.json | 22 + apps/v4/public/r/styles/radix-rhea/input.json | 18 + .../r/styles/radix-rhea/item-example.json | 18 + apps/v4/public/r/styles/radix-rhea/item.json | 21 + .../r/styles/radix-rhea/kbd-example.json | 20 + apps/v4/public/r/styles/radix-rhea/kbd.json | 18 + .../r/styles/radix-rhea/label-example.json | 21 + apps/v4/public/r/styles/radix-rhea/label.json | 19 + .../public/r/styles/radix-rhea/login-01.json | 31 + .../public/r/styles/radix-rhea/login-02.json | 30 + .../public/r/styles/radix-rhea/login-03.json | 31 + .../public/r/styles/radix-rhea/login-04.json | 31 + .../public/r/styles/radix-rhea/login-05.json | 30 + .../r/styles/radix-rhea/menubar-example.json | 19 + .../public/r/styles/radix-rhea/menubar.json | 19 + .../radix-rhea/native-select-example.json | 18 + .../r/styles/radix-rhea/native-select.json | 18 + .../radix-rhea/navigation-menu-example.json | 19 + .../r/styles/radix-rhea/navigation-menu.json | 19 + .../styles/radix-rhea/pagination-example.json | 19 + .../r/styles/radix-rhea/pagination.json | 21 + .../r/styles/radix-rhea/popover-example.json | 21 + .../public/r/styles/radix-rhea/popover.json | 19 + .../r/styles/radix-rhea/preview-02.json | 48 + .../r/styles/radix-rhea/preview-03.json | 14 + .../public/r/styles/radix-rhea/preview.json | 41 + .../r/styles/radix-rhea/progress-example.json | 20 + .../public/r/styles/radix-rhea/progress.json | 19 + .../radix-rhea/radio-group-example.json | 18 + .../r/styles/radix-rhea/radio-group.json | 19 + .../public/r/styles/radix-rhea/registry.json | 3544 ++++++++++++++++ .../styles/radix-rhea/resizable-example.json | 17 + .../public/r/styles/radix-rhea/resizable.json | 22 + .../radix-rhea/scroll-area-example.json | 18 + .../r/styles/radix-rhea/scroll-area.json | 19 + .../r/styles/radix-rhea/select-example.json | 23 + .../v4/public/r/styles/radix-rhea/select.json | 19 + .../styles/radix-rhea/separator-example.json | 17 + .../public/r/styles/radix-rhea/separator.json | 19 + .../r/styles/radix-rhea/sheet-example.json | 20 + apps/v4/public/r/styles/radix-rhea/sheet.json | 22 + .../r/styles/radix-rhea/sidebar-01.json | 41 + .../r/styles/radix-rhea/sidebar-02.json | 41 + .../r/styles/radix-rhea/sidebar-03.json | 28 + .../r/styles/radix-rhea/sidebar-04.json | 29 + .../r/styles/radix-rhea/sidebar-05.json | 36 + .../r/styles/radix-rhea/sidebar-06.json | 41 + .../r/styles/radix-rhea/sidebar-07.json | 52 + .../r/styles/radix-rhea/sidebar-08.json | 52 + .../r/styles/radix-rhea/sidebar-09.json | 39 + .../r/styles/radix-rhea/sidebar-10.json | 62 + .../r/styles/radix-rhea/sidebar-11.json | 30 + .../r/styles/radix-rhea/sidebar-12.json | 48 + .../r/styles/radix-rhea/sidebar-13.json | 30 + .../r/styles/radix-rhea/sidebar-14.json | 28 + .../r/styles/radix-rhea/sidebar-15.json | 79 + .../r/styles/radix-rhea/sidebar-16.json | 64 + .../r/styles/radix-rhea/sidebar-example.json | 21 + .../radix-rhea/sidebar-floating-example.json | 22 + .../radix-rhea/sidebar-icon-example.json | 22 + .../radix-rhea/sidebar-inset-example.json | 18 + .../public/r/styles/radix-rhea/sidebar.json | 27 + .../public/r/styles/radix-rhea/signup-01.json | 30 + .../public/r/styles/radix-rhea/signup-02.json | 30 + .../public/r/styles/radix-rhea/signup-03.json | 31 + .../public/r/styles/radix-rhea/signup-04.json | 31 + .../public/r/styles/radix-rhea/signup-05.json | 29 + .../r/styles/radix-rhea/skeleton-example.json | 17 + .../public/r/styles/radix-rhea/skeleton.json | 18 + .../r/styles/radix-rhea/slider-example.json | 18 + .../v4/public/r/styles/radix-rhea/slider.json | 19 + .../r/styles/radix-rhea/sonner-example.json | 17 + .../v4/public/r/styles/radix-rhea/sonner.json | 23 + .../r/styles/radix-rhea/spinner-example.json | 22 + .../public/r/styles/radix-rhea/spinner.json | 18 + apps/v4/public/r/styles/radix-rhea/style.json | 31 + .../r/styles/radix-rhea/switch-example.json | 19 + .../v4/public/r/styles/radix-rhea/switch.json | 19 + .../r/styles/radix-rhea/table-example.json | 21 + apps/v4/public/r/styles/radix-rhea/table.json | 18 + .../r/styles/radix-rhea/tabs-example.json | 19 + apps/v4/public/r/styles/radix-rhea/tabs.json | 19 + .../r/styles/radix-rhea/textarea-example.json | 18 + .../public/r/styles/radix-rhea/textarea.json | 18 + .../r/styles/radix-rhea/toggle-example.json | 17 + .../radix-rhea/toggle-group-example.json | 19 + .../r/styles/radix-rhea/toggle-group.json | 22 + .../v4/public/r/styles/radix-rhea/toggle.json | 19 + .../r/styles/radix-rhea/tooltip-example.json | 19 + .../public/r/styles/radix-rhea/tooltip.json | 20 + .../r/styles/radix-rhea/use-mobile.json | 12 + apps/v4/public/r/styles/radix-rhea/utils.json | 16 + .../r/styles/radix-sera/dialog-example.json | 2 +- .../r/styles/radix-sera/preview-03.json | 14 + .../radix-sera/scroll-area-example.json | 2 +- .../r/styles/radix-sera/sheet-example.json | 2 +- .../r/styles/radix-sera/sidebar-07.json | 6 +- .../radix-sera/sidebar-floating-example.json | 2 +- .../r/styles/radix-sera/tabs-example.json | 2 +- .../radix-sera/toggle-group-example.json | 2 +- .../r/styles/radix-vega/dialog-example.json | 2 +- .../r/styles/radix-vega/preview-03.json | 5 +- .../radix-vega/scroll-area-example.json | 2 +- .../r/styles/radix-vega/sheet-example.json | 2 +- .../r/styles/radix-vega/sidebar-07.json | 6 +- .../radix-vega/sidebar-floating-example.json | 2 +- .../r/styles/radix-vega/tabs-example.json | 2 +- .../radix-vega/toggle-group-example.json | 2 +- apps/v4/public/schema.json | 4 +- apps/v4/registry/__index__.tsx | 3495 ++++++++++++++++ .../blocks/preview-02/cards/sidebar-nav.tsx | 48 + .../blocks/preview/cards/codespaces-card.tsx | 2 +- .../base/blocks/preview/cards/ui-elements.tsx | 2 +- .../sidebar-07/components/nav-projects.tsx | 7 +- .../blocks/sidebar-07/components/nav-user.tsx | 2 +- .../sidebar-07/components/team-switcher.tsx | 2 +- .../bases/base/examples/dialog-example.tsx | 6 +- .../base/examples/scroll-area-example.tsx | 4 +- .../bases/base/examples/sheet-example.tsx | 4 +- .../bases/base/examples/tabs-example.tsx | 10 +- .../base/examples/toggle-group-example.tsx | 8 +- .../blocks/preview-02/cards/sidebar-nav.tsx | 48 + .../blocks/preview/cards/codespaces-card.tsx | 2 +- .../blocks/preview/cards/ui-elements.tsx | 2 +- .../sidebar-07/components/nav-projects.tsx | 7 +- .../blocks/sidebar-07/components/nav-user.tsx | 2 +- .../sidebar-07/components/team-switcher.tsx | 2 +- .../bases/radix/examples/dialog-example.tsx | 6 +- .../radix/examples/scroll-area-example.tsx | 4 +- .../bases/radix/examples/sheet-example.tsx | 4 +- .../examples/sidebar-floating-example.tsx | 4 +- .../bases/radix/examples/tabs-example.tsx | 10 +- .../radix/examples/toggle-group-example.tsx | 9 +- apps/v4/registry/config.ts | 37 + apps/v4/registry/styles.tsx | 23 + apps/v4/registry/styles/style-rhea.css | 1365 +++++++ apps/v4/styles/base-rhea/ui/accordion.tsx | 81 + apps/v4/styles/base-rhea/ui/alert-dialog.tsx | 187 + apps/v4/styles/base-rhea/ui/alert.tsx | 76 + apps/v4/styles/base-rhea/ui/aspect-ratio.tsx | 22 + apps/v4/styles/base-rhea/ui/avatar.tsx | 109 + apps/v4/styles/base-rhea/ui/badge.tsx | 52 + apps/v4/styles/base-rhea/ui/breadcrumb.tsx | 122 + apps/v4/styles/base-rhea/ui/button-group.tsx | 87 + apps/v4/styles/base-rhea/ui/button.tsx | 56 + apps/v4/styles/base-rhea/ui/calendar.tsx | 231 ++ apps/v4/styles/base-rhea/ui/card.tsx | 100 + apps/v4/styles/base-rhea/ui/carousel.tsx | 242 ++ apps/v4/styles/base-rhea/ui/chart.tsx | 373 ++ apps/v4/styles/base-rhea/ui/checkbox.tsx | 28 + apps/v4/styles/base-rhea/ui/collapsible.tsx | 21 + apps/v4/styles/base-rhea/ui/combobox.tsx | 300 ++ apps/v4/styles/base-rhea/ui/command.tsx | 193 + apps/v4/styles/base-rhea/ui/context-menu.tsx | 272 ++ apps/v4/styles/base-rhea/ui/dialog.tsx | 159 + apps/v4/styles/base-rhea/ui/direction.tsx | 6 + apps/v4/styles/base-rhea/ui/drawer.tsx | 134 + apps/v4/styles/base-rhea/ui/dropdown-menu.tsx | 272 ++ apps/v4/styles/base-rhea/ui/empty.tsx | 104 + apps/v4/styles/base-rhea/ui/field.tsx | 238 ++ apps/v4/styles/base-rhea/ui/hover-card.tsx | 51 + apps/v4/styles/base-rhea/ui/input-group.tsx | 157 + apps/v4/styles/base-rhea/ui/input-otp.tsx | 86 + apps/v4/styles/base-rhea/ui/input.tsx | 20 + apps/v4/styles/base-rhea/ui/item.tsx | 201 + apps/v4/styles/base-rhea/ui/kbd.tsx | 26 + apps/v4/styles/base-rhea/ui/label.tsx | 20 + apps/v4/styles/base-rhea/ui/menubar.tsx | 284 ++ apps/v4/styles/base-rhea/ui/native-select.tsx | 65 + .../styles/base-rhea/ui/navigation-menu.tsx | 171 + apps/v4/styles/base-rhea/ui/pagination.tsx | 133 + apps/v4/styles/base-rhea/ui/popover.tsx | 90 + apps/v4/styles/base-rhea/ui/progress.tsx | 83 + apps/v4/styles/base-rhea/ui/radio-group.tsx | 38 + apps/v4/styles/base-rhea/ui/resizable.tsx | 50 + apps/v4/styles/base-rhea/ui/scroll-area.tsx | 55 + apps/v4/styles/base-rhea/ui/select.tsx | 202 + apps/v4/styles/base-rhea/ui/separator.tsx | 25 + apps/v4/styles/base-rhea/ui/sheet.tsx | 137 + apps/v4/styles/base-rhea/ui/sidebar.tsx | 726 ++++ apps/v4/styles/base-rhea/ui/skeleton.tsx | 13 + apps/v4/styles/base-rhea/ui/slider.tsx | 52 + apps/v4/styles/base-rhea/ui/sonner.tsx | 45 + apps/v4/styles/base-rhea/ui/spinner.tsx | 16 + apps/v4/styles/base-rhea/ui/switch.tsx | 32 + apps/v4/styles/base-rhea/ui/table.tsx | 116 + apps/v4/styles/base-rhea/ui/tabs.tsx | 82 + apps/v4/styles/base-rhea/ui/textarea.tsx | 18 + apps/v4/styles/base-rhea/ui/toggle-group.tsx | 89 + apps/v4/styles/base-rhea/ui/toggle.tsx | 45 + apps/v4/styles/base-rhea/ui/tooltip.tsx | 66 + apps/v4/styles/radix-rhea/ui/accordion.tsx | 90 + apps/v4/styles/radix-rhea/ui/alert-dialog.tsx | 199 + apps/v4/styles/radix-rhea/ui/alert.tsx | 76 + apps/v4/styles/radix-rhea/ui/aspect-ratio.tsx | 11 + apps/v4/styles/radix-rhea/ui/avatar.tsx | 112 + apps/v4/styles/radix-rhea/ui/badge.tsx | 49 + apps/v4/styles/radix-rhea/ui/breadcrumb.tsx | 119 + apps/v4/styles/radix-rhea/ui/button-group.tsx | 83 + apps/v4/styles/radix-rhea/ui/button.tsx | 65 + apps/v4/styles/radix-rhea/ui/calendar.tsx | 232 ++ apps/v4/styles/radix-rhea/ui/card.tsx | 100 + apps/v4/styles/radix-rhea/ui/carousel.tsx | 242 ++ apps/v4/styles/radix-rhea/ui/chart.tsx | 373 ++ apps/v4/styles/radix-rhea/ui/checkbox.tsx | 32 + apps/v4/styles/radix-rhea/ui/collapsible.tsx | 33 + apps/v4/styles/radix-rhea/ui/combobox.tsx | 302 ++ apps/v4/styles/radix-rhea/ui/command.tsx | 192 + apps/v4/styles/radix-rhea/ui/context-menu.tsx | 267 ++ apps/v4/styles/radix-rhea/ui/dialog.tsx | 167 + apps/v4/styles/radix-rhea/ui/direction.tsx | 22 + apps/v4/styles/radix-rhea/ui/drawer.tsx | 134 + .../v4/styles/radix-rhea/ui/dropdown-menu.tsx | 273 ++ apps/v4/styles/radix-rhea/ui/empty.tsx | 104 + apps/v4/styles/radix-rhea/ui/field.tsx | 238 ++ apps/v4/styles/radix-rhea/ui/hover-card.tsx | 44 + apps/v4/styles/radix-rhea/ui/input-group.tsx | 155 + apps/v4/styles/radix-rhea/ui/input-otp.tsx | 86 + apps/v4/styles/radix-rhea/ui/input.tsx | 19 + apps/v4/styles/radix-rhea/ui/item.tsx | 196 + apps/v4/styles/radix-rhea/ui/kbd.tsx | 26 + apps/v4/styles/radix-rhea/ui/label.tsx | 24 + apps/v4/styles/radix-rhea/ui/menubar.tsx | 284 ++ .../v4/styles/radix-rhea/ui/native-select.tsx | 65 + .../styles/radix-rhea/ui/navigation-menu.tsx | 167 + apps/v4/styles/radix-rhea/ui/pagination.tsx | 132 + apps/v4/styles/radix-rhea/ui/popover.tsx | 89 + apps/v4/styles/radix-rhea/ui/progress.tsx | 31 + apps/v4/styles/radix-rhea/ui/radio-group.tsx | 44 + apps/v4/styles/radix-rhea/ui/resizable.tsx | 50 + apps/v4/styles/radix-rhea/ui/scroll-area.tsx | 55 + apps/v4/styles/radix-rhea/ui/select.tsx | 195 + apps/v4/styles/radix-rhea/ui/separator.tsx | 28 + apps/v4/styles/radix-rhea/ui/sheet.tsx | 146 + apps/v4/styles/radix-rhea/ui/sidebar.tsx | 705 ++++ apps/v4/styles/radix-rhea/ui/skeleton.tsx | 13 + apps/v4/styles/radix-rhea/ui/slider.tsx | 59 + apps/v4/styles/radix-rhea/ui/sonner.tsx | 45 + apps/v4/styles/radix-rhea/ui/spinner.tsx | 16 + apps/v4/styles/radix-rhea/ui/switch.tsx | 33 + apps/v4/styles/radix-rhea/ui/table.tsx | 116 + apps/v4/styles/radix-rhea/ui/tabs.tsx | 90 + apps/v4/styles/radix-rhea/ui/textarea.tsx | 18 + apps/v4/styles/radix-rhea/ui/toggle-group.tsx | 89 + apps/v4/styles/radix-rhea/ui/toggle.tsx | 47 + apps/v4/styles/radix-rhea/ui/tooltip.tsx | 57 + packages/shadcn/src/preset/defaults.ts | 15 + packages/shadcn/src/preset/preset.ts | 1 + 735 files changed, 37514 insertions(+), 2238 deletions(-) create mode 100644 .changeset/silent-crabs-bow.md create mode 100644 apps/v4/app/(app)/(root)/cards/account-access.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/analytics-card.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/claimable-balance.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/contribution-history.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/dividend-income.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/empty-distribute-track.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/index.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/new-milestone.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/notification-settings.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/payments.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/payout-threshold.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/power-usage.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/qr-connect.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/savings-targets.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/sidebar-nav.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/account-access.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/analytics-card.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/claimable-balance.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/contribution-history.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/dividend-income.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/empty-distribute-track.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/index.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/new-milestone.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/notification-settings.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/payments.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/payout-threshold.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/power-usage.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/qr-connect.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/savings-targets.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/sidebar-nav.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/transfer-funds.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/skeleton/ui-elements.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/transfer-funds.tsx create mode 100644 apps/v4/app/(app)/(root)/cards/ui-elements.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/appearance-settings.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/button-group-demo.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/button-group-input-group.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/button-group-nested.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/button-group-popover.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/empty-input-group.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/field-checkbox.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/field-choice-card.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/field-demo.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/field-hear.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/field-slider.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/index.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/input-group-button.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/input-group-demo.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/input-group-textarea.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/item-avatar.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/item-demo.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/spinner-badge.tsx delete mode 100644 apps/v4/app/(app)/(root)/components/spinner-empty.tsx create mode 100644 apps/v4/app/(create)/preview/font-variables.tsx create mode 100644 apps/v4/app/(create)/preview/fonts.ts create mode 100644 apps/v4/app/(create)/preview/layout.tsx create mode 100644 apps/v4/app/style-registry.css create mode 100644 apps/v4/content/docs/changelog/2026-05-rhea.mdx create mode 100644 apps/v4/public/images/rhea-dark.png create mode 100644 apps/v4/public/images/rhea-light.png create mode 100644 apps/v4/public/r/styles/base-rhea/accordion-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/accordion.json create mode 100644 apps/v4/public/r/styles/base-rhea/alert-dialog-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/alert-dialog.json create mode 100644 apps/v4/public/r/styles/base-rhea/alert-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/alert.json create mode 100644 apps/v4/public/r/styles/base-rhea/aspect-ratio-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/aspect-ratio.json create mode 100644 apps/v4/public/r/styles/base-rhea/avatar-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/avatar.json create mode 100644 apps/v4/public/r/styles/base-rhea/badge-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/badge.json create mode 100644 apps/v4/public/r/styles/base-rhea/breadcrumb-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/breadcrumb.json create mode 100644 apps/v4/public/r/styles/base-rhea/button-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/button-group-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/button-group.json create mode 100644 apps/v4/public/r/styles/base-rhea/button.json create mode 100644 apps/v4/public/r/styles/base-rhea/calendar-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/calendar.json create mode 100644 apps/v4/public/r/styles/base-rhea/card-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/card.json create mode 100644 apps/v4/public/r/styles/base-rhea/carousel-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/carousel.json create mode 100644 apps/v4/public/r/styles/base-rhea/chart-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/chart.json create mode 100644 apps/v4/public/r/styles/base-rhea/checkbox-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/checkbox.json create mode 100644 apps/v4/public/r/styles/base-rhea/collapsible-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/collapsible.json create mode 100644 apps/v4/public/r/styles/base-rhea/combobox-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/combobox.json create mode 100644 apps/v4/public/r/styles/base-rhea/command-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/command.json create mode 100644 apps/v4/public/r/styles/base-rhea/component-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/context-menu-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/context-menu.json create mode 100644 apps/v4/public/r/styles/base-rhea/dashboard-01.json create mode 100644 apps/v4/public/r/styles/base-rhea/demo.json create mode 100644 apps/v4/public/r/styles/base-rhea/dialog-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/dialog.json create mode 100644 apps/v4/public/r/styles/base-rhea/direction.json create mode 100644 apps/v4/public/r/styles/base-rhea/drawer-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/drawer.json create mode 100644 apps/v4/public/r/styles/base-rhea/dropdown-menu-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/dropdown-menu.json create mode 100644 apps/v4/public/r/styles/base-rhea/empty-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/empty.json create mode 100644 apps/v4/public/r/styles/base-rhea/example.json create mode 100644 apps/v4/public/r/styles/base-rhea/field-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/field.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-dm-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-eb-garamond.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-figtree.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-geist-mono.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-geist.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-dm-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-eb-garamond.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-figtree.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-geist-mono.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-geist.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-ibm-plex-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-instrument-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-instrument-serif.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-inter.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-jetbrains-mono.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-lora.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-manrope.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-merriweather.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-montserrat.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-noto-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-noto-serif.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-nunito-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-outfit.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-oxanium.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-playfair-display.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-public-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-raleway.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-roboto-slab.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-roboto.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-source-sans-3.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-heading-space-grotesk.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-ibm-plex-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-instrument-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-instrument-serif.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-inter.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-jetbrains-mono.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-lora.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-manrope.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-merriweather.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-montserrat.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-noto-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-noto-serif.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-nunito-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-outfit.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-oxanium.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-playfair-display.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-public-sans.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-raleway.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-roboto-slab.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-roboto.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-source-sans-3.json create mode 100644 apps/v4/public/r/styles/base-rhea/font-space-grotesk.json create mode 100644 apps/v4/public/r/styles/base-rhea/form.json create mode 100644 apps/v4/public/r/styles/base-rhea/hover-card-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/hover-card.json create mode 100644 apps/v4/public/r/styles/base-rhea/index.json create mode 100644 apps/v4/public/r/styles/base-rhea/input-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/input-group-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/input-group.json create mode 100644 apps/v4/public/r/styles/base-rhea/input-otp-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/input-otp.json create mode 100644 apps/v4/public/r/styles/base-rhea/input.json create mode 100644 apps/v4/public/r/styles/base-rhea/item-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/item.json create mode 100644 apps/v4/public/r/styles/base-rhea/kbd-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/kbd.json create mode 100644 apps/v4/public/r/styles/base-rhea/label-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/label.json create mode 100644 apps/v4/public/r/styles/base-rhea/login-01.json create mode 100644 apps/v4/public/r/styles/base-rhea/login-02.json create mode 100644 apps/v4/public/r/styles/base-rhea/login-03.json create mode 100644 apps/v4/public/r/styles/base-rhea/login-04.json create mode 100644 apps/v4/public/r/styles/base-rhea/login-05.json create mode 100644 apps/v4/public/r/styles/base-rhea/menubar-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/menubar.json create mode 100644 apps/v4/public/r/styles/base-rhea/native-select-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/native-select.json create mode 100644 apps/v4/public/r/styles/base-rhea/navigation-menu-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/navigation-menu.json create mode 100644 apps/v4/public/r/styles/base-rhea/pagination-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/pagination.json create mode 100644 apps/v4/public/r/styles/base-rhea/popover-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/popover.json create mode 100644 apps/v4/public/r/styles/base-rhea/preview-02.json create mode 100644 apps/v4/public/r/styles/base-rhea/preview-03.json create mode 100644 apps/v4/public/r/styles/base-rhea/preview.json create mode 100644 apps/v4/public/r/styles/base-rhea/progress-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/progress.json create mode 100644 apps/v4/public/r/styles/base-rhea/radio-group-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/radio-group.json create mode 100644 apps/v4/public/r/styles/base-rhea/registry.json create mode 100644 apps/v4/public/r/styles/base-rhea/resizable-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/resizable.json create mode 100644 apps/v4/public/r/styles/base-rhea/scroll-area-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/scroll-area.json create mode 100644 apps/v4/public/r/styles/base-rhea/select-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/select.json create mode 100644 apps/v4/public/r/styles/base-rhea/separator-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/separator.json create mode 100644 apps/v4/public/r/styles/base-rhea/sheet-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/sheet.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-01.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-02.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-03.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-04.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-05.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-06.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-07.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-08.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-09.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-10.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-11.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-12.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-13.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-14.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-15.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-16.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-floating-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-icon-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar-inset-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/sidebar.json create mode 100644 apps/v4/public/r/styles/base-rhea/signup-01.json create mode 100644 apps/v4/public/r/styles/base-rhea/signup-02.json create mode 100644 apps/v4/public/r/styles/base-rhea/signup-03.json create mode 100644 apps/v4/public/r/styles/base-rhea/signup-04.json create mode 100644 apps/v4/public/r/styles/base-rhea/signup-05.json create mode 100644 apps/v4/public/r/styles/base-rhea/skeleton-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/skeleton.json create mode 100644 apps/v4/public/r/styles/base-rhea/slider-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/slider.json create mode 100644 apps/v4/public/r/styles/base-rhea/sonner-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/sonner.json create mode 100644 apps/v4/public/r/styles/base-rhea/spinner-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/spinner.json create mode 100644 apps/v4/public/r/styles/base-rhea/style.json create mode 100644 apps/v4/public/r/styles/base-rhea/switch-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/switch.json create mode 100644 apps/v4/public/r/styles/base-rhea/table-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/table.json create mode 100644 apps/v4/public/r/styles/base-rhea/tabs-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/tabs.json create mode 100644 apps/v4/public/r/styles/base-rhea/textarea-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/textarea.json create mode 100644 apps/v4/public/r/styles/base-rhea/toggle-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/toggle-group-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/toggle-group.json create mode 100644 apps/v4/public/r/styles/base-rhea/toggle.json create mode 100644 apps/v4/public/r/styles/base-rhea/tooltip-example.json create mode 100644 apps/v4/public/r/styles/base-rhea/tooltip.json create mode 100644 apps/v4/public/r/styles/base-rhea/use-mobile.json create mode 100644 apps/v4/public/r/styles/base-rhea/utils.json create mode 100644 apps/v4/public/r/styles/base-sera/preview-03.json create mode 100644 apps/v4/public/r/styles/radix-rhea/accordion-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/accordion.json create mode 100644 apps/v4/public/r/styles/radix-rhea/alert-dialog-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/alert-dialog.json create mode 100644 apps/v4/public/r/styles/radix-rhea/alert-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/alert.json create mode 100644 apps/v4/public/r/styles/radix-rhea/aspect-ratio-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/aspect-ratio.json create mode 100644 apps/v4/public/r/styles/radix-rhea/avatar-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/avatar.json create mode 100644 apps/v4/public/r/styles/radix-rhea/badge-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/badge.json create mode 100644 apps/v4/public/r/styles/radix-rhea/breadcrumb-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/breadcrumb.json create mode 100644 apps/v4/public/r/styles/radix-rhea/button-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/button-group-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/button-group.json create mode 100644 apps/v4/public/r/styles/radix-rhea/button.json create mode 100644 apps/v4/public/r/styles/radix-rhea/calendar-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/calendar.json create mode 100644 apps/v4/public/r/styles/radix-rhea/card-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/card.json create mode 100644 apps/v4/public/r/styles/radix-rhea/carousel-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/carousel.json create mode 100644 apps/v4/public/r/styles/radix-rhea/chart-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/chart.json create mode 100644 apps/v4/public/r/styles/radix-rhea/checkbox-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/checkbox.json create mode 100644 apps/v4/public/r/styles/radix-rhea/collapsible-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/collapsible.json create mode 100644 apps/v4/public/r/styles/radix-rhea/combobox-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/combobox.json create mode 100644 apps/v4/public/r/styles/radix-rhea/command-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/command.json create mode 100644 apps/v4/public/r/styles/radix-rhea/component-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/context-menu-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/context-menu.json create mode 100644 apps/v4/public/r/styles/radix-rhea/dashboard-01.json create mode 100644 apps/v4/public/r/styles/radix-rhea/demo.json create mode 100644 apps/v4/public/r/styles/radix-rhea/dialog-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/dialog.json create mode 100644 apps/v4/public/r/styles/radix-rhea/direction.json create mode 100644 apps/v4/public/r/styles/radix-rhea/drawer-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/drawer.json create mode 100644 apps/v4/public/r/styles/radix-rhea/dropdown-menu-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/dropdown-menu.json create mode 100644 apps/v4/public/r/styles/radix-rhea/empty-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/empty.json create mode 100644 apps/v4/public/r/styles/radix-rhea/example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/field-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/field.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-dm-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-eb-garamond.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-figtree.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-geist-mono.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-geist.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-dm-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-eb-garamond.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-figtree.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-geist-mono.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-geist.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-ibm-plex-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-instrument-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-instrument-serif.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-inter.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-jetbrains-mono.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-lora.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-manrope.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-merriweather.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-montserrat.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-noto-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-noto-serif.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-nunito-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-outfit.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-oxanium.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-playfair-display.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-public-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-raleway.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-roboto-slab.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-roboto.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-source-sans-3.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-heading-space-grotesk.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-ibm-plex-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-instrument-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-instrument-serif.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-inter.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-jetbrains-mono.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-lora.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-manrope.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-merriweather.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-montserrat.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-noto-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-noto-serif.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-nunito-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-outfit.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-oxanium.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-playfair-display.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-public-sans.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-raleway.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-roboto-slab.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-roboto.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-source-sans-3.json create mode 100644 apps/v4/public/r/styles/radix-rhea/font-space-grotesk.json create mode 100644 apps/v4/public/r/styles/radix-rhea/form.json create mode 100644 apps/v4/public/r/styles/radix-rhea/hover-card-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/hover-card.json create mode 100644 apps/v4/public/r/styles/radix-rhea/index.json create mode 100644 apps/v4/public/r/styles/radix-rhea/input-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/input-group-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/input-group.json create mode 100644 apps/v4/public/r/styles/radix-rhea/input-otp-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/input-otp.json create mode 100644 apps/v4/public/r/styles/radix-rhea/input.json create mode 100644 apps/v4/public/r/styles/radix-rhea/item-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/item.json create mode 100644 apps/v4/public/r/styles/radix-rhea/kbd-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/kbd.json create mode 100644 apps/v4/public/r/styles/radix-rhea/label-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/label.json create mode 100644 apps/v4/public/r/styles/radix-rhea/login-01.json create mode 100644 apps/v4/public/r/styles/radix-rhea/login-02.json create mode 100644 apps/v4/public/r/styles/radix-rhea/login-03.json create mode 100644 apps/v4/public/r/styles/radix-rhea/login-04.json create mode 100644 apps/v4/public/r/styles/radix-rhea/login-05.json create mode 100644 apps/v4/public/r/styles/radix-rhea/menubar-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/menubar.json create mode 100644 apps/v4/public/r/styles/radix-rhea/native-select-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/native-select.json create mode 100644 apps/v4/public/r/styles/radix-rhea/navigation-menu-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/navigation-menu.json create mode 100644 apps/v4/public/r/styles/radix-rhea/pagination-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/pagination.json create mode 100644 apps/v4/public/r/styles/radix-rhea/popover-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/popover.json create mode 100644 apps/v4/public/r/styles/radix-rhea/preview-02.json create mode 100644 apps/v4/public/r/styles/radix-rhea/preview-03.json create mode 100644 apps/v4/public/r/styles/radix-rhea/preview.json create mode 100644 apps/v4/public/r/styles/radix-rhea/progress-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/progress.json create mode 100644 apps/v4/public/r/styles/radix-rhea/radio-group-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/radio-group.json create mode 100644 apps/v4/public/r/styles/radix-rhea/registry.json create mode 100644 apps/v4/public/r/styles/radix-rhea/resizable-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/resizable.json create mode 100644 apps/v4/public/r/styles/radix-rhea/scroll-area-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/scroll-area.json create mode 100644 apps/v4/public/r/styles/radix-rhea/select-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/select.json create mode 100644 apps/v4/public/r/styles/radix-rhea/separator-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/separator.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sheet-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sheet.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-01.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-02.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-03.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-04.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-05.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-06.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-07.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-08.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-09.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-10.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-11.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-12.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-13.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-14.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-15.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-16.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-floating-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-icon-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar-inset-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sidebar.json create mode 100644 apps/v4/public/r/styles/radix-rhea/signup-01.json create mode 100644 apps/v4/public/r/styles/radix-rhea/signup-02.json create mode 100644 apps/v4/public/r/styles/radix-rhea/signup-03.json create mode 100644 apps/v4/public/r/styles/radix-rhea/signup-04.json create mode 100644 apps/v4/public/r/styles/radix-rhea/signup-05.json create mode 100644 apps/v4/public/r/styles/radix-rhea/skeleton-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/skeleton.json create mode 100644 apps/v4/public/r/styles/radix-rhea/slider-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/slider.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sonner-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/sonner.json create mode 100644 apps/v4/public/r/styles/radix-rhea/spinner-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/spinner.json create mode 100644 apps/v4/public/r/styles/radix-rhea/style.json create mode 100644 apps/v4/public/r/styles/radix-rhea/switch-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/switch.json create mode 100644 apps/v4/public/r/styles/radix-rhea/table-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/table.json create mode 100644 apps/v4/public/r/styles/radix-rhea/tabs-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/tabs.json create mode 100644 apps/v4/public/r/styles/radix-rhea/textarea-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/textarea.json create mode 100644 apps/v4/public/r/styles/radix-rhea/toggle-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/toggle-group-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/toggle-group.json create mode 100644 apps/v4/public/r/styles/radix-rhea/toggle.json create mode 100644 apps/v4/public/r/styles/radix-rhea/tooltip-example.json create mode 100644 apps/v4/public/r/styles/radix-rhea/tooltip.json create mode 100644 apps/v4/public/r/styles/radix-rhea/use-mobile.json create mode 100644 apps/v4/public/r/styles/radix-rhea/utils.json create mode 100644 apps/v4/public/r/styles/radix-sera/preview-03.json create mode 100644 apps/v4/registry/styles/style-rhea.css create mode 100644 apps/v4/styles/base-rhea/ui/accordion.tsx create mode 100644 apps/v4/styles/base-rhea/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/base-rhea/ui/alert.tsx create mode 100644 apps/v4/styles/base-rhea/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/base-rhea/ui/avatar.tsx create mode 100644 apps/v4/styles/base-rhea/ui/badge.tsx create mode 100644 apps/v4/styles/base-rhea/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/base-rhea/ui/button-group.tsx create mode 100644 apps/v4/styles/base-rhea/ui/button.tsx create mode 100644 apps/v4/styles/base-rhea/ui/calendar.tsx create mode 100644 apps/v4/styles/base-rhea/ui/card.tsx create mode 100644 apps/v4/styles/base-rhea/ui/carousel.tsx create mode 100644 apps/v4/styles/base-rhea/ui/chart.tsx create mode 100644 apps/v4/styles/base-rhea/ui/checkbox.tsx create mode 100644 apps/v4/styles/base-rhea/ui/collapsible.tsx create mode 100644 apps/v4/styles/base-rhea/ui/combobox.tsx create mode 100644 apps/v4/styles/base-rhea/ui/command.tsx create mode 100644 apps/v4/styles/base-rhea/ui/context-menu.tsx create mode 100644 apps/v4/styles/base-rhea/ui/dialog.tsx create mode 100644 apps/v4/styles/base-rhea/ui/direction.tsx create mode 100644 apps/v4/styles/base-rhea/ui/drawer.tsx create mode 100644 apps/v4/styles/base-rhea/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/base-rhea/ui/empty.tsx create mode 100644 apps/v4/styles/base-rhea/ui/field.tsx create mode 100644 apps/v4/styles/base-rhea/ui/hover-card.tsx create mode 100644 apps/v4/styles/base-rhea/ui/input-group.tsx create mode 100644 apps/v4/styles/base-rhea/ui/input-otp.tsx create mode 100644 apps/v4/styles/base-rhea/ui/input.tsx create mode 100644 apps/v4/styles/base-rhea/ui/item.tsx create mode 100644 apps/v4/styles/base-rhea/ui/kbd.tsx create mode 100644 apps/v4/styles/base-rhea/ui/label.tsx create mode 100644 apps/v4/styles/base-rhea/ui/menubar.tsx create mode 100644 apps/v4/styles/base-rhea/ui/native-select.tsx create mode 100644 apps/v4/styles/base-rhea/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/base-rhea/ui/pagination.tsx create mode 100644 apps/v4/styles/base-rhea/ui/popover.tsx create mode 100644 apps/v4/styles/base-rhea/ui/progress.tsx create mode 100644 apps/v4/styles/base-rhea/ui/radio-group.tsx create mode 100644 apps/v4/styles/base-rhea/ui/resizable.tsx create mode 100644 apps/v4/styles/base-rhea/ui/scroll-area.tsx create mode 100644 apps/v4/styles/base-rhea/ui/select.tsx create mode 100644 apps/v4/styles/base-rhea/ui/separator.tsx create mode 100644 apps/v4/styles/base-rhea/ui/sheet.tsx create mode 100644 apps/v4/styles/base-rhea/ui/sidebar.tsx create mode 100644 apps/v4/styles/base-rhea/ui/skeleton.tsx create mode 100644 apps/v4/styles/base-rhea/ui/slider.tsx create mode 100644 apps/v4/styles/base-rhea/ui/sonner.tsx create mode 100644 apps/v4/styles/base-rhea/ui/spinner.tsx create mode 100644 apps/v4/styles/base-rhea/ui/switch.tsx create mode 100644 apps/v4/styles/base-rhea/ui/table.tsx create mode 100644 apps/v4/styles/base-rhea/ui/tabs.tsx create mode 100644 apps/v4/styles/base-rhea/ui/textarea.tsx create mode 100644 apps/v4/styles/base-rhea/ui/toggle-group.tsx create mode 100644 apps/v4/styles/base-rhea/ui/toggle.tsx create mode 100644 apps/v4/styles/base-rhea/ui/tooltip.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/accordion.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/alert.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/avatar.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/badge.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/button-group.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/button.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/calendar.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/card.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/carousel.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/chart.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/checkbox.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/collapsible.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/combobox.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/command.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/context-menu.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/dialog.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/direction.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/drawer.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/empty.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/field.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/hover-card.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/input-group.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/input-otp.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/input.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/item.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/kbd.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/label.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/menubar.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/native-select.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/pagination.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/popover.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/progress.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/radio-group.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/resizable.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/scroll-area.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/select.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/separator.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/sheet.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/sidebar.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/skeleton.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/slider.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/sonner.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/spinner.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/switch.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/table.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/tabs.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/textarea.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/toggle-group.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/toggle.tsx create mode 100644 apps/v4/styles/radix-rhea/ui/tooltip.tsx diff --git a/.changeset/silent-crabs-bow.md b/.changeset/silent-crabs-bow.md new file mode 100644 index 0000000000..942d631954 --- /dev/null +++ b/.changeset/silent-crabs-bow.md @@ -0,0 +1,5 @@ +--- +"shadcn": patch +--- + +add style rhea diff --git a/.gitignore b/.gitignore index 58ebd7be60..8e9abde081 100644 --- a/.gitignore +++ b/.gitignore @@ -43,5 +43,6 @@ tsconfig.tsbuildinfo .notes .playwright-mcp +.playwright-cli shadcn-workspace .codex-artifacts diff --git a/apps/v4/app/(app)/(root)/cards/account-access.tsx b/apps/v4/app/(app)/(root)/cards/account-access.tsx new file mode 100644 index 0000000000..2cfebec880 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/account-access.tsx @@ -0,0 +1,94 @@ +import { + AlertCircleIcon, + ArrowRight01Icon, + SquareLock02Icon, +} from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" + +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-rhea/ui/field" +import { Input } from "@/styles/base-rhea/ui/input" +import { + Item, + ItemContent, + ItemDescription, + ItemMedia, + ItemTitle, +} from "@/styles/base-rhea/ui/item" + +export function AccountAccess() { + return ( + + + Account Access + + Update your credentials or re-authenticate. + + + + + + Email Address + + + +
+ + Current Password + + + Forgot? + +
+ + + + + + + }> + + + + + Danger Zone + + Archive account and remove catalog + + + + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/analytics-card.tsx b/apps/v4/app/(app)/(root)/cards/analytics-card.tsx new file mode 100644 index 0000000000..68584c8b93 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/analytics-card.tsx @@ -0,0 +1,46 @@ +import { Badge } from "@/styles/base-rhea/ui/badge" +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardAction, + CardDescription, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" + +const areaPath = "M0 52L18 40L36 46L54 70L72 50L100 49V86H0Z" +const strokePath = "M0 52L18 40L36 46L54 70L72 50L100 49" + +export function AnalyticsCard() { + return ( + + + Analytics + + 418.2K Visitors +10% + + + + + + + + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/claimable-balance.tsx b/apps/v4/app/(app)/(root)/cards/claimable-balance.tsx new file mode 100644 index 0000000000..60bc96c612 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/claimable-balance.tsx @@ -0,0 +1,75 @@ +import { Badge } from "@/styles/base-rhea/ui/badge" +import { + Card, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { Item, ItemContent } from "@/styles/base-rhea/ui/item" +import { Separator } from "@/styles/base-rhea/ui/separator" + +const netRoyalties = 1248.75 +const processingFee = 37.46 +const totalClaimable = netRoyalties - processingFee + +const formatCurrency = (amount: number) => + amount.toLocaleString("en-US", { + minimumFractionDigits: 2, + maximumFractionDigits: 2, + }) + +export function ClaimableBalance() { + return ( + + + Claimable Balance + + ${formatCurrency(totalClaimable)} + + + + Pending Setup + + + + + +
+ + Net Royalties + + + ${formatCurrency(netRoyalties)} + +
+
+ + Processing Fee + + + -${formatCurrency(processingFee)} + +
+ +
+ + Total Ready to Claim + + + ${formatCurrency(totalClaimable)} USD + +
+ + + + + + Once your bank is connected, balances over $10.00 are automatically + eligible for monthly distribution on the 15th of each month. + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/contribution-history.tsx b/apps/v4/app/(app)/(root)/cards/contribution-history.tsx new file mode 100644 index 0000000000..33a9eba8d3 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/contribution-history.tsx @@ -0,0 +1,88 @@ +import { Badge } from "@/styles/base-rhea/ui/badge" +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardAction, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { Item, ItemContent, ItemDescription } from "@/styles/base-rhea/ui/item" + +const chartData = [ + { month: "Dec", amount: 800 }, + { month: "Jan", amount: 1100 }, + { month: "Feb", amount: 900 }, + { month: "Mar", amount: 1300 }, + { month: "Apr", amount: 750 }, + { month: "May", amount: 1400 }, +] + +export function ContributionHistory() { + const maxAmount = Math.max(...chartData.map((item) => item.amount)) + + return ( + + + Contribution History + Last 6 months of activity + + +
+ {chartData.map((item) => ( +
+
+ + {item.month} + +
+ ))} +
+ + +
+ + + + Upcoming + + + May 2024 + + Scheduled + + + + + + Savings Plan + + + Accelerated + + Recurring + + +
+ + + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/dividend-income.tsx b/apps/v4/app/(app)/(root)/cards/dividend-income.tsx new file mode 100644 index 0000000000..056a00580f --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/dividend-income.tsx @@ -0,0 +1,116 @@ +import { Cancel01Icon } from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" + +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardAction, + CardContent, + CardDescription, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { + Item, + ItemContent, + ItemDescription, + ItemGroup, + ItemTitle, +} from "@/styles/base-rhea/ui/item" + +const HOLDINGS = [ + { + name: "Vanguard", + shares: "450 Shares", + amount: "$1,842.10", + data: [ + { q: "Q1", value: 380 }, + { q: "Q2", value: 420 }, + { q: "Q3", value: 390 }, + { q: "Q4", value: 652 }, + ], + }, + { + name: "S&P 500 VOO", + shares: "112 Shares", + amount: "$928.40", + data: [ + { q: "Q1", value: 180 }, + { q: "Q2", value: 210 }, + { q: "Q3", value: 320 }, + { q: "Q4", value: 218 }, + ], + }, + { + name: "Apple AAPL", + shares: "85 Shares", + amount: "$340.00", + data: [ + { q: "Q1", value: 60 }, + { q: "Q2", value: 70 }, + { q: "Q3", value: 120 }, + { q: "Q4", value: 90 }, + ], + }, + { + name: "Realty Income", + shares: "320 Shares", + amount: "$1,139.50", + data: [ + { q: "Q1", value: 240 }, + { q: "Q2", value: 260 }, + { q: "Q3", value: 280 }, + { q: "Q4", value: 360 }, + ], + }, +] + +export function DividendIncome() { + return ( + + + Q2 Dividend Income + + Quarterly dividend payouts across your portfolio holdings. + + + + + + + + {HOLDINGS.map((holding) => ( + + + {holding.name} + {holding.shares} + +
+ {holding.data.map((item) => ( +
point.value))) * 100}%`, + }} + /> + ))} +
+ + ))} + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/empty-distribute-track.tsx b/apps/v4/app/(app)/(root)/cards/empty-distribute-track.tsx new file mode 100644 index 0000000000..1f5e0ff504 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/empty-distribute-track.tsx @@ -0,0 +1,37 @@ +import { Add01Icon } from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" + +import { Button } from "@/styles/base-rhea/ui/button" +import { Card, CardContent } from "@/styles/base-rhea/ui/card" +import { + Empty, + EmptyContent, + EmptyDescription, + EmptyHeader, + EmptyMedia, + EmptyTitle, +} from "@/styles/base-rhea/ui/empty" + +export function EmptyDistributeTrack() { + return ( + + + + + + + + Distribute Track + + Upload your first master to start reaching listeners on Spotify, + Apple Music, and more. + + + + + + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/index.tsx b/apps/v4/app/(app)/(root)/cards/index.tsx new file mode 100644 index 0000000000..3a97c04ecf --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/index.tsx @@ -0,0 +1,117 @@ +import { AccountAccess } from "./account-access" +import { AnalyticsCard } from "./analytics-card" +import { ClaimableBalance } from "./claimable-balance" +import { ContributionHistory } from "./contribution-history" +import { DividendIncome } from "./dividend-income" +import { EmptyDistributeTrack } from "./empty-distribute-track" +import { NewMilestone } from "./new-milestone" +import { NotificationSettings } from "./notification-settings" +import { Payments } from "./payments" +import { PayoutThreshold } from "./payout-threshold" +import { PowerUsage } from "./power-usage" +import { QrConnect } from "./qr-connect" +import { SavingsTargets } from "./savings-targets" +import { SidebarNav } from "./sidebar-nav" +import { AccountAccess as SkeletonAccountAccess } from "./skeleton/account-access" +import { AnalyticsCard as SkeletonAnalyticsCard } from "./skeleton/analytics-card" +import { ClaimableBalance as SkeletonClaimableBalance } from "./skeleton/claimable-balance" +import { ContributionHistory as SkeletonContributionHistory } from "./skeleton/contribution-history" +import { DividendIncome as SkeletonDividendIncome } from "./skeleton/dividend-income" +import { EmptyDistributeTrack as SkeletonEmptyDistributeTrack } from "./skeleton/empty-distribute-track" +import { NewMilestone as SkeletonNewMilestone } from "./skeleton/new-milestone" +import { NotificationSettings as SkeletonNotificationSettings } from "./skeleton/notification-settings" +import { Payments as SkeletonPayments } from "./skeleton/payments" +import { PayoutThreshold as SkeletonPayoutThreshold } from "./skeleton/payout-threshold" +import { PowerUsage as SkeletonPowerUsage } from "./skeleton/power-usage" +import { QrConnect as SkeletonQrConnect } from "./skeleton/qr-connect" +import { SavingsTargets as SkeletonSavingsTargets } from "./skeleton/savings-targets" +import { TransferFunds as SkeletonTransferFunds } from "./skeleton/transfer-funds" +import { UIElements as SkeletonUIElements } from "./skeleton/ui-elements" +import { TransferFunds } from "./transfer-funds" +import { UIElements } from "./ui-elements" + +function CardsSkeletonRails() { + return ( + + ) +} + +export function CardsDemo() { + return ( +
+ +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + +
+
+ + + + +
+
+
+
+
+ ) +} diff --git a/apps/v4/app/(app)/(root)/cards/new-milestone.tsx b/apps/v4/app/(app)/(root)/cards/new-milestone.tsx new file mode 100644 index 0000000000..d1bf86a7a6 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/new-milestone.tsx @@ -0,0 +1,52 @@ +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-rhea/ui/field" +import { Input } from "@/styles/base-rhea/ui/input" + +export function NewMilestone() { + return ( + + + Set a new milestone + + Define your financial target and we'll help you pace your + savings. + + + + + + Goal Name + + +
+ + Target Amount + + + + Target Date + + +
+ + + + + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/notification-settings.tsx b/apps/v4/app/(app)/(root)/cards/notification-settings.tsx new file mode 100644 index 0000000000..dcff8031f0 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/notification-settings.tsx @@ -0,0 +1,76 @@ +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { Checkbox } from "@/styles/base-rhea/ui/checkbox" +import { + Field, + FieldContent, + FieldDescription, + FieldGroup, + FieldLabel, +} from "@/styles/base-rhea/ui/field" + +const NOTIFICATIONS = [ + { + id: "transactions", + label: "Transaction alerts", + description: "Deposits, withdrawals, and transfers.", + defaultChecked: true, + }, + { + id: "security", + label: "Security alerts", + description: "Login attempts and account changes.", + defaultChecked: true, + }, + { + id: "goals", + label: "Goal milestones", + description: "Updates at 25%, 50%, 75%, and 100%.", + defaultChecked: false, + }, + { + id: "market", + label: "Market updates", + description: "Daily portfolio summary and price alerts.", + defaultChecked: false, + }, +] + +export function NotificationSettings() { + return ( + + + Notifications + + Choose which email and push alerts you want to receive. + + + + + {NOTIFICATIONS.map((n) => ( + + + + {n.label} + {n.description} + + + ))} + + + + + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/payments.tsx b/apps/v4/app/(app)/(root)/cards/payments.tsx new file mode 100644 index 0000000000..7102f33d9a --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/payments.tsx @@ -0,0 +1,139 @@ +import { + ArrowRight01Icon, + Calendar03Icon, + MoreHorizontalCircle01Icon, + RefreshIcon, + Settings01Icon, +} from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" + +import { + Breadcrumb, + BreadcrumbItem, + BreadcrumbLink, + BreadcrumbList, + BreadcrumbPage, + BreadcrumbSeparator, +} from "@/styles/base-rhea/ui/breadcrumb" +import { Button } from "@/styles/base-rhea/ui/button" +import { Card, CardContent, CardHeader } from "@/styles/base-rhea/ui/card" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuTrigger, +} from "@/styles/base-rhea/ui/dropdown-menu" +import { + Item, + ItemContent, + ItemDescription, + ItemGroup, + ItemMedia, + ItemTitle, +} from "@/styles/base-rhea/ui/item" + +export function Payments() { + return ( + + + + + + Home + + + + + + } + > + + Account options + + + + Profile + Statements + Documents + + + + + + + Payments + + + + + + +
+ }> + + + + + Change transfer limit + + Adjust how much you can send from your balance. + + + + +
+
+ }> + + + + + Scheduled transfers + + Set up a transfer to send at a later date. + + + + +
+
+ }> + + + + + Recurring card payments + + Manage your repeated card transactions. + + + + +
+ + + + ) +} diff --git a/apps/v4/app/(app)/(root)/cards/payout-threshold.tsx b/apps/v4/app/(app)/(root)/cards/payout-threshold.tsx new file mode 100644 index 0000000000..2df21ad581 --- /dev/null +++ b/apps/v4/app/(app)/(root)/cards/payout-threshold.tsx @@ -0,0 +1,112 @@ +import { Cancel01Icon } from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" + +import { Button } from "@/styles/base-rhea/ui/button" +import { + Card, + CardAction, + CardContent, + CardDescription, + CardFooter, + CardHeader, + CardTitle, +} from "@/styles/base-rhea/ui/card" +import { + Field, + FieldDescription, + FieldGroup, + FieldLabel, +} from "@/styles/base-rhea/ui/field" +import { Progress } from "@/styles/base-rhea/ui/progress" +import { + Select, + SelectContent, + SelectGroup, + SelectItem, + SelectTrigger, + SelectValue, +} from "@/styles/base-rhea/ui/select" +import { Textarea } from "@/styles/base-rhea/ui/textarea" + +const CURRENCIES = [ + { label: "USD — United States Dollar", value: "usd" }, + { label: "EUR — Euro", value: "eur" }, + { label: "GBP — British Pound", value: "gbp" }, + { label: "JPY — Japanese Yen", value: "jpy" }, +] + +export function PayoutThreshold() { + return ( + + + Payout Threshold + + Set the minimum balance required before a payout is triggered. + + + + + + + + + + Preferred Currency + + + + +
+ + Minimum Payout Amount + + + $2500.00 + +
+ +
+ $50 (MIN) + $10,000 (MAX) +
+ + + Notes +