@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-p2vmyfe1.js → components-1j9791sn.js}

@@ -1,30 +1,30 @@
-import {
-  Tooltip
-} from "./components-gndm6am4.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  GooFilter
-} from "./components-jxgznftn.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
   GOO_BLUR_RATIO
-} from "./components-7nww01w4.js";
+} from "./components-hqeq3w9q.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  Tooltip2
+} from "./components-ng72k97e.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/inputs/input-copy/index.tsx
 import { AnimatePresence, animate, motion, useMotionValue } from "motion/react";
@@ -53,7 +53,7 @@ var CHECK_STROKE = {
   icon: "[&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast group-hover:[&_svg]:stroke-[2]",
   button: "[&_svg]:stroke-[2]"
 };
-var { exit: _exit, ...enter } = spring.slow;
+var { exit: _exit, ...enter } = spring2.slow;
 function placeSheet(el, a, b, p) {
   if (!el)
     return;
@@ -91,7 +91,7 @@ function CopyDisc({ status }) {
       progress.jump(target);
       return render(target);
     }
-    const controls = animate(progress, target, { ...on ? enter : spring.slow.exit, onUpdate: render });
+    const controls = animate(progress, target, { ...on ? enter : spring2.slow.exit, onUpdate: render });
     return () => controls.stop();
   }, [on, reduced]);
   return /* @__PURE__ */ jsxs("span", {
@@ -110,11 +110,11 @@ function CopyDisc({ status }) {
         children: [
           /* @__PURE__ */ jsx("span", {
             ref: back,
-            className: cn("absolute", TONE_BG[tone.current])
+            className: cn2("absolute", TONE_BG[tone.current])
           }),
           /* @__PURE__ */ jsx("span", {
             ref: front,
-            className: cn("absolute", TONE_BG[tone.current])
+            className: cn2("absolute", TONE_BG[tone.current])
           })
         ]
       })
@@ -140,8 +140,8 @@ function CopyGlyph({
         children: status === "idle" ? /* @__PURE__ */ jsx(motion.span, {
           initial: { opacity: 0, scale: 0.8 },
           animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.8, transition: spring.fast.exit },
-          transition: spring.fast,
+          exit: { opacity: 0, scale: 0.8, transition: spring2.fast.exit },
+          transition: spring2.fast,
           className: "absolute inset-0 flex items-center justify-center",
           children: /* @__PURE__ */ jsx(CopyIcon, {
             size: 14,
@@ -151,9 +151,9 @@ function CopyGlyph({
         }, "copy") : /* @__PURE__ */ jsx(motion.span, {
           initial: { opacity: 0, scale: 0.6 },
           animate: { opacity: 1, scale: 1 },
-          exit: { opacity: 0, scale: 0.8, transition: spring.fast.exit },
-          transition: spring.fast,
-          className: cn("absolute inset-0 flex items-center justify-center", TONE_TEXT[status], CHECK_STROKE[variant]),
+          exit: { opacity: 0, scale: 0.8, transition: spring2.fast.exit },
+          transition: spring2.fast,
+          className: cn2("absolute inset-0 flex items-center justify-center", TONE_TEXT[status], CHECK_STROKE[variant]),
           children: /* @__PURE__ */ jsx("svg", {
             width: 14,
             height: 14,
@@ -167,7 +167,7 @@ function CopyGlyph({
               initial: { pathLength: 0 },
               animate: {
                 pathLength: 1,
-                transition: { duration: spring.fast.duration, ease: "easeOut" }
+                transition: { duration: spring2.fast.duration, ease: "easeOut" }
               }
             })
           })
@@ -176,7 +176,7 @@ function CopyGlyph({
     ]
   });
 }
-var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon", align = "right", size, className, ...props }, ref) => {
+var InputCopy2 = forwardRef(({ value, label, onCopy, disabled, variant = "icon", align = "right", size, className, ...props }, ref) => {
   const CopyIcon = useIcon("copy");
   const [status, setStatus] = useState("idle");
   const [copyCount, setCopyCount] = useState(0);
@@ -185,7 +185,7 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
   const tooltipVisibleRef = useRef(false);
   const tooltipWasVisibleRef = useRef(false);
   const shape = useShape();
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const rowPy = sizeClasses.variant === "compact" ? "py-1" : "py-2";
   const generatedId = useId();
   const labelId = label ? `${generatedId}-label` : undefined;
@@ -247,7 +247,7 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
     setTooltipState((prev) => prev === "copied" ? "suppressed" : prev);
   }, []);
   const actionElement = variant === "button" ? /* @__PURE__ */ jsxs("span", {
-    className: cn("shrink-0 flex items-center gap-1.5 px-1.5 transition-colors duration-fast", rowPy, sizeClasses.text, "text-muted-foreground group-hover:text-foreground", "weight-normal"),
+    className: cn2("shrink-0 flex items-center gap-1.5 px-1.5 transition-colors duration-fast", rowPy, sizeClasses.text, "text-muted-foreground group-hover:text-foreground", "weight-normal"),
     children: [
       /* @__PURE__ */ jsx(CopyGlyph, {
         status,
@@ -267,11 +267,11 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
             mode: "wait",
             initial: false,
             children: /* @__PURE__ */ jsx(motion.span, {
-              className: cn("col-start-1 row-start-1", status === "error" && "text-destructive"),
+              className: cn2("col-start-1 row-start-1", status === "error" && "text-destructive"),
               initial: { opacity: 0, scale: 0.6 },
               animate: { opacity: 1, scale: 1 },
-              exit: { opacity: 0, scale: 0.8, transition: spring.fast.exit },
-              transition: spring.fast,
+              exit: { opacity: 0, scale: 0.8, transition: spring2.fast.exit },
+              transition: spring2.fast,
               children: status === "copied" ? "Copied" : status === "error" ? "Failed" : "Copy"
             }, status)
           })
@@ -279,7 +279,7 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
       })
     ]
   }) : /* @__PURE__ */ jsx("span", {
-    className: cn("shrink-0 flex px-1.5 transition-colors duration-fast", rowPy, "text-muted-foreground group-hover:text-foreground"),
+    className: cn2("shrink-0 flex px-1.5 transition-colors duration-fast", rowPy, "text-muted-foreground group-hover:text-foreground"),
     children: /* @__PURE__ */ jsx(CopyGlyph, {
       status,
       copyCount,
@@ -288,7 +288,7 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
     })
   });
   const valueElement = /* @__PURE__ */ jsx("span", {
-    className: cn("flex-1 min-w-0 text-left text-foreground font-mono select-none truncate", sizeClasses.text, rowPy, align === "left" ? "pl-1" : "pl-0", "weight-normal"),
+    className: cn2("flex-1 min-w-0 text-left text-foreground font-mono select-none truncate", sizeClasses.text, rowPy, align === "left" ? "pl-1" : "pl-0", "weight-normal"),
     children: /* @__PURE__ */ jsx("mark", {
       className: "bg-transparent text-foreground transition-colors duration-fast group-hover:bg-brand/20 group-hover:text-foreground",
       children: value
@@ -313,22 +313,22 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
     disabled,
     "aria-label": status === "copied" ? "Copied" : status === "error" ? "Copy failed" : label ? "Copy" : "Copy to clipboard",
     "aria-labelledby": label ? `${buttonId} ${labelId}` : undefined,
-    className: cn("group flex items-center w-full cursor-pointer outline-none transition-all duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring", shape.input),
+    className: cn2("group flex items-center w-full cursor-pointer outline-none transition-all duration-fast", "focus-visible:ring-1 focus-visible:ring-focus-ring", shape.input),
     children: buttonContent
   });
   return /* @__PURE__ */ jsxs("div", {
     ref,
-    className: cn("flex flex-col gap-0.5", disabled && "opacity-50 pointer-events-none", className),
+    className: cn2("flex flex-col gap-0.5", disabled && "opacity-50 pointer-events-none", className),
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave,
     ...props,
     children: [
       label && /* @__PURE__ */ jsx("span", {
         id: labelId,
-        className: cn("text-muted-foreground", sizeClasses.text, align === "left" ? "pl-1" : "pl-0", "weight-normal"),
+        className: cn2("text-muted-foreground", sizeClasses.text, align === "left" ? "pl-1" : "pl-0", "weight-normal"),
         children: label
       }),
-      variant === "icon" ? /* @__PURE__ */ jsx(Tooltip, {
+      variant === "icon" ? /* @__PURE__ */ jsx(Tooltip2, {
         content: tooltipState === "idle" ? "Copy to clipboard" : status === "error" ? "Copy failed" : "Copied",
         delayDuration: 500,
         sideOffset: 2,
@@ -339,7 +339,7 @@ var InputCopy = forwardRef(({ value, label, onCopy, disabled, variant = "icon",
     ]
   });
 });
-InputCopy.displayName = "InputCopy";
-var input_copy_default = InputCopy;
+InputCopy2.displayName = "InputCopy";
+var input_copy_default = InputCopy2;
 
-export { InputCopy, input_copy_default };
+export { InputCopy2, input_copy_default };

package/dist/shared/{components-6phwsry6.js → components-1rfwbyyc.js}

@@ -1,21 +1,21 @@
 import {
-  ScrollColumn,
   defaultLocale,
+  fieldLabel,
   dividedColumns,
-  fieldLabel
-} from "./components-x2xyckd5.js";
+  ScrollColumn
+} from "./components-9jvzzvt1.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 
 // components/inputs/date-time/calendar/index.tsx
 import {
@@ -42,10 +42,10 @@ function useMonthWindow(start, end, anchor) {
   const total = differenceInCalendarMonths(end, start) + 1;
   const count = Math.min(WINDOW, total);
   const startTime = start.getTime();
-  const clamp = useCallback((first2) => {
+  const clamp = useCallback((first) => {
     const from = new Date(startTime);
     const last = addMonths(from, total - count);
-    return first2 < from ? from : first2 > last ? last : startOfMonth(first2);
+    return first < from ? from : first > last ? last : startOfMonth(first);
   }, [startTime, total, count]);
   const [first, setFirst] = useState(() => clamp(addMonths(startOfMonth(anchor), -Math.floor(WINDOW / 2))));
   const [visible, setVisible] = useState([]);
@@ -166,7 +166,7 @@ function Day({ day: _, modifiers, className, ...props }) {
   const end = modifiers.range_end && !modifiers.range_start;
   return /* @__PURE__ */ jsx("td", {
     ...props,
-    className: cn("relative p-0", !modifiers.hidden && modifiers.range_middle && "bg-active", !modifiers.hidden && modifiers.preview && !modifiers.selected && "bg-hover", (start || end) && "before:absolute before:inset-y-0 before:bg-active", start && "before:start-1/2 before:end-0", end && "before:start-0 before:end-1/2", className)
+    className: cn2("relative p-0", !modifiers.hidden && modifiers.range_middle && "bg-active", !modifiers.hidden && modifiers.preview && !modifiers.selected && "bg-hover", (start || end) && "before:absolute before:inset-y-0 before:bg-active", start && "before:start-1/2 before:end-0", end && "before:start-0 before:end-1/2", className)
   });
 }
 function DayButton({ day: _, modifiers, className, ...props }) {
@@ -176,15 +176,15 @@ function DayButton({ day: _, modifiers, className, ...props }) {
       ref.current?.focus();
   }, [modifiers.focused]);
   const shape = useShape();
-  const sizeClasses = useSize();
+  const sizeClasses = useSize2();
   const pill = modifiers.selected && !modifiers.range_middle;
   return /* @__PURE__ */ jsx("button", {
     ref,
     ...props,
-    className: cn("relative flex items-center justify-center tabular-nums outline-none cursor-pointer", "transition-[color,background-color] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring", "disabled:opacity-50 disabled:cursor-default", sizeClasses.variant === "compact" ? "size-7" : "size-9", sizeClasses.text, shape.item, modifiers.weekend && "text-muted-foreground", modifiers.today && "after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full after:bg-current", pill ? "bg-foreground text-background weight-semibold hover:bg-foreground/90" : "enabled:hover:bg-hover", className)
+    className: cn2("relative flex items-center justify-center tabular-nums outline-none cursor-pointer", "transition-[color,background-color] duration-fast focus-visible:ring-1 focus-visible:ring-focus-ring", "disabled:opacity-50 disabled:cursor-default", sizeClasses.variant === "compact" ? "size-7" : "size-9", sizeClasses.text, shape.item, modifiers.weekend && "text-muted-foreground", modifiers.today && "after:absolute after:bottom-1 after:left-1/2 after:size-1 after:-translate-x-1/2 after:rounded-full after:bg-current", pill ? "bg-foreground text-background weight-semibold hover:bg-foreground/90" : "enabled:hover:bg-hover", className)
   });
 }
-function Calendar({
+function Calendar2({
   locale = defaultLocale,
   size,
   columnsSide = "end",
@@ -193,7 +193,7 @@ function Calendar({
   className,
   ...props
 }) {
-  const sizeClasses = useSize(size);
+  const sizeClasses = useSize2(size);
   const picked = pickedDate(props);
   const today = useMemo(() => new Date, []);
   const start = startOfMonth2(props.startMonth ?? startOfYear(addYears(today, -100)));
@@ -283,15 +283,15 @@ function Calendar({
   const extras = extraColumns?.(orientation);
   const before = [extraColumnsSide === "start" && extras, columnsSide === "start" && [yearColumn, monthColumn]];
   const after = [columnsSide === "end" && [monthColumn, yearColumn], extraColumnsSide === "end" && extras];
-  const side = (place) => wide ? cn(dividedColumns, "h-full shrink-0 border-border", place === "start" ? "border-e" : "border-s") : "order-first flex w-full flex-col [&>*]:border-b [&>*]:border-border";
+  const side = (place) => wide ? cn2(dividedColumns, "h-full shrink-0 border-border", place === "start" ? "border-e" : "border-s") : "order-first flex w-full flex-col [&>*]:border-b [&>*]:border-border";
   const grid = /* @__PURE__ */ jsxs("div", {
-    className: cn("flex min-h-0 shrink-0 flex-col", wide ? "h-full" : "flex-1 self-center"),
+    className: cn2("flex min-h-0 shrink-0 flex-col", wide ? "h-full" : "flex-1 self-center"),
     children: [
       /* @__PURE__ */ jsx("div", {
         "aria-hidden": true,
         className: "flex border-b border-border px-1 pb-1",
         children: weekdays.map((day) => /* @__PURE__ */ jsx("span", {
-          className: cn("flex items-center justify-center text-caption", sizeClasses.variant === "compact" ? "w-7" : "w-9", "text-muted-foreground"),
+          className: cn2("flex items-center justify-center text-caption", sizeClasses.variant === "compact" ? "w-7" : "w-9", "text-muted-foreground"),
           children: format2(day, "EEEEEE", { locale })
         }, day.getDay()))
       }),
@@ -327,7 +327,7 @@ function Calendar({
           classNames: {
             months: "flex flex-col",
             month: "pb-2",
-            month_caption: cn("px-2 pt-2 pb-1 text-subtitle weight-semibold", sizeClasses.variant === "compact" && "text-subtitle-compact"),
+            month_caption: cn2("px-2 pt-2 pb-1 text-subtitle weight-semibold", sizeClasses.variant === "compact" && "text-subtitle-compact"),
             month_grid: "border-collapse",
             ...props.classNames
           }
@@ -338,7 +338,7 @@ function Calendar({
   const content = /* @__PURE__ */ jsxs("div", {
     ref: rootRef,
     dir: props.dir,
-    className: cn("flex w-max max-w-full overflow-hidden", wide ? "h-80 flex-row" : "h-[min(30rem,65dvh)] flex-col", className),
+    className: cn2("flex w-max max-w-full overflow-hidden", wide ? "h-80 flex-row" : "h-[min(30rem,65dvh)] flex-col", className),
     children: [
       before.some(Boolean) ? /* @__PURE__ */ jsx("div", {
         className: side("start"),
@@ -351,11 +351,11 @@ function Calendar({
       }) : null
     ]
   });
-  return size ? /* @__PURE__ */ jsx(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
     size,
     children: content
   }) : content;
 }
-var calendar_default = Calendar;
+var calendar_default = Calendar2;
 
-export { Calendar, calendar_default };
+export { Calendar2, calendar_default };

package/dist/shared/{components-vc1k7yv2.js → components-1v7rxytx.js}

@@ -1,5 +1,5 @@
 // lib/springs.ts
-var spring = {
+var spring2 = {
   fast: {
     type: "spring",
     duration: 0.08,
@@ -25,6 +25,6 @@ var spring = {
     exit: { type: "spring", visualDuration: 0.2, bounce: 0 }
   }
 };
-var exitFallbackMs = (tier) => Math.round(("duration" in tier.exit ? tier.exit.duration : tier.exit.visualDuration) * 1000) + 100;
+var exitFallbackMs2 = (tier) => Math.round(("duration" in tier.exit ? tier.exit.duration : tier.exit.visualDuration) * 1000) + 100;
 
-export { spring, exitFallbackMs };
+export { spring2, exitFallbackMs2 };

package/dist/shared/{components-tm88ghva.js → components-1xekx2hx.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-nh8tma1n.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-6t6nr33r.js → components-39jq9va1.js}

@@ -1,35 +1,35 @@
 import {
-  button_default
-} from "./components-5pkcfprd.js";
-import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  MorphPart,
-  MorphSurface
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useShape
-} from "./components-7zp99w5d.js";
+  button_default
+} from "./components-b2wyq2cq.js";
 import {
-  useControllableState
-} from "./components-dg0w8g5p.js";
+  MorphPart2,
+  MorphSurface
+} from "./components-0q0sqfh4.js";
 import {
   opensInPlace,
-  useMorph,
-  useMorphOrigin
-} from "./components-7nww01w4.js";
+  useMorphOrigin,
+  useMorph
+} from "./components-hqeq3w9q.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
+import {
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // primitives/morph/index.tsx
 import { useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
-function Morph({
+function Morph2({
   from = "trigger",
   effect = "goo",
   tier = "slow",
@@ -48,10 +48,10 @@ function Morph({
   const { origin, capture } = useMorphOrigin();
   const morph = useMorph(shown, origin, { from, effect, tier, hideSource }, () => setMounted(false));
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const inPlace = opensInPlace({ effect, hideSource });
   return /* @__PURE__ */ jsxs("div", {
-    className: cn("relative inline-flex flex-col items-center", className),
+    className: cn2("relative inline-flex flex-col items-center", className),
     children: [
       /* @__PURE__ */ jsx(button_default, {
         variant: "secondary",
@@ -67,7 +67,7 @@ function Morph({
         ref: morph.popupRef,
         className: inPlace ? "absolute top-0 left-0 z-10" : "absolute top-full left-1/2 z-10 mt-3 -translate-x-1/2",
         onClick: inPlace ? () => setShown(false) : undefined,
-        children: /* @__PURE__ */ jsx(SurfaceProvider, {
+        children: /* @__PURE__ */ jsx(SurfaceProvider2, {
           value: level,
           children: /* @__PURE__ */ jsx(MorphSurface, {
             morph,
@@ -82,5 +82,5 @@ function Morph({
     ]
   });
 }
-Morph.Part = MorphPart;
-export { Morph };
+Morph2.Part = MorphPart2;
+export { Morph2 };