@justanarthur/modo-ui 0.1.0 → 0.2.0

package/dist/shared/{components-ess3ch6w.js → components-h2dpcwgc.js}

@@ -1,16 +1,16 @@
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 
 // primitives/fluid-hover/index.tsx
 import {
@@ -39,11 +39,11 @@ var containerAxisClass = {
   x: "flex flex-row gap-1",
   xy: "grid gap-1"
 };
-var FluidHoverItem = forwardRef(({ index, disabled = false, className, children, ...props }, ref) => {
+var FluidHoverItem2 = forwardRef(({ index, disabled = false, className, children, ...props }, ref) => {
   const list = useContext(FluidHoverContext);
   const shape = useShape();
   const innerRef = useRef(null);
-  useRegisterFluidHoverItem(list?.registerItem, index, innerRef);
+  useRegisterFluidHoverItem2(list?.registerItem, index, innerRef);
   const axis = list?.axis ?? "y";
   return /* @__PURE__ */ jsx("button", {
     ref: (node) => {
@@ -58,12 +58,12 @@ var FluidHoverItem = forwardRef(({ index, disabled = false, className, children,
     "data-disabled": disabled || undefined,
     disabled,
     ...props,
-    className: cn(itemBaseClass, itemAxisClass[axis], shape.item, disabled && "cursor-default text-muted-foreground opacity-55", className),
+    className: cn2(itemBaseClass, itemAxisClass[axis], shape.item, disabled && "cursor-default text-muted-foreground opacity-55", className),
     children
   });
 });
-FluidHoverItem.displayName = "FluidHoverItem";
-var FluidHover = forwardRef(({
+FluidHoverItem2.displayName = "FluidHoverItem";
+var FluidHover2 = forwardRef(({
   axis,
   columns,
   items,
@@ -80,7 +80,7 @@ var FluidHover = forwardRef(({
   const shape = useShape();
   const resolvedAxis = axis ?? ((columns ?? 1) > 1 ? "xy" : "y");
   const resolvedColumns = resolvedAxis === "xy" ? Math.max(1, columns ?? 2) : 1;
-  const hover = useFluidHover(containerRef, {
+  const hover = useFluidHover2(containerRef, {
     axis: resolvedAxis,
     isItemDisabled,
     gapClick
@@ -88,12 +88,12 @@ var FluidHover = forwardRef(({
   const { handlers, registerItem } = hover;
   const contextValue = useMemo(() => ({ registerItem, axis: resolvedAxis }), [registerItem, resolvedAxis]);
   const disabled = new Set(disabledIndices);
-  const rows = items ? items.map((item, i) => /* @__PURE__ */ jsx(FluidHoverItem, {
+  const rows = items ? items.map((item, i) => /* @__PURE__ */ jsx(FluidHoverItem2, {
     index: i,
     disabled: disabled.has(i),
     children: renderItem ? renderItem(item, i) : item
   }, `${i}-${item}`)) : Children.toArray(children).map((child, i) => {
-    if (!isValidElement(child) || child.type !== FluidHoverItem)
+    if (!isValidElement(child) || child.type !== FluidHoverItem2)
       return child;
     const row = child;
     return cloneElement(row, {
@@ -115,23 +115,23 @@ var FluidHover = forwardRef(({
       ...handlers,
       "data-slot": "fluid-hover",
       "data-axis": resolvedAxis,
-      className: cn("relative", containerAxisClass[resolvedAxis], className),
+      className: cn2("relative", containerAxisClass[resolvedAxis], className),
       style: resolvedAxis === "xy" ? {
         gridTemplateColumns: `repeat(${resolvedColumns}, minmax(0, 1fr))`,
         ...style
       } : style,
       children: [
-        /* @__PURE__ */ jsx(FluidHoverHighlight, {
+        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
           hover,
-          className: cn("z-0", shape.bg, highlightClassName)
+          className: cn2("z-0", shape.bg, highlightClassName)
         }),
         rows
       ]
     })
   });
 });
-FluidHover.displayName = "FluidHover";
-Object.assign(FluidHover, { Item: FluidHoverItem });
-var fluid_hover_default = FluidHover;
+FluidHover2.displayName = "FluidHover";
+Object.assign(FluidHover2, { Item: FluidHoverItem2 });
+var fluid_hover_default = FluidHover2;
 
-export { FluidHoverItem, FluidHover, fluid_hover_default };
+export { FluidHoverItem2, FluidHover2, fluid_hover_default };

package/dist/shared/{components-ed7cmssr.js → components-hawvy2qz.js}

@@ -1,9 +1,9 @@
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  cn2
+} from "./components-ezxhrmer.js";
 
 // primitives/scroll-area/index.tsx
 import { ScrollArea as ScrollAreaPrimitive } from "@base-ui/react/scroll-area";
@@ -39,7 +39,7 @@ function useTouchPrimary() {
 // primitives/scroll-area/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 var ScrollAreaContext = createContext(false);
-var ScrollArea = forwardRef(({ className, children, viewportClassName, orientation = "vertical", ...props }, ref) => {
+var ScrollArea2 = forwardRef(({ className, children, viewportClassName, orientation = "vertical", ...props }, ref) => {
   const isTouch = useTouchPrimary();
   return /* @__PURE__ */ jsx(ScrollAreaContext.Provider, {
     value: isTouch,
@@ -48,31 +48,31 @@ var ScrollArea = forwardRef(({ className, children, viewportClassName, orientati
       role: "group",
       "data-slot": "scroll-area",
       "aria-roledescription": "scroll area",
-      className: cn("relative overflow-hidden", className),
+      className: cn2("relative overflow-hidden", className),
       ...props,
       children: /* @__PURE__ */ jsx("div", {
         "data-slot": "scroll-area-viewport",
-        className: cn("size-full rounded-[inherit]", orientation === "vertical" && "overflow-y-auto", orientation === "horizontal" && "overflow-x-auto", orientation === "both" && "overflow-auto", viewportClassName),
+        className: cn2("size-full rounded-[inherit]", orientation === "vertical" && "overflow-y-auto", orientation === "horizontal" && "overflow-x-auto", orientation === "both" && "overflow-auto", viewportClassName),
         tabIndex: 0,
         children
       })
     }) : /* @__PURE__ */ jsxs(ScrollAreaPrimitive.Root, {
       ref,
       "data-slot": "scroll-area",
-      className: cn("relative overflow-hidden", className),
+      className: cn2("relative overflow-hidden", className),
       ...props,
       children: [
         /* @__PURE__ */ jsx(ScrollAreaPrimitive.Viewport, {
           "data-slot": "scroll-area-viewport",
-          className: cn("size-full rounded-[inherit]", viewportClassName),
+          className: cn2("size-full rounded-[inherit]", viewportClassName),
           children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.Content, {
             children
           })
         }),
-        orientation !== "horizontal" && /* @__PURE__ */ jsx(ScrollBar, {
+        orientation !== "horizontal" && /* @__PURE__ */ jsx(ScrollBar2, {
           orientation: "vertical"
         }),
-        orientation !== "vertical" && /* @__PURE__ */ jsx(ScrollBar, {
+        orientation !== "vertical" && /* @__PURE__ */ jsx(ScrollBar2, {
           orientation: "horizontal"
         }),
         orientation === "both" && /* @__PURE__ */ jsx(ScrollAreaPrimitive.Corner, {})
@@ -80,8 +80,8 @@ var ScrollArea = forwardRef(({ className, children, viewportClassName, orientati
     })
   });
 });
-ScrollArea.displayName = "ScrollArea";
-var ScrollBar = forwardRef(({ className, orientation = "vertical", ...props }, ref) => {
+ScrollArea2.displayName = "ScrollArea";
+var ScrollBar2 = forwardRef(({ className, orientation = "vertical", ...props }, ref) => {
   const isTouch = useContext(ScrollAreaContext);
   const shape = useShape();
   if (isTouch)
@@ -90,16 +90,16 @@ var ScrollBar = forwardRef(({ className, orientation = "vertical", ...props }, r
     ref,
     orientation,
     "data-slot": "scroll-area-scrollbar",
-    className: cn("group/scrollbar absolute z-20 flex touch-none select-none", "opacity-0 transition-opacity duration-moderate-exit ease-out delay-moderate", "data-[hovering]:duration-moderate data-[scrolling]:duration-moderate", "data-[hovering]:opacity-100 data-[scrolling]:opacity-100", "data-[hovering]:delay-0 data-[scrolling]:delay-0", orientation === "vertical" && "top-0 right-0 h-full w-2.5", orientation === "horizontal" && "bottom-0 left-0 h-2.5 w-full flex-col", className),
+    className: cn2("group/scrollbar absolute z-20 flex touch-none select-none", "opacity-0 transition-opacity duration-moderate-exit ease-out delay-moderate", "data-[hovering]:duration-moderate data-[scrolling]:duration-moderate", "data-[hovering]:opacity-100 data-[scrolling]:opacity-100", "data-[hovering]:delay-0 data-[scrolling]:delay-0", orientation === "vertical" && "top-0 right-0 h-full w-2.5", orientation === "horizontal" && "bottom-0 left-0 h-2.5 w-full flex-col", className),
     ...props,
     children: /* @__PURE__ */ jsx(ScrollAreaPrimitive.Thumb, {
       "data-slot": "scroll-area-thumb",
-      className: cn("relative bg-overlay/8 transition-[background-color,width,height] duration-moderate ease-in-out", "group-hover/scrollbar:bg-overlay/12 active:!bg-overlay/16", shape.bg, orientation === "vertical" && "mx-auto my-1 w-1 -translate-x-0.5 h-[var(--scroll-area-thumb-height)] group-hover/scrollbar:w-1.5", orientation === "horizontal" && "my-auto mx-1 h-1 -translate-y-0.5 w-[var(--scroll-area-thumb-width)] group-hover/scrollbar:h-1.5")
+      className: cn2("relative bg-overlay/8 transition-[background-color,width,height] duration-moderate ease-in-out", "group-hover/scrollbar:bg-overlay/12 active:!bg-overlay/16", shape.bg, orientation === "vertical" && "mx-auto my-1 w-1 -translate-x-0.5 h-[var(--scroll-area-thumb-height)] group-hover/scrollbar:w-1.5", orientation === "horizontal" && "my-auto mx-1 h-1 -translate-y-0.5 w-[var(--scroll-area-thumb-width)] group-hover/scrollbar:h-1.5")
     })
   });
 });
-ScrollBar.displayName = "ScrollBar";
-Object.assign(ScrollArea, { Bar: ScrollBar });
-var scroll_area_default = ScrollArea;
+ScrollBar2.displayName = "ScrollBar";
+Object.assign(ScrollArea2, { Bar: ScrollBar2 });
+var scroll_area_default = ScrollArea2;
 
-export { ScrollArea, ScrollBar, scroll_area_default };
+export { ScrollArea2, ScrollBar2, scroll_area_default };

package/dist/shared/{components-7nww01w4.js → components-hqeq3w9q.js}

@@ -1,10 +1,10 @@
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
 import {
-  exitFallbackMs,
-  spring
-} from "./components-vc1k7yv2.js";
+  spring2,
+  exitFallbackMs2
+} from "./components-1v7rxytx.js";
 
 // lib/use-morph.ts
 import { animate, clamp, useMotionValue } from "motion/react";
@@ -128,7 +128,7 @@ function inPlaceOffset({ side, anchor }) {
   return side === "top" || side === "bottom" ? -anchor.height : -anchor.width;
 }
 function holdExit(el, tier) {
-  return el.animate(null, { duration: exitFallbackMs(spring[tier]) });
+  return el.animate(null, { duration: exitFallbackMs2(spring2[tier]) });
 }
 function returnFocus(trigger) {
   requestAnimationFrame(() => requestAnimationFrame(() => {
@@ -167,7 +167,7 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
   const reduced = useReduceMotion();
   const resolve = (wanted) => reduced ? "fade" : wanted;
   const resolved = resolve(effect);
-  const timing = (effect2) => effect2 === "goo" ? "goo" : tier;
+  const timing = (effect) => effect === "goo" ? "goo" : tier;
   const progress = useMotionValue(0);
   const gooId = `morph-goo-${useId().replace(/:/g, "")}`;
   const geometry = useRef(null);
@@ -193,24 +193,24 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     const g = geometry.current;
     if (!g)
       return;
-    const { bg, content, shadow, popup: popup2, shape } = refs;
-    const { effect: effect2 } = run.current;
-    const shaped = drawsShape(effect2);
+    const { bg, content, shadow, popup, shape } = refs;
+    const { effect } = run.current;
+    const shaped = drawsShape(effect);
     const slide = { ...g.target, x: g.offset.x * (1 - p), y: g.offset.y * (1 - p) };
-    const rect = clampRect(shaped ? lerpRect(g.source, g.target, p) : effect2 === "slide" ? slide : g.target);
+    const rect = clampRect(shaped ? lerpRect(g.source, g.target, p) : effect === "slide" ? slide : g.target);
     place(shaped ? shape.current : bg.current, shaped ? within(rect, g.layer) : rect);
     place(shadow.current, rect);
-    const melting = effect2 === "goo" ? clamp(0, 1, (1 - p) / GOO_RELEASE) : 0;
+    const melting = effect === "goo" ? clamp(0, 1, (1 - p) / GOO_RELEASE) : 0;
     refs.blur.current?.setAttribute("stdDeviation", String(g.blur * melting));
     refs.outline.current?.setAttribute("flood-opacity", String(melting * clamp(0, 1, p / GOO_SETTLE)));
     if (shadow.current)
-      shadow.current.style.opacity = String(effect2 === "goo" ? 1 - melting : clamp(0, 1, p));
+      shadow.current.style.opacity = String(effect === "goo" ? 1 - melting : clamp(0, 1, p));
     if (content.current) {
       content.current.style.clipPath = shaped ? insetClip(rect, g.target) : "";
-      content.current.style.transform = effect2 === "slide" ? `translate(${rect.x}px, ${rect.y}px)` : "";
+      content.current.style.transform = effect === "slide" ? `translate(${rect.x}px, ${rect.y}px)` : "";
     }
-    if (popup2.current)
-      popup2.current.style.opacity = effect2 === "fade" ? String(p) : "";
+    if (popup.current)
+      popup.current.style.opacity = effect === "fade" ? String(p) : "";
   };
   const rest = () => {
     refs.bg.current?.removeAttribute("style");
@@ -228,14 +228,14 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     const el = refs.popup.current;
     if (!el)
       return;
-    const { effect: effect2, from: from2 } = run.current;
-    const shaped = drawsShape(effect2);
+    const { effect, from } = run.current;
+    const shaped = drawsShape(effect);
     const box = el.getBoundingClientRect();
     const target = { x: 0, y: 0, w: box.width, h: box.height, r: targetRadius.current };
-    const source = sourceRect(from2, origin.current ?? {}, box, target);
-    const blur = effect2 === "goo" ? Math.max(GOO_SURFACE_BLUR, target.r * GOO_BLUR_RATIO) : 0;
+    const source = sourceRect(from, origin.current ?? {}, box, target);
+    const blur = effect === "goo" ? Math.max(GOO_SURFACE_BLUR, target.r * GOO_BLUR_RATIO) : 0;
     const layer = layerBox(source, target, blur * 3);
-    geometry.current = { source, target, layer, offset: slideOffset(from2, source, target, box), blur };
+    geometry.current = { source, target, layer, offset: slideOffset(from, source, target, box), blur };
     const { shapes, copy, bg } = refs;
     if (bg.current)
       bg.current.style.opacity = shaped ? "0" : "";
@@ -245,7 +245,7 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     if (!shaped)
       return;
     place(shapes.current, { ...layer, r: 0 });
-    if (effect2 === "goo")
+    if (effect === "goo")
       place(copy.current, within(source, layer));
     const cut = source.w > 0 && source.h > 0 && !hideSource && !overlaps(source, target);
     shapes.current.style.clipPath = cut ? `path(evenodd, "${roundedRectPath({ ...layer, x: 0, y: 0 })} ${roundedRectPath(within(source, layer))}")` : "";
@@ -264,36 +264,36 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     el.style.opacity = "0";
   };
   const skip = (el) => instant?.(el);
-  const opening = (popup2) => {
+  const opening = (popup) => {
     returnTo.current = null;
     run.current = { effect: resolved, from };
     const first = !geometry.current;
     if (first && refs.bg.current) {
-      const box = popup2.getBoundingClientRect();
+      const box = popup.getBoundingClientRect();
       targetRadius.current = radiusOf(refs.bg.current, box.width, box.height);
     }
     let controls;
     const begin = () => {
       measure();
       hide(sourceElement(from, origin.current ?? {}));
-      if (skip(popup2)) {
+      if (skip(popup)) {
         progress.jump(1);
         rest();
         return;
       }
       render(progress.get());
-      const { exit: _, ...enter } = spring[timing(run.current.effect)];
+      const { exit: _, ...enter } = spring2[timing(run.current.effect)];
       controls = animate(progress, 1, {
         ...enter,
         onUpdate: (p) => {
-          if (skip(popup2))
+          if (skip(popup))
             controls?.complete();
           render(p);
         },
         onComplete: rest
       });
     };
-    if (!first || skip(popup2) || !refs.bg.current) {
+    if (!first || skip(popup) || !refs.bg.current) {
       begin();
       return () => controls?.stop();
     }
@@ -308,8 +308,8 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
       controls?.stop();
     };
   };
-  const closing = (popup2) => {
-    returnTo.current = popup2.contains(document.activeElement) ? origin.current?.trigger ?? null : null;
+  const closing = (popup) => {
+    returnTo.current = popup.contains(document.activeElement) ? origin.current?.trigger ?? null : null;
     if (!geometry.current) {
       exited.current?.();
       return;
@@ -319,23 +319,23 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
       geometry.current = null;
       exited.current?.();
     };
-    if (skip(popup2)) {
+    if (skip(popup)) {
       progress.jump(0);
-      popup2.style.opacity = "0";
+      popup.style.opacity = "0";
       done();
       return;
     }
     run.current = { effect: resolve(exit?.effect ?? effect), from: exit?.from ?? from };
     if (exit)
       progress.jump(1);
-    const hold = holdExit(popup2, timing(run.current.effect));
+    const hold = holdExit(popup, timing(run.current.effect));
     measure();
     render(progress.get());
     let controls;
     controls = animate(progress, 0, {
-      ...spring[timing(run.current.effect)].exit,
+      ...spring2[timing(run.current.effect)].exit,
       onUpdate: (p) => {
-        if (skip(popup2))
+        if (skip(popup))
           controls?.complete();
         render(p);
       },

package/dist/shared/{components-vb033rns.js → components-jjw69c4c.js}

@@ -1,12 +1,12 @@
 import {
-  SizeContext,
-  sizeMap
-} from "./components-x3rz4cyn.js";
+  sizeMap2,
+  SizeContext
+} from "./components-0sn7ypjw.js";
 
 // primitives/sizes/index.tsx
 import { useCallback, useMemo, useState } from "react";
 import { jsx } from "react/jsx-runtime";
-function SizeProvider({
+function SizeProvider2({
   children,
   size,
   defaultSize = "default"
@@ -19,10 +19,10 @@ function SizeProvider({
       return;
     setInternalSize(next);
   }, [isControlled]);
-  const value = useMemo(() => ({ size: resolved, setSize, classes: sizeMap[resolved] }), [resolved, setSize]);
+  const value = useMemo(() => ({ size: resolved, setSize, classes: sizeMap2[resolved] }), [resolved, setSize]);
   return /* @__PURE__ */ jsx(SizeContext.Provider, {
     value,
     children
   });
 }
-export { SizeProvider };
+export { SizeProvider2 };

package/dist/shared/{components-tad5h7ta.js → components-jwst3vtj.js}

@@ -1,37 +1,37 @@
 import {
-  slotRender
-} from "./components-5vxtcp88.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  button_default
-} from "./components-5pkcfprd.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
-  SURFACE_BG,
-  SURFACE_SHADOW,
-  SurfaceProvider,
-  useSurface
-} from "./components-csxz9f52.js";
+  GOO_BLUR_RATIO,
+  holdExit
+} from "./components-hqeq3w9q.js";
 import {
-  GooFilter
-} from "./components-jxgznftn.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  GOO_BLUR_RATIO,
-  holdExit
-} from "./components-7nww01w4.js";
+  sizeMap2
+} from "./components-0sn7ypjw.js";
 import {
-  useReduceMotion
-} from "./components-nnnd2xef.js";
+  slotRender
+} from "./components-3ky44908.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  SURFACE_BG,
+  SURFACE_SHADOW,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
-  sizeMap
-} from "./components-x3rz4cyn.js";
+  button_default
+} from "./components-b2wyq2cq.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/overlays/toast/index.tsx
 import { Toast as ToastPrimitive } from "@base-ui/react/toast";
@@ -74,7 +74,7 @@ var VIEWPORT = {
   "bottom-center": "bottom-4 left-1/2 -translate-x-1/2 flex-col-reverse items-center",
   "bottom-right": "bottom-4 right-4 flex-col-reverse items-end"
 };
-var PILL = sizeMap.default.controlHeight;
+var PILL = sizeMap2.default.controlHeight;
 var BLUR = PILL / 2 * GOO_BLUR_RATIO;
 var SNAP = { duration: 0 };
 var AUTO_EXPAND_MS = 150;
@@ -83,7 +83,7 @@ var ToastSettings = createContext({
   position: "top-right",
   timeout: 6000
 });
-function useToast() {
+function useToast2() {
   const manager = ToastPrimitive.useToastManager();
   return useMemo(() => {
     const options = ({ action, ...rest }, type) => ({
@@ -112,16 +112,16 @@ function Shape({ box, className, shapeRef }) {
   return /* @__PURE__ */ jsx(motion.div, {
     ref: shapeRef,
     "aria-hidden": true,
-    className: cn("pointer-events-none absolute top-0 left-0", className),
+    className: cn2("pointer-events-none absolute top-0 left-0", className),
     initial: false,
     animate: { ...box },
-    transition: reduced ? SNAP : spring.slow
+    transition: reduced ? SNAP : spring2.slow
   });
 }
 function ToastItem({ toast }) {
   const { position, timeout } = useContext(ToastSettings);
   const shape = useShape();
-  const level = Math.min(useSurface() + 2, 8);
+  const level = Math.min(useSurface2() + 2, 8);
   const gooId = `toast-goo-${useId().replace(/:/g, "")}`;
   const type = toast.type ?? "info";
   const Icon = ICONS[type];
@@ -175,7 +175,7 @@ function ToastItem({ toast }) {
   const bodyBox = { x: 0, y: top ? PILL : 0, width: size.width, height: bodyHeight };
   const reduced = useReduceMotion();
   const away = reduced ? { opacity: 0 } : { opacity: 0, y: top ? -6 : 6, scale: 0.95 };
-  const move = reduced ? SNAP : spring.slow;
+  const move = reduced ? SNAP : spring2.slow;
   return /* @__PURE__ */ jsxs(ToastPrimitive.Root, {
     ref: root,
     toast,
@@ -185,7 +185,7 @@ function ToastItem({ toast }) {
     render: /* @__PURE__ */ jsx(motion.div, {
       initial: { ...away, height: PILL },
       animate: ending ? { ...away, height } : { opacity: 1, y: 0, scale: 1, height },
-      transition: ending ? spring.moderate.exit : { ...spring.moderate, height: move }
+      transition: ending ? spring2.moderate.exit : { ...spring2.moderate, height: move }
     }),
     className: "relative w-[min(22rem,calc(100vw-2rem))] select-none outline-none [translate:var(--toast-swipe-movement-x)_var(--toast-swipe-movement-y)]",
     children: [
@@ -195,11 +195,11 @@ function ToastItem({ toast }) {
       }),
       /* @__PURE__ */ jsx(Shape, {
         box: pill,
-        className: cn("rounded-full", SURFACE_SHADOW[3])
+        className: cn2("rounded-full", SURFACE_SHADOW[3])
       }),
       hasBody && /* @__PURE__ */ jsx(Shape, {
         box: bodyBox,
-        className: cn(shape.container, SURFACE_SHADOW[3])
+        className: cn2(shape.container, SURFACE_SHADOW[3])
       }),
       /* @__PURE__ */ jsxs("div", {
         "aria-hidden": true,
@@ -208,16 +208,16 @@ function ToastItem({ toast }) {
         children: [
           /* @__PURE__ */ jsx(Shape, {
             box: pill,
-            className: cn("rounded-full", SURFACE_BG[level])
+            className: cn2("rounded-full", SURFACE_BG[level])
           }),
           hasBody && /* @__PURE__ */ jsx(Shape, {
             box: bodyBox,
             shapeRef: bodyShape,
-            className: cn(shape.container, SURFACE_BG[level])
+            className: cn2(shape.container, SURFACE_BG[level])
           })
         ]
       }),
-      /* @__PURE__ */ jsxs(SurfaceProvider, {
+      /* @__PURE__ */ jsxs(SurfaceProvider2, {
         value: level,
         children: [
           /* @__PURE__ */ jsx(motion.div, {
@@ -235,11 +235,11 @@ function ToastItem({ toast }) {
                   className: "inline-flex items-center gap-2",
                   initial: { opacity: 0, filter: "blur(4px)" },
                   animate: { opacity: 1, filter: "blur(0px)" },
-                  exit: { opacity: 0, filter: "blur(4px)", transition: spring.moderate.exit },
-                  transition: spring.moderate,
+                  exit: { opacity: 0, filter: "blur(4px)", transition: spring2.moderate.exit },
+                  transition: spring2.moderate,
                   children: [
                     /* @__PURE__ */ jsx("span", {
-                      className: cn("flex size-6 items-center justify-center rounded-full", TONES[type]),
+                      className: cn2("flex size-6 items-center justify-center rounded-full", TONES[type]),
                       children: /* @__PURE__ */ jsx(Icon, {
                         size: 14,
                         strokeWidth: 2.5,
@@ -259,10 +259,10 @@ function ToastItem({ toast }) {
             className: "absolute top-0 left-0 w-full overflow-hidden",
             initial: false,
             animate: { y: bodyBox.y, height: bodyHeight, opacity: expanded ? 1 : 0 },
-            transition: { ...move, opacity: expanded ? spring.slow : spring.slow.exit },
+            transition: { ...move, opacity: expanded ? spring2.slow : spring2.slow.exit },
             children: /* @__PURE__ */ jsxs("div", {
               ref: body,
-              className: cn("flex flex-col items-start gap-3 p-4", top ? "pt-6" : "pb-6"),
+              className: cn2("flex flex-col items-start gap-3 p-4", top ? "pt-6" : "pb-6"),
               children: [
                 /* @__PURE__ */ jsx(ToastPrimitive.Description, {
                   className: "text-caption text-muted-foreground"
@@ -287,7 +287,7 @@ function ToastList() {
     toast
   }, toast.id));
 }
-var ToastTrigger = forwardRef(({
+var ToastTrigger2 = forwardRef(({
   title,
   description,
   type,
@@ -302,7 +302,7 @@ var ToastTrigger = forwardRef(({
   onClick,
   ...props
 }, ref) => {
-  const toast = useToast();
+  const toast = useToast2();
   const el = slotRender(render, asChild, children);
   const press = (event) => {
     onClick?.(event);
@@ -320,8 +320,8 @@ var ToastTrigger = forwardRef(({
     children
   });
 });
-ToastTrigger.displayName = "ToastTrigger";
-function Toast({ position = "top-right", limit = 3, timeout = 6000, children }) {
+ToastTrigger2.displayName = "ToastTrigger";
+function Toast2({ position = "top-right", limit = 3, timeout = 6000, children }) {
   const settings = useMemo(() => ({ position, timeout }), [position, timeout]);
   return /* @__PURE__ */ jsx(ToastPrimitive.Provider, {
     limit,
@@ -332,7 +332,7 @@ function Toast({ position = "top-right", limit = 3, timeout = 6000, children })
         children,
         /* @__PURE__ */ jsx(ToastPrimitive.Portal, {
           children: /* @__PURE__ */ jsx(ToastPrimitive.Viewport, {
-            className: cn("fixed z-[60] flex flex-col gap-2 outline-none", VIEWPORT[position]),
+            className: cn2("fixed z-[60] flex flex-col gap-2 outline-none", VIEWPORT[position]),
             children: /* @__PURE__ */ jsx(ToastList, {})
           })
         })
@@ -340,7 +340,7 @@ function Toast({ position = "top-right", limit = 3, timeout = 6000, children })
     })
   });
 }
-Toast.Trigger = ToastTrigger;
-var toast_default = Toast;
+Toast2.Trigger = ToastTrigger2;
+var toast_default = Toast2;
 
-export { useToast, ToastTrigger, Toast, toast_default };
+export { useToast2, ToastTrigger2, Toast2, toast_default };