@new-black/lyra 0.1.19 → 0.1.20

package/dist/lyra113.js

@@ -1,30 +1,594 @@
-import { cva as t } from "./lyra99.js";
-import "./lyra144.js";
-const r = t([
-  "lyra-tooltip",
-  "tooltip",
-  "bg-[--tooltip-background-color]",
-  "border",
-  "border-solid",
-  "border-[--tooltip-background-color]",
-  "rounded-[--tooltip-radius]",
-  "text-[--tooltip-text-color]",
-  "text-[length:--tooltip-text-size]",
-  "font-[--tooltip-text-weight]",
-  "px-[--tooltip-padding-x]",
-  "py-[--tooltip-padding-y]"
-]), l = t(["transform", "text-[--tooltip-background-color]"], {
-  variants: {
-    placement: {
-      top: "",
-      bottom: "rotate-180 relative",
-      left: "-rotate-90 relative -translate-x-1",
-      right: "rotate-90 relative translate-x-1",
-      center: ""
+import oe from "./lyra114.js";
+import le from "./lyra115.js";
+import ne from "./lyra116.js";
+import de from "./lyra117.js";
+import se from "./lyra118.js";
+import ce from "./lyra119.js";
+import ue from "./lyra120.js";
+import fe from "./lyra121.js";
+import be from "./lyra122.js";
+import pe from "./lyra123.js";
+import $e from "./lyra124.js";
+import me from "./lyra125.js";
+import ye from "./lyra126.js";
+import xe from "./lyra127.js";
+import ve from "./lyra128.js";
+import he from "./lyra129.js";
+import Pe from "./lyra130.js";
+import De from "./lyra131.js";
+import ge from "./lyra132.js";
+import Fe from "./lyra133.js";
+import we from "./lyra134.js";
+import Ve from "./lyra135.js";
+import Me from "./lyra136.js";
+import Ce from "./lyra137.js";
+import Re from "./lyra138.js";
+import Oe from "./lyra139.js";
+import Se from "./lyra140.js";
+import ke from "./lyra141.js";
+import Te from "./lyra142.js";
+import Ee from "./lyra143.js";
+import Ie from "./lyra144.js";
+import Ke from "./lyra145.js";
+import Be from "./lyra146.js";
+import Ne from "./lyra147.js";
+import { createFocusManager as Z, getFocusableTreeWalker as Le } from "./lyra68.js";
+import { useDescription as j, mergeProps as T, useFormReset as _e, filterDOMProps as z, useId as K, useEvent as q, useLayoutEffect as We, isIOS as Ue, useLabels as Ze, isMac as Ae, scrollIntoViewport as qe, getScrollParent as je } from "./lyra67.js";
+import { privateValidationStateProp as ze } from "./lyra109.js";
+import Ge, { useRef as N, useMemo as P, useEffect as He } from "react";
+import { useField as G } from "./lyra111.js";
+import { useFocusWithin as H, usePress as Je } from "./lyra69.js";
+import { useFormValidation as Qe } from "./lyra108.js";
+import { toCalendar as Xe, CalendarDate as Ye } from "./lyra106.js";
+import { NumberParser as ea } from "./lyra148.js";
+import { useSpinButton as aa } from "./lyra149.js";
+import { useLocalizedStringFormatter as J, useLocale as L, useDateFormatter as I, useFilter as ra, useLocalizedStringDictionary as ta } from "./lyra57.js";
+function A(e) {
+  return e && e.__esModule ? e.default : e;
+}
+var _ = {};
+_ = {
+  "ar-AE": oe,
+  "bg-BG": le,
+  "cs-CZ": ne,
+  "da-DK": de,
+  "de-DE": se,
+  "el-GR": ce,
+  "en-US": ue,
+  "es-ES": fe,
+  "et-EE": be,
+  "fi-FI": pe,
+  "fr-FR": $e,
+  "he-IL": me,
+  "hr-HR": ye,
+  "hu-HU": xe,
+  "it-IT": ve,
+  "ja-JP": he,
+  "ko-KR": Pe,
+  "lt-LT": De,
+  "lv-LV": ge,
+  "nb-NO": Fe,
+  "nl-NL": we,
+  "pl-PL": Ve,
+  "pt-BR": Me,
+  "pt-PT": Ce,
+  "ro-RO": Re,
+  "ru-RU": Oe,
+  "sk-SK": Se,
+  "sl-SI": ke,
+  "sr-SP": Te,
+  "sv-SE": Ee,
+  "tr-TR": Ie,
+  "uk-UA": Ke,
+  "zh-CN": Be,
+  "zh-TW": Ne
+};
+function Q(e, a, o) {
+  let { direction: t } = L(), c = P(() => Z(a), [
+    a
+  ]), g = (i) => {
+    if (i.currentTarget.contains(i.target) && (i.altKey && (i.key === "ArrowDown" || i.key === "ArrowUp") && "setOpen" in e && (i.preventDefault(), i.stopPropagation(), e.setOpen(!0)), !o))
+      switch (i.key) {
+        case "ArrowLeft":
+          i.preventDefault(), i.stopPropagation(), t === "rtl" ? c.focusNext() : c.focusPrevious();
+          break;
+        case "ArrowRight":
+          i.preventDefault(), i.stopPropagation(), t === "rtl" ? c.focusPrevious() : c.focusNext();
+          break;
+      }
+  }, y = () => {
+    var i;
+    let l = (i = window.event) === null || i === void 0 ? void 0 : i.target, f = Le(a.current, {
+      tabbable: !0
+    });
+    if (l && (f.currentNode = l, l = f.previousNode()), !l) {
+      let n;
+      do
+        n = f.lastChild(), n && (l = n);
+      while (n);
+    }
+    for (; l != null && l.hasAttribute("data-placeholder"); ) {
+      let n = f.previousNode();
+      if (n && n.hasAttribute("data-placeholder"))
+        l = n;
+      else
+        break;
+    }
+    l && l.focus();
+  }, { pressProps: x } = Je({
+    preventFocusOnPress: !0,
+    allowTextSelectionOnPress: !0,
+    onPressStart(i) {
+      i.pointerType === "mouse" && y();
+    },
+    onPress(i) {
+      i.pointerType !== "mouse" && y();
     }
+  });
+  return T(x, {
+    onKeyDown: g
+  });
+}
+const X = /* @__PURE__ */ new WeakMap(), B = "__role_" + Date.now(), ia = "__focusManager_" + Date.now();
+function oa(e, a, o) {
+  var t;
+  let { isInvalid: c, validationErrors: g, validationDetails: y } = a.displayValidation, { labelProps: x, fieldProps: i, descriptionProps: l, errorMessageProps: f } = G({
+    ...e,
+    labelElementType: "span",
+    isInvalid: c,
+    errorMessage: e.errorMessage || g
+  }), n = N(null), { focusWithinProps: O } = H({
+    ...e,
+    onFocusWithin(h) {
+      var D;
+      n.current = a.value, (D = e.onFocus) === null || D === void 0 || D.call(e, h);
+    },
+    onBlurWithin: (h) => {
+      var D;
+      a.confirmPlaceholder(), a.value !== n.current && a.commitValidation(), (D = e.onBlur) === null || D === void 0 || D.call(e, h);
+    },
+    onFocusWithinChange: e.onFocusChange
+  }), S = J(/* @__PURE__ */ A(_), "@react-aria/datepicker"), k = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", b = a.maxGranularity === "hour" ? "time" : "date", M = a.value ? S.format(k, {
+    [b]: a.formatValue({
+      month: "long"
+    })
+  }) : "", C = j(M), v = e[B] === "presentation" ? i["aria-describedby"] : [
+    C["aria-describedby"],
+    i["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, m = e[ia], p = P(() => m || Z(o), [
+    m,
+    o
+  ]), R = Q(a, o, e[B] === "presentation");
+  X.set(a, {
+    ariaLabel: e["aria-label"],
+    ariaLabelledBy: [
+      x.id,
+      e["aria-labelledby"]
+    ].filter(Boolean).join(" ") || void 0,
+    ariaDescribedBy: v,
+    focusManager: p
+  });
+  let F = N(e.autoFocus), w;
+  e[B] === "presentation" ? w = {
+    role: "presentation"
+  } : w = T(i, {
+    role: "group",
+    "aria-disabled": e.isDisabled || void 0,
+    "aria-describedby": v
+  }), He(() => {
+    F.current && p.focusFirst(), F.current = !1;
+  }, [
+    p
+  ]), _e(e.inputRef, a.value, a.setValue), Qe({
+    ...e,
+    focus() {
+      p.focusFirst();
+    }
+  }, a, e.inputRef);
+  let $ = {
+    type: "hidden",
+    name: e.name,
+    value: ((t = a.value) === null || t === void 0 ? void 0 : t.toString()) || ""
+  };
+  e.validationBehavior === "native" && ($.type = "text", $.hidden = !0, $.required = e.isRequired, $.onChange = () => {
+  });
+  let W = z(e);
+  return {
+    labelProps: {
+      ...x,
+      onClick: () => {
+        p.focusFirst();
+      }
+    },
+    fieldProps: T(W, w, R, O, {
+      onKeyDown(h) {
+        e.onKeyDown && e.onKeyDown(h);
+      },
+      onKeyUp(h) {
+        e.onKeyUp && e.onKeyUp(h);
+      }
+    }),
+    inputProps: $,
+    descriptionProps: l,
+    errorMessageProps: f,
+    isInvalid: c,
+    validationErrors: g,
+    validationDetails: y
+  };
+}
+function er(e, a, o) {
+  var t;
+  let c = oa(e, a, o);
+  return c.inputProps.value = ((t = a.timeValue) === null || t === void 0 ? void 0 : t.toString()) || "", c;
+}
+function ar(e, a, o) {
+  let t = K(), c = K(), g = K(), y = J(/* @__PURE__ */ A(_), "@react-aria/datepicker"), { isInvalid: x, validationErrors: i, validationDetails: l } = a.displayValidation, { labelProps: f, fieldProps: n, descriptionProps: O, errorMessageProps: S } = G({
+    ...e,
+    labelElementType: "span",
+    isInvalid: x,
+    errorMessage: e.errorMessage || i
+  }), k = Q(a, o), b = n["aria-labelledby"] || n.id, { locale: M } = L(), C = a.formatValue(M, {
+    month: "long"
+  }), v = C ? y.format("selectedDateDescription", {
+    date: C
+  }) : "", m = j(v), p = [
+    m["aria-describedby"],
+    n["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, R = z(e), F = P(() => Z(o), [
+    o
+  ]), { focusWithinProps: w } = H({
+    ...e,
+    isDisabled: a.isOpen,
+    onBlurWithin: e.onBlur,
+    onFocusWithin: e.onFocus,
+    onFocusWithinChange: e.onFocusChange
+  });
+  return {
+    groupProps: T(R, k, n, m, w, {
+      role: "group",
+      "aria-disabled": e.isDisabled || null,
+      "aria-labelledby": b,
+      "aria-describedby": p,
+      onKeyDown($) {
+        a.isOpen || e.onKeyDown && e.onKeyDown($);
+      },
+      onKeyUp($) {
+        a.isOpen || e.onKeyUp && e.onKeyUp($);
+      }
+    }),
+    labelProps: {
+      ...f,
+      onClick: () => {
+        F.focusFirst();
+      }
+    },
+    fieldProps: {
+      ...n,
+      id: g,
+      [B]: "presentation",
+      "aria-describedby": p,
+      value: a.value,
+      onChange: a.setValue,
+      placeholderValue: e.placeholderValue,
+      hideTimeZone: e.hideTimeZone,
+      hourCycle: e.hourCycle,
+      shouldForceLeadingZeros: e.shouldForceLeadingZeros,
+      granularity: e.granularity,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isRequired: e.isRequired,
+      validationBehavior: e.validationBehavior,
+      // DatePicker owns the validation state for the date field.
+      [ze]: a,
+      autoFocus: e.autoFocus,
+      name: e.name
+    },
+    descriptionProps: O,
+    errorMessageProps: S,
+    buttonProps: {
+      ...m,
+      id: t,
+      "aria-haspopup": "dialog",
+      "aria-label": y.format("calendar"),
+      "aria-labelledby": `${t} ${b}`,
+      "aria-describedby": p,
+      "aria-expanded": a.isOpen,
+      isDisabled: e.isDisabled || e.isReadOnly,
+      onPress: () => a.setOpen(!0)
+    },
+    dialogProps: {
+      id: c,
+      "aria-labelledby": `${t} ${b}`
+    },
+    calendarProps: {
+      autoFocus: !0,
+      value: a.dateValue,
+      onChange: a.setDateValue,
+      minValue: e.minValue,
+      maxValue: e.maxValue,
+      isDisabled: e.isDisabled,
+      isReadOnly: e.isReadOnly,
+      isDateUnavailable: e.isDateUnavailable,
+      defaultFocusedValue: a.dateValue ? void 0 : e.placeholderValue,
+      isInvalid: a.isInvalid,
+      errorMessage: typeof e.errorMessage == "function" ? e.errorMessage(a.displayValidation) : e.errorMessage || a.displayValidation.validationErrors.join(" ")
+    },
+    isInvalid: x,
+    validationErrors: i,
+    validationDetails: l
+  };
+}
+function la() {
+  let { locale: e } = L(), a = ta(/* @__PURE__ */ A(_), "@react-aria/datepicker");
+  return P(() => {
+    try {
+      return new Intl.DisplayNames(e, {
+        type: "dateTimeField"
+      });
+    } catch {
+      return new na(e, a);
+    }
+  }, [
+    e,
+    a
+  ]);
+}
+class na {
+  of(a) {
+    return this.dictionary.getStringForLocale(a, this.locale);
+  }
+  constructor(a, o) {
+    this.locale = a, this.dictionary = o;
   }
-});
+}
+function rr(e, a, o) {
+  let t = N(""), { locale: c } = L(), g = la(), { ariaLabel: y, ariaLabelledBy: x, ariaDescribedBy: i, focusManager: l } = X.get(a), f = e.isPlaceholder ? "" : e.text, n = P(() => a.dateFormatter.resolvedOptions(), [
+    a.dateFormatter
+  ]), O = I({
+    month: "long",
+    timeZone: n.timeZone
+  }), S = I({
+    hour: "numeric",
+    hour12: n.hour12,
+    timeZone: n.timeZone
+  });
+  if (e.type === "month" && !e.isPlaceholder) {
+    let r = O.format(a.dateValue);
+    f = r !== f ? `${f} – ${r}` : r;
+  } else
+    e.type === "hour" && !e.isPlaceholder && (f = S.format(a.dateValue));
+  let { spinButtonProps: k } = aa({
+    // The ARIA spec says aria-valuenow is optional if there's no value, but aXe seems to require it.
+    // This doesn't seem to have any negative effects with real AT since we also use aria-valuetext.
+    // https://github.com/dequelabs/axe-core/issues/3505
+    value: e.value,
+    textValue: f,
+    minValue: e.minValue,
+    maxValue: e.maxValue,
+    isDisabled: a.isDisabled,
+    isReadOnly: a.isReadOnly || !e.isEditable,
+    isRequired: a.isRequired,
+    onIncrement: () => {
+      t.current = "", a.increment(e.type);
+    },
+    onDecrement: () => {
+      t.current = "", a.decrement(e.type);
+    },
+    onIncrementPage: () => {
+      t.current = "", a.incrementPage(e.type);
+    },
+    onDecrementPage: () => {
+      t.current = "", a.decrementPage(e.type);
+    },
+    onIncrementToMax: () => {
+      t.current = "", a.setSegment(e.type, e.maxValue);
+    },
+    onDecrementToMin: () => {
+      t.current = "", a.setSegment(e.type, e.minValue);
+    }
+  }), b = P(() => new ea(c, {
+    maximumFractionDigits: 0
+  }), [
+    c
+  ]), M = () => {
+    if (b.isValidPartialNumber(e.text) && !a.isReadOnly && !e.isPlaceholder) {
+      let r = e.text.slice(0, -1), d = b.parse(r);
+      r.length === 0 || d === 0 ? a.clearSegment(e.type) : a.setSegment(e.type, d), t.current = r;
+    } else
+      e.type === "dayPeriod" && a.clearSegment(e.type);
+  }, C = (r) => {
+    if (r.key === "a" && (Ae() ? r.metaKey : r.ctrlKey) && r.preventDefault(), !(r.ctrlKey || r.metaKey || r.shiftKey || r.altKey))
+      switch (r.key) {
+        case "Backspace":
+        case "Delete":
+          r.preventDefault(), r.stopPropagation(), M();
+          break;
+      }
+  }, { startsWith: v } = ra({
+    sensitivity: "base"
+  }), m = I({
+    hour: "numeric",
+    hour12: !0
+  }), p = P(() => {
+    let r = /* @__PURE__ */ new Date();
+    return r.setHours(0), m.formatToParts(r).find((d) => d.type === "dayPeriod").value;
+  }, [
+    m
+  ]), R = P(() => {
+    let r = /* @__PURE__ */ new Date();
+    return r.setHours(12), m.formatToParts(r).find((d) => d.type === "dayPeriod").value;
+  }, [
+    m
+  ]), F = I({
+    year: "numeric",
+    era: "narrow",
+    timeZone: "UTC"
+  }), w = P(() => {
+    if (e.type !== "era")
+      return [];
+    let r = Xe(new Ye(1, 1, 1), a.calendar), d = a.calendar.getEras().map((u) => {
+      let E = r.set({
+        year: 1,
+        month: 1,
+        day: 1,
+        era: u
+      }).toDate("UTC"), te = F.formatToParts(E).find((ie) => ie.type === "era").value;
+      return {
+        era: u,
+        formatted: te
+      };
+    }), s = da(d.map((u) => u.formatted));
+    if (s)
+      for (let u of d)
+        u.formatted = u.formatted.slice(s);
+    return d;
+  }, [
+    F,
+    a.calendar,
+    e.type
+  ]), $ = (r) => {
+    if (a.isDisabled || a.isReadOnly)
+      return;
+    let d = t.current + r;
+    switch (e.type) {
+      case "dayPeriod":
+        if (v(p, r))
+          a.setSegment("dayPeriod", 0);
+        else if (v(R, r))
+          a.setSegment("dayPeriod", 12);
+        else
+          break;
+        l.focusNext();
+        break;
+      case "era": {
+        let s = w.find((u) => v(u.formatted, r));
+        s && (a.setSegment("era", s.era), l.focusNext());
+        break;
+      }
+      case "day":
+      case "hour":
+      case "minute":
+      case "second":
+      case "month":
+      case "year": {
+        if (!b.isValidPartialNumber(d))
+          return;
+        let s = b.parse(d), u = s, E = e.minValue === 0;
+        if (e.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
+          switch (a.dateFormatter.resolvedOptions().hourCycle) {
+            case "h11":
+              s > 11 && (u = b.parse(r));
+              break;
+            case "h12":
+              E = !1, s > 12 && (u = b.parse(r));
+              break;
+          }
+          e.value >= 12 && s > 1 && (s += 12);
+        } else
+          s > e.maxValue && (u = b.parse(r));
+        if (isNaN(s))
+          return;
+        let U = u !== 0 || E;
+        U && a.setSegment(e.type, u), +(s + "0") > e.maxValue || d.length >= String(e.maxValue).length ? (t.current = "", U && l.focusNext()) : t.current = d;
+        break;
+      }
+    }
+  }, W = () => {
+    t.current = "", qe(o.current, {
+      containingElement: je(o.current)
+    }), window.getSelection().collapse(o.current);
+  }, h = N("");
+  q(o, "beforeinput", (r) => {
+    switch (r.preventDefault(), r.inputType) {
+      case "deleteContentBackward":
+      case "deleteContentForward":
+        b.isValidPartialNumber(e.text) && !a.isReadOnly && M();
+        break;
+      case "insertCompositionText":
+        h.current = o.current.textContent, o.current.textContent = o.current.textContent;
+        break;
+      default:
+        r.data != null && $(r.data);
+        break;
+    }
+  }), q(o, "input", (r) => {
+    let { inputType: d, data: s } = r;
+    switch (d) {
+      case "insertCompositionText":
+        o.current.textContent = h.current, (v(p, s) || v(R, s)) && $(s);
+        break;
+    }
+  }), We(() => {
+    let r = o.current;
+    return () => {
+      document.activeElement === r && (l.focusPrevious() || l.focusNext());
+    };
+  }, [
+    o,
+    l
+  ]);
+  let D = Ue() || e.type === "timeZoneName" ? {
+    role: "textbox",
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuetext": null,
+    "aria-valuenow": null
+  } : {}, Y = P(() => a.segments.find((r) => r.isEditable), [
+    a.segments
+  ]);
+  e !== Y && !a.isInvalid && (i = void 0);
+  let ee = K(), V = !a.isDisabled && !a.isReadOnly && e.isEditable, ae = e.type === "literal" ? "" : g.of(e.type), re = Ze({
+    "aria-label": `${ae}${y ? `, ${y}` : ""}${x ? ", " : ""}`,
+    "aria-labelledby": x
+  });
+  return e.type === "literal" ? {
+    segmentProps: {
+      "aria-hidden": !0
+    }
+  } : {
+    segmentProps: T(k, re, {
+      id: ee,
+      ...D,
+      "aria-invalid": a.isInvalid ? "true" : void 0,
+      "aria-describedby": i,
+      "aria-readonly": a.isReadOnly || !e.isEditable ? "true" : void 0,
+      "data-placeholder": e.isPlaceholder || void 0,
+      contentEditable: V,
+      suppressContentEditableWarning: V,
+      spellCheck: V ? "false" : void 0,
+      autoCapitalize: V ? "off" : void 0,
+      autoCorrect: V ? "off" : void 0,
+      // Capitalization was changed in React 17...
+      [parseInt(Ge.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: V ? "next" : void 0,
+      inputMode: a.isDisabled || e.type === "dayPeriod" || e.type === "era" || !V ? void 0 : "numeric",
+      tabIndex: a.isDisabled ? void 0 : 0,
+      onKeyDown: C,
+      onFocus: W,
+      style: {
+        caretColor: "transparent"
+      },
+      // Prevent pointer events from reaching useDatePickerGroup, and allow native browser behavior to focus the segment.
+      onPointerDown(r) {
+        r.stopPropagation();
+      },
+      onMouseDown(r) {
+        r.stopPropagation();
+      }
+    })
+  };
+}
+function da(e) {
+  e.sort();
+  let a = e[0], o = e[e.length - 1];
+  for (let t = 0; t < a.length; t++)
+    if (a[t] !== o[t])
+      return t;
+  return 0;
+}
 export {
-  l as tooltipBeakStyles,
-  r as tooltipStyles
+  oa as useDateField,
+  ar as useDatePicker,
+  rr as useDateSegment,
+  la as useDisplayNames,
+  er as useTimeField
 };