From b57e192965da3394c7617c4abee7f63963b88f76 Mon Sep 17 00:00:00 2001 From: Talha Mujahid Date: Wed, 25 Feb 2026 08:01:05 +0500 Subject: [PATCH 01/90] Update URL for @shadcn-editor in registries.json --- apps/v4/public/r/registries.json | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/apps/v4/public/r/registries.json b/apps/v4/public/r/registries.json index f46af9c20b..5644adf999 100644 --- a/apps/v4/public/r/registries.json +++ b/apps/v4/public/r/registries.json @@ -524,7 +524,7 @@ { "name": "@shadcn-editor", "homepage": "https://shadcn-editor.vercel.app", - "url": "https://shadcn-editor.vercel.app/r/{name}.json", + "url": "https://raw.githubusercontent.com/htmujahid/shadcn-editor/refs/heads/main/public/r/{name}.json", "description": "Accessible, Customizable, Rich Text Editor. Made with Lexical and Shadcn/UI. Open Source. Open Code." }, { @@ -791,4 +791,4 @@ "url": "https://pixelactui.com/r/{name}.json", "description": "Playful pixel-art style components library built on top of shadcn" } -] \ No newline at end of file +] From 4f421aba659a1f5e5bc2d36b591ac4753c0108e7 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Wed, 25 Mar 2026 01:31:15 +0100 Subject: [PATCH 02/90] fix: remove unnecessary Base UI use client --- apps/v4/examples/base/button-render.tsx | 2 - apps/v4/examples/base/ui-rtl/accordion.tsx | 2 - apps/v4/examples/base/ui-rtl/button.tsx | 2 - apps/v4/examples/base/ui-rtl/slider.tsx | 17 ++-- apps/v4/examples/base/ui/accordion.tsx | 2 - apps/v4/examples/base/ui/button.tsx | 2 - apps/v4/examples/base/ui/slider.tsx | 17 ++-- apps/v4/package.json | 2 +- apps/v4/registry/bases/base/ui/accordion.tsx | 2 - apps/v4/registry/bases/base/ui/button.tsx | 2 - apps/v4/registry/bases/base/ui/slider.tsx | 17 ++-- pnpm-lock.yaml | 81 ++++++++++++++------ 12 files changed, 75 insertions(+), 73 deletions(-) diff --git a/apps/v4/examples/base/button-render.tsx b/apps/v4/examples/base/button-render.tsx index 704362487d..5d629c94ec 100644 --- a/apps/v4/examples/base/button-render.tsx +++ b/apps/v4/examples/base/button-render.tsx @@ -1,5 +1,3 @@ -"use client" - import { buttonVariants } from "@/examples/base/ui/button" export default function ButtonRender() { diff --git a/apps/v4/examples/base/ui-rtl/accordion.tsx b/apps/v4/examples/base/ui-rtl/accordion.tsx index 9c5d26b76f..59d238c490 100644 --- a/apps/v4/examples/base/ui-rtl/accordion.tsx +++ b/apps/v4/examples/base/ui-rtl/accordion.tsx @@ -1,5 +1,3 @@ -"use client" - import { cn } from "@/examples/base/lib/utils" import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion" import { ChevronDownIcon, ChevronUpIcon } from "lucide-react" diff --git a/apps/v4/examples/base/ui-rtl/button.tsx b/apps/v4/examples/base/ui-rtl/button.tsx index 12bb09bc49..c9e42b4cd8 100644 --- a/apps/v4/examples/base/ui-rtl/button.tsx +++ b/apps/v4/examples/base/ui-rtl/button.tsx @@ -1,5 +1,3 @@ -"use client" - import { cn } from "@/examples/base/lib/utils" import { Button as ButtonPrimitive } from "@base-ui/react/button" import { cva, type VariantProps } from "class-variance-authority" diff --git a/apps/v4/examples/base/ui-rtl/slider.tsx b/apps/v4/examples/base/ui-rtl/slider.tsx index 6faf0b35d2..031979035f 100644 --- a/apps/v4/examples/base/ui-rtl/slider.tsx +++ b/apps/v4/examples/base/ui-rtl/slider.tsx @@ -1,6 +1,3 @@ -"use client" - -import * as React from "react" import { cn } from "@/examples/base/lib/utils" import { Slider as SliderPrimitive } from "@base-ui/react/slider" @@ -12,15 +9,11 @@ function Slider({ max = 100, ...props }: SliderPrimitive.Root.Props) { - const _values = React.useMemo( - () => - Array.isArray(value) - ? value - : Array.isArray(defaultValue) - ? defaultValue - : [min, max], - [value, defaultValue, min, max] - ) + const _values = Array.isArray(value) + ? value + : Array.isArray(defaultValue) + ? defaultValue + : [min, max] return ( - Array.isArray(value) - ? value - : Array.isArray(defaultValue) - ? defaultValue - : [min, max], - [value, defaultValue, min, max] - ) + const _values = Array.isArray(value) + ? value + : Array.isArray(defaultValue) + ? defaultValue + : [min, max] return ( - Array.isArray(value) - ? value - : Array.isArray(defaultValue) - ? defaultValue - : [min, max], - [value, defaultValue, min, max] - ) + const _values = Array.isArray(value) + ? value + : Array.isArray(defaultValue) + ? defaultValue + : [min, max] return ( =6.9.0'} + '@babel/runtime@7.29.2': + resolution: {integrity: sha512-JiDShH45zKHWyGe4ZNVRrCjBz8Nh9TMmZG1kh4QTK8hCBTWBi8Da+i7s1fJw7/lYpM4ccepSNfqzZ/QvABBi5g==} + engines: {node: '>=6.9.0'} + '@babel/template@7.27.2': resolution: {integrity: sha512-LPDZ85aEJyYSd18/DkjNh4/y1ntkE5KwUHWTiqgRxruuZL2F1yuHligVHLvcHY2vMHXttKFpJn6LwfI7cw7ODw==} engines: {node: '>=6.9.0'} @@ -672,8 +676,8 @@ packages: resolution: {integrity: sha512-ruv7Ae4J5dUYULmeXw1gmb7rYRz57OWCPM57pHojnLq/3Z1CK2lNSLTCVjxVk1F/TZHwOZZrOWi0ur95BbLxNQ==} engines: {node: '>=6.9.0'} - '@base-ui/react@1.1.0': - resolution: {integrity: sha512-ikcJRNj1mOiF2HZ5jQHrXoVoHcNHdBU5ejJljcBl+VTLoYXR6FidjTN86GjO6hyshi6TZFuNvv0dEOgaOFv6Lw==} + '@base-ui/react@1.3.0': + resolution: {integrity: sha512-FwpKqZbPz14AITp1CVgf4AjhKPe1OeeVKSBMdgD10zbFlj3QSWelmtCMLi2+/PFZZcIm3l87G7rwtCZJwHyXWA==} engines: {node: '>=14.0.0'} peerDependencies: '@types/react': 19.2.2 @@ -683,8 +687,8 @@ packages: '@types/react': optional: true - '@base-ui/utils@0.2.4': - resolution: {integrity: sha512-smZwpMhjO29v+jrZusBSc5T+IJ3vBb9cjIiBjtKcvWmRj9Z4DWGVR3efr1eHR56/bqY5a4qyY9ElkOY5ljo3ng==} + '@base-ui/utils@0.2.6': + resolution: {integrity: sha512-yQ+qeuqohwhsNpoYDqqXaLllYAkPCP4vYdDrVo8FQXaAPfHWm1pG/Vm+jmGTA5JFS0BAIjookyapuJFY8F9PIw==} peerDependencies: '@types/react': 19.2.2 react: ^17 || ^18 || ^19 @@ -1390,18 +1394,33 @@ packages: '@floating-ui/core@1.7.3': resolution: {integrity: sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w==} + '@floating-ui/core@1.7.5': + resolution: {integrity: sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ==} + '@floating-ui/dom@1.7.4': resolution: {integrity: sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA==} + '@floating-ui/dom@1.7.6': + resolution: {integrity: sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ==} + '@floating-ui/react-dom@2.1.6': resolution: {integrity: sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw==} peerDependencies: react: '>=16.8.0' react-dom: '>=16.8.0' + '@floating-ui/react-dom@2.1.8': + resolution: {integrity: sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A==} + peerDependencies: + react: '>=16.8.0' + react-dom: '>=16.8.0' + '@floating-ui/utils@0.2.10': resolution: {integrity: sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ==} + '@floating-ui/utils@0.2.11': + resolution: {integrity: sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg==} + '@formatjs/intl-localematcher@0.6.2': resolution: {integrity: sha512-XOMO2Hupl0wdd172Y06h6kLpBz6Dv+J4okPLl4LPtzbr8f66WbIoy4ev98EBuZ6ZK4h5ydTN6XneT4QVpD7cdA==} @@ -8185,6 +8204,8 @@ snapshots: '@babel/runtime@7.28.4': {} + '@babel/runtime@7.29.2': {} + '@babel/template@7.27.2': dependencies: '@babel/code-frame': 7.27.1 @@ -8208,24 +8229,23 @@ snapshots: '@babel/helper-string-parser': 7.27.1 '@babel/helper-validator-identifier': 7.27.1 - '@base-ui/react@1.1.0(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': + '@base-ui/react@1.3.0(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': dependencies: - '@babel/runtime': 7.28.4 - '@base-ui/utils': 0.2.4(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) - '@floating-ui/react-dom': 2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3) - '@floating-ui/utils': 0.2.10 + '@babel/runtime': 7.29.2 + '@base-ui/utils': 0.2.6(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + '@floating-ui/react-dom': 2.1.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + '@floating-ui/utils': 0.2.11 react: 19.2.3 react-dom: 19.2.3(react@19.2.3) - reselect: 5.1.1 tabbable: 6.4.0 use-sync-external-store: 1.6.0(react@19.2.3) optionalDependencies: '@types/react': 19.2.2 - '@base-ui/utils@0.2.4(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': + '@base-ui/utils@0.2.6(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': dependencies: - '@babel/runtime': 7.28.4 - '@floating-ui/utils': 0.2.10 + '@babel/runtime': 7.29.2 + '@floating-ui/utils': 0.2.11 react: 19.2.3 react-dom: 19.2.3(react@19.2.3) reselect: 5.1.1 @@ -8870,19 +8890,36 @@ snapshots: dependencies: '@floating-ui/utils': 0.2.10 + '@floating-ui/core@1.7.5': + dependencies: + '@floating-ui/utils': 0.2.11 + '@floating-ui/dom@1.7.4': dependencies: '@floating-ui/core': 1.7.3 '@floating-ui/utils': 0.2.10 + '@floating-ui/dom@1.7.6': + dependencies: + '@floating-ui/core': 1.7.5 + '@floating-ui/utils': 0.2.11 + '@floating-ui/react-dom@2.1.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': dependencies: '@floating-ui/dom': 1.7.4 react: 19.2.3 react-dom: 19.2.3(react@19.2.3) + '@floating-ui/react-dom@2.1.8(react-dom@19.2.3(react@19.2.3))(react@19.2.3)': + dependencies: + '@floating-ui/dom': 1.7.6 + react: 19.2.3 + react-dom: 19.2.3(react@19.2.3) + '@floating-ui/utils@0.2.10': {} + '@floating-ui/utils@0.2.11': {} + '@formatjs/intl-localematcher@0.6.2': dependencies: tslib: 2.8.1 @@ -9116,7 +9153,7 @@ snapshots: '@manypkg/find-root@1.1.0': dependencies: - '@babel/runtime': 7.28.2 + '@babel/runtime': 7.28.4 '@types/node': 12.20.55 find-up: 4.1.0 fs-extra: 8.1.0 @@ -9127,7 +9164,7 @@ snapshots: '@manypkg/get-packages@1.1.3': dependencies: - '@babel/runtime': 7.28.2 + '@babel/runtime': 7.28.4 '@changesets/types': 4.1.0 '@manypkg/find-root': 1.1.0 fs-extra: 8.1.0 @@ -11613,7 +11650,7 @@ snapshots: date-fns@2.30.0: dependencies: - '@babel/runtime': 7.28.2 + '@babel/runtime': 7.28.4 date-fns@4.1.0: {} @@ -12105,7 +12142,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)): + eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)): dependencies: debug: 3.2.7 optionalDependencies: @@ -12116,7 +12153,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)): + eslint-module-utils@2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)))(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)): dependencies: debug: 3.2.7 optionalDependencies: @@ -12138,7 +12175,7 @@ snapshots: doctrine: 2.1.0 eslint: 9.26.0(hono@4.11.7)(jiti@2.6.1) eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)) + eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)) hasown: 2.0.2 is-core-module: 2.16.1 is-glob: 4.0.3 @@ -12167,7 +12204,7 @@ snapshots: doctrine: 2.1.0 eslint: 9.26.0(hono@4.11.7)(jiti@1.21.7) eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)) + eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)))(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)) hasown: 2.0.2 is-core-module: 2.16.1 is-glob: 4.0.3 From 0c25e712e112e93ff7e13fac00b4e09c8d57e098 Mon Sep 17 00:00:00 2001 From: Olivier Tassinari Date: Wed, 25 Mar 2026 11:55:07 +0100 Subject: [PATCH 03/90] pnpm registry:build --- apps/v4/public/r/styles/base-lyra/accordion.json | 2 +- apps/v4/public/r/styles/base-lyra/button.json | 2 +- apps/v4/public/r/styles/base-lyra/slider.json | 2 +- apps/v4/public/r/styles/base-maia/accordion.json | 2 +- apps/v4/public/r/styles/base-maia/button.json | 2 +- apps/v4/public/r/styles/base-maia/slider.json | 2 +- apps/v4/public/r/styles/base-mira/accordion.json | 2 +- apps/v4/public/r/styles/base-mira/button.json | 2 +- apps/v4/public/r/styles/base-mira/slider.json | 2 +- apps/v4/public/r/styles/base-nova/accordion.json | 2 +- apps/v4/public/r/styles/base-nova/button.json | 2 +- apps/v4/public/r/styles/base-nova/slider.json | 2 +- apps/v4/public/r/styles/base-vega/accordion.json | 2 +- apps/v4/public/r/styles/base-vega/button.json | 2 +- apps/v4/public/r/styles/base-vega/slider.json | 2 +- 15 files changed, 15 insertions(+), 15 deletions(-) diff --git a/apps/v4/public/r/styles/base-lyra/accordion.json b/apps/v4/public/r/styles/base-lyra/accordion.json index 0d25592266..543ad1d031 100644 --- a/apps/v4/public/r/styles/base-lyra/accordion.json +++ b/apps/v4/public/r/styles/base-lyra/accordion.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-lyra/ui/accordion.tsx", - "content": "\"use client\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", + "content": "import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/button.json b/apps/v4/public/r/styles/base-lyra/button.json index 9dec5fd4b0..2ca81c6815 100644 --- a/apps/v4/public/r/styles/base-lyra/button.json +++ b/apps/v4/public/r/styles/base-lyra/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-lyra/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\": \"size-6 rounded-none [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-7 rounded-none\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-none border border-transparent bg-clip-padding text-xs font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-1 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-1 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-none px-2 text-xs has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-none px-2.5 has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\": \"size-6 rounded-none [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-7 rounded-none\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-lyra/slider.json b/apps/v4/public/r/styles/base-lyra/slider.json index e5427c98ab..bf86ab7224 100644 --- a/apps/v4/public/r/styles/base-lyra/slider.json +++ b/apps/v4/public/r/styles/base-lyra/slider.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-lyra/ui/slider.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", + "content": "import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-lyra/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/accordion.json b/apps/v4/public/r/styles/base-maia/accordion.json index 9d2951e374..59d1813086 100644 --- a/apps/v4/public/r/styles/base-maia/accordion.json +++ b/apps/v4/public/r/styles/base-maia/accordion.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/accordion.tsx", - "content": "\"use client\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", + "content": "import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/button.json b/apps/v4/public/r/styles/base-maia/button.json index 095857d285..63a1f04c09 100644 --- a/apps/v4/public/r/styles/base-maia/button.json +++ b/apps/v4/public/r/styles/base-maia/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-4xl border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-input/30 hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-3 has-data-[icon=inline-end]:pr-2.5 has-data-[icon=inline-start]:pl-2.5\",\n xs: \"h-6 gap-1 px-2.5 text-xs has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 px-3 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n lg: \"h-10 gap-1.5 px-4 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\": \"size-8\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-maia/slider.json b/apps/v4/public/r/styles/base-maia/slider.json index 08a43c3ac1..7dff55b056 100644 --- a/apps/v4/public/r/styles/base-maia/slider.json +++ b/apps/v4/public/r/styles/base-maia/slider.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-maia/ui/slider.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", + "content": "import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-maia/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/accordion.json b/apps/v4/public/r/styles/base-mira/accordion.json index d732a7dcc6..ec5101d6bd 100644 --- a/apps/v4/public/r/styles/base-mira/accordion.json +++ b/apps/v4/public/r/styles/base-mira/accordion.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/accordion.tsx", - "content": "\"use client\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", + "content": "import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/button.json b/apps/v4/public/r/styles/base-mira/button.json index 495725e167..f7c8e9ac1d 100644 --- a/apps/v4/public/r/styles/base-mira/button.json +++ b/apps/v4/public/r/styles/base-mira/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n xs: \"h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5\",\n sm: \"h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n lg: \"h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4\",\n icon: \"size-7 [&_svg:not([class*='size-'])]:size-3.5\",\n \"icon-xs\": \"size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5\",\n \"icon-sm\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-lg\": \"size-8 [&_svg:not([class*='size-'])]:size-4\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-xs/relaxed font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-2 focus-visible:ring-ring/30 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-2 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border hover:bg-input/50 hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:bg-input/30\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-7 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n xs: \"h-5 gap-1 rounded-sm px-2 text-[0.625rem] has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-2.5\",\n sm: \"h-6 gap-1 px-2 text-xs/relaxed has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n lg: \"h-8 gap-1 px-2.5 text-xs/relaxed has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2 [&_svg:not([class*='size-'])]:size-4\",\n icon: \"size-7 [&_svg:not([class*='size-'])]:size-3.5\",\n \"icon-xs\": \"size-5 rounded-sm [&_svg:not([class*='size-'])]:size-2.5\",\n \"icon-sm\": \"size-6 [&_svg:not([class*='size-'])]:size-3\",\n \"icon-lg\": \"size-8 [&_svg:not([class*='size-'])]:size-4\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-mira/slider.json b/apps/v4/public/r/styles/base-mira/slider.json index c8f888f0eb..dd6babc275 100644 --- a/apps/v4/public/r/styles/base-mira/slider.json +++ b/apps/v4/public/r/styles/base-mira/slider.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-mira/ui/slider.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", + "content": "import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-mira/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/accordion.json b/apps/v4/public/r/styles/base-nova/accordion.json index 6e7ff13e07..84fec7acf5 100644 --- a/apps/v4/public/r/styles/base-nova/accordion.json +++ b/apps/v4/public/r/styles/base-nova/accordion.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/accordion.tsx", - "content": "\"use client\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", + "content": "import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/button.json b/apps/v4/public/r/styles/base-nova/button.json index 3d1abc94ee..5fe8fac027 100644 --- a/apps/v4/public/r/styles/base-nova/button.json +++ b/apps/v4/public/r/styles/base-nova/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-lg border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground [a]:hover:bg-primary/80\",\n outline:\n \"border-border bg-background hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-8 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),10px)] px-2 text-xs in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-7 gap-1 rounded-[min(var(--radius-md),12px)] px-2.5 text-[0.8rem] in-data-[slot=button-group]:rounded-lg has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3.5\",\n lg: \"h-9 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-8\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-lg [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-7 rounded-[min(var(--radius-md),12px)] in-data-[slot=button-group]:rounded-lg\",\n \"icon-lg\": \"size-9\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-nova/slider.json b/apps/v4/public/r/styles/base-nova/slider.json index 94e3537389..acc3d55ccd 100644 --- a/apps/v4/public/r/styles/base-nova/slider.json +++ b/apps/v4/public/r/styles/base-nova/slider.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-nova/ui/slider.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", + "content": "import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-nova/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/accordion.json b/apps/v4/public/r/styles/base-vega/accordion.json index 6a616bab6b..71f811de01 100644 --- a/apps/v4/public/r/styles/base-vega/accordion.json +++ b/apps/v4/public/r/styles/base-vega/accordion.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/accordion.tsx", - "content": "\"use client\"\n\nimport { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", + "content": "import { Accordion as AccordionPrimitive } from \"@base-ui/react/accordion\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\nimport { IconPlaceholder } from \"@/app/(create)/components/icon-placeholder\"\n\nfunction Accordion({ className, ...props }: AccordionPrimitive.Root.Props) {\n return (\n \n )\n}\n\nfunction AccordionItem({ className, ...props }: AccordionPrimitive.Item.Props) {\n return (\n \n )\n}\n\nfunction AccordionTrigger({\n className,\n children,\n ...props\n}: AccordionPrimitive.Trigger.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nfunction AccordionContent({\n className,\n children,\n ...props\n}: AccordionPrimitive.Panel.Props) {\n return (\n \n \n {children}\n \n \n )\n}\n\nexport { Accordion, AccordionItem, AccordionTrigger, AccordionContent }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/button.json b/apps/v4/public/r/styles/base-vega/button.json index c418cc7088..10a34e9dca 100644 --- a/apps/v4/public/r/styles/base-vega/button.json +++ b/apps/v4/public/r/styles/base-vega/button.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/button.tsx", - "content": "\"use client\"\n\nimport { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", + "content": "import { Button as ButtonPrimitive } from \"@base-ui/react/button\"\nimport { cva, type VariantProps } from \"class-variance-authority\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\n\nconst buttonVariants = cva(\n \"group/button inline-flex shrink-0 items-center justify-center rounded-md border border-transparent bg-clip-padding text-sm font-medium whitespace-nowrap transition-all outline-none select-none focus-visible:border-ring focus-visible:ring-3 focus-visible:ring-ring/50 active:not-aria-[haspopup]:translate-y-px disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-3 aria-invalid:ring-destructive/20 dark:aria-invalid:border-destructive/50 dark:aria-invalid:ring-destructive/40 [&_svg]:pointer-events-none [&_svg]:shrink-0 [&_svg:not([class*='size-'])]:size-4\",\n {\n variants: {\n variant: {\n default: \"bg-primary text-primary-foreground hover:bg-primary/80\",\n outline:\n \"border-border bg-background shadow-xs hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50\",\n secondary:\n \"bg-secondary text-secondary-foreground hover:bg-secondary/80 aria-expanded:bg-secondary aria-expanded:text-secondary-foreground\",\n ghost:\n \"hover:bg-muted hover:text-foreground aria-expanded:bg-muted aria-expanded:text-foreground dark:hover:bg-muted/50\",\n destructive:\n \"bg-destructive/10 text-destructive hover:bg-destructive/20 focus-visible:border-destructive/40 focus-visible:ring-destructive/20 dark:bg-destructive/20 dark:hover:bg-destructive/30 dark:focus-visible:ring-destructive/40\",\n link: \"text-primary underline-offset-4 hover:underline\",\n },\n size: {\n default:\n \"h-9 gap-1.5 px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-2 has-data-[icon=inline-start]:pl-2\",\n xs: \"h-6 gap-1 rounded-[min(var(--radius-md),8px)] px-2 text-xs in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5 [&_svg:not([class*='size-'])]:size-3\",\n sm: \"h-8 gap-1 rounded-[min(var(--radius-md),10px)] px-2.5 in-data-[slot=button-group]:rounded-md has-data-[icon=inline-end]:pr-1.5 has-data-[icon=inline-start]:pl-1.5\",\n lg: \"h-10 gap-1.5 px-2.5 has-data-[icon=inline-end]:pr-3 has-data-[icon=inline-start]:pl-3\",\n icon: \"size-9\",\n \"icon-xs\":\n \"size-6 rounded-[min(var(--radius-md),8px)] in-data-[slot=button-group]:rounded-md [&_svg:not([class*='size-'])]:size-3\",\n \"icon-sm\":\n \"size-8 rounded-[min(var(--radius-md),10px)] in-data-[slot=button-group]:rounded-md\",\n \"icon-lg\": \"size-10\",\n },\n },\n defaultVariants: {\n variant: \"default\",\n size: \"default\",\n },\n }\n)\n\nfunction Button({\n className,\n variant = \"default\",\n size = \"default\",\n ...props\n}: ButtonPrimitive.Props & VariantProps) {\n return (\n \n )\n}\n\nexport { Button, buttonVariants }\n", "type": "registry:ui" } ], diff --git a/apps/v4/public/r/styles/base-vega/slider.json b/apps/v4/public/r/styles/base-vega/slider.json index ed1f7bcc8d..8c87cd33c9 100644 --- a/apps/v4/public/r/styles/base-vega/slider.json +++ b/apps/v4/public/r/styles/base-vega/slider.json @@ -4,7 +4,7 @@ "files": [ { "path": "registry/base-vega/ui/slider.tsx", - "content": "\"use client\"\n\nimport * as React from \"react\"\nimport { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = React.useMemo(\n () =>\n Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max],\n [value, defaultValue, min, max]\n )\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", + "content": "import { Slider as SliderPrimitive } from \"@base-ui/react/slider\"\n\nimport { cn } from \"@/registry/base-vega/lib/utils\"\n\nfunction Slider({\n className,\n defaultValue,\n value,\n min = 0,\n max = 100,\n ...props\n}: SliderPrimitive.Root.Props) {\n const _values = Array.isArray(value)\n ? value\n : Array.isArray(defaultValue)\n ? defaultValue\n : [min, max]\n\n return (\n \n \n \n \n \n {Array.from({ length: _values.length }, (_, index) => (\n \n ))}\n \n \n )\n}\n\nexport { Slider }\n", "type": "registry:ui" } ], From 5570b3e24aaed76c8728411d3bd4de777d1054bf Mon Sep 17 00:00:00 2001 From: shadcn Date: Thu, 26 Mar 2026 14:23:24 +0400 Subject: [PATCH 04/90] Revert "deps: update next to 16.2.1 (#10180)" (#10189) This reverts commit 8bd161d453bc3bd4b7e0ed691c64a81fc719f88b. --- apps/v4/package.json | 4 +- pnpm-lock.yaml | 152 +++++++++--------- templates/next-app/package.json | 4 +- templates/next-monorepo/apps/web/package.json | 2 +- .../packages/eslint-config/package.json | 2 +- 5 files changed, 82 insertions(+), 82 deletions(-) diff --git a/apps/v4/package.json b/apps/v4/package.json index b48bd3cc03..3754b674b3 100644 --- a/apps/v4/package.json +++ b/apps/v4/package.json @@ -61,7 +61,7 @@ "lru-cache": "^11.2.4", "lucide-react": "0.474.0", "motion": "^12.12.1", - "next": "16.2.1", + "next": "16.1.6", "next-themes": "0.4.6", "nuqs": "^2.7.2", "postcss": "^8.5.1", @@ -97,7 +97,7 @@ "agentation": "^2.2.1", "baseline-browser-mapping": "^2.10.0", "eslint": "^9", - "eslint-config-next": "16.2.1", + "eslint-config-next": "16.0.0", "prettier": "^3.4.2", "prettier-plugin-tailwindcss": "^0.7.2", "tailwindcss": "^4", diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml index e4cfb45963..f86b54f6ac 100644 --- a/pnpm-lock.yaml +++ b/pnpm-lock.yaml @@ -168,7 +168,7 @@ importers: version: 8.21.3(react-dom@19.2.3(react@19.2.3))(react@19.2.3) '@vercel/analytics': specifier: ^1.4.1 - version: 1.5.0(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3) + version: 1.5.0(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3) change-case: specifier: ^5.4.4 version: 5.4.4 @@ -201,16 +201,16 @@ importers: version: 4.0.2 fumadocs-core: specifier: 16.0.5 - version: 16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + version: 16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) fumadocs-docgen: specifier: 2.0.0 version: 2.0.0 fumadocs-mdx: specifier: 13.0.2 - version: 13.0.2(fumadocs-core@16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(vite@7.1.12(@types/node@20.19.10)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.20.3)(yaml@2.8.1)) + version: 13.0.2(fumadocs-core@16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(vite@7.1.12(@types/node@20.19.10)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.20.3)(yaml@2.8.1)) fumadocs-ui: specifier: 16.0.5 - version: 16.0.5(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(tailwindcss@4.1.18) + version: 16.0.5(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(tailwindcss@4.1.18) input-otp: specifier: ^1.4.2 version: 1.4.2(react-dom@19.2.3(react@19.2.3))(react@19.2.3) @@ -233,14 +233,14 @@ importers: specifier: ^12.12.1 version: 12.23.12(@emotion/is-prop-valid@1.3.1)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) next: - specifier: 16.2.1 - version: 16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + specifier: 16.1.6 + version: 16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) next-themes: specifier: 0.4.6 version: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3) nuqs: specifier: ^2.7.2 - version: 2.7.2(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3) + version: 2.7.2(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3) postcss: specifier: ^8.5.1 version: 8.5.6 @@ -333,8 +333,8 @@ importers: specifier: ^9 version: 9.26.0(hono@4.11.7)(jiti@2.6.1) eslint-config-next: - specifier: 16.2.1 - version: 16.2.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2) + specifier: 16.0.0 + version: 16.0.0(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2) prettier: specifier: ^3.4.2 version: 3.6.2 @@ -1722,59 +1722,59 @@ packages: '@napi-rs/wasm-runtime@0.2.12': resolution: {integrity: sha512-ZVWUcfwY4E/yPitQJl481FjFo3K22D6qF0DuFH6Y/nbnE11GY5uguDxZMGXPQ8WQ0128MXQD7TnfHyK4oWoIJQ==} - '@next/env@16.2.1': - resolution: {integrity: sha512-n8P/HCkIWW+gVal2Z8XqXJ6aB3J0tuM29OcHpCsobWlChH/SITBs1DFBk/HajgrwDkqqBXPbuUuzgDvUekREPg==} + '@next/env@16.1.6': + resolution: {integrity: sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ==} '@next/eslint-plugin-next@15.5.11': resolution: {integrity: sha512-tS/HYQOjIoX9ZNDQitba/baS8sTvo3ekY6Vgdx5lmhN4jov082bdApIChXr94qhMZHvEciz9DZglFFnhguQp/A==} - '@next/eslint-plugin-next@16.2.1': - resolution: {integrity: sha512-r0epZGo24eT4g08jJlg2OEryBphXqO8aL18oajoTKLzHJ6jVr6P6FI58DLMug04MwD3j8Fj0YK0slyzneKVyzA==} + '@next/eslint-plugin-next@16.0.0': + resolution: {integrity: sha512-IB7RzmmtrPOrpAgEBR1PIQPD0yea5lggh5cq54m51jHjjljU80Ia+czfxJYMlSDl1DPvpzb8S9TalCc0VMo9Hw==} - '@next/swc-darwin-arm64@16.2.1': - resolution: {integrity: sha512-BwZ8w8YTaSEr2HIuXLMLxIdElNMPvY9fLqb20LX9A9OMGtJilhHLbCL3ggyd0TwjmMcTxi0XXt+ur1vWUoxj2Q==} + '@next/swc-darwin-arm64@16.1.6': + resolution: {integrity: sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw==} engines: {node: '>= 10'} cpu: [arm64] os: [darwin] - '@next/swc-darwin-x64@16.2.1': - resolution: {integrity: sha512-/vrcE6iQSJq3uL3VGVHiXeaKbn8Es10DGTGRJnRZlkNQQk3kaNtAJg8Y6xuAlrx/6INKVjkfi5rY0iEXorZ6uA==} + '@next/swc-darwin-x64@16.1.6': + resolution: {integrity: sha512-BLFPYPDO+MNJsiDWbeVzqvYd4NyuRrEYVB5k2N3JfWncuHAy2IVwMAOlVQDFjj+krkWzhY2apvmekMkfQR0CUQ==} engines: {node: '>= 10'} cpu: [x64] os: [darwin] - '@next/swc-linux-arm64-gnu@16.2.1': - resolution: {integrity: sha512-uLn+0BK+C31LTVbQ/QU+UaVrV0rRSJQ8RfniQAHPghDdgE+SlroYqcmFnO5iNjNfVWCyKZHYrs3Nl0mUzWxbBw==} + '@next/swc-linux-arm64-gnu@16.1.6': + resolution: {integrity: sha512-OJYkCd5pj/QloBvoEcJ2XiMnlJkRv9idWA/j0ugSuA34gMT6f5b7vOiCQHVRpvStoZUknhl6/UxOXL4OwtdaBw==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] - '@next/swc-linux-arm64-musl@16.2.1': - resolution: {integrity: sha512-ssKq6iMRnHdnycGp9hCuGnXJZ0YPr4/wNwrfE5DbmvEcgl9+yv97/Kq3TPVDfYome1SW5geciLB9aiEqKXQjlQ==} + '@next/swc-linux-arm64-musl@16.1.6': + resolution: {integrity: sha512-S4J2v+8tT3NIO9u2q+S0G5KdvNDjXfAv06OhfOzNDaBn5rw84DGXWndOEB7d5/x852A20sW1M56vhC/tRVbccQ==} engines: {node: '>= 10'} cpu: [arm64] os: [linux] - '@next/swc-linux-x64-gnu@16.2.1': - resolution: {integrity: sha512-HQm7SrHRELJ30T1TSmT706IWovFFSRGxfgUkyWJZF/RKBMdbdRWJuFrcpDdE5vy9UXjFOx6L3mRdqH04Mmx0hg==} + '@next/swc-linux-x64-gnu@16.1.6': + resolution: {integrity: sha512-2eEBDkFlMMNQnkTyPBhQOAyn2qMxyG2eE7GPH2WIDGEpEILcBPI/jdSv4t6xupSP+ot/jkfrCShLAa7+ZUPcJQ==} engines: {node: '>= 10'} cpu: [x64] os: [linux] - '@next/swc-linux-x64-musl@16.2.1': - resolution: {integrity: sha512-aV2iUaC/5HGEpbBkE+4B8aHIudoOy5DYekAKOMSHoIYQ66y/wIVeaRx8MS2ZMdxe/HIXlMho4ubdZs/J8441Tg==} + '@next/swc-linux-x64-musl@16.1.6': + resolution: {integrity: sha512-oicJwRlyOoZXVlxmIMaTq7f8pN9QNbdes0q2FXfRsPhfCi8n8JmOZJm5oo1pwDaFbnnD421rVU409M3evFbIqg==} engines: {node: '>= 10'} cpu: [x64] os: [linux] - '@next/swc-win32-arm64-msvc@16.2.1': - resolution: {integrity: sha512-IXdNgiDHaSk0ZUJ+xp0OQTdTgnpx1RCfRTalhn3cjOP+IddTMINwA7DXZrwTmGDO8SUr5q2hdP/du4DcrB1GxA==} + '@next/swc-win32-arm64-msvc@16.1.6': + resolution: {integrity: sha512-gQmm8izDTPgs+DCWH22kcDmuUp7NyiJgEl18bcr8irXA5N2m2O+JQIr6f3ct42GOs9c0h8QF3L5SzIxcYAAXXw==} engines: {node: '>= 10'} cpu: [arm64] os: [win32] - '@next/swc-win32-x64-msvc@16.2.1': - resolution: {integrity: sha512-qvU+3a39Hay+ieIztkGSbF7+mccbbg1Tk25hc4JDylf8IHjYmY/Zm64Qq1602yPyQqvie+vf5T/uPwNxDNIoeg==} + '@next/swc-win32-x64-msvc@16.1.6': + resolution: {integrity: sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A==} engines: {node: '>= 10'} cpu: [x64] os: [win32] @@ -4413,8 +4413,8 @@ packages: typescript: optional: true - eslint-config-next@16.2.1: - resolution: {integrity: sha512-qhabwjQZ1Mk53XzXvmogf8KQ0tG0CQXF0CZ56+2/lVhmObgmaqj7x5A1DSrWdZd3kwI7GTPGUjFne+krRxYmFg==} + eslint-config-next@16.0.0: + resolution: {integrity: sha512-DWKT1YAO9ex2rK0/EeiPpKU++ghTiG59z6m08/ReLRECOYIaEv17maSCYT8zmFQLwIrY5lhJ+iaJPQdT4sJd4g==} peerDependencies: eslint: '>=9.0.0' typescript: '>=3.3.1' @@ -6075,8 +6075,8 @@ packages: react: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc react-dom: ^16.8 || ^17 || ^18 || ^19 || ^19.0.0-rc - next@16.2.1: - resolution: {integrity: sha512-VaChzNL7o9rbfdt60HUj8tev4m6d7iC1igAy157526+cJlXOQu5LzsBXNT+xaJnTP/k+utSX5vMv7m0G+zKH+Q==} + next@16.1.6: + resolution: {integrity: sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw==} engines: {node: '>=20.9.0'} hasBin: true peerDependencies: @@ -9235,38 +9235,38 @@ snapshots: '@tybys/wasm-util': 0.10.0 optional: true - '@next/env@16.2.1': {} + '@next/env@16.1.6': {} '@next/eslint-plugin-next@15.5.11': dependencies: fast-glob: 3.3.1 - '@next/eslint-plugin-next@16.2.1': + '@next/eslint-plugin-next@16.0.0': dependencies: fast-glob: 3.3.1 - '@next/swc-darwin-arm64@16.2.1': + '@next/swc-darwin-arm64@16.1.6': optional: true - '@next/swc-darwin-x64@16.2.1': + '@next/swc-darwin-x64@16.1.6': optional: true - '@next/swc-linux-arm64-gnu@16.2.1': + '@next/swc-linux-arm64-gnu@16.1.6': optional: true - '@next/swc-linux-arm64-musl@16.2.1': + '@next/swc-linux-arm64-musl@16.1.6': optional: true - '@next/swc-linux-x64-gnu@16.2.1': + '@next/swc-linux-x64-gnu@16.1.6': optional: true - '@next/swc-linux-x64-musl@16.2.1': + '@next/swc-linux-x64-musl@16.1.6': optional: true - '@next/swc-win32-arm64-msvc@16.2.1': + '@next/swc-win32-arm64-msvc@16.1.6': optional: true - '@next/swc-win32-x64-msvc@16.2.1': + '@next/swc-win32-x64-msvc@16.1.6': optional: true '@noble/ciphers@1.3.0': {} @@ -10609,7 +10609,7 @@ snapshots: graphemer: 1.4.0 ignore: 7.0.5 natural-compare: 1.4.0 - ts-api-utils: 2.4.0(typescript@5.9.2) + ts-api-utils: 2.1.0(typescript@5.9.2) typescript: 5.9.2 transitivePeerDependencies: - supports-color @@ -10677,8 +10677,8 @@ snapshots: '@typescript-eslint/project-service@8.46.2(typescript@5.9.2)': dependencies: - '@typescript-eslint/tsconfig-utils': 8.54.0(typescript@5.9.2) - '@typescript-eslint/types': 8.54.0 + '@typescript-eslint/tsconfig-utils': 8.49.0(typescript@5.9.2) + '@typescript-eslint/types': 8.49.0 debug: 4.4.3 typescript: 5.9.2 transitivePeerDependencies: @@ -10745,7 +10745,7 @@ snapshots: '@typescript-eslint/utils': 8.46.2(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2) debug: 4.4.3 eslint: 9.26.0(hono@4.11.7)(jiti@2.6.1) - ts-api-utils: 2.4.0(typescript@5.9.2) + ts-api-utils: 2.1.0(typescript@5.9.2) typescript: 5.9.2 transitivePeerDependencies: - supports-color @@ -10797,7 +10797,7 @@ snapshots: is-glob: 4.0.3 minimatch: 9.0.5 semver: 7.7.3 - ts-api-utils: 2.4.0(typescript@5.9.2) + ts-api-utils: 2.1.0(typescript@5.9.2) typescript: 5.9.2 transitivePeerDependencies: - supports-color @@ -10935,9 +10935,9 @@ snapshots: '@unrs/resolver-binding-win32-x64-msvc@1.11.1': optional: true - '@vercel/analytics@1.5.0(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)': + '@vercel/analytics@1.5.0(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)': optionalDependencies: - next: 16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + next: 16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) react: 19.2.3 '@vitest/expect@2.1.9': @@ -12038,9 +12038,9 @@ snapshots: - eslint-plugin-import-x - supports-color - eslint-config-next@16.2.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2): + eslint-config-next@16.0.0(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2): dependencies: - '@next/eslint-plugin-next': 16.2.1 + '@next/eslint-plugin-next': 16.0.0 eslint: 9.26.0(hono@4.11.7)(jiti@2.6.1) eslint-import-resolver-node: 0.3.9 eslint-import-resolver-typescript: 3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)) @@ -12105,7 +12105,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)): + eslint-module-utils@2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)): dependencies: debug: 3.2.7 optionalDependencies: @@ -12116,7 +12116,7 @@ snapshots: transitivePeerDependencies: - supports-color - eslint-module-utils@2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)))(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)): + eslint-module-utils@2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)): dependencies: debug: 3.2.7 optionalDependencies: @@ -12138,7 +12138,7 @@ snapshots: doctrine: 2.1.0 eslint: 9.26.0(hono@4.11.7)(jiti@2.6.1) eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)))(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)) + eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.39.0(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@2.6.1)) hasown: 2.0.2 is-core-module: 2.16.1 is-glob: 4.0.3 @@ -12167,7 +12167,7 @@ snapshots: doctrine: 2.1.0 eslint: 9.26.0(hono@4.11.7)(jiti@1.21.7) eslint-import-resolver-node: 0.3.9 - eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1(eslint-plugin-import@2.32.0)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)))(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)) + eslint-module-utils: 2.12.1(@typescript-eslint/parser@8.54.0(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7))(typescript@5.9.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.10.1)(eslint@9.26.0(hono@4.11.7)(jiti@1.21.7)) hasown: 2.0.2 is-core-module: 2.16.1 is-glob: 4.0.3 @@ -12745,7 +12745,7 @@ snapshots: fsevents@2.3.3: optional: true - fumadocs-core@16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3): + fumadocs-core@16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3): dependencies: '@formatjs/intl-localematcher': 0.6.2 '@orama/orama': 3.1.16 @@ -12767,7 +12767,7 @@ snapshots: optionalDependencies: '@types/react': 19.2.2 lucide-react: 0.474.0(react@19.2.3) - next: 16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + next: 16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) react: 19.2.3 react-dom: 19.2.3(react@19.2.3) transitivePeerDependencies: @@ -12782,14 +12782,14 @@ snapshots: unist-util-visit: 5.0.0 zod: 3.25.76 - fumadocs-mdx@13.0.2(fumadocs-core@16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(vite@7.1.12(@types/node@20.19.10)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.20.3)(yaml@2.8.1)): + fumadocs-mdx@13.0.2(fumadocs-core@16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3)(vite@7.1.12(@types/node@20.19.10)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.20.3)(yaml@2.8.1)): dependencies: '@mdx-js/mdx': 3.1.1 '@standard-schema/spec': 1.1.0 chokidar: 4.0.3 esbuild: 0.25.11 estree-util-value-to-estree: 3.5.0 - fumadocs-core: 16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + fumadocs-core: 16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) js-yaml: 4.1.1 lru-cache: 11.2.4 mdast-util-to-markdown: 2.1.2 @@ -12803,13 +12803,13 @@ snapshots: unist-util-visit: 5.0.0 zod: 4.3.6 optionalDependencies: - next: 16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + next: 16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) react: 19.2.3 vite: 7.1.12(@types/node@20.19.10)(jiti@2.6.1)(lightningcss@1.30.2)(tsx@4.20.3)(yaml@2.8.1) transitivePeerDependencies: - supports-color - fumadocs-ui@16.0.5(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(tailwindcss@4.1.18): + fumadocs-ui@16.0.5(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3)(tailwindcss@4.1.18): dependencies: '@radix-ui/react-accordion': 1.2.12(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) '@radix-ui/react-collapsible': 1.1.12(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) @@ -12822,7 +12822,7 @@ snapshots: '@radix-ui/react-slot': 1.2.3(@types/react@19.2.2)(react@19.2.3) '@radix-ui/react-tabs': 1.1.13(@types/react-dom@19.2.2(@types/react@19.2.2))(@types/react@19.2.2)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) class-variance-authority: 0.7.1 - fumadocs-core: 16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + fumadocs-core: 16.0.5(@types/react@19.2.2)(lucide-react@0.474.0(react@19.2.3))(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react-dom@19.2.3(react@19.2.3))(react@19.2.3) lodash.merge: 4.6.2 next-themes: 0.4.6(react-dom@19.2.3(react@19.2.3))(react@19.2.3) postcss-selector-parser: 7.1.0 @@ -12833,7 +12833,7 @@ snapshots: tailwind-merge: 3.3.1 optionalDependencies: '@types/react': 19.2.2 - next: 16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + next: 16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) tailwindcss: 4.1.18 transitivePeerDependencies: - '@mixedbread/sdk' @@ -14241,9 +14241,9 @@ snapshots: react: 19.2.3 react-dom: 19.2.3(react@19.2.3) - next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3): + next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3): dependencies: - '@next/env': 16.2.1 + '@next/env': 16.1.6 '@swc/helpers': 0.5.15 baseline-browser-mapping: 2.10.0 caniuse-lite: 1.0.30001759 @@ -14252,14 +14252,14 @@ snapshots: react-dom: 19.2.3(react@19.2.3) styled-jsx: 5.1.6(@babel/core@7.28.0)(react@19.2.3) optionalDependencies: - '@next/swc-darwin-arm64': 16.2.1 - '@next/swc-darwin-x64': 16.2.1 - '@next/swc-linux-arm64-gnu': 16.2.1 - '@next/swc-linux-arm64-musl': 16.2.1 - '@next/swc-linux-x64-gnu': 16.2.1 - '@next/swc-linux-x64-musl': 16.2.1 - '@next/swc-win32-arm64-msvc': 16.2.1 - '@next/swc-win32-x64-msvc': 16.2.1 + '@next/swc-darwin-arm64': 16.1.6 + '@next/swc-darwin-x64': 16.1.6 + '@next/swc-linux-arm64-gnu': 16.1.6 + '@next/swc-linux-arm64-musl': 16.1.6 + '@next/swc-linux-x64-gnu': 16.1.6 + '@next/swc-linux-x64-musl': 16.1.6 + '@next/swc-win32-arm64-msvc': 16.1.6 + '@next/swc-win32-x64-msvc': 16.1.6 '@opentelemetry/api': 1.9.0 sharp: 0.34.5 transitivePeerDependencies: @@ -14301,12 +14301,12 @@ snapshots: npm-to-yarn@3.0.1: {} - nuqs@2.7.2(next@16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3): + nuqs@2.7.2(next@16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3))(react@19.2.3): dependencies: '@standard-schema/spec': 1.0.0 react: 19.2.3 optionalDependencies: - next: 16.2.1(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) + next: 16.1.6(@babel/core@7.28.0)(@opentelemetry/api@1.9.0)(react-dom@19.2.3(react@19.2.3))(react@19.2.3) object-assign@4.1.1: {} diff --git a/templates/next-app/package.json b/templates/next-app/package.json index b5707471be..513d6666ff 100644 --- a/templates/next-app/package.json +++ b/templates/next-app/package.json @@ -12,7 +12,7 @@ "typecheck": "tsc --noEmit" }, "dependencies": { - "next": "16.2.1", + "next": "16.1.7", "next-themes": "^0.4.6", "react": "^19.2.4", "react-dom": "^19.2.4" @@ -24,7 +24,7 @@ "@types/react": "^19.2.14", "@types/react-dom": "^19.2.3", "eslint": "^9.39.4", - "eslint-config-next": "16.2.1", + "eslint-config-next": "16.1.7", "prettier": "^3.8.1", "prettier-plugin-tailwindcss": "^0.7.2", "postcss": "^8", diff --git a/templates/next-monorepo/apps/web/package.json b/templates/next-monorepo/apps/web/package.json index 3a4279d1be..34141a5eae 100644 --- a/templates/next-monorepo/apps/web/package.json +++ b/templates/next-monorepo/apps/web/package.json @@ -13,7 +13,7 @@ }, "dependencies": { "@workspace/ui": "workspace:*", - "next": "16.2.1", + "next": "16.1.6", "next-themes": "^0.4.6", "react": "^19.2.4", "react-dom": "^19.2.4" diff --git a/templates/next-monorepo/packages/eslint-config/package.json b/templates/next-monorepo/packages/eslint-config/package.json index db807dc7c5..2707468eca 100644 --- a/templates/next-monorepo/packages/eslint-config/package.json +++ b/templates/next-monorepo/packages/eslint-config/package.json @@ -10,7 +10,7 @@ }, "devDependencies": { "@eslint/js": "^9.39.2", - "@next/eslint-plugin-next": "^16.2.1", + "@next/eslint-plugin-next": "^16.1.6", "@typescript-eslint/eslint-plugin": "^8.54.0", "@typescript-eslint/parser": "^8.54.0", "eslint": "^9.39.2", From 7d718ddaa9c32b9c3d489bc3f6ca3994bf049570 Mon Sep 17 00:00:00 2001 From: shadcn Date: Thu, 26 Mar 2026 14:36:00 +0400 Subject: [PATCH 05/90] 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 (