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

package/dist/shared/components-mrbaxt8q.js

@@ -1,62 +0,0 @@
-// lib/slot.ts
-import {
-  cloneElement,
-  isValidElement,
-  version
-} from "react";
-function slotRender2(render, asChild, children) {
-  if (render) {
-    const own = render.props.children;
-    return children === undefined || own !== undefined ? render : cloneElement(render, undefined, children);
-  }
-  return asChild && isValidElement(children) ? children : undefined;
-}
-function slotId2(element, id) {
-  const own = isValidElement(element) ? element.props.id : undefined;
-  return typeof own === "string" ? own : id;
-}
-function composeRefs2(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      if (typeof ref === "function")
-        ref(node);
-      else if (ref)
-        ref.current = node;
-    }
-  };
-}
-var REACT_19 = parseInt(version, 10) >= 19;
-function elementRef(element) {
-  if (REACT_19)
-    return element.props.ref;
-  return element.ref;
-}
-function mergeSlotProps2(slotProps, childProps) {
-  const merged = { ...slotProps, ...childProps };
-  for (const key of Object.keys(childProps)) {
-    const own = childProps[key];
-    const given = slotProps[key];
-    if (/^on[A-Z]/.test(key)) {
-      if (typeof given !== "function")
-        continue;
-      if (typeof own === "function") {
-        merged[key] = (...args) => {
-          own(...args);
-          given(...args);
-        };
-      } else
-        merged[key] = given;
-    } else if (key === "style") {
-      merged[key] = { ...given, ...own };
-    } else if (key === "className") {
-      merged[key] = [given, own].filter(Boolean).join(" ");
-    }
-  }
-  return merged;
-}
-function cloneSlot2(child, slotProps = {}, slotRef) {
-  const own = elementRef(child);
-  const props = mergeSlotProps2(slotProps, child.props);
-  return cloneElement(child, slotRef || own ? { ...props, ref: composeRefs2(slotRef, own) } : props);
-}
-export { slotRender2, slotId2, composeRefs2, mergeSlotProps2, cloneSlot2 };

package/dist/shared/components-pt5ftm4p.js

@@ -1,38 +0,0 @@
-"use client";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// primitives/skeleton/index.tsx
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var Skeleton2 = forwardRef(({ rows, bordered = false, size: sizeProp, className, ...props }, ref) => {
-  const shape = useShape2();
-  const size = useSize2(sizeProp);
-  if (rows === undefined)
-    return /* @__PURE__ */ jsx("div", {
-      ref,
-      "aria-hidden": true,
-      ...props,
-      className: cn2("skeleton-pulse bg-skeleton", shape.item, className)
-    });
-  return /* @__PURE__ */ jsx("div", {
-    ref,
-    "aria-hidden": true,
-    ...props,
-    className: cn2("flex flex-col gap-1", bordered && cn2("border border-border p-1", shape.container), className),
-    children: Array.from({ length: rows }, (_, i) => /* @__PURE__ */ jsx("div", {
-      className: cn2("skeleton-pulse w-full bg-skeleton", size.control, shape.item)
-    }, i))
-  });
-});
-Skeleton2.displayName = "Skeleton";
-var skeleton_default = Skeleton2;
-
-export { Skeleton2, skeleton_default };

package/dist/shared/components-rtadhd9j.js

@@ -1,64 +0,0 @@
-"use client";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  SizeProvider2
-} from "./components-dcc02hs2.js";
-
-// components/avatar/index.tsx
-import { Avatar as AvatarPrimitive } from "@base-ui/react/avatar";
-import {
-  forwardRef
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var BOX = { default: "size-9", compact: "size-7" };
-var AvatarImage2 = forwardRef(({ className, ...props }, ref) => /* @__PURE__ */ jsx(AvatarPrimitive.Image, {
-  ref,
-  ...props,
-  className: cn2("size-full rounded-[inherit] object-cover outline outline-1 -outline-offset-1 outline-image-edge", "transition-opacity duration-fast data-[starting-style]:opacity-0", className)
-}));
-AvatarImage2.displayName = "AvatarImage";
-var AvatarFallback2 = forwardRef(({ className, children, ...props }, ref) => {
-  const size = useSize2();
-  const User = useIcon2("user");
-  return /* @__PURE__ */ jsx(AvatarPrimitive.Fallback, {
-    ref,
-    ...props,
-    className: cn2("flex size-full items-center justify-center rounded-[inherit]", className),
-    children: children ?? /* @__PURE__ */ jsx(User, {
-      size: size.icon,
-      strokeWidth: 1.5,
-      "aria-hidden": true
-    })
-  });
-});
-AvatarFallback2.displayName = "AvatarFallback";
-var Avatar2 = forwardRef(({ size: sizeProp, shape = "circle", className, children, ...props }, ref) => {
-  const size = useSize2(sizeProp);
-  const shapes = useShape2();
-  const avatar = /* @__PURE__ */ jsx(AvatarPrimitive.Root, {
-    ref,
-    ...props,
-    className: cn2("relative inline-flex shrink-0 select-none items-center justify-center overflow-hidden align-middle", "bg-accent text-foreground weight-medium", BOX[size.variant], size.text, shape === "circle" ? "rounded-full" : shapes.item, className),
-    children
-  });
-  return sizeProp ? /* @__PURE__ */ jsx(SizeProvider2, {
-    size: sizeProp,
-    children: avatar
-  }) : avatar;
-});
-Avatar2.displayName = "Avatar";
-Object.assign(Avatar2, { Image: AvatarImage2, Fallback: AvatarFallback2 });
-var avatar_default = Avatar2;
-
-export { AvatarImage2, AvatarFallback2, Avatar2, avatar_default };

package/dist/shared/components-tv7b8tet.js

@@ -1,271 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  FluidHoverHighlight2
-} from "./components-dc5q749x.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  RowOrderContext2,
-  useRowOrder2,
-  useRowSlot2
-} from "./components-krtx3m5b.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 rowOrder = useRowOrder2();
-  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: /* @__PURE__ */ jsx(RowOrderContext2.Provider, {
-            value: rowOrder,
-            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(RowOrderContext2.Provider, {
-      value: null,
-      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(RowOrderContext2.Provider, {
-    value: null,
-    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: indexProp, stacked: own, className, style, ...props }, ref) => {
-  const internalRef = useRef(null);
-  const ctx = useContext(TableContext);
-  const section = useContext(TableSectionContext);
-  const stacked = useStacked(own);
-  const { index } = useRowSlot2(internalRef, indexProp);
-  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 === "header" && 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", section === "body" || 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 items-start text-foreground md:table-cell md:text-muted-foreground", 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-tz4gaf1v.js

@@ -1,23 +0,0 @@
-"use client";
-import {
-  POPUP_NAV_KEYS2
-} from "./components-h6p86be3.js";
-
-// lib/use-keyboard-nav-gate.ts
-import { useCallback, useEffect, useRef } from "react";
-function useKeyboardNavGate2(open) {
-  const keyboardNavRef = useRef(false);
-  useEffect(() => {
-    if (!open)
-      return;
-    const active = document.activeElement;
-    keyboardNavRef.current = active instanceof HTMLElement && active.matches(":focus-visible");
-  }, [open]);
-  const trackKeyboardNav = useCallback((e) => {
-    if (POPUP_NAV_KEYS2.includes(e.key))
-      keyboardNavRef.current = true;
-  }, []);
-  return { keyboardNavRef, trackKeyboardNav };
-}
-
-export { useKeyboardNavGate2 };

package/dist/shared/components-wbbckbw8.js

@@ -1,34 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  shapeMap2,
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// lib/focus-ring.tsx
-import { AnimatePresence, motion } from "motion/react";
-import { jsx } from "react/jsx-runtime";
-function FocusRing2({ rect, shape }) {
-  const surrounding = useShape2();
-  const radius = (shape ? shapeMap2[shape] : surrounding).focusRing;
-  const reduced = useReduceMotion2();
-  return /* @__PURE__ */ jsx(AnimatePresence, {
-    children: rect && /* @__PURE__ */ jsx(motion.div, {
-      "aria-hidden": "true",
-      className: cn2("pointer-events-none absolute z-20 border border-focus-ring", radius),
-      initial: false,
-      animate: { left: rect.left - 2, top: rect.top - 2, width: rect.width + 4, height: rect.height + 4 },
-      exit: { opacity: 0, transition: spring2.fast.exit },
-      transition: reduced ? { duration: 0 } : { ...spring2.fast, opacity: { duration: spring2.fast.duration } }
-    })
-  });
-}
-export { FocusRing2 };