From 5c09e0d8fa41b80645d26738c582ab2c3737b642 Mon Sep 17 00:00:00 2001 From: shadcn Date: Tue, 3 Feb 2026 16:41:44 +0400 Subject: [PATCH] chore: update canonical classes across styles --- apps/v4/app/(create)/components/picker.tsx | 10 +- apps/v4/examples/base/ui-rtl/accordion.tsx | 2 +- apps/v4/examples/base/ui-rtl/breadcrumb.tsx | 2 +- apps/v4/examples/base/ui-rtl/button-group.tsx | 8 +- apps/v4/examples/base/ui-rtl/button.tsx | 2 +- apps/v4/examples/base/ui-rtl/calendar.tsx | 6 +- apps/v4/examples/base/ui-rtl/chart.tsx | 2 +- apps/v4/examples/base/ui-rtl/checkbox.tsx | 2 +- apps/v4/examples/base/ui-rtl/combobox.tsx | 4 +- apps/v4/examples/base/ui-rtl/command.tsx | 6 +- apps/v4/examples/base/ui-rtl/context-menu.tsx | 22 ++- .../v4/examples/base/ui-rtl/dropdown-menu.tsx | 22 ++- apps/v4/examples/base/ui-rtl/field.tsx | 12 +- apps/v4/examples/base/ui-rtl/input-group.tsx | 2 +- apps/v4/examples/base/ui-rtl/input-otp.tsx | 4 +- apps/v4/examples/base/ui-rtl/input.tsx | 2 +- apps/v4/examples/base/ui-rtl/item.tsx | 6 +- apps/v4/examples/base/ui-rtl/kbd.tsx | 2 +- apps/v4/examples/base/ui-rtl/menubar.tsx | 26 ++- .../v4/examples/base/ui-rtl/native-select.tsx | 2 +- .../examples/base/ui-rtl/navigation-menu.tsx | 14 +- apps/v4/examples/base/ui-rtl/radio-group.tsx | 2 +- apps/v4/examples/base/ui-rtl/select.tsx | 4 +- apps/v4/examples/base/ui-rtl/separator.tsx | 2 +- apps/v4/examples/base/ui-rtl/slider.tsx | 2 +- apps/v4/examples/base/ui-rtl/switch.tsx | 2 +- apps/v4/examples/base/ui-rtl/tabs.tsx | 8 +- apps/v4/examples/base/ui-rtl/textarea.tsx | 2 +- apps/v4/examples/base/ui-rtl/toggle-group.tsx | 2 +- apps/v4/examples/base/ui-rtl/tooltip.tsx | 2 +- apps/v4/examples/base/ui/accordion.tsx | 2 +- apps/v4/examples/base/ui/breadcrumb.tsx | 2 +- apps/v4/examples/base/ui/button-group.tsx | 8 +- apps/v4/examples/base/ui/button.tsx | 2 +- apps/v4/examples/base/ui/calendar.tsx | 6 +- apps/v4/examples/base/ui/chart.tsx | 2 +- apps/v4/examples/base/ui/checkbox.tsx | 2 +- apps/v4/examples/base/ui/combobox.tsx | 4 +- apps/v4/examples/base/ui/command.tsx | 6 +- apps/v4/examples/base/ui/context-menu.tsx | 22 ++- apps/v4/examples/base/ui/dropdown-menu.tsx | 22 ++- apps/v4/examples/base/ui/field.tsx | 12 +- apps/v4/examples/base/ui/input-group.tsx | 2 +- apps/v4/examples/base/ui/input-otp.tsx | 4 +- apps/v4/examples/base/ui/input.tsx | 2 +- apps/v4/examples/base/ui/item.tsx | 6 +- apps/v4/examples/base/ui/kbd.tsx | 2 +- apps/v4/examples/base/ui/menubar.tsx | 26 ++- apps/v4/examples/base/ui/native-select.tsx | 2 +- apps/v4/examples/base/ui/navigation-menu.tsx | 14 +- apps/v4/examples/base/ui/radio-group.tsx | 2 +- apps/v4/examples/base/ui/select.tsx | 4 +- apps/v4/examples/base/ui/separator.tsx | 2 +- apps/v4/examples/base/ui/slider.tsx | 2 +- apps/v4/examples/base/ui/switch.tsx | 2 +- apps/v4/examples/base/ui/tabs.tsx | 8 +- apps/v4/examples/base/ui/textarea.tsx | 2 +- apps/v4/examples/base/ui/toggle-group.tsx | 2 +- apps/v4/examples/base/ui/tooltip.tsx | 2 +- apps/v4/examples/radix/ui-rtl/accordion.tsx | 2 +- apps/v4/examples/radix/ui-rtl/breadcrumb.tsx | 2 +- .../v4/examples/radix/ui-rtl/button-group.tsx | 2 +- apps/v4/examples/radix/ui-rtl/button.tsx | 2 +- apps/v4/examples/radix/ui-rtl/calendar.tsx | 6 +- apps/v4/examples/radix/ui-rtl/chart.tsx | 2 +- apps/v4/examples/radix/ui-rtl/checkbox.tsx | 2 +- apps/v4/examples/radix/ui-rtl/combobox.tsx | 4 +- apps/v4/examples/radix/ui-rtl/command.tsx | 6 +- .../v4/examples/radix/ui-rtl/context-menu.tsx | 22 ++- .../examples/radix/ui-rtl/dropdown-menu.tsx | 22 ++- apps/v4/examples/radix/ui-rtl/field.tsx | 12 +- apps/v4/examples/radix/ui-rtl/input-group.tsx | 2 +- apps/v4/examples/radix/ui-rtl/input-otp.tsx | 4 +- apps/v4/examples/radix/ui-rtl/input.tsx | 2 +- apps/v4/examples/radix/ui-rtl/item.tsx | 6 +- apps/v4/examples/radix/ui-rtl/kbd.tsx | 2 +- apps/v4/examples/radix/ui-rtl/menubar.tsx | 22 ++- .../examples/radix/ui-rtl/native-select.tsx | 2 +- .../examples/radix/ui-rtl/navigation-menu.tsx | 10 +- apps/v4/examples/radix/ui-rtl/radio-group.tsx | 2 +- apps/v4/examples/radix/ui-rtl/select.tsx | 6 +- apps/v4/examples/radix/ui-rtl/separator.tsx | 2 +- apps/v4/examples/radix/ui-rtl/slider.tsx | 2 +- apps/v4/examples/radix/ui-rtl/switch.tsx | 2 +- apps/v4/examples/radix/ui-rtl/tabs.tsx | 8 +- apps/v4/examples/radix/ui-rtl/textarea.tsx | 2 +- .../v4/examples/radix/ui-rtl/toggle-group.tsx | 2 +- apps/v4/examples/radix/ui-rtl/tooltip.tsx | 2 +- apps/v4/examples/radix/ui/accordion.tsx | 2 +- apps/v4/examples/radix/ui/breadcrumb.tsx | 2 +- apps/v4/examples/radix/ui/button-group.tsx | 2 +- apps/v4/examples/radix/ui/button.tsx | 2 +- apps/v4/examples/radix/ui/calendar.tsx | 6 +- apps/v4/examples/radix/ui/chart.tsx | 2 +- apps/v4/examples/radix/ui/checkbox.tsx | 2 +- apps/v4/examples/radix/ui/combobox.tsx | 4 +- apps/v4/examples/radix/ui/command.tsx | 6 +- apps/v4/examples/radix/ui/context-menu.tsx | 22 ++- apps/v4/examples/radix/ui/dropdown-menu.tsx | 22 ++- apps/v4/examples/radix/ui/field.tsx | 12 +- apps/v4/examples/radix/ui/input-group.tsx | 2 +- apps/v4/examples/radix/ui/input-otp.tsx | 4 +- apps/v4/examples/radix/ui/input.tsx | 2 +- apps/v4/examples/radix/ui/item.tsx | 6 +- apps/v4/examples/radix/ui/kbd.tsx | 2 +- apps/v4/examples/radix/ui/menubar.tsx | 22 ++- apps/v4/examples/radix/ui/native-select.tsx | 2 +- apps/v4/examples/radix/ui/navigation-menu.tsx | 10 +- apps/v4/examples/radix/ui/radio-group.tsx | 2 +- apps/v4/examples/radix/ui/select.tsx | 6 +- apps/v4/examples/radix/ui/separator.tsx | 2 +- apps/v4/examples/radix/ui/slider.tsx | 2 +- apps/v4/examples/radix/ui/switch.tsx | 2 +- apps/v4/examples/radix/ui/tabs.tsx | 8 +- apps/v4/examples/radix/ui/textarea.tsx | 2 +- apps/v4/examples/radix/ui/toggle-group.tsx | 2 +- apps/v4/examples/radix/ui/tooltip.tsx | 2 +- .../public/r/styles/base-lyra/breadcrumb.json | 2 +- .../r/styles/base-lyra/button-group.json | 2 +- .../r/styles/base-lyra/calendar-example.json | 2 +- .../public/r/styles/base-lyra/calendar.json | 2 +- apps/v4/public/r/styles/base-lyra/chart.json | 2 +- .../r/styles/base-lyra/combobox-example.json | 2 +- .../public/r/styles/base-lyra/combobox.json | 2 +- .../r/styles/base-lyra/command-example.json | 2 +- .../v4/public/r/styles/base-lyra/command.json | 2 +- .../base-lyra/context-menu-example.json | 2 +- .../r/styles/base-lyra/context-menu.json | 2 +- .../base-lyra/dropdown-menu-example.json | 2 +- .../r/styles/base-lyra/dropdown-menu.json | 2 +- .../r/styles/base-lyra/field-example.json | 2 +- apps/v4/public/r/styles/base-lyra/field.json | 2 +- .../r/styles/base-lyra/input-group.json | 2 +- apps/v4/public/r/styles/base-lyra/item.json | 2 +- apps/v4/public/r/styles/base-lyra/kbd.json | 2 +- .../r/styles/base-lyra/menubar-example.json | 2 +- .../v4/public/r/styles/base-lyra/menubar.json | 2 +- .../r/styles/base-lyra/navigation-menu.json | 2 +- .../public/r/styles/base-lyra/resizable.json | 2 +- apps/v4/public/r/styles/base-lyra/select.json | 2 +- .../public/r/styles/base-lyra/separator.json | 2 +- apps/v4/public/r/styles/base-lyra/tabs.json | 2 +- .../r/styles/base-lyra/toggle-group.json | 2 +- .../v4/public/r/styles/base-lyra/tooltip.json | 2 +- .../public/r/styles/base-maia/breadcrumb.json | 2 +- .../r/styles/base-maia/button-group.json | 2 +- .../r/styles/base-maia/calendar-example.json | 2 +- .../public/r/styles/base-maia/calendar.json | 2 +- apps/v4/public/r/styles/base-maia/chart.json | 2 +- .../r/styles/base-maia/combobox-example.json | 2 +- .../public/r/styles/base-maia/combobox.json | 2 +- .../r/styles/base-maia/command-example.json | 2 +- .../v4/public/r/styles/base-maia/command.json | 2 +- .../base-maia/context-menu-example.json | 2 +- .../r/styles/base-maia/context-menu.json | 2 +- .../base-maia/dropdown-menu-example.json | 2 +- .../r/styles/base-maia/dropdown-menu.json | 2 +- .../r/styles/base-maia/field-example.json | 2 +- apps/v4/public/r/styles/base-maia/field.json | 2 +- .../r/styles/base-maia/input-group.json | 2 +- apps/v4/public/r/styles/base-maia/item.json | 2 +- apps/v4/public/r/styles/base-maia/kbd.json | 2 +- .../r/styles/base-maia/menubar-example.json | 2 +- .../v4/public/r/styles/base-maia/menubar.json | 2 +- .../r/styles/base-maia/navigation-menu.json | 2 +- .../public/r/styles/base-maia/resizable.json | 2 +- apps/v4/public/r/styles/base-maia/select.json | 2 +- .../public/r/styles/base-maia/separator.json | 2 +- apps/v4/public/r/styles/base-maia/tabs.json | 2 +- .../r/styles/base-maia/toggle-group.json | 2 +- .../v4/public/r/styles/base-maia/tooltip.json | 2 +- .../public/r/styles/base-mira/breadcrumb.json | 2 +- .../r/styles/base-mira/button-group.json | 2 +- apps/v4/public/r/styles/base-mira/button.json | 2 +- .../r/styles/base-mira/calendar-example.json | 2 +- .../public/r/styles/base-mira/calendar.json | 2 +- apps/v4/public/r/styles/base-mira/chart.json | 2 +- .../public/r/styles/base-mira/checkbox.json | 2 +- .../r/styles/base-mira/combobox-example.json | 2 +- .../public/r/styles/base-mira/combobox.json | 2 +- .../r/styles/base-mira/command-example.json | 2 +- .../v4/public/r/styles/base-mira/command.json | 2 +- .../base-mira/context-menu-example.json | 2 +- .../r/styles/base-mira/context-menu.json | 2 +- .../base-mira/dropdown-menu-example.json | 2 +- .../r/styles/base-mira/dropdown-menu.json | 2 +- .../r/styles/base-mira/field-example.json | 2 +- apps/v4/public/r/styles/base-mira/field.json | 2 +- .../r/styles/base-mira/input-group.json | 2 +- .../public/r/styles/base-mira/input-otp.json | 2 +- apps/v4/public/r/styles/base-mira/input.json | 2 +- apps/v4/public/r/styles/base-mira/item.json | 2 +- apps/v4/public/r/styles/base-mira/kbd.json | 2 +- .../r/styles/base-mira/menubar-example.json | 2 +- .../v4/public/r/styles/base-mira/menubar.json | 2 +- .../r/styles/base-mira/native-select.json | 2 +- .../r/styles/base-mira/navigation-menu.json | 2 +- .../r/styles/base-mira/radio-group.json | 2 +- .../public/r/styles/base-mira/resizable.json | 2 +- apps/v4/public/r/styles/base-mira/select.json | 2 +- .../public/r/styles/base-mira/separator.json | 2 +- apps/v4/public/r/styles/base-mira/switch.json | 2 +- apps/v4/public/r/styles/base-mira/tabs.json | 2 +- .../public/r/styles/base-mira/textarea.json | 2 +- .../r/styles/base-mira/toggle-group.json | 2 +- .../v4/public/r/styles/base-mira/tooltip.json | 2 +- .../public/r/styles/base-nova/accordion.json | 2 +- .../public/r/styles/base-nova/breadcrumb.json | 2 +- .../r/styles/base-nova/button-group.json | 2 +- apps/v4/public/r/styles/base-nova/button.json | 2 +- .../r/styles/base-nova/calendar-example.json | 2 +- .../public/r/styles/base-nova/calendar.json | 2 +- apps/v4/public/r/styles/base-nova/chart.json | 2 +- .../public/r/styles/base-nova/checkbox.json | 2 +- .../r/styles/base-nova/combobox-example.json | 2 +- .../public/r/styles/base-nova/combobox.json | 2 +- .../r/styles/base-nova/command-example.json | 2 +- .../v4/public/r/styles/base-nova/command.json | 2 +- .../base-nova/context-menu-example.json | 2 +- .../r/styles/base-nova/context-menu.json | 2 +- .../base-nova/dropdown-menu-example.json | 2 +- .../r/styles/base-nova/dropdown-menu.json | 2 +- .../r/styles/base-nova/field-example.json | 2 +- apps/v4/public/r/styles/base-nova/field.json | 2 +- .../r/styles/base-nova/input-group.json | 2 +- .../public/r/styles/base-nova/input-otp.json | 2 +- apps/v4/public/r/styles/base-nova/input.json | 2 +- apps/v4/public/r/styles/base-nova/item.json | 2 +- apps/v4/public/r/styles/base-nova/kbd.json | 2 +- .../r/styles/base-nova/menubar-example.json | 2 +- .../v4/public/r/styles/base-nova/menubar.json | 2 +- .../r/styles/base-nova/native-select.json | 2 +- .../r/styles/base-nova/navigation-menu.json | 2 +- .../r/styles/base-nova/radio-group.json | 2 +- .../public/r/styles/base-nova/resizable.json | 2 +- apps/v4/public/r/styles/base-nova/select.json | 2 +- .../public/r/styles/base-nova/separator.json | 2 +- apps/v4/public/r/styles/base-nova/slider.json | 2 +- apps/v4/public/r/styles/base-nova/switch.json | 2 +- apps/v4/public/r/styles/base-nova/tabs.json | 2 +- .../public/r/styles/base-nova/textarea.json | 2 +- .../r/styles/base-nova/toggle-group.json | 2 +- .../v4/public/r/styles/base-nova/tooltip.json | 2 +- .../public/r/styles/base-vega/accordion.json | 2 +- .../public/r/styles/base-vega/breadcrumb.json | 2 +- .../r/styles/base-vega/button-group.json | 2 +- apps/v4/public/r/styles/base-vega/button.json | 2 +- .../r/styles/base-vega/calendar-example.json | 2 +- .../public/r/styles/base-vega/calendar.json | 2 +- apps/v4/public/r/styles/base-vega/chart.json | 2 +- .../public/r/styles/base-vega/checkbox.json | 2 +- .../r/styles/base-vega/combobox-example.json | 2 +- .../public/r/styles/base-vega/combobox.json | 2 +- .../r/styles/base-vega/command-example.json | 2 +- .../v4/public/r/styles/base-vega/command.json | 2 +- .../base-vega/context-menu-example.json | 2 +- .../r/styles/base-vega/context-menu.json | 2 +- .../base-vega/dropdown-menu-example.json | 2 +- .../r/styles/base-vega/dropdown-menu.json | 2 +- .../r/styles/base-vega/field-example.json | 2 +- apps/v4/public/r/styles/base-vega/field.json | 2 +- .../r/styles/base-vega/input-group.json | 2 +- .../public/r/styles/base-vega/input-otp.json | 2 +- apps/v4/public/r/styles/base-vega/input.json | 2 +- apps/v4/public/r/styles/base-vega/item.json | 2 +- apps/v4/public/r/styles/base-vega/kbd.json | 2 +- .../r/styles/base-vega/menubar-example.json | 2 +- .../v4/public/r/styles/base-vega/menubar.json | 2 +- .../r/styles/base-vega/native-select.json | 2 +- .../r/styles/base-vega/navigation-menu.json | 2 +- .../r/styles/base-vega/radio-group.json | 2 +- .../public/r/styles/base-vega/resizable.json | 2 +- apps/v4/public/r/styles/base-vega/select.json | 2 +- .../public/r/styles/base-vega/separator.json | 2 +- apps/v4/public/r/styles/base-vega/switch.json | 2 +- apps/v4/public/r/styles/base-vega/tabs.json | 2 +- .../public/r/styles/base-vega/textarea.json | 2 +- .../r/styles/base-vega/toggle-group.json | 2 +- .../v4/public/r/styles/base-vega/tooltip.json | 2 +- .../r/styles/radix-lyra/breadcrumb.json | 2 +- .../r/styles/radix-lyra/button-group.json | 2 +- .../r/styles/radix-lyra/calendar-example.json | 2 +- .../public/r/styles/radix-lyra/calendar.json | 2 +- apps/v4/public/r/styles/radix-lyra/chart.json | 2 +- .../r/styles/radix-lyra/combobox-example.json | 2 +- .../public/r/styles/radix-lyra/combobox.json | 2 +- .../r/styles/radix-lyra/command-example.json | 2 +- .../public/r/styles/radix-lyra/command.json | 2 +- .../radix-lyra/context-menu-example.json | 2 +- .../r/styles/radix-lyra/context-menu.json | 2 +- .../radix-lyra/dropdown-menu-example.json | 2 +- .../r/styles/radix-lyra/dropdown-menu.json | 2 +- .../r/styles/radix-lyra/field-example.json | 2 +- apps/v4/public/r/styles/radix-lyra/field.json | 2 +- .../r/styles/radix-lyra/input-group.json | 2 +- apps/v4/public/r/styles/radix-lyra/item.json | 2 +- apps/v4/public/r/styles/radix-lyra/kbd.json | 2 +- .../r/styles/radix-lyra/menubar-example.json | 2 +- .../public/r/styles/radix-lyra/menubar.json | 2 +- .../r/styles/radix-lyra/navigation-menu.json | 2 +- .../public/r/styles/radix-lyra/resizable.json | 2 +- .../v4/public/r/styles/radix-lyra/select.json | 2 +- .../public/r/styles/radix-lyra/separator.json | 2 +- apps/v4/public/r/styles/radix-lyra/tabs.json | 2 +- .../r/styles/radix-lyra/toggle-group.json | 2 +- .../public/r/styles/radix-lyra/tooltip.json | 2 +- .../r/styles/radix-maia/breadcrumb.json | 2 +- .../r/styles/radix-maia/button-group.json | 2 +- .../r/styles/radix-maia/calendar-example.json | 2 +- .../public/r/styles/radix-maia/calendar.json | 2 +- apps/v4/public/r/styles/radix-maia/chart.json | 2 +- .../r/styles/radix-maia/combobox-example.json | 2 +- .../public/r/styles/radix-maia/combobox.json | 2 +- .../r/styles/radix-maia/command-example.json | 2 +- .../public/r/styles/radix-maia/command.json | 2 +- .../radix-maia/context-menu-example.json | 2 +- .../r/styles/radix-maia/context-menu.json | 2 +- .../radix-maia/dropdown-menu-example.json | 2 +- .../r/styles/radix-maia/dropdown-menu.json | 2 +- .../r/styles/radix-maia/field-example.json | 2 +- apps/v4/public/r/styles/radix-maia/field.json | 2 +- .../r/styles/radix-maia/input-group.json | 2 +- apps/v4/public/r/styles/radix-maia/item.json | 2 +- apps/v4/public/r/styles/radix-maia/kbd.json | 2 +- .../r/styles/radix-maia/menubar-example.json | 2 +- .../public/r/styles/radix-maia/menubar.json | 2 +- .../r/styles/radix-maia/navigation-menu.json | 2 +- .../public/r/styles/radix-maia/resizable.json | 2 +- .../v4/public/r/styles/radix-maia/select.json | 2 +- .../public/r/styles/radix-maia/separator.json | 2 +- apps/v4/public/r/styles/radix-maia/tabs.json | 2 +- .../r/styles/radix-maia/toggle-group.json | 2 +- .../public/r/styles/radix-maia/tooltip.json | 2 +- .../r/styles/radix-mira/breadcrumb.json | 2 +- .../r/styles/radix-mira/button-group.json | 2 +- .../v4/public/r/styles/radix-mira/button.json | 2 +- .../r/styles/radix-mira/calendar-example.json | 2 +- .../public/r/styles/radix-mira/calendar.json | 2 +- apps/v4/public/r/styles/radix-mira/chart.json | 2 +- .../public/r/styles/radix-mira/checkbox.json | 2 +- .../r/styles/radix-mira/combobox-example.json | 2 +- .../public/r/styles/radix-mira/combobox.json | 2 +- .../r/styles/radix-mira/command-example.json | 2 +- .../public/r/styles/radix-mira/command.json | 2 +- .../radix-mira/context-menu-example.json | 2 +- .../r/styles/radix-mira/context-menu.json | 2 +- .../radix-mira/dropdown-menu-example.json | 2 +- .../r/styles/radix-mira/dropdown-menu.json | 2 +- .../r/styles/radix-mira/field-example.json | 2 +- apps/v4/public/r/styles/radix-mira/field.json | 2 +- .../r/styles/radix-mira/input-group.json | 2 +- .../public/r/styles/radix-mira/input-otp.json | 2 +- apps/v4/public/r/styles/radix-mira/input.json | 2 +- apps/v4/public/r/styles/radix-mira/item.json | 2 +- apps/v4/public/r/styles/radix-mira/kbd.json | 2 +- .../r/styles/radix-mira/menubar-example.json | 2 +- .../public/r/styles/radix-mira/menubar.json | 2 +- .../r/styles/radix-mira/native-select.json | 2 +- .../r/styles/radix-mira/navigation-menu.json | 2 +- .../r/styles/radix-mira/radio-group.json | 2 +- .../public/r/styles/radix-mira/resizable.json | 2 +- .../v4/public/r/styles/radix-mira/select.json | 2 +- .../public/r/styles/radix-mira/separator.json | 2 +- .../v4/public/r/styles/radix-mira/switch.json | 2 +- apps/v4/public/r/styles/radix-mira/tabs.json | 2 +- .../public/r/styles/radix-mira/textarea.json | 2 +- .../r/styles/radix-mira/toggle-group.json | 2 +- .../public/r/styles/radix-mira/tooltip.json | 2 +- .../public/r/styles/radix-nova/accordion.json | 2 +- .../r/styles/radix-nova/breadcrumb.json | 2 +- .../r/styles/radix-nova/button-group.json | 2 +- .../v4/public/r/styles/radix-nova/button.json | 2 +- .../r/styles/radix-nova/calendar-example.json | 2 +- .../public/r/styles/radix-nova/calendar.json | 2 +- apps/v4/public/r/styles/radix-nova/chart.json | 2 +- .../public/r/styles/radix-nova/checkbox.json | 2 +- .../r/styles/radix-nova/combobox-example.json | 2 +- .../public/r/styles/radix-nova/combobox.json | 2 +- .../r/styles/radix-nova/command-example.json | 2 +- .../public/r/styles/radix-nova/command.json | 2 +- .../radix-nova/context-menu-example.json | 2 +- .../r/styles/radix-nova/context-menu.json | 2 +- .../radix-nova/dropdown-menu-example.json | 2 +- .../r/styles/radix-nova/dropdown-menu.json | 2 +- .../r/styles/radix-nova/field-example.json | 2 +- apps/v4/public/r/styles/radix-nova/field.json | 2 +- .../r/styles/radix-nova/input-group.json | 2 +- .../public/r/styles/radix-nova/input-otp.json | 2 +- apps/v4/public/r/styles/radix-nova/input.json | 2 +- apps/v4/public/r/styles/radix-nova/item.json | 2 +- apps/v4/public/r/styles/radix-nova/kbd.json | 2 +- .../r/styles/radix-nova/menubar-example.json | 2 +- .../public/r/styles/radix-nova/menubar.json | 2 +- .../r/styles/radix-nova/native-select.json | 2 +- .../r/styles/radix-nova/navigation-menu.json | 2 +- .../r/styles/radix-nova/radio-group.json | 2 +- .../public/r/styles/radix-nova/resizable.json | 2 +- .../v4/public/r/styles/radix-nova/select.json | 2 +- .../public/r/styles/radix-nova/separator.json | 2 +- .../v4/public/r/styles/radix-nova/slider.json | 2 +- .../v4/public/r/styles/radix-nova/switch.json | 2 +- apps/v4/public/r/styles/radix-nova/tabs.json | 2 +- .../public/r/styles/radix-nova/textarea.json | 2 +- .../r/styles/radix-nova/toggle-group.json | 2 +- .../public/r/styles/radix-nova/tooltip.json | 2 +- .../public/r/styles/radix-vega/accordion.json | 2 +- .../r/styles/radix-vega/breadcrumb.json | 2 +- .../r/styles/radix-vega/button-group.json | 2 +- .../v4/public/r/styles/radix-vega/button.json | 2 +- .../r/styles/radix-vega/calendar-example.json | 2 +- .../public/r/styles/radix-vega/calendar.json | 2 +- apps/v4/public/r/styles/radix-vega/chart.json | 2 +- .../public/r/styles/radix-vega/checkbox.json | 2 +- .../r/styles/radix-vega/combobox-example.json | 2 +- .../public/r/styles/radix-vega/combobox.json | 2 +- .../r/styles/radix-vega/command-example.json | 2 +- .../public/r/styles/radix-vega/command.json | 2 +- .../radix-vega/context-menu-example.json | 2 +- .../r/styles/radix-vega/context-menu.json | 2 +- .../radix-vega/dropdown-menu-example.json | 2 +- .../r/styles/radix-vega/dropdown-menu.json | 2 +- .../r/styles/radix-vega/field-example.json | 2 +- apps/v4/public/r/styles/radix-vega/field.json | 2 +- .../r/styles/radix-vega/input-group.json | 2 +- .../public/r/styles/radix-vega/input-otp.json | 2 +- apps/v4/public/r/styles/radix-vega/input.json | 2 +- apps/v4/public/r/styles/radix-vega/item.json | 2 +- apps/v4/public/r/styles/radix-vega/kbd.json | 2 +- .../r/styles/radix-vega/menubar-example.json | 2 +- .../public/r/styles/radix-vega/menubar.json | 2 +- .../r/styles/radix-vega/native-select.json | 2 +- .../r/styles/radix-vega/navigation-menu.json | 2 +- .../r/styles/radix-vega/radio-group.json | 2 +- .../public/r/styles/radix-vega/resizable.json | 2 +- .../v4/public/r/styles/radix-vega/select.json | 2 +- .../public/r/styles/radix-vega/separator.json | 2 +- .../v4/public/r/styles/radix-vega/switch.json | 2 +- apps/v4/public/r/styles/radix-vega/tabs.json | 2 +- .../public/r/styles/radix-vega/textarea.json | 2 +- .../r/styles/radix-vega/toggle-group.json | 2 +- .../public/r/styles/radix-vega/tooltip.json | 2 +- .../bases/base/examples/command-example.tsx | 153 +++++++++--------- .../bases/base/ui/navigation-menu.tsx | 2 +- .../bases/radix/examples/command-example.tsx | 153 +++++++++--------- apps/v4/registry/bases/radix/ui/chart.tsx | 23 ++- apps/v4/registry/bases/radix/ui/select.tsx | 2 +- apps/v4/registry/styles/style-lyra.css | 58 +++---- apps/v4/registry/styles/style-maia.css | 64 ++++---- apps/v4/registry/styles/style-mira.css | 82 +++++----- apps/v4/registry/styles/style-nova.css | 86 +++++----- apps/v4/registry/styles/style-vega.css | 80 ++++----- 451 files changed, 1070 insertions(+), 963 deletions(-) diff --git a/apps/v4/app/(create)/components/picker.tsx b/apps/v4/app/(create)/components/picker.tsx index 1a4e7e009b..a8563110a2 100644 --- a/apps/v4/app/(create)/components/picker.tsx +++ b/apps/v4/app/(create)/components/picker.tsx @@ -80,7 +80,7 @@ function PickerLabel({ data-slot="dropdown-menu-label" data-inset={inset} className={cn( - "text-muted-foreground px-2 py-1.5 text-xs font-medium data-[inset]:pl-8", + "text-muted-foreground px-2 py-1.5 text-xs font-medium data-inset:pl-8", className )} {...props} @@ -103,7 +103,7 @@ function PickerItem({ data-inset={inset} data-variant={variant} className={cn( - "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:pl-8 pointer-coarse:py-2.5 pointer-coarse:pl-3 pointer-coarse:text-base [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive not-data-[variant=destructive]:focus:**:text-accent-foreground group/dropdown-menu-item relative flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:pl-8 pointer-coarse:py-2.5 pointer-coarse:pl-3 pointer-coarse:text-base [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className )} {...props} @@ -128,7 +128,7 @@ function PickerSubTrigger({ data-slot="dropdown-menu-sub-trigger" data-inset={inset} className={cn( - "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-[inset]:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground not-data-[variant=destructive]:focus:**:text-accent-foreground flex cursor-default items-center gap-2 rounded-sm px-2 py-1.5 text-sm outline-hidden select-none data-inset:pl-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className )} {...props} @@ -180,7 +180,7 @@ function PickerCheckboxItem({ ) {
    [data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-lg flex w-fit items-stretch [&>*]:focus-visible:z-10 [&>*]:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", + "has-[>[data-slot=button-group]]:gap-2 has-[select[aria-hidden=true]:last-child]:[&>[data-slot=select-trigger]:last-of-type]:rounded-e-lg flex w-fit items-stretch *:focus-visible:z-10 *:focus-visible:relative [&>[data-slot=select-trigger]:not([class*='w-'])]:w-fit [&>input]:flex-1", { variants: { orientation: { horizontal: - "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg! [&>[data-slot]~[data-slot]]:rounded-s-none [&>[data-slot]~[data-slot]]:border-s-0 [&>[data-slot]]:rounded-e-none", + "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-e-lg! [&>[data-slot]~[data-slot]]:rounded-s-none [&>[data-slot]~[data-slot]]:border-s-0 *:data-slot:rounded-e-none", vertical: - "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 [&>[data-slot]]:rounded-b-none", + "[&>[data-slot]:not(:has(~[data-slot]))]:rounded-b-lg! flex-col [&>[data-slot]~[data-slot]]:rounded-t-none [&>[data-slot]~[data-slot]]:border-t-0 *:data-slot:rounded-b-none", }, }, defaultVariants: { @@ -70,7 +70,7 @@ function ButtonGroupSeparator({ data-slot="button-group-separator" orientation={orientation} className={cn( - "bg-input relative self-stretch data-[orientation=horizontal]:mx-px data-[orientation=horizontal]:w-auto data-[orientation=vertical]:my-px data-[orientation=vertical]:h-auto", + "bg-input relative self-stretch data-horizontal:mx-px data-horizontal:w-auto data-vertical:my-px data-vertical:h-auto", className )} {...props} diff --git a/apps/v4/examples/base/ui-rtl/button.tsx b/apps/v4/examples/base/ui-rtl/button.tsx index 3f60035167..7348869c09 100644 --- a/apps/v4/examples/base/ui-rtl/button.tsx +++ b/apps/v4/examples/base/ui-rtl/button.tsx @@ -5,7 +5,7 @@ import { Button as ButtonPrimitive } from "@base-ui/react/button" import { cva, type VariantProps } from "class-variance-authority" const buttonVariants = cva( - "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-[3px] aria-invalid:ring-[3px] [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", + "focus-visible:border-ring focus-visible:ring-ring/50 aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive dark:aria-invalid:border-destructive/50 rounded-lg border border-transparent bg-clip-padding text-sm font-medium focus-visible:ring-3 aria-invalid:ring-3 [&_svg:not([class*='size-'])]:size-4 inline-flex items-center justify-center whitespace-nowrap transition-all disabled:pointer-events-none disabled:opacity-50 [&_svg]:pointer-events-none shrink-0 [&_svg]:shrink-0 outline-none group/button select-none", { variants: { variant: { diff --git a/apps/v4/examples/base/ui-rtl/calendar.tsx b/apps/v4/examples/base/ui-rtl/calendar.tsx index 4ce08f09fb..5186c9496e 100644 --- a/apps/v4/examples/base/ui-rtl/calendar.tsx +++ b/apps/v4/examples/base/ui-rtl/calendar.tsx @@ -31,7 +31,7 @@ function Calendar({ svg]:rotate-180`, String.raw`rtl:**:[.rdp-button\_previous>svg]:rotate-180`, className @@ -110,12 +110,12 @@ function Calendar({ defaultClassNames.day ), range_start: cn( - "rounded-s-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:end-0 -z-0 isolate", + "rounded-s-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:end-0 z-0 isolate", defaultClassNames.range_start ), range_middle: cn("rounded-none", defaultClassNames.range_middle), range_end: cn( - "rounded-e-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:start-0 -z-0 isolate", + "rounded-e-(--cell-radius) bg-muted relative after:bg-muted after:absolute after:inset-y-0 after:w-4 after:start-0 z-0 isolate", defaultClassNames.range_end ), today: cn( diff --git a/apps/v4/examples/base/ui-rtl/chart.tsx b/apps/v4/examples/base/ui-rtl/chart.tsx index 35feff3fa3..bdb6daafe9 100644 --- a/apps/v4/examples/base/ui-rtl/chart.tsx +++ b/apps/v4/examples/base/ui-rtl/chart.tsx @@ -172,7 +172,7 @@ function ChartTooltipContent({ return (
    diff --git a/apps/v4/examples/base/ui-rtl/checkbox.tsx b/apps/v4/examples/base/ui-rtl/checkbox.tsx index ad69f21295..4b86a4c7b8 100644 --- a/apps/v4/examples/base/ui-rtl/checkbox.tsx +++ b/apps/v4/examples/base/ui-rtl/checkbox.tsx @@ -10,7 +10,7 @@ function Checkbox({ className, ...props }: CheckboxPrimitive.Root.Props) { ) diff --git a/apps/v4/examples/base/ui-rtl/context-menu.tsx b/apps/v4/examples/base/ui-rtl/context-menu.tsx index 9d5ca06de5..b7025e9282 100644 --- a/apps/v4/examples/base/ui-rtl/context-menu.tsx +++ b/apps/v4/examples/base/ui-rtl/context-menu.tsx @@ -81,7 +81,7 @@ function ContextMenuLabel({ data-slot="context-menu-label" data-inset={inset} className={cn( - "text-muted-foreground px-1.5 py-1 text-xs font-medium data-[inset]:ps-8", + "text-muted-foreground px-1.5 py-1 text-xs font-medium data-inset:ps-7", className )} {...props} @@ -104,7 +104,7 @@ function ContextMenuItem({ data-inset={inset} data-variant={variant} className={cn( - "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-[inset]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + "focus:bg-accent focus:text-accent-foreground data-[variant=destructive]:text-destructive data-[variant=destructive]:focus:bg-destructive/10 dark:data-[variant=destructive]:focus:bg-destructive/20 data-[variant=destructive]:focus:text-destructive data-[variant=destructive]:*:[svg]:text-destructive focus:*:[svg]:text-accent-foreground group/context-menu-item relative flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-disabled:pointer-events-none data-disabled:opacity-50 data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className )} {...props} @@ -131,7 +131,7 @@ function ContextMenuSubTrigger({ data-slot="context-menu-sub-trigger" data-inset={inset} className={cn( - "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-[inset]:ps-8 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", + "focus:bg-accent focus:text-accent-foreground data-open:bg-accent data-open:text-accent-foreground flex cursor-default items-center gap-1.5 rounded-md px-1.5 py-1 text-sm outline-hidden select-none data-inset:ps-7 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4", className )} {...props} @@ -166,13 +166,17 @@ function ContextMenuCheckboxItem({ className, children, checked, + inset, ...props -}: ContextMenuPrimitive.CheckboxItem.Props) { +}: ContextMenuPrimitive.CheckboxItem.Props & { + inset?: boolean +}) { return ( ) {
    [data-slot=field-group]]:gap-4", + "group/field-group @container/field-group flex w-full flex-col gap-5 data-[slot=checkbox-group]:gap-3 *:data-[slot=field-group]:gap-4", className )} {...props} @@ -55,11 +55,11 @@ const fieldVariants = cva( { variants: { orientation: { - vertical: "flex-col [&>*]:w-full [&>.sr-only]:w-auto", + vertical: "flex-col *:w-full [&>.sr-only]:w-auto", horizontal: - "flex-row items-center [&>[data-slot=field-label]]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px", + "flex-row items-center *:data-[slot=field-label]:flex-auto has-[>[data-slot=field-content]]:items-start has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px", responsive: - "flex-col [&>*]:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:[&>*]:w-auto @md/field-group:[&>[data-slot=field-label]]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px", + "flex-col *:w-full [&>.sr-only]:w-auto @md/field-group:flex-row @md/field-group:items-center @md/field-group:*:w-auto @md/field-group:*:data-[slot=field-label]:flex-auto @md/field-group:has-[>[data-slot=field-content]]:items-start @md/field-group:has-[>[data-slot=field-content]]:[&>[role=checkbox],[role=radio]]:mt-px", }, }, defaultVariants: { @@ -105,7 +105,7 @@ function FieldLabel({