@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-aaq3yk4f.js → components-dk0gjr5a.js}

@@ -1,27 +1,27 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useFluidHover
-} from "./components-e46kf6cp.js";
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  GooIndicator
-} from "./components-kf2ehztc.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2
+} 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/navigation/tabs-subtle/index.tsx
 import { Tabs } from "@base-ui/react/tabs";
@@ -40,14 +40,14 @@ import {
 } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var TabsSubtleContext = createContext(null);
-var isPanel = (child) => isValidElement(child) && child.type === TabsSubtlePanel;
+var isPanel = (child) => isValidElement(child) && child.type === TabsSubtlePanel2;
 function useTabsSubtle() {
   const ctx = useContext(TabsSubtleContext);
   if (!ctx)
     throw new Error("useTabsSubtle must be used within a TabsSubtle");
   return ctx;
 }
-var TabsSubtle = forwardRef(({
+var TabsSubtle2 = forwardRef(({
   children,
   selectedIndex: selectedIndexProp,
   defaultSelectedIndex = 0,
@@ -74,7 +74,7 @@ var TabsSubtle = forwardRef(({
     handlers,
     registerItem,
     measureItems: measureTabs
-  } = useFluidHover(containerRef, { axis: "x" });
+  } = useFluidHover2(containerRef, { axis: "x" });
   const tabElementsRef = useRef(new Map);
   const registerTab = useCallback((index, element) => {
     registerItem(index, element);
@@ -151,23 +151,23 @@ var TabsSubtle = forwardRef(({
               return;
             setHoveredIndex(null);
           },
-          className: cn("relative flex items-center select-none overflow-x-auto max-w-[calc(100%_+_8px)] scrollbar-hide -mx-1 px-1 -my-1 py-1", className),
+          className: cn2("relative flex items-center select-none overflow-x-auto max-w-[calc(100%_+_8px)] scrollbar-hide -mx-1 px-1 -my-1 py-1", className),
           ...props,
           children: [
             selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
               rect: selectedRect,
-              className: cn("bg-active", shape.bg),
+              className: cn2("bg-active", shape.bg),
               opacity: isHovering ? 0.8 : 1
             }),
             selectedRect && /* @__PURE__ */ jsx(GooIndicator, {
               rect: isHovering && hoverRect ? hoverRect : selectedRect,
-              className: cn("bg-active", shape.bg),
-              transition: spring.fast,
+              className: cn2("bg-active", shape.bg),
+              transition: spring2.fast,
               opacity: isHovering ? 0.4 : 0
             }),
             /* @__PURE__ */ jsx(AnimatePresence, {
               children: focusRect && /* @__PURE__ */ jsx(motion.div, {
-                className: cn("absolute pointer-events-none z-20 border border-focus-ring", shape.focusRing),
+                className: cn2("absolute pointer-events-none z-20 border border-focus-ring", shape.focusRing),
                 initial: false,
                 animate: {
                   left: focusRect.left - 2,
@@ -175,10 +175,10 @@ var TabsSubtle = forwardRef(({
                   width: focusRect.width + 4,
                   height: focusRect.height + 4
                 },
-                exit: { opacity: 0, transition: spring.fast.exit },
+                exit: { opacity: 0, transition: spring2.fast.exit },
                 transition: {
-                  ...spring.fast,
-                  opacity: { duration: spring.fast.duration }
+                  ...spring2.fast,
+                  opacity: { duration: spring2.fast.duration }
                 }
               })
             }),
@@ -189,13 +189,13 @@ var TabsSubtle = forwardRef(({
       panels
     ]
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 });
-TabsSubtle.displayName = "TabsSubtle";
-var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props }, ref) => {
+TabsSubtle2.displayName = "TabsSubtle";
+var TabsSubtleItem2 = forwardRef(({ icon: Icon, label, index, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const [labelWidth, setLabelWidth] = useState(null);
   const labelRoRef = useRef(null);
@@ -210,7 +210,7 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
     labelRoRef.current.observe(el);
   }, []);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const { registerTab, hoveredIndex, selectedIndex, idPrefix, activeLabel } = useTabsSubtle();
   useEffect(() => {
     registerTab(index, internalRef.current);
@@ -222,7 +222,7 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
   const showLabel = !collapseLabel || isSelected;
   const labelContent = /* @__PURE__ */ jsxs("span", {
     ref: measureLabel,
-    className: cn("inline-grid whitespace-nowrap", sizeClasses.text),
+    className: cn2("inline-grid whitespace-nowrap", sizeClasses.text),
     children: [
       /* @__PURE__ */ jsx("span", {
         className: "col-start-1 row-start-1 invisible [text-box:trim-both_cap_alphabetic] weight-semibold",
@@ -230,7 +230,7 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
         children: label
       }),
       /* @__PURE__ */ jsx("span", {
-        className: cn("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
+        className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast [text-box:trim-both_cap_alphabetic]", isActive ? "text-foreground" : "text-muted-foreground", isSelected ? "weight-semibold" : "weight-normal"),
         children: label
       })
     ]
@@ -249,13 +249,13 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
     id: idPrefix ? `${idPrefix}-tab-${index}` : undefined,
     "aria-controls": idPrefix ? `${idPrefix}-panel-${index}` : undefined,
     "aria-label": collapseLabel && !showLabel ? label : undefined,
-    className: cn("relative z-10 flex items-center cursor-pointer bg-transparent border-none outline-none", sizeClasses.control, sizeClasses.px, !collapseLabel && sizeClasses.gap, shape.bg, className),
+    className: cn2("relative z-10 flex items-center cursor-pointer bg-transparent border-none outline-none", sizeClasses.control, sizeClasses.px, !collapseLabel && sizeClasses.gap, shape.bg, className),
     ...props,
     children: [
       Icon && /* @__PURE__ */ jsx(Icon, {
         size: sizeClasses.icon,
         strokeWidth: isActive ? 2 : 1.5,
-        className: cn("shrink-0 transition-[color,stroke-width] duration-fast", isActive ? "text-foreground" : "text-muted-foreground")
+        className: cn2("shrink-0 transition-[color,stroke-width] duration-fast", isActive ? "text-foreground" : "text-muted-foreground")
       }),
       collapseLabel ? /* @__PURE__ */ jsx(AnimatePresence, {
         initial: false,
@@ -270,8 +270,8 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
           },
           exit: { width: 0, opacity: 0, marginLeft: 0 },
           transition: {
-            ...spring.fast,
-            opacity: { duration: spring.fast.exit.duration }
+            ...spring2.fast,
+            opacity: { duration: spring2.fast.exit.duration }
           },
           children: labelContent
         }, "label")
@@ -279,8 +279,8 @@ var TabsSubtleItem = forwardRef(({ icon: Icon, label, index, className, ...props
     ]
   });
 });
-TabsSubtleItem.displayName = "TabsSubtleItem";
-var TabsSubtlePanel = forwardRef(({ index, selectedIndex, idPrefix, children, className, ...props }, ref) => {
+TabsSubtleItem2.displayName = "TabsSubtleItem";
+var TabsSubtlePanel2 = forwardRef(({ index, selectedIndex, idPrefix, children, className, ...props }, ref) => {
   const ctx = useContext(TabsSubtleContext);
   const resolvedSelectedIndex = selectedIndex ?? ctx?.selectedIndex ?? -1;
   const resolvedIdPrefix = idPrefix ?? ctx?.idPrefix;
@@ -292,13 +292,13 @@ var TabsSubtlePanel = forwardRef(({ index, selectedIndex, idPrefix, children, cl
     "aria-labelledby": resolvedIdPrefix ? `${resolvedIdPrefix}-tab-${index}` : undefined,
     hidden: !isSelected,
     tabIndex: -1,
-    className: cn("outline-none", className),
+    className: cn2("outline-none", className),
     ...props,
     children: isSelected && children
   });
 });
-TabsSubtlePanel.displayName = "TabsSubtlePanel";
-Object.assign(TabsSubtle, { Item: TabsSubtleItem, Panel: TabsSubtlePanel });
-var tabs_subtle_default = TabsSubtle;
+TabsSubtlePanel2.displayName = "TabsSubtlePanel";
+Object.assign(TabsSubtle2, { Item: TabsSubtleItem2, Panel: TabsSubtlePanel2 });
+var tabs_subtle_default = TabsSubtle2;
 
-export { TabsSubtle, TabsSubtleItem, TabsSubtlePanel, tabs_subtle_default };
+export { TabsSubtle2, TabsSubtleItem2, TabsSubtlePanel2, tabs_subtle_default };

package/dist/shared/{components-0f0as45n.js → components-ezxhrmer.js}

@@ -2,7 +2,7 @@
 import { createCn } from "cn/config";
 var TYPE_ROLES = ["display", "title", "subtitle", "body", "caption", "micro"];
 var TIERS = ["fast", "fast-exit", "moderate", "moderate-exit", "slow", "slow-exit"];
-var cn = createCn({
+var cn2 = createCn({
   extend: {
     classGroups: {
       "font-size": [{ text: TYPE_ROLES.flatMap((role) => [role, `${role}-compact`]) }],
@@ -14,4 +14,4 @@ var cn = createCn({
   }
 });
 
-export { cn };
+export { cn2 };

package/dist/shared/{components-7gv95yfy.js → components-frw34b65.js}

@@ -1,50 +1,50 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  opensInPlace,
+  inPlaceOffset,
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  POPUP_NAV_KEYS,
-  isDisabledRow,
-  popupScrollAreaClass,
-  popupViewportClass
-} from "./components-jw16snbn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  ScrollArea
-} from "./components-ed7cmssr.js";
-import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
   MorphSurface
-} from "./components-jxgznftn.js";
-import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
-import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+} from "./components-0q0sqfh4.js";
 import {
   shapeMap,
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  inPlaceOffset,
-  opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
+import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
+import {
+  SizeProvider2
+} from "./components-jjw69c4c.js";
+import {
+  popupScrollAreaClass,
+  popupViewportClass,
+  POPUP_NAV_KEYS,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/select/index.tsx
 import { Select as SelectPrimitive } from "@base-ui/react/select";
@@ -109,7 +109,7 @@ function collectSelectItems(node, out = []) {
   });
   return out;
 }
-function Select({ children, value, defaultValue, onValueChange, disabled = false, name, required, size }) {
+function Select2({ children, value, defaultValue, onValueChange, disabled = false, name, required, size }) {
   const [internalValue, setInternalValue] = useState(defaultValue ?? "");
   const [open, setOpen] = useState(false);
   const { origin, capture } = useMorphOrigin();
@@ -159,13 +159,13 @@ function Select({ children, value, defaultValue, onValueChange, disabled = false
       children
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 }
-Select.displayName = "Select";
-var triggerVariants = cva([
+Select2.displayName = "Select";
+var triggerVariants2 = cva([
   "group inline-flex items-center justify-between outline-none cursor-pointer",
   "transition-all duration-fast",
   "disabled:opacity-50 disabled:pointer-events-none",
@@ -181,9 +181,9 @@ var triggerVariants = cva([
     variant: "bordered"
   }
 });
-var SelectTrigger = forwardRef(({ className, variant, icon: Icon, placeholder = "Select…", error, size, ...props }, ref) => {
+var SelectTrigger2 = forwardRef(({ className, variant, icon: Icon, placeholder = "Select…", error, size, ...props }, ref) => {
   const shape = useShape();
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const compact = sizeClasses.variant === "compact";
   return /* @__PURE__ */ jsxs("div", {
     className: "flex flex-col gap-1",
@@ -191,11 +191,11 @@ var SelectTrigger = forwardRef(({ className, variant, icon: Icon, placeholder =
       /* @__PURE__ */ jsxs(SelectPrimitive.Trigger, {
         ref,
         "aria-invalid": !!error || undefined,
-        className: cn(triggerVariants({ variant }), sizeClasses.control, sizeClasses.text, sizeClasses.px, sizeClasses.gap, compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, error && "border-destructive/50 hover:border-destructive/50", className),
+        className: cn2(triggerVariants2({ variant }), sizeClasses.control, sizeClasses.text, sizeClasses.px, sizeClasses.gap, compact ? "min-w-[128px]" : "min-w-[160px]", shape.input, error && "border-destructive/50 hover:border-destructive/50", className),
         ...props,
         children: [
           /* @__PURE__ */ jsxs("span", {
-            className: cn("flex items-center min-w-0 flex-1", sizeClasses.gap),
+            className: cn2("flex items-center min-w-0 flex-1", sizeClasses.gap),
             children: [
               Icon && /* @__PURE__ */ jsx(Icon, {
                 size: sizeClasses.icon,
@@ -231,15 +231,15 @@ var SelectTrigger = forwardRef(({ className, variant, icon: Icon, placeholder =
     ]
   });
 });
-SelectTrigger.displayName = "SelectTrigger";
-var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", className, children }, ref) => {
+SelectTrigger2.displayName = "SelectTrigger";
+var SelectContent2 = forwardRef(({ from, effect, hideSource, tier = "moderate", className, children }, ref) => {
   const { open, value, origin } = useSelectContext();
   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;
   const containerRef = useRef2(null);
-  const hover = useFluidHover(containerRef, { isItemDisabled: isDisabledRow });
+  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const { activeIndex, setActiveIndex, itemRects, isMeasured, handlers, registerItem, remeasure } = hover;
   const [focusedIndex, setFocusedIndex] = useState(null);
   const { keyboardNavRef, trackKeyboardNav } = useKeyboardNavGate(open);
@@ -312,17 +312,17 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
             setActiveIndex(null);
           },
           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),
-              children: /* @__PURE__ */ jsx(ScrollArea, {
+              className: cn2(`flex flex-col min-w-[var(--anchor-width)] max-h-[min(300px,var(--available-height))] overflow-hidden ${shape.container}`, className),
+              children: /* @__PURE__ */ jsx(ScrollArea2, {
                 className: popupScrollAreaClass,
-                viewportClassName: cn(popupViewportClass, "scroll-fade"),
+                viewportClassName: cn2(popupViewportClass, "scroll-fade"),
                 children: /* @__PURE__ */ jsxs("div", {
                   ref: containerRef,
                   className: "relative flex flex-col p-1",
@@ -338,14 +338,14 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
                           height: checkedRect.height,
                           opacity: 1
                         },
-                        exit: { opacity: 0, transition: spring.moderate.exit },
+                        exit: { opacity: 0, transition: spring2.moderate.exit },
                         transition: {
-                          ...spring.moderate,
-                          opacity: { duration: spring.fast.duration }
+                          ...spring2.moderate,
+                          opacity: { duration: spring2.fast.duration }
                         }
                       })
                     }),
-                    /* @__PURE__ */ jsx(FluidHoverHighlight, {
+                    /* @__PURE__ */ jsx(FluidHoverHighlight2, {
                       hover,
                       hidden: !open,
                       className: shape.bg
@@ -360,10 +360,10 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
                           width: focusRect.width + 4,
                           height: focusRect.height + 4
                         },
-                        exit: { opacity: 0, transition: spring.fast.exit },
+                        exit: { opacity: 0, transition: spring2.fast.exit },
                         transition: {
-                          ...spring.fast,
-                          opacity: { duration: spring.fast.duration }
+                          ...spring2.fast,
+                          opacity: { duration: spring2.fast.duration }
                         }
                       })
                     }),
@@ -378,20 +378,20 @@ var SelectContent = forwardRef(({ from, effect, hideSource, tier = "moderate", c
     })
   });
 });
-SelectContent.displayName = "SelectContent";
-var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, disabled = false, ...props }, ref) => {
+SelectContent2.displayName = "SelectContent";
+var SelectItem2 = forwardRef(({ className, children, icon: Icon, value, index, disabled = false, ...props }, ref) => {
   const selectCtx = useSelectContext();
   const contentCtx = useContext(SelectContentContext);
   const internalRef = useRef2(null);
   const shape = popupShape;
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const compact = sizeClasses.variant === "compact";
   const hasMounted = useRef2(false);
   useEffect2(() => {
     hasMounted.current = true;
   }, []);
   const registerItem = contentCtx?.registerItem;
-  useRegisterFluidHoverItem(registerItem, index, internalRef);
+  useRegisterFluidHoverItem2(registerItem, index, internalRef);
   const isActive = contentCtx?.activeIndex === index;
   const isChecked = selectCtx.value === value;
   const skipAnimation = !hasMounted.current;
@@ -409,7 +409,7 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
       },
       "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: [
@@ -426,7 +426,7 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
       }),
       /* @__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,
@@ -446,7 +446,7 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
               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,
@@ -459,8 +459,8 @@ var SelectItem = forwardRef(({ className, children, icon: Icon, value, index, di
     ]
   });
 });
-SelectItem.displayName = "SelectItem";
-function SelectGroup({ children, className, ...props }) {
+SelectItem2.displayName = "SelectItem";
+function SelectGroup2({ children, className, ...props }) {
   return /* @__PURE__ */ jsx("div", {
     role: "group",
     className,
@@ -468,29 +468,29 @@ function SelectGroup({ children, className, ...props }) {
     children
   });
 }
-SelectGroup.displayName = "SelectGroup";
-var SelectLabel = forwardRef(({ className, ...props }, ref) => {
-  const compact = useSize().variant === "compact";
+SelectGroup2.displayName = "SelectGroup";
+var SelectLabel2 = forwardRef(({ className, ...props }, ref) => {
+  const compact = useSize2().variant === "compact";
   return /* @__PURE__ */ jsx("div", {
     ref,
-    className: cn("px-2 py-1.5 shrink-0 text-muted-foreground", compact ? "text-caption-compact" : "text-caption", className),
+    className: cn2("px-2 py-1.5 shrink-0 text-muted-foreground", compact ? "text-caption-compact" : "text-caption", className),
     ...props
   });
 });
-SelectLabel.displayName = "SelectLabel";
-var SelectSeparator = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
+SelectLabel2.displayName = "SelectLabel";
+var SelectSeparator2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("div", {
   ref,
   role: "separator",
-  className: cn("my-1 -mx-1 h-px shrink-0 bg-border/60", className),
+  className: cn2("my-1 -mx-1 h-px shrink-0 bg-border/60", className),
   ...props
 }));
-SelectSeparator.displayName = "SelectSeparator";
-Select.Trigger = SelectTrigger;
-Select.Content = SelectContent;
-Select.Item = SelectItem;
-Select.Group = SelectGroup;
-Select.Label = SelectLabel;
-Select.Separator = SelectSeparator;
-var select_default = Select;
+SelectSeparator2.displayName = "SelectSeparator";
+Select2.Trigger = SelectTrigger2;
+Select2.Content = SelectContent2;
+Select2.Item = SelectItem2;
+Select2.Group = SelectGroup2;
+Select2.Label = SelectLabel2;
+Select2.Separator = SelectSeparator2;
+var select_default = Select2;
 
-export { Select, triggerVariants, SelectTrigger, SelectContent, SelectItem, SelectGroup, SelectLabel, SelectSeparator, select_default };
+export { Select2, triggerVariants2, SelectTrigger2, SelectContent2, SelectItem2, SelectGroup2, SelectLabel2, SelectSeparator2, select_default };