@new-black/lyra 0.0.26 → 0.0.28

package/dist/lyra53.js

@@ -1,17 +1,17 @@
 import { createFocusManager as O, getFocusableTreeWalker as ze } from "./lyra47.js";
-import { useEvent as I, useLayoutEffect as Ke, isIOS as Fe, useId as Me, useLabels as Ce, mergeProps as R, useDescription as Ae, filterDOMProps as Ee, isMac as Ie, scrollIntoViewport as Oe, getScrollParent as Be } from "./lyra46.js";
-import je, { useRef as z, useMemo as $, useEffect as Le } from "react";
-import { useField as We } from "./lyra51.js";
-import { useFocusWithin as _e, usePress as Ue } from "./lyra48.js";
-import { toCalendar as He, CalendarDate as Ge } from "./lyra54.js";
-import { NumberParser as qe } from "./lyra55.js";
-import { useSpinButton as Je } from "./lyra56.js";
-import { LocalizedStringDictionary as Qe } from "./lyra57.js";
-import { useLocale as K, useDateFormatter as N, useFilter as Xe, useLocalizedStringFormatter as Ye } from "./lyra38.js";
+import { useEvent as I, useLayoutEffect as Ke, isIOS as Fe, useId as Me, useLabels as Ce, mergeProps as N, useDescription as Ae, useFormReset as Ee, filterDOMProps as Ie, isMac as Oe, scrollIntoViewport as Be, getScrollParent as je } from "./lyra46.js";
+import Le, { useRef as K, useMemo as D, useEffect as We } from "react";
+import { useField as _e } from "./lyra51.js";
+import { useFocusWithin as Ue, usePress as He } from "./lyra48.js";
+import { toCalendar as Ge, CalendarDate as qe } from "./lyra54.js";
+import { NumberParser as Je } from "./lyra55.js";
+import { useSpinButton as Qe } from "./lyra56.js";
+import { LocalizedStringDictionary as Xe } from "./lyra57.js";
+import { useLocale as F, useDateFormatter as g, useFilter as Ye, useLocalizedStringFormatter as ea } from "./lyra38.js";
 function B(e) {
   return e && e.__esModule ? e.default : e;
 }
-var F = {}, j = {};
+var M = {}, j = {};
 j = {
   calendar: "التقويم",
   day: "يوم",
@@ -410,8 +410,8 @@ se = {
   weekday: "dag van de week",
   year: "jaar"
 };
-var ce = {};
-ce = {
+var le = {};
+le = {
   calendar: "Kalendarz",
   day: "dzień",
   dayPeriod: "rano / po południu / wieczorem",
@@ -429,8 +429,8 @@ ce = {
   weekday: "dzień tygodnia",
   year: "rok"
 };
-var le = {};
-le = {
+var ce = {};
+ce = {
   calendar: "Calendário",
   day: "dia",
   dayPeriod: "AM/PM",
@@ -619,8 +619,8 @@ he = {
   weekday: "день тижня",
   year: "рік"
 };
-var ke = {};
-ke = {
+var ve = {};
+ve = {
   calendar: "日历",
   day: "日",
   dayPeriod: "上午/下午",
@@ -638,8 +638,8 @@ ke = {
   weekday: "工作日",
   year: "年"
 };
-var ve = {};
-ve = {
+var ke = {};
+ke = {
   calendar: "日曆",
   day: "日",
   dayPeriod: "上午/下午",
@@ -657,7 +657,7 @@ ve = {
   weekday: "工作日",
   year: "年"
 };
-F = {
+M = {
   "ar-AE": j,
   "bg-BG": L,
   "cs-CZ": W,
@@ -679,8 +679,8 @@ F = {
   "lv-LV": de,
   "nb-NO": oe,
   "nl-NL": se,
-  "pl-PL": ce,
-  "pt-BR": le,
+  "pl-PL": le,
+  "pt-BR": ce,
   "pt-PT": ue,
   "ro-RO": me,
   "ru-RU": pe,
@@ -690,161 +690,169 @@ F = {
   "sv-SE": ye,
   "tr-TR": be,
   "uk-UA": he,
-  "zh-CN": ke,
-  "zh-TW": ve
+  "zh-CN": ve,
+  "zh-TW": ke
 };
-function ea(e, a, n) {
-  let { direction: r } = K(), p = $(() => O(a), [
+function aa(e, a, n) {
+  let { direction: r } = F(), u = D(() => O(a), [
     a
-  ]), v = (i) => {
+  ]), b = (i) => {
     if (i.altKey && (i.key === "ArrowDown" || i.key === "ArrowUp") && "setOpen" in e && (i.preventDefault(), i.stopPropagation(), e.setOpen(!0)), !n)
       switch (i.key) {
         case "ArrowLeft":
-          i.preventDefault(), i.stopPropagation(), r === "rtl" ? p.focusNext() : p.focusPrevious();
+          i.preventDefault(), i.stopPropagation(), r === "rtl" ? u.focusNext() : u.focusPrevious();
           break;
         case "ArrowRight":
-          i.preventDefault(), i.stopPropagation(), r === "rtl" ? p.focusPrevious() : p.focusNext();
+          i.preventDefault(), i.stopPropagation(), r === "rtl" ? u.focusPrevious() : u.focusNext();
           break;
       }
-  }, y = () => {
+  }, h = () => {
     var i;
     let d = (i = window.event) === null || i === void 0 ? void 0 : i.target, m = ze(a.current, {
       tabbable: !0
     });
     if (d && (m.currentNode = d, d = m.previousNode()), !d) {
-      let l;
+      let c;
       do
-        l = m.lastChild(), l && (d = l);
-      while (l);
+        c = m.lastChild(), c && (d = c);
+      while (c);
     }
     for (; d != null && d.hasAttribute("data-placeholder"); ) {
-      let l = m.previousNode();
-      if (l && l.hasAttribute("data-placeholder"))
-        d = l;
+      let c = m.previousNode();
+      if (c && c.hasAttribute("data-placeholder"))
+        d = c;
       else
         break;
     }
     d && d.focus();
-  }, { pressProps: h } = Ue({
+  }, { pressProps: P } = He({
     preventFocusOnPress: !0,
     allowTextSelectionOnPress: !0,
     onPressStart(i) {
-      i.pointerType === "mouse" && y();
+      i.pointerType === "mouse" && h();
     },
     onPress(i) {
-      i.pointerType !== "mouse" && y();
+      i.pointerType !== "mouse" && h();
     }
   });
-  return R(h, {
-    onKeyDown: v
+  return N(P, {
+    onKeyDown: b
   });
 }
-const Pe = /* @__PURE__ */ new WeakMap(), Z = "__role_" + Date.now(), aa = "__focusManager_" + Date.now();
-function ta(e, a, n) {
-  let { labelProps: r, fieldProps: p, descriptionProps: v, errorMessageProps: y } = We({
+const Pe = /* @__PURE__ */ new WeakMap(), z = "__role_" + Date.now(), ta = "__focusManager_" + Date.now();
+function ra(e, a, n) {
+  var r;
+  let { labelProps: u, fieldProps: b, descriptionProps: h, errorMessageProps: P } = _e({
     ...e,
     labelElementType: "span"
-  }), { focusWithinProps: h } = _e({
+  }), { focusWithinProps: i } = Ue({
     ...e,
-    onBlurWithin: (f) => {
-      a.confirmPlaceholder(), e.onBlur && e.onBlur(f);
+    onBlurWithin: (y) => {
+      a.confirmPlaceholder(), e.onBlur && e.onBlur(y);
     },
     onFocusWithin: e.onFocus,
     onFocusWithinChange: e.onFocusChange
-  }), i = Ye(/* @__PURE__ */ B(F)), d = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", m = a.maxGranularity === "hour" ? "time" : "date", l = a.value ? i.format(d, {
-    [m]: a.formatValue({
+  }), d = ea(/* @__PURE__ */ B(M)), m = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", c = a.maxGranularity === "hour" ? "time" : "date", R = a.value ? d.format(m, {
+    [c]: a.formatValue({
       month: "long"
     })
-  }) : "", S = Ae(l), P = e[Z] === "presentation" ? p["aria-describedby"] : [
+  }) : "", S = Ae(R), x = e[z] === "presentation" ? b["aria-describedby"] : [
     S["aria-describedby"],
-    p["aria-describedby"]
-  ].filter(Boolean).join(" ") || void 0, x = e[aa], u = $(() => x || O(n), [
-    x,
+    b["aria-describedby"]
+  ].filter(Boolean).join(" ") || void 0, p = e[ta], v = D(() => p || O(n), [
+    p,
     n
-  ]), w = ea(a, n, e[Z] === "presentation");
+  ]), V = aa(a, n, e[z] === "presentation");
   Pe.set(a, {
     ariaLabel: e["aria-label"],
     ariaLabelledBy: [
-      r.id,
+      u.id,
       e["aria-labelledby"]
     ].filter(Boolean).join(" ") || void 0,
-    ariaDescribedBy: P,
-    focusManager: u
+    ariaDescribedBy: x,
+    focusManager: v
   });
-  let T = z(e.autoFocus), D;
-  e[Z] === "presentation" ? D = {
+  let $ = K(e.autoFocus), f;
+  e[z] === "presentation" ? f = {
     role: "presentation"
-  } : D = R(p, {
+  } : f = N(b, {
     role: "group",
     "aria-disabled": e.isDisabled || void 0,
-    "aria-describedby": P
-  }), Le(() => {
-    T.current && u.focusFirst(), T.current = !1;
+    "aria-describedby": x
+  }), We(() => {
+    $.current && v.focusFirst(), $.current = !1;
   }, [
-    u
-  ]);
-  let k = Ee(e);
+    v
+  ]), Ee(e.inputRef, a.value, a.setValue);
+  let w = Ie(e);
   return {
     labelProps: {
-      ...r,
+      ...u,
       onClick: () => {
-        u.focusFirst();
+        v.focusFirst();
       }
     },
-    fieldProps: R(k, D, w, h, {
-      onKeyDown(f) {
-        e.onKeyDown && e.onKeyDown(f);
+    fieldProps: N(w, f, V, i, {
+      onKeyDown(y) {
+        e.onKeyDown && e.onKeyDown(y);
       },
-      onKeyUp(f) {
-        e.onKeyUp && e.onKeyUp(f);
+      onKeyUp(y) {
+        e.onKeyUp && e.onKeyUp(y);
       }
     }),
-    descriptionProps: v,
-    errorMessageProps: y
+    inputProps: {
+      type: "hidden",
+      name: e.name,
+      value: ((r = a.value) === null || r === void 0 ? void 0 : r.toString()) || ""
+    },
+    descriptionProps: h,
+    errorMessageProps: P
   };
 }
-function fa(e, a, n) {
-  return ta(e, a, n);
+function ya(e, a, n) {
+  var r;
+  let u = ra(e, a, n);
+  return u.inputProps.value = ((r = a.timeValue) === null || r === void 0 ? void 0 : r.toString()) || "", u;
 }
-function ra() {
-  let { locale: e } = K();
-  return $(() => {
+function ia() {
+  let { locale: e } = F();
+  return D(() => {
     try {
       return new Intl.DisplayNames(e, {
         type: "dateTimeField"
       });
     } catch {
-      return new ia(e);
+      return new na(e);
     }
   }, [
     e
   ]);
 }
-class ia {
+class na {
   of(a) {
     return this.dictionary.getStringForLocale(a, this.locale);
   }
   constructor(a) {
-    this.locale = a, this.dictionary = new Qe(/* @__PURE__ */ B(F));
+    this.locale = a, this.dictionary = new Xe(/* @__PURE__ */ B(M));
   }
 }
-function ya(e, a, n) {
-  let r = z(""), { locale: p } = K(), v = ra(), { ariaLabel: y, ariaLabelledBy: h, ariaDescribedBy: i, focusManager: d } = Pe.get(a), m = e.isPlaceholder ? "" : e.text, l = $(() => a.dateFormatter.resolvedOptions(), [
+function ba(e, a, n) {
+  let r = K(""), { locale: u } = F(), b = ia(), { ariaLabel: h, ariaLabelledBy: P, ariaDescribedBy: i, focusManager: d } = Pe.get(a), m = e.isPlaceholder ? "" : e.text, c = D(() => a.dateFormatter.resolvedOptions(), [
     a.dateFormatter
-  ]), S = N({
+  ]), R = g({
     month: "long",
-    timeZone: l.timeZone
-  }), P = N({
+    timeZone: c.timeZone
+  }), S = g({
     hour: "numeric",
-    hour12: l.hour12,
-    timeZone: l.timeZone
+    hour12: c.hour12,
+    timeZone: c.timeZone
   });
   if (e.type === "month" && !e.isPlaceholder) {
-    let t = S.format(a.dateValue);
+    let t = R.format(a.dateValue);
     m = t !== m ? `${m} – ${t}` : t;
   } else
-    e.type === "hour" && !e.isPlaceholder && (m = P.format(a.dateValue));
-  let { spinButtonProps: x } = Je({
+    e.type === "hour" && !e.isPlaceholder && (m = S.format(a.dateValue));
+  let { spinButtonProps: x } = Qe({
     // 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
@@ -873,61 +881,61 @@ function ya(e, a, n) {
     onDecrementToMin: () => {
       r.current = "", a.setSegment(e.type, e.minValue);
     }
-  }), u = $(() => new qe(p, {
+  }), p = D(() => new Je(u, {
     maximumFractionDigits: 0
   }), [
-    p
-  ]), w = () => {
-    if (u.isValidPartialNumber(e.text) && !a.isReadOnly && !e.isPlaceholder) {
-      let t = e.text.slice(0, -1), o = u.parse(t);
+    u
+  ]), v = () => {
+    if (p.isValidPartialNumber(e.text) && !a.isReadOnly && !e.isPlaceholder) {
+      let t = e.text.slice(0, -1), o = p.parse(t);
       t.length === 0 || o === 0 ? a.clearSegment(e.type) : a.setSegment(e.type, o), r.current = t;
     } else
       e.type === "dayPeriod" && a.clearSegment(e.type);
-  }, T = (t) => {
-    if (t.key === "a" && (Ie() ? t.metaKey : t.ctrlKey) && t.preventDefault(), !(t.ctrlKey || t.metaKey || t.shiftKey || t.altKey))
+  }, V = (t) => {
+    if (t.key === "a" && (Oe() ? t.metaKey : t.ctrlKey) && t.preventDefault(), !(t.ctrlKey || t.metaKey || t.shiftKey || t.altKey))
       switch (t.key) {
         case "Backspace":
         case "Delete":
-          t.preventDefault(), t.stopPropagation(), w();
+          t.preventDefault(), t.stopPropagation(), v();
           break;
       }
-  }, { startsWith: D } = Xe({
+  }, { startsWith: $ } = Ye({
     sensitivity: "base"
-  }), k = N({
+  }), f = g({
     hour: "numeric",
     hour12: !0
-  }), f = $(() => {
+  }), w = D(() => {
     let t = /* @__PURE__ */ new Date();
-    return t.setHours(0), k.formatToParts(t).find((o) => o.type === "dayPeriod").value;
+    return t.setHours(0), f.formatToParts(t).find((o) => o.type === "dayPeriod").value;
   }, [
-    k
-  ]), M = $(() => {
+    f
+  ]), y = D(() => {
     let t = /* @__PURE__ */ new Date();
-    return t.setHours(12), k.formatToParts(t).find((o) => o.type === "dayPeriod").value;
+    return t.setHours(12), f.formatToParts(t).find((o) => o.type === "dayPeriod").value;
   }, [
-    k
-  ]), C = N({
+    f
+  ]), C = g({
     year: "numeric",
     era: "narrow",
     timeZone: "UTC"
-  }), xe = $(() => {
+  }), xe = D(() => {
     if (e.type !== "era")
       return [];
-    let t = He(new Ge(1, 1, 1), a.calendar), o = a.calendar.getEras().map((c) => {
-      let g = t.set({
+    let t = Ge(new qe(1, 1, 1), a.calendar), o = a.calendar.getEras().map((l) => {
+      let T = t.set({
         year: 1,
         month: 1,
         day: 1,
-        era: c
-      }).toDate("UTC"), Ve = C.formatToParts(g).find((Ze) => Ze.type === "era").value;
+        era: l
+      }).toDate("UTC"), Ve = C.formatToParts(T).find((Ze) => Ze.type === "era").value;
       return {
-        era: c,
+        era: l,
         formatted: Ve
       };
-    }), s = na(o.map((c) => c.formatted));
+    }), s = da(o.map((l) => l.formatted));
     if (s)
-      for (let c of o)
-        c.formatted = c.formatted.slice(s);
+      for (let l of o)
+        l.formatted = l.formatted.slice(s);
     return o;
   }, [
     C,
@@ -939,16 +947,16 @@ function ya(e, a, n) {
     let o = r.current + t;
     switch (e.type) {
       case "dayPeriod":
-        if (D(f, t))
+        if ($(w, t))
           a.setSegment("dayPeriod", 0);
-        else if (D(M, t))
+        else if ($(y, t))
           a.setSegment("dayPeriod", 12);
         else
           break;
         d.focusNext();
         break;
       case "era": {
-        let s = xe.find((c) => D(c.formatted, t));
+        let s = xe.find((l) => $(l.formatted, t));
         s && (a.setSegment("era", s.era), d.focusNext());
         break;
       }
@@ -958,38 +966,38 @@ function ya(e, a, n) {
       case "second":
       case "month":
       case "year": {
-        if (!u.isValidPartialNumber(o))
+        if (!p.isValidPartialNumber(o))
           return;
-        let s = u.parse(o), c = s, g = e.minValue === 0;
+        let s = p.parse(o), l = s, T = e.minValue === 0;
         if (e.type === "hour" && a.dateFormatter.resolvedOptions().hour12) {
           switch (a.dateFormatter.resolvedOptions().hourCycle) {
             case "h11":
-              s > 11 && (c = u.parse(t));
+              s > 11 && (l = p.parse(t));
               break;
             case "h12":
-              g = !1, s > 12 && (c = u.parse(t));
+              T = !1, s > 12 && (l = p.parse(t));
               break;
           }
           e.value >= 12 && s > 1 && (s += 12);
         } else
-          s > e.maxValue && (c = u.parse(t));
+          s > e.maxValue && (l = p.parse(t));
         if (isNaN(s))
           return;
-        let V = c !== 0 || g;
-        V && a.setSegment(e.type, c), +(s + "0") > e.maxValue || o.length >= String(e.maxValue).length ? (r.current = "", V && d.focusNext()) : r.current = o;
+        let Z = l !== 0 || T;
+        Z && a.setSegment(e.type, l), +(s + "0") > e.maxValue || o.length >= String(e.maxValue).length ? (r.current = "", Z && d.focusNext()) : r.current = o;
         break;
       }
     }
   }, we = () => {
-    r.current = "", Oe(n.current, {
-      containingElement: Be(n.current)
+    r.current = "", Be(n.current, {
+      containingElement: je(n.current)
     }), window.getSelection().collapse(n.current);
-  }, E = z("");
+  }, E = K("");
   I(n, "beforeinput", (t) => {
     switch (t.preventDefault(), t.inputType) {
       case "deleteContentBackward":
       case "deleteContentForward":
-        u.isValidPartialNumber(e.text) && !a.isReadOnly && w();
+        p.isValidPartialNumber(e.text) && !a.isReadOnly && v();
         break;
       case "insertCompositionText":
         E.current = n.current.textContent, n.current.textContent = n.current.textContent;
@@ -1002,7 +1010,7 @@ function ya(e, a, n) {
     let { inputType: o, data: s } = t;
     switch (o) {
       case "insertCompositionText":
-        n.current.textContent = E.current, (D(f, s) || D(M, s)) && A(s);
+        n.current.textContent = E.current, ($(w, s) || $(y, s)) && A(s);
         break;
     }
   }), Ke(() => {
@@ -1020,36 +1028,36 @@ function ya(e, a, n) {
     "aria-valuemin": null,
     "aria-valuetext": null,
     "aria-valuenow": null
-  } : {}, ge = $(() => a.segments.find((t) => t.isEditable), [
+  } : {}, ge = D(() => a.segments.find((t) => t.isEditable), [
     a.segments
   ]);
   e !== ge && a.validationState !== "invalid" && (i = void 0);
-  let Ne = Me(), b = !a.isDisabled && !a.isReadOnly && e.isEditable, Re = e.type === "literal" ? "" : v.of(e.type), Se = Ce({
-    "aria-label": `${Re}${y ? `, ${y}` : ""}${h ? ", " : ""}`,
-    "aria-labelledby": h
+  let Ne = Me(), k = !a.isDisabled && !a.isReadOnly && e.isEditable, Re = e.type === "literal" ? "" : b.of(e.type), Se = Ce({
+    "aria-label": `${Re}${h ? `, ${h}` : ""}${P ? ", " : ""}`,
+    "aria-labelledby": P
   });
   return e.type === "literal" ? {
     segmentProps: {
       "aria-hidden": !0
     }
   } : {
-    segmentProps: R(x, Se, {
+    segmentProps: N(x, Se, {
       id: Ne,
       ...Te,
       "aria-invalid": a.validationState === "invalid" ? "true" : void 0,
       "aria-describedby": i,
       "aria-readonly": a.isReadOnly || !e.isEditable ? "true" : void 0,
       "data-placeholder": e.isPlaceholder || void 0,
-      contentEditable: b,
-      suppressContentEditableWarning: b,
-      spellCheck: b ? "false" : void 0,
-      autoCapitalize: b ? "off" : void 0,
-      autoCorrect: b ? "off" : void 0,
+      contentEditable: k,
+      suppressContentEditableWarning: k,
+      spellCheck: k ? "false" : void 0,
+      autoCapitalize: k ? "off" : void 0,
+      autoCorrect: k ? "off" : void 0,
       // Capitalization was changed in React 17...
-      [parseInt(je.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: b ? "next" : void 0,
-      inputMode: a.isDisabled || e.type === "dayPeriod" || e.type === "era" || !b ? void 0 : "numeric",
+      [parseInt(Le.version, 10) >= 17 ? "enterKeyHint" : "enterkeyhint"]: k ? "next" : void 0,
+      inputMode: a.isDisabled || e.type === "dayPeriod" || e.type === "era" || !k ? void 0 : "numeric",
       tabIndex: a.isDisabled ? void 0 : 0,
-      onKeyDown: T,
+      onKeyDown: V,
       onFocus: we,
       style: {
         caretColor: "transparent"
@@ -1064,7 +1072,7 @@ function ya(e, a, n) {
     })
   };
 }
-function na(e) {
+function da(e) {
   e.sort();
   let a = e[0], n = e[e.length - 1];
   for (let r = 0; r < a.length; r++)
@@ -1073,8 +1081,8 @@ function na(e) {
   return 0;
 }
 export {
-  ta as useDateField,
-  ya as useDateSegment,
-  ra as useDisplayNames,
-  fa as useTimeField
+  ra as useDateField,
+  ba as useDateSegment,
+  ia as useDisplayNames,
+  ya as useTimeField
 };