@new-black/lyra 0.1.8 → 0.1.9

package/dist/lyra86.js

@@ -1,13 +1,13 @@
 import { createFocusManager as O, getFocusableTreeWalker as ze } from "./lyra64.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 "./lyra71.js";
-import Le, { useRef as K, useMemo as D, useEffect as We } from "react";
+import { useDescription as Ke, mergeProps as N, useFormReset as Fe, filterDOMProps as Me, useEvent as E, useLayoutEffect as Ce, isIOS as Ie, useId as Ae, useLabels as Ee, isMac as Oe, scrollIntoViewport as Be, getScrollParent as je } from "./lyra71.js";
+import Le, { useMemo as D, useRef as K, useEffect as We } from "react";
 import { useField as _e } from "./lyra84.js";
 import { useFocusWithin as Ue, usePress as He } from "./lyra81.js";
 import { toCalendar as Ge, CalendarDate as qe } from "./lyra87.js";
 import { NumberParser as Je } from "./lyra88.js";
 import { useSpinButton as Qe } from "./lyra89.js";
 import { LocalizedStringDictionary as Xe } from "./lyra90.js";
-import { useLocale as F, useDateFormatter as g, useFilter as Ye, useLocalizedStringFormatter as ea } from "./lyra51.js";
+import { useLocalizedStringFormatter as Ye, useLocale as F, useDateFormatter as g, useFilter as ea } from "./lyra51.js";
 function B(e) {
   return e && e.__esModule ? e.default : e;
 }
@@ -697,7 +697,7 @@ function aa(e, a, n) {
   let { direction: r } = F(), u = D(() => O(a), [
     a
   ]), b = (i) => {
-    if (i.altKey && (i.key === "ArrowDown" || i.key === "ArrowUp") && "setOpen" in e && (i.preventDefault(), i.stopPropagation(), e.setOpen(!0)), !n)
+    if (i.currentTarget.contains(i.target) && (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" ? u.focusNext() : u.focusPrevious();
@@ -752,17 +752,17 @@ function ra(e, a, n) {
     },
     onFocusWithin: e.onFocus,
     onFocusWithinChange: e.onFocusChange
-  }), d = ea(/* @__PURE__ */ B(M)), m = a.maxGranularity === "hour" ? "selectedTimeDescription" : "selectedDateDescription", c = a.maxGranularity === "hour" ? "time" : "date", R = a.value ? d.format(m, {
+  }), d = Ye(/* @__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(R), x = e[z] === "presentation" ? b["aria-describedby"] : [
-    S["aria-describedby"],
+  }) : "", V = Ke(R), x = e[z] === "presentation" ? b["aria-describedby"] : [
+    V["aria-describedby"],
     b["aria-describedby"]
   ].filter(Boolean).join(" ") || void 0, p = e[ta], v = D(() => p || O(n), [
     p,
     n
-  ]), V = aa(a, n, e[z] === "presentation");
+  ]), S = aa(a, n, e[z] === "presentation");
   Pe.set(a, {
     ariaLabel: e["aria-label"],
     ariaLabelledBy: [
@@ -783,8 +783,8 @@ function ra(e, a, n) {
     $.current && v.focusFirst(), $.current = !1;
   }, [
     v
-  ]), Ee(e.inputRef, a.value, a.setValue);
-  let w = Ie(e);
+  ]), Fe(e.inputRef, a.value, a.setValue);
+  let w = Me(e);
   return {
     labelProps: {
       ...u,
@@ -792,7 +792,7 @@ function ra(e, a, n) {
         v.focusFirst();
       }
     },
-    fieldProps: N(w, f, V, i, {
+    fieldProps: N(w, f, S, i, {
       onKeyDown(y) {
         e.onKeyDown && e.onKeyDown(y);
       },
@@ -842,7 +842,7 @@ function ba(e, a, n) {
   ]), R = g({
     month: "long",
     timeZone: c.timeZone
-  }), S = g({
+  }), V = g({
     hour: "numeric",
     hour12: c.hour12,
     timeZone: c.timeZone
@@ -851,7 +851,7 @@ function ba(e, a, n) {
     let t = R.format(a.dateValue);
     m = t !== m ? `${m} – ${t}` : t;
   } else
-    e.type === "hour" && !e.isPlaceholder && (m = S.format(a.dateValue));
+    e.type === "hour" && !e.isPlaceholder && (m = V.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.
@@ -891,7 +891,7 @@ function ba(e, a, n) {
       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);
-  }, V = (t) => {
+  }, S = (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":
@@ -899,7 +899,7 @@ function ba(e, a, n) {
           t.preventDefault(), t.stopPropagation(), v();
           break;
       }
-  }, { startsWith: $ } = Ye({
+  }, { startsWith: $ } = ea({
     sensitivity: "base"
   }), f = g({
     hour: "numeric",
@@ -927,10 +927,10 @@ function ba(e, a, n) {
         month: 1,
         day: 1,
         era: l
-      }).toDate("UTC"), Ve = C.formatToParts(T).find((Ze) => Ze.type === "era").value;
+      }).toDate("UTC"), Se = C.formatToParts(T).find((Ze) => Ze.type === "era").value;
       return {
         era: l,
-        formatted: Ve
+        formatted: Se
       };
     }), s = da(o.map((l) => l.formatted));
     if (s)
@@ -941,7 +941,7 @@ function ba(e, a, n) {
     C,
     a.calendar,
     e.type
-  ]), A = (t) => {
+  ]), I = (t) => {
     if (a.isDisabled || a.isReadOnly)
       return;
     let o = r.current + t;
@@ -992,28 +992,28 @@ function ba(e, a, n) {
     r.current = "", Be(n.current, {
       containingElement: je(n.current)
     }), window.getSelection().collapse(n.current);
-  }, E = K("");
-  I(n, "beforeinput", (t) => {
+  }, A = K("");
+  E(n, "beforeinput", (t) => {
     switch (t.preventDefault(), t.inputType) {
       case "deleteContentBackward":
       case "deleteContentForward":
         p.isValidPartialNumber(e.text) && !a.isReadOnly && v();
         break;
       case "insertCompositionText":
-        E.current = n.current.textContent, n.current.textContent = n.current.textContent;
+        A.current = n.current.textContent, n.current.textContent = n.current.textContent;
         break;
       default:
-        t.data != null && A(t.data);
+        t.data != null && I(t.data);
         break;
     }
-  }), I(n, "input", (t) => {
+  }), E(n, "input", (t) => {
     let { inputType: o, data: s } = t;
     switch (o) {
       case "insertCompositionText":
-        n.current.textContent = E.current, ($(w, s) || $(y, s)) && A(s);
+        n.current.textContent = A.current, ($(w, s) || $(y, s)) && I(s);
         break;
     }
-  }), Ke(() => {
+  }), Ce(() => {
     let t = n.current;
     return () => {
       document.activeElement === t && (d.focusPrevious() || d.focusNext());
@@ -1022,7 +1022,7 @@ function ba(e, a, n) {
     n,
     d
   ]);
-  let Te = Fe() || e.type === "timeZoneName" ? {
+  let Te = Ie() || e.type === "timeZoneName" ? {
     role: "textbox",
     "aria-valuemax": null,
     "aria-valuemin": null,
@@ -1031,8 +1031,8 @@ function ba(e, a, n) {
   } : {}, ge = D(() => a.segments.find((t) => t.isEditable), [
     a.segments
   ]);
-  e !== ge && a.validationState !== "invalid" && (i = void 0);
-  let Ne = Me(), k = !a.isDisabled && !a.isReadOnly && e.isEditable, Re = e.type === "literal" ? "" : b.of(e.type), Se = Ce({
+  e !== ge && !a.isInvalid && (i = void 0);
+  let Ne = Ae(), k = !a.isDisabled && !a.isReadOnly && e.isEditable, Re = e.type === "literal" ? "" : b.of(e.type), Ve = Ee({
     "aria-label": `${Re}${h ? `, ${h}` : ""}${P ? ", " : ""}`,
     "aria-labelledby": P
   });
@@ -1041,10 +1041,10 @@ function ba(e, a, n) {
       "aria-hidden": !0
     }
   } : {
-    segmentProps: N(x, Se, {
+    segmentProps: N(x, Ve, {
       id: Ne,
       ...Te,
-      "aria-invalid": a.validationState === "invalid" ? "true" : void 0,
+      "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,
@@ -1057,7 +1057,7 @@ function ba(e, a, n) {
       [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: V,
+      onKeyDown: S,
       onFocus: we,
       style: {
         caretColor: "transparent"