@3w-witim/ui 0.1.0 → 0.3.0

package/dist/index.mjs

@@ -1,6 +1,6 @@
 import { clsx } from 'clsx';
 import { twMerge } from 'tailwind-merge';
-import * as React16 from 'react';
+import * as React17 from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cva } from 'class-variance-authority';
 import { jsx, jsxs } from 'react/jsx-runtime';
@@ -36,7 +36,7 @@ var buttonVariants = cva(
     }
   }
 );
-var Button = React16.forwardRef(
+var Button = React17.forwardRef(
   ({ className, variant, size, asChild = false, ...props }, ref) => {
     const Comp = asChild ? Slot : "button";
     return /* @__PURE__ */ jsx(
@@ -70,7 +70,7 @@ var inputVariants = cva(
     }
   }
 );
-var Input = React16.forwardRef(
+var Input = React17.forwardRef(
   ({
     className,
     type = "text",
@@ -84,7 +84,7 @@ var Input = React16.forwardRef(
     ...props
   }, ref) => {
     const isError = state === "error";
-    const reactId = React16.useId();
+    const reactId = React17.useId();
     const helperId = helperText ? `${id ?? reactId}-helper` : void 0;
     const describedBy = [ariaDescribedby, helperId].filter(Boolean).join(" ") || void 0;
     return /* @__PURE__ */ jsxs("div", { className: "flex w-full flex-col gap-1.5", children: [
@@ -188,7 +188,7 @@ var textareaVariants = cva(
     }
   }
 );
-var Textarea = React16.forwardRef(
+var Textarea = React17.forwardRef(
   ({ className, state, size, "aria-invalid": ariaInvalid, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "textarea",
@@ -214,7 +214,7 @@ var cardVariants = cva("rounded-lg text-text-default transition-colors", {
     variant: "default"
   }
 });
-var Card = React16.forwardRef(
+var Card = React17.forwardRef(
   ({ className, variant, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -225,7 +225,7 @@ var Card = React16.forwardRef(
   )
 );
 Card.displayName = "Card";
-var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -234,7 +234,7 @@ var CardHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardHeader.displayName = "CardHeader";
-var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -246,7 +246,7 @@ var CardTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 CardTitle.displayName = "CardTitle";
-var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -255,9 +255,9 @@ var CardDescription = React16.forwardRef(({ className, ...props }, ref) => /* @_
   }
 ));
 CardDescription.displayName = "CardDescription";
-var CardContent = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-5 pt-0", className), ...props }));
+var CardContent = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("p-5 pt-0", className), ...props }));
 CardContent.displayName = "CardContent";
-var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var CardFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -266,7 +266,7 @@ var CardFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 CardFooter.displayName = "CardFooter";
-var ScrollArea = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
+var ScrollArea = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsxs(
   ScrollAreaPrimitive.Root,
   {
     ref,
@@ -280,7 +280,7 @@ var ScrollArea = React16.forwardRef(({ className, children, ...props }, ref) =>
   }
 ));
 ScrollArea.displayName = ScrollAreaPrimitive.Root.displayName;
-var ScrollBar = React16.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
+var ScrollBar = React17.forwardRef(({ className, orientation = "vertical", ...props }, ref) => /* @__PURE__ */ jsx(
   ScrollAreaPrimitive.ScrollAreaScrollbar,
   {
     ref,
@@ -311,7 +311,7 @@ var labelVariants = cva(
     }
   }
 );
-var Label = React16.forwardRef(
+var Label = React17.forwardRef(
   ({ className, variant, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "span",
@@ -336,7 +336,7 @@ var skeletonVariants = cva("animate-pulse bg-border-subtle", {
     variant: "rect"
   }
 });
-var Skeleton = React16.forwardRef(
+var Skeleton = React17.forwardRef(
   ({ className, variant, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "div",
@@ -385,7 +385,7 @@ function clamp(value) {
   if (Number.isNaN(value)) return 0;
   return Math.min(100, Math.max(0, value));
 }
-var Progress = React16.forwardRef(
+var Progress = React17.forwardRef(
   ({
     className,
     size,
@@ -452,9 +452,9 @@ var CheckIcon = ({ className }) => /* @__PURE__ */ jsx(
     )
   }
 );
-var Checkbox = React16.forwardRef(
+var Checkbox = React17.forwardRef(
   ({ className, state, error, label, id, disabled, "aria-invalid": ariaInvalid, ...props }, ref) => {
-    const reactId = React16.useId();
+    const reactId = React17.useId();
     const inputId = id ?? reactId;
     const resolvedState = error ? "error" : state ?? "default";
     const isInvalid = resolvedState === "error";
@@ -498,10 +498,10 @@ var Checkbox = React16.forwardRef(
   }
 );
 Checkbox.displayName = "Checkbox";
-var RadioGroupContext = React16.createContext(
+var RadioGroupContext = React17.createContext(
   null
 );
-var RadioGroup = React16.forwardRef(
+var RadioGroup = React17.forwardRef(
   ({
     className,
     name,
@@ -513,17 +513,17 @@ var RadioGroup = React16.forwardRef(
     children,
     ...props
   }, ref) => {
-    const [internalValue, setInternalValue] = React16.useState(defaultValue);
+    const [internalValue, setInternalValue] = React17.useState(defaultValue);
     const isControlled = value !== void 0;
     const currentValue = isControlled ? value : internalValue;
-    const handleValueChange = React16.useCallback(
+    const handleValueChange = React17.useCallback(
       (next) => {
         if (!isControlled) setInternalValue(next);
         onValueChange?.(next);
       },
       [isControlled, onValueChange]
     );
-    const ctx = React16.useMemo(
+    const ctx = React17.useMemo(
       () => ({
         name,
         value: currentValue,
@@ -575,7 +575,7 @@ var radioDotVariants = cva(
     }
   }
 );
-var Radio = React16.forwardRef(
+var Radio = React17.forwardRef(
   ({
     className,
     id,
@@ -591,12 +591,12 @@ var Radio = React16.forwardRef(
     onClick,
     ...props
   }, ref) => {
-    const group = React16.useContext(RadioGroupContext);
-    const reactId = React16.useId();
+    const group = React17.useContext(RadioGroupContext);
+    const reactId = React17.useId();
     const inputId = id ?? reactId;
     const isGroup = group != null;
     const isControlled = checkedProp !== void 0;
-    const [internalChecked, setInternalChecked] = React16.useState(false);
+    const [internalChecked, setInternalChecked] = React17.useState(false);
     const name = nameProp ?? group?.name;
     const disabled = disabledProp ?? group?.disabled ?? false;
     const error = errorProp ?? group?.error ?? false;
@@ -725,7 +725,7 @@ var toggleThumbVariants = cva(
     }
   }
 );
-var Toggle = React16.forwardRef(
+var Toggle = React17.forwardRef(
   ({
     className,
     size,
@@ -737,7 +737,7 @@ var Toggle = React16.forwardRef(
     ...props
   }, ref) => {
     const isControlled = checked !== void 0;
-    const [internalChecked, setInternalChecked] = React16.useState(defaultChecked);
+    const [internalChecked, setInternalChecked] = React17.useState(defaultChecked);
     const isOn = isControlled ? checked : internalChecked;
     const state = isOn ? "on" : "off";
     const handleClick = (event) => {
@@ -805,7 +805,7 @@ var CloseIcon = () => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "M4 4l8 8M12 4l-8 8" })
   }
 );
-var Chip = React16.forwardRef(
+var Chip = React17.forwardRef(
   ({
     className,
     variant,
@@ -856,6 +856,50 @@ var Chip = React16.forwardRef(
   }
 );
 Chip.displayName = "Chip";
+var reactionPillVariants = cva(
+  "inline-flex items-center rounded-lg border font-medium transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-border-focus focus-visible:ring-offset-2 focus-visible:ring-offset-bg-base disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50",
+  {
+    variants: {
+      state: {
+        default: "border-border-subtle bg-surface-default text-text-default hover:border-border-default active:bg-surface-pressed",
+        selected: "border-brand-border bg-brand-subtle text-brand-text hover:bg-brand-subtle active:bg-brand-subtle"
+      },
+      size: {
+        sm: "h-[22px] gap-[3px] px-[7px] text-[11px]",
+        md: "h-[26px] gap-[5px] px-[9px] text-xs"
+      }
+    },
+    defaultVariants: {
+      state: "default",
+      size: "md"
+    }
+  }
+);
+var ReactionPill = React17.forwardRef(
+  ({ className, emoji, count, active = false, size, ...props }, ref) => {
+    return /* @__PURE__ */ jsxs(
+      "button",
+      {
+        type: "button",
+        ref,
+        "aria-pressed": active,
+        className: cn(
+          reactionPillVariants({
+            state: active ? "selected" : "default",
+            size
+          }),
+          className
+        ),
+        ...props,
+        children: [
+          /* @__PURE__ */ jsx("span", { className: "leading-none", children: emoji }),
+          /* @__PURE__ */ jsx("span", { className: "tabular-nums", children: count })
+        ]
+      }
+    );
+  }
+);
+ReactionPill.displayName = "ReactionPill";
 var alertVariants = cva(
   "relative flex gap-3 rounded-lg border p-3 [&>svg]:size-5 [&>svg]:shrink-0 [&>svg]:mt-0.5",
   {
@@ -870,7 +914,7 @@ var alertVariants = cva(
     }
   }
 );
-var Alert = React16.forwardRef(
+var Alert = React17.forwardRef(
   ({ className, variant, role = "alert", ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -882,7 +926,7 @@ var Alert = React16.forwardRef(
   )
 );
 Alert.displayName = "Alert";
-var AlertTitle = React16.forwardRef(
+var AlertTitle = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "p",
     {
@@ -896,7 +940,7 @@ var AlertTitle = React16.forwardRef(
   )
 );
 AlertTitle.displayName = "AlertTitle";
-var AlertDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var AlertDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -1029,7 +1073,7 @@ function MascotImage({
     }
   );
 }
-var Avatar = React16.forwardRef(
+var Avatar = React17.forwardRef(
   ({ className, size = "sm", src, alt, color, presence, children, ...props }, ref) => {
     const resolvedSize = size ?? "sm";
     return (
@@ -1070,9 +1114,9 @@ var Avatar = React16.forwardRef(
   }
 );
 Avatar.displayName = "Avatar";
-var AvatarImage = React16.forwardRef(
+var AvatarImage = React17.forwardRef(
   ({ className, alt = "", color, seed, ...props }, ref) => {
-    const [errored, setErrored] = React16.useState(false);
+    const [errored, setErrored] = React17.useState(false);
     if (errored) {
       return /* @__PURE__ */ jsx(MascotImage, { color, seed: seed ?? alt, alt });
     }
@@ -1089,7 +1133,7 @@ var AvatarImage = React16.forwardRef(
   }
 );
 AvatarImage.displayName = "AvatarImage";
-var AvatarFallback = React16.forwardRef(
+var AvatarFallback = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -1103,9 +1147,9 @@ var AvatarFallback = React16.forwardRef(
   )
 );
 AvatarFallback.displayName = "AvatarFallback";
-var AvatarGroup = React16.forwardRef(
+var AvatarGroup = React17.forwardRef(
   ({ className, children, max, size = "sm", ...props }, ref) => {
-    const items = React16.Children.toArray(children).filter(React16.isValidElement);
+    const items = React17.Children.toArray(children).filter(React17.isValidElement);
     const visible = typeof max === "number" ? items.slice(0, max) : items;
     const overflow = items.length - visible.length;
     return /* @__PURE__ */ jsxs("div", { ref, className: cn("flex items-center", className), ...props, children: [
@@ -1169,7 +1213,7 @@ var tooltipArrowVariants = cva(
     }
   }
 );
-var Tooltip = React16.forwardRef(
+var Tooltip = React17.forwardRef(
   ({
     className,
     content,
@@ -1180,10 +1224,10 @@ var Tooltip = React16.forwardRef(
     disabled = false,
     ...props
   }, ref) => {
-    const [hovered, setHovered] = React16.useState(false);
+    const [hovered, setHovered] = React17.useState(false);
     const isControlled = open !== void 0;
     const visible = !disabled && (isControlled ? open : hovered);
-    const tooltipId = React16.useId();
+    const tooltipId = React17.useId();
     return /* @__PURE__ */ jsxs(
       "div",
       {
@@ -1227,20 +1271,20 @@ var Tooltip = React16.forwardRef(
   }
 );
 Tooltip.displayName = "Tooltip";
-var DropdownMenuContext = React16.createContext(null);
+var DropdownMenuContext = React17.createContext(null);
 function useDropdownMenuContext(component) {
-  const ctx = React16.useContext(DropdownMenuContext);
+  const ctx = React17.useContext(DropdownMenuContext);
   if (!ctx) {
     throw new Error(`${component} must be used within <DropdownMenu>`);
   }
   return ctx;
 }
-var DropdownMenu = React16.forwardRef(
+var DropdownMenu = React17.forwardRef(
   ({ className, open: openProp, defaultOpen = false, onOpenChange, ...props }, ref) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = React16.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React17.useState(defaultOpen);
     const isControlled = openProp !== void 0;
     const open = isControlled ? openProp : uncontrolledOpen;
-    const setOpen = React16.useCallback(
+    const setOpen = React17.useCallback(
       (value) => {
         const next = typeof value === "function" ? value(open) : value;
         if (!isControlled) setUncontrolledOpen(next);
@@ -1248,7 +1292,7 @@ var DropdownMenu = React16.forwardRef(
       },
       [isControlled, onOpenChange, open]
     );
-    const ctx = React16.useMemo(() => ({ open, setOpen }), [open, setOpen]);
+    const ctx = React17.useMemo(() => ({ open, setOpen }), [open, setOpen]);
     return /* @__PURE__ */ jsx(DropdownMenuContext.Provider, { value: ctx, children: /* @__PURE__ */ jsx(
       "div",
       {
@@ -1260,7 +1304,7 @@ var DropdownMenu = React16.forwardRef(
   }
 );
 DropdownMenu.displayName = "DropdownMenu";
-var DropdownMenuTrigger = React16.forwardRef(({ className, onClick, disabled, ...props }, ref) => {
+var DropdownMenuTrigger = React17.forwardRef(({ className, onClick, disabled, ...props }, ref) => {
   const { open, setOpen } = useDropdownMenuContext("DropdownMenuTrigger");
   return /* @__PURE__ */ jsx(
     "button",
@@ -1298,7 +1342,7 @@ var dropdownMenuContentVariants = cva(
     }
   }
 );
-var DropdownMenuContent = React16.forwardRef(({ className, align, forceMount = false, ...props }, ref) => {
+var DropdownMenuContent = React17.forwardRef(({ className, align, forceMount = false, ...props }, ref) => {
   const { open } = useDropdownMenuContext("DropdownMenuContent");
   if (!open && !forceMount) return null;
   return /* @__PURE__ */ jsx(
@@ -1331,7 +1375,7 @@ var dropdownMenuItemVariants = cva(
     }
   }
 );
-var DropdownMenuItem = React16.forwardRef(
+var DropdownMenuItem = React17.forwardRef(
   ({
     className,
     variant,
@@ -1362,7 +1406,7 @@ var DropdownMenuItem = React16.forwardRef(
   }
 );
 DropdownMenuItem.displayName = "DropdownMenuItem";
-var DropdownMenuLabel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuLabel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1374,7 +1418,7 @@ var DropdownMenuLabel = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DropdownMenuLabel.displayName = "DropdownMenuLabel";
-var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuSeparator = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1385,7 +1429,7 @@ var DropdownMenuSeparator = React16.forwardRef(({ className, ...props }, ref) =>
   }
 ));
 DropdownMenuSeparator.displayName = "DropdownMenuSeparator";
-var DropdownMenuEmpty = React16.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
+var DropdownMenuEmpty = React17.forwardRef(({ className, children, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1441,7 +1485,7 @@ var CheckIcon3 = ({ className }) => /* @__PURE__ */ jsx(
     children: /* @__PURE__ */ jsx("path", { d: "m4.5 10.5 3.5 3.5 7.5-8" })
   }
 );
-var Select = React16.forwardRef(
+var Select = React17.forwardRef(
   ({
     className,
     state,
@@ -1455,8 +1499,8 @@ var Select = React16.forwardRef(
     "aria-label": ariaLabel,
     ...props
   }, ref) => {
-    const [open, setOpen] = React16.useState(defaultOpen);
-    const selected = React16.useMemo(
+    const [open, setOpen] = React17.useState(defaultOpen);
+    const selected = React17.useMemo(
       () => options.find((o) => o.value === value),
       [options, value]
     );
@@ -1539,7 +1583,7 @@ var Select = React16.forwardRef(
   }
 );
 Select.displayName = "Select";
-var DialogOverlay = React16.forwardRef(
+var DialogOverlay = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1568,7 +1612,7 @@ var dialogPanelVariants = cva(
     }
   }
 );
-var Dialog = React16.forwardRef(
+var Dialog = React17.forwardRef(
   ({
     open = true,
     onOpenChange,
@@ -1612,7 +1656,7 @@ var Dialog = React16.forwardRef(
   }
 );
 Dialog.displayName = "Dialog";
-var DialogHeader = React16.forwardRef(
+var DialogHeader = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1623,7 +1667,7 @@ var DialogHeader = React16.forwardRef(
   )
 );
 DialogHeader.displayName = "DialogHeader";
-var DialogTitle = React16.forwardRef(
+var DialogTitle = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "h2",
     {
@@ -1637,7 +1681,7 @@ var DialogTitle = React16.forwardRef(
   )
 );
 DialogTitle.displayName = "DialogTitle";
-var DialogDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var DialogDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -1646,7 +1690,7 @@ var DialogDescription = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 DialogDescription.displayName = "DialogDescription";
-var DialogBody = React16.forwardRef(
+var DialogBody = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1657,7 +1701,7 @@ var DialogBody = React16.forwardRef(
   )
 );
 DialogBody.displayName = "DialogBody";
-var DialogFooter = React16.forwardRef(
+var DialogFooter = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1697,7 +1741,7 @@ var sheetPanelVariants = cva(
     defaultVariants: { side: "bottom" }
   }
 );
-var Sheet = React16.forwardRef(
+var Sheet = React17.forwardRef(
   ({
     className,
     side = "bottom",
@@ -1749,7 +1793,7 @@ var Sheet = React16.forwardRef(
   }
 );
 Sheet.displayName = "Sheet";
-var SheetHandle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetHandle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1762,7 +1806,7 @@ var SheetHandle = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetHandle.displayName = "SheetHandle";
-var SheetHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1771,7 +1815,7 @@ var SheetHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetHeader.displayName = "SheetHeader";
-var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetTitle = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "h2",
   {
     ref,
@@ -1780,7 +1824,7 @@ var SheetTitle = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE
   }
 ));
 SheetTitle.displayName = "SheetTitle";
-var SheetDescription = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetDescription = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "p",
   {
     ref,
@@ -1789,7 +1833,7 @@ var SheetDescription = React16.forwardRef(({ className, ...props }, ref) => /* @
   }
 ));
 SheetDescription.displayName = "SheetDescription";
-var SheetBody = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetBody = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1798,7 +1842,7 @@ var SheetBody = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE_
   }
 ));
 SheetBody.displayName = "SheetBody";
-var SheetFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SheetFooter = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -1810,30 +1854,30 @@ var SheetFooter = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 SheetFooter.displayName = "SheetFooter";
-var TabsContext = React16.createContext(null);
+var TabsContext = React17.createContext(null);
 function useTabsContext(component) {
-  const ctx = React16.useContext(TabsContext);
+  const ctx = React17.useContext(TabsContext);
   if (!ctx) {
     throw new Error(`<${component}> must be used within <Tabs>`);
   }
   return ctx;
 }
-var Tabs = React16.forwardRef(
+var Tabs = React17.forwardRef(
   ({ className, value, defaultValue, onValueChange, children, ...props }, ref) => {
-    const baseId = React16.useId();
-    const [internalValue, setInternalValue] = React16.useState(
+    const baseId = React17.useId();
+    const [internalValue, setInternalValue] = React17.useState(
       defaultValue ?? ""
     );
     const isControlled = value !== void 0;
     const activeValue = isControlled ? value : internalValue;
-    const setValue = React16.useCallback(
+    const setValue = React17.useCallback(
       (next) => {
         if (!isControlled) setInternalValue(next);
         onValueChange?.(next);
       },
       [isControlled, onValueChange]
     );
-    const ctx = React16.useMemo(
+    const ctx = React17.useMemo(
       () => ({ value: activeValue, setValue, baseId }),
       [activeValue, setValue, baseId]
     );
@@ -1855,7 +1899,7 @@ var tabsListVariants = cva(
     }
   }
 );
-var TabsList = React16.forwardRef(
+var TabsList = React17.forwardRef(
   ({ className, fullWidth, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1889,7 +1933,7 @@ var tabsTriggerVariants = cva(
     }
   }
 );
-var TabsTrigger = React16.forwardRef(
+var TabsTrigger = React17.forwardRef(
   ({ className, value, disabled, ...props }, ref) => {
     const { value: activeValue, setValue, baseId } = useTabsContext("TabsTrigger");
     const isActive = activeValue === value;
@@ -1913,7 +1957,7 @@ var TabsTrigger = React16.forwardRef(
   }
 );
 TabsTrigger.displayName = "TabsTrigger";
-var TabsContent = React16.forwardRef(
+var TabsContent = React17.forwardRef(
   ({ className, value, forceMount, children, ...props }, ref) => {
     const { value: activeValue, baseId } = useTabsContext("TabsContent");
     const isActive = activeValue === value;
@@ -1953,7 +1997,7 @@ var tableVariants = cva(
     }
   }
 );
-var Table = React16.forwardRef(
+var Table = React17.forwardRef(
   ({ className, density, containerProps, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -1971,7 +2015,7 @@ var Table = React16.forwardRef(
   )
 );
 Table.displayName = "Table";
-var TableHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableHeader = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "thead",
   {
     ref,
@@ -1980,7 +2024,7 @@ var TableHeader = React16.forwardRef(({ className, ...props }, ref) => /* @__PUR
   }
 ));
 TableHeader.displayName = "TableHeader";
-var TableBody = React16.forwardRef(
+var TableBody = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", { ref, className: cn("", className), ...props })
 );
 TableBody.displayName = "TableBody";
@@ -1998,7 +2042,7 @@ var tableRowVariants = cva(
     }
   }
 );
-var TableRow = React16.forwardRef(
+var TableRow = React17.forwardRef(
   ({ className, interactive, selected, ...props }, ref) => /* @__PURE__ */ jsx(
     "tr",
     {
@@ -2011,7 +2055,7 @@ var TableRow = React16.forwardRef(
   )
 );
 TableRow.displayName = "TableRow";
-var TableHead = React16.forwardRef(
+var TableHead = React17.forwardRef(
   ({ className, sort, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "th",
     {
@@ -2032,7 +2076,7 @@ var TableHead = React16.forwardRef(
   )
 );
 TableHead.displayName = "TableHead";
-var TableCell = React16.forwardRef(
+var TableCell = React17.forwardRef(
   ({ className, ...props }, ref) => /* @__PURE__ */ jsx(
     "td",
     {
@@ -2046,7 +2090,7 @@ var TableCell = React16.forwardRef(
   )
 );
 TableCell.displayName = "TableCell";
-var TableCaption = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var TableCaption = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "caption",
   {
     ref,
@@ -2112,7 +2156,7 @@ var EllipsisIcon = (props) => /* @__PURE__ */ jsxs(
     ]
   }
 );
-var PaginationItem = React16.forwardRef(
+var PaginationItem = React17.forwardRef(
   ({ className, active, page, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "button",
@@ -2129,7 +2173,7 @@ var PaginationItem = React16.forwardRef(
   }
 );
 PaginationItem.displayName = "PaginationItem";
-var PaginationEllipsis = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
+var PaginationEllipsis = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsxs(
   "span",
   {
     ref,
@@ -2146,7 +2190,7 @@ var PaginationEllipsis = React16.forwardRef(({ className, ...props }, ref) => /*
   }
 ));
 PaginationEllipsis.displayName = "PaginationEllipsis";
-var PaginationPrevious = React16.forwardRef(({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsx(
+var PaginationPrevious = React17.forwardRef(({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsx(
   "button",
   {
     ref,
@@ -2159,7 +2203,7 @@ var PaginationPrevious = React16.forwardRef(({ className, disabled, ...props },
   }
 ));
 PaginationPrevious.displayName = "PaginationPrevious";
-var PaginationNext = React16.forwardRef(
+var PaginationNext = React17.forwardRef(
   ({ className, disabled, ...props }, ref) => /* @__PURE__ */ jsx(
     "button",
     {
@@ -2199,7 +2243,7 @@ function buildPageRange(current, total, siblingCount = 1) {
   }
   return range;
 }
-var Pagination = React16.forwardRef(
+var Pagination = React17.forwardRef(
   ({
     className,
     totalPages,
@@ -2287,7 +2331,7 @@ var segmentItemVariants = cva(
     }
   }
 );
-var SegmentedControl = React16.forwardRef(
+var SegmentedControl = React17.forwardRef(
   ({
     className,
     items,
@@ -2300,7 +2344,7 @@ var SegmentedControl = React16.forwardRef(
     ...props
   }, ref) => {
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React16.useState(
+    const [internalValue, setInternalValue] = React17.useState(
       defaultValue ?? items[0]?.value ?? ""
     );
     const currentValue = isControlled ? value : internalValue;
@@ -2431,7 +2475,7 @@ function CloseIcon2(props) {
     }
   );
 }
-var Toast = React16.forwardRef(
+var Toast = React17.forwardRef(
   ({
     className,
     variant,
@@ -2624,7 +2668,7 @@ var SearchIcon = (props) => /* @__PURE__ */ jsxs(IconBase, { ...props, children:
   /* @__PURE__ */ jsx("path", { d: "m20 20-3.4-3.4" })
 ] });
 var XIcon = (props) => /* @__PURE__ */ jsx(IconBase, { ...props, children: /* @__PURE__ */ jsx("path", { d: "M18 6 6 18M6 6l12 12" }) });
-var AccordionItem = React16.forwardRef(
+var AccordionItem = React17.forwardRef(
   ({ className, title, children, ...props }, ref) => /* @__PURE__ */ jsxs(
     "details",
     {
@@ -2651,7 +2695,7 @@ var AccordionItem = React16.forwardRef(
   )
 );
 AccordionItem.displayName = "AccordionItem";
-var Accordion = React16.forwardRef(
+var Accordion = React17.forwardRef(
   ({ className, items, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2674,7 +2718,7 @@ var Accordion = React16.forwardRef(
   )
 );
 Accordion.displayName = "Accordion";
-var KpiRow = React16.forwardRef(
+var KpiRow = React17.forwardRef(
   ({ items, className, ...props }, ref) => /* @__PURE__ */ jsx("div", { ref, className: cn("flex w-[360px] gap-2", className), ...props, children: items.map((k) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2697,7 +2741,7 @@ var KpiRow = React16.forwardRef(
   )) })
 );
 KpiRow.displayName = "KpiRow";
-var ProgressList = React16.forwardRef(
+var ProgressList = React17.forwardRef(
   ({ items, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "div",
     {
@@ -2727,7 +2771,7 @@ var ProgressList = React16.forwardRef(
   )
 );
 ProgressList.displayName = "ProgressList";
-var Ring = React16.forwardRef(
+var Ring = React17.forwardRef(
   ({ pct, size = 84, label, className, style, ...props }, ref) => /* @__PURE__ */ jsxs(
     "div",
     {
@@ -2769,7 +2813,7 @@ var Ring = React16.forwardRef(
   )
 );
 Ring.displayName = "Ring";
-var StackBar = React16.forwardRef(
+var StackBar = React17.forwardRef(
   ({ segments, showLegend = true, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className: cn("w-[360px]", className), ...props, children: [
     /* @__PURE__ */ jsx("div", { className: "flex h-6 gap-0.5", children: segments.map((s, i) => /* @__PURE__ */ jsx(
       "div",
@@ -2815,7 +2859,7 @@ var BAR_BY_STATE = {
   unreached: "bg-brand-subtle",
   pending: "bg-surface-sunken"
 };
-var WorkHoursBar = React16.forwardRef(
+var WorkHoursBar = React17.forwardRef(
   ({ data, max = 12, height = 120, caption, className, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
     /* @__PURE__ */ jsx("div", { className: "flex items-end gap-3", children: data.map((d) => {
       const barH = d.state === "pending" ? 4 : d.hours / max * height;
@@ -2835,7 +2879,7 @@ var WorkHoursBar = React16.forwardRef(
   ] })
 );
 WorkHoursBar.displayName = "WorkHoursBar";
-var Kbd = React16.forwardRef(
+var Kbd = React17.forwardRef(
   ({ active, className, children, ...props }, ref) => /* @__PURE__ */ jsx(
     "kbd",
     {
@@ -2851,7 +2895,7 @@ var Kbd = React16.forwardRef(
   )
 );
 Kbd.displayName = "Kbd";
-var CommandPalette = React16.forwardRef(
+var CommandPalette = React17.forwardRef(
   ({
     groups,
     onSelect,
@@ -2909,7 +2953,7 @@ var CommandPalette = React16.forwardRef(
   }
 );
 CommandPalette.displayName = "CommandPalette";
-var AvatarWithPresence = React16.forwardRef(
+var AvatarWithPresence = React17.forwardRef(
   ({
     name,
     status = "online",
@@ -2940,7 +2984,7 @@ var AvatarWithPresence = React16.forwardRef(
   ] })
 );
 AvatarWithPresence.displayName = "AvatarWithPresence";
-var SidebarSection = React16.forwardRef(({ title, addable, onAdd, addLabel, className, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
+var SidebarSection = React17.forwardRef(({ title, addable, onAdd, addLabel, className, children, ...props }, ref) => /* @__PURE__ */ jsxs("div", { ref, className, ...props, children: [
   /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-1.5 px-2 pb-1.5 pt-2.5 text-xs font-semibold text-text-subtle", children: [
     title,
     addable && /* @__PURE__ */ jsx(
@@ -2959,7 +3003,7 @@ var SidebarSection = React16.forwardRef(({ title, addable, onAdd, addLabel, clas
   children
 ] }));
 SidebarSection.displayName = "SidebarSection";
-var SidebarChannel = React16.forwardRef(({ name, icon, locked, active, badge, className, ...props }, ref) => {
+var SidebarChannel = React17.forwardRef(({ name, icon, locked, active, badge, className, ...props }, ref) => {
   const resolvedIcon = icon ?? (locked ? /* @__PURE__ */ jsx(LockIcon, { size: 17 }) : /* @__PURE__ */ jsx(HashIcon, { size: 17 }));
   return /* @__PURE__ */ jsxs(
     "button",
@@ -2991,7 +3035,7 @@ var SidebarChannel = React16.forwardRef(({ name, icon, locked, active, badge, cl
   );
 });
 SidebarChannel.displayName = "SidebarChannel";
-var SidebarDm = React16.forwardRef(
+var SidebarDm = React17.forwardRef(
   ({ name, status = "online", color, avatarSrc, pinned, className, ...props }, ref) => /* @__PURE__ */ jsxs(
     "button",
     {
@@ -3040,7 +3084,7 @@ var sidebarContainerVariants = cva(
     defaultVariants: { variant: "panel" }
   }
 );
-var SidebarPanel = React16.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
+var SidebarPanel = React17.forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(
   "div",
   {
     ref,
@@ -3049,7 +3093,7 @@ var SidebarPanel = React16.forwardRef(({ className, ...props }, ref) => /* @__PU
   }
 ));
 SidebarPanel.displayName = "SidebarPanel";
-var Sidebar = React16.forwardRef(
+var Sidebar = React17.forwardRef(
   ({ sections, variant = "panel", className, ...props }, ref) => /* @__PURE__ */ jsx(
     "nav",
     {
@@ -3078,7 +3122,7 @@ var Sidebar = React16.forwardRef(
   )
 );
 Sidebar.displayName = "Sidebar";
-var List = React16.forwardRef(
+var List = React17.forwardRef(
   ({ className, bordered = true, divided = true, ...props }, ref) => {
     return /* @__PURE__ */ jsx(
       "ul",
@@ -3096,7 +3140,7 @@ var List = React16.forwardRef(
   }
 );
 List.displayName = "List";
-var ListItem = React16.forwardRef(
+var ListItem = React17.forwardRef(
   ({ className, leading, title, description, trailing, ...props }, ref) => {
     return /* @__PURE__ */ jsxs(
       "li",
@@ -3117,7 +3161,7 @@ var ListItem = React16.forwardRef(
   }
 );
 ListItem.displayName = "ListItem";
-var SuccessCheck = React16.forwardRef(
+var SuccessCheck = React17.forwardRef(
   ({ size = 22, className, ...props }, ref) => /* @__PURE__ */ jsx(
     "span",
     {
@@ -3144,7 +3188,7 @@ var separatorVariants = cva("shrink-0 border-border-default", {
     orientation: "horizontal"
   }
 });
-var Separator = React16.forwardRef(
+var Separator = React17.forwardRef(
   ({ className, orientation = "horizontal", label, decorative = false, ...props }, ref) => {
     const resolvedOrientation = orientation === "vertical" ? "vertical" : "horizontal";
     const ariaOrientation = label != null ? "horizontal" : resolvedOrientation;
@@ -3236,7 +3280,7 @@ var popoverContentVariants = cva(
     }
   }
 );
-var Popover = React16.forwardRef(
+var Popover = React17.forwardRef(
   ({
     className,
     content,
@@ -3248,20 +3292,20 @@ var Popover = React16.forwardRef(
     onOpenChange,
     ...props
   }, ref) => {
-    const [uncontrolledOpen, setUncontrolledOpen] = React16.useState(defaultOpen);
+    const [uncontrolledOpen, setUncontrolledOpen] = React17.useState(defaultOpen);
     const isControlled = openProp !== void 0;
     const open = isControlled ? openProp : uncontrolledOpen;
-    const innerRef = React16.useRef(null);
-    React16.useImperativeHandle(ref, () => innerRef.current, []);
-    const contentId = React16.useId();
-    const setOpen = React16.useCallback(
+    const innerRef = React17.useRef(null);
+    React17.useImperativeHandle(ref, () => innerRef.current, []);
+    const contentId = React17.useId();
+    const setOpen = React17.useCallback(
       (next) => {
         if (!isControlled) setUncontrolledOpen(next);
         onOpenChange?.(next);
       },
       [isControlled, onOpenChange]
     );
-    React16.useEffect(() => {
+    React17.useEffect(() => {
       if (!open) return;
       const onPointerDown = (event) => {
         const node = innerRef.current;
@@ -3324,7 +3368,7 @@ var fieldVariants = cva("flex gap-1.5", {
     orientation: "vertical"
   }
 });
-var Field = React16.forwardRef(
+var Field = React17.forwardRef(
   ({
     className,
     orientation = "vertical",
@@ -3337,11 +3381,11 @@ var Field = React16.forwardRef(
     children,
     ...props
   }, ref) => {
-    const reactId = React16.useId();
+    const reactId = React17.useId();
     const controlId = htmlFor ?? reactId;
     const isHorizontal = orientation === "horizontal";
     const messageId = error ? `${controlId}-error` : hint ? `${controlId}-hint` : void 0;
-    const control = React16.isValidElement(children) ? React16.cloneElement(children, {
+    const control = React17.isValidElement(children) ? React17.cloneElement(children, {
       id: children.props.id ?? controlId,
       "aria-invalid": error ? true : children.props["aria-invalid"],
       "aria-describedby": [children.props["aria-describedby"], messageId].filter(Boolean).join(" ") || void 0
@@ -3401,7 +3445,7 @@ var Field = React16.forwardRef(
 );
 Field.displayName = "Field";
 var accessoryButtonClass = "inline-flex size-6 shrink-0 items-center justify-center rounded text-text-subtle transition-colors hover:bg-surface-hover hover:text-text-default active:bg-surface-pressed focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-brand-border disabled:pointer-events-none disabled:text-text-disabled";
-var SearchField = React16.forwardRef(
+var SearchField = React17.forwardRef(
   ({
     className,
     value,
@@ -3417,12 +3461,12 @@ var SearchField = React16.forwardRef(
     ...props
   }, ref) => {
     const isControlled = value !== void 0;
-    const [internalValue, setInternalValue] = React16.useState(
+    const [internalValue, setInternalValue] = React17.useState(
       defaultValue ?? ""
     );
     const currentValue = isControlled ? value : internalValue;
-    const innerRef = React16.useRef(null);
-    React16.useImperativeHandle(ref, () => innerRef.current);
+    const innerRef = React17.useRef(null);
+    React17.useImperativeHandle(ref, () => innerRef.current);
     const commit = (next) => {
       if (!isControlled) setInternalValue(next);
       onValueChange?.(next);
@@ -3530,7 +3574,7 @@ var bannerVariants = cva(
     }
   }
 );
-var Banner = React16.forwardRef(
+var Banner = React17.forwardRef(
   ({
     className,
     variant,
@@ -3579,6 +3623,6 @@ var Banner = React16.forwardRef(
 );
 Banner.displayName = "Banner";
 
-export { AVATAR_COLORS, Accordion, AccordionItem, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarWithPresence, Banner, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CommandPalette, Dialog, Button as DialogAction, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuEmpty, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, Field, Input, Kbd, KpiRow, Label, List, ListItem, PRESENCE_LABEL, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, Popover, Presence, Progress, ProgressList, Radio, RadioGroup, Ring, ScrollArea, ScrollBar, SearchField, SegmentedControl, Select, Separator, Sheet, SheetBody, SheetDescription, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Sidebar, SidebarChannel, SidebarDm, SidebarPanel, SidebarSection, Skeleton, StackBar, SuccessCheck, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, Toggle, Tooltip, WorkHoursBar, alertVariants, avatarVariants, bannerVariants, buildPageRange, buttonVariants, cardVariants, checkboxVariants, chipVariants, cn, dialogPanelVariants, dropdownMenuContentVariants, dropdownMenuItemVariants, fieldVariants, inputVariants, labelVariants, paginationItemVariants, popoverContentVariants, progressFillVariants, progressTrackVariants, radioVariants, segmentContainerVariants, segmentItemVariants, selectTriggerVariants, separatorVariants, sheetOverlayVariants, sheetPanelVariants, sidebarContainerVariants, skeletonVariants, tableRowVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleThumbVariants, toggleTrackVariants, tooltipArrowVariants, tooltipContentVariants };
+export { AVATAR_COLORS, Accordion, AccordionItem, Alert, AlertDescription, AlertTitle, Avatar, AvatarFallback, AvatarGroup, AvatarImage, AvatarWithPresence, Banner, Button, Card, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Checkbox, Chip, CommandPalette, Dialog, Button as DialogAction, DialogBody, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogTitle, DropdownMenu, DropdownMenuContent, DropdownMenuEmpty, DropdownMenuItem, DropdownMenuLabel, DropdownMenuSeparator, DropdownMenuTrigger, EmptyState, Field, Input, Kbd, KpiRow, Label, List, ListItem, PRESENCE_LABEL, Pagination, PaginationEllipsis, PaginationItem, PaginationNext, PaginationPrevious, Popover, Presence, Progress, ProgressList, Radio, RadioGroup, ReactionPill, Ring, ScrollArea, ScrollBar, SearchField, SegmentedControl, Select, Separator, Sheet, SheetBody, SheetDescription, SheetFooter, SheetHandle, SheetHeader, SheetTitle, Sidebar, SidebarChannel, SidebarDm, SidebarPanel, SidebarSection, Skeleton, StackBar, SuccessCheck, Table, TableBody, TableCaption, TableCell, TableHead, TableHeader, TableRow, Tabs, TabsContent, TabsList, TabsTrigger, Textarea, Toast, Toggle, Tooltip, WorkHoursBar, alertVariants, avatarVariants, bannerVariants, buildPageRange, buttonVariants, cardVariants, checkboxVariants, chipVariants, cn, dialogPanelVariants, dropdownMenuContentVariants, dropdownMenuItemVariants, fieldVariants, inputVariants, labelVariants, paginationItemVariants, popoverContentVariants, progressFillVariants, progressTrackVariants, radioVariants, reactionPillVariants, segmentContainerVariants, segmentItemVariants, selectTriggerVariants, separatorVariants, sheetOverlayVariants, sheetPanelVariants, sidebarContainerVariants, skeletonVariants, tableRowVariants, tableVariants, tabsListVariants, tabsTriggerVariants, textareaVariants, toastVariants, toggleThumbVariants, toggleTrackVariants, tooltipArrowVariants, tooltipContentVariants };
 //# sourceMappingURL=index.mjs.map
 //# sourceMappingURL=index.mjs.map