From 7d718ddaa9c32b9c3d489bc3f6ca3994bf049570 Mon Sep 17 00:00:00 2001 From: shadcn Date: Thu, 26 Mar 2026 14:36:00 +0400 Subject: [PATCH] fix: refactor styles (#10190) * feat: refactor styles handling across v4 * fix * fix * fix * fix * fix * fix --- .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/{styles => app}/globals.css | 0 apps/v4/app/layout.tsx | 2 +- apps/v4/{styles => app}/legacy-themes.css | 0 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 | 17 +- 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 +- 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 | 13 +- 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 | 17 +- 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 +- 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 | 1001 +- 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 + .../base-lyra/ui}/aspect-ratio.tsx | 2 +- 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 + .../base-lyra/ui}/collapsible.tsx | 0 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 + .../base-lyra/ui}/direction.tsx | 0 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 + .../base-lyra}/ui/pagination.tsx | 5 +- apps/v4/styles/base-lyra/ui/popover.tsx | 90 + apps/v4/styles/base-lyra/ui/progress.tsx | 83 + .../base-lyra}/ui/radio-group.tsx | 3 +- 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 + .../base-lyra/ui}/separator.tsx | 3 +- 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 + .../ui-rtl => styles/base-lyra/ui}/sonner.tsx | 0 .../base-lyra/ui}/spinner.tsx | 3 +- 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 + .../base-maia}/ui/aspect-ratio.tsx | 2 +- .../base => styles/base-maia}/ui/avatar.tsx | 3 +- 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 + .../base => styles/base-maia}/ui/carousel.tsx | 5 +- .../base => styles/base-maia}/ui/chart.tsx | 3 +- apps/v4/styles/base-maia/ui/checkbox.tsx | 28 + .../base-maia}/ui/collapsible.tsx | 0 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 + .../base-maia}/ui/direction.tsx | 0 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 + .../base => styles/base-maia}/ui/kbd.tsx | 2 +- .../base => styles/base-maia}/ui/label.tsx | 3 +- 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 + .../base-maia}/ui/resizable.tsx | 3 +- .../base-maia}/ui/scroll-area.tsx | 3 +- apps/v4/styles/base-maia/ui/select.tsx | 205 + .../base-maia}/ui/separator.tsx | 3 +- 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 + .../base => styles/base-maia}/ui/sonner.tsx | 0 .../base => styles/base-maia}/ui/spinner.tsx | 3 +- 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/aspect-ratio.tsx | 22 + 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 + .../base-mira}/ui/carousel.tsx | 5 +- 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 + .../base-mira}/ui/resizable.tsx | 3 +- apps/v4/styles/base-mira/ui/scroll-area.tsx | 55 + apps/v4/styles/base-mira/ui/select.tsx | 205 + apps/v4/styles/base-mira/ui/separator.tsx | 25 + apps/v4/styles/base-mira/ui/sheet.tsx | 137 + apps/v4/styles/base-mira/ui/sidebar.tsx | 729 + .../base => styles/base-mira}/ui/skeleton.tsx | 2 +- apps/v4/styles/base-mira/ui/slider.tsx | 59 + .../ui-rtl => styles/base-mira/ui}/sonner.tsx | 0 .../base-mira/ui}/spinner.tsx | 3 +- 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 + .../base => styles/base-mira}/ui/tooltip.tsx | 3 +- .../base-nova}/ui-rtl/accordion.tsx | 3 +- .../base-nova}/ui-rtl/alert-dialog.tsx | 5 +- .../base-nova}/ui-rtl/alert.tsx | 3 +- .../styles/base-nova/ui-rtl/aspect-ratio.tsx | 22 + .../base-nova}/ui-rtl/avatar.tsx | 3 +- .../base-nova}/ui-rtl/badge.tsx | 3 +- .../base-nova}/ui-rtl/breadcrumb.tsx | 3 +- .../base-nova}/ui-rtl/button-group.tsx | 5 +- .../base-nova}/ui-rtl/button.tsx | 3 +- .../base-nova}/ui-rtl/calendar.tsx | 5 +- .../ui => styles/base-nova/ui-rtl}/card.tsx | 3 +- .../base-nova}/ui-rtl/carousel.tsx | 5 +- .../base-nova}/ui-rtl/chart.tsx | 3 +- .../base-nova}/ui-rtl/checkbox.tsx | 3 +- .../styles/base-nova/ui-rtl/collapsible.tsx | 21 + .../base-nova}/ui-rtl/combobox.tsx | 11 +- .../base-nova}/ui-rtl/command.tsx | 14 +- .../base-nova}/ui-rtl/context-menu.tsx | 3 +- .../base-nova}/ui-rtl/dialog.tsx | 5 +- apps/v4/styles/base-nova/ui-rtl/direction.tsx | 6 + .../base-nova}/ui-rtl/drawer.tsx | 3 +- .../base-nova}/ui-rtl/dropdown-menu.tsx | 3 +- .../base-nova}/ui-rtl/empty.tsx | 3 +- .../base-nova}/ui-rtl/field.tsx | 7 +- .../base-nova}/ui-rtl/hover-card.tsx | 3 +- .../base-nova}/ui-rtl/input-group.tsx | 9 +- .../base-nova}/ui-rtl/input-otp.tsx | 3 +- .../base-nova}/ui-rtl/input.tsx | 3 +- .../base => styles/base-nova}/ui-rtl/item.tsx | 5 +- .../base => styles/base-nova}/ui-rtl/kbd.tsx | 2 +- .../base-nova}/ui-rtl/label.tsx | 3 +- .../base-nova}/ui-rtl/menubar.tsx | 11 +- .../base-nova}/ui-rtl/native-select.tsx | 3 +- .../base-nova}/ui-rtl/navigation-menu.tsx | 3 +- .../base-nova}/ui-rtl/pagination.tsx | 5 +- .../base-nova}/ui-rtl/popover.tsx | 3 +- .../base-nova}/ui-rtl/progress.tsx | 3 +- .../base-nova}/ui-rtl/radio-group.tsx | 3 +- .../base-nova}/ui-rtl/resizable.tsx | 3 +- .../base-nova}/ui-rtl/scroll-area.tsx | 3 +- .../base-nova}/ui-rtl/select.tsx | 3 +- apps/v4/styles/base-nova/ui-rtl/separator.tsx | 25 + .../base-nova}/ui-rtl/sheet.tsx | 5 +- .../base-nova}/ui-rtl/sidebar.tsx | 25 +- .../base-nova}/ui-rtl/skeleton.tsx | 2 +- .../base-nova}/ui-rtl/slider.tsx | 3 +- .../ui => styles/base-nova/ui-rtl}/sonner.tsx | 0 .../base-nova/ui-rtl}/spinner.tsx | 3 +- .../base-nova}/ui-rtl/switch.tsx | 3 +- .../base-nova}/ui-rtl/table.tsx | 3 +- .../base => styles/base-nova}/ui-rtl/tabs.tsx | 3 +- .../base-nova/ui-rtl}/textarea.tsx | 3 +- .../base-nova}/ui-rtl/toggle-group.tsx | 5 +- .../base-nova}/ui-rtl/toggle.tsx | 3 +- .../base-nova}/ui-rtl/tooltip.tsx | 3 +- .../base-nova}/ui/accordion.tsx | 3 +- .../base-nova}/ui/alert-dialog.tsx | 5 +- .../base => styles/base-nova}/ui/alert.tsx | 3 +- apps/v4/styles/base-nova/ui/aspect-ratio.tsx | 22 + apps/v4/styles/base-nova/ui/avatar.tsx | 109 + .../base => styles/base-nova}/ui/badge.tsx | 3 +- .../base-nova}/ui/breadcrumb.tsx | 3 +- .../base-nova}/ui/button-group.tsx | 5 +- .../base => styles/base-nova}/ui/button.tsx | 3 +- .../base => styles/base-nova}/ui/calendar.tsx | 5 +- .../ui-rtl => styles/base-nova/ui}/card.tsx | 3 +- apps/v4/styles/base-nova/ui/carousel.tsx | 242 + .../ui-rtl => styles/base-nova/ui}/chart.tsx | 3 +- .../base => styles/base-nova}/ui/checkbox.tsx | 3 +- apps/v4/styles/base-nova/ui/collapsible.tsx | 21 + .../base => styles/base-nova}/ui/combobox.tsx | 11 +- .../base => styles/base-nova}/ui/command.tsx | 11 +- .../base-nova}/ui/context-menu.tsx | 3 +- .../base => styles/base-nova}/ui/dialog.tsx | 5 +- apps/v4/styles/base-nova/ui/direction.tsx | 6 + .../base => styles/base-nova}/ui/drawer.tsx | 3 +- .../base-nova}/ui/dropdown-menu.tsx | 3 +- .../base => styles/base-nova}/ui/empty.tsx | 3 +- .../base => styles/base-nova}/ui/field.tsx | 7 +- .../base-nova}/ui/hover-card.tsx | 3 +- .../base-nova}/ui/input-group.tsx | 9 +- .../base-nova}/ui/input-otp.tsx | 3 +- .../base => styles/base-nova}/ui/input.tsx | 3 +- .../base => styles/base-nova}/ui/item.tsx | 5 +- .../ui-rtl => styles/base-nova/ui}/kbd.tsx | 2 +- apps/v4/styles/base-nova/ui/label.tsx | 20 + .../base => styles/base-nova}/ui/menubar.tsx | 11 +- .../base-nova}/ui/native-select.tsx | 3 +- .../base-nova}/ui/navigation-menu.tsx | 3 +- apps/v4/styles/base-nova/ui/pagination.tsx | 133 + .../base => styles/base-nova}/ui/popover.tsx | 3 +- .../base => styles/base-nova}/ui/progress.tsx | 3 +- apps/v4/styles/base-nova/ui/radio-group.tsx | 38 + apps/v4/styles/base-nova/ui/resizable.tsx | 50 + apps/v4/styles/base-nova/ui/scroll-area.tsx | 55 + .../base => styles/base-nova}/ui/select.tsx | 3 +- apps/v4/styles/base-nova/ui/separator.tsx | 25 + .../base => styles/base-nova}/ui/sheet.tsx | 5 +- .../base => styles/base-nova}/ui/sidebar.tsx | 25 +- .../base-nova/ui}/skeleton.tsx | 2 +- .../base => styles/base-nova}/ui/slider.tsx | 3 +- apps/v4/styles/base-nova/ui/sonner.tsx | 45 + apps/v4/styles/base-nova/ui/spinner.tsx | 16 + .../base => styles/base-nova}/ui/switch.tsx | 3 +- .../base => styles/base-nova}/ui/table.tsx | 3 +- .../base => styles/base-nova}/ui/tabs.tsx | 3 +- .../base-nova/ui}/textarea.tsx | 3 +- .../base-nova}/ui/toggle-group.tsx | 5 +- .../base => styles/base-nova}/ui/toggle.tsx | 3 +- 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 + .../radix => styles/base-vega}/ui/chart.tsx | 3 +- 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 + .../radix => styles/base-vega}/ui/kbd.tsx | 2 +- 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 + .../base-vega}/ui/skeleton.tsx | 2 +- 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 + .../radix => styles/base-vega}/ui/table.tsx | 3 +- 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/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 + .../radix-lyra/ui}/aspect-ratio.tsx | 0 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 + .../radix-lyra/ui}/collapsible.tsx | 0 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 + .../radix-lyra/ui}/direction.tsx | 0 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 + .../radix-lyra}/ui/pagination.tsx | 5 +- apps/v4/styles/radix-lyra/ui/popover.tsx | 89 + apps/v4/styles/radix-lyra/ui/progress.tsx | 31 + .../radix-lyra}/ui/radio-group.tsx | 3 +- 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 + .../radix-lyra}/ui/separator.tsx | 3 +- 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 + .../radix-maia}/ui/aspect-ratio.tsx | 0 .../radix => styles/radix-maia}/ui/avatar.tsx | 3 +- 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 + .../radix-maia}/ui/collapsible.tsx | 0 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 + .../radix-maia}/ui/direction.tsx | 0 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 + .../ui-rtl => styles/radix-maia/ui}/label.tsx | 3 +- 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 + .../radix-maia}/ui/scroll-area.tsx | 3 +- apps/v4/styles/radix-maia/ui/select.tsx | 198 + .../radix-maia/ui}/separator.tsx | 3 +- 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 + .../radix-mira}/ui/tooltip.tsx | 3 +- .../radix-nova}/ui-rtl/accordion.tsx | 3 +- .../radix-nova}/ui-rtl/alert-dialog.tsx | 5 +- .../radix-nova}/ui-rtl/alert.tsx | 3 +- .../styles/radix-nova/ui-rtl/aspect-ratio.tsx | 11 + .../radix-nova}/ui-rtl/avatar.tsx | 3 +- .../radix-nova}/ui-rtl/badge.tsx | 3 +- .../radix-nova}/ui-rtl/breadcrumb.tsx | 3 +- .../radix-nova}/ui-rtl/button-group.tsx | 5 +- .../radix-nova}/ui-rtl/button.tsx | 3 +- .../radix-nova}/ui-rtl/calendar.tsx | 5 +- .../radix-nova}/ui-rtl/card.tsx | 3 +- .../radix-nova}/ui-rtl/carousel.tsx | 5 +- apps/v4/styles/radix-nova/ui-rtl/chart.tsx | 373 + .../radix-nova}/ui-rtl/checkbox.tsx | 3 +- .../styles/radix-nova/ui-rtl/collapsible.tsx | 33 + .../radix-nova}/ui-rtl/combobox.tsx | 11 +- .../radix-nova}/ui-rtl/command.tsx | 11 +- .../radix-nova}/ui-rtl/context-menu.tsx | 3 +- .../radix-nova}/ui-rtl/dialog.tsx | 5 +- .../v4/styles/radix-nova/ui-rtl/direction.tsx | 22 + .../radix-nova}/ui-rtl/drawer.tsx | 3 +- .../radix-nova}/ui-rtl/dropdown-menu.tsx | 3 +- .../radix-nova}/ui-rtl/empty.tsx | 3 +- .../radix-nova}/ui-rtl/field.tsx | 7 +- .../radix-nova/ui-rtl}/hover-card.tsx | 3 +- .../radix-nova}/ui-rtl/input-group.tsx | 9 +- .../radix-nova}/ui-rtl/input-otp.tsx | 3 +- .../radix-nova}/ui-rtl/input.tsx | 3 +- .../radix-nova}/ui-rtl/item.tsx | 5 +- apps/v4/styles/radix-nova/ui-rtl/kbd.tsx | 26 + .../ui => styles/radix-nova/ui-rtl}/label.tsx | 3 +- .../radix-nova}/ui-rtl/menubar.tsx | 3 +- .../radix-nova}/ui-rtl/native-select.tsx | 3 +- .../radix-nova}/ui-rtl/navigation-menu.tsx | 3 +- .../radix-nova}/ui-rtl/pagination.tsx | 5 +- .../radix-nova}/ui-rtl/popover.tsx | 3 +- .../radix-nova/ui-rtl}/progress.tsx | 3 +- .../radix-nova}/ui-rtl/radio-group.tsx | 3 +- .../radix-nova}/ui-rtl/resizable.tsx | 3 +- .../radix-nova}/ui-rtl/scroll-area.tsx | 3 +- .../radix-nova}/ui-rtl/select.tsx | 3 +- .../v4/styles/radix-nova/ui-rtl/separator.tsx | 28 + .../radix-nova}/ui-rtl/sheet.tsx | 5 +- .../radix-nova}/ui-rtl/sidebar.tsx | 23 +- apps/v4/styles/radix-nova/ui-rtl/skeleton.tsx | 13 + .../radix-nova}/ui-rtl/slider.tsx | 3 +- apps/v4/styles/radix-nova/ui-rtl/sonner.tsx | 45 + apps/v4/styles/radix-nova/ui-rtl/spinner.tsx | 16 + .../radix-nova}/ui-rtl/switch.tsx | 3 +- .../radix-nova}/ui-rtl/table.tsx | 3 +- .../radix-nova}/ui-rtl/tabs.tsx | 3 +- .../radix-nova}/ui-rtl/textarea.tsx | 3 +- .../radix-nova}/ui-rtl/toggle-group.tsx | 5 +- .../radix-nova/ui-rtl}/toggle.tsx | 3 +- .../radix-nova}/ui-rtl/tooltip.tsx | 3 +- .../radix-nova}/ui/accordion.tsx | 3 +- .../radix-nova}/ui/alert-dialog.tsx | 5 +- .../radix => styles/radix-nova}/ui/alert.tsx | 3 +- apps/v4/styles/radix-nova/ui/aspect-ratio.tsx | 11 + apps/v4/styles/radix-nova/ui/avatar.tsx | 112 + .../radix => styles/radix-nova}/ui/badge.tsx | 3 +- .../radix-nova}/ui/breadcrumb.tsx | 3 +- .../radix-nova}/ui/button-group.tsx | 5 +- .../radix => styles/radix-nova}/ui/button.tsx | 3 +- .../radix-nova}/ui/calendar.tsx | 5 +- .../radix => styles/radix-nova}/ui/card.tsx | 3 +- apps/v4/styles/radix-nova/ui/carousel.tsx | 242 + apps/v4/styles/radix-nova/ui/chart.tsx | 373 + .../radix-nova}/ui/checkbox.tsx | 3 +- apps/v4/styles/radix-nova/ui/collapsible.tsx | 33 + .../radix-nova}/ui/combobox.tsx | 11 +- .../radix-nova}/ui/command.tsx | 11 +- .../radix-nova}/ui/context-menu.tsx | 3 +- .../radix => styles/radix-nova}/ui/dialog.tsx | 5 +- apps/v4/styles/radix-nova/ui/direction.tsx | 22 + .../radix => styles/radix-nova}/ui/drawer.tsx | 3 +- .../radix-nova}/ui/dropdown-menu.tsx | 3 +- .../radix => styles/radix-nova}/ui/empty.tsx | 3 +- .../radix => styles/radix-nova}/ui/field.tsx | 7 +- .../radix-nova/ui}/hover-card.tsx | 3 +- .../radix-nova}/ui/input-group.tsx | 9 +- .../radix-nova}/ui/input-otp.tsx | 3 +- .../radix => styles/radix-nova}/ui/input.tsx | 3 +- .../radix => styles/radix-nova}/ui/item.tsx | 5 +- apps/v4/styles/radix-nova/ui/kbd.tsx | 26 + apps/v4/styles/radix-nova/ui/label.tsx | 24 + .../radix-nova}/ui/menubar.tsx | 3 +- .../radix-nova}/ui/native-select.tsx | 3 +- .../radix-nova}/ui/navigation-menu.tsx | 3 +- apps/v4/styles/radix-nova/ui/pagination.tsx | 132 + .../radix-nova}/ui/popover.tsx | 3 +- .../radix-nova/ui}/progress.tsx | 3 +- 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 + .../radix => styles/radix-nova}/ui/select.tsx | 3 +- apps/v4/styles/radix-nova/ui/separator.tsx | 28 + .../radix => styles/radix-nova}/ui/sheet.tsx | 5 +- .../radix-nova}/ui/sidebar.tsx | 23 +- apps/v4/styles/radix-nova/ui/skeleton.tsx | 13 + .../radix => styles/radix-nova}/ui/slider.tsx | 3 +- apps/v4/styles/radix-nova/ui/sonner.tsx | 45 + apps/v4/styles/radix-nova/ui/spinner.tsx | 16 + .../radix => styles/radix-nova}/ui/switch.tsx | 3 +- apps/v4/styles/radix-nova/ui/table.tsx | 116 + .../radix => styles/radix-nova}/ui/tabs.tsx | 3 +- .../radix-nova}/ui/textarea.tsx | 3 +- .../radix-nova}/ui/toggle-group.tsx | 5 +- .../radix-nova/ui}/toggle.tsx | 3 +- apps/v4/styles/radix-nova/ui/tooltip.tsx | 57 + 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/scroll-area.tsx | 55 + 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, 70106 insertions(+), 5426 deletions(-) rename apps/v4/{styles => app}/globals.css (100%) rename apps/v4/{styles => app}/legacy-themes.css (100%) delete mode 100644 apps/v4/examples/base/hooks/use-mobile.ts delete mode 100644 apps/v4/examples/base/lib/utils.ts delete mode 100644 apps/v4/examples/radix/hooks/use-mobile.ts delete mode 100644 apps/v4/examples/radix/lib/utils.ts delete mode 100644 apps/v4/scripts/build-examples.ts create mode 100644 apps/v4/styles/base-lyra/ui/accordion.tsx create mode 100644 apps/v4/styles/base-lyra/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/base-lyra/ui/alert.tsx rename apps/v4/{examples/base/ui-rtl => styles/base-lyra/ui}/aspect-ratio.tsx (88%) create mode 100644 apps/v4/styles/base-lyra/ui/avatar.tsx create mode 100644 apps/v4/styles/base-lyra/ui/badge.tsx create mode 100644 apps/v4/styles/base-lyra/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/base-lyra/ui/button-group.tsx create mode 100644 apps/v4/styles/base-lyra/ui/button.tsx create mode 100644 apps/v4/styles/base-lyra/ui/calendar.tsx create mode 100644 apps/v4/styles/base-lyra/ui/card.tsx create mode 100644 apps/v4/styles/base-lyra/ui/carousel.tsx create mode 100644 apps/v4/styles/base-lyra/ui/chart.tsx create mode 100644 apps/v4/styles/base-lyra/ui/checkbox.tsx rename apps/v4/{examples/base/ui-rtl => styles/base-lyra/ui}/collapsible.tsx (100%) create mode 100644 apps/v4/styles/base-lyra/ui/combobox.tsx create mode 100644 apps/v4/styles/base-lyra/ui/command.tsx create mode 100644 apps/v4/styles/base-lyra/ui/context-menu.tsx create mode 100644 apps/v4/styles/base-lyra/ui/dialog.tsx rename apps/v4/{examples/base/ui-rtl => styles/base-lyra/ui}/direction.tsx (100%) create mode 100644 apps/v4/styles/base-lyra/ui/drawer.tsx create mode 100644 apps/v4/styles/base-lyra/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/base-lyra/ui/empty.tsx create mode 100644 apps/v4/styles/base-lyra/ui/field.tsx create mode 100644 apps/v4/styles/base-lyra/ui/hover-card.tsx create mode 100644 apps/v4/styles/base-lyra/ui/input-group.tsx create mode 100644 apps/v4/styles/base-lyra/ui/input-otp.tsx create mode 100644 apps/v4/styles/base-lyra/ui/input.tsx create mode 100644 apps/v4/styles/base-lyra/ui/item.tsx create mode 100644 apps/v4/styles/base-lyra/ui/kbd.tsx create mode 100644 apps/v4/styles/base-lyra/ui/label.tsx create mode 100644 apps/v4/styles/base-lyra/ui/menubar.tsx create mode 100644 apps/v4/styles/base-lyra/ui/native-select.tsx create mode 100644 apps/v4/styles/base-lyra/ui/navigation-menu.tsx rename apps/v4/{examples/base => styles/base-lyra}/ui/pagination.tsx (96%) create mode 100644 apps/v4/styles/base-lyra/ui/popover.tsx create mode 100644 apps/v4/styles/base-lyra/ui/progress.tsx rename apps/v4/{examples/base => styles/base-lyra}/ui/radio-group.tsx (97%) create mode 100644 apps/v4/styles/base-lyra/ui/resizable.tsx create mode 100644 apps/v4/styles/base-lyra/ui/scroll-area.tsx create mode 100644 apps/v4/styles/base-lyra/ui/select.tsx rename apps/v4/{examples/base/ui-rtl => styles/base-lyra/ui}/separator.tsx (91%) create mode 100644 apps/v4/styles/base-lyra/ui/sheet.tsx create mode 100644 apps/v4/styles/base-lyra/ui/sidebar.tsx create mode 100644 apps/v4/styles/base-lyra/ui/skeleton.tsx create mode 100644 apps/v4/styles/base-lyra/ui/slider.tsx rename apps/v4/{examples/base/ui-rtl => styles/base-lyra/ui}/sonner.tsx (100%) rename apps/v4/{examples/base/ui-rtl => styles/base-lyra/ui}/spinner.tsx (86%) create mode 100644 apps/v4/styles/base-lyra/ui/switch.tsx create mode 100644 apps/v4/styles/base-lyra/ui/table.tsx create mode 100644 apps/v4/styles/base-lyra/ui/tabs.tsx create mode 100644 apps/v4/styles/base-lyra/ui/textarea.tsx create mode 100644 apps/v4/styles/base-lyra/ui/toggle-group.tsx create mode 100644 apps/v4/styles/base-lyra/ui/toggle.tsx create mode 100644 apps/v4/styles/base-lyra/ui/tooltip.tsx create mode 100644 apps/v4/styles/base-maia/ui/accordion.tsx create mode 100644 apps/v4/styles/base-maia/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/base-maia/ui/alert.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/aspect-ratio.tsx (88%) rename apps/v4/{examples/base => styles/base-maia}/ui/avatar.tsx (98%) create mode 100644 apps/v4/styles/base-maia/ui/badge.tsx create mode 100644 apps/v4/styles/base-maia/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/base-maia/ui/button-group.tsx create mode 100644 apps/v4/styles/base-maia/ui/button.tsx create mode 100644 apps/v4/styles/base-maia/ui/calendar.tsx create mode 100644 apps/v4/styles/base-maia/ui/card.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/carousel.tsx (98%) rename apps/v4/{examples/base => styles/base-maia}/ui/chart.tsx (99%) create mode 100644 apps/v4/styles/base-maia/ui/checkbox.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/collapsible.tsx (100%) create mode 100644 apps/v4/styles/base-maia/ui/combobox.tsx create mode 100644 apps/v4/styles/base-maia/ui/command.tsx create mode 100644 apps/v4/styles/base-maia/ui/context-menu.tsx create mode 100644 apps/v4/styles/base-maia/ui/dialog.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/direction.tsx (100%) create mode 100644 apps/v4/styles/base-maia/ui/drawer.tsx create mode 100644 apps/v4/styles/base-maia/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/base-maia/ui/empty.tsx create mode 100644 apps/v4/styles/base-maia/ui/field.tsx create mode 100644 apps/v4/styles/base-maia/ui/hover-card.tsx create mode 100644 apps/v4/styles/base-maia/ui/input-group.tsx create mode 100644 apps/v4/styles/base-maia/ui/input-otp.tsx create mode 100644 apps/v4/styles/base-maia/ui/input.tsx create mode 100644 apps/v4/styles/base-maia/ui/item.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/kbd.tsx (94%) rename apps/v4/{examples/base => styles/base-maia}/ui/label.tsx (91%) create mode 100644 apps/v4/styles/base-maia/ui/menubar.tsx create mode 100644 apps/v4/styles/base-maia/ui/native-select.tsx create mode 100644 apps/v4/styles/base-maia/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/base-maia/ui/pagination.tsx create mode 100644 apps/v4/styles/base-maia/ui/popover.tsx create mode 100644 apps/v4/styles/base-maia/ui/progress.tsx create mode 100644 apps/v4/styles/base-maia/ui/radio-group.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/resizable.tsx (97%) rename apps/v4/{examples/base => styles/base-maia}/ui/scroll-area.tsx (97%) create mode 100644 apps/v4/styles/base-maia/ui/select.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/separator.tsx (91%) create mode 100644 apps/v4/styles/base-maia/ui/sheet.tsx create mode 100644 apps/v4/styles/base-maia/ui/sidebar.tsx create mode 100644 apps/v4/styles/base-maia/ui/skeleton.tsx create mode 100644 apps/v4/styles/base-maia/ui/slider.tsx rename apps/v4/{examples/base => styles/base-maia}/ui/sonner.tsx (100%) rename apps/v4/{examples/base => styles/base-maia}/ui/spinner.tsx (86%) create mode 100644 apps/v4/styles/base-maia/ui/switch.tsx create mode 100644 apps/v4/styles/base-maia/ui/table.tsx create mode 100644 apps/v4/styles/base-maia/ui/tabs.tsx create mode 100644 apps/v4/styles/base-maia/ui/textarea.tsx create mode 100644 apps/v4/styles/base-maia/ui/toggle-group.tsx create mode 100644 apps/v4/styles/base-maia/ui/toggle.tsx create mode 100644 apps/v4/styles/base-maia/ui/tooltip.tsx create mode 100644 apps/v4/styles/base-mira/ui/accordion.tsx create mode 100644 apps/v4/styles/base-mira/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/base-mira/ui/alert.tsx create mode 100644 apps/v4/styles/base-mira/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/base-mira/ui/avatar.tsx create mode 100644 apps/v4/styles/base-mira/ui/badge.tsx create mode 100644 apps/v4/styles/base-mira/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/base-mira/ui/button-group.tsx create mode 100644 apps/v4/styles/base-mira/ui/button.tsx create mode 100644 apps/v4/styles/base-mira/ui/calendar.tsx create mode 100644 apps/v4/styles/base-mira/ui/card.tsx rename apps/v4/{examples/radix => styles/base-mira}/ui/carousel.tsx (98%) create mode 100644 apps/v4/styles/base-mira/ui/chart.tsx create mode 100644 apps/v4/styles/base-mira/ui/checkbox.tsx create mode 100644 apps/v4/styles/base-mira/ui/collapsible.tsx create mode 100644 apps/v4/styles/base-mira/ui/combobox.tsx create mode 100644 apps/v4/styles/base-mira/ui/command.tsx create mode 100644 apps/v4/styles/base-mira/ui/context-menu.tsx create mode 100644 apps/v4/styles/base-mira/ui/dialog.tsx create mode 100644 apps/v4/styles/base-mira/ui/direction.tsx create mode 100644 apps/v4/styles/base-mira/ui/drawer.tsx create mode 100644 apps/v4/styles/base-mira/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/base-mira/ui/empty.tsx create mode 100644 apps/v4/styles/base-mira/ui/field.tsx create mode 100644 apps/v4/styles/base-mira/ui/hover-card.tsx create mode 100644 apps/v4/styles/base-mira/ui/input-group.tsx create mode 100644 apps/v4/styles/base-mira/ui/input-otp.tsx create mode 100644 apps/v4/styles/base-mira/ui/input.tsx create mode 100644 apps/v4/styles/base-mira/ui/item.tsx create mode 100644 apps/v4/styles/base-mira/ui/kbd.tsx create mode 100644 apps/v4/styles/base-mira/ui/label.tsx create mode 100644 apps/v4/styles/base-mira/ui/menubar.tsx create mode 100644 apps/v4/styles/base-mira/ui/native-select.tsx create mode 100644 apps/v4/styles/base-mira/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/base-mira/ui/pagination.tsx create mode 100644 apps/v4/styles/base-mira/ui/popover.tsx create mode 100644 apps/v4/styles/base-mira/ui/progress.tsx create mode 100644 apps/v4/styles/base-mira/ui/radio-group.tsx rename apps/v4/{examples/radix => styles/base-mira}/ui/resizable.tsx (97%) create mode 100644 apps/v4/styles/base-mira/ui/scroll-area.tsx create mode 100644 apps/v4/styles/base-mira/ui/select.tsx create mode 100644 apps/v4/styles/base-mira/ui/separator.tsx create mode 100644 apps/v4/styles/base-mira/ui/sheet.tsx create mode 100644 apps/v4/styles/base-mira/ui/sidebar.tsx rename apps/v4/{examples/base => styles/base-mira}/ui/skeleton.tsx (83%) create mode 100644 apps/v4/styles/base-mira/ui/slider.tsx rename apps/v4/{examples/radix/ui-rtl => styles/base-mira/ui}/sonner.tsx (100%) rename apps/v4/{examples/radix/ui-rtl => styles/base-mira/ui}/spinner.tsx (86%) create mode 100644 apps/v4/styles/base-mira/ui/switch.tsx create mode 100644 apps/v4/styles/base-mira/ui/table.tsx create mode 100644 apps/v4/styles/base-mira/ui/tabs.tsx create mode 100644 apps/v4/styles/base-mira/ui/textarea.tsx create mode 100644 apps/v4/styles/base-mira/ui/toggle-group.tsx create mode 100644 apps/v4/styles/base-mira/ui/toggle.tsx rename apps/v4/{examples/base => styles/base-mira}/ui/tooltip.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/accordion.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/alert-dialog.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/alert.tsx (97%) create mode 100644 apps/v4/styles/base-nova/ui-rtl/aspect-ratio.tsx rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/avatar.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/badge.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/breadcrumb.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/button-group.tsx (95%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/button.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/calendar.tsx (98%) rename apps/v4/{examples/base/ui => styles/base-nova/ui-rtl}/card.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/carousel.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/chart.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/checkbox.tsx (96%) create mode 100644 apps/v4/styles/base-nova/ui-rtl/collapsible.tsx rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/combobox.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/command.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/context-menu.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/dialog.tsx (97%) create mode 100644 apps/v4/styles/base-nova/ui-rtl/direction.tsx rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/drawer.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/dropdown-menu.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/empty.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/field.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/hover-card.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/input-group.tsx (95%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/input-otp.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/input.tsx (95%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/item.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/kbd.tsx (94%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/label.tsx (91%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/menubar.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/native-select.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/navigation-menu.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/pagination.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/popover.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/progress.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/radio-group.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/resizable.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/scroll-area.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/select.tsx (99%) create mode 100644 apps/v4/styles/base-nova/ui-rtl/separator.tsx rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/sheet.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/sidebar.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/skeleton.tsx (83%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/slider.tsx (97%) rename apps/v4/{examples/radix/ui => styles/base-nova/ui-rtl}/sonner.tsx (100%) rename apps/v4/{examples/radix/ui => styles/base-nova/ui-rtl}/spinner.tsx (86%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/switch.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/table.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/tabs.tsx (98%) rename apps/v4/{examples/base/ui => styles/base-nova/ui-rtl}/textarea.tsx (94%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/toggle-group.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/toggle.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui-rtl/tooltip.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/accordion.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/alert-dialog.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/alert.tsx (97%) create mode 100644 apps/v4/styles/base-nova/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/base-nova/ui/avatar.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/badge.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui/breadcrumb.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/button-group.tsx (95%) rename apps/v4/{examples/base => styles/base-nova}/ui/button.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/calendar.tsx (98%) rename apps/v4/{examples/base/ui-rtl => styles/base-nova/ui}/card.tsx (98%) create mode 100644 apps/v4/styles/base-nova/ui/carousel.tsx rename apps/v4/{examples/radix/ui-rtl => styles/base-nova/ui}/chart.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui/checkbox.tsx (96%) create mode 100644 apps/v4/styles/base-nova/ui/collapsible.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/combobox.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/command.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui/context-menu.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui/dialog.tsx (97%) create mode 100644 apps/v4/styles/base-nova/ui/direction.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/drawer.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/dropdown-menu.tsx (99%) rename apps/v4/{examples/base => styles/base-nova}/ui/empty.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/field.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui/hover-card.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui/input-group.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui/input-otp.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/input.tsx (95%) rename apps/v4/{examples/base => styles/base-nova}/ui/item.tsx (97%) rename apps/v4/{examples/radix/ui-rtl => styles/base-nova/ui}/kbd.tsx (94%) create mode 100644 apps/v4/styles/base-nova/ui/label.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/menubar.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/native-select.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui/navigation-menu.tsx (99%) create mode 100644 apps/v4/styles/base-nova/ui/pagination.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/popover.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/progress.tsx (97%) create mode 100644 apps/v4/styles/base-nova/ui/radio-group.tsx create mode 100644 apps/v4/styles/base-nova/ui/resizable.tsx create mode 100644 apps/v4/styles/base-nova/ui/scroll-area.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/select.tsx (99%) create mode 100644 apps/v4/styles/base-nova/ui/separator.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/sheet.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui/sidebar.tsx (98%) rename apps/v4/{examples/radix/ui-rtl => styles/base-nova/ui}/skeleton.tsx (83%) rename apps/v4/{examples/base => styles/base-nova}/ui/slider.tsx (97%) create mode 100644 apps/v4/styles/base-nova/ui/sonner.tsx create mode 100644 apps/v4/styles/base-nova/ui/spinner.tsx rename apps/v4/{examples/base => styles/base-nova}/ui/switch.tsx (97%) rename apps/v4/{examples/base => styles/base-nova}/ui/table.tsx (98%) rename apps/v4/{examples/base => styles/base-nova}/ui/tabs.tsx (98%) rename apps/v4/{examples/base/ui-rtl => styles/base-nova/ui}/textarea.tsx (94%) rename apps/v4/{examples/base => styles/base-nova}/ui/toggle-group.tsx (96%) rename apps/v4/{examples/base => styles/base-nova}/ui/toggle.tsx (96%) create mode 100644 apps/v4/styles/base-nova/ui/tooltip.tsx create mode 100644 apps/v4/styles/base-vega/ui/accordion.tsx create mode 100644 apps/v4/styles/base-vega/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/base-vega/ui/alert.tsx create mode 100644 apps/v4/styles/base-vega/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/base-vega/ui/avatar.tsx create mode 100644 apps/v4/styles/base-vega/ui/badge.tsx create mode 100644 apps/v4/styles/base-vega/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/base-vega/ui/button-group.tsx create mode 100644 apps/v4/styles/base-vega/ui/button.tsx create mode 100644 apps/v4/styles/base-vega/ui/calendar.tsx create mode 100644 apps/v4/styles/base-vega/ui/card.tsx create mode 100644 apps/v4/styles/base-vega/ui/carousel.tsx rename apps/v4/{examples/radix => styles/base-vega}/ui/chart.tsx (99%) create mode 100644 apps/v4/styles/base-vega/ui/checkbox.tsx create mode 100644 apps/v4/styles/base-vega/ui/collapsible.tsx create mode 100644 apps/v4/styles/base-vega/ui/combobox.tsx create mode 100644 apps/v4/styles/base-vega/ui/command.tsx create mode 100644 apps/v4/styles/base-vega/ui/context-menu.tsx create mode 100644 apps/v4/styles/base-vega/ui/dialog.tsx create mode 100644 apps/v4/styles/base-vega/ui/direction.tsx create mode 100644 apps/v4/styles/base-vega/ui/drawer.tsx create mode 100644 apps/v4/styles/base-vega/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/base-vega/ui/empty.tsx create mode 100644 apps/v4/styles/base-vega/ui/field.tsx create mode 100644 apps/v4/styles/base-vega/ui/hover-card.tsx create mode 100644 apps/v4/styles/base-vega/ui/input-group.tsx create mode 100644 apps/v4/styles/base-vega/ui/input-otp.tsx create mode 100644 apps/v4/styles/base-vega/ui/input.tsx create mode 100644 apps/v4/styles/base-vega/ui/item.tsx rename apps/v4/{examples/radix => styles/base-vega}/ui/kbd.tsx (94%) create mode 100644 apps/v4/styles/base-vega/ui/label.tsx create mode 100644 apps/v4/styles/base-vega/ui/menubar.tsx create mode 100644 apps/v4/styles/base-vega/ui/native-select.tsx create mode 100644 apps/v4/styles/base-vega/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/base-vega/ui/pagination.tsx create mode 100644 apps/v4/styles/base-vega/ui/popover.tsx create mode 100644 apps/v4/styles/base-vega/ui/progress.tsx create mode 100644 apps/v4/styles/base-vega/ui/radio-group.tsx create mode 100644 apps/v4/styles/base-vega/ui/resizable.tsx create mode 100644 apps/v4/styles/base-vega/ui/scroll-area.tsx create mode 100644 apps/v4/styles/base-vega/ui/select.tsx create mode 100644 apps/v4/styles/base-vega/ui/separator.tsx create mode 100644 apps/v4/styles/base-vega/ui/sheet.tsx create mode 100644 apps/v4/styles/base-vega/ui/sidebar.tsx rename apps/v4/{examples/radix => styles/base-vega}/ui/skeleton.tsx (83%) create mode 100644 apps/v4/styles/base-vega/ui/slider.tsx create mode 100644 apps/v4/styles/base-vega/ui/sonner.tsx create mode 100644 apps/v4/styles/base-vega/ui/spinner.tsx create mode 100644 apps/v4/styles/base-vega/ui/switch.tsx rename apps/v4/{examples/radix => styles/base-vega}/ui/table.tsx (97%) create mode 100644 apps/v4/styles/base-vega/ui/tabs.tsx create mode 100644 apps/v4/styles/base-vega/ui/textarea.tsx create mode 100644 apps/v4/styles/base-vega/ui/toggle-group.tsx create mode 100644 apps/v4/styles/base-vega/ui/toggle.tsx create mode 100644 apps/v4/styles/base-vega/ui/tooltip.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/accordion.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/alert.tsx rename apps/v4/{examples/radix/ui-rtl => styles/radix-lyra/ui}/aspect-ratio.tsx (100%) create mode 100644 apps/v4/styles/radix-lyra/ui/avatar.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/badge.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/button-group.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/button.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/calendar.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/card.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/carousel.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/chart.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/checkbox.tsx rename apps/v4/{examples/radix/ui-rtl => styles/radix-lyra/ui}/collapsible.tsx (100%) create mode 100644 apps/v4/styles/radix-lyra/ui/combobox.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/command.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/context-menu.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/dialog.tsx rename apps/v4/{examples/radix/ui-rtl => styles/radix-lyra/ui}/direction.tsx (100%) create mode 100644 apps/v4/styles/radix-lyra/ui/drawer.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/empty.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/field.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/hover-card.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/input-group.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/input-otp.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/input.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/item.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/kbd.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/label.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/menubar.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/native-select.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/navigation-menu.tsx rename apps/v4/{examples/radix => styles/radix-lyra}/ui/pagination.tsx (96%) create mode 100644 apps/v4/styles/radix-lyra/ui/popover.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/progress.tsx rename apps/v4/{examples/radix => styles/radix-lyra}/ui/radio-group.tsx (97%) create mode 100644 apps/v4/styles/radix-lyra/ui/resizable.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/scroll-area.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/select.tsx rename apps/v4/{examples/radix => styles/radix-lyra}/ui/separator.tsx (92%) create mode 100644 apps/v4/styles/radix-lyra/ui/sheet.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/sidebar.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/skeleton.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/slider.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/sonner.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/spinner.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/switch.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/table.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/tabs.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/textarea.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/toggle-group.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/toggle.tsx create mode 100644 apps/v4/styles/radix-lyra/ui/tooltip.tsx create mode 100644 apps/v4/styles/radix-maia/ui/accordion.tsx create mode 100644 apps/v4/styles/radix-maia/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/radix-maia/ui/alert.tsx rename apps/v4/{examples/radix => styles/radix-maia}/ui/aspect-ratio.tsx (100%) rename apps/v4/{examples/radix => styles/radix-maia}/ui/avatar.tsx (98%) create mode 100644 apps/v4/styles/radix-maia/ui/badge.tsx create mode 100644 apps/v4/styles/radix-maia/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/radix-maia/ui/button-group.tsx create mode 100644 apps/v4/styles/radix-maia/ui/button.tsx create mode 100644 apps/v4/styles/radix-maia/ui/calendar.tsx create mode 100644 apps/v4/styles/radix-maia/ui/card.tsx create mode 100644 apps/v4/styles/radix-maia/ui/carousel.tsx create mode 100644 apps/v4/styles/radix-maia/ui/chart.tsx create mode 100644 apps/v4/styles/radix-maia/ui/checkbox.tsx rename apps/v4/{examples/radix => styles/radix-maia}/ui/collapsible.tsx (100%) create mode 100644 apps/v4/styles/radix-maia/ui/combobox.tsx create mode 100644 apps/v4/styles/radix-maia/ui/command.tsx create mode 100644 apps/v4/styles/radix-maia/ui/context-menu.tsx create mode 100644 apps/v4/styles/radix-maia/ui/dialog.tsx rename apps/v4/{examples/radix => styles/radix-maia}/ui/direction.tsx (100%) create mode 100644 apps/v4/styles/radix-maia/ui/drawer.tsx create mode 100644 apps/v4/styles/radix-maia/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/radix-maia/ui/empty.tsx create mode 100644 apps/v4/styles/radix-maia/ui/field.tsx create mode 100644 apps/v4/styles/radix-maia/ui/hover-card.tsx create mode 100644 apps/v4/styles/radix-maia/ui/input-group.tsx create mode 100644 apps/v4/styles/radix-maia/ui/input-otp.tsx create mode 100644 apps/v4/styles/radix-maia/ui/input.tsx create mode 100644 apps/v4/styles/radix-maia/ui/item.tsx create mode 100644 apps/v4/styles/radix-maia/ui/kbd.tsx rename apps/v4/{examples/radix/ui-rtl => styles/radix-maia/ui}/label.tsx (92%) create mode 100644 apps/v4/styles/radix-maia/ui/menubar.tsx create mode 100644 apps/v4/styles/radix-maia/ui/native-select.tsx create mode 100644 apps/v4/styles/radix-maia/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/radix-maia/ui/pagination.tsx create mode 100644 apps/v4/styles/radix-maia/ui/popover.tsx create mode 100644 apps/v4/styles/radix-maia/ui/progress.tsx create mode 100644 apps/v4/styles/radix-maia/ui/radio-group.tsx create mode 100644 apps/v4/styles/radix-maia/ui/resizable.tsx rename apps/v4/{examples/radix => styles/radix-maia}/ui/scroll-area.tsx (97%) create mode 100644 apps/v4/styles/radix-maia/ui/select.tsx rename apps/v4/{examples/radix/ui-rtl => styles/radix-maia/ui}/separator.tsx (92%) create mode 100644 apps/v4/styles/radix-maia/ui/sheet.tsx create mode 100644 apps/v4/styles/radix-maia/ui/sidebar.tsx create mode 100644 apps/v4/styles/radix-maia/ui/skeleton.tsx create mode 100644 apps/v4/styles/radix-maia/ui/slider.tsx create mode 100644 apps/v4/styles/radix-maia/ui/sonner.tsx create mode 100644 apps/v4/styles/radix-maia/ui/spinner.tsx create mode 100644 apps/v4/styles/radix-maia/ui/switch.tsx create mode 100644 apps/v4/styles/radix-maia/ui/table.tsx create mode 100644 apps/v4/styles/radix-maia/ui/tabs.tsx create mode 100644 apps/v4/styles/radix-maia/ui/textarea.tsx create mode 100644 apps/v4/styles/radix-maia/ui/toggle-group.tsx create mode 100644 apps/v4/styles/radix-maia/ui/toggle.tsx create mode 100644 apps/v4/styles/radix-maia/ui/tooltip.tsx create mode 100644 apps/v4/styles/radix-mira/ui/accordion.tsx create mode 100644 apps/v4/styles/radix-mira/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/radix-mira/ui/alert.tsx create mode 100644 apps/v4/styles/radix-mira/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/radix-mira/ui/avatar.tsx create mode 100644 apps/v4/styles/radix-mira/ui/badge.tsx create mode 100644 apps/v4/styles/radix-mira/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/radix-mira/ui/button-group.tsx create mode 100644 apps/v4/styles/radix-mira/ui/button.tsx create mode 100644 apps/v4/styles/radix-mira/ui/calendar.tsx create mode 100644 apps/v4/styles/radix-mira/ui/card.tsx create mode 100644 apps/v4/styles/radix-mira/ui/carousel.tsx create mode 100644 apps/v4/styles/radix-mira/ui/chart.tsx create mode 100644 apps/v4/styles/radix-mira/ui/checkbox.tsx create mode 100644 apps/v4/styles/radix-mira/ui/collapsible.tsx create mode 100644 apps/v4/styles/radix-mira/ui/combobox.tsx create mode 100644 apps/v4/styles/radix-mira/ui/command.tsx create mode 100644 apps/v4/styles/radix-mira/ui/context-menu.tsx create mode 100644 apps/v4/styles/radix-mira/ui/dialog.tsx create mode 100644 apps/v4/styles/radix-mira/ui/direction.tsx create mode 100644 apps/v4/styles/radix-mira/ui/drawer.tsx create mode 100644 apps/v4/styles/radix-mira/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/radix-mira/ui/empty.tsx create mode 100644 apps/v4/styles/radix-mira/ui/field.tsx create mode 100644 apps/v4/styles/radix-mira/ui/hover-card.tsx create mode 100644 apps/v4/styles/radix-mira/ui/input-group.tsx create mode 100644 apps/v4/styles/radix-mira/ui/input-otp.tsx create mode 100644 apps/v4/styles/radix-mira/ui/input.tsx create mode 100644 apps/v4/styles/radix-mira/ui/item.tsx create mode 100644 apps/v4/styles/radix-mira/ui/kbd.tsx create mode 100644 apps/v4/styles/radix-mira/ui/label.tsx create mode 100644 apps/v4/styles/radix-mira/ui/menubar.tsx create mode 100644 apps/v4/styles/radix-mira/ui/native-select.tsx create mode 100644 apps/v4/styles/radix-mira/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/radix-mira/ui/pagination.tsx create mode 100644 apps/v4/styles/radix-mira/ui/popover.tsx create mode 100644 apps/v4/styles/radix-mira/ui/progress.tsx create mode 100644 apps/v4/styles/radix-mira/ui/radio-group.tsx create mode 100644 apps/v4/styles/radix-mira/ui/resizable.tsx create mode 100644 apps/v4/styles/radix-mira/ui/scroll-area.tsx create mode 100644 apps/v4/styles/radix-mira/ui/select.tsx create mode 100644 apps/v4/styles/radix-mira/ui/separator.tsx create mode 100644 apps/v4/styles/radix-mira/ui/sheet.tsx create mode 100644 apps/v4/styles/radix-mira/ui/sidebar.tsx create mode 100644 apps/v4/styles/radix-mira/ui/skeleton.tsx create mode 100644 apps/v4/styles/radix-mira/ui/slider.tsx create mode 100644 apps/v4/styles/radix-mira/ui/sonner.tsx create mode 100644 apps/v4/styles/radix-mira/ui/spinner.tsx create mode 100644 apps/v4/styles/radix-mira/ui/switch.tsx create mode 100644 apps/v4/styles/radix-mira/ui/table.tsx create mode 100644 apps/v4/styles/radix-mira/ui/tabs.tsx create mode 100644 apps/v4/styles/radix-mira/ui/textarea.tsx create mode 100644 apps/v4/styles/radix-mira/ui/toggle-group.tsx create mode 100644 apps/v4/styles/radix-mira/ui/toggle.tsx rename apps/v4/{examples/radix => styles/radix-mira}/ui/tooltip.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/accordion.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/alert-dialog.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/alert.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/aspect-ratio.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/avatar.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/badge.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/breadcrumb.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/button-group.tsx (95%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/button.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/calendar.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/card.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/carousel.tsx (98%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/chart.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/checkbox.tsx (96%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/collapsible.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/combobox.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/command.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/context-menu.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/dialog.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/direction.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/drawer.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/dropdown-menu.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/empty.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/field.tsx (97%) rename apps/v4/{examples/radix/ui => styles/radix-nova/ui-rtl}/hover-card.tsx (96%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/input-group.tsx (95%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/input-otp.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/input.tsx (95%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/item.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/kbd.tsx rename apps/v4/{examples/radix/ui => styles/radix-nova/ui-rtl}/label.tsx (92%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/menubar.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/native-select.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/navigation-menu.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/pagination.tsx (96%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/popover.tsx (98%) rename apps/v4/{examples/radix/ui => styles/radix-nova/ui-rtl}/progress.tsx (93%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/radio-group.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/resizable.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/scroll-area.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/select.tsx (99%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/separator.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/sheet.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/sidebar.tsx (98%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/skeleton.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/slider.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui-rtl/sonner.tsx create mode 100644 apps/v4/styles/radix-nova/ui-rtl/spinner.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/switch.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/table.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/tabs.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/textarea.tsx (94%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/toggle-group.tsx (96%) rename apps/v4/{examples/radix/ui => styles/radix-nova/ui-rtl}/toggle.tsx (96%) rename apps/v4/{examples/radix => styles/radix-nova}/ui-rtl/tooltip.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/accordion.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/alert-dialog.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/alert.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/radix-nova/ui/avatar.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/badge.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/breadcrumb.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/button-group.tsx (95%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/button.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/calendar.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/card.tsx (98%) create mode 100644 apps/v4/styles/radix-nova/ui/carousel.tsx create mode 100644 apps/v4/styles/radix-nova/ui/chart.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/checkbox.tsx (96%) create mode 100644 apps/v4/styles/radix-nova/ui/collapsible.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/combobox.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/command.tsx (96%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/context-menu.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/dialog.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui/direction.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/drawer.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/dropdown-menu.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/empty.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/field.tsx (97%) rename apps/v4/{examples/radix/ui-rtl => styles/radix-nova/ui}/hover-card.tsx (96%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/input-group.tsx (96%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/input-otp.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/input.tsx (95%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/item.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui/kbd.tsx create mode 100644 apps/v4/styles/radix-nova/ui/label.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/menubar.tsx (99%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/native-select.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/navigation-menu.tsx (99%) create mode 100644 apps/v4/styles/radix-nova/ui/pagination.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/popover.tsx (98%) rename apps/v4/{examples/radix/ui-rtl => styles/radix-nova/ui}/progress.tsx (93%) create mode 100644 apps/v4/styles/radix-nova/ui/radio-group.tsx create mode 100644 apps/v4/styles/radix-nova/ui/resizable.tsx create mode 100644 apps/v4/styles/radix-nova/ui/scroll-area.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/select.tsx (99%) create mode 100644 apps/v4/styles/radix-nova/ui/separator.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/sheet.tsx (97%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/sidebar.tsx (98%) create mode 100644 apps/v4/styles/radix-nova/ui/skeleton.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/slider.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui/sonner.tsx create mode 100644 apps/v4/styles/radix-nova/ui/spinner.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/switch.tsx (97%) create mode 100644 apps/v4/styles/radix-nova/ui/table.tsx rename apps/v4/{examples/radix => styles/radix-nova}/ui/tabs.tsx (98%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/textarea.tsx (94%) rename apps/v4/{examples/radix => styles/radix-nova}/ui/toggle-group.tsx (96%) rename apps/v4/{examples/radix/ui-rtl => styles/radix-nova/ui}/toggle.tsx (96%) create mode 100644 apps/v4/styles/radix-nova/ui/tooltip.tsx create mode 100644 apps/v4/styles/radix-vega/ui/accordion.tsx create mode 100644 apps/v4/styles/radix-vega/ui/alert-dialog.tsx create mode 100644 apps/v4/styles/radix-vega/ui/alert.tsx create mode 100644 apps/v4/styles/radix-vega/ui/aspect-ratio.tsx create mode 100644 apps/v4/styles/radix-vega/ui/avatar.tsx create mode 100644 apps/v4/styles/radix-vega/ui/badge.tsx create mode 100644 apps/v4/styles/radix-vega/ui/breadcrumb.tsx create mode 100644 apps/v4/styles/radix-vega/ui/button-group.tsx create mode 100644 apps/v4/styles/radix-vega/ui/button.tsx create mode 100644 apps/v4/styles/radix-vega/ui/calendar.tsx create mode 100644 apps/v4/styles/radix-vega/ui/card.tsx create mode 100644 apps/v4/styles/radix-vega/ui/carousel.tsx create mode 100644 apps/v4/styles/radix-vega/ui/chart.tsx create mode 100644 apps/v4/styles/radix-vega/ui/checkbox.tsx create mode 100644 apps/v4/styles/radix-vega/ui/collapsible.tsx create mode 100644 apps/v4/styles/radix-vega/ui/combobox.tsx create mode 100644 apps/v4/styles/radix-vega/ui/command.tsx create mode 100644 apps/v4/styles/radix-vega/ui/context-menu.tsx create mode 100644 apps/v4/styles/radix-vega/ui/dialog.tsx create mode 100644 apps/v4/styles/radix-vega/ui/direction.tsx create mode 100644 apps/v4/styles/radix-vega/ui/drawer.tsx create mode 100644 apps/v4/styles/radix-vega/ui/dropdown-menu.tsx create mode 100644 apps/v4/styles/radix-vega/ui/empty.tsx create mode 100644 apps/v4/styles/radix-vega/ui/field.tsx create mode 100644 apps/v4/styles/radix-vega/ui/hover-card.tsx create mode 100644 apps/v4/styles/radix-vega/ui/input-group.tsx create mode 100644 apps/v4/styles/radix-vega/ui/input-otp.tsx create mode 100644 apps/v4/styles/radix-vega/ui/input.tsx create mode 100644 apps/v4/styles/radix-vega/ui/item.tsx create mode 100644 apps/v4/styles/radix-vega/ui/kbd.tsx create mode 100644 apps/v4/styles/radix-vega/ui/label.tsx create mode 100644 apps/v4/styles/radix-vega/ui/menubar.tsx create mode 100644 apps/v4/styles/radix-vega/ui/native-select.tsx create mode 100644 apps/v4/styles/radix-vega/ui/navigation-menu.tsx create mode 100644 apps/v4/styles/radix-vega/ui/pagination.tsx create mode 100644 apps/v4/styles/radix-vega/ui/popover.tsx create mode 100644 apps/v4/styles/radix-vega/ui/progress.tsx create mode 100644 apps/v4/styles/radix-vega/ui/radio-group.tsx create mode 100644 apps/v4/styles/radix-vega/ui/resizable.tsx create mode 100644 apps/v4/styles/radix-vega/ui/scroll-area.tsx create mode 100644 apps/v4/styles/radix-vega/ui/select.tsx create mode 100644 apps/v4/styles/radix-vega/ui/separator.tsx create mode 100644 apps/v4/styles/radix-vega/ui/sheet.tsx create mode 100644 apps/v4/styles/radix-vega/ui/sidebar.tsx create mode 100644 apps/v4/styles/radix-vega/ui/skeleton.tsx create mode 100644 apps/v4/styles/radix-vega/ui/slider.tsx create mode 100644 apps/v4/styles/radix-vega/ui/sonner.tsx create mode 100644 apps/v4/styles/radix-vega/ui/spinner.tsx create mode 100644 apps/v4/styles/radix-vega/ui/switch.tsx create mode 100644 apps/v4/styles/radix-vega/ui/table.tsx create mode 100644 apps/v4/styles/radix-vega/ui/tabs.tsx create mode 100644 apps/v4/styles/radix-vega/ui/textarea.tsx create mode 100644 apps/v4/styles/radix-vega/ui/toggle-group.tsx create mode 100644 apps/v4/styles/radix-vega/ui/toggle.tsx create mode 100644 apps/v4/styles/radix-vega/ui/tooltip.tsx diff --git a/.gitignore b/.gitignore index c040854c9f..58ebd7be60 100644 --- a/.gitignore +++ b/.gitignore @@ -15,6 +15,7 @@ build # misc .DS_Store +.eslintcache *.pem # debug @@ -43,3 +44,4 @@ 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 216c89f3e0..cf9609833e 100644 --- a/apps/v4/app/(app)/(root)/components/appearance-settings.tsx +++ b/apps/v4/app/(app)/(root)/components/appearance-settings.tsx @@ -1,8 +1,10 @@ "use client" import * as React from "react" -import { Button } from "@/examples/radix/ui/button" -import { ButtonGroup } from "@/examples/radix/ui/button-group" +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 { Field, FieldContent, @@ -13,11 +15,10 @@ import { FieldSeparator, FieldSet, FieldTitle, -} 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" +} 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" 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 ccfc877544..e515c5fbda 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-demo.tsx @@ -1,8 +1,20 @@ "use client" import * as React from "react" -import { Button } from "@/examples/radix/ui/button" -import { ButtonGroup } from "@/examples/radix/ui/button-group" +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 { DropdownMenu, DropdownMenuContent, @@ -15,18 +27,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/examples/radix/ui/dropdown-menu" -import { - ArchiveIcon, - ArrowLeftIcon, - CalendarPlusIcon, - ClockIcon, - ListFilterIcon, - MailCheckIcon, - MoreHorizontalIcon, - TagIcon, - Trash2Icon, -} from "lucide-react" +} from "@/styles/radix-nova/ui/dropdown-menu" 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 4fd4a4d964..fa871a5722 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,20 +1,21 @@ "use client" import * as React from "react" -import { Button } from "@/examples/radix/ui/button" -import { ButtonGroup } from "@/examples/radix/ui/button-group" +import { AudioLinesIcon, PlusIcon } from "lucide-react" + +import { Button } from "@/styles/radix-nova/ui/button" +import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/radix/ui/input-group" +} from "@/styles/radix-nova/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/radix/ui/tooltip" -import { AudioLinesIcon, PlusIcon } from "lucide-react" +} from "@/styles/radix-nova/ui/tooltip" 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 e612ea740f..0226072797 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-nested.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-nested.tsx @@ -1,9 +1,10 @@ "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 187b1c8787..e797d11e72 100644 --- a/apps/v4/app/(app)/(root)/components/button-group-popover.tsx +++ b/apps/v4/app/(app)/(root)/components/button-group-popover.tsx @@ -1,13 +1,14 @@ -import { Button } from "@/examples/radix/ui/button" -import { ButtonGroup } from "@/examples/radix/ui/button-group" +import { BotIcon, ChevronDownIcon } from "lucide-react" + +import { Button } from "@/styles/radix-nova/ui/button" +import { ButtonGroup } from "@/styles/radix-nova/ui/button-group" import { Popover, PopoverContent, PopoverTrigger, -} 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" +} from "@/styles/radix-nova/ui/popover" +import { Separator } from "@/styles/radix-nova/ui/separator" +import { Textarea } from "@/styles/radix-nova/ui/textarea" 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 72b9e968b1..39434bbdaa 100644 --- a/apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx +++ b/apps/v4/app/(app)/(root)/components/empty-avatar-group.tsx @@ -1,10 +1,12 @@ +import { PlusIcon } from "lucide-react" + import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, -} from "@/examples/radix/ui/avatar" -import { Button } from "@/examples/radix/ui/button" +} from "@/styles/radix-nova/ui/avatar" +import { Button } from "@/styles/radix-nova/ui/button" import { Empty, EmptyContent, @@ -12,8 +14,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/radix/ui/empty" -import { PlusIcon } from "lucide-react" +} from "@/styles/radix-nova/ui/empty" 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 595cac1f41..8942fbd597 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 "@/examples/radix/ui/checkbox" -import { Field, FieldLabel } from "@/examples/radix/ui/field" +import { Checkbox } from "@/styles/radix-nova/ui/checkbox" +import { Field, FieldLabel } from "@/styles/radix-nova/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 0f54aa9cf6..a209ee6158 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 "@/examples/radix/ui/button" -import { Checkbox } from "@/examples/radix/ui/checkbox" +import { Button } from "@/styles/radix-nova/ui/button" +import { Checkbox } from "@/styles/radix-nova/ui/checkbox" import { Field, FieldDescription, @@ -8,8 +8,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/examples/radix/ui/field" -import { Input } from "@/examples/radix/ui/input" +} from "@/styles/radix-nova/ui/field" +import { Input } from "@/styles/radix-nova/ui/input" import { Select, SelectContent, @@ -17,8 +17,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/radix/ui/select" -import { Textarea } from "@/examples/radix/ui/textarea" +} from "@/styles/radix-nova/ui/select" +import { Textarea } from "@/styles/radix-nova/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 aa21c77d30..0d410f614a 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 "@/examples/radix/ui/card" -import { Checkbox } from "@/examples/radix/ui/checkbox" +import { Card, CardContent } from "@/styles/radix-nova/ui/card" +import { Checkbox } from "@/styles/radix-nova/ui/checkbox" import { Field, FieldDescription, @@ -8,7 +8,7 @@ import { FieldLegend, FieldSet, FieldTitle, -} from "@/examples/radix/ui/field" +} from "@/styles/radix-nova/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 b2ab12306c..cd44849c6f 100644 --- a/apps/v4/app/(app)/(root)/components/field-slider.tsx +++ b/apps/v4/app/(app)/(root)/components/field-slider.tsx @@ -1,8 +1,13 @@ "use client" import { useState } from "react" -import { Field, FieldDescription, FieldTitle } from "@/examples/radix/ui/field" -import { Slider } from "@/examples/radix/ui/slider" + +import { + Field, + FieldDescription, + FieldTitle, +} from "@/styles/radix-nova/ui/field" +import { Slider } from "@/styles/radix-nova/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 79640798e6..c00f9c06e1 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 "@/examples/radix/ui/field" +import { FieldSeparator } from "@/styles/radix-nova/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 c2ad283fbf..3880a6543f 100644 --- a/apps/v4/app/(app)/(root)/components/input-group-button.tsx +++ b/apps/v4/app/(app)/(root)/components/input-group-button.tsx @@ -1,19 +1,20 @@ "use client" import * as React from "react" +import { IconInfoCircle, IconStar } from "@tabler/icons-react" + import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/radix/ui/input-group" -import { Label } from "@/examples/radix/ui/label" +} from "@/styles/radix-nova/ui/input-group" +import { Label } from "@/styles/radix-nova/ui/label" import { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/radix/ui/popover" -import { IconInfoCircle, IconStar } from "@tabler/icons-react" +} from "@/styles/radix-nova/ui/popover" 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 641e523c0a..2e4101f973 100644 --- a/apps/v4/app/(app)/(root)/components/input-group-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/input-group-demo.tsx @@ -1,9 +1,12 @@ +import { IconCheck, IconInfoCircle, IconPlus } from "@tabler/icons-react" +import { ArrowUpIcon, Search } from "lucide-react" + import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/radix/ui/dropdown-menu" +} from "@/styles/radix-nova/ui/dropdown-menu" import { InputGroup, InputGroupAddon, @@ -11,15 +14,13 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/examples/radix/ui/input-group" -import { Separator } from "@/examples/radix/ui/separator" +} from "@/styles/radix-nova/ui/input-group" +import { Separator } from "@/styles/radix-nova/ui/separator" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/radix/ui/tooltip" -import { IconCheck, IconInfoCircle, IconPlus } from "@tabler/icons-react" -import { ArrowUpIcon, Search } from "lucide-react" +} from "@/styles/radix-nova/ui/tooltip" 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 2c97c53e99..9f128396c7 100644 --- a/apps/v4/app/(app)/(root)/components/item-demo.tsx +++ b/apps/v4/app/(app)/(root)/components/item-demo.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/radix/ui/button" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" + +import { Button } from "@/styles/radix-nova/ui/button" import { Item, ItemActions, @@ -6,8 +8,7 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/radix/ui/item" -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" +} from "@/styles/radix-nova/ui/item" 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 3e84b1ffa5..973c41cf3a 100644 --- a/apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx +++ b/apps/v4/app/(app)/(root)/components/notion-prompt-form.tsx @@ -1,8 +1,24 @@ "use client" import { useMemo, useState } from "react" -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/radix/ui/avatar" -import { Badge } from "@/examples/radix/ui/badge" +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 { Command, CommandEmpty, @@ -10,7 +26,7 @@ import { CommandInput, CommandItem, CommandList, -} from "@/examples/radix/ui/command" +} from "@/styles/radix-nova/ui/command" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -23,36 +39,25 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/examples/radix/ui/dropdown-menu" -import { Field, FieldLabel } from "@/examples/radix/ui/field" +} from "@/styles/radix-nova/ui/dropdown-menu" +import { Field, FieldLabel } from "@/styles/radix-nova/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupTextarea, -} from "@/examples/radix/ui/input-group" +} from "@/styles/radix-nova/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/radix/ui/popover" -import { Switch } from "@/examples/radix/ui/switch" +} from "@/styles/radix-nova/ui/popover" +import { Switch } from "@/styles/radix-nova/ui/switch" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/radix/ui/tooltip" -import { - IconApps, - IconArrowUp, - IconAt, - IconBook, - IconCircleDashedPlus, - IconPaperclip, - IconPlus, - IconWorld, - IconX, -} from "@tabler/icons-react" +} from "@/styles/radix-nova/ui/tooltip" 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 3bff547115..3c6c7264d5 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 "@/examples/radix/ui/badge" -import { Spinner } from "@/examples/radix/ui/spinner" +import { Badge } from "@/styles/radix-nova/ui/badge" +import { Spinner } from "@/styles/radix-nova/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 1ff6b0b8b2..70914e98a7 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 "@/examples/radix/ui/button" +import { Button } from "@/styles/radix-nova/ui/button" import { Empty, EmptyContent, @@ -6,8 +6,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/radix/ui/empty" -import { Spinner } from "@/examples/radix/ui/spinner" +} from "@/styles/radix-nova/ui/empty" +import { Spinner } from "@/styles/radix-nova/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 b9193beeb0..39e6814fef 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 eabe55bed9..42f442d665 100644 --- a/apps/v4/app/(app)/examples/rtl/components/appearance-settings.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/appearance-settings.tsx @@ -1,8 +1,11 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" -import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" +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 { Field, FieldContent, @@ -13,13 +16,13 @@ import { FieldSeparator, FieldSet, FieldTitle, -} 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" +} 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" 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 cda018e544..29f36b142d 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,22 +1,6 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" -import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuGroup, - DropdownMenuItem, - DropdownMenuPortal, - DropdownMenuRadioGroup, - DropdownMenuRadioItem, - DropdownMenuSeparator, - DropdownMenuSub, - DropdownMenuSubContent, - DropdownMenuSubTrigger, - DropdownMenuTrigger, -} from "@/examples/base/ui-rtl/dropdown-menu" import { ArchiveIcon, ArrowLeftIcon, @@ -30,6 +14,22 @@ import { } 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 { + DropdownMenu, + DropdownMenuContent, + DropdownMenuGroup, + DropdownMenuItem, + DropdownMenuPortal, + DropdownMenuRadioGroup, + DropdownMenuRadioItem, + DropdownMenuSeparator, + DropdownMenuSub, + DropdownMenuSubContent, + DropdownMenuSubTrigger, + DropdownMenuTrigger, +} from "@/styles/base-nova/ui-rtl/dropdown-menu" 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 7493207b87..48b5fd6e06 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 { Button } from "@/examples/base/ui-rtl/button" -import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" +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 { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui-rtl/input-group" +} from "@/styles/base-nova/ui-rtl/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui-rtl/tooltip" -import { AudioLinesIcon, PlusIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/tooltip" 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 938c11d137..ed28aca572 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 e570d0f5c1..e9a83fe052 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 { Button } from "@/examples/base/ui-rtl/button" -import { ButtonGroup } from "@/examples/base/ui-rtl/button-group" +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 { Popover, PopoverContent, PopoverTrigger, -} 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" +} 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" 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 93760f87d1..7aeab40ad7 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,12 +1,15 @@ "use client" +import { PlusIcon } from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" import { Avatar, AvatarFallback, AvatarGroup, AvatarImage, -} from "@/examples/base/ui-rtl/avatar" -import { Button } from "@/examples/base/ui-rtl/button" +} from "@/styles/base-nova/ui-rtl/avatar" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Empty, EmptyContent, @@ -14,10 +17,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui-rtl/empty" -import { PlusIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/empty" 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 8c9f84c167..385d61d300 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-checkbox.tsx @@ -1,9 +1,8 @@ "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 02cba58bbd..e8cddf6788 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-demo.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-demo.tsx @@ -1,7 +1,8 @@ "use client" -import { Button } from "@/examples/base/ui-rtl/button" -import { Checkbox } from "@/examples/base/ui-rtl/checkbox" +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 { Field, FieldDescription, @@ -10,8 +11,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/examples/base/ui-rtl/field" -import { Input } from "@/examples/base/ui-rtl/input" +} from "@/styles/base-nova/ui-rtl/field" +import { Input } from "@/styles/base-nova/ui-rtl/input" import { Select, SelectContent, @@ -19,10 +20,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui-rtl/select" -import { Textarea } from "@/examples/base/ui-rtl/textarea" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/select" +import { Textarea } from "@/styles/base-nova/ui-rtl/textarea" const translations = { ar: { @@ -140,7 +139,7 @@ export function FieldDemo() {
{t.month} - @@ -157,7 +156,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 e982bfdc66..53e6946071 100644 --- a/apps/v4/app/(app)/examples/rtl/components/field-hear.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/field-hear.tsx @@ -1,7 +1,8 @@ "use client" -import { Card, CardContent } from "@/examples/base/ui-rtl/card" -import { Checkbox } from "@/examples/base/ui-rtl/checkbox" +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 { Field, FieldDescription, @@ -10,9 +11,7 @@ import { FieldLegend, FieldSet, FieldTitle, -} from "@/examples/base/ui-rtl/field" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/field" 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 3e19b99171..de53c0f594 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 "@/examples/base/ui-rtl/field" -import { Slider } from "@/examples/base/ui-rtl/slider" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/field" +import { Slider } from "@/styles/base-nova/ui-rtl/slider" 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 2c42054644..2544d7f75a 100644 --- a/apps/v4/app/(app)/examples/rtl/components/index.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/index.tsx @@ -1,13 +1,12 @@ "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 560d856206..9c47b7d483 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 "@/examples/base/ui-rtl/input-group" -import { Label } from "@/examples/base/ui-rtl/label" +} from "@/styles/base-nova/ui-rtl/input-group" +import { Label } from "@/styles/base-nova/ui-rtl/label" import { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui-rtl/popover" -import { IconInfoCircle, IconStar } from "@tabler/icons-react" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/popover" 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 d3ff1f6acd..95a5c141e9 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,25 +1,5 @@ "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, @@ -29,6 +9,26 @@ 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 1abc42a656..0707f29d8a 100644 --- a/apps/v4/app/(app)/examples/rtl/components/item-demo.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/item-demo.tsx @@ -1,6 +1,9 @@ "use client" -import { Button } from "@/examples/base/ui-rtl/button" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" + +import { useLanguageContext } from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Item, ItemActions, @@ -8,10 +11,7 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui-rtl/item" -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/item" 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 3e6c89b624..7cbfdbc7f4 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,47 +1,6 @@ "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, @@ -55,6 +14,47 @@ 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 0aaac8330a..ba56a23bed 100644 --- a/apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/spinner-badge.tsx @@ -1,9 +1,8 @@ "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 abcfae9680..064b8dedeb 100644 --- a/apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx +++ b/apps/v4/app/(app)/examples/rtl/components/spinner-empty.tsx @@ -1,6 +1,7 @@ "use client" -import { Button } from "@/examples/base/ui-rtl/button" +import { useLanguageContext } from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Empty, EmptyContent, @@ -8,10 +9,8 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui-rtl/empty" -import { Spinner } from "@/examples/base/ui-rtl/spinner" - -import { useLanguageContext } from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/empty" +import { Spinner } from "@/styles/base-nova/ui-rtl/spinner" const translations = { ar: { diff --git a/apps/v4/app/(create)/components/action-menu.tsx b/apps/v4/app/(create)/components/action-menu.tsx index 0e6b508ede..3a37bb4bce 100644 --- a/apps/v4/app/(create)/components/action-menu.tsx +++ b/apps/v4/app/(create)/components/action-menu.tsx @@ -1,6 +1,8 @@ "use client" import Script from "next/script" +import { type RegistryItem } from "shadcn/schema" + import { Command, CommandDialog, @@ -9,9 +11,7 @@ import { CommandInput, CommandItem, CommandList, -} from "@/examples/base/ui/command" -import { type RegistryItem } from "shadcn/schema" - +} from "@/styles/base-nova/ui/command" 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 7e94c8aec3..a91fbf8d64 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 d42269307f..980343a6b9 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 "@/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" +} from "@/styles/base-nova/ui/card" +import { FieldGroup, FieldSeparator } from "@/styles/base-nova/ui/field" 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 391a798b5a..38345d3372 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 022dbd82ae..8770afa083 100644 --- a/apps/v4/app/(create)/components/item-explorer.tsx +++ b/apps/v4/app/(create)/components/item-explorer.tsx @@ -2,11 +2,16 @@ 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 "@/examples/base/ui/collapsible" +} from "@/styles/base-nova/ui/collapsible" import { Sidebar, SidebarContent, @@ -15,12 +20,7 @@ import { SidebarMenu, SidebarMenuButton, SidebarMenuItem, -} 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" +} from "@/styles/base-nova/ui/sidebar" 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 6663ce680f..1fa6fd3f43 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 4356113c82..b183e25ae7 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 5e879cb318..5d2975ed29 100644 --- a/apps/v4/app/(create)/components/project-form.tsx +++ b/apps/v4/app/(create)/components/project-form.tsx @@ -1,7 +1,14 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +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 { Dialog, DialogContent, @@ -10,7 +17,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/examples/base/ui/dialog" +} from "@/styles/base-nova/ui/dialog" import { Field, FieldContent, @@ -20,22 +27,15 @@ import { FieldSeparator, FieldSet, FieldTitle, -} from "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" -import { Switch } from "@/examples/base/ui/switch" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/ui/radio-group" +import { Switch } from "@/styles/base-nova/ui/switch" import { Tabs, TabsContent, TabsList, TabsTrigger, -} 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" +} from "@/styles/base-nova/ui/tabs" 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 d57d2609ab..3b68ebf4ca 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 c68e4301c2..8a31a94fba 100644 --- a/apps/v4/app/(create)/components/reset-button.tsx +++ b/apps/v4/app/(create)/components/reset-button.tsx @@ -9,8 +9,7 @@ import { AlertDialogFooter, AlertDialogHeader, AlertDialogTitle, -} from "@/examples/base/ui/alert-dialog" - +} from "@/styles/base-nova/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 51c118cf2e..5fb8a1fd4c 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 627065d0e5..67c51b36ab 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 15a98d6d45..885df46a4a 100644 --- a/apps/v4/app/(create)/components/welcome-dialog.tsx +++ b/apps/v4/app/(create)/components/welcome-dialog.tsx @@ -1,7 +1,9 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" + +import { Icons } from "@/components/icons" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogClose, @@ -10,9 +12,7 @@ import { DialogFooter, DialogHeader, DialogTitle, -} from "@/examples/base/ui/dialog" - -import { Icons } from "@/components/icons" +} from "@/styles/base-nova/ui/dialog" 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 f0ee545d50..7b0630e90b 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 "@/styles/legacy-themes.css" +import "@/app/legacy-themes.css" import { ComponentPreview } from "./component-preview" diff --git a/apps/v4/styles/globals.css b/apps/v4/app/globals.css similarity index 100% rename from apps/v4/styles/globals.css rename to apps/v4/app/globals.css diff --git a/apps/v4/app/layout.tsx b/apps/v4/app/layout.tsx index 9a076b6b99..f8de352018 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 "@/styles/globals.css" +import "@/app/globals.css" export const metadata: Metadata = { title: { diff --git a/apps/v4/styles/legacy-themes.css b/apps/v4/app/legacy-themes.css similarity index 100% rename from apps/v4/styles/legacy-themes.css rename to apps/v4/app/legacy-themes.css diff --git a/apps/v4/components/component-preview-tabs.tsx b/apps/v4/components/component-preview-tabs.tsx index bf487f5513..35fa57d46f 100644 --- a/apps/v4/components/component-preview-tabs.tsx +++ b/apps/v4/components/component-preview-tabs.tsx @@ -2,11 +2,6 @@ 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" @@ -21,6 +16,11 @@ 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 673d2f6f54..1f7598bf9e 100644 --- a/apps/v4/components/language-selector.tsx +++ b/apps/v4/components/language-selector.tsx @@ -1,6 +1,8 @@ "use client" import * as React from "react" + +import { cn } from "@/lib/utils" import { Select, SelectContent, @@ -8,9 +10,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" - -import { cn } from "@/lib/utils" +} from "@/styles/base-nova/ui/select" 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 67f5e4420c..0b53dcac28 100644 --- a/apps/v4/components/open-in-v0-cta.tsx +++ b/apps/v4/components/open-in-v0-cta.tsx @@ -1,6 +1,5 @@ -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 3e0e85bc8f..046cf2669a 100644 --- a/apps/v4/components/site-header.tsx +++ b/apps/v4/components/site-header.tsx @@ -1,5 +1,4 @@ import Link from "next/link" -import { Button } from "@/examples/radix/ui/button" import { PlusSignIcon } from "@hugeicons/core-free-icons" import { HugeiconsIcon } from "@hugeicons/react" @@ -14,6 +13,7 @@ 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 ba8e9a2d33..acd2d72009 100644 --- a/apps/v4/components/theme-selector.tsx +++ b/apps/v4/components/theme-selector.tsx @@ -1,6 +1,9 @@ "use client" -import { Label } from "@/examples/base/ui/label" +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 { Select, SelectContent, @@ -9,11 +12,7 @@ import { SelectLabel, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" - -import { THEMES } from "@/lib/themes" -import { cn } from "@/lib/utils" -import { useThemeConfig } from "@/components/active-theme" +} from "@/styles/base-nova/ui/select" import { CopyCodeButton } from "./theme-customizer" diff --git a/apps/v4/examples/README.md b/apps/v4/examples/README.md index 93c326243a..f41893eeb1 100644 --- a/apps/v4/examples/README.md +++ b/apps/v4/examples/README.md @@ -7,17 +7,11 @@ 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 build-registry.mts +└── __index__.tsx # Auto-generated by registry:build ``` ## Adding a New Example @@ -26,17 +20,17 @@ examples ```tsx // examples/base/button-loading.tsx -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" export function ButtonLoading() { return } ``` -2. Run the examples build to regenerate the index: +2. Run the registry build to regenerate the index: ```bash -pnpm examples:build +pnpm --filter=v4 registry:build ``` 3. Use the example in documentation by referencing its name (filename without `.tsx`): @@ -47,7 +41,7 @@ pnpm examples: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 examples:build` to update the index. +- After adding or removing examples, run `pnpm --filter=v4 registry:build` to update the index. diff --git a/apps/v4/examples/__index__.tsx b/apps/v4/examples/__index__.tsx index e8beaf16cb..f7ce86df78 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-examples-index.mts +// This file is autogenerated by scripts/build-registry.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 1d5a096c31..e9c69ec3da 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 "@/examples/base/ui/accordion" +} from "@/styles/base-nova/ui/accordion" const items = [ { diff --git a/apps/v4/examples/base/accordion-borders.tsx b/apps/v4/examples/base/accordion-borders.tsx index 70bcb4275f..17b700bbee 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 "@/examples/base/ui/accordion" +} from "@/styles/base-nova/ui/accordion" const items = [ { diff --git a/apps/v4/examples/base/accordion-card.tsx b/apps/v4/examples/base/accordion-card.tsx index b226f843f2..663d57eb4f 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 "@/examples/base/ui/accordion" +} from "@/styles/base-nova/ui/accordion" import { Card, CardContent, CardDescription, CardHeader, CardTitle, -} from "@/examples/base/ui/card" +} from "@/styles/base-nova/ui/card" const items = [ { diff --git a/apps/v4/examples/base/accordion-demo.tsx b/apps/v4/examples/base/accordion-demo.tsx index f5476abe62..5649d267fe 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 "@/examples/base/ui/accordion" +} from "@/styles/base-nova/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 26a3fe12b4..17a3f90d8b 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 "@/examples/base/ui/accordion" +} from "@/styles/base-nova/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 2243aa4e35..9bd4918e2d 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 "@/examples/base/ui/accordion" +} from "@/styles/base-nova/ui/accordion" const items = [ { diff --git a/apps/v4/examples/base/accordion-rtl.tsx b/apps/v4/examples/base/accordion-rtl.tsx index 500e89cac9..8600990fda 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 { - Accordion, - AccordionContent, - AccordionItem, - AccordionTrigger, -} from "@/examples/base/ui-rtl/accordion" import { useTranslation, type Translations, } from "@/components/language-selector" +import { + Accordion, + AccordionContent, + AccordionItem, + AccordionTrigger, +} from "@/styles/base-nova/ui-rtl/accordion" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/alert-action.tsx b/apps/v4/examples/base/alert-action.tsx index a31d59241f..8444592176 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 "@/examples/base/ui/alert" -import { Button } from "@/examples/base/ui/button" +} from "@/styles/base-nova/ui/alert" +import { Button } from "@/styles/base-nova/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 1c68968765..2d09927f65 100644 --- a/apps/v4/examples/base/alert-basic.tsx +++ b/apps/v4/examples/base/alert-basic.tsx @@ -1,6 +1,11 @@ -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 1cf1fcaff6..6788aa0fc0 100644 --- a/apps/v4/examples/base/alert-colors.tsx +++ b/apps/v4/examples/base/alert-colors.tsx @@ -1,6 +1,11 @@ -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 129e2f7b7a..2b017d056a 100644 --- a/apps/v4/examples/base/alert-demo.tsx +++ b/apps/v4/examples/base/alert-demo.tsx @@ -1,6 +1,11 @@ -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 052a0da5a4..409e9340d6 100644 --- a/apps/v4/examples/base/alert-destructive.tsx +++ b/apps/v4/examples/base/alert-destructive.tsx @@ -1,6 +1,11 @@ -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 e7244dd074..d08253cb06 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 "@/examples/base/ui/alert-dialog" -import { Button } from "@/examples/base/ui/button" +} from "@/styles/base-nova/ui/alert-dialog" +import { Button } from "@/styles/base-nova/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 df67a8dc38..aa307e0008 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 "@/examples/base/ui/alert-dialog" -import { Button } from "@/examples/base/ui/button" +} from "@/styles/base-nova/ui/alert-dialog" +import { Button } from "@/styles/base-nova/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 3f76f1cd87..5a3d89d19b 100644 --- a/apps/v4/examples/base/alert-dialog-destructive.tsx +++ b/apps/v4/examples/base/alert-dialog-destructive.tsx @@ -1,3 +1,5 @@ +import { Trash2Icon } from "lucide-react" + import { AlertDialog, AlertDialogAction, @@ -9,9 +11,8 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/examples/base/ui/alert-dialog" -import { Button } from "@/examples/base/ui/button" -import { Trash2Icon } from "lucide-react" +} from "@/styles/base-nova/ui/alert-dialog" +import { Button } from "@/styles/base-nova/ui/button" 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 efb0d41fa1..1228cbc2eb 100644 --- a/apps/v4/examples/base/alert-dialog-media.tsx +++ b/apps/v4/examples/base/alert-dialog-media.tsx @@ -1,3 +1,5 @@ +import { CircleFadingPlusIcon } from "lucide-react" + import { AlertDialog, AlertDialogAction, @@ -9,9 +11,8 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/examples/base/ui/alert-dialog" -import { Button } from "@/examples/base/ui/button" -import { CircleFadingPlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/alert-dialog" +import { Button } from "@/styles/base-nova/ui/button" 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 d587d28b74..dbe7b7aad9 100644 --- a/apps/v4/examples/base/alert-dialog-rtl.tsx +++ b/apps/v4/examples/base/alert-dialog-rtl.tsx @@ -1,5 +1,11 @@ "use client" +import { BluetoothIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { AlertDialog, AlertDialogAction, @@ -11,14 +17,8 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} 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" +} from "@/styles/base-nova/ui-rtl/alert-dialog" +import { Button } from "@/styles/base-nova/ui-rtl/button" 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 8aed89c2b8..4ac3f3e693 100644 --- a/apps/v4/examples/base/alert-dialog-small-media.tsx +++ b/apps/v4/examples/base/alert-dialog-small-media.tsx @@ -1,3 +1,5 @@ +import { BluetoothIcon } from "lucide-react" + import { AlertDialog, AlertDialogAction, @@ -9,9 +11,8 @@ import { AlertDialogMedia, AlertDialogTitle, AlertDialogTrigger, -} from "@/examples/base/ui/alert-dialog" -import { Button } from "@/examples/base/ui/button" -import { BluetoothIcon } from "lucide-react" +} from "@/styles/base-nova/ui/alert-dialog" +import { Button } from "@/styles/base-nova/ui/button" 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 755b736883..9b34af3bba 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 "@/examples/base/ui/alert-dialog" -import { Button } from "@/examples/base/ui/button" +} from "@/styles/base-nova/ui/alert-dialog" +import { Button } from "@/styles/base-nova/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 ef6b5c7bca..25be8abb82 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 dd07b6f6cb..2e4623d782 100644 --- a/apps/v4/examples/base/aspect-ratio-demo.tsx +++ b/apps/v4/examples/base/aspect-ratio-demo.tsx @@ -1,5 +1,6 @@ import Image from "next/image" -import { AspectRatio } from "@/examples/base/ui/aspect-ratio" + +import { AspectRatio } from "@/styles/base-nova/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 468f137fc7..93424bd141 100644 --- a/apps/v4/examples/base/aspect-ratio-portrait.tsx +++ b/apps/v4/examples/base/aspect-ratio-portrait.tsx @@ -1,5 +1,6 @@ import Image from "next/image" -import { AspectRatio } from "@/examples/base/ui/aspect-ratio" + +import { AspectRatio } from "@/styles/base-nova/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 cd65fc4010..8356a4fed8 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 56dab50eb6..27b3700e19 100644 --- a/apps/v4/examples/base/aspect-ratio-square.tsx +++ b/apps/v4/examples/base/aspect-ratio-square.tsx @@ -1,5 +1,6 @@ import Image from "next/image" -import { AspectRatio } from "@/examples/base/ui/aspect-ratio" + +import { AspectRatio } from "@/styles/base-nova/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 1cfb9ab8e0..dbec018e6f 100644 --- a/apps/v4/examples/base/avatar-badge-icon.tsx +++ b/apps/v4/examples/base/avatar-badge-icon.tsx @@ -1,10 +1,11 @@ +import { PlusIcon } from "lucide-react" + import { Avatar, AvatarBadge, AvatarFallback, AvatarImage, -} from "@/examples/base/ui/avatar" -import { PlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/avatar" export function AvatarBadgeIconExample() { return ( diff --git a/apps/v4/examples/base/avatar-badge.tsx b/apps/v4/examples/base/avatar-badge.tsx index 143c667b60..60fc256b97 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 "@/examples/base/ui/avatar" +} from "@/styles/base-nova/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 d61d0a7b58..5ed3f80c99 100644 --- a/apps/v4/examples/base/avatar-basic.tsx +++ b/apps/v4/examples/base/avatar-basic.tsx @@ -1,4 +1,8 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/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 a376cb1830..9708099af0 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 "@/examples/base/ui/avatar" +} from "@/styles/base-nova/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 df2160e021..034ffd46a1 100644 --- a/apps/v4/examples/base/avatar-dropdown.tsx +++ b/apps/v4/examples/base/avatar-dropdown.tsx @@ -1,7 +1,11 @@ "use client" -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -9,7 +13,7 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 bf6131e477..4d596c711b 100644 --- a/apps/v4/examples/base/avatar-group-count-icon.tsx +++ b/apps/v4/examples/base/avatar-group-count-icon.tsx @@ -1,11 +1,12 @@ +import { PlusIcon } from "lucide-react" + import { Avatar, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, -} from "@/examples/base/ui/avatar" -import { PlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/avatar" 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 e056a37afc..aa25e2607f 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 "@/examples/base/ui/avatar" +} from "@/styles/base-nova/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 1a1dda672c..def22827f9 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 "@/examples/base/ui/avatar" +} from "@/styles/base-nova/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 48753c63b7..9905adaf40 100644 --- a/apps/v4/examples/base/avatar-rtl.tsx +++ b/apps/v4/examples/base/avatar-rtl.tsx @@ -1,6 +1,11 @@ "use client" import * as React from "react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { Avatar, AvatarBadge, @@ -8,12 +13,7 @@ import { AvatarGroup, AvatarGroupCount, AvatarImage, -} from "@/examples/base/ui-rtl/avatar" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/avatar" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/avatar-size.tsx b/apps/v4/examples/base/avatar-size.tsx index 012b9244e9..108ea23ec4 100644 --- a/apps/v4/examples/base/avatar-size.tsx +++ b/apps/v4/examples/base/avatar-size.tsx @@ -1,4 +1,8 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/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 da94dcbc55..020683766e 100644 --- a/apps/v4/examples/base/badge-colors.tsx +++ b/apps/v4/examples/base/badge-colors.tsx @@ -1,4 +1,4 @@ -import { Badge } from "@/examples/base/ui/badge" +import { Badge } from "@/styles/base-nova/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 4b60bafd96..e73e957936 100644 --- a/apps/v4/examples/base/badge-demo.tsx +++ b/apps/v4/examples/base/badge-demo.tsx @@ -1,4 +1,4 @@ -import { Badge } from "@/examples/base/ui/badge" +import { Badge } from "@/styles/base-nova/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 9b3c2b78c1..8a66a500b4 100644 --- a/apps/v4/examples/base/badge-icon.tsx +++ b/apps/v4/examples/base/badge-icon.tsx @@ -1,6 +1,7 @@ -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 6df9f7027a..5695a56132 100644 --- a/apps/v4/examples/base/badge-link.tsx +++ b/apps/v4/examples/base/badge-link.tsx @@ -1,6 +1,7 @@ -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 0b87263e6f..ceed6761d0 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 77ebe92ae3..47cb63b9db 100644 --- a/apps/v4/examples/base/badge-spinner.tsx +++ b/apps/v4/examples/base/badge-spinner.tsx @@ -1,5 +1,5 @@ -import { Badge } from "@/examples/base/ui/badge" -import { Spinner } from "@/examples/base/ui/spinner" +import { Badge } from "@/styles/base-nova/ui/badge" +import { Spinner } from "@/styles/base-nova/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 c7262fd475..862e9485c6 100644 --- a/apps/v4/examples/base/badge-variants.tsx +++ b/apps/v4/examples/base/badge-variants.tsx @@ -1,4 +1,4 @@ -import { Badge } from "@/examples/base/ui/badge" +import { Badge } from "@/styles/base-nova/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 da3856ad57..86593d749d 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 "@/examples/base/ui/breadcrumb" +} from "@/styles/base-nova/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 ab8bb640ba..133500504d 100644 --- a/apps/v4/examples/base/breadcrumb-demo.tsx +++ b/apps/v4/examples/base/breadcrumb-demo.tsx @@ -1,4 +1,5 @@ import Link from "next/link" + import { Breadcrumb, BreadcrumbEllipsis, @@ -7,15 +8,15 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/examples/base/ui/breadcrumb" -import { Button } from "@/examples/base/ui/button" +} from "@/styles/base-nova/ui/breadcrumb" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 c7893d7843..ee29b1c733 100644 --- a/apps/v4/examples/base/breadcrumb-dropdown.tsx +++ b/apps/v4/examples/base/breadcrumb-dropdown.tsx @@ -1,4 +1,6 @@ import Link from "next/link" +import { ChevronDownIcon, DotIcon } from "lucide-react" + import { Breadcrumb, BreadcrumbItem, @@ -6,15 +8,14 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/examples/base/ui/breadcrumb" +} from "@/styles/base-nova/ui/breadcrumb" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" -import { ChevronDownIcon, DotIcon } from "lucide-react" +} from "@/styles/base-nova/ui/dropdown-menu" export function BreadcrumbDropdown() { return ( diff --git a/apps/v4/examples/base/breadcrumb-ellipsis.tsx b/apps/v4/examples/base/breadcrumb-ellipsis.tsx index 50bebd6c71..bd2953a37c 100644 --- a/apps/v4/examples/base/breadcrumb-ellipsis.tsx +++ b/apps/v4/examples/base/breadcrumb-ellipsis.tsx @@ -1,4 +1,5 @@ import Link from "next/link" + import { Breadcrumb, BreadcrumbEllipsis, @@ -7,7 +8,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/examples/base/ui/breadcrumb" +} from "@/styles/base-nova/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 192b3b6fac..2fee29fb29 100644 --- a/apps/v4/examples/base/breadcrumb-link.tsx +++ b/apps/v4/examples/base/breadcrumb-link.tsx @@ -1,4 +1,5 @@ import Link from "next/link" + import { Breadcrumb, BreadcrumbItem, @@ -6,7 +7,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/examples/base/ui/breadcrumb" +} from "@/styles/base-nova/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 9ac803b078..5fce1eab3b 100644 --- a/apps/v4/examples/base/breadcrumb-rtl.tsx +++ b/apps/v4/examples/base/breadcrumb-rtl.tsx @@ -1,6 +1,12 @@ "use client" import Link from "next/link" +import { ChevronDownIcon, DotIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { Breadcrumb, BreadcrumbItem, @@ -8,20 +14,14 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/examples/base/ui-rtl/breadcrumb" +} from "@/styles/base-nova/ui-rtl/breadcrumb" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui-rtl/dropdown-menu" -import { ChevronDownIcon, DotIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/dropdown-menu" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/breadcrumb-separator.tsx b/apps/v4/examples/base/breadcrumb-separator.tsx index e623e45b50..6003caf12d 100644 --- a/apps/v4/examples/base/breadcrumb-separator.tsx +++ b/apps/v4/examples/base/breadcrumb-separator.tsx @@ -1,4 +1,6 @@ import Link from "next/link" +import { DotIcon } from "lucide-react" + import { Breadcrumb, BreadcrumbItem, @@ -6,8 +8,7 @@ import { BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, -} from "@/examples/base/ui/breadcrumb" -import { DotIcon } from "lucide-react" +} from "@/styles/base-nova/ui/breadcrumb" export function BreadcrumbSeparatorDemo() { return ( diff --git a/apps/v4/examples/base/button-default.tsx b/apps/v4/examples/base/button-default.tsx index ae793ba77b..a4324e737c 100644 --- a/apps/v4/examples/base/button-default.tsx +++ b/apps/v4/examples/base/button-default.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/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 319b0ed827..0001743826 100644 --- a/apps/v4/examples/base/button-demo.tsx +++ b/apps/v4/examples/base/button-demo.tsx @@ -1,6 +1,7 @@ -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 fea2de2164..50168ea592 100644 --- a/apps/v4/examples/base/button-destructive.tsx +++ b/apps/v4/examples/base/button-destructive.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/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 76870d0ebb..e02eab4a9e 100644 --- a/apps/v4/examples/base/button-ghost.tsx +++ b/apps/v4/examples/base/button-ghost.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/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 e648c0bd9f..629ef02114 100644 --- a/apps/v4/examples/base/button-group-demo.tsx +++ b/apps/v4/examples/base/button-group-demo.tsx @@ -1,8 +1,20 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { ButtonGroup } from "@/examples/base/ui/button-group" +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 { DropdownMenu, DropdownMenuContent, @@ -15,18 +27,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" -import { - ArchiveIcon, - ArrowLeftIcon, - CalendarPlusIcon, - ClockIcon, - ListFilterIcon, - MailCheckIcon, - MoreHorizontalIcon, - TagIcon, - Trash2Icon, -} from "lucide-react" +} from "@/styles/base-nova/ui/dropdown-menu" 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 43f96e23b4..824ba0c41f 100644 --- a/apps/v4/examples/base/button-group-dropdown.tsx +++ b/apps/v4/examples/base/button-group-dropdown.tsx @@ -1,15 +1,5 @@ "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, @@ -21,6 +11,17 @@ 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 61d65dec8f..ddf5dc0d75 100644 --- a/apps/v4/examples/base/button-group-input-group.tsx +++ b/apps/v4/examples/base/button-group-input-group.tsx @@ -1,20 +1,21 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { ButtonGroup } from "@/examples/base/ui/button-group" +import { AudioLinesIcon, PlusIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" +import { ButtonGroup } from "@/styles/base-nova/ui/button-group" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui/tooltip" -import { AudioLinesIcon, PlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/tooltip" 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 ae6a7ad425..d25a487d0c 100644 --- a/apps/v4/examples/base/button-group-input.tsx +++ b/apps/v4/examples/base/button-group-input.tsx @@ -1,8 +1,9 @@ -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 1590c091d2..39a8b122d7 100644 --- a/apps/v4/examples/base/button-group-nested.tsx +++ b/apps/v4/examples/base/button-group-nested.tsx @@ -1,17 +1,18 @@ -import { Button } from "@/examples/base/ui/button" -import { ButtonGroup } from "@/examples/base/ui/button-group" -import { Input } from "@/examples/base/ui/input" +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 { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui/tooltip" -import { AudioLinesIcon, PlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/tooltip" 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 c882bfb4c0..122ad78d53 100644 --- a/apps/v4/examples/base/button-group-orientation.tsx +++ b/apps/v4/examples/base/button-group-orientation.tsx @@ -1,7 +1,8 @@ -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 9072b890d1..a9237d7644 100644 --- a/apps/v4/examples/base/button-group-split.tsx +++ b/apps/v4/examples/base/button-group-split.tsx @@ -1,9 +1,10 @@ -import { Button } from "@/examples/base/ui/button" +import { IconPlus } from "@tabler/icons-react" + +import { Button } from "@/styles/base-nova/ui/button" import { ButtonGroup, ButtonGroupSeparator, -} from "@/examples/base/ui/button-group" -import { IconPlus } from "@tabler/icons-react" +} from "@/styles/base-nova/ui/button-group" export default function ButtonGroupSplit() { return ( diff --git a/apps/v4/examples/base/button-icon.tsx b/apps/v4/examples/base/button-icon.tsx index 6504483f7e..e004712d56 100644 --- a/apps/v4/examples/base/button-icon.tsx +++ b/apps/v4/examples/base/button-icon.tsx @@ -1,6 +1,7 @@ -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 d809bb38b3..b642b78c20 100644 --- a/apps/v4/examples/base/button-outline.tsx +++ b/apps/v4/examples/base/button-outline.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/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 704362487d..4cf34fd579 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 "@/examples/base/ui/button" +import { buttonVariants } from "@/styles/base-nova/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 7d9cfb4ef8..0067b28246 100644 --- a/apps/v4/examples/base/button-rounded.tsx +++ b/apps/v4/examples/base/button-rounded.tsx @@ -1,6 +1,7 @@ -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 0b221b5215..2f7cd3e855 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 6e0c200d34..aa84568e21 100644 --- a/apps/v4/examples/base/button-secondary.tsx +++ b/apps/v4/examples/base/button-secondary.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/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 cec3e0450d..7b07c48a42 100644 --- a/apps/v4/examples/base/button-size.tsx +++ b/apps/v4/examples/base/button-size.tsx @@ -1,6 +1,7 @@ -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 281ca73806..96d5b6fc18 100644 --- a/apps/v4/examples/base/button-spinner.tsx +++ b/apps/v4/examples/base/button-spinner.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/examples/base/ui/button" -import { Spinner } from "@/examples/base/ui/spinner" +import { Button } from "@/styles/base-nova/ui/button" +import { Spinner } from "@/styles/base-nova/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 4f902ea688..66d902fd58 100644 --- a/apps/v4/examples/base/button-with-icon.tsx +++ b/apps/v4/examples/base/button-with-icon.tsx @@ -1,6 +1,7 @@ -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 f079877665..9d26313026 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 "@/examples/base/ui/calendar" +import { Calendar } from "@/styles/base-nova/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 83eb7e78c5..9b57c6e5b2 100644 --- a/apps/v4/examples/base/calendar-booked-dates.tsx +++ b/apps/v4/examples/base/calendar-booked-dates.tsx @@ -1,8 +1,9 @@ "use client" import * as React from "react" -import { Calendar } from "@/examples/base/ui/calendar" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Card, CardContent } from "@/styles/base-nova/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 84f6ed00d0..2313a71db0 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 "@/examples/base/ui/calendar" +import { Calendar } from "@/styles/base-nova/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 589176c28e..621e927c6c 100644 --- a/apps/v4/examples/base/calendar-custom-days.tsx +++ b/apps/v4/examples/base/calendar-custom-days.tsx @@ -1,11 +1,12 @@ "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 3f77c88bab..f2a047238b 100644 --- a/apps/v4/examples/base/calendar-demo.tsx +++ b/apps/v4/examples/base/calendar-demo.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Calendar } from "@/examples/base/ui/calendar" + +import { Calendar } from "@/styles/base-nova/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 78f70b111b..3b06e4ddb8 100644 --- a/apps/v4/examples/base/calendar-hijri.tsx +++ b/apps/v4/examples/base/calendar-hijri.tsx @@ -2,7 +2,6 @@ import * as React from "react" import { Vazirmatn } from "next/font/google" -import { Button, buttonVariants } from "@/examples/base/ui/button" import { ChevronDownIcon, ChevronLeftIcon, @@ -12,6 +11,7 @@ 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 4506ceafc4..bfa8f2ffe9 100644 --- a/apps/v4/examples/base/calendar-multiple.tsx +++ b/apps/v4/examples/base/calendar-multiple.tsx @@ -1,5 +1,5 @@ -import { Calendar } from "@/examples/base/ui/calendar" -import { Card, CardContent } from "@/examples/base/ui/card" +import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Card, CardContent } from "@/styles/base-nova/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 794cc6ff73..4dfb8cf904 100644 --- a/apps/v4/examples/base/calendar-presets.tsx +++ b/apps/v4/examples/base/calendar-presets.tsx @@ -1,11 +1,12 @@ "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 844e023804..de0599becb 100644 --- a/apps/v4/examples/base/calendar-range.tsx +++ b/apps/v4/examples/base/calendar-range.tsx @@ -1,11 +1,12 @@ "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 aa6d69a4f0..b37333afd2 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 7bfd5dff3f..dcf59f6cd0 100644 --- a/apps/v4/examples/base/calendar-time.tsx +++ b/apps/v4/examples/base/calendar-time.tsx @@ -1,15 +1,16 @@ "use client" import * as React from "react" -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 { 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 { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Clock2Icon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 e176f90fde..d0e78f26e6 100644 --- a/apps/v4/examples/base/calendar-week-numbers.tsx +++ b/apps/v4/examples/base/calendar-week-numbers.tsx @@ -1,8 +1,9 @@ "use client" import * as React from "react" -import { Calendar } from "@/examples/base/ui/calendar" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Card, CardContent } from "@/styles/base-nova/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 ad56445691..5080f0370f 100644 --- a/apps/v4/examples/base/card-demo.tsx +++ b/apps/v4/examples/base/card-demo.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Card, CardAction, @@ -7,9 +7,9 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/examples/base/ui/card" -import { Input } from "@/examples/base/ui/input" -import { Label } from "@/examples/base/ui/label" +} from "@/styles/base-nova/ui/card" +import { Input } from "@/styles/base-nova/ui/input" +import { Label } from "@/styles/base-nova/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 02cce3c38b..e89b487702 100644 --- a/apps/v4/examples/base/card-image.tsx +++ b/apps/v4/examples/base/card-image.tsx @@ -1,5 +1,5 @@ -import { Badge } from "@/examples/base/ui/badge" -import { Button } from "@/examples/base/ui/button" +import { Badge } from "@/styles/base-nova/ui/badge" +import { Button } from "@/styles/base-nova/ui/button" import { Card, CardAction, @@ -7,7 +7,7 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/examples/base/ui/card" +} from "@/styles/base-nova/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 b581c8e740..76035b46cb 100644 --- a/apps/v4/examples/base/card-rtl.tsx +++ b/apps/v4/examples/base/card-rtl.tsx @@ -1,7 +1,12 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Card, CardAction, @@ -10,14 +15,9 @@ import { CardFooter, CardHeader, CardTitle, -} 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" +} 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" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/card-small.tsx b/apps/v4/examples/base/card-small.tsx index 12af49512d..5d88905d35 100644 --- a/apps/v4/examples/base/card-small.tsx +++ b/apps/v4/examples/base/card-small.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { ChevronRightIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Card, CardContent, @@ -6,8 +8,7 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/examples/base/ui/card" -import { ChevronRightIcon } from "lucide-react" +} from "@/styles/base-nova/ui/card" 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 eedba13226..94f09e8b03 100644 --- a/apps/v4/examples/base/carousel-api.tsx +++ b/apps/v4/examples/base/carousel-api.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, @@ -9,7 +10,7 @@ import { CarouselNext, CarouselPrevious, type CarouselApi, -} from "@/examples/base/ui/carousel" +} from "@/styles/base-nova/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 e5dc70761e..17d5010743 100644 --- a/apps/v4/examples/base/carousel-demo.tsx +++ b/apps/v4/examples/base/carousel-demo.tsx @@ -1,12 +1,13 @@ import * as React from "react" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui/carousel" +} from "@/styles/base-nova/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 e0b96001eb..b9910f5583 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 "@/examples/base/ui/card" +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui/carousel" +} from "@/styles/base-nova/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 eabd2f2e7c..7cc878fbb7 100644 --- a/apps/v4/examples/base/carousel-orientation.tsx +++ b/apps/v4/examples/base/carousel-orientation.tsx @@ -1,12 +1,13 @@ import * as React from "react" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui/carousel" +} from "@/styles/base-nova/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 311a4a14ac..9a433259e5 100644 --- a/apps/v4/examples/base/carousel-plugin.tsx +++ b/apps/v4/examples/base/carousel-plugin.tsx @@ -1,15 +1,16 @@ "use client" import * as React from "react" -import { Card, CardContent } from "@/examples/base/ui/card" +import Autoplay from "embla-carousel-autoplay" + +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui/carousel" -import Autoplay from "embla-carousel-autoplay" +} from "@/styles/base-nova/ui/carousel" 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 6b5654beb8..4bcebb95a3 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 { Card, CardContent } from "@/examples/base/ui-rtl/card" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" +import { Card, CardContent } from "@/styles/base-nova/ui-rtl/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui-rtl/carousel" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/carousel" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/carousel-size.tsx b/apps/v4/examples/base/carousel-size.tsx index c86ec899fc..cd3229ea1f 100644 --- a/apps/v4/examples/base/carousel-size.tsx +++ b/apps/v4/examples/base/carousel-size.tsx @@ -1,12 +1,13 @@ import * as React from "react" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui/carousel" +} from "@/styles/base-nova/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 e0d932d9fa..be0ec9c5c5 100644 --- a/apps/v4/examples/base/carousel-spacing.tsx +++ b/apps/v4/examples/base/carousel-spacing.tsx @@ -1,12 +1,13 @@ import * as React from "react" -import { Card, CardContent } from "@/examples/base/ui/card" + +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Carousel, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, -} from "@/examples/base/ui/carousel" +} from "@/styles/base-nova/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 5a725c93c7..4e9eadf30b 100644 --- a/apps/v4/examples/base/chart-example-axis.tsx +++ b/apps/v4/examples/base/chart-example-axis.tsx @@ -1,8 +1,9 @@ "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 23677eccb5..388b0bc5ed 100644 --- a/apps/v4/examples/base/chart-example-grid.tsx +++ b/apps/v4/examples/base/chart-example-grid.tsx @@ -1,8 +1,9 @@ "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 4f33e5934c..3ea3d37c4a 100644 --- a/apps/v4/examples/base/chart-example-legend.tsx +++ b/apps/v4/examples/base/chart-example-legend.tsx @@ -1,5 +1,7 @@ "use client" +import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" + import { ChartContainer, ChartLegend, @@ -7,8 +9,7 @@ import { ChartTooltip, ChartTooltipContent, type ChartConfig, -} from "@/examples/base/ui/chart" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" +} from "@/styles/base-nova/ui/chart" 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 7701431422..3b989a0f64 100644 --- a/apps/v4/examples/base/chart-example-tooltip.tsx +++ b/apps/v4/examples/base/chart-example-tooltip.tsx @@ -1,12 +1,13 @@ "use client" +import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" + import { ChartContainer, ChartTooltip, ChartTooltipContent, type ChartConfig, -} from "@/examples/base/ui/chart" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" +} from "@/styles/base-nova/ui/chart" 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 061aa397fb..c8a8ead271 100644 --- a/apps/v4/examples/base/chart-example.tsx +++ b/apps/v4/examples/base/chart-example.tsx @@ -1,8 +1,9 @@ "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 7ddd84057c..ae45c6b851 100644 --- a/apps/v4/examples/base/chart-rtl.tsx +++ b/apps/v4/examples/base/chart-rtl.tsx @@ -1,5 +1,11 @@ "use client" +import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { ChartContainer, ChartLegend, @@ -7,13 +13,7 @@ import { ChartTooltip, ChartTooltipContent, type ChartConfig, -} from "@/examples/base/ui-rtl/chart" -import { Bar, BarChart, CartesianGrid, XAxis } from "recharts" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/chart" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/checkbox-basic.tsx b/apps/v4/examples/base/checkbox-basic.tsx index e7c0dff714..815776bf1d 100644 --- a/apps/v4/examples/base/checkbox-basic.tsx +++ b/apps/v4/examples/base/checkbox-basic.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" -import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/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 42a17f2600..7c97542840 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 "@/examples/base/ui/checkbox" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Field, FieldContent, @@ -8,8 +8,8 @@ import { FieldGroup, FieldLabel, FieldTitle, -} from "@/examples/base/ui/field" -import { Label } from "@/examples/base/ui/label" +} from "@/styles/base-nova/ui/field" +import { Label } from "@/styles/base-nova/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 1491c8c20f..5c11894252 100644 --- a/apps/v4/examples/base/checkbox-description.tsx +++ b/apps/v4/examples/base/checkbox-description.tsx @@ -1,11 +1,11 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Field, FieldContent, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" +} from "@/styles/base-nova/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 080aab03ac..31746b4d36 100644 --- a/apps/v4/examples/base/checkbox-disabled.tsx +++ b/apps/v4/examples/base/checkbox-disabled.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" -import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/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 a2917611e9..1566befd26 100644 --- a/apps/v4/examples/base/checkbox-group.tsx +++ b/apps/v4/examples/base/checkbox-group.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Field, FieldDescription, @@ -6,7 +6,7 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/examples/base/ui/field" +} from "@/styles/base-nova/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 1486ba7317..a49cee5cfa 100644 --- a/apps/v4/examples/base/checkbox-invalid.tsx +++ b/apps/v4/examples/base/checkbox-invalid.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" -import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/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 a1feebb1c4..952dab1db5 100644 --- a/apps/v4/examples/base/checkbox-rtl.tsx +++ b/apps/v4/examples/base/checkbox-rtl.tsx @@ -1,7 +1,12 @@ "use client" import * as React from "react" -import { Checkbox } from "@/examples/base/ui-rtl/checkbox" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" +import { Checkbox } from "@/styles/base-nova/ui-rtl/checkbox" import { Field, FieldContent, @@ -9,13 +14,8 @@ import { FieldGroup, FieldLabel, FieldTitle, -} from "@/examples/base/ui-rtl/field" -import { Label } from "@/examples/base/ui-rtl/label" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/field" +import { Label } from "@/styles/base-nova/ui-rtl/label" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/checkbox-table.tsx b/apps/v4/examples/base/checkbox-table.tsx index 4c14392b26..a89f37fd5d 100644 --- a/apps/v4/examples/base/checkbox-table.tsx +++ b/apps/v4/examples/base/checkbox-table.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Checkbox } from "@/examples/base/ui/checkbox" + +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Table, TableBody, @@ -9,7 +10,7 @@ import { TableHead, TableHeader, TableRow, -} from "@/examples/base/ui/table" +} from "@/styles/base-nova/ui/table" const tableData = [ { diff --git a/apps/v4/examples/base/collapsible-basic.tsx b/apps/v4/examples/base/collapsible-basic.tsx index 0995feaf61..f57ae11355 100644 --- a/apps/v4/examples/base/collapsible-basic.tsx +++ b/apps/v4/examples/base/collapsible-basic.tsx @@ -1,12 +1,11 @@ -import { Button } from "@/examples/base/ui/button" -import { Card, CardContent } from "@/examples/base/ui/card" +import { ChevronDownIcon } from "@/registry/icons/__lucide__" +import { Button } from "@/styles/base-nova/ui/button" +import { Card, CardContent } from "@/styles/base-nova/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/examples/base/ui/collapsible" - -import { ChevronDownIcon } from "@/registry/icons/__lucide__" +} from "@/styles/base-nova/ui/collapsible" export function CollapsibleBasic() { return ( diff --git a/apps/v4/examples/base/collapsible-demo.tsx b/apps/v4/examples/base/collapsible-demo.tsx index 0afa71ce10..dd36edcb8d 100644 --- a/apps/v4/examples/base/collapsible-demo.tsx +++ b/apps/v4/examples/base/collapsible-demo.tsx @@ -1,13 +1,14 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { ChevronsUpDown } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/examples/base/ui/collapsible" -import { ChevronsUpDown } from "lucide-react" +} from "@/styles/base-nova/ui/collapsible" 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 2fe413b7a6..b7306532f7 100644 --- a/apps/v4/examples/base/collapsible-file-tree.tsx +++ b/apps/v4/examples/base/collapsible-file-tree.tsx @@ -1,12 +1,13 @@ -import { Button } from "@/examples/base/ui/button" -import { Card, CardContent, CardHeader } from "@/examples/base/ui/card" +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 { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/examples/base/ui/collapsible" -import { Tabs, TabsList, TabsTrigger } from "@/examples/base/ui/tabs" -import { ChevronRightIcon, FileIcon, FolderIcon } from "lucide-react" +} from "@/styles/base-nova/ui/collapsible" +import { Tabs, TabsList, TabsTrigger } from "@/styles/base-nova/ui/tabs" 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 29a8078e97..5337468137 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 f1e8067fe6..6053804abe 100644 --- a/apps/v4/examples/base/collapsible-settings.tsx +++ b/apps/v4/examples/base/collapsible-settings.tsx @@ -1,22 +1,23 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { MaximizeIcon, MinimizeIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Card, CardContent, CardDescription, CardHeader, CardTitle, -} from "@/examples/base/ui/card" +} from "@/styles/base-nova/ui/card" import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} 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" +} from "@/styles/base-nova/ui/collapsible" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/ui/input" 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 c3944be9ec..5986b89159 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 4279c4a445..f2ac6a8b2a 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 b2239f5cdb..cf9cefa470 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 ca9f447818..035e135dd8 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/ui/combobox" import { Item, ItemContent, ItemDescription, ItemTitle, -} from "@/examples/base/ui/item" +} from "@/styles/base-nova/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 4279c4a445..f2ac6a8b2a 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 9bdb316163..48cfb12a22 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 c9dba221e4..cad76ce03d 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 d7255f2a15..c30bee65eb 100644 --- a/apps/v4/examples/base/combobox-input-group.tsx +++ b/apps/v4/examples/base/combobox-input-group.tsx @@ -1,5 +1,7 @@ "use client" +import { GlobeIcon } from "lucide-react" + import { Combobox, ComboboxCollection, @@ -10,9 +12,8 @@ import { ComboboxItem, ComboboxLabel, ComboboxList, -} from "@/examples/base/ui/combobox" -import { InputGroupAddon } from "@/examples/base/ui/input-group" -import { GlobeIcon } from "lucide-react" +} from "@/styles/base-nova/ui/combobox" +import { InputGroupAddon } from "@/styles/base-nova/ui/input-group" const timezones = [ { diff --git a/apps/v4/examples/base/combobox-invalid.tsx b/apps/v4/examples/base/combobox-invalid.tsx index 89553ea33b..fb0482a2ec 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 "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 97b974c3c8..60fa9195cc 100644 --- a/apps/v4/examples/base/combobox-multiple.tsx +++ b/apps/v4/examples/base/combobox-multiple.tsx @@ -1,6 +1,7 @@ "use client" import * as React from "react" + import { Combobox, ComboboxChip, @@ -12,7 +13,7 @@ import { ComboboxList, ComboboxValue, useComboboxAnchor, -} from "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 584d8f189e..a2508bd86e 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Combobox, ComboboxContent, @@ -10,7 +10,7 @@ import { ComboboxList, ComboboxTrigger, ComboboxValue, -} from "@/examples/base/ui/combobox" +} from "@/styles/base-nova/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 e3a6978aee..9852261b25 100644 --- a/apps/v4/examples/base/combobox-rtl.tsx +++ b/apps/v4/examples/base/combobox-rtl.tsx @@ -1,6 +1,11 @@ "use client" import * as React from "react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { Combobox, ComboboxChip, @@ -12,13 +17,8 @@ import { ComboboxList, ComboboxValue, useComboboxAnchor, -} from "@/examples/base/ui-rtl/combobox" -import { Field, FieldLabel } from "@/examples/base/ui-rtl/field" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/combobox" +import { Field, FieldLabel } from "@/styles/base-nova/ui-rtl/field" const categories = [ "technology", diff --git a/apps/v4/examples/base/command-basic.tsx b/apps/v4/examples/base/command-basic.tsx index 9848360119..3c43cee352 100644 --- a/apps/v4/examples/base/command-basic.tsx +++ b/apps/v4/examples/base/command-basic.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" + +import { Button } from "@/styles/base-nova/ui/button" import { Command, CommandDialog, @@ -10,7 +11,7 @@ import { CommandInput, CommandItem, CommandList, -} from "@/examples/base/ui/command" +} from "@/styles/base-nova/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 8f97c03be4..f482adf3f1 100644 --- a/apps/v4/examples/base/command-demo.tsx +++ b/apps/v4/examples/base/command-demo.tsx @@ -1,3 +1,12 @@ +import { + Calculator, + Calendar, + CreditCard, + Settings, + Smile, + User, +} from "lucide-react" + import { Command, CommandEmpty, @@ -7,15 +16,7 @@ import { CommandList, CommandSeparator, CommandShortcut, -} from "@/examples/base/ui/command" -import { - Calculator, - Calendar, - CreditCard, - Settings, - Smile, - User, -} from "lucide-react" +} from "@/styles/base-nova/ui/command" export function CommandDemo() { return ( diff --git a/apps/v4/examples/base/command-dialog.tsx b/apps/v4/examples/base/command-dialog.tsx index b3a075f6fe..9936259a6c 100644 --- a/apps/v4/examples/base/command-dialog.tsx +++ b/apps/v4/examples/base/command-dialog.tsx @@ -1,6 +1,15 @@ "use client" import * as React from "react" +import { + Calculator, + Calendar, + CreditCard, + Settings, + Smile, + User, +} from "lucide-react" + import { CommandDialog, CommandEmpty, @@ -10,15 +19,7 @@ import { CommandList, CommandSeparator, CommandShortcut, -} from "@/examples/base/ui/command" -import { - Calculator, - Calendar, - CreditCard, - Settings, - Smile, - User, -} from "lucide-react" +} from "@/styles/base-nova/ui/command" 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 6477cc370a..f437a5fa6a 100644 --- a/apps/v4/examples/base/command-groups.tsx +++ b/apps/v4/examples/base/command-groups.tsx @@ -1,7 +1,16 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { + CalculatorIcon, + CalendarIcon, + CreditCardIcon, + SettingsIcon, + SmileIcon, + UserIcon, +} from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Command, CommandDialog, @@ -12,15 +21,7 @@ import { CommandList, CommandSeparator, CommandShortcut, -} from "@/examples/base/ui/command" -import { - CalculatorIcon, - CalendarIcon, - CreditCardIcon, - SettingsIcon, - SmileIcon, - UserIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/command" 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 b617606c43..f8dd1ec802 100644 --- a/apps/v4/examples/base/command-rtl.tsx +++ b/apps/v4/examples/base/command-rtl.tsx @@ -1,16 +1,6 @@ "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, @@ -24,6 +14,16 @@ 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 1118a6671d..5d35fca613 100644 --- a/apps/v4/examples/base/command-scrollable.tsx +++ b/apps/v4/examples/base/command-scrollable.tsx @@ -1,18 +1,6 @@ "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, @@ -39,6 +27,19 @@ 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 58ffeeeac6..2f668e2866 100644 --- a/apps/v4/examples/base/command-shortcuts.tsx +++ b/apps/v4/examples/base/command-shortcuts.tsx @@ -1,7 +1,9 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Command, CommandDialog, @@ -11,8 +13,7 @@ import { CommandItem, CommandList, CommandShortcut, -} from "@/examples/base/ui/command" -import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" +} from "@/styles/base-nova/ui/command" 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 f0b73a6245..bd0ba4b589 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 c99cdea776..5f6a84911a 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 6c51e398ab..170b4c5dcf 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 765921dba5..a2461aa85d 100644 --- a/apps/v4/examples/base/context-menu-destructive.tsx +++ b/apps/v4/examples/base/context-menu-destructive.tsx @@ -1,3 +1,5 @@ +import { ArchiveIcon, PencilIcon, ShareIcon, TrashIcon } from "lucide-react" + import { ContextMenu, ContextMenuContent, @@ -5,8 +7,7 @@ import { ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@/examples/base/ui/context-menu" -import { ArchiveIcon, PencilIcon, ShareIcon, TrashIcon } from "lucide-react" +} from "@/styles/base-nova/ui/context-menu" 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 d94de19254..8628c94781 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 9d807ae14b..b03d187469 100644 --- a/apps/v4/examples/base/context-menu-icons.tsx +++ b/apps/v4/examples/base/context-menu-icons.tsx @@ -1,3 +1,10 @@ +import { + ClipboardPasteIcon, + CopyIcon, + ScissorsIcon, + TrashIcon, +} from "lucide-react" + import { ContextMenu, ContextMenuContent, @@ -5,13 +12,7 @@ import { ContextMenuItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@/examples/base/ui/context-menu" -import { - ClipboardPasteIcon, - CopyIcon, - ScissorsIcon, - TrashIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/context-menu" 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 8e27865114..eb8e1ab9a7 100644 --- a/apps/v4/examples/base/context-menu-radio.tsx +++ b/apps/v4/examples/base/context-menu-radio.tsx @@ -1,6 +1,7 @@ "use client" import * as React from "react" + import { ContextMenu, ContextMenuContent, @@ -10,7 +11,7 @@ import { ContextMenuRadioItem, ContextMenuSeparator, ContextMenuTrigger, -} from "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 20cecd0a3c..71bdcb36f2 100644 --- a/apps/v4/examples/base/context-menu-rtl.tsx +++ b/apps/v4/examples/base/context-menu-rtl.tsx @@ -1,6 +1,12 @@ "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, @@ -16,13 +22,7 @@ import { ContextMenuSubContent, ContextMenuSubTrigger, ContextMenuTrigger, -} from "@/examples/base/ui-rtl/context-menu" -import { ArrowLeftIcon, ArrowRightIcon, RotateCwIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/context-menu" 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 e268a7583a..5138c4fa9a 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 5f275d4def..504bcf0d3a 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 e068e41ea0..2c489d4256 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 "@/examples/base/ui/context-menu" +} from "@/styles/base-nova/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 d7c8b02599..2d4873c1d9 100644 --- a/apps/v4/examples/base/data-picker-with-dropdowns.tsx +++ b/apps/v4/examples/base/data-picker-with-dropdowns.tsx @@ -1,16 +1,17 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { Calendar } from "@/examples/base/ui/calendar" -import { Field, FieldLabel } from "@/examples/base/ui/field" +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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { format } from "date-fns" -import { ChevronDownIcon } from "lucide-react" +} from "@/styles/base-nova/ui/popover" 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 4203427901..0fa5463dfd 100644 --- a/apps/v4/examples/base/data-table-demo.tsx +++ b/apps/v4/examples/base/data-table-demo.tsx @@ -1,27 +1,6 @@ "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, @@ -36,6 +15,28 @@ 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 ab8b7147ba..8b140b0a3e 100644 --- a/apps/v4/examples/base/data-table-rtl.tsx +++ b/apps/v4/examples/base/data-table-rtl.tsx @@ -1,27 +1,6 @@ "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, @@ -40,6 +19,27 @@ 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 fe0b6781be..7a3355043b 100644 --- a/apps/v4/examples/base/date-picker-basic.tsx +++ b/apps/v4/examples/base/date-picker-basic.tsx @@ -1,15 +1,16 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { Calendar } from "@/examples/base/ui/calendar" -import { Field, FieldLabel } from "@/examples/base/ui/field" +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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { format } from "date-fns" +} from "@/styles/base-nova/ui/popover" 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 fe67c440ab..d70acdff86 100644 --- a/apps/v4/examples/base/date-picker-demo.tsx +++ b/apps/v4/examples/base/date-picker-demo.tsx @@ -1,15 +1,16 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { Calendar } from "@/examples/base/ui/calendar" +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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { format } from "date-fns" -import { ChevronDownIcon } from "lucide-react" +} from "@/styles/base-nova/ui/popover" 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 970a5bee7c..43d7d92863 100644 --- a/apps/v4/examples/base/date-picker-dob.tsx +++ b/apps/v4/examples/base/date-picker-dob.tsx @@ -1,14 +1,15 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { Calendar } from "@/examples/base/ui/calendar" -import { Field, FieldLabel } from "@/examples/base/ui/field" + +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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" +} from "@/styles/base-nova/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 0e90f31277..aa57469b7c 100644 --- a/apps/v4/examples/base/date-picker-input.tsx +++ b/apps/v4/examples/base/date-picker-input.tsx @@ -1,20 +1,21 @@ "use client" import * as React from "react" -import { Calendar } from "@/examples/base/ui/calendar" -import { Field, FieldLabel } from "@/examples/base/ui/field" +import { CalendarIcon } from "lucide-react" + +import { Calendar } from "@/styles/base-nova/ui/calendar" +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { CalendarIcon } from "lucide-react" +} from "@/styles/base-nova/ui/popover" 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 3eefc295cf..c4b5fea4c9 100644 --- a/apps/v4/examples/base/date-picker-natural-language.tsx +++ b/apps/v4/examples/base/date-picker-natural-language.tsx @@ -1,21 +1,22 @@ "use client" import * as React from "react" -import { Calendar } from "@/examples/base/ui/calendar" -import { Field, FieldLabel } from "@/examples/base/ui/field" +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 { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/ui/input-group" import { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { parseDate } from "chrono-node" -import { CalendarIcon } from "lucide-react" +} from "@/styles/base-nova/ui/popover" 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 68f9b03674..b7089e6988 100644 --- a/apps/v4/examples/base/date-picker-range.tsx +++ b/apps/v4/examples/base/date-picker-range.tsx @@ -1,17 +1,18 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" -import { Calendar } from "@/examples/base/ui/calendar" -import { Field, FieldLabel } from "@/examples/base/ui/field" +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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { addDays, format } from "date-fns" -import { CalendarIcon } from "lucide-react" -import { type DateRange } from "react-day-picker" +} from "@/styles/base-nova/ui/popover" 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 7e69a8a09d..231efe4a8e 100644 --- a/apps/v4/examples/base/date-picker-rtl.tsx +++ b/apps/v4/examples/base/date-picker-rtl.tsx @@ -1,13 +1,6 @@ "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" @@ -20,6 +13,13 @@ 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 0d71d70a9f..ab7be0734b 100644 --- a/apps/v4/examples/base/date-picker-time.tsx +++ b/apps/v4/examples/base/date-picker-time.tsx @@ -1,17 +1,18 @@ "use client" import * as React from "react" -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 { 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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" -import { format } from "date-fns" -import { ChevronDownIcon } from "lucide-react" +} from "@/styles/base-nova/ui/popover" 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 41ef4d3531..81f35c153e 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogClose, @@ -8,9 +8,9 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/examples/base/ui/dialog" -import { Input } from "@/examples/base/ui/input" -import { Label } from "@/examples/base/ui/label" +} from "@/styles/base-nova/ui/dialog" +import { Input } from "@/styles/base-nova/ui/input" +import { Label } from "@/styles/base-nova/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 19c6c1ec32..cad2483177 100644 --- a/apps/v4/examples/base/dialog-demo.tsx +++ b/apps/v4/examples/base/dialog-demo.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogClose, @@ -8,10 +8,10 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} 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" +} 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" 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 637779824c..89e755e7a8 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogClose, @@ -8,7 +8,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/examples/base/ui/dialog" +} from "@/styles/base-nova/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 f195b7e9ca..d841043f6f 100644 --- a/apps/v4/examples/base/dialog-rtl.tsx +++ b/apps/v4/examples/base/dialog-rtl.tsx @@ -1,6 +1,10 @@ "use client" -import { Button } from "@/examples/base/ui-rtl/button" +import { + useTranslation, + type Translations, +} from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Dialog, DialogClose, @@ -10,15 +14,10 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} 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" +} 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" 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 b4379fb5c0..6358459557 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogContent, @@ -6,7 +6,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/examples/base/ui/dialog" +} from "@/styles/base-nova/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 44181f8df3..dd21889a2b 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogClose, @@ -8,7 +8,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/examples/base/ui/dialog" +} from "@/styles/base-nova/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 0016105dba..ab8c129adc 100644 --- a/apps/v4/examples/base/drawer-demo.tsx +++ b/apps/v4/examples/base/drawer-demo.tsx @@ -1,7 +1,10 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { Minus, Plus } from "lucide-react" +import { Bar, BarChart, ResponsiveContainer } from "recharts" + +import { Button } from "@/styles/base-nova/ui/button" import { Drawer, DrawerClose, @@ -11,9 +14,7 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/examples/base/ui/drawer" -import { Minus, Plus } from "lucide-react" -import { Bar, BarChart, ResponsiveContainer } from "recharts" +} from "@/styles/base-nova/ui/drawer" const data = [ { diff --git a/apps/v4/examples/base/drawer-dialog.tsx b/apps/v4/examples/base/drawer-dialog.tsx index e4a0b4ce9f..9512ddd647 100644 --- a/apps/v4/examples/base/drawer-dialog.tsx +++ b/apps/v4/examples/base/drawer-dialog.tsx @@ -1,7 +1,10 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" + +import { cn } from "@/lib/utils" +import { useMediaQuery } from "@/hooks/use-media-query" +import { Button } from "@/styles/base-nova/ui/button" import { Dialog, DialogContent, @@ -9,7 +12,7 @@ import { DialogHeader, DialogTitle, DialogTrigger, -} from "@/examples/base/ui/dialog" +} from "@/styles/base-nova/ui/dialog" import { Drawer, DrawerClose, @@ -19,12 +22,9 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} 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" +} from "@/styles/base-nova/ui/drawer" +import { Input } from "@/styles/base-nova/ui/input" +import { Label } from "@/styles/base-nova/ui/label" 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 3129b2a9e1..23a3a3cc37 100644 --- a/apps/v4/examples/base/drawer-rtl.tsx +++ b/apps/v4/examples/base/drawer-rtl.tsx @@ -1,7 +1,14 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" +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 { Drawer, DrawerClose, @@ -11,14 +18,7 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} 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" +} from "@/styles/base-nova/ui-rtl/drawer" const data = [ { diff --git a/apps/v4/examples/base/drawer-scrollable-content.tsx b/apps/v4/examples/base/drawer-scrollable-content.tsx index ee395b7105..e005c83ac1 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Drawer, DrawerClose, @@ -8,7 +8,7 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/examples/base/ui/drawer" +} from "@/styles/base-nova/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 dcd2bfe4f4..6b26bd27f9 100644 --- a/apps/v4/examples/base/drawer-sides.tsx +++ b/apps/v4/examples/base/drawer-sides.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Drawer, DrawerClose, @@ -8,7 +8,7 @@ import { DrawerHeader, DrawerTitle, DrawerTrigger, -} from "@/examples/base/ui/drawer" +} from "@/styles/base-nova/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 6a6b25f342..20a268aef1 100644 --- a/apps/v4/examples/base/dropdown-menu-avatar.tsx +++ b/apps/v4/examples/base/dropdown-menu-avatar.tsx @@ -1,7 +1,18 @@ "use client" -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +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 { DropdownMenu, DropdownMenuContent, @@ -9,13 +20,7 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" -import { - BadgeCheckIcon, - BellIcon, - CreditCardIcon, - LogOutIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/dropdown-menu" 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 e47a937356..5a86dafebc 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -9,7 +9,7 @@ import { DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 306a995f8b..6bbf185135 100644 --- a/apps/v4/examples/base/dropdown-menu-checkboxes-icons.tsx +++ b/apps/v4/examples/base/dropdown-menu-checkboxes-icons.tsx @@ -1,7 +1,9 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { BellIcon, MailIcon, MessageSquareIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -9,8 +11,7 @@ import { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" -import { BellIcon, MailIcon, MessageSquareIcon } from "lucide-react" +} from "@/styles/base-nova/ui/dropdown-menu" 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 e2babfd871..905b0bba6c 100644 --- a/apps/v4/examples/base/dropdown-menu-checkboxes.tsx +++ b/apps/v4/examples/base/dropdown-menu-checkboxes.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" + +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuCheckboxItem, @@ -9,7 +10,7 @@ import { DropdownMenuGroup, DropdownMenuLabel, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 d39837df64..2cdb33da3c 100644 --- a/apps/v4/examples/base/dropdown-menu-complex.tsx +++ b/apps/v4/examples/base/dropdown-menu-complex.tsx @@ -1,24 +1,6 @@ "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, @@ -47,6 +29,25 @@ 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 3d7760e60a..730f771850 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -14,7 +14,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 6b3bd055fb..63cc638797 100644 --- a/apps/v4/examples/base/dropdown-menu-destructive.tsx +++ b/apps/v4/examples/base/dropdown-menu-destructive.tsx @@ -1,6 +1,8 @@ "use client" -import { Button } from "@/examples/base/ui/button" +import { PencilIcon, ShareIcon, TrashIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -8,8 +10,7 @@ import { DropdownMenuItem, DropdownMenuSeparator, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" -import { PencilIcon, ShareIcon, TrashIcon } from "lucide-react" +} from "@/styles/base-nova/ui/dropdown-menu" 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 b4ae69a84d..95aa4c3821 100644 --- a/apps/v4/examples/base/dropdown-menu-icons.tsx +++ b/apps/v4/examples/base/dropdown-menu-icons.tsx @@ -1,13 +1,5 @@ "use client" -import { Button } from "@/examples/base/ui/button" -import { - DropdownMenu, - DropdownMenuContent, - DropdownMenuItem, - DropdownMenuSeparator, - DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" import { CreditCardIcon, LogOutIcon, @@ -15,6 +7,15 @@ import { UserIcon, } from "lucide-react" +import { Button } from "@/styles/base-nova/ui/button" +import { + DropdownMenu, + DropdownMenuContent, + DropdownMenuItem, + DropdownMenuSeparator, + DropdownMenuTrigger, +} from "@/styles/base-nova/ui/dropdown-menu" + 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 bd260a179a..24e866df3b 100644 --- a/apps/v4/examples/base/dropdown-menu-radio-group.tsx +++ b/apps/v4/examples/base/dropdown-menu-radio-group.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" + +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -10,7 +11,7 @@ import { DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 6d88e558d6..f40e0a8e69 100644 --- a/apps/v4/examples/base/dropdown-menu-radio-icons.tsx +++ b/apps/v4/examples/base/dropdown-menu-radio-icons.tsx @@ -1,7 +1,9 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { Building2Icon, CreditCardIcon, WalletIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -10,8 +12,7 @@ import { DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" -import { Building2Icon, CreditCardIcon, WalletIcon } from "lucide-react" +} from "@/styles/base-nova/ui/dropdown-menu" 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 755d6725db..4417de18e4 100644 --- a/apps/v4/examples/base/dropdown-menu-rtl.tsx +++ b/apps/v4/examples/base/dropdown-menu-rtl.tsx @@ -1,7 +1,13 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" +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 { DropdownMenu, DropdownMenuCheckboxItem, @@ -18,13 +24,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/examples/base/ui-rtl/dropdown-menu" -import { CreditCardIcon, SettingsIcon, UserIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/dropdown-menu" 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 0f3c72019e..531273e33d 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -10,7 +10,7 @@ import { DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 e59cd421b7..2f211d995c 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, @@ -13,7 +13,7 @@ import { DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/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 84b4bd8f32..e21229024c 100644 --- a/apps/v4/examples/base/empty-avatar-group.tsx +++ b/apps/v4/examples/base/empty-avatar-group.tsx @@ -1,5 +1,11 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { PlusIcon } from "lucide-react" + +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { Empty, EmptyContent, @@ -7,8 +13,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui/empty" -import { PlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/empty" export default function EmptyAvatarGroup() { return ( diff --git a/apps/v4/examples/base/empty-avatar.tsx b/apps/v4/examples/base/empty-avatar.tsx index 7484e38e6c..c4b0c20f69 100644 --- a/apps/v4/examples/base/empty-avatar.tsx +++ b/apps/v4/examples/base/empty-avatar.tsx @@ -1,5 +1,9 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { Empty, EmptyContent, @@ -7,7 +11,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui/empty" +} from "@/styles/base-nova/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 3e0651e21d..b36eef643f 100644 --- a/apps/v4/examples/base/empty-background.tsx +++ b/apps/v4/examples/base/empty-background.tsx @@ -1,4 +1,7 @@ -import { Button } from "@/examples/base/ui/button" +import { IconBell } from "@tabler/icons-react" +import { RefreshCcwIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Empty, EmptyContent, @@ -6,9 +9,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui/empty" -import { IconBell } from "@tabler/icons-react" -import { RefreshCcwIcon } from "lucide-react" +} from "@/styles/base-nova/ui/empty" export function EmptyMuted() { return ( diff --git a/apps/v4/examples/base/empty-card.tsx b/apps/v4/examples/base/empty-card.tsx index 7a88d8c0f6..8b56552321 100644 --- a/apps/v4/examples/base/empty-card.tsx +++ b/apps/v4/examples/base/empty-card.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { ArrowUpRightIcon, FolderIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Empty, EmptyContent, @@ -6,8 +8,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui/empty" -import { ArrowUpRightIcon, FolderIcon } from "lucide-react" +} from "@/styles/base-nova/ui/empty" export function EmptyInCard() { return ( diff --git a/apps/v4/examples/base/empty-demo.tsx b/apps/v4/examples/base/empty-demo.tsx index 02af5824dc..91104392b4 100644 --- a/apps/v4/examples/base/empty-demo.tsx +++ b/apps/v4/examples/base/empty-demo.tsx @@ -1,4 +1,7 @@ -import { Button } from "@/examples/base/ui/button" +import { IconFolderCode } from "@tabler/icons-react" +import { ArrowUpRightIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Empty, EmptyContent, @@ -6,9 +9,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui/empty" -import { IconFolderCode } from "@tabler/icons-react" -import { ArrowUpRightIcon } from "lucide-react" +} from "@/styles/base-nova/ui/empty" 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 6e1a452bf9..7c8a811def 100644 --- a/apps/v4/examples/base/empty-input-group.tsx +++ b/apps/v4/examples/base/empty-input-group.tsx @@ -1,17 +1,18 @@ +import { SearchIcon } from "lucide-react" + import { Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyTitle, -} from "@/examples/base/ui/empty" +} from "@/styles/base-nova/ui/empty" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Kbd } from "@/examples/base/ui/kbd" -import { SearchIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" +import { Kbd } from "@/styles/base-nova/ui/kbd" export default function EmptyInputGroup() { return ( diff --git a/apps/v4/examples/base/empty-outline.tsx b/apps/v4/examples/base/empty-outline.tsx index ee676054e6..b363bd2c95 100644 --- a/apps/v4/examples/base/empty-outline.tsx +++ b/apps/v4/examples/base/empty-outline.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { IconCloud } from "@tabler/icons-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Empty, EmptyContent, @@ -6,8 +8,7 @@ import { EmptyHeader, EmptyMedia, EmptyTitle, -} from "@/examples/base/ui/empty" -import { IconCloud } from "@tabler/icons-react" +} from "@/styles/base-nova/ui/empty" export default function EmptyOutline() { return ( diff --git a/apps/v4/examples/base/empty-rtl.tsx b/apps/v4/examples/base/empty-rtl.tsx index ca1528fd35..caff96b5cf 100644 --- a/apps/v4/examples/base/empty-rtl.tsx +++ b/apps/v4/examples/base/empty-rtl.tsx @@ -1,15 +1,6 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" -import { - Empty, - EmptyContent, - EmptyDescription, - EmptyHeader, - EmptyMedia, - EmptyTitle, -} from "@/examples/base/ui-rtl/empty" import { IconFolderCode } from "@tabler/icons-react" import { ArrowUpRightIcon } from "lucide-react" @@ -17,6 +8,15 @@ import { useTranslation, type Translations, } from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" +import { + Empty, + EmptyContent, + EmptyDescription, + EmptyHeader, + EmptyMedia, + EmptyTitle, +} from "@/styles/base-nova/ui-rtl/empty" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/field-checkbox.tsx b/apps/v4/examples/base/field-checkbox.tsx index fc1d29c82e..ee171605e3 100644 --- a/apps/v4/examples/base/field-checkbox.tsx +++ b/apps/v4/examples/base/field-checkbox.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Field, FieldContent, @@ -8,7 +8,7 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/examples/base/ui/field" +} from "@/styles/base-nova/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 67436a78b3..1e30e76462 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 e4d1c6cae9..448cb67b81 100644 --- a/apps/v4/examples/base/field-demo.tsx +++ b/apps/v4/examples/base/field-demo.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/examples/base/ui/button" -import { Checkbox } from "@/examples/base/ui/checkbox" +import { Button } from "@/styles/base-nova/ui/button" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Field, FieldDescription, @@ -8,8 +8,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/ui/input" import { Select, SelectContent, @@ -17,8 +17,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" -import { Textarea } from "@/examples/base/ui/textarea" +} from "@/styles/base-nova/ui/select" +import { Textarea } from "@/styles/base-nova/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 b7caccc95a..37b815a540 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 "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 8d86f5bba8..82ce0d3faa 100644 --- a/apps/v4/examples/base/field-group.tsx +++ b/apps/v4/examples/base/field-group.tsx @@ -1,4 +1,4 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" import { Field, FieldDescription, @@ -6,7 +6,7 @@ import { FieldLabel, FieldSeparator, FieldSet, -} from "@/examples/base/ui/field" +} from "@/styles/base-nova/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 4290e03f0c..c39ae98664 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 "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 64cc75c710..031e1e23fa 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 65d303c090..173d046868 100644 --- a/apps/v4/examples/base/field-responsive.tsx +++ b/apps/v4/examples/base/field-responsive.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Field, FieldContent, @@ -7,8 +7,8 @@ import { FieldLabel, FieldLegend, FieldSet, -} from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 d3e6bb226e..b92bffce4e 100644 --- a/apps/v4/examples/base/field-rtl.tsx +++ b/apps/v4/examples/base/field-rtl.tsx @@ -1,8 +1,13 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" -import { Checkbox } from "@/examples/base/ui-rtl/checkbox" + +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 { Field, FieldDescription, @@ -11,8 +16,8 @@ import { FieldLegend, FieldSeparator, FieldSet, -} from "@/examples/base/ui-rtl/field" -import { Input } from "@/examples/base/ui-rtl/input" +} from "@/styles/base-nova/ui-rtl/field" +import { Input } from "@/styles/base-nova/ui-rtl/input" import { Select, SelectContent, @@ -20,13 +25,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui-rtl/select" -import { Textarea } from "@/examples/base/ui-rtl/textarea" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/select" +import { Textarea } from "@/styles/base-nova/ui-rtl/textarea" 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 7c90a807db..fa7c9a2112 100644 --- a/apps/v4/examples/base/field-select.tsx +++ b/apps/v4/examples/base/field-select.tsx @@ -1,4 +1,8 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" import { Select, SelectContent, @@ -6,7 +10,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" +} from "@/styles/base-nova/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 4f7390830d..e769589b5e 100644 --- a/apps/v4/examples/base/field-slider.tsx +++ b/apps/v4/examples/base/field-slider.tsx @@ -1,8 +1,13 @@ "use client" import * as React from "react" -import { Field, FieldDescription, FieldTitle } from "@/examples/base/ui/field" -import { Slider } from "@/examples/base/ui/slider" + +import { + Field, + FieldDescription, + FieldTitle, +} from "@/styles/base-nova/ui/field" +import { Slider } from "@/styles/base-nova/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 86d218d1f0..6017f42a3c 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 "@/examples/base/ui/field" -import { Switch } from "@/examples/base/ui/switch" +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { Switch } from "@/styles/base-nova/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 8c59733801..ad8b62c30b 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 "@/examples/base/ui/field" -import { Textarea } from "@/examples/base/ui/textarea" +} from "@/styles/base-nova/ui/field" +import { Textarea } from "@/styles/base-nova/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 3f507c87cf..966dd521e7 100644 --- a/apps/v4/examples/base/file-upload-list.tsx +++ b/apps/v4/examples/base/file-upload-list.tsx @@ -1,6 +1,8 @@ "use client" import * as React from "react" +import { FileIcon } from "lucide-react" + import { Item, ItemActions, @@ -8,9 +10,8 @@ import { ItemGroup, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { Progress } from "@/examples/base/ui/progress" -import { FileIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" +import { Progress } from "@/styles/base-nova/ui/progress" 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 deleted file mode 100644 index 2b0fe1dfef..0000000000 --- a/apps/v4/examples/base/hooks/use-mobile.ts +++ /dev/null @@ -1,19 +0,0 @@ -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 1b8a8c53b5..c4855baca4 100644 --- a/apps/v4/examples/base/hover-card-demo.tsx +++ b/apps/v4/examples/base/hover-card-demo.tsx @@ -1,10 +1,14 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { HoverCard, HoverCardContent, HoverCardTrigger, -} from "@/examples/base/ui/hover-card" +} from "@/styles/base-nova/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 f6b0d632b5..1b1426fd0f 100644 --- a/apps/v4/examples/base/hover-card-rtl.tsx +++ b/apps/v4/examples/base/hover-card-rtl.tsx @@ -1,16 +1,15 @@ "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 727b569492..11c92e5868 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { HoverCard, HoverCardContent, HoverCardTrigger, -} from "@/examples/base/ui/hover-card" +} from "@/styles/base-nova/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 264745e5c4..a2bccbd575 100644 --- a/apps/v4/examples/base/input-badge.tsx +++ b/apps/v4/examples/base/input-badge.tsx @@ -1,6 +1,6 @@ -import { Badge } from "@/examples/base/ui/badge" -import { Field, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +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" export function InputBadge() { return ( diff --git a/apps/v4/examples/base/input-basic.tsx b/apps/v4/examples/base/input-basic.tsx index 847be56e1f..4cac4b5ee6 100644 --- a/apps/v4/examples/base/input-basic.tsx +++ b/apps/v4/examples/base/input-basic.tsx @@ -1,4 +1,4 @@ -import { Input } from "@/examples/base/ui/input" +import { Input } from "@/styles/base-nova/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 4097d8c320..fd9539b957 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 "@/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" +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" export function InputButtonGroup() { return ( diff --git a/apps/v4/examples/base/input-demo.tsx b/apps/v4/examples/base/input-demo.tsx index 0be43c4e55..a1ffac47eb 100644 --- a/apps/v4/examples/base/input-demo.tsx +++ b/apps/v4/examples/base/input-demo.tsx @@ -1,5 +1,9 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 567bda7be7..8bb78b6389 100644 --- a/apps/v4/examples/base/input-disabled.tsx +++ b/apps/v4/examples/base/input-disabled.tsx @@ -1,5 +1,9 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 2edf3b6155..82f7d6d0c4 100644 --- a/apps/v4/examples/base/input-field.tsx +++ b/apps/v4/examples/base/input-field.tsx @@ -1,5 +1,9 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 1abb521f2a..98701317b6 100644 --- a/apps/v4/examples/base/input-fieldgroup.tsx +++ b/apps/v4/examples/base/input-fieldgroup.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 a42a60e51c..9ceceb673a 100644 --- a/apps/v4/examples/base/input-file.tsx +++ b/apps/v4/examples/base/input-file.tsx @@ -1,5 +1,9 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 5019496f8d..bbba3aa80c 100644 --- a/apps/v4/examples/base/input-form.tsx +++ b/apps/v4/examples/base/input-form.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/ui/input" import { Select, SelectContent, @@ -13,7 +13,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" +} from "@/styles/base-nova/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 17c7c87bed..a1cbc498e1 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 "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 788269685e..ce0d182b8e 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 "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" -import { InputGroup, InputGroupInput } from "@/examples/base/ui/input-group" +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" 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 7a2e6697fa..ad4ac4c2d2 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 "@/examples/base/ui/field" +} from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, @@ -11,7 +11,7 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/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 cd9d71c9aa..cab7e24176 100644 --- a/apps/v4/examples/base/input-group-block-start.tsx +++ b/apps/v4/examples/base/input-group-block-start.tsx @@ -1,9 +1,11 @@ +import { CopyIcon, FileCodeIcon } from "lucide-react" + import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" +} from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, @@ -11,8 +13,7 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/examples/base/ui/input-group" -import { CopyIcon, FileCodeIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 6945bdedba..73647a2285 100644 --- a/apps/v4/examples/base/input-group-button-group.tsx +++ b/apps/v4/examples/base/input-group-button-group.tsx @@ -1,11 +1,15 @@ -import { ButtonGroup, ButtonGroupText } from "@/examples/base/ui/button-group" +import { Link2Icon } from "lucide-react" + +import { + ButtonGroup, + ButtonGroupText, +} from "@/styles/base-nova/ui/button-group" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Label } from "@/examples/base/ui/label" -import { Link2Icon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" +import { Label } from "@/styles/base-nova/ui/label" 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 68236dffe7..33cdcdaa3d 100644 --- a/apps/v4/examples/base/input-group-button.tsx +++ b/apps/v4/examples/base/input-group-button.tsx @@ -1,17 +1,6 @@ "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, @@ -20,6 +9,17 @@ 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 826d8758af..1990bea181 100644 --- a/apps/v4/examples/base/input-group-custom.tsx +++ b/apps/v4/examples/base/input-group-custom.tsx @@ -1,11 +1,12 @@ "use client" +import TextareaAutosize from "react-textarea-autosize" + import { InputGroup, InputGroupAddon, InputGroupButton, -} from "@/examples/base/ui/input-group" -import TextareaAutosize from "react-textarea-autosize" +} from "@/styles/base-nova/ui/input-group" 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 c613deb1a2..7e04f1ed40 100644 --- a/apps/v4/examples/base/input-group-demo.tsx +++ b/apps/v4/examples/base/input-group-demo.tsx @@ -1,9 +1,10 @@ +import { Search } from "lucide-react" + import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Search } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 a085b16ca2..378a968706 100644 --- a/apps/v4/examples/base/input-group-dropdown.tsx +++ b/apps/v4/examples/base/input-group-dropdown.tsx @@ -1,19 +1,20 @@ "use client" +import { ChevronDownIcon, MoreHorizontal } from "lucide-react" + import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/ui/dropdown-menu" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { ChevronDownIcon, MoreHorizontal } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 2b62ff3785..75a1e6a890 100644 --- a/apps/v4/examples/base/input-group-icon.tsx +++ b/apps/v4/examples/base/input-group-icon.tsx @@ -1,8 +1,3 @@ -import { - InputGroup, - InputGroupAddon, - InputGroupInput, -} from "@/examples/base/ui/input-group" import { CheckIcon, CreditCardIcon, @@ -12,6 +7,12 @@ 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 b4fdc954dd..4b6774c807 100644 --- a/apps/v4/examples/base/input-group-in-card.tsx +++ b/apps/v4/examples/base/input-group-in-card.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { ExternalLinkIcon, MailIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Card, CardContent, @@ -6,17 +8,16 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/examples/base/ui/card" -import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/card" +import { Field, FieldGroup, FieldLabel } from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/ui/input" import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, InputGroupTextarea, -} from "@/examples/base/ui/input-group" -import { ExternalLinkIcon, MailIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 1ed2f22372..376fbcb284 100644 --- a/apps/v4/examples/base/input-group-inline-end.tsx +++ b/apps/v4/examples/base/input-group-inline-end.tsx @@ -1,10 +1,15 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { EyeOffIcon } from "lucide-react" + +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { EyeOffIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 bb2eb5b4a3..f1de7c3dc3 100644 --- a/apps/v4/examples/base/input-group-inline-start.tsx +++ b/apps/v4/examples/base/input-group-inline-start.tsx @@ -1,10 +1,15 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +import { SearchIcon } from "lucide-react" + +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { SearchIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 cc806283b1..b97f16654c 100644 --- a/apps/v4/examples/base/input-group-kbd.tsx +++ b/apps/v4/examples/base/input-group-kbd.tsx @@ -1,10 +1,11 @@ +import { SearchIcon } from "lucide-react" + import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Kbd } from "@/examples/base/ui/kbd" -import { SearchIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" +import { Kbd } from "@/styles/base-nova/ui/kbd" 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 095f641f2d..e38212d63b 100644 --- a/apps/v4/examples/base/input-group-label.tsx +++ b/apps/v4/examples/base/input-group-label.tsx @@ -1,16 +1,17 @@ +import { InfoIcon } from "lucide-react" + import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Label } from "@/examples/base/ui/label" +} from "@/styles/base-nova/ui/input-group" +import { Label } from "@/styles/base-nova/ui/label" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui/tooltip" -import { InfoIcon } from "lucide-react" +} from "@/styles/base-nova/ui/tooltip" 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 2045fa4add..05f11ce2d1 100644 --- a/apps/v4/examples/base/input-group-rtl.tsx +++ b/apps/v4/examples/base/input-group-rtl.tsx @@ -1,12 +1,18 @@ "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 "@/examples/base/ui-rtl/field" +} from "@/styles/base-nova/ui-rtl/field" import { InputGroup, InputGroupAddon, @@ -14,14 +20,8 @@ import { InputGroupInput, InputGroupText, InputGroupTextarea, -} 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" +} from "@/styles/base-nova/ui-rtl/input-group" +import { Spinner } from "@/styles/base-nova/ui-rtl/spinner" 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 6a0a892a59..bf9af4f8a7 100644 --- a/apps/v4/examples/base/input-group-spinner.tsx +++ b/apps/v4/examples/base/input-group-spinner.tsx @@ -1,11 +1,12 @@ +import { LoaderIcon } from "lucide-react" + import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, -} from "@/examples/base/ui/input-group" -import { Spinner } from "@/examples/base/ui/spinner" -import { LoaderIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" +import { Spinner } from "@/styles/base-nova/ui/spinner" 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 3c3b2f5399..a989b224de 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 "@/examples/base/ui/input-group" +} from "@/styles/base-nova/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 7d0ed2e974..99d0061b76 100644 --- a/apps/v4/examples/base/input-group-textarea-examples.tsx +++ b/apps/v4/examples/base/input-group-textarea-examples.tsx @@ -1,18 +1,3 @@ -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, @@ -21,6 +6,22 @@ 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 bc304d4445..66d41f11cb 100644 --- a/apps/v4/examples/base/input-group-textarea.tsx +++ b/apps/v4/examples/base/input-group-textarea.tsx @@ -1,10 +1,3 @@ -import { - InputGroup, - InputGroupAddon, - InputGroupButton, - InputGroupText, - InputGroupTextarea, -} from "@/examples/base/ui/input-group" import { IconBrandJavascript, IconCopy, @@ -12,6 +5,14 @@ import { IconRefresh, } from "@tabler/icons-react" +import { + InputGroup, + InputGroupAddon, + InputGroupButton, + InputGroupText, + InputGroupTextarea, +} from "@/styles/base-nova/ui/input-group" + 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 e75adef6a7..5dee21fa8a 100644 --- a/apps/v4/examples/base/input-group-tooltip.tsx +++ b/apps/v4/examples/base/input-group-tooltip.tsx @@ -1,15 +1,16 @@ +import { HelpCircle, InfoIcon } from "lucide-react" + import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/ui/input-group" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui/tooltip" -import { HelpCircle, InfoIcon } from "lucide-react" +} from "@/styles/base-nova/ui/tooltip" 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 1a151caa53..6a05d27181 100644 --- a/apps/v4/examples/base/input-group-with-addons.tsx +++ b/apps/v4/examples/base/input-group-with-addons.tsx @@ -1,18 +1,5 @@ "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, @@ -24,6 +11,20 @@ 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 fbb25c9784..3b0ed454f7 100644 --- a/apps/v4/examples/base/input-group-with-buttons.tsx +++ b/apps/v4/examples/base/input-group-with-buttons.tsx @@ -1,13 +1,14 @@ -import { Button } from "@/examples/base/ui/button" -import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +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 { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { CopyIcon, TrashIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" 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 8cb57a22a4..1c8521d2b9 100644 --- a/apps/v4/examples/base/input-group-with-kbd.tsx +++ b/apps/v4/examples/base/input-group-with-kbd.tsx @@ -1,18 +1,19 @@ +import { CheckIcon, InfoIcon, SearchIcon, SparklesIcon } from "lucide-react" + import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/ui/input" import { InputGroup, InputGroupAddon, InputGroupInput, -} 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" +} from "@/styles/base-nova/ui/input-group" +import { Kbd, KbdGroup } from "@/styles/base-nova/ui/kbd" +import { Spinner } from "@/styles/base-nova/ui/spinner" 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 46e77e4942..3e700c72c6 100644 --- a/apps/v4/examples/base/input-group-with-tooltip.tsx +++ b/apps/v4/examples/base/input-group-with-tooltip.tsx @@ -1,24 +1,30 @@ "use client" -import { ButtonGroup, ButtonGroupText } from "@/examples/base/ui/button-group" +import { ChevronDownIcon, InfoIcon, StarIcon } from "lucide-react" +import { toast } from "sonner" + +import { + ButtonGroup, + ButtonGroupText, +} from "@/styles/base-nova/ui/button-group" import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/ui/dropdown-menu" import { Field, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" +} from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, InputGroupButton, InputGroupInput, -} from "@/examples/base/ui/input-group" +} from "@/styles/base-nova/ui/input-group" import { Popover, PopoverContent, @@ -26,14 +32,12 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/examples/base/ui/popover" +} from "@/styles/base-nova/ui/popover" import { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui/tooltip" -import { ChevronDownIcon, InfoIcon, StarIcon } from "lucide-react" -import { toast } from "sonner" +} from "@/styles/base-nova/ui/tooltip" export function InputGroupWithTooltip({ country, diff --git a/apps/v4/examples/base/input-inline.tsx b/apps/v4/examples/base/input-inline.tsx index 96eb709aed..320ca50738 100644 --- a/apps/v4/examples/base/input-inline.tsx +++ b/apps/v4/examples/base/input-inline.tsx @@ -1,6 +1,6 @@ -import { Button } from "@/examples/base/ui/button" -import { Field } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { Button } from "@/styles/base-nova/ui/button" +import { Field } from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 4bb887b4cd..818532192c 100644 --- a/apps/v4/examples/base/input-input-group.tsx +++ b/apps/v4/examples/base/input-input-group.tsx @@ -1,11 +1,12 @@ -import { Field, FieldLabel } from "@/examples/base/ui/field" +import { InfoIcon } from "lucide-react" + +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" import { InputGroup, InputGroupAddon, InputGroupInput, InputGroupText, -} from "@/examples/base/ui/input-group" -import { InfoIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" export function InputInputGroup() { return ( diff --git a/apps/v4/examples/base/input-invalid.tsx b/apps/v4/examples/base/input-invalid.tsx index 0b5dbbff7e..5a9cc85691 100644 --- a/apps/v4/examples/base/input-invalid.tsx +++ b/apps/v4/examples/base/input-invalid.tsx @@ -1,5 +1,9 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 3a3122d613..9720947768 100644 --- a/apps/v4/examples/base/input-otp-alphanumeric.tsx +++ b/apps/v4/examples/base/input-otp-alphanumeric.tsx @@ -1,12 +1,13 @@ "use client" +import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp" + import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/examples/base/ui/input-otp" -import { REGEXP_ONLY_DIGITS_AND_CHARS } from "input-otp" +} from "@/styles/base-nova/ui/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 9741863e67..a2fe96a706 100644 --- a/apps/v4/examples/base/input-otp-controlled.tsx +++ b/apps/v4/examples/base/input-otp-controlled.tsx @@ -1,11 +1,12 @@ "use client" import * as React from "react" + import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/examples/base/ui/input-otp" +} from "@/styles/base-nova/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 359e4605a9..eefe92ce49 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 "@/examples/base/ui/input-otp" +} from "@/styles/base-nova/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 b5ebd8f58e..b345a0e031 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 "@/examples/base/ui/field" +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/examples/base/ui/input-otp" +} from "@/styles/base-nova/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 ef237c9808..e5c993a7f1 100644 --- a/apps/v4/examples/base/input-otp-form.tsx +++ b/apps/v4/examples/base/input-otp-form.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { RefreshCwIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Card, CardContent, @@ -6,15 +8,18 @@ import { CardFooter, CardHeader, CardTitle, -} from "@/examples/base/ui/card" -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" +} from "@/styles/base-nova/ui/card" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/examples/base/ui/input-otp" -import { RefreshCwIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-otp" 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 fe691a473b..52efb06956 100644 --- a/apps/v4/examples/base/input-otp-four-digits.tsx +++ b/apps/v4/examples/base/input-otp-four-digits.tsx @@ -1,11 +1,12 @@ "use client" +import { REGEXP_ONLY_DIGITS } from "input-otp" + import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/examples/base/ui/input-otp" -import { REGEXP_ONLY_DIGITS } from "input-otp" +} from "@/styles/base-nova/ui/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 bed716eda3..47a1be3cba 100644 --- a/apps/v4/examples/base/input-otp-invalid.tsx +++ b/apps/v4/examples/base/input-otp-invalid.tsx @@ -1,12 +1,13 @@ "use client" import * as React from "react" + import { InputOTP, InputOTPGroup, InputOTPSeparator, InputOTPSlot, -} from "@/examples/base/ui/input-otp" +} from "@/styles/base-nova/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 f22f719ad9..1a5da48c40 100644 --- a/apps/v4/examples/base/input-otp-pattern.tsx +++ b/apps/v4/examples/base/input-otp-pattern.tsx @@ -1,12 +1,13 @@ "use client" -import { Field, FieldLabel } from "@/examples/base/ui/field" +import { REGEXP_ONLY_DIGITS } from "input-otp" + +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" import { InputOTP, InputOTPGroup, InputOTPSlot, -} from "@/examples/base/ui/input-otp" -import { REGEXP_ONLY_DIGITS } from "input-otp" +} from "@/styles/base-nova/ui/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 9f67619abe..368139b180 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 7cff67fbd6..8d03506f75 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 "@/examples/base/ui/input-otp" +} from "@/styles/base-nova/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 b581e66fcb..e6cd5d35cd 100644 --- a/apps/v4/examples/base/input-required.tsx +++ b/apps/v4/examples/base/input-required.tsx @@ -1,5 +1,9 @@ -import { Field, FieldDescription, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +import { + Field, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui/field" +import { Input } from "@/styles/base-nova/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 981cd0b043..6583f50ad2 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 e014b78c77..7255ef2a62 100644 --- a/apps/v4/examples/base/item-avatar.tsx +++ b/apps/v4/examples/base/item-avatar.tsx @@ -1,5 +1,11 @@ -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { Plus } from "lucide-react" + +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { Item, ItemActions, @@ -7,8 +13,7 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { Plus } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function ItemAvatar() { return ( diff --git a/apps/v4/examples/base/item-demo.tsx b/apps/v4/examples/base/item-demo.tsx index 6702b1bfff..00307289c6 100644 --- a/apps/v4/examples/base/item-demo.tsx +++ b/apps/v4/examples/base/item-demo.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Item, ItemActions, @@ -6,8 +8,7 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function ItemDemo() { return ( diff --git a/apps/v4/examples/base/item-dropdown.tsx b/apps/v4/examples/base/item-dropdown.tsx index ce7e10fe03..9a3e0cd991 100644 --- a/apps/v4/examples/base/item-dropdown.tsx +++ b/apps/v4/examples/base/item-dropdown.tsx @@ -1,22 +1,27 @@ "use client" -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { ChevronDownIcon } from "lucide-react" + +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { DropdownMenu, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/ui/dropdown-menu" import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { ChevronDownIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" const people = [ { diff --git a/apps/v4/examples/base/item-group.tsx b/apps/v4/examples/base/item-group.tsx index 52552d36c0..8988659679 100644 --- a/apps/v4/examples/base/item-group.tsx +++ b/apps/v4/examples/base/item-group.tsx @@ -1,6 +1,12 @@ import * as React from "react" -import { Avatar, AvatarFallback, AvatarImage } from "@/examples/base/ui/avatar" -import { Button } from "@/examples/base/ui/button" +import { PlusIcon } from "lucide-react" + +import { + Avatar, + AvatarFallback, + AvatarImage, +} from "@/styles/base-nova/ui/avatar" +import { Button } from "@/styles/base-nova/ui/button" import { Item, ItemActions, @@ -10,8 +16,7 @@ import { ItemMedia, ItemSeparator, ItemTitle, -} from "@/examples/base/ui/item" -import { PlusIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" const people = [ { diff --git a/apps/v4/examples/base/item-header.tsx b/apps/v4/examples/base/item-header.tsx index b9170c6bd7..3c23d0998a 100644 --- a/apps/v4/examples/base/item-header.tsx +++ b/apps/v4/examples/base/item-header.tsx @@ -1,4 +1,5 @@ import Image from "next/image" + import { Item, ItemContent, @@ -6,7 +7,7 @@ import { ItemGroup, ItemHeader, ItemTitle, -} from "@/examples/base/ui/item" +} from "@/styles/base-nova/ui/item" const models = [ { diff --git a/apps/v4/examples/base/item-icon.tsx b/apps/v4/examples/base/item-icon.tsx index efc712d43f..4f66905339 100644 --- a/apps/v4/examples/base/item-icon.tsx +++ b/apps/v4/examples/base/item-icon.tsx @@ -1,4 +1,6 @@ -import { Button } from "@/examples/base/ui/button" +import { ShieldAlertIcon } from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Item, ItemActions, @@ -6,8 +8,7 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { ShieldAlertIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function ItemIcon() { return ( diff --git a/apps/v4/examples/base/item-image.tsx b/apps/v4/examples/base/item-image.tsx index 781cfc3519..4508946d36 100644 --- a/apps/v4/examples/base/item-image.tsx +++ b/apps/v4/examples/base/item-image.tsx @@ -1,4 +1,5 @@ import Image from "next/image" + import { Item, ItemContent, @@ -6,7 +7,7 @@ import { ItemGroup, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" +} from "@/styles/base-nova/ui/item" const music = [ { diff --git a/apps/v4/examples/base/item-link.tsx b/apps/v4/examples/base/item-link.tsx index f1270bd5a0..eb27545e61 100644 --- a/apps/v4/examples/base/item-link.tsx +++ b/apps/v4/examples/base/item-link.tsx @@ -1,11 +1,12 @@ +import { ChevronRightIcon, ExternalLinkIcon } from "lucide-react" + import { Item, ItemActions, ItemContent, ItemDescription, ItemTitle, -} from "@/examples/base/ui/item" -import { ChevronRightIcon, ExternalLinkIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function ItemLink() { return ( diff --git a/apps/v4/examples/base/item-rtl.tsx b/apps/v4/examples/base/item-rtl.tsx index e723bd8a47..b99f2d8db9 100644 --- a/apps/v4/examples/base/item-rtl.tsx +++ b/apps/v4/examples/base/item-rtl.tsx @@ -1,7 +1,13 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui-rtl/button" +import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Item, ItemActions, @@ -9,13 +15,7 @@ import { ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui-rtl/item" -import { BadgeCheckIcon, ChevronRightIcon } from "lucide-react" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/item" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/item-size.tsx b/apps/v4/examples/base/item-size.tsx index 4d4c40976e..72e0db6c8c 100644 --- a/apps/v4/examples/base/item-size.tsx +++ b/apps/v4/examples/base/item-size.tsx @@ -1,11 +1,12 @@ +import { InboxIcon } from "lucide-react" + import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { InboxIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function ItemSizeDemo() { return ( diff --git a/apps/v4/examples/base/item-variant.tsx b/apps/v4/examples/base/item-variant.tsx index bbf1db4a78..0a4d4c17a5 100644 --- a/apps/v4/examples/base/item-variant.tsx +++ b/apps/v4/examples/base/item-variant.tsx @@ -1,11 +1,12 @@ +import { InboxIcon } from "lucide-react" + import { Item, ItemContent, ItemDescription, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { InboxIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function ItemVariant() { return ( diff --git a/apps/v4/examples/base/kbd-button.tsx b/apps/v4/examples/base/kbd-button.tsx index 80ba88f92d..e2d331ee27 100644 --- a/apps/v4/examples/base/kbd-button.tsx +++ b/apps/v4/examples/base/kbd-button.tsx @@ -1,5 +1,5 @@ -import { Button } from "@/examples/base/ui/button" -import { Kbd } from "@/examples/base/ui/kbd" +import { Button } from "@/styles/base-nova/ui/button" +import { Kbd } from "@/styles/base-nova/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 7520dcb2b6..f02b4e08fc 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 "@/examples/base/ui/kbd" +import { Kbd, KbdGroup } from "@/styles/base-nova/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 f521ca2628..3aa9482f5f 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 "@/examples/base/ui/kbd" +import { Kbd, KbdGroup } from "@/styles/base-nova/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 ba9f759a65..9b88326003 100644 --- a/apps/v4/examples/base/kbd-input-group.tsx +++ b/apps/v4/examples/base/kbd-input-group.tsx @@ -1,10 +1,11 @@ +import { SearchIcon } from "lucide-react" + import { InputGroup, InputGroupAddon, InputGroupInput, -} from "@/examples/base/ui/input-group" -import { Kbd } from "@/examples/base/ui/kbd" -import { SearchIcon } from "lucide-react" +} from "@/styles/base-nova/ui/input-group" +import { Kbd } from "@/styles/base-nova/ui/kbd" export default function KbdInputGroup() { return ( diff --git a/apps/v4/examples/base/kbd-rtl.tsx b/apps/v4/examples/base/kbd-rtl.tsx index dbd9c43113..ae5a6ad803 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 89e708325f..47490c04d0 100644 --- a/apps/v4/examples/base/kbd-tooltip.tsx +++ b/apps/v4/examples/base/kbd-tooltip.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/examples/base/ui/button" -import { ButtonGroup } from "@/examples/base/ui/button-group" -import { Kbd, KbdGroup } from "@/examples/base/ui/kbd" +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 { Tooltip, TooltipContent, TooltipTrigger, -} from "@/examples/base/ui/tooltip" +} from "@/styles/base-nova/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 03b21f02eb..08977dd65f 100644 --- a/apps/v4/examples/base/label-demo.tsx +++ b/apps/v4/examples/base/label-demo.tsx @@ -1,5 +1,5 @@ -import { Checkbox } from "@/examples/base/ui/checkbox" -import { Label } from "@/examples/base/ui/label" +import { Checkbox } from "@/styles/base-nova/ui/checkbox" +import { Label } from "@/styles/base-nova/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 f417776b74..8d5cdf0240 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 deleted file mode 100644 index bd0c391ddd..0000000000 --- a/apps/v4/examples/base/lib/utils.ts +++ /dev/null @@ -1,6 +0,0 @@ -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 0eadef102b..8d178f90c5 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 "@/examples/base/ui/menubar" +} from "@/styles/base-nova/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 c26f6fd132..5620091345 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 "@/examples/base/ui/menubar" +} from "@/styles/base-nova/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 0e3d280a01..341c06babb 100644 --- a/apps/v4/examples/base/menubar-icons.tsx +++ b/apps/v4/examples/base/menubar-icons.tsx @@ -1,3 +1,12 @@ +import { + FileIcon, + FolderIcon, + HelpCircleIcon, + SaveIcon, + SettingsIcon, + TrashIcon, +} from "lucide-react" + import { Menubar, MenubarContent, @@ -7,15 +16,7 @@ import { MenubarSeparator, MenubarShortcut, MenubarTrigger, -} from "@/examples/base/ui/menubar" -import { - FileIcon, - FolderIcon, - HelpCircleIcon, - SaveIcon, - SettingsIcon, - TrashIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/menubar" export function MenubarIcons() { return ( diff --git a/apps/v4/examples/base/menubar-radio.tsx b/apps/v4/examples/base/menubar-radio.tsx index 752434720a..3d2674fe4c 100644 --- a/apps/v4/examples/base/menubar-radio.tsx +++ b/apps/v4/examples/base/menubar-radio.tsx @@ -1,6 +1,7 @@ "use client" import * as React from "react" + import { Menubar, MenubarContent, @@ -10,7 +11,7 @@ import { MenubarRadioItem, MenubarSeparator, MenubarTrigger, -} from "@/examples/base/ui/menubar" +} from "@/styles/base-nova/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 7e54fc1248..4dae6b1ec3 100644 --- a/apps/v4/examples/base/menubar-rtl.tsx +++ b/apps/v4/examples/base/menubar-rtl.tsx @@ -1,6 +1,11 @@ "use client" import * as React from "react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { Menubar, MenubarCheckboxItem, @@ -16,12 +21,7 @@ import { MenubarSubContent, MenubarSubTrigger, MenubarTrigger, -} from "@/examples/base/ui-rtl/menubar" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/menubar" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/menubar-submenu.tsx b/apps/v4/examples/base/menubar-submenu.tsx index ba618bd0ff..c1047b31c6 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 "@/examples/base/ui/menubar" +} from "@/styles/base-nova/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 8cd94878d9..165c6dc710 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Item, ItemActions, @@ -6,7 +6,7 @@ import { ItemDescription, ItemGroup, ItemTitle, -} from "@/examples/base/ui/item" +} from "@/styles/base-nova/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 96ac327e91..4d00092bbc 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 "@/examples/base/ui/native-select" +} from "@/styles/base-nova/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 bd1574161d..34896ddabe 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 "@/examples/base/ui/native-select" +} from "@/styles/base-nova/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 fe055528cb..0120cee0a8 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 "@/examples/base/ui/native-select" +} from "@/styles/base-nova/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 1fe5435a51..fbd48c57f0 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 "@/examples/base/ui/native-select" +} from "@/styles/base-nova/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 4c58adf026..4fdf730666 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 8d70d28012..202ee0a90b 100644 --- a/apps/v4/examples/base/navigation-menu-demo.tsx +++ b/apps/v4/examples/base/navigation-menu-demo.tsx @@ -2,6 +2,12 @@ import * as React from "react" import Link from "next/link" +import { + CircleAlertIcon, + CircleCheckIcon, + CircleDashedIcon, +} from "lucide-react" + import { NavigationMenu, NavigationMenuContent, @@ -10,12 +16,7 @@ import { NavigationMenuList, NavigationMenuTrigger, navigationMenuTriggerStyle, -} from "@/examples/base/ui/navigation-menu" -import { - CircleAlertIcon, - CircleCheckIcon, - CircleDashedIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/navigation-menu" 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 2a4a55c450..21753ce3a8 100644 --- a/apps/v4/examples/base/navigation-menu-rtl.tsx +++ b/apps/v4/examples/base/navigation-menu-rtl.tsx @@ -2,15 +2,6 @@ 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, @@ -21,6 +12,15 @@ 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 def2e92f9b..56174ef7fc 100644 --- a/apps/v4/examples/base/outline-item-group.tsx +++ b/apps/v4/examples/base/outline-item-group.tsx @@ -1,3 +1,5 @@ +import { InboxIcon } from "lucide-react" + import { Item, ItemContent, @@ -5,8 +7,7 @@ import { ItemGroup, ItemMedia, ItemTitle, -} from "@/examples/base/ui/item" -import { InboxIcon } from "lucide-react" +} from "@/styles/base-nova/ui/item" export function OutlineItemGroup() { return ( diff --git a/apps/v4/examples/base/pagination-demo.tsx b/apps/v4/examples/base/pagination-demo.tsx index fa24bfca35..f091c58518 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 "@/examples/base/ui/pagination" +} from "@/styles/base-nova/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 0188e43c7d..2004e4e058 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 "@/examples/base/ui/field" +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" import { Pagination, PaginationContent, PaginationItem, PaginationNext, PaginationPrevious, -} from "@/examples/base/ui/pagination" +} from "@/styles/base-nova/ui/pagination" import { Select, SelectContent, @@ -13,7 +13,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" +} from "@/styles/base-nova/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 f204c6c9ea..d0128ae05c 100644 --- a/apps/v4/examples/base/pagination-rtl.tsx +++ b/apps/v4/examples/base/pagination-rtl.tsx @@ -1,6 +1,11 @@ "use client" import * as React from "react" + +import { + useTranslation, + type Translations, +} from "@/components/language-selector" import { Pagination, PaginationContent, @@ -9,12 +14,7 @@ import { PaginationLink, PaginationNext, PaginationPrevious, -} from "@/examples/base/ui-rtl/pagination" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/pagination" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/pagination-simple.tsx b/apps/v4/examples/base/pagination-simple.tsx index 90885621d7..d68a28733a 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 "@/examples/base/ui/pagination" +} from "@/styles/base-nova/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 2270e305d9..fa0efb0ba6 100644 --- a/apps/v4/examples/base/popover-alignments.tsx +++ b/apps/v4/examples/base/popover-alignments.tsx @@ -1,9 +1,9 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" +} from "@/styles/base-nova/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 21a790f8f2..4eb1c51906 100644 --- a/apps/v4/examples/base/popover-basic.tsx +++ b/apps/v4/examples/base/popover-basic.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Popover, PopoverContent, @@ -6,7 +6,7 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/examples/base/ui/popover" +} from "@/styles/base-nova/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 6902a7b1bb..f3ffa443fa 100644 --- a/apps/v4/examples/base/popover-demo.tsx +++ b/apps/v4/examples/base/popover-demo.tsx @@ -1,11 +1,11 @@ -import { Button } from "@/examples/base/ui/button" -import { Input } from "@/examples/base/ui/input" -import { Label } from "@/examples/base/ui/label" +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 { Popover, PopoverContent, PopoverTrigger, -} from "@/examples/base/ui/popover" +} from "@/styles/base-nova/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 4b8681a85b..1fe565af47 100644 --- a/apps/v4/examples/base/popover-form.tsx +++ b/apps/v4/examples/base/popover-form.tsx @@ -1,6 +1,6 @@ -import { Button } from "@/examples/base/ui/button" -import { Field, FieldGroup, FieldLabel } from "@/examples/base/ui/field" -import { Input } from "@/examples/base/ui/input" +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 { Popover, PopoverContent, @@ -8,7 +8,7 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/examples/base/ui/popover" +} from "@/styles/base-nova/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 b5283dd0f3..6ae256e00f 100644 --- a/apps/v4/examples/base/popover-rtl.tsx +++ b/apps/v4/examples/base/popover-rtl.tsx @@ -1,6 +1,10 @@ "use client" -import { Button } from "@/examples/base/ui-rtl/button" +import { + useTranslation, + type Translations, +} from "@/components/language-selector" +import { Button } from "@/styles/base-nova/ui-rtl/button" import { Popover, PopoverContent, @@ -8,12 +12,7 @@ import { PopoverHeader, PopoverTitle, PopoverTrigger, -} from "@/examples/base/ui-rtl/popover" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/popover" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/progress-controlled.tsx b/apps/v4/examples/base/progress-controlled.tsx index e83d003398..6275e36b10 100644 --- a/apps/v4/examples/base/progress-controlled.tsx +++ b/apps/v4/examples/base/progress-controlled.tsx @@ -1,8 +1,9 @@ "use client" import * as React from "react" -import { Progress } from "@/examples/base/ui/progress" -import { Slider } from "@/examples/base/ui/slider" + +import { Progress } from "@/styles/base-nova/ui/progress" +import { Slider } from "@/styles/base-nova/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 22b0833a26..b88e5b4106 100644 --- a/apps/v4/examples/base/progress-demo.tsx +++ b/apps/v4/examples/base/progress-demo.tsx @@ -1,7 +1,8 @@ "use client" import * as React from "react" -import { Progress } from "@/examples/base/ui/progress" + +import { Progress } from "@/styles/base-nova/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 2c2ecf8796..4648483e52 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 "@/examples/base/ui/progress" +} from "@/styles/base-nova/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 ea9d716ec9..93169a3c93 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 793b6ebfeb..ec5196adb1 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 3bea497e33..468cf730dc 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 0b6ea20a9a..9c68afe3a7 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 "@/examples/base/ui/label" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +import { Label } from "@/styles/base-nova/ui/label" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 99c14ffe67..f226026ba7 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 b3cb9c840b..2cebb90271 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +import { Field, FieldLabel } from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 56681d72ab..80b52ff56c 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 c1fd6f04f4..c1d9603316 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 "@/examples/base/ui/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui/radio-group" +} from "@/styles/base-nova/ui/field" +import { RadioGroup, RadioGroupItem } from "@/styles/base-nova/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 02c9ec9115..57935ba5f3 100644 --- a/apps/v4/examples/base/radio-group-rtl.tsx +++ b/apps/v4/examples/base/radio-group-rtl.tsx @@ -1,18 +1,21 @@ "use client" import * as React from "react" -import { - Field, - FieldContent, - FieldDescription, - FieldLabel, -} from "@/examples/base/ui-rtl/field" -import { RadioGroup, RadioGroupItem } from "@/examples/base/ui-rtl/radio-group" import { useTranslation, type Translations, } from "@/components/language-selector" +import { + Field, + FieldContent, + FieldDescription, + FieldLabel, +} from "@/styles/base-nova/ui-rtl/field" +import { + RadioGroup, + RadioGroupItem, +} from "@/styles/base-nova/ui-rtl/radio-group" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/resizable-demo.tsx b/apps/v4/examples/base/resizable-demo.tsx index 9a719e83df..ae2301d8dc 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 "@/examples/base/ui/resizable" +} from "@/styles/base-nova/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 7a3022ef1f..24af344863 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 "@/examples/base/ui/resizable" +} from "@/styles/base-nova/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 9f13a889c7..bd5881f3cd 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 a2c6c9e778..c8ddfd42a1 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 "@/examples/base/ui/resizable" +} from "@/styles/base-nova/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 ca12bc82bc..52c46b5d9d 100644 --- a/apps/v4/examples/base/scroll-area-demo.tsx +++ b/apps/v4/examples/base/scroll-area-demo.tsx @@ -1,6 +1,7 @@ import * as React from "react" -import { ScrollArea } from "@/examples/base/ui/scroll-area" -import { Separator } from "@/examples/base/ui/separator" + +import { ScrollArea } from "@/styles/base-nova/ui/scroll-area" +import { Separator } from "@/styles/base-nova/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 7bed43b3ea..73d2479685 100644 --- a/apps/v4/examples/base/scroll-area-horizontal-demo.tsx +++ b/apps/v4/examples/base/scroll-area-horizontal-demo.tsx @@ -1,6 +1,7 @@ import * as React from "react" import Image from "next/image" -import { ScrollArea, ScrollBar } from "@/examples/base/ui/scroll-area" + +import { ScrollArea, ScrollBar } from "@/styles/base-nova/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 d17ae64f7b..c2b19130a4 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 349e6b29b1..1b57cee69c 100644 --- a/apps/v4/examples/base/select-align-item.tsx +++ b/apps/v4/examples/base/select-align-item.tsx @@ -1,14 +1,15 @@ "use client" import * as React from "react" + import { Field, FieldContent, FieldDescription, FieldGroup, FieldLabel, -} from "@/examples/base/ui/field" -import { Label } from "@/examples/base/ui/label" +} from "@/styles/base-nova/ui/field" +import { Label } from "@/styles/base-nova/ui/label" import { Select, SelectContent, @@ -16,8 +17,8 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" -import { Switch } from "@/examples/base/ui/switch" +} from "@/styles/base-nova/ui/select" +import { Switch } from "@/styles/base-nova/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 9d57bff5a6..dfada41ea4 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 "@/examples/base/ui/select" +} from "@/styles/base-nova/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 4dd5757b69..bd0d0e0bad 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 "@/examples/base/ui/select" +} from "@/styles/base-nova/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 fe37f6e921..7d9b5aadee 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 "@/examples/base/ui/select" +} from "@/styles/base-nova/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 0f5446128b..0488de66cb 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 "@/examples/base/ui/field" +import { Field, FieldError, FieldLabel } from "@/styles/base-nova/ui/field" import { Select, SelectContent, @@ -6,7 +6,7 @@ import { SelectItem, SelectTrigger, SelectValue, -} from "@/examples/base/ui/select" +} from "@/styles/base-nova/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 65eacbd6c8..0f3041fe44 100644 --- a/apps/v4/examples/base/select-rtl.tsx +++ b/apps/v4/examples/base/select-rtl.tsx @@ -1,6 +1,12 @@ "use client" import * as React from "react" + +import { + useTranslation, + type Language, + type Translations, +} from "@/components/language-selector" import { Select, SelectContent, @@ -10,13 +16,7 @@ import { SelectSeparator, SelectTrigger, SelectValue, -} from "@/examples/base/ui-rtl/select" - -import { - useTranslation, - type Language, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/select" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/select-scrollable.tsx b/apps/v4/examples/base/select-scrollable.tsx index de1c319efa..2cd12fcf0a 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 "@/examples/base/ui/select" +} from "@/styles/base-nova/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 cc04805fdf..4b42d87cee 100644 --- a/apps/v4/examples/base/separator-demo.tsx +++ b/apps/v4/examples/base/separator-demo.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/examples/base/ui/separator" +import { Separator } from "@/styles/base-nova/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 0eee80d136..e5e4f94860 100644 --- a/apps/v4/examples/base/separator-list.tsx +++ b/apps/v4/examples/base/separator-list.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/examples/base/ui/separator" +import { Separator } from "@/styles/base-nova/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 eb3e6a3a3e..6bda4f042c 100644 --- a/apps/v4/examples/base/separator-menu.tsx +++ b/apps/v4/examples/base/separator-menu.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/examples/base/ui/separator" +import { Separator } from "@/styles/base-nova/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 8f39538ecb..4502b1c102 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 a6a601c9b0..3dbde42883 100644 --- a/apps/v4/examples/base/separator-vertical.tsx +++ b/apps/v4/examples/base/separator-vertical.tsx @@ -1,4 +1,4 @@ -import { Separator } from "@/examples/base/ui/separator" +import { Separator } from "@/styles/base-nova/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 3b7e1f166c..57d07a882f 100644 --- a/apps/v4/examples/base/sheet-demo.tsx +++ b/apps/v4/examples/base/sheet-demo.tsx @@ -1,6 +1,6 @@ -import { Button } from "@/examples/base/ui/button" -import { Input } from "@/examples/base/ui/input" -import { Label } from "@/examples/base/ui/label" +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 { Sheet, SheetClose, @@ -10,7 +10,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/examples/base/ui/sheet" +} from "@/styles/base-nova/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 dc4bc99472..de23bb5d1f 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 "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Sheet, SheetContent, @@ -6,7 +6,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/examples/base/ui/sheet" +} from "@/styles/base-nova/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 b21a2fcfb0..4a1ff1cd4c 100644 --- a/apps/v4/examples/base/sheet-rtl.tsx +++ b/apps/v4/examples/base/sheet-rtl.tsx @@ -1,8 +1,12 @@ "use client" -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 { + 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 { Sheet, SheetClose, @@ -12,12 +16,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/examples/base/ui-rtl/sheet" - -import { - useTranslation, - type Translations, -} from "@/components/language-selector" +} from "@/styles/base-nova/ui-rtl/sheet" const translations: Translations = { en: { diff --git a/apps/v4/examples/base/sheet-side.tsx b/apps/v4/examples/base/sheet-side.tsx index 0509d09f59..0a351b896d 100644 --- a/apps/v4/examples/base/sheet-side.tsx +++ b/apps/v4/examples/base/sheet-side.tsx @@ -1,4 +1,4 @@ -import { Button } from "@/examples/base/ui/button" +import { Button } from "@/styles/base-nova/ui/button" import { Sheet, SheetClose, @@ -8,7 +8,7 @@ import { SheetHeader, SheetTitle, SheetTrigger, -} from "@/examples/base/ui/sheet" +} from "@/styles/base-nova/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 c472444c09..9bf4c0dec4 100644 --- a/apps/v4/examples/base/sidebar-controlled.tsx +++ b/apps/v4/examples/base/sidebar-controlled.tsx @@ -1,7 +1,17 @@ "use client" import * as React from "react" -import { Button } from "@/examples/base/ui/button" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PanelLeftCloseIcon, + PanelLeftOpenIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" + +import { Button } from "@/styles/base-nova/ui/button" import { Sidebar, SidebarContent, @@ -13,16 +23,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PanelLeftCloseIcon, - PanelLeftOpenIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-demo.tsx b/apps/v4/examples/base/sidebar-demo.tsx index b4ff37e4b0..1d12451e0f 100644 --- a/apps/v4/examples/base/sidebar-demo.tsx +++ b/apps/v4/examples/base/sidebar-demo.tsx @@ -1,42 +1,6 @@ "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, @@ -62,6 +26,47 @@ 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 003f6f980d..3a6211d89b 100644 --- a/apps/v4/examples/base/sidebar-footer.tsx +++ b/apps/v4/examples/base/sidebar-footer.tsx @@ -1,11 +1,13 @@ "use client" +import { ChevronUpIcon } from "lucide-react" + import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/ui/dropdown-menu" import { Sidebar, SidebarContent, @@ -17,8 +19,7 @@ import { SidebarMenuItem, SidebarProvider, SidebarTrigger, -} from "@/examples/base/ui/sidebar" -import { ChevronUpIcon } from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" 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 050b66842a..a2fa459675 100644 --- a/apps/v4/examples/base/sidebar-group-action.tsx +++ b/apps/v4/examples/base/sidebar-group-action.tsx @@ -1,5 +1,8 @@ "use client" +import { FrameIcon, MapIcon, PieChartIcon, PlusIcon } from "lucide-react" +import { toast, Toaster } from "sonner" + import { Sidebar, SidebarContent, @@ -11,9 +14,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { FrameIcon, MapIcon, PieChartIcon, PlusIcon } from "lucide-react" -import { toast, Toaster } from "sonner" +} from "@/styles/base-nova/ui/sidebar" 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 d9d7dc2718..92cdc35861 100644 --- a/apps/v4/examples/base/sidebar-group-collapsible.tsx +++ b/apps/v4/examples/base/sidebar-group-collapsible.tsx @@ -1,10 +1,12 @@ "use client" +import { ChevronDownIcon, LifeBuoyIcon, SendIcon } from "lucide-react" + import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/examples/base/ui/collapsible" +} from "@/styles/base-nova/ui/collapsible" import { Sidebar, SidebarContent, @@ -15,8 +17,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { ChevronDownIcon, LifeBuoyIcon, SendIcon } from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-group.tsx b/apps/v4/examples/base/sidebar-group.tsx index 497158a794..eb39e1f713 100644 --- a/apps/v4/examples/base/sidebar-group.tsx +++ b/apps/v4/examples/base/sidebar-group.tsx @@ -1,5 +1,7 @@ "use client" +import { LifeBuoyIcon, SendIcon } from "lucide-react" + import { Sidebar, SidebarContent, @@ -10,8 +12,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { LifeBuoyIcon, SendIcon } from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" export default function AppSidebar() { return ( diff --git a/apps/v4/examples/base/sidebar-header.tsx b/apps/v4/examples/base/sidebar-header.tsx index 2e5c4bd142..f0f96f88b4 100644 --- a/apps/v4/examples/base/sidebar-header.tsx +++ b/apps/v4/examples/base/sidebar-header.tsx @@ -1,11 +1,13 @@ "use client" +import { ChevronDownIcon } from "lucide-react" + import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/ui/dropdown-menu" import { Sidebar, SidebarHeader, @@ -15,8 +17,7 @@ import { SidebarMenuItem, SidebarProvider, SidebarTrigger, -} from "@/examples/base/ui/sidebar" -import { ChevronDownIcon } from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" 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 77009ef61e..30df082de2 100644 --- a/apps/v4/examples/base/sidebar-menu-action.tsx +++ b/apps/v4/examples/base/sidebar-menu-action.tsx @@ -1,11 +1,20 @@ "use client" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + MoreHorizontalIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" + import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger, -} from "@/examples/base/ui/dropdown-menu" +} from "@/styles/base-nova/ui/dropdown-menu" import { Sidebar, SidebarContent, @@ -17,15 +26,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - MoreHorizontalIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-menu-badge.tsx b/apps/v4/examples/base/sidebar-menu-badge.tsx index 54d4cd1451..d639c977de 100644 --- a/apps/v4/examples/base/sidebar-menu-badge.tsx +++ b/apps/v4/examples/base/sidebar-menu-badge.tsx @@ -1,5 +1,13 @@ "use client" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" + import { Sidebar, SidebarContent, @@ -11,14 +19,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-menu-collapsible.tsx b/apps/v4/examples/base/sidebar-menu-collapsible.tsx index 5e409c852b..bbb7c1e27e 100644 --- a/apps/v4/examples/base/sidebar-menu-collapsible.tsx +++ b/apps/v4/examples/base/sidebar-menu-collapsible.tsx @@ -1,10 +1,12 @@ "use client" +import { ChevronRightIcon } from "lucide-react" + import { Collapsible, CollapsibleContent, CollapsibleTrigger, -} from "@/examples/base/ui/collapsible" +} from "@/styles/base-nova/ui/collapsible" import { Sidebar, SidebarContent, @@ -17,8 +19,7 @@ import { SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { ChevronRightIcon } from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" const items = [ { diff --git a/apps/v4/examples/base/sidebar-menu-sub.tsx b/apps/v4/examples/base/sidebar-menu-sub.tsx index dff4bf8478..8454426e40 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 "@/examples/base/ui/sidebar" +} from "@/styles/base-nova/ui/sidebar" const items = [ { diff --git a/apps/v4/examples/base/sidebar-menu.tsx b/apps/v4/examples/base/sidebar-menu.tsx index dc8b0362aa..38652a8ea8 100644 --- a/apps/v4/examples/base/sidebar-menu.tsx +++ b/apps/v4/examples/base/sidebar-menu.tsx @@ -1,5 +1,13 @@ "use client" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" + import { Sidebar, SidebarContent, @@ -10,14 +18,7 @@ import { SidebarMenuButton, SidebarMenuItem, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-rsc.tsx b/apps/v4/examples/base/sidebar-rsc.tsx index f3e6029dd3..d9b839f4c8 100644 --- a/apps/v4/examples/base/sidebar-rsc.tsx +++ b/apps/v4/examples/base/sidebar-rsc.tsx @@ -1,4 +1,12 @@ import * as React from "react" +import { + FrameIcon, + LifeBuoyIcon, + MapIcon, + PieChartIcon, + SendIcon, +} from "lucide-react" + import { Sidebar, SidebarContent, @@ -10,14 +18,7 @@ import { SidebarMenuItem, SidebarMenuSkeleton, SidebarProvider, -} from "@/examples/base/ui/sidebar" -import { - FrameIcon, - LifeBuoyIcon, - MapIcon, - PieChartIcon, - SendIcon, -} from "lucide-react" +} from "@/styles/base-nova/ui/sidebar" const projects = [ { diff --git a/apps/v4/examples/base/sidebar-rtl.tsx b/apps/v4/examples/base/sidebar-rtl.tsx index 05140bae4c..bfaa56e668 100644 --- a/apps/v4/examples/base/sidebar-rtl.tsx +++ b/apps/v4/examples/base/sidebar-rtl.tsx @@ -1,46 +1,6 @@ "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, @@ -69,6 +29,46 @@ 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 1560e7cbf9..15d639a476 100644 --- a/apps/v4/examples/base/skeleton-avatar.tsx +++ b/apps/v4/examples/base/skeleton-avatar.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/examples/base/ui/skeleton" +import { Skeleton } from "@/styles/base-nova/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 1576fcf62a..90906cf24e 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 "@/examples/base/ui/card" -import { Skeleton } from "@/examples/base/ui/skeleton" +import { Card, CardContent, CardHeader } from "@/styles/base-nova/ui/card" +import { Skeleton } from "@/styles/base-nova/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 c91e55aaf5..d0a00a409a 100644 --- a/apps/v4/examples/base/skeleton-demo.tsx +++ b/apps/v4/examples/base/skeleton-demo.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/examples/base/ui/skeleton" +import { Skeleton } from "@/styles/base-nova/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 cbaeca5087..90a4be56ac 100644 --- a/apps/v4/examples/base/skeleton-form.tsx +++ b/apps/v4/examples/base/skeleton-form.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/examples/base/ui/skeleton" +import { Skeleton } from "@/styles/base-nova/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 16207d7525..a278081d9b 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 12e855ae58..28a14ab89d 100644 --- a/apps/v4/examples/base/skeleton-table.tsx +++ b/apps/v4/examples/base/skeleton-table.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/examples/base/ui/skeleton" +import { Skeleton } from "@/styles/base-nova/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 3d6f0c40a8..3b6435e251 100644 --- a/apps/v4/examples/base/skeleton-text.tsx +++ b/apps/v4/examples/base/skeleton-text.tsx @@ -1,4 +1,4 @@ -import { Skeleton } from "@/examples/base/ui/skeleton" +import { Skeleton } from "@/styles/base-nova/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 c71c0751c6..d1b7e29861 100644 --- a/apps/v4/examples/base/slider-controlled.tsx +++ b/apps/v4/examples/base/slider-controlled.tsx @@ -1,8 +1,9 @@ "use client" import * as React from "react" -import { Label } from "@/examples/base/ui/label" -import { Slider } from "@/examples/base/ui/slider" + +import { Label } from "@/styles/base-nova/ui/label" +import { Slider } from "@/styles/base-nova/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 d68c5950ae..1cfa277853 100644 --- a/apps/v4/examples/base/slider-demo.tsx +++ b/apps/v4/examples/base/slider-demo.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/examples/base/ui/slider" +import { Slider } from "@/styles/base-nova/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 4f5611e59c..d107f9619e 100644 --- a/apps/v4/examples/base/slider-disabled.tsx +++ b/apps/v4/examples/base/slider-disabled.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/examples/base/ui/slider" +import { Slider } from "@/styles/base-nova/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 4581e1e240..7bbc8f94da 100644 --- a/apps/v4/examples/base/slider-multiple.tsx +++ b/apps/v4/examples/base/slider-multiple.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/examples/base/ui/slider" +import { Slider } from "@/styles/base-nova/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 2db8f3fd51..6210e49789 100644 --- a/apps/v4/examples/base/slider-range.tsx +++ b/apps/v4/examples/base/slider-range.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/examples/base/ui/slider" +import { Slider } from "@/styles/base-nova/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 83e2508045..dd6f147315 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 cccf18f05e..7efd57c636 100644 --- a/apps/v4/examples/base/slider-vertical.tsx +++ b/apps/v4/examples/base/slider-vertical.tsx @@ -1,4 +1,4 @@ -import { Slider } from "@/examples/base/ui/slider" +import { Slider } from "@/styles/base-nova/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 c042261093..b45c7b9ac4 100644 --- a/apps/v4/examples/base/sonner-demo.tsx +++ b/apps/v4/examples/base/sonner-demo.tsx @@ -1,8 +1,9 @@ "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 (