@axis-ds/ui-react 1.4.0 → 1.5.1

package/dist/avatar/index.js

@@ -1,9 +1,7 @@
 "use strict";
-var __create = Object.create;
 var __defProp = Object.defineProperty;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
 var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
 var __export = (target, all) => {
   for (var name in all)
@@ -17,87 +15,15 @@ var __copyProps = (to, from, except, desc) => {
   }
   return to;
 };
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
-  // If the importer is in node compatibility mode or this is not an ESM
-  // file that has been converted to a CommonJS file using a Babel-
-  // compatible transform (i.e. "__esModule" has not been set), then set
-  // "default" to the CommonJS "module.exports" for node compatibility.
-  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
-  mod
-));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/avatar/index.tsx
 var avatar_exports = {};
 __export(avatar_exports, {
-  Avatar: () => Avatar,
-  avatarVariants: () => avatarVariants
+  Avatar: () => import_avatar.Avatar,
+  avatarVariants: () => import_variants.avatarVariants
 });
 module.exports = __toCommonJS(avatar_exports);
-var React = __toESM(require("react"));
-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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/avatar/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var avatarVariants = (0, import_class_variance_authority.cva)(
-  "relative flex shrink-0 overflow-hidden rounded-full bg-[var(--axis-surface-secondary)]",
-  {
-    variants: {
-      size: {
-        sm: "h-8 w-8 text-xs",
-        default: "h-10 w-10 text-sm",
-        lg: "h-12 w-12 text-base",
-        xl: "h-16 w-16 text-lg"
-      }
-    },
-    defaultVariants: {
-      size: "default"
-    }
-  }
-);
-var Avatar = React.forwardRef(
-  ({ className, size, src, alt, fallback, ...props }, ref) => {
-    const [hasError, setHasError] = React.useState(false);
-    const initials = React.useMemo(() => {
-      if (fallback) return fallback;
-      if (!alt) return "?";
-      return alt.split(" ").map((word) => word[0]).join("").toUpperCase().slice(0, 2);
-    }, [alt, fallback]);
-    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-      "div",
-      {
-        ref,
-        className: cn(avatarVariants({ size, className })),
-        ...props,
-        children: src && !hasError ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          "img",
-          {
-            src,
-            alt: alt || "Avatar",
-            className: "aspect-square h-full w-full object-cover",
-            onError: () => setHasError(true)
-          }
-        ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)("span", { className: "flex h-full w-full items-center justify-center bg-[var(--axis-surface-tertiary)] text-[var(--axis-text-secondary)] font-medium", children: initials })
-      }
-    );
-  }
-);
-Avatar.displayName = "Avatar";
+var import_avatar = require("./avatar.js");
+var import_variants = require("./variants.js");
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   Avatar,

package/dist/avatar/index.mjs

@@ -1,8 +1,5 @@
-import {
-  Avatar,
-  avatarVariants
-} from "../chunk-OQGMQL2A.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { Avatar } from "./avatar.mjs";
+import { avatarVariants } from "./variants.mjs";
 export {
   Avatar,
   avatarVariants

package/dist/avatar/variants.d.mts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+/**
+ * Avatar 크기 variants
+ *
+ * 컴포넌트(./avatar, 클라이언트 경계)와 파일을 나눠 두었습니다. 같은 파일에 있으면
+ * 서버 컴포넌트에서 `avatarVariants()` 를 부를 때 클라이언트 참조가 되어 실패합니다(WI-0050 D2).
+ * 이 파일은 클라이언트 지시문 목록(scripts/client-modules.mjs)에 넣지 않습니다.
+ */
+declare const avatarVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+export { avatarVariants };

package/dist/avatar/variants.d.ts

@@ -0,0 +1,14 @@
+import * as class_variance_authority_types from 'class-variance-authority/types';
+
+/**
+ * Avatar 크기 variants
+ *
+ * 컴포넌트(./avatar, 클라이언트 경계)와 파일을 나눠 두었습니다. 같은 파일에 있으면
+ * 서버 컴포넌트에서 `avatarVariants()` 를 부를 때 클라이언트 참조가 되어 실패합니다(WI-0050 D2).
+ * 이 파일은 클라이언트 지시문 목록(scripts/client-modules.mjs)에 넣지 않습니다.
+ */
+declare const avatarVariants: (props?: ({
+    size?: "default" | "sm" | "lg" | "xl" | null | undefined;
+} & class_variance_authority_types.ClassProp) | undefined) => string;
+
+export { avatarVariants };

package/dist/avatar/variants.js

@@ -0,0 +1,44 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var variants_exports = {};
+__export(variants_exports, {
+  avatarVariants: () => avatarVariants
+});
+module.exports = __toCommonJS(variants_exports);
+var import_class_variance_authority = require("class-variance-authority");
+const avatarVariants = (0, import_class_variance_authority.cva)(
+  "relative flex shrink-0 overflow-hidden rounded-full bg-[var(--axis-surface-secondary)]",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8 text-xs",
+        default: "h-10 w-10 text-sm",
+        lg: "h-12 w-12 text-base",
+        xl: "h-16 w-16 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  avatarVariants
+});

package/dist/avatar/variants.mjs

@@ -0,0 +1,20 @@
+import { cva } from "class-variance-authority";
+const avatarVariants = cva(
+  "relative flex shrink-0 overflow-hidden rounded-full bg-[var(--axis-surface-secondary)]",
+  {
+    variants: {
+      size: {
+        sm: "h-8 w-8 text-xs",
+        default: "h-10 w-10 text-sm",
+        lg: "h-12 w-12 text-base",
+        xl: "h-16 w-16 text-lg"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+export {
+  avatarVariants
+};

package/dist/badge/index.js

@@ -26,35 +26,17 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/badge/index.tsx
 var badge_exports = {};
 __export(badge_exports, {
   Badge: () => Badge,
   badgeVariants: () => badgeVariants
 });
 module.exports = __toCommonJS(badge_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/badge/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var badgeVariants = (0, import_class_variance_authority.cva)(
+var import_utils = require("../utils.js");
+const badgeVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
   {
     variants: {
@@ -74,12 +56,12 @@ var badgeVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Badge = React.forwardRef(
+const Badge = React.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     "div",
     {
       ref,
-      className: cn(badgeVariants({ variant }), className),
+      className: (0, import_utils.cn)(badgeVariants({ variant }), className),
       ...props
     }
   )

package/dist/badge/index.mjs

@@ -1,8 +1,38 @@
-import {
-  Badge,
-  badgeVariants
-} from "../chunk-22MWNPDF.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils.mjs";
+const badgeVariants = cva(
+  "inline-flex items-center rounded-full border px-2.5 py-0.5 text-xs font-semibold transition-colors focus:outline-none focus:ring-2 focus:ring-offset-2",
+  {
+    variants: {
+      variant: {
+        default: "border-transparent bg-[var(--axis-badge-default-bg)] text-[var(--axis-badge-default-text)]",
+        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)]",
+        error: "border-transparent bg-[var(--axis-badge-error-bg)] text-[var(--axis-badge-error-text)]",
+        info: "border-transparent bg-[var(--axis-badge-info-bg)] text-[var(--axis-badge-info-text)]",
+        outline: "border-[var(--axis-border-default)] text-[var(--axis-text-primary)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Badge = React.forwardRef(
+  ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+    "div",
+    {
+      ref,
+      className: cn(badgeVariants({ variant }), className),
+      ...props
+    }
+  )
+);
+Badge.displayName = "Badge";
 export {
   Badge,
   badgeVariants

package/dist/breadcrumb/index.js

@@ -26,8 +26,6 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/breadcrumb/index.tsx
 var breadcrumb_exports = {};
 __export(breadcrumb_exports, {
   Breadcrumb: () => Breadcrumb,
@@ -39,33 +37,17 @@ __export(breadcrumb_exports, {
   BreadcrumbSeparator: () => BreadcrumbSeparator
 });
 module.exports = __toCommonJS(breadcrumb_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/breadcrumb/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
+var import_utils = require("../utils.js");
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("nav", { ref, "aria-label": "breadcrumb", ...props }));
 Breadcrumb.displayName = "Breadcrumb";
-var BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "ol",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "flex flex-wrap items-center gap-1.5 break-words text-sm text-[var(--axis-text-secondary)] sm:gap-2.5",
       className
     ),
@@ -73,22 +55,22 @@ var BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 BreadcrumbList.displayName = "BreadcrumbList";
-var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "li",
   {
     ref,
-    className: cn("inline-flex items-center gap-1.5", className),
+    className: (0, import_utils.cn)("inline-flex items-center gap-1.5", className),
     ...props
   }
 ));
 BreadcrumbItem.displayName = "BreadcrumbItem";
-var BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
   const Comp = asChild ? import_react_slot.Slot : "a";
   return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     Comp,
     {
       ref,
-      className: cn(
+      className: (0, import_utils.cn)(
         "transition-colors hover:text-[var(--axis-text-primary)]",
         className
       ),
@@ -97,19 +79,19 @@ var BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) =>
   );
 });
 BreadcrumbLink.displayName = "BreadcrumbLink";
-var BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "span",
   {
     ref,
     role: "link",
     "aria-disabled": "true",
     "aria-current": "page",
-    className: cn("font-normal text-[var(--axis-text-primary)]", className),
+    className: (0, import_utils.cn)("font-normal text-[var(--axis-text-primary)]", className),
     ...props
   }
 ));
 BreadcrumbPage.displayName = "BreadcrumbPage";
-var BreadcrumbSeparator = ({
+const BreadcrumbSeparator = ({
   children,
   className,
   ...props
@@ -118,7 +100,7 @@ var BreadcrumbSeparator = ({
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
+    className: (0, import_utils.cn)("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
     ...props,
     children: children ?? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "svg",
@@ -138,7 +120,7 @@ var BreadcrumbSeparator = ({
   }
 );
 BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
-var BreadcrumbEllipsis = ({
+const BreadcrumbEllipsis = ({
   className,
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
@@ -146,7 +128,7 @@ var BreadcrumbEllipsis = ({
   {
     role: "presentation",
     "aria-hidden": "true",
-    className: cn("flex h-9 w-9 items-center justify-center", className),
+    className: (0, import_utils.cn)("flex h-9 w-9 items-center justify-center", className),
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(

package/dist/breadcrumb/index.mjs

@@ -1,13 +1,121 @@
-import {
-  Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator
-} from "../chunk-YI5OZRUB.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cn } from "../utils.mjs";
+const Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
+Breadcrumb.displayName = "Breadcrumb";
+const BreadcrumbList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "ol",
+  {
+    ref,
+    className: cn(
+      "flex flex-wrap items-center gap-1.5 break-words text-sm text-[var(--axis-text-secondary)] sm:gap-2.5",
+      className
+    ),
+    ...props
+  }
+));
+BreadcrumbList.displayName = "BreadcrumbList";
+const BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    ref,
+    className: cn("inline-flex items-center gap-1.5", className),
+    ...props
+  }
+));
+BreadcrumbItem.displayName = "BreadcrumbItem";
+const BreadcrumbLink = React.forwardRef(({ asChild, className, ...props }, ref) => {
+  const Comp = asChild ? Slot : "a";
+  return /* @__PURE__ */ jsx(
+    Comp,
+    {
+      ref,
+      className: cn(
+        "transition-colors hover:text-[var(--axis-text-primary)]",
+        className
+      ),
+      ...props
+    }
+  );
+});
+BreadcrumbLink.displayName = "BreadcrumbLink";
+const BreadcrumbPage = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "span",
+  {
+    ref,
+    role: "link",
+    "aria-disabled": "true",
+    "aria-current": "page",
+    className: cn("font-normal text-[var(--axis-text-primary)]", className),
+    ...props
+  }
+));
+BreadcrumbPage.displayName = "BreadcrumbPage";
+const BreadcrumbSeparator = ({
+  children,
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "li",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("[&>svg]:h-3.5 [&>svg]:w-3.5", className),
+    ...props,
+    children: children ?? /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "16",
+        height: "16",
+        viewBox: "0 0 24 24",
+        fill: "none",
+        stroke: "currentColor",
+        strokeWidth: "2",
+        strokeLinecap: "round",
+        strokeLinejoin: "round",
+        children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
+      }
+    )
+  }
+);
+BreadcrumbSeparator.displayName = "BreadcrumbSeparator";
+const BreadcrumbEllipsis = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsxs(
+  "span",
+  {
+    role: "presentation",
+    "aria-hidden": "true",
+    className: cn("flex h-9 w-9 items-center justify-center", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsxs(
+        "svg",
+        {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: "16",
+          height: "16",
+          viewBox: "0 0 24 24",
+          fill: "none",
+          stroke: "currentColor",
+          strokeWidth: "2",
+          strokeLinecap: "round",
+          strokeLinejoin: "round",
+          children: [
+            /* @__PURE__ */ jsx("circle", { cx: "12", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx("circle", { cx: "19", cy: "12", r: "1" }),
+            /* @__PURE__ */ jsx("circle", { cx: "5", cy: "12", r: "1" })
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx("span", { className: "sr-only", children: "More" })
+    ]
+  }
+);
+BreadcrumbEllipsis.displayName = "BreadcrumbEllipsis";
 export {
   Breadcrumb,
   BreadcrumbEllipsis,

package/dist/button/index.js

@@ -26,36 +26,18 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/button/index.tsx
 var button_exports = {};
 __export(button_exports, {
   Button: () => Button,
   buttonVariants: () => buttonVariants
 });
 module.exports = __toCommonJS(button_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var import_react_slot = require("@radix-ui/react-slot");
 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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/button/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var buttonVariants = (0, import_class_variance_authority.cva)(
+var import_utils = require("../utils.js");
+const buttonVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
   {
     variants: {
@@ -80,13 +62,13 @@ var buttonVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Button = React.forwardRef(
+const Button = React.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? import_react_slot.Slot : "button";
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       Comp,
       {
-        className: cn(buttonVariants({ variant, size, className })),
+        className: (0, import_utils.cn)(buttonVariants({ variant, size, className })),
         ref,
         ...props
       }

package/dist/button/index.mjs

@@ -1,8 +1,47 @@
-import {
-  Button,
-  buttonVariants
-} from "../chunk-QXQWVRXN.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { Slot } from "@radix-ui/react-slot";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils.mjs";
+const buttonVariants = cva(
+  "inline-flex items-center justify-center whitespace-nowrap rounded-md text-sm font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-offset-2 disabled:pointer-events-none disabled:opacity-50",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--axis-button-bg-default)] text-[var(--axis-button-text-default)] hover:bg-[var(--axis-button-bg-hover)] active:bg-[var(--axis-button-bg-active)] focus-visible:ring-[var(--axis-button-border-focus)]",
+        secondary: "bg-[var(--axis-button-secondary-bg-default)] text-[var(--axis-button-secondary-text-default)] hover:bg-[var(--axis-button-secondary-bg-hover)] active:bg-[var(--axis-button-secondary-bg-active)]",
+        ghost: "bg-[var(--axis-button-ghost-bg-default)] text-[var(--axis-button-ghost-text-default)] hover:bg-[var(--axis-button-ghost-bg-hover)] active:bg-[var(--axis-button-ghost-bg-active)]",
+        destructive: "bg-[var(--axis-button-destructive-bg-default)] text-[var(--axis-button-destructive-text-default)] hover:bg-[var(--axis-button-destructive-bg-hover)] active:bg-[var(--axis-button-destructive-bg-active)]",
+        outline: "border border-[var(--axis-border-default)] bg-transparent hover:bg-[var(--axis-surface-secondary)] text-[var(--axis-text-primary)]",
+        link: "text-[var(--axis-text-brand)] underline-offset-4 hover:underline"
+      },
+      size: {
+        sm: "h-8 px-3 text-xs",
+        default: "h-10 px-4 py-2",
+        lg: "h-12 px-6 text-base",
+        icon: "h-10 w-10"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Button = React.forwardRef(
+  ({ className, variant, size, asChild = false, ...props }, ref) => {
+    const Comp = asChild ? Slot : "button";
+    return /* @__PURE__ */ jsx(
+      Comp,
+      {
+        className: cn(buttonVariants({ variant, size, className })),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Button.displayName = "Button";
 export {
   Button,
   buttonVariants