From e27b6838eef3e7cc7e0537e5e33b10abbf0622b6 Mon Sep 17 00:00:00 2001 From: shadcn Date: Fri, 23 Jan 2026 22:12:33 +0400 Subject: [PATCH] fix --- apps/v4/components/component-preview-tabs.tsx | 90 +- apps/v4/components/component-preview.tsx | 17 +- apps/v4/components/language-selector.tsx | 1 + apps/v4/content/docs/(root)/rtl.mdx | 17 +- .../v4/content/docs/components/base/badge.mdx | 6 +- .../content/docs/components/base/button.mdx | 6 +- .../content/docs/components/base/combobox.mdx | 6 +- .../content/docs/components/base/dialog.mdx | 6 +- .../content/docs/components/base/drawer.mdx | 6 +- .../v4/content/docs/components/base/empty.mdx | 6 +- .../v4/content/docs/components/base/field.mdx | 4 - .../docs/components/base/input-otp.mdx | 6 +- apps/v4/content/docs/components/base/item.mdx | 6 +- apps/v4/content/docs/components/base/kbd.mdx | 6 +- .../v4/content/docs/components/base/label.mdx | 6 +- .../content/docs/components/base/menubar.mdx | 6 +- .../docs/components/base/pagination.mdx | 6 +- .../content/docs/components/base/popover.mdx | 6 +- .../content/docs/components/base/progress.mdx | 6 +- .../docs/components/base/resizable.mdx | 6 +- .../content/docs/components/base/select.mdx | 6 +- .../docs/components/base/separator.mdx | 6 +- .../content/docs/components/base/sidebar.mdx | 7 +- .../content/docs/components/base/skeleton.mdx | 6 +- .../content/docs/components/base/slider.mdx | 6 +- .../content/docs/components/base/spinner.mdx | 6 +- .../content/docs/components/base/switch.mdx | 6 +- .../v4/content/docs/components/base/table.mdx | 6 +- .../content/docs/components/base/textarea.mdx | 6 +- .../content/docs/components/base/toggle.mdx | 6 +- .../content/docs/components/base/tooltip.mdx | 6 +- .../content/docs/components/radix/badge.mdx | 6 +- .../content/docs/components/radix/button.mdx | 6 +- .../docs/components/radix/combobox.mdx | 6 +- .../content/docs/components/radix/dialog.mdx | 6 +- .../content/docs/components/radix/drawer.mdx | 6 +- .../content/docs/components/radix/empty.mdx | 6 +- .../content/docs/components/radix/field.mdx | 3 - .../docs/components/radix/input-otp.mdx | 6 +- .../v4/content/docs/components/radix/item.mdx | 6 +- apps/v4/content/docs/components/radix/kbd.mdx | 6 +- .../content/docs/components/radix/label.mdx | 6 +- .../content/docs/components/radix/menubar.mdx | 6 +- .../content/docs/components/radix/popover.mdx | 6 +- .../docs/components/radix/progress.mdx | 6 +- .../docs/components/radix/resizable.mdx | 6 +- .../content/docs/components/radix/select.mdx | 6 +- .../docs/components/radix/separator.mdx | 6 +- .../docs/components/radix/skeleton.mdx | 6 +- .../content/docs/components/radix/slider.mdx | 6 +- .../content/docs/components/radix/spinner.mdx | 6 +- .../content/docs/components/radix/switch.mdx | 6 +- .../content/docs/components/radix/table.mdx | 6 +- .../docs/components/radix/textarea.mdx | 6 +- .../content/docs/components/radix/toggle.mdx | 6 +- .../content/docs/components/radix/tooltip.mdx | 6 +- apps/v4/examples/base/hover-card-rtl.tsx | 6 +- apps/v4/examples/base/tooltip-rtl.tsx | 4 +- apps/v4/examples/base/ui-rtl/accordion.tsx | 8 +- apps/v4/examples/base/ui-rtl/alert-dialog.tsx | 29 +- apps/v4/examples/base/ui-rtl/alert.tsx | 33 +- apps/v4/examples/base/ui-rtl/avatar.tsx | 14 +- apps/v4/examples/base/ui-rtl/badge.tsx | 15 +- apps/v4/examples/base/ui-rtl/breadcrumb.tsx | 8 +- apps/v4/examples/base/ui-rtl/button-group.tsx | 5 +- apps/v4/examples/base/ui-rtl/button.tsx | 24 +- apps/v4/examples/base/ui-rtl/calendar.tsx | 6 +- apps/v4/examples/base/ui-rtl/card.tsx | 18 +- apps/v4/examples/base/ui-rtl/carousel.tsx | 16 +- apps/v4/examples/base/ui-rtl/chart.tsx | 5 +- apps/v4/examples/base/ui-rtl/checkbox.tsx | 6 +- apps/v4/examples/base/ui-rtl/combobox.tsx | 33 +- apps/v4/examples/base/ui-rtl/command.tsx | 27 +- apps/v4/examples/base/ui-rtl/context-menu.tsx | 26 +- apps/v4/examples/base/ui-rtl/dialog.tsx | 22 +- apps/v4/examples/base/ui-rtl/drawer.tsx | 19 +- .../v4/examples/base/ui-rtl/dropdown-menu.tsx | 31 +- apps/v4/examples/base/ui-rtl/empty.tsx | 14 +- apps/v4/examples/base/ui-rtl/field.tsx | 60 +- apps/v4/examples/base/ui-rtl/hover-card.tsx | 5 +- apps/v4/examples/base/ui-rtl/input-group.tsx | 26 +- apps/v4/examples/base/ui-rtl/input-otp.tsx | 18 +- apps/v4/examples/base/ui-rtl/input.tsx | 5 +- apps/v4/examples/base/ui-rtl/item.tsx | 22 +- apps/v4/examples/base/ui-rtl/kbd.tsx | 4 +- apps/v4/examples/base/ui-rtl/label.tsx | 3 +- apps/v4/examples/base/ui-rtl/menubar.tsx | 51 +- .../v4/examples/base/ui-rtl/native-select.tsx | 6 +- .../examples/base/ui-rtl/navigation-menu.tsx | 22 +- apps/v4/examples/base/ui-rtl/pagination.tsx | 15 +- apps/v4/examples/base/ui-rtl/popover.tsx | 5 +- apps/v4/examples/base/ui-rtl/progress.tsx | 10 +- apps/v4/examples/base/ui-rtl/radio-group.tsx | 8 +- apps/v4/examples/base/ui-rtl/resizable.tsx | 7 +- apps/v4/examples/base/ui-rtl/scroll-area.tsx | 7 +- apps/v4/examples/base/ui-rtl/select.tsx | 29 +- apps/v4/examples/base/ui-rtl/separator.tsx | 3 +- apps/v4/examples/base/ui-rtl/sheet.tsx | 20 +- apps/v4/examples/base/ui-rtl/sidebar.tsx | 47 +- apps/v4/examples/base/ui-rtl/skeleton.tsx | 2 +- apps/v4/examples/base/ui-rtl/slider.tsx | 9 +- apps/v4/examples/base/ui-rtl/spinner.tsx | 1 + apps/v4/examples/base/ui-rtl/switch.tsx | 7 +- apps/v4/examples/base/ui-rtl/table.tsx | 26 +- apps/v4/examples/base/ui-rtl/tabs.tsx | 9 +- apps/v4/examples/base/ui-rtl/textarea.tsx | 3 +- apps/v4/examples/base/ui-rtl/toggle-group.tsx | 9 +- apps/v4/examples/base/ui-rtl/toggle.tsx | 3 +- apps/v4/examples/base/ui-rtl/tooltip.tsx | 7 +- apps/v4/examples/base/ui/accordion.tsx | 8 +- apps/v4/examples/base/ui/alert-dialog.tsx | 29 +- apps/v4/examples/base/ui/alert.tsx | 31 +- apps/v4/examples/base/ui/avatar.tsx | 14 +- apps/v4/examples/base/ui/badge.tsx | 15 +- apps/v4/examples/base/ui/breadcrumb.tsx | 8 +- apps/v4/examples/base/ui/button-group.tsx | 5 +- apps/v4/examples/base/ui/button.tsx | 24 +- apps/v4/examples/base/ui/calendar.tsx | 6 +- apps/v4/examples/base/ui/card.tsx | 18 +- apps/v4/examples/base/ui/carousel.tsx | 8 +- apps/v4/examples/base/ui/chart.tsx | 5 +- apps/v4/examples/base/ui/checkbox.tsx | 6 +- apps/v4/examples/base/ui/command.tsx | 27 +- apps/v4/examples/base/ui/context-menu.tsx | 6 +- apps/v4/examples/base/ui/dialog.tsx | 20 +- apps/v4/examples/base/ui/drawer.tsx | 19 +- apps/v4/examples/base/ui/dropdown-menu.tsx | 4 +- apps/v4/examples/base/ui/empty.tsx | 14 +- apps/v4/examples/base/ui/field.tsx | 60 +- apps/v4/examples/base/ui/input-group.tsx | 26 +- apps/v4/examples/base/ui/input-otp.tsx | 18 +- apps/v4/examples/base/ui/input.tsx | 5 +- apps/v4/examples/base/ui/item.tsx | 22 +- apps/v4/examples/base/ui/kbd.tsx | 4 +- apps/v4/examples/base/ui/label.tsx | 3 +- apps/v4/examples/base/ui/native-select.tsx | 6 +- apps/v4/examples/base/ui/navigation-menu.tsx | 22 +- apps/v4/examples/base/ui/pagination.tsx | 15 +- apps/v4/examples/base/ui/progress.tsx | 10 +- apps/v4/examples/base/ui/radio-group.tsx | 6 +- apps/v4/examples/base/ui/resizable.tsx | 5 +- apps/v4/examples/base/ui/scroll-area.tsx | 7 +- apps/v4/examples/base/ui/separator.tsx | 3 +- apps/v4/examples/base/ui/sheet.tsx | 18 +- apps/v4/examples/base/ui/sidebar.tsx | 41 +- apps/v4/examples/base/ui/skeleton.tsx | 2 +- apps/v4/examples/base/ui/slider.tsx | 9 +- apps/v4/examples/base/ui/spinner.tsx | 1 + apps/v4/examples/base/ui/switch.tsx | 7 +- apps/v4/examples/base/ui/table.tsx | 26 +- apps/v4/examples/base/ui/tabs.tsx | 9 +- apps/v4/examples/base/ui/textarea.tsx | 3 +- apps/v4/examples/base/ui/toggle-group.tsx | 9 +- apps/v4/examples/base/ui/toggle.tsx | 3 +- apps/v4/examples/radix/menubar-rtl.tsx | 2 +- apps/v4/examples/radix/tooltip-rtl.tsx | 4 +- apps/v4/examples/radix/ui-rtl/accordion.tsx | 8 +- .../v4/examples/radix/ui-rtl/alert-dialog.tsx | 32 +- apps/v4/examples/radix/ui-rtl/alert.tsx | 33 +- apps/v4/examples/radix/ui-rtl/avatar.tsx | 14 +- apps/v4/examples/radix/ui-rtl/badge.tsx | 15 +- apps/v4/examples/radix/ui-rtl/breadcrumb.tsx | 8 +- .../v4/examples/radix/ui-rtl/button-group.tsx | 7 +- apps/v4/examples/radix/ui-rtl/button.tsx | 24 +- apps/v4/examples/radix/ui-rtl/calendar.tsx | 6 +- apps/v4/examples/radix/ui-rtl/card.tsx | 18 +- apps/v4/examples/radix/ui-rtl/carousel.tsx | 16 +- apps/v4/examples/radix/ui-rtl/chart.tsx | 5 +- apps/v4/examples/radix/ui-rtl/checkbox.tsx | 6 +- apps/v4/examples/radix/ui-rtl/combobox.tsx | 33 +- apps/v4/examples/radix/ui-rtl/command.tsx | 22 +- .../v4/examples/radix/ui-rtl/context-menu.tsx | 28 +- apps/v4/examples/radix/ui-rtl/dialog.tsx | 26 +- apps/v4/examples/radix/ui-rtl/drawer.tsx | 19 +- .../examples/radix/ui-rtl/dropdown-menu.tsx | 28 +- apps/v4/examples/radix/ui-rtl/empty.tsx | 14 +- apps/v4/examples/radix/ui-rtl/field.tsx | 60 +- apps/v4/examples/radix/ui-rtl/hover-card.tsx | 5 +- apps/v4/examples/radix/ui-rtl/input-group.tsx | 26 +- apps/v4/examples/radix/ui-rtl/input-otp.tsx | 18 +- apps/v4/examples/radix/ui-rtl/input.tsx | 3 +- apps/v4/examples/radix/ui-rtl/item.tsx | 22 +- apps/v4/examples/radix/ui-rtl/kbd.tsx | 4 +- apps/v4/examples/radix/ui-rtl/label.tsx | 5 +- apps/v4/examples/radix/ui-rtl/menubar.tsx | 35 +- .../examples/radix/ui-rtl/native-select.tsx | 6 +- .../examples/radix/ui-rtl/navigation-menu.tsx | 19 +- apps/v4/examples/radix/ui-rtl/pagination.tsx | 15 +- apps/v4/examples/radix/ui-rtl/popover.tsx | 5 +- apps/v4/examples/radix/ui-rtl/progress.tsx | 5 +- apps/v4/examples/radix/ui-rtl/radio-group.tsx | 8 +- apps/v4/examples/radix/ui-rtl/resizable.tsx | 7 +- apps/v4/examples/radix/ui-rtl/scroll-area.tsx | 7 +- apps/v4/examples/radix/ui-rtl/select.tsx | 25 +- apps/v4/examples/radix/ui-rtl/separator.tsx | 3 +- apps/v4/examples/radix/ui-rtl/sheet.tsx | 24 +- apps/v4/examples/radix/ui-rtl/sidebar.tsx | 53 +- apps/v4/examples/radix/ui-rtl/skeleton.tsx | 2 +- apps/v4/examples/radix/ui-rtl/slider.tsx | 9 +- apps/v4/examples/radix/ui-rtl/spinner.tsx | 1 + apps/v4/examples/radix/ui-rtl/switch.tsx | 7 +- apps/v4/examples/radix/ui-rtl/table.tsx | 26 +- apps/v4/examples/radix/ui-rtl/tabs.tsx | 9 +- apps/v4/examples/radix/ui-rtl/textarea.tsx | 3 +- .../v4/examples/radix/ui-rtl/toggle-group.tsx | 9 +- apps/v4/examples/radix/ui-rtl/toggle.tsx | 3 +- apps/v4/examples/radix/ui-rtl/tooltip.tsx | 7 +- apps/v4/examples/radix/ui/accordion.tsx | 8 +- apps/v4/examples/radix/ui/alert-dialog.tsx | 32 +- apps/v4/examples/radix/ui/alert.tsx | 31 +- apps/v4/examples/radix/ui/avatar.tsx | 14 +- apps/v4/examples/radix/ui/badge.tsx | 15 +- apps/v4/examples/radix/ui/breadcrumb.tsx | 8 +- apps/v4/examples/radix/ui/button-group.tsx | 7 +- apps/v4/examples/radix/ui/button.tsx | 24 +- apps/v4/examples/radix/ui/calendar.tsx | 6 +- apps/v4/examples/radix/ui/card.tsx | 18 +- apps/v4/examples/radix/ui/carousel.tsx | 8 +- apps/v4/examples/radix/ui/chart.tsx | 5 +- apps/v4/examples/radix/ui/checkbox.tsx | 6 +- apps/v4/examples/radix/ui/combobox.tsx | 33 +- apps/v4/examples/radix/ui/command.tsx | 27 +- apps/v4/examples/radix/ui/context-menu.tsx | 28 +- apps/v4/examples/radix/ui/dialog.tsx | 26 +- apps/v4/examples/radix/ui/drawer.tsx | 19 +- apps/v4/examples/radix/ui/dropdown-menu.tsx | 28 +- apps/v4/examples/radix/ui/empty.tsx | 14 +- apps/v4/examples/radix/ui/field.tsx | 60 +- apps/v4/examples/radix/ui/hover-card.tsx | 5 +- apps/v4/examples/radix/ui/input-group.tsx | 26 +- apps/v4/examples/radix/ui/input-otp.tsx | 18 +- apps/v4/examples/radix/ui/input.tsx | 3 +- apps/v4/examples/radix/ui/item.tsx | 22 +- apps/v4/examples/radix/ui/kbd.tsx | 4 +- apps/v4/examples/radix/ui/label.tsx | 5 +- apps/v4/examples/radix/ui/menubar.tsx | 2 +- apps/v4/examples/radix/ui/native-select.tsx | 6 +- apps/v4/examples/radix/ui/navigation-menu.tsx | 17 +- apps/v4/examples/radix/ui/pagination.tsx | 15 +- apps/v4/examples/radix/ui/popover.tsx | 5 +- apps/v4/examples/radix/ui/progress.tsx | 5 +- apps/v4/examples/radix/ui/radio-group.tsx | 6 +- apps/v4/examples/radix/ui/resizable.tsx | 5 +- apps/v4/examples/radix/ui/scroll-area.tsx | 7 +- apps/v4/examples/radix/ui/separator.tsx | 3 +- apps/v4/examples/radix/ui/sheet.tsx | 24 +- apps/v4/examples/radix/ui/sidebar.tsx | 47 +- apps/v4/examples/radix/ui/skeleton.tsx | 2 +- apps/v4/examples/radix/ui/slider.tsx | 9 +- apps/v4/examples/radix/ui/spinner.tsx | 1 + apps/v4/examples/radix/ui/switch.tsx | 7 +- apps/v4/examples/radix/ui/table.tsx | 26 +- apps/v4/examples/radix/ui/tabs.tsx | 9 +- apps/v4/examples/radix/ui/textarea.tsx | 3 +- apps/v4/examples/radix/ui/toggle-group.tsx | 9 +- apps/v4/examples/radix/ui/toggle.tsx | 3 +- apps/v4/examples/radix/ui/tooltip.tsx | 7 +- .../r/styles/base-lyra/context-menu.json | 2 +- .../r/styles/base-lyra/dropdown-menu.json | 2 +- .../r/styles/base-maia/context-menu.json | 2 +- .../r/styles/base-maia/dropdown-menu.json | 2 +- .../r/styles/base-mira/context-menu.json | 2 +- .../r/styles/base-mira/dropdown-menu.json | 2 +- .../r/styles/base-nova/context-menu.json | 2 +- .../r/styles/base-nova/dropdown-menu.json | 2 +- .../r/styles/base-vega/context-menu.json | 2 +- .../r/styles/base-vega/dropdown-menu.json | 2 +- .../public/r/styles/radix-mira/menubar.json | 2 +- .../public/r/styles/radix-nova/menubar.json | 2 +- apps/v4/registry/bases/__index__.tsx | 5956 ++++++++++++----- .../registry/bases/base/ui/alert-dialog.tsx | 2 +- apps/v4/registry/bases/base/ui/dialog.tsx | 2 +- .../bases/base/ui/navigation-menu.tsx | 9 +- .../registry/bases/radix/ui/alert-dialog.tsx | 2 +- apps/v4/registry/bases/radix/ui/dialog.tsx | 2 +- 275 files changed, 5941 insertions(+), 3431 deletions(-) diff --git a/apps/v4/components/component-preview-tabs.tsx b/apps/v4/components/component-preview-tabs.tsx index b88134be7f..2eec84b636 100644 --- a/apps/v4/components/component-preview-tabs.tsx +++ b/apps/v4/components/component-preview-tabs.tsx @@ -3,9 +3,6 @@ import * as React from "react" import { cn } from "@/lib/utils" -import { DirectionProvider as BaseDirectionProvider } from "@/registry/bases/base/ui/direction" -import { DirectionProvider as RadixDirectionProvider } from "@/registry/bases/radix/ui/direction" -import { Button } from "@/registry/new-york-v4/ui/button" import { LanguageProvider, LanguageSelector, @@ -13,6 +10,9 @@ import { useTranslation, type Translations, } from "@/components/language-selector" +import { DirectionProvider as BaseDirectionProvider } from "@/registry/bases/base/ui/direction" +import { DirectionProvider as RadixDirectionProvider } from "@/registry/bases/radix/ui/direction" +import { Button } from "@/registry/new-york-v4/ui/button" export function ComponentPreviewTabs({ className, @@ -52,15 +52,15 @@ export function ComponentPreviewTabs({ {direction === "rtl" ? ( - - + + {component} - - + + ) : ( @@ -76,39 +76,39 @@ export function ComponentPreviewTabs({ )} {!hideCode && (
- {isMobileCodeVisible ? ( - source - ) : ( -
- {sourcePreview} -
-
- -
+ data-slot="code" + data-mobile-code-visible={isMobileCodeVisible} + className="relative overflow-hidden [&_[data-rehype-pretty-code-figure]]:!m-0 [&_[data-rehype-pretty-code-figure]]:rounded-t-none [&_[data-rehype-pretty-code-figure]]:border-t [&_pre]:max-h-72" + > + {isMobileCodeVisible ? ( + source + ) : ( +
+ {sourcePreview} +
+
+
- )} -
- )} +
+ )} +
+ )}
) } @@ -193,9 +193,7 @@ function DirectionProviderWrapper({ if (base === "base") { return ( - - {children} - + {children} ) } diff --git a/apps/v4/components/component-preview.tsx b/apps/v4/components/component-preview.tsx index 222e99086a..5fd8039e64 100644 --- a/apps/v4/components/component-preview.tsx +++ b/apps/v4/components/component-preview.tsx @@ -29,8 +29,12 @@ export function ComponentPreview({ direction?: "ltr" | "rtl" caption?: string }) { - const translationDisclaimer = direction === "rtl" ? "Automatic translation may contain errors." : undefined - const finalCaption = [caption, translationDisclaimer].filter(Boolean).join(" ") || undefined + const translationDisclaimer = + direction === "rtl" + ? "Automatic translation may contain errors." + : undefined + const finalCaption = + [caption, translationDisclaimer].filter(Boolean).join(" ") || undefined if (type === "block") { const content = ( @@ -59,7 +63,7 @@ export function ComponentPreview({ return (
{content} -
+
{finalCaption}
@@ -114,9 +118,12 @@ export function ComponentPreview({ if (finalCaption) { return ( -
+
{content} -
+
{finalCaption}
diff --git a/apps/v4/components/language-selector.tsx b/apps/v4/components/language-selector.tsx index cb6529e21c..4a53291212 100644 --- a/apps/v4/components/language-selector.tsx +++ b/apps/v4/components/language-selector.tsx @@ -9,6 +9,7 @@ import { SelectTrigger, SelectValue, } from "@/examples/base/ui/select" + import { cn } from "@/lib/utils" export type Language = "en" | "ar" | "he" diff --git a/apps/v4/content/docs/(root)/rtl.mdx b/apps/v4/content/docs/(root)/rtl.mdx index e668eb0c6f..29803c668f 100644 --- a/apps/v4/content/docs/(root)/rtl.mdx +++ b/apps/v4/content/docs/(root)/rtl.mdx @@ -3,7 +3,6 @@ title: "RTL" description: "RTL documentation" --- - ## Overview RTL is a feature that allows you to display content from right to left. @@ -69,14 +68,14 @@ className={cn( Replace physical positioning classes with logical equivalents: -| Before | After | -|--------|-------| -| `group-data-[side=left]:-right-4` | `group-data-[side=left]:-end-4` | -| `group-data-[side=right]:left-0` | `group-data-[side=right]:start-0` | -| `after:left-1/2` | `after:start-1/2` | -| `after:left-full` | `after:start-full` | -| `-right-2` | `-end-2` | -| `-left-2` | `-start-2` | +| Before | After | +| --------------------------------- | --------------------------------- | +| `group-data-[side=left]:-right-4` | `group-data-[side=left]:-end-4` | +| `group-data-[side=right]:left-0` | `group-data-[side=right]:start-0` | +| `after:left-1/2` | `after:start-1/2` | +| `after:left-full` | `after:start-full` | +| `-right-2` | `-end-2` | +| `-left-2` | `-start-2` | ### Usage diff --git a/apps/v4/content/docs/components/base/badge.mdx b/apps/v4/content/docs/components/base/badge.mdx index 6b36e0878b..b91a24df94 100644 --- a/apps/v4/content/docs/components/base/badge.mdx +++ b/apps/v4/content/docs/components/base/badge.mdx @@ -89,11 +89,7 @@ You can customize the colors of a badge by adding custom classes such as `bg-gre To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/button.mdx b/apps/v4/content/docs/components/base/button.mdx index b6a2cc3a22..4fdf651371 100644 --- a/apps/v4/content/docs/components/base/button.mdx +++ b/apps/v4/content/docs/components/base/button.mdx @@ -147,11 +147,7 @@ Remember to set the `nativeButton` prop to `false` if you're returning an elemen To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/combobox.mdx b/apps/v4/content/docs/components/base/combobox.mdx index 3077b5263c..b3bca6d0b6 100644 --- a/apps/v4/content/docs/components/base/combobox.mdx +++ b/apps/v4/content/docs/components/base/combobox.mdx @@ -260,11 +260,7 @@ You can add an addon to the combobox by using the `InputGroupAddon` component in To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/dialog.mdx b/apps/v4/content/docs/components/base/dialog.mdx index 0f40d0affa..427da7fc64 100644 --- a/apps/v4/content/docs/components/base/dialog.mdx +++ b/apps/v4/content/docs/components/base/dialog.mdx @@ -115,11 +115,7 @@ Long content can scroll while the header stays in view. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/drawer.mdx b/apps/v4/content/docs/components/base/drawer.mdx index db9710be21..762642e179 100644 --- a/apps/v4/content/docs/components/base/drawer.mdx +++ b/apps/v4/content/docs/components/base/drawer.mdx @@ -112,11 +112,7 @@ You can combine the `Dialog` and `Drawer` components to create a responsive dial To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/empty.mdx b/apps/v4/content/docs/components/base/empty.mdx index 7f5fa9363e..2ecdfaf391 100644 --- a/apps/v4/content/docs/components/base/empty.mdx +++ b/apps/v4/content/docs/components/base/empty.mdx @@ -131,11 +131,7 @@ You can add an `InputGroup` component to the `EmptyContent` component. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/field.mdx b/apps/v4/content/docs/components/base/field.mdx index 20794a890e..f5e5ed3b70 100644 --- a/apps/v4/content/docs/components/base/field.mdx +++ b/apps/v4/content/docs/components/base/field.mdx @@ -162,7 +162,6 @@ Stack `Field` components with `FieldGroup`. Add `FieldSeparator` to divide them. previewClassName="h-96" /> - ## RTL To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). @@ -186,8 +185,6 @@ To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl) previewClassName="h-[650px] p-6 md:h-[500px] md:p-10" /> - - ## Validation and Errors - Add `data-invalid` to `Field` to switch the entire block into an error state. @@ -358,4 +355,3 @@ Accessible error container that accepts children or an `errors` array (e.g., fro When the `errors` array contains multiple messages, the component renders a list automatically. `FieldError` also accepts issues produced by any validator that implements [Standard Schema](https://standardschema.dev/), including Zod, Valibot, and ArkType. Pass the `issues` array from the schema result directly to render a unified error list across libraries. - diff --git a/apps/v4/content/docs/components/base/input-otp.mdx b/apps/v4/content/docs/components/base/input-otp.mdx index 04980097ea..f64f7d6666 100644 --- a/apps/v4/content/docs/components/base/input-otp.mdx +++ b/apps/v4/content/docs/components/base/input-otp.mdx @@ -146,11 +146,7 @@ Use `REGEXP_ONLY_DIGITS_AND_CHARS` to accept both letters and numbers. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/item.mdx b/apps/v4/content/docs/components/base/item.mdx index bc4c9b8cca..a9b17e50c2 100644 --- a/apps/v4/content/docs/components/base/item.mdx +++ b/apps/v4/content/docs/components/base/item.mdx @@ -165,11 +165,7 @@ Use the `render` prop to render the item as a link. The hover and focus states w To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/kbd.mdx b/apps/v4/content/docs/components/base/kbd.mdx index 296833e4bd..ee52f65116 100644 --- a/apps/v4/content/docs/components/base/kbd.mdx +++ b/apps/v4/content/docs/components/base/kbd.mdx @@ -83,11 +83,7 @@ You can use the `Kbd` component inside a `InputGroupAddon` component to display To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/label.mdx b/apps/v4/content/docs/components/base/label.mdx index b0c991c8d3..a697e406d3 100644 --- a/apps/v4/content/docs/components/base/label.mdx +++ b/apps/v4/content/docs/components/base/label.mdx @@ -14,11 +14,7 @@ links: To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + For form fields, use the [Field](/docs/components/base/field) component which diff --git a/apps/v4/content/docs/components/base/menubar.mdx b/apps/v4/content/docs/components/base/menubar.mdx index 6e93609932..d81470267d 100644 --- a/apps/v4/content/docs/components/base/menubar.mdx +++ b/apps/v4/content/docs/components/base/menubar.mdx @@ -116,11 +116,7 @@ Use `MenubarSub`, `MenubarSubTrigger`, and `MenubarSubContent` for nested menus. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/pagination.mdx b/apps/v4/content/docs/components/base/pagination.mdx index 2fb899e375..fe5105032a 100644 --- a/apps/v4/content/docs/components/base/pagination.mdx +++ b/apps/v4/content/docs/components/base/pagination.mdx @@ -132,8 +132,4 @@ const PaginationLink = ({...props }: ) => ( To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + diff --git a/apps/v4/content/docs/components/base/popover.mdx b/apps/v4/content/docs/components/base/popover.mdx index d7984d5eb0..c03e7805f2 100644 --- a/apps/v4/content/docs/components/base/popover.mdx +++ b/apps/v4/content/docs/components/base/popover.mdx @@ -103,11 +103,7 @@ A popover with form fields inside. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/progress.mdx b/apps/v4/content/docs/components/base/progress.mdx index e3df43570d..4e683af40b 100644 --- a/apps/v4/content/docs/components/base/progress.mdx +++ b/apps/v4/content/docs/components/base/progress.mdx @@ -80,11 +80,7 @@ A progress bar that can be controlled by a slider. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/resizable.mdx b/apps/v4/content/docs/components/base/resizable.mdx index 1e9a3ca027..cc00257185 100644 --- a/apps/v4/content/docs/components/base/resizable.mdx +++ b/apps/v4/content/docs/components/base/resizable.mdx @@ -96,11 +96,7 @@ Use the `withHandle` prop on `ResizableHandle` to show a visible handle. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/select.mdx b/apps/v4/content/docs/components/base/select.mdx index f6f078bddc..1a366d5995 100644 --- a/apps/v4/content/docs/components/base/select.mdx +++ b/apps/v4/content/docs/components/base/select.mdx @@ -121,11 +121,7 @@ Add the `data-invalid` attribute to the `Field` component and the `aria-invalid` To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/separator.mdx b/apps/v4/content/docs/components/base/separator.mdx index c9122e0aea..4b3ce305ab 100644 --- a/apps/v4/content/docs/components/base/separator.mdx +++ b/apps/v4/content/docs/components/base/separator.mdx @@ -86,11 +86,7 @@ Horizontal separators between list items. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/sidebar.mdx b/apps/v4/content/docs/components/base/sidebar.mdx index f952671d88..6685663128 100644 --- a/apps/v4/content/docs/components/base/sidebar.mdx +++ b/apps/v4/content/docs/components/base/sidebar.mdx @@ -5,7 +5,12 @@ base: base component: true --- - + Sidebars are one of the most complex components to build. They are central to any application and often contain a lot of moving parts. diff --git a/apps/v4/content/docs/components/base/skeleton.mdx b/apps/v4/content/docs/components/base/skeleton.mdx index 6aee8d47a9..1877d8bf74 100644 --- a/apps/v4/content/docs/components/base/skeleton.mdx +++ b/apps/v4/content/docs/components/base/skeleton.mdx @@ -83,8 +83,4 @@ import { Skeleton } from "@/components/ui/skeleton" To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + diff --git a/apps/v4/content/docs/components/base/slider.mdx b/apps/v4/content/docs/components/base/slider.mdx index 8ecf547844..3cf7331b23 100644 --- a/apps/v4/content/docs/components/base/slider.mdx +++ b/apps/v4/content/docs/components/base/slider.mdx @@ -96,11 +96,7 @@ Use the `disabled` prop to disable the slider. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/spinner.mdx b/apps/v4/content/docs/components/base/spinner.mdx index 98ead48fc5..d209690563 100644 --- a/apps/v4/content/docs/components/base/spinner.mdx +++ b/apps/v4/content/docs/components/base/spinner.mdx @@ -110,8 +110,4 @@ Add a spinner to a badge to indicate a loading state. Remember to use the `data- To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + diff --git a/apps/v4/content/docs/components/base/switch.mdx b/apps/v4/content/docs/components/base/switch.mdx index c3fa9db444..8dad18fe18 100644 --- a/apps/v4/content/docs/components/base/switch.mdx +++ b/apps/v4/content/docs/components/base/switch.mdx @@ -96,11 +96,7 @@ Use the `size` prop to change the size of the switch. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/table.mdx b/apps/v4/content/docs/components/base/table.mdx index 50a1674ebd..6b0ba49b19 100644 --- a/apps/v4/content/docs/components/base/table.mdx +++ b/apps/v4/content/docs/components/base/table.mdx @@ -109,8 +109,4 @@ You can also see an example of a data table in the [Tasks](/examples/tasks) demo To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + diff --git a/apps/v4/content/docs/components/base/textarea.mdx b/apps/v4/content/docs/components/base/textarea.mdx index 4cc455b2eb..ea3c4f565b 100644 --- a/apps/v4/content/docs/components/base/textarea.mdx +++ b/apps/v4/content/docs/components/base/textarea.mdx @@ -103,8 +103,4 @@ Pair with `Button` to create a textarea with a submit button. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + diff --git a/apps/v4/content/docs/components/base/toggle.mdx b/apps/v4/content/docs/components/base/toggle.mdx index 9fecb5ea75..40c661a396 100644 --- a/apps/v4/content/docs/components/base/toggle.mdx +++ b/apps/v4/content/docs/components/base/toggle.mdx @@ -88,11 +88,7 @@ Use the `size` prop to change the size of the toggle. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/base/tooltip.mdx b/apps/v4/content/docs/components/base/tooltip.mdx index 3000d27471..3bddb8a40c 100644 --- a/apps/v4/content/docs/components/base/tooltip.mdx +++ b/apps/v4/content/docs/components/base/tooltip.mdx @@ -93,11 +93,7 @@ Show a tooltip on a disabled button by wrapping it with a span. To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/radix/badge.mdx b/apps/v4/content/docs/components/radix/badge.mdx index 52c645def4..87ad710a6d 100644 --- a/apps/v4/content/docs/components/radix/badge.mdx +++ b/apps/v4/content/docs/components/radix/badge.mdx @@ -85,11 +85,7 @@ You can customize the colors of a badge by adding custom classes such as `bg-gre To enable RTL support in shadcn/ui, see the [RTL configuration guide](/docs/rtl). - + ## API Reference diff --git a/apps/v4/content/docs/components/radix/button.mdx b/apps/v4/content/docs/components/radix/button.mdx index 75746ddce1..10d6fecdd2 100644 --- a/apps/v4/content/docs/components/radix/button.mdx +++ b/apps/v4/content/docs/components/radix/button.mdx @@ -145,11 +145,7 @@ You can use the `asChild` prop on `