@axis-ds/ui-react 1.2.1 → 1.4.0

package/README.md

@@ -10,6 +10,26 @@ npm install @axis-ds/ui-react @axis-ds/tokens @axis-ds/theme
 pnpm add @axis-ds/ui-react @axis-ds/tokens @axis-ds/theme
 ```
 
+## Tailwind 연동
+
+### Tailwind CSS 4
+
+Tailwind CSS 4(`@import "tailwindcss"`, create-next-app 15.5 기본)에서는 `@import "tailwindcss"` 가 있는 전역 CSS 에 두 줄을 더합니다.
+
+```css
+/* app/globals.css */
+@import "tailwindcss";
+@import "@axis-ds/tokens/css/tailwind4";
+@import "@axis-ds/ui-react/tailwind.css";
+```
+
+- `@axis-ds/ui-react/tailwind.css` 는 스타일 규칙 없이 `@source "./dist"` 한 줄만 담습니다. Tailwind 4 는 `node_modules` 를 스캔하지 않아서, 이 줄이 없으면 컴포넌트가 쓰는 `bg-[var(--axis-button-bg-default)]` 같은 클래스가 생성되지 않고 Button 배경이 투명해집니다. 경로는 파일 기준 상대 경로라 npm · pnpm 설치 모두 동작합니다.
+- `@import "tailwindcss"` 가 있는 같은 파일에서 import 합니다. 다른 CSS 파일이나 JS/TSX 에서 import 하면 스캔 경로가 그 컴파일에 들어가지 않습니다.
+- `@axis-ds/tokens/css/tailwind4` 는 `rounded-md` · `font-mono` 등을 AXIS 변수로 매핑하고 토큰 변수(`css` · `css/shadcn`)를 base 레이어로 함께 불러옵니다. 아래 Tailwind 3 의 `@axis-ds/tokens/css/shadcn` import 는 넣지 않습니다(레이어 없이 넣으면 `border-red-500` 같은 테두리색 유틸리티가 무효가 됩니다). 브랜드 CSS · create-next-app 기본 `:root` 와의 충돌은 `@axis-ds/tokens` README 를 참고하세요.
+- `@axis-ds/agentic-ui` 도 쓰면 `@import "@axis-ds/agentic-ui/tailwind.css";` 를 함께 넣습니다.
+
+### Tailwind CSS 3
+
 CSS Variables 설정:
 
 ```css
@@ -17,6 +37,15 @@ CSS Variables 설정:
 @import '@axis-ds/tokens/css/shadcn';
 ```
 
+`tailwind.config` 에는 `@axis-ds/tokens/tailwind` preset 과 함께 컴포넌트 파일을 `content` 에 넣습니다.
+
+```js
+content: [
+  "./src/**/*.{js,ts,jsx,tsx}",
+  "./node_modules/@axis-ds/ui-react/**/*.{js,jsx}",
+],
+```
+
 ## 사용법
 
 ```tsx

package/dist/accordion/index.js

@@ -42,8 +42,16 @@ var AccordionPrimitive = __toESM(require("@radix-ui/react-accordion"));
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/accordion/index.tsx

package/dist/accordion/index.mjs

@@ -3,8 +3,8 @@ import {
   AccordionContent,
   AccordionItem,
   AccordionTrigger
-} from "../chunk-6TRDXC4W.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-2OEPKE4D.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Accordion,
   AccordionContent,

package/dist/alert/index.js

@@ -42,8 +42,16 @@ var import_class_variance_authority = require("class-variance-authority");
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/alert/index.tsx

package/dist/alert/index.mjs

@@ -3,8 +3,8 @@ import {
   AlertDescription,
   AlertTitle,
   alertVariants
-} from "../chunk-WN4YFVP6.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-Z4P43F5J.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Alert,
   AlertDescription,

package/dist/avatar/index.js

@@ -40,8 +40,16 @@ var import_class_variance_authority = require("class-variance-authority");
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/avatar/index.tsx

package/dist/avatar/index.mjs

@@ -1,8 +1,8 @@
 import {
   Avatar,
   avatarVariants
-} from "../chunk-4AWNSTZH.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-OQGMQL2A.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Avatar,
   avatarVariants

package/dist/badge/index.js

@@ -40,8 +40,16 @@ var import_class_variance_authority = require("class-variance-authority");
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/badge/index.tsx

package/dist/badge/index.mjs

@@ -1,8 +1,8 @@
 import {
   Badge,
   badgeVariants
-} from "../chunk-3X4D5BY3.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-22MWNPDF.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Badge,
   badgeVariants

package/dist/breadcrumb/index.js

@@ -45,8 +45,16 @@ var import_react_slot = require("@radix-ui/react-slot");
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/breadcrumb/index.tsx

package/dist/breadcrumb/index.mjs

@@ -6,8 +6,8 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator
-} from "../chunk-KAIB45YN.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-YI5OZRUB.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Breadcrumb,
   BreadcrumbEllipsis,

package/dist/button/index.js

@@ -41,8 +41,16 @@ var import_class_variance_authority = require("class-variance-authority");
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/button/index.tsx

package/dist/button/index.mjs

@@ -1,8 +1,8 @@
 import {
   Button,
   buttonVariants
-} from "../chunk-MARIIZN7.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-QXQWVRXN.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Button,
   buttonVariants

package/dist/card/index.js

@@ -43,8 +43,16 @@ var React = __toESM(require("react"));
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/card/index.tsx
@@ -55,7 +63,7 @@ var Card = React.forwardRef(
     {
       ref,
       className: cn(
-        "rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-sm",
+        "rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-[shadow:var(--axis-card-shadow)]",
         className
       ),
       ...props

package/dist/card/index.mjs

@@ -5,8 +5,8 @@ import {
   CardFooter,
   CardHeader,
   CardTitle
-} from "../chunk-O5SM54HW.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-C5O47K7L.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Card,
   CardContent,

package/dist/checkbox/index.js

@@ -39,8 +39,16 @@ var CheckboxPrimitive = __toESM(require("@radix-ui/react-checkbox"));
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/checkbox/index.tsx

package/dist/checkbox/index.mjs

@@ -1,7 +1,7 @@
 import {
   Checkbox
-} from "../chunk-MCAHPQTZ.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-MOBW7BKD.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Checkbox
 };

package/dist/{chunk-3X4D5BY3.mjs → chunk-22MWNPDF.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/badge/index.tsx
 import * as React from "react";

package/dist/{chunk-6TRDXC4W.mjs → chunk-2OEPKE4D.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/accordion/index.tsx
 import * as React from "react";

package/dist/{chunk-ECF2JRI5.mjs → chunk-2XNUJNTG.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/scroll-area/index.tsx
 import * as React from "react";

package/dist/{chunk-XHILRI24.mjs → chunk-4I2F2NLP.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/table/index.tsx
 import * as React from "react";

package/dist/{chunk-WZKK4HZL.mjs → chunk-4PT43LON.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/popover/index.tsx
 import * as React from "react";

package/dist/{chunk-SLQ756Q7.mjs → chunk-5NWFAQBM.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/input/index.tsx
 import * as React from "react";

package/dist/{chunk-EDGX5DCD.mjs → chunk-5Z2R3IHJ.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/textarea/index.tsx
 import * as React from "react";

package/dist/{chunk-YKZAU3UV.mjs → chunk-AY4B3RRN.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/select/index.tsx
 import * as React from "react";

package/dist/{chunk-O5SM54HW.mjs → chunk-C5O47K7L.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/card/index.tsx
 import * as React from "react";
@@ -11,7 +11,7 @@ var Card = React.forwardRef(
     {
       ref,
       className: cn(
-        "rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-sm",
+        "rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-[shadow:var(--axis-card-shadow)]",
         className
       ),
       ...props

package/dist/{chunk-HQJBSI2B.mjs → chunk-CNU6645Y.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/slider/index.tsx
 import * as React from "react";

package/dist/{chunk-IXLVGZWU.mjs → chunk-CY72AGI2.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/dialog/index.tsx
 import * as React from "react";
@@ -29,7 +29,7 @@ var DialogContent = React.forwardRef(({ className, children, ...props }, ref) =>
     {
       ref,
       className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-lg duration-200",
+        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-[shadow:var(--axis-shadow-lg)] duration-200",
         "bg-[var(--axis-dialog-content-bg)] border-[var(--axis-dialog-content-border)]",
         "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
         "sm:rounded-lg",

package/dist/{chunk-FMXB7UCT.mjs → chunk-DRFCNDVQ.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/skeleton/index.tsx
 import * as React from "react";

package/dist/{chunk-AIZOU3L5.mjs → chunk-F2WSIT7F.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/radio-group/index.tsx
 import * as React from "react";

package/dist/{chunk-DMN6TZ5P.mjs → chunk-FZFREHAE.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/sheet/index.tsx
 import * as React from "react";

package/dist/{chunk-WD72RERV.mjs → chunk-HKYKDQ6C.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/progress/index.tsx
 import * as React from "react";

package/dist/{chunk-SCH6SFLB.mjs → chunk-IS7NER3O.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/tooltip/index.tsx
 import * as React from "react";

package/dist/{chunk-MCAHPQTZ.mjs → chunk-MOBW7BKD.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/checkbox/index.tsx
 import * as React from "react";

package/dist/{chunk-4AWNSTZH.mjs → chunk-OQGMQL2A.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/avatar/index.tsx
 import * as React from "react";

package/dist/{chunk-4JQWQF3H.mjs → chunk-PJX5UF3Y.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/label/index.tsx
 import * as React from "react";

package/dist/{chunk-MARIIZN7.mjs → chunk-QXQWVRXN.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/button/index.tsx
 import * as React from "react";

package/dist/{chunk-E2C7WDLA.mjs → chunk-RFB4IABR.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/toast/index.tsx
 import * as React from "react";

package/dist/{chunk-NEZK6NO5.mjs → chunk-SO2QSRGV.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/tabs/index.tsx
 import * as React from "react";

package/dist/{chunk-5363AGDM.mjs → chunk-TA62Q7YX.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/switch/index.tsx
 import * as React from "react";

package/dist/{chunk-ZPMR6JNE.mjs → chunk-TB33GTWS.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/toggle/index.tsx
 import * as React from "react";

package/dist/{chunk-KAIB45YN.mjs → chunk-YI5OZRUB.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/breadcrumb/index.tsx
 import * as React from "react";

package/dist/{chunk-QGLMN7PH.mjs → chunk-YZDRNV46.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/dropdown-menu/index.tsx
 import * as React from "react";

package/dist/{chunk-WN4YFVP6.mjs → chunk-Z4P43F5J.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/alert/index.tsx
 import * as React from "react";

package/dist/{chunk-IVINZBZH.mjs → chunk-Z65ZMFDH.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/command/index.tsx
 import * as React from "react";

package/dist/chunk-ZIF4PLK3.mjs

@@ -0,0 +1,18 @@
+// src/utils.ts
+import { clsx } from "clsx";
+import { extendTailwindMerge } from "tailwind-merge";
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = extendTailwindMerge({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
+function cn(...inputs) {
+  return twMerge(clsx(inputs));
+}
+
+export {
+  cn
+};

package/dist/{chunk-AEBHTW7E.mjs → chunk-ZW6GY5PO.mjs}

@@ -1,6 +1,6 @@
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 
 // src/separator/index.tsx
 import * as React from "react";

package/dist/command/index.js

@@ -45,8 +45,16 @@ var import_cmdk = require("cmdk");
 // src/utils.ts
 var import_clsx = require("clsx");
 var import_tailwind_merge = require("tailwind-merge");
+var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
+var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
+  extend: {
+    classGroups: {
+      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
+    }
+  }
+});
 function cn(...inputs) {
-  return (0, import_tailwind_merge.twMerge)((0, import_clsx.clsx)(inputs));
+  return twMerge((0, import_clsx.clsx)(inputs));
 }
 
 // src/command/index.tsx

package/dist/command/index.mjs

@@ -6,8 +6,8 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator
-} from "../chunk-IVINZBZH.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-Z65ZMFDH.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Command,
   CommandEmpty,