@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-j65qt1mq.js → components-8ey44d79.js}

@@ -1,61 +1,61 @@
 import {
-  fieldIconClasses,
-  fieldVariants
-} from "./components-de8xsm9y.js";
+  fieldVariants,
+  fieldIconClasses
+} from "./components-mhd39z7x.js";
 import {
-  SelectionBackgrounds,
-  useMergeSplitBlocks,
-  useSelectionRuns
-} from "./components-rc63qsy6.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  isDisabledRow,
-  popupScrollAreaClass,
-  popupViewportClass
-} from "./components-jw16snbn.js";
+  MorphSurface
+} from "./components-0q0sqfh4.js";
+import {
+  shapeMap,
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  ScrollArea
-} from "./components-ed7cmssr.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
   SURFACE_BG,
   SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  MorphSurface
-} from "./components-jxgznftn.js";
-import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
-import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  shapeMap,
-  useShape
-} from "./components-7zp99w5d.js";
+  useSelectionRuns,
+  useMergeSplitBlocks,
+  SelectionBackgrounds
+} from "./components-5xc2j8jz.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  popupScrollAreaClass,
+  popupViewportClass,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/combobox/index.tsx
 import { Combobox as ComboboxPrimitive } from "@base-ui/react/combobox";
@@ -102,7 +102,7 @@ function toValues(v) {
     return v;
   return v === "" ? [] : [v];
 }
-function Combobox({
+function Combobox2({
   children,
   items,
   multiple,
@@ -230,27 +230,27 @@ function Combobox({
       })
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 }
-Combobox.displayName = "Combobox";
+Combobox2.displayName = "Combobox";
 var popupShape = shapeMap.rounded;
 var ALWAYS_HIGHLIGHT = "always";
 var fieldButtonClass = "flex shrink-0 items-center justify-center rounded-md text-muted-foreground outline-none transition-colors duration-fast hover:text-foreground focus-visible:ring-1 focus-visible:ring-focus-ring data-[disabled]:pointer-events-none";
-var clearButtonClass = cn(fieldButtonClass, "hover:bg-hover active:bg-active transition-[color,background-color]");
-var chipRemoveClass = cn(fieldButtonClass, "rounded hover:bg-active");
+var clearButtonClass = cn2(fieldButtonClass, "hover:bg-hover active:bg-active transition-[color,background-color]");
+var chipRemoveClass = cn2(fieldButtonClass, "rounded hover:bg-active");
 function FieldControls({ clearable, compact, iconSize }) {
   const XIcon = useIcon("x");
   const pill = useShape().variant === "pill";
   return /* @__PURE__ */ jsxs(Fragment, {
     children: [
       clearable && /* @__PURE__ */ jsx("span", {
-        className: cn("flex shrink-0 items-center justify-center", compact ? "size-5" : "size-6"),
+        className: cn2("flex shrink-0 items-center justify-center", compact ? "size-5" : "size-6"),
         children: /* @__PURE__ */ jsx(ComboboxPrimitive.Clear, {
           "aria-label": "Clear",
-          className: cn(clearButtonClass, pill && "rounded-full", compact ? "size-5" : "size-6"),
+          className: cn2(clearButtonClass, pill && "rounded-full", compact ? "size-5" : "size-6"),
           children: /* @__PURE__ */ jsx(XIcon, {
             size: iconSize,
             strokeWidth: 1.5
@@ -260,7 +260,7 @@ function FieldControls({ clearable, compact, iconSize }) {
       /* @__PURE__ */ jsx(ComboboxPrimitive.Trigger, {
         "aria-label": "Open",
         tabIndex: -1,
-        className: cn(fieldButtonClass, compact ? "size-5" : "size-6"),
+        className: cn2(fieldButtonClass, compact ? "size-5" : "size-6"),
         children: /* @__PURE__ */ jsx("svg", {
           width: iconSize,
           height: iconSize,
@@ -279,9 +279,9 @@ function FieldControls({ clearable, compact, iconSize }) {
     ]
   });
 }
-var ComboboxInput = forwardRef(({ className, variant, icon: Icon, placeholder = "Search…", error, clearable = false, size, ...props }, ref) => {
+var ComboboxInput2 = forwardRef(({ className, variant, icon: Icon, placeholder = "Search…", error, clearable = false, size, ...props }, ref) => {
   const shape = useShape();
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const compact = sizeClasses.variant === "compact";
   const { anchorRef } = useComboboxContext();
   return /* @__PURE__ */ jsxs("div", {
@@ -290,7 +290,7 @@ var ComboboxInput = forwardRef(({ className, variant, icon: Icon, placeholder =
       /* @__PURE__ */ jsxs(ComboboxPrimitive.InputGroup, {
         ref: anchorRef,
         "data-invalid": !!error || undefined,
-        className: cn(fieldVariants({ variant: variant ?? "bordered" }), "flex items-center", sizeClasses.control, sizeClasses.gap, compact ? "px-2" : "px-2.5", compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, className),
+        className: cn2(fieldVariants({ variant: variant ?? "bordered" }), "flex items-center", sizeClasses.control, sizeClasses.gap, compact ? "px-2" : "px-2.5", compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, className),
         children: [
           Icon && /* @__PURE__ */ jsx(Icon, {
             size: sizeClasses.icon,
@@ -301,7 +301,7 @@ var ComboboxInput = forwardRef(({ className, variant, icon: Icon, placeholder =
             ref,
             placeholder,
             "aria-invalid": !!error || undefined,
-            className: cn("min-w-0 flex-1 rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", sizeClasses.text, compact ? "leading-5" : "leading-6"),
+            className: cn2("min-w-0 flex-1 rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", sizeClasses.text, compact ? "leading-5" : "leading-6"),
             ...props
           }),
           /* @__PURE__ */ jsx(FieldControls, {
@@ -318,7 +318,7 @@ var ComboboxInput = forwardRef(({ className, variant, icon: Icon, placeholder =
     ]
   });
 });
-ComboboxInput.displayName = "ComboboxInput";
+ComboboxInput2.displayName = "ComboboxInput";
 function useChipRowHeight(padY) {
   const height = useMotionValue("auto");
   const roRef = useRef(null);
@@ -336,7 +336,7 @@ function useChipRowHeight(padY) {
       if (height.get() === "auto")
         height.set(target);
       else if (height.get() !== target)
-        animate(height, target, spring.fast);
+        animate(height, target, spring2.fast);
     };
     measure();
     const ro = new ResizeObserver(measure);
@@ -345,10 +345,10 @@ function useChipRowHeight(padY) {
   }, [height]);
   return { ref, height };
 }
-var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder = "Search…", error, clearable = false, size, ...props }, ref) => {
+var ComboboxChips2 = forwardRef(({ className, variant, icon: Icon, placeholder = "Search…", error, clearable = false, size, ...props }, ref) => {
   const XIcon = useIcon("x");
   const shape = useShape();
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const compact = sizeClasses.variant === "compact";
   const { anchorRef, open, disabled, inputValue, values } = useComboboxContext();
   const rowHeight = useChipRowHeight(compact ? 8 : 12);
@@ -363,10 +363,10 @@ var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder =
         "data-disabled": disabled || undefined,
         "data-invalid": !!error || undefined,
         "data-popup-open": open || undefined,
-        className: cn(fieldVariants({ variant: variant ?? "bordered" }), "flex items-center", "transition-[color,background-color,border-radius,box-shadow,opacity]", "!items-start", compact ? "min-h-7 py-1" : "min-h-9 py-1.5", sizeClasses.gap, compact ? "px-2" : "px-2.5", compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, className),
+        className: cn2(fieldVariants({ variant: variant ?? "bordered" }), "flex items-center", "transition-[color,background-color,border-radius,box-shadow,opacity]", "!items-start", compact ? "min-h-7 py-1" : "min-h-9 py-1.5", sizeClasses.gap, compact ? "px-2" : "px-2.5", compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, className),
         children: [
           Icon && /* @__PURE__ */ jsx("span", {
-            className: cn("flex shrink-0 items-center", compact ? "h-5" : "h-6"),
+            className: cn2("flex shrink-0 items-center", compact ? "h-5" : "h-6"),
             children: /* @__PURE__ */ jsx(Icon, {
               size: sizeClasses.icon,
               strokeWidth: 1.5,
@@ -375,7 +375,7 @@ var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder =
           }),
           /* @__PURE__ */ jsx("div", {
             ref: rowHeight.ref,
-            className: cn("relative flex min-w-0 flex-1 flex-wrap items-center gap-1", !Icon && values.length > 0 && "-ml-1"),
+            className: cn2("relative flex min-w-0 flex-1 flex-wrap items-center gap-1", !Icon && values.length > 0 && "-ml-1"),
             children: /* @__PURE__ */ jsx(ComboboxPrimitive.Value, {
               children: (selected) => /* @__PURE__ */ jsxs(Fragment, {
                 children: [
@@ -392,14 +392,14 @@ var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder =
                           opacity: 0,
                           scale: 0.9,
                           pointerEvents: "none",
-                          transition: spring.fast.exit
+                          transition: spring2.fast.exit
                         },
-                        transition: spring.fast,
+                        transition: spring2.fast,
                         style: { originX: 0 },
                         className: "inline-flex max-w-full shrink-0",
                         children: /* @__PURE__ */ jsxs(ComboboxPrimitive.Chip, {
                           "aria-label": label,
-                          className: cn("inline-flex max-w-full shrink-0 items-center gap-0.5 bg-hover pl-2 pr-0.5 text-foreground outline-none", shape.variant === "pill" ? "rounded-full" : "rounded-md", "focus-visible:ring-1 focus-visible:ring-focus-ring", compact ? "h-5 text-caption-compact" : "h-6 text-caption"),
+                          className: cn2("inline-flex max-w-full shrink-0 items-center gap-0.5 bg-hover pl-2 pr-0.5 text-foreground outline-none", shape.variant === "pill" ? "rounded-full" : "rounded-md", "focus-visible:ring-1 focus-visible:ring-focus-ring", compact ? "h-5 text-caption-compact" : "h-6 text-caption"),
                           children: [
                             /* @__PURE__ */ jsx("span", {
                               className: "truncate",
@@ -407,7 +407,7 @@ var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder =
                             }),
                             /* @__PURE__ */ jsx(ComboboxPrimitive.ChipRemove, {
                               "aria-label": `Remove ${label}`,
-                              className: cn(chipRemoveClass, shape.variant === "pill" && "rounded-full", compact ? "size-4" : "size-5"),
+                              className: cn2(chipRemoveClass, shape.variant === "pill" && "rounded-full", compact ? "size-4" : "size-5"),
                               children: /* @__PURE__ */ jsx(XIcon, {
                                 size: compact ? 10 : 12,
                                 strokeWidth: 2
@@ -425,7 +425,7 @@ var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder =
                       size: Math.max(1, inputValue.length + 1),
                       placeholder: selected?.length ? undefined : placeholder,
                       "aria-invalid": !!error || undefined,
-                      className: cn("w-full min-w-0 rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", compact ? "h-5 leading-5" : "h-6 leading-6", sizeClasses.text),
+                      className: cn2("w-full min-w-0 rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", compact ? "h-5 leading-5" : "h-6 leading-6", sizeClasses.text),
                       ...props
                     })
                   })
@@ -447,8 +447,8 @@ var ComboboxChips = forwardRef(({ className, variant, icon: Icon, placeholder =
     ]
   });
 });
-ComboboxChips.displayName = "ComboboxChips";
-var ComboboxContent = forwardRef(({
+ComboboxChips2.displayName = "ComboboxChips";
+var ComboboxContent2 = forwardRef(({
   className,
   children,
   side = "bottom",
@@ -462,7 +462,7 @@ var ComboboxContent = forwardRef(({
   const { open, origin, anchorRef } = useComboboxContext();
   const morph = useMorph(open, origin, { from, effect, hideSource, tier });
   useImperativeHandle(ref, () => morph.popup, [morph.popup]);
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const shape = popupShape;
   return /* @__PURE__ */ jsx(ComboboxPrimitive.Portal, {
     children: /* @__PURE__ */ jsx(ComboboxPrimitive.Positioner, {
@@ -474,14 +474,14 @@ var ComboboxContent = forwardRef(({
       children: /* @__PURE__ */ jsx(ComboboxPrimitive.Popup, {
         ref: morph.popupRef,
         className: "relative select-none outline-none",
-        children: /* @__PURE__ */ jsx(SurfaceProvider, {
+        children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
           children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
             bg: SURFACE_BG[level],
             shadow: SURFACE_SHADOW[3],
             radius: shape.container,
-            className: cn(`flex flex-col min-w-[var(--anchor-width)] max-h-[min(300px,var(--available-height))] overflow-hidden ${shape.container}`, className),
+            className: cn2(`flex flex-col min-w-[var(--anchor-width)] max-h-[min(300px,var(--available-height))] overflow-hidden ${shape.container}`, className),
             children
           })
         })
@@ -489,14 +489,14 @@ var ComboboxContent = forwardRef(({
     })
   });
 });
-ComboboxContent.displayName = "ComboboxContent";
-var ComboboxList = forwardRef(({ className, children }, ref) => {
+ComboboxContent2.displayName = "ComboboxContent";
+var ComboboxList2 = forwardRef(({ className, children }, ref) => {
   const { open, values, multiple, inputValue, createRow } = useComboboxContext();
   const highlight = useContext(ComboboxHighlightContext);
   const PlusIcon = useIcon("plus");
   const shape = popupShape;
   const containerRef = useRef(null);
-  const hover = useFluidHover(containerRef, { isItemDisabled: isDisabledRow });
+  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const { activeIndex, setActiveIndex, itemRects, isMeasured, handlers, registerItem, remeasure } = hover;
   const [checkedIndices, setCheckedIndices] = useState([]);
   useEffect(() => {
@@ -559,9 +559,9 @@ var ComboboxList = forwardRef(({ className, children }, ref) => {
   const contentCtx = useMemo(() => ({ registerItem, activeIndex }), [registerItem, activeIndex]);
   return /* @__PURE__ */ jsx(ComboboxContentContext.Provider, {
     value: contentCtx,
-    children: /* @__PURE__ */ jsx(ScrollArea, {
+    children: /* @__PURE__ */ jsx(ScrollArea2, {
       className: popupScrollAreaClass,
-      viewportClassName: cn(popupViewportClass, "scroll-fade"),
+      viewportClassName: cn2(popupViewportClass, "scroll-fade"),
       children: /* @__PURE__ */ jsxs(ComboboxPrimitive.List, {
         ref: (node) => {
           containerRef.current = node;
@@ -574,7 +574,7 @@ var ComboboxList = forwardRef(({ className, children }, ref) => {
         onMouseMove: handlers.onMouseMove,
         onMouseLeave: handlers.onMouseLeave,
         onClick: handlers.onClick,
-        className: cn("relative flex flex-col p-1 outline-none data-[empty]:p-0", className),
+        className: cn2("relative flex flex-col p-1 outline-none data-[empty]:p-0", className),
         children: [
           open && multiple && /* @__PURE__ */ jsx(SelectionBackgrounds, {
             blocks: reflowSnap ? blocks.map((b) => ({ ...b, instant: true })) : blocks
@@ -591,11 +591,11 @@ var ComboboxList = forwardRef(({ className, children }, ref) => {
                 height: checkedRect.height,
                 opacity: 1
               },
-              exit: { opacity: 0, transition: spring.moderate.exit },
-              transition: reflowSnap ? { duration: 0 } : { ...spring.moderate, opacity: { duration: spring.fast.duration } }
+              exit: { opacity: 0, transition: spring2.moderate.exit },
+              transition: reflowSnap ? { duration: 0 } : { ...spring2.moderate, opacity: { duration: spring2.fast.duration } }
             }, "checked")
           }),
-          open && /* @__PURE__ */ jsx(FluidHoverHighlight, {
+          open && /* @__PURE__ */ jsx(FluidHoverHighlight2, {
             hover,
             className: shape.bg,
             transition: reflowSnap ? false : undefined
@@ -603,7 +603,7 @@ var ComboboxList = forwardRef(({ className, children }, ref) => {
           /* @__PURE__ */ jsx(ComboboxPrimitive.Collection, {
             children: (item, index) => /* @__PURE__ */ jsx(ComboboxItemIndexContext.Provider, {
               value: index,
-              children: isCreateItem(item) ? /* @__PURE__ */ jsx(ComboboxItem, {
+              children: isCreateItem(item) ? /* @__PURE__ */ jsx(ComboboxItem2, {
                 value: CREATE_VALUE,
                 icon: PlusIcon,
                 children: createRow
@@ -615,21 +615,21 @@ var ComboboxList = forwardRef(({ className, children }, ref) => {
     })
   });
 });
-ComboboxList.displayName = "ComboboxList";
-var ComboboxItem = forwardRef(({ className, children, icon: Icon, value, disabled = false, ...props }, ref) => {
+ComboboxList2.displayName = "ComboboxList";
+var ComboboxItem2 = forwardRef(({ className, children, icon: Icon, value, disabled = false, ...props }, ref) => {
   const comboboxCtx = useComboboxContext();
   const contentCtx = useContext(ComboboxContentContext);
   const index = useContext(ComboboxItemIndexContext);
   const internalRef = useRef(null);
   const shape = popupShape;
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   const hasMounted = useRef(false);
   useEffect(() => {
     hasMounted.current = true;
   }, []);
   const registerItem = contentCtx?.registerItem;
-  useRegisterFluidHoverItem(registerItem, index, internalRef);
+  useRegisterFluidHoverItem2(registerItem, index, internalRef);
   const isActive = contentCtx?.activeIndex === index;
   const isChecked = comboboxCtx.values.includes(value);
   const skipAnimation = !hasMounted.current;
@@ -648,7 +648,7 @@ var ComboboxItem = forwardRef(({ className, children, icon: Icon, value, disable
       },
       "data-fluid-hover-index": index,
       "data-value": value,
-      className: cn(`relative z-10 flex ${sizeClasses.control} shrink-0 items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.itemPx} ${sizeClasses.text} cursor-pointer outline-none select-none`, "transition-[color] duration-fast", isActive || isChecked ? "text-foreground" : "text-muted-foreground", disabled && "opacity-50 pointer-events-none", className),
+      className: cn2(`relative z-10 flex ${sizeClasses.control} shrink-0 items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.itemPx} ${sizeClasses.text} cursor-pointer outline-none select-none`, "transition-[color] duration-fast", isActive || isChecked ? "text-foreground" : "text-muted-foreground", disabled && "opacity-50 pointer-events-none", className),
       ...props
     }),
     children: [
@@ -663,7 +663,7 @@ var ComboboxItem = forwardRef(({ className, children, icon: Icon, value, disable
       }),
       /* @__PURE__ */ jsx("span", {
         "aria-hidden": true,
-        className: cn("shrink-0", compact ? "w-3.5 h-3.5" : "w-4 h-4"),
+        className: cn2("shrink-0", compact ? "w-3.5 h-3.5" : "w-4 h-4"),
         children: /* @__PURE__ */ jsx(AnimatePresence, {
           children: isChecked && /* @__PURE__ */ jsx(motion.svg, {
             width: sizeClasses.icon,
@@ -683,7 +683,7 @@ var ComboboxItem = forwardRef(({ className, children, icon: Icon, value, disable
               initial: { pathLength: skipAnimation ? 1 : 0 },
               animate: {
                 pathLength: 1,
-                transition: { duration: spring.fast.duration, ease: "easeOut" }
+                transition: { duration: spring2.fast.duration, ease: "easeOut" }
               },
               exit: {
                 pathLength: 0,
@@ -696,24 +696,24 @@ var ComboboxItem = forwardRef(({ className, children, icon: Icon, value, disable
     ]
   });
 });
-ComboboxItem.displayName = "ComboboxItem";
-var ComboboxEmpty = forwardRef(({ className, children, allSelected, ...props }, ref) => {
-  const sizeClasses = useSize();
+ComboboxItem2.displayName = "ComboboxItem";
+var ComboboxEmpty2 = forwardRef(({ className, children, allSelected, ...props }, ref) => {
+  const sizeClasses = useSize2();
   const ctx = useComboboxContext();
   return /* @__PURE__ */ jsx(ComboboxPrimitive.Empty, {
     ref,
-    className: cn("px-3 text-center text-muted-foreground [&:not(:empty)]:py-6", sizeClasses.text, className),
+    className: cn2("px-3 text-center text-muted-foreground [&:not(:empty)]:py-6", sizeClasses.text, className),
     ...props,
     children: ctx.allSelected && allSelected !== undefined ? allSelected : children
   });
 });
-ComboboxEmpty.displayName = "ComboboxEmpty";
-Combobox.Input = ComboboxInput;
-Combobox.Chips = ComboboxChips;
-Combobox.Content = ComboboxContent;
-Combobox.List = ComboboxList;
-Combobox.Item = ComboboxItem;
-Combobox.Empty = ComboboxEmpty;
-var combobox_default = Combobox;
+ComboboxEmpty2.displayName = "ComboboxEmpty";
+Combobox2.Input = ComboboxInput2;
+Combobox2.Chips = ComboboxChips2;
+Combobox2.Content = ComboboxContent2;
+Combobox2.List = ComboboxList2;
+Combobox2.Item = ComboboxItem2;
+Combobox2.Empty = ComboboxEmpty2;
+var combobox_default = Combobox2;
 
-export { Combobox, ComboboxInput, ComboboxChips, ComboboxContent, ComboboxList, ComboboxItem, ComboboxEmpty, combobox_default };
+export { Combobox2, ComboboxInput2, ComboboxChips2, ComboboxContent2, ComboboxList2, ComboboxItem2, ComboboxEmpty2, combobox_default };

package/dist/shared/{components-hjkrv00c.js → components-8snj490h.js}

@@ -1,23 +1,51 @@
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   GooIndicator
-} from "./components-kf2ehztc.js";
+} from "./components-chacnk61.js";
+import {
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
+import {
+  IndexedRows,
+  useRowIndex
+} from "./components-ta7shw28.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
+import {
+  useSize2
+} from "./components-0sn7ypjw.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/switch/index.tsx
 import { Switch as SwitchPrimitive } from "@base-ui/react/switch";
-import { forwardRef, useCallback, useId, useRef, useState } from "react";
+import {
+  Children,
+  createContext,
+  forwardRef,
+  isValidElement,
+  useCallback,
+  useContext,
+  useId,
+  useRef,
+  useState
+} from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
+var SwitchGroupContext = createContext(null);
 var METRICS = {
   default: {
     trackWidth: 34,
@@ -38,8 +66,10 @@ var METRICS = {
 };
 var THUMB_OFFSET = 2;
 var DRAG_DEAD_ZONE = 2;
-var Switch = forwardRef(({
+var Switch2 = forwardRef(({
   label,
+  description,
+  trackSide = "start",
   checked,
   defaultChecked = false,
   onToggle,
@@ -56,9 +86,16 @@ var Switch = forwardRef(({
     onToggle?.();
   }, [setChecked, onToggle]);
   const labelId = useId();
+  const descriptionId = useId();
+  const group = useContext(SwitchGroupContext);
+  const index = useRowIndex();
+  const rowRef = useRef(null);
+  useRegisterFluidHoverItem2(disabled ? undefined : group?.registerItem, index, rowRef);
+  const end = trackSide === "end" || !!group;
+  const divider = !!group && index < group.count - 1 && group.activeIndex !== index && group.activeIndex !== index + 1;
   const [hovered, setHovered] = useState(false);
   const [pressed, setPressed] = useState(false);
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const m = METRICS[sizeClasses.variant];
   const thumbTravel = m.trackWidth - m.thumbSize - THUMB_OFFSET * 2;
   const dragging = useRef(false);
@@ -138,8 +175,14 @@ var Switch = forwardRef(({
     pointerStart.current = null;
   }, [setDragX]);
   return /* @__PURE__ */ jsxs("div", {
-    ref,
-    className: cn("relative z-10 flex items-center cursor-pointer select-none touch-none", sizeClasses.gap, sizeClasses.px, sizeClasses.variant === "compact" ? "py-1" : "py-2", disabled && "opacity-50 pointer-events-none", className),
+    ref: (node) => {
+      rowRef.current = node;
+      if (typeof ref === "function")
+        ref(node);
+      else if (ref)
+        ref.current = node;
+    },
+    className: cn2("relative z-10 flex items-center cursor-pointer select-none touch-none", sizeClasses.gap, sizeClasses.px, sizeClasses.variant === "compact" ? "py-1" : "py-2", group && (sizeClasses.variant === "compact" ? "px-3 py-2.5" : "px-4 py-3.5"), disabled && "opacity-50 pointer-events-none", className),
     onPointerEnter: (e) => {
       if (e.pointerType === "mouse")
         setHovered(true);
@@ -159,9 +202,10 @@ var Switch = forwardRef(({
       /* @__PURE__ */ jsx(SwitchPrimitive.Root, {
         checked: isChecked,
         "aria-labelledby": labelId,
+        "aria-describedby": description ? descriptionId : undefined,
         disabled,
         tabIndex: 0,
-        className: cn("relative shrink-0 rounded-full outline-none cursor-pointer", "transition-colors duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", isChecked ? hovered ? "bg-brand-hover" : "bg-brand" : hovered ? "bg-accent-hover" : "bg-accent"),
+        className: cn2("relative shrink-0 rounded-full outline-none cursor-pointer", end && "order-last", "transition-colors duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background", isChecked ? hovered ? "bg-brand-hover" : "bg-brand" : hovered ? "bg-accent-hover" : "bg-accent"),
         style: {
           width: m.trackWidth,
           height: m.trackHeight
@@ -173,19 +217,72 @@ var Switch = forwardRef(({
             rect: thumb,
             className: "rounded-full bg-thumb",
             shadow: "shadow-thumb",
-            transition: dragX === null ? thumbTransition ?? spring.moderate : false
+            transition: dragX === null ? thumbTransition ?? spring2.moderate : false
           })
         })
       }),
-      /* @__PURE__ */ jsx("span", {
-        id: labelId,
-        className: cn("[text-box:trim-both_cap_alphabetic] transition-[color] duration-fast", sizeClasses.text, isChecked ? "text-foreground" : "text-muted-foreground"),
-        children: label
+      /* @__PURE__ */ jsxs("span", {
+        className: cn2("flex min-w-0 flex-col gap-1", end && "flex-1"),
+        children: [
+          /* @__PURE__ */ jsx("span", {
+            id: labelId,
+            className: cn2("[text-box:trim-both_cap_alphabetic] transition-[color] duration-fast", sizeClasses.text, description ? "text-foreground weight-medium" : isChecked ? "text-foreground" : "text-muted-foreground"),
+            children: label
+          }),
+          description && /* @__PURE__ */ jsx("span", {
+            id: descriptionId,
+            className: cn2("leading-relaxed text-muted-foreground", sizeClasses.variant === "compact" ? "text-caption-compact" : "text-caption"),
+            children: description
+          })
+        ]
+      }),
+      divider && /* @__PURE__ */ jsx("span", {
+        "aria-hidden": true,
+        className: "pointer-events-none absolute inset-x-0 bottom-0 h-px bg-border/60"
       })
     ]
   });
 });
-Switch.displayName = "Switch";
-var switch_default = Switch;
+Switch2.displayName = "Switch";
+var SwitchGroup2 = forwardRef(({ children, size, className, ...props }, ref) => {
+  const containerRef = useRef(null);
+  const hover = useFluidHover2(containerRef, { gapClick: false });
+  const shape = useShape();
+  const count = Children.toArray(children).filter(isValidElement).length;
+  const group = /* @__PURE__ */ jsx(SwitchGroupContext.Provider, {
+    value: { registerItem: hover.registerItem, activeIndex: hover.activeIndex, count },
+    children: /* @__PURE__ */ jsxs("fieldset", {
+      ref: (node) => {
+        containerRef.current = node;
+        if (typeof ref === "function")
+          ref(node);
+        else if (ref)
+          ref.current = node;
+      },
+      onMouseEnter: hover.handlers.onMouseEnter,
+      onMouseMove: hover.handlers.onMouseMove,
+      onMouseLeave: hover.handlers.onMouseLeave,
+      onClick: hover.handlers.onClick,
+      className: cn2("relative flex min-w-0 flex-col overflow-hidden border border-border/60 select-none", shape.container, className),
+      ...props,
+      children: [
+        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
+          hover,
+          className: cn2("z-0", shape.container)
+        }),
+        /* @__PURE__ */ jsx(IndexedRows, {
+          children
+        })
+      ]
+    })
+  });
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
+    size,
+    children: group
+  }) : group;
+});
+SwitchGroup2.displayName = "SwitchGroup";
+Object.assign(Switch2, { Group: SwitchGroup2 });
+var switch_default = Switch2;
 
-export { Switch, switch_default };
+export { Switch2, SwitchGroup2, switch_default };