From 214b1b8479a13f15acdc6319005e7a7b432ee863 Mon Sep 17 00:00:00 2001 From: shadcn Date: Thu, 26 Mar 2026 11:14:52 +0400 Subject: [PATCH] Revert "feat: refactor styles handling across v4 (#10176)" (#10185) This reverts commit 64b88b6cdb6bd4f9ed9087cc830a5160ed2fef8e. --- .gitignore | 2 - .../(root)/components/appearance-settings.tsx | 15 +- .../(root)/components/button-group-demo.tsx | 29 +- .../components/button-group-input-group.tsx | 11 +- .../(root)/components/button-group-nested.tsx | 5 +- .../components/button-group-popover.tsx | 13 +- .../(root)/components/empty-avatar-group.tsx | 9 +- .../(root)/components/field-checkbox.tsx | 4 +- .../(app)/(root)/components/field-demo.tsx | 12 +- .../(app)/(root)/components/field-hear.tsx | 6 +- .../(app)/(root)/components/field-slider.tsx | 9 +- apps/v4/app/(app)/(root)/components/index.tsx | 2 +- .../(root)/components/input-group-button.tsx | 9 +- .../(root)/components/input-group-demo.tsx | 13 +- .../app/(app)/(root)/components/item-demo.tsx | 7 +- .../(root)/components/notion-prompt-form.tsx | 45 +- .../(app)/(root)/components/spinner-badge.tsx | 4 +- .../(app)/(root)/components/spinner-empty.tsx | 6 +- apps/v4/app/(app)/docs/changelog/page.tsx | 2 +- .../rtl/components/appearance-settings.tsx | 21 +- .../rtl/components/button-group-demo.tsx | 32 +- .../components/button-group-input-group.tsx | 14 +- .../rtl/components/button-group-nested.tsx | 4 +- .../rtl/components/button-group-popover.tsx | 16 +- .../rtl/components/empty-avatar-group.tsx | 12 +- .../rtl/components/field-checkbox.tsx | 5 +- .../examples/rtl/components/field-demo.tsx | 19 +- .../examples/rtl/components/field-hear.tsx | 9 +- .../examples/rtl/components/field-slider.tsx | 8 +- .../(app)/examples/rtl/components/index.tsx | 5 +- .../rtl/components/input-group-button.tsx | 12 +- .../rtl/components/input-group-demo.tsx | 42 +- .../examples/rtl/components/item-demo.tsx | 10 +- .../rtl/components/notion-prompt-form.tsx | 82 +- .../examples/rtl/components/spinner-badge.tsx | 5 +- .../examples/rtl/components/spinner-empty.tsx | 9 +- .../app/(create)/components/action-menu.tsx | 6 +- .../app/(create)/components/copy-preset.tsx | 2 +- .../v4/app/(create)/components/customizer.tsx | 12 +- .../(create)/components/history-buttons.tsx | 2 +- .../app/(create)/components/item-explorer.tsx | 14 +- apps/v4/app/(create)/components/main-menu.tsx | 2 +- .../app/(create)/components/mode-switcher.tsx | 2 +- .../app/(create)/components/project-form.tsx | 26 +- .../app/(create)/components/random-button.tsx | 2 +- .../app/(create)/components/reset-button.tsx | 3 +- .../app/(create)/components/share-button.tsx | 2 +- apps/v4/app/(create)/components/v0-button.tsx | 4 +- .../(create)/components/welcome-dialog.tsx | 8 +- .../app/(view)/view/[style]/[name]/page.tsx | 2 +- apps/v4/app/layout.tsx | 2 +- apps/v4/components/component-preview-tabs.tsx | 10 +- apps/v4/components/language-selector.tsx | 6 +- apps/v4/components/open-in-v0-cta.tsx | 3 +- apps/v4/components/site-header.tsx | 2 +- apps/v4/components/theme-selector.tsx | 11 +- apps/v4/examples/README.md | 18 +- apps/v4/examples/__index__.tsx | 2 +- apps/v4/examples/base/accordion-basic.tsx | 2 +- apps/v4/examples/base/accordion-borders.tsx | 2 +- apps/v4/examples/base/accordion-card.tsx | 4 +- apps/v4/examples/base/accordion-demo.tsx | 2 +- apps/v4/examples/base/accordion-disabled.tsx | 2 +- apps/v4/examples/base/accordion-multiple.tsx | 2 +- apps/v4/examples/base/accordion-rtl.tsx | 12 +- apps/v4/examples/base/alert-action.tsx | 4 +- apps/v4/examples/base/alert-basic.tsx | 7 +- apps/v4/examples/base/alert-colors.tsx | 7 +- apps/v4/examples/base/alert-demo.tsx | 7 +- apps/v4/examples/base/alert-destructive.tsx | 7 +- apps/v4/examples/base/alert-dialog-basic.tsx | 4 +- apps/v4/examples/base/alert-dialog-demo.tsx | 4 +- .../base/alert-dialog-destructive.tsx | 7 +- apps/v4/examples/base/alert-dialog-media.tsx | 7 +- apps/v4/examples/base/alert-dialog-rtl.tsx | 16 +- .../base/alert-dialog-small-media.tsx | 7 +- apps/v4/examples/base/alert-dialog-small.tsx | 4 +- apps/v4/examples/base/alert-rtl.tsx | 10 +- apps/v4/examples/base/aspect-ratio-demo.tsx | 3 +- .../examples/base/aspect-ratio-portrait.tsx | 3 +- apps/v4/examples/base/aspect-ratio-rtl.tsx | 2 +- apps/v4/examples/base/aspect-ratio-square.tsx | 3 +- apps/v4/examples/base/avatar-badge-icon.tsx | 5 +- apps/v4/examples/base/avatar-badge.tsx | 2 +- apps/v4/examples/base/avatar-basic.tsx | 6 +- apps/v4/examples/base/avatar-demo.tsx | 2 +- apps/v4/examples/base/avatar-dropdown.tsx | 10 +- .../examples/base/avatar-group-count-icon.tsx | 5 +- apps/v4/examples/base/avatar-group-count.tsx | 2 +- apps/v4/examples/base/avatar-group.tsx | 2 +- apps/v4/examples/base/avatar-rtl.tsx | 12 +- apps/v4/examples/base/avatar-size.tsx | 6 +- apps/v4/examples/base/badge-colors.tsx | 2 +- apps/v4/examples/base/badge-demo.tsx | 2 +- apps/v4/examples/base/badge-icon.tsx | 3 +- apps/v4/examples/base/badge-link.tsx | 3 +- apps/v4/examples/base/badge-rtl.tsx | 2 +- apps/v4/examples/base/badge-spinner.tsx | 4 +- apps/v4/examples/base/badge-variants.tsx | 2 +- apps/v4/examples/base/breadcrumb-basic.tsx | 2 +- apps/v4/examples/base/breadcrumb-demo.tsx | 7 +- apps/v4/examples/base/breadcrumb-dropdown.tsx | 7 +- apps/v4/examples/base/breadcrumb-ellipsis.tsx | 3 +- apps/v4/examples/base/breadcrumb-link.tsx | 3 +- apps/v4/examples/base/breadcrumb-rtl.tsx | 16 +- .../v4/examples/base/breadcrumb-separator.tsx | 5 +- apps/v4/examples/base/button-default.tsx | 2 +- apps/v4/examples/base/button-demo.tsx | 3 +- apps/v4/examples/base/button-destructive.tsx | 2 +- apps/v4/examples/base/button-ghost.tsx | 2 +- apps/v4/examples/base/button-group-demo.tsx | 29 +- .../examples/base/button-group-dropdown.tsx | 21 +- .../base/button-group-input-group.tsx | 11 +- apps/v4/examples/base/button-group-input.tsx | 7 +- apps/v4/examples/base/button-group-nested.tsx | 13 +- .../base/button-group-orientation.tsx | 5 +- .../v4/examples/base/button-group-popover.tsx | 17 +- apps/v4/examples/base/button-group-rtl.tsx | 30 +- apps/v4/examples/base/button-group-select.tsx | 11 +- .../examples/base/button-group-separator.tsx | 4 +- apps/v4/examples/base/button-group-size.tsx | 5 +- apps/v4/examples/base/button-group-split.tsx | 7 +- apps/v4/examples/base/button-icon.tsx | 3 +- apps/v4/examples/base/button-link.tsx | 2 +- apps/v4/examples/base/button-outline.tsx | 2 +- apps/v4/examples/base/button-render.tsx | 2 +- apps/v4/examples/base/button-rounded.tsx | 3 +- apps/v4/examples/base/button-rtl.tsx | 4 +- apps/v4/examples/base/button-secondary.tsx | 2 +- apps/v4/examples/base/button-size.tsx | 3 +- apps/v4/examples/base/button-spinner.tsx | 4 +- apps/v4/examples/base/button-with-icon.tsx | 3 +- apps/v4/examples/base/calendar-basic.tsx | 2 +- .../examples/base/calendar-booked-dates.tsx | 5 +- apps/v4/examples/base/calendar-caption.tsx | 2 +- .../v4/examples/base/calendar-custom-days.tsx | 5 +- apps/v4/examples/base/calendar-demo.tsx | 3 +- apps/v4/examples/base/calendar-hijri.tsx | 2 +- apps/v4/examples/base/calendar-multiple.tsx | 4 +- apps/v4/examples/base/calendar-presets.tsx | 7 +- apps/v4/examples/base/calendar-range.tsx | 5 +- apps/v4/examples/base/calendar-rtl.tsx | 2 +- apps/v4/examples/base/calendar-time.tsx | 11 +- .../examples/base/calendar-week-numbers.tsx | 5 +- apps/v4/examples/base/card-demo.tsx | 8 +- apps/v4/examples/base/card-image.tsx | 6 +- apps/v4/examples/base/card-rtl.tsx | 18 +- apps/v4/examples/base/card-small.tsx | 7 +- apps/v4/examples/base/carousel-api.tsx | 5 +- apps/v4/examples/base/carousel-demo.tsx | 5 +- apps/v4/examples/base/carousel-multiple.tsx | 4 +- .../v4/examples/base/carousel-orientation.tsx | 5 +- apps/v4/examples/base/carousel-plugin.tsx | 7 +- apps/v4/examples/base/carousel-rtl.tsx | 14 +- apps/v4/examples/base/carousel-size.tsx | 5 +- apps/v4/examples/base/carousel-spacing.tsx | 5 +- apps/v4/examples/base/chart-example-axis.tsx | 3 +- apps/v4/examples/base/chart-example-grid.tsx | 3 +- .../v4/examples/base/chart-example-legend.tsx | 5 +- .../examples/base/chart-example-tooltip.tsx | 5 +- apps/v4/examples/base/chart-example.tsx | 3 +- apps/v4/examples/base/chart-rtl.tsx | 14 +- apps/v4/examples/base/checkbox-basic.tsx | 4 +- apps/v4/examples/base/checkbox-demo.tsx | 6 +- .../v4/examples/base/checkbox-description.tsx | 4 +- apps/v4/examples/base/checkbox-disabled.tsx | 4 +- apps/v4/examples/base/checkbox-group.tsx | 4 +- apps/v4/examples/base/checkbox-invalid.tsx | 4 +- apps/v4/examples/base/checkbox-rtl.tsx | 16 +- apps/v4/examples/base/checkbox-table.tsx | 5 +- apps/v4/examples/base/collapsible-basic.tsx | 9 +- apps/v4/examples/base/collapsible-demo.tsx | 7 +- .../examples/base/collapsible-file-tree.tsx | 11 +- apps/v4/examples/base/collapsible-rtl.tsx | 12 +- .../v4/examples/base/collapsible-settings.tsx | 13 +- .../examples/base/combobox-auto-highlight.tsx | 2 +- apps/v4/examples/base/combobox-basic.tsx | 2 +- apps/v4/examples/base/combobox-clear.tsx | 2 +- apps/v4/examples/base/combobox-custom.tsx | 4 +- apps/v4/examples/base/combobox-demo.tsx | 2 +- apps/v4/examples/base/combobox-disabled.tsx | 2 +- apps/v4/examples/base/combobox-groups.tsx | 2 +- .../v4/examples/base/combobox-input-group.tsx | 7 +- apps/v4/examples/base/combobox-invalid.tsx | 2 +- apps/v4/examples/base/combobox-multiple.tsx | 3 +- apps/v4/examples/base/combobox-popup.tsx | 4 +- apps/v4/examples/base/combobox-rtl.tsx | 14 +- apps/v4/examples/base/command-basic.tsx | 5 +- apps/v4/examples/base/command-demo.tsx | 19 +- apps/v4/examples/base/command-dialog.tsx | 19 +- apps/v4/examples/base/command-groups.tsx | 21 +- apps/v4/examples/base/command-rtl.tsx | 20 +- apps/v4/examples/base/command-scrollable.tsx | 25 +- apps/v4/examples/base/command-shortcuts.tsx | 7 +- apps/v4/examples/base/context-menu-basic.tsx | 2 +- .../examples/base/context-menu-checkboxes.tsx | 2 +- apps/v4/examples/base/context-menu-demo.tsx | 2 +- .../base/context-menu-destructive.tsx | 5 +- apps/v4/examples/base/context-menu-groups.tsx | 2 +- apps/v4/examples/base/context-menu-icons.tsx | 15 +- apps/v4/examples/base/context-menu-radio.tsx | 3 +- apps/v4/examples/base/context-menu-rtl.tsx | 14 +- .../examples/base/context-menu-shortcuts.tsx | 2 +- apps/v4/examples/base/context-menu-sides.tsx | 2 +- .../v4/examples/base/context-menu-submenu.tsx | 2 +- .../base/data-picker-with-dropdowns.tsx | 13 +- apps/v4/examples/base/data-table-demo.tsx | 43 +- apps/v4/examples/base/data-table-rtl.tsx | 42 +- apps/v4/examples/base/date-picker-basic.tsx | 11 +- apps/v4/examples/base/date-picker-demo.tsx | 11 +- apps/v4/examples/base/date-picker-dob.tsx | 9 +- apps/v4/examples/base/date-picker-input.tsx | 11 +- .../base/date-picker-natural-language.tsx | 13 +- apps/v4/examples/base/date-picker-range.tsx | 15 +- apps/v4/examples/base/date-picker-rtl.tsx | 14 +- apps/v4/examples/base/date-picker-time.tsx | 15 +- apps/v4/examples/base/dialog-close-button.tsx | 8 +- apps/v4/examples/base/dialog-demo.tsx | 10 +- .../examples/base/dialog-no-close-button.tsx | 4 +- apps/v4/examples/base/dialog-rtl.tsx | 19 +- .../base/dialog-scrollable-content.tsx | 4 +- .../v4/examples/base/dialog-sticky-footer.tsx | 4 +- apps/v4/examples/base/drawer-demo.tsx | 9 +- apps/v4/examples/base/drawer-dialog.tsx | 16 +- apps/v4/examples/base/drawer-rtl.tsx | 18 +- .../base/drawer-scrollable-content.tsx | 4 +- apps/v4/examples/base/drawer-sides.tsx | 4 +- .../v4/examples/base/dropdown-menu-avatar.tsx | 23 +- apps/v4/examples/base/dropdown-menu-basic.tsx | 4 +- .../base/dropdown-menu-checkboxes-icons.tsx | 7 +- .../base/dropdown-menu-checkboxes.tsx | 5 +- .../examples/base/dropdown-menu-complex.tsx | 37 +- apps/v4/examples/base/dropdown-menu-demo.tsx | 4 +- .../base/dropdown-menu-destructive.tsx | 7 +- apps/v4/examples/base/dropdown-menu-icons.tsx | 17 +- .../base/dropdown-menu-radio-group.tsx | 5 +- .../base/dropdown-menu-radio-icons.tsx | 7 +- apps/v4/examples/base/dropdown-menu-rtl.tsx | 16 +- .../examples/base/dropdown-menu-shortcuts.tsx | 4 +- .../examples/base/dropdown-menu-submenu.tsx | 4 +- apps/v4/examples/base/empty-avatar-group.tsx | 13 +- apps/v4/examples/base/empty-avatar.tsx | 10 +- apps/v4/examples/base/empty-background.tsx | 9 +- apps/v4/examples/base/empty-card.tsx | 7 +- apps/v4/examples/base/empty-demo.tsx | 9 +- apps/v4/examples/base/empty-input-group.tsx | 9 +- apps/v4/examples/base/empty-outline.tsx | 7 +- apps/v4/examples/base/empty-rtl.tsx | 18 +- apps/v4/examples/base/field-checkbox.tsx | 4 +- apps/v4/examples/base/field-choice-card.tsx | 4 +- apps/v4/examples/base/field-demo.tsx | 12 +- apps/v4/examples/base/field-fieldset.tsx | 4 +- apps/v4/examples/base/field-group.tsx | 4 +- apps/v4/examples/base/field-input.tsx | 4 +- apps/v4/examples/base/field-radio.tsx | 4 +- apps/v4/examples/base/field-responsive.tsx | 6 +- apps/v4/examples/base/field-rtl.tsx | 22 +- apps/v4/examples/base/field-select.tsx | 8 +- apps/v4/examples/base/field-slider.tsx | 9 +- apps/v4/examples/base/field-switch.tsx | 4 +- apps/v4/examples/base/field-textarea.tsx | 4 +- apps/v4/examples/base/file-upload-list.tsx | 7 +- apps/v4/examples/base/hooks/use-mobile.ts | 19 + apps/v4/examples/base/hover-card-demo.tsx | 10 +- apps/v4/examples/base/hover-card-rtl.tsx | 13 +- apps/v4/examples/base/hover-card-sides.tsx | 4 +- apps/v4/examples/base/input-badge.tsx | 6 +- apps/v4/examples/base/input-basic.tsx | 2 +- apps/v4/examples/base/input-button-group.tsx | 8 +- apps/v4/examples/base/input-demo.tsx | 8 +- apps/v4/examples/base/input-disabled.tsx | 8 +- apps/v4/examples/base/input-field.tsx | 8 +- apps/v4/examples/base/input-fieldgroup.tsx | 6 +- apps/v4/examples/base/input-file.tsx | 8 +- apps/v4/examples/base/input-form.tsx | 8 +- apps/v4/examples/base/input-grid.tsx | 4 +- apps/v4/examples/base/input-group-basic.tsx | 6 +- .../examples/base/input-group-block-end.tsx | 4 +- .../examples/base/input-group-block-start.tsx | 7 +- .../base/input-group-button-group.tsx | 12 +- apps/v4/examples/base/input-group-button.tsx | 22 +- apps/v4/examples/base/input-group-custom.tsx | 5 +- apps/v4/examples/base/input-group-demo.tsx | 5 +- .../v4/examples/base/input-group-dropdown.tsx | 7 +- apps/v4/examples/base/input-group-icon.tsx | 11 +- apps/v4/examples/base/input-group-in-card.tsx | 13 +- .../examples/base/input-group-inline-end.tsx | 11 +- .../base/input-group-inline-start.tsx | 11 +- apps/v4/examples/base/input-group-kbd.tsx | 7 +- apps/v4/examples/base/input-group-label.tsx | 9 +- apps/v4/examples/base/input-group-rtl.tsx | 18 +- apps/v4/examples/base/input-group-spinner.tsx | 7 +- apps/v4/examples/base/input-group-text.tsx | 2 +- .../base/input-group-textarea-examples.tsx | 31 +- .../v4/examples/base/input-group-textarea.tsx | 15 +- apps/v4/examples/base/input-group-tooltip.tsx | 7 +- .../examples/base/input-group-with-addons.tsx | 27 +- .../base/input-group-with-buttons.tsx | 11 +- .../v4/examples/base/input-group-with-kbd.tsx | 13 +- .../base/input-group-with-tooltip.tsx | 20 +- apps/v4/examples/base/input-inline.tsx | 6 +- apps/v4/examples/base/input-input-group.tsx | 7 +- apps/v4/examples/base/input-invalid.tsx | 8 +- .../examples/base/input-otp-alphanumeric.tsx | 5 +- .../v4/examples/base/input-otp-controlled.tsx | 3 +- apps/v4/examples/base/input-otp-demo.tsx | 2 +- apps/v4/examples/base/input-otp-disabled.tsx | 4 +- apps/v4/examples/base/input-otp-form.tsx | 15 +- .../examples/base/input-otp-four-digits.tsx | 5 +- apps/v4/examples/base/input-otp-invalid.tsx | 3 +- apps/v4/examples/base/input-otp-pattern.tsx | 7 +- apps/v4/examples/base/input-otp-rtl.tsx | 12 +- apps/v4/examples/base/input-otp-separator.tsx | 2 +- apps/v4/examples/base/input-required.tsx | 8 +- apps/v4/examples/base/input-rtl.tsx | 12 +- apps/v4/examples/base/item-avatar.tsx | 13 +- apps/v4/examples/base/item-demo.tsx | 7 +- apps/v4/examples/base/item-dropdown.tsx | 15 +- apps/v4/examples/base/item-group.tsx | 13 +- apps/v4/examples/base/item-header.tsx | 3 +- apps/v4/examples/base/item-icon.tsx | 7 +- apps/v4/examples/base/item-image.tsx | 3 +- apps/v4/examples/base/item-link.tsx | 5 +- apps/v4/examples/base/item-rtl.tsx | 16 +- apps/v4/examples/base/item-size.tsx | 5 +- apps/v4/examples/base/item-variant.tsx | 5 +- apps/v4/examples/base/kbd-button.tsx | 4 +- apps/v4/examples/base/kbd-demo.tsx | 2 +- apps/v4/examples/base/kbd-group.tsx | 2 +- apps/v4/examples/base/kbd-input-group.tsx | 7 +- apps/v4/examples/base/kbd-rtl.tsx | 2 +- apps/v4/examples/base/kbd-tooltip.tsx | 8 +- apps/v4/examples/base/label-demo.tsx | 4 +- apps/v4/examples/base/label-rtl.tsx | 4 +- apps/v4/examples/base/lib/utils.ts | 6 + apps/v4/examples/base/menubar-checkbox.tsx | 2 +- apps/v4/examples/base/menubar-demo.tsx | 2 +- apps/v4/examples/base/menubar-icons.tsx | 19 +- apps/v4/examples/base/menubar-radio.tsx | 3 +- apps/v4/examples/base/menubar-rtl.tsx | 12 +- apps/v4/examples/base/menubar-submenu.tsx | 2 +- apps/v4/examples/base/muted-item-group.tsx | 4 +- apps/v4/examples/base/native-select-demo.tsx | 2 +- .../examples/base/native-select-disabled.tsx | 2 +- .../v4/examples/base/native-select-groups.tsx | 2 +- .../examples/base/native-select-invalid.tsx | 2 +- apps/v4/examples/base/native-select-rtl.tsx | 8 +- .../v4/examples/base/navigation-menu-demo.tsx | 13 +- apps/v4/examples/base/navigation-menu-rtl.tsx | 18 +- apps/v4/examples/base/outline-item-group.tsx | 5 +- apps/v4/examples/base/pagination-demo.tsx | 2 +- .../examples/base/pagination-icons-only.tsx | 6 +- apps/v4/examples/base/pagination-rtl.tsx | 12 +- apps/v4/examples/base/pagination-simple.tsx | 2 +- apps/v4/examples/base/popover-alignments.tsx | 4 +- apps/v4/examples/base/popover-basic.tsx | 4 +- apps/v4/examples/base/popover-demo.tsx | 8 +- apps/v4/examples/base/popover-form.tsx | 8 +- apps/v4/examples/base/popover-rtl.tsx | 13 +- apps/v4/examples/base/progress-controlled.tsx | 5 +- apps/v4/examples/base/progress-demo.tsx | 3 +- apps/v4/examples/base/progress-label.tsx | 2 +- apps/v4/examples/base/progress-rtl.tsx | 10 +- apps/v4/examples/base/radio-fields.tsx | 4 +- .../examples/base/radio-group-choice-card.tsx | 4 +- apps/v4/examples/base/radio-group-demo.tsx | 4 +- .../examples/base/radio-group-description.tsx | 4 +- .../v4/examples/base/radio-group-disabled.tsx | 4 +- .../v4/examples/base/radio-group-fieldset.tsx | 4 +- apps/v4/examples/base/radio-group-invalid.tsx | 4 +- apps/v4/examples/base/radio-group-rtl.tsx | 15 +- apps/v4/examples/base/resizable-demo.tsx | 2 +- apps/v4/examples/base/resizable-handle.tsx | 2 +- apps/v4/examples/base/resizable-rtl.tsx | 10 +- apps/v4/examples/base/resizable-vertical.tsx | 2 +- apps/v4/examples/base/scroll-area-demo.tsx | 5 +- .../base/scroll-area-horizontal-demo.tsx | 3 +- apps/v4/examples/base/scroll-area-rtl.tsx | 4 +- apps/v4/examples/base/select-align-item.tsx | 9 +- apps/v4/examples/base/select-demo.tsx | 2 +- apps/v4/examples/base/select-disabled.tsx | 2 +- apps/v4/examples/base/select-groups.tsx | 2 +- apps/v4/examples/base/select-invalid.tsx | 4 +- apps/v4/examples/base/select-rtl.tsx | 14 +- apps/v4/examples/base/select-scrollable.tsx | 2 +- apps/v4/examples/base/separator-demo.tsx | 2 +- apps/v4/examples/base/separator-list.tsx | 2 +- apps/v4/examples/base/separator-menu.tsx | 2 +- apps/v4/examples/base/separator-rtl.tsx | 2 +- apps/v4/examples/base/separator-vertical.tsx | 2 +- apps/v4/examples/base/sheet-demo.tsx | 8 +- .../examples/base/sheet-no-close-button.tsx | 4 +- apps/v4/examples/base/sheet-rtl.tsx | 17 +- apps/v4/examples/base/sheet-side.tsx | 4 +- apps/v4/examples/base/sidebar-controlled.tsx | 23 +- apps/v4/examples/base/sidebar-demo.tsx | 77 +- apps/v4/examples/base/sidebar-footer.tsx | 7 +- .../v4/examples/base/sidebar-group-action.tsx | 7 +- .../base/sidebar-group-collapsible.tsx | 7 +- apps/v4/examples/base/sidebar-group.tsx | 5 +- apps/v4/examples/base/sidebar-header.tsx | 7 +- apps/v4/examples/base/sidebar-menu-action.tsx | 21 +- apps/v4/examples/base/sidebar-menu-badge.tsx | 17 +- .../base/sidebar-menu-collapsible.tsx | 7 +- apps/v4/examples/base/sidebar-menu-sub.tsx | 2 +- apps/v4/examples/base/sidebar-menu.tsx | 17 +- apps/v4/examples/base/sidebar-rsc.tsx | 17 +- apps/v4/examples/base/sidebar-rtl.tsx | 80 +- apps/v4/examples/base/skeleton-avatar.tsx | 2 +- apps/v4/examples/base/skeleton-card.tsx | 4 +- apps/v4/examples/base/skeleton-demo.tsx | 2 +- apps/v4/examples/base/skeleton-form.tsx | 2 +- apps/v4/examples/base/skeleton-rtl.tsx | 2 +- apps/v4/examples/base/skeleton-table.tsx | 2 +- apps/v4/examples/base/skeleton-text.tsx | 2 +- apps/v4/examples/base/slider-controlled.tsx | 5 +- apps/v4/examples/base/slider-demo.tsx | 2 +- apps/v4/examples/base/slider-disabled.tsx | 2 +- apps/v4/examples/base/slider-multiple.tsx | 2 +- apps/v4/examples/base/slider-range.tsx | 2 +- apps/v4/examples/base/slider-rtl.tsx | 2 +- apps/v4/examples/base/slider-vertical.tsx | 2 +- apps/v4/examples/base/sonner-demo.tsx | 3 +- apps/v4/examples/base/sonner-description.tsx | 3 +- apps/v4/examples/base/sonner-position.tsx | 3 +- apps/v4/examples/base/sonner-types.tsx | 3 +- apps/v4/examples/base/spinner-badge.tsx | 4 +- apps/v4/examples/base/spinner-button.tsx | 4 +- apps/v4/examples/base/spinner-demo.tsx | 4 +- apps/v4/examples/base/spinner-empty.tsx | 6 +- apps/v4/examples/base/spinner-input-group.tsx | 7 +- apps/v4/examples/base/spinner-rtl.tsx | 14 +- apps/v4/examples/base/spinner-size.tsx | 2 +- apps/v4/examples/base/switch-choice-card.tsx | 4 +- apps/v4/examples/base/switch-demo.tsx | 4 +- apps/v4/examples/base/switch-description.tsx | 4 +- apps/v4/examples/base/switch-disabled.tsx | 4 +- apps/v4/examples/base/switch-invalid.tsx | 4 +- apps/v4/examples/base/switch-rtl.tsx | 14 +- apps/v4/examples/base/switch-sizes.tsx | 4 +- apps/v4/examples/base/table-actions.tsx | 9 +- apps/v4/examples/base/table-demo.tsx | 2 +- apps/v4/examples/base/table-footer.tsx | 2 +- apps/v4/examples/base/table-rtl.tsx | 12 +- apps/v4/examples/base/tabs-demo.tsx | 4 +- apps/v4/examples/base/tabs-disabled.tsx | 2 +- apps/v4/examples/base/tabs-icons.tsx | 3 +- apps/v4/examples/base/tabs-line.tsx | 2 +- apps/v4/examples/base/tabs-rtl.tsx | 14 +- apps/v4/examples/base/tabs-vertical.tsx | 2 +- apps/v4/examples/base/textarea-button.tsx | 4 +- apps/v4/examples/base/textarea-demo.tsx | 2 +- apps/v4/examples/base/textarea-disabled.tsx | 4 +- apps/v4/examples/base/textarea-field.tsx | 8 +- apps/v4/examples/base/textarea-invalid.tsx | 8 +- apps/v4/examples/base/textarea-rtl.tsx | 12 +- apps/v4/examples/base/toggle-demo.tsx | 3 +- apps/v4/examples/base/toggle-disabled.tsx | 2 +- apps/v4/examples/base/toggle-group-demo.tsx | 6 +- .../examples/base/toggle-group-disabled.tsx | 6 +- .../toggle-group-font-weight-selector.tsx | 12 +- .../v4/examples/base/toggle-group-outline.tsx | 5 +- apps/v4/examples/base/toggle-group-rtl.tsx | 8 +- apps/v4/examples/base/toggle-group-sizes.tsx | 5 +- .../v4/examples/base/toggle-group-spacing.tsx | 5 +- .../examples/base/toggle-group-vertical.tsx | 6 +- apps/v4/examples/base/toggle-outline.tsx | 3 +- apps/v4/examples/base/toggle-rtl.tsx | 2 +- apps/v4/examples/base/toggle-sizes.tsx | 2 +- apps/v4/examples/base/toggle-text.tsx | 3 +- apps/v4/examples/base/tooltip-demo.tsx | 4 +- apps/v4/examples/base/tooltip-disabled.tsx | 4 +- apps/v4/examples/base/tooltip-keyboard.tsx | 9 +- apps/v4/examples/base/tooltip-rtl.tsx | 13 +- apps/v4/examples/base/tooltip-sides.tsx | 4 +- .../base}/ui-rtl/accordion.tsx | 3 +- .../base}/ui-rtl/alert-dialog.tsx | 5 +- .../base}/ui-rtl/alert.tsx | 3 +- .../base/ui-rtl}/aspect-ratio.tsx | 2 +- .../base}/ui-rtl/avatar.tsx | 3 +- .../base}/ui-rtl/badge.tsx | 3 +- .../base}/ui-rtl/breadcrumb.tsx | 3 +- .../base}/ui-rtl/button-group.tsx | 5 +- .../base}/ui-rtl/button.tsx | 3 +- .../base}/ui-rtl/calendar.tsx | 5 +- .../ui => examples/base/ui-rtl}/card.tsx | 3 +- .../base}/ui-rtl/carousel.tsx | 5 +- .../ui => examples/base/ui-rtl}/chart.tsx | 3 +- .../ui => examples/base/ui-rtl}/checkbox.tsx | 3 +- .../base/ui-rtl}/collapsible.tsx | 0 .../base}/ui-rtl/combobox.tsx | 11 +- .../base}/ui-rtl/command.tsx | 14 +- .../base}/ui-rtl/context-menu.tsx | 3 +- .../base}/ui-rtl/dialog.tsx | 5 +- .../ui => examples/base/ui-rtl}/direction.tsx | 0 .../base}/ui-rtl/drawer.tsx | 3 +- .../base}/ui-rtl/dropdown-menu.tsx | 3 +- .../ui => examples/base/ui-rtl}/empty.tsx | 3 +- .../base}/ui-rtl/field.tsx | 7 +- .../base}/ui-rtl/hover-card.tsx | 3 +- .../base}/ui-rtl/input-group.tsx | 9 +- .../base}/ui-rtl/input-otp.tsx | 3 +- .../ui => examples/base/ui-rtl}/input.tsx | 3 +- .../base}/ui-rtl/item.tsx | 5 +- .../ui => examples/base/ui-rtl}/kbd.tsx | 2 +- .../ui => examples/base/ui-rtl}/label.tsx | 3 +- .../base}/ui-rtl/menubar.tsx | 11 +- .../base}/ui-rtl/native-select.tsx | 3 +- .../base}/ui-rtl/navigation-menu.tsx | 3 +- .../base}/ui-rtl/pagination.tsx | 5 +- .../base}/ui-rtl/popover.tsx | 3 +- .../base}/ui-rtl/progress.tsx | 3 +- .../base}/ui-rtl/radio-group.tsx | 3 +- .../base}/ui-rtl/resizable.tsx | 3 +- .../base}/ui-rtl/scroll-area.tsx | 3 +- .../base}/ui-rtl/select.tsx | 3 +- .../ui => examples/base/ui-rtl}/separator.tsx | 3 +- .../base}/ui-rtl/sheet.tsx | 5 +- .../base}/ui-rtl/sidebar.tsx | 25 +- .../ui => examples/base/ui-rtl}/skeleton.tsx | 2 +- .../ui => examples/base/ui-rtl}/slider.tsx | 3 +- .../ui => examples/base/ui-rtl}/sonner.tsx | 0 .../ui => examples/base/ui-rtl}/spinner.tsx | 3 +- .../base}/ui-rtl/switch.tsx | 3 +- .../base}/ui-rtl/table.tsx | 3 +- .../base}/ui-rtl/tabs.tsx | 3 +- .../base}/ui-rtl/textarea.tsx | 3 +- .../base}/ui-rtl/toggle-group.tsx | 5 +- .../ui => examples/base/ui-rtl}/toggle.tsx | 3 +- .../base}/ui-rtl/tooltip.tsx | 3 +- .../base}/ui/accordion.tsx | 3 +- .../base}/ui/alert-dialog.tsx | 5 +- .../radix-nova => examples/base}/ui/alert.tsx | 3 +- .../base}/ui/aspect-ratio.tsx | 2 +- .../base-maia => examples/base}/ui/avatar.tsx | 3 +- .../base-nova => examples/base}/ui/badge.tsx | 3 +- .../base}/ui/breadcrumb.tsx | 3 +- .../base}/ui/button-group.tsx | 5 +- .../base-nova => examples/base}/ui/button.tsx | 3 +- .../base}/ui/calendar.tsx | 5 +- .../ui-rtl => examples/base/ui}/card.tsx | 3 +- .../base}/ui/carousel.tsx | 5 +- .../base-vega => examples/base}/ui/chart.tsx | 3 +- .../ui-rtl => examples/base/ui}/checkbox.tsx | 3 +- .../base}/ui/collapsible.tsx | 0 .../base}/ui/combobox.tsx | 11 +- .../base}/ui/command.tsx | 11 +- .../base}/ui/context-menu.tsx | 3 +- .../base-nova => examples/base}/ui/dialog.tsx | 5 +- .../base}/ui/direction.tsx | 0 .../base-nova => examples/base}/ui/drawer.tsx | 3 +- .../base}/ui/dropdown-menu.tsx | 3 +- .../ui-rtl => examples/base/ui}/empty.tsx | 3 +- .../radix-nova => examples/base}/ui/field.tsx | 7 +- .../base}/ui/hover-card.tsx | 3 +- .../base}/ui/input-group.tsx | 9 +- .../base}/ui/input-otp.tsx | 3 +- .../ui-rtl => examples/base/ui}/input.tsx | 3 +- .../base-nova => examples/base}/ui/item.tsx | 5 +- .../base-nova => examples/base}/ui/kbd.tsx | 2 +- .../base-nova => examples/base}/ui/label.tsx | 3 +- .../base}/ui/menubar.tsx | 11 +- .../base}/ui/native-select.tsx | 3 +- .../base}/ui/navigation-menu.tsx | 3 +- .../base}/ui/pagination.tsx | 5 +- .../base}/ui/popover.tsx | 3 +- .../base}/ui/progress.tsx | 3 +- .../base}/ui/radio-group.tsx | 3 +- .../base}/ui/resizable.tsx | 3 +- .../base}/ui/scroll-area.tsx | 3 +- .../base-nova => examples/base}/ui/select.tsx | 3 +- .../base}/ui/separator.tsx | 3 +- .../base-nova => examples/base}/ui/sheet.tsx | 5 +- .../base}/ui/sidebar.tsx | 25 +- .../base}/ui/skeleton.tsx | 2 +- .../ui-rtl => examples/base/ui}/slider.tsx | 3 +- .../base-maia => examples/base}/ui/sonner.tsx | 0 .../base}/ui/spinner.tsx | 3 +- .../base-nova => examples/base}/ui/switch.tsx | 3 +- .../base-vega => examples/base}/ui/table.tsx | 3 +- .../base-nova => examples/base}/ui/tabs.tsx | 3 +- .../base}/ui/textarea.tsx | 3 +- .../base}/ui/toggle-group.tsx | 5 +- .../ui-rtl => examples/base/ui}/toggle.tsx | 3 +- .../base}/ui/tooltip.tsx | 3 +- apps/v4/examples/radix/accordion-basic.tsx | 2 +- apps/v4/examples/radix/accordion-borders.tsx | 2 +- apps/v4/examples/radix/accordion-card.tsx | 4 +- apps/v4/examples/radix/accordion-demo.tsx | 2 +- apps/v4/examples/radix/accordion-disabled.tsx | 2 +- apps/v4/examples/radix/accordion-multiple.tsx | 2 +- apps/v4/examples/radix/accordion-rtl.tsx | 11 +- apps/v4/examples/radix/alert-action.tsx | 4 +- apps/v4/examples/radix/alert-basic.tsx | 7 +- apps/v4/examples/radix/alert-colors.tsx | 7 +- apps/v4/examples/radix/alert-demo.tsx | 7 +- apps/v4/examples/radix/alert-destructive.tsx | 7 +- apps/v4/examples/radix/alert-dialog-basic.tsx | 4 +- apps/v4/examples/radix/alert-dialog-demo.tsx | 4 +- .../radix/alert-dialog-destructive.tsx | 7 +- apps/v4/examples/radix/alert-dialog-media.tsx | 7 +- apps/v4/examples/radix/alert-dialog-rtl.tsx | 16 +- .../radix/alert-dialog-small-media.tsx | 7 +- apps/v4/examples/radix/alert-dialog-small.tsx | 4 +- apps/v4/examples/radix/alert-rtl.tsx | 10 +- apps/v4/examples/radix/aspect-ratio-demo.tsx | 3 +- .../examples/radix/aspect-ratio-portrait.tsx | 3 +- apps/v4/examples/radix/aspect-ratio-rtl.tsx | 2 +- .../v4/examples/radix/aspect-ratio-square.tsx | 3 +- apps/v4/examples/radix/avatar-badge-icon.tsx | 5 +- apps/v4/examples/radix/avatar-badge.tsx | 2 +- apps/v4/examples/radix/avatar-basic.tsx | 6 +- apps/v4/examples/radix/avatar-demo.tsx | 2 +- apps/v4/examples/radix/avatar-dropdown.tsx | 10 +- .../radix/avatar-group-count-icon.tsx | 5 +- apps/v4/examples/radix/avatar-group-count.tsx | 2 +- apps/v4/examples/radix/avatar-group.tsx | 2 +- apps/v4/examples/radix/avatar-rtl.tsx | 12 +- apps/v4/examples/radix/avatar-size.tsx | 6 +- apps/v4/examples/radix/badge-colors.tsx | 2 +- apps/v4/examples/radix/badge-demo.tsx | 2 +- apps/v4/examples/radix/badge-icon.tsx | 3 +- apps/v4/examples/radix/badge-link.tsx | 3 +- apps/v4/examples/radix/badge-rtl.tsx | 2 +- apps/v4/examples/radix/badge-spinner.tsx | 4 +- apps/v4/examples/radix/badge-variants.tsx | 2 +- apps/v4/examples/radix/breadcrumb-basic.tsx | 2 +- apps/v4/examples/radix/breadcrumb-demo.tsx | 7 +- .../v4/examples/radix/breadcrumb-dropdown.tsx | 7 +- .../v4/examples/radix/breadcrumb-ellipsis.tsx | 3 +- apps/v4/examples/radix/breadcrumb-link.tsx | 3 +- apps/v4/examples/radix/breadcrumb-rtl.tsx | 16 +- .../examples/radix/breadcrumb-separator.tsx | 5 +- apps/v4/examples/radix/button-aschild.tsx | 3 +- apps/v4/examples/radix/button-default.tsx | 2 +- apps/v4/examples/radix/button-demo.tsx | 3 +- apps/v4/examples/radix/button-destructive.tsx | 2 +- apps/v4/examples/radix/button-ghost.tsx | 2 +- apps/v4/examples/radix/button-group-demo.tsx | 29 +- .../examples/radix/button-group-dropdown.tsx | 21 +- .../radix/button-group-input-group.tsx | 11 +- apps/v4/examples/radix/button-group-input.tsx | 7 +- .../v4/examples/radix/button-group-nested.tsx | 13 +- .../radix/button-group-orientation.tsx | 5 +- .../examples/radix/button-group-popover.tsx | 17 +- apps/v4/examples/radix/button-group-rtl.tsx | 30 +- .../v4/examples/radix/button-group-select.tsx | 11 +- .../examples/radix/button-group-separator.tsx | 4 +- apps/v4/examples/radix/button-group-size.tsx | 5 +- apps/v4/examples/radix/button-group-split.tsx | 7 +- apps/v4/examples/radix/button-icon.tsx | 3 +- apps/v4/examples/radix/button-link.tsx | 2 +- apps/v4/examples/radix/button-outline.tsx | 2 +- apps/v4/examples/radix/button-rounded.tsx | 3 +- apps/v4/examples/radix/button-rtl.tsx | 4 +- apps/v4/examples/radix/button-secondary.tsx | 2 +- apps/v4/examples/radix/button-size.tsx | 3 +- apps/v4/examples/radix/button-spinner.tsx | 4 +- apps/v4/examples/radix/button-with-icon.tsx | 3 +- apps/v4/examples/radix/calendar-basic.tsx | 2 +- .../examples/radix/calendar-booked-dates.tsx | 5 +- apps/v4/examples/radix/calendar-caption.tsx | 2 +- .../examples/radix/calendar-custom-days.tsx | 5 +- apps/v4/examples/radix/calendar-demo.tsx | 3 +- apps/v4/examples/radix/calendar-hijri.tsx | 2 +- apps/v4/examples/radix/calendar-multiple.tsx | 4 +- apps/v4/examples/radix/calendar-presets.tsx | 7 +- apps/v4/examples/radix/calendar-range.tsx | 5 +- apps/v4/examples/radix/calendar-rtl.tsx | 2 +- apps/v4/examples/radix/calendar-time.tsx | 11 +- .../examples/radix/calendar-week-numbers.tsx | 5 +- apps/v4/examples/radix/card-demo.tsx | 8 +- apps/v4/examples/radix/card-image.tsx | 6 +- apps/v4/examples/radix/card-rtl.tsx | 18 +- apps/v4/examples/radix/card-small.tsx | 4 +- apps/v4/examples/radix/carousel-api.tsx | 5 +- apps/v4/examples/radix/carousel-demo.tsx | 5 +- apps/v4/examples/radix/carousel-multiple.tsx | 4 +- .../examples/radix/carousel-orientation.tsx | 5 +- apps/v4/examples/radix/carousel-plugin.tsx | 7 +- apps/v4/examples/radix/carousel-rtl.tsx | 13 +- apps/v4/examples/radix/carousel-size.tsx | 5 +- apps/v4/examples/radix/carousel-spacing.tsx | 5 +- apps/v4/examples/radix/chart-example-axis.tsx | 3 +- apps/v4/examples/radix/chart-example-grid.tsx | 3 +- .../examples/radix/chart-example-legend.tsx | 5 +- .../examples/radix/chart-example-tooltip.tsx | 5 +- apps/v4/examples/radix/chart-example.tsx | 3 +- apps/v4/examples/radix/chart-rtl.tsx | 14 +- apps/v4/examples/radix/checkbox-basic.tsx | 4 +- apps/v4/examples/radix/checkbox-demo.tsx | 6 +- .../examples/radix/checkbox-description.tsx | 4 +- apps/v4/examples/radix/checkbox-disabled.tsx | 4 +- apps/v4/examples/radix/checkbox-group.tsx | 4 +- apps/v4/examples/radix/checkbox-invalid.tsx | 4 +- apps/v4/examples/radix/checkbox-rtl.tsx | 16 +- apps/v4/examples/radix/checkbox-table.tsx | 5 +- apps/v4/examples/radix/collapsible-basic.tsx | 9 +- apps/v4/examples/radix/collapsible-demo.tsx | 7 +- .../examples/radix/collapsible-file-tree.tsx | 11 +- apps/v4/examples/radix/collapsible-rtl.tsx | 12 +- .../examples/radix/collapsible-settings.tsx | 13 +- .../radix/combobox-auto-highlight.tsx | 2 +- apps/v4/examples/radix/combobox-basic.tsx | 2 +- apps/v4/examples/radix/combobox-clear.tsx | 2 +- apps/v4/examples/radix/combobox-custom.tsx | 4 +- apps/v4/examples/radix/combobox-demo.tsx | 2 +- apps/v4/examples/radix/combobox-disabled.tsx | 2 +- apps/v4/examples/radix/combobox-groups.tsx | 2 +- .../examples/radix/combobox-input-group.tsx | 7 +- apps/v4/examples/radix/combobox-invalid.tsx | 2 +- apps/v4/examples/radix/combobox-multiple.tsx | 3 +- apps/v4/examples/radix/combobox-popup.tsx | 4 +- apps/v4/examples/radix/combobox-rtl.tsx | 14 +- apps/v4/examples/radix/command-basic.tsx | 5 +- apps/v4/examples/radix/command-demo.tsx | 19 +- apps/v4/examples/radix/command-dialog.tsx | 19 +- apps/v4/examples/radix/command-groups.tsx | 21 +- apps/v4/examples/radix/command-rtl.tsx | 20 +- apps/v4/examples/radix/command-scrollable.tsx | 25 +- apps/v4/examples/radix/command-shortcuts.tsx | 7 +- apps/v4/examples/radix/context-menu-basic.tsx | 2 +- .../radix/context-menu-checkboxes.tsx | 2 +- apps/v4/examples/radix/context-menu-demo.tsx | 2 +- .../radix/context-menu-destructive.tsx | 5 +- .../v4/examples/radix/context-menu-groups.tsx | 2 +- apps/v4/examples/radix/context-menu-icons.tsx | 15 +- apps/v4/examples/radix/context-menu-radio.tsx | 3 +- apps/v4/examples/radix/context-menu-rtl.tsx | 14 +- .../examples/radix/context-menu-shortcuts.tsx | 2 +- apps/v4/examples/radix/context-menu-sides.tsx | 2 +- .../examples/radix/context-menu-submenu.tsx | 2 +- .../radix/data-picker-with-dropdowns.tsx | 13 +- apps/v4/examples/radix/data-table-demo.tsx | 41 +- apps/v4/examples/radix/data-table-rtl.tsx | 42 +- apps/v4/examples/radix/date-picker-basic.tsx | 11 +- apps/v4/examples/radix/date-picker-demo.tsx | 11 +- apps/v4/examples/radix/date-picker-dob.tsx | 9 +- apps/v4/examples/radix/date-picker-input.tsx | 11 +- .../radix/date-picker-natural-language.tsx | 13 +- apps/v4/examples/radix/date-picker-range.tsx | 15 +- apps/v4/examples/radix/date-picker-rtl.tsx | 14 +- apps/v4/examples/radix/date-picker-time.tsx | 15 +- .../v4/examples/radix/dialog-close-button.tsx | 8 +- apps/v4/examples/radix/dialog-demo.tsx | 10 +- .../examples/radix/dialog-no-close-button.tsx | 4 +- apps/v4/examples/radix/dialog-rtl.tsx | 19 +- .../radix/dialog-scrollable-content.tsx | 4 +- .../examples/radix/dialog-sticky-footer.tsx | 4 +- apps/v4/examples/radix/drawer-demo.tsx | 9 +- apps/v4/examples/radix/drawer-dialog.tsx | 16 +- apps/v4/examples/radix/drawer-rtl.tsx | 18 +- .../radix/drawer-scrollable-content.tsx | 4 +- apps/v4/examples/radix/drawer-sides.tsx | 4 +- .../examples/radix/dropdown-menu-avatar.tsx | 23 +- .../v4/examples/radix/dropdown-menu-basic.tsx | 4 +- .../radix/dropdown-menu-checkboxes-icons.tsx | 7 +- .../radix/dropdown-menu-checkboxes.tsx | 5 +- .../examples/radix/dropdown-menu-complex.tsx | 37 +- apps/v4/examples/radix/dropdown-menu-demo.tsx | 4 +- .../radix/dropdown-menu-destructive.tsx | 7 +- .../v4/examples/radix/dropdown-menu-icons.tsx | 17 +- .../radix/dropdown-menu-radio-group.tsx | 5 +- .../radix/dropdown-menu-radio-icons.tsx | 7 +- apps/v4/examples/radix/dropdown-menu-rtl.tsx | 16 +- .../radix/dropdown-menu-shortcuts.tsx | 4 +- .../examples/radix/dropdown-menu-submenu.tsx | 4 +- apps/v4/examples/radix/empty-avatar-group.tsx | 13 +- apps/v4/examples/radix/empty-avatar.tsx | 10 +- apps/v4/examples/radix/empty-background.tsx | 9 +- apps/v4/examples/radix/empty-card.tsx | 7 +- apps/v4/examples/radix/empty-demo.tsx | 9 +- apps/v4/examples/radix/empty-input-group.tsx | 9 +- apps/v4/examples/radix/empty-outline.tsx | 7 +- apps/v4/examples/radix/empty-rtl.tsx | 18 +- apps/v4/examples/radix/field-checkbox.tsx | 4 +- apps/v4/examples/radix/field-choice-card.tsx | 4 +- apps/v4/examples/radix/field-demo.tsx | 12 +- apps/v4/examples/radix/field-fieldset.tsx | 4 +- apps/v4/examples/radix/field-group.tsx | 4 +- apps/v4/examples/radix/field-input.tsx | 4 +- apps/v4/examples/radix/field-radio.tsx | 4 +- apps/v4/examples/radix/field-responsive.tsx | 6 +- apps/v4/examples/radix/field-rtl.tsx | 21 +- apps/v4/examples/radix/field-select.tsx | 8 +- apps/v4/examples/radix/field-slider.tsx | 9 +- apps/v4/examples/radix/field-switch.tsx | 4 +- apps/v4/examples/radix/field-textarea.tsx | 4 +- apps/v4/examples/radix/file-upload-list.tsx | 7 +- apps/v4/examples/radix/hooks/use-mobile.ts | 19 + apps/v4/examples/radix/hover-card-demo.tsx | 4 +- apps/v4/examples/radix/hover-card-rtl.tsx | 13 +- apps/v4/examples/radix/hover-card-sides.tsx | 4 +- apps/v4/examples/radix/input-badge.tsx | 6 +- apps/v4/examples/radix/input-basic.tsx | 2 +- apps/v4/examples/radix/input-button-group.tsx | 8 +- apps/v4/examples/radix/input-demo.tsx | 8 +- apps/v4/examples/radix/input-disabled.tsx | 8 +- apps/v4/examples/radix/input-field.tsx | 8 +- apps/v4/examples/radix/input-fieldgroup.tsx | 6 +- apps/v4/examples/radix/input-file.tsx | 8 +- apps/v4/examples/radix/input-form.tsx | 8 +- apps/v4/examples/radix/input-grid.tsx | 4 +- apps/v4/examples/radix/input-group-basic.tsx | 6 +- .../examples/radix/input-group-block-end.tsx | 4 +- .../radix/input-group-block-start.tsx | 7 +- .../radix/input-group-button-group.tsx | 12 +- apps/v4/examples/radix/input-group-button.tsx | 22 +- apps/v4/examples/radix/input-group-custom.tsx | 5 +- apps/v4/examples/radix/input-group-demo.tsx | 5 +- .../examples/radix/input-group-dropdown.tsx | 7 +- apps/v4/examples/radix/input-group-icon.tsx | 11 +- .../v4/examples/radix/input-group-in-card.tsx | 13 +- .../examples/radix/input-group-inline-end.tsx | 11 +- .../radix/input-group-inline-start.tsx | 11 +- apps/v4/examples/radix/input-group-kbd.tsx | 7 +- apps/v4/examples/radix/input-group-label.tsx | 9 +- apps/v4/examples/radix/input-group-rtl.tsx | 18 +- .../v4/examples/radix/input-group-spinner.tsx | 7 +- apps/v4/examples/radix/input-group-text.tsx | 2 +- .../radix/input-group-textarea-examples.tsx | 31 +- .../examples/radix/input-group-textarea.tsx | 15 +- .../v4/examples/radix/input-group-tooltip.tsx | 7 +- .../radix/input-group-with-addons.tsx | 27 +- .../radix/input-group-with-buttons.tsx | 11 +- .../examples/radix/input-group-with-kbd.tsx | 13 +- .../radix/input-group-with-tooltip.tsx | 24 +- apps/v4/examples/radix/input-inline.tsx | 6 +- apps/v4/examples/radix/input-input-group.tsx | 7 +- apps/v4/examples/radix/input-invalid.tsx | 8 +- .../examples/radix/input-otp-alphanumeric.tsx | 5 +- .../examples/radix/input-otp-controlled.tsx | 3 +- apps/v4/examples/radix/input-otp-demo.tsx | 2 +- apps/v4/examples/radix/input-otp-disabled.tsx | 2 +- apps/v4/examples/radix/input-otp-form.tsx | 15 +- .../examples/radix/input-otp-four-digits.tsx | 5 +- apps/v4/examples/radix/input-otp-invalid.tsx | 3 +- apps/v4/examples/radix/input-otp-pattern.tsx | 7 +- apps/v4/examples/radix/input-otp-rtl.tsx | 12 +- .../v4/examples/radix/input-otp-separator.tsx | 2 +- apps/v4/examples/radix/input-required.tsx | 8 +- apps/v4/examples/radix/input-rtl.tsx | 12 +- apps/v4/examples/radix/item-avatar.tsx | 13 +- apps/v4/examples/radix/item-demo.tsx | 7 +- apps/v4/examples/radix/item-dropdown.tsx | 15 +- apps/v4/examples/radix/item-group.tsx | 13 +- apps/v4/examples/radix/item-header.tsx | 3 +- apps/v4/examples/radix/item-icon.tsx | 7 +- apps/v4/examples/radix/item-image.tsx | 3 +- apps/v4/examples/radix/item-link.tsx | 5 +- apps/v4/examples/radix/item-rtl.tsx | 16 +- apps/v4/examples/radix/item-size.tsx | 5 +- apps/v4/examples/radix/item-variant.tsx | 5 +- apps/v4/examples/radix/kbd-button.tsx | 4 +- apps/v4/examples/radix/kbd-demo.tsx | 2 +- apps/v4/examples/radix/kbd-group.tsx | 2 +- apps/v4/examples/radix/kbd-input-group.tsx | 7 +- apps/v4/examples/radix/kbd-rtl.tsx | 2 +- apps/v4/examples/radix/kbd-tooltip.tsx | 8 +- apps/v4/examples/radix/label-demo.tsx | 4 +- apps/v4/examples/radix/label-rtl.tsx | 4 +- apps/v4/examples/radix/lib/utils.ts | 6 + apps/v4/examples/radix/menubar-checkbox.tsx | 2 +- apps/v4/examples/radix/menubar-demo.tsx | 2 +- apps/v4/examples/radix/menubar-icons.tsx | 19 +- apps/v4/examples/radix/menubar-radio.tsx | 3 +- apps/v4/examples/radix/menubar-rtl.tsx | 12 +- apps/v4/examples/radix/menubar-submenu.tsx | 2 +- apps/v4/examples/radix/muted-item-group.tsx | 4 +- apps/v4/examples/radix/native-select-demo.tsx | 2 +- .../examples/radix/native-select-disabled.tsx | 2 +- .../examples/radix/native-select-groups.tsx | 2 +- .../examples/radix/native-select-invalid.tsx | 2 +- apps/v4/examples/radix/native-select-rtl.tsx | 8 +- .../examples/radix/navigation-menu-demo.tsx | 3 +- .../v4/examples/radix/navigation-menu-rtl.tsx | 12 +- apps/v4/examples/radix/outline-item-group.tsx | 5 +- apps/v4/examples/radix/pagination-demo.tsx | 2 +- .../examples/radix/pagination-icons-only.tsx | 6 +- apps/v4/examples/radix/pagination-rtl.tsx | 12 +- apps/v4/examples/radix/pagination-simple.tsx | 2 +- apps/v4/examples/radix/popover-alignments.tsx | 4 +- apps/v4/examples/radix/popover-basic.tsx | 4 +- apps/v4/examples/radix/popover-demo.tsx | 8 +- apps/v4/examples/radix/popover-form.tsx | 8 +- apps/v4/examples/radix/popover-rtl.tsx | 13 +- .../v4/examples/radix/progress-controlled.tsx | 5 +- apps/v4/examples/radix/progress-demo.tsx | 3 +- apps/v4/examples/radix/progress-label.tsx | 4 +- apps/v4/examples/radix/progress-rtl.tsx | 4 +- apps/v4/examples/radix/radio-fields.tsx | 4 +- .../radix/radio-group-choice-card.tsx | 4 +- apps/v4/examples/radix/radio-group-demo.tsx | 4 +- .../radix/radio-group-description.tsx | 4 +- .../examples/radix/radio-group-disabled.tsx | 4 +- .../examples/radix/radio-group-fieldset.tsx | 4 +- .../v4/examples/radix/radio-group-invalid.tsx | 4 +- apps/v4/examples/radix/radio-group-rtl.tsx | 15 +- apps/v4/examples/radix/resizable-demo.tsx | 2 +- apps/v4/examples/radix/resizable-handle.tsx | 2 +- apps/v4/examples/radix/resizable-rtl.tsx | 10 +- apps/v4/examples/radix/resizable-vertical.tsx | 2 +- apps/v4/examples/radix/scroll-area-demo.tsx | 5 +- .../radix/scroll-area-horizontal-demo.tsx | 3 +- apps/v4/examples/radix/scroll-area-rtl.tsx | 4 +- apps/v4/examples/radix/select-align-item.tsx | 7 +- apps/v4/examples/radix/select-demo.tsx | 2 +- apps/v4/examples/radix/select-disabled.tsx | 2 +- apps/v4/examples/radix/select-groups.tsx | 2 +- apps/v4/examples/radix/select-invalid.tsx | 4 +- apps/v4/examples/radix/select-rtl.tsx | 12 +- apps/v4/examples/radix/select-scrollable.tsx | 2 +- apps/v4/examples/radix/separator-demo.tsx | 2 +- apps/v4/examples/radix/separator-list.tsx | 2 +- apps/v4/examples/radix/separator-menu.tsx | 2 +- apps/v4/examples/radix/separator-rtl.tsx | 2 +- apps/v4/examples/radix/separator-vertical.tsx | 2 +- apps/v4/examples/radix/sheet-demo.tsx | 8 +- .../examples/radix/sheet-no-close-button.tsx | 4 +- apps/v4/examples/radix/sheet-rtl.tsx | 17 +- apps/v4/examples/radix/sheet-side.tsx | 4 +- apps/v4/examples/radix/sidebar-controlled.tsx | 23 +- apps/v4/examples/radix/sidebar-demo.tsx | 77 +- apps/v4/examples/radix/sidebar-footer.tsx | 7 +- .../examples/radix/sidebar-group-action.tsx | 7 +- .../radix/sidebar-group-collapsible.tsx | 7 +- apps/v4/examples/radix/sidebar-group.tsx | 5 +- apps/v4/examples/radix/sidebar-header.tsx | 7 +- .../v4/examples/radix/sidebar-menu-action.tsx | 21 +- apps/v4/examples/radix/sidebar-menu-badge.tsx | 17 +- .../radix/sidebar-menu-collapsible.tsx | 7 +- apps/v4/examples/radix/sidebar-menu-sub.tsx | 2 +- apps/v4/examples/radix/sidebar-menu.tsx | 17 +- apps/v4/examples/radix/sidebar-rsc.tsx | 17 +- apps/v4/examples/radix/sidebar-rtl.tsx | 80 +- apps/v4/examples/radix/skeleton-avatar.tsx | 2 +- apps/v4/examples/radix/skeleton-card.tsx | 4 +- apps/v4/examples/radix/skeleton-demo.tsx | 2 +- apps/v4/examples/radix/skeleton-form.tsx | 2 +- apps/v4/examples/radix/skeleton-rtl.tsx | 2 +- apps/v4/examples/radix/skeleton-table.tsx | 2 +- apps/v4/examples/radix/skeleton-text.tsx | 2 +- apps/v4/examples/radix/slider-controlled.tsx | 5 +- apps/v4/examples/radix/slider-demo.tsx | 2 +- apps/v4/examples/radix/slider-disabled.tsx | 2 +- apps/v4/examples/radix/slider-multiple.tsx | 2 +- apps/v4/examples/radix/slider-range.tsx | 2 +- apps/v4/examples/radix/slider-rtl.tsx | 2 +- apps/v4/examples/radix/slider-vertical.tsx | 2 +- apps/v4/examples/radix/sonner-demo.tsx | 3 +- apps/v4/examples/radix/sonner-description.tsx | 3 +- apps/v4/examples/radix/sonner-position.tsx | 3 +- apps/v4/examples/radix/sonner-types.tsx | 3 +- apps/v4/examples/radix/spinner-badge.tsx | 4 +- apps/v4/examples/radix/spinner-button.tsx | 4 +- apps/v4/examples/radix/spinner-demo.tsx | 4 +- apps/v4/examples/radix/spinner-empty.tsx | 6 +- .../v4/examples/radix/spinner-input-group.tsx | 7 +- apps/v4/examples/radix/spinner-rtl.tsx | 14 +- apps/v4/examples/radix/spinner-size.tsx | 2 +- apps/v4/examples/radix/switch-choice-card.tsx | 4 +- apps/v4/examples/radix/switch-demo.tsx | 4 +- apps/v4/examples/radix/switch-description.tsx | 4 +- apps/v4/examples/radix/switch-disabled.tsx | 4 +- apps/v4/examples/radix/switch-invalid.tsx | 4 +- apps/v4/examples/radix/switch-rtl.tsx | 14 +- apps/v4/examples/radix/switch-sizes.tsx | 4 +- apps/v4/examples/radix/table-actions.tsx | 9 +- apps/v4/examples/radix/table-demo.tsx | 2 +- apps/v4/examples/radix/table-footer.tsx | 2 +- apps/v4/examples/radix/table-rtl.tsx | 12 +- apps/v4/examples/radix/tabs-demo.tsx | 4 +- apps/v4/examples/radix/tabs-disabled.tsx | 2 +- apps/v4/examples/radix/tabs-icons.tsx | 3 +- apps/v4/examples/radix/tabs-line.tsx | 2 +- apps/v4/examples/radix/tabs-rtl.tsx | 14 +- apps/v4/examples/radix/tabs-vertical.tsx | 2 +- apps/v4/examples/radix/textarea-button.tsx | 4 +- apps/v4/examples/radix/textarea-demo.tsx | 2 +- apps/v4/examples/radix/textarea-disabled.tsx | 4 +- apps/v4/examples/radix/textarea-field.tsx | 8 +- apps/v4/examples/radix/textarea-invalid.tsx | 8 +- apps/v4/examples/radix/textarea-rtl.tsx | 12 +- apps/v4/examples/radix/toggle-demo.tsx | 3 +- apps/v4/examples/radix/toggle-disabled.tsx | 2 +- apps/v4/examples/radix/toggle-group-demo.tsx | 6 +- .../examples/radix/toggle-group-disabled.tsx | 6 +- .../toggle-group-font-weight-selector.tsx | 12 +- .../examples/radix/toggle-group-outline.tsx | 5 +- apps/v4/examples/radix/toggle-group-rtl.tsx | 9 +- apps/v4/examples/radix/toggle-group-sizes.tsx | 5 +- .../examples/radix/toggle-group-spacing.tsx | 5 +- .../examples/radix/toggle-group-vertical.tsx | 6 +- apps/v4/examples/radix/toggle-outline.tsx | 3 +- apps/v4/examples/radix/toggle-rtl.tsx | 2 +- apps/v4/examples/radix/toggle-sizes.tsx | 2 +- apps/v4/examples/radix/toggle-text.tsx | 3 +- apps/v4/examples/radix/tooltip-demo.tsx | 4 +- apps/v4/examples/radix/tooltip-disabled.tsx | 4 +- apps/v4/examples/radix/tooltip-keyboard.tsx | 9 +- apps/v4/examples/radix/tooltip-rtl.tsx | 13 +- apps/v4/examples/radix/tooltip-sides.tsx | 4 +- .../radix}/ui-rtl/accordion.tsx | 3 +- .../radix}/ui-rtl/alert-dialog.tsx | 5 +- .../radix}/ui-rtl/alert.tsx | 3 +- .../radix/ui-rtl}/aspect-ratio.tsx | 0 .../radix}/ui-rtl/avatar.tsx | 3 +- .../radix}/ui-rtl/badge.tsx | 3 +- .../radix}/ui-rtl/breadcrumb.tsx | 3 +- .../radix}/ui-rtl/button-group.tsx | 5 +- .../radix}/ui-rtl/button.tsx | 3 +- .../radix}/ui-rtl/calendar.tsx | 5 +- .../ui => examples/radix/ui-rtl}/card.tsx | 3 +- .../radix}/ui-rtl/carousel.tsx | 5 +- .../ui => examples/radix/ui-rtl}/chart.tsx | 3 +- .../radix}/ui-rtl/checkbox.tsx | 3 +- .../radix/ui-rtl}/collapsible.tsx | 0 .../radix}/ui-rtl/combobox.tsx | 11 +- .../radix}/ui-rtl/command.tsx | 11 +- .../radix}/ui-rtl/context-menu.tsx | 3 +- .../radix}/ui-rtl/dialog.tsx | 5 +- .../radix/ui-rtl}/direction.tsx | 0 .../radix}/ui-rtl/drawer.tsx | 3 +- .../radix}/ui-rtl/dropdown-menu.tsx | 3 +- .../radix}/ui-rtl/empty.tsx | 3 +- .../radix}/ui-rtl/field.tsx | 7 +- .../radix/ui-rtl}/hover-card.tsx | 3 +- .../radix}/ui-rtl/input-group.tsx | 9 +- .../radix}/ui-rtl/input-otp.tsx | 3 +- .../ui => examples/radix/ui-rtl}/input.tsx | 3 +- .../radix}/ui-rtl/item.tsx | 5 +- .../ui => examples/radix/ui-rtl}/kbd.tsx | 2 +- .../ui => examples/radix/ui-rtl}/label.tsx | 3 +- .../radix}/ui-rtl/menubar.tsx | 3 +- .../radix}/ui-rtl/native-select.tsx | 3 +- .../radix}/ui-rtl/navigation-menu.tsx | 3 +- .../radix}/ui-rtl/pagination.tsx | 5 +- .../radix}/ui-rtl/popover.tsx | 3 +- .../ui => examples/radix/ui-rtl}/progress.tsx | 3 +- .../radix}/ui-rtl/radio-group.tsx | 3 +- .../radix}/ui-rtl/resizable.tsx | 3 +- .../radix}/ui-rtl/scroll-area.tsx | 3 +- .../radix}/ui-rtl/select.tsx | 3 +- .../radix/ui-rtl}/separator.tsx | 3 +- .../radix}/ui-rtl/sheet.tsx | 5 +- .../radix}/ui-rtl/sidebar.tsx | 23 +- .../ui => examples/radix/ui-rtl}/skeleton.tsx | 2 +- .../ui => examples/radix/ui-rtl}/slider.tsx | 3 +- .../ui => examples/radix/ui-rtl}/sonner.tsx | 0 .../radix}/ui-rtl/spinner.tsx | 3 +- .../radix}/ui-rtl/switch.tsx | 3 +- .../radix}/ui-rtl/table.tsx | 3 +- .../radix}/ui-rtl/tabs.tsx | 3 +- .../ui => examples/radix/ui-rtl}/textarea.tsx | 3 +- .../radix}/ui-rtl/toggle-group.tsx | 5 +- .../ui => examples/radix/ui-rtl}/toggle.tsx | 3 +- .../radix}/ui-rtl/tooltip.tsx | 3 +- .../radix}/ui/accordion.tsx | 3 +- .../radix}/ui/alert-dialog.tsx | 5 +- .../base-nova => examples/radix}/ui/alert.tsx | 3 +- .../radix}/ui/aspect-ratio.tsx | 0 .../radix}/ui/avatar.tsx | 3 +- .../radix}/ui/badge.tsx | 3 +- .../radix}/ui/breadcrumb.tsx | 3 +- .../radix}/ui/button-group.tsx | 5 +- .../radix}/ui/button.tsx | 3 +- .../radix}/ui/calendar.tsx | 5 +- .../ui-rtl => examples/radix/ui}/card.tsx | 3 +- .../radix}/ui/carousel.tsx | 5 +- .../ui-rtl => examples/radix/ui}/chart.tsx | 3 +- .../radix}/ui/checkbox.tsx | 3 +- .../radix}/ui/collapsible.tsx | 0 .../radix}/ui/combobox.tsx | 11 +- .../radix}/ui/command.tsx | 11 +- .../radix}/ui/context-menu.tsx | 3 +- .../radix}/ui/dialog.tsx | 5 +- .../radix}/ui/direction.tsx | 0 .../radix}/ui/drawer.tsx | 3 +- .../radix}/ui/dropdown-menu.tsx | 3 +- .../radix}/ui/empty.tsx | 3 +- .../base-nova => examples/radix}/ui/field.tsx | 7 +- .../radix/ui}/hover-card.tsx | 3 +- .../radix}/ui/input-group.tsx | 9 +- .../radix}/ui/input-otp.tsx | 3 +- .../ui-rtl => examples/radix/ui}/input.tsx | 3 +- .../radix-nova => examples/radix}/ui/item.tsx | 5 +- .../ui-rtl => examples/radix/ui}/kbd.tsx | 2 +- .../ui-rtl => examples/radix/ui}/label.tsx | 3 +- .../radix}/ui/menubar.tsx | 3 +- .../radix}/ui/native-select.tsx | 3 +- .../radix}/ui/navigation-menu.tsx | 3 +- .../radix}/ui/pagination.tsx | 5 +- .../radix}/ui/popover.tsx | 3 +- .../ui-rtl => examples/radix/ui}/progress.tsx | 3 +- .../radix}/ui/radio-group.tsx | 3 +- .../radix}/ui/resizable.tsx | 3 +- .../radix}/ui/scroll-area.tsx | 3 +- .../radix}/ui/select.tsx | 3 +- .../radix}/ui/separator.tsx | 3 +- .../radix}/ui/sheet.tsx | 5 +- .../radix}/ui/sidebar.tsx | 23 +- .../ui-rtl => examples/radix/ui}/skeleton.tsx | 2 +- .../ui-rtl => examples/radix/ui}/slider.tsx | 3 +- .../ui-rtl => examples/radix/ui}/sonner.tsx | 0 .../radix}/ui/spinner.tsx | 3 +- .../radix}/ui/switch.tsx | 3 +- .../base-nova => examples/radix}/ui/table.tsx | 3 +- .../radix-nova => examples/radix}/ui/tabs.tsx | 3 +- .../ui-rtl => examples/radix/ui}/textarea.tsx | 3 +- .../radix}/ui/toggle-group.tsx | 5 +- .../ui-rtl => examples/radix/ui}/toggle.tsx | 3 +- .../radix}/ui/tooltip.tsx | 3 +- apps/v4/lib/blocks.ts | 39 +- apps/v4/lib/format-code.ts | 15 - apps/v4/lib/llm.ts | 34 +- apps/v4/lib/registry.ts | 96 +- apps/v4/lib/rehype.ts | 28 +- apps/v4/next.config.mjs | 2 +- apps/v4/package.json | 18 +- apps/v4/registry/__blocks__.json | 103 +- apps/v4/registry/__index__.tsx | 12010 +--------------- apps/v4/registry/bases/__index__.tsx | 1274 +- apps/v4/scripts/build-examples.ts | 82 + apps/v4/scripts/build-registry.mts | 989 +- apps/v4/styles/base-lyra/ui/accordion.tsx | 80 - apps/v4/styles/base-lyra/ui/alert-dialog.tsx | 187 - apps/v4/styles/base-lyra/ui/alert.tsx | 79 - apps/v4/styles/base-lyra/ui/aspect-ratio.tsx | 22 - apps/v4/styles/base-lyra/ui/avatar.tsx | 109 - apps/v4/styles/base-lyra/ui/badge.tsx | 52 - apps/v4/styles/base-lyra/ui/breadcrumb.tsx | 122 - apps/v4/styles/base-lyra/ui/button-group.tsx | 87 - apps/v4/styles/base-lyra/ui/button.tsx | 58 - apps/v4/styles/base-lyra/ui/calendar.tsx | 231 - apps/v4/styles/base-lyra/ui/card.tsx | 103 - apps/v4/styles/base-lyra/ui/carousel.tsx | 242 - apps/v4/styles/base-lyra/ui/chart.tsx | 373 - apps/v4/styles/base-lyra/ui/checkbox.tsx | 28 - apps/v4/styles/base-lyra/ui/combobox.tsx | 300 - apps/v4/styles/base-lyra/ui/command.tsx | 193 - apps/v4/styles/base-lyra/ui/context-menu.tsx | 272 - apps/v4/styles/base-lyra/ui/dialog.tsx | 156 - apps/v4/styles/base-lyra/ui/drawer.tsx | 134 - apps/v4/styles/base-lyra/ui/dropdown-menu.tsx | 272 - apps/v4/styles/base-lyra/ui/empty.tsx | 101 - apps/v4/styles/base-lyra/ui/field.tsx | 238 - apps/v4/styles/base-lyra/ui/hover-card.tsx | 51 - apps/v4/styles/base-lyra/ui/input-group.tsx | 157 - apps/v4/styles/base-lyra/ui/input-otp.tsx | 86 - apps/v4/styles/base-lyra/ui/input.tsx | 20 - apps/v4/styles/base-lyra/ui/item.tsx | 201 - apps/v4/styles/base-lyra/ui/kbd.tsx | 26 - apps/v4/styles/base-lyra/ui/label.tsx | 20 - apps/v4/styles/base-lyra/ui/menubar.tsx | 281 - apps/v4/styles/base-lyra/ui/native-select.tsx | 56 - .../styles/base-lyra/ui/navigation-menu.tsx | 171 - apps/v4/styles/base-lyra/ui/pagination.tsx | 133 - apps/v4/styles/base-lyra/ui/popover.tsx | 90 - apps/v4/styles/base-lyra/ui/progress.tsx | 83 - apps/v4/styles/base-lyra/ui/radio-group.tsx | 38 - apps/v4/styles/base-lyra/ui/resizable.tsx | 50 - apps/v4/styles/base-lyra/ui/scroll-area.tsx | 55 - apps/v4/styles/base-lyra/ui/select.tsx | 202 - apps/v4/styles/base-lyra/ui/sheet.tsx | 137 - apps/v4/styles/base-lyra/ui/sidebar.tsx | 723 - apps/v4/styles/base-lyra/ui/skeleton.tsx | 13 - apps/v4/styles/base-lyra/ui/slider.tsx | 59 - apps/v4/styles/base-lyra/ui/switch.tsx | 32 - apps/v4/styles/base-lyra/ui/table.tsx | 116 - apps/v4/styles/base-lyra/ui/tabs.tsx | 82 - apps/v4/styles/base-lyra/ui/textarea.tsx | 18 - apps/v4/styles/base-lyra/ui/toggle-group.tsx | 89 - apps/v4/styles/base-lyra/ui/toggle.tsx | 44 - apps/v4/styles/base-lyra/ui/tooltip.tsx | 66 - apps/v4/styles/base-maia/ui/accordion.tsx | 83 - apps/v4/styles/base-maia/ui/alert-dialog.tsx | 187 - apps/v4/styles/base-maia/ui/alert.tsx | 76 - apps/v4/styles/base-maia/ui/badge.tsx | 52 - apps/v4/styles/base-maia/ui/breadcrumb.tsx | 122 - apps/v4/styles/base-maia/ui/button-group.tsx | 87 - apps/v4/styles/base-maia/ui/button.tsx | 58 - apps/v4/styles/base-maia/ui/calendar.tsx | 231 - apps/v4/styles/base-maia/ui/card.tsx | 100 - apps/v4/styles/base-maia/ui/checkbox.tsx | 28 - apps/v4/styles/base-maia/ui/combobox.tsx | 300 - apps/v4/styles/base-maia/ui/command.tsx | 193 - apps/v4/styles/base-maia/ui/context-menu.tsx | 272 - apps/v4/styles/base-maia/ui/dialog.tsx | 159 - apps/v4/styles/base-maia/ui/drawer.tsx | 134 - apps/v4/styles/base-maia/ui/dropdown-menu.tsx | 272 - apps/v4/styles/base-maia/ui/empty.tsx | 104 - apps/v4/styles/base-maia/ui/field.tsx | 238 - apps/v4/styles/base-maia/ui/hover-card.tsx | 51 - apps/v4/styles/base-maia/ui/input-group.tsx | 157 - apps/v4/styles/base-maia/ui/input-otp.tsx | 86 - apps/v4/styles/base-maia/ui/input.tsx | 20 - apps/v4/styles/base-maia/ui/item.tsx | 201 - apps/v4/styles/base-maia/ui/menubar.tsx | 281 - apps/v4/styles/base-maia/ui/native-select.tsx | 56 - .../styles/base-maia/ui/navigation-menu.tsx | 171 - apps/v4/styles/base-maia/ui/pagination.tsx | 133 - apps/v4/styles/base-maia/ui/popover.tsx | 90 - apps/v4/styles/base-maia/ui/progress.tsx | 83 - apps/v4/styles/base-maia/ui/radio-group.tsx | 38 - apps/v4/styles/base-maia/ui/scroll-area.tsx | 55 - apps/v4/styles/base-maia/ui/select.tsx | 205 - apps/v4/styles/base-maia/ui/separator.tsx | 25 - apps/v4/styles/base-maia/ui/sheet.tsx | 137 - apps/v4/styles/base-maia/ui/sidebar.tsx | 726 - apps/v4/styles/base-maia/ui/skeleton.tsx | 13 - apps/v4/styles/base-maia/ui/slider.tsx | 59 - apps/v4/styles/base-maia/ui/switch.tsx | 32 - apps/v4/styles/base-maia/ui/table.tsx | 116 - apps/v4/styles/base-maia/ui/tabs.tsx | 82 - apps/v4/styles/base-maia/ui/textarea.tsx | 18 - apps/v4/styles/base-maia/ui/toggle-group.tsx | 89 - apps/v4/styles/base-maia/ui/toggle.tsx | 44 - apps/v4/styles/base-maia/ui/tooltip.tsx | 66 - apps/v4/styles/base-mira/ui/accordion.tsx | 83 - apps/v4/styles/base-mira/ui/alert-dialog.tsx | 187 - apps/v4/styles/base-mira/ui/alert.tsx | 76 - apps/v4/styles/base-mira/ui/avatar.tsx | 109 - apps/v4/styles/base-mira/ui/badge.tsx | 52 - apps/v4/styles/base-mira/ui/breadcrumb.tsx | 122 - apps/v4/styles/base-mira/ui/button-group.tsx | 87 - apps/v4/styles/base-mira/ui/button.tsx | 58 - apps/v4/styles/base-mira/ui/calendar.tsx | 231 - apps/v4/styles/base-mira/ui/card.tsx | 100 - apps/v4/styles/base-mira/ui/chart.tsx | 373 - apps/v4/styles/base-mira/ui/checkbox.tsx | 28 - apps/v4/styles/base-mira/ui/collapsible.tsx | 21 - apps/v4/styles/base-mira/ui/combobox.tsx | 300 - apps/v4/styles/base-mira/ui/command.tsx | 193 - apps/v4/styles/base-mira/ui/context-menu.tsx | 272 - apps/v4/styles/base-mira/ui/dialog.tsx | 156 - apps/v4/styles/base-mira/ui/direction.tsx | 6 - apps/v4/styles/base-mira/ui/drawer.tsx | 134 - apps/v4/styles/base-mira/ui/dropdown-menu.tsx | 272 - apps/v4/styles/base-mira/ui/empty.tsx | 104 - apps/v4/styles/base-mira/ui/field.tsx | 238 - apps/v4/styles/base-mira/ui/hover-card.tsx | 51 - apps/v4/styles/base-mira/ui/input-group.tsx | 157 - apps/v4/styles/base-mira/ui/input-otp.tsx | 86 - apps/v4/styles/base-mira/ui/input.tsx | 20 - apps/v4/styles/base-mira/ui/item.tsx | 201 - apps/v4/styles/base-mira/ui/kbd.tsx | 26 - apps/v4/styles/base-mira/ui/label.tsx | 20 - apps/v4/styles/base-mira/ui/menubar.tsx | 281 - apps/v4/styles/base-mira/ui/native-select.tsx | 56 - .../styles/base-mira/ui/navigation-menu.tsx | 171 - apps/v4/styles/base-mira/ui/pagination.tsx | 133 - apps/v4/styles/base-mira/ui/popover.tsx | 90 - apps/v4/styles/base-mira/ui/progress.tsx | 83 - apps/v4/styles/base-mira/ui/radio-group.tsx | 38 - apps/v4/styles/base-mira/ui/resizable.tsx | 50 - apps/v4/styles/base-mira/ui/select.tsx | 205 - apps/v4/styles/base-mira/ui/sheet.tsx | 137 - apps/v4/styles/base-mira/ui/sidebar.tsx | 729 - apps/v4/styles/base-mira/ui/slider.tsx | 59 - apps/v4/styles/base-mira/ui/switch.tsx | 32 - apps/v4/styles/base-mira/ui/table.tsx | 116 - apps/v4/styles/base-mira/ui/tabs.tsx | 82 - apps/v4/styles/base-mira/ui/textarea.tsx | 18 - apps/v4/styles/base-mira/ui/toggle-group.tsx | 89 - apps/v4/styles/base-mira/ui/toggle.tsx | 44 - .../styles/base-nova/ui-rtl/aspect-ratio.tsx | 22 - .../styles/base-nova/ui-rtl/collapsible.tsx | 21 - apps/v4/styles/base-nova/ui-rtl/direction.tsx | 6 - apps/v4/styles/base-nova/ui-rtl/label.tsx | 20 - apps/v4/styles/base-nova/ui-rtl/separator.tsx | 25 - apps/v4/styles/base-nova/ui/aspect-ratio.tsx | 22 - apps/v4/styles/base-nova/ui/avatar.tsx | 109 - apps/v4/styles/base-nova/ui/carousel.tsx | 242 - apps/v4/styles/base-nova/ui/collapsible.tsx | 21 - apps/v4/styles/base-nova/ui/direction.tsx | 6 - apps/v4/styles/base-nova/ui/scroll-area.tsx | 55 - apps/v4/styles/base-nova/ui/separator.tsx | 25 - apps/v4/styles/base-nova/ui/sonner.tsx | 45 - apps/v4/styles/base-nova/ui/spinner.tsx | 16 - apps/v4/styles/base-nova/ui/tooltip.tsx | 66 - apps/v4/styles/base-vega/ui/accordion.tsx | 80 - apps/v4/styles/base-vega/ui/alert-dialog.tsx | 187 - apps/v4/styles/base-vega/ui/alert.tsx | 76 - apps/v4/styles/base-vega/ui/aspect-ratio.tsx | 22 - apps/v4/styles/base-vega/ui/avatar.tsx | 109 - apps/v4/styles/base-vega/ui/badge.tsx | 52 - apps/v4/styles/base-vega/ui/breadcrumb.tsx | 122 - apps/v4/styles/base-vega/ui/button-group.tsx | 87 - apps/v4/styles/base-vega/ui/button.tsx | 60 - apps/v4/styles/base-vega/ui/calendar.tsx | 231 - apps/v4/styles/base-vega/ui/card.tsx | 103 - apps/v4/styles/base-vega/ui/carousel.tsx | 242 - apps/v4/styles/base-vega/ui/checkbox.tsx | 28 - apps/v4/styles/base-vega/ui/collapsible.tsx | 21 - apps/v4/styles/base-vega/ui/combobox.tsx | 300 - apps/v4/styles/base-vega/ui/command.tsx | 193 - apps/v4/styles/base-vega/ui/context-menu.tsx | 272 - apps/v4/styles/base-vega/ui/dialog.tsx | 156 - apps/v4/styles/base-vega/ui/direction.tsx | 6 - apps/v4/styles/base-vega/ui/drawer.tsx | 131 - apps/v4/styles/base-vega/ui/dropdown-menu.tsx | 272 - apps/v4/styles/base-vega/ui/empty.tsx | 104 - apps/v4/styles/base-vega/ui/field.tsx | 238 - apps/v4/styles/base-vega/ui/hover-card.tsx | 51 - apps/v4/styles/base-vega/ui/input-group.tsx | 158 - apps/v4/styles/base-vega/ui/input-otp.tsx | 86 - apps/v4/styles/base-vega/ui/input.tsx | 20 - apps/v4/styles/base-vega/ui/item.tsx | 201 - apps/v4/styles/base-vega/ui/label.tsx | 20 - apps/v4/styles/base-vega/ui/menubar.tsx | 284 - apps/v4/styles/base-vega/ui/native-select.tsx | 56 - .../styles/base-vega/ui/navigation-menu.tsx | 171 - apps/v4/styles/base-vega/ui/pagination.tsx | 133 - apps/v4/styles/base-vega/ui/popover.tsx | 90 - apps/v4/styles/base-vega/ui/progress.tsx | 83 - apps/v4/styles/base-vega/ui/radio-group.tsx | 38 - apps/v4/styles/base-vega/ui/resizable.tsx | 50 - apps/v4/styles/base-vega/ui/scroll-area.tsx | 55 - apps/v4/styles/base-vega/ui/select.tsx | 202 - apps/v4/styles/base-vega/ui/separator.tsx | 25 - apps/v4/styles/base-vega/ui/sheet.tsx | 134 - apps/v4/styles/base-vega/ui/sidebar.tsx | 723 - apps/v4/styles/base-vega/ui/slider.tsx | 59 - apps/v4/styles/base-vega/ui/sonner.tsx | 45 - apps/v4/styles/base-vega/ui/spinner.tsx | 16 - apps/v4/styles/base-vega/ui/switch.tsx | 32 - apps/v4/styles/base-vega/ui/tabs.tsx | 82 - apps/v4/styles/base-vega/ui/textarea.tsx | 18 - apps/v4/styles/base-vega/ui/toggle-group.tsx | 89 - apps/v4/styles/base-vega/ui/toggle.tsx | 44 - apps/v4/styles/base-vega/ui/tooltip.tsx | 66 - apps/v4/{app => styles}/globals.css | 0 apps/v4/{app => styles}/legacy-themes.css | 0 apps/v4/styles/radix-lyra/ui/accordion.tsx | 87 - apps/v4/styles/radix-lyra/ui/alert-dialog.tsx | 199 - apps/v4/styles/radix-lyra/ui/alert.tsx | 79 - apps/v4/styles/radix-lyra/ui/avatar.tsx | 112 - apps/v4/styles/radix-lyra/ui/badge.tsx | 49 - apps/v4/styles/radix-lyra/ui/breadcrumb.tsx | 119 - apps/v4/styles/radix-lyra/ui/button-group.tsx | 83 - apps/v4/styles/radix-lyra/ui/button.tsx | 65 - apps/v4/styles/radix-lyra/ui/calendar.tsx | 232 - apps/v4/styles/radix-lyra/ui/card.tsx | 103 - apps/v4/styles/radix-lyra/ui/carousel.tsx | 242 - apps/v4/styles/radix-lyra/ui/chart.tsx | 373 - apps/v4/styles/radix-lyra/ui/checkbox.tsx | 32 - apps/v4/styles/radix-lyra/ui/combobox.tsx | 302 - apps/v4/styles/radix-lyra/ui/command.tsx | 192 - apps/v4/styles/radix-lyra/ui/context-menu.tsx | 267 - apps/v4/styles/radix-lyra/ui/dialog.tsx | 164 - apps/v4/styles/radix-lyra/ui/drawer.tsx | 134 - .../v4/styles/radix-lyra/ui/dropdown-menu.tsx | 273 - apps/v4/styles/radix-lyra/ui/empty.tsx | 101 - apps/v4/styles/radix-lyra/ui/field.tsx | 238 - apps/v4/styles/radix-lyra/ui/hover-card.tsx | 44 - apps/v4/styles/radix-lyra/ui/input-group.tsx | 155 - apps/v4/styles/radix-lyra/ui/input-otp.tsx | 86 - apps/v4/styles/radix-lyra/ui/input.tsx | 19 - apps/v4/styles/radix-lyra/ui/item.tsx | 196 - apps/v4/styles/radix-lyra/ui/kbd.tsx | 26 - apps/v4/styles/radix-lyra/ui/label.tsx | 24 - apps/v4/styles/radix-lyra/ui/menubar.tsx | 281 - .../v4/styles/radix-lyra/ui/native-select.tsx | 56 - .../styles/radix-lyra/ui/navigation-menu.tsx | 167 - apps/v4/styles/radix-lyra/ui/popover.tsx | 89 - apps/v4/styles/radix-lyra/ui/progress.tsx | 31 - apps/v4/styles/radix-lyra/ui/resizable.tsx | 50 - apps/v4/styles/radix-lyra/ui/scroll-area.tsx | 55 - apps/v4/styles/radix-lyra/ui/select.tsx | 195 - apps/v4/styles/radix-lyra/ui/sheet.tsx | 146 - apps/v4/styles/radix-lyra/ui/sidebar.tsx | 702 - apps/v4/styles/radix-lyra/ui/skeleton.tsx | 13 - apps/v4/styles/radix-lyra/ui/slider.tsx | 59 - apps/v4/styles/radix-lyra/ui/sonner.tsx | 45 - apps/v4/styles/radix-lyra/ui/spinner.tsx | 16 - apps/v4/styles/radix-lyra/ui/switch.tsx | 33 - apps/v4/styles/radix-lyra/ui/table.tsx | 116 - apps/v4/styles/radix-lyra/ui/tabs.tsx | 90 - apps/v4/styles/radix-lyra/ui/textarea.tsx | 18 - apps/v4/styles/radix-lyra/ui/toggle-group.tsx | 89 - apps/v4/styles/radix-lyra/ui/toggle.tsx | 46 - apps/v4/styles/radix-lyra/ui/tooltip.tsx | 57 - apps/v4/styles/radix-maia/ui/accordion.tsx | 90 - apps/v4/styles/radix-maia/ui/alert-dialog.tsx | 199 - apps/v4/styles/radix-maia/ui/alert.tsx | 76 - apps/v4/styles/radix-maia/ui/badge.tsx | 49 - apps/v4/styles/radix-maia/ui/breadcrumb.tsx | 119 - apps/v4/styles/radix-maia/ui/button-group.tsx | 83 - apps/v4/styles/radix-maia/ui/button.tsx | 65 - apps/v4/styles/radix-maia/ui/calendar.tsx | 232 - apps/v4/styles/radix-maia/ui/card.tsx | 100 - apps/v4/styles/radix-maia/ui/carousel.tsx | 242 - apps/v4/styles/radix-maia/ui/chart.tsx | 373 - apps/v4/styles/radix-maia/ui/checkbox.tsx | 32 - apps/v4/styles/radix-maia/ui/combobox.tsx | 302 - apps/v4/styles/radix-maia/ui/command.tsx | 192 - apps/v4/styles/radix-maia/ui/context-menu.tsx | 267 - apps/v4/styles/radix-maia/ui/dialog.tsx | 167 - apps/v4/styles/radix-maia/ui/drawer.tsx | 134 - .../v4/styles/radix-maia/ui/dropdown-menu.tsx | 273 - apps/v4/styles/radix-maia/ui/empty.tsx | 104 - apps/v4/styles/radix-maia/ui/field.tsx | 238 - apps/v4/styles/radix-maia/ui/hover-card.tsx | 44 - apps/v4/styles/radix-maia/ui/input-group.tsx | 155 - apps/v4/styles/radix-maia/ui/input-otp.tsx | 86 - apps/v4/styles/radix-maia/ui/input.tsx | 19 - apps/v4/styles/radix-maia/ui/item.tsx | 196 - apps/v4/styles/radix-maia/ui/kbd.tsx | 26 - apps/v4/styles/radix-maia/ui/menubar.tsx | 281 - .../v4/styles/radix-maia/ui/native-select.tsx | 56 - .../styles/radix-maia/ui/navigation-menu.tsx | 167 - apps/v4/styles/radix-maia/ui/pagination.tsx | 132 - apps/v4/styles/radix-maia/ui/popover.tsx | 89 - apps/v4/styles/radix-maia/ui/progress.tsx | 31 - apps/v4/styles/radix-maia/ui/radio-group.tsx | 44 - apps/v4/styles/radix-maia/ui/resizable.tsx | 50 - apps/v4/styles/radix-maia/ui/scroll-area.tsx | 55 - apps/v4/styles/radix-maia/ui/select.tsx | 198 - apps/v4/styles/radix-maia/ui/sheet.tsx | 146 - apps/v4/styles/radix-maia/ui/sidebar.tsx | 705 - apps/v4/styles/radix-maia/ui/skeleton.tsx | 13 - apps/v4/styles/radix-maia/ui/slider.tsx | 59 - apps/v4/styles/radix-maia/ui/sonner.tsx | 45 - apps/v4/styles/radix-maia/ui/spinner.tsx | 16 - apps/v4/styles/radix-maia/ui/switch.tsx | 33 - apps/v4/styles/radix-maia/ui/table.tsx | 116 - apps/v4/styles/radix-maia/ui/tabs.tsx | 90 - apps/v4/styles/radix-maia/ui/textarea.tsx | 18 - apps/v4/styles/radix-maia/ui/toggle-group.tsx | 89 - apps/v4/styles/radix-maia/ui/toggle.tsx | 46 - apps/v4/styles/radix-maia/ui/tooltip.tsx | 57 - apps/v4/styles/radix-mira/ui/accordion.tsx | 90 - apps/v4/styles/radix-mira/ui/alert-dialog.tsx | 199 - apps/v4/styles/radix-mira/ui/alert.tsx | 76 - apps/v4/styles/radix-mira/ui/aspect-ratio.tsx | 11 - apps/v4/styles/radix-mira/ui/avatar.tsx | 112 - apps/v4/styles/radix-mira/ui/badge.tsx | 49 - apps/v4/styles/radix-mira/ui/breadcrumb.tsx | 119 - apps/v4/styles/radix-mira/ui/button-group.tsx | 83 - apps/v4/styles/radix-mira/ui/button.tsx | 65 - apps/v4/styles/radix-mira/ui/calendar.tsx | 232 - apps/v4/styles/radix-mira/ui/card.tsx | 100 - apps/v4/styles/radix-mira/ui/carousel.tsx | 242 - apps/v4/styles/radix-mira/ui/chart.tsx | 373 - apps/v4/styles/radix-mira/ui/checkbox.tsx | 32 - apps/v4/styles/radix-mira/ui/collapsible.tsx | 33 - apps/v4/styles/radix-mira/ui/combobox.tsx | 302 - apps/v4/styles/radix-mira/ui/command.tsx | 192 - apps/v4/styles/radix-mira/ui/context-menu.tsx | 267 - apps/v4/styles/radix-mira/ui/dialog.tsx | 164 - apps/v4/styles/radix-mira/ui/direction.tsx | 22 - apps/v4/styles/radix-mira/ui/drawer.tsx | 134 - .../v4/styles/radix-mira/ui/dropdown-menu.tsx | 273 - apps/v4/styles/radix-mira/ui/empty.tsx | 104 - apps/v4/styles/radix-mira/ui/field.tsx | 238 - apps/v4/styles/radix-mira/ui/hover-card.tsx | 44 - apps/v4/styles/radix-mira/ui/input-group.tsx | 155 - apps/v4/styles/radix-mira/ui/input-otp.tsx | 86 - apps/v4/styles/radix-mira/ui/input.tsx | 19 - apps/v4/styles/radix-mira/ui/item.tsx | 196 - apps/v4/styles/radix-mira/ui/kbd.tsx | 26 - apps/v4/styles/radix-mira/ui/label.tsx | 24 - apps/v4/styles/radix-mira/ui/menubar.tsx | 281 - .../v4/styles/radix-mira/ui/native-select.tsx | 56 - .../styles/radix-mira/ui/navigation-menu.tsx | 167 - apps/v4/styles/radix-mira/ui/pagination.tsx | 132 - apps/v4/styles/radix-mira/ui/popover.tsx | 89 - apps/v4/styles/radix-mira/ui/progress.tsx | 31 - apps/v4/styles/radix-mira/ui/radio-group.tsx | 44 - apps/v4/styles/radix-mira/ui/resizable.tsx | 50 - apps/v4/styles/radix-mira/ui/scroll-area.tsx | 55 - apps/v4/styles/radix-mira/ui/select.tsx | 198 - apps/v4/styles/radix-mira/ui/separator.tsx | 28 - apps/v4/styles/radix-mira/ui/sheet.tsx | 146 - apps/v4/styles/radix-mira/ui/sidebar.tsx | 708 - apps/v4/styles/radix-mira/ui/skeleton.tsx | 13 - apps/v4/styles/radix-mira/ui/slider.tsx | 59 - apps/v4/styles/radix-mira/ui/sonner.tsx | 45 - apps/v4/styles/radix-mira/ui/spinner.tsx | 16 - apps/v4/styles/radix-mira/ui/switch.tsx | 33 - apps/v4/styles/radix-mira/ui/table.tsx | 116 - apps/v4/styles/radix-mira/ui/tabs.tsx | 90 - apps/v4/styles/radix-mira/ui/textarea.tsx | 18 - apps/v4/styles/radix-mira/ui/toggle-group.tsx | 89 - apps/v4/styles/radix-mira/ui/toggle.tsx | 46 - apps/v4/styles/radix-mira/ui/tooltip.tsx | 57 - .../styles/radix-nova/ui-rtl/aspect-ratio.tsx | 11 - apps/v4/styles/radix-nova/ui-rtl/chart.tsx | 373 - .../styles/radix-nova/ui-rtl/collapsible.tsx | 33 - .../v4/styles/radix-nova/ui-rtl/direction.tsx | 22 - apps/v4/styles/radix-nova/ui-rtl/kbd.tsx | 26 - .../v4/styles/radix-nova/ui-rtl/separator.tsx | 28 - apps/v4/styles/radix-nova/ui-rtl/skeleton.tsx | 13 - apps/v4/styles/radix-nova/ui-rtl/sonner.tsx | 45 - apps/v4/styles/radix-nova/ui-rtl/spinner.tsx | 16 - apps/v4/styles/radix-nova/ui/aspect-ratio.tsx | 11 - apps/v4/styles/radix-nova/ui/avatar.tsx | 112 - apps/v4/styles/radix-nova/ui/carousel.tsx | 242 - apps/v4/styles/radix-nova/ui/chart.tsx | 373 - apps/v4/styles/radix-nova/ui/collapsible.tsx | 33 - apps/v4/styles/radix-nova/ui/direction.tsx | 22 - apps/v4/styles/radix-nova/ui/kbd.tsx | 26 - apps/v4/styles/radix-nova/ui/label.tsx | 24 - apps/v4/styles/radix-nova/ui/pagination.tsx | 132 - apps/v4/styles/radix-nova/ui/radio-group.tsx | 44 - apps/v4/styles/radix-nova/ui/resizable.tsx | 50 - apps/v4/styles/radix-nova/ui/scroll-area.tsx | 55 - apps/v4/styles/radix-nova/ui/separator.tsx | 28 - apps/v4/styles/radix-nova/ui/skeleton.tsx | 13 - apps/v4/styles/radix-nova/ui/sonner.tsx | 45 - apps/v4/styles/radix-nova/ui/spinner.tsx | 16 - apps/v4/styles/radix-nova/ui/table.tsx | 116 - apps/v4/styles/radix-vega/ui/accordion.tsx | 87 - apps/v4/styles/radix-vega/ui/alert-dialog.tsx | 199 - apps/v4/styles/radix-vega/ui/alert.tsx | 76 - apps/v4/styles/radix-vega/ui/aspect-ratio.tsx | 11 - apps/v4/styles/radix-vega/ui/avatar.tsx | 112 - apps/v4/styles/radix-vega/ui/badge.tsx | 49 - apps/v4/styles/radix-vega/ui/breadcrumb.tsx | 119 - apps/v4/styles/radix-vega/ui/button-group.tsx | 83 - apps/v4/styles/radix-vega/ui/button.tsx | 67 - apps/v4/styles/radix-vega/ui/calendar.tsx | 232 - apps/v4/styles/radix-vega/ui/card.tsx | 103 - apps/v4/styles/radix-vega/ui/carousel.tsx | 242 - apps/v4/styles/radix-vega/ui/chart.tsx | 373 - apps/v4/styles/radix-vega/ui/checkbox.tsx | 32 - apps/v4/styles/radix-vega/ui/collapsible.tsx | 33 - apps/v4/styles/radix-vega/ui/combobox.tsx | 302 - apps/v4/styles/radix-vega/ui/command.tsx | 192 - apps/v4/styles/radix-vega/ui/context-menu.tsx | 267 - apps/v4/styles/radix-vega/ui/dialog.tsx | 164 - apps/v4/styles/radix-vega/ui/direction.tsx | 22 - apps/v4/styles/radix-vega/ui/drawer.tsx | 131 - .../v4/styles/radix-vega/ui/dropdown-menu.tsx | 273 - apps/v4/styles/radix-vega/ui/empty.tsx | 104 - apps/v4/styles/radix-vega/ui/field.tsx | 238 - apps/v4/styles/radix-vega/ui/hover-card.tsx | 44 - apps/v4/styles/radix-vega/ui/input-group.tsx | 156 - apps/v4/styles/radix-vega/ui/input-otp.tsx | 86 - apps/v4/styles/radix-vega/ui/input.tsx | 19 - apps/v4/styles/radix-vega/ui/item.tsx | 196 - apps/v4/styles/radix-vega/ui/kbd.tsx | 26 - apps/v4/styles/radix-vega/ui/label.tsx | 24 - apps/v4/styles/radix-vega/ui/menubar.tsx | 284 - .../v4/styles/radix-vega/ui/native-select.tsx | 56 - .../styles/radix-vega/ui/navigation-menu.tsx | 167 - apps/v4/styles/radix-vega/ui/pagination.tsx | 132 - apps/v4/styles/radix-vega/ui/popover.tsx | 89 - apps/v4/styles/radix-vega/ui/progress.tsx | 31 - apps/v4/styles/radix-vega/ui/radio-group.tsx | 44 - apps/v4/styles/radix-vega/ui/resizable.tsx | 50 - apps/v4/styles/radix-vega/ui/select.tsx | 195 - apps/v4/styles/radix-vega/ui/separator.tsx | 28 - apps/v4/styles/radix-vega/ui/sheet.tsx | 143 - apps/v4/styles/radix-vega/ui/sidebar.tsx | 702 - apps/v4/styles/radix-vega/ui/skeleton.tsx | 13 - apps/v4/styles/radix-vega/ui/slider.tsx | 59 - apps/v4/styles/radix-vega/ui/sonner.tsx | 45 - apps/v4/styles/radix-vega/ui/spinner.tsx | 16 - apps/v4/styles/radix-vega/ui/switch.tsx | 33 - apps/v4/styles/radix-vega/ui/table.tsx | 116 - apps/v4/styles/radix-vega/ui/tabs.tsx | 90 - apps/v4/styles/radix-vega/ui/textarea.tsx | 18 - apps/v4/styles/radix-vega/ui/toggle-group.tsx | 89 - apps/v4/styles/radix-vega/ui/toggle.tsx | 46 - apps/v4/styles/radix-vega/ui/tooltip.tsx | 57 - package.json | 2 + prettier.config.cjs | 2 +- turbo.json | 4 + 1569 files changed, 5417 insertions(+), 70097 deletions(-) create mode 100644 apps/v4/examples/base/hooks/use-mobile.ts create mode 100644 apps/v4/examples/base/lib/utils.ts rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/accordion.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/alert-dialog.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/alert.tsx (97%) rename apps/v4/{styles/base-maia/ui => examples/base/ui-rtl}/aspect-ratio.tsx (88%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/avatar.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/badge.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/breadcrumb.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/button-group.tsx (95%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/button.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/calendar.tsx (98%) rename apps/v4/{styles/base-nova/ui => examples/base/ui-rtl}/card.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/carousel.tsx (98%) rename apps/v4/{styles/base-maia/ui => examples/base/ui-rtl}/chart.tsx (99%) rename apps/v4/{styles/base-nova/ui => examples/base/ui-rtl}/checkbox.tsx (96%) rename apps/v4/{styles/base-lyra/ui => examples/base/ui-rtl}/collapsible.tsx (100%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/combobox.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/command.tsx (96%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/context-menu.tsx (99%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/dialog.tsx (97%) rename apps/v4/{styles/base-lyra/ui => examples/base/ui-rtl}/direction.tsx (100%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/drawer.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/dropdown-menu.tsx (99%) rename apps/v4/{styles/base-nova/ui => examples/base/ui-rtl}/empty.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/field.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/hover-card.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/input-group.tsx (95%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/input-otp.tsx (98%) rename apps/v4/{styles/base-nova/ui => examples/base/ui-rtl}/input.tsx (95%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/item.tsx (97%) rename apps/v4/{styles/base-maia/ui => examples/base/ui-rtl}/kbd.tsx (94%) rename apps/v4/{styles/base-maia/ui => examples/base/ui-rtl}/label.tsx (91%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/menubar.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/native-select.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/navigation-menu.tsx (99%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/pagination.tsx (96%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/popover.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/progress.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/radio-group.tsx (97%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/resizable.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/scroll-area.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/select.tsx (99%) rename apps/v4/{styles/base-lyra/ui => examples/base/ui-rtl}/separator.tsx (91%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/sheet.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/sidebar.tsx (98%) rename apps/v4/{styles/base-vega/ui => examples/base/ui-rtl}/skeleton.tsx (83%) rename apps/v4/{styles/base-nova/ui => examples/base/ui-rtl}/slider.tsx (97%) rename apps/v4/{styles/base-lyra/ui => examples/base/ui-rtl}/sonner.tsx (100%) rename apps/v4/{styles/base-mira/ui => examples/base/ui-rtl}/spinner.tsx (86%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/switch.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/table.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/tabs.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui-rtl/textarea.tsx (94%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/toggle-group.tsx (96%) rename apps/v4/{styles/base-nova/ui => examples/base/ui-rtl}/toggle.tsx (96%) rename apps/v4/{styles/base-nova => examples/base}/ui-rtl/tooltip.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/accordion.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/alert-dialog.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui/alert.tsx (97%) rename apps/v4/{styles/base-mira => examples/base}/ui/aspect-ratio.tsx (88%) rename apps/v4/{styles/base-maia => examples/base}/ui/avatar.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/badge.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/breadcrumb.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/button-group.tsx (95%) rename apps/v4/{styles/base-nova => examples/base}/ui/button.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/calendar.tsx (98%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/base/ui}/card.tsx (98%) rename apps/v4/{styles/base-maia => examples/base}/ui/carousel.tsx (98%) rename apps/v4/{styles/base-vega => examples/base}/ui/chart.tsx (99%) rename apps/v4/{styles/base-nova/ui-rtl => examples/base/ui}/checkbox.tsx (96%) rename apps/v4/{styles/base-maia => examples/base}/ui/collapsible.tsx (100%) rename apps/v4/{styles/base-nova => examples/base}/ui/combobox.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/command.tsx (96%) rename apps/v4/{styles/base-nova => examples/base}/ui/context-menu.tsx (99%) rename apps/v4/{styles/base-nova => examples/base}/ui/dialog.tsx (97%) rename apps/v4/{styles/base-maia => examples/base}/ui/direction.tsx (100%) rename apps/v4/{styles/base-nova => examples/base}/ui/drawer.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/dropdown-menu.tsx (99%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/base/ui}/empty.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui/field.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/hover-card.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/input-group.tsx (96%) rename apps/v4/{styles/base-nova => examples/base}/ui/input-otp.tsx (98%) rename apps/v4/{styles/base-nova/ui-rtl => examples/base/ui}/input.tsx (95%) rename apps/v4/{styles/base-nova => examples/base}/ui/item.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/kbd.tsx (94%) rename apps/v4/{styles/base-nova => examples/base}/ui/label.tsx (91%) rename apps/v4/{styles/base-nova => examples/base}/ui/menubar.tsx (98%) rename apps/v4/{styles/radix-nova => examples/base}/ui/native-select.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/navigation-menu.tsx (99%) rename apps/v4/{styles/base-nova => examples/base}/ui/pagination.tsx (96%) rename apps/v4/{styles/base-nova => examples/base}/ui/popover.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/progress.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/radio-group.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/resizable.tsx (97%) rename apps/v4/{styles/base-mira => examples/base}/ui/scroll-area.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/select.tsx (99%) rename apps/v4/{styles/base-mira => examples/base}/ui/separator.tsx (91%) rename apps/v4/{styles/base-nova => examples/base}/ui/sheet.tsx (97%) rename apps/v4/{styles/base-nova => examples/base}/ui/sidebar.tsx (98%) rename apps/v4/{styles/base-mira => examples/base}/ui/skeleton.tsx (83%) rename apps/v4/{styles/base-nova/ui-rtl => examples/base/ui}/slider.tsx (97%) rename apps/v4/{styles/base-maia => examples/base}/ui/sonner.tsx (100%) rename apps/v4/{styles/base-lyra => examples/base}/ui/spinner.tsx (86%) rename apps/v4/{styles/base-nova => examples/base}/ui/switch.tsx (97%) rename apps/v4/{styles/base-vega => examples/base}/ui/table.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/tabs.tsx (98%) rename apps/v4/{styles/base-nova => examples/base}/ui/textarea.tsx (94%) rename apps/v4/{styles/base-nova => examples/base}/ui/toggle-group.tsx (96%) rename apps/v4/{styles/base-nova/ui-rtl => examples/base/ui}/toggle.tsx (96%) rename apps/v4/{styles/base-mira => examples/base}/ui/tooltip.tsx (98%) create mode 100644 apps/v4/examples/radix/hooks/use-mobile.ts create mode 100644 apps/v4/examples/radix/lib/utils.ts rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/accordion.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/alert-dialog.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/alert.tsx (97%) rename apps/v4/{styles/radix-lyra/ui => examples/radix/ui-rtl}/aspect-ratio.tsx (100%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/avatar.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/badge.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/breadcrumb.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/button-group.tsx (95%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/button.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/calendar.tsx (98%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/card.tsx (98%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/carousel.tsx (98%) rename apps/v4/{styles/base-nova/ui => examples/radix/ui-rtl}/chart.tsx (99%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/checkbox.tsx (96%) rename apps/v4/{styles/radix-lyra/ui => examples/radix/ui-rtl}/collapsible.tsx (100%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/combobox.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/command.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/context-menu.tsx (99%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/dialog.tsx (97%) rename apps/v4/{styles/radix-lyra/ui => examples/radix/ui-rtl}/direction.tsx (100%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/drawer.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/dropdown-menu.tsx (99%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/empty.tsx (98%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/field.tsx (97%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/hover-card.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/input-group.tsx (95%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/input-otp.tsx (98%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/input.tsx (95%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/item.tsx (97%) rename apps/v4/{styles/base-vega/ui => examples/radix/ui-rtl}/kbd.tsx (94%) rename apps/v4/{styles/radix-maia/ui => examples/radix/ui-rtl}/label.tsx (92%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/menubar.tsx (99%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/native-select.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/navigation-menu.tsx (99%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/pagination.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/popover.tsx (98%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/progress.tsx (93%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/radio-group.tsx (97%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/resizable.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/scroll-area.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/select.tsx (99%) rename apps/v4/{styles/radix-lyra/ui => examples/radix/ui-rtl}/separator.tsx (92%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/sheet.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/sidebar.tsx (98%) rename apps/v4/{styles/base-nova/ui => examples/radix/ui-rtl}/skeleton.tsx (83%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/slider.tsx (97%) rename apps/v4/{styles/base-mira/ui => examples/radix/ui-rtl}/sonner.tsx (100%) rename apps/v4/{styles/base-nova => examples/radix}/ui-rtl/spinner.tsx (86%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/switch.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/table.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/tabs.tsx (98%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/textarea.tsx (94%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/toggle-group.tsx (96%) rename apps/v4/{styles/radix-nova/ui => examples/radix/ui-rtl}/toggle.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui-rtl/tooltip.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/accordion.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/alert-dialog.tsx (98%) rename apps/v4/{styles/base-nova => examples/radix}/ui/alert.tsx (97%) rename apps/v4/{styles/radix-maia => examples/radix}/ui/aspect-ratio.tsx (100%) rename apps/v4/{styles/radix-maia => examples/radix}/ui/avatar.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/badge.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/breadcrumb.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/button-group.tsx (95%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/button.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/calendar.tsx (98%) rename apps/v4/{styles/base-nova/ui-rtl => examples/radix/ui}/card.tsx (98%) rename apps/v4/{styles/base-mira => examples/radix}/ui/carousel.tsx (98%) rename apps/v4/{styles/base-nova/ui-rtl => examples/radix/ui}/chart.tsx (99%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/checkbox.tsx (96%) rename apps/v4/{styles/radix-maia => examples/radix}/ui/collapsible.tsx (100%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/combobox.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/command.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/context-menu.tsx (99%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/dialog.tsx (97%) rename apps/v4/{styles/radix-maia => examples/radix}/ui/direction.tsx (100%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/drawer.tsx (98%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/dropdown-menu.tsx (99%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/empty.tsx (98%) rename apps/v4/{styles/base-nova => examples/radix}/ui/field.tsx (97%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/radix/ui}/hover-card.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/input-group.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/input-otp.tsx (98%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/radix/ui}/input.tsx (95%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/item.tsx (97%) rename apps/v4/{styles/base-nova/ui-rtl => examples/radix/ui}/kbd.tsx (94%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/radix/ui}/label.tsx (92%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/menubar.tsx (99%) rename apps/v4/{styles/base-nova => examples/radix}/ui/native-select.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/navigation-menu.tsx (99%) rename apps/v4/{styles/radix-lyra => examples/radix}/ui/pagination.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/popover.tsx (98%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/radix/ui}/progress.tsx (93%) rename apps/v4/{styles/radix-lyra => examples/radix}/ui/radio-group.tsx (97%) rename apps/v4/{styles/base-maia => examples/radix}/ui/resizable.tsx (97%) rename apps/v4/{styles/radix-vega => examples/radix}/ui/scroll-area.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/select.tsx (99%) rename apps/v4/{styles/radix-maia => examples/radix}/ui/separator.tsx (92%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/sheet.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/sidebar.tsx (98%) rename apps/v4/{styles/base-nova/ui-rtl => examples/radix/ui}/skeleton.tsx (83%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/radix/ui}/slider.tsx (97%) rename apps/v4/{styles/base-nova/ui-rtl => examples/radix/ui}/sonner.tsx (100%) rename apps/v4/{styles/base-maia => examples/radix}/ui/spinner.tsx (86%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/switch.tsx (97%) rename apps/v4/{styles/base-nova => examples/radix}/ui/table.tsx (97%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/tabs.tsx (98%) rename apps/v4/{styles/base-nova/ui-rtl => examples/radix/ui}/textarea.tsx (94%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/toggle-group.tsx (96%) rename apps/v4/{styles/radix-nova/ui-rtl => examples/radix/ui}/toggle.tsx (96%) rename apps/v4/{styles/radix-nova => examples/radix}/ui/tooltip.tsx (97%) create mode 100644 apps/v4/scripts/build-examples.ts delete mode 100644 apps/v4/styles/base-lyra/ui/accordion.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/alert.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/aspect-ratio.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/avatar.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/badge.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/button-group.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/button.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/calendar.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/card.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/carousel.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/chart.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/checkbox.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/combobox.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/command.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/context-menu.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/dialog.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/drawer.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/empty.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/field.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/hover-card.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/input-group.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/input-otp.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/input.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/item.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/kbd.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/label.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/menubar.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/native-select.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/pagination.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/popover.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/progress.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/radio-group.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/resizable.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/select.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/sheet.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/sidebar.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/skeleton.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/slider.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/switch.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/table.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/tabs.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/textarea.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/toggle.tsx delete mode 100644 apps/v4/styles/base-lyra/ui/tooltip.tsx delete mode 100644 apps/v4/styles/base-maia/ui/accordion.tsx delete mode 100644 apps/v4/styles/base-maia/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/base-maia/ui/alert.tsx delete mode 100644 apps/v4/styles/base-maia/ui/badge.tsx delete mode 100644 apps/v4/styles/base-maia/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/base-maia/ui/button-group.tsx delete mode 100644 apps/v4/styles/base-maia/ui/button.tsx delete mode 100644 apps/v4/styles/base-maia/ui/calendar.tsx delete mode 100644 apps/v4/styles/base-maia/ui/card.tsx delete mode 100644 apps/v4/styles/base-maia/ui/checkbox.tsx delete mode 100644 apps/v4/styles/base-maia/ui/combobox.tsx delete mode 100644 apps/v4/styles/base-maia/ui/command.tsx delete mode 100644 apps/v4/styles/base-maia/ui/context-menu.tsx delete mode 100644 apps/v4/styles/base-maia/ui/dialog.tsx delete mode 100644 apps/v4/styles/base-maia/ui/drawer.tsx delete mode 100644 apps/v4/styles/base-maia/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/base-maia/ui/empty.tsx delete mode 100644 apps/v4/styles/base-maia/ui/field.tsx delete mode 100644 apps/v4/styles/base-maia/ui/hover-card.tsx delete mode 100644 apps/v4/styles/base-maia/ui/input-group.tsx delete mode 100644 apps/v4/styles/base-maia/ui/input-otp.tsx delete mode 100644 apps/v4/styles/base-maia/ui/input.tsx delete mode 100644 apps/v4/styles/base-maia/ui/item.tsx delete mode 100644 apps/v4/styles/base-maia/ui/menubar.tsx delete mode 100644 apps/v4/styles/base-maia/ui/native-select.tsx delete mode 100644 apps/v4/styles/base-maia/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/base-maia/ui/pagination.tsx delete mode 100644 apps/v4/styles/base-maia/ui/popover.tsx delete mode 100644 apps/v4/styles/base-maia/ui/progress.tsx delete mode 100644 apps/v4/styles/base-maia/ui/radio-group.tsx delete mode 100644 apps/v4/styles/base-maia/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/base-maia/ui/select.tsx delete mode 100644 apps/v4/styles/base-maia/ui/separator.tsx delete mode 100644 apps/v4/styles/base-maia/ui/sheet.tsx delete mode 100644 apps/v4/styles/base-maia/ui/sidebar.tsx delete mode 100644 apps/v4/styles/base-maia/ui/skeleton.tsx delete mode 100644 apps/v4/styles/base-maia/ui/slider.tsx delete mode 100644 apps/v4/styles/base-maia/ui/switch.tsx delete mode 100644 apps/v4/styles/base-maia/ui/table.tsx delete mode 100644 apps/v4/styles/base-maia/ui/tabs.tsx delete mode 100644 apps/v4/styles/base-maia/ui/textarea.tsx delete mode 100644 apps/v4/styles/base-maia/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/base-maia/ui/toggle.tsx delete mode 100644 apps/v4/styles/base-maia/ui/tooltip.tsx delete mode 100644 apps/v4/styles/base-mira/ui/accordion.tsx delete mode 100644 apps/v4/styles/base-mira/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/base-mira/ui/alert.tsx delete mode 100644 apps/v4/styles/base-mira/ui/avatar.tsx delete mode 100644 apps/v4/styles/base-mira/ui/badge.tsx delete mode 100644 apps/v4/styles/base-mira/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/base-mira/ui/button-group.tsx delete mode 100644 apps/v4/styles/base-mira/ui/button.tsx delete mode 100644 apps/v4/styles/base-mira/ui/calendar.tsx delete mode 100644 apps/v4/styles/base-mira/ui/card.tsx delete mode 100644 apps/v4/styles/base-mira/ui/chart.tsx delete mode 100644 apps/v4/styles/base-mira/ui/checkbox.tsx delete mode 100644 apps/v4/styles/base-mira/ui/collapsible.tsx delete mode 100644 apps/v4/styles/base-mira/ui/combobox.tsx delete mode 100644 apps/v4/styles/base-mira/ui/command.tsx delete mode 100644 apps/v4/styles/base-mira/ui/context-menu.tsx delete mode 100644 apps/v4/styles/base-mira/ui/dialog.tsx delete mode 100644 apps/v4/styles/base-mira/ui/direction.tsx delete mode 100644 apps/v4/styles/base-mira/ui/drawer.tsx delete mode 100644 apps/v4/styles/base-mira/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/base-mira/ui/empty.tsx delete mode 100644 apps/v4/styles/base-mira/ui/field.tsx delete mode 100644 apps/v4/styles/base-mira/ui/hover-card.tsx delete mode 100644 apps/v4/styles/base-mira/ui/input-group.tsx delete mode 100644 apps/v4/styles/base-mira/ui/input-otp.tsx delete mode 100644 apps/v4/styles/base-mira/ui/input.tsx delete mode 100644 apps/v4/styles/base-mira/ui/item.tsx delete mode 100644 apps/v4/styles/base-mira/ui/kbd.tsx delete mode 100644 apps/v4/styles/base-mira/ui/label.tsx delete mode 100644 apps/v4/styles/base-mira/ui/menubar.tsx delete mode 100644 apps/v4/styles/base-mira/ui/native-select.tsx delete mode 100644 apps/v4/styles/base-mira/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/base-mira/ui/pagination.tsx delete mode 100644 apps/v4/styles/base-mira/ui/popover.tsx delete mode 100644 apps/v4/styles/base-mira/ui/progress.tsx delete mode 100644 apps/v4/styles/base-mira/ui/radio-group.tsx delete mode 100644 apps/v4/styles/base-mira/ui/resizable.tsx delete mode 100644 apps/v4/styles/base-mira/ui/select.tsx delete mode 100644 apps/v4/styles/base-mira/ui/sheet.tsx delete mode 100644 apps/v4/styles/base-mira/ui/sidebar.tsx delete mode 100644 apps/v4/styles/base-mira/ui/slider.tsx delete mode 100644 apps/v4/styles/base-mira/ui/switch.tsx delete mode 100644 apps/v4/styles/base-mira/ui/table.tsx delete mode 100644 apps/v4/styles/base-mira/ui/tabs.tsx delete mode 100644 apps/v4/styles/base-mira/ui/textarea.tsx delete mode 100644 apps/v4/styles/base-mira/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/base-mira/ui/toggle.tsx delete mode 100644 apps/v4/styles/base-nova/ui-rtl/aspect-ratio.tsx delete mode 100644 apps/v4/styles/base-nova/ui-rtl/collapsible.tsx delete mode 100644 apps/v4/styles/base-nova/ui-rtl/direction.tsx delete mode 100644 apps/v4/styles/base-nova/ui-rtl/label.tsx delete mode 100644 apps/v4/styles/base-nova/ui-rtl/separator.tsx delete mode 100644 apps/v4/styles/base-nova/ui/aspect-ratio.tsx delete mode 100644 apps/v4/styles/base-nova/ui/avatar.tsx delete mode 100644 apps/v4/styles/base-nova/ui/carousel.tsx delete mode 100644 apps/v4/styles/base-nova/ui/collapsible.tsx delete mode 100644 apps/v4/styles/base-nova/ui/direction.tsx delete mode 100644 apps/v4/styles/base-nova/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/base-nova/ui/separator.tsx delete mode 100644 apps/v4/styles/base-nova/ui/sonner.tsx delete mode 100644 apps/v4/styles/base-nova/ui/spinner.tsx delete mode 100644 apps/v4/styles/base-nova/ui/tooltip.tsx delete mode 100644 apps/v4/styles/base-vega/ui/accordion.tsx delete mode 100644 apps/v4/styles/base-vega/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/base-vega/ui/alert.tsx delete mode 100644 apps/v4/styles/base-vega/ui/aspect-ratio.tsx delete mode 100644 apps/v4/styles/base-vega/ui/avatar.tsx delete mode 100644 apps/v4/styles/base-vega/ui/badge.tsx delete mode 100644 apps/v4/styles/base-vega/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/base-vega/ui/button-group.tsx delete mode 100644 apps/v4/styles/base-vega/ui/button.tsx delete mode 100644 apps/v4/styles/base-vega/ui/calendar.tsx delete mode 100644 apps/v4/styles/base-vega/ui/card.tsx delete mode 100644 apps/v4/styles/base-vega/ui/carousel.tsx delete mode 100644 apps/v4/styles/base-vega/ui/checkbox.tsx delete mode 100644 apps/v4/styles/base-vega/ui/collapsible.tsx delete mode 100644 apps/v4/styles/base-vega/ui/combobox.tsx delete mode 100644 apps/v4/styles/base-vega/ui/command.tsx delete mode 100644 apps/v4/styles/base-vega/ui/context-menu.tsx delete mode 100644 apps/v4/styles/base-vega/ui/dialog.tsx delete mode 100644 apps/v4/styles/base-vega/ui/direction.tsx delete mode 100644 apps/v4/styles/base-vega/ui/drawer.tsx delete mode 100644 apps/v4/styles/base-vega/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/base-vega/ui/empty.tsx delete mode 100644 apps/v4/styles/base-vega/ui/field.tsx delete mode 100644 apps/v4/styles/base-vega/ui/hover-card.tsx delete mode 100644 apps/v4/styles/base-vega/ui/input-group.tsx delete mode 100644 apps/v4/styles/base-vega/ui/input-otp.tsx delete mode 100644 apps/v4/styles/base-vega/ui/input.tsx delete mode 100644 apps/v4/styles/base-vega/ui/item.tsx delete mode 100644 apps/v4/styles/base-vega/ui/label.tsx delete mode 100644 apps/v4/styles/base-vega/ui/menubar.tsx delete mode 100644 apps/v4/styles/base-vega/ui/native-select.tsx delete mode 100644 apps/v4/styles/base-vega/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/base-vega/ui/pagination.tsx delete mode 100644 apps/v4/styles/base-vega/ui/popover.tsx delete mode 100644 apps/v4/styles/base-vega/ui/progress.tsx delete mode 100644 apps/v4/styles/base-vega/ui/radio-group.tsx delete mode 100644 apps/v4/styles/base-vega/ui/resizable.tsx delete mode 100644 apps/v4/styles/base-vega/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/base-vega/ui/select.tsx delete mode 100644 apps/v4/styles/base-vega/ui/separator.tsx delete mode 100644 apps/v4/styles/base-vega/ui/sheet.tsx delete mode 100644 apps/v4/styles/base-vega/ui/sidebar.tsx delete mode 100644 apps/v4/styles/base-vega/ui/slider.tsx delete mode 100644 apps/v4/styles/base-vega/ui/sonner.tsx delete mode 100644 apps/v4/styles/base-vega/ui/spinner.tsx delete mode 100644 apps/v4/styles/base-vega/ui/switch.tsx delete mode 100644 apps/v4/styles/base-vega/ui/tabs.tsx delete mode 100644 apps/v4/styles/base-vega/ui/textarea.tsx delete mode 100644 apps/v4/styles/base-vega/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/base-vega/ui/toggle.tsx delete mode 100644 apps/v4/styles/base-vega/ui/tooltip.tsx rename apps/v4/{app => styles}/globals.css (100%) rename apps/v4/{app => styles}/legacy-themes.css (100%) delete mode 100644 apps/v4/styles/radix-lyra/ui/accordion.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/alert.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/avatar.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/badge.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/button-group.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/button.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/calendar.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/card.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/carousel.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/chart.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/checkbox.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/combobox.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/command.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/context-menu.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/dialog.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/drawer.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/empty.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/field.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/hover-card.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/input-group.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/input-otp.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/input.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/item.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/kbd.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/label.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/menubar.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/native-select.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/popover.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/progress.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/resizable.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/select.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/sheet.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/sidebar.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/skeleton.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/slider.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/sonner.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/spinner.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/switch.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/table.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/tabs.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/textarea.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/toggle.tsx delete mode 100644 apps/v4/styles/radix-lyra/ui/tooltip.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/accordion.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/alert.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/badge.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/button-group.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/button.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/calendar.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/card.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/carousel.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/chart.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/checkbox.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/combobox.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/command.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/context-menu.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/dialog.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/drawer.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/empty.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/field.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/hover-card.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/input-group.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/input-otp.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/input.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/item.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/kbd.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/menubar.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/native-select.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/pagination.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/popover.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/progress.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/radio-group.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/resizable.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/select.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/sheet.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/sidebar.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/skeleton.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/slider.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/sonner.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/spinner.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/switch.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/table.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/tabs.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/textarea.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/toggle.tsx delete mode 100644 apps/v4/styles/radix-maia/ui/tooltip.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/accordion.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/alert.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/aspect-ratio.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/avatar.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/badge.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/button-group.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/button.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/calendar.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/card.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/carousel.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/chart.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/checkbox.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/collapsible.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/combobox.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/command.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/context-menu.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/dialog.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/direction.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/drawer.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/empty.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/field.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/hover-card.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/input-group.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/input-otp.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/input.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/item.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/kbd.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/label.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/menubar.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/native-select.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/pagination.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/popover.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/progress.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/radio-group.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/resizable.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/select.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/separator.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/sheet.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/sidebar.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/skeleton.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/slider.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/sonner.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/spinner.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/switch.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/table.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/tabs.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/textarea.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/toggle.tsx delete mode 100644 apps/v4/styles/radix-mira/ui/tooltip.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/aspect-ratio.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/chart.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/collapsible.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/direction.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/kbd.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/separator.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/skeleton.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/sonner.tsx delete mode 100644 apps/v4/styles/radix-nova/ui-rtl/spinner.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/aspect-ratio.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/avatar.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/carousel.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/chart.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/collapsible.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/direction.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/kbd.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/label.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/pagination.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/radio-group.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/resizable.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/scroll-area.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/separator.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/skeleton.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/sonner.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/spinner.tsx delete mode 100644 apps/v4/styles/radix-nova/ui/table.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/accordion.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/alert-dialog.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/alert.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/aspect-ratio.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/avatar.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/badge.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/breadcrumb.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/button-group.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/button.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/calendar.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/card.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/carousel.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/chart.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/checkbox.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/collapsible.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/combobox.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/command.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/context-menu.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/dialog.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/direction.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/drawer.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/dropdown-menu.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/empty.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/field.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/hover-card.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/input-group.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/input-otp.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/input.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/item.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/kbd.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/label.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/menubar.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/native-select.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/navigation-menu.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/pagination.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/popover.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/progress.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/radio-group.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/resizable.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/select.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/separator.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/sheet.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/sidebar.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/skeleton.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/slider.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/sonner.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/spinner.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/switch.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/table.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/tabs.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/textarea.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/toggle-group.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/toggle.tsx delete mode 100644 apps/v4/styles/radix-vega/ui/tooltip.tsx diff --git a/.gitignore b/.gitignore index 58ebd7be60..c040854c9f 100644 --- a/.gitignore +++ b/.gitignore @@ -15,7 +15,6 @@ build # misc .DS_Store -.eslintcache *.pem # debug @@ -44,4 +43,3 @@ tsconfig.tsbuildinfo .notes .playwright-mcp shadcn-workspace -.codex-artifacts diff --git a/apps/v4/app/(app)/(root)/components/appearance-settings.tsx b/apps/v4/app/(app)/(root)/components/appearance-settings.tsx index cf9609833e..216c89f3e0 100644 --- a/apps/v4/app/(app)/(root)/components/appearance-settings.tsx +++ b/apps/v4/app/(app)/(root)/components/appearance-settings.tsx @@ -1,10 +1,8 @@ "use client" import * as React from "react" -import { IconMinus, IconPlus } from "@tabler/icons-react" - -import { Button } from "@/styles/radix-nova/ui/button" -import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" +import { Button } from "@/examples/radix/ui/button" +import { ButtonGroup } from "@/examples/radix/ui/button-group" import { Field, FieldContent, @@ -15,10 +13,11 @@ import { FieldSeparator, FieldSet, FieldTitle, -} from "@/styles/radix-nova/ui/field" -import { Input } from "@/styles/radix-nova/ui/input" -import { RadioGroup, RadioGroupItem } from "@/styles/radix-nova/ui/radio-group" -import { Switch } from "@/styles/radix-nova/ui/switch" +} from "@/examples/radix/ui/field" +import { Input } from "@/examples/radix/ui/input" +import { RadioGroup, RadioGroupItem } from "@/examples/radix/ui/radio-group" +import { Switch } from "@/examples/radix/ui/switch" +import { IconMinus, IconPlus } from "@tabler/icons-react" export function AppearanceSettings() { const [gpuCount, setGpuCount] = React.useState(8) diff --git a/apps/v4/app/(app)/(root)/components/button-group-demo.tsx b/apps/v4/app/(app)/(root)/components/button-group-demo.tsx index e515c5fbda..ccfc877544 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-demo.tsx @@ -1,20 +1,8 @@ "use client" import * as React from "react" -import { - ArchiveIcon, - ArrowLeftIcon, - CalendarPlusIcon, - ClockIcon, - ListFilterIcon, - MailCheckIcon, - MoreHorizontalIcon, - TagIcon, - Trash2Icon, -} from "lucide-react" - -import { Button } from "@/styles/radix-nova/ui/button" -import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" +import { Button } from "@/examples/radix/ui/button" +import { ButtonGroup } from "@/examples/radix/ui/button-group" import { DropdownMenu, DropdownMenuContent, @@ -27,7 +15,18 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/radix-nova/ui/dropdown-menu" +} from "@/examples/radix/ui/dropdown-menu" +import { + ArchiveIcon, + ArrowLeftIcon, + CalendarPlusIcon, + ClockIcon, + ListFilterIcon, + MailCheckIcon, + MoreHorizontalIcon, + TagIcon, + Trash2Icon, +} from "lucide-react" export function ButtonGroupDemo() { const [label, setLabel] = React.useState("personal") diff --git a/apps/v4/app/(app)/(root)/components/button-group-input-group.tsx b/apps/v4/app/(app)/(root)/components/button-group-input-group.tsx index fa871a5722..4fd4a4d964 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-input-group.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-input-group.tsx @@ -1,21 +1,20 @@ "use client" import * as React from "react" -import { AudioLinesIcon, PlusIcon } from "lucide-react" - -import { Button } from "@/styles/radix-nova/ui/button" -import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" +import { Button } from "@/examples/radix/ui/button" +import { ButtonGroup } from "@/examples/radix/ui/button-group" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/radix-nova/ui/input-group" +} from "@/examples/radix/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/radix-nova/ui/tooltip" +} from "@/examples/radix/ui/tooltip" +import { AudioLinesIcon, PlusIcon } from "lucide-react" export function ButtonGroupInputGroup() { const [voiceEnabled, setVoiceEnabled] = React.useState(false) diff --git a/apps/v4/app/(app)/(root)/components/button-group-nested.tsx b/apps/v4/app/(app)/(root)/components/button-group-nested.tsx index 0226072797..e612ea740f 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-nested.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-nested.tsx @@ -1,10 +1,9 @@ "use client" +import { Button } from "@/examples/radix/ui/button" +import { ButtonGroup } from "@/examples/radix/ui/button-group" import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react" -import { Button } from "@/styles/radix-nova/ui/button" -import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" - export function ButtonGroupNested() { return ( diff --git a/apps/v4/app/(app)/(root)/components/button-group-popover.tsx b/apps/v4/app/(app)/(root)/components/button-group-popover.tsx index e797d11e72..187b1c8787 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-popover.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-popover.tsx @@ -1,14 +1,13 @@ -import { BotIcon, ChevronDownIcon } from "lucide-react" - -import { Button } from "@/styles/radix-nova/ui/button" -import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" +import { Button } from "@/examples/radix/ui/button" +import { ButtonGroup } from "@/examples/radix/ui/button-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/radix-nova/ui/popover" -import { Separator } from "@/styles/radix-nova/ui/separator" -import { Textarea } from "@/styles/radix-nova/ui/textarea" +} from "@/examples/radix/ui/popover" +import { Separator } from "@/examples/radix/ui/separator" +import { Textarea } from "@/examples/radix/ui/textarea" +import { BotIcon, ChevronDownIcon } from "lucide-react" export function ButtonGroupPopover() { return ( diff --git a/apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx b/apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx index 39434bbdaa..72b9e968b1 100644 --- a/apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx +++ b/apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx @@ -1,12 +1,10 @@ -import { PlusIcon } from "lucide-react" - import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, -} from "@/styles/radix-nova/ui/avatar" -import { Button } from "@/styles/radix-nova/ui/button" +} from "@/examples/radix/ui/avatar" +import { Button } from "@/examples/radix/ui/button" import { Empty, EmptyContent, @@ -14,7 +12,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/radix-nova/ui/empty" +} from "@/examples/radix/ui/empty" +import { PlusIcon } from "lucide-react" export function EmptyAvatarGroup() { return ( diff --git a/apps/v4/app/(app)/(root)/components/field-checkbox.tsx b/apps/v4/app/(app)/(root)/components/field-checkbox.tsx index 8942fbd597..595cac1f41 100644 --- a/apps/v4/app/(app)/(root)/components/field-checkbox.tsx +++ b/apps/v4/app/(app)/(root)/components/field-checkbox.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/styles/radix-nova/ui/checkbox" -import { Field, FieldLabel } from "@/styles/radix-nova/ui/field" +import { Checkbox } from "@/examples/radix/ui/checkbox" +import { Field, FieldLabel } from "@/examples/radix/ui/field" export function FieldCheckbox() { return ( diff --git a/apps/v4/app/(app)/(root)/components/field-demo.tsx b/apps/v4/app/(app)/(root)/components/field-demo.tsx index a209ee6158..0f54aa9cf6 100644 --- a/apps/v4/app/(app)/(root)/components/field-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/field-demo.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/styles/radix-nova/ui/button" -import { Checkbox } from "@/styles/radix-nova/ui/checkbox" +import { Button } from "@/examples/radix/ui/button" +import { Checkbox } from "@/examples/radix/ui/checkbox" import { Field, FieldDescription, @@ -8,8 +8,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/styles/radix-nova/ui/field" -import { Input } from "@/styles/radix-nova/ui/input" +} from "@/examples/radix/ui/field" +import { Input } from "@/examples/radix/ui/input" import { Select, SelectContent, @@ -17,8 +17,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/radix-nova/ui/select" -import { Textarea } from "@/styles/radix-nova/ui/textarea" +} from "@/examples/radix/ui/select" +import { Textarea } from "@/examples/radix/ui/textarea" export function FieldDemo() { return ( diff --git a/apps/v4/app/(app)/(root)/components/field-hear.tsx b/apps/v4/app/(app)/(root)/components/field-hear.tsx index 0d410f614a..aa21c77d30 100644 --- a/apps/v4/app/(app)/(root)/components/field-hear.tsx +++ b/apps/v4/app/(app)/(root)/components/field-hear.tsx @@ -1,5 +1,5 @@ -import { Card, CardContent } from "@/styles/radix-nova/ui/card" -import { Checkbox } from "@/styles/radix-nova/ui/checkbox" +import { Card, CardContent } from "@/examples/radix/ui/card" +import { Checkbox } from "@/examples/radix/ui/checkbox" import { Field, FieldDescription, @@ -8,7 +8,7 @@ import { FieldLegend, FieldSet, FieldTitle, -} from "@/styles/radix-nova/ui/field" +} from "@/examples/radix/ui/field" const options = [ { diff --git a/apps/v4/app/(app)/(root)/components/field-slider.tsx b/apps/v4/app/(app)/(root)/components/field-slider.tsx index cd44849c6f..b2ab12306c 100644 --- a/apps/v4/app/(app)/(root)/components/field-slider.tsx +++ b/apps/v4/app/(app)/(root)/components/field-slider.tsx @@ -1,13 +1,8 @@ "use client" import { useState } from "react" - -import { - Field, - FieldDescription, - FieldTitle, -} from "@/styles/radix-nova/ui/field" -import { Slider } from "@/styles/radix-nova/ui/slider" +import { Field, FieldDescription, FieldTitle } from "@/examples/radix/ui/field" +import { Slider } from "@/examples/radix/ui/slider" export function FieldSlider() { const [value, setValue] = useState([200, 800]) diff --git a/apps/v4/app/(app)/(root)/components/index.tsx b/apps/v4/app/(app)/(root)/components/index.tsx index c00f9c06e1..79640798e6 100644 --- a/apps/v4/app/(app)/(root)/components/index.tsx +++ b/apps/v4/app/(app)/(root)/components/index.tsx @@ -1,4 +1,4 @@ -import { FieldSeparator } from "@/styles/radix-nova/ui/field" +import { FieldSeparator } from "@/examples/radix/ui/field" import { AppearanceSettings } from "./appearance-settings" import { ButtonGroupDemo } from "./button-group-demo" diff --git a/apps/v4/app/(app)/(root)/components/input-group-button.tsx b/apps/v4/app/(app)/(root)/components/input-group-button.tsx index 3880a6543f..c2ad283fbf 100644 --- a/apps/v4/app/(app)/(root)/components/input-group-button.tsx +++ b/apps/v4/app/(app)/(root)/components/input-group-button.tsx @@ -1,20 +1,19 @@ "use client" import * as React from "react" -import { IconInfoCircle, IconStar } from "@tabler/icons-react" - import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/radix-nova/ui/input-group" -import { Label } from "@/styles/radix-nova/ui/label" +} from "@/examples/radix/ui/input-group" +import { Label } from "@/examples/radix/ui/label" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/radix-nova/ui/popover" +} from "@/examples/radix/ui/popover" +import { IconInfoCircle, IconStar } from "@tabler/icons-react" export function InputGroupButtonExample() { const [isFavorite, setIsFavorite] = React.useState(false) diff --git a/apps/v4/app/(app)/(root)/components/input-group-demo.tsx b/apps/v4/app/(app)/(root)/components/input-group-demo.tsx index 2e4101f973..641e523c0a 100644 --- a/apps/v4/app/(app)/(root)/components/input-group-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/input-group-demo.tsx @@ -1,12 +1,9 @@ -import { IconCheck, IconInfoCircle, IconPlus } from "@tabler/icons-react" -import { ArrowUpIcon, Search } from "lucide-react" - import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/radix-nova/ui/dropdown-menu" +} from "@/examples/radix/ui/dropdown-menu" import { InputGroup, InputGroupAddon, @@ -14,13 +11,15 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/styles/radix-nova/ui/input-group" -import { Separator } from "@/styles/radix-nova/ui/separator" +} from "@/examples/radix/ui/input-group" +import { Separator } from "@/examples/radix/ui/separator" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/radix-nova/ui/tooltip" +} from "@/examples/radix/ui/tooltip" +import { IconCheck, IconInfoCircle, IconPlus } from "@tabler/icons-react" +import { ArrowUpIcon, Search } from "lucide-react" export function InputGroupDemo() { return ( diff --git a/apps/v4/app/(app)/(root)/components/item-demo.tsx b/apps/v4/app/(app)/(root)/components/item-demo.tsx index 9f128396c7..2c97c53e99 100644 --- a/apps/v4/app/(app)/(root)/components/item-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/item-demo.tsx @@ -1,6 +1,4 @@ -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" - -import { Button } from "@/styles/radix-nova/ui/button" +import { Button } from "@/examples/radix/ui/button" import { Item, ItemActions, @@ -8,7 +6,8 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/radix-nova/ui/item" +} from "@/examples/radix/ui/item" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" export function ItemDemo() { return ( diff --git a/apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx b/apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx index 973c41cf3a..3e84b1ffa5 100644 --- a/apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx +++ b/apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx @@ -1,24 +1,8 @@ "use client" import { useMemo, useState } from "react" -import { - IconApps, - IconArrowUp, - IconAt, - IconBook, - IconCircleDashedPlus, - IconPaperclip, - IconPlus, - IconWorld, - IconX, -} from "@tabler/icons-react" - -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/radix-nova/ui/avatar" -import { Badge } from "@/styles/radix-nova/ui/badge" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/radix/ui/avatar" +import { Badge } from "@/examples/radix/ui/badge" import { Command, CommandEmpty, @@ -26,7 +10,7 @@ import { CommandInput, CommandItem, CommandList, -} from "@/styles/radix-nova/ui/command" +} from "@/examples/radix/ui/command" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -39,25 +23,36 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/radix-nova/ui/dropdown-menu" -import { Field, FieldLabel } from "@/styles/radix-nova/ui/field" +} from "@/examples/radix/ui/dropdown-menu" +import { Field, FieldLabel } from "@/examples/radix/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea, -} from "@/styles/radix-nova/ui/input-group" +} from "@/examples/radix/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/radix-nova/ui/popover" -import { Switch } from "@/styles/radix-nova/ui/switch" +} from "@/examples/radix/ui/popover" +import { Switch } from "@/examples/radix/ui/switch" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/radix-nova/ui/tooltip" +} from "@/examples/radix/ui/tooltip" +import { + IconApps, + IconArrowUp, + IconAt, + IconBook, + IconCircleDashedPlus, + IconPaperclip, + IconPlus, + IconWorld, + IconX, +} from "@tabler/icons-react" const SAMPLE_DATA = { mentionable: [ diff --git a/apps/v4/app/(app)/(root)/components/spinner-badge.tsx b/apps/v4/app/(app)/(root)/components/spinner-badge.tsx index 3c6c7264d5..3bff547115 100644 --- a/apps/v4/app/(app)/(root)/components/spinner-badge.tsx +++ b/apps/v4/app/(app)/(root)/components/spinner-badge.tsx @@ -1,5 +1,5 @@ -import { Badge } from "@/styles/radix-nova/ui/badge" -import { Spinner } from "@/styles/radix-nova/ui/spinner" +import { Badge } from "@/examples/radix/ui/badge" +import { Spinner } from "@/examples/radix/ui/spinner" export function SpinnerBadge() { return ( diff --git a/apps/v4/app/(app)/(root)/components/spinner-empty.tsx b/apps/v4/app/(app)/(root)/components/spinner-empty.tsx index 70914e98a7..1ff6b0b8b2 100644 --- a/apps/v4/app/(app)/(root)/components/spinner-empty.tsx +++ b/apps/v4/app/(app)/(root)/components/spinner-empty.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/radix-nova/ui/button" +import { Button } from "@/examples/radix/ui/button" import { Empty, EmptyContent, @@ -6,8 +6,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/radix-nova/ui/empty" -import { Spinner } from "@/styles/radix-nova/ui/spinner" +} from "@/examples/radix/ui/empty" +import { Spinner } from "@/examples/radix/ui/spinner" export function SpinnerEmpty() { return ( diff --git a/apps/v4/app/(app)/docs/changelog/page.tsx b/apps/v4/app/(app)/docs/changelog/page.tsx index 39e6814fef..b9193beeb0 100644 --- a/apps/v4/app/(app)/docs/changelog/page.tsx +++ b/apps/v4/app/(app)/docs/changelog/page.tsx @@ -1,11 +1,11 @@ import Link from "next/link" +import { Button } from "@/examples/radix/ui/button" import { mdxComponents } from "@/mdx-components" import { IconRss } from "@tabler/icons-react" import { getChangelogPages, type ChangelogPageData } from "@/lib/changelog" import { absoluteUrl } from "@/lib/utils" import { OpenInV0Cta } from "@/components/open-in-v0-cta" -import { Button } from "@/styles/radix-nova/ui/button" export const revalidate = false export const dynamic = "force-static" diff --git a/apps/v4/app/(app)/examples/rtl/components/appearance-settings.tsx b/apps/v4/app/(app)/examples/rtl/components/appearance-settings.tsx index 42f442d665..eabe55bed9 100644 --- a/apps/v4/app/(app)/examples/rtl/components/appearance-settings.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/appearance-settings.tsx @@ -1,11 +1,8 @@ "use client" import * as React from "react" -import { IconMinus, IconPlus } from "@tabler/icons-react" - -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { ButtonGroup } from "@/styles/base-nova/ui-rtl/button-group" +import { Button } from "@/examples/base/ui-rtl/button" +import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" import { Field, FieldContent, @@ -16,13 +13,13 @@ import { FieldSeparator, FieldSet, FieldTitle, -} from "@/styles/base-nova/ui-rtl/field" -import { Input } from "@/styles/base-nova/ui-rtl/input" -import { - RadioGroup, - RadioGroupItem, -} from "@/styles/base-nova/ui-rtl/radio-group" -import { Switch } from "@/styles/base-nova/ui-rtl/switch" +} from "@/examples/base/ui-rtl/field" +import { Input } from "@/examples/base/ui-rtl/input" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui-rtl/radio-group" +import { Switch } from "@/examples/base/ui-rtl/switch" +import { IconMinus, IconPlus } from "@tabler/icons-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/button-group-demo.tsx b/apps/v4/app/(app)/examples/rtl/components/button-group-demo.tsx index 29f36b142d..cda018e544 100644 --- a/apps/v4/app/(app)/examples/rtl/components/button-group-demo.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/button-group-demo.tsx @@ -1,21 +1,8 @@ "use client" import * as React from "react" -import { - ArchiveIcon, - ArrowLeftIcon, - CalendarPlusIcon, - ClockIcon, - ListFilterIcon, - MailCheckIcon, - MoreHorizontalIcon, - TagIcon, - Trash2Icon, -} from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { ButtonGroup } from "@/styles/base-nova/ui-rtl/button-group" +import { Button } from "@/examples/base/ui-rtl/button" +import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" import { DropdownMenu, DropdownMenuContent, @@ -29,7 +16,20 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" +} from "@/examples/base/ui-rtl/dropdown-menu" +import { + ArchiveIcon, + ArrowLeftIcon, + CalendarPlusIcon, + ClockIcon, + ListFilterIcon, + MailCheckIcon, + MoreHorizontalIcon, + TagIcon, + Trash2Icon, +} from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/button-group-input-group.tsx b/apps/v4/app/(app)/examples/rtl/components/button-group-input-group.tsx index 48b5fd6e06..7493207b87 100644 --- a/apps/v4/app/(app)/examples/rtl/components/button-group-input-group.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/button-group-input-group.tsx @@ -1,22 +1,22 @@ "use client" import * as React from "react" -import { AudioLinesIcon, PlusIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { ButtonGroup } from "@/styles/base-nova/ui-rtl/button-group" +import { Button } from "@/examples/base/ui-rtl/button" +import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui-rtl/input-group" +} from "@/examples/base/ui-rtl/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui-rtl/tooltip" +} from "@/examples/base/ui-rtl/tooltip" +import { AudioLinesIcon, PlusIcon } from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/button-group-nested.tsx b/apps/v4/app/(app)/examples/rtl/components/button-group-nested.tsx index ed28aca572..938c11d137 100644 --- a/apps/v4/app/(app)/examples/rtl/components/button-group-nested.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/button-group-nested.tsx @@ -1,10 +1,10 @@ "use client" +import { Button } from "@/examples/base/ui-rtl/button" +import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" import { ArrowLeftIcon, ArrowRightIcon } from "lucide-react" import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { ButtonGroup } from "@/styles/base-nova/ui-rtl/button-group" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/button-group-popover.tsx b/apps/v4/app/(app)/examples/rtl/components/button-group-popover.tsx index e9a83fe052..e570d0f5c1 100644 --- a/apps/v4/app/(app)/examples/rtl/components/button-group-popover.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/button-group-popover.tsx @@ -1,17 +1,17 @@ "use client" -import { BotIcon, ChevronDownIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { ButtonGroup } from "@/styles/base-nova/ui-rtl/button-group" +import { Button } from "@/examples/base/ui-rtl/button" +import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui-rtl/popover" -import { Separator } from "@/styles/base-nova/ui-rtl/separator" -import { Textarea } from "@/styles/base-nova/ui-rtl/textarea" +} from "@/examples/base/ui-rtl/popover" +import { Separator } from "@/examples/base/ui-rtl/separator" +import { Textarea } from "@/examples/base/ui-rtl/textarea" +import { BotIcon, ChevronDownIcon } from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/empty-avatar-group.tsx b/apps/v4/app/(app)/examples/rtl/components/empty-avatar-group.tsx index 7aeab40ad7..93760f87d1 100644 --- a/apps/v4/app/(app)/examples/rtl/components/empty-avatar-group.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/empty-avatar-group.tsx @@ -1,15 +1,12 @@ "use client" -import { PlusIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, -} from "@/styles/base-nova/ui-rtl/avatar" -import { Button } from "@/styles/base-nova/ui-rtl/button" +} from "@/examples/base/ui-rtl/avatar" +import { Button } from "@/examples/base/ui-rtl/button" import { Empty, EmptyContent, @@ -17,7 +14,10 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui-rtl/empty" +} from "@/examples/base/ui-rtl/empty" +import { PlusIcon } from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx b/apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx index 385d61d300..8c9f84c167 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx @@ -1,8 +1,9 @@ "use client" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" +import { Field, FieldLabel } from "@/examples/base/ui-rtl/field" + import { useLanguageContext } from "@/components/language-selector" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" -import { Field, FieldLabel } from "@/styles/base-nova/ui-rtl/field" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/field-demo.tsx b/apps/v4/app/(app)/examples/rtl/components/field-demo.tsx index e8cddf6788..02cba58bbd 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-demo.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-demo.tsx @@ -1,8 +1,7 @@ "use client" -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" +import { Button } from "@/examples/base/ui-rtl/button" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" import { Field, FieldDescription, @@ -11,8 +10,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/styles/base-nova/ui-rtl/field" -import { Input } from "@/styles/base-nova/ui-rtl/input" +} from "@/examples/base/ui-rtl/field" +import { Input } from "@/examples/base/ui-rtl/input" import { Select, SelectContent, @@ -20,8 +19,10 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui-rtl/select" -import { Textarea } from "@/styles/base-nova/ui-rtl/textarea" +} from "@/examples/base/ui-rtl/select" +import { Textarea } from "@/examples/base/ui-rtl/textarea" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { @@ -139,7 +140,7 @@ export function FieldDemo() {
{t.month} - @@ -156,7 +157,7 @@ export function FieldDemo() { {t.year} - diff --git a/apps/v4/app/(app)/examples/rtl/components/field-hear.tsx b/apps/v4/app/(app)/examples/rtl/components/field-hear.tsx index 53e6946071..e982bfdc66 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-hear.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-hear.tsx @@ -1,8 +1,7 @@ "use client" -import { useLanguageContext } from "@/components/language-selector" -import { Card, CardContent } from "@/styles/base-nova/ui-rtl/card" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" +import { Card, CardContent } from "@/examples/base/ui-rtl/card" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" import { Field, FieldDescription, @@ -11,7 +10,9 @@ import { FieldLegend, FieldSet, FieldTitle, -} from "@/styles/base-nova/ui-rtl/field" +} from "@/examples/base/ui-rtl/field" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/field-slider.tsx b/apps/v4/app/(app)/examples/rtl/components/field-slider.tsx index de53c0f594..3e19b99171 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-slider.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-slider.tsx @@ -1,14 +1,14 @@ "use client" import { useState } from "react" - -import { useLanguageContext } from "@/components/language-selector" import { Field, FieldDescription, FieldTitle, -} from "@/styles/base-nova/ui-rtl/field" -import { Slider } from "@/styles/base-nova/ui-rtl/slider" +} from "@/examples/base/ui-rtl/field" +import { Slider } from "@/examples/base/ui-rtl/slider" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/index.tsx b/apps/v4/app/(app)/examples/rtl/components/index.tsx index 2544d7f75a..2c42054644 100644 --- a/apps/v4/app/(app)/examples/rtl/components/index.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/index.tsx @@ -1,12 +1,13 @@ "use client" +import { DirectionProvider } from "@/examples/base/ui-rtl/direction" +import { FieldSeparator } from "@/examples/base/ui-rtl/field" + import { LanguageProvider, LanguageSelector, useLanguageContext, } from "@/components/language-selector" -import { DirectionProvider } from "@/styles/base-nova/ui-rtl/direction" -import { FieldSeparator } from "@/styles/base-nova/ui-rtl/field" import { AppearanceSettings } from "./appearance-settings" import { ButtonGroupDemo } from "./button-group-demo" diff --git a/apps/v4/app/(app)/examples/rtl/components/input-group-button.tsx b/apps/v4/app/(app)/examples/rtl/components/input-group-button.tsx index 9c47b7d483..560d856206 100644 --- a/apps/v4/app/(app)/examples/rtl/components/input-group-button.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/input-group-button.tsx @@ -1,21 +1,21 @@ "use client" import * as React from "react" -import { IconInfoCircle, IconStar } from "@tabler/icons-react" - -import { useLanguageContext } from "@/components/language-selector" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui-rtl/input-group" -import { Label } from "@/styles/base-nova/ui-rtl/label" +} from "@/examples/base/ui-rtl/input-group" +import { Label } from "@/examples/base/ui-rtl/label" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui-rtl/popover" +} from "@/examples/base/ui-rtl/popover" +import { IconInfoCircle, IconStar } from "@tabler/icons-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/input-group-demo.tsx b/apps/v4/app/(app)/examples/rtl/components/input-group-demo.tsx index 95a5c141e9..d3ff1f6acd 100644 --- a/apps/v4/app/(app)/examples/rtl/components/input-group-demo.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/input-group-demo.tsx @@ -1,5 +1,25 @@ "use client" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuTrigger, +} from "@/examples/base/ui-rtl/dropdown-menu" +import { + InputGroup, + InputGroupAddon, + InputGroupButton, + InputGroupInput, + InputGroupText, + InputGroupTextarea, +} from "@/examples/base/ui-rtl/input-group" +import { Separator } from "@/examples/base/ui-rtl/separator" +import { + Tooltip, + TooltipContent, + TooltipTrigger, +} from "@/examples/base/ui-rtl/tooltip" import { IconCheck, IconChevronDown, @@ -9,26 +29,6 @@ import { import { ArrowUpIcon, Search } from "lucide-react" import { useLanguageContext } from "@/components/language-selector" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" -import { - InputGroup, - InputGroupAddon, - InputGroupButton, - InputGroupInput, - InputGroupText, - InputGroupTextarea, -} from "@/styles/base-nova/ui-rtl/input-group" -import { Separator } from "@/styles/base-nova/ui-rtl/separator" -import { - Tooltip, - TooltipContent, - TooltipTrigger, -} from "@/styles/base-nova/ui-rtl/tooltip" const translations = { ar: { @@ -131,7 +131,7 @@ export function InputGroupDemo() {
- +
diff --git a/apps/v4/app/(app)/examples/rtl/components/item-demo.tsx b/apps/v4/app/(app)/examples/rtl/components/item-demo.tsx index 0707f29d8a..1abc42a656 100644 --- a/apps/v4/app/(app)/examples/rtl/components/item-demo.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/item-demo.tsx @@ -1,9 +1,6 @@ "use client" -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Item, ItemActions, @@ -11,7 +8,10 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui-rtl/item" +} from "@/examples/base/ui-rtl/item" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/notion-prompt-form.tsx b/apps/v4/app/(app)/examples/rtl/components/notion-prompt-form.tsx index 7cbfdbc7f4..3e6c89b624 100644 --- a/apps/v4/app/(app)/examples/rtl/components/notion-prompt-form.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/notion-prompt-form.tsx @@ -1,6 +1,47 @@ "use client" import { useMemo, useState } from "react" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/examples/base/ui-rtl/avatar" +import { Badge } from "@/examples/base/ui-rtl/badge" +import { + Command, + CommandEmpty, + CommandGroup, + CommandInput, + CommandItem, + CommandList, +} from "@/examples/base/ui-rtl/command" +import { + DropdownMenu, + DropdownMenuCheckboxItem, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuSub, + DropdownMenuSubContent, + DropdownMenuSubTrigger, + DropdownMenuTrigger, +} from "@/examples/base/ui-rtl/dropdown-menu" +import { Field, FieldLabel } from "@/examples/base/ui-rtl/field" +import { + InputGroup, + InputGroupAddon, + InputGroupButton, + InputGroupTextarea, +} from "@/examples/base/ui-rtl/input-group" +import { Popover, PopoverContent } from "@/examples/base/ui-rtl/popover" +import { Switch } from "@/examples/base/ui-rtl/switch" +import { + Tooltip, + TooltipContent, + TooltipTrigger, +} from "@/examples/base/ui-rtl/tooltip" import { IconApps, IconArrowUp, @@ -14,47 +55,6 @@ import { } from "@tabler/icons-react" import { useLanguageContext } from "@/components/language-selector" -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui-rtl/avatar" -import { Badge } from "@/styles/base-nova/ui-rtl/badge" -import { - Command, - CommandEmpty, - CommandGroup, - CommandInput, - CommandItem, - CommandList, -} from "@/styles/base-nova/ui-rtl/command" -import { - DropdownMenu, - DropdownMenuCheckboxItem, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuSub, - DropdownMenuSubContent, - DropdownMenuSubTrigger, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" -import { Field, FieldLabel } from "@/styles/base-nova/ui-rtl/field" -import { - InputGroup, - InputGroupAddon, - InputGroupButton, - InputGroupTextarea, -} from "@/styles/base-nova/ui-rtl/input-group" -import { Popover, PopoverContent } from "@/styles/base-nova/ui-rtl/popover" -import { Switch } from "@/styles/base-nova/ui-rtl/switch" -import { - Tooltip, - TooltipContent, - TooltipTrigger, -} from "@/styles/base-nova/ui-rtl/tooltip" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx b/apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx index ba56a23bed..0aaac8330a 100644 --- a/apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx @@ -1,8 +1,9 @@ "use client" +import { Badge } from "@/examples/base/ui-rtl/badge" +import { Spinner } from "@/examples/base/ui-rtl/spinner" + import { useLanguageContext } from "@/components/language-selector" -import { Badge } from "@/styles/base-nova/ui-rtl/badge" -import { Spinner } from "@/styles/base-nova/ui-rtl/spinner" const translations = { ar: { diff --git a/apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx b/apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx index 064b8dedeb..abcfae9680 100644 --- a/apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx @@ -1,7 +1,6 @@ "use client" -import { useLanguageContext } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Empty, EmptyContent, @@ -9,8 +8,10 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui-rtl/empty" -import { Spinner } from "@/styles/base-nova/ui-rtl/spinner" +} from "@/examples/base/ui-rtl/empty" +import { Spinner } from "@/examples/base/ui-rtl/spinner" + +import { useLanguageContext } from "@/components/language-selector" const translations = { ar: { diff --git a/apps/v4/app/(create)/components/action-menu.tsx b/apps/v4/app/(create)/components/action-menu.tsx index 3a37bb4bce..0e6b508ede 100644 --- a/apps/v4/app/(create)/components/action-menu.tsx +++ b/apps/v4/app/(create)/components/action-menu.tsx @@ -1,8 +1,6 @@ "use client" import Script from "next/script" -import { type RegistryItem } from "shadcn/schema" - import { Command, CommandDialog, @@ -11,7 +9,9 @@ import { CommandInput, CommandItem, CommandList, -} from "@/styles/base-nova/ui/command" +} from "@/examples/base/ui/command" +import { type RegistryItem } from "shadcn/schema" + import { useActionMenu } from "@/app/(create)/hooks/use-action-menu" export const CMD_K_FORWARD_TYPE = "cmd-k-forward" diff --git a/apps/v4/app/(create)/components/copy-preset.tsx b/apps/v4/app/(create)/components/copy-preset.tsx index a91fbf8d64..7e94c8aec3 100644 --- a/apps/v4/app/(create)/components/copy-preset.tsx +++ b/apps/v4/app/(create)/components/copy-preset.tsx @@ -1,10 +1,10 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" import { cn } from "@/lib/utils" import { copyToClipboardWithMeta } from "@/components/copy-button" -import { Button } from "@/styles/base-nova/ui/button" import { usePresetCode } from "@/app/(create)/hooks/use-design-system" export function CopyPreset({ className }: React.ComponentProps) { diff --git a/apps/v4/app/(create)/components/customizer.tsx b/apps/v4/app/(create)/components/customizer.tsx index 980343a6b9..d42269307f 100644 --- a/apps/v4/app/(create)/components/customizer.tsx +++ b/apps/v4/app/(create)/components/customizer.tsx @@ -1,17 +1,17 @@ "use client" import * as React from "react" -import { type RegistryItem } from "shadcn/schema" - -import { useIsMobile } from "@/hooks/use-mobile" -import { getThemesForBaseColor, STYLES } from "@/registry/config" import { Card, CardContent, CardFooter, CardHeader, -} from "@/styles/base-nova/ui/card" -import { FieldGroup, FieldSeparator } from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/card" +import { FieldGroup, FieldSeparator } from "@/examples/base/ui/field" +import { type RegistryItem } from "shadcn/schema" + +import { useIsMobile } from "@/hooks/use-mobile" +import { getThemesForBaseColor, STYLES } from "@/registry/config" import { MenuAccentPicker } from "@/app/(create)/components/accent-picker" import { ActionMenu } from "@/app/(create)/components/action-menu" import { BaseColorPicker } from "@/app/(create)/components/base-color-picker" diff --git a/apps/v4/app/(create)/components/history-buttons.tsx b/apps/v4/app/(create)/components/history-buttons.tsx index 38345d3372..391a798b5a 100644 --- a/apps/v4/app/(create)/components/history-buttons.tsx +++ b/apps/v4/app/(create)/components/history-buttons.tsx @@ -1,10 +1,10 @@ "use client" import Script from "next/script" +import { Button } from "@/examples/base/ui/button" import { Redo02Icon, Undo02Icon } from "@hugeicons/core-free-icons" import { HugeiconsIcon } from "@hugeicons/react" -import { Button } from "@/styles/base-nova/ui/button" import { useHistory } from "@/app/(create)/hooks/use-history" export const UNDO_FORWARD_TYPE = "undo-forward" diff --git a/apps/v4/app/(create)/components/item-explorer.tsx b/apps/v4/app/(create)/components/item-explorer.tsx index 8770afa083..022dbd82ae 100644 --- a/apps/v4/app/(create)/components/item-explorer.tsx +++ b/apps/v4/app/(create)/components/item-explorer.tsx @@ -2,16 +2,11 @@ import * as React from "react" import Link from "next/link" -import { ChevronRightIcon } from "lucide-react" -import { type RegistryItem } from "shadcn/schema" - -import { cn } from "@/lib/utils" -import { type Base } from "@/registry/bases" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" +} from "@/examples/base/ui/collapsible" import { Sidebar, SidebarContent, @@ -20,7 +15,12 @@ import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { ChevronRightIcon } from "lucide-react" +import { type RegistryItem } from "shadcn/schema" + +import { cn } from "@/lib/utils" +import { type Base } from "@/registry/bases" import { useDesignSystemSearchParams } from "@/app/(create)/lib/search-params" import { groupItemsByType } from "@/app/(create)/lib/utils" diff --git a/apps/v4/app/(create)/components/main-menu.tsx b/apps/v4/app/(create)/components/main-menu.tsx index 1fa6fd3f43..6663ce680f 100644 --- a/apps/v4/app/(create)/components/main-menu.tsx +++ b/apps/v4/app/(create)/components/main-menu.tsx @@ -1,11 +1,11 @@ "use client" import * as React from "react" +import { type Button } from "@/examples/base/ui/button" import { Menu09Icon } from "@hugeicons/core-free-icons" import { HugeiconsIcon } from "@hugeicons/react" import { cn } from "@/lib/utils" -import { type Button } from "@/styles/base-nova/ui/button" import { Picker, PickerContent, diff --git a/apps/v4/app/(create)/components/mode-switcher.tsx b/apps/v4/app/(create)/components/mode-switcher.tsx index b183e25ae7..4356113c82 100644 --- a/apps/v4/app/(create)/components/mode-switcher.tsx +++ b/apps/v4/app/(create)/components/mode-switcher.tsx @@ -2,9 +2,9 @@ import * as React from "react" import Script from "next/script" +import { Button } from "@/examples/base/ui/button" import { cn } from "@/lib/utils" -import { Button } from "@/styles/base-nova/ui/button" import { useThemeToggle } from "@/app/(create)/hooks/use-theme-toggle" export const DARK_MODE_FORWARD_TYPE = "dark-mode-forward" diff --git a/apps/v4/app/(create)/components/project-form.tsx b/apps/v4/app/(create)/components/project-form.tsx index 5d2975ed29..5e879cb318 100644 --- a/apps/v4/app/(create)/components/project-form.tsx +++ b/apps/v4/app/(create)/components/project-form.tsx @@ -1,14 +1,7 @@ "use client" import * as React from "react" -import { Copy01Icon, Globe02Icon, Tick02Icon } from "@hugeicons/core-free-icons" -import { HugeiconsIcon } from "@hugeicons/react" - -import { cn } from "@/lib/utils" -import { useConfig } from "@/hooks/use-config" -import { copyToClipboardWithMeta } from "@/components/copy-button" -import { BASES, type BaseName } from "@/registry/config" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogContent, @@ -17,7 +10,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" +} from "@/examples/base/ui/dialog" import { Field, FieldContent, @@ -27,15 +20,22 @@ import { FieldSeparator, FieldSet, FieldTitle, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" -import { Switch } from "@/styles/base-nova/ui/switch" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +import { Switch } from "@/examples/base/ui/switch" import { Tabs, TabsContent, TabsList, TabsTrigger, -} from "@/styles/base-nova/ui/tabs" +} from "@/examples/base/ui/tabs" +import { Copy01Icon, Globe02Icon, Tick02Icon } from "@hugeicons/core-free-icons" +import { HugeiconsIcon } from "@hugeicons/react" + +import { cn } from "@/lib/utils" +import { useConfig } from "@/hooks/use-config" +import { copyToClipboardWithMeta } from "@/components/copy-button" +import { BASES, type BaseName } from "@/registry/config" import { usePresetCode } from "@/app/(create)/hooks/use-design-system" import { useDesignSystemSearchParams, diff --git a/apps/v4/app/(create)/components/random-button.tsx b/apps/v4/app/(create)/components/random-button.tsx index 3b68ebf4ca..d57d2609ab 100644 --- a/apps/v4/app/(create)/components/random-button.tsx +++ b/apps/v4/app/(create)/components/random-button.tsx @@ -1,11 +1,11 @@ "use client" import Script from "next/script" +import { Button } from "@/examples/base/ui/button" import { DiceFaces05Icon } from "@hugeicons/core-free-icons" import { HugeiconsIcon } from "@hugeicons/react" import { cn } from "@/lib/utils" -import { Button } from "@/styles/base-nova/ui/button" import { useRandom } from "@/app/(create)/hooks/use-random" import { RESET_FORWARD_TYPE } from "@/app/(create)/hooks/use-reset" diff --git a/apps/v4/app/(create)/components/reset-button.tsx b/apps/v4/app/(create)/components/reset-button.tsx index 8a31a94fba..c68e4301c2 100644 --- a/apps/v4/app/(create)/components/reset-button.tsx +++ b/apps/v4/app/(create)/components/reset-button.tsx @@ -9,7 +9,8 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@/styles/base-nova/ui/alert-dialog" +} from "@/examples/base/ui/alert-dialog" + import { useReset } from "@/app/(create)/hooks/use-reset" export function ResetDialog() { diff --git a/apps/v4/app/(create)/components/share-button.tsx b/apps/v4/app/(create)/components/share-button.tsx index 5fb8a1fd4c..51c118cf2e 100644 --- a/apps/v4/app/(create)/components/share-button.tsx +++ b/apps/v4/app/(create)/components/share-button.tsx @@ -1,11 +1,11 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" import { Share03Icon, Tick02Icon } from "@hugeicons/core-free-icons" import { HugeiconsIcon } from "@hugeicons/react" import { copyToClipboardWithMeta } from "@/components/copy-button" -import { Button } from "@/styles/base-nova/ui/button" import { usePresetCode } from "@/app/(create)/hooks/use-design-system" import { useDesignSystemSearchParams } from "@/app/(create)/lib/search-params" diff --git a/apps/v4/app/(create)/components/v0-button.tsx b/apps/v4/app/(create)/components/v0-button.tsx index 67c51b36ab..627065d0e5 100644 --- a/apps/v4/app/(create)/components/v0-button.tsx +++ b/apps/v4/app/(create)/components/v0-button.tsx @@ -1,13 +1,13 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" +import { Skeleton } from "@/examples/base/ui/skeleton" import { cn } from "@/lib/utils" import { useIsMobile } from "@/hooks/use-mobile" import { useMounted } from "@/hooks/use-mounted" import { Icons } from "@/components/icons" -import { Button } from "@/styles/base-nova/ui/button" -import { Skeleton } from "@/styles/base-nova/ui/skeleton" import { useDesignSystemSearchParams } from "@/app/(create)/lib/search-params" export function V0Button({ className }: { className?: string }) { diff --git a/apps/v4/app/(create)/components/welcome-dialog.tsx b/apps/v4/app/(create)/components/welcome-dialog.tsx index 885df46a4a..15a98d6d45 100644 --- a/apps/v4/app/(create)/components/welcome-dialog.tsx +++ b/apps/v4/app/(create)/components/welcome-dialog.tsx @@ -1,9 +1,7 @@ "use client" import * as React from "react" - -import { Icons } from "@/components/icons" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogClose, @@ -12,7 +10,9 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@/styles/base-nova/ui/dialog" +} from "@/examples/base/ui/dialog" + +import { Icons } from "@/components/icons" const STORAGE_KEY = "shadcn-create-welcome-dialog" diff --git a/apps/v4/app/(view)/view/[style]/[name]/page.tsx b/apps/v4/app/(view)/view/[style]/[name]/page.tsx index 7b0630e90b..f0ee545d50 100644 --- a/apps/v4/app/(view)/view/[style]/[name]/page.tsx +++ b/apps/v4/app/(view)/view/[style]/[name]/page.tsx @@ -12,7 +12,7 @@ import { import { absoluteUrl } from "@/lib/utils" import { getStyle, legacyStyles, type Style } from "@/registry/_legacy-styles" -import "@/app/legacy-themes.css" +import "@/styles/legacy-themes.css" import { ComponentPreview } from "./component-preview" diff --git a/apps/v4/app/layout.tsx b/apps/v4/app/layout.tsx index f8de352018..9a076b6b99 100644 --- a/apps/v4/app/layout.tsx +++ b/apps/v4/app/layout.tsx @@ -13,7 +13,7 @@ import { TooltipProvider as BaseTooltipProvider } from "@/registry/bases/base/ui import { Toaster } from "@/registry/bases/radix/ui/sonner" import { TooltipProvider as RadixTooltipProvider } from "@/registry/bases/radix/ui/tooltip" -import "@/app/globals.css" +import "@/styles/globals.css" export const metadata: Metadata = { title: { diff --git a/apps/v4/components/component-preview-tabs.tsx b/apps/v4/components/component-preview-tabs.tsx index 35fa57d46f..bf487f5513 100644 --- a/apps/v4/components/component-preview-tabs.tsx +++ b/apps/v4/components/component-preview-tabs.tsx @@ -2,6 +2,11 @@ import * as React from "react" import Link from "next/link" +import { + Popover, + PopoverContent, + PopoverTrigger, +} from "@/examples/base/ui/popover" import { IconAlertCircle } from "@tabler/icons-react" import { cn } from "@/lib/utils" @@ -16,11 +21,6 @@ import { DirectionProvider as BaseDirectionProvider } from "@/registry/bases/bas import { DirectionProvider as RadixDirectionProvider } from "@/registry/bases/radix/ui/direction" import { Button } from "@/registry/new-york-v4/ui/button" import { Separator } from "@/registry/new-york-v4/ui/separator" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/styles/base-nova/ui/popover" export function ComponentPreviewTabs({ className, diff --git a/apps/v4/components/language-selector.tsx b/apps/v4/components/language-selector.tsx index 1f7598bf9e..673d2f6f54 100644 --- a/apps/v4/components/language-selector.tsx +++ b/apps/v4/components/language-selector.tsx @@ -1,8 +1,6 @@ "use client" import * as React from "react" - -import { cn } from "@/lib/utils" import { Select, SelectContent, @@ -10,7 +8,9 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" + +import { cn } from "@/lib/utils" export type Language = "en" | "ar" | "he" diff --git a/apps/v4/components/open-in-v0-cta.tsx b/apps/v4/components/open-in-v0-cta.tsx index 0b53dcac28..67f5e4420c 100644 --- a/apps/v4/components/open-in-v0-cta.tsx +++ b/apps/v4/components/open-in-v0-cta.tsx @@ -1,5 +1,6 @@ +import { Button } from "@/examples/base/ui/button" + import { cn } from "@/lib/utils" -import { Button } from "@/styles/base-nova/ui/button" export function OpenInV0Cta({ className }: React.ComponentProps<"div">) { return ( diff --git a/apps/v4/components/site-header.tsx b/apps/v4/components/site-header.tsx index 046cf2669a..3e0e85bc8f 100644 --- a/apps/v4/components/site-header.tsx +++ b/apps/v4/components/site-header.tsx @@ -1,4 +1,5 @@ import Link from "next/link" +import { Button } from "@/examples/radix/ui/button" import { PlusSignIcon } from "@hugeicons/core-free-icons" import { HugeiconsIcon } from "@hugeicons/react" @@ -13,7 +14,6 @@ import { MobileNav } from "@/components/mobile-nav" import { ModeSwitcher } from "@/components/mode-switcher" import { SiteConfig } from "@/components/site-config" import { Separator } from "@/registry/new-york-v4/ui/separator" -import { Button } from "@/styles/radix-nova/ui/button" import { ProjectForm } from "@/app/(create)/components/project-form" import { V0Button } from "@/app/(create)/components/v0-button" diff --git a/apps/v4/components/theme-selector.tsx b/apps/v4/components/theme-selector.tsx index acd2d72009..ba8e9a2d33 100644 --- a/apps/v4/components/theme-selector.tsx +++ b/apps/v4/components/theme-selector.tsx @@ -1,9 +1,6 @@ "use client" -import { THEMES } from "@/lib/themes" -import { cn } from "@/lib/utils" -import { useThemeConfig } from "@/components/active-theme" -import { Label } from "@/styles/base-nova/ui/label" +import { Label } from "@/examples/base/ui/label" import { Select, SelectContent, @@ -12,7 +9,11 @@ import { SelectLabel, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" + +import { THEMES } from "@/lib/themes" +import { cn } from "@/lib/utils" +import { useThemeConfig } from "@/components/active-theme" import { CopyCodeButton } from "./theme-customizer" diff --git a/apps/v4/examples/README.md b/apps/v4/examples/README.md index f41893eeb1..93c326243a 100644 --- a/apps/v4/examples/README.md +++ b/apps/v4/examples/README.md @@ -7,11 +7,17 @@ This directory contains demo components for the component documentation. ``` examples ├── base +│ ├── ui # Auto-generated by build-registry.mts +│ ├── lib # Auto-generated by build-registry.mts +│ ├── hooks # Auto-generated by build-registry.mts │ ├── button-demo.tsx │ └── ... ├── radix +│ ├── ui # Auto-generated by build-registry.mts +│ ├── lib # Auto-generated by build-registry.mts +│ ├── hooks # Auto-generated by build-registry.mts │ └── ... -└── __index__.tsx # Auto-generated by registry:build +└── __index__.tsx # Auto-generated by build-registry.mts ``` ## Adding a New Example @@ -20,17 +26,17 @@ examples ```tsx // examples/base/button-loading.tsx -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" export function ButtonLoading() { return } ``` -2. Run the registry build to regenerate the index: +2. Run the examples build to regenerate the index: ```bash -pnpm --filter=v4 registry:build +pnpm examples:build ``` 3. Use the example in documentation by referencing its name (filename without `.tsx`): @@ -41,7 +47,7 @@ pnpm --filter=v4 registry:build ## Notes +- The `ui`, `lib`, and `hooks` directories are auto-generated during `pnpm registry:build`. Do not edit files in these directories directly. - Example files should be placed directly in `examples/base` or `examples/radix`, not in subdirectories. -- Base examples should import from `@/styles/base-nova/*`. Radix examples should import from `@/styles/radix-nova/*`. - Both named exports and default exports are supported. -- After adding or removing examples, run `pnpm --filter=v4 registry:build` to update the index. +- After adding or removing examples, run `pnpm examples:build` to update the index. diff --git a/apps/v4/examples/__index__.tsx b/apps/v4/examples/__index__.tsx index f7ce86df78..e8beaf16cb 100644 --- a/apps/v4/examples/__index__.tsx +++ b/apps/v4/examples/__index__.tsx @@ -1,5 +1,5 @@ // @ts-nocheck -// This file is autogenerated by scripts/build-registry.mts +// This file is autogenerated by scripts/build-examples-index.mts // Do not edit this file directly. import * as React from "react" diff --git a/apps/v4/examples/base/accordion-basic.tsx b/apps/v4/examples/base/accordion-basic.tsx index e9c69ec3da..1d5a096c31 100644 --- a/apps/v4/examples/base/accordion-basic.tsx +++ b/apps/v4/examples/base/accordion-basic.tsx @@ -3,7 +3,7 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui/accordion" +} from "@/examples/base/ui/accordion" const items = [ { diff --git a/apps/v4/examples/base/accordion-borders.tsx b/apps/v4/examples/base/accordion-borders.tsx index 17b700bbee..70bcb4275f 100644 --- a/apps/v4/examples/base/accordion-borders.tsx +++ b/apps/v4/examples/base/accordion-borders.tsx @@ -3,7 +3,7 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui/accordion" +} from "@/examples/base/ui/accordion" const items = [ { diff --git a/apps/v4/examples/base/accordion-card.tsx b/apps/v4/examples/base/accordion-card.tsx index 663d57eb4f..b226f843f2 100644 --- a/apps/v4/examples/base/accordion-card.tsx +++ b/apps/v4/examples/base/accordion-card.tsx @@ -3,14 +3,14 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui/accordion" +} from "@/examples/base/ui/accordion" import { Card, CardContent, CardDescription, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" +} from "@/examples/base/ui/card" const items = [ { diff --git a/apps/v4/examples/base/accordion-demo.tsx b/apps/v4/examples/base/accordion-demo.tsx index 5649d267fe..f5476abe62 100644 --- a/apps/v4/examples/base/accordion-demo.tsx +++ b/apps/v4/examples/base/accordion-demo.tsx @@ -3,7 +3,7 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui/accordion" +} from "@/examples/base/ui/accordion" export default function AccordionDemo() { return ( diff --git a/apps/v4/examples/base/accordion-disabled.tsx b/apps/v4/examples/base/accordion-disabled.tsx index 17a3f90d8b..26a3fe12b4 100644 --- a/apps/v4/examples/base/accordion-disabled.tsx +++ b/apps/v4/examples/base/accordion-disabled.tsx @@ -3,7 +3,7 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui/accordion" +} from "@/examples/base/ui/accordion" export default function AccordionDisabled() { return ( diff --git a/apps/v4/examples/base/accordion-multiple.tsx b/apps/v4/examples/base/accordion-multiple.tsx index 9bd4918e2d..2243aa4e35 100644 --- a/apps/v4/examples/base/accordion-multiple.tsx +++ b/apps/v4/examples/base/accordion-multiple.tsx @@ -3,7 +3,7 @@ import { AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui/accordion" +} from "@/examples/base/ui/accordion" const items = [ { diff --git a/apps/v4/examples/base/accordion-rtl.tsx b/apps/v4/examples/base/accordion-rtl.tsx index 8600990fda..500e89cac9 100644 --- a/apps/v4/examples/base/accordion-rtl.tsx +++ b/apps/v4/examples/base/accordion-rtl.tsx @@ -1,17 +1,17 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Accordion, AccordionContent, AccordionItem, AccordionTrigger, -} from "@/styles/base-nova/ui-rtl/accordion" +} from "@/examples/base/ui-rtl/accordion" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/alert-action.tsx b/apps/v4/examples/base/alert-action.tsx index 8444592176..a31d59241f 100644 --- a/apps/v4/examples/base/alert-action.tsx +++ b/apps/v4/examples/base/alert-action.tsx @@ -3,8 +3,8 @@ import { AlertAction, AlertDescription, AlertTitle, -} from "@/styles/base-nova/ui/alert" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert" +import { Button } from "@/examples/base/ui/button" export default function AlertActionExample() { return ( diff --git a/apps/v4/examples/base/alert-basic.tsx b/apps/v4/examples/base/alert-basic.tsx index 2d09927f65..1c68968765 100644 --- a/apps/v4/examples/base/alert-basic.tsx +++ b/apps/v4/examples/base/alert-basic.tsx @@ -1,11 +1,6 @@ +import { Alert, AlertDescription, AlertTitle } from "@/examples/base/ui/alert" import { CheckCircle2Icon } from "lucide-react" -import { - Alert, - AlertDescription, - AlertTitle, -} from "@/styles/base-nova/ui/alert" - export default function AlertBasic() { return ( diff --git a/apps/v4/examples/base/alert-colors.tsx b/apps/v4/examples/base/alert-colors.tsx index 6788aa0fc0..1cf1fcaff6 100644 --- a/apps/v4/examples/base/alert-colors.tsx +++ b/apps/v4/examples/base/alert-colors.tsx @@ -1,11 +1,6 @@ +import { Alert, AlertDescription, AlertTitle } from "@/examples/base/ui/alert" import { AlertTriangleIcon } from "lucide-react" -import { - Alert, - AlertDescription, - AlertTitle, -} from "@/styles/base-nova/ui/alert" - export default function AlertColors() { return ( diff --git a/apps/v4/examples/base/alert-demo.tsx b/apps/v4/examples/base/alert-demo.tsx index 2b017d056a..129e2f7b7a 100644 --- a/apps/v4/examples/base/alert-demo.tsx +++ b/apps/v4/examples/base/alert-demo.tsx @@ -1,11 +1,6 @@ +import { Alert, AlertDescription, AlertTitle } from "@/examples/base/ui/alert" import { CheckCircle2Icon, InfoIcon } from "lucide-react" -import { - Alert, - AlertDescription, - AlertTitle, -} from "@/styles/base-nova/ui/alert" - export default function AlertDemo() { return (
diff --git a/apps/v4/examples/base/alert-destructive.tsx b/apps/v4/examples/base/alert-destructive.tsx index 409e9340d6..052a0da5a4 100644 --- a/apps/v4/examples/base/alert-destructive.tsx +++ b/apps/v4/examples/base/alert-destructive.tsx @@ -1,11 +1,6 @@ +import { Alert, AlertDescription, AlertTitle } from "@/examples/base/ui/alert" import { AlertCircleIcon } from "lucide-react" -import { - Alert, - AlertDescription, - AlertTitle, -} from "@/styles/base-nova/ui/alert" - export default function AlertDestructive() { return ( diff --git a/apps/v4/examples/base/alert-dialog-basic.tsx b/apps/v4/examples/base/alert-dialog-basic.tsx index d08253cb06..e7244dd074 100644 --- a/apps/v4/examples/base/alert-dialog-basic.tsx +++ b/apps/v4/examples/base/alert-dialog-basic.tsx @@ -8,8 +8,8 @@ import { AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui/alert-dialog" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert-dialog" +import { Button } from "@/examples/base/ui/button" export function AlertDialogBasic() { return ( diff --git a/apps/v4/examples/base/alert-dialog-demo.tsx b/apps/v4/examples/base/alert-dialog-demo.tsx index aa307e0008..df67a8dc38 100644 --- a/apps/v4/examples/base/alert-dialog-demo.tsx +++ b/apps/v4/examples/base/alert-dialog-demo.tsx @@ -8,8 +8,8 @@ import { AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui/alert-dialog" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert-dialog" +import { Button } from "@/examples/base/ui/button" export default function AlertDialogDemo() { return ( diff --git a/apps/v4/examples/base/alert-dialog-destructive.tsx b/apps/v4/examples/base/alert-dialog-destructive.tsx index 5a3d89d19b..3f76f1cd87 100644 --- a/apps/v4/examples/base/alert-dialog-destructive.tsx +++ b/apps/v4/examples/base/alert-dialog-destructive.tsx @@ -1,5 +1,3 @@ -import { Trash2Icon } from "lucide-react" - import { AlertDialog, AlertDialogAction, @@ -11,8 +9,9 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui/alert-dialog" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert-dialog" +import { Button } from "@/examples/base/ui/button" +import { Trash2Icon } from "lucide-react" export function AlertDialogDestructive() { return ( diff --git a/apps/v4/examples/base/alert-dialog-media.tsx b/apps/v4/examples/base/alert-dialog-media.tsx index 1228cbc2eb..efb0d41fa1 100644 --- a/apps/v4/examples/base/alert-dialog-media.tsx +++ b/apps/v4/examples/base/alert-dialog-media.tsx @@ -1,5 +1,3 @@ -import { CircleFadingPlusIcon } from "lucide-react" - import { AlertDialog, AlertDialogAction, @@ -11,8 +9,9 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui/alert-dialog" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert-dialog" +import { Button } from "@/examples/base/ui/button" +import { CircleFadingPlusIcon } from "lucide-react" export function AlertDialogWithMedia() { return ( diff --git a/apps/v4/examples/base/alert-dialog-rtl.tsx b/apps/v4/examples/base/alert-dialog-rtl.tsx index dbe7b7aad9..d587d28b74 100644 --- a/apps/v4/examples/base/alert-dialog-rtl.tsx +++ b/apps/v4/examples/base/alert-dialog-rtl.tsx @@ -1,11 +1,5 @@ "use client" -import { BluetoothIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { AlertDialog, AlertDialogAction, @@ -17,8 +11,14 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui-rtl/alert-dialog" -import { Button } from "@/styles/base-nova/ui-rtl/button" +} from "@/examples/base/ui-rtl/alert-dialog" +import { Button } from "@/examples/base/ui-rtl/button" +import { BluetoothIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/alert-dialog-small-media.tsx b/apps/v4/examples/base/alert-dialog-small-media.tsx index 4ac3f3e693..8aed89c2b8 100644 --- a/apps/v4/examples/base/alert-dialog-small-media.tsx +++ b/apps/v4/examples/base/alert-dialog-small-media.tsx @@ -1,5 +1,3 @@ -import { BluetoothIcon } from "lucide-react" - import { AlertDialog, AlertDialogAction, @@ -11,8 +9,9 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui/alert-dialog" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert-dialog" +import { Button } from "@/examples/base/ui/button" +import { BluetoothIcon } from "lucide-react" export function AlertDialogSmallWithMedia() { return ( diff --git a/apps/v4/examples/base/alert-dialog-small.tsx b/apps/v4/examples/base/alert-dialog-small.tsx index 9b34af3bba..755b736883 100644 --- a/apps/v4/examples/base/alert-dialog-small.tsx +++ b/apps/v4/examples/base/alert-dialog-small.tsx @@ -8,8 +8,8 @@ import { AlertDialogHeader, AlertDialogTitle, AlertDialogTrigger, -} from "@/styles/base-nova/ui/alert-dialog" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/alert-dialog" +import { Button } from "@/examples/base/ui/button" export function AlertDialogSmall() { return ( diff --git a/apps/v4/examples/base/alert-rtl.tsx b/apps/v4/examples/base/alert-rtl.tsx index 25be8abb82..ef6b5c7bca 100644 --- a/apps/v4/examples/base/alert-rtl.tsx +++ b/apps/v4/examples/base/alert-rtl.tsx @@ -1,17 +1,17 @@ "use client" import * as React from "react" +import { + Alert, + AlertDescription, + AlertTitle, +} from "@/examples/base/ui-rtl/alert" import { CheckCircle2Icon, InfoIcon } from "lucide-react" import { useTranslation, type Translations, } from "@/components/language-selector" -import { - Alert, - AlertDescription, - AlertTitle, -} from "@/styles/base-nova/ui-rtl/alert" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/aspect-ratio-demo.tsx b/apps/v4/examples/base/aspect-ratio-demo.tsx index 2e4623d782..dd07b6f6cb 100644 --- a/apps/v4/examples/base/aspect-ratio-demo.tsx +++ b/apps/v4/examples/base/aspect-ratio-demo.tsx @@ -1,6 +1,5 @@ import Image from "next/image" - -import { AspectRatio } from "@/styles/base-nova/ui/aspect-ratio" +import { AspectRatio } from "@/examples/base/ui/aspect-ratio" export default function AspectRatioDemo() { return ( diff --git a/apps/v4/examples/base/aspect-ratio-portrait.tsx b/apps/v4/examples/base/aspect-ratio-portrait.tsx index 93424bd141..468f137fc7 100644 --- a/apps/v4/examples/base/aspect-ratio-portrait.tsx +++ b/apps/v4/examples/base/aspect-ratio-portrait.tsx @@ -1,6 +1,5 @@ import Image from "next/image" - -import { AspectRatio } from "@/styles/base-nova/ui/aspect-ratio" +import { AspectRatio } from "@/examples/base/ui/aspect-ratio" export function AspectRatioPortrait() { return ( diff --git a/apps/v4/examples/base/aspect-ratio-rtl.tsx b/apps/v4/examples/base/aspect-ratio-rtl.tsx index 8356a4fed8..cd65fc4010 100644 --- a/apps/v4/examples/base/aspect-ratio-rtl.tsx +++ b/apps/v4/examples/base/aspect-ratio-rtl.tsx @@ -2,12 +2,12 @@ import * as React from "react" import Image from "next/image" +import { AspectRatio } from "@/examples/base/ui-rtl/aspect-ratio" import { useTranslation, type Translations, } from "@/components/language-selector" -import { AspectRatio } from "@/styles/base-nova/ui-rtl/aspect-ratio" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/aspect-ratio-square.tsx b/apps/v4/examples/base/aspect-ratio-square.tsx index 27b3700e19..56dab50eb6 100644 --- a/apps/v4/examples/base/aspect-ratio-square.tsx +++ b/apps/v4/examples/base/aspect-ratio-square.tsx @@ -1,6 +1,5 @@ import Image from "next/image" - -import { AspectRatio } from "@/styles/base-nova/ui/aspect-ratio" +import { AspectRatio } from "@/examples/base/ui/aspect-ratio" export function AspectRatioSquare() { return ( diff --git a/apps/v4/examples/base/avatar-badge-icon.tsx b/apps/v4/examples/base/avatar-badge-icon.tsx index dbec018e6f..1cfb9ab8e0 100644 --- a/apps/v4/examples/base/avatar-badge-icon.tsx +++ b/apps/v4/examples/base/avatar-badge-icon.tsx @@ -1,11 +1,10 @@ -import { PlusIcon } from "lucide-react" - import { Avatar, AvatarBadge, AvatarFallback, AvatarImage, -} from "@/styles/base-nova/ui/avatar" +} from "@/examples/base/ui/avatar" +import { PlusIcon } from "lucide-react" export function AvatarBadgeIconExample() { return ( diff --git a/apps/v4/examples/base/avatar-badge.tsx b/apps/v4/examples/base/avatar-badge.tsx index 60fc256b97..143c667b60 100644 --- a/apps/v4/examples/base/avatar-badge.tsx +++ b/apps/v4/examples/base/avatar-badge.tsx @@ -3,7 +3,7 @@ import { AvatarBadge, AvatarFallback, AvatarImage, -} from "@/styles/base-nova/ui/avatar" +} from "@/examples/base/ui/avatar" export function AvatarWithBadge() { return ( diff --git a/apps/v4/examples/base/avatar-basic.tsx b/apps/v4/examples/base/avatar-basic.tsx index 5ed3f80c99..d61d0a7b58 100644 --- a/apps/v4/examples/base/avatar-basic.tsx +++ b/apps/v4/examples/base/avatar-basic.tsx @@ -1,8 +1,4 @@ -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" export default function AvatarDemo() { return ( diff --git a/apps/v4/examples/base/avatar-demo.tsx b/apps/v4/examples/base/avatar-demo.tsx index 9708099af0..a376cb1830 100644 --- a/apps/v4/examples/base/avatar-demo.tsx +++ b/apps/v4/examples/base/avatar-demo.tsx @@ -5,7 +5,7 @@ import { AvatarGroup, AvatarGroupCount, AvatarImage, -} from "@/styles/base-nova/ui/avatar" +} from "@/examples/base/ui/avatar" export default function AvatarDemo() { return ( diff --git a/apps/v4/examples/base/avatar-dropdown.tsx b/apps/v4/examples/base/avatar-dropdown.tsx index 034ffd46a1..df2160e021 100644 --- a/apps/v4/examples/base/avatar-dropdown.tsx +++ b/apps/v4/examples/base/avatar-dropdown.tsx @@ -1,11 +1,7 @@ "use client" -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -13,7 +9,7 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function AvatarDropdown() { return ( diff --git a/apps/v4/examples/base/avatar-group-count-icon.tsx b/apps/v4/examples/base/avatar-group-count-icon.tsx index 4d596c711b..bf6131e477 100644 --- a/apps/v4/examples/base/avatar-group-count-icon.tsx +++ b/apps/v4/examples/base/avatar-group-count-icon.tsx @@ -1,12 +1,11 @@ -import { PlusIcon } from "lucide-react" - import { Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, -} from "@/styles/base-nova/ui/avatar" +} from "@/examples/base/ui/avatar" +import { PlusIcon } from "lucide-react" export function AvatarGroupCountIconExample() { return ( diff --git a/apps/v4/examples/base/avatar-group-count.tsx b/apps/v4/examples/base/avatar-group-count.tsx index aa25e2607f..e056a37afc 100644 --- a/apps/v4/examples/base/avatar-group-count.tsx +++ b/apps/v4/examples/base/avatar-group-count.tsx @@ -4,7 +4,7 @@ import { AvatarGroup, AvatarGroupCount, AvatarImage, -} from "@/styles/base-nova/ui/avatar" +} from "@/examples/base/ui/avatar" export function AvatarGroupCountExample() { return ( diff --git a/apps/v4/examples/base/avatar-group.tsx b/apps/v4/examples/base/avatar-group.tsx index def22827f9..1a1dda672c 100644 --- a/apps/v4/examples/base/avatar-group.tsx +++ b/apps/v4/examples/base/avatar-group.tsx @@ -3,7 +3,7 @@ import { AvatarFallback, AvatarGroup, AvatarImage, -} from "@/styles/base-nova/ui/avatar" +} from "@/examples/base/ui/avatar" export function AvatarGroupExample() { return ( diff --git a/apps/v4/examples/base/avatar-rtl.tsx b/apps/v4/examples/base/avatar-rtl.tsx index 9905adaf40..48753c63b7 100644 --- a/apps/v4/examples/base/avatar-rtl.tsx +++ b/apps/v4/examples/base/avatar-rtl.tsx @@ -1,11 +1,6 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Avatar, AvatarBadge, @@ -13,7 +8,12 @@ import { AvatarGroup, AvatarGroupCount, AvatarImage, -} from "@/styles/base-nova/ui-rtl/avatar" +} from "@/examples/base/ui-rtl/avatar" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/avatar-size.tsx b/apps/v4/examples/base/avatar-size.tsx index 108ea23ec4..012b9244e9 100644 --- a/apps/v4/examples/base/avatar-size.tsx +++ b/apps/v4/examples/base/avatar-size.tsx @@ -1,8 +1,4 @@ -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" export function AvatarSizeExample() { return ( diff --git a/apps/v4/examples/base/badge-colors.tsx b/apps/v4/examples/base/badge-colors.tsx index 020683766e..da94dcbc55 100644 --- a/apps/v4/examples/base/badge-colors.tsx +++ b/apps/v4/examples/base/badge-colors.tsx @@ -1,4 +1,4 @@ -import { Badge } from "@/styles/base-nova/ui/badge" +import { Badge } from "@/examples/base/ui/badge" export function BadgeCustomColors() { return ( diff --git a/apps/v4/examples/base/badge-demo.tsx b/apps/v4/examples/base/badge-demo.tsx index e73e957936..4b60bafd96 100644 --- a/apps/v4/examples/base/badge-demo.tsx +++ b/apps/v4/examples/base/badge-demo.tsx @@ -1,4 +1,4 @@ -import { Badge } from "@/styles/base-nova/ui/badge" +import { Badge } from "@/examples/base/ui/badge" export default function BadgeDemo() { return ( diff --git a/apps/v4/examples/base/badge-icon.tsx b/apps/v4/examples/base/badge-icon.tsx index 8a66a500b4..9b3c2b78c1 100644 --- a/apps/v4/examples/base/badge-icon.tsx +++ b/apps/v4/examples/base/badge-icon.tsx @@ -1,7 +1,6 @@ +import { Badge } from "@/examples/base/ui/badge" import { BadgeCheck, BookmarkIcon } from "lucide-react" -import { Badge } from "@/styles/base-nova/ui/badge" - export function BadgeWithIconLeft() { return (
diff --git a/apps/v4/examples/base/badge-link.tsx b/apps/v4/examples/base/badge-link.tsx index 5695a56132..6df9f7027a 100644 --- a/apps/v4/examples/base/badge-link.tsx +++ b/apps/v4/examples/base/badge-link.tsx @@ -1,7 +1,6 @@ +import { Badge } from "@/examples/base/ui/badge" import { ArrowUpRightIcon } from "lucide-react" -import { Badge } from "@/styles/base-nova/ui/badge" - export function BadgeAsLink() { return ( }> diff --git a/apps/v4/examples/base/badge-rtl.tsx b/apps/v4/examples/base/badge-rtl.tsx index ceed6761d0..0b87263e6f 100644 --- a/apps/v4/examples/base/badge-rtl.tsx +++ b/apps/v4/examples/base/badge-rtl.tsx @@ -1,13 +1,13 @@ "use client" import * as React from "react" +import { Badge } from "@/examples/base/ui-rtl/badge" import { BadgeCheck, BookmarkIcon } from "lucide-react" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Badge } from "@/styles/base-nova/ui-rtl/badge" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/badge-spinner.tsx b/apps/v4/examples/base/badge-spinner.tsx index 47cb63b9db..77ebe92ae3 100644 --- a/apps/v4/examples/base/badge-spinner.tsx +++ b/apps/v4/examples/base/badge-spinner.tsx @@ -1,5 +1,5 @@ -import { Badge } from "@/styles/base-nova/ui/badge" -import { Spinner } from "@/styles/base-nova/ui/spinner" +import { Badge } from "@/examples/base/ui/badge" +import { Spinner } from "@/examples/base/ui/spinner" export function BadgeWithSpinner() { return ( diff --git a/apps/v4/examples/base/badge-variants.tsx b/apps/v4/examples/base/badge-variants.tsx index 862e9485c6..c7262fd475 100644 --- a/apps/v4/examples/base/badge-variants.tsx +++ b/apps/v4/examples/base/badge-variants.tsx @@ -1,4 +1,4 @@ -import { Badge } from "@/styles/base-nova/ui/badge" +import { Badge } from "@/examples/base/ui/badge" export function BadgeVariants() { return ( diff --git a/apps/v4/examples/base/breadcrumb-basic.tsx b/apps/v4/examples/base/breadcrumb-basic.tsx index 86593d749d..da3856ad57 100644 --- a/apps/v4/examples/base/breadcrumb-basic.tsx +++ b/apps/v4/examples/base/breadcrumb-basic.tsx @@ -5,7 +5,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui/breadcrumb" +} from "@/examples/base/ui/breadcrumb" export function BreadcrumbBasic() { return ( diff --git a/apps/v4/examples/base/breadcrumb-demo.tsx b/apps/v4/examples/base/breadcrumb-demo.tsx index 133500504d..ab8bb640ba 100644 --- a/apps/v4/examples/base/breadcrumb-demo.tsx +++ b/apps/v4/examples/base/breadcrumb-demo.tsx @@ -1,5 +1,4 @@ import Link from "next/link" - import { Breadcrumb, BreadcrumbEllipsis, @@ -8,15 +7,15 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui/breadcrumb" -import { Button } from "@/styles/base-nova/ui/button" +} from "@/examples/base/ui/breadcrumb" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function BreadcrumbDemo() { return ( diff --git a/apps/v4/examples/base/breadcrumb-dropdown.tsx b/apps/v4/examples/base/breadcrumb-dropdown.tsx index ee29b1c733..c7893d7843 100644 --- a/apps/v4/examples/base/breadcrumb-dropdown.tsx +++ b/apps/v4/examples/base/breadcrumb-dropdown.tsx @@ -1,6 +1,4 @@ import Link from "next/link" -import { ChevronDownIcon, DotIcon } from "lucide-react" - import { Breadcrumb, BreadcrumbItem, @@ -8,14 +6,15 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui/breadcrumb" +} from "@/examples/base/ui/breadcrumb" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { ChevronDownIcon, DotIcon } from "lucide-react" export function BreadcrumbDropdown() { return ( diff --git a/apps/v4/examples/base/breadcrumb-ellipsis.tsx b/apps/v4/examples/base/breadcrumb-ellipsis.tsx index bd2953a37c..50bebd6c71 100644 --- a/apps/v4/examples/base/breadcrumb-ellipsis.tsx +++ b/apps/v4/examples/base/breadcrumb-ellipsis.tsx @@ -1,5 +1,4 @@ import Link from "next/link" - import { Breadcrumb, BreadcrumbEllipsis, @@ -8,7 +7,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui/breadcrumb" +} from "@/examples/base/ui/breadcrumb" export function BreadcrumbEllipsisDemo() { return ( diff --git a/apps/v4/examples/base/breadcrumb-link.tsx b/apps/v4/examples/base/breadcrumb-link.tsx index 2fee29fb29..192b3b6fac 100644 --- a/apps/v4/examples/base/breadcrumb-link.tsx +++ b/apps/v4/examples/base/breadcrumb-link.tsx @@ -1,5 +1,4 @@ import Link from "next/link" - import { Breadcrumb, BreadcrumbItem, @@ -7,7 +6,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui/breadcrumb" +} from "@/examples/base/ui/breadcrumb" export function BreadcrumbLinkDemo() { return ( diff --git a/apps/v4/examples/base/breadcrumb-rtl.tsx b/apps/v4/examples/base/breadcrumb-rtl.tsx index 5fce1eab3b..9ac803b078 100644 --- a/apps/v4/examples/base/breadcrumb-rtl.tsx +++ b/apps/v4/examples/base/breadcrumb-rtl.tsx @@ -1,12 +1,6 @@ "use client" import Link from "next/link" -import { ChevronDownIcon, DotIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Breadcrumb, BreadcrumbItem, @@ -14,14 +8,20 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui-rtl/breadcrumb" +} from "@/examples/base/ui-rtl/breadcrumb" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" +} from "@/examples/base/ui-rtl/dropdown-menu" +import { ChevronDownIcon, DotIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/breadcrumb-separator.tsx b/apps/v4/examples/base/breadcrumb-separator.tsx index 6003caf12d..e623e45b50 100644 --- a/apps/v4/examples/base/breadcrumb-separator.tsx +++ b/apps/v4/examples/base/breadcrumb-separator.tsx @@ -1,6 +1,4 @@ import Link from "next/link" -import { DotIcon } from "lucide-react" - import { Breadcrumb, BreadcrumbItem, @@ -8,7 +6,8 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/styles/base-nova/ui/breadcrumb" +} from "@/examples/base/ui/breadcrumb" +import { DotIcon } from "lucide-react" export function BreadcrumbSeparatorDemo() { return ( diff --git a/apps/v4/examples/base/button-default.tsx b/apps/v4/examples/base/button-default.tsx index a4324e737c..ae793ba77b 100644 --- a/apps/v4/examples/base/button-default.tsx +++ b/apps/v4/examples/base/button-default.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" export default function ButtonDefault() { return diff --git a/apps/v4/examples/base/button-demo.tsx b/apps/v4/examples/base/button-demo.tsx index 0001743826..319b0ed827 100644 --- a/apps/v4/examples/base/button-demo.tsx +++ b/apps/v4/examples/base/button-demo.tsx @@ -1,7 +1,6 @@ +import { Button } from "@/examples/base/ui/button" import { ArrowUpIcon } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" - export default function ButtonDemo() { return (
diff --git a/apps/v4/examples/base/button-destructive.tsx b/apps/v4/examples/base/button-destructive.tsx index 50168ea592..fea2de2164 100644 --- a/apps/v4/examples/base/button-destructive.tsx +++ b/apps/v4/examples/base/button-destructive.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" export default function ButtonDestructive() { return diff --git a/apps/v4/examples/base/button-ghost.tsx b/apps/v4/examples/base/button-ghost.tsx index e02eab4a9e..76870d0ebb 100644 --- a/apps/v4/examples/base/button-ghost.tsx +++ b/apps/v4/examples/base/button-ghost.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" export default function ButtonGhost() { return diff --git a/apps/v4/examples/base/button-group-demo.tsx b/apps/v4/examples/base/button-group-demo.tsx index 629ef02114..e648c0bd9f 100644 --- a/apps/v4/examples/base/button-group-demo.tsx +++ b/apps/v4/examples/base/button-group-demo.tsx @@ -1,20 +1,8 @@ "use client" import * as React from "react" -import { - ArchiveIcon, - ArrowLeftIcon, - CalendarPlusIcon, - ClockIcon, - ListFilterIcon, - MailCheckIcon, - MoreHorizontalIcon, - TagIcon, - Trash2Icon, -} from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" import { DropdownMenu, DropdownMenuContent, @@ -27,7 +15,18 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { + ArchiveIcon, + ArrowLeftIcon, + CalendarPlusIcon, + ClockIcon, + ListFilterIcon, + MailCheckIcon, + MoreHorizontalIcon, + TagIcon, + Trash2Icon, +} from "lucide-react" export default function ButtonGroupDemo() { const [label, setLabel] = React.useState("personal") diff --git a/apps/v4/examples/base/button-group-dropdown.tsx b/apps/v4/examples/base/button-group-dropdown.tsx index 824ba0c41f..43f96e23b4 100644 --- a/apps/v4/examples/base/button-group-dropdown.tsx +++ b/apps/v4/examples/base/button-group-dropdown.tsx @@ -1,5 +1,15 @@ "use client" +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/examples/base/ui/dropdown-menu" import { AlertTriangleIcon, CheckIcon, @@ -11,17 +21,6 @@ import { VolumeOffIcon, } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" - export default function ButtonGroupDropdown() { return ( diff --git a/apps/v4/examples/base/button-group-input-group.tsx b/apps/v4/examples/base/button-group-input-group.tsx index ddf5dc0d75..61d65dec8f 100644 --- a/apps/v4/examples/base/button-group-input-group.tsx +++ b/apps/v4/examples/base/button-group-input-group.tsx @@ -1,21 +1,20 @@ "use client" import * as React from "react" -import { AudioLinesIcon, PlusIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui/tooltip" +} from "@/examples/base/ui/tooltip" +import { AudioLinesIcon, PlusIcon } from "lucide-react" export default function ButtonGroupInputGroup() { const [voiceEnabled, setVoiceEnabled] = React.useState(false) diff --git a/apps/v4/examples/base/button-group-input.tsx b/apps/v4/examples/base/button-group-input.tsx index d25a487d0c..ae6a7ad425 100644 --- a/apps/v4/examples/base/button-group-input.tsx +++ b/apps/v4/examples/base/button-group-input.tsx @@ -1,9 +1,8 @@ +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" +import { Input } from "@/examples/base/ui/input" import { SearchIcon } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" -import { Input } from "@/styles/base-nova/ui/input" - export default function ButtonGroupInput() { return ( diff --git a/apps/v4/examples/base/button-group-nested.tsx b/apps/v4/examples/base/button-group-nested.tsx index 39a8b122d7..1590c091d2 100644 --- a/apps/v4/examples/base/button-group-nested.tsx +++ b/apps/v4/examples/base/button-group-nested.tsx @@ -1,18 +1,17 @@ -import { AudioLinesIcon, PlusIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" -import { Input } from "@/styles/base-nova/ui/input" +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" +import { Input } from "@/examples/base/ui/input" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui/tooltip" +} from "@/examples/base/ui/tooltip" +import { AudioLinesIcon, PlusIcon } from "lucide-react" export function ButtonGroupNested() { return ( diff --git a/apps/v4/examples/base/button-group-orientation.tsx b/apps/v4/examples/base/button-group-orientation.tsx index 122ad78d53..c882bfb4c0 100644 --- a/apps/v4/examples/base/button-group-orientation.tsx +++ b/apps/v4/examples/base/button-group-orientation.tsx @@ -1,8 +1,7 @@ +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" import { MinusIcon, PlusIcon } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" - export default function ButtonGroupOrientation() { return ( diff --git a/apps/v4/examples/base/button-group-split.tsx b/apps/v4/examples/base/button-group-split.tsx index a9237d7644..9072b890d1 100644 --- a/apps/v4/examples/base/button-group-split.tsx +++ b/apps/v4/examples/base/button-group-split.tsx @@ -1,10 +1,9 @@ -import { IconPlus } from "@tabler/icons-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { ButtonGroup, ButtonGroupSeparator, -} from "@/styles/base-nova/ui/button-group" +} from "@/examples/base/ui/button-group" +import { IconPlus } from "@tabler/icons-react" export default function ButtonGroupSplit() { return ( diff --git a/apps/v4/examples/base/button-icon.tsx b/apps/v4/examples/base/button-icon.tsx index e004712d56..6504483f7e 100644 --- a/apps/v4/examples/base/button-icon.tsx +++ b/apps/v4/examples/base/button-icon.tsx @@ -1,7 +1,6 @@ +import { Button } from "@/examples/base/ui/button" import { CircleFadingArrowUpIcon } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" - export default function ButtonIcon() { return ( diff --git a/apps/v4/examples/base/button-outline.tsx b/apps/v4/examples/base/button-outline.tsx index b642b78c20..d809bb38b3 100644 --- a/apps/v4/examples/base/button-outline.tsx +++ b/apps/v4/examples/base/button-outline.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" export default function ButtonOutline() { return diff --git a/apps/v4/examples/base/button-render.tsx b/apps/v4/examples/base/button-render.tsx index 4cf34fd579..704362487d 100644 --- a/apps/v4/examples/base/button-render.tsx +++ b/apps/v4/examples/base/button-render.tsx @@ -1,6 +1,6 @@ "use client" -import { buttonVariants } from "@/styles/base-nova/ui/button" +import { buttonVariants } from "@/examples/base/ui/button" export default function ButtonRender() { return ( diff --git a/apps/v4/examples/base/button-rounded.tsx b/apps/v4/examples/base/button-rounded.tsx index 0067b28246..7d9cfb4ef8 100644 --- a/apps/v4/examples/base/button-rounded.tsx +++ b/apps/v4/examples/base/button-rounded.tsx @@ -1,7 +1,6 @@ +import { Button } from "@/examples/base/ui/button" import { ArrowUpIcon } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" - export default function ButtonRounded() { return (
diff --git a/apps/v4/examples/base/button-rtl.tsx b/apps/v4/examples/base/button-rtl.tsx index 2f7cd3e855..0b221b5215 100644 --- a/apps/v4/examples/base/button-rtl.tsx +++ b/apps/v4/examples/base/button-rtl.tsx @@ -1,13 +1,13 @@ "use client" +import { Button } from "@/examples/base/ui-rtl/button" +import { Spinner } from "@/examples/base/ui-rtl/spinner" import { ArrowRightIcon, PlusIcon } from "lucide-react" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { Spinner } from "@/styles/base-nova/ui-rtl/spinner" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/button-secondary.tsx b/apps/v4/examples/base/button-secondary.tsx index aa84568e21..6e0c200d34 100644 --- a/apps/v4/examples/base/button-secondary.tsx +++ b/apps/v4/examples/base/button-secondary.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" export default function ButtonSecondary() { return diff --git a/apps/v4/examples/base/button-size.tsx b/apps/v4/examples/base/button-size.tsx index 7b07c48a42..cec3e0450d 100644 --- a/apps/v4/examples/base/button-size.tsx +++ b/apps/v4/examples/base/button-size.tsx @@ -1,7 +1,6 @@ +import { Button } from "@/examples/base/ui/button" import { ArrowUpRightIcon } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" - export default function ButtonSize() { return (
diff --git a/apps/v4/examples/base/button-spinner.tsx b/apps/v4/examples/base/button-spinner.tsx index 96d5b6fc18..281ca73806 100644 --- a/apps/v4/examples/base/button-spinner.tsx +++ b/apps/v4/examples/base/button-spinner.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Spinner } from "@/styles/base-nova/ui/spinner" +import { Button } from "@/examples/base/ui/button" +import { Spinner } from "@/examples/base/ui/spinner" export default function ButtonLoading() { return ( diff --git a/apps/v4/examples/base/button-with-icon.tsx b/apps/v4/examples/base/button-with-icon.tsx index 66d902fd58..4f902ea688 100644 --- a/apps/v4/examples/base/button-with-icon.tsx +++ b/apps/v4/examples/base/button-with-icon.tsx @@ -1,7 +1,6 @@ +import { Button } from "@/examples/base/ui/button" import { IconGitBranch, IconGitFork } from "@tabler/icons-react" -import { Button } from "@/styles/base-nova/ui/button" - export default function ButtonWithIcon() { return (
diff --git a/apps/v4/examples/base/calendar-basic.tsx b/apps/v4/examples/base/calendar-basic.tsx index 9d26313026..f079877665 100644 --- a/apps/v4/examples/base/calendar-basic.tsx +++ b/apps/v4/examples/base/calendar-basic.tsx @@ -1,6 +1,6 @@ "use client" -import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Calendar } from "@/examples/base/ui/calendar" export default function CalendarBasic() { return diff --git a/apps/v4/examples/base/calendar-booked-dates.tsx b/apps/v4/examples/base/calendar-booked-dates.tsx index 9b57c6e5b2..83eb7e78c5 100644 --- a/apps/v4/examples/base/calendar-booked-dates.tsx +++ b/apps/v4/examples/base/calendar-booked-dates.tsx @@ -1,9 +1,8 @@ "use client" import * as React from "react" - -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Calendar } from "@/examples/base/ui/calendar" +import { Card, CardContent } from "@/examples/base/ui/card" export function CalendarBookedDates() { const [date, setDate] = React.useState( diff --git a/apps/v4/examples/base/calendar-caption.tsx b/apps/v4/examples/base/calendar-caption.tsx index 2313a71db0..84f6ed00d0 100644 --- a/apps/v4/examples/base/calendar-caption.tsx +++ b/apps/v4/examples/base/calendar-caption.tsx @@ -1,6 +1,6 @@ "use client" -import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Calendar } from "@/examples/base/ui/calendar" export function CalendarCaption() { return ( diff --git a/apps/v4/examples/base/calendar-custom-days.tsx b/apps/v4/examples/base/calendar-custom-days.tsx index 621e927c6c..589176c28e 100644 --- a/apps/v4/examples/base/calendar-custom-days.tsx +++ b/apps/v4/examples/base/calendar-custom-days.tsx @@ -1,12 +1,11 @@ "use client" import * as React from "react" +import { Calendar, CalendarDayButton } from "@/examples/base/ui/calendar" +import { Card, CardContent } from "@/examples/base/ui/card" import { addDays } from "date-fns" import { type DateRange } from "react-day-picker" -import { Calendar, CalendarDayButton } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent } from "@/styles/base-nova/ui/card" - export function CalendarCustomDays() { const [range, setRange] = React.useState({ from: new Date(new Date().getFullYear(), 11, 8), diff --git a/apps/v4/examples/base/calendar-demo.tsx b/apps/v4/examples/base/calendar-demo.tsx index f2a047238b..3f77c88bab 100644 --- a/apps/v4/examples/base/calendar-demo.tsx +++ b/apps/v4/examples/base/calendar-demo.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Calendar } from "@/examples/base/ui/calendar" export default function CalendarDemo() { const [date, setDate] = React.useState(new Date()) diff --git a/apps/v4/examples/base/calendar-hijri.tsx b/apps/v4/examples/base/calendar-hijri.tsx index 3b06e4ddb8..78f70b111b 100644 --- a/apps/v4/examples/base/calendar-hijri.tsx +++ b/apps/v4/examples/base/calendar-hijri.tsx @@ -2,6 +2,7 @@ import * as React from "react" import { Vazirmatn } from "next/font/google" +import { Button, buttonVariants } from "@/examples/base/ui/button" import { ChevronDownIcon, ChevronLeftIcon, @@ -11,7 +12,6 @@ import { getDefaultClassNames, type DayButton } from "react-day-picker" import { DayPicker } from "react-day-picker/persian" import { cn } from "@/lib/utils" -import { Button, buttonVariants } from "@/styles/base-nova/ui/button" const vazirmatn = Vazirmatn({ subsets: ["arabic"] }) diff --git a/apps/v4/examples/base/calendar-multiple.tsx b/apps/v4/examples/base/calendar-multiple.tsx index bfa8f2ffe9..4506ceafc4 100644 --- a/apps/v4/examples/base/calendar-multiple.tsx +++ b/apps/v4/examples/base/calendar-multiple.tsx @@ -1,5 +1,5 @@ -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Calendar } from "@/examples/base/ui/calendar" +import { Card, CardContent } from "@/examples/base/ui/card" export function CalendarMultiple() { return ( diff --git a/apps/v4/examples/base/calendar-presets.tsx b/apps/v4/examples/base/calendar-presets.tsx index 4dfb8cf904..794cc6ff73 100644 --- a/apps/v4/examples/base/calendar-presets.tsx +++ b/apps/v4/examples/base/calendar-presets.tsx @@ -1,12 +1,11 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" +import { Card, CardContent, CardFooter } from "@/examples/base/ui/card" import { addDays } from "date-fns" -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent, CardFooter } from "@/styles/base-nova/ui/card" - export function CalendarWithPresets() { const [date, setDate] = React.useState( new Date(new Date().getFullYear(), 1, 12) diff --git a/apps/v4/examples/base/calendar-range.tsx b/apps/v4/examples/base/calendar-range.tsx index de0599becb..844e023804 100644 --- a/apps/v4/examples/base/calendar-range.tsx +++ b/apps/v4/examples/base/calendar-range.tsx @@ -1,12 +1,11 @@ "use client" import * as React from "react" +import { Calendar } from "@/examples/base/ui/calendar" +import { Card, CardContent } from "@/examples/base/ui/card" import { addDays } from "date-fns" import { type DateRange } from "react-day-picker" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent } from "@/styles/base-nova/ui/card" - export function CalendarRange() { const [dateRange, setDateRange] = React.useState({ from: new Date(new Date().getFullYear(), 0, 12), diff --git a/apps/v4/examples/base/calendar-rtl.tsx b/apps/v4/examples/base/calendar-rtl.tsx index b37333afd2..aa6d69a4f0 100644 --- a/apps/v4/examples/base/calendar-rtl.tsx +++ b/apps/v4/examples/base/calendar-rtl.tsx @@ -1,13 +1,13 @@ "use client" import * as React from "react" +import { Calendar } from "@/examples/base/ui-rtl/calendar" import { arSA, he } from "react-day-picker/locale" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Calendar } from "@/styles/base-nova/ui-rtl/calendar" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/calendar-time.tsx b/apps/v4/examples/base/calendar-time.tsx index dcf59f6cd0..7bfd5dff3f 100644 --- a/apps/v4/examples/base/calendar-time.tsx +++ b/apps/v4/examples/base/calendar-time.tsx @@ -1,16 +1,15 @@ "use client" import * as React from "react" -import { Clock2Icon } from "lucide-react" - -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent, CardFooter } from "@/styles/base-nova/ui/card" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Calendar } from "@/examples/base/ui/calendar" +import { Card, CardContent, CardFooter } from "@/examples/base/ui/card" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { Clock2Icon } from "lucide-react" export function CalendarWithTime() { const [date, setDate] = React.useState( diff --git a/apps/v4/examples/base/calendar-week-numbers.tsx b/apps/v4/examples/base/calendar-week-numbers.tsx index d0e78f26e6..e176f90fde 100644 --- a/apps/v4/examples/base/calendar-week-numbers.tsx +++ b/apps/v4/examples/base/calendar-week-numbers.tsx @@ -1,9 +1,8 @@ "use client" import * as React from "react" - -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Calendar } from "@/examples/base/ui/calendar" +import { Card, CardContent } from "@/examples/base/ui/card" export function CalendarWeekNumbers() { const [date, setDate] = React.useState( diff --git a/apps/v4/examples/base/card-demo.tsx b/apps/v4/examples/base/card-demo.tsx index 5080f0370f..ad56445691 100644 --- a/apps/v4/examples/base/card-demo.tsx +++ b/apps/v4/examples/base/card-demo.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Card, CardAction, @@ -7,9 +7,9 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" -import { Input } from "@/styles/base-nova/ui/input" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/card" +import { Input } from "@/examples/base/ui/input" +import { Label } from "@/examples/base/ui/label" export default function CardDemo() { return ( diff --git a/apps/v4/examples/base/card-image.tsx b/apps/v4/examples/base/card-image.tsx index e89b487702..02cce3c38b 100644 --- a/apps/v4/examples/base/card-image.tsx +++ b/apps/v4/examples/base/card-image.tsx @@ -1,5 +1,5 @@ -import { Badge } from "@/styles/base-nova/ui/badge" -import { Button } from "@/styles/base-nova/ui/button" +import { Badge } from "@/examples/base/ui/badge" +import { Button } from "@/examples/base/ui/button" import { Card, CardAction, @@ -7,7 +7,7 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" +} from "@/examples/base/ui/card" export function CardImage() { return ( diff --git a/apps/v4/examples/base/card-rtl.tsx b/apps/v4/examples/base/card-rtl.tsx index 76035b46cb..b581c8e740 100644 --- a/apps/v4/examples/base/card-rtl.tsx +++ b/apps/v4/examples/base/card-rtl.tsx @@ -1,12 +1,7 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Card, CardAction, @@ -15,9 +10,14 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/styles/base-nova/ui-rtl/card" -import { Input } from "@/styles/base-nova/ui-rtl/input" -import { Label } from "@/styles/base-nova/ui-rtl/label" +} from "@/examples/base/ui-rtl/card" +import { Input } from "@/examples/base/ui-rtl/input" +import { Label } from "@/examples/base/ui-rtl/label" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/card-small.tsx b/apps/v4/examples/base/card-small.tsx index 5d88905d35..12af49512d 100644 --- a/apps/v4/examples/base/card-small.tsx +++ b/apps/v4/examples/base/card-small.tsx @@ -1,6 +1,4 @@ -import { ChevronRightIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Card, CardContent, @@ -8,7 +6,8 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" +} from "@/examples/base/ui/card" +import { ChevronRightIcon } from "lucide-react" export function CardSmall() { const featureName = "Scheduled reports" diff --git a/apps/v4/examples/base/carousel-api.tsx b/apps/v4/examples/base/carousel-api.tsx index 94f09e8b03..eedba13226 100644 --- a/apps/v4/examples/base/carousel-api.tsx +++ b/apps/v4/examples/base/carousel-api.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, @@ -10,7 +9,7 @@ import { CarouselNext, CarouselPrevious, type CarouselApi, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" export default function CarouselDApiDemo() { const [api, setApi] = React.useState() diff --git a/apps/v4/examples/base/carousel-demo.tsx b/apps/v4/examples/base/carousel-demo.tsx index 17d5010743..e5dc70761e 100644 --- a/apps/v4/examples/base/carousel-demo.tsx +++ b/apps/v4/examples/base/carousel-demo.tsx @@ -1,13 +1,12 @@ import * as React from "react" - -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" export default function CarouselDemo() { return ( diff --git a/apps/v4/examples/base/carousel-multiple.tsx b/apps/v4/examples/base/carousel-multiple.tsx index b9910f5583..e0b96001eb 100644 --- a/apps/v4/examples/base/carousel-multiple.tsx +++ b/apps/v4/examples/base/carousel-multiple.tsx @@ -1,11 +1,11 @@ -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" export function CarouselMultiple() { return ( diff --git a/apps/v4/examples/base/carousel-orientation.tsx b/apps/v4/examples/base/carousel-orientation.tsx index 7cc878fbb7..eabd2f2e7c 100644 --- a/apps/v4/examples/base/carousel-orientation.tsx +++ b/apps/v4/examples/base/carousel-orientation.tsx @@ -1,13 +1,12 @@ import * as React from "react" - -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" export default function CarouselOrientation() { return ( diff --git a/apps/v4/examples/base/carousel-plugin.tsx b/apps/v4/examples/base/carousel-plugin.tsx index 9a433259e5..311a4a14ac 100644 --- a/apps/v4/examples/base/carousel-plugin.tsx +++ b/apps/v4/examples/base/carousel-plugin.tsx @@ -1,16 +1,15 @@ "use client" import * as React from "react" -import Autoplay from "embla-carousel-autoplay" - -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" +import Autoplay from "embla-carousel-autoplay" export default function CarouselPlugin() { const plugin = React.useRef( diff --git a/apps/v4/examples/base/carousel-rtl.tsx b/apps/v4/examples/base/carousel-rtl.tsx index 4bcebb95a3..6b5654beb8 100644 --- a/apps/v4/examples/base/carousel-rtl.tsx +++ b/apps/v4/examples/base/carousel-rtl.tsx @@ -1,19 +1,19 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Card, CardContent } from "@/styles/base-nova/ui-rtl/card" +import { Card, CardContent } from "@/examples/base/ui-rtl/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui-rtl/carousel" +} from "@/examples/base/ui-rtl/carousel" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/carousel-size.tsx b/apps/v4/examples/base/carousel-size.tsx index cd3229ea1f..c86ec899fc 100644 --- a/apps/v4/examples/base/carousel-size.tsx +++ b/apps/v4/examples/base/carousel-size.tsx @@ -1,13 +1,12 @@ import * as React from "react" - -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" export default function CarouselSize() { return ( diff --git a/apps/v4/examples/base/carousel-spacing.tsx b/apps/v4/examples/base/carousel-spacing.tsx index be0ec9c5c5..e0d932d9fa 100644 --- a/apps/v4/examples/base/carousel-spacing.tsx +++ b/apps/v4/examples/base/carousel-spacing.tsx @@ -1,13 +1,12 @@ import * as React from "react" - -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Card, CardContent } from "@/examples/base/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/styles/base-nova/ui/carousel" +} from "@/examples/base/ui/carousel" export default function CarouselSpacing() { return ( diff --git a/apps/v4/examples/base/chart-example-axis.tsx b/apps/v4/examples/base/chart-example-axis.tsx index 4e9eadf30b..5a725c93c7 100644 --- a/apps/v4/examples/base/chart-example-axis.tsx +++ b/apps/v4/examples/base/chart-example-axis.tsx @@ -1,9 +1,8 @@ "use client" +import { ChartContainer, type ChartConfig } from "@/examples/base/ui/chart" import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" -import { ChartContainer, type ChartConfig } from "@/styles/base-nova/ui/chart" - const chartData = [ { month: "January", desktop: 186, mobile: 80 }, { month: "February", desktop: 305, mobile: 200 }, diff --git a/apps/v4/examples/base/chart-example-grid.tsx b/apps/v4/examples/base/chart-example-grid.tsx index 388b0bc5ed..23677eccb5 100644 --- a/apps/v4/examples/base/chart-example-grid.tsx +++ b/apps/v4/examples/base/chart-example-grid.tsx @@ -1,9 +1,8 @@ "use client" +import { ChartContainer, type ChartConfig } from "@/examples/base/ui/chart" import { Bar, BarChart, CartesianGrid } from "recharts" -import { ChartContainer, type ChartConfig } from "@/styles/base-nova/ui/chart" - const chartData = [ { month: "January", desktop: 186, mobile: 80 }, { month: "February", desktop: 305, mobile: 200 }, diff --git a/apps/v4/examples/base/chart-example-legend.tsx b/apps/v4/examples/base/chart-example-legend.tsx index 3ea3d37c4a..4f33e5934c 100644 --- a/apps/v4/examples/base/chart-example-legend.tsx +++ b/apps/v4/examples/base/chart-example-legend.tsx @@ -1,7 +1,5 @@ "use client" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - import { ChartContainer, ChartLegend, @@ -9,7 +7,8 @@ import { ChartTooltip, ChartTooltipContent, type ChartConfig, -} from "@/styles/base-nova/ui/chart" +} from "@/examples/base/ui/chart" +import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" const chartData = [ { month: "January", desktop: 186, mobile: 80 }, diff --git a/apps/v4/examples/base/chart-example-tooltip.tsx b/apps/v4/examples/base/chart-example-tooltip.tsx index 3b989a0f64..7701431422 100644 --- a/apps/v4/examples/base/chart-example-tooltip.tsx +++ b/apps/v4/examples/base/chart-example-tooltip.tsx @@ -1,13 +1,12 @@ "use client" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, -} from "@/styles/base-nova/ui/chart" +} from "@/examples/base/ui/chart" +import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" const chartData = [ { month: "January", desktop: 186, mobile: 80 }, diff --git a/apps/v4/examples/base/chart-example.tsx b/apps/v4/examples/base/chart-example.tsx index c8a8ead271..061aa397fb 100644 --- a/apps/v4/examples/base/chart-example.tsx +++ b/apps/v4/examples/base/chart-example.tsx @@ -1,9 +1,8 @@ "use client" +import { ChartContainer, type ChartConfig } from "@/examples/base/ui/chart" import { Bar, BarChart } from "recharts" -import { ChartContainer, type ChartConfig } from "@/styles/base-nova/ui/chart" - const chartData = [ { month: "January", desktop: 186, mobile: 80 }, { month: "February", desktop: 305, mobile: 200 }, diff --git a/apps/v4/examples/base/chart-rtl.tsx b/apps/v4/examples/base/chart-rtl.tsx index ae45c6b851..7ddd84057c 100644 --- a/apps/v4/examples/base/chart-rtl.tsx +++ b/apps/v4/examples/base/chart-rtl.tsx @@ -1,11 +1,5 @@ "use client" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { ChartContainer, ChartLegend, @@ -13,7 +7,13 @@ import { ChartTooltip, ChartTooltipContent, type ChartConfig, -} from "@/styles/base-nova/ui-rtl/chart" +} from "@/examples/base/ui-rtl/chart" +import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/checkbox-basic.tsx b/apps/v4/examples/base/checkbox-basic.tsx index 815776bf1d..e7c0dff714 100644 --- a/apps/v4/examples/base/checkbox-basic.tsx +++ b/apps/v4/examples/base/checkbox-basic.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Checkbox } from "@/examples/base/ui/checkbox" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" export function CheckboxBasic() { return ( diff --git a/apps/v4/examples/base/checkbox-demo.tsx b/apps/v4/examples/base/checkbox-demo.tsx index 7c97542840..42a17f2600 100644 --- a/apps/v4/examples/base/checkbox-demo.tsx +++ b/apps/v4/examples/base/checkbox-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Field, FieldContent, @@ -8,8 +8,8 @@ import { FieldGroup, FieldLabel, FieldTitle, -} from "@/styles/base-nova/ui/field" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/field" +import { Label } from "@/examples/base/ui/label" export default function CheckboxDemo() { return ( diff --git a/apps/v4/examples/base/checkbox-description.tsx b/apps/v4/examples/base/checkbox-description.tsx index 5c11894252..1491c8c20f 100644 --- a/apps/v4/examples/base/checkbox-description.tsx +++ b/apps/v4/examples/base/checkbox-description.tsx @@ -1,11 +1,11 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Field, FieldContent, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" export function CheckboxDescription() { return ( diff --git a/apps/v4/examples/base/checkbox-disabled.tsx b/apps/v4/examples/base/checkbox-disabled.tsx index 31746b4d36..080aab03ac 100644 --- a/apps/v4/examples/base/checkbox-disabled.tsx +++ b/apps/v4/examples/base/checkbox-disabled.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Checkbox } from "@/examples/base/ui/checkbox" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" export function CheckboxDisabled() { return ( diff --git a/apps/v4/examples/base/checkbox-group.tsx b/apps/v4/examples/base/checkbox-group.tsx index 1566befd26..a2917611e9 100644 --- a/apps/v4/examples/base/checkbox-group.tsx +++ b/apps/v4/examples/base/checkbox-group.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Field, FieldDescription, @@ -6,7 +6,7 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" export function CheckboxGroup() { return ( diff --git a/apps/v4/examples/base/checkbox-invalid.tsx b/apps/v4/examples/base/checkbox-invalid.tsx index a49cee5cfa..1486ba7317 100644 --- a/apps/v4/examples/base/checkbox-invalid.tsx +++ b/apps/v4/examples/base/checkbox-invalid.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Checkbox } from "@/examples/base/ui/checkbox" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" export function CheckboxInvalid() { return ( diff --git a/apps/v4/examples/base/checkbox-rtl.tsx b/apps/v4/examples/base/checkbox-rtl.tsx index 952dab1db5..a1feebb1c4 100644 --- a/apps/v4/examples/base/checkbox-rtl.tsx +++ b/apps/v4/examples/base/checkbox-rtl.tsx @@ -1,12 +1,7 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" import { Field, FieldContent, @@ -14,8 +9,13 @@ import { FieldGroup, FieldLabel, FieldTitle, -} from "@/styles/base-nova/ui-rtl/field" -import { Label } from "@/styles/base-nova/ui-rtl/label" +} from "@/examples/base/ui-rtl/field" +import { Label } from "@/examples/base/ui-rtl/label" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/checkbox-table.tsx b/apps/v4/examples/base/checkbox-table.tsx index a89f37fd5d..4c14392b26 100644 --- a/apps/v4/examples/base/checkbox-table.tsx +++ b/apps/v4/examples/base/checkbox-table.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Table, TableBody, @@ -10,7 +9,7 @@ import { TableHead, TableHeader, TableRow, -} from "@/styles/base-nova/ui/table" +} from "@/examples/base/ui/table" const tableData = [ { diff --git a/apps/v4/examples/base/collapsible-basic.tsx b/apps/v4/examples/base/collapsible-basic.tsx index f57ae11355..0995feaf61 100644 --- a/apps/v4/examples/base/collapsible-basic.tsx +++ b/apps/v4/examples/base/collapsible-basic.tsx @@ -1,11 +1,12 @@ -import { ChevronDownIcon } from "@/registry/icons/__lucide__" -import { Button } from "@/styles/base-nova/ui/button" -import { Card, CardContent } from "@/styles/base-nova/ui/card" +import { Button } from "@/examples/base/ui/button" +import { Card, CardContent } from "@/examples/base/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" +} from "@/examples/base/ui/collapsible" + +import { ChevronDownIcon } from "@/registry/icons/__lucide__" export function CollapsibleBasic() { return ( diff --git a/apps/v4/examples/base/collapsible-demo.tsx b/apps/v4/examples/base/collapsible-demo.tsx index dd36edcb8d..0afa71ce10 100644 --- a/apps/v4/examples/base/collapsible-demo.tsx +++ b/apps/v4/examples/base/collapsible-demo.tsx @@ -1,14 +1,13 @@ "use client" import * as React from "react" -import { ChevronsUpDown } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" +} from "@/examples/base/ui/collapsible" +import { ChevronsUpDown } from "lucide-react" export default function CollapsibleDemo() { const [isOpen, setIsOpen] = React.useState(false) diff --git a/apps/v4/examples/base/collapsible-file-tree.tsx b/apps/v4/examples/base/collapsible-file-tree.tsx index b7306532f7..2fe413b7a6 100644 --- a/apps/v4/examples/base/collapsible-file-tree.tsx +++ b/apps/v4/examples/base/collapsible-file-tree.tsx @@ -1,13 +1,12 @@ -import { ChevronRightIcon, FileIcon, FolderIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { Card, CardContent, CardHeader } from "@/styles/base-nova/ui/card" +import { Button } from "@/examples/base/ui/button" +import { Card, CardContent, CardHeader } from "@/examples/base/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" -import { Tabs, TabsList, TabsTrigger } from "@/styles/base-nova/ui/tabs" +} from "@/examples/base/ui/collapsible" +import { Tabs, TabsList, TabsTrigger } from "@/examples/base/ui/tabs" +import { ChevronRightIcon, FileIcon, FolderIcon } from "lucide-react" type FileTreeItem = { name: string } | { name: string; items: FileTreeItem[] } diff --git a/apps/v4/examples/base/collapsible-rtl.tsx b/apps/v4/examples/base/collapsible-rtl.tsx index 5337468137..29a8078e97 100644 --- a/apps/v4/examples/base/collapsible-rtl.tsx +++ b/apps/v4/examples/base/collapsible-rtl.tsx @@ -1,18 +1,18 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui-rtl/button" +import { + Collapsible, + CollapsibleContent, + CollapsibleTrigger, +} from "@/examples/base/ui-rtl/collapsible" import { ChevronsUpDown } from "lucide-react" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { - Collapsible, - CollapsibleContent, - CollapsibleTrigger, -} from "@/styles/base-nova/ui-rtl/collapsible" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/collapsible-settings.tsx b/apps/v4/examples/base/collapsible-settings.tsx index 6053804abe..f1e8067fe6 100644 --- a/apps/v4/examples/base/collapsible-settings.tsx +++ b/apps/v4/examples/base/collapsible-settings.tsx @@ -1,23 +1,22 @@ "use client" import * as React from "react" -import { MaximizeIcon, MinimizeIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" +} from "@/examples/base/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/collapsible" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" +import { MaximizeIcon, MinimizeIcon } from "lucide-react" export function CollapsibleSettings() { const [isOpen, setIsOpen] = React.useState(false) diff --git a/apps/v4/examples/base/combobox-auto-highlight.tsx b/apps/v4/examples/base/combobox-auto-highlight.tsx index 5986b89159..c3944be9ec 100644 --- a/apps/v4/examples/base/combobox-auto-highlight.tsx +++ b/apps/v4/examples/base/combobox-auto-highlight.tsx @@ -7,7 +7,7 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-basic.tsx b/apps/v4/examples/base/combobox-basic.tsx index f2ac6a8b2a..4279c4a445 100644 --- a/apps/v4/examples/base/combobox-basic.tsx +++ b/apps/v4/examples/base/combobox-basic.tsx @@ -7,7 +7,7 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-clear.tsx b/apps/v4/examples/base/combobox-clear.tsx index cf9cefa470..b2239f5cdb 100644 --- a/apps/v4/examples/base/combobox-clear.tsx +++ b/apps/v4/examples/base/combobox-clear.tsx @@ -7,7 +7,7 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-custom.tsx b/apps/v4/examples/base/combobox-custom.tsx index 035e135dd8..ca9f447818 100644 --- a/apps/v4/examples/base/combobox-custom.tsx +++ b/apps/v4/examples/base/combobox-custom.tsx @@ -7,13 +7,13 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" import { Item, ItemContent, ItemDescription, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" const countries = [ { code: "", value: "", continent: "", label: "Select country" }, diff --git a/apps/v4/examples/base/combobox-demo.tsx b/apps/v4/examples/base/combobox-demo.tsx index f2ac6a8b2a..4279c4a445 100644 --- a/apps/v4/examples/base/combobox-demo.tsx +++ b/apps/v4/examples/base/combobox-demo.tsx @@ -7,7 +7,7 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-disabled.tsx b/apps/v4/examples/base/combobox-disabled.tsx index 48cfb12a22..9bdb316163 100644 --- a/apps/v4/examples/base/combobox-disabled.tsx +++ b/apps/v4/examples/base/combobox-disabled.tsx @@ -7,7 +7,7 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-groups.tsx b/apps/v4/examples/base/combobox-groups.tsx index cad76ce03d..c9dba221e4 100644 --- a/apps/v4/examples/base/combobox-groups.tsx +++ b/apps/v4/examples/base/combobox-groups.tsx @@ -11,7 +11,7 @@ import { ComboboxLabel, ComboboxList, ComboboxSeparator, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const timezones = [ { diff --git a/apps/v4/examples/base/combobox-input-group.tsx b/apps/v4/examples/base/combobox-input-group.tsx index c30bee65eb..d7255f2a15 100644 --- a/apps/v4/examples/base/combobox-input-group.tsx +++ b/apps/v4/examples/base/combobox-input-group.tsx @@ -1,7 +1,5 @@ "use client" -import { GlobeIcon } from "lucide-react" - import { Combobox, ComboboxCollection, @@ -12,8 +10,9 @@ import { ComboboxItem, ComboboxLabel, ComboboxList, -} from "@/styles/base-nova/ui/combobox" -import { InputGroupAddon } from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/combobox" +import { InputGroupAddon } from "@/examples/base/ui/input-group" +import { GlobeIcon } from "lucide-react" const timezones = [ { diff --git a/apps/v4/examples/base/combobox-invalid.tsx b/apps/v4/examples/base/combobox-invalid.tsx index fb0482a2ec..89553ea33b 100644 --- a/apps/v4/examples/base/combobox-invalid.tsx +++ b/apps/v4/examples/base/combobox-invalid.tsx @@ -7,7 +7,7 @@ import { ComboboxInput, ComboboxItem, ComboboxList, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-multiple.tsx b/apps/v4/examples/base/combobox-multiple.tsx index 60fa9195cc..97b974c3c8 100644 --- a/apps/v4/examples/base/combobox-multiple.tsx +++ b/apps/v4/examples/base/combobox-multiple.tsx @@ -1,7 +1,6 @@ "use client" import * as React from "react" - import { Combobox, ComboboxChip, @@ -13,7 +12,7 @@ import { ComboboxList, ComboboxValue, useComboboxAnchor, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const frameworks = [ "Next.js", diff --git a/apps/v4/examples/base/combobox-popup.tsx b/apps/v4/examples/base/combobox-popup.tsx index a2508bd86e..584d8f189e 100644 --- a/apps/v4/examples/base/combobox-popup.tsx +++ b/apps/v4/examples/base/combobox-popup.tsx @@ -1,6 +1,6 @@ "use client" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Combobox, ComboboxContent, @@ -10,7 +10,7 @@ import { ComboboxList, ComboboxTrigger, ComboboxValue, -} from "@/styles/base-nova/ui/combobox" +} from "@/examples/base/ui/combobox" const countries = [ { code: "", value: "", continent: "", label: "Select country" }, diff --git a/apps/v4/examples/base/combobox-rtl.tsx b/apps/v4/examples/base/combobox-rtl.tsx index 9852261b25..e3a6978aee 100644 --- a/apps/v4/examples/base/combobox-rtl.tsx +++ b/apps/v4/examples/base/combobox-rtl.tsx @@ -1,11 +1,6 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Combobox, ComboboxChip, @@ -17,8 +12,13 @@ import { ComboboxList, ComboboxValue, useComboboxAnchor, -} from "@/styles/base-nova/ui-rtl/combobox" -import { Field, FieldLabel } from "@/styles/base-nova/ui-rtl/field" +} from "@/examples/base/ui-rtl/combobox" +import { Field, FieldLabel } from "@/examples/base/ui-rtl/field" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const categories = [ "technology", diff --git a/apps/v4/examples/base/command-basic.tsx b/apps/v4/examples/base/command-basic.tsx index 3c43cee352..9848360119 100644 --- a/apps/v4/examples/base/command-basic.tsx +++ b/apps/v4/examples/base/command-basic.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Command, CommandDialog, @@ -11,7 +10,7 @@ import { CommandInput, CommandItem, CommandList, -} from "@/styles/base-nova/ui/command" +} from "@/examples/base/ui/command" export function CommandBasic() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/command-demo.tsx b/apps/v4/examples/base/command-demo.tsx index f482adf3f1..8f97c03be4 100644 --- a/apps/v4/examples/base/command-demo.tsx +++ b/apps/v4/examples/base/command-demo.tsx @@ -1,12 +1,3 @@ -import { - Calculator, - Calendar, - CreditCard, - Settings, - Smile, - User, -} from "lucide-react" - import { Command, CommandEmpty, @@ -16,7 +7,15 @@ import { CommandList, CommandSeparator, CommandShortcut, -} from "@/styles/base-nova/ui/command" +} from "@/examples/base/ui/command" +import { + Calculator, + Calendar, + CreditCard, + Settings, + Smile, + User, +} from "lucide-react" export function CommandDemo() { return ( diff --git a/apps/v4/examples/base/command-dialog.tsx b/apps/v4/examples/base/command-dialog.tsx index 9936259a6c..b3a075f6fe 100644 --- a/apps/v4/examples/base/command-dialog.tsx +++ b/apps/v4/examples/base/command-dialog.tsx @@ -1,15 +1,6 @@ "use client" import * as React from "react" -import { - Calculator, - Calendar, - CreditCard, - Settings, - Smile, - User, -} from "lucide-react" - import { CommandDialog, CommandEmpty, @@ -19,7 +10,15 @@ import { CommandList, CommandSeparator, CommandShortcut, -} from "@/styles/base-nova/ui/command" +} from "@/examples/base/ui/command" +import { + Calculator, + Calendar, + CreditCard, + Settings, + Smile, + User, +} from "lucide-react" export function CommandDialogDemo() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/command-groups.tsx b/apps/v4/examples/base/command-groups.tsx index f437a5fa6a..6477cc370a 100644 --- a/apps/v4/examples/base/command-groups.tsx +++ b/apps/v4/examples/base/command-groups.tsx @@ -1,16 +1,7 @@ "use client" import * as React from "react" -import { - CalculatorIcon, - CalendarIcon, - CreditCardIcon, - SettingsIcon, - SmileIcon, - UserIcon, -} from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Command, CommandDialog, @@ -21,7 +12,15 @@ import { CommandList, CommandSeparator, CommandShortcut, -} from "@/styles/base-nova/ui/command" +} from "@/examples/base/ui/command" +import { + CalculatorIcon, + CalendarIcon, + CreditCardIcon, + SettingsIcon, + SmileIcon, + UserIcon, +} from "lucide-react" export function CommandWithGroups() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/command-rtl.tsx b/apps/v4/examples/base/command-rtl.tsx index f8dd1ec802..b617606c43 100644 --- a/apps/v4/examples/base/command-rtl.tsx +++ b/apps/v4/examples/base/command-rtl.tsx @@ -1,6 +1,16 @@ "use client" import * as React from "react" +import { + Command, + CommandEmpty, + CommandGroup, + CommandInput, + CommandItem, + CommandList, + CommandSeparator, + CommandShortcut, +} from "@/examples/base/ui-rtl/command" import { Calculator, Calendar, @@ -14,16 +24,6 @@ import { useTranslation, type Translations, } from "@/components/language-selector" -import { - Command, - CommandEmpty, - CommandGroup, - CommandInput, - CommandItem, - CommandList, - CommandSeparator, - CommandShortcut, -} from "@/styles/base-nova/ui-rtl/command" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/command-scrollable.tsx b/apps/v4/examples/base/command-scrollable.tsx index 5d35fca613..1118a6671d 100644 --- a/apps/v4/examples/base/command-scrollable.tsx +++ b/apps/v4/examples/base/command-scrollable.tsx @@ -1,6 +1,18 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" +import { + Command, + CommandDialog, + CommandEmpty, + CommandGroup, + CommandInput, + CommandItem, + CommandList, + CommandSeparator, + CommandShortcut, +} from "@/examples/base/ui/command" import { BellIcon, CalculatorIcon, @@ -27,19 +39,6 @@ import { ZoomOutIcon, } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" -import { - Command, - CommandDialog, - CommandEmpty, - CommandGroup, - CommandInput, - CommandItem, - CommandList, - CommandSeparator, - CommandShortcut, -} from "@/styles/base-nova/ui/command" - export function CommandManyItems() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/command-shortcuts.tsx b/apps/v4/examples/base/command-shortcuts.tsx index 2f668e2866..58ffeeeac6 100644 --- a/apps/v4/examples/base/command-shortcuts.tsx +++ b/apps/v4/examples/base/command-shortcuts.tsx @@ -1,9 +1,7 @@ "use client" import * as React from "react" -import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Command, CommandDialog, @@ -13,7 +11,8 @@ import { CommandItem, CommandList, CommandShortcut, -} from "@/styles/base-nova/ui/command" +} from "@/examples/base/ui/command" +import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" export function CommandWithShortcuts() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/context-menu-basic.tsx b/apps/v4/examples/base/context-menu-basic.tsx index bd0ba4b589..f0b73a6245 100644 --- a/apps/v4/examples/base/context-menu-basic.tsx +++ b/apps/v4/examples/base/context-menu-basic.tsx @@ -4,7 +4,7 @@ import { ContextMenuGroup, ContextMenuItem, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuBasic() { return ( diff --git a/apps/v4/examples/base/context-menu-checkboxes.tsx b/apps/v4/examples/base/context-menu-checkboxes.tsx index 5f6a84911a..c99cdea776 100644 --- a/apps/v4/examples/base/context-menu-checkboxes.tsx +++ b/apps/v4/examples/base/context-menu-checkboxes.tsx @@ -4,7 +4,7 @@ import { ContextMenuContent, ContextMenuGroup, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuCheckboxes() { return ( diff --git a/apps/v4/examples/base/context-menu-demo.tsx b/apps/v4/examples/base/context-menu-demo.tsx index 170b4c5dcf..6c51e398ab 100644 --- a/apps/v4/examples/base/context-menu-demo.tsx +++ b/apps/v4/examples/base/context-menu-demo.tsx @@ -13,7 +13,7 @@ import { ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuDemo() { return ( diff --git a/apps/v4/examples/base/context-menu-destructive.tsx b/apps/v4/examples/base/context-menu-destructive.tsx index a2461aa85d..765921dba5 100644 --- a/apps/v4/examples/base/context-menu-destructive.tsx +++ b/apps/v4/examples/base/context-menu-destructive.tsx @@ -1,5 +1,3 @@ -import { ArchiveIcon, PencilIcon, ShareIcon, TrashIcon } from "lucide-react" - import { ContextMenu, ContextMenuContent, @@ -7,7 +5,8 @@ import { ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" +import { ArchiveIcon, PencilIcon, ShareIcon, TrashIcon } from "lucide-react" export function ContextMenuDestructive() { return ( diff --git a/apps/v4/examples/base/context-menu-groups.tsx b/apps/v4/examples/base/context-menu-groups.tsx index 8628c94781..d94de19254 100644 --- a/apps/v4/examples/base/context-menu-groups.tsx +++ b/apps/v4/examples/base/context-menu-groups.tsx @@ -7,7 +7,7 @@ import { ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuGroups() { return ( diff --git a/apps/v4/examples/base/context-menu-icons.tsx b/apps/v4/examples/base/context-menu-icons.tsx index b03d187469..9d807ae14b 100644 --- a/apps/v4/examples/base/context-menu-icons.tsx +++ b/apps/v4/examples/base/context-menu-icons.tsx @@ -1,10 +1,3 @@ -import { - ClipboardPasteIcon, - CopyIcon, - ScissorsIcon, - TrashIcon, -} from "lucide-react" - import { ContextMenu, ContextMenuContent, @@ -12,7 +5,13 @@ import { ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" +import { + ClipboardPasteIcon, + CopyIcon, + ScissorsIcon, + TrashIcon, +} from "lucide-react" export function ContextMenuIcons() { return ( diff --git a/apps/v4/examples/base/context-menu-radio.tsx b/apps/v4/examples/base/context-menu-radio.tsx index eb8e1ab9a7..8e27865114 100644 --- a/apps/v4/examples/base/context-menu-radio.tsx +++ b/apps/v4/examples/base/context-menu-radio.tsx @@ -1,7 +1,6 @@ "use client" import * as React from "react" - import { ContextMenu, ContextMenuContent, @@ -11,7 +10,7 @@ import { ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuRadio() { const [user, setUser] = React.useState("pedro") diff --git a/apps/v4/examples/base/context-menu-rtl.tsx b/apps/v4/examples/base/context-menu-rtl.tsx index 71bdcb36f2..20cecd0a3c 100644 --- a/apps/v4/examples/base/context-menu-rtl.tsx +++ b/apps/v4/examples/base/context-menu-rtl.tsx @@ -1,12 +1,6 @@ "use client" import * as React from "react" -import { ArrowLeftIcon, ArrowRightIcon, RotateCwIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { ContextMenu, ContextMenuCheckboxItem, @@ -22,7 +16,13 @@ import { ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, -} from "@/styles/base-nova/ui-rtl/context-menu" +} from "@/examples/base/ui-rtl/context-menu" +import { ArrowLeftIcon, ArrowRightIcon, RotateCwIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/context-menu-shortcuts.tsx b/apps/v4/examples/base/context-menu-shortcuts.tsx index 5138c4fa9a..e268a7583a 100644 --- a/apps/v4/examples/base/context-menu-shortcuts.tsx +++ b/apps/v4/examples/base/context-menu-shortcuts.tsx @@ -6,7 +6,7 @@ import { ContextMenuSeparator, ContextMenuShortcut, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuShortcuts() { return ( diff --git a/apps/v4/examples/base/context-menu-sides.tsx b/apps/v4/examples/base/context-menu-sides.tsx index 504bcf0d3a..5f275d4def 100644 --- a/apps/v4/examples/base/context-menu-sides.tsx +++ b/apps/v4/examples/base/context-menu-sides.tsx @@ -4,7 +4,7 @@ import { ContextMenuGroup, ContextMenuItem, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuSides() { return ( diff --git a/apps/v4/examples/base/context-menu-submenu.tsx b/apps/v4/examples/base/context-menu-submenu.tsx index 2c489d4256..e068e41ea0 100644 --- a/apps/v4/examples/base/context-menu-submenu.tsx +++ b/apps/v4/examples/base/context-menu-submenu.tsx @@ -9,7 +9,7 @@ import { ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, -} from "@/styles/base-nova/ui/context-menu" +} from "@/examples/base/ui/context-menu" export function ContextMenuSubmenu() { return ( diff --git a/apps/v4/examples/base/data-picker-with-dropdowns.tsx b/apps/v4/examples/base/data-picker-with-dropdowns.tsx index 2d4873c1d9..d7c8b02599 100644 --- a/apps/v4/examples/base/data-picker-with-dropdowns.tsx +++ b/apps/v4/examples/base/data-picker-with-dropdowns.tsx @@ -1,17 +1,16 @@ "use client" import * as React from "react" -import { format } from "date-fns" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { format } from "date-fns" +import { ChevronDownIcon } from "lucide-react" export function DataPickerWithDropdowns() { const [date, setDate] = React.useState() diff --git a/apps/v4/examples/base/data-table-demo.tsx b/apps/v4/examples/base/data-table-demo.tsx index 0fa5463dfd..4203427901 100644 --- a/apps/v4/examples/base/data-table-demo.tsx +++ b/apps/v4/examples/base/data-table-demo.tsx @@ -1,6 +1,27 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" +import { Checkbox } from "@/examples/base/ui/checkbox" +import { + DropdownMenu, + DropdownMenuCheckboxItem, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/examples/base/ui/dropdown-menu" +import { Input } from "@/examples/base/ui/input" +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from "@/examples/base/ui/table" import { flexRender, getCoreRowModel, @@ -15,28 +36,6 @@ import { } from "@tanstack/react-table" import { ArrowUpDown, ChevronDown, MoreHorizontal } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" -import { Checkbox } from "@/styles/base-nova/ui/checkbox" -import { - DropdownMenu, - DropdownMenuCheckboxItem, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" -import { Input } from "@/styles/base-nova/ui/input" -import { - Table, - TableBody, - TableCell, - TableHead, - TableHeader, - TableRow, -} from "@/styles/base-nova/ui/table" - const data: Payment[] = [ { id: "m5gr84i9", diff --git a/apps/v4/examples/base/data-table-rtl.tsx b/apps/v4/examples/base/data-table-rtl.tsx index 8b140b0a3e..ab8b7147ba 100644 --- a/apps/v4/examples/base/data-table-rtl.tsx +++ b/apps/v4/examples/base/data-table-rtl.tsx @@ -1,6 +1,27 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui-rtl/button" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" +import { + DropdownMenu, + DropdownMenuCheckboxItem, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/examples/base/ui-rtl/dropdown-menu" +import { Input } from "@/examples/base/ui-rtl/input" +import { + Table, + TableBody, + TableCell, + TableHead, + TableHeader, + TableRow, +} from "@/examples/base/ui-rtl/table" import { flexRender, getCoreRowModel, @@ -19,27 +40,6 @@ import { useTranslation, type Translations, } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" -import { - DropdownMenu, - DropdownMenuCheckboxItem, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" -import { Input } from "@/styles/base-nova/ui-rtl/input" -import { - Table, - TableBody, - TableCell, - TableHead, - TableHeader, - TableRow, -} from "@/styles/base-nova/ui-rtl/table" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/date-picker-basic.tsx b/apps/v4/examples/base/date-picker-basic.tsx index 7a3355043b..fe0b6781be 100644 --- a/apps/v4/examples/base/date-picker-basic.tsx +++ b/apps/v4/examples/base/date-picker-basic.tsx @@ -1,16 +1,15 @@ "use client" import * as React from "react" -import { format } from "date-fns" - -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { format } from "date-fns" export function DatePickerSimple() { const [date, setDate] = React.useState() diff --git a/apps/v4/examples/base/date-picker-demo.tsx b/apps/v4/examples/base/date-picker-demo.tsx index d70acdff86..fe67c440ab 100644 --- a/apps/v4/examples/base/date-picker-demo.tsx +++ b/apps/v4/examples/base/date-picker-demo.tsx @@ -1,16 +1,15 @@ "use client" import * as React from "react" -import { format } from "date-fns" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { format } from "date-fns" +import { ChevronDownIcon } from "lucide-react" export function DatePickerDemo() { const [date, setDate] = React.useState() diff --git a/apps/v4/examples/base/date-picker-dob.tsx b/apps/v4/examples/base/date-picker-dob.tsx index 43d7d92863..970a5bee7c 100644 --- a/apps/v4/examples/base/date-picker-dob.tsx +++ b/apps/v4/examples/base/date-picker-dob.tsx @@ -1,15 +1,14 @@ "use client" import * as React from "react" - -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" export function DatePickerSimple() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/date-picker-input.tsx b/apps/v4/examples/base/date-picker-input.tsx index aa57469b7c..0e90f31277 100644 --- a/apps/v4/examples/base/date-picker-input.tsx +++ b/apps/v4/examples/base/date-picker-input.tsx @@ -1,21 +1,20 @@ "use client" import * as React from "react" -import { CalendarIcon } from "lucide-react" - -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { CalendarIcon } from "lucide-react" function formatDate(date: Date | undefined) { if (!date) { diff --git a/apps/v4/examples/base/date-picker-natural-language.tsx b/apps/v4/examples/base/date-picker-natural-language.tsx index c4b5fea4c9..3eefc295cf 100644 --- a/apps/v4/examples/base/date-picker-natural-language.tsx +++ b/apps/v4/examples/base/date-picker-natural-language.tsx @@ -1,22 +1,21 @@ "use client" import * as React from "react" -import { parseDate } from "chrono-node" -import { CalendarIcon } from "lucide-react" - -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { parseDate } from "chrono-node" +import { CalendarIcon } from "lucide-react" function formatDate(date: Date | undefined) { if (!date) { diff --git a/apps/v4/examples/base/date-picker-range.tsx b/apps/v4/examples/base/date-picker-range.tsx index b7089e6988..68f9b03674 100644 --- a/apps/v4/examples/base/date-picker-range.tsx +++ b/apps/v4/examples/base/date-picker-range.tsx @@ -1,18 +1,17 @@ "use client" import * as React from "react" -import { addDays, format } from "date-fns" -import { CalendarIcon } from "lucide-react" -import { type DateRange } from "react-day-picker" - -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { addDays, format } from "date-fns" +import { CalendarIcon } from "lucide-react" +import { type DateRange } from "react-day-picker" export function DatePickerWithRange() { const [date, setDate] = React.useState({ diff --git a/apps/v4/examples/base/date-picker-rtl.tsx b/apps/v4/examples/base/date-picker-rtl.tsx index 231efe4a8e..7e69a8a09d 100644 --- a/apps/v4/examples/base/date-picker-rtl.tsx +++ b/apps/v4/examples/base/date-picker-rtl.tsx @@ -1,6 +1,13 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui-rtl/button" +import { Calendar } from "@/examples/base/ui-rtl/calendar" +import { + Popover, + PopoverContent, + PopoverTrigger, +} from "@/examples/base/ui-rtl/popover" import { format } from "date-fns" import { arSA, he } from "date-fns/locale" import { ChevronDownIcon } from "lucide-react" @@ -13,13 +20,6 @@ import { useTranslation, type Translations, } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { Calendar } from "@/styles/base-nova/ui-rtl/calendar" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/styles/base-nova/ui-rtl/popover" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/date-picker-time.tsx b/apps/v4/examples/base/date-picker-time.tsx index ab7be0734b..0d71d70a9f 100644 --- a/apps/v4/examples/base/date-picker-time.tsx +++ b/apps/v4/examples/base/date-picker-time.tsx @@ -1,18 +1,17 @@ "use client" import * as React from "react" -import { format } from "date-fns" -import { ChevronDownIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { Calendar } from "@/styles/base-nova/ui/calendar" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Button } from "@/examples/base/ui/button" +import { Calendar } from "@/examples/base/ui/calendar" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" +import { format } from "date-fns" +import { ChevronDownIcon } from "lucide-react" export function DatePickerTime() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/dialog-close-button.tsx b/apps/v4/examples/base/dialog-close-button.tsx index 81f35c153e..41ef4d3531 100644 --- a/apps/v4/examples/base/dialog-close-button.tsx +++ b/apps/v4/examples/base/dialog-close-button.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogClose, @@ -8,9 +8,9 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" -import { Input } from "@/styles/base-nova/ui/input" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/dialog" +import { Input } from "@/examples/base/ui/input" +import { Label } from "@/examples/base/ui/label" export function DialogCloseButton() { return ( diff --git a/apps/v4/examples/base/dialog-demo.tsx b/apps/v4/examples/base/dialog-demo.tsx index cad2483177..19c6c1ec32 100644 --- a/apps/v4/examples/base/dialog-demo.tsx +++ b/apps/v4/examples/base/dialog-demo.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogClose, @@ -8,10 +8,10 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" -import { Field, FieldGroup } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/dialog" +import { Field, FieldGroup } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" +import { Label } from "@/examples/base/ui/label" export function DialogDemo() { return ( diff --git a/apps/v4/examples/base/dialog-no-close-button.tsx b/apps/v4/examples/base/dialog-no-close-button.tsx index 89e755e7a8..637779824c 100644 --- a/apps/v4/examples/base/dialog-no-close-button.tsx +++ b/apps/v4/examples/base/dialog-no-close-button.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogClose, @@ -8,7 +8,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" +} from "@/examples/base/ui/dialog" export function DialogNoCloseButton() { return ( diff --git a/apps/v4/examples/base/dialog-rtl.tsx b/apps/v4/examples/base/dialog-rtl.tsx index d841043f6f..f195b7e9ca 100644 --- a/apps/v4/examples/base/dialog-rtl.tsx +++ b/apps/v4/examples/base/dialog-rtl.tsx @@ -1,10 +1,6 @@ "use client" -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Dialog, DialogClose, @@ -14,10 +10,15 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui-rtl/dialog" -import { Field, FieldGroup } from "@/styles/base-nova/ui-rtl/field" -import { Input } from "@/styles/base-nova/ui-rtl/input" -import { Label } from "@/styles/base-nova/ui-rtl/label" +} from "@/examples/base/ui-rtl/dialog" +import { Field, FieldGroup } from "@/examples/base/ui-rtl/field" +import { Input } from "@/examples/base/ui-rtl/input" +import { Label } from "@/examples/base/ui-rtl/label" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/dialog-scrollable-content.tsx b/apps/v4/examples/base/dialog-scrollable-content.tsx index 6358459557..b4379fb5c0 100644 --- a/apps/v4/examples/base/dialog-scrollable-content.tsx +++ b/apps/v4/examples/base/dialog-scrollable-content.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogContent, @@ -6,7 +6,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" +} from "@/examples/base/ui/dialog" export function DialogScrollableContent() { return ( diff --git a/apps/v4/examples/base/dialog-sticky-footer.tsx b/apps/v4/examples/base/dialog-sticky-footer.tsx index dd21889a2b..44181f8df3 100644 --- a/apps/v4/examples/base/dialog-sticky-footer.tsx +++ b/apps/v4/examples/base/dialog-sticky-footer.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogClose, @@ -8,7 +8,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" +} from "@/examples/base/ui/dialog" export function DialogStickyFooter() { return ( diff --git a/apps/v4/examples/base/drawer-demo.tsx b/apps/v4/examples/base/drawer-demo.tsx index ab8c129adc..0016105dba 100644 --- a/apps/v4/examples/base/drawer-demo.tsx +++ b/apps/v4/examples/base/drawer-demo.tsx @@ -1,10 +1,7 @@ "use client" import * as React from "react" -import { Minus, Plus } from "lucide-react" -import { Bar, BarChart, ResponsiveContainer } from "recharts" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Drawer, DrawerClose, @@ -14,7 +11,9 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/styles/base-nova/ui/drawer" +} from "@/examples/base/ui/drawer" +import { Minus, Plus } from "lucide-react" +import { Bar, BarChart, ResponsiveContainer } from "recharts" const data = [ { diff --git a/apps/v4/examples/base/drawer-dialog.tsx b/apps/v4/examples/base/drawer-dialog.tsx index 9512ddd647..e4a0b4ce9f 100644 --- a/apps/v4/examples/base/drawer-dialog.tsx +++ b/apps/v4/examples/base/drawer-dialog.tsx @@ -1,10 +1,7 @@ "use client" import * as React from "react" - -import { cn } from "@/lib/utils" -import { useMediaQuery } from "@/hooks/use-media-query" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Dialog, DialogContent, @@ -12,7 +9,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/styles/base-nova/ui/dialog" +} from "@/examples/base/ui/dialog" import { Drawer, DrawerClose, @@ -22,9 +19,12 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/styles/base-nova/ui/drawer" -import { Input } from "@/styles/base-nova/ui/input" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/drawer" +import { Input } from "@/examples/base/ui/input" +import { Label } from "@/examples/base/ui/label" + +import { cn } from "@/lib/utils" +import { useMediaQuery } from "@/hooks/use-media-query" export function DrawerDialogDemo() { const [open, setOpen] = React.useState(false) diff --git a/apps/v4/examples/base/drawer-rtl.tsx b/apps/v4/examples/base/drawer-rtl.tsx index 23a3a3cc37..3129b2a9e1 100644 --- a/apps/v4/examples/base/drawer-rtl.tsx +++ b/apps/v4/examples/base/drawer-rtl.tsx @@ -1,14 +1,7 @@ "use client" import * as React from "react" -import { Minus, Plus } from "lucide-react" -import { Bar, BarChart, ResponsiveContainer, XAxis } from "recharts" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Drawer, DrawerClose, @@ -18,7 +11,14 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/styles/base-nova/ui-rtl/drawer" +} from "@/examples/base/ui-rtl/drawer" +import { Minus, Plus } from "lucide-react" +import { Bar, BarChart, ResponsiveContainer, XAxis } from "recharts" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const data = [ { diff --git a/apps/v4/examples/base/drawer-scrollable-content.tsx b/apps/v4/examples/base/drawer-scrollable-content.tsx index e005c83ac1..ee395b7105 100644 --- a/apps/v4/examples/base/drawer-scrollable-content.tsx +++ b/apps/v4/examples/base/drawer-scrollable-content.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Drawer, DrawerClose, @@ -8,7 +8,7 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/styles/base-nova/ui/drawer" +} from "@/examples/base/ui/drawer" export function DrawerScrollableContent() { return ( diff --git a/apps/v4/examples/base/drawer-sides.tsx b/apps/v4/examples/base/drawer-sides.tsx index 6b26bd27f9..dcd2bfe4f4 100644 --- a/apps/v4/examples/base/drawer-sides.tsx +++ b/apps/v4/examples/base/drawer-sides.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Drawer, DrawerClose, @@ -8,7 +8,7 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/styles/base-nova/ui/drawer" +} from "@/examples/base/ui/drawer" const DRAWER_SIDES = ["top", "right", "bottom", "left"] as const diff --git a/apps/v4/examples/base/dropdown-menu-avatar.tsx b/apps/v4/examples/base/dropdown-menu-avatar.tsx index 20a268aef1..6a6b25f342 100644 --- a/apps/v4/examples/base/dropdown-menu-avatar.tsx +++ b/apps/v4/examples/base/dropdown-menu-avatar.tsx @@ -1,18 +1,7 @@ "use client" -import { - BadgeCheckIcon, - BellIcon, - CreditCardIcon, - LogOutIcon, -} from "lucide-react" - -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -20,7 +9,13 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { + BadgeCheckIcon, + BellIcon, + CreditCardIcon, + LogOutIcon, +} from "lucide-react" export function DropdownMenuAvatar() { return ( diff --git a/apps/v4/examples/base/dropdown-menu-basic.tsx b/apps/v4/examples/base/dropdown-menu-basic.tsx index 5a86dafebc..e47a937356 100644 --- a/apps/v4/examples/base/dropdown-menu-basic.tsx +++ b/apps/v4/examples/base/dropdown-menu-basic.tsx @@ -1,6 +1,6 @@ "use client" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -9,7 +9,7 @@ import { DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function DropdownMenuBasic() { return ( diff --git a/apps/v4/examples/base/dropdown-menu-checkboxes-icons.tsx b/apps/v4/examples/base/dropdown-menu-checkboxes-icons.tsx index 6bbf185135..306a995f8b 100644 --- a/apps/v4/examples/base/dropdown-menu-checkboxes-icons.tsx +++ b/apps/v4/examples/base/dropdown-menu-checkboxes-icons.tsx @@ -1,9 +1,7 @@ "use client" import * as React from "react" -import { BellIcon, MailIcon, MessageSquareIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -11,7 +9,8 @@ import { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { BellIcon, MailIcon, MessageSquareIcon } from "lucide-react" export function DropdownMenuCheckboxesIcons() { const [notifications, setNotifications] = React.useState({ diff --git a/apps/v4/examples/base/dropdown-menu-checkboxes.tsx b/apps/v4/examples/base/dropdown-menu-checkboxes.tsx index 905b0bba6c..e2babfd871 100644 --- a/apps/v4/examples/base/dropdown-menu-checkboxes.tsx +++ b/apps/v4/examples/base/dropdown-menu-checkboxes.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -10,7 +9,7 @@ import { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function DropdownMenuCheckboxes() { const [showStatusBar, setShowStatusBar] = React.useState(true) diff --git a/apps/v4/examples/base/dropdown-menu-complex.tsx b/apps/v4/examples/base/dropdown-menu-complex.tsx index 2cdb33da3c..d39837df64 100644 --- a/apps/v4/examples/base/dropdown-menu-complex.tsx +++ b/apps/v4/examples/base/dropdown-menu-complex.tsx @@ -1,6 +1,24 @@ "use client" import * as React from "react" +import { Button } from "@/examples/base/ui/button" +import { + DropdownMenu, + DropdownMenuCheckboxItem, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuPortal, + DropdownMenuRadioGroup, + DropdownMenuRadioItem, + DropdownMenuSeparator, + DropdownMenuShortcut, + DropdownMenuSub, + DropdownMenuSubContent, + DropdownMenuSubTrigger, + DropdownMenuTrigger, +} from "@/examples/base/ui/dropdown-menu" import { BellIcon, CreditCardIcon, @@ -29,25 +47,6 @@ import { UserIcon, } from "lucide-react" -import { Button } from "@/styles/base-nova/ui/button" -import { - DropdownMenu, - DropdownMenuCheckboxItem, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuPortal, - DropdownMenuRadioGroup, - DropdownMenuRadioItem, - DropdownMenuSeparator, - DropdownMenuShortcut, - DropdownMenuSub, - DropdownMenuSubContent, - DropdownMenuSubTrigger, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" - export function DropdownMenuComplex() { const [notifications, setNotifications] = React.useState({ email: true, diff --git a/apps/v4/examples/base/dropdown-menu-demo.tsx b/apps/v4/examples/base/dropdown-menu-demo.tsx index 730f771850..3d7760e60a 100644 --- a/apps/v4/examples/base/dropdown-menu-demo.tsx +++ b/apps/v4/examples/base/dropdown-menu-demo.tsx @@ -1,6 +1,6 @@ "use client" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -14,7 +14,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function DropdownMenuDemo() { return ( diff --git a/apps/v4/examples/base/dropdown-menu-destructive.tsx b/apps/v4/examples/base/dropdown-menu-destructive.tsx index 63cc638797..6b3bd055fb 100644 --- a/apps/v4/examples/base/dropdown-menu-destructive.tsx +++ b/apps/v4/examples/base/dropdown-menu-destructive.tsx @@ -1,8 +1,6 @@ "use client" -import { PencilIcon, ShareIcon, TrashIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -10,7 +8,8 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { PencilIcon, ShareIcon, TrashIcon } from "lucide-react" export function DropdownMenuDestructive() { return ( diff --git a/apps/v4/examples/base/dropdown-menu-icons.tsx b/apps/v4/examples/base/dropdown-menu-icons.tsx index 95aa4c3821..b4ae69a84d 100644 --- a/apps/v4/examples/base/dropdown-menu-icons.tsx +++ b/apps/v4/examples/base/dropdown-menu-icons.tsx @@ -1,20 +1,19 @@ "use client" -import { - CreditCardIcon, - LogOutIcon, - SettingsIcon, - UserIcon, -} from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { + CreditCardIcon, + LogOutIcon, + SettingsIcon, + UserIcon, +} from "lucide-react" export function DropdownMenuIcons() { return ( diff --git a/apps/v4/examples/base/dropdown-menu-radio-group.tsx b/apps/v4/examples/base/dropdown-menu-radio-group.tsx index 24e866df3b..bd260a179a 100644 --- a/apps/v4/examples/base/dropdown-menu-radio-group.tsx +++ b/apps/v4/examples/base/dropdown-menu-radio-group.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -11,7 +10,7 @@ import { DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function DropdownMenuRadioGroupDemo() { const [position, setPosition] = React.useState("bottom") diff --git a/apps/v4/examples/base/dropdown-menu-radio-icons.tsx b/apps/v4/examples/base/dropdown-menu-radio-icons.tsx index f40e0a8e69..6d88e558d6 100644 --- a/apps/v4/examples/base/dropdown-menu-radio-icons.tsx +++ b/apps/v4/examples/base/dropdown-menu-radio-icons.tsx @@ -1,9 +1,7 @@ "use client" import * as React from "react" -import { Building2Icon, CreditCardIcon, WalletIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -12,7 +10,8 @@ import { DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" +import { Building2Icon, CreditCardIcon, WalletIcon } from "lucide-react" export function DropdownMenuRadioIcons() { const [paymentMethod, setPaymentMethod] = React.useState("card") diff --git a/apps/v4/examples/base/dropdown-menu-rtl.tsx b/apps/v4/examples/base/dropdown-menu-rtl.tsx index 4417de18e4..755d6725db 100644 --- a/apps/v4/examples/base/dropdown-menu-rtl.tsx +++ b/apps/v4/examples/base/dropdown-menu-rtl.tsx @@ -1,13 +1,7 @@ "use client" import * as React from "react" -import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -24,7 +18,13 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" +} from "@/examples/base/ui-rtl/dropdown-menu" +import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/dropdown-menu-shortcuts.tsx b/apps/v4/examples/base/dropdown-menu-shortcuts.tsx index 531273e33d..0f3c72019e 100644 --- a/apps/v4/examples/base/dropdown-menu-shortcuts.tsx +++ b/apps/v4/examples/base/dropdown-menu-shortcuts.tsx @@ -1,6 +1,6 @@ "use client" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -10,7 +10,7 @@ import { DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function DropdownMenuShortcuts() { return ( diff --git a/apps/v4/examples/base/dropdown-menu-submenu.tsx b/apps/v4/examples/base/dropdown-menu-submenu.tsx index 2f211d995c..e59cd421b7 100644 --- a/apps/v4/examples/base/dropdown-menu-submenu.tsx +++ b/apps/v4/examples/base/dropdown-menu-submenu.tsx @@ -1,6 +1,6 @@ "use client" -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -13,7 +13,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" export function DropdownMenuSubmenu() { return ( diff --git a/apps/v4/examples/base/empty-avatar-group.tsx b/apps/v4/examples/base/empty-avatar-group.tsx index e21229024c..84b4bd8f32 100644 --- a/apps/v4/examples/base/empty-avatar-group.tsx +++ b/apps/v4/examples/base/empty-avatar-group.tsx @@ -1,11 +1,5 @@ -import { PlusIcon } from "lucide-react" - -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { Empty, EmptyContent, @@ -13,7 +7,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" +import { PlusIcon } from "lucide-react" export default function EmptyAvatarGroup() { return ( diff --git a/apps/v4/examples/base/empty-avatar.tsx b/apps/v4/examples/base/empty-avatar.tsx index c4b0c20f69..7484e38e6c 100644 --- a/apps/v4/examples/base/empty-avatar.tsx +++ b/apps/v4/examples/base/empty-avatar.tsx @@ -1,9 +1,5 @@ -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { Empty, EmptyContent, @@ -11,7 +7,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" export default function EmptyAvatar() { return ( diff --git a/apps/v4/examples/base/empty-background.tsx b/apps/v4/examples/base/empty-background.tsx index b36eef643f..3e0651e21d 100644 --- a/apps/v4/examples/base/empty-background.tsx +++ b/apps/v4/examples/base/empty-background.tsx @@ -1,7 +1,4 @@ -import { IconBell } from "@tabler/icons-react" -import { RefreshCcwIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Empty, EmptyContent, @@ -9,7 +6,9 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" +import { IconBell } from "@tabler/icons-react" +import { RefreshCcwIcon } from "lucide-react" export function EmptyMuted() { return ( diff --git a/apps/v4/examples/base/empty-card.tsx b/apps/v4/examples/base/empty-card.tsx index 8b56552321..7a88d8c0f6 100644 --- a/apps/v4/examples/base/empty-card.tsx +++ b/apps/v4/examples/base/empty-card.tsx @@ -1,6 +1,4 @@ -import { ArrowUpRightIcon, FolderIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Empty, EmptyContent, @@ -8,7 +6,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" +import { ArrowUpRightIcon, FolderIcon } from "lucide-react" export function EmptyInCard() { return ( diff --git a/apps/v4/examples/base/empty-demo.tsx b/apps/v4/examples/base/empty-demo.tsx index 91104392b4..02af5824dc 100644 --- a/apps/v4/examples/base/empty-demo.tsx +++ b/apps/v4/examples/base/empty-demo.tsx @@ -1,7 +1,4 @@ -import { IconFolderCode } from "@tabler/icons-react" -import { ArrowUpRightIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Empty, EmptyContent, @@ -9,7 +6,9 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" +import { IconFolderCode } from "@tabler/icons-react" +import { ArrowUpRightIcon } from "lucide-react" export default function EmptyDemo() { return ( diff --git a/apps/v4/examples/base/empty-input-group.tsx b/apps/v4/examples/base/empty-input-group.tsx index 7c8a811def..6e1a452bf9 100644 --- a/apps/v4/examples/base/empty-input-group.tsx +++ b/apps/v4/examples/base/empty-input-group.tsx @@ -1,18 +1,17 @@ -import { SearchIcon } from "lucide-react" - import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { Kbd } from "@/styles/base-nova/ui/kbd" +} from "@/examples/base/ui/input-group" +import { Kbd } from "@/examples/base/ui/kbd" +import { SearchIcon } from "lucide-react" export default function EmptyInputGroup() { return ( diff --git a/apps/v4/examples/base/empty-outline.tsx b/apps/v4/examples/base/empty-outline.tsx index b363bd2c95..ee676054e6 100644 --- a/apps/v4/examples/base/empty-outline.tsx +++ b/apps/v4/examples/base/empty-outline.tsx @@ -1,6 +1,4 @@ -import { IconCloud } from "@tabler/icons-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Empty, EmptyContent, @@ -8,7 +6,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui/empty" +} from "@/examples/base/ui/empty" +import { IconCloud } from "@tabler/icons-react" export default function EmptyOutline() { return ( diff --git a/apps/v4/examples/base/empty-rtl.tsx b/apps/v4/examples/base/empty-rtl.tsx index caff96b5cf..ca1528fd35 100644 --- a/apps/v4/examples/base/empty-rtl.tsx +++ b/apps/v4/examples/base/empty-rtl.tsx @@ -1,14 +1,7 @@ "use client" import * as React from "react" -import { IconFolderCode } from "@tabler/icons-react" -import { ArrowUpRightIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Empty, EmptyContent, @@ -16,7 +9,14 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/styles/base-nova/ui-rtl/empty" +} from "@/examples/base/ui-rtl/empty" +import { IconFolderCode } from "@tabler/icons-react" +import { ArrowUpRightIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/field-checkbox.tsx b/apps/v4/examples/base/field-checkbox.tsx index ee171605e3..fc1d29c82e 100644 --- a/apps/v4/examples/base/field-checkbox.tsx +++ b/apps/v4/examples/base/field-checkbox.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Field, FieldContent, @@ -8,7 +8,7 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" export function FieldCheckbox() { return ( diff --git a/apps/v4/examples/base/field-choice-card.tsx b/apps/v4/examples/base/field-choice-card.tsx index 1e30e76462..67436a78b3 100644 --- a/apps/v4/examples/base/field-choice-card.tsx +++ b/apps/v4/examples/base/field-choice-card.tsx @@ -7,8 +7,8 @@ import { FieldLegend, FieldSet, FieldTitle, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export default function FieldChoiceCard() { return ( diff --git a/apps/v4/examples/base/field-demo.tsx b/apps/v4/examples/base/field-demo.tsx index 448cb67b81..e4d1c6cae9 100644 --- a/apps/v4/examples/base/field-demo.tsx +++ b/apps/v4/examples/base/field-demo.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Button } from "@/examples/base/ui/button" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Field, FieldDescription, @@ -8,8 +8,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { Select, SelectContent, @@ -17,8 +17,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" -import { Textarea } from "@/styles/base-nova/ui/textarea" +} from "@/examples/base/ui/select" +import { Textarea } from "@/examples/base/ui/textarea" const months = [ { label: "MM", value: null }, diff --git a/apps/v4/examples/base/field-fieldset.tsx b/apps/v4/examples/base/field-fieldset.tsx index 37b815a540..b7caccc95a 100644 --- a/apps/v4/examples/base/field-fieldset.tsx +++ b/apps/v4/examples/base/field-fieldset.tsx @@ -5,8 +5,8 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function FieldFieldset() { return ( diff --git a/apps/v4/examples/base/field-group.tsx b/apps/v4/examples/base/field-group.tsx index 82ce0d3faa..8d86f5bba8 100644 --- a/apps/v4/examples/base/field-group.tsx +++ b/apps/v4/examples/base/field-group.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Checkbox } from "@/examples/base/ui/checkbox" import { Field, FieldDescription, @@ -6,7 +6,7 @@ import { FieldLabel, FieldSeparator, FieldSet, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" export default function FieldGroupExample() { return ( diff --git a/apps/v4/examples/base/field-input.tsx b/apps/v4/examples/base/field-input.tsx index c39ae98664..4290e03f0c 100644 --- a/apps/v4/examples/base/field-input.tsx +++ b/apps/v4/examples/base/field-input.tsx @@ -4,8 +4,8 @@ import { FieldGroup, FieldLabel, FieldSet, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export default function FieldInput() { return ( diff --git a/apps/v4/examples/base/field-radio.tsx b/apps/v4/examples/base/field-radio.tsx index 031e1e23fa..64cc75c710 100644 --- a/apps/v4/examples/base/field-radio.tsx +++ b/apps/v4/examples/base/field-radio.tsx @@ -4,8 +4,8 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function FieldRadio() { return ( diff --git a/apps/v4/examples/base/field-responsive.tsx b/apps/v4/examples/base/field-responsive.tsx index 173d046868..65d303c090 100644 --- a/apps/v4/examples/base/field-responsive.tsx +++ b/apps/v4/examples/base/field-responsive.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Field, FieldContent, @@ -7,8 +7,8 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function FieldResponsive() { return ( diff --git a/apps/v4/examples/base/field-rtl.tsx b/apps/v4/examples/base/field-rtl.tsx index b92bffce4e..d3e6bb226e 100644 --- a/apps/v4/examples/base/field-rtl.tsx +++ b/apps/v4/examples/base/field-rtl.tsx @@ -1,13 +1,8 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" +import { Button } from "@/examples/base/ui-rtl/button" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" import { Field, FieldDescription, @@ -16,8 +11,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/styles/base-nova/ui-rtl/field" -import { Input } from "@/styles/base-nova/ui-rtl/input" +} from "@/examples/base/ui-rtl/field" +import { Input } from "@/examples/base/ui-rtl/input" import { Select, SelectContent, @@ -25,8 +20,13 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui-rtl/select" -import { Textarea } from "@/styles/base-nova/ui-rtl/textarea" +} from "@/examples/base/ui-rtl/select" +import { Textarea } from "@/examples/base/ui-rtl/textarea" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const months = [ { label: "MM", value: null }, diff --git a/apps/v4/examples/base/field-select.tsx b/apps/v4/examples/base/field-select.tsx index fa7c9a2112..7c90a807db 100644 --- a/apps/v4/examples/base/field-select.tsx +++ b/apps/v4/examples/base/field-select.tsx @@ -1,8 +1,4 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" import { Select, SelectContent, @@ -10,7 +6,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" const items = [ { label: "Choose department", value: null }, diff --git a/apps/v4/examples/base/field-slider.tsx b/apps/v4/examples/base/field-slider.tsx index e769589b5e..4f7390830d 100644 --- a/apps/v4/examples/base/field-slider.tsx +++ b/apps/v4/examples/base/field-slider.tsx @@ -1,13 +1,8 @@ "use client" import * as React from "react" - -import { - Field, - FieldDescription, - FieldTitle, -} from "@/styles/base-nova/ui/field" -import { Slider } from "@/styles/base-nova/ui/slider" +import { Field, FieldDescription, FieldTitle } from "@/examples/base/ui/field" +import { Slider } from "@/examples/base/ui/slider" export default function FieldSlider() { const [value, setValue] = React.useState([200, 800]) diff --git a/apps/v4/examples/base/field-switch.tsx b/apps/v4/examples/base/field-switch.tsx index 6017f42a3c..86d218d1f0 100644 --- a/apps/v4/examples/base/field-switch.tsx +++ b/apps/v4/examples/base/field-switch.tsx @@ -1,5 +1,5 @@ -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" -import { Switch } from "@/styles/base-nova/ui/switch" +import { Field, FieldLabel } from "@/examples/base/ui/field" +import { Switch } from "@/examples/base/ui/switch" export default function FieldSwitch() { return ( diff --git a/apps/v4/examples/base/field-textarea.tsx b/apps/v4/examples/base/field-textarea.tsx index ad8b62c30b..8c59733801 100644 --- a/apps/v4/examples/base/field-textarea.tsx +++ b/apps/v4/examples/base/field-textarea.tsx @@ -4,8 +4,8 @@ import { FieldGroup, FieldLabel, FieldSet, -} from "@/styles/base-nova/ui/field" -import { Textarea } from "@/styles/base-nova/ui/textarea" +} from "@/examples/base/ui/field" +import { Textarea } from "@/examples/base/ui/textarea" export default function FieldTextarea() { return ( diff --git a/apps/v4/examples/base/file-upload-list.tsx b/apps/v4/examples/base/file-upload-list.tsx index 966dd521e7..3f507c87cf 100644 --- a/apps/v4/examples/base/file-upload-list.tsx +++ b/apps/v4/examples/base/file-upload-list.tsx @@ -1,8 +1,6 @@ "use client" import * as React from "react" -import { FileIcon } from "lucide-react" - import { Item, ItemActions, @@ -10,8 +8,9 @@ import { ItemGroup, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" -import { Progress } from "@/styles/base-nova/ui/progress" +} from "@/examples/base/ui/item" +import { Progress } from "@/examples/base/ui/progress" +import { FileIcon } from "lucide-react" export function FileUploadList() { const files = React.useMemo( diff --git a/apps/v4/examples/base/hooks/use-mobile.ts b/apps/v4/examples/base/hooks/use-mobile.ts new file mode 100644 index 0000000000..2b0fe1dfef --- /dev/null +++ b/apps/v4/examples/base/hooks/use-mobile.ts @@ -0,0 +1,19 @@ +import * as React from "react" + +const MOBILE_BREAKPOINT = 768 + +export function useIsMobile() { + const [isMobile, setIsMobile] = React.useState(undefined) + + React.useEffect(() => { + const mql = window.matchMedia(`(max-width: ${MOBILE_BREAKPOINT - 1}px)`) + const onChange = () => { + setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) + } + mql.addEventListener("change", onChange) + setIsMobile(window.innerWidth < MOBILE_BREAKPOINT) + return () => mql.removeEventListener("change", onChange) + }, []) + + return !!isMobile +} diff --git a/apps/v4/examples/base/hover-card-demo.tsx b/apps/v4/examples/base/hover-card-demo.tsx index c4855baca4..1b8a8c53b5 100644 --- a/apps/v4/examples/base/hover-card-demo.tsx +++ b/apps/v4/examples/base/hover-card-demo.tsx @@ -1,14 +1,10 @@ -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { HoverCard, HoverCardContent, HoverCardTrigger, -} from "@/styles/base-nova/ui/hover-card" +} from "@/examples/base/ui/hover-card" export default function HoverCardDemo() { return ( diff --git a/apps/v4/examples/base/hover-card-rtl.tsx b/apps/v4/examples/base/hover-card-rtl.tsx index 1b1426fd0f..f6b0d632b5 100644 --- a/apps/v4/examples/base/hover-card-rtl.tsx +++ b/apps/v4/examples/base/hover-card-rtl.tsx @@ -1,15 +1,16 @@ "use client" +import { Button } from "@/examples/base/ui-rtl/button" +import { + HoverCard, + HoverCardContent, + HoverCardTrigger, +} from "@/examples/base/ui-rtl/hover-card" + import { useTranslation, type Translations, } from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { - HoverCard, - HoverCardContent, - HoverCardTrigger, -} from "@/styles/base-nova/ui-rtl/hover-card" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/hover-card-sides.tsx b/apps/v4/examples/base/hover-card-sides.tsx index 11c92e5868..727b569492 100644 --- a/apps/v4/examples/base/hover-card-sides.tsx +++ b/apps/v4/examples/base/hover-card-sides.tsx @@ -1,9 +1,9 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { HoverCard, HoverCardContent, HoverCardTrigger, -} from "@/styles/base-nova/ui/hover-card" +} from "@/examples/base/ui/hover-card" const HOVER_CARD_SIDES = ["left", "top", "bottom", "right"] as const diff --git a/apps/v4/examples/base/input-badge.tsx b/apps/v4/examples/base/input-badge.tsx index a2bccbd575..264745e5c4 100644 --- a/apps/v4/examples/base/input-badge.tsx +++ b/apps/v4/examples/base/input-badge.tsx @@ -1,6 +1,6 @@ -import { Badge } from "@/styles/base-nova/ui/badge" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Badge } from "@/examples/base/ui/badge" +import { Field, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputBadge() { return ( diff --git a/apps/v4/examples/base/input-basic.tsx b/apps/v4/examples/base/input-basic.tsx index 4cac4b5ee6..847be56e1f 100644 --- a/apps/v4/examples/base/input-basic.tsx +++ b/apps/v4/examples/base/input-basic.tsx @@ -1,4 +1,4 @@ -import { Input } from "@/styles/base-nova/ui/input" +import { Input } from "@/examples/base/ui/input" export function InputBasic() { return diff --git a/apps/v4/examples/base/input-button-group.tsx b/apps/v4/examples/base/input-button-group.tsx index fd9539b957..4097d8c320 100644 --- a/apps/v4/examples/base/input-button-group.tsx +++ b/apps/v4/examples/base/input-button-group.tsx @@ -1,7 +1,7 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" +import { Field, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputButtonGroup() { return ( diff --git a/apps/v4/examples/base/input-demo.tsx b/apps/v4/examples/base/input-demo.tsx index a1ffac47eb..0be43c4e55 100644 --- a/apps/v4/examples/base/input-demo.tsx +++ b/apps/v4/examples/base/input-demo.tsx @@ -1,9 +1,5 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputDemo() { return ( diff --git a/apps/v4/examples/base/input-disabled.tsx b/apps/v4/examples/base/input-disabled.tsx index 8bb78b6389..567bda7be7 100644 --- a/apps/v4/examples/base/input-disabled.tsx +++ b/apps/v4/examples/base/input-disabled.tsx @@ -1,9 +1,5 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputDisabled() { return ( diff --git a/apps/v4/examples/base/input-field.tsx b/apps/v4/examples/base/input-field.tsx index 82f7d6d0c4..2edf3b6155 100644 --- a/apps/v4/examples/base/input-field.tsx +++ b/apps/v4/examples/base/input-field.tsx @@ -1,9 +1,5 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputField() { return ( diff --git a/apps/v4/examples/base/input-fieldgroup.tsx b/apps/v4/examples/base/input-fieldgroup.tsx index 98701317b6..1abb521f2a 100644 --- a/apps/v4/examples/base/input-fieldgroup.tsx +++ b/apps/v4/examples/base/input-fieldgroup.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputFieldgroup() { return ( diff --git a/apps/v4/examples/base/input-file.tsx b/apps/v4/examples/base/input-file.tsx index 9ceceb673a..a42a60e51c 100644 --- a/apps/v4/examples/base/input-file.tsx +++ b/apps/v4/examples/base/input-file.tsx @@ -1,9 +1,5 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputFile() { return ( diff --git a/apps/v4/examples/base/input-form.tsx b/apps/v4/examples/base/input-form.tsx index bbba3aa80c..5019496f8d 100644 --- a/apps/v4/examples/base/input-form.tsx +++ b/apps/v4/examples/base/input-form.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { Select, SelectContent, @@ -13,7 +13,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" export function InputForm() { const countries = [ diff --git a/apps/v4/examples/base/input-grid.tsx b/apps/v4/examples/base/input-grid.tsx index a1cbc498e1..17c7c87bed 100644 --- a/apps/v4/examples/base/input-grid.tsx +++ b/apps/v4/examples/base/input-grid.tsx @@ -1,5 +1,5 @@ -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputGrid() { return ( diff --git a/apps/v4/examples/base/input-group-basic.tsx b/apps/v4/examples/base/input-group-basic.tsx index ce0d182b8e..788269685e 100644 --- a/apps/v4/examples/base/input-group-basic.tsx +++ b/apps/v4/examples/base/input-group-basic.tsx @@ -1,6 +1,6 @@ -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" -import { InputGroup, InputGroupInput } from "@/styles/base-nova/ui/input-group" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" +import { InputGroup, InputGroupInput } from "@/examples/base/ui/input-group" export function InputGroupBasic() { return ( diff --git a/apps/v4/examples/base/input-group-block-end.tsx b/apps/v4/examples/base/input-group-block-end.tsx index ad4ac4c2d2..7a2e6697fa 100644 --- a/apps/v4/examples/base/input-group-block-end.tsx +++ b/apps/v4/examples/base/input-group-block-end.tsx @@ -3,7 +3,7 @@ import { FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, @@ -11,7 +11,7 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" export function InputGroupBlockEnd() { return ( diff --git a/apps/v4/examples/base/input-group-block-start.tsx b/apps/v4/examples/base/input-group-block-start.tsx index cab7e24176..cd9d71c9aa 100644 --- a/apps/v4/examples/base/input-group-block-start.tsx +++ b/apps/v4/examples/base/input-group-block-start.tsx @@ -1,11 +1,9 @@ -import { CopyIcon, FileCodeIcon } from "lucide-react" - import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, @@ -13,7 +11,8 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { CopyIcon, FileCodeIcon } from "lucide-react" export function InputGroupBlockStart() { return ( diff --git a/apps/v4/examples/base/input-group-button-group.tsx b/apps/v4/examples/base/input-group-button-group.tsx index 73647a2285..6945bdedba 100644 --- a/apps/v4/examples/base/input-group-button-group.tsx +++ b/apps/v4/examples/base/input-group-button-group.tsx @@ -1,15 +1,11 @@ -import { Link2Icon } from "lucide-react" - -import { - ButtonGroup, - ButtonGroupText, -} from "@/styles/base-nova/ui/button-group" +import { ButtonGroup, ButtonGroupText } from "@/examples/base/ui/button-group" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/input-group" +import { Label } from "@/examples/base/ui/label" +import { Link2Icon } from "lucide-react" export default function InputGroupButtonGroup() { return ( diff --git a/apps/v4/examples/base/input-group-button.tsx b/apps/v4/examples/base/input-group-button.tsx index 33cdcdaa3d..68236dffe7 100644 --- a/apps/v4/examples/base/input-group-button.tsx +++ b/apps/v4/examples/base/input-group-button.tsx @@ -1,6 +1,17 @@ "use client" import * as React from "react" +import { + InputGroup, + InputGroupAddon, + InputGroupButton, + InputGroupInput, +} from "@/examples/base/ui/input-group" +import { + Popover, + PopoverContent, + PopoverTrigger, +} from "@/examples/base/ui/popover" import { IconCheck, IconCopy, @@ -9,17 +20,6 @@ import { } from "@tabler/icons-react" import { useCopyToClipboard } from "@/hooks/use-copy-to-clipboard" -import { - InputGroup, - InputGroupAddon, - InputGroupButton, - InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { - Popover, - PopoverContent, - PopoverTrigger, -} from "@/styles/base-nova/ui/popover" export default function InputGroupButtonExample() { const { copyToClipboard, isCopied } = useCopyToClipboard() diff --git a/apps/v4/examples/base/input-group-custom.tsx b/apps/v4/examples/base/input-group-custom.tsx index 1990bea181..826d8758af 100644 --- a/apps/v4/examples/base/input-group-custom.tsx +++ b/apps/v4/examples/base/input-group-custom.tsx @@ -1,12 +1,11 @@ "use client" -import TextareaAutosize from "react-textarea-autosize" - import { InputGroup, InputGroupAddon, InputGroupButton, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import TextareaAutosize from "react-textarea-autosize" export default function InputGroupCustom() { return ( diff --git a/apps/v4/examples/base/input-group-demo.tsx b/apps/v4/examples/base/input-group-demo.tsx index 7e04f1ed40..c613deb1a2 100644 --- a/apps/v4/examples/base/input-group-demo.tsx +++ b/apps/v4/examples/base/input-group-demo.tsx @@ -1,10 +1,9 @@ -import { Search } from "lucide-react" - import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { Search } from "lucide-react" export function InputGroupDemo() { return ( diff --git a/apps/v4/examples/base/input-group-dropdown.tsx b/apps/v4/examples/base/input-group-dropdown.tsx index 378a968706..a085b16ca2 100644 --- a/apps/v4/examples/base/input-group-dropdown.tsx +++ b/apps/v4/examples/base/input-group-dropdown.tsx @@ -1,20 +1,19 @@ "use client" -import { ChevronDownIcon, MoreHorizontal } from "lucide-react" - import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { ChevronDownIcon, MoreHorizontal } from "lucide-react" export function InputGroupDropdown() { return ( diff --git a/apps/v4/examples/base/input-group-icon.tsx b/apps/v4/examples/base/input-group-icon.tsx index 75a1e6a890..2b62ff3785 100644 --- a/apps/v4/examples/base/input-group-icon.tsx +++ b/apps/v4/examples/base/input-group-icon.tsx @@ -1,3 +1,8 @@ +import { + InputGroup, + InputGroupAddon, + InputGroupInput, +} from "@/examples/base/ui/input-group" import { CheckIcon, CreditCardIcon, @@ -7,12 +12,6 @@ import { StarIcon, } from "lucide-react" -import { - InputGroup, - InputGroupAddon, - InputGroupInput, -} from "@/styles/base-nova/ui/input-group" - export default function InputGroupIcon() { return (
diff --git a/apps/v4/examples/base/input-group-in-card.tsx b/apps/v4/examples/base/input-group-in-card.tsx index 4b6774c807..b4fdc954dd 100644 --- a/apps/v4/examples/base/input-group-in-card.tsx +++ b/apps/v4/examples/base/input-group-in-card.tsx @@ -1,6 +1,4 @@ -import { ExternalLinkIcon, MailIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Card, CardContent, @@ -8,16 +6,17 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/card" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { ExternalLinkIcon, MailIcon } from "lucide-react" export function InputGroupInCard() { return ( diff --git a/apps/v4/examples/base/input-group-inline-end.tsx b/apps/v4/examples/base/input-group-inline-end.tsx index 376fbcb284..1ed2f22372 100644 --- a/apps/v4/examples/base/input-group-inline-end.tsx +++ b/apps/v4/examples/base/input-group-inline-end.tsx @@ -1,15 +1,10 @@ -import { EyeOffIcon } from "lucide-react" - -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { EyeOffIcon } from "lucide-react" export function InputGroupInlineEnd() { return ( diff --git a/apps/v4/examples/base/input-group-inline-start.tsx b/apps/v4/examples/base/input-group-inline-start.tsx index f1de7c3dc3..bb2eb5b4a3 100644 --- a/apps/v4/examples/base/input-group-inline-start.tsx +++ b/apps/v4/examples/base/input-group-inline-start.tsx @@ -1,15 +1,10 @@ -import { SearchIcon } from "lucide-react" - -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { SearchIcon } from "lucide-react" export function InputGroupInlineStart() { return ( diff --git a/apps/v4/examples/base/input-group-kbd.tsx b/apps/v4/examples/base/input-group-kbd.tsx index b97f16654c..cc806283b1 100644 --- a/apps/v4/examples/base/input-group-kbd.tsx +++ b/apps/v4/examples/base/input-group-kbd.tsx @@ -1,11 +1,10 @@ -import { SearchIcon } from "lucide-react" - import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { Kbd } from "@/styles/base-nova/ui/kbd" +} from "@/examples/base/ui/input-group" +import { Kbd } from "@/examples/base/ui/kbd" +import { SearchIcon } from "lucide-react" export function InputGroupKbd() { return ( diff --git a/apps/v4/examples/base/input-group-label.tsx b/apps/v4/examples/base/input-group-label.tsx index e38212d63b..095f641f2d 100644 --- a/apps/v4/examples/base/input-group-label.tsx +++ b/apps/v4/examples/base/input-group-label.tsx @@ -1,17 +1,16 @@ -import { InfoIcon } from "lucide-react" - import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/input-group" +import { Label } from "@/examples/base/ui/label" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui/tooltip" +} from "@/examples/base/ui/tooltip" +import { InfoIcon } from "lucide-react" export default function InputGroupLabel() { return ( diff --git a/apps/v4/examples/base/input-group-rtl.tsx b/apps/v4/examples/base/input-group-rtl.tsx index 05f11ce2d1..2045fa4add 100644 --- a/apps/v4/examples/base/input-group-rtl.tsx +++ b/apps/v4/examples/base/input-group-rtl.tsx @@ -1,18 +1,12 @@ "use client" import * as React from "react" -import { Search } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui-rtl/field" +} from "@/examples/base/ui-rtl/field" import { InputGroup, InputGroupAddon, @@ -20,8 +14,14 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/styles/base-nova/ui-rtl/input-group" -import { Spinner } from "@/styles/base-nova/ui-rtl/spinner" +} from "@/examples/base/ui-rtl/input-group" +import { Spinner } from "@/examples/base/ui-rtl/spinner" +import { Search } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/input-group-spinner.tsx b/apps/v4/examples/base/input-group-spinner.tsx index bf9af4f8a7..6a0a892a59 100644 --- a/apps/v4/examples/base/input-group-spinner.tsx +++ b/apps/v4/examples/base/input-group-spinner.tsx @@ -1,12 +1,11 @@ -import { LoaderIcon } from "lucide-react" - import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, -} from "@/styles/base-nova/ui/input-group" -import { Spinner } from "@/styles/base-nova/ui/spinner" +} from "@/examples/base/ui/input-group" +import { Spinner } from "@/examples/base/ui/spinner" +import { LoaderIcon } from "lucide-react" export default function InputGroupSpinner() { return ( diff --git a/apps/v4/examples/base/input-group-text.tsx b/apps/v4/examples/base/input-group-text.tsx index a989b224de..3c3b2f5399 100644 --- a/apps/v4/examples/base/input-group-text.tsx +++ b/apps/v4/examples/base/input-group-text.tsx @@ -4,7 +4,7 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" export default function InputGroupTextExample() { return ( diff --git a/apps/v4/examples/base/input-group-textarea-examples.tsx b/apps/v4/examples/base/input-group-textarea-examples.tsx index 99d0061b76..7d0ed2e974 100644 --- a/apps/v4/examples/base/input-group-textarea-examples.tsx +++ b/apps/v4/examples/base/input-group-textarea-examples.tsx @@ -1,3 +1,18 @@ +import { + Field, + FieldDescription, + FieldGroup, + FieldLabel, +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" +import { + InputGroup, + InputGroupAddon, + InputGroupButton, + InputGroupText, + InputGroupTextarea, +} from "@/examples/base/ui/input-group" +import { Textarea } from "@/examples/base/ui/textarea" import { ArrowUpIcon, CodeIcon, @@ -6,22 +21,6 @@ import { RefreshCwIcon, } from "lucide-react" -import { - Field, - FieldDescription, - FieldGroup, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" -import { - InputGroup, - InputGroupAddon, - InputGroupButton, - InputGroupText, - InputGroupTextarea, -} from "@/styles/base-nova/ui/input-group" -import { Textarea } from "@/styles/base-nova/ui/textarea" - export function InputGroupTextareaExamples() { return ( diff --git a/apps/v4/examples/base/input-group-textarea.tsx b/apps/v4/examples/base/input-group-textarea.tsx index 66d41f11cb..bc304d4445 100644 --- a/apps/v4/examples/base/input-group-textarea.tsx +++ b/apps/v4/examples/base/input-group-textarea.tsx @@ -1,17 +1,16 @@ -import { - IconBrandJavascript, - IconCopy, - IconCornerDownLeft, - IconRefresh, -} from "@tabler/icons-react" - import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupText, InputGroupTextarea, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { + IconBrandJavascript, + IconCopy, + IconCornerDownLeft, + IconRefresh, +} from "@tabler/icons-react" export default function InputGroupTextareaExample() { return ( diff --git a/apps/v4/examples/base/input-group-tooltip.tsx b/apps/v4/examples/base/input-group-tooltip.tsx index 5dee21fa8a..e75adef6a7 100644 --- a/apps/v4/examples/base/input-group-tooltip.tsx +++ b/apps/v4/examples/base/input-group-tooltip.tsx @@ -1,16 +1,15 @@ -import { HelpCircle, InfoIcon } from "lucide-react" - import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui/tooltip" +} from "@/examples/base/ui/tooltip" +import { HelpCircle, InfoIcon } from "lucide-react" export default function InputGroupTooltip() { return ( diff --git a/apps/v4/examples/base/input-group-with-addons.tsx b/apps/v4/examples/base/input-group-with-addons.tsx index 6a05d27181..1a151caa53 100644 --- a/apps/v4/examples/base/input-group-with-addons.tsx +++ b/apps/v4/examples/base/input-group-with-addons.tsx @@ -1,5 +1,18 @@ "use client" +import { + Field, + FieldDescription, + FieldGroup, + FieldLabel, +} from "@/examples/base/ui/field" +import { + InputGroup, + InputGroupAddon, + InputGroupButton, + InputGroupInput, + InputGroupText, +} from "@/examples/base/ui/input-group" import { CopyIcon, EyeOffIcon, @@ -11,20 +24,6 @@ import { } from "lucide-react" import { toast } from "sonner" -import { - Field, - FieldDescription, - FieldGroup, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { - InputGroup, - InputGroupAddon, - InputGroupButton, - InputGroupInput, - InputGroupText, -} from "@/styles/base-nova/ui/input-group" - export function InputGroupWithAddons() { return ( diff --git a/apps/v4/examples/base/input-group-with-buttons.tsx b/apps/v4/examples/base/input-group-with-buttons.tsx index 3b0ed454f7..fbb25c9784 100644 --- a/apps/v4/examples/base/input-group-with-buttons.tsx +++ b/apps/v4/examples/base/input-group-with-buttons.tsx @@ -1,14 +1,13 @@ -import { CopyIcon, TrashIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Button } from "@/examples/base/ui/button" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { CopyIcon, TrashIcon } from "lucide-react" export function InputGroupWithButtons() { return ( diff --git a/apps/v4/examples/base/input-group-with-kbd.tsx b/apps/v4/examples/base/input-group-with-kbd.tsx index 1c8521d2b9..8cb57a22a4 100644 --- a/apps/v4/examples/base/input-group-with-kbd.tsx +++ b/apps/v4/examples/base/input-group-with-kbd.tsx @@ -1,19 +1,18 @@ -import { CheckIcon, InfoIcon, SearchIcon, SparklesIcon } from "lucide-react" - import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +} from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { Kbd, KbdGroup } from "@/styles/base-nova/ui/kbd" -import { Spinner } from "@/styles/base-nova/ui/spinner" +} from "@/examples/base/ui/input-group" +import { Kbd, KbdGroup } from "@/examples/base/ui/kbd" +import { Spinner } from "@/examples/base/ui/spinner" +import { CheckIcon, InfoIcon, SearchIcon, SparklesIcon } from "lucide-react" export function InputGroupWithKbd() { return ( diff --git a/apps/v4/examples/base/input-group-with-tooltip.tsx b/apps/v4/examples/base/input-group-with-tooltip.tsx index 3e700c72c6..46e77e4942 100644 --- a/apps/v4/examples/base/input-group-with-tooltip.tsx +++ b/apps/v4/examples/base/input-group-with-tooltip.tsx @@ -1,30 +1,24 @@ "use client" -import { ChevronDownIcon, InfoIcon, StarIcon } from "lucide-react" -import { toast } from "sonner" - -import { - ButtonGroup, - ButtonGroupText, -} from "@/styles/base-nova/ui/button-group" +import { ButtonGroup, ButtonGroupText } from "@/examples/base/ui/button-group" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" import { Popover, PopoverContent, @@ -32,12 +26,14 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui/tooltip" +} from "@/examples/base/ui/tooltip" +import { ChevronDownIcon, InfoIcon, StarIcon } from "lucide-react" +import { toast } from "sonner" export function InputGroupWithTooltip({ country, diff --git a/apps/v4/examples/base/input-inline.tsx b/apps/v4/examples/base/input-inline.tsx index 320ca50738..96eb709aed 100644 --- a/apps/v4/examples/base/input-inline.tsx +++ b/apps/v4/examples/base/input-inline.tsx @@ -1,6 +1,6 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Field } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Button } from "@/examples/base/ui/button" +import { Field } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputInline() { return ( diff --git a/apps/v4/examples/base/input-input-group.tsx b/apps/v4/examples/base/input-input-group.tsx index 818532192c..4bb887b4cd 100644 --- a/apps/v4/examples/base/input-input-group.tsx +++ b/apps/v4/examples/base/input-input-group.tsx @@ -1,12 +1,11 @@ -import { InfoIcon } from "lucide-react" - -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, -} from "@/styles/base-nova/ui/input-group" +} from "@/examples/base/ui/input-group" +import { InfoIcon } from "lucide-react" export function InputInputGroup() { return ( diff --git a/apps/v4/examples/base/input-invalid.tsx b/apps/v4/examples/base/input-invalid.tsx index 5a9cc85691..0b5dbbff7e 100644 --- a/apps/v4/examples/base/input-invalid.tsx +++ b/apps/v4/examples/base/input-invalid.tsx @@ -1,9 +1,5 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputInvalid() { return ( diff --git a/apps/v4/examples/base/input-otp-alphanumeric.tsx b/apps/v4/examples/base/input-otp-alphanumeric.tsx index 9720947768..3a3122d613 100644 --- a/apps/v4/examples/base/input-otp-alphanumeric.tsx +++ b/apps/v4/examples/base/input-otp-alphanumeric.tsx @@ -1,13 +1,12 @@ "use client" -import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp" - import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" +import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp" export function InputOTPAlphanumeric() { return ( diff --git a/apps/v4/examples/base/input-otp-controlled.tsx b/apps/v4/examples/base/input-otp-controlled.tsx index a2fe96a706..9741863e67 100644 --- a/apps/v4/examples/base/input-otp-controlled.tsx +++ b/apps/v4/examples/base/input-otp-controlled.tsx @@ -1,12 +1,11 @@ "use client" import * as React from "react" - import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" export default function InputOTPControlled() { const [value, setValue] = React.useState("") diff --git a/apps/v4/examples/base/input-otp-demo.tsx b/apps/v4/examples/base/input-otp-demo.tsx index eefe92ce49..359e4605a9 100644 --- a/apps/v4/examples/base/input-otp-demo.tsx +++ b/apps/v4/examples/base/input-otp-demo.tsx @@ -2,7 +2,7 @@ import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" export function InputOTPDemo() { return ( diff --git a/apps/v4/examples/base/input-otp-disabled.tsx b/apps/v4/examples/base/input-otp-disabled.tsx index b345a0e031..b5ebd8f58e 100644 --- a/apps/v4/examples/base/input-otp-disabled.tsx +++ b/apps/v4/examples/base/input-otp-disabled.tsx @@ -1,10 +1,10 @@ -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" export function InputOTPDisabled() { return ( diff --git a/apps/v4/examples/base/input-otp-form.tsx b/apps/v4/examples/base/input-otp-form.tsx index e5c993a7f1..ef237c9808 100644 --- a/apps/v4/examples/base/input-otp-form.tsx +++ b/apps/v4/examples/base/input-otp-form.tsx @@ -1,6 +1,4 @@ -import { RefreshCwIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Card, CardContent, @@ -8,18 +6,15 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/styles/base-nova/ui/card" -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" +} from "@/examples/base/ui/card" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" +import { RefreshCwIcon } from "lucide-react" export function InputOTPForm() { return ( diff --git a/apps/v4/examples/base/input-otp-four-digits.tsx b/apps/v4/examples/base/input-otp-four-digits.tsx index 52efb06956..fe691a473b 100644 --- a/apps/v4/examples/base/input-otp-four-digits.tsx +++ b/apps/v4/examples/base/input-otp-four-digits.tsx @@ -1,12 +1,11 @@ "use client" -import { REGEXP_ONLY_DIGITS } from "input-otp" - import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" +import { REGEXP_ONLY_DIGITS } from "input-otp" export function InputOTPFourDigits() { return ( diff --git a/apps/v4/examples/base/input-otp-invalid.tsx b/apps/v4/examples/base/input-otp-invalid.tsx index 47a1be3cba..bed716eda3 100644 --- a/apps/v4/examples/base/input-otp-invalid.tsx +++ b/apps/v4/examples/base/input-otp-invalid.tsx @@ -1,13 +1,12 @@ "use client" import * as React from "react" - import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" export function InputOTPInvalid() { const [value, setValue] = React.useState("000000") diff --git a/apps/v4/examples/base/input-otp-pattern.tsx b/apps/v4/examples/base/input-otp-pattern.tsx index 1a5da48c40..f22f719ad9 100644 --- a/apps/v4/examples/base/input-otp-pattern.tsx +++ b/apps/v4/examples/base/input-otp-pattern.tsx @@ -1,13 +1,12 @@ "use client" -import { REGEXP_ONLY_DIGITS } from "input-otp" - -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" +import { REGEXP_ONLY_DIGITS } from "input-otp" export function InputOTPPattern() { return ( diff --git a/apps/v4/examples/base/input-otp-rtl.tsx b/apps/v4/examples/base/input-otp-rtl.tsx index 368139b180..9f67619abe 100644 --- a/apps/v4/examples/base/input-otp-rtl.tsx +++ b/apps/v4/examples/base/input-otp-rtl.tsx @@ -1,17 +1,17 @@ "use client" import * as React from "react" +import { Field, FieldLabel } from "@/examples/base/ui-rtl/field" +import { + InputOTP, + InputOTPGroup, + InputOTPSlot, +} from "@/examples/base/ui-rtl/input-otp" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Field, FieldLabel } from "@/styles/base-nova/ui-rtl/field" -import { - InputOTP, - InputOTPGroup, - InputOTPSlot, -} from "@/styles/base-nova/ui-rtl/input-otp" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/input-otp-separator.tsx b/apps/v4/examples/base/input-otp-separator.tsx index 8d03506f75..7cff67fbd6 100644 --- a/apps/v4/examples/base/input-otp-separator.tsx +++ b/apps/v4/examples/base/input-otp-separator.tsx @@ -3,7 +3,7 @@ import { InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/styles/base-nova/ui/input-otp" +} from "@/examples/base/ui/input-otp" export default function InputOTPWithSeparator() { return ( diff --git a/apps/v4/examples/base/input-required.tsx b/apps/v4/examples/base/input-required.tsx index e6cd5d35cd..b581e66fcb 100644 --- a/apps/v4/examples/base/input-required.tsx +++ b/apps/v4/examples/base/input-required.tsx @@ -1,9 +1,5 @@ -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" export function InputRequired() { return ( diff --git a/apps/v4/examples/base/input-rtl.tsx b/apps/v4/examples/base/input-rtl.tsx index 6583f50ad2..981cd0b043 100644 --- a/apps/v4/examples/base/input-rtl.tsx +++ b/apps/v4/examples/base/input-rtl.tsx @@ -1,17 +1,17 @@ "use client" import * as React from "react" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/examples/base/ui-rtl/field" +import { Input } from "@/examples/base/ui-rtl/input" import { useTranslation, type Translations, } from "@/components/language-selector" -import { - Field, - FieldDescription, - FieldLabel, -} from "@/styles/base-nova/ui-rtl/field" -import { Input } from "@/styles/base-nova/ui-rtl/input" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/item-avatar.tsx b/apps/v4/examples/base/item-avatar.tsx index 7255ef2a62..e014b78c77 100644 --- a/apps/v4/examples/base/item-avatar.tsx +++ b/apps/v4/examples/base/item-avatar.tsx @@ -1,11 +1,5 @@ -import { Plus } from "lucide-react" - -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { Item, ItemActions, @@ -13,7 +7,8 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { Plus } from "lucide-react" export function ItemAvatar() { return ( diff --git a/apps/v4/examples/base/item-demo.tsx b/apps/v4/examples/base/item-demo.tsx index 00307289c6..6702b1bfff 100644 --- a/apps/v4/examples/base/item-demo.tsx +++ b/apps/v4/examples/base/item-demo.tsx @@ -1,6 +1,4 @@ -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Item, ItemActions, @@ -8,7 +6,8 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" export function ItemDemo() { return ( diff --git a/apps/v4/examples/base/item-dropdown.tsx b/apps/v4/examples/base/item-dropdown.tsx index 9a3e0cd991..ce7e10fe03 100644 --- a/apps/v4/examples/base/item-dropdown.tsx +++ b/apps/v4/examples/base/item-dropdown.tsx @@ -1,27 +1,22 @@ "use client" -import { ChevronDownIcon } from "lucide-react" - -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { ChevronDownIcon } from "lucide-react" const people = [ { diff --git a/apps/v4/examples/base/item-group.tsx b/apps/v4/examples/base/item-group.tsx index 8988659679..52552d36c0 100644 --- a/apps/v4/examples/base/item-group.tsx +++ b/apps/v4/examples/base/item-group.tsx @@ -1,12 +1,6 @@ import * as React from "react" -import { PlusIcon } from "lucide-react" - -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { Button } from "@/styles/base-nova/ui/button" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { Button } from "@/examples/base/ui/button" import { Item, ItemActions, @@ -16,7 +10,8 @@ import { ItemMedia, ItemSeparator, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { PlusIcon } from "lucide-react" const people = [ { diff --git a/apps/v4/examples/base/item-header.tsx b/apps/v4/examples/base/item-header.tsx index 3c23d0998a..b9170c6bd7 100644 --- a/apps/v4/examples/base/item-header.tsx +++ b/apps/v4/examples/base/item-header.tsx @@ -1,5 +1,4 @@ import Image from "next/image" - import { Item, ItemContent, @@ -7,7 +6,7 @@ import { ItemGroup, ItemHeader, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" const models = [ { diff --git a/apps/v4/examples/base/item-icon.tsx b/apps/v4/examples/base/item-icon.tsx index 4f66905339..efc712d43f 100644 --- a/apps/v4/examples/base/item-icon.tsx +++ b/apps/v4/examples/base/item-icon.tsx @@ -1,6 +1,4 @@ -import { ShieldAlertIcon } from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Item, ItemActions, @@ -8,7 +6,8 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { ShieldAlertIcon } from "lucide-react" export function ItemIcon() { return ( diff --git a/apps/v4/examples/base/item-image.tsx b/apps/v4/examples/base/item-image.tsx index 4508946d36..781cfc3519 100644 --- a/apps/v4/examples/base/item-image.tsx +++ b/apps/v4/examples/base/item-image.tsx @@ -1,5 +1,4 @@ import Image from "next/image" - import { Item, ItemContent, @@ -7,7 +6,7 @@ import { ItemGroup, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" const music = [ { diff --git a/apps/v4/examples/base/item-link.tsx b/apps/v4/examples/base/item-link.tsx index eb27545e61..f1270bd5a0 100644 --- a/apps/v4/examples/base/item-link.tsx +++ b/apps/v4/examples/base/item-link.tsx @@ -1,12 +1,11 @@ -import { ChevronRightIcon, ExternalLinkIcon } from "lucide-react" - import { Item, ItemActions, ItemContent, ItemDescription, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { ChevronRightIcon, ExternalLinkIcon } from "lucide-react" export function ItemLink() { return ( diff --git a/apps/v4/examples/base/item-rtl.tsx b/apps/v4/examples/base/item-rtl.tsx index b99f2d8db9..e723bd8a47 100644 --- a/apps/v4/examples/base/item-rtl.tsx +++ b/apps/v4/examples/base/item-rtl.tsx @@ -1,13 +1,7 @@ "use client" import * as React from "react" -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Item, ItemActions, @@ -15,7 +9,13 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui-rtl/item" +} from "@/examples/base/ui-rtl/item" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/item-size.tsx b/apps/v4/examples/base/item-size.tsx index 72e0db6c8c..4d4c40976e 100644 --- a/apps/v4/examples/base/item-size.tsx +++ b/apps/v4/examples/base/item-size.tsx @@ -1,12 +1,11 @@ -import { InboxIcon } from "lucide-react" - import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { InboxIcon } from "lucide-react" export function ItemSizeDemo() { return ( diff --git a/apps/v4/examples/base/item-variant.tsx b/apps/v4/examples/base/item-variant.tsx index 0a4d4c17a5..bbf1db4a78 100644 --- a/apps/v4/examples/base/item-variant.tsx +++ b/apps/v4/examples/base/item-variant.tsx @@ -1,12 +1,11 @@ -import { InboxIcon } from "lucide-react" - import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { InboxIcon } from "lucide-react" export function ItemVariant() { return ( diff --git a/apps/v4/examples/base/kbd-button.tsx b/apps/v4/examples/base/kbd-button.tsx index e2d331ee27..80ba88f92d 100644 --- a/apps/v4/examples/base/kbd-button.tsx +++ b/apps/v4/examples/base/kbd-button.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Kbd } from "@/styles/base-nova/ui/kbd" +import { Button } from "@/examples/base/ui/button" +import { Kbd } from "@/examples/base/ui/kbd" export default function KbdButton() { return ( diff --git a/apps/v4/examples/base/kbd-demo.tsx b/apps/v4/examples/base/kbd-demo.tsx index f02b4e08fc..7520dcb2b6 100644 --- a/apps/v4/examples/base/kbd-demo.tsx +++ b/apps/v4/examples/base/kbd-demo.tsx @@ -1,4 +1,4 @@ -import { Kbd, KbdGroup } from "@/styles/base-nova/ui/kbd" +import { Kbd, KbdGroup } from "@/examples/base/ui/kbd" export default function KbdDemo() { return ( diff --git a/apps/v4/examples/base/kbd-group.tsx b/apps/v4/examples/base/kbd-group.tsx index 3aa9482f5f..f521ca2628 100644 --- a/apps/v4/examples/base/kbd-group.tsx +++ b/apps/v4/examples/base/kbd-group.tsx @@ -1,4 +1,4 @@ -import { Kbd, KbdGroup } from "@/styles/base-nova/ui/kbd" +import { Kbd, KbdGroup } from "@/examples/base/ui/kbd" export default function KbdGroupExample() { return ( diff --git a/apps/v4/examples/base/kbd-input-group.tsx b/apps/v4/examples/base/kbd-input-group.tsx index 9b88326003..ba9f759a65 100644 --- a/apps/v4/examples/base/kbd-input-group.tsx +++ b/apps/v4/examples/base/kbd-input-group.tsx @@ -1,11 +1,10 @@ -import { SearchIcon } from "lucide-react" - import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/styles/base-nova/ui/input-group" -import { Kbd } from "@/styles/base-nova/ui/kbd" +} from "@/examples/base/ui/input-group" +import { Kbd } from "@/examples/base/ui/kbd" +import { SearchIcon } from "lucide-react" export default function KbdInputGroup() { return ( diff --git a/apps/v4/examples/base/kbd-rtl.tsx b/apps/v4/examples/base/kbd-rtl.tsx index ae5a6ad803..dbd9c43113 100644 --- a/apps/v4/examples/base/kbd-rtl.tsx +++ b/apps/v4/examples/base/kbd-rtl.tsx @@ -1,12 +1,12 @@ "use client" import * as React from "react" +import { Kbd, KbdGroup } from "@/examples/base/ui-rtl/kbd" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Kbd, KbdGroup } from "@/styles/base-nova/ui-rtl/kbd" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/kbd-tooltip.tsx b/apps/v4/examples/base/kbd-tooltip.tsx index 47490c04d0..89e708325f 100644 --- a/apps/v4/examples/base/kbd-tooltip.tsx +++ b/apps/v4/examples/base/kbd-tooltip.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { ButtonGroup } from "@/styles/base-nova/ui/button-group" -import { Kbd, KbdGroup } from "@/styles/base-nova/ui/kbd" +import { Button } from "@/examples/base/ui/button" +import { ButtonGroup } from "@/examples/base/ui/button-group" +import { Kbd, KbdGroup } from "@/examples/base/ui/kbd" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/styles/base-nova/ui/tooltip" +} from "@/examples/base/ui/tooltip" export default function KbdTooltip() { return ( diff --git a/apps/v4/examples/base/label-demo.tsx b/apps/v4/examples/base/label-demo.tsx index 08977dd65f..03b21f02eb 100644 --- a/apps/v4/examples/base/label-demo.tsx +++ b/apps/v4/examples/base/label-demo.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/styles/base-nova/ui/checkbox" -import { Label } from "@/styles/base-nova/ui/label" +import { Checkbox } from "@/examples/base/ui/checkbox" +import { Label } from "@/examples/base/ui/label" export default function LabelDemo() { return ( diff --git a/apps/v4/examples/base/label-rtl.tsx b/apps/v4/examples/base/label-rtl.tsx index 8d5cdf0240..f417776b74 100644 --- a/apps/v4/examples/base/label-rtl.tsx +++ b/apps/v4/examples/base/label-rtl.tsx @@ -1,13 +1,13 @@ "use client" import * as React from "react" +import { Checkbox } from "@/examples/base/ui-rtl/checkbox" +import { Label } from "@/examples/base/ui-rtl/label" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" -import { Label } from "@/styles/base-nova/ui-rtl/label" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/lib/utils.ts b/apps/v4/examples/base/lib/utils.ts new file mode 100644 index 0000000000..bd0c391ddd --- /dev/null +++ b/apps/v4/examples/base/lib/utils.ts @@ -0,0 +1,6 @@ +import { clsx, type ClassValue } from "clsx" +import { twMerge } from "tailwind-merge" + +export function cn(...inputs: ClassValue[]) { + return twMerge(clsx(inputs)) +} diff --git a/apps/v4/examples/base/menubar-checkbox.tsx b/apps/v4/examples/base/menubar-checkbox.tsx index 8d178f90c5..0eadef102b 100644 --- a/apps/v4/examples/base/menubar-checkbox.tsx +++ b/apps/v4/examples/base/menubar-checkbox.tsx @@ -7,7 +7,7 @@ import { MenubarSeparator, MenubarShortcut, MenubarTrigger, -} from "@/styles/base-nova/ui/menubar" +} from "@/examples/base/ui/menubar" export function MenubarCheckbox() { return ( diff --git a/apps/v4/examples/base/menubar-demo.tsx b/apps/v4/examples/base/menubar-demo.tsx index 5620091345..c26f6fd132 100644 --- a/apps/v4/examples/base/menubar-demo.tsx +++ b/apps/v4/examples/base/menubar-demo.tsx @@ -13,7 +13,7 @@ import { MenubarSubContent, MenubarSubTrigger, MenubarTrigger, -} from "@/styles/base-nova/ui/menubar" +} from "@/examples/base/ui/menubar" export default function MenubarDemo() { return ( diff --git a/apps/v4/examples/base/menubar-icons.tsx b/apps/v4/examples/base/menubar-icons.tsx index 341c06babb..0e3d280a01 100644 --- a/apps/v4/examples/base/menubar-icons.tsx +++ b/apps/v4/examples/base/menubar-icons.tsx @@ -1,12 +1,3 @@ -import { - FileIcon, - FolderIcon, - HelpCircleIcon, - SaveIcon, - SettingsIcon, - TrashIcon, -} from "lucide-react" - import { Menubar, MenubarContent, @@ -16,7 +7,15 @@ import { MenubarSeparator, MenubarShortcut, MenubarTrigger, -} from "@/styles/base-nova/ui/menubar" +} from "@/examples/base/ui/menubar" +import { + FileIcon, + FolderIcon, + HelpCircleIcon, + SaveIcon, + SettingsIcon, + TrashIcon, +} from "lucide-react" export function MenubarIcons() { return ( diff --git a/apps/v4/examples/base/menubar-radio.tsx b/apps/v4/examples/base/menubar-radio.tsx index 3d2674fe4c..752434720a 100644 --- a/apps/v4/examples/base/menubar-radio.tsx +++ b/apps/v4/examples/base/menubar-radio.tsx @@ -1,7 +1,6 @@ "use client" import * as React from "react" - import { Menubar, MenubarContent, @@ -11,7 +10,7 @@ import { MenubarRadioItem, MenubarSeparator, MenubarTrigger, -} from "@/styles/base-nova/ui/menubar" +} from "@/examples/base/ui/menubar" export function MenubarRadio() { const [user, setUser] = React.useState("benoit") diff --git a/apps/v4/examples/base/menubar-rtl.tsx b/apps/v4/examples/base/menubar-rtl.tsx index 4dae6b1ec3..7e54fc1248 100644 --- a/apps/v4/examples/base/menubar-rtl.tsx +++ b/apps/v4/examples/base/menubar-rtl.tsx @@ -1,11 +1,6 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Menubar, MenubarCheckboxItem, @@ -21,7 +16,12 @@ import { MenubarSubContent, MenubarSubTrigger, MenubarTrigger, -} from "@/styles/base-nova/ui-rtl/menubar" +} from "@/examples/base/ui-rtl/menubar" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/menubar-submenu.tsx b/apps/v4/examples/base/menubar-submenu.tsx index c1047b31c6..ba618bd0ff 100644 --- a/apps/v4/examples/base/menubar-submenu.tsx +++ b/apps/v4/examples/base/menubar-submenu.tsx @@ -9,7 +9,7 @@ import { MenubarSubContent, MenubarSubTrigger, MenubarTrigger, -} from "@/styles/base-nova/ui/menubar" +} from "@/examples/base/ui/menubar" export function MenubarSubmenu() { return ( diff --git a/apps/v4/examples/base/muted-item-group.tsx b/apps/v4/examples/base/muted-item-group.tsx index 165c6dc710..8cd94878d9 100644 --- a/apps/v4/examples/base/muted-item-group.tsx +++ b/apps/v4/examples/base/muted-item-group.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Item, ItemActions, @@ -6,7 +6,7 @@ import { ItemDescription, ItemGroup, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" export function MutedItemGroup() { return ( diff --git a/apps/v4/examples/base/native-select-demo.tsx b/apps/v4/examples/base/native-select-demo.tsx index 4d00092bbc..96ac327e91 100644 --- a/apps/v4/examples/base/native-select-demo.tsx +++ b/apps/v4/examples/base/native-select-demo.tsx @@ -1,7 +1,7 @@ import { NativeSelect, NativeSelectOption, -} from "@/styles/base-nova/ui/native-select" +} from "@/examples/base/ui/native-select" export default function NativeSelectDemo() { return ( diff --git a/apps/v4/examples/base/native-select-disabled.tsx b/apps/v4/examples/base/native-select-disabled.tsx index 34896ddabe..bd1574161d 100644 --- a/apps/v4/examples/base/native-select-disabled.tsx +++ b/apps/v4/examples/base/native-select-disabled.tsx @@ -1,7 +1,7 @@ import { NativeSelect, NativeSelectOption, -} from "@/styles/base-nova/ui/native-select" +} from "@/examples/base/ui/native-select" export function NativeSelectDisabled() { return ( diff --git a/apps/v4/examples/base/native-select-groups.tsx b/apps/v4/examples/base/native-select-groups.tsx index 0120cee0a8..fe055528cb 100644 --- a/apps/v4/examples/base/native-select-groups.tsx +++ b/apps/v4/examples/base/native-select-groups.tsx @@ -2,7 +2,7 @@ import { NativeSelect, NativeSelectOptGroup, NativeSelectOption, -} from "@/styles/base-nova/ui/native-select" +} from "@/examples/base/ui/native-select" export default function NativeSelectGroups() { return ( diff --git a/apps/v4/examples/base/native-select-invalid.tsx b/apps/v4/examples/base/native-select-invalid.tsx index fbd48c57f0..1fe5435a51 100644 --- a/apps/v4/examples/base/native-select-invalid.tsx +++ b/apps/v4/examples/base/native-select-invalid.tsx @@ -1,7 +1,7 @@ import { NativeSelect, NativeSelectOption, -} from "@/styles/base-nova/ui/native-select" +} from "@/examples/base/ui/native-select" export function NativeSelectInvalid() { return ( diff --git a/apps/v4/examples/base/native-select-rtl.tsx b/apps/v4/examples/base/native-select-rtl.tsx index 4fdf730666..4c58adf026 100644 --- a/apps/v4/examples/base/native-select-rtl.tsx +++ b/apps/v4/examples/base/native-select-rtl.tsx @@ -1,15 +1,15 @@ "use client" import * as React from "react" +import { + NativeSelect, + NativeSelectOption, +} from "@/examples/base/ui-rtl/native-select" import { useTranslation, type Translations, } from "@/components/language-selector" -import { - NativeSelect, - NativeSelectOption, -} from "@/styles/base-nova/ui-rtl/native-select" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/navigation-menu-demo.tsx b/apps/v4/examples/base/navigation-menu-demo.tsx index 202ee0a90b..8d70d28012 100644 --- a/apps/v4/examples/base/navigation-menu-demo.tsx +++ b/apps/v4/examples/base/navigation-menu-demo.tsx @@ -2,12 +2,6 @@ import * as React from "react" import Link from "next/link" -import { - CircleAlertIcon, - CircleCheckIcon, - CircleDashedIcon, -} from "lucide-react" - import { NavigationMenu, NavigationMenuContent, @@ -16,7 +10,12 @@ import { NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, -} from "@/styles/base-nova/ui/navigation-menu" +} from "@/examples/base/ui/navigation-menu" +import { + CircleAlertIcon, + CircleCheckIcon, + CircleDashedIcon, +} from "lucide-react" const components: { title: string; href: string; description: string }[] = [ { diff --git a/apps/v4/examples/base/navigation-menu-rtl.tsx b/apps/v4/examples/base/navigation-menu-rtl.tsx index 21753ce3a8..2a4a55c450 100644 --- a/apps/v4/examples/base/navigation-menu-rtl.tsx +++ b/apps/v4/examples/base/navigation-menu-rtl.tsx @@ -2,6 +2,15 @@ import * as React from "react" import Link from "next/link" +import { + NavigationMenu, + NavigationMenuContent, + NavigationMenuItem, + NavigationMenuLink, + NavigationMenuList, + NavigationMenuTrigger, + navigationMenuTriggerStyle, +} from "@/examples/base/ui-rtl/navigation-menu" import { CircleAlertIcon, CircleCheckIcon, @@ -12,15 +21,6 @@ import { useTranslation, type Translations, } from "@/components/language-selector" -import { - NavigationMenu, - NavigationMenuContent, - NavigationMenuItem, - NavigationMenuLink, - NavigationMenuList, - NavigationMenuTrigger, - navigationMenuTriggerStyle, -} from "@/styles/base-nova/ui-rtl/navigation-menu" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/outline-item-group.tsx b/apps/v4/examples/base/outline-item-group.tsx index 56174ef7fc..def2e92f9b 100644 --- a/apps/v4/examples/base/outline-item-group.tsx +++ b/apps/v4/examples/base/outline-item-group.tsx @@ -1,5 +1,3 @@ -import { InboxIcon } from "lucide-react" - import { Item, ItemContent, @@ -7,7 +5,8 @@ import { ItemGroup, ItemMedia, ItemTitle, -} from "@/styles/base-nova/ui/item" +} from "@/examples/base/ui/item" +import { InboxIcon } from "lucide-react" export function OutlineItemGroup() { return ( diff --git a/apps/v4/examples/base/pagination-demo.tsx b/apps/v4/examples/base/pagination-demo.tsx index f091c58518..fa24bfca35 100644 --- a/apps/v4/examples/base/pagination-demo.tsx +++ b/apps/v4/examples/base/pagination-demo.tsx @@ -6,7 +6,7 @@ import { PaginationLink, PaginationNext, PaginationPrevious, -} from "@/styles/base-nova/ui/pagination" +} from "@/examples/base/ui/pagination" export default function PaginationDemo() { return ( diff --git a/apps/v4/examples/base/pagination-icons-only.tsx b/apps/v4/examples/base/pagination-icons-only.tsx index 2004e4e058..0188e43c7d 100644 --- a/apps/v4/examples/base/pagination-icons-only.tsx +++ b/apps/v4/examples/base/pagination-icons-only.tsx @@ -1,11 +1,11 @@ -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Field, FieldLabel } from "@/examples/base/ui/field" import { Pagination, PaginationContent, PaginationItem, PaginationNext, PaginationPrevious, -} from "@/styles/base-nova/ui/pagination" +} from "@/examples/base/ui/pagination" import { Select, SelectContent, @@ -13,7 +13,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" export function PaginationIconsOnly() { return ( diff --git a/apps/v4/examples/base/pagination-rtl.tsx b/apps/v4/examples/base/pagination-rtl.tsx index d0128ae05c..f204c6c9ea 100644 --- a/apps/v4/examples/base/pagination-rtl.tsx +++ b/apps/v4/examples/base/pagination-rtl.tsx @@ -1,11 +1,6 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Pagination, PaginationContent, @@ -14,7 +9,12 @@ import { PaginationLink, PaginationNext, PaginationPrevious, -} from "@/styles/base-nova/ui-rtl/pagination" +} from "@/examples/base/ui-rtl/pagination" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/pagination-simple.tsx b/apps/v4/examples/base/pagination-simple.tsx index d68a28733a..90885621d7 100644 --- a/apps/v4/examples/base/pagination-simple.tsx +++ b/apps/v4/examples/base/pagination-simple.tsx @@ -3,7 +3,7 @@ import { PaginationContent, PaginationItem, PaginationLink, -} from "@/styles/base-nova/ui/pagination" +} from "@/examples/base/ui/pagination" export function PaginationSimple() { return ( diff --git a/apps/v4/examples/base/popover-alignments.tsx b/apps/v4/examples/base/popover-alignments.tsx index fa0efb0ba6..2270e305d9 100644 --- a/apps/v4/examples/base/popover-alignments.tsx +++ b/apps/v4/examples/base/popover-alignments.tsx @@ -1,9 +1,9 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" export function PopoverAlignments() { return ( diff --git a/apps/v4/examples/base/popover-basic.tsx b/apps/v4/examples/base/popover-basic.tsx index 4eb1c51906..21a790f8f2 100644 --- a/apps/v4/examples/base/popover-basic.tsx +++ b/apps/v4/examples/base/popover-basic.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Popover, PopoverContent, @@ -6,7 +6,7 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" export function PopoverBasic() { return ( diff --git a/apps/v4/examples/base/popover-demo.tsx b/apps/v4/examples/base/popover-demo.tsx index f3ffa443fa..6902a7b1bb 100644 --- a/apps/v4/examples/base/popover-demo.tsx +++ b/apps/v4/examples/base/popover-demo.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Input } from "@/styles/base-nova/ui/input" -import { Label } from "@/styles/base-nova/ui/label" +import { Button } from "@/examples/base/ui/button" +import { Input } from "@/examples/base/ui/input" +import { Label } from "@/examples/base/ui/label" import { Popover, PopoverContent, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" export default function PopoverDemo() { return ( diff --git a/apps/v4/examples/base/popover-form.tsx b/apps/v4/examples/base/popover-form.tsx index 1fe565af47..4b8681a85b 100644 --- a/apps/v4/examples/base/popover-form.tsx +++ b/apps/v4/examples/base/popover-form.tsx @@ -1,6 +1,6 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" -import { Input } from "@/styles/base-nova/ui/input" +import { Button } from "@/examples/base/ui/button" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Input } from "@/examples/base/ui/input" import { Popover, PopoverContent, @@ -8,7 +8,7 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/styles/base-nova/ui/popover" +} from "@/examples/base/ui/popover" export function PopoverForm() { return ( diff --git a/apps/v4/examples/base/popover-rtl.tsx b/apps/v4/examples/base/popover-rtl.tsx index 6ae256e00f..b5283dd0f3 100644 --- a/apps/v4/examples/base/popover-rtl.tsx +++ b/apps/v4/examples/base/popover-rtl.tsx @@ -1,10 +1,6 @@ "use client" -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" +import { Button } from "@/examples/base/ui-rtl/button" import { Popover, PopoverContent, @@ -12,7 +8,12 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/styles/base-nova/ui-rtl/popover" +} from "@/examples/base/ui-rtl/popover" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/progress-controlled.tsx b/apps/v4/examples/base/progress-controlled.tsx index 6275e36b10..e83d003398 100644 --- a/apps/v4/examples/base/progress-controlled.tsx +++ b/apps/v4/examples/base/progress-controlled.tsx @@ -1,9 +1,8 @@ "use client" import * as React from "react" - -import { Progress } from "@/styles/base-nova/ui/progress" -import { Slider } from "@/styles/base-nova/ui/slider" +import { Progress } from "@/examples/base/ui/progress" +import { Slider } from "@/examples/base/ui/slider" export function ProgressControlled() { const [value, setValue] = React.useState(50) diff --git a/apps/v4/examples/base/progress-demo.tsx b/apps/v4/examples/base/progress-demo.tsx index b88e5b4106..22b0833a26 100644 --- a/apps/v4/examples/base/progress-demo.tsx +++ b/apps/v4/examples/base/progress-demo.tsx @@ -1,8 +1,7 @@ "use client" import * as React from "react" - -import { Progress } from "@/styles/base-nova/ui/progress" +import { Progress } from "@/examples/base/ui/progress" export default function ProgressDemo() { const [progress, setProgress] = React.useState(13) diff --git a/apps/v4/examples/base/progress-label.tsx b/apps/v4/examples/base/progress-label.tsx index 4648483e52..2c2ecf8796 100644 --- a/apps/v4/examples/base/progress-label.tsx +++ b/apps/v4/examples/base/progress-label.tsx @@ -2,7 +2,7 @@ import { Progress, ProgressLabel, ProgressValue, -} from "@/styles/base-nova/ui/progress" +} from "@/examples/base/ui/progress" export function ProgressWithLabel() { return ( diff --git a/apps/v4/examples/base/progress-rtl.tsx b/apps/v4/examples/base/progress-rtl.tsx index 93169a3c93..ea9d716ec9 100644 --- a/apps/v4/examples/base/progress-rtl.tsx +++ b/apps/v4/examples/base/progress-rtl.tsx @@ -1,16 +1,16 @@ "use client" import * as React from "react" +import { + Progress, + ProgressLabel, + ProgressValue, +} from "@/examples/base/ui-rtl/progress" import { useTranslation, type Translations, } from "@/components/language-selector" -import { - Progress, - ProgressLabel, - ProgressValue, -} from "@/styles/base-nova/ui-rtl/progress" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/radio-fields.tsx b/apps/v4/examples/base/radio-fields.tsx index ec5196adb1..793b6ebfeb 100644 --- a/apps/v4/examples/base/radio-fields.tsx +++ b/apps/v4/examples/base/radio-fields.tsx @@ -7,8 +7,8 @@ import { FieldLegend, FieldSet, FieldTitle, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioFields() { return ( diff --git a/apps/v4/examples/base/radio-group-choice-card.tsx b/apps/v4/examples/base/radio-group-choice-card.tsx index 468cf730dc..3bea497e33 100644 --- a/apps/v4/examples/base/radio-group-choice-card.tsx +++ b/apps/v4/examples/base/radio-group-choice-card.tsx @@ -4,8 +4,8 @@ import { FieldDescription, FieldLabel, FieldTitle, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioGroupChoiceCard() { return ( diff --git a/apps/v4/examples/base/radio-group-demo.tsx b/apps/v4/examples/base/radio-group-demo.tsx index 9c68afe3a7..0b6ea20a9a 100644 --- a/apps/v4/examples/base/radio-group-demo.tsx +++ b/apps/v4/examples/base/radio-group-demo.tsx @@ -1,5 +1,5 @@ -import { Label } from "@/styles/base-nova/ui/label" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +import { Label } from "@/examples/base/ui/label" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioGroupDemo() { return ( diff --git a/apps/v4/examples/base/radio-group-description.tsx b/apps/v4/examples/base/radio-group-description.tsx index f226026ba7..99c14ffe67 100644 --- a/apps/v4/examples/base/radio-group-description.tsx +++ b/apps/v4/examples/base/radio-group-description.tsx @@ -3,8 +3,8 @@ import { FieldContent, FieldDescription, FieldLabel, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioGroupDescription() { return ( diff --git a/apps/v4/examples/base/radio-group-disabled.tsx b/apps/v4/examples/base/radio-group-disabled.tsx index 2cebb90271..b3cb9c840b 100644 --- a/apps/v4/examples/base/radio-group-disabled.tsx +++ b/apps/v4/examples/base/radio-group-disabled.tsx @@ -1,5 +1,5 @@ -import { Field, FieldLabel } from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +import { Field, FieldLabel } from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioGroupDisabled() { return ( diff --git a/apps/v4/examples/base/radio-group-fieldset.tsx b/apps/v4/examples/base/radio-group-fieldset.tsx index 80b52ff56c..56681d72ab 100644 --- a/apps/v4/examples/base/radio-group-fieldset.tsx +++ b/apps/v4/examples/base/radio-group-fieldset.tsx @@ -4,8 +4,8 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioGroupFieldset() { return ( diff --git a/apps/v4/examples/base/radio-group-invalid.tsx b/apps/v4/examples/base/radio-group-invalid.tsx index c1d9603316..c1fd6f04f4 100644 --- a/apps/v4/examples/base/radio-group-invalid.tsx +++ b/apps/v4/examples/base/radio-group-invalid.tsx @@ -4,8 +4,8 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/styles/base-nova/ui/field" -import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +} from "@/examples/base/ui/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" export function RadioGroupInvalid() { return ( diff --git a/apps/v4/examples/base/radio-group-rtl.tsx b/apps/v4/examples/base/radio-group-rtl.tsx index 57935ba5f3..02c9ec9115 100644 --- a/apps/v4/examples/base/radio-group-rtl.tsx +++ b/apps/v4/examples/base/radio-group-rtl.tsx @@ -1,21 +1,18 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" import { Field, FieldContent, FieldDescription, FieldLabel, -} from "@/styles/base-nova/ui-rtl/field" +} from "@/examples/base/ui-rtl/field" +import { RadioGroup, RadioGroupItem } from "@/examples/base/ui-rtl/radio-group" + import { - RadioGroup, - RadioGroupItem, -} from "@/styles/base-nova/ui-rtl/radio-group" + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/resizable-demo.tsx b/apps/v4/examples/base/resizable-demo.tsx index ae2301d8dc..9a719e83df 100644 --- a/apps/v4/examples/base/resizable-demo.tsx +++ b/apps/v4/examples/base/resizable-demo.tsx @@ -2,7 +2,7 @@ import { ResizableHandle, ResizablePanel, ResizablePanelGroup, -} from "@/styles/base-nova/ui/resizable" +} from "@/examples/base/ui/resizable" export default function ResizableDemo() { return ( diff --git a/apps/v4/examples/base/resizable-handle.tsx b/apps/v4/examples/base/resizable-handle.tsx index 24af344863..7a3022ef1f 100644 --- a/apps/v4/examples/base/resizable-handle.tsx +++ b/apps/v4/examples/base/resizable-handle.tsx @@ -2,7 +2,7 @@ import { ResizableHandle, ResizablePanel, ResizablePanelGroup, -} from "@/styles/base-nova/ui/resizable" +} from "@/examples/base/ui/resizable" export default function ResizableHandleDemo() { return ( diff --git a/apps/v4/examples/base/resizable-rtl.tsx b/apps/v4/examples/base/resizable-rtl.tsx index bd5881f3cd..9f13a889c7 100644 --- a/apps/v4/examples/base/resizable-rtl.tsx +++ b/apps/v4/examples/base/resizable-rtl.tsx @@ -1,16 +1,16 @@ "use client" import * as React from "react" +import { + ResizableHandle, + ResizablePanel, + ResizablePanelGroup, +} from "@/examples/base/ui-rtl/resizable" import { useTranslation, type Translations, } from "@/components/language-selector" -import { - ResizableHandle, - ResizablePanel, - ResizablePanelGroup, -} from "@/styles/base-nova/ui-rtl/resizable" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/resizable-vertical.tsx b/apps/v4/examples/base/resizable-vertical.tsx index c8ddfd42a1..a2c6c9e778 100644 --- a/apps/v4/examples/base/resizable-vertical.tsx +++ b/apps/v4/examples/base/resizable-vertical.tsx @@ -2,7 +2,7 @@ import { ResizableHandle, ResizablePanel, ResizablePanelGroup, -} from "@/styles/base-nova/ui/resizable" +} from "@/examples/base/ui/resizable" export function ResizableVertical() { return ( diff --git a/apps/v4/examples/base/scroll-area-demo.tsx b/apps/v4/examples/base/scroll-area-demo.tsx index 52c46b5d9d..ca12bc82bc 100644 --- a/apps/v4/examples/base/scroll-area-demo.tsx +++ b/apps/v4/examples/base/scroll-area-demo.tsx @@ -1,7 +1,6 @@ import * as React from "react" - -import { ScrollArea } from "@/styles/base-nova/ui/scroll-area" -import { Separator } from "@/styles/base-nova/ui/separator" +import { ScrollArea } from "@/examples/base/ui/scroll-area" +import { Separator } from "@/examples/base/ui/separator" const tags = Array.from({ length: 50 }).map( (_, i, a) => `v1.2.0-beta.${a.length - i}` diff --git a/apps/v4/examples/base/scroll-area-horizontal-demo.tsx b/apps/v4/examples/base/scroll-area-horizontal-demo.tsx index 73d2479685..7bed43b3ea 100644 --- a/apps/v4/examples/base/scroll-area-horizontal-demo.tsx +++ b/apps/v4/examples/base/scroll-area-horizontal-demo.tsx @@ -1,7 +1,6 @@ import * as React from "react" import Image from "next/image" - -import { ScrollArea, ScrollBar } from "@/styles/base-nova/ui/scroll-area" +import { ScrollArea, ScrollBar } from "@/examples/base/ui/scroll-area" export interface Artwork { artist: string diff --git a/apps/v4/examples/base/scroll-area-rtl.tsx b/apps/v4/examples/base/scroll-area-rtl.tsx index c2b19130a4..d17ae64f7b 100644 --- a/apps/v4/examples/base/scroll-area-rtl.tsx +++ b/apps/v4/examples/base/scroll-area-rtl.tsx @@ -1,13 +1,13 @@ "use client" import * as React from "react" +import { ScrollArea } from "@/examples/base/ui-rtl/scroll-area" +import { Separator } from "@/examples/base/ui-rtl/separator" import { useTranslation, type Translations, } from "@/components/language-selector" -import { ScrollArea } from "@/styles/base-nova/ui-rtl/scroll-area" -import { Separator } from "@/styles/base-nova/ui-rtl/separator" const tags = Array.from({ length: 50 }).map( (_, i, a) => `v1.2.0-beta.${a.length - i}` diff --git a/apps/v4/examples/base/select-align-item.tsx b/apps/v4/examples/base/select-align-item.tsx index 1b57cee69c..349e6b29b1 100644 --- a/apps/v4/examples/base/select-align-item.tsx +++ b/apps/v4/examples/base/select-align-item.tsx @@ -1,15 +1,14 @@ "use client" import * as React from "react" - import { Field, FieldContent, FieldDescription, FieldGroup, FieldLabel, -} from "@/styles/base-nova/ui/field" -import { Label } from "@/styles/base-nova/ui/label" +} from "@/examples/base/ui/field" +import { Label } from "@/examples/base/ui/label" import { Select, SelectContent, @@ -17,8 +16,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" -import { Switch } from "@/styles/base-nova/ui/switch" +} from "@/examples/base/ui/select" +import { Switch } from "@/examples/base/ui/switch" const items = [ { label: "Select a fruit", value: null }, diff --git a/apps/v4/examples/base/select-demo.tsx b/apps/v4/examples/base/select-demo.tsx index dfada41ea4..9d57bff5a6 100644 --- a/apps/v4/examples/base/select-demo.tsx +++ b/apps/v4/examples/base/select-demo.tsx @@ -6,7 +6,7 @@ import { SelectLabel, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" const items = [ { label: "Select a fruit", value: null }, diff --git a/apps/v4/examples/base/select-disabled.tsx b/apps/v4/examples/base/select-disabled.tsx index bd0d0e0bad..4dd5757b69 100644 --- a/apps/v4/examples/base/select-disabled.tsx +++ b/apps/v4/examples/base/select-disabled.tsx @@ -5,7 +5,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" export function SelectDisabled() { const items = [ diff --git a/apps/v4/examples/base/select-groups.tsx b/apps/v4/examples/base/select-groups.tsx index 7d9b5aadee..fe37f6e921 100644 --- a/apps/v4/examples/base/select-groups.tsx +++ b/apps/v4/examples/base/select-groups.tsx @@ -7,7 +7,7 @@ import { SelectSeparator, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" export function SelectGroups() { const fruits = [ diff --git a/apps/v4/examples/base/select-invalid.tsx b/apps/v4/examples/base/select-invalid.tsx index 0488de66cb..0f5446128b 100644 --- a/apps/v4/examples/base/select-invalid.tsx +++ b/apps/v4/examples/base/select-invalid.tsx @@ -1,4 +1,4 @@ -import { Field, FieldError, FieldLabel } from "@/styles/base-nova/ui/field" +import { Field, FieldError, FieldLabel } from "@/examples/base/ui/field" import { Select, SelectContent, @@ -6,7 +6,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" const items = [ { label: "Select a fruit", value: null }, diff --git a/apps/v4/examples/base/select-rtl.tsx b/apps/v4/examples/base/select-rtl.tsx index 0f3041fe44..65eacbd6c8 100644 --- a/apps/v4/examples/base/select-rtl.tsx +++ b/apps/v4/examples/base/select-rtl.tsx @@ -1,12 +1,6 @@ "use client" import * as React from "react" - -import { - useTranslation, - type Language, - type Translations, -} from "@/components/language-selector" import { Select, SelectContent, @@ -16,7 +10,13 @@ import { SelectSeparator, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui-rtl/select" +} from "@/examples/base/ui-rtl/select" + +import { + useTranslation, + type Language, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/select-scrollable.tsx b/apps/v4/examples/base/select-scrollable.tsx index 2cd12fcf0a..de1c319efa 100644 --- a/apps/v4/examples/base/select-scrollable.tsx +++ b/apps/v4/examples/base/select-scrollable.tsx @@ -6,7 +6,7 @@ import { SelectLabel, SelectTrigger, SelectValue, -} from "@/styles/base-nova/ui/select" +} from "@/examples/base/ui/select" const northAmerica = [ { label: "Eastern Standard Time", value: "est" }, diff --git a/apps/v4/examples/base/separator-demo.tsx b/apps/v4/examples/base/separator-demo.tsx index 4b42d87cee..cc04805fdf 100644 --- a/apps/v4/examples/base/separator-demo.tsx +++ b/apps/v4/examples/base/separator-demo.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/styles/base-nova/ui/separator" +import { Separator } from "@/examples/base/ui/separator" export default function SeparatorDemo() { return ( diff --git a/apps/v4/examples/base/separator-list.tsx b/apps/v4/examples/base/separator-list.tsx index e5e4f94860..0eee80d136 100644 --- a/apps/v4/examples/base/separator-list.tsx +++ b/apps/v4/examples/base/separator-list.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/styles/base-nova/ui/separator" +import { Separator } from "@/examples/base/ui/separator" export function SeparatorList() { return ( diff --git a/apps/v4/examples/base/separator-menu.tsx b/apps/v4/examples/base/separator-menu.tsx index 6bda4f042c..eb3e6a3a3e 100644 --- a/apps/v4/examples/base/separator-menu.tsx +++ b/apps/v4/examples/base/separator-menu.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/styles/base-nova/ui/separator" +import { Separator } from "@/examples/base/ui/separator" export function SeparatorMenu() { return ( diff --git a/apps/v4/examples/base/separator-rtl.tsx b/apps/v4/examples/base/separator-rtl.tsx index 4502b1c102..8f39538ecb 100644 --- a/apps/v4/examples/base/separator-rtl.tsx +++ b/apps/v4/examples/base/separator-rtl.tsx @@ -1,12 +1,12 @@ "use client" import * as React from "react" +import { Separator } from "@/examples/base/ui-rtl/separator" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Separator } from "@/styles/base-nova/ui-rtl/separator" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/separator-vertical.tsx b/apps/v4/examples/base/separator-vertical.tsx index 3dbde42883..a6a601c9b0 100644 --- a/apps/v4/examples/base/separator-vertical.tsx +++ b/apps/v4/examples/base/separator-vertical.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/styles/base-nova/ui/separator" +import { Separator } from "@/examples/base/ui/separator" export function SeparatorVertical() { return ( diff --git a/apps/v4/examples/base/sheet-demo.tsx b/apps/v4/examples/base/sheet-demo.tsx index 57d07a882f..3b7e1f166c 100644 --- a/apps/v4/examples/base/sheet-demo.tsx +++ b/apps/v4/examples/base/sheet-demo.tsx @@ -1,6 +1,6 @@ -import { Button } from "@/styles/base-nova/ui/button" -import { Input } from "@/styles/base-nova/ui/input" -import { Label } from "@/styles/base-nova/ui/label" +import { Button } from "@/examples/base/ui/button" +import { Input } from "@/examples/base/ui/input" +import { Label } from "@/examples/base/ui/label" import { Sheet, SheetClose, @@ -10,7 +10,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/styles/base-nova/ui/sheet" +} from "@/examples/base/ui/sheet" export default function SheetDemo() { return ( diff --git a/apps/v4/examples/base/sheet-no-close-button.tsx b/apps/v4/examples/base/sheet-no-close-button.tsx index de23bb5d1f..dc4bc99472 100644 --- a/apps/v4/examples/base/sheet-no-close-button.tsx +++ b/apps/v4/examples/base/sheet-no-close-button.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Sheet, SheetContent, @@ -6,7 +6,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/styles/base-nova/ui/sheet" +} from "@/examples/base/ui/sheet" export default function SheetNoCloseButton() { return ( diff --git a/apps/v4/examples/base/sheet-rtl.tsx b/apps/v4/examples/base/sheet-rtl.tsx index 4a1ff1cd4c..b21a2fcfb0 100644 --- a/apps/v4/examples/base/sheet-rtl.tsx +++ b/apps/v4/examples/base/sheet-rtl.tsx @@ -1,12 +1,8 @@ "use client" -import { - useTranslation, - type Translations, -} from "@/components/language-selector" -import { Button } from "@/styles/base-nova/ui-rtl/button" -import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui-rtl/field" -import { Input } from "@/styles/base-nova/ui-rtl/input" +import { Button } from "@/examples/base/ui-rtl/button" +import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui-rtl/field" +import { Input } from "@/examples/base/ui-rtl/input" import { Sheet, SheetClose, @@ -16,7 +12,12 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/styles/base-nova/ui-rtl/sheet" +} from "@/examples/base/ui-rtl/sheet" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/sheet-side.tsx b/apps/v4/examples/base/sheet-side.tsx index 0a351b896d..0509d09f59 100644 --- a/apps/v4/examples/base/sheet-side.tsx +++ b/apps/v4/examples/base/sheet-side.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Sheet, SheetClose, @@ -8,7 +8,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/styles/base-nova/ui/sheet" +} from "@/examples/base/ui/sheet" const SHEET_SIDES = ["top", "right", "bottom", "left"] as const diff --git a/apps/v4/examples/base/sidebar-controlled.tsx b/apps/v4/examples/base/sidebar-controlled.tsx index 9bf4c0dec4..c472444c09 100644 --- a/apps/v4/examples/base/sidebar-controlled.tsx +++ b/apps/v4/examples/base/sidebar-controlled.tsx @@ -1,17 +1,7 @@ "use client" import * as React from "react" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PanelLeftCloseIcon, - PanelLeftOpenIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" - -import { Button } from "@/styles/base-nova/ui/button" +import { Button } from "@/examples/base/ui/button" import { Sidebar, SidebarContent, @@ -23,7 +13,16 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PanelLeftCloseIcon, + PanelLeftOpenIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-demo.tsx b/apps/v4/examples/base/sidebar-demo.tsx index 1d12451e0f..b4ff37e4b0 100644 --- a/apps/v4/examples/base/sidebar-demo.tsx +++ b/apps/v4/examples/base/sidebar-demo.tsx @@ -1,6 +1,42 @@ "use client" import * as React from "react" +import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { + Collapsible, + CollapsibleContent, + CollapsibleTrigger, +} from "@/examples/base/ui/collapsible" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuShortcut, + DropdownMenuTrigger, +} from "@/examples/base/ui/dropdown-menu" +import { + Sidebar, + SidebarContent, + SidebarFooter, + SidebarGroup, + SidebarGroupLabel, + SidebarHeader, + SidebarInset, + SidebarMenu, + SidebarMenuAction, + SidebarMenuButton, + SidebarMenuItem, + SidebarMenuSub, + SidebarMenuSubButton, + SidebarMenuSubItem, + SidebarProvider, + SidebarRail, + SidebarTrigger, + useSidebar, +} from "@/examples/base/ui/sidebar" import { AudioWaveform, BadgeCheck, @@ -26,47 +62,6 @@ import { Trash2, } from "lucide-react" -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui/avatar" -import { - Collapsible, - CollapsibleContent, - CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuShortcut, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" -import { - Sidebar, - SidebarContent, - SidebarFooter, - SidebarGroup, - SidebarGroupLabel, - SidebarHeader, - SidebarInset, - SidebarMenu, - SidebarMenuAction, - SidebarMenuButton, - SidebarMenuItem, - SidebarMenuSub, - SidebarMenuSubButton, - SidebarMenuSubItem, - SidebarProvider, - SidebarRail, - SidebarTrigger, - useSidebar, -} from "@/styles/base-nova/ui/sidebar" - // This is sample data. const data = { user: { diff --git a/apps/v4/examples/base/sidebar-footer.tsx b/apps/v4/examples/base/sidebar-footer.tsx index 3a6211d89b..003f6f980d 100644 --- a/apps/v4/examples/base/sidebar-footer.tsx +++ b/apps/v4/examples/base/sidebar-footer.tsx @@ -1,13 +1,11 @@ "use client" -import { ChevronUpIcon } from "lucide-react" - import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" import { Sidebar, SidebarContent, @@ -19,7 +17,8 @@ import { SidebarMenuItem, SidebarProvider, SidebarTrigger, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { ChevronUpIcon } from "lucide-react" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-group-action.tsx b/apps/v4/examples/base/sidebar-group-action.tsx index a2fa459675..050b66842a 100644 --- a/apps/v4/examples/base/sidebar-group-action.tsx +++ b/apps/v4/examples/base/sidebar-group-action.tsx @@ -1,8 +1,5 @@ "use client" -import { FrameIcon, MapIcon, PieChartIcon, PlusIcon } from "lucide-react" -import { toast, Toaster } from "sonner" - import { Sidebar, SidebarContent, @@ -14,7 +11,9 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { FrameIcon, MapIcon, PieChartIcon, PlusIcon } from "lucide-react" +import { toast, Toaster } from "sonner" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-group-collapsible.tsx b/apps/v4/examples/base/sidebar-group-collapsible.tsx index 92cdc35861..d9d7dc2718 100644 --- a/apps/v4/examples/base/sidebar-group-collapsible.tsx +++ b/apps/v4/examples/base/sidebar-group-collapsible.tsx @@ -1,12 +1,10 @@ "use client" -import { ChevronDownIcon, LifeBuoyIcon, SendIcon } from "lucide-react" - import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" +} from "@/examples/base/ui/collapsible" import { Sidebar, SidebarContent, @@ -17,7 +15,8 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { ChevronDownIcon, LifeBuoyIcon, SendIcon } from "lucide-react" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-group.tsx b/apps/v4/examples/base/sidebar-group.tsx index eb39e1f713..497158a794 100644 --- a/apps/v4/examples/base/sidebar-group.tsx +++ b/apps/v4/examples/base/sidebar-group.tsx @@ -1,7 +1,5 @@ "use client" -import { LifeBuoyIcon, SendIcon } from "lucide-react" - import { Sidebar, SidebarContent, @@ -12,7 +10,8 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { LifeBuoyIcon, SendIcon } from "lucide-react" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-header.tsx b/apps/v4/examples/base/sidebar-header.tsx index f0f96f88b4..2e5c4bd142 100644 --- a/apps/v4/examples/base/sidebar-header.tsx +++ b/apps/v4/examples/base/sidebar-header.tsx @@ -1,13 +1,11 @@ "use client" -import { ChevronDownIcon } from "lucide-react" - import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" import { Sidebar, SidebarHeader, @@ -17,7 +15,8 @@ import { SidebarMenuItem, SidebarProvider, SidebarTrigger, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { ChevronDownIcon } from "lucide-react" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-menu-action.tsx b/apps/v4/examples/base/sidebar-menu-action.tsx index 30df082de2..77009ef61e 100644 --- a/apps/v4/examples/base/sidebar-menu-action.tsx +++ b/apps/v4/examples/base/sidebar-menu-action.tsx @@ -1,20 +1,11 @@ "use client" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - MoreHorizontalIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" - import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/styles/base-nova/ui/dropdown-menu" +} from "@/examples/base/ui/dropdown-menu" import { Sidebar, SidebarContent, @@ -26,7 +17,15 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + MoreHorizontalIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-menu-badge.tsx b/apps/v4/examples/base/sidebar-menu-badge.tsx index d639c977de..54d4cd1451 100644 --- a/apps/v4/examples/base/sidebar-menu-badge.tsx +++ b/apps/v4/examples/base/sidebar-menu-badge.tsx @@ -1,13 +1,5 @@ "use client" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" - import { Sidebar, SidebarContent, @@ -19,7 +11,14 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-menu-collapsible.tsx b/apps/v4/examples/base/sidebar-menu-collapsible.tsx index bbb7c1e27e..5e409c852b 100644 --- a/apps/v4/examples/base/sidebar-menu-collapsible.tsx +++ b/apps/v4/examples/base/sidebar-menu-collapsible.tsx @@ -1,12 +1,10 @@ "use client" -import { ChevronRightIcon } from "lucide-react" - import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/styles/base-nova/ui/collapsible" +} from "@/examples/base/ui/collapsible" import { Sidebar, SidebarContent, @@ -19,7 +17,8 @@ import { SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { ChevronRightIcon } from "lucide-react" const items = [ { diff --git a/apps/v4/examples/base/sidebar-menu-sub.tsx b/apps/v4/examples/base/sidebar-menu-sub.tsx index 8454426e40..dff4bf8478 100644 --- a/apps/v4/examples/base/sidebar-menu-sub.tsx +++ b/apps/v4/examples/base/sidebar-menu-sub.tsx @@ -12,7 +12,7 @@ import { SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" const items = [ { diff --git a/apps/v4/examples/base/sidebar-menu.tsx b/apps/v4/examples/base/sidebar-menu.tsx index 38652a8ea8..dc8b0362aa 100644 --- a/apps/v4/examples/base/sidebar-menu.tsx +++ b/apps/v4/examples/base/sidebar-menu.tsx @@ -1,13 +1,5 @@ "use client" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" - import { Sidebar, SidebarContent, @@ -18,7 +10,14 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-rsc.tsx b/apps/v4/examples/base/sidebar-rsc.tsx index d9b839f4c8..f3e6029dd3 100644 --- a/apps/v4/examples/base/sidebar-rsc.tsx +++ b/apps/v4/examples/base/sidebar-rsc.tsx @@ -1,12 +1,4 @@ import * as React from "react" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" - import { Sidebar, SidebarContent, @@ -18,7 +10,14 @@ import { SidebarMenuItem, SidebarMenuSkeleton, SidebarProvider, -} from "@/styles/base-nova/ui/sidebar" +} from "@/examples/base/ui/sidebar" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-rtl.tsx b/apps/v4/examples/base/sidebar-rtl.tsx index bfaa56e668..05140bae4c 100644 --- a/apps/v4/examples/base/sidebar-rtl.tsx +++ b/apps/v4/examples/base/sidebar-rtl.tsx @@ -1,6 +1,46 @@ "use client" import * as React from "react" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/examples/base/ui-rtl/avatar" +import { + Collapsible, + CollapsibleContent, + CollapsibleTrigger, +} from "@/examples/base/ui-rtl/collapsible" +import { DirectionProvider } from "@/examples/base/ui-rtl/direction" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuLabel, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/examples/base/ui-rtl/dropdown-menu" +import { + Sidebar, + SidebarContent, + SidebarFooter, + SidebarGroup, + SidebarGroupLabel, + SidebarHeader, + SidebarInset, + SidebarMenu, + SidebarMenuAction, + SidebarMenuButton, + SidebarMenuItem, + SidebarMenuSub, + SidebarMenuSubButton, + SidebarMenuSubItem, + SidebarProvider, + SidebarRail, + SidebarTrigger, + useSidebar, +} from "@/examples/base/ui-rtl/sidebar" import { BadgeCheck, Bell, @@ -29,46 +69,6 @@ import { useTranslation, type Translations, } from "@/components/language-selector" -import { - Avatar, - AvatarFallback, - AvatarImage, -} from "@/styles/base-nova/ui-rtl/avatar" -import { - Collapsible, - CollapsibleContent, - CollapsibleTrigger, -} from "@/styles/base-nova/ui-rtl/collapsible" -import { DirectionProvider } from "@/styles/base-nova/ui-rtl/direction" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuLabel, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/styles/base-nova/ui-rtl/dropdown-menu" -import { - Sidebar, - SidebarContent, - SidebarFooter, - SidebarGroup, - SidebarGroupLabel, - SidebarHeader, - SidebarInset, - SidebarMenu, - SidebarMenuAction, - SidebarMenuButton, - SidebarMenuItem, - SidebarMenuSub, - SidebarMenuSubButton, - SidebarMenuSubItem, - SidebarProvider, - SidebarRail, - SidebarTrigger, - useSidebar, -} from "@/styles/base-nova/ui-rtl/sidebar" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/skeleton-avatar.tsx b/apps/v4/examples/base/skeleton-avatar.tsx index 15d639a476..1560e7cbf9 100644 --- a/apps/v4/examples/base/skeleton-avatar.tsx +++ b/apps/v4/examples/base/skeleton-avatar.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/styles/base-nova/ui/skeleton" +import { Skeleton } from "@/examples/base/ui/skeleton" export function SkeletonAvatar() { return ( diff --git a/apps/v4/examples/base/skeleton-card.tsx b/apps/v4/examples/base/skeleton-card.tsx index 90906cf24e..1576fcf62a 100644 --- a/apps/v4/examples/base/skeleton-card.tsx +++ b/apps/v4/examples/base/skeleton-card.tsx @@ -1,5 +1,5 @@ -import { Card, CardContent, CardHeader } from "@/styles/base-nova/ui/card" -import { Skeleton } from "@/styles/base-nova/ui/skeleton" +import { Card, CardContent, CardHeader } from "@/examples/base/ui/card" +import { Skeleton } from "@/examples/base/ui/skeleton" export function SkeletonCard() { return ( diff --git a/apps/v4/examples/base/skeleton-demo.tsx b/apps/v4/examples/base/skeleton-demo.tsx index d0a00a409a..c91e55aaf5 100644 --- a/apps/v4/examples/base/skeleton-demo.tsx +++ b/apps/v4/examples/base/skeleton-demo.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/styles/base-nova/ui/skeleton" +import { Skeleton } from "@/examples/base/ui/skeleton" export function SkeletonDemo() { return ( diff --git a/apps/v4/examples/base/skeleton-form.tsx b/apps/v4/examples/base/skeleton-form.tsx index 90a4be56ac..cbaeca5087 100644 --- a/apps/v4/examples/base/skeleton-form.tsx +++ b/apps/v4/examples/base/skeleton-form.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/styles/base-nova/ui/skeleton" +import { Skeleton } from "@/examples/base/ui/skeleton" export function SkeletonForm() { return ( diff --git a/apps/v4/examples/base/skeleton-rtl.tsx b/apps/v4/examples/base/skeleton-rtl.tsx index a278081d9b..16207d7525 100644 --- a/apps/v4/examples/base/skeleton-rtl.tsx +++ b/apps/v4/examples/base/skeleton-rtl.tsx @@ -1,12 +1,12 @@ "use client" import * as React from "react" +import { Skeleton } from "@/examples/base/ui-rtl/skeleton" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Skeleton } from "@/styles/base-nova/ui-rtl/skeleton" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/skeleton-table.tsx b/apps/v4/examples/base/skeleton-table.tsx index 28a14ab89d..12e855ae58 100644 --- a/apps/v4/examples/base/skeleton-table.tsx +++ b/apps/v4/examples/base/skeleton-table.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/styles/base-nova/ui/skeleton" +import { Skeleton } from "@/examples/base/ui/skeleton" export function SkeletonTable() { return ( diff --git a/apps/v4/examples/base/skeleton-text.tsx b/apps/v4/examples/base/skeleton-text.tsx index 3b6435e251..3d6f0c40a8 100644 --- a/apps/v4/examples/base/skeleton-text.tsx +++ b/apps/v4/examples/base/skeleton-text.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/styles/base-nova/ui/skeleton" +import { Skeleton } from "@/examples/base/ui/skeleton" export function SkeletonText() { return ( diff --git a/apps/v4/examples/base/slider-controlled.tsx b/apps/v4/examples/base/slider-controlled.tsx index d1b7e29861..c71c0751c6 100644 --- a/apps/v4/examples/base/slider-controlled.tsx +++ b/apps/v4/examples/base/slider-controlled.tsx @@ -1,9 +1,8 @@ "use client" import * as React from "react" - -import { Label } from "@/styles/base-nova/ui/label" -import { Slider } from "@/styles/base-nova/ui/slider" +import { Label } from "@/examples/base/ui/label" +import { Slider } from "@/examples/base/ui/slider" export function SliderControlled() { const [value, setValue] = React.useState([0.3, 0.7]) diff --git a/apps/v4/examples/base/slider-demo.tsx b/apps/v4/examples/base/slider-demo.tsx index 1cfa277853..d68c5950ae 100644 --- a/apps/v4/examples/base/slider-demo.tsx +++ b/apps/v4/examples/base/slider-demo.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/styles/base-nova/ui/slider" +import { Slider } from "@/examples/base/ui/slider" export function SliderDemo() { return ( diff --git a/apps/v4/examples/base/slider-disabled.tsx b/apps/v4/examples/base/slider-disabled.tsx index d107f9619e..4f5611e59c 100644 --- a/apps/v4/examples/base/slider-disabled.tsx +++ b/apps/v4/examples/base/slider-disabled.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/styles/base-nova/ui/slider" +import { Slider } from "@/examples/base/ui/slider" export function SliderDisabled() { return ( diff --git a/apps/v4/examples/base/slider-multiple.tsx b/apps/v4/examples/base/slider-multiple.tsx index 7bbc8f94da..4581e1e240 100644 --- a/apps/v4/examples/base/slider-multiple.tsx +++ b/apps/v4/examples/base/slider-multiple.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/styles/base-nova/ui/slider" +import { Slider } from "@/examples/base/ui/slider" export function SliderMultiple() { return ( diff --git a/apps/v4/examples/base/slider-range.tsx b/apps/v4/examples/base/slider-range.tsx index 6210e49789..2db8f3fd51 100644 --- a/apps/v4/examples/base/slider-range.tsx +++ b/apps/v4/examples/base/slider-range.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/styles/base-nova/ui/slider" +import { Slider } from "@/examples/base/ui/slider" export function SliderRange() { return ( diff --git a/apps/v4/examples/base/slider-rtl.tsx b/apps/v4/examples/base/slider-rtl.tsx index dd6f147315..83e2508045 100644 --- a/apps/v4/examples/base/slider-rtl.tsx +++ b/apps/v4/examples/base/slider-rtl.tsx @@ -1,12 +1,12 @@ "use client" import * as React from "react" +import { Slider } from "@/examples/base/ui-rtl/slider" import { useTranslation, type Translations, } from "@/components/language-selector" -import { Slider } from "@/styles/base-nova/ui-rtl/slider" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/slider-vertical.tsx b/apps/v4/examples/base/slider-vertical.tsx index 7efd57c636..cccf18f05e 100644 --- a/apps/v4/examples/base/slider-vertical.tsx +++ b/apps/v4/examples/base/slider-vertical.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/styles/base-nova/ui/slider" +import { Slider } from "@/examples/base/ui/slider" export function SliderVertical() { return ( diff --git a/apps/v4/examples/base/sonner-demo.tsx b/apps/v4/examples/base/sonner-demo.tsx index b45c7b9ac4..c042261093 100644 --- a/apps/v4/examples/base/sonner-demo.tsx +++ b/apps/v4/examples/base/sonner-demo.tsx @@ -1,9 +1,8 @@ "use client" +import { Button } from "@/examples/base/ui/button" import { toast } from "sonner" -import { Button } from "@/styles/base-nova/ui/button" - export function SonnerDemo() { return (