@axis-ds/ui-react 1.3.0 → 1.5.0

package/dist/sheet/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/sheet/index.tsx
 var sheet_exports = {};
 __export(sheet_exports, {
   Sheet: () => Sheet,
@@ -42,35 +40,19 @@ __export(sheet_exports, {
   SheetTrigger: () => SheetTrigger
 });
 module.exports = __toCommonJS(sheet_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var SheetPrimitive = __toESM(require("@radix-ui/react-dialog"));
 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/sheet/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Sheet = SheetPrimitive.Root;
-var SheetTrigger = SheetPrimitive.Trigger;
-var SheetClose = SheetPrimitive.Close;
-var SheetPortal = SheetPrimitive.Portal;
-var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SheetPrimitive.Overlay,
   {
-    className: cn(
+    className: (0, import_utils.cn)(
       "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
       className
     ),
@@ -79,7 +61,7 @@ var SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetOverlay.displayName = "SheetOverlay";
-var sheetVariants = (0, import_class_variance_authority.cva)(
+const sheetVariants = (0, import_class_variance_authority.cva)(
   "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: {
@@ -95,13 +77,13 @@ var sheetVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(SheetPortal, { children: [
   /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SheetOverlay, {}),
   /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
     SheetPrimitive.Content,
     {
       ref,
-      className: cn(sheetVariants({ side }), className),
+      className: (0, import_utils.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-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: [
@@ -131,13 +113,13 @@ var SheetContent = React.forwardRef(({ side = "right", className, children, ...p
   )
 ] }));
 SheetContent.displayName = "SheetContent";
-var SheetHeader = ({
+const SheetHeader = ({
   className,
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "div",
   {
-    className: cn(
+    className: (0, import_utils.cn)(
       "flex flex-col space-y-2 text-center sm:text-left",
       className
     ),
@@ -145,13 +127,13 @@ var SheetHeader = ({
   }
 );
 SheetHeader.displayName = "SheetHeader";
-var SheetFooter = ({
+const SheetFooter = ({
   className,
   ...props
 }) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "div",
   {
-    className: cn(
+    className: (0, import_utils.cn)(
       "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
       className
     ),
@@ -159,11 +141,11 @@ var SheetFooter = ({
   }
 );
 SheetFooter.displayName = "SheetFooter";
-var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SheetPrimitive.Title,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "text-lg font-semibold text-[var(--axis-text-primary)]",
       className
     ),
@@ -171,11 +153,11 @@ var SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SheetPrimitive.Description,
   {
     ref,
-    className: cn("text-sm text-[var(--axis-text-secondary)]", className),
+    className: (0, import_utils.cn)("text-sm text-[var(--axis-text-secondary)]", className),
     ...props
   }
 ));

package/dist/sheet/index.mjs

@@ -1,16 +1,125 @@
-import {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetOverlay,
-  SheetPortal,
-  SheetTitle,
-  SheetTrigger
-} from "../chunk-FZFREHAE.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SheetPrimitive from "@radix-ui/react-dialog";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils.mjs";
+const Sheet = SheetPrimitive.Root;
+const SheetTrigger = SheetPrimitive.Trigger;
+const SheetClose = SheetPrimitive.Close;
+const SheetPortal = SheetPrimitive.Portal;
+const SheetOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Overlay,
+  {
+    className: cn(
+      "fixed inset-0 z-50 bg-black/80 data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
+      className
+    ),
+    ...props,
+    ref
+  }
+));
+SheetOverlay.displayName = "SheetOverlay";
+const sheetVariants = cva(
+  "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: {
+        top: "inset-x-0 top-0 border-b data-[state=closed]:slide-out-to-top data-[state=open]:slide-in-from-top",
+        bottom: "inset-x-0 bottom-0 border-t data-[state=closed]:slide-out-to-bottom data-[state=open]:slide-in-from-bottom",
+        left: "inset-y-0 left-0 h-full w-3/4 border-r data-[state=closed]:slide-out-to-left data-[state=open]:slide-in-from-left sm:max-w-sm",
+        right: "inset-y-0 right-0 h-full w-3/4 border-l data-[state=closed]:slide-out-to-right data-[state=open]:slide-in-from-right sm:max-w-sm"
+      }
+    },
+    defaultVariants: {
+      side: "right"
+    }
+  }
+);
+const SheetContent = React.forwardRef(({ side = "right", className, children, ...props }, ref) => /* @__PURE__ */ jsxs(SheetPortal, { children: [
+  /* @__PURE__ */ jsx(SheetOverlay, {}),
+  /* @__PURE__ */ jsxs(
+    SheetPrimitive.Content,
+    {
+      ref,
+      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-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",
+            {
+              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: "M18 6 6 18" }),
+                /* @__PURE__ */ jsx("path", { d: "m6 6 12 12" })
+              ]
+            }
+          ),
+          /* @__PURE__ */ jsx("span", { className: "sr-only", children: "Close" })
+        ] }),
+        children
+      ]
+    }
+  )
+] }));
+SheetContent.displayName = "SheetContent";
+const SheetHeader = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col space-y-2 text-center sm:text-left",
+      className
+    ),
+    ...props
+  }
+);
+SheetHeader.displayName = "SheetHeader";
+const SheetFooter = ({
+  className,
+  ...props
+}) => /* @__PURE__ */ jsx(
+  "div",
+  {
+    className: cn(
+      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      className
+    ),
+    ...props
+  }
+);
+SheetFooter.displayName = "SheetFooter";
+const SheetTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Title,
+  {
+    ref,
+    className: cn(
+      "text-lg font-semibold text-[var(--axis-text-primary)]",
+      className
+    ),
+    ...props
+  }
+));
+SheetTitle.displayName = "SheetTitle";
+const SheetDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SheetPrimitive.Description,
+  {
+    ref,
+    className: cn("text-sm text-[var(--axis-text-secondary)]", className),
+    ...props
+  }
+));
+SheetDescription.displayName = "SheetDescription";
 export {
   Sheet,
   SheetClose,

package/dist/skeleton/index.js

@@ -26,39 +26,21 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/skeleton/index.tsx
 var skeleton_exports = {};
 __export(skeleton_exports, {
   Skeleton: () => Skeleton
 });
 module.exports = __toCommonJS(skeleton_exports);
-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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/skeleton/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Skeleton = React.forwardRef(
+var React = __toESM(require("react"));
+var import_utils = require("../utils.js");
+const Skeleton = React.forwardRef(
   ({ className, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "div",
       {
         ref,
-        className: cn(
+        className: (0, import_utils.cn)(
           "animate-pulse rounded-md bg-[var(--axis-surface-tertiary)]",
           className
         ),

package/dist/skeleton/index.mjs

@@ -1,7 +1,22 @@
-import {
-  Skeleton
-} from "../chunk-DRFCNDVQ.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils.mjs";
+const Skeleton = React.forwardRef(
+  ({ className, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        className: cn(
+          "animate-pulse rounded-md bg-[var(--axis-surface-tertiary)]",
+          className
+        ),
+        ...props
+      }
+    );
+  }
+);
+Skeleton.displayName = "Skeleton";
 export {
   Skeleton
 };

package/dist/slider/index.js

@@ -26,34 +26,16 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/slider/index.tsx
 var slider_exports = {};
 __export(slider_exports, {
   Slider: () => Slider
 });
 module.exports = __toCommonJS(slider_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/slider/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Slider = React.forwardRef(
+var import_utils = require("../utils.js");
+const Slider = React.forwardRef(
   ({
     className,
     "aria-label": ariaLabel,
@@ -63,7 +45,7 @@ var Slider = React.forwardRef(
     SliderPrimitive.Root,
     {
       ref,
-      className: cn(
+      className: (0, import_utils.cn)(
         "relative flex w-full touch-none select-none items-center",
         className
       ),

package/dist/slider/index.mjs

@@ -1,7 +1,37 @@
-import {
-  Slider
-} from "../chunk-CNU6645Y.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SliderPrimitive from "@radix-ui/react-slider";
+import { cn } from "../utils.mjs";
+const Slider = React.forwardRef(
+  ({
+    className,
+    "aria-label": ariaLabel,
+    "aria-labelledby": ariaLabelledby,
+    ...props
+  }, ref) => /* @__PURE__ */ jsxs(
+    SliderPrimitive.Root,
+    {
+      ref,
+      className: cn(
+        "relative flex w-full touch-none select-none items-center",
+        className
+      ),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(SliderPrimitive.Track, { className: "relative h-2 w-full grow overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]", children: /* @__PURE__ */ jsx(SliderPrimitive.Range, { className: "absolute h-full bg-[var(--axis-interactive-primary)]" }) }),
+        /* @__PURE__ */ jsx(
+          SliderPrimitive.Thumb,
+          {
+            "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-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"
+          }
+        )
+      ]
+    }
+  )
+);
+Slider.displayName = "Slider";
 export {
   Slider
 };

package/dist/switch/index.js

@@ -26,37 +26,19 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/switch/index.tsx
 var switch_exports = {};
 __export(switch_exports, {
   Switch: () => Switch
 });
 module.exports = __toCommonJS(switch_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/switch/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SwitchPrimitive.Root,
   {
-    className: cn(
+    className: (0, import_utils.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-border-focus)] focus-visible:ring-offset-2 focus-visible:ring-offset-[var(--axis-surface-default)]",
       "disabled:cursor-not-allowed disabled:opacity-50",
@@ -69,7 +51,7 @@ var Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       SwitchPrimitive.Thumb,
       {
-        className: cn(
+        className: (0, import_utils.cn)(
           "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform",
           "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
         )

package/dist/switch/index.mjs

@@ -1,7 +1,32 @@
-import {
-  Switch
-} from "../chunk-TA62Q7YX.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SwitchPrimitive from "@radix-ui/react-switch";
+import { cn } from "../utils.mjs";
+const Switch = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SwitchPrimitive.Root,
+  {
+    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-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)]",
+      className
+    ),
+    ...props,
+    ref,
+    children: /* @__PURE__ */ jsx(
+      SwitchPrimitive.Thumb,
+      {
+        className: cn(
+          "pointer-events-none block h-5 w-5 rounded-full bg-white shadow-lg ring-0 transition-transform",
+          "data-[state=checked]:translate-x-5 data-[state=unchecked]:translate-x-0"
+        )
+      }
+    )
+  }
+));
+Switch.displayName = "Switch";
 export {
   Switch
 };

package/dist/table/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/table/index.tsx
 var table_exports = {};
 __export(table_exports, {
   Table: () => Table,
@@ -40,30 +38,14 @@ __export(table_exports, {
   TableRow: () => TableRow
 });
 module.exports = __toCommonJS(table_exports);
-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 twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/table/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var React = __toESM(require("react"));
+var import_utils = require("../utils.js");
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "table",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "w-full caption-bottom text-sm text-[var(--axis-text-primary)]",
       className
     ),
@@ -71,29 +53,29 @@ var Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (
   }
 ) }));
 Table.displayName = "Table";
-var TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "thead",
   {
     ref,
-    className: cn("[&_tr]:border-b", className),
+    className: (0, import_utils.cn)("[&_tr]:border-b", className),
     ...props
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "tbody",
   {
     ref,
-    className: cn("[&_tr:last-child]:border-0", className),
+    className: (0, import_utils.cn)("[&_tr:last-child]:border-0", className),
     ...props
   }
 ));
 TableBody.displayName = "TableBody";
-var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "tfoot",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "border-t bg-[var(--axis-surface-secondary)] font-medium [&>tr]:last:border-b-0",
       className
     ),
@@ -101,11 +83,11 @@ var TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TableFooter.displayName = "TableFooter";
-var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "tr",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "border-b border-[var(--axis-border-default)] transition-colors",
       "hover:bg-[var(--axis-surface-secondary)]",
       "data-[state=selected]:bg-[var(--axis-surface-tertiary)]",
@@ -115,11 +97,11 @@ var TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 TableRow.displayName = "TableRow";
-var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "th",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "h-12 px-4 text-left align-middle font-medium text-[var(--axis-text-secondary)]",
       "[&:has([role=checkbox])]:pr-0",
       className
@@ -128,11 +110,11 @@ var TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableHead.displayName = "TableHead";
-var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "td",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "p-4 align-middle [&:has([role=checkbox])]:pr-0",
       className
     ),
@@ -140,11 +122,11 @@ var TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 TableCell.displayName = "TableCell";
-var TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "caption",
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "mt-4 text-sm text-[var(--axis-text-secondary)]",
       className
     ),