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

package/dist/shared/components-cwg1d0w6.js

@@ -1,254 +0,0 @@
-"use client";
-import {
-  useMorphOrigin2,
-  useMorph2
-} from "./components-awra5sff.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  MorphSurface2
-} from "./components-4y816hwp.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  slotRender2,
-  slotId2
-} from "./components-mrbaxt8q.js";
-
-// components/overlays/tooltip/index.tsx
-import { Tooltip as TooltipPrimitive } from "@base-ui/react/tooltip";
-import { motion, useMotionValue } from "motion/react";
-import {
-  cloneElement,
-  createContext,
-  forwardRef,
-  useContext,
-  useEffect,
-  useImperativeHandle,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var TooltipPortalContainerContext = createContext(null);
-function TooltipPortalContainer2({ value, children }) {
-  return /* @__PURE__ */ jsx(TooltipPortalContainerContext.Provider, {
-    value,
-    children
-  });
-}
-var DEFAULT_DELAY = 200;
-var DEFAULT_TIMEOUT = 300;
-var TooltipGroupContext = createContext(false);
-function TooltipProvider2({
-  children,
-  delay,
-  closeDelay,
-  timeout,
-  delayDuration,
-  skipDelayDuration
-}) {
-  return /* @__PURE__ */ jsx(TooltipGroupContext.Provider, {
-    value: true,
-    children: /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
-      delay: delay ?? delayDuration ?? DEFAULT_DELAY,
-      closeDelay,
-      timeout: Math.max(0, timeout ?? skipDelayDuration ?? DEFAULT_TIMEOUT),
-      children
-    })
-  });
-}
-var TooltipStateContext = createContext(null);
-function useTooltipState(part) {
-  const state = useContext(TooltipStateContext);
-  if (!state)
-    throw new Error(`${part} must be used inside a Tooltip (or Tooltip.Root).`);
-  return state;
-}
-function TooltipRoot2({
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  delay: delayProp,
-  delayDuration,
-  closeDelay,
-  followCursor,
-  children
-}) {
-  const [internalOpen, setInternalOpen] = useState(defaultOpen);
-  const open = openProp ?? internalOpen;
-  const hasAmbientProvider = useContext(TooltipGroupContext);
-  const { origin, capture } = useMorphOrigin2();
-  const handedOff = useRef(false);
-  const delay = delayProp ?? delayDuration;
-  const followOffset = useMotionValue(0);
-  useEffect(() => {
-    if (openProp && followCursor)
-      followOffset.set(0);
-  }, [openProp, followCursor, followOffset]);
-  const state = useMemo(() => ({ open, origin, handedOff, delay, closeDelay, followCursor, followOffset }), [open, origin, delay, closeDelay, followCursor, followOffset]);
-  const root = /* @__PURE__ */ jsx(TooltipStateContext.Provider, {
-    value: state,
-    children: /* @__PURE__ */ jsx(TooltipPrimitive.Root, {
-      open,
-      onOpenChange: (next, details) => {
-        if (next)
-          capture(details);
-        handedOff.current = !next && details.reason === "none";
-        setInternalOpen(next);
-        onOpenChange?.(next);
-      },
-      children
-    })
-  });
-  if (hasAmbientProvider)
-    return root;
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Provider, {
-    delay: delay ?? DEFAULT_DELAY,
-    children: root
-  });
-}
-var TooltipTrigger2 = forwardRef(({ render, asChild, children, onPointerMove, nativeButton: _nativeButton, ...props }, ref) => {
-  const { delay, closeDelay, followCursor, followOffset } = useTooltipState("Tooltip.Trigger");
-  const el = slotRender2(render, asChild, children);
-  const handleMove = (event) => {
-    onPointerMove?.(event);
-    if (!followCursor)
-      return;
-    const rect = event.currentTarget.getBoundingClientRect();
-    followOffset.set(followCursor === "y" ? event.clientY - (rect.top + rect.height / 2) : event.clientX - (rect.left + rect.width / 2));
-  };
-  const shared = { ref, delay, closeDelay, onPointerMove: followCursor ? handleMove : onPointerMove, ...props };
-  return el ? /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
-    ...shared,
-    render: el,
-    id: slotId2(el, props.id)
-  }) : /* @__PURE__ */ jsx(TooltipPrimitive.Trigger, {
-    ...shared,
-    children
-  });
-});
-TooltipTrigger2.displayName = "TooltipTrigger";
-var TooltipContent2 = forwardRef(({
-  children,
-  side = "top",
-  align = "center",
-  sideOffset = 8,
-  alignOffset = 0,
-  collisionPadding,
-  className,
-  positionerClassName,
-  from,
-  effect = "goo",
-  tier = "moderate",
-  render,
-  asChild,
-  style,
-  ...props
-}, ref) => {
-  const { open, origin, handedOff, followCursor, followOffset } = useTooltipState("Tooltip.Content");
-  const shape = useShape2();
-  const portalContainer = useContext(TooltipPortalContainerContext);
-  const morph = useMorph2(open, origin, {
-    from,
-    effect: followCursor ? "fade" : effect,
-    tier,
-    instant: (popup) => handedOff.current || popup.dataset.instant === "delay"
-  });
-  useImperativeHandle(ref, () => morph.popup, [morph.popup]);
-  const label = render ? children === undefined ? render : cloneElement(render, undefined, children) : slotRender2(undefined, asChild, children) ?? children;
-  return /* @__PURE__ */ jsx(TooltipPrimitive.Portal, {
-    container: portalContainer ?? undefined,
-    children: /* @__PURE__ */ jsx(TooltipPrimitive.Positioner, {
-      side,
-      align,
-      sideOffset,
-      alignOffset,
-      collisionPadding,
-      className: cn2("z-50", positionerClassName),
-      children: /* @__PURE__ */ jsx(TooltipPrimitive.Popup, {
-        ...props,
-        ref: morph.popupRef,
-        className: "relative outline-none",
-        render: /* @__PURE__ */ jsx(motion.div, {
-          style: { ...style, ...followCursor ? { [followCursor]: followOffset } : {} }
-        }),
-        children: /* @__PURE__ */ jsx(MorphSurface2, {
-          morph,
-          bg: "bg-foreground",
-          radius: shape.bg,
-          className: cn2("text-background text-caption px-2 py-1", "[text-box:trim-both_cap_alphabetic] supports-[text-box:trim-both]:py-2", "weight-medium", className),
-          children: label
-        })
-      })
-    })
-  });
-});
-TooltipContent2.displayName = "TooltipContent";
-function Tooltip2({
-  content,
-  children,
-  side,
-  align,
-  sideOffset,
-  alignOffset,
-  collisionPadding,
-  delayDuration,
-  delay,
-  closeDelay,
-  className,
-  contentClassName,
-  forceOpen,
-  open,
-  defaultOpen,
-  onOpenChange,
-  followCursor,
-  from,
-  effect,
-  tier
-}) {
-  const root = {
-    open: forceOpen ?? open,
-    defaultOpen,
-    onOpenChange,
-    delay: delay ?? delayDuration,
-    closeDelay,
-    followCursor
-  };
-  if (content === undefined)
-    return /* @__PURE__ */ jsx(TooltipRoot2, {
-      ...root,
-      children
-    });
-  return /* @__PURE__ */ jsxs(TooltipRoot2, {
-    ...root,
-    children: [
-      /* @__PURE__ */ jsx(TooltipTrigger2, {
-        render: children
-      }),
-      /* @__PURE__ */ jsx(TooltipContent2, {
-        side,
-        align,
-        sideOffset,
-        alignOffset,
-        collisionPadding,
-        className,
-        positionerClassName: contentClassName,
-        from,
-        effect,
-        tier,
-        children: content
-      })
-    ]
-  });
-}
-Tooltip2.Root = TooltipRoot2;
-Tooltip2.Trigger = TooltipTrigger2;
-Tooltip2.Content = TooltipContent2;
-Tooltip2.Provider = TooltipProvider2;
-Tooltip2.PortalContainer = TooltipPortalContainer2;
-var tooltip_default = Tooltip2;
-
-export { TooltipPortalContainer2, TooltipProvider2, TooltipRoot2, TooltipTrigger2, TooltipContent2, Tooltip2, tooltip_default };

package/dist/shared/components-d3shbwqq.js

@@ -1,95 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// components/progress/index.tsx
-import { Progress as ProgressPrimitive } from "@base-ui/react/progress";
-import { motion } from "motion/react";
-import {
-  forwardRef
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var SPINNER_BOX = { default: "size-9", compact: "size-7" };
-var CAPTION = { default: "text-caption", compact: "text-caption-compact" };
-var Spinner2 = forwardRef(({ size: sizeProp, label = "Loading", className, ...props }, ref) => {
-  const size = useSize2(sizeProp);
-  const reduced = useReduceMotion2();
-  return /* @__PURE__ */ jsx(ProgressPrimitive.Root, {
-    ref,
-    value: null,
-    "aria-label": label,
-    render: /* @__PURE__ */ jsx("span", {}),
-    ...props,
-    className: cn2("inline-flex shrink-0 text-current", SPINNER_BOX[size.variant], className),
-    children: /* @__PURE__ */ jsx("svg", {
-      className: "size-full",
-      viewBox: "0 0 24 24",
-      fill: "none",
-      "aria-hidden": true,
-      children: /* @__PURE__ */ jsx("path", {
-        d: "M 12 12 C 14 8.5 19 8.5 19 12 C 19 15.5 14 15.5 12 12 C 10 8.5 5 8.5 5 12 C 5 15.5 10 15.5 12 12 Z",
-        stroke: "currentColor",
-        strokeWidth: "1.125",
-        strokeLinecap: "round",
-        pathLength: "100",
-        className: reduced ? "progress-breathe" : "progress-spin"
-      })
-    })
-  });
-});
-Spinner2.displayName = "Spinner";
-var Progress2 = forwardRef(({ value = null, min = 0, max = 100, label, showValue = false, format, size: sizeProp, className, ...props }, ref) => {
-  const size = useSize2(sizeProp);
-  const reduced = useReduceMotion2();
-  const share = value === null ? null : Math.min(Math.max((value - min) / (max - min), 0), 1);
-  const { exit: _exit, ...enter } = spring2.moderate;
-  return /* @__PURE__ */ jsxs(ProgressPrimitive.Root, {
-    ref,
-    value,
-    min,
-    max,
-    format,
-    ...props,
-    className: cn2("flex w-full flex-col gap-2", className),
-    children: [
-      (label || showValue) && /* @__PURE__ */ jsxs("div", {
-        className: cn2("flex items-baseline justify-between gap-3", CAPTION[size.variant]),
-        children: [
-          label && /* @__PURE__ */ jsx(ProgressPrimitive.Label, {
-            className: "min-w-0 truncate text-foreground",
-            children: label
-          }),
-          showValue && value !== null && /* @__PURE__ */ jsx(ProgressPrimitive.Value, {
-            className: "ml-auto shrink-0 tabular-nums text-muted-foreground"
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx(ProgressPrimitive.Track, {
-        className: "relative h-1 w-full overflow-hidden rounded-full bg-progress-track",
-        children: share === null ? /* @__PURE__ */ jsx("span", {
-          className: cn2("absolute inset-y-0 left-0 rounded-full bg-foreground", reduced ? "w-full progress-breathe" : "w-2/5 progress-sweep")
-        }) : /* @__PURE__ */ jsx(motion.span, {
-          className: "absolute inset-0 rounded-full bg-foreground",
-          initial: false,
-          animate: { x: `${(share - 1) * 100}%` },
-          transition: reduced ? { duration: 0 } : enter
-        })
-      })
-    ]
-  });
-});
-Progress2.displayName = "Progress";
-Object.assign(Progress2, { Spinner: Spinner2 });
-var progress_default = Progress2;
-
-export { Spinner2, Progress2, progress_default };

package/dist/shared/components-dhgk6mbt.js

@@ -1,16 +0,0 @@
-"use client";
-// lib/surface-context.tsx
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var SurfaceContext = createContext(1);
-function useSurface2() {
-  return useContext(SurfaceContext);
-}
-function SurfaceProvider2({ value, children }) {
-  return /* @__PURE__ */ jsx(SurfaceContext.Provider, {
-    value: Math.max(1, Math.min(8, value)),
-    children
-  });
-}
-
-export { useSurface2, SurfaceProvider2 };

package/dist/shared/components-drxrtnp2.js

@@ -1,25 +0,0 @@
-"use client";
-// lib/use-touch-primary.tsx
-import { useEffect, useState } from "react";
-function useTouchPrimary2() {
-  const [isTouchPrimary, setIsTouchPrimary] = useState(false);
-  useEffect(() => {
-    if (typeof window === "undefined")
-      return;
-    const controller = new AbortController;
-    const { signal } = controller;
-    const handleTouch = () => {
-      const hasTouch = "ontouchstart" in window || navigator.maxTouchPoints > 0;
-      const prefersTouch = window.matchMedia("(pointer: coarse)").matches;
-      setIsTouchPrimary(hasTouch && prefersTouch);
-    };
-    const mq = window.matchMedia("(pointer: coarse)");
-    mq.addEventListener("change", handleTouch, { signal });
-    window.addEventListener("pointerdown", handleTouch, { signal });
-    handleTouch();
-    return () => controller.abort();
-  }, []);
-  return isTouchPrimary;
-}
-
-export { useTouchPrimary2 };