@axis-ds/ui-react 1.4.0 → 1.5.0

package/dist/chunk-AY4B3RRN.mjs

@@ -1,144 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/select/index.tsx
-import * as React from "react";
-import * as SelectPrimitive from "@radix-ui/react-select";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Select = SelectPrimitive.Root;
-var SelectGroup = SelectPrimitive.Group;
-var SelectValue = SelectPrimitive.Value;
-var 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";
-var 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";
-var 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";
-var 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";
-var 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,
-  SelectGroup,
-  SelectValue,
-  SelectTrigger,
-  SelectContent,
-  SelectLabel,
-  SelectItem,
-  SelectSeparator
-};

package/dist/chunk-C5O47K7L.mjs

@@ -1,71 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/card/index.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var Card = React.forwardRef(
-  ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-    "div",
-    {
-      ref,
-      className: cn(
-        "rounded-lg border bg-[var(--axis-card-bg-default)] border-[var(--axis-card-border-default)] shadow-[shadow:var(--axis-card-shadow)]",
-        className
-      ),
-      ...props
-    }
-  )
-);
-Card.displayName = "Card";
-var CardHeader = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex flex-col space-y-1.5 p-6", className),
-    ...props
-  }
-));
-CardHeader.displayName = "CardHeader";
-var CardTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "h3",
-  {
-    ref,
-    className: cn(
-      "text-2xl font-semibold leading-none tracking-tight text-[var(--axis-text-primary)]",
-      className
-    ),
-    ...props
-  }
-));
-CardTitle.displayName = "CardTitle";
-var CardDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "p",
-  {
-    ref,
-    className: cn("text-sm text-[var(--axis-text-secondary)]", className),
-    ...props
-  }
-));
-CardDescription.displayName = "CardDescription";
-var CardContent = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-6 pt-0", className), ...props }));
-CardContent.displayName = "CardContent";
-var CardFooter = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    ref,
-    className: cn("flex items-center p-6 pt-0", className),
-    ...props
-  }
-));
-CardFooter.displayName = "CardFooter";
-
-export {
-  Card,
-  CardHeader,
-  CardTitle,
-  CardDescription,
-  CardContent,
-  CardFooter
-};

package/dist/chunk-CNU6645Y.mjs

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

@@ -1,105 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/dialog/index.tsx
-import * as React from "react";
-import * as DialogPrimitive from "@radix-ui/react-dialog";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Dialog = DialogPrimitive.Root;
-var DialogTrigger = DialogPrimitive.Trigger;
-var DialogPortal = DialogPrimitive.Portal;
-var DialogClose = DialogPrimitive.Close;
-var DialogOverlay = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Overlay,
-  {
-    ref,
-    className: cn(
-      "fixed inset-0 z-50 bg-[var(--axis-dialog-overlay-bg)] data-[state=open]:animate-in data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0",
-      className
-    ),
-    ...props
-  }
-));
-DialogOverlay.displayName = "DialogOverlay";
-var DialogContent = React.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(DialogPortal, { children: [
-  /* @__PURE__ */ jsx(DialogOverlay, {}),
-  /* @__PURE__ */ jsx(
-    DialogPrimitive.Content,
-    {
-      ref,
-      className: cn(
-        "fixed left-[50%] top-[50%] z-50 grid w-full max-w-lg translate-x-[-50%] translate-y-[-50%] gap-4 border p-6 shadow-[shadow:var(--axis-shadow-lg)] duration-200",
-        "bg-[var(--axis-dialog-content-bg)] border-[var(--axis-dialog-content-border)]",
-        "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-[state=closed]:slide-out-to-left-1/2 data-[state=closed]:slide-out-to-top-[48%] data-[state=open]:slide-in-from-left-1/2 data-[state=open]:slide-in-from-top-[48%]",
-        "sm:rounded-lg",
-        className
-      ),
-      ...props,
-      children
-    }
-  )
-] }));
-DialogContent.displayName = "DialogContent";
-var DialogHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-DialogHeader.displayName = "DialogHeader";
-var DialogFooter = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
-      className
-    ),
-    ...props
-  }
-);
-DialogFooter.displayName = "DialogFooter";
-var DialogTitle = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Title,
-  {
-    ref,
-    className: cn(
-      "text-lg font-semibold leading-none tracking-tight text-[var(--axis-text-primary)]",
-      className
-    ),
-    ...props
-  }
-));
-DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  DialogPrimitive.Description,
-  {
-    ref,
-    className: cn("text-sm text-[var(--axis-text-secondary)]", className),
-    ...props
-  }
-));
-DialogDescription.displayName = "DialogDescription";
-
-export {
-  Dialog,
-  DialogTrigger,
-  DialogPortal,
-  DialogClose,
-  DialogOverlay,
-  DialogContent,
-  DialogHeader,
-  DialogFooter,
-  DialogTitle,
-  DialogDescription
-};

package/dist/chunk-DRFCNDVQ.mjs

@@ -1,27 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/skeleton/index.tsx
-import * as React from "react";
-import { jsx } from "react/jsx-runtime";
-var 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/chunk-F2WSIT7F.mjs

@@ -1,49 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/radio-group/index.tsx
-import * as React from "react";
-import * as RadioGroupPrimitive from "@radix-ui/react-radio-group";
-import { jsx } from "react/jsx-runtime";
-var RadioGroup = React.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
-  RadioGroupPrimitive.Root,
-  {
-    className: cn("grid gap-2", className),
-    ...props,
-    ref
-  }
-));
-RadioGroup.displayName = "RadioGroup";
-var 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/chunk-FZFREHAE.mjs

@@ -1,139 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/sheet/index.tsx
-import * as React from "react";
-import * as SheetPrimitive from "@radix-ui/react-dialog";
-import { cva } from "class-variance-authority";
-import { jsx, jsxs } from "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__ */ 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";
-var 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"
-    }
-  }
-);
-var 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";
-var SheetHeader = ({
-  className,
-  ...props
-}) => /* @__PURE__ */ jsx(
-  "div",
-  {
-    className: cn(
-      "flex flex-col space-y-2 text-center sm:text-left",
-      className
-    ),
-    ...props
-  }
-);
-SheetHeader.displayName = "SheetHeader";
-var 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";
-var 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";
-var 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,
-  SheetTrigger,
-  SheetClose,
-  SheetPortal,
-  SheetOverlay,
-  SheetContent,
-  SheetHeader,
-  SheetFooter,
-  SheetTitle,
-  SheetDescription
-};

package/dist/chunk-HKYKDQ6C.mjs

@@ -1,81 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/progress/index.tsx
-import * as React from "react";
-import { cva } from "class-variance-authority";
-import { jsx } from "react/jsx-runtime";
-var 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"
-    }
-  }
-);
-var 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"
-    }
-  }
-);
-var 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 {
-  progressVariants,
-  progressIndicatorVariants,
-  Progress
-};

package/dist/chunk-IS7NER3O.mjs

@@ -1,37 +0,0 @@
-import {
-  cn
-} from "./chunk-ZIF4PLK3.mjs";
-
-// src/tooltip/index.tsx
-import * as React from "react";
-import * as TooltipPrimitive from "@radix-ui/react-tooltip";
-import { jsx } from "react/jsx-runtime";
-var TooltipProvider = TooltipPrimitive.Provider;
-var Tooltip = TooltipPrimitive.Root;
-var TooltipTrigger = TooltipPrimitive.Trigger;
-var TooltipContent = React.forwardRef(({ className, sideOffset = 4, ...props }, ref) => /* @__PURE__ */ jsx(TooltipPrimitive.Portal, { children: /* @__PURE__ */ jsx(
-  TooltipPrimitive.Content,
-  {
-    ref,
-    sideOffset,
-    className: cn(
-      "z-50 overflow-hidden rounded-md bg-[var(--axis-surface-inverse)] px-3 py-1.5 text-xs text-[var(--axis-text-inverse)]",
-      "animate-in fade-in-0 zoom-in-95",
-      "data-[state=closed]:animate-out data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-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
-  }
-) }));
-TooltipContent.displayName = "TooltipContent";
-
-export {
-  TooltipProvider,
-  Tooltip,
-  TooltipTrigger,
-  TooltipContent
-};