@justanarthur/modo-ui 0.5.0 → 0.6.0-canary.0

package/dist/shared/components-9mys9jna.js

@@ -0,0 +1,255 @@
+"use client";
+import {
+  useReduceMotion2
+} from "./components-de99ykt7.js";
+import {
+  spring2
+} from "./components-3ey0hzpb.js";
+import {
+  cn2
+} from "./components-jcnjay5g.js";
+import {
+  FluidHoverHighlight2
+} from "./components-qdm3yh26.js";
+import {
+  useIcon2
+} from "./components-jqpefjsn.js";
+import {
+  useSize2
+} from "./components-h83az0bz.js";
+import {
+  useControllableState2
+} from "./components-tz1fv35x.js";
+import {
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-yhgq0qxx.js";
+import {
+  SizeProvider2
+} from "./components-dcc02hs2.js";
+
+// components/table/index.tsx
+import { motion } from "motion/react";
+import {
+  createContext,
+  forwardRef,
+  useContext,
+  useMemo,
+  useRef
+} from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var TableContext = createContext(null);
+var TableSectionContext = createContext("body");
+var StackedContext = createContext(null);
+function useStacked(own) {
+  const table = useContext(TableContext)?.stacked ?? false;
+  const part = useContext(StackedContext);
+  return table && (own ?? part ?? true);
+}
+var Table2 = forwardRef(({ children, size, stacked = false, containerClassName, className, ...props }, ref) => {
+  const containerRef = useRef(null);
+  const sizeClasses = useSize2(size);
+  const hover = useFluidHover2(containerRef);
+  const { activeIndex, handlers, registerItem } = hover;
+  const contextValue = useMemo(() => ({ registerItem, activeIndex, stacked }), [registerItem, activeIndex, stacked]);
+  const table = /* @__PURE__ */ jsx(TableContext.Provider, {
+    value: contextValue,
+    children: /* @__PURE__ */ jsxs("div", {
+      ref: containerRef,
+      className: cn2("relative", containerClassName),
+      onMouseEnter: handlers.onMouseEnter,
+      onMouseMove: handlers.onMouseMove,
+      onMouseLeave: handlers.onMouseLeave,
+      onClick: handlers.onClick,
+      children: [
+        /* @__PURE__ */ jsx(FluidHoverHighlight2, {
+          hover
+        }),
+        /* @__PURE__ */ jsx("table", {
+          ref,
+          className: cn2("w-full border-collapse", sizeClasses.text, className),
+          ...props,
+          children
+        })
+      ]
+    })
+  });
+  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
+    size,
+    children: table
+  }) : table;
+});
+Table2.displayName = "Table";
+var TableHeader2 = forwardRef(({ stacked: own, className, ...props }, ref) => {
+  const stacked = useStacked(own);
+  return /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+    value: "header",
+    children: /* @__PURE__ */ jsx(StackedContext.Provider, {
+      value: own ?? null,
+      children: /* @__PURE__ */ jsx("thead", {
+        ref,
+        className: cn2(stacked && "hidden md:table-header-group", className),
+        ...props
+      })
+    })
+  });
+});
+TableHeader2.displayName = "TableHeader";
+var TableBody2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx("tbody", {
+  ref,
+  className: cn2("", className),
+  ...props
+}));
+TableBody2.displayName = "TableBody";
+var TableFooter2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(TableSectionContext.Provider, {
+  value: "footer",
+  children: /* @__PURE__ */ jsx("tfoot", {
+    ref,
+    className: cn2("[&_td]:text-foreground", className),
+    ...props
+  })
+}));
+TableFooter2.displayName = "TableFooter";
+var TableCaption2 = forwardRef(({ className, ...props }, ref) => {
+  const sizeClasses = useSize2();
+  return /* @__PURE__ */ jsx("caption", {
+    ref,
+    className: cn2("caption-bottom pt-3 text-left text-muted-foreground", sizeClasses.variant === "compact" ? "text-caption-compact px-2.5" : "text-caption px-3", className),
+    ...props
+  });
+});
+TableCaption2.displayName = "TableCaption";
+var TableRow2 = forwardRef(({ index, stacked: own, className, style, ...props }, ref) => {
+  const internalRef = useRef(null);
+  const ctx = useContext(TableContext);
+  const section = useContext(TableSectionContext);
+  const stacked = useStacked(own);
+  useRegisterFluidHoverItem2(ctx?.registerItem, index, internalRef);
+  const isBodyRow = index !== undefined;
+  const activeIdx = ctx?.activeIndex ?? null;
+  const hideBorder = activeIdx !== null && (isBodyRow && (index === activeIdx || index === activeIdx - 1) || !isBodyRow && section !== "footer" && activeIdx === 0);
+  const row = /* @__PURE__ */ jsx("tr", {
+    ref: (node) => {
+      internalRef.current = node;
+      if (typeof ref === "function")
+        ref(node);
+      else if (ref)
+        ref.current = node;
+    },
+    "data-fluid-hover-index": index,
+    className: cn2("group/row relative z-10 border-b transition-[border-color] duration-fast", hideBorder ? "border-transparent" : "border-accent/40", isBodyRow && activeIdx === index && "is-active", isBodyRow ? "weight-normal" : "weight-semibold", stacked && "grid grid-cols-2 md:table-row", className),
+    style,
+    ...props
+  });
+  return own === undefined ? row : /* @__PURE__ */ jsx(StackedContext.Provider, {
+    value: own,
+    children: row
+  });
+});
+TableRow2.displayName = "TableRow";
+var SORT_ICONS = [
+  [false, "arrow-up-down"],
+  ["asc", "arrow-up"],
+  ["desc", "arrow-down"]
+];
+var NEXT_SORT = { none: "asc", asc: "desc", desc: false };
+var ARIA_SORT = { asc: "ascending", desc: "descending", none: "none" };
+var SHOWN = { opacity: 1, scale: 1, filter: "blur(0px)" };
+var HIDDEN = { opacity: 0, scale: 0.6, filter: "blur(4px)" };
+var enter = { type: "tween", duration: spring2.fast.duration, ease: "easeOut" };
+var leave = { type: "tween", ...spring2.fast.exit, ease: "easeIn" };
+function SortGlyph({
+  direction,
+  glyph,
+  current,
+  size
+}) {
+  const Icon = useIcon2(glyph);
+  const reduced = useReduceMotion2();
+  const shown = direction === current;
+  return /* @__PURE__ */ jsx(motion.span, {
+    className: "col-start-1 row-start-1 flex",
+    initial: false,
+    animate: shown ? SHOWN : reduced ? { opacity: 0 } : HIDDEN,
+    transition: shown ? enter : leave,
+    children: /* @__PURE__ */ jsx(Icon, {
+      size,
+      strokeWidth: 1.5,
+      className: cn2("transition-[stroke-width] duration-fast group-hover/sort:stroke-2", current && "stroke-2")
+    })
+  });
+}
+var TableHead2 = forwardRef(({ sortDirection, defaultSortDirection, onSort, className, children, ...props }, ref) => {
+  const sizeClasses = useSize2();
+  const [direction, setDirection] = useControllableState2(sortDirection, defaultSortDirection ?? false, onSort);
+  const sortable = sortDirection !== undefined || defaultSortDirection !== undefined || onSort !== undefined;
+  return /* @__PURE__ */ jsx("th", {
+    ref,
+    "aria-sort": sortable ? ARIA_SORT[direction || "none"] : undefined,
+    className: cn2("text-left text-foreground", sizeClasses.variant === "compact" ? "px-2.5 py-[5px]" : "px-3 py-2", className),
+    ...props,
+    children: sortable ? /* @__PURE__ */ jsxs("button", {
+      type: "button",
+      onClick: () => setDirection(NEXT_SORT[direction || "none"]),
+      className: cn2("group/sort -mx-1 inline-flex cursor-pointer items-center rounded-glyph px-1 text-inherit outline-none focus-visible:ring-1 focus-visible:ring-focus-ring", sizeClasses.gap),
+      children: [
+        children,
+        /* @__PURE__ */ jsx("span", {
+          "aria-hidden": "true",
+          className: cn2("grid shrink-0 transition-[color] duration-fast group-hover/sort:text-foreground", direction ? "text-foreground" : "text-muted-foreground"),
+          children: SORT_ICONS.map(([glyphDirection, glyph]) => /* @__PURE__ */ jsx(SortGlyph, {
+            direction: glyphDirection,
+            glyph,
+            current: direction,
+            size: sizeClasses.icon
+          }, glyph))
+        })
+      ]
+    }) : children
+  });
+});
+TableHead2.displayName = "TableHead";
+var TableCell2 = forwardRef(({ label, className, children, ...props }, ref) => {
+  const sizeClasses = useSize2();
+  const stacked = useStacked();
+  return /* @__PURE__ */ jsxs("td", {
+    ref,
+    className: cn2("text-muted-foreground transition-colors duration-fast group-[.is-active]/row:text-foreground", sizeClasses.variant === "compact" ? "px-2.5 py-[5px]" : "px-3 py-2", stacked && "flex flex-col md:table-cell", className),
+    ...props,
+    children: [
+      stacked && label != null && /* @__PURE__ */ jsx("span", {
+        className: cn2("text-muted-foreground weight-normal md:hidden", sizeClasses.variant === "compact" ? "text-caption-compact" : "text-caption"),
+        children: label
+      }),
+      children
+    ]
+  });
+});
+TableCell2.displayName = "TableCell";
+var TableEmpty2 = forwardRef(({ colSpan, className, children, ...props }, ref) => {
+  const sizeClasses = useSize2();
+  return /* @__PURE__ */ jsx("tr", {
+    ref,
+    className: cn2("relative z-10", className),
+    ...props,
+    children: /* @__PURE__ */ jsx("td", {
+      colSpan,
+      className: cn2("h-24 px-3 text-center align-middle text-muted-foreground", sizeClasses.text),
+      children
+    })
+  });
+});
+TableEmpty2.displayName = "TableEmpty";
+Object.assign(Table2, {
+  Header: TableHeader2,
+  Body: TableBody2,
+  Row: TableRow2,
+  Head: TableHead2,
+  Cell: TableCell2,
+  Footer: TableFooter2,
+  Caption: TableCaption2,
+  Empty: TableEmpty2
+});
+var table_default = Table2;
+
+export { Table2, TableHeader2, TableBody2, TableFooter2, TableCaption2, TableRow2, TableHead2, TableCell2, TableEmpty2, table_default };

package/dist/shared/components-adkarj8n.js

@@ -0,0 +1,35 @@
+"use client";
+import {
+  useSize2
+} from "./components-h83az0bz.js";
+import {
+  cn2
+} from "./components-jcnjay5g.js";
+
+// components/inputs/label/index.tsx
+import { forwardRef } from "react";
+import { jsx, jsxs } from "react/jsx-runtime";
+var Label2 = forwardRef(({ children, invalid, size, className, ...props }, ref) => {
+  const sizeClasses = useSize2(size);
+  const compact = sizeClasses.variant === "compact";
+  return /* @__PURE__ */ jsxs("label", {
+    ref,
+    className: cn2("inline-grid", sizeClasses.text, "data-[disabled]:opacity-50", compact ? "pl-2" : "pl-2.5", className),
+    ...props,
+    children: [
+      /* @__PURE__ */ jsx("span", {
+        className: "col-start-1 row-start-1 invisible weight-semibold",
+        "aria-hidden": "true",
+        children
+      }),
+      /* @__PURE__ */ jsx("span", {
+        className: cn2("col-start-1 row-start-1", invalid ? "text-destructive" : "text-muted-foreground", "weight-normal"),
+        children
+      })
+    ]
+  });
+});
+Label2.displayName = "Label";
+var label_default = Label2;
+
+export { Label2, label_default };

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

@@ -1,40 +1,41 @@
+"use client";
 import {
-  useReduceMotion
-} from "./components-men63rwj.js";
+  useReduceMotion2
+} from "./components-de99ykt7.js";
 import {
-  GOO_BLUR_RATIO
-} from "./components-hqeq3w9q.js";
+  spring2
+} from "./components-3ey0hzpb.js";
+import {
+  GOO_BLUR_RATIO2
+} from "./components-awra5sff.js";
 import {
   cn2
-} from "./components-ezxhrmer.js";
+} from "./components-jcnjay5g.js";
 import {
   FluidHoverHighlight2
-} from "./components-kvr7f9hy.js";
+} from "./components-qdm3yh26.js";
 import {
-  useIcon
-} from "./components-zrkzcayz.js";
+  useIcon2
+} from "./components-jqpefjsn.js";
 import {
-  GooFilter
-} from "./components-0q0sqfh4.js";
+  GooFilter2
+} from "./components-4y816hwp.js";
 import {
-  useShape
-} from "./components-cv16mryv.js";
+  useShape2
+} from "./components-78x40gee.js";
 import {
   useSize2
-} from "./components-0sn7ypjw.js";
+} from "./components-h83az0bz.js";
 import {
-  useControllableState
-} from "./components-n7mjr357.js";
+  useControllableState2
+} from "./components-tz1fv35x.js";
 import {
   useFluidHover2,
   useRegisterFluidHoverItem2
-} from "./components-59efxjd9.js";
+} from "./components-yhgq0qxx.js";
 import {
   SizeProvider2
-} from "./components-jjw69c4c.js";
-import {
-  spring2
-} from "./components-1v7rxytx.js";
+} from "./components-dcc02hs2.js";
 
 // components/accordion/index.tsx
 import { Accordion as AccordionPrimitive } from "@base-ui/react/accordion";
@@ -110,8 +111,8 @@ var AccordionGroup2 = forwardRef((props, ref) => {
   }, []);
   const sp = props;
   const mp = props;
-  const [singleValue, setSingleValue] = useControllableState(type === "single" ? sp.value : undefined, type === "single" ? sp.defaultValue ?? "" : "", type === "single" ? sp.onValueChange : undefined);
-  const [multipleValue, setMultipleValue] = useControllableState(type === "multiple" ? mp.value : undefined, type === "multiple" ? mp.defaultValue ?? [] : [], type === "multiple" ? mp.onValueChange : undefined);
+  const [singleValue, setSingleValue] = useControllableState2(type === "single" ? sp.value : undefined, type === "single" ? sp.defaultValue ?? "" : "", type === "single" ? sp.onValueChange : undefined);
+  const [multipleValue, setMultipleValue] = useControllableState2(type === "multiple" ? mp.value : undefined, type === "multiple" ? mp.defaultValue ?? [] : [], type === "multiple" ? mp.onValueChange : undefined);
   const openValuesList = type === "multiple" ? multipleValue : singleValue ? [singleValue] : [];
   const openValuesKey = openValuesList.join(",");
   const openValues = useMemo(() => new Set(openValuesList), [openValuesKey]);
@@ -130,7 +131,7 @@ var AccordionGroup2 = forwardRef((props, ref) => {
     return rect ? [[idx, rect]] : [];
   })) : new Map;
   const isHoveringNonOpen = activeIndex !== null && !openItemRects.has(activeIndex);
-  const shape = useShape();
+  const shape = useShape2();
   const {
     value: _value,
     defaultValue: _defaultValue,
@@ -305,8 +306,8 @@ var Accordion2 = forwardRef(({
   className,
   ...props
 }, ref) => {
-  const [singleValue, setSingleValue] = useControllableState(type === "single" ? value : undefined, type === "single" ? defaultValue ?? "" : "", type === "single" ? onValueChange : undefined);
-  const [multipleValue, setMultipleValue] = useControllableState(type === "multiple" ? value : undefined, type === "multiple" ? defaultValue ?? [] : [], type === "multiple" ? onValueChange : undefined);
+  const [singleValue, setSingleValue] = useControllableState2(type === "single" ? value : undefined, type === "single" ? defaultValue ?? "" : "", type === "single" ? onValueChange : undefined);
+  const [multipleValue, setMultipleValue] = useControllableState2(type === "multiple" ? value : undefined, type === "multiple" ? defaultValue ?? [] : [], type === "multiple" ? onValueChange : undefined);
   const openValues = new Set(type === "multiple" ? multipleValue : singleValue ? [singleValue] : []);
   const baseValue = [...openValues];
   const baseOnValueChange = (next) => {
@@ -391,10 +392,10 @@ var AccordionItem2 = forwardRef(({ value, index, disabled, highlight: highlightP
 });
 AccordionItem2.displayName = "AccordionItem";
 var AccordionTrigger2 = forwardRef(({ children, className, ...props }, ref) => {
-  const ChevronRight = useIcon("chevron-right");
+  const ChevronRight = useIcon2("chevron-right");
   const groupCtx = useAccordionGroup();
   const { index, isOpen, triggerRef, highlight, press } = useAccordionItemContext();
-  const shape = useShape();
+  const shape = useShape2();
   const sizeClasses = useSize2();
   const [isHovered, setIsHovered] = useState(false);
   const isActive = groupCtx?.grouped ? groupCtx.activeIndex === index : isHovered;
@@ -492,9 +493,9 @@ function place(el, { x, y, w, h, r }) {
 var AccordionContent2 = forwardRef(({ children, className, effect = "goo", tier = "slow", ...props }, ref) => {
   const groupCtx = useAccordionGroup();
   const { isOpen, highlight, press } = useAccordionItemContext();
-  const shape = useShape();
+  const shape = useShape2();
   const sizeClasses = useSize2();
-  const reduceMotion = useReduceMotion();
+  const reduceMotion = useReduceMotion2();
   const gooId = `accordion-goo-${useId().replace(/:/g, "")}`;
   const progress = useMotionValue(isOpen ? 1 : 0);
   const tint = useTransform(progress, [0, 0.3], [0, 1]);
@@ -621,9 +622,9 @@ var AccordionContent2 = forwardRef(({ children, className, effect = "goo", tier
                       ref: refs.rest,
                       className: cn2("absolute inset-0 bg-accent", shape.bg)
                     }),
-                    effect === "goo" && /* @__PURE__ */ jsx(GooFilter, {
+                    effect === "goo" && /* @__PURE__ */ jsx(GooFilter2, {
                       id: gooId,
-                      blur: shape.bgRadius * GOO_BLUR_RATIO
+                      blur: shape.bgRadius * GOO_BLUR_RATIO2
                     }),
                     /* @__PURE__ */ jsxs("div", {
                       ref: refs.goo,

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

@@ -1,16 +1,17 @@
+"use client";
 import {
-  useReduceMotion
-} from "./components-men63rwj.js";
+  useReduceMotion2
+} from "./components-de99ykt7.js";
 import {
   spring2,
   exitFallbackMs2
-} from "./components-1v7rxytx.js";
+} from "./components-3ey0hzpb.js";
 
 // lib/use-morph.ts
 import { animate, clamp, useMotionValue } from "motion/react";
 import { useCallback, useEffect, useId, useLayoutEffect, useRef, useState } from "react";
-var GOO_MATRIX = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -10";
-var GOO_BLUR_RATIO = 0.5;
+var GOO_MATRIX2 = "1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 22 -10";
+var GOO_BLUR_RATIO2 = 0.5;
 var GOO_SURFACE_BLUR = 8;
 var GOO_RELEASE = 0.3;
 var GOO_SETTLE = 0.1;
@@ -121,13 +122,13 @@ function insetClip(rect, box) {
   const bottom = box.h - rect.y - rect.h;
   return `inset(${rect.y}px ${right}px ${bottom}px ${rect.x}px round ${rect.r}px)`;
 }
-function opensInPlace({ effect, hideSource = false }) {
+function opensInPlace2({ effect, hideSource = false }) {
   return effect === "morph" && hideSource;
 }
-function inPlaceOffset({ side, anchor }) {
+function inPlaceOffset2({ side, anchor }) {
   return side === "top" || side === "bottom" ? -anchor.height : -anchor.width;
 }
-function holdExit(el, tier) {
+function holdExit2(el, tier) {
   return el.animate(null, { duration: exitFallbackMs2(spring2[tier]) });
 }
 function returnFocus(trigger) {
@@ -152,7 +153,7 @@ function pressPoint(event) {
     return;
   return { x: event.clientX, y: event.clientY };
 }
-function useMorphOrigin() {
+function useMorphOrigin2() {
   const origin = useRef({});
   const capture = useCallback((details) => {
     const { trigger, event } = details;
@@ -163,8 +164,16 @@ function useMorphOrigin() {
   }, []);
   return { origin, capture };
 }
-function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource = false, tier = "slow", exit, instant } = {}, onExited) {
-  const reduced = useReduceMotion();
+function useMorph2(open, origin, {
+  from = "trigger",
+  effect = "goo",
+  hideSource = false,
+  tier = "slow",
+  exit,
+  instant,
+  returnFocus: refocus = true
+} = {}, onExited) {
+  const reduced = useReduceMotion2();
   const resolve = (wanted) => reduced ? "fade" : wanted;
   const resolved = resolve(effect);
   const timing = (effect) => effect === "goo" ? "goo" : tier;
@@ -233,7 +242,7 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     const box = el.getBoundingClientRect();
     const target = { x: 0, y: 0, w: box.width, h: box.height, r: targetRadius.current };
     const source = sourceRect(from, origin.current ?? {}, box, target);
-    const blur = effect === "goo" ? Math.max(GOO_SURFACE_BLUR, target.r * GOO_BLUR_RATIO) : 0;
+    const blur = effect === "goo" ? Math.max(GOO_SURFACE_BLUR, target.r * GOO_BLUR_RATIO2) : 0;
     const layer = layerBox(source, target, blur * 3);
     geometry.current = { source, target, layer, offset: slideOffset(from, source, target, box), blur };
     const { shapes, copy, bg } = refs;
@@ -309,7 +318,7 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     };
   };
   const closing = (popup) => {
-    returnTo.current = popup.contains(document.activeElement) ? origin.current?.trigger ?? null : null;
+    returnTo.current = refocus && popup.contains(document.activeElement) ? origin.current?.trigger ?? null : null;
     if (!geometry.current) {
       exited.current?.();
       return;
@@ -328,7 +337,7 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
     run.current = { effect: resolve(exit?.effect ?? effect), from: exit?.from ?? from };
     if (exit)
       progress.jump(1);
-    const hold = holdExit(popup, timing(run.current.effect));
+    const hold = holdExit2(popup, timing(run.current.effect));
     measure();
     render(progress.get());
     let controls;
@@ -371,5 +380,4 @@ function useMorph(open, origin, { from = "trigger", effect = "goo", hideSource =
   }, []);
   return { refs, popupRef, popup, gooId, effect: resolved, progress };
 }
-
-export { GOO_MATRIX, GOO_BLUR_RATIO, opensInPlace, inPlaceOffset, holdExit, useMorphOrigin, useMorph };
+export { GOO_MATRIX2, GOO_BLUR_RATIO2, opensInPlace2, inPlaceOffset2, holdExit2, useMorphOrigin2, useMorph2 };

package/dist/shared/components-b1e239g3.js

@@ -0,0 +1,28 @@
+"use client";
+import {
+  useReduceMotion2
+} from "./components-de99ykt7.js";
+import {
+  spring2
+} from "./components-3ey0hzpb.js";
+
+// lib/morph-part.tsx
+import { motion } from "motion/react";
+import { createContext, useContext } from "react";
+import { jsx } from "react/jsx-runtime";
+var MorphPartScope2 = createContext(null);
+var MorphPartInOverlay2 = createContext(false);
+var { exit: _exit, ...enter } = spring2.slow;
+function MorphPart2({ id, className, children }) {
+  const scope = useContext(MorphPartScope2);
+  const inOverlay = useContext(MorphPartInOverlay2);
+  const reduced = useReduceMotion2();
+  const layoutId = scope && !reduced && (scope.open || !inOverlay) ? `${scope.id}-${id}` : undefined;
+  return /* @__PURE__ */ jsx(motion.div, {
+    layoutId,
+    transition: enter,
+    className,
+    children
+  });
+}
+export { MorphPartScope2, MorphPartInOverlay2, MorphPart2 };

package/dist/shared/{components-q5xj5c16.js → components-b1f2bjf1.js}

@@ -1,15 +1,16 @@
+"use client";
+import {
+  spring2
+} from "./components-3ey0hzpb.js";
 import {
   cn2
-} from "./components-ezxhrmer.js";
+} from "./components-jcnjay5g.js";
 import {
   button_default
-} from "./components-b2wyq2cq.js";
+} from "./components-7d4r7hh1.js";
 import {
-  useControllableState
-} from "./components-n7mjr357.js";
-import {
-  spring2
-} from "./components-1v7rxytx.js";
+  useControllableState2
+} from "./components-tz1fv35x.js";
 
 // primitives/motion/index.tsx
 import { MotionConfig, motion } from "motion/react";
@@ -24,7 +25,7 @@ function Motion2({
   className,
   children
 }) {
-  const [shown, setShown] = useControllableState(show, defaultShow, onShowChange);
+  const [shown, setShown] = useControllableState2(show, defaultShow, onShowChange);
   const enter = spring2[tier];
   const leave = sameExit ? enter : enter.exit;
   return /* @__PURE__ */ jsx(MotionConfig, {