@axis-ds/ui-react 1.4.0 → 1.5.1

package/dist/chunk-MOBW7BKD.mjs

@@ -1,49 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/checkbox/index.tsx
-import * as React from "react";
-import * as CheckboxPrimitive from "@radix-ui/react-checkbox";
-import { jsx } from "react/jsx-runtime";
-var Checkbox = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  CheckboxPrimitive.Root,
-  {
-    ref,
-    className: cn(
-      "peer h-4 w-4 shrink-0 rounded-sm border border-[var(--axis-border-default)]",
-      "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:cursor-not-allowed disabled:opacity-50",
-      "data-[state=checked]:bg-[var(--axis-interactive-primary)] data-[state=checked]:border-[var(--axis-interactive-primary)] data-[state=checked]:text-white",
-      className
-    ),
-    ...props,
-    children: /* @__PURE__ */ jsx(
-      CheckboxPrimitive.Indicator,
-      {
-        className: cn("flex items-center justify-center text-current"),
-        children: /* @__PURE__ */ jsx(
-          "svg",
-          {
-            xmlns: "http://www.w3.org/2000/svg",
-            width: "12",
-            height: "12",
-            viewBox: "0 0 24 24",
-            fill: "none",
-            stroke: "currentColor",
-            strokeWidth: "3",
-            strokeLinecap: "round",
-            strokeLinejoin: "round",
-            children: /* @__PURE__ */ jsx("path", { d: "M20 6 9 17l-5-5" })
-          }
-        )
-      }
-    )
-  }
-));
-Checkbox.displayName = "Checkbox";
-
-export {
-  Checkbox
-};

package/dist/chunk-PJX5UF3Y.mjs

@@ -1,25 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/label/index.tsx
-import * as React from "react";
-import * as LabelPrimitive from "@radix-ui/react-label";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var labelVariants = 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__ */ jsx(
-  LabelPrimitive.Root,
-  {
-    ref,
-    className: cn(labelVariants(), className),
-    ...props
-  }
-));
-Label.displayName = "Label";
-
-export {
-  Label
-};

package/dist/chunk-QXQWVRXN.mjs

@@ -1,53 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/button/index.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var 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"
-    }
-  }
-);
-var 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 {
-  buttonVariants,
-  Button
-};

package/dist/chunk-RFB4IABR.mjs

@@ -1,108 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/toast/index.tsx
-import * as React from "react";
-import * as ToastPrimitives from "@radix-ui/react-toast";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var ToastProvider = ToastPrimitives.Provider;
-var 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;
-var 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"
-    }
-  }
-);
-var Toast = React.forwardRef(({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Root,
-  {
-    ref,
-    className: cn(toastVariants({ variant }), className),
-    ...props
-  }
-));
-Toast.displayName = ToastPrimitives.Root.displayName;
-var 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;
-var 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;
-var ToastTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  ToastPrimitives.Title,
-  {
-    ref,
-    className: cn("text-sm font-semibold", className),
-    ...props
-  }
-));
-ToastTitle.displayName = ToastPrimitives.Title.displayName;
-var 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 {
-  ToastProvider,
-  ToastViewport,
-  Toast,
-  ToastAction,
-  ToastClose,
-  ToastTitle,
-  ToastDescription
-};

package/dist/chunk-SO2QSRGV.mjs

@@ -1,58 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/tabs/index.tsx
-import * as React from "react";
-import * as TabsPrimitive from "@radix-ui/react-tabs";
-import { jsx } from "react/jsx-runtime";
-var Tabs = TabsPrimitive.Root;
-var 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";
-var 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";
-var 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,
-  TabsList,
-  TabsTrigger,
-  TabsContent
-};

package/dist/chunk-TA62Q7YX.mjs

@@ -1,37 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/switch/index.tsx
-import * as React from "react";
-import * as SwitchPrimitive from "@radix-ui/react-switch";
-import { jsx } from "react/jsx-runtime";
-var 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/chunk-TB33GTWS.mjs

@@ -1,43 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/toggle/index.tsx
-import * as React from "react";
-import * as TogglePrimitive from "@radix-ui/react-toggle";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var 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"
-    }
-  }
-);
-var Toggle = React.forwardRef(({ className, variant, size, ...props }, ref) => /* @__PURE__ */ jsx(
-  TogglePrimitive.Root,
-  {
-    ref,
-    className: cn(toggleVariants({ variant, size, className })),
-    ...props
-  }
-));
-Toggle.displayName = "Toggle";
-
-export {
-  toggleVariants,
-  Toggle
-};

package/dist/chunk-YI5OZRUB.mjs

@@ -1,132 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/breadcrumb/index.tsx
-import * as React from "react";
-import { Slot } from "@radix-ui/react-slot";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Breadcrumb = React.forwardRef(({ ...props }, ref) => /* @__PURE__ */ jsx("nav", { ref, "aria-label": "breadcrumb", ...props }));
-Breadcrumb.displayName = "Breadcrumb";
-var 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";
-var BreadcrumbItem = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "li",
-  {
-    ref,
-    className: cn("inline-flex items-center gap-1.5", className),
-    ...props
-  }
-));
-BreadcrumbItem.displayName = "BreadcrumbItem";
-var 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";
-var 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";
-var 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";
-var 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,
-  BreadcrumbList,
-  BreadcrumbItem,
-  BreadcrumbLink,
-  BreadcrumbPage,
-  BreadcrumbSeparator,
-  BreadcrumbEllipsis
-};