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

package/dist/shared/components-34txk9rj.js

@@ -1,35 +0,0 @@
-// lib/size-scale.ts
-var sizeMap2 = {
-  default: {
-    variant: "default",
-    control: "h-9",
-    controlHeight: 36,
-    segmentItem: "h-7",
-    segmentPad: "p-1",
-    text: "text-body",
-    px: "px-3",
-    itemPx: "px-2",
-    gap: "gap-2",
-    icon: 16
-  },
-  compact: {
-    variant: "compact",
-    control: "h-7",
-    controlHeight: 28,
-    segmentItem: "h-6",
-    segmentPad: "p-0.5",
-    text: "text-body-compact",
-    px: "px-2.5",
-    itemPx: "px-1.5",
-    gap: "gap-1",
-    icon: 14
-  }
-};
-var typeScale2 = {
-  display: { default: 28, compact: 24 },
-  title: { default: 16, compact: 15 },
-  subtitle: { default: 14, compact: 13 },
-  body: { default: 13, compact: 12 },
-  caption: { default: 12, compact: 11 }
-};
-export { sizeMap2, typeScale2 };

package/dist/shared/components-3h92d94m.js

@@ -1,23 +0,0 @@
-"use client";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// primitives/separator/index.tsx
-import { Separator as SeparatorPrimitive } from "@base-ui/react/separator";
-import { forwardRef } from "react";
-import { jsx } from "react/jsx-runtime";
-var ORIENTATION = {
-  horizontal: "h-px w-full",
-  vertical: "w-px self-stretch"
-};
-var Separator2 = forwardRef(({ orientation = "horizontal", className, ...props }, ref) => /* @__PURE__ */ jsx(SeparatorPrimitive, {
-  ref,
-  ...props,
-  orientation,
-  className: cn2("shrink-0 bg-border", ORIENTATION[orientation], className)
-}));
-Separator2.displayName = "Separator";
-var separator_default = Separator2;
-
-export { Separator2, separator_default };

package/dist/shared/components-4vfm04wq.js

@@ -1,82 +0,0 @@
-// components/button/variants.ts
-import { cva } from "class-variance-authority";
-var SURFACED = ["primary", "secondary", "tertiary", "outline", "ghost", "destructive", "success"];
-var surfaceVariants = {
-  primary: "[--btn-bg:var(--primary)] hover:[--btn-bg:var(--primary-hover)] active:[--btn-bg:var(--primary-active)] bg-[var(--btn-bg)] shadow-[var(--shadow-button-primary)]",
-  secondary: "[--btn-bg:var(--accent)] hover:[--btn-bg:color-mix(in_oklab,var(--accent)_80%,var(--background))] active:[--btn-bg:var(--accent)] bg-[var(--btn-bg)]",
-  tertiary: "shadow-[inset_0_0_0_1px_var(--border)] hover:bg-hover active:bg-active",
-  outline: "shadow-[inset_0_0_0_1px_var(--border)] hover:bg-hover active:bg-active",
-  ghost: "hover:bg-hover active:bg-active",
-  destructive: "bg-destructive-wash hover:bg-destructive-wash-hover active:bg-destructive-wash-active",
-  success: "bg-success-wash hover:bg-success-wash-hover active:bg-success-wash-active"
-};
-var buttonRecipe = cva([
-  "group relative isolate inline-flex items-center justify-center outline-none cursor-pointer",
-  "duration-fast",
-  "disabled:opacity-50 disabled:pointer-events-none",
-  "focus-visible:ring-1 focus-visible:ring-focus-ring"
-], {
-  variants: {
-    variant: {
-      primary: "text-primary-foreground",
-      secondary: "text-foreground",
-      tertiary: "text-foreground",
-      outline: "text-foreground",
-      ghost: "text-muted-foreground hover:text-foreground",
-      destructive: "text-destructive-strong",
-      success: "text-success-strong",
-      link: "text-foreground underline underline-offset-4 decoration-transparent hover:decoration-current"
-    },
-    size: {
-      default: "h-9 px-4 text-body gap-1.5",
-      compact: "h-7 px-3 text-body-compact gap-1",
-      icon: "h-9 w-9 p-0 [&_svg]:h-4 [&_svg]:w-4",
-      "icon-compact": "h-7 w-7 p-0 [&_svg]:h-3.5 [&_svg]:w-3.5"
-    },
-    iconLeft: { true: "" },
-    iconRight: { true: "" },
-    surface: {
-      true: [
-        "rounded-lg",
-        "aria-disabled:opacity-50 aria-disabled:pointer-events-none",
-        "[&_svg]:shrink-0 [&_svg]:stroke-[1.5] [&_svg]:transition-[stroke-width] [&_svg]:duration-fast hover:[&_svg]:stroke-[2]"
-      ],
-      false: ""
-    }
-  },
-  compoundVariants: [
-    { size: "compact", iconLeft: true, className: "pl-2" },
-    { size: "default", iconLeft: true, className: "pl-3" },
-    { size: "compact", iconRight: true, className: "pr-2" },
-    { size: "default", iconRight: true, className: "pr-3" },
-    { variant: "link", size: ["default", "compact"], className: "px-0" },
-    { variant: "link", className: "transition-[color,opacity,text-decoration-color]" },
-    { variant: SURFACED, surface: false, className: "transition-[color,opacity]" },
-    {
-      variant: SURFACED,
-      surface: true,
-      className: "no-underline transition-[color,opacity,background-color,box-shadow]"
-    },
-    ...SURFACED.map((variant) => ({ variant, surface: true, className: surfaceVariants[variant] })),
-    { surface: true, size: "default", className: "[&_svg]:size-4" },
-    { surface: true, size: "compact", className: "[&_svg]:size-3.5" }
-  ],
-  defaultVariants: {
-    variant: "primary",
-    size: "default",
-    surface: false
-  }
-});
-var legacySizeAliases2 = {
-  xs: "compact",
-  sm: "compact",
-  md: "default",
-  lg: "default",
-  "icon-sm": "icon-compact",
-  "icon-lg": "icon"
-};
-function buttonVariants2({ size, ...options } = {}) {
-  const canonical = size ? legacySizeAliases2[size] ?? size : size;
-  return buttonRecipe({ ...options, size: canonical });
-}
-export { legacySizeAliases2, buttonVariants2 };

package/dist/shared/components-54nq988h.js

@@ -1,123 +0,0 @@
-// lib/date-locale.ts
-import { format, isValid, parse } from "date-fns";
-import { enUS } from "react-day-picker/locale";
-var defaultLocale2 = enUS;
-function hourCycleOf2(locale) {
-  return new Intl.DateTimeFormat(locale.code, { hour: "numeric" }).resolvedOptions().hourCycle ?? "h23";
-}
-function parseWith(text, patterns, locale, reference) {
-  const typed = text.trim().replace(/\s+/g, " ");
-  for (const pattern of patterns) {
-    const date = parse(typed, pattern, reference, { locale });
-    if (isValid(date) && date.getFullYear() >= 1000)
-      return date;
-  }
-  return null;
-}
-var DATE_PATTERNS = ["P", "PP", "PPP", "PPPP"];
-var TIME_PATTERNS = ["p", "HH:mm", "H:mm", "h:mm a"];
-function parseDateText2(text, locale, reference = new Date) {
-  return parseWith(text, DATE_PATTERNS, locale, reference);
-}
-function parseTimeText2(text, locale, reference = new Date) {
-  return parseWith(text, TIME_PATTERNS, locale, reference);
-}
-function parseDateTimeText2(text, locale, reference = new Date) {
-  const withTime = DATE_PATTERNS.flatMap((date) => TIME_PATTERNS.flatMap((time) => [`${date}, ${time}`, `${date} ${time}`]));
-  return parseWith(text, withTime, locale, reference) ?? parseWith(text, DATE_PATTERNS, locale, reference);
-}
-function parseMonthText2(text, locale, reference = new Date) {
-  return parseWith(text, ["LLLL y", "LLL y", "MM/y", "M/y", "MM.y"], locale, reference);
-}
-function parseMonthNameText2(text, locale, reference = new Date) {
-  return parseWith(text, ["LLLL", "LLL", "MM", "M"], locale, reference);
-}
-function fieldLabel2(locale, field) {
-  return new Intl.DisplayNames(locale.code, { type: "dateTimeField" }).of(field) ?? field;
-}
-function formatTime2(date, locale, hourCycle) {
-  if (!hourCycle || hourCycle === hourCycleOf2(locale))
-    return format(date, "p", { locale });
-  return new Intl.DateTimeFormat(locale.code, { hour: "numeric", minute: "2-digit", hourCycle }).format(date);
-}
-var INTL_WIDTH = {
-  narrow: "narrow",
-  short: "short",
-  abbreviated: "short",
-  wide: "long",
-  any: "long"
-};
-var SAMPLE = new Date(2006, 0, 2, 9, 4, 5);
-var part = (tag, options, date, type) => new Intl.DateTimeFormat(tag, options).formatToParts(date).find((p) => p.type === type)?.value ?? "";
-var literal = (text) => {
-  const plain = text.replace(/\s/g, " ");
-  return /^[ ,./:-]*$/.test(plain) ? plain : `'${plain.replaceAll("'", "''")}'`;
-};
-function patternOf(tag, options) {
-  const formatter = new Intl.DateTimeFormat(tag, options);
-  const twelve = formatter.resolvedOptions().hourCycle;
-  const hourLetter = twelve === "h23" ? "H" : twelve === "h24" ? "k" : twelve === "h11" ? "K" : "h";
-  return formatter.formatToParts(SAMPLE).map(({ type, value }) => {
-    const padded = value.length > 1;
-    if (type === "year")
-      return value.length === 2 ? "yy" : "y";
-    if (type === "month") {
-      if (/^\d+$/.test(value))
-        return padded ? "MM" : "M";
-      return value === part(tag, { month: "long", day: "numeric" }, SAMPLE, "month") ? "MMMM" : "MMM";
-    }
-    if (type === "day")
-      return padded ? "dd" : "d";
-    if (type === "weekday")
-      return value === part(tag, { weekday: "long" }, SAMPLE, "weekday") ? "EEEE" : "EEE";
-    if (type === "hour")
-      return padded ? hourLetter + hourLetter : hourLetter;
-    if (type === "minute")
-      return "mm";
-    if (type === "second")
-      return "ss";
-    if (type === "dayPeriod")
-      return "a";
-    return literal(value);
-  }).join("");
-}
-function weekStartOf(tag) {
-  const locale = new Intl.Locale(tag);
-  const firstDay = (locale.getWeekInfo?.() ?? locale.weekInfo)?.firstDay ?? 7;
-  return firstDay % 7;
-}
-function localeFromTag(tag) {
-  const width = (options) => INTL_WIDTH[options?.width ?? "wide"];
-  return {
-    ...enUS,
-    code: tag,
-    localize: {
-      ...enUS.localize,
-      month: (month, options) => part(tag, options?.context === "formatting" ? { month: width(options), day: "numeric" } : { month: width(options) }, new Date(2000, month, 1), "month"),
-      day: (day, options) => part(tag, { weekday: width(options) }, new Date(2000, 0, 2 + day), "weekday"),
-      dayPeriod: (period, options) => part(tag, { hour: "numeric", hourCycle: "h12" }, new Date(2000, 0, 1, period === "pm" ? 13 : 1), "dayPeriod") || enUS.localize.dayPeriod(period, options)
-    },
-    formatLong: {
-      date: ({ width: w = "full" } = {}) => patternOf(tag, { dateStyle: w }),
-      time: ({ width: w = "full" } = {}) => patternOf(tag, { timeStyle: w === "full" || w === "long" ? "medium" : "short" }),
-      dateTime: enUS.formatLong.dateTime
-    },
-    options: { ...enUS.options, weekStartsOn: weekStartOf(tag) }
-  };
-}
-var fromTag = new Map;
-function resolveLocale2(locale = defaultLocale2) {
-  if (typeof locale !== "string")
-    return locale;
-  let resolved = fromTag.get(locale);
-  if (resolved)
-    return resolved;
-  try {
-    resolved = localeFromTag(Intl.getCanonicalLocales(locale)[0] ?? "en-US");
-  } catch {
-    resolved = defaultLocale2;
-  }
-  fromTag.set(locale, resolved);
-  return resolved;
-}
-export { defaultLocale2, hourCycleOf2, parseDateText2, parseTimeText2, parseDateTimeText2, parseMonthText2, parseMonthNameText2, fieldLabel2, formatTime2, resolveLocale2 };

package/dist/shared/components-7s7pykk5.js

@@ -1,281 +0,0 @@
-"use client";
-import {
-  useSize2
-} from "./components-h83az0bz.js";
-import {
-  cn2
-} from "./components-jcnjay5g.js";
-
-// components/inputs/date-time/date-picker/masked-date-input.tsx
-import { getDate, getHours, getMinutes, getMonth, getYear, isValid, set } from "date-fns";
-import {
-  forwardRef,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var PLACEHOLDER = { day: "DD", month: "MM", year: "YYYY", hour: "HH", minute: "mm" };
-function maskOf(locale, withTime) {
-  const parts = new Intl.DateTimeFormat(locale.code, {
-    calendar: "gregory",
-    numberingSystem: "latn",
-    day: "2-digit",
-    month: "2-digit",
-    year: "numeric",
-    ...withTime ? { hour: "2-digit", minute: "2-digit", hourCycle: "h23" } : {}
-  }).formatToParts(new Date(2006, 10, 22, 13, 45));
-  return parts.flatMap((part) => {
-    if (part.type === "literal")
-      return [{ type: "literal", value: part.value }];
-    if (!(part.type in PLACEHOLDER))
-      return [];
-    const type = part.type;
-    return [{ type, width: type === "year" ? 4 : 2 }];
-  });
-}
-function digitsOf(locale) {
-  const format = new Intl.NumberFormat(locale.code, { useGrouping: false });
-  const map = new Map;
-  for (let digit = 0;digit <= 9; digit++) {
-    map.set(String(digit), String(digit));
-    for (const char of format.format(digit))
-      if (/\p{Nd}/u.test(char))
-        map.set(char, String(digit));
-  }
-  return map;
-}
-var digitCount = (mask) => mask.reduce((n, slot) => n + (slot.type === "literal" ? 0 : slot.width), 0);
-function layout(digits, mask) {
-  let at = 0;
-  let text = "";
-  for (const slot of mask) {
-    if (slot.type === "literal") {
-      if (text)
-        text += slot.value;
-      continue;
-    }
-    const chunk = digits.slice(at, at + slot.width);
-    if (!chunk)
-      break;
-    text += chunk;
-    at += chunk.length;
-    if (chunk.length < slot.width)
-      break;
-  }
-  return text.trimEnd();
-}
-function formatMasked(date, mask) {
-  const values = {
-    day: getDate(date),
-    month: getMonth(date) + 1,
-    year: getYear(date),
-    hour: getHours(date),
-    minute: getMinutes(date)
-  };
-  return mask.map((slot) => slot.type === "literal" ? slot.value : String(values[slot.type]).padStart(slot.width, "0")).join("");
-}
-function parseMasked(digits, mask, base) {
-  const values = {};
-  let at = 0;
-  for (const slot of mask) {
-    if (slot.type === "literal")
-      continue;
-    values[slot.type] = Number(digits.slice(at, at + slot.width));
-    at += slot.width;
-  }
-  const { day = 0, month = 0, year = 0, hour, minute } = values;
-  const date = set(base ?? new Date(0), {
-    year,
-    month: month - 1,
-    date: day,
-    hours: hour ?? base?.getHours() ?? 0,
-    minutes: minute ?? base?.getMinutes() ?? 0,
-    seconds: 0,
-    milliseconds: 0
-  });
-  const exact = isValid(date) && year >= 1000 && getYear(date) === year && getMonth(date) === month - 1 && getDate(date) === day && (hour === undefined || getHours(date) === hour) && (minute === undefined || getMinutes(date) === minute);
-  return exact ? date : null;
-}
-function caretAfter(input, count) {
-  requestAnimationFrame(() => {
-    let seen = 0;
-    let i = 0;
-    while (i < input.value.length && seen < count) {
-      if (/\p{Nd}/u.test(input.value[i] ?? ""))
-        seen++;
-      i++;
-    }
-    input.setSelectionRange(i, i);
-  });
-}
-var MaskedDateInput = forwardRef(({
-  value,
-  externallyInvalid,
-  onValueChange,
-  onInvalidChange,
-  locale,
-  withTime,
-  allowed,
-  clearable = true,
-  onFocus,
-  onBlur,
-  onKeyDown,
-  placeholder,
-  className,
-  ...props
-}, ref) => {
-  const size = useSize2();
-  const mask = useMemo(() => maskOf(locale, withTime), [locale, withTime]);
-  const digitMap = useMemo(() => digitsOf(locale), [locale]);
-  const full = digitCount(mask);
-  const formatted = value && isValid(value) ? formatMasked(value, mask) : "";
-  const [text, setText] = useState(formatted);
-  const [focused, setFocused] = useState(false);
-  const keepText = useRef(false);
-  const lastValid = useRef(null);
-  if (value && isValid(value))
-    lastValid.current = value;
-  const emittedInvalid = useRef(false);
-  const emit = (next) => {
-    emittedInvalid.current = next !== null && !isValid(next);
-    onValueChange(next);
-  };
-  const digitsIn = (s) => Array.from(s, (char) => digitMap.get(char) ?? "").join("");
-  const flag = (invalid) => onInvalidChange(invalid);
-  useEffect(() => {
-    if (focused || keepText.current && externallyInvalid)
-      return;
-    keepText.current = false;
-    setText(formatted);
-    flag(false);
-  }, [formatted, externallyInvalid, focused]);
-  const commit = (digits) => {
-    const next = digits.slice(0, full);
-    setText(layout(next, mask));
-    if (!next) {
-      keepText.current = false;
-      flag(false);
-      emit(null);
-      return;
-    }
-    if (next.length < full) {
-      flag(false);
-      return;
-    }
-    const date = parseMasked(next, mask, value && isValid(value) ? value : null);
-    const ok = !!date && allowed(date);
-    flag(!ok);
-    if (ok) {
-      keepText.current = false;
-      emit(date);
-    }
-  };
-  const handleKeyDown = (e) => {
-    onKeyDown?.(e);
-    if (e.defaultPrevented || props.readOnly || props.disabled)
-      return;
-    const input = e.currentTarget;
-    const start = input.selectionStart ?? text.length;
-    const end = input.selectionEnd ?? start;
-    const digits = digitsIn(text);
-    const from = digitsIn(text.slice(0, start)).length;
-    const to = digitsIn(text.slice(0, end)).length;
-    const typed = digitMap.get(e.key);
-    if (typed !== undefined) {
-      e.preventDefault();
-      const next = from === to ? from < digits.length ? digits.slice(0, from) + typed + digits.slice(from + 1) : digits + typed : digits.slice(0, from) + typed + digits.slice(to);
-      commit(next);
-      caretAfter(input, from + 1);
-      return;
-    }
-    if (e.key === "Escape") {
-      const restore = lastValid.current;
-      const restored = restore ? formatMasked(restore, mask) : "";
-      const invalidNow = externallyInvalid || value !== null && !isValid(value);
-      if (text === restored && !invalidNow)
-        return;
-      e.preventDefault();
-      e.stopPropagation();
-      keepText.current = false;
-      setText(restored);
-      flag(false);
-      if (invalidNow && emittedInvalid.current)
-        emit(restore);
-      return;
-    }
-    if (e.key !== "Backspace" && e.key !== "Delete")
-      return;
-    let cutFrom = from;
-    let cutTo = to;
-    if (cutFrom === cutTo) {
-      if (e.key === "Backspace")
-        cutFrom = Math.max(0, cutFrom - 1);
-      else
-        cutTo = Math.min(digits.length, cutTo + 1);
-    }
-    if (cutFrom === cutTo)
-      return;
-    e.preventDefault();
-    commit(digits.slice(0, cutFrom) + digits.slice(cutTo));
-    caretAfter(input, cutFrom);
-  };
-  const handleBlur = (e) => {
-    setFocused(false);
-    const digits = digitsIn(text);
-    if (!digits && !clearable && formatted) {
-      setText(formatted);
-      flag(false);
-      onBlur?.(e);
-      return;
-    }
-    const date = digits.length === full ? parseMasked(digits, mask, value && isValid(value) ? value : null) : null;
-    if (digits && !(date && allowed(date))) {
-      keepText.current = true;
-      flag(true);
-      emit(new Date(Number.NaN));
-    }
-    onBlur?.(e);
-  };
-  const ghost = placeholder === undefined ? mask.map((slot) => slot.type === "literal" ? slot.value : PLACEHOLDER[slot.type]).join("") : "";
-  return /* @__PURE__ */ jsxs("span", {
-    className: "relative flex h-full min-w-0 flex-1 items-center",
-    children: [
-      ghost && /* @__PURE__ */ jsxs("span", {
-        "aria-hidden": true,
-        className: cn2("pointer-events-none absolute inset-0 flex items-center overflow-hidden whitespace-pre tabular-nums", size.text),
-        children: [
-          /* @__PURE__ */ jsx("span", {
-            className: "invisible",
-            children: text
-          }),
-          /* @__PURE__ */ jsx("span", {
-            className: "text-muted-foreground",
-            children: ghost.slice(text.length)
-          })
-        ]
-      }),
-      /* @__PURE__ */ jsx("input", {
-        ref,
-        type: "text",
-        inputMode: "numeric",
-        autoComplete: "off",
-        ...props,
-        value: text,
-        placeholder,
-        onChange: (e) => commit(digitsIn(e.target.value)),
-        onFocus: (e) => {
-          setFocused(true);
-          onFocus?.(e);
-        },
-        onBlur: handleBlur,
-        onKeyDown: handleKeyDown,
-        className: cn2("relative w-full min-w-0 bg-transparent tabular-nums text-foreground outline-none font-[inherit] placeholder:text-muted-foreground", size.text, className)
-      })
-    ]
-  });
-});
-MaskedDateInput.displayName = "MaskedDateInput";
-
-export { MaskedDateInput };