@axis-ds/ui-react 1.4.0 → 1.5.0

package/dist/index.mjs

@@ -1,187 +1,142 @@
-import {
-  Switch
-} from "./chunk-TA62Q7YX.mjs";
-import {
-  Table,
-  TableBody,
-  TableCaption,
-  TableCell,
-  TableFooter,
-  TableHead,
-  TableHeader,
-  TableRow
-} from "./chunk-4I2F2NLP.mjs";
-import {
-  Tabs,
-  TabsContent,
-  TabsList,
-  TabsTrigger
-} from "./chunk-SO2QSRGV.mjs";
-import {
-  Textarea
-} from "./chunk-5Z2R3IHJ.mjs";
-import {
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastDescription,
-  ToastProvider,
-  ToastTitle,
-  ToastViewport
-} from "./chunk-RFB4IABR.mjs";
-import {
-  Toggle,
-  toggleVariants
-} from "./chunk-TB33GTWS.mjs";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipProvider,
-  TooltipTrigger
-} from "./chunk-IS7NER3O.mjs";
-import {
-  Progress,
-  progressIndicatorVariants,
-  progressVariants
-} from "./chunk-HKYKDQ6C.mjs";
-import {
-  RadioGroup,
-  RadioGroupItem
-} from "./chunk-F2WSIT7F.mjs";
-import {
-  ScrollArea,
-  ScrollBar
-} from "./chunk-2XNUJNTG.mjs";
+import { cn } from "./utils.mjs";
+import { Button, buttonVariants } from "./button/index.mjs";
+import { Input } from "./input/index.mjs";
+import { Label } from "./label/index.mjs";
+import { Checkbox } from "./checkbox/index.mjs";
+import { RadioGroup, RadioGroupItem } from "./radio-group/index.mjs";
 import {
   Select,
+  SelectTrigger,
   SelectContent,
-  SelectGroup,
   SelectItem,
+  SelectValue,
+  SelectGroup,
   SelectLabel,
-  SelectSeparator,
-  SelectTrigger,
-  SelectValue
-} from "./chunk-AY4B3RRN.mjs";
-import {
-  Separator
-} from "./chunk-ZW6GY5PO.mjs";
+  SelectSeparator
+} from "./select/index.mjs";
+import { Slider } from "./slider/index.mjs";
+import { Switch } from "./switch/index.mjs";
+import { Textarea } from "./textarea/index.mjs";
+import { Toggle, toggleVariants } from "./toggle/index.mjs";
 import {
-  Sheet,
-  SheetClose,
-  SheetContent,
-  SheetDescription,
-  SheetFooter,
-  SheetHeader,
-  SheetOverlay,
-  SheetPortal,
-  SheetTitle,
-  SheetTrigger
-} from "./chunk-FZFREHAE.mjs";
-import {
-  Skeleton
-} from "./chunk-DRFCNDVQ.mjs";
-import {
-  Slider
-} from "./chunk-CNU6645Y.mjs";
+  Accordion,
+  AccordionItem,
+  AccordionTrigger,
+  AccordionContent
+} from "./accordion/index.mjs";
 import {
-  Checkbox
-} from "./chunk-MOBW7BKD.mjs";
+  Card,
+  CardHeader,
+  CardTitle,
+  CardDescription,
+  CardContent,
+  CardFooter
+} from "./card/index.mjs";
 import {
   Collapsible,
-  CollapsibleContent,
-  CollapsibleTrigger
-} from "./chunk-3N6NG7VT.mjs";
+  CollapsibleTrigger,
+  CollapsibleContent
+} from "./collapsible/index.mjs";
+import { Separator } from "./separator/index.mjs";
 import {
-  Command,
-  CommandEmpty,
-  CommandGroup,
-  CommandInput,
-  CommandItem,
-  CommandList,
-  CommandSeparator
-} from "./chunk-Z65ZMFDH.mjs";
+  Table,
+  TableHeader,
+  TableBody,
+  TableFooter,
+  TableRow,
+  TableHead,
+  TableCell,
+  TableCaption
+} from "./table/index.mjs";
+import { Tabs, TabsList, TabsTrigger, TabsContent } from "./tabs/index.mjs";
+import {
+  Breadcrumb,
+  BreadcrumbList,
+  BreadcrumbItem,
+  BreadcrumbLink,
+  BreadcrumbPage,
+  BreadcrumbSeparator,
+  BreadcrumbEllipsis
+} from "./breadcrumb/index.mjs";
 import {
   Dialog,
-  DialogClose,
+  DialogTrigger,
   DialogContent,
-  DialogDescription,
-  DialogFooter,
   DialogHeader,
   DialogTitle,
-  DialogTrigger
-} from "./chunk-CY72AGI2.mjs";
+  DialogDescription,
+  DialogFooter,
+  DialogClose
+} from "./dialog/index.mjs";
 import {
   DropdownMenu,
-  DropdownMenuCheckboxItem,
+  DropdownMenuTrigger,
   DropdownMenuContent,
-  DropdownMenuGroup,
   DropdownMenuItem,
-  DropdownMenuLabel,
-  DropdownMenuPortal,
-  DropdownMenuRadioGroup,
+  DropdownMenuCheckboxItem,
   DropdownMenuRadioItem,
+  DropdownMenuLabel,
   DropdownMenuSeparator,
   DropdownMenuShortcut,
+  DropdownMenuGroup,
+  DropdownMenuPortal,
   DropdownMenuSub,
   DropdownMenuSubContent,
   DropdownMenuSubTrigger,
-  DropdownMenuTrigger
-} from "./chunk-YZDRNV46.mjs";
-import {
-  Input
-} from "./chunk-5NWFAQBM.mjs";
+  DropdownMenuRadioGroup
+} from "./dropdown-menu/index.mjs";
+import { Popover, PopoverTrigger, PopoverContent } from "./popover/index.mjs";
 import {
-  Label
-} from "./chunk-PJX5UF3Y.mjs";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "./chunk-4PT43LON.mjs";
+  Sheet,
+  SheetPortal,
+  SheetOverlay,
+  SheetTrigger,
+  SheetClose,
+  SheetContent,
+  SheetHeader,
+  SheetFooter,
+  SheetTitle,
+  SheetDescription
+} from "./sheet/index.mjs";
 import {
-  Accordion,
-  AccordionContent,
-  AccordionItem,
-  AccordionTrigger
-} from "./chunk-2OEPKE4D.mjs";
+  Tooltip,
+  TooltipTrigger,
+  TooltipContent,
+  TooltipProvider
+} from "./tooltip/index.mjs";
 import {
   Alert,
-  AlertDescription,
   AlertTitle,
+  AlertDescription,
   alertVariants
-} from "./chunk-Z4P43F5J.mjs";
-import {
-  Avatar,
-  avatarVariants
-} from "./chunk-OQGMQL2A.mjs";
-import {
-  Badge,
-  badgeVariants
-} from "./chunk-22MWNPDF.mjs";
+} from "./alert/index.mjs";
+import { Badge, badgeVariants } from "./badge/index.mjs";
 import {
-  Breadcrumb,
-  BreadcrumbEllipsis,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbList,
-  BreadcrumbPage,
-  BreadcrumbSeparator
-} from "./chunk-YI5OZRUB.mjs";
-import {
-  Button,
-  buttonVariants
-} from "./chunk-QXQWVRXN.mjs";
+  Progress,
+  progressVariants,
+  progressIndicatorVariants
+} from "./progress/index.mjs";
+import { Skeleton } from "./skeleton/index.mjs";
 import {
-  Card,
-  CardContent,
-  CardDescription,
-  CardFooter,
-  CardHeader,
-  CardTitle
-} from "./chunk-C5O47K7L.mjs";
+  Toast,
+  ToastProvider,
+  ToastViewport,
+  ToastTitle,
+  ToastDescription,
+  ToastAction,
+  ToastClose
+} from "./toast/index.mjs";
+import { Avatar, avatarVariants } from "./avatar/index.mjs";
+import { ScrollArea, ScrollBar } from "./scroll-area/index.mjs";
 import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
+  Command,
+  CommandInput,
+  CommandList,
+  CommandEmpty,
+  CommandGroup,
+  CommandItem,
+  CommandSeparator
+} from "./command/index.mjs";
 export {
   Accordion,
   AccordionContent,

package/dist/input/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/input/index.tsx
 var input_exports = {};
 __export(input_exports, {
   Input: () => Input
 });
 module.exports = __toCommonJS(input_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/input/index.tsx
 var import_jsx_runtime = require("react/jsx-runtime");
-var Input = React.forwardRef(
+var React = __toESM(require("react"));
+var import_utils = require("../utils.js");
+const Input = React.forwardRef(
   ({ className, type, error, ...props }, ref) => {
     return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
       "input",
       {
         type,
-        className: cn(
+        className: (0, import_utils.cn)(
           "flex h-10 w-full rounded-md border px-3 py-2 text-sm transition-colors",
           "bg-[var(--axis-input-bg-default)] text-[var(--axis-input-text-default)]",
           "border-[var(--axis-input-border-default)]",

package/dist/input/index.mjs

@@ -1,7 +1,31 @@
-import {
-  Input
-} from "../chunk-5NWFAQBM.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import { cn } from "../utils.mjs";
+const Input = React.forwardRef(
+  ({ className, type, error, ...props }, ref) => {
+    return /* @__PURE__ */ jsx(
+      "input",
+      {
+        type,
+        className: cn(
+          "flex h-10 w-full rounded-md border px-3 py-2 text-sm transition-colors",
+          "bg-[var(--axis-input-bg-default)] text-[var(--axis-input-text-default)]",
+          "border-[var(--axis-input-border-default)]",
+          "placeholder:text-[var(--axis-input-text-placeholder)]",
+          "hover:border-[var(--axis-input-border-hover)]",
+          "focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[var(--axis-input-border-focus)] focus-visible:ring-offset-2",
+          "disabled:cursor-not-allowed disabled:opacity-50 disabled:bg-[var(--axis-input-bg-disabled)]",
+          "file:border-0 file:bg-transparent file:text-sm file:font-medium",
+          error && "border-[var(--axis-input-border-error)] focus-visible:ring-[var(--axis-input-border-error)]",
+          className
+        ),
+        ref,
+        ...props
+      }
+    );
+  }
+);
+Input.displayName = "Input";
 export {
   Input
 };

package/dist/label/index.js

@@ -26,42 +26,24 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
   mod
 ));
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/label/index.tsx
 var label_exports = {};
 __export(label_exports, {
   Label: () => Label
 });
 module.exports = __toCommonJS(label_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var LabelPrimitive = __toESM(require("@radix-ui/react-label"));
 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/label/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var labelVariants = (0, import_class_variance_authority.cva)(
+var import_utils = require("../utils.js");
+const labelVariants = (0, import_class_variance_authority.cva)(
   "text-sm font-medium leading-none text-[var(--axis-text-primary)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
 );
-var Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   LabelPrimitive.Root,
   {
     ref,
-    className: cn(labelVariants(), className),
+    className: (0, import_utils.cn)(labelVariants(), className),
     ...props
   }
 ));

package/dist/label/index.mjs

@@ -1,7 +1,20 @@
-import {
-  Label
-} from "../chunk-PJX5UF3Y.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as LabelPrimitive from "@radix-ui/react-label";
+import { cva } from "class-variance-authority";
+import { cn } from "../utils.mjs";
+const labelVariants = cva(
+  "text-sm font-medium leading-none text-[var(--axis-text-primary)] peer-disabled:cursor-not-allowed peer-disabled:opacity-70"
+);
+const Label = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+  LabelPrimitive.Root,
+  {
+    ref,
+    className: cn(labelVariants(), className),
+    ...props
+  }
+));
+Label.displayName = "Label";
 export {
   Label
 };

package/dist/popover/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/popover/index.tsx
 var popover_exports = {};
 __export(popover_exports, {
   Popover: () => Popover,
@@ -35,35 +33,19 @@ __export(popover_exports, {
   PopoverTrigger: () => PopoverTrigger
 });
 module.exports = __toCommonJS(popover_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
 var React = __toESM(require("react"));
 var PopoverPrimitive = __toESM(require("@radix-ui/react-popover"));
-
-// 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/popover/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var Popover = PopoverPrimitive.Root;
-var PopoverTrigger = PopoverPrimitive.Trigger;
-var PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+var import_utils = require("../utils.js");
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)(PopoverPrimitive.Portal, { children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
   PopoverPrimitive.Content,
   {
     ref,
     align,
     sideOffset,
-    className: cn(
+    className: (0, import_utils.cn)(
       "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
       "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
       className

package/dist/popover/index.mjs

@@ -1,9 +1,24 @@
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger
-} from "../chunk-4PT43LON.mjs";
-import "../chunk-ZIF4PLK3.mjs";
+import { jsx } from "react/jsx-runtime";
+import * as React from "react";
+import * as PopoverPrimitive from "@radix-ui/react-popover";
+import { cn } from "../utils.mjs";
+const Popover = PopoverPrimitive.Root;
+const PopoverTrigger = PopoverPrimitive.Trigger;
+const PopoverContent = React.forwardRef(({ className, align = "center", sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(PopoverPrimitive.Portal, { children: /* @__PURE__ */ jsx(
+  PopoverPrimitive.Content,
+  {
+    ref,
+    align,
+    sideOffset,
+    className: cn(
+      "z-50 w-72 rounded-md border border-[var(--axis-border-default)] bg-[var(--axis-surface-default)] p-4 text-[var(--axis-text-primary)] shadow-md outline-none",
+      "data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2",
+      className
+    ),
+    ...props
+  }
+) }));
+PopoverContent.displayName = "PopoverContent";
 export {
   Popover,
   PopoverContent,

package/dist/progress/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/progress/index.tsx
 var progress_exports = {};
 __export(progress_exports, {
   Progress: () => Progress,
@@ -35,27 +33,11 @@ __export(progress_exports, {
   progressVariants: () => progressVariants
 });
 module.exports = __toCommonJS(progress_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/progress/index.tsx
-var import_jsx_runtime = require("react/jsx-runtime");
-var progressVariants = (0, import_class_variance_authority.cva)(
+var import_utils = require("../utils.js");
+const progressVariants = (0, import_class_variance_authority.cva)(
   "relative h-2 w-full overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]",
   {
     variants: {
@@ -70,7 +52,7 @@ var progressVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var progressIndicatorVariants = (0, import_class_variance_authority.cva)(
+const progressIndicatorVariants = (0, import_class_variance_authority.cva)(
   "h-full w-full flex-1 transition-all duration-300 ease-in-out",
   {
     variants: {
@@ -86,7 +68,7 @@ var progressIndicatorVariants = (0, import_class_variance_authority.cva)(
     }
   }
 );
-var Progress = React.forwardRef(
+const Progress = React.forwardRef(
   ({
     className,
     value = 0,
@@ -105,12 +87,12 @@ var Progress = React.forwardRef(
         "aria-valuemin": 0,
         "aria-valuemax": max,
         "aria-valuenow": indeterminate ? void 0 : value,
-        className: cn(progressVariants({ size }), className),
+        className: (0, import_utils.cn)(progressVariants({ size }), className),
         ...props,
         children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
           "div",
           {
-            className: cn(
+            className: (0, import_utils.cn)(
               progressIndicatorVariants({ variant }),
               indeterminate && "animate-progress-indeterminate"
             ),

package/dist/progress/index.mjs

@@ -1,9 +1,74 @@
-import {
-  Progress,
-  progressIndicatorVariants,
-  progressVariants
-} from "../chunk-HKYKDQ6C.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 progressVariants = cva(
+  "relative h-2 w-full overflow-hidden rounded-full bg-[var(--axis-surface-tertiary)]",
+  {
+    variants: {
+      size: {
+        sm: "h-1",
+        default: "h-2",
+        lg: "h-3"
+      }
+    },
+    defaultVariants: {
+      size: "default"
+    }
+  }
+);
+const progressIndicatorVariants = cva(
+  "h-full w-full flex-1 transition-all duration-300 ease-in-out",
+  {
+    variants: {
+      variant: {
+        default: "bg-[var(--axis-surface-brand)]",
+        success: "bg-[var(--axis-color-green-500)]",
+        warning: "bg-[var(--axis-color-yellow-500)]",
+        destructive: "bg-[var(--axis-color-red-500)]"
+      }
+    },
+    defaultVariants: {
+      variant: "default"
+    }
+  }
+);
+const Progress = React.forwardRef(
+  ({
+    className,
+    value = 0,
+    max = 100,
+    size,
+    variant,
+    indeterminate = false,
+    ...props
+  }, ref) => {
+    const percentage = Math.min(Math.max(value / max * 100, 0), 100);
+    return /* @__PURE__ */ jsx(
+      "div",
+      {
+        ref,
+        role: "progressbar",
+        "aria-valuemin": 0,
+        "aria-valuemax": max,
+        "aria-valuenow": indeterminate ? void 0 : value,
+        className: cn(progressVariants({ size }), className),
+        ...props,
+        children: /* @__PURE__ */ jsx(
+          "div",
+          {
+            className: cn(
+              progressIndicatorVariants({ variant }),
+              indeterminate && "animate-progress-indeterminate"
+            ),
+            style: indeterminate ? void 0 : { transform: `translateX(-${100 - percentage}%)` }
+          }
+        )
+      }
+    );
+  }
+);
+Progress.displayName = "Progress";
 export {
   Progress,
   progressIndicatorVariants,