@axis-ds/ui-react 1.3.0 → 1.5.0

package/dist/radio-group/index.js

@@ -26,48 +26,30 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/radio-group/index.tsx
 var radio_group_exports = {};
 __export(radio_group_exports, {
   RadioGroup: () => RadioGroup,
   RadioGroupItem: () => RadioGroupItem
 });
 module.exports = __toCommonJS(radio_group_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var RadioGroupPrimitive = __toESM(require("@radix-ui/react-radio-group"));
-
-// src/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/radio-group/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   RadioGroupPrimitive.Root,
   {
-    className: cn("grid gap-2", className),
+    className: (0, import_utils.cn)("grid gap-2", className),
     ...props,
     ref
   }
 ));
 RadioGroup.displayName = "RadioGroup";
-var RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   RadioGroupPrimitive.Item,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
       "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",

package/dist/radio-group/index.mjs

@@ -1,8 +1,43 @@
-import {
-  RadioGroup,
-  RadioGroupItem
-} from "../chunk-F2WSIT7F.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
+import { cn } from "../utils.mjs";
+const RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadioGroupPrimitive.Root,
+  {
+    className: cn("grid gap-2", className),
+    ...props,
+    ref
+  }
+));
+RadioGroup.displayName = "RadioGroup";
+const RadioGroupItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  RadioGroupPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "aspect-square h-4 w-4 rounded-full border border-[var(--axis-border-default)]",
+      "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
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(RadioGroupPrimitive.Indicator, { className: "flex items-center justify-center", children: /* @__PURE__ */ jsx(
+      "svg",
+      {
+        xmlns: "http://www.w3.org/2000/svg",
+        width: "8",
+        height: "8",
+        viewBox: "0 0 8 8",
+        fill: "currentColor",
+        children: /* @__PURE__ */ jsx("circle", { cx: "4", cy: "4", r: "4" })
+      }
+    ) })
+  }
+));
+RadioGroupItem.displayName = "RadioGroupItem";
 export {
   RadioGroup,
   RadioGroupItem

package/dist/scroll-area/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/scroll-area/index.tsx
 var scroll_area_exports = {};
 __export(scroll_area_exports, {
   ScrollArea: () => ScrollArea,
   ScrollBar: () => ScrollBar
 });
 module.exports = __toCommonJS(scroll_area_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var ScrollAreaPrimitive = __toESM(require("@radix-ui/react-scroll-area"));
-
-// src/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/scroll-area/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+var import_utils = require("../utils.js");
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   ScrollAreaPrimitive.Root,
   {
     ref,
-    className: cn("relative overflow-hidden", className),
+    className: (0, import_utils.cn)("relative overflow-hidden", className),
     ...props,
     children: [
       /* @__PURE__ */ (0, import_jsx_runtime.jsx)(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
@@ -68,12 +50,12 @@ var ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /*
   }
 ));
 ScrollArea.displayName = "ScrollArea";
-var ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
     orientation,
-    className: cn(
+    className: (0, import_utils.cn)(
       "flex touch-none select-none transition-colors",
       orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
       orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",

package/dist/scroll-area/index.mjs

@@ -1,8 +1,37 @@
-import {
-  ScrollArea,
-  ScrollBar
-} from "../chunk-2XNUJNTG.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as ScrollAreaPrimitive from "@radix-ui/react-scroll-area";
+import { cn } from "../utils.mjs";
+const ScrollArea = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  ScrollAreaPrimitive.Root,
+  {
+    ref,
+    className: cn("relative overflow-hidden", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, { className: "h-full w-full rounded-[inherit]", children }),
+      /* @__PURE__ */ jsx(ScrollBar, {}),
+      /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
+    ]
+  }
+));
+ScrollArea.displayName = "ScrollArea";
+const ScrollBar = React.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+  ScrollAreaPrimitive.ScrollAreaScrollbar,
+  {
+    ref,
+    orientation,
+    className: cn(
+      "flex touch-none select-none transition-colors",
+      orientation === "vertical" && "h-full w-2.5 border-l border-l-transparent p-[1px]",
+      orientation === "horizontal" && "h-2.5 flex-col border-t border-t-transparent p-[1px]",
+      className
+    ),
+    ...props,
+    children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.ScrollAreaThumb, { className: "relative flex-1 rounded-full bg-[var(--axis-border-default)]" })
+  }
+));
+ScrollBar.displayName = "ScrollBar";
 export {
   ScrollArea,
   ScrollBar

package/dist/select/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/select/index.tsx
 var select_exports = {};
 __export(select_exports, {
   Select: () => Select,
@@ -40,34 +38,18 @@ __export(select_exports, {
   SelectValue: () => SelectValue
 });
 module.exports = __toCommonJS(select_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var SelectPrimitive = __toESM(require("@radix-ui/react-select"));
-
-// src/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/select/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+var import_utils = require("../utils.js");
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   SelectPrimitive.Trigger,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm",
       "bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]",
       "placeholder:text-[var(--axis-input-text-placeholder)]",
@@ -102,11 +84,11 @@ var SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(SelectPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SelectPrimitive.Content,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
       "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
       "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",
@@ -118,7 +100,7 @@ var SelectContent = React.forwardRef(({ className, children, position = "popper"
     children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       SelectPrimitive.Viewport,
       {
-        className: cn(
+        className: (0, import_utils.cn)(
           "p-1",
           position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
         ),
@@ -128,11 +110,11 @@ var SelectContent = React.forwardRef(({ className, children, position = "popper"
   }
 ) }));
 SelectContent.displayName = "SelectContent";
-var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SelectPrimitive.Label,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--axis-text-secondary)]",
       className
     ),
@@ -140,11 +122,11 @@ var SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 SelectLabel.displayName = "SelectLabel";
-var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
   SelectPrimitive.Item,
   {
     ref,
-    className: cn(
+    className: (0, import_utils.cn)(
       "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
       "text-[var(--axis-text-primary)]",
       "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
@@ -176,11 +158,11 @@ var SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /*
   }
 ));
 SelectItem.displayName = "SelectItem";
-var SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   SelectPrimitive.Separator,
   {
     ref,
-    className: cn("-mx-1 my-1 h-px bg-[var(--axis-border-default)]", className),
+    className: (0, import_utils.cn)("-mx-1 my-1 h-px bg-[var(--axis-border-default)]", className),
     ...props
   }
 ));

package/dist/select/index.mjs

@@ -1,14 +1,132 @@
-import {
-  Select,
-  SelectContent,
-  SelectGroup,
-  SelectItem,
-  SelectLabel,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-} from "../chunk-AY4B3RRN.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import * as SelectPrimitive from "@radix-ui/react-select";
+import { cn } from "../utils.mjs";
+const Select = SelectPrimitive.Root;
+const SelectGroup = SelectPrimitive.Group;
+const SelectValue = SelectPrimitive.Value;
+const SelectTrigger = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Trigger,
+  {
+    ref,
+    className: cn(
+      "flex h-10 w-full items-center justify-between rounded-md border px-3 py-2 text-sm",
+      "bg-[var(--axis-input-bg-default)] border-[var(--axis-input-border-default)]",
+      "placeholder:text-[var(--axis-input-text-placeholder)]",
+      "hover:border-[var(--axis-input-border-hover)]",
+      "focus:outline-none focus:ring-2 focus:ring-[var(--axis-input-border-focus)] focus:ring-offset-2",
+      "disabled:cursor-not-allowed disabled:opacity-50",
+      "[&>span]:line-clamp-1",
+      className
+    ),
+    ...props,
+    children: [
+      children,
+      /* @__PURE__ */ jsx(SelectPrimitive.Icon, { asChild: true, children: /* @__PURE__ */ jsx(
+        "svg",
+        {
+          className: "h-4 w-4 opacity-50",
+          fill: "none",
+          stroke: "currentColor",
+          viewBox: "0 0 24 24",
+          children: /* @__PURE__ */ jsx(
+            "path",
+            {
+              strokeLinecap: "round",
+              strokeLinejoin: "round",
+              strokeWidth: 2,
+              d: "M19 9l-7 7-7-7"
+            }
+          )
+        }
+      ) })
+    ]
+  }
+));
+SelectTrigger.displayName = "SelectTrigger";
+const SelectContent = React.forwardRef(({ className, children, position = "popper", ...props }, ref) => /* @__PURE__ */ jsx(SelectPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  SelectPrimitive.Content,
+  {
+    ref,
+    className: cn(
+      "relative z-50 max-h-96 min-w-[8rem] overflow-hidden rounded-md border shadow-md",
+      "bg-[var(--axis-surface-default)] border-[var(--axis-border-default)]",
+      "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",
+      position === "popper" && "data-[side=bottom]:translate-y-1 data-[side=left]:-translate-x-1 data-[side=right]:translate-x-1 data-[side=top]:-translate-y-1",
+      className
+    ),
+    position,
+    ...props,
+    children: /* @__PURE__ */ jsx(
+      SelectPrimitive.Viewport,
+      {
+        className: cn(
+          "p-1",
+          position === "popper" && "h-[var(--radix-select-trigger-height)] w-full min-w-[var(--radix-select-trigger-width)]"
+        ),
+        children
+      }
+    )
+  }
+) }));
+SelectContent.displayName = "SelectContent";
+const SelectLabel = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Label,
+  {
+    ref,
+    className: cn(
+      "py-1.5 pl-8 pr-2 text-sm font-semibold text-[var(--axis-text-secondary)]",
+      className
+    ),
+    ...props
+  }
+));
+SelectLabel.displayName = "SelectLabel";
+const SelectItem = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+  SelectPrimitive.Item,
+  {
+    ref,
+    className: cn(
+      "relative flex w-full cursor-default select-none items-center rounded-sm py-1.5 pl-8 pr-2 text-sm outline-none",
+      "text-[var(--axis-text-primary)]",
+      "focus:bg-[var(--axis-surface-secondary)] focus:text-[var(--axis-text-primary)]",
+      "data-[disabled]:pointer-events-none data-[disabled]:opacity-50",
+      className
+    ),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", { className: "absolute left-2 flex h-3.5 w-3.5 items-center justify-center", children: /* @__PURE__ */ jsx(SelectPrimitive.ItemIndicator, { 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: "M5 13l4 4L19 7"
+            }
+          )
+        }
+      ) }) }),
+      /* @__PURE__ */ jsx(SelectPrimitive.ItemText, { children })
+    ]
+  }
+));
+SelectItem.displayName = "SelectItem";
+const SelectSeparator = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  SelectPrimitive.Separator,
+  {
+    ref,
+    className: cn("-mx-1 my-1 h-px bg-[var(--axis-border-default)]", className),
+    ...props
+  }
+));
+SelectSeparator.displayName = "SelectSeparator";
 export {
   Select,
   SelectContent,

package/dist/separator/index.js

@@ -26,41 +26,23 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/separator/index.tsx
 var separator_exports = {};
 __export(separator_exports, {
   Separator: () => Separator
 });
 module.exports = __toCommonJS(separator_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var SeparatorPrimitive = __toESM(require("@radix-ui/react-separator"));
-
-// src/utils.ts
-var import_clsx = require("clsx");
-var import_tailwind_merge = require("tailwind-merge");
-var isArbitraryShadowWithHint = (value) => /^\[shadow:.+\]$/.test(value);
-var twMerge = (0, import_tailwind_merge.extendTailwindMerge)({
-  extend: {
-    classGroups: {
-      shadow: [{ shadow: [isArbitraryShadowWithHint] }]
-    }
-  }
-});
-function cn(...inputs) {
-  return twMerge((0, import_clsx.clsx)(inputs));
-}
-
-// src/separator/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Separator = React.forwardRef(
+var import_utils = require("../utils.js");
+const Separator = React.forwardRef(
   ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
     SeparatorPrimitive.Root,
     {
       ref,
       decorative,
       orientation,
-      className: cn(
+      className: (0, import_utils.cn)(
         "shrink-0 bg-[var(--axis-border-default)]",
         orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
         className

package/dist/separator/index.mjs

@@ -1,7 +1,24 @@
-import {
-  Separator
-} from "../chunk-ZW6GY5PO.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as SeparatorPrimitive from "@radix-ui/react-separator";
+import { cn } from "../utils.mjs";
+const Separator = React.forwardRef(
+  ({ className, orientation = "horizontal", decorative = true, ...props }, ref) => /* @__PURE__ */ jsx(
+    SeparatorPrimitive.Root,
+    {
+      ref,
+      decorative,
+      orientation,
+      className: cn(
+        "shrink-0 bg-[var(--axis-border-default)]",
+        orientation === "horizontal" ? "h-[1px] w-full" : "h-full w-[1px]",
+        className
+      ),
+      ...props
+    }
+  )
+);
+Separator.displayName = "Separator";
 export {
   Separator
 };