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

package/dist/shared/components-mpa2y6x8.js

@@ -1,277 +0,0 @@
-"use client";
-import {
-  defaultLocale2,
-  hourCycleOf2,
-  parseDateText2,
-  parseTimeText2,
-  formatTime2,
-  resolveLocale2
-} from "./components-54nq988h.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  button_default
-} from "./components-9sttq78t.js";
-import {
-  calendar_default
-} from "./components-t2a3qmy9.js";
-import {
-  invalidOf,
-  controlAttributes,
-  PickerShell,
-  PickerInput
-} from "./components-fejdzvqc.js";
-import {
-  TimeColumns
-} from "./components-6b0zb8z3.js";
-import {
-  MaskedDateInput
-} from "./components-7s7pykk5.js";
-
-// components/inputs/date-time/date-picker/index.tsx
-import { endOfMonth, format, isValid, parseISO, set, startOfDay } from "date-fns";
-import {
-  forwardRef,
-  useRef,
-  useState
-} from "react";
-import { dateMatchModifiers } from "react-day-picker";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-function toDate(value) {
-  if (value === null || value === "")
-    return null;
-  if (value instanceof Date)
-    return value;
-  return /^\d{4}-\d{2}-\d{2}$/.test(value) ? parseISO(value) : new Date(value);
-}
-var keepTime = (day, from) => set(day, { hours: from?.getHours() ?? 0, minutes: from?.getMinutes() ?? 0, seconds: 0, milliseconds: 0 });
-var DatePicker2 = forwardRef(function DatePicker({
-  value: valueProp,
-  defaultValue = null,
-  onValueChange,
-  editable = false,
-  formatDate,
-  labels,
-  actions = false,
-  readOnly = false,
-  withTime = false,
-  hourCycle,
-  minuteStep = 1,
-  locale: localeProp = defaultLocale2,
-  placeholder,
-  disabled,
-  hidden,
-  required,
-  unselectable = false,
-  name,
-  startMonth,
-  endMonth,
-  variant,
-  invalid,
-  size,
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  dir,
-  columnsSide,
-  timeColumnsSide,
-  id,
-  from,
-  effect,
-  hideSource,
-  tier,
-  className,
-  ...control
-}, ref) {
-  const [raw, setRaw] = useControllableState2(valueProp, defaultValue, onValueChange);
-  const locale = resolveLocale2(localeProp);
-  const [open, setOpen] = useControllableState2(openProp, defaultOpen, onOpenChange);
-  const [typedInvalid, setTypedInvalid] = useState(false);
-  const sizeClasses = useSize2(size);
-  const dateInput = useRef(null);
-  const date = toDate(raw);
-  const unreadable = date !== null && !isValid(date);
-  const value = unreadable ? null : date;
-  const setValue = (next) => {
-    if (next === null && unselectable && value)
-      return;
-    setRaw(next);
-  };
-  const showInvalid = unreadable || typedInvalid;
-  const dateLabel = labels?.date || placeholder || "Date";
-  const invalidCaption = labels?.invalid === undefined ? "Invalid date" : labels.invalid;
-  const off = typeof disabled === "boolean" && disabled;
-  const days = off ? undefined : disabled;
-  const allowed = (date) => (!startMonth || date >= startMonth) && (!endMonth || date <= endOfMonth(endMonth)) && !(days && dateMatchModifiers(date, days)) && !(hidden && dateMatchModifiers(date, hidden));
-  const readDate = (text) => {
-    if (!text.trim()) {
-      if (unselectable && value)
-        return false;
-      setValue(null);
-      return true;
-    }
-    const date = parseDateText2(text, locale, value ?? undefined);
-    if (!date || !allowed(date))
-      return false;
-    setValue(withTime ? keepTime(date, value) : date);
-    return true;
-  };
-  const readTime = (text) => {
-    const time = parseTimeText2(text, locale, value ?? new Date);
-    if (!time)
-      return false;
-    setValue(time);
-    return true;
-  };
-  const header = /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      /* @__PURE__ */ jsx(PickerInput, {
-        ref: dateInput,
-        "aria-label": dateLabel,
-        placeholder,
-        formatted: value ? format(value, "PP", { locale }) : "",
-        onText: readDate,
-        onEnter: () => setOpen(false),
-        className: "flex-1"
-      }),
-      withTime && /* @__PURE__ */ jsx(PickerInput, {
-        "aria-label": labels?.time ?? "Time",
-        formatted: value ? formatTime2(value, locale, hourCycle) : "",
-        onText: readTime,
-        onEnter: () => setOpen(false),
-        className: "w-28 shrink-0"
-      })
-    ]
-  });
-  const isInvalid = invalidOf(invalid, control["aria-invalid"]);
-  const attributes = controlAttributes(control);
-  const editor = editable ? /* @__PURE__ */ jsx(MaskedDateInput, {
-    ref,
-    ...attributes,
-    id,
-    "aria-label": control["aria-label"] ?? (control["aria-labelledby"] ? undefined : dateLabel),
-    "aria-invalid": isInvalid || showInvalid || undefined,
-    required,
-    value,
-    externallyInvalid: unreadable,
-    onValueChange: setValue,
-    onInvalidChange: setTypedInvalid,
-    locale,
-    withTime,
-    allowed,
-    disabled: off,
-    readOnly,
-    clearable: !unselectable
-  }) : undefined;
-  const shell = /* @__PURE__ */ jsxs(PickerShell, {
-    open,
-    onOpenChange: setOpen,
-    size,
-    variant,
-    invalid: isInvalid || showInvalid,
-    disabled: off,
-    readOnly,
-    icon: "calendar",
-    display: value ? formatDate?.(value) ?? (withTime ? `${format(value, "PP", { locale })}, ${formatTime2(value, locale, hourCycle)}` : format(value, "PP", { locale })) : "",
-    controlRef: ref,
-    controlProps: editable ? undefined : attributes,
-    formValues: [
-      { slot: "value", name, value: value ? format(value, withTime ? "yyyy-MM-dd'T'HH:mm" : "yyyy-MM-dd") : "" }
-    ],
-    required,
-    placeholder,
-    header,
-    initialFocus: dateInput,
-    editor,
-    triggerLabel: labels?.calendar ?? "Open calendar",
-    closeLabel: labels?.close,
-    id,
-    dir,
-    from,
-    effect,
-    hideSource,
-    tier,
-    className,
-    children: [
-      /* @__PURE__ */ jsx(calendar_default, {
-        mode: "single",
-        locale,
-        selected: value ?? undefined,
-        onSelect: (day) => {
-          if (!day && (required || unselectable) && value) {
-            if (!withTime)
-              setOpen(false);
-            return;
-          }
-          setValue(day ? withTime ? keepTime(day, value) : day : null);
-          if (day && !withTime)
-            setOpen(false);
-        },
-        disabled: days,
-        hidden,
-        columnLabels: labels,
-        startMonth,
-        endMonth,
-        dir,
-        columnsSide,
-        extraColumnsSide: timeColumnsSide,
-        extraColumns: withTime ? (orientation) => /* @__PURE__ */ jsx(TimeColumns, {
-          value: value && { hours: value.getHours(), minutes: value.getMinutes() },
-          onValueChange: (time) => setValue(set(value ?? new Date, { ...time, seconds: 0, milliseconds: 0 })),
-          hourCycle: hourCycle ?? hourCycleOf2(locale),
-          minuteStep,
-          locale,
-          orientation,
-          labels
-        }) : undefined
-      }),
-      actions && /* @__PURE__ */ jsxs("div", {
-        className: "flex items-center justify-between gap-1 border-t border-border pt-1",
-        children: [
-          /* @__PURE__ */ jsx(button_default, {
-            variant: "ghost",
-            size: sizeClasses.variant === "compact" ? "xs" : "compact",
-            disabled: !allowed(startOfDay(new Date)),
-            onClick: () => {
-              const today = startOfDay(new Date);
-              setValue(withTime ? keepTime(today, value) : today);
-              if (!withTime)
-                setOpen(false);
-            },
-            children: labels?.today ?? "Today"
-          }),
-          !unselectable && /* @__PURE__ */ jsx(button_default, {
-            variant: "ghost",
-            size: sizeClasses.variant === "compact" ? "xs" : "compact",
-            disabled: raw === null,
-            onClick: () => {
-              setValue(null);
-              setTypedInvalid(false);
-            },
-            children: labels?.clear ?? "Clear"
-          })
-        ]
-      })
-    ]
-  });
-  return /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      shell,
-      showInvalid && invalidCaption !== null && /* @__PURE__ */ jsx("p", {
-        role: "alert",
-        className: cn2("mt-1 weight-medium text-destructive", sizeClasses.variant === "compact" ? "text-caption-compact" : "text-caption"),
-        children: invalidCaption
-      })
-    ]
-  });
-});
-var date_picker_default = DatePicker2;
-
-export { DatePicker2, date_picker_default };

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-rpw4md2b.js

@@ -1,179 +0,0 @@
-"use client";
-import {
-  slotRender2
-} from "./components-mrbaxt8q.js";
-import {
-  button_default
-} from "./components-9sttq78t.js";
-import {
-  DialogTrigger2,
-  DialogClose2,
-  DialogContent2,
-  DialogHeader2,
-  DialogFooter2,
-  DialogTitle2,
-  DialogDescription2,
-  createDialogChangeDetails2,
-  DialogState2
-} from "./components-t50hrswb.js";
-
-// components/overlays/alert-dialog/index.tsx
-import { AlertDialog as AlertDialogPrimitive } from "@base-ui/react/alert-dialog";
-import {
-  cloneElement,
-  createContext,
-  forwardRef,
-  useCallback,
-  useContext,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx } from "react/jsx-runtime";
-var AlertDialogPendingContext = createContext({
-  pending: false,
-  setPending: () => {},
-  close: () => {}
-});
-var AlertDialogContent2 = forwardRef(({ showCloseButton = false, ...props }, ref) => /* @__PURE__ */ jsx(DialogContent2, {
-  ref,
-  showCloseButton,
-  ...props
-}));
-AlertDialogContent2.displayName = "AlertDialogContent";
-var isThenable = (value) => typeof value === "object" && value !== null && typeof value.then === "function";
-var AlertDialogAction2 = forwardRef(({
-  onClick,
-  onError,
-  pending: pendingProp,
-  variant = "primary",
-  render,
-  asChild,
-  children,
-  disabled,
-  nativeButton: _nativeButton,
-  ...props
-}, ref) => {
-  const { setPending, close } = useContext(AlertDialogPendingContext);
-  const [running, setRunning] = useState(false);
-  const busy = Boolean(pendingProp) || running;
-  const awaiting = useRef(false);
-  const wasPending = useRef(pendingProp);
-  useEffect(() => {
-    if (wasPending.current && !pendingProp && awaiting.current) {
-      awaiting.current = false;
-      close();
-    }
-    wasPending.current = pendingProp;
-  }, [pendingProp, close]);
-  useEffect(() => {
-    setPending(busy);
-  }, [busy, setPending]);
-  useEffect(() => () => setPending(false), [setPending]);
-  const press = (event) => {
-    if (busy)
-      return;
-    const result = onClick?.(event);
-    if (!isThenable(result)) {
-      if (event.defaultPrevented)
-        return;
-      if (pendingProp === undefined)
-        close();
-      else
-        awaiting.current = true;
-      return;
-    }
-    setPending(true);
-    setRunning(true);
-    Promise.resolve(result).then(() => {
-      setRunning(false);
-      setPending(false);
-      close();
-    }, (error) => {
-      setRunning(false);
-      setPending(false);
-      onError?.(error);
-    });
-  };
-  const el = slotRender2(render, asChild, children);
-  if (!el) {
-    return /* @__PURE__ */ jsx(button_default, {
-      ref,
-      variant,
-      loading: busy,
-      disabled,
-      onClick: press,
-      ...props,
-      children
-    });
-  }
-  const state = el.type === button_default ? { loading: busy } : { "aria-busy": busy || undefined };
-  return cloneElement(el, {
-    ...props,
-    ...state,
-    ref,
-    disabled: disabled || busy,
-    onClick: press
-  });
-});
-AlertDialogAction2.displayName = "AlertDialogAction";
-var AlertDialogCancel2 = forwardRef(({ variant = "ghost", render, asChild, children, disabled, ...props }, ref) => {
-  const { pending } = useContext(AlertDialogPendingContext);
-  const el = slotRender2(render, asChild, children) ?? /* @__PURE__ */ jsx(button_default, {
-    variant,
-    children
-  });
-  return /* @__PURE__ */ jsx(DialogClose2, {
-    ref,
-    render: el,
-    disabled: disabled || pending,
-    ...props
-  });
-});
-AlertDialogCancel2.displayName = "AlertDialogCancel";
-function AlertDialog2({ children, open, defaultOpen, onOpenChange }) {
-  const [pending, setPendingState] = useState(false);
-  const pendingRef = useRef(false);
-  const setPending = useCallback((next) => {
-    pendingRef.current = next;
-    setPendingState(next);
-  }, []);
-  const closeRef = useRef(() => {});
-  const close = useCallback(() => closeRef.current(), []);
-  const ctx = useMemo(() => ({ pending, setPending, close }), [pending, setPending, close]);
-  return /* @__PURE__ */ jsx(DialogState2, {
-    open,
-    defaultOpen,
-    onOpenChange,
-    children: (root) => {
-      closeRef.current = () => root.onOpenChange(false, createDialogChangeDetails2("imperative-action"));
-      return /* @__PURE__ */ jsx(AlertDialogPendingContext.Provider, {
-        value: ctx,
-        children: /* @__PURE__ */ jsx(AlertDialogPrimitive.Root, {
-          open: root.open,
-          onOpenChange: (next, details) => {
-            if (!next && pendingRef.current) {
-              details.cancel();
-              return;
-            }
-            root.onOpenChange(next, details);
-          },
-          children
-        })
-      });
-    }
-  });
-}
-AlertDialog2.Trigger = DialogTrigger2;
-AlertDialog2.Content = AlertDialogContent2;
-AlertDialog2.Header = DialogHeader2;
-AlertDialog2.Footer = DialogFooter2;
-AlertDialog2.Title = DialogTitle2;
-AlertDialog2.Description = DialogDescription2;
-AlertDialog2.Close = DialogClose2;
-AlertDialog2.Action = AlertDialogAction2;
-AlertDialog2.Cancel = AlertDialogCancel2;
-var alert_dialog_default = AlertDialog2;
-
-export { AlertDialogContent2, AlertDialogAction2, AlertDialogCancel2, AlertDialog2, alert_dialog_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-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 };

package/dist/shared/components-xdqmt6ed.js

@@ -1,20 +0,0 @@
-// components/inputs/select/variants.ts
-import { cva } from "class-variance-authority";
-var triggerVariants2 = cva([
-  "group inline-flex items-center justify-between outline-none cursor-pointer",
-  "transition-all duration-fast",
-  "disabled:opacity-50 disabled:pointer-events-none",
-  "focus-visible:ring-1 focus-visible:ring-focus-ring"
-], {
-  variants: {
-    variant: {
-      bordered: "border border-border bg-transparent text-foreground hover:bg-hover",
-      borderless: "border border-transparent bg-transparent text-foreground hover:bg-hover"
-    }
-  },
-  defaultVariants: {
-    variant: "bordered"
-  }
-});
-
-export { triggerVariants2 };