@axis-ds/ui-react 1.2.0 → 1.3.0

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
@@ -51,13 +59,16 @@ var import_jsx_runtime = require("react/jsx-runtime");
 var alertVariants = (0, import_class_variance_authority.cva)(
   "relative w-full rounded-lg border p-4 [&>svg~*]:pl-7 [&>svg]:absolute [&>svg]:left-4 [&>svg]:top-4 [&>svg]:text-current",
   {
+    // 아이콘은 기본 클래스 [&>svg]:text-current로 변형의 글자색(text-*)을 따른다.
+    // 라이트 icon-success(#22C55E) · icon-warning(#EAB308)은 상태 배경 대비가 2.18:1 · 1.85:1로
+    // 비텍스트 기준 3:1에 못 미치므로 아이콘 색에 쓰지 않는다(글자색은 4.76:1 이상).
     variants: {
       variant: {
-        default: "bg-[var(--axis-surface-primary)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
-        info: "bg-[var(--axis-blue-100)] text-[var(--axis-blue-900)] border-[var(--axis-blue-200)] [&>svg]:text-[var(--axis-blue-600)]",
-        success: "bg-[var(--axis-green-100)] text-[var(--axis-green-900)] border-[var(--axis-green-200)] [&>svg]:text-[var(--axis-green-600)]",
-        warning: "bg-[var(--axis-yellow-100)] text-[var(--axis-yellow-900)] border-[var(--axis-yellow-200)] [&>svg]:text-[var(--axis-yellow-600)]",
-        destructive: "bg-[var(--axis-red-100)] text-[var(--axis-red-900)] border-[var(--axis-red-200)] [&>svg]:text-[var(--axis-red-600)]"
+        default: "bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)] border-[var(--axis-border-default)]",
+        info: "bg-[var(--axis-surface-info)] text-[var(--axis-text-info)] border-[var(--axis-border-info)]",
+        success: "bg-[var(--axis-surface-success)] text-[var(--axis-text-success)] border-[var(--axis-border-success)]",
+        warning: "bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)] border-[var(--axis-border-warning)]",
+        destructive: "bg-[var(--axis-surface-error)] text-[var(--axis-text-error)] border-[var(--axis-border-error)]"
       }
     },
     defaultVariants: {

package/dist/alert/index.mjs

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

package/dist/avatar/index.d.mts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Avatar 컴포넌트 Props

package/dist/avatar/index.d.ts

@@ -3,7 +3,7 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const avatarVariants: (props?: ({
-    size?: "sm" | "default" | "lg" | "xl" | null | undefined;
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Avatar 컴포넌트 Props

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
@@ -52,7 +60,7 @@ var badgeVariants = (0, import_class_variance_authority.cva)(
     variants: {
       variant: {
         default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
-        secondary: "border-transparent bg-[var(--axis-bg-muted)] text-[var(--axis-text-secondary)]",
+        secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
         destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
         success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
         warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",

package/dist/badge/index.mjs

@@ -1,8 +1,8 @@
 import {
   Badge,
   badgeVariants
-} from "../chunk-WVWKKHBP.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.d.mts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Button 컴포넌트 Props

package/dist/button/index.d.ts

@@ -3,8 +3,8 @@ import * as React from 'react';
 import { VariantProps } from 'class-variance-authority';
 
 declare const buttonVariants: (props?: ({
-    variant?: "default" | "link" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
-    size?: "sm" | "default" | "lg" | "icon" | null | undefined;
+    variant?: "link" | "default" | "secondary" | "ghost" | "destructive" | "outline" | null | undefined;
+    size?: "default" | "sm" | "lg" | "icon" | null | undefined;
 } & class_variance_authority_types.ClassProp) | undefined) => string;
 /**
  * Button 컴포넌트 Props

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
@@ -51,8 +59,8 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ref,
     className: cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus-visible: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]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
       className

package/dist/checkbox/index.mjs

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

package/dist/{chunk-WVWKKHBP.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";
@@ -12,7 +12,7 @@ var badgeVariants = cva(
     variants: {
       variant: {
         default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
-        secondary: "border-transparent bg-[var(--axis-bg-muted)] text-[var(--axis-text-secondary)]",
+        secondary: "border-transparent bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
         destructive: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
         success: "border-transparent bg-[var(--axis-badge-success-bg)] text-[var(--axis-badge-success-text)]",
         warning: "border-transparent bg-[var(--axis-badge-warning-bg)] text-[var(--axis-badge-warning-text)]",

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-ZU6FMFB5.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";
@@ -15,7 +15,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/{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-HQB5TO4N.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";
@@ -9,11 +9,11 @@ var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   "textarea",
   {
     className: cn(
-      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-primary)] px-3 py-2 text-sm",
+      "flex min-h-[80px] w-full rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] px-3 py-2 text-sm",
       "text-[var(--axis-text-primary)]",
-      "ring-offset-[var(--axis-surface-primary)]",
+      "ring-offset-[var(--axis-surface-default)]",
       "placeholder:text-[var(--axis-text-tertiary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "focus-visible: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",
       className
     ),

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-S7LWOK76.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";
@@ -28,7 +28,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/{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-3H7DF7QZ.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";
@@ -21,8 +21,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/{chunk-5PIG7LWJ.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";
@@ -24,7 +24,7 @@ var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
 ));
 SheetOverlay.displayName = "SheetOverlay";
 var sheetVariants = 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: {
@@ -48,7 +48,7 @@ var SheetContent = React.forwardRef(({ side = "right", className, children, ...p
       className: cn(sheetVariants({ side }), className),
       ...props,
       children: [
-        /* @__PURE__ */ 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__ */ 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__ */ jsxs(
             "svg",
             {

package/dist/{chunk-YVJ7BL4T.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";
@@ -26,10 +26,10 @@ var progressIndicatorVariants = 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/{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-AJERK2UH.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";
@@ -12,8 +12,8 @@ var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
     ref,
     className: cn(
       "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
-      "ring-offset-[var(--axis-surface-primary)]",
-      "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-ring)] focus-visible:ring-offset-2",
+      "ring-offset-[var(--axis-surface-default)]",
+      "focus-visible: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]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
       className

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";