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

package/dist/shared/components-8jrk5eye.js

@@ -1,448 +0,0 @@
-"use client";
-import {
-  fieldIconClasses2
-} from "./components-124epb7f.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  useFieldState2,
-  useFieldBox2
-} from "./components-hdzrqqpx.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  opensInPlace2,
-  inPlaceOffset2,
-  useMorphOrigin2,
-  useMorph2
-} from "./components-m06yq8wk.js";
-import {
-  MorphSurface2
-} from "./components-c7rwx0ap.js";
-import {
-  SURFACE_BG2,
-  SURFACE_SHADOW2
-} from "./components-vf45j12c.js";
-import {
-  useSurface2,
-  SurfaceProvider2
-} from "./components-dhgk6mbt.js";
-import {
-  useControllableState2
-} from "./components-tz1fv35x.js";
-import {
-  useIsMobile2
-} from "./components-rrbpmfx4.js";
-import {
-  SizeProvider2
-} from "./components-dcc02hs2.js";
-import {
-  button_default
-} from "./components-9sttq78t.js";
-import {
-  sheet_default
-} from "./components-2a7hcand.js";
-import {
-  InputAdornment2,
-  InputAction2,
-  input_default
-} from "./components-mattt5jp.js";
-
-// components/inputs/date-time/picker-shell.tsx
-import { Popover } from "@base-ui/react/popover";
-import {
-  forwardRef,
-  useCallback,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs, Fragment } from "react/jsx-runtime";
-var invalidOf = (invalid, ariaInvalid) => ariaInvalid !== undefined && ariaInvalid !== false && ariaInvalid !== "false" ? true : invalid;
-function controlAttributes({
-  controlProps,
-  onBlur,
-  "aria-label": ariaLabel,
-  "aria-labelledby": ariaLabelledBy,
-  "aria-describedby": ariaDescribedBy
-}) {
-  return {
-    ...controlProps,
-    ...ariaLabel !== undefined && { "aria-label": ariaLabel },
-    ...ariaLabelledBy !== undefined && { "aria-labelledby": ariaLabelledBy },
-    ...ariaDescribedBy !== undefined && { "aria-describedby": ariaDescribedBy },
-    ...onBlur && {
-      onBlur: (event) => {
-        controlProps?.onBlur?.(event);
-        onBlur(event);
-      }
-    }
-  };
-}
-function assignRefs(...refs) {
-  return (node) => {
-    for (const ref of refs) {
-      if (typeof ref === "function")
-        ref(node);
-      else if (ref)
-        ref.current = node;
-    }
-  };
-}
-function fieldControl(className, controlProps) {
-  return { ...controlProps, className: cn2(className, controlProps?.className) };
-}
-function PickerShell({
-  open: openProp,
-  defaultOpen = false,
-  onOpenChange,
-  size,
-  formValues,
-  required,
-  ...props
-}) {
-  const [open, setOpenState] = useControllableState2(openProp, defaultOpen, onOpenChange);
-  const setOpen = (next) => {
-    if (next && props.readOnly)
-      return;
-    setOpenState(next);
-  };
-  const fieldRef = useRef(null);
-  const mobile = useIsMobile2(640);
-  const shell = mobile ? /* @__PURE__ */ jsx(PickerSheet, {
-    open,
-    setOpen,
-    fieldRef,
-    ...props
-  }) : /* @__PURE__ */ jsx(PickerPopover, {
-    open,
-    setOpen,
-    fieldRef,
-    ...props
-  });
-  const inputs = formValues && /* @__PURE__ */ jsx(PickerFormInputs, {
-    values: formValues,
-    required,
-    disabled: props.disabled,
-    fieldRef
-  });
-  const content = inputs ? /* @__PURE__ */ jsxs(Fragment, {
-    children: [
-      shell,
-      inputs
-    ]
-  }) : shell;
-  return size ? /* @__PURE__ */ jsx(SizeProvider2, {
-    size,
-    children: content
-  }) : content;
-}
-function PickerFormInputs({
-  values,
-  required,
-  disabled,
-  fieldRef
-}) {
-  const field = useFieldState2();
-  const isRequired = required ?? field?.required ?? false;
-  if (!isRequired && !values.some((v) => v.name))
-    return null;
-  const focusField = () => {
-    const el = fieldRef.current;
-    (el instanceof HTMLButtonElement ? el : el?.querySelector("input"))?.focus();
-  };
-  return values.map(({ slot, name, value }) => /* @__PURE__ */ jsx("input", {
-    "aria-hidden": true,
-    tabIndex: -1,
-    name,
-    value,
-    required: isRequired,
-    disabled: disabled ?? field?.disabled,
-    onChange: () => {},
-    onFocus: focusField,
-    className: "sr-only"
-  }, slot));
-}
-var PickerField = forwardRef(({ icon, display, placeholder, variant = "bordered", invalid, disabled, readOnly, id, className, ...props }, ref) => {
-  const Icon = useIcon2(icon);
-  const { size: sizeClasses, props: boxProps } = useFieldBox2({ variant, invalid, disabled, readOnly });
-  return /* @__PURE__ */ jsxs("button", {
-    ref,
-    type: "button",
-    id,
-    disabled,
-    "aria-invalid": invalid || undefined,
-    ...boxProps,
-    ...props,
-    className: cn2(boxProps.className, "flex w-full min-w-0 items-center text-left outline-none focus-visible:ring-focus-ring", readOnly ? "cursor-default" : "cursor-pointer", sizeClasses.gap, sizeClasses.control, className),
-    children: [
-      /* @__PURE__ */ jsx(Icon, {
-        size: sizeClasses.icon,
-        strokeWidth: 1.5,
-        className: fieldIconClasses2
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: cn2("flex-1 truncate", sizeClasses.text, display ? "text-foreground" : "text-muted-foreground"),
-        children: display || placeholder
-      })
-    ]
-  });
-});
-PickerField.displayName = "PickerField";
-var EditableField = forwardRef(({
-  icon,
-  variant = "bordered",
-  invalid,
-  disabled,
-  readOnly,
-  className,
-  editor,
-  triggerLabel = "Open calendar",
-  trigger
-}, ref) => {
-  const Icon = useIcon2(icon);
-  const { size: sizeClasses, props: boxProps } = useFieldBox2({ variant, invalid, disabled, readOnly });
-  return /* @__PURE__ */ jsxs("div", {
-    ref,
-    ...boxProps,
-    className: cn2(boxProps.className, "flex w-full min-w-0 items-center", sizeClasses.gap, sizeClasses.control, className),
-    children: [
-      /* @__PURE__ */ jsx(InputAdornment2, {
-        children: trigger(/* @__PURE__ */ jsx(InputAction2, {
-          label: triggerLabel,
-          icon: Icon,
-          disabled: disabled || readOnly
-        }))
-      }),
-      editor
-    ]
-  });
-});
-EditableField.displayName = "EditableField";
-function PanelHeader({
-  header,
-  closeLabel = "Close",
-  close
-}) {
-  const X = useIcon2("x");
-  const sizeClasses = useSize2();
-  return /* @__PURE__ */ jsxs("div", {
-    className: "flex items-center gap-1 border-b border-border pb-1",
-    children: [
-      /* @__PURE__ */ jsx("div", {
-        className: "flex min-w-0 flex-1 items-center",
-        children: header
-      }),
-      /* @__PURE__ */ jsx(button_default, {
-        variant: "ghost",
-        size: "icon-sm",
-        "aria-label": closeLabel,
-        onClick: close,
-        children: /* @__PURE__ */ jsx(X, {
-          size: sizeClasses.icon,
-          strokeWidth: 1.5
-        })
-      })
-    ]
-  });
-}
-function PickerPopover({
-  open,
-  setOpen,
-  header,
-  initialFocus,
-  closeLabel,
-  dir,
-  popupClassName,
-  from,
-  effect,
-  hideSource,
-  tier = "moderate",
-  children,
-  editor,
-  triggerLabel,
-  fieldRef,
-  controlRef,
-  controlProps,
-  ...field
-}) {
-  const triggerRef = useMemo(() => assignRefs(fieldRef, controlRef), [fieldRef, controlRef]);
-  const { origin, capture } = useMorphOrigin2();
-  const morph = useMorph2(open, origin, { from, effect, hideSource, tier });
-  const shape = useShape2();
-  const level = Math.min(useSurface2() + 2, 8);
-  const handleOpenChange = useCallback((next, details) => {
-    if (!next && editor && (details.reason === "outside-press" || details.reason === "focus-out")) {
-      const event = details.event;
-      const target = event?.relatedTarget ?? event?.target;
-      if (target && fieldRef.current?.contains(target))
-        return;
-    }
-    if (next)
-      capture(editor ? { event: details.event, trigger: fieldRef.current ?? undefined } : details);
-    setOpen(next);
-  }, [capture, setOpen, editor]);
-  return /* @__PURE__ */ jsxs(Popover.Root, {
-    open,
-    onOpenChange: handleOpenChange,
-    modal: false,
-    children: [
-      editor ? /* @__PURE__ */ jsx(EditableField, {
-        ref: fieldRef,
-        ...field,
-        editor,
-        triggerLabel,
-        trigger: (button) => /* @__PURE__ */ jsx(Popover.Trigger, {
-          disabled: field.disabled,
-          render: button
-        })
-      }) : /* @__PURE__ */ jsx(Popover.Trigger, {
-        ref: triggerRef,
-        disabled: field.disabled,
-        render: /* @__PURE__ */ jsx(PickerField, {
-          ...field,
-          ...fieldControl(field.className, controlProps)
-        })
-      }),
-      /* @__PURE__ */ jsx(Popover.Portal, {
-        children: /* @__PURE__ */ jsx(Popover.Positioner, {
-          anchor: editor ? fieldRef : undefined,
-          side: "bottom",
-          align: "start",
-          sideOffset: opensInPlace2({ effect, hideSource }) ? inPlaceOffset2 : 6,
-          className: "z-50 outline-none",
-          children: /* @__PURE__ */ jsx(Popover.Popup, {
-            ref: morph.popupRef,
-            initialFocus,
-            className: "relative outline-none",
-            children: /* @__PURE__ */ jsx(SurfaceProvider2, {
-              value: level,
-              children: /* @__PURE__ */ jsx(MorphSurface2, {
-                morph,
-                bg: SURFACE_BG2[level],
-                shadow: SURFACE_SHADOW2[3],
-                radius: shape.container,
-                className: cn2("flex max-w-[calc(100vw-1rem)] flex-col gap-1 p-1", popupClassName),
-                children: /* @__PURE__ */ jsxs("div", {
-                  dir,
-                  className: "flex min-h-0 flex-col gap-1",
-                  children: [
-                    /* @__PURE__ */ jsx(PanelHeader, {
-                      header,
-                      closeLabel,
-                      close: () => setOpen(false)
-                    }),
-                    children
-                  ]
-                })
-              })
-            })
-          })
-        })
-      })
-    ]
-  });
-}
-function PickerSheet({
-  open,
-  setOpen,
-  header,
-  closeLabel,
-  dir,
-  children,
-  editor,
-  triggerLabel,
-  fieldRef,
-  controlRef,
-  controlProps,
-  ...field
-}) {
-  const triggerRef = useMemo(() => assignRefs(fieldRef, controlRef), [fieldRef, controlRef]);
-  const {
-    initialFocus: _focus,
-    popupClassName: _width,
-    from: _from,
-    effect: _effect,
-    hideSource: _hide,
-    tier: _tier,
-    ...fieldProps
-  } = field;
-  return /* @__PURE__ */ jsxs(sheet_default, {
-    open,
-    onOpenChange: setOpen,
-    children: [
-      editor ? /* @__PURE__ */ jsx(EditableField, {
-        ref: fieldRef,
-        ...fieldProps,
-        editor,
-        triggerLabel,
-        trigger: (button) => /* @__PURE__ */ jsx(sheet_default.Trigger, {
-          disabled: field.disabled,
-          render: button
-        })
-      }) : /* @__PURE__ */ jsx(sheet_default.Trigger, {
-        ref: triggerRef,
-        disabled: field.disabled,
-        render: /* @__PURE__ */ jsx(PickerField, {
-          ...fieldProps,
-          ...fieldControl(fieldProps.className, controlProps)
-        })
-      }),
-      /* @__PURE__ */ jsx(sheet_default.Content, {
-        className: "gap-2 p-3 pt-3",
-        children: /* @__PURE__ */ jsxs("div", {
-          dir,
-          className: "flex min-h-0 flex-col gap-2",
-          children: [
-            /* @__PURE__ */ jsx(PanelHeader, {
-              header,
-              closeLabel,
-              close: () => setOpen(false)
-            }),
-            children
-          ]
-        })
-      })
-    ]
-  });
-}
-var PickerInput = forwardRef(({ formatted, onText, onEnter, onFocus, onBlur, onKeyDown, className, ...props }, ref) => {
-  const [draft, setDraft] = useState(null);
-  const [invalid, setInvalid] = useState(false);
-  return /* @__PURE__ */ jsx(input_default, {
-    ref,
-    ...props,
-    className: cn2("hover:ring-transparent focus-within:ring-transparent data-[active]:ring-transparent", className),
-    value: draft ?? formatted,
-    invalid,
-    onChange: (text) => {
-      setDraft(text);
-      setInvalid(!onText(text));
-    },
-    onFocus: (e) => {
-      e.currentTarget.select();
-      onFocus?.(e);
-    },
-    onBlur: (e) => {
-      setDraft(null);
-      setInvalid(false);
-      onBlur?.(e);
-    },
-    onKeyDown: (e) => {
-      if (e.key === "Enter" && !invalid)
-        onEnter?.();
-      onKeyDown?.(e);
-    }
-  });
-});
-PickerInput.displayName = "PickerInput";
-
-export { invalidOf, controlAttributes, assignRefs, PickerShell, PickerInput };

package/dist/shared/components-adkarj8n.js

@@ -1,35 +0,0 @@
-"use client";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// components/inputs/label/index.tsx
-import { forwardRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var Label2 = forwardRef(({ children, invalid, size, className, ...props }, ref) => {
-  const sizeClasses = useSize2(size);
-  const compact = sizeClasses.variant === "compact";
-  return /* @__PURE__ */ jsxs("label", {
-    ref,
-    className: cn2("inline-grid", sizeClasses.text, "data-[disabled]:opacity-50", compact ? "pl-2" : "pl-2.5", className),
-    ...props,
-    children: [
-      /* @__PURE__ */ jsx("span", {
-        className: "col-start-1 row-start-1 invisible weight-semibold",
-        "aria-hidden": "true",
-        children
-      }),
-      /* @__PURE__ */ jsx("span", {
-        className: cn2("col-start-1 row-start-1", invalid ? "text-destructive" : "text-muted-foreground", "weight-normal"),
-        children
-      })
-    ]
-  });
-});
-Label2.displayName = "Label";
-var label_default = Label2;
-
-export { Label2, label_default };

package/dist/shared/components-b1e239g3.js

@@ -1,28 +0,0 @@
-"use client";
-import {
-  useReduceMotion2
-} from "./components-de99ykt7.js";
-import {
-  spring2
-} from "./components-3ey0hzpb.js";
-
-// lib/morph-part.tsx
-import { motion } from "motion/react";
-import { createContext, useContext } from "react";
-import { jsx } from "react/jsx-runtime";
-var MorphPartScope2 = createContext(null);
-var MorphPartInOverlay2 = createContext(false);
-var { exit: _exit, ...enter } = spring2.slow;
-function MorphPart2({ id, className, children }) {
-  const scope = useContext(MorphPartScope2);
-  const inOverlay = useContext(MorphPartInOverlay2);
-  const reduced = useReduceMotion2();
-  const layoutId = scope && !reduced && (scope.open || !inOverlay) ? `${scope.id}-${id}` : undefined;
-  return /* @__PURE__ */ jsx(motion.div, {
-    layoutId,
-    transition: enter,
-    className,
-    children
-  });
-}
-export { MorphPartScope2, MorphPartInOverlay2, MorphPart2 };

package/dist/shared/components-b94t6qtj.js

@@ -1,143 +0,0 @@
-"use client";
-import {
-  FIELD_ACTION_BOX2,
-  FIELD_ACTION_END2,
-  FIELD_ACTION_RADIUS2,
-  fieldActionClasses2
-} from "./components-124epb7f.js";
-import {
-  useShape2
-} from "./components-71nbt03m.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-import {
-  useFieldBox2,
-  focusControlOnPress2
-} from "./components-hdzrqqpx.js";
-import {
-  useIcon2
-} from "./components-jqpefjsn.js";
-import {
-  InputAdornment2
-} from "./components-mattt5jp.js";
-
-// components/inputs/number-input/index.tsx
-import { NumberField } from "@base-ui/react/number-field";
-import { forwardRef, useRef } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var NumberInput2 = forwardRef(({
-  value,
-  defaultValue,
-  onValueChange,
-  onValueCommitted,
-  format,
-  locale,
-  placeholder,
-  stepper = true,
-  scrub = false,
-  wheel = false,
-  startAdornment,
-  endAdornment,
-  decrementLabel = "Decrease",
-  incrementLabel = "Increase",
-  id,
-  variant = "borderless",
-  invalid,
-  disabled,
-  readOnly,
-  required,
-  size,
-  className,
-  inputProps,
-  ...props
-}, ref) => {
-  const inputRef = useRef(null);
-  const box = useFieldBox2({ variant, invalid, disabled, readOnly, required, size });
-  const shape = useShape2();
-  const Minus = useIcon2("minus");
-  const Plus = useIcon2("plus");
-  const Arrows = useIcon2("chevrons-up-down");
-  const stepClasses = cn2(fieldActionClasses2, FIELD_ACTION_BOX2[box.size.variant], FIELD_ACTION_RADIUS2[shape.variant]);
-  const start = startAdornment != null && /* @__PURE__ */ jsx(InputAdornment2, {
-    size,
-    children: scrub ? /* @__PURE__ */ jsxs(NumberField.ScrubArea, {
-      className: "cursor-ew-resize select-none",
-      children: [
-        startAdornment,
-        /* @__PURE__ */ jsx(NumberField.ScrubAreaCursor, {
-          className: "text-foreground",
-          children: /* @__PURE__ */ jsx(Arrows, {
-            size: box.size.icon,
-            strokeWidth: 2,
-            className: "rotate-90"
-          })
-        })
-      ]
-    }) : startAdornment
-  });
-  return /* @__PURE__ */ jsx(NumberField.Root, {
-    id,
-    value,
-    defaultValue,
-    onValueChange: (next, details) => onValueChange?.(next, details),
-    onValueCommitted: (next) => onValueCommitted?.(next),
-    format,
-    locale,
-    allowWheelScrub: wheel,
-    disabled: box.disabled,
-    readOnly: box.readOnly,
-    required: box.required,
-    ...props,
-    children: /* @__PURE__ */ jsxs(NumberField.Group, {
-      onMouseDown: focusControlOnPress2(inputRef),
-      ...box.props,
-      className: cn2(box.props.className, "flex items-center", box.size.gap, box.size.control, className),
-      children: [
-        start,
-        /* @__PURE__ */ jsx(NumberField.Input, {
-          ref: (node) => {
-            inputRef.current = node;
-            if (typeof ref === "function")
-              ref(node);
-            else if (ref)
-              ref.current = node;
-          },
-          placeholder,
-          "aria-invalid": box.invalid || undefined,
-          ...inputProps,
-          className: cn2("w-full min-w-0 rounded-none bg-transparent text-foreground tabular-nums placeholder:text-muted-foreground outline-none font-[inherit] weight-normal", box.size.text, inputProps?.className)
-        }),
-        /* @__PURE__ */ jsx(InputAdornment2, {
-          size,
-          children: endAdornment
-        }),
-        stepper && !box.readOnly && /* @__PURE__ */ jsxs("span", {
-          className: "flex shrink-0 items-center",
-          children: [
-            /* @__PURE__ */ jsx(NumberField.Decrement, {
-              "aria-label": decrementLabel,
-              className: stepClasses,
-              children: /* @__PURE__ */ jsx(Minus, {
-                size: box.size.icon,
-                strokeWidth: 1.5
-              })
-            }),
-            /* @__PURE__ */ jsx(NumberField.Increment, {
-              "aria-label": incrementLabel,
-              className: cn2(stepClasses, FIELD_ACTION_END2[box.size.variant]),
-              children: /* @__PURE__ */ jsx(Plus, {
-                size: box.size.icon,
-                strokeWidth: 1.5
-              })
-            })
-          ]
-        })
-      ]
-    })
-  });
-});
-NumberInput2.displayName = "NumberInput";
-var number_input_default = NumberInput2;
-
-export { NumberInput2, number_input_default };