@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-tm88ghva.js → components-ar66gnt0.js}

@@ -1,51 +1,51 @@
 import {
-  DropdownContext,
-  DropdownLabel,
-  DropdownSeparator,
-  MenuItem
-} from "./components-40j34hdb.js";
-import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  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";
+} from "./components-0q0sqfh4.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  shapeMap
+} from "./components-cv16mryv.js";
 import {
-  useFluidHover
-} from "./components-e46kf6cp.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  shapeMap
-} from "./components-7zp99w5d.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  useFluidHover2
+} from "./components-59efxjd9.js";
 import {
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  ScrollArea2
+} from "./components-hawvy2qz.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  DropdownContext,
+  MenuItem2,
+  DropdownLabel2,
+  DropdownSeparator2
+} from "./components-a86dytt0.js";
+import {
+  popupScrollAreaClass,
+  popupViewportClass,
+  isDisabledRow
+} from "./components-vynjtrk6.js";
 
 // components/overlays/context-menu/index.tsx
 import { ContextMenu as ContextMenuPrimitive } from "@base-ui/react/context-menu";
@@ -64,11 +64,11 @@ var ContextMenuContext = createContext({ open: false, origin: { current: {} } })
 var ShortcutContext = createContext(undefined);
 function RowShortcut() {
   const shortcut = useContext(ShortcutContext);
-  const compact = useSize().variant === "compact";
+  const compact = useSize2().variant === "compact";
   if (!shortcut)
     return null;
   return /* @__PURE__ */ jsx("kbd", {
-    className: cn("shrink-0 pl-4 font-sans text-muted-foreground", compact ? "text-caption-compact" : "text-caption"),
+    className: cn2("shrink-0 pl-4 font-sans text-muted-foreground", compact ? "text-caption-compact" : "text-caption"),
     children: shortcut
   });
 }
@@ -106,21 +106,21 @@ function renderMenuItem({
     ]
   });
 }
-var ContextMenuItem = forwardRef(({ shortcut, ...props }, ref) => /* @__PURE__ */ jsx(ShortcutContext.Provider, {
+var ContextMenuItem2 = forwardRef(({ shortcut, ...props }, ref) => /* @__PURE__ */ jsx(ShortcutContext.Provider, {
   value: shortcut,
-  children: /* @__PURE__ */ jsx(MenuItem, {
+  children: /* @__PURE__ */ jsx(MenuItem2, {
     ref,
     ...props
   })
 }));
-ContextMenuItem.displayName = "ContextMenuItem";
-var ContextMenuContent = forwardRef(({ from = "pointer", effect, hideSource, tier = "moderate", container, className, children }, ref) => {
+ContextMenuItem2.displayName = "ContextMenuItem";
+var ContextMenuContent2 = forwardRef(({ from = "pointer", effect, hideSource, tier = "moderate", container, className, children }, ref) => {
   const { open, origin } = useContext(ContextMenuContext);
   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 containerRef = useRef(null);
-  const hover = useFluidHover(containerRef, { isItemDisabled: isDisabledRow });
+  const hover = useFluidHover2(containerRef, { isItemDisabled: isDisabledRow });
   const { activeIndex, setActiveIndex, handlers, registerItem, remeasure } = hover;
   useEffect(() => {
     if (open)
@@ -149,22 +149,22 @@ var ContextMenuContent = forwardRef(({ from = "pointer", effect, hideSource, tie
             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 w-56 max-h-[min(480px,var(--available-height))] flex-col overflow-hidden", shape.container, className),
-            children: /* @__PURE__ */ jsx(ScrollArea, {
+            className: cn2("flex w-56 max-h-[min(480px,var(--available-height))] flex-col 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",
                 children: [
-                  /* @__PURE__ */ jsx(FluidHoverHighlight, {
+                  /* @__PURE__ */ jsx(FluidHoverHighlight2, {
                     hover,
                     hidden: !open,
                     className: shape.bg
@@ -182,8 +182,8 @@ var ContextMenuContent = forwardRef(({ from = "pointer", effect, hideSource, tie
     })
   });
 });
-ContextMenuContent.displayName = "ContextMenuContent";
-function ContextMenu({ open, defaultOpen = false, onOpenChange, disabled = false, size, children }) {
+ContextMenuContent2.displayName = "ContextMenuContent";
+function ContextMenu2({ open, defaultOpen = false, onOpenChange, disabled = false, size, children }) {
   const [current, setCurrent] = useControllableState(open, defaultOpen, onOpenChange);
   const { origin, capture } = useMorphOrigin();
   const ctx = useMemo(() => ({ open: current, origin }), [current, origin]);
@@ -200,16 +200,16 @@ function ContextMenu({ open, defaultOpen = false, onOpenChange, disabled = false
       children
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 }
-ContextMenu.Trigger = ContextMenuPrimitive.Trigger;
-ContextMenu.Content = ContextMenuContent;
-ContextMenu.Item = ContextMenuItem;
-ContextMenu.Label = DropdownLabel;
-ContextMenu.Separator = DropdownSeparator;
-var context_menu_default = ContextMenu;
+ContextMenu2.Trigger = ContextMenuPrimitive.Trigger;
+ContextMenu2.Content = ContextMenuContent2;
+ContextMenu2.Item = ContextMenuItem2;
+ContextMenu2.Label = DropdownLabel2;
+ContextMenu2.Separator = DropdownSeparator2;
+var context_menu_default = ContextMenu2;
 
-export { ContextMenuItem, ContextMenuContent, ContextMenu, context_menu_default };
+export { ContextMenuItem2, ContextMenuContent2, ContextMenu2, context_menu_default };

package/dist/shared/{components-5pkcfprd.js → components-b2wyq2cq.js}

@@ -1,18 +1,18 @@
-import {
-  useShape
-} from "./components-7zp99w5d.js";
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useSizeVariant2
+} from "./components-0sn7ypjw.js";
 import {
-  useSizeVariant
-} from "./components-x3rz4cyn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/button/index.tsx
 import { Button as ButtonPrimitive } from "@base-ui/react/button";
@@ -26,7 +26,7 @@ import {
   useRef
 } from "react";
 import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-var buttonVariants = cva([
+var buttonVariants2 = cva([
   "group relative isolate inline-flex items-center justify-center outline-none cursor-pointer",
   "transition-[color,opacity] duration-fast",
   "disabled:opacity-50 disabled:pointer-events-none",
@@ -78,7 +78,7 @@ var activeBgVariants = {
   tertiary: "bg-active shadow-[0_0_0_1px_var(--border),inset_0_0_0_0px_var(--border)] group-active:shadow-[0_0_0_0px_var(--border),inset_0_0_0_1px_var(--border)]",
   ghost: "bg-active shadow-[0_0_0_1px_var(--active)] group-active:shadow-[0_0_0_0px_var(--active)]"
 };
-var { exit: _exit, ...enter } = spring.moderate;
+var { exit: _exit, ...enter } = spring2.moderate;
 function useLoadingMorph(loading) {
   const surface = useRef(null);
   const progress = useMotionValue(loading ? 1 : 0);
@@ -112,7 +112,7 @@ function useLoadingMorph(loading) {
   }, [loading, reduced]);
   return surface;
 }
-var Button = forwardRef(({
+var Button2 = forwardRef(({
   className,
   variant,
   size,
@@ -128,7 +128,7 @@ var Button = forwardRef(({
 }, ref) => {
   const asChildElement = asChild && isValidElement(children) ? children : null;
   const label = asChildElement ? asChildElement.props.children : children;
-  const contextSize = useSizeVariant();
+  const contextSize = useSizeVariant2();
   const resolvedSize = size ? legacySizeAliases[size] ?? size : contextSize === "compact" ? "compact" : "default";
   const isIconOnly = resolvedSize === "icon" || resolvedSize === "icon-compact";
   const isCompact = resolvedSize === "compact" || resolvedSize === "icon-compact";
@@ -142,13 +142,13 @@ var Button = forwardRef(({
       /* @__PURE__ */ jsx("span", {
         ref: surface,
         "aria-hidden": true,
-        className: cn("absolute inset-px rounded-[inherit] transition-[box-shadow,background-color] [transition-duration:180ms,80ms] [transition-timing-function:cubic-bezier(0.23,1,0.32,1),ease] group-active:[transition-duration:80ms,80ms]", bgClass)
+        className: cn2("absolute inset-px rounded-[inherit] transition-[box-shadow,background-color] [transition-duration:180ms,80ms] [transition-timing-function:cubic-bezier(0.23,1,0.32,1),ease] group-active:[transition-duration:80ms,80ms]", bgClass)
       }),
       /* @__PURE__ */ jsx(motion.span, {
         className: "relative inline-flex items-center justify-center gap-[inherit]",
         initial: false,
         animate: { opacity: loading ? 0 : 1 },
-        transition: loading ? spring.fast.exit : enter,
+        transition: loading ? spring2.fast.exit : enter,
         children: isIconOnly ? /* @__PURE__ */ jsx("span", {
           className: "[&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast group-hover:[&_svg]:stroke-[2]",
           children: label
@@ -178,7 +178,7 @@ var Button = forwardRef(({
           className: "absolute inset-0 flex items-center justify-center",
           initial: { opacity: 0, scale: 0.6 },
           animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.6, transition: spring.fast.exit },
+          exit: { opacity: 0, scale: 0.6, transition: spring2.fast.exit },
           transition: enter,
           children: /* @__PURE__ */ jsx("svg", {
             className: spinnerSizeClass,
@@ -200,7 +200,7 @@ var Button = forwardRef(({
       })
     ]
   });
-  const rootClassName = cn(buttonVariants({
+  const rootClassName = cn2(buttonVariants2({
     variant,
     size: resolvedSize,
     iconLeft: !isIconOnly && !!LeadingIcon,
@@ -212,7 +212,7 @@ var Button = forwardRef(({
       ...props,
       ref,
       "aria-busy": loading || undefined,
-      className: cn(rootClassName, childProps.className),
+      className: cn2(rootClassName, childProps.className),
       style: { ...style, ...childProps.style }
     }, internals);
   }
@@ -226,7 +226,7 @@ var Button = forwardRef(({
     children: internals
   });
 });
-Button.displayName = "Button";
-var button_default = Button;
+Button2.displayName = "Button";
+var button_default = Button2;
 
-export { buttonVariants, Button, button_default };
+export { buttonVariants2, Button2, button_default };

package/dist/shared/{components-vktws5r6.js → components-b3c5et5b.js}

@@ -1,42 +1,42 @@
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  useIcon
-} from "./components-m5br529r.js";
+  GOO_BLUR_RATIO
+} from "./components-hqeq3w9q.js";
 import {
-  GooFilter
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  useIcon
+} from "./components-zrkzcayz.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  GOO_BLUR_RATIO
-} from "./components-7nww01w4.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  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/navigation/accordion/index.tsx
+// components/accordion/index.tsx
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
 import { AnimatePresence, animate, motion, useMotionValue, useTransform } from "motion/react";
 import {
@@ -65,13 +65,13 @@ function useAccordionItemContext() {
     throw new Error("AccordionTrigger/AccordionContent must be used within an AccordionItem");
   return ctx;
 }
-var AccordionGroup = forwardRef((props, ref) => {
+var AccordionGroup2 = forwardRef((props, ref) => {
   const { children, highlight = "item", type = "single", size, className, ...rest } = props;
   const containerRef = useRef(null);
   const fullItemElementsRef = useRef(new Map);
   const [openItemRects, setOpenItemRects] = useState(new Map);
   const openItemRectsRef = useRef(openItemRects);
-  const hover = useFluidHover(containerRef);
+  const hover = useFluidHover2(containerRef);
   const { activeIndex, setActiveIndex, itemRects, handlers, registerItem, measureItems } = hover;
   const registerFullItem = useCallback((index, element) => {
     if (element) {
@@ -229,7 +229,7 @@ var AccordionGroup = forwardRef((props, ref) => {
             setFocusedIndex(null);
             setActiveIndex(null);
           },
-          className: cn("relative flex flex-col w-72 max-w-full", className),
+          className: cn2("relative flex flex-col w-72 max-w-full", className),
           ...htmlProps,
           children: [
             /* @__PURE__ */ jsx(AnimatePresence, {
@@ -249,19 +249,19 @@ var AccordionGroup = forwardRef((props, ref) => {
                   height: rect.height,
                   opacity: isHoveringNonOpen ? 0.7 : 1
                 },
-                exit: { opacity: 0, transition: spring.moderate.exit },
+                exit: { opacity: 0, transition: spring2.moderate.exit },
                 transition: {
                   top: { duration: 0 },
                   left: { duration: 0 },
                   width: { duration: 0 },
                   height: { duration: 0 },
-                  opacity: { duration: spring.moderate.exit.duration }
+                  opacity: { duration: spring2.moderate.exit.duration }
                 }
               }, `expanded-${idx}`))
             }),
-            /* @__PURE__ */ jsx(FluidHoverHighlight, {
+            /* @__PURE__ */ jsx(FluidHoverHighlight2, {
               hover,
-              className: cn(shape.bg, "z-1"),
+              className: cn2(shape.bg, "z-1"),
               transition: reflowing ? false : undefined
             }),
             /* @__PURE__ */ jsx(AnimatePresence, {
@@ -274,10 +274,10 @@ var AccordionGroup = forwardRef((props, ref) => {
                   width: focusRect.width + 4,
                   height: focusRect.height + 4
                 },
-                exit: { opacity: 0, transition: spring.fast.exit },
+                exit: { opacity: 0, transition: spring2.fast.exit },
                 transition: {
-                  ...reflowing ? { duration: 0 } : spring.fast,
-                  opacity: { duration: spring.fast.duration }
+                  ...reflowing ? { duration: 0 } : spring2.fast,
+                  opacity: { duration: spring2.fast.duration }
                 }
               })
             }),
@@ -287,13 +287,13 @@ var AccordionGroup = forwardRef((props, ref) => {
       }
     })
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: group
   }) : group;
 });
-AccordionGroup.displayName = "AccordionGroup";
-var Accordion = forwardRef(({
+AccordionGroup2.displayName = "AccordionGroup";
+var Accordion2 = forwardRef(({
   children,
   type = "single",
   collapsible = true,
@@ -324,7 +324,7 @@ var Accordion = forwardRef(({
       return /* @__PURE__ */ jsx("div", {
         ...restRoot,
         ref,
-        className: cn("w-72 max-w-full flex flex-col", className),
+        className: cn2("w-72 max-w-full flex flex-col", className),
         ...props,
         children: /* @__PURE__ */ jsx(StandaloneOpenContext.Provider, {
           value: openValues,
@@ -336,15 +336,15 @@ var Accordion = forwardRef(({
       });
     }
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: root
   }) : root;
 });
-Accordion.displayName = "Accordion";
+Accordion2.displayName = "Accordion";
 var StandaloneOpenContext = createContext(new Set);
 var StandaloneHighlightContext = createContext(undefined);
-var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightProp, children, className, ...props }, ref) => {
+var AccordionItem2 = forwardRef(({ value, index, disabled, highlight: highlightProp, children, className, ...props }, ref) => {
   const internalRef = useRef(null);
   const groupCtx = useAccordionGroup();
   const standaloneOpen = useContext(StandaloneOpenContext);
@@ -353,7 +353,7 @@ var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightPr
   const isOpen = groupCtx?.grouped ? groupCtx.openValues.has(value) : standaloneOpen.has(value);
   const triggerRef = useRef(null);
   const press = useRef(null);
-  useRegisterFluidHoverItem(groupCtx?.grouped ? groupCtx.registerItem : undefined, index, triggerRef);
+  useRegisterFluidHoverItem2(groupCtx?.grouped ? groupCtx.registerItem : undefined, index, triggerRef);
   useEffect(() => {
     if (groupCtx?.grouped && index !== undefined) {
       if (isOpen) {
@@ -381,7 +381,7 @@ var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightPr
         return /* @__PURE__ */ jsx("div", {
           ...restItem,
           "data-fluid-hover-index": index,
-          className: cn("relative", className),
+          className: cn2("relative", className),
           ...props,
           children
         });
@@ -389,13 +389,13 @@ var AccordionItem = forwardRef(({ value, index, disabled, highlight: highlightPr
     })
   });
 });
-AccordionItem.displayName = "AccordionItem";
-var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
+AccordionItem2.displayName = "AccordionItem";
+var AccordionTrigger2 = forwardRef(({ children, className, ...props }, ref) => {
   const ChevronRight = useIcon("chevron-right");
   const groupCtx = useAccordionGroup();
   const { index, isOpen, triggerRef, highlight, press } = useAccordionItemContext();
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const [isHovered, setIsHovered] = useState(false);
   const isActive = groupCtx?.grouped ? groupCtx.activeIndex === index : isHovered;
   const capture = (event) => {
@@ -407,11 +407,11 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
     render: /* @__PURE__ */ jsx("div", {}),
     children: /* @__PURE__ */ jsxs(AccordionPrimitive.Trigger, {
       ref,
-      className: cn(`relative z-10 flex items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} ${sizeClasses.variant === "compact" ? "py-1" : "py-2"} w-full cursor-pointer outline-none select-none`, !groupCtx?.grouped && "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-0", className),
+      className: cn2(`relative z-10 flex items-center ${sizeClasses.gap} ${shape.item} ${sizeClasses.px} ${sizeClasses.variant === "compact" ? "py-1" : "py-2"} w-full cursor-pointer outline-none select-none`, !groupCtx?.grouped && "focus-visible:ring-1 focus-visible:ring-focus-ring focus-visible:ring-offset-0", className),
       ...props,
       children: [
         /* @__PURE__ */ jsxs("span", {
-          className: cn("inline-grid flex-1 text-left", sizeClasses.text),
+          className: cn2("inline-grid flex-1 text-left", sizeClasses.text),
           children: [
             /* @__PURE__ */ jsx("span", {
               className: "col-start-1 row-start-1 invisible weight-semibold",
@@ -419,7 +419,7 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
               children
             }),
             /* @__PURE__ */ jsx("span", {
-              className: cn("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground", isOpen ? "weight-semibold" : "weight-normal"),
+              className: cn2("col-start-1 row-start-1 transition-[color,font-variation-settings] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground", isOpen ? "weight-semibold" : "weight-normal"),
               children
             })
           ]
@@ -427,11 +427,11 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
         /* @__PURE__ */ jsx(motion.span, {
           className: "shrink-0 inline-flex items-center justify-center",
           animate: { rotate: isOpen ? 90 : 0 },
-          transition: spring.fast,
+          transition: spring2.fast,
           children: /* @__PURE__ */ jsx(ChevronRight, {
             size: sizeClasses.icon,
             strokeWidth: isOpen || isActive ? 2 : 1.5,
-            className: cn("transition-[color,stroke-width] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground")
+            className: cn2("transition-[color,stroke-width] duration-fast", isOpen || isActive ? "text-foreground" : "text-muted-foreground")
           })
         })
       ]
@@ -455,8 +455,8 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
           className: `absolute inset-0 ${shape.bg} bg-accent/20 dark:bg-accent/12 pointer-events-none`,
           initial: { opacity: 0 },
           animate: { opacity: 1 },
-          exit: { opacity: 0, transition: spring.moderate.exit },
-          transition: { duration: spring.moderate.exit.duration }
+          exit: { opacity: 0, transition: spring2.moderate.exit },
+          transition: { duration: spring2.moderate.exit.duration }
         })
       }),
       /* @__PURE__ */ jsx(AnimatePresence, {
@@ -464,15 +464,15 @@ var AccordionTrigger = forwardRef(({ children, className, ...props }, ref) => {
           className: `absolute inset-0 z-1 ${shape.bg} bg-hover pointer-events-none`,
           initial: { opacity: 0 },
           animate: { opacity: 1 },
-          exit: { opacity: 0, transition: spring.fast.exit },
-          transition: { duration: spring.fast.duration }
+          exit: { opacity: 0, transition: spring2.fast.exit },
+          transition: { duration: spring2.fast.duration }
         })
       }),
       triggerContent
     ]
   });
 });
-AccordionTrigger.displayName = "AccordionTrigger";
+AccordionTrigger2.displayName = "AccordionTrigger";
 function grow(a, b, t) {
   const p = Math.min(1, t);
   const at = (from, to) => from + (to - from) * p;
@@ -489,11 +489,11 @@ function place(el, { x, y, w, h, r }) {
   el.style.height = `${h}px`;
   el.style.borderRadius = `${r}px`;
 }
-var AccordionContent = forwardRef(({ children, className, effect = "goo", tier = "slow", ...props }, ref) => {
+var AccordionContent2 = forwardRef(({ children, className, effect = "goo", tier = "slow", ...props }, ref) => {
   const groupCtx = useAccordionGroup();
   const { isOpen, highlight, press } = useAccordionItemContext();
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const reduceMotion = useReduceMotion();
   const gooId = `accordion-goo-${useId().replace(/:/g, "")}`;
   const progress = useMotionValue(isOpen ? 1 : 0);
@@ -569,7 +569,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
     if (row.current)
       row.current.style.height = `${g.row}px`;
     render(progress.get());
-    const { exit, ...enter } = spring[tier];
+    const { exit, ...enter } = spring2[tier];
     const controls = animate(progress, isOpen ? 1 : 0, {
       ...isOpen ? enter : exit,
       onUpdate: render,
@@ -610,7 +610,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
               className: "pointer-events-none absolute inset-0",
               initial: false,
               animate: { opacity: groupCtx?.dimOpen ? 0.7 : 1 },
-              transition: { duration: spring.moderate.exit.duration },
+              transition: { duration: spring2.moderate.exit.duration },
               children: /* @__PURE__ */ jsx(motion.div, {
                 className: "absolute inset-0",
                 style: { opacity: tint },
@@ -619,7 +619,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
                   children: [
                     /* @__PURE__ */ jsx("div", {
                       ref: refs.rest,
-                      className: cn("absolute inset-0 bg-accent", shape.bg)
+                      className: cn2("absolute inset-0 bg-accent", shape.bg)
                     }),
                     effect === "goo" && /* @__PURE__ */ jsx(GooFilter, {
                       id: gooId,
@@ -632,7 +632,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
                       children: [
                         /* @__PURE__ */ jsx("div", {
                           ref: refs.row,
-                          className: cn("absolute inset-x-0 top-0 bg-accent", shape.bg)
+                          className: cn2("absolute inset-x-0 top-0 bg-accent", shape.bg)
                         }),
                         /* @__PURE__ */ jsx("div", {
                           ref: refs.shape,
@@ -646,7 +646,7 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
             }),
             /* @__PURE__ */ jsx("div", {
               ref: refs.content,
-              className: cn("relative pt-1 text-muted-foreground", sizeClasses.px, sizeClasses.text, sizeClasses.variant === "compact" ? "pb-2.5" : "pb-3"),
+              className: cn2("relative pt-1 text-muted-foreground", sizeClasses.px, sizeClasses.text, sizeClasses.variant === "compact" ? "pb-2.5" : "pb-3"),
               children
             })
           ]
@@ -655,13 +655,13 @@ var AccordionContent = forwardRef(({ children, className, effect = "goo", tier =
     }
   });
 });
-AccordionContent.displayName = "AccordionContent";
-Object.assign(Accordion, {
-  Group: AccordionGroup,
-  Item: AccordionItem,
-  Trigger: AccordionTrigger,
-  Content: AccordionContent
+AccordionContent2.displayName = "AccordionContent";
+Object.assign(Accordion2, {
+  Group: AccordionGroup2,
+  Item: AccordionItem2,
+  Trigger: AccordionTrigger2,
+  Content: AccordionContent2
 });
-var accordion_default = Accordion;
+var accordion_default = Accordion2;
 
-export { AccordionGroup, Accordion, AccordionItem, AccordionTrigger, AccordionContent, accordion_default };
+export { AccordionGroup2, Accordion2, AccordionItem2, AccordionTrigger2, AccordionContent2, accordion_default };