@axis-ds/ui-react 1.2.0 → 1.3.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import {
   Switch
-} from "./chunk-Q3KALTWT.mjs";
+} from "./chunk-TA62Q7YX.mjs";
 import {
   Table,
   TableBody,
@@ -10,16 +10,16 @@ import {
   TableHead,
   TableHeader,
   TableRow
-} from "./chunk-XHILRI24.mjs";
+} from "./chunk-4I2F2NLP.mjs";
 import {
   Tabs,
   TabsContent,
   TabsList,
   TabsTrigger
-} from "./chunk-NEZK6NO5.mjs";
+} from "./chunk-SO2QSRGV.mjs";
 import {
   Textarea
-} from "./chunk-HQB5TO4N.mjs";
+} from "./chunk-5Z2R3IHJ.mjs";
 import {
   Toast,
   ToastAction,
@@ -28,30 +28,30 @@ import {
   ToastProvider,
   ToastTitle,
   ToastViewport
-} from "./chunk-E2C7WDLA.mjs";
+} from "./chunk-RFB4IABR.mjs";
 import {
   Toggle,
   toggleVariants
-} from "./chunk-JM45JPSK.mjs";
+} from "./chunk-TB33GTWS.mjs";
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger
-} from "./chunk-SCH6SFLB.mjs";
+} from "./chunk-IS7NER3O.mjs";
 import {
   Progress,
   progressIndicatorVariants,
   progressVariants
-} from "./chunk-YVJ7BL4T.mjs";
+} from "./chunk-HKYKDQ6C.mjs";
 import {
   RadioGroup,
   RadioGroupItem
-} from "./chunk-3H7DF7QZ.mjs";
+} from "./chunk-F2WSIT7F.mjs";
 import {
   ScrollArea,
   ScrollBar
-} from "./chunk-ECF2JRI5.mjs";
+} from "./chunk-2XNUJNTG.mjs";
 import {
   Select,
   SelectContent,
@@ -61,10 +61,10 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "./chunk-YKZAU3UV.mjs";
+} from "./chunk-AY4B3RRN.mjs";
 import {
   Separator
-} from "./chunk-AEBHTW7E.mjs";
+} from "./chunk-ZW6GY5PO.mjs";
 import {
   Sheet,
   SheetClose,
@@ -76,16 +76,16 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "./chunk-5PIG7LWJ.mjs";
+} from "./chunk-FZFREHAE.mjs";
 import {
   Skeleton
-} from "./chunk-FMXB7UCT.mjs";
+} from "./chunk-DRFCNDVQ.mjs";
 import {
   Slider
-} from "./chunk-S7LWOK76.mjs";
+} from "./chunk-CNU6645Y.mjs";
 import {
   Checkbox
-} from "./chunk-AJERK2UH.mjs";
+} from "./chunk-MOBW7BKD.mjs";
 import {
   Collapsible,
   CollapsibleContent,
@@ -99,7 +99,7 @@ import {
   CommandItem,
   CommandList,
   CommandSeparator
-} from "./chunk-XW4HTSUY.mjs";
+} from "./chunk-Z65ZMFDH.mjs";
 import {
   Dialog,
   DialogClose,
@@ -109,7 +109,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger
-} from "./chunk-IXLVGZWU.mjs";
+} from "./chunk-CY72AGI2.mjs";
 import {
   DropdownMenu,
   DropdownMenuCheckboxItem,
@@ -126,38 +126,38 @@ import {
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
   DropdownMenuTrigger
-} from "./chunk-SR3JZW6T.mjs";
+} from "./chunk-YZDRNV46.mjs";
 import {
   Input
-} from "./chunk-SLQ756Q7.mjs";
+} from "./chunk-5NWFAQBM.mjs";
 import {
   Label
-} from "./chunk-4JQWQF3H.mjs";
+} from "./chunk-PJX5UF3Y.mjs";
 import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "./chunk-ZU6FMFB5.mjs";
+} from "./chunk-4PT43LON.mjs";
 import {
   Accordion,
   AccordionContent,
   AccordionItem,
   AccordionTrigger
-} from "./chunk-6TRDXC4W.mjs";
+} from "./chunk-2OEPKE4D.mjs";
 import {
   Alert,
   AlertDescription,
   AlertTitle,
   alertVariants
-} from "./chunk-TD5OLTUB.mjs";
+} from "./chunk-Z4P43F5J.mjs";
 import {
   Avatar,
   avatarVariants
-} from "./chunk-4AWNSTZH.mjs";
+} from "./chunk-OQGMQL2A.mjs";
 import {
   Badge,
   badgeVariants
-} from "./chunk-WVWKKHBP.mjs";
+} from "./chunk-22MWNPDF.mjs";
 import {
   Breadcrumb,
   BreadcrumbEllipsis,
@@ -166,11 +166,11 @@ import {
   BreadcrumbList,
   BreadcrumbPage,
   BreadcrumbSeparator
-} from "./chunk-KAIB45YN.mjs";
+} from "./chunk-YI5OZRUB.mjs";
 import {
   Button,
   buttonVariants
-} from "./chunk-MARIIZN7.mjs";
+} from "./chunk-QXQWVRXN.mjs";
 import {
   Card,
   CardContent,
@@ -178,10 +178,10 @@ import {
   CardFooter,
   CardHeader,
   CardTitle
-} from "./chunk-O5SM54HW.mjs";
+} from "./chunk-C5O47K7L.mjs";
 import {
   cn
-} from "./chunk-PJO7WJ4G.mjs";
+} from "./chunk-ZIF4PLK3.mjs";
 export {
   Accordion,
   AccordionContent,

package/dist/input/index.js

@@ -38,8 +38,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/input/index.tsx

package/dist/input/index.mjs

@@ -1,7 +1,7 @@
 import {
   Input
-} from "../chunk-SLQ756Q7.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-5NWFAQBM.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Input
 };

package/dist/label/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/label/index.tsx

package/dist/label/index.mjs

@@ -1,7 +1,7 @@
 import {
   Label
-} from "../chunk-4JQWQF3H.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-PJX5UF3Y.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Label
 };

package/dist/popover/index.js

@@ -41,8 +41,16 @@ var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
 // 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/popover/index.tsx
@@ -56,7 +64,7 @@ var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset
     align,
     sideOffset,
     className: cn(
-      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
+      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
       "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-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className
     ),

package/dist/popover/index.mjs

@@ -2,8 +2,8 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger
-} from "../chunk-ZU6FMFB5.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-4PT43LON.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Popover,
   PopoverContent,

package/dist/progress/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | null | undefined;

package/dist/progress/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const progressVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | null | undefined;
+    size?: "default" | "sm" | "lg" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 declare const progressIndicatorVariants: (props?: ({
     variant?: "default" | "destructive" | "success" | "warning" | null | undefined;

package/dist/progress/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/progress/index.tsx
@@ -67,10 +75,10 @@ var progressIndicatorVariants = (0, import_class_variance_authority.cva)(
   {
     variants: {
       variant: {
-        default: "bg-[var(--axis-brand-500)]",
-        success: "bg-[var(--axis-green-500)]",
-        warning: "bg-[var(--axis-yellow-500)]",
-        destructive: "bg-[var(--axis-red-500)]"
+        default: "bg-[var(--axis-surface-brand)]",
+        success: "bg-[var(--axis-color-green-500)]",
+        warning: "bg-[var(--axis-color-yellow-500)]",
+        destructive: "bg-[var(--axis-color-red-500)]"
       }
     },
     defaultVariants: {

package/dist/progress/index.mjs

@@ -2,8 +2,8 @@ import {
   Progress,
   progressIndicatorVariants,
   progressVariants
-} from "../chunk-YVJ7BL4T.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-HKYKDQ6C.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Progress,
   progressIndicatorVariants,

package/dist/radio-group/index.js

@@ -40,8 +40,16 @@ var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
 // 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/radio-group/index.tsx
@@ -61,8 +69,8 @@ var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PU
     ref,
     className: cn(
       "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-[var(--axis-interactive-primary)]",
       className

package/dist/radio-group/index.mjs

@@ -1,8 +1,8 @@
 import {
   RadioGroup,
   RadioGroupItem
-} from "../chunk-3H7DF7QZ.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-F2WSIT7F.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   RadioGroup,
   RadioGroupItem

package/dist/scroll-area/index.js

@@ -40,8 +40,16 @@ var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
 // 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/scroll-area/index.tsx

package/dist/scroll-area/index.mjs

@@ -1,8 +1,8 @@
 import {
   ScrollArea,
   ScrollBar
-} from "../chunk-ECF2JRI5.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-2XNUJNTG.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   ScrollArea,
   ScrollBar

package/dist/select/index.js

@@ -46,8 +46,16 @@ var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
 // 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/select/index.tsx

package/dist/select/index.mjs

@@ -7,8 +7,8 @@ import {
   SelectSeparator,
   SelectTrigger,
   SelectValue
-} from "../chunk-YKZAU3UV.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-AY4B3RRN.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Select,
   SelectContent,

package/dist/separator/index.js

@@ -39,8 +39,16 @@ var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
 // 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/separator/index.tsx

package/dist/separator/index.mjs

@@ -1,7 +1,7 @@
 import {
   Separator
-} from "../chunk-AEBHTW7E.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-ZW6GY5PO.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Separator
 };

package/dist/sheet/index.d.mts

@@ -15,7 +15,7 @@ declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 /** 시트가 열렸을 때 배경을 덮는 오버레이 컴포넌트. 페이드 인/아웃 애니메이션을 포함한다. */
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * SheetContent 컴포넌트의 Props 인터페이스

package/dist/sheet/index.d.ts

@@ -15,7 +15,7 @@ declare const SheetPortal: React.FC<DialogPrimitive.DialogPortalProps>;
 /** 시트가 열렸을 때 배경을 덮는 오버레이 컴포넌트. 페이드 인/아웃 애니메이션을 포함한다. */
 declare const SheetOverlay: React.ForwardRefExoticComponent<Omit<DialogPrimitive.DialogOverlayProps & React.RefAttributes<HTMLDivElement>, "ref"> & React.RefAttributes<HTMLDivElement>>;
 declare const sheetVariants: (props?: ({
-    side?: "top" | "right" | "bottom" | "left" | null | undefined;
+    side?: "bottom" | "left" | "right" | "top" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * SheetContent 컴포넌트의 Props 인터페이스

package/dist/sheet/index.js

@@ -49,8 +49,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/sheet/index.tsx
@@ -72,7 +80,7 @@ var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 SheetOverlay.displayName = "SheetOverlay";
 var sheetVariants = (0, import_class_variance_authority.cva)(
-  "fixed z-50 gap-4 bg-[var(--axis-surface-primary)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
+  "fixed z-50 gap-4 bg-[var(--axis-surface-default)] border-[var(--axis-border-default)] p-6 shadow-lg transition ease-in-out data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:duration-300 data-[state=open]:duration-500",
   {
     variants: {
       side: {
@@ -96,7 +104,7 @@ var SheetContent = React.forwardRef(({ side = "right", className, children, ...p
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-primary)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-ring)] focus:ring-offset-2 disabled:pointer-events-none", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPrimitive.Close, { className: "absolute right-4 top-4 rounded-sm opacity-70 ring-offset-[var(--axis-surface-default)] transition-opacity hover:opacity-100 focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)] focus:ring-offset-2 disabled:pointer-events-none", children: [
           /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
             "svg",
             {

package/dist/sheet/index.mjs

@@ -9,8 +9,8 @@ import {
   SheetPortal,
   SheetTitle,
   SheetTrigger
-} from "../chunk-5PIG7LWJ.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-FZFREHAE.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Sheet,
   SheetClose,

package/dist/skeleton/index.js

@@ -38,8 +38,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/skeleton/index.tsx

package/dist/skeleton/index.mjs

@@ -1,7 +1,7 @@
 import {
   Skeleton
-} from "../chunk-FMXB7UCT.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-DRFCNDVQ.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Skeleton
 };

package/dist/slider/index.js

@@ -39,8 +39,16 @@ var SliderPrimitive = __toESM(require("@radix-ui/react-slider"));
 // 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/slider/index.tsx
@@ -67,7 +75,7 @@ var Slider = React.forwardRef(
           {
             "aria-label": ariaLabel,
             "aria-labelledby": ariaLabelledby,
-            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-primary)] ring-offset-[var(--axis-surface-primary)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
+            className: "block h-5 w-5 rounded-full border-2 border-[var(--axis-interactive-primary)] bg-[var(--axis-surface-default)] ring-offset-[var(--axis-surface-default)] transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50"
           }
         )
       ]

package/dist/slider/index.mjs

@@ -1,7 +1,7 @@
 import {
   Slider
-} from "../chunk-S7LWOK76.mjs";
-import "../chunk-PJO7WJ4G.mjs";
+} from "../chunk-CNU6645Y.mjs";
+import "../chunk-ZIF4PLK3.mjs";
 export {
   Slider
 };

package/dist/switch/index.js

@@ -39,8 +39,16 @@ var SwitchPrimitive = __toESM(require("@radix-ui/react-switch"));
 // 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/switch/index.tsx
@@ -50,7 +58,7 @@ var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
   {
     className: cn(
       "peer inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent transition-colors",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-primary)]",
+      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-default)]",
       "disabled:cursor-not-allowed disabled:opacity-50",
       "data-[state=checked]:bg-[var(--axis-interactive-primary)]",
       "data-[state=unchecked]:bg-[var(--axis-surface-tertiary)]",