@axis-ds/ui-react 1.3.0 → 1.5.0

package/dist/table/index.mjs

@@ -1,14 +1,99 @@
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "../chunk-4I2F2NLP.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils.mjs";
+const Table = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { className: "relative w-full overflow-auto", children: /* @__PURE__ */ jsx(
+  "table",
+  {
+    ref,
+    className: cn(
+      "w-full caption-bottom text-sm text-[var(--axis-text-primary)]",
+      className
+    ),
+    ...props
+  }
+) }));
+Table.displayName = "Table";
+const TableHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "thead",
+  {
+    ref,
+    className: cn("[&_tr]:border-b", className),
+    ...props
+  }
+));
+TableHeader.displayName = "TableHeader";
+const TableBody = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tbody",
+  {
+    ref,
+    className: cn("[&_tr:last-child]:border-0", className),
+    ...props
+  }
+));
+TableBody.displayName = "TableBody";
+const TableFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tfoot",
+  {
+    ref,
+    className: cn(
+      "border-t bg-[var(--axis-surface-secondary)] font-medium [&>tr]:last:border-b-0",
+      className
+    ),
+    ...props
+  }
+));
+TableFooter.displayName = "TableFooter";
+const TableRow = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "tr",
+  {
+    ref,
+    className: cn(
+      "border-b border-[var(--axis-border-default)] transition-colors",
+      "hover:bg-[var(--axis-surface-secondary)]",
+      "data-[state=selected]:bg-[var(--axis-surface-tertiary)]",
+      className
+    ),
+    ...props
+  }
+));
+TableRow.displayName = "TableRow";
+const TableHead = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "th",
+  {
+    ref,
+    className: cn(
+      "h-12 px-4 text-left align-middle font-medium text-[var(--axis-text-secondary)]",
+      "[&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableHead.displayName = "TableHead";
+const TableCell = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "td",
+  {
+    ref,
+    className: cn(
+      "p-4 align-middle [&:has([role=checkbox])]:pr-0",
+      className
+    ),
+    ...props
+  }
+));
+TableCell.displayName = "TableCell";
+const TableCaption = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "caption",
+  {
+    ref,
+    className: cn(
+      "mt-4 text-sm text-[var(--axis-text-secondary)]",
+      className
+    ),
+    ...props
+  }
+));
+TableCaption.displayName = "TableCaption";
 export {
   Table,
   TableBody,

package/dist/tabs/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/tabs/index.tsx
 var tabs_exports = {};
 __export(tabs_exports, {
   Tabs: () => Tabs,
@@ -36,32 +34,16 @@ __export(tabs_exports, {
   TabsTrigger: () => TabsTrigger
 });
 module.exports = __toCommonJS(tabs_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var TabsPrimitive = __toESM(require("@radix-ui/react-tabs"));
-
-// 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/tabs/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Tabs = TabsPrimitive.Root;
-var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const Tabs = TabsPrimitive.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   TabsPrimitive.List,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "inline-flex h-10 items-center justify-center rounded-md p-1",
       "bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
       className
@@ -70,11 +52,11 @@ var TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ *
   }
 ));
 TabsList.displayName = "TabsList";
-var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   TabsPrimitive.Trigger,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",
       "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",
@@ -86,11 +68,11 @@ var TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   TabsPrimitive.Content,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "mt-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",
       className

package/dist/tabs/index.mjs

@@ -1,10 +1,50 @@
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-} from "../chunk-SO2QSRGV.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TabsPrimitive from "@radix-ui/react-tabs";
+import { cn } from "../utils.mjs";
+const Tabs = TabsPrimitive.Root;
+const TabsList = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.List,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-10 items-center justify-center rounded-md p-1",
+      "bg-[var(--axis-surface-secondary)] text-[var(--axis-text-secondary)]",
+      className
+    ),
+    ...props
+  }
+));
+TabsList.displayName = "TabsList";
+const TabsTrigger = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "inline-flex items-center justify-center whitespace-nowrap rounded-sm px-3 py-1.5 text-sm font-medium transition-all",
+      "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:pointer-events-none disabled:opacity-50",
+      "data-[state=active]:bg-[var(--axis-surface-default)] data-[state=active]:text-[var(--axis-text-primary)] data-[state=active]:shadow-sm",
+      className
+    ),
+    ...props
+  }
+));
+TabsTrigger.displayName = "TabsTrigger";
+const TabsContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  TabsPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "mt-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",
+      className
+    ),
+    ...props
+  }
+));
+TabsContent.displayName = "TabsContent";
 export {
   Tabs,
   TabsContent,

package/dist/textarea/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/textarea/index.tsx
 var textarea_exports = {};
 __export(textarea_exports, {
   Textarea: () => Textarea
 });
 module.exports = __toCommonJS(textarea_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/textarea/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var React = __toESM(require("react"));
+var import_utils = require("../utils.js");
+const Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   "textarea",
   {
-    className: cn(
+    className: (0, import_utils.cn)(
       "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-default)]",

package/dist/textarea/index.mjs

@@ -1,7 +1,23 @@
-import {
-  Textarea
-} from "../chunk-5Z2R3IHJ.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils.mjs";
+const Textarea = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  "textarea",
+  {
+    className: cn(
+      "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-default)]",
+      "placeholder:text-[var(--axis-text-tertiary)]",
+      "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
+    ),
+    ref,
+    ...props
+  }
+));
+Textarea.displayName = "Textarea";
 export {
   Textarea
 };

package/dist/toast/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/toast/index.tsx
 var toast_exports = {};
 __export(toast_exports, {
   Toast: () => Toast,
@@ -39,33 +37,17 @@ __export(toast_exports, {
   ToastViewport: () => ToastViewport
 });
 module.exports = __toCommonJS(toast_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var ToastPrimitives = __toESM(require("@radix-ui/react-toast"));
 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/toast/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ToastProvider = ToastPrimitives.Provider;
-var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToastPrimitives.Viewport,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
       className
     ),
@@ -73,7 +55,7 @@ var ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
-var toastVariants = (0, import_class_variance_authority.cva)(
+const toastVariants = (0, import_class_variance_authority.cva)(
   "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
   {
     variants: {
@@ -89,20 +71,20 @@ var toastVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Toast = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToastPrimitives.Root,
   {
     ref,
-    className: cn(toastVariants({ variant }), className),
+    className: (0, import_utils.cn)(toastVariants({ variant }), className),
     ...props
   }
 ));
 Toast.displayName = ToastPrimitives.Root.displayName;
-var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToastPrimitives.Action,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium transition-colors",
       "border-[var(--axis-border-default)] bg-transparent",
       "hover:bg-[var(--axis-surface-secondary)]",
@@ -114,11 +96,11 @@ var ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 ToastAction.displayName = ToastPrimitives.Action.displayName;
-var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToastPrimitives.Close,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "absolute right-2 top-2 rounded-md p-1 text-[var(--axis-text-secondary)] opacity-0 transition-opacity",
       "hover:text-[var(--axis-text-primary)]",
       "focus:opacity-100 focus:outline-none focus:ring-2",
@@ -131,20 +113,20 @@ var ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__
   }
 ));
 ToastClose.displayName = ToastPrimitives.Close.displayName;
-var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToastPrimitives.Title,
   {
     ref,
-    className: cn("text-sm font-semibold", className),
+    className: (0, import_utils.cn)("text-sm font-semibold", className),
     ...props
   }
 ));
 ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ToastPrimitives.Description,
   {
     ref,
-    className: cn("text-sm opacity-90", className),
+    className: (0, import_utils.cn)("text-sm opacity-90", className),
     ...props
   }
 ));

package/dist/toast/index.mjs

@@ -1,13 +1,97 @@
-import {
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport
-} from "../chunk-RFB4IABR.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as ToastPrimitives from "@radix-ui/react-toast";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils.mjs";
+const ToastProvider = ToastPrimitives.Provider;
+const ToastViewport = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Viewport,
+  {
+    ref,
+    className: cn(
+      "fixed top-0 z-[100] flex max-h-screen w-full flex-col-reverse p-4 sm:bottom-0 sm:right-0 sm:top-auto sm:flex-col md:max-w-[420px]",
+      className
+    ),
+    ...props
+  }
+));
+ToastViewport.displayName = ToastPrimitives.Viewport.displayName;
+const toastVariants = cva(
+  "group pointer-events-auto relative flex w-full items-center justify-between space-x-4 overflow-hidden rounded-md border p-6 pr-8 shadow-lg transition-all data-[swipe=cancel]:translate-x-0 data-[swipe=end]:translate-x-[var(--radix-toast-swipe-end-x)] data-[swipe=move]:translate-x-[var(--radix-toast-swipe-move-x)] data-[swipe=move]:transition-none data-[state=open]:animate-in data-[state=closed]:animate-out data-[swipe=end]:animate-out data-[state=closed]:fade-out-80 data-[state=closed]:slide-out-to-right-full data-[state=open]:slide-in-from-top-full data-[state=open]:sm:slide-in-from-bottom-full",
+  {
+    variants: {
+      variant: {
+        default: "border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] text-[var(--axis-text-primary)]",
+        success: "border-[var(--axis-border-success)] bg-[var(--axis-surface-success)] text-[var(--axis-text-success)]",
+        error: "border-[var(--axis-border-error)] bg-[var(--axis-surface-error)] text-[var(--axis-text-error)]",
+        warning: "border-transparent bg-[var(--axis-surface-warning)] text-[var(--axis-text-warning)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Toast = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Root,
+  {
+    ref,
+    className: cn(toastVariants({ variant }), className),
+    ...props
+  }
+));
+Toast.displayName = ToastPrimitives.Root.displayName;
+const ToastAction = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Action,
+  {
+    ref,
+    className: cn(
+      "inline-flex h-8 shrink-0 items-center justify-center rounded-md border px-3 text-sm font-medium transition-colors",
+      "border-[var(--axis-border-default)] bg-transparent",
+      "hover:bg-[var(--axis-surface-secondary)]",
+      "focus:outline-none focus:ring-2 focus:ring-[var(--axis-border-focus)]",
+      "disabled:pointer-events-none disabled:opacity-50",
+      className
+    ),
+    ...props
+  }
+));
+ToastAction.displayName = ToastPrimitives.Action.displayName;
+const ToastClose = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Close,
+  {
+    ref,
+    className: cn(
+      "absolute right-2 top-2 rounded-md p-1 text-[var(--axis-text-secondary)] opacity-0 transition-opacity",
+      "hover:text-[var(--axis-text-primary)]",
+      "focus:opacity-100 focus:outline-none focus:ring-2",
+      "group-hover:opacity-100",
+      className
+    ),
+    "toast-close": "",
+    ...props,
+    children: /* @__PURE__ */ jsx("svg", { className: "h-4 w-4", fill: "none", stroke: "currentColor", viewBox: "0 0 24 24", children: /* @__PURE__ */ jsx("path", { strokeLinecap: "round", strokeLinejoin: "round", strokeWidth: 2, d: "M6 18L18 6M6 6l12 12" }) })
+  }
+));
+ToastClose.displayName = ToastPrimitives.Close.displayName;
+const ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Title,
+  {
+    ref,
+    className: cn("text-sm font-semibold", className),
+    ...props
+  }
+));
+ToastTitle.displayName = ToastPrimitives.Title.displayName;
+const ToastDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  ToastPrimitives.Description,
+  {
+    ref,
+    className: cn("text-sm opacity-90", className),
+    ...props
+  }
+));
+ToastDescription.displayName = ToastPrimitives.Description.displayName;
 export {
   Toast,
   ToastAction,

package/dist/toggle/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/toggle/index.tsx
 var toggle_exports = {};
 __export(toggle_exports, {
   Toggle: () => Toggle,
   toggleVariants: () => toggleVariants
 });
 module.exports = __toCommonJS(toggle_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var TogglePrimitive = __toESM(require("@radix-ui/react-toggle"));
 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/toggle/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var toggleVariants = (0, import_class_variance_authority.cva)(
+var import_utils = require("../utils.js");
+const toggleVariants = (0, import_class_variance_authority.cva)(
   "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] 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 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
   {
     variants: {
@@ -75,11 +57,11 @@ var toggleVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   TogglePrimitive.Root,
   {
     ref,
-    className: cn(toggleVariants({ variant, size, className })),
+    className: (0, import_utils.cn)(toggleVariants({ variant, size, className })),
     ...props
   }
 ));

package/dist/toggle/index.mjs

@@ -1,8 +1,37 @@
-import {
-  Toggle,
-  toggleVariants
-} from "../chunk-TB33GTWS.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as TogglePrimitive from "@radix-ui/react-toggle";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils.mjs";
+const toggleVariants = cva(
+  "inline-flex items-center justify-center gap-2 rounded-md text-sm font-medium ring-offset-[var(--axis-surface-default)] transition-colors hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-secondary)] 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 data-[state=on]:bg-[var(--axis-surface-secondary)] data-[state=on]:text-[var(--axis-text-primary)] [&_svg]:pointer-events-none [&_svg]:size-4 [&_svg]:shrink-0",
+  {
+    variants: {
+      variant: {
+        default: "bg-transparent",
+        outline: "border border-[var(--axis-border-default)] bg-transparent hover:bg-[var(--axis-surface-secondary)] hover:text-[var(--axis-text-primary)]"
+      },
+      size: {
+        default: "h-10 px-3 min-w-10",
+        sm: "h-9 px-2.5 min-w-9",
+        lg: "h-11 px-5 min-w-11"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
+    }
+  }
+);
+const Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
+  TogglePrimitive.Root,
+  {
+    ref,
+    className: cn(toggleVariants({ variant, size, className })),
+    ...props
+  }
+));
+Toggle.displayName = "Toggle";
 export {
   Toggle,
   toggleVariants