@justanarthur/modo-ui 0.1.0 → 0.3.0

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

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

package/dist/shared/{components-bkvb6nem.js → components-s2bz1xpk.js}

@@ -1,13 +1,13 @@
-import {
-  scroll_area_default
-} from "./components-ed7cmssr.js";
 import {
   SURFACE_BG,
-  useSurface
-} from "./components-csxz9f52.js";
+  useSurface2
+} from "./components-zx6b6yby.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  scroll_area_default
+} from "./components-hawvy2qz.js";
 
 // primitives/code/index.tsx
 import { Fragment } from "react";
@@ -40,18 +40,18 @@ function highlight(source, language) {
     ]
   }, line.index));
 }
-function Code({
+function Code2({
   children,
   language = "tsx",
   className
 }) {
-  const level = Math.min(useSurface() + 1, 8);
+  const level = Math.min(useSurface2() + 1, 8);
   const source = children.trim();
   const id = lang(language);
   return /* @__PURE__ */ jsx(scroll_area_default, {
     orientation: "horizontal",
     viewportClassName: "scroll-fade-x",
-    className: cn("rounded-xl", SURFACE_BG[level], className),
+    className: cn2("rounded-xl", SURFACE_BG[level], className),
     children: /* @__PURE__ */ jsx("pre", {
       className: "m-0 w-max min-w-full p-4 font-mono text-caption leading-relaxed text-foreground",
       children: /* @__PURE__ */ jsx("code", {
@@ -60,4 +60,4 @@ function Code({
     })
   });
 }
-export { Code };
+export { Code2 };

package/dist/shared/components-ta7shw28.js

@@ -0,0 +1,19 @@
+// lib/row-index.tsx
+import { Children, createContext, isValidElement, useContext } from "react";
+import { jsx, Fragment } from "react/jsx-runtime";
+var RowIndexContext = createContext(0);
+function IndexedRows({ children }) {
+  let index = 0;
+  return /* @__PURE__ */ jsx(Fragment, {
+    children: Children.map(children, (child) => isValidElement(child) ? /* @__PURE__ */ jsx(RowIndexContext.Provider, {
+      value: index++,
+      children: child
+    }) : child)
+  });
+}
+function useRowIndex(own) {
+  const position = useContext(RowIndexContext);
+  return own ?? position;
+}
+
+export { IndexedRows, useRowIndex };

package/dist/shared/components-vc7vq5nz.js

@@ -0,0 +1,32 @@
+import {
+  surfaceClasses2,
+  useSurface2,
+  SurfaceProvider2
+} from "./components-zx6b6yby.js";
+import {
+  cn2
+} from "./components-ezxhrmer.js";
+
+// primitives/surface/index.tsx
+import {
+  forwardRef
+} from "react";
+import { jsx } from "react/jsx-runtime";
+var Elevated2 = forwardRef(({ offset, shadowLevel, className, children, ...props }, ref) => {
+  const substrate = useSurface2();
+  const level = Math.min(substrate + offset, 8);
+  return /* @__PURE__ */ jsx(SurfaceProvider2, {
+    value: level,
+    children: /* @__PURE__ */ jsx("div", {
+      ref,
+      className: cn2(surfaceClasses2(level, shadowLevel ?? level), className),
+      ...props,
+      children
+    })
+  });
+});
+Elevated2.displayName = "Elevated";
+Object.assign(Elevated2, { Provider: SurfaceProvider2 });
+var surface_default = Elevated2;
+
+export { Elevated2, surface_default };

package/dist/shared/{components-6hzwfmfd.js → components-vfbhxf5r.js}

@@ -1,19 +1,19 @@
-import {
-  badge_default
-} from "./components-9p8s8n5q.js";
 import {
   useShape
-} from "./components-7zp99w5d.js";
+} from "./components-cv16mryv.js";
 import {
-  cn
-} from "./components-0f0as45n.js";
+  cn2
+} from "./components-ezxhrmer.js";
+import {
+  badge_default
+} from "./components-7r3etddy.js";
 
 // primitives/craft/index.tsx
 import { jsx, jsxs } from "react/jsx-runtime";
 function Pane({ verdict, note, children }) {
   const shape = useShape();
   return /* @__PURE__ */ jsxs("figure", {
-    className: cn("row-span-2 m-0 grid min-w-0 grid-rows-subgrid gap-0 ring-1 ring-border", shape.container),
+    className: cn2("row-span-2 m-0 grid min-w-0 grid-rows-subgrid gap-0 ring-1 ring-border", shape.container),
     children: [
       /* @__PURE__ */ jsx("div", {
         className: "flex min-h-40 items-center justify-center p-4",
@@ -39,7 +39,7 @@ function Pane({ verdict, note, children }) {
 }
 function Craft({ bad, good, badNote, goodNote, className }) {
   return /* @__PURE__ */ jsxs("div", {
-    className: cn("grid w-full gap-3 sm:grid-cols-2", className),
+    className: cn2("grid w-full gap-3 sm:grid-cols-2", className),
     children: [
       /* @__PURE__ */ jsx(Pane, {
         verdict: "bad",