@justanarthur/modo-ui 0.6.0-canary.8 → 0.6.0

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

@@ -1,53 +1,46 @@
-"use client";
 import {
-  useIcon2,
-  useIcons2
-} from "./components-jqpefjsn.js";
+  useReduceMotion
+} from "./components-men63rwj.js";
 import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
+  GooFilter
+} from "./components-0q0sqfh4.js";
 import {
-  spring2
-} from "./components-3ey0hzpb.js";
-import {
-  GOO_BLUR_RATIO2,
-  holdExit2
-} from "./components-awra5sff.js";
+  GOO_BLUR_RATIO,
+  holdExit
+} from "./components-hqeq3w9q.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
-import {
-  GooFilter2
-} from "./components-4y816hwp.js";
+} from "./components-ezxhrmer.js";
 import {
-  useShape2
-} from "./components-71nbt03m.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
   sizeMap2
-} from "./components-34txk9rj.js";
+} from "./components-0sn7ypjw.js";
 import {
-  slotRender2
-} from "./components-mrbaxt8q.js";
-import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
+  slotRender
+} from "./components-3ky44908.js";
 import {
+  SURFACE_BG,
+  SURFACE_SHADOW,
   useSurface2,
   SurfaceProvider2
-} from "./components-dhgk6mbt.js";
+} from "./components-zx6b6yby.js";
 import {
   button_default
-} from "./components-9sttq78t.js";
+} from "./components-b2wyq2cq.js";
+import {
+  spring2
+} from "./components-1v7rxytx.js";
 
 // components/overlays/toast/index.tsx
-import { Toast as ToastPrimitive2 } from "@base-ui/react/toast";
+import { Toast as ToastPrimitive } from "@base-ui/react/toast";
+import { ArrowRight, Check, CircleAlert, Info, LoaderCircle, X } from "lucide-react";
 import { AnimatePresence, motion } from "motion/react";
 import {
   cloneElement,
   createContext,
   forwardRef,
-  isValidElement as isValidElement2,
   useContext,
   useEffect,
   useId,
@@ -56,102 +49,14 @@ import {
   useRef,
   useState
 } from "react";
-
-// components/overlays/toast/manager.ts
-import { Toast as ToastPrimitive } from "@base-ui/react/toast";
-import { isValidElement } from "react";
-var isActionButton = (action) => typeof action === "object" && action !== null && !isValidElement(action) && ("label" in action);
-function defined(value) {
-  return Object.fromEntries(Object.entries(value).filter(([, v]) => v !== undefined));
-}
-function toManagerOptions(input) {
-  const { action, icon, duration, timeout, ...rest } = typeof input === "string" ? { title: input } : input;
-  const button = isActionButton(action);
-  return defined({
-    ...rest,
-    timeout: timeout ?? duration,
-    actionProps: button ? { children: action.label, onClick: action.onClick } : undefined,
-    data: icon !== undefined || action !== undefined && !button ? { icon, action: button ? undefined : action } : undefined
-  });
-}
-var withType = (input, type) => typeof input === "string" ? { title: input, type } : { ...input, type };
-var resultOptions = (result) => typeof result === "function" ? (value) => toManagerOptions(result(value)) : toManagerOptions(result);
-function createQueuedManager() {
-  const manager = ToastPrimitive.createToastManager();
-  let listeners = 0;
-  let queue = [];
-  let count = 0;
-  const browser = () => typeof window !== "undefined";
-  const whenHeard = (run) => {
-    if (listeners)
-      run();
-    else if (browser())
-      queue.push(run);
-  };
-  return {
-    " subscribe": (listener) => {
-      const unsubscribe = manager[" subscribe"](listener);
-      listeners++;
-      const queued = queue;
-      queue = [];
-      for (const run of queued)
-        run();
-      return () => {
-        listeners--;
-        unsubscribe();
-      };
-    },
-    add: (options) => {
-      const id = options.id ?? `toast-global-${++count}`;
-      whenHeard(() => manager.add({ ...options, id }));
-      return id;
-    },
-    close: (id) => whenHeard(() => manager.close(id)),
-    update: (id, updates) => whenHeard(() => manager.update(id, updates)),
-    promise: (promise, options) => {
-      if (listeners)
-        return manager.promise(promise, options);
-      if (browser())
-        queue.push(() => manager.promise(promise, options).catch(() => {}));
-      return promise;
-    }
-  };
-}
-var manager = createQueuedManager();
-function show(input, type) {
-  const options = toManagerOptions(input);
-  const id = manager.add({ type: "info", ...options, ...type && { type } });
-  return {
-    id,
-    update: (next) => manager.update(id, toManagerOptions(next)),
-    dismiss: () => manager.close(id)
-  };
-}
-var toast2 = Object.assign((input) => show(input), {
-  success: (input) => show(input, "success"),
-  error: (input) => show(input, "error"),
-  warning: (input) => show(input, "warning"),
-  info: (input) => show(input, "info"),
-  loading: (input) => show(withType(input, "loading")),
-  promise: (promise, options) => manager.promise(promise, {
-    loading: toManagerOptions(options.loading),
-    success: resultOptions(options.success),
-    error: resultOptions(options.error)
-  }),
-  update: (id, input) => manager.update(id, toManagerOptions(input)),
-  dismiss: (id) => manager.close(id),
-  " subscribe": manager[" subscribe"]
-});
-
-// components/overlays/toast/index.tsx
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
+import { jsx, jsxs } from "react/jsx-runtime";
 var ICONS = {
-  success: "check",
-  loading: "loader-circle",
-  error: "x",
-  warning: "circle-alert",
-  info: "info",
-  action: "arrow-right"
+  success: Check,
+  loading: LoaderCircle,
+  error: X,
+  warning: CircleAlert,
+  info: Info,
+  action: ArrowRight
 };
 var TONES = {
   success: "text-status-success bg-status-success/16",
@@ -170,7 +75,7 @@ var VIEWPORT = {
   "bottom-right": "bottom-4 right-4 flex-col-reverse items-end"
 };
 var PILL = sizeMap2.default.controlHeight;
-var BLUR = PILL / 2 * GOO_BLUR_RATIO2;
+var BLUR = PILL / 2 * GOO_BLUR_RATIO;
 var SNAP = { duration: 0 };
 var AUTO_EXPAND_MS = 150;
 var AUTO_COLLAPSE_BEFORE_MS = 2000;
@@ -179,31 +84,31 @@ var ToastSettings = createContext({
   timeout: 6000
 });
 function useToast2() {
-  const manager = ToastPrimitive2.useToastManager();
+  const manager = ToastPrimitive.useToastManager();
   return useMemo(() => {
-    const show = (o) => manager.add({ type: "info", ...toManagerOptions(o) });
-    const typed = (type) => (o) => show(typeof o === "string" ? { title: o, type } : { ...o, type });
-    const result = (r) => typeof r === "function" ? (value) => toManagerOptions(r(value)) : toManagerOptions(r);
+    const options = ({ action, ...rest }, type) => ({
+      ...rest,
+      type,
+      actionProps: action && { children: action.label, onClick: action.onClick }
+    });
+    const show = (o) => manager.add(options(o, o.type ?? "info"));
     return {
-      toasts: manager.toasts,
       show,
-      success: typed("success"),
-      error: typed("error"),
-      warning: typed("warning"),
-      info: typed("info"),
+      success: (o) => show({ ...o, type: "success" }),
+      error: (o) => show({ ...o, type: "error" }),
+      warning: (o) => show({ ...o, type: "warning" }),
+      info: (o) => show({ ...o, type: "info" }),
       promise: (promise, o) => manager.promise(promise, {
-        loading: toManagerOptions(o.loading),
-        success: result(o.success),
-        error: result(o.error)
+        loading: options(o.loading, "loading"),
+        success: options(o.success, "success"),
+        error: options(o.error, "error")
       }),
-      update: (id, o) => manager.update(id, toManagerOptions(o)),
-      close: manager.close,
-      dismiss: manager.close
+      close: manager.close
     };
   }, [manager]);
 }
 function Shape({ box, className, shapeRef }) {
-  const reduced = useReduceMotion2();
+  const reduced = useReduceMotion();
   return /* @__PURE__ */ jsx(motion.div, {
     ref: shapeRef,
     "aria-hidden": true,
@@ -213,30 +118,16 @@ function Shape({ box, className, shapeRef }) {
     transition: reduced ? SNAP : spring2.slow
   });
 }
-function StatusIcon({ type, icon }) {
-  const icons = useIcons2();
-  const component = typeof icon === "function" || typeof icon === "object" && icon !== null && "$$typeof" in icon && !isValidElement2(icon);
-  if (icon != null && icon !== false && !component)
-    return /* @__PURE__ */ jsx(Fragment, {
-      children: icon
-    });
-  const Icon = component ? icon : icons[ICONS[type]];
-  return /* @__PURE__ */ jsx(Icon, {
-    size: 14,
-    strokeWidth: 2.5,
-    className: type === "loading" && !component ? "animate-spin" : undefined
-  });
-}
 function ToastItem({ toast }) {
   const { position, timeout } = useContext(ToastSettings);
-  const shape = useShape2();
+  const shape = useShape();
   const level = Math.min(useSurface2() + 2, 8);
   const gooId = `toast-goo-${useId().replace(/:/g, "")}`;
   const type = toast.type ?? "info";
-  const customAction = toast.data?.action;
+  const Icon = ICONS[type];
   const top = position.startsWith("top");
   const ending = toast.transitionStatus === "ending";
-  const hasBody = Boolean(toast.description || toast.actionProps || customAction);
+  const hasBody = Boolean(toast.description || toast.actionProps);
   const [hovered, setHovered] = useState(false);
   const [auto, setAuto] = useState(false);
   const expanded = hasBody && type !== "loading" && !ending && (hovered || auto);
@@ -273,7 +164,7 @@ function ToastItem({ toast }) {
   useLayoutEffect(() => {
     if (!ending || !root.current)
       return;
-    const hold = holdExit2(root.current, "moderate");
+    const hold = holdExit(root.current, "moderate");
     return () => hold.cancel();
   }, [ending]);
   const bodyHeight = expanded ? size.body : 0;
@@ -282,10 +173,10 @@ function ToastItem({ toast }) {
   const pillHeight = PILL + Math.min(bodyHeight, size.radius);
   const pill = { x: pillX, y: top ? 0 : height - pillHeight, width: size.pill, height: pillHeight };
   const bodyBox = { x: 0, y: top ? PILL : 0, width: size.width, height: bodyHeight };
-  const reduced = useReduceMotion2();
+  const reduced = useReduceMotion();
   const away = reduced ? { opacity: 0 } : { opacity: 0, y: top ? -6 : 6, scale: 0.95 };
   const move = reduced ? SNAP : spring2.slow;
-  return /* @__PURE__ */ jsxs(ToastPrimitive2.Root, {
+  return /* @__PURE__ */ jsxs(ToastPrimitive.Root, {
     ref: root,
     toast,
     swipeDirection: [top ? "up" : "down", position.endsWith("left") ? "left" : "right"],
@@ -298,17 +189,17 @@ function ToastItem({ toast }) {
     }),
     className: "relative w-[min(22rem,calc(100vw-2rem))] select-none outline-none [translate:var(--toast-swipe-movement-x)_var(--toast-swipe-movement-y)]",
     children: [
-      /* @__PURE__ */ jsx(GooFilter2, {
+      /* @__PURE__ */ jsx(GooFilter, {
         id: gooId,
         blur: BLUR
       }),
       /* @__PURE__ */ jsx(Shape, {
         box: pill,
-        className: cn2("rounded-full", SURFACE_SHADOW2[3])
+        className: cn2("rounded-full", SURFACE_SHADOW[3])
       }),
       hasBody && /* @__PURE__ */ jsx(Shape, {
         box: bodyBox,
-        className: cn2(shape.container, SURFACE_SHADOW2[3])
+        className: cn2(shape.container, SURFACE_SHADOW[3])
       }),
       /* @__PURE__ */ jsxs("div", {
         "aria-hidden": true,
@@ -317,12 +208,12 @@ function ToastItem({ toast }) {
         children: [
           /* @__PURE__ */ jsx(Shape, {
             box: pill,
-            className: cn2("rounded-full", SURFACE_BG2[level])
+            className: cn2("rounded-full", SURFACE_BG[level])
           }),
           hasBody && /* @__PURE__ */ jsx(Shape, {
             box: bodyBox,
             shapeRef: bodyShape,
-            className: cn2(shape.container, SURFACE_BG2[level])
+            className: cn2(shape.container, SURFACE_BG[level])
           })
         ]
       }),
@@ -335,7 +226,7 @@ function ToastItem({ toast }) {
             initial: false,
             animate: { x: pillX, y: top ? 0 : height - PILL },
             transition: move,
-            children: /* @__PURE__ */ jsx(ToastPrimitive2.Title, {
+            children: /* @__PURE__ */ jsx(ToastPrimitive.Title, {
               className: "relative inline-flex items-center whitespace-nowrap",
               children: /* @__PURE__ */ jsx(AnimatePresence, {
                 mode: "popLayout",
@@ -349,9 +240,10 @@ function ToastItem({ toast }) {
                   children: [
                     /* @__PURE__ */ jsx("span", {
                       className: cn2("flex size-6 items-center justify-center rounded-full", TONES[type]),
-                      children: /* @__PURE__ */ jsx(StatusIcon, {
-                        type,
-                        icon: toast.data?.icon
+                      children: /* @__PURE__ */ jsx(Icon, {
+                        size: 14,
+                        strokeWidth: 2.5,
+                        className: type === "loading" ? "animate-spin" : undefined
                       })
                     }),
                     /* @__PURE__ */ jsx("span", {
@@ -359,7 +251,7 @@ function ToastItem({ toast }) {
                       children: toast.title
                     })
                   ]
-                }, `${type}-${typeof toast.title === "string" ? toast.title : toast.updateKey}`)
+                }, `${type}-${toast.title}`)
               })
             })
           }),
@@ -372,16 +264,15 @@ function ToastItem({ toast }) {
               ref: body,
               className: cn2("flex flex-col items-start gap-3 p-4", top ? "pt-6" : "pb-6"),
               children: [
-                /* @__PURE__ */ jsx(ToastPrimitive2.Description, {
+                /* @__PURE__ */ jsx(ToastPrimitive.Description, {
                   className: "text-caption text-muted-foreground"
                 }),
-                toast.actionProps && /* @__PURE__ */ jsx(ToastPrimitive2.Action, {
+                toast.actionProps && /* @__PURE__ */ jsx(ToastPrimitive.Action, {
                   render: /* @__PURE__ */ jsx(button_default, {
                     size: "compact",
                     variant: "secondary"
                   })
-                }),
-                customAction
+                })
               ]
             })
           })
@@ -391,7 +282,7 @@ function ToastItem({ toast }) {
   });
 }
 function ToastList() {
-  const { toasts } = ToastPrimitive2.useToastManager();
+  const { toasts } = ToastPrimitive.useToastManager();
   return toasts.map((toast) => /* @__PURE__ */ jsx(ToastItem, {
     toast
   }, toast.id));
@@ -401,7 +292,6 @@ var ToastTrigger2 = forwardRef(({
   description,
   type,
   timeout,
-  icon,
   action,
   promise,
   success,
@@ -410,18 +300,17 @@ var ToastTrigger2 = forwardRef(({
   asChild,
   children,
   onClick,
-  nativeButton: _nativeButton,
   ...props
 }, ref) => {
-  const toasts = useToast2();
-  const el = slotRender2(render, asChild, children);
+  const toast = useToast2();
+  const el = slotRender(render, asChild, children);
   const press = (event) => {
     onClick?.(event);
     if (promise) {
-      toasts.promise(promise(), { loading: { title, description, icon }, success: success ?? {}, error: error ?? {} }).catch(() => {});
+      toast.promise(promise(), { loading: { title, description }, success: success ?? {}, error: error ?? {} }).catch(() => {});
       return;
     }
-    toasts.show({ title, description, type, timeout, icon, action });
+    toast.show({ title, description, type, timeout, action });
   };
   return el ? cloneElement(el, { ...props, ref, onClick: press }) : /* @__PURE__ */ jsx("button", {
     ref,
@@ -432,52 +321,17 @@ var ToastTrigger2 = forwardRef(({
   });
 });
 ToastTrigger2.displayName = "ToastTrigger";
-var ToastAction2 = forwardRef(({ render, asChild, children, variant = "secondary", ...props }, ref) => {
-  const child = asChild && isValidElement2(children) ? children : undefined;
-  const el = render ?? child ?? /* @__PURE__ */ jsx(button_default, {
-    size: "compact",
-    variant
-  });
-  const label = child ? child.props.children : children ?? el.props.children;
-  return /* @__PURE__ */ jsx(ToastPrimitive2.Action, {
-    ref,
-    render: el,
-    ...props,
-    children: label
-  });
-});
-ToastAction2.displayName = "ToastAction";
-var ToastClose2 = forwardRef(({ render, asChild, children, variant = "ghost", ...props }, ref) => {
-  const XIcon = useIcon2("x");
-  const el = slotRender2(render, asChild, children) ?? (children === undefined ? /* @__PURE__ */ jsx(button_default, {
-    size: "icon-compact",
-    variant,
-    "aria-label": "Close",
-    children: /* @__PURE__ */ jsx(XIcon, {})
-  }) : /* @__PURE__ */ jsx(button_default, {
-    size: "compact",
-    variant,
-    children
-  }));
-  return /* @__PURE__ */ jsx(ToastPrimitive2.Close, {
-    ref,
-    render: el,
-    ...props
-  });
-});
-ToastClose2.displayName = "ToastClose";
-function Toast2({ position = "top-right", limit = 3, timeout = 6000, manager, children }) {
+function Toast2({ position = "top-right", limit = 3, timeout = 6000, children }) {
   const settings = useMemo(() => ({ position, timeout }), [position, timeout]);
-  return /* @__PURE__ */ jsx(ToastPrimitive2.Provider, {
+  return /* @__PURE__ */ jsx(ToastPrimitive.Provider, {
     limit,
     timeout,
-    toastManager: manager,
     children: /* @__PURE__ */ jsxs(ToastSettings.Provider, {
       value: settings,
       children: [
         children,
-        /* @__PURE__ */ jsx(ToastPrimitive2.Portal, {
-          children: /* @__PURE__ */ jsx(ToastPrimitive2.Viewport, {
+        /* @__PURE__ */ jsx(ToastPrimitive.Portal, {
+          children: /* @__PURE__ */ jsx(ToastPrimitive.Viewport, {
             className: cn2("fixed z-[60] flex flex-col gap-2 outline-none", VIEWPORT[position]),
             children: /* @__PURE__ */ jsx(ToastList, {})
           })
@@ -487,8 +341,6 @@ function Toast2({ position = "top-right", limit = 3, timeout = 6000, manager, ch
   });
 }
 Toast2.Trigger = ToastTrigger2;
-Toast2.Action = ToastAction2;
-Toast2.Close = ToastClose2;
 var toast_default = Toast2;
 
-export { toast2, useToast2, ToastTrigger2, ToastAction2, ToastClose2, Toast2, toast_default };
+export { useToast2, ToastTrigger2, Toast2, toast_default };

package/dist/shared/{components-qdm3yh26.js → components-kvr7f9hy.js}

@@ -1,27 +1,18 @@
-"use client";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
+import {
+  GooIndicator
+} from "./components-chacnk61.js";
 import {
-  GooIndicator2
-} from "./components-pw06rbxq.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // lib/fluid-hover-highlight.tsx
 import { AnimatePresence, motion, useReducedMotion } from "motion/react";
 import { jsx } from "react/jsx-runtime";
 var fade = { duration: 0.08 };
-var snap = { duration: 0 };
-function toTarget2(rect) {
-  return { x: rect.left, y: rect.top, width: rect.width, height: rect.height };
-}
-function resolveHighlightTransition2(transition, reduceMotion) {
-  const positional = transition === false || reduceMotion ? snap : transition ?? spring2.fast;
-  return { ...positional, opacity: fade };
-}
-function resolveHighlightSource2(props) {
+function resolveHighlightSource(props) {
   if (props.hover) {
     const { activeIndex, itemRects, isMeasured, sessionRef } = props.hover;
     const rect = !props.hidden && isMeasured && activeIndex !== null ? itemRects[activeIndex] ?? null : null;
@@ -31,7 +22,7 @@ function resolveHighlightSource2(props) {
 }
 function FluidHoverHighlight2(props) {
   const { from, className, transition } = props;
-  const { rect, session } = resolveHighlightSource2(props);
+  const { rect, session } = resolveHighlightSource(props);
   const reduceMotion = useReducedMotion() ?? false;
   return /* @__PURE__ */ jsx(AnimatePresence, {
     children: rect && /* @__PURE__ */ jsx(motion.div, {
@@ -41,7 +32,7 @@ function FluidHoverHighlight2(props) {
       animate: { opacity: 1 },
       exit: { opacity: 0, transition: spring2.fast.exit },
       transition: fade,
-      children: /* @__PURE__ */ jsx(GooIndicator2, {
+      children: /* @__PURE__ */ jsx(GooIndicator, {
         rect,
         from,
         className: cn2("bg-hover", className),
@@ -51,4 +42,4 @@ function FluidHoverHighlight2(props) {
   });
 }
 
-export { toTarget2, resolveHighlightTransition2, resolveHighlightSource2, FluidHoverHighlight2 };
+export { FluidHoverHighlight2 };

package/dist/shared/{components-s8yqk2dc.js → components-kwa6mrf9.js}

@@ -1,14 +1,13 @@
-"use client";
 import {
   cn2
-} from "./components-jcnjay5g.js";
+} from "./components-ezxhrmer.js";
 import {
-  useFieldBox2,
-  focusControlOnPress2
-} from "./components-hdzrqqpx.js";
+  useFieldBox,
+  focusControlOnPress
+} from "./components-raknhppb.js";
 import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
+  useControllableState
+} from "./components-n7mjr357.js";
 
 // components/inputs/textarea/index.tsx
 import { Field } from "@base-ui/react/field";
@@ -27,16 +26,13 @@ var Textarea2 = forwardRef(({
   variant = "borderless",
   invalid,
   disabled,
-  readOnly,
-  required,
   size,
   className,
   ...props
 }, ref) => {
-  const [value, onChange] = useControllableState2(valueProp, defaultValue, onChangeProp);
-  const domState = valueProp === undefined && onChangeProp === undefined;
+  const [value, onChange] = useControllableState(valueProp, defaultValue, onChangeProp);
   const textareaRef = useRef(null);
-  const box = useFieldBox2({ variant, invalid, disabled, readOnly, required, size });
+  const box = useFieldBox({ variant, invalid, disabled, size });
   const resize = useCallback(() => {
     const el = textareaRef.current;
     if (!el)
@@ -48,36 +44,6 @@ var Textarea2 = forwardRef(({
     el.style.overflowY = el.scrollHeight > max ? "auto" : "hidden";
   }, [minRows, maxRows]);
   useLayoutEffect(resize, [resize, value, box.size.variant]);
-  useEffect(() => {
-    const el = textareaRef.current;
-    if (!domState || !el)
-      return;
-    const own = Object.getOwnPropertyDescriptor(el, "value");
-    const inherited = Object.getOwnPropertyDescriptor(HTMLTextAreaElement.prototype, "value");
-    const base = own ?? inherited;
-    const set = base?.set;
-    if (set) {
-      Object.defineProperty(el, "value", {
-        configurable: true,
-        enumerable: base.enumerable,
-        get: base.get,
-        set(next) {
-          set.call(this, next);
-          resize();
-        }
-      });
-    }
-    const form = el.form;
-    const onReset = () => setTimeout(resize);
-    form?.addEventListener("reset", onReset);
-    return () => {
-      form?.removeEventListener("reset", onReset);
-      if (own)
-        Object.defineProperty(el, "value", own);
-      else if (set)
-        Reflect.deleteProperty(el, "value");
-    };
-  }, [domState, resize]);
   useEffect(() => {
     const el = textareaRef.current;
     if (!el)
@@ -93,7 +59,7 @@ var Textarea2 = forwardRef(({
     return () => observer.disconnect();
   }, [resize]);
   return /* @__PURE__ */ jsx("div", {
-    onMouseDown: focusControlOnPress2(textareaRef),
+    onMouseDown: focusControlOnPress(textareaRef),
     ...box.props,
     className: cn2(box.props.className, "flex", PADDING_Y[box.size.variant], className),
     children: /* @__PURE__ */ jsx(Field.Control, {
@@ -109,10 +75,9 @@ var Textarea2 = forwardRef(({
         rows: minRows,
         ...props
       }),
-      ...domState ? { defaultValue, onChange: resize } : { value, onChange: (e) => onChange(e.target.value) },
+      value,
+      onChange: (e) => onChange(e.target.value),
       disabled: box.disabled,
-      readOnly: box.readOnly,
-      required: box.required,
       "aria-invalid": box.invalid || undefined,
       className: cn2("block w-full resize-none rounded-none bg-transparent text-foreground placeholder:text-muted-foreground outline-none font-[inherit]", box.size.text, "weight-normal")
     })

package/dist/shared/{components-de99ykt7.js → components-men63rwj.js}

@@ -1,10 +1,9 @@
-"use client";
 // lib/reduced-motion.ts
 import { useReducedMotion, useReducedMotionConfig } from "motion/react";
-function useReduceMotion2() {
+function useReduceMotion() {
   const os = useReducedMotion() ?? false;
   const config = useReducedMotionConfig() ?? false;
   return os || config;
 }
 
-export { useReduceMotion2 };
+export { useReduceMotion };