@justanarthur/modo-ui 0.1.0 → 0.3.0

package/dist/shared/{components-4xxtggzp.js → components-bshdmf75.js}

@@ -1,23 +1,23 @@
-import {
-  TimeColumns,
-  pad
-} from "./components-r4jt6hgd.js";
-import {
-  PickerInput,
-  PickerShell
-} from "./components-hzfp4tjb.js";
 import {
   defaultLocale,
-  dividedColumns,
   hourCycleOf,
-  parseTimeText
-} from "./components-x2xyckd5.js";
+  parseTimeText,
+  dividedColumns
+} from "./components-gz8zf3ec.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  PickerShell,
+  PickerInput
+} from "./components-7btqt08d.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  pad,
+  TimeColumns
+} from "./components-mjthm1kf.js";
 
 // components/inputs/date-time/time-picker/index.tsx
 import { format, set } from "date-fns";
@@ -28,7 +28,7 @@ var toTime = (value) => {
   return hours === undefined || minutes === undefined ? null : { hours, minutes };
 };
 var toValue = ({ hours, minutes }) => `${pad(hours)}:${pad(minutes)}`;
-function TimePicker({
+function TimePicker2({
   value: valueProp,
   defaultValue = null,
   onValueChange,
@@ -92,7 +92,7 @@ function TimePicker({
     tier,
     className,
     children: /* @__PURE__ */ jsx("div", {
-      className: cn(dividedColumns, "h-56"),
+      className: cn2(dividedColumns, "h-56"),
       children: /* @__PURE__ */ jsx(TimeColumns, {
         value: time,
         onValueChange: (next) => setValue(toValue(next)),
@@ -105,6 +105,6 @@ function TimePicker({
     })
   });
 }
-var time_picker_default = TimePicker;
+var time_picker_default = TimePicker2;
 
-export { TimePicker, time_picker_default };
+export { TimePicker2, time_picker_default };

package/dist/shared/{components-kf2ehztc.js → components-chacnk61.js}

@@ -1,16 +1,16 @@
-import {
-  GOO_BLUR_RATIO,
-  GOO_MATRIX
-} from "./components-7nww01w4.js";
 import {
   useReduceMotion
-} from "./components-nnnd2xef.js";
+} from "./components-men63rwj.js";
+import {
+  GOO_MATRIX,
+  GOO_BLUR_RATIO
+} from "./components-hqeq3w9q.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
 // lib/goo-indicator.tsx
 import { animate, motion, useMotionValue } from "motion/react";
@@ -113,7 +113,7 @@ function GooLayer({ active, blur, box, fill, children }) {
         style: { ...layer, filter: active ? `url(#${id})` : undefined },
         children: /* @__PURE__ */ jsx("div", {
           ref: probe,
-          className: cn(fill, "absolute"),
+          className: cn2(fill, "absolute"),
           style: { left: -layer.left, top: -layer.top },
           children
         })
@@ -126,7 +126,7 @@ function GooIndicator({
   from,
   className,
   shadow,
-  transition = spring.moderate,
+  transition = spring2.moderate,
   opacity = 1
 }) {
   const reduced = useReduceMotion();
@@ -165,7 +165,7 @@ function GooIndicator({
   }, [rect.left, rect.top, rect.width, rect.height]);
   const melting = trails.length > 0;
   const linger = travel ? { ...travel, delay: (travel.duration ?? 0) / 3 } : undefined;
-  const shape = cn("pointer-events-none absolute top-0 left-0", className);
+  const shape = cn2("pointer-events-none absolute top-0 left-0", className);
   const box = trails.reduce((all, trail) => union(all, trail.from), union(read(), rect));
   const drop = (trail) => setTrails((list) => list.filter((t) => t.id !== trail.id));
   return /* @__PURE__ */ jsxs(motion.div, {
@@ -173,18 +173,18 @@ function GooIndicator({
     className: "pointer-events-none absolute top-0 left-0",
     initial: false,
     animate: { opacity },
-    transition: { duration: spring.fast.duration },
+    transition: { duration: spring2.fast.duration },
     children: [
       shadow && /* @__PURE__ */ jsxs(Fragment, {
         children: [
           trails.map((trail) => /* @__PURE__ */ jsx(motion.div, {
-            className: cn(shape, shadow),
+            className: cn2(shape, shadow),
             initial: { ...toTarget(trail.from), opacity: 1 },
             animate: { ...toTarget(trail.to), opacity: 0 },
             transition: linger
           }, trail.id)),
           /* @__PURE__ */ jsx(motion.div, {
-            className: cn(shape, shadow, !melting && "invisible"),
+            className: cn2(shape, shadow, !melting && "invisible"),
             style: { x, y, width, height }
           })
         ]
@@ -204,7 +204,7 @@ function GooIndicator({
           }, trail.id)),
           /* @__PURE__ */ jsx(motion.div, {
             ref: lead,
-            className: cn(shape, !melting && shadow),
+            className: cn2(shape, !melting && shadow),
             style: { x, y, width, height }
           })
         ]

package/dist/shared/{components-7zp99w5d.js → components-cv16mryv.js}

@@ -34,7 +34,7 @@ function useShape() {
     return shapeMap.rounded;
   return ctx.classes;
 }
-function ShapeProvider({ children, defaultShape = "rounded" }) {
+function ShapeProvider2({ children, defaultShape = "rounded" }) {
   const [shape, setShapeState] = useState(defaultShape);
   const transitionTimeoutRef = useRef(null);
   const transitionShape = useCallback((callback) => {
@@ -59,4 +59,4 @@ function ShapeProvider({ children, defaultShape = "rounded" }) {
   });
 }
 
-export { shapeMap, useShape, ShapeProvider };
+export { shapeMap, useShape, ShapeProvider2 };

package/dist/shared/{components-gjfrycb5.js → components-d6xtjht3.js}

@@ -1,46 +1,43 @@
 import {
-  Tooltip
-} from "./components-gndm6am4.js";
+  cn2
+} from "./components-ezxhrmer.js";
 import {
-  SizeProvider
-} from "./components-vb033rns.js";
-import {
-  Button
-} from "./components-5pkcfprd.js";
+  FluidHoverHighlight2
+} from "./components-kvr7f9hy.js";
 import {
   useIcon
-} from "./components-m5br529r.js";
+} from "./components-zrkzcayz.js";
 import {
-  SurfaceProvider,
-  surfaceClasses
-} from "./components-csxz9f52.js";
+  useShape
+} from "./components-cv16mryv.js";
 import {
-  FluidHoverHighlight
-} from "./components-r22vtgqc.js";
+  useSize2
+} from "./components-0sn7ypjw.js";
 import {
-  useFluidHover,
-  useRegisterFluidHoverItem
-} from "./components-e46kf6cp.js";
-import {
-  useShape
-} from "./components-7zp99w5d.js";
+  surfaceClasses2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
 import {
   useControllableState
-} from "./components-dg0w8g5p.js";
+} from "./components-n7mjr357.js";
+import {
+  useFluidHover2,
+  useRegisterFluidHoverItem2
+} from "./components-59efxjd9.js";
 import {
-  spring
-} from "./components-vc1k7yv2.js";
+  SizeProvider2
+} from "./components-jjw69c4c.js";
 import {
-  useSize
-} from "./components-x3rz4cyn.js";
+  Button2
+} from "./components-b2wyq2cq.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  Tooltip2
+} from "./components-ng72k97e.js";
 import {
-  __require
-} from "./components-kpbcms10.js";
+  spring2
+} from "./components-1v7rxytx.js";
 
-// components/inputs/input-message/index.tsx
+// components/AI/input-message/index.tsx
 import { AnimatePresence, motion, Reorder, useReducedMotion } from "motion/react";
 import {
   forwardRef,
@@ -53,7 +50,7 @@ import {
   useState as useState2
 } from "react";
 
-// components/inputs/input-message/file-thumbnail.tsx
+// components/AI/input-message/file-thumbnail.tsx
 import { useEffect, useState } from "react";
 import { jsx, jsxs } from "react/jsx-runtime";
 var pdfjsPromise = null;
@@ -82,7 +79,7 @@ async function renderPdfFirstPage(file, targetWidth) {
   await page.render({ canvas, viewport }).promise;
   return canvas.toDataURL("image/png");
 }
-function FileThumbnail({ file, size, className }) {
+function FileThumbnail2({ file, size, className }) {
   const shape = useShape();
   const isImage = file.type.startsWith("image/");
   const isPdf = file.type === "application/pdf";
@@ -119,7 +116,7 @@ function FileThumbnail({ file, size, className }) {
   const previewUrl = imageUrl ?? pdfUrl;
   const isPending = isImage && !imageUrl || isPdf && !pdfUrl && !pdfError;
   return /* @__PURE__ */ jsx("div", {
-    className: cn("relative shrink-0 overflow-hidden bg-accent border border-border", shape.bg, className),
+    className: cn2("relative shrink-0 overflow-hidden bg-accent border border-border", shape.bg, className),
     style: { width: size, height: size },
     children: previewUrl ? /* @__PURE__ */ jsx("img", {
       src: previewUrl,
@@ -159,7 +156,7 @@ function FileThumbnail({ file, size, className }) {
   });
 }
 
-// components/inputs/input-message/index.tsx
+// components/AI/input-message/index.tsx
 import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
 var useIsoLayoutEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect2;
 function useRegionHeight() {
@@ -196,22 +193,22 @@ function useIsTouch() {
 var DEFAULT_ACCEPT = "image/png,image/jpeg,application/pdf";
 var NO_FILES = [];
 var NO_QUEUE = [];
-var FilePreviewTile = forwardRef(function FilePreviewTile2({ file, onRemove, size }, ref) {
+var FilePreviewTile = forwardRef(function FilePreviewTile({ file, onRemove, size }, ref) {
   const XIcon = useIcon("x");
   return /* @__PURE__ */ jsxs2(motion.div, {
     ref,
     layout: true,
     initial: { opacity: 0, scale: 0.9 },
     animate: { opacity: 1, scale: 1 },
-    exit: { opacity: 0, scale: 0.9, transition: spring.fast.exit },
-    transition: spring.fast,
+    exit: { opacity: 0, scale: 0.9, transition: spring2.fast.exit },
+    transition: spring2.fast,
     className: "relative shrink-0 cursor-default group/tile",
     children: [
-      /* @__PURE__ */ jsx2(FileThumbnail, {
+      /* @__PURE__ */ jsx2(FileThumbnail2, {
         file,
         size
       }),
-      /* @__PURE__ */ jsx2(Tooltip, {
+      /* @__PURE__ */ jsx2(Tooltip2, {
         content: "Remove",
         side: "top",
         children: /* @__PURE__ */ jsx2("button", {
@@ -234,7 +231,7 @@ var FilePreviewTile = forwardRef(function FilePreviewTile2({ file, onRemove, siz
 function QueuedRow({ item, index, total, reduceMotion, isTouch, onEdit, onRemove, onMove }) {
   const XIcon = useIcon("x");
   const ImageIcon = useIcon("image");
-  const compactStep = useSize().variant === "compact";
+  const compactStep = useSize2().variant === "compact";
   const fileCount = item.files.length;
   const label = item.text || `${fileCount} attachment${fileCount === 1 ? "" : "s"}`;
   return /* @__PURE__ */ jsxs2(Reorder.Item, {
@@ -242,8 +239,8 @@ function QueuedRow({ item, index, total, reduceMotion, isTouch, onEdit, onRemove
     layout: true,
     initial: reduceMotion ? { opacity: 0 } : { opacity: 0, scale: 0.97 },
     animate: { opacity: 1, scale: 1 },
-    exit: reduceMotion ? { opacity: 0 } : { opacity: 0, scale: 0.97, transition: spring.fast.exit },
-    transition: spring.fast,
+    exit: reduceMotion ? { opacity: 0 } : { opacity: 0, scale: 0.97, transition: spring2.fast.exit },
+    transition: spring2.fast,
     "aria-label": `Queued message ${index + 1} of ${total}: ${label}`,
     tabIndex: 0,
     onDoubleClick: () => onEdit(item),
@@ -259,7 +256,7 @@ function QueuedRow({ item, index, total, reduceMotion, isTouch, onEdit, onRemove
         onMove(item, e.key === "ArrowUp" ? -1 : 1);
       }
     },
-    className: cn("group/qrow flex items-center gap-2 rounded-lg bg-muted", compactStep ? "h-7 px-2 text-body-compact" : "h-8 px-2.5 text-body", "text-foreground/85 select-none outline-none", "cursor-grab active:cursor-grabbing", "focus-visible:ring-1 focus-visible:ring-focus-ring", "weight-normal"),
+    className: cn2("group/qrow flex items-center gap-2 rounded-lg bg-muted", compactStep ? "h-7 px-2 text-body-compact" : "h-8 px-2.5 text-body", "text-foreground/85 select-none outline-none", "cursor-grab active:cursor-grabbing", "focus-visible:ring-1 focus-visible:ring-focus-ring", "weight-normal"),
     children: [
       fileCount > 0 && /* @__PURE__ */ jsxs2("span", {
         className: "flex shrink-0 items-center gap-0.5 text-muted-foreground",
@@ -277,7 +274,7 @@ function QueuedRow({ item, index, total, reduceMotion, isTouch, onEdit, onRemove
         className: "min-w-0 flex-1 truncate [text-box:trim-both_cap_alphabetic] py-1 -my-1",
         children: label
       }),
-      /* @__PURE__ */ jsx2(Tooltip, {
+      /* @__PURE__ */ jsx2(Tooltip2, {
         content: "Remove",
         side: "top",
         children: /* @__PURE__ */ jsx2("button", {
@@ -288,7 +285,7 @@ function QueuedRow({ item, index, total, reduceMotion, isTouch, onEdit, onRemove
             onRemove(item);
           },
           "aria-label": `Remove queued message: ${label}`,
-          className: cn("shrink-0 flex h-5 w-5 items-center justify-center rounded-full", "text-muted-foreground hover:text-foreground hover:bg-hover", isTouch ? "opacity-100" : "opacity-0 group-hover/qrow:opacity-100 focus-visible:opacity-100", "transition-opacity duration-fast cursor-pointer outline-none", "focus-visible:ring-1 focus-visible:ring-focus-ring"),
+          className: cn2("shrink-0 flex h-5 w-5 items-center justify-center rounded-full", "text-muted-foreground hover:text-foreground hover:bg-hover", isTouch ? "opacity-100" : "opacity-0 group-hover/qrow:opacity-100 focus-visible:opacity-100", "transition-opacity duration-fast cursor-pointer outline-none", "focus-visible:ring-1 focus-visible:ring-focus-ring"),
           children: /* @__PURE__ */ jsx2(XIcon, {
             size: 13,
             strokeWidth: 2.5
@@ -301,16 +298,16 @@ function QueuedRow({ item, index, total, reduceMotion, isTouch, onEdit, onRemove
 function SuggestionRow({ text, index, active, keyHint, optionId, registerItem, onSelect }) {
   const EnterIcon = useIcon("corner-down-left");
   const ArrowDownIcon = useIcon("arrow-down");
-  const compactStep = useSize().variant === "compact";
+  const compactStep = useSize2().variant === "compact";
   const ref = useRef(null);
-  useRegisterFluidHoverItem(registerItem, index, ref);
+  useRegisterFluidHoverItem2(registerItem, index, ref);
   return /* @__PURE__ */ jsxs2("div", {
     ref,
     id: optionId,
     role: "option",
     "aria-selected": active,
     onClick: onSelect,
-    className: cn("relative flex cursor-pointer items-center gap-2", compactStep ? "h-7 px-2 text-subtitle-compact" : "h-8 px-2.5 text-subtitle", "text-muted-foreground transition-colors duration-fast", active && "text-foreground", "weight-normal"),
+    className: cn2("relative flex cursor-pointer items-center gap-2", compactStep ? "h-7 px-2 text-subtitle-compact" : "h-8 px-2.5 text-subtitle", "text-muted-foreground transition-colors duration-fast", active && "text-foreground", "weight-normal"),
     children: [
       /* @__PURE__ */ jsx2("span", {
         className: "min-w-0 flex-1 truncate [text-box:trim-both_cap_alphabetic] py-1 -my-1",
@@ -321,12 +318,12 @@ function SuggestionRow({ text, index, active, keyHint, optionId, registerItem, o
         className: "shrink-0 text-muted-foreground/70 transition-opacity duration-fast"
       }) : /* @__PURE__ */ jsx2(EnterIcon, {
         size: 13,
-        className: cn("shrink-0 transition-opacity duration-fast", active ? "opacity-100" : "opacity-0")
+        className: cn2("shrink-0 transition-opacity duration-fast", active ? "opacity-100" : "opacity-0")
       })
     ]
   });
 }
-var InputMessage = forwardRef(({
+var InputMessage2 = forwardRef(({
   size,
   value: valueProp,
   defaultValue,
@@ -363,7 +360,7 @@ var InputMessage = forwardRef(({
   ...props
 }, ref) => {
   const shape = useShape();
-  const compactStep = useSize(size).variant === "compact";
+  const compactStep = useSize2(size).variant === "compact";
   const ArrowUpIcon = useIcon("arrow-up");
   const reduceMotion = useReducedMotion() ?? false;
   const isTouch = useIsTouch();
@@ -400,7 +397,7 @@ var InputMessage = forwardRef(({
   const [filesRegionRef, filesRegionHeight] = useRegionHeight();
   const [queueRegionRef, queueRegionHeight] = useRegionHeight();
   const [suggestionsRegionRef, suggestionsRegionHeight] = useRegionHeight();
-  const suggestionHover = useFluidHover(suggestionListRef);
+  const suggestionHover = useFluidHover2(suggestionListRef);
   const {
     activeIndex: activeSuggestion,
     setActiveIndex: setActiveSuggestion,
@@ -754,12 +751,12 @@ var InputMessage = forwardRef(({
     onDragOver: handleDragOver,
     onDragLeave: handleDragLeave,
     onDrop: handleDrop,
-    className: cn("flex flex-col gap-1 p-2 transition-[box-shadow,color] duration-fast", surfaceClasses(2, 2), shape.container, clickToFocus && !disabled && "cursor-text", disabled && "opacity-50 pointer-events-none", className),
+    className: cn2("flex flex-col gap-1 p-2 transition-[box-shadow,color] duration-fast", surfaceClasses2(2, 2), shape.container, clickToFocus && !disabled && "cursor-text", disabled && "opacity-50 pointer-events-none", className),
     style: edgeShadow ? { boxShadow: edgeShadow, ...style } : style,
     onMouseEnter: () => setHovered(true),
     onMouseLeave: () => setHovered(false),
     ...props,
-    children: /* @__PURE__ */ jsxs2(SurfaceProvider, {
+    children: /* @__PURE__ */ jsxs2(SurfaceProvider2, {
       value: 2,
       children: [
         supportsFiles && /* @__PURE__ */ jsx2("input", {
@@ -778,7 +775,7 @@ var InputMessage = forwardRef(({
             initial: { height: 0, opacity: 0 },
             animate: { height: filesRegionHeight ?? 0, opacity: 1 },
             exit: { height: 0, opacity: 0 },
-            transition: { ...spring.moderate, bounce: 0 },
+            transition: { ...spring2.moderate, bounce: 0 },
             className: "overflow-hidden",
             children: /* @__PURE__ */ jsx2("div", {
               ref: filesRegionRef,
@@ -801,7 +798,7 @@ var InputMessage = forwardRef(({
             initial: { height: 0, opacity: 0 },
             animate: { height: queueRegionHeight ?? 0, opacity: 1 },
             exit: { height: 0, opacity: 0 },
-            transition: { ...spring.moderate, bounce: 0 },
+            transition: { ...spring2.moderate, bounce: 0 },
             className: "overflow-hidden",
             children: /* @__PURE__ */ jsx2(Reorder.Group, {
               ref: queueRegionRef,
@@ -854,12 +851,12 @@ var InputMessage = forwardRef(({
               "aria-label": textareaProps?.["aria-label"] ?? "Message",
               "aria-describedby": [showGhost ? ghostHintId : null, textareaDescribedBy].filter(Boolean).join(" ") || undefined,
               "aria-activedescendant": activeSuggestion != null ? `${suggestionListId}-${activeSuggestion}` : undefined,
-              className: cn("w-full resize-none rounded-none bg-transparent outline-none", "text-foreground placeholder:text-muted-foreground", compactStep ? "text-subtitle-compact leading-4.5 px-1.5 py-1.5" : "text-subtitle leading-5 px-2 py-2", "weight-normal"),
+              className: cn2("w-full resize-none rounded-none bg-transparent outline-none", "text-foreground placeholder:text-muted-foreground", compactStep ? "text-subtitle-compact leading-4.5 px-1.5 py-1.5" : "text-subtitle leading-5 px-2 py-2", "weight-normal"),
               ...restTextareaProps
             }),
             showGhost && /* @__PURE__ */ jsx2("div", {
               "aria-hidden": "true",
-              className: cn("pointer-events-none absolute inset-0 overflow-hidden text-muted-foreground", compactStep ? "text-subtitle-compact leading-4.5 px-1.5 py-1.5" : "text-subtitle leading-5 px-2 py-2", "weight-normal"),
+              className: cn2("pointer-events-none absolute inset-0 overflow-hidden text-muted-foreground", compactStep ? "text-subtitle-compact leading-4.5 px-1.5 py-1.5" : "text-subtitle leading-5 px-2 py-2", "weight-normal"),
               children: /* @__PURE__ */ jsxs2("span", {
                 className: "flex max-w-full items-center gap-1.5",
                 children: [
@@ -868,7 +865,7 @@ var InputMessage = forwardRef(({
                     children: placeholderSuggestion
                   }),
                   /* @__PURE__ */ jsx2("kbd", {
-                    className: cn("inline-flex shrink-0 -translate-y-px items-center rounded-box border border-border bg-background px-1 font-sans text-muted-foreground", compactStep ? "h-4 text-micro-compact" : "h-[18px] text-micro"),
+                    className: cn2("inline-flex shrink-0 -translate-y-px items-center rounded-box border border-border bg-background px-1 font-sans text-muted-foreground", compactStep ? "h-4 text-micro-compact" : "h-[18px] text-micro"),
                     children: "Tab"
                   })
                 ]
@@ -886,7 +883,7 @@ var InputMessage = forwardRef(({
           ]
         }),
         /* @__PURE__ */ jsxs2("div", {
-          className: cn("flex items-center justify-between", compactStep ? "gap-1.5 [&_button]:h-6 [&_button.w-7]:w-6 [&_button]:text-caption-compact" : "gap-2"),
+          className: cn2("flex items-center justify-between", compactStep ? "gap-1.5 [&_button]:h-6 [&_button.w-7]:w-6 [&_button]:text-caption-compact" : "gap-2"),
           children: [
             /* @__PURE__ */ jsx2("div", {
               className: "flex items-center gap-1.5 min-w-0",
@@ -896,7 +893,7 @@ var InputMessage = forwardRef(({
               className: "flex items-center gap-1.5 shrink-0",
               children: [
                 rightContent,
-                /* @__PURE__ */ jsx2(Button, {
+                /* @__PURE__ */ jsx2(Button2, {
                   type: "button",
                   variant: "primary",
                   size: "icon-sm",
@@ -909,14 +906,14 @@ var InputMessage = forwardRef(({
                     children: /* @__PURE__ */ jsx2(motion.span, {
                       initial: reduceMotion ? { opacity: 0 } : { opacity: 0, scale: 0.6 },
                       animate: { opacity: 1, scale: 1 },
-                      exit: reduceMotion ? { opacity: 0 } : { opacity: 0, scale: 0.6, transition: spring.fast.exit },
-                      transition: spring.fast,
+                      exit: reduceMotion ? { opacity: 0 } : { opacity: 0, scale: 0.6, transition: spring2.fast.exit },
+                      transition: spring2.fast,
                       className: "flex items-center justify-center leading-none",
                       children: buttonMode === "stop" ? /* @__PURE__ */ jsx2("span", {
                         className: "h-3 w-3 rounded-glyph bg-current"
                       }) : /* @__PURE__ */ jsx2(ArrowUpIcon, {
                         size: compactStep ? 15 : 19,
-                        className: cn("block", compactStep ? "!h-[15px] !w-[15px]" : "!h-[19px] !w-[19px]")
+                        className: cn2("block", compactStep ? "!h-[15px] !w-[15px]" : "!h-[19px] !w-[19px]")
                       })
                     }, buttonMode === "stop" ? "stop" : "arrow")
                   })
@@ -931,7 +928,7 @@ var InputMessage = forwardRef(({
             initial: { height: 0, opacity: 0 },
             animate: { height: suggestionsRegionHeight ?? 0, opacity: 1 },
             exit: { height: 0 },
-            transition: { ...spring.moderate, bounce: 0 },
+            transition: { ...spring2.moderate, bounce: 0 },
             className: "-mx-2 -mt-1 overflow-hidden",
             children: /* @__PURE__ */ jsxs2("div", {
               ref: (el) => {
@@ -947,7 +944,7 @@ var InputMessage = forwardRef(({
               onClick: suggestionHandlers.onClick,
               className: "relative mt-2 flex flex-col border-t border-border/60 px-1.5 pt-1.5",
               children: [
-                /* @__PURE__ */ jsx2(FluidHoverHighlight, {
+                /* @__PURE__ */ jsx2(FluidHoverHighlight2, {
                   hover: suggestionHover,
                   className: shape.bg
                 }),
@@ -973,12 +970,12 @@ var InputMessage = forwardRef(({
       ]
     })
   });
-  return size ? /* @__PURE__ */ jsx2(SizeProvider, {
+  return size ? /* @__PURE__ */ jsx2(SizeProvider2, {
     size,
     children: composer
   }) : composer;
 });
-InputMessage.displayName = "InputMessage";
-var input_message_default = InputMessage;
+InputMessage2.displayName = "InputMessage";
+var input_message_default = InputMessage2;
 
-export { FileThumbnail, InputMessage, input_message_default };
+export { FileThumbnail2, InputMessage2, input_message_default };