@new-black/lyra 0.1.8 → 0.1.9

package/dist/lyra101.js

@@ -1,234 +1,388 @@
-import { useId as W } from "./lyra71.js";
-import { useLongPress as q } from "./lyra81.js";
-import { useOverlayTrigger as Q } from "./lyra92.js";
-import "react";
-import { useLocalizedStringFormatter as X } from "./lyra51.js";
-function Y(r) {
-  return r && r.__esModule ? r.default : r;
+import { useId as L, isIPhone as _e, isAndroid as Je, filterDOMProps as Xe, chain as Qe, useFormReset as ea, mergeProps as x, isIOS as aa } from "./lyra71.js";
+import { useMemo as v, useState as ra, useCallback as T } from "react";
+import { useFocus as la, useFocusWithin as ia, useScrollWheel as da } from "./lyra81.js";
+import { useFormattedTextField as na } from "./lyra102.js";
+import { useSpinButton as sa } from "./lyra89.js";
+import { useLocalizedStringFormatter as ta, useNumberFormatter as k } from "./lyra51.js";
+function oa(e) {
+  return e && e.__esModule ? e.default : e;
 }
-var i = {}, p = {};
-p = {
-  longPressMessage: "اضغط مطولاً أو اضغط على Alt + السهم لأسفل لفتح القائمة"
-};
-var g = {};
-g = {
-  longPressMessage: "Натиснете продължително или натиснете Alt+ стрелка надолу, за да отворите менюто"
-};
-var u = {};
-u = {
-  longPressMessage: "Dlouhým stiskem nebo stisknutím kláves Alt + šipka dolů otevřete nabídku"
-};
-var c = {};
-c = {
-  longPressMessage: "Langt tryk eller tryk på Alt + pil ned for at åbne menuen"
-};
-var $ = {};
-$ = {
-  longPressMessage: "Drücken Sie lange oder drücken Sie Alt + Nach-unten, um das Menü zu öffnen"
-};
-var d = {};
-d = {
-  longPressMessage: "Πιέστε παρατεταμένα ή πατήστε Alt + κάτω βέλος για να ανοίξετε το μενού"
-};
-var b = {};
-b = {
-  longPressMessage: "Long press or press Alt + ArrowDown to open menu"
-};
-var f = {};
-f = {
-  longPressMessage: "Mantenga pulsado o pulse Alt + flecha abajo para abrir el menú"
-};
-var P = {};
-P = {
-  longPressMessage: "Menüü avamiseks vajutage pikalt või vajutage klahve Alt + allanool"
-};
-var v = {};
-v = {
-  longPressMessage: "Avaa valikko painamalla pohjassa tai näppäinyhdistelmällä Alt + Alanuoli"
-};
-var m = {};
-m = {
-  longPressMessage: "Appuyez de manière prolongée ou appuyez sur Alt + Flèche vers le bas pour ouvrir le menu."
-};
-var A = {};
+var O = {}, A = {};
 A = {
-  longPressMessage: "לחץ לחיצה ארוכה או הקש Alt + ArrowDown כדי לפתוח את התפריט"
-};
-var x = {};
-x = {
-  longPressMessage: "Dugo pritisnite ili pritisnite Alt + strelicu prema dolje za otvaranje izbornika"
-};
-var k = {};
-k = {
-  longPressMessage: "Nyomja meg hosszan, vagy nyomja meg az Alt + lefele nyíl gombot a menü megnyitásához"
-};
-var y = {};
-y = {
-  longPressMessage: "Premere a lungo o premere Alt + Freccia giù per aprire il menu"
-};
-var M = {};
-M = {
-  longPressMessage: "長押しまたは Alt+下矢印キーでメニューを開く"
+  decrease: (e) => `خفض ${e.fieldLabel}`,
+  increase: (e) => `زيادة ${e.fieldLabel}`,
+  numberField: "حقل رقمي"
 };
-var h = {};
-h = {
-  longPressMessage: "길게 누르거나 Alt + 아래쪽 화살표를 눌러 메뉴 열기"
+var W = {};
+W = {
+  decrease: (e) => `Намаляване ${e.fieldLabel}`,
+  increase: (e) => `Усилване ${e.fieldLabel}`,
+  numberField: "Номер на полето"
 };
-var D = {};
-D = {
-  longPressMessage: "Norėdami atidaryti meniu, nuspaudę palaikykite arba paspauskite „Alt + ArrowDown“."
+var K = {};
+K = {
+  decrease: (e) => `Snížit ${e.fieldLabel}`,
+  increase: (e) => `Zvýšit ${e.fieldLabel}`,
+  numberField: "Číselné pole"
 };
 var z = {};
 z = {
-  longPressMessage: "Lai atvērtu izvēlni, turiet nospiestu vai nospiediet taustiņu kombināciju Alt + lejupvērstā bultiņa"
+  decrease: (e) => `Reducer ${e.fieldLabel}`,
+  increase: (e) => `Øg ${e.fieldLabel}`,
+  numberField: "Talfelt"
+};
+var E = {};
+E = {
+  decrease: (e) => `${e.fieldLabel} verringern`,
+  increase: (e) => `${e.fieldLabel} erhöhen`,
+  numberField: "Nummernfeld"
 };
 var j = {};
 j = {
-  longPressMessage: "Langt trykk eller trykk Alt + PilNed for å åpne menyen"
+  decrease: (e) => `Μείωση ${e.fieldLabel}`,
+  increase: (e) => `Αύξηση ${e.fieldLabel}`,
+  numberField: "Πεδίο αριθμού"
 };
 var w = {};
 w = {
-  longPressMessage: "Druk lang op Alt + pijl-omlaag of druk op Alt om het menu te openen"
-};
-var S = {};
-S = {
-  longPressMessage: "Naciśnij i przytrzymaj lub naciśnij klawisze Alt + Strzałka w dół, aby otworzyć menu"
-};
-var L = {};
-L = {
-  longPressMessage: "Pressione e segure ou pressione Alt + Seta para baixo para abrir o menu"
-};
-var T = {};
-T = {
-  longPressMessage: "Prima continuamente ou prima Alt + Seta Para Baixo para abrir o menu"
-};
-var N = {};
-N = {
-  longPressMessage: "Apăsați lung sau apăsați pe Alt + săgeată în jos pentru a deschide meniul"
-};
-var R = {};
-R = {
-  longPressMessage: "Нажмите и удерживайте или нажмите Alt + Стрелка вниз, чтобы открыть меню"
-};
-var E = {};
-E = {
-  longPressMessage: "Ponuku otvoríte dlhým stlačením alebo stlačením klávesu Alt + klávesu so šípkou nadol"
-};
-var F = {};
-F = {
-  longPressMessage: "Za odprtje menija pritisnite in držite gumb ali pritisnite Alt+puščica navzdol"
-};
-var I = {};
-I = {
-  longPressMessage: "Dugo pritisnite ili pritisnite Alt + strelicu prema dole da otvorite meni"
-};
-var K = {};
-K = {
-  longPressMessage: "Håll nedtryckt eller tryck på Alt + pil nedåt för att öppna menyn"
+  decrease: (e) => `Decrease ${e.fieldLabel}`,
+  increase: (e) => `Increase ${e.fieldLabel}`,
+  numberField: "Number field"
 };
 var U = {};
 U = {
-  longPressMessage: "Menüyü açmak için uzun basın veya Alt + Aşağı Ok tuşuna basın"
+  decrease: (e) => `Reducir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var Z = {};
+Z = {
+  decrease: (e) => `Vähenda ${e.fieldLabel}`,
+  increase: (e) => `Suurenda ${e.fieldLabel}`,
+  numberField: "Numbri väli"
+};
+var q = {};
+q = {
+  decrease: (e) => `Vähennä ${e.fieldLabel}`,
+  increase: (e) => `Lisää ${e.fieldLabel}`,
+  numberField: "Numerokenttä"
+};
+var G = {};
+G = {
+  decrease: (e) => `Diminuer ${e.fieldLabel}`,
+  increase: (e) => `Augmenter ${e.fieldLabel}`,
+  numberField: "Champ de nombre"
+};
+var Y = {};
+Y = {
+  decrease: (e) => `הקטן ${e.fieldLabel}`,
+  increase: (e) => `הגדל ${e.fieldLabel}`,
+  numberField: "שדה מספר"
+};
+var H = {};
+H = {
+  decrease: (e) => `Smanji ${e.fieldLabel}`,
+  increase: (e) => `Povećaj ${e.fieldLabel}`,
+  numberField: "Polje broja"
+};
+var _ = {};
+_ = {
+  decrease: (e) => `${e.fieldLabel} csökkentése`,
+  increase: (e) => `${e.fieldLabel} növelése`,
+  numberField: "Számmező"
+};
+var J = {};
+J = {
+  decrease: (e) => `Riduci ${e.fieldLabel}`,
+  increase: (e) => `Aumenta ${e.fieldLabel}`,
+  numberField: "Campo numero"
+};
+var X = {};
+X = {
+  decrease: (e) => `${e.fieldLabel}を縮小`,
+  increase: (e) => `${e.fieldLabel}を拡大`,
+  numberField: "数値フィールド"
+};
+var Q = {};
+Q = {
+  decrease: (e) => `${e.fieldLabel} 감소`,
+  increase: (e) => `${e.fieldLabel} 증가`,
+  numberField: "번호 필드"
+};
+var ee = {};
+ee = {
+  decrease: (e) => `Sumažinti ${e.fieldLabel}`,
+  increase: (e) => `Padidinti ${e.fieldLabel}`,
+  numberField: "Numerio laukas"
+};
+var ae = {};
+ae = {
+  decrease: (e) => `Samazināšana ${e.fieldLabel}`,
+  increase: (e) => `Palielināšana ${e.fieldLabel}`,
+  numberField: "Skaitļu lauks"
+};
+var re = {};
+re = {
+  decrease: (e) => `Reduser ${e.fieldLabel}`,
+  increase: (e) => `Øk ${e.fieldLabel}`,
+  numberField: "Tallfelt"
+};
+var le = {};
+le = {
+  decrease: (e) => `${e.fieldLabel} verlagen`,
+  increase: (e) => `${e.fieldLabel} verhogen`,
+  numberField: "Getalveld"
+};
+var ie = {};
+ie = {
+  decrease: (e) => `Zmniejsz ${e.fieldLabel}`,
+  increase: (e) => `Zwiększ ${e.fieldLabel}`,
+  numberField: "Pole numeru"
+};
+var de = {};
+de = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo de número"
+};
+var ne = {};
+ne = {
+  decrease: (e) => `Diminuir ${e.fieldLabel}`,
+  increase: (e) => `Aumentar ${e.fieldLabel}`,
+  numberField: "Campo numérico"
+};
+var se = {};
+se = {
+  decrease: (e) => `Scădere ${e.fieldLabel}`,
+  increase: (e) => `Creștere ${e.fieldLabel}`,
+  numberField: "Câmp numeric"
+};
+var te = {};
+te = {
+  decrease: (e) => `Уменьшение ${e.fieldLabel}`,
+  increase: (e) => `Увеличение ${e.fieldLabel}`,
+  numberField: "Числовое поле"
+};
+var oe = {};
+oe = {
+  decrease: (e) => `Znížiť ${e.fieldLabel}`,
+  increase: (e) => `Zvýšiť ${e.fieldLabel}`,
+  numberField: "Číselné pole"
+};
+var be = {};
+be = {
+  decrease: (e) => `Upadati ${e.fieldLabel}`,
+  increase: (e) => `Povečajte ${e.fieldLabel}`,
+  numberField: "Številčno polje"
+};
+var ce = {};
+ce = {
+  decrease: (e) => `Decrease ${e.fieldLabel}`,
+  increase: (e) => `Increase ${e.fieldLabel}`,
+  numberField: "Number field"
+};
+var ue = {};
+ue = {
+  decrease: (e) => `Minska ${e.fieldLabel}`,
+  increase: (e) => `Öka ${e.fieldLabel}`,
+  numberField: "Nummerfält"
+};
+var fe = {};
+fe = {
+  decrease: (e) => `${e.fieldLabel} azalt`,
+  increase: (e) => `${e.fieldLabel} arttır`,
+  numberField: "Sayı alanı"
+};
+var $e = {};
+$e = {
+  decrease: (e) => `Зменшити ${e.fieldLabel}`,
+  increase: (e) => `Збільшити ${e.fieldLabel}`,
+  numberField: "Поле номера"
+};
+var me = {};
+me = {
+  decrease: (e) => `降低 ${e.fieldLabel}`,
+  increase: (e) => `提高 ${e.fieldLabel}`,
+  numberField: "数字字段"
+};
+var pe = {};
+pe = {
+  decrease: (e) => `縮小 ${e.fieldLabel}`,
+  increase: (e) => `放大 ${e.fieldLabel}`,
+  numberField: "數字欄位"
 };
-var O = {};
 O = {
-  longPressMessage: "Довго або звичайно натисніть комбінацію клавіш Alt і стрілка вниз, щоб відкрити меню"
-};
-var B = {};
-B = {
-  longPressMessage: "长按或按 Alt + 向下方向键以打开菜单"
-};
-var C = {};
-C = {
-  longPressMessage: "長按或按 Alt+向下鍵以開啟功能表"
-};
-i = {
-  "ar-AE": p,
-  "bg-BG": g,
-  "cs-CZ": u,
-  "da-DK": c,
-  "de-DE": $,
-  "el-GR": d,
-  "en-US": b,
-  "es-ES": f,
-  "et-EE": P,
-  "fi-FI": v,
-  "fr-FR": m,
-  "he-IL": A,
-  "hr-HR": x,
-  "hu-HU": k,
-  "it-IT": y,
-  "ja-JP": M,
-  "ko-KR": h,
-  "lt-LT": D,
-  "lv-LV": z,
-  "nb-NO": j,
-  "nl-NL": w,
-  "pl-PL": S,
-  "pt-BR": L,
-  "pt-PT": T,
-  "ro-RO": N,
-  "ru-RU": R,
-  "sk-SK": E,
-  "sl-SI": F,
-  "sr-SP": I,
-  "sv-SE": K,
-  "tr-TR": U,
-  "uk-UA": O,
-  "zh-CN": B,
-  "zh-TW": C
-};
-function te(r, s, t) {
-  let { type: H = "menu", isDisabled: a, trigger: o = "press" } = r, n = W(), { triggerProps: l, overlayProps: G } = Q({
-    type: H
-  }, s, t), Z = (e) => {
-    if (!a && !(o === "longPress" && !e.altKey) && t && t.current)
-      switch (e.key) {
-        case "Enter":
-        case " ":
-          if (o === "longPress")
-            return;
-        case "ArrowDown":
-          "continuePropagation" in e || e.stopPropagation(), e.preventDefault(), s.toggle("first");
-          break;
-        case "ArrowUp":
-          "continuePropagation" in e || e.stopPropagation(), e.preventDefault(), s.toggle("last");
-          break;
-        default:
-          "continuePropagation" in e && e.continuePropagation();
-      }
-  }, _ = X(/* @__PURE__ */ Y(i)), { longPressProps: J } = q({
-    isDisabled: a || o !== "longPress",
-    accessibilityDescription: _.format("longPressMessage"),
-    onLongPressStart() {
-      s.close();
-    },
-    onLongPress() {
-      s.open("first");
+  "ar-AE": A,
+  "bg-BG": W,
+  "cs-CZ": K,
+  "da-DK": z,
+  "de-DE": E,
+  "el-GR": j,
+  "en-US": w,
+  "es-ES": U,
+  "et-EE": Z,
+  "fi-FI": q,
+  "fr-FR": G,
+  "he-IL": Y,
+  "hr-HR": H,
+  "hu-HU": _,
+  "it-IT": J,
+  "ja-JP": X,
+  "ko-KR": Q,
+  "lt-LT": ee,
+  "lv-LV": ae,
+  "nb-NO": re,
+  "nl-NL": le,
+  "pl-PL": ie,
+  "pt-BR": de,
+  "pt-PT": ne,
+  "ro-RO": se,
+  "ru-RU": te,
+  "sk-SK": oe,
+  "sl-SI": be,
+  "sr-SP": ce,
+  "sv-SE": ue,
+  "tr-TR": fe,
+  "uk-UA": $e,
+  "zh-CN": me,
+  "zh-TW": pe
+};
+function La(e, r, i) {
+  let { id: Le, decrementAriaLabel: t, incrementAriaLabel: o, isDisabled: d, isReadOnly: b, isRequired: F, minValue: xe, maxValue: ve, autoFocus: Fe, validationState: P, isInvalid: h, label: Pe, formatOptions: g, onBlur: he = () => {
+  }, onFocus: ge, onFocusChange: De, onKeyDown: D, onKeyUp: Se, description: ye, errorMessage: Ve, ...Me } = e, { increment: c, incrementToMax: Ce, decrement: u, decrementToMin: Ie, numberValue: s, inputValue: Be, commit: f } = r;
+  const $ = ta(/* @__PURE__ */ oa(O));
+  let m = L(Le), { focusProps: Ne } = la({
+    onBlur: () => {
+      f();
     }
-  }), V = {
-    onPressStart(e) {
-      e.pointerType !== "touch" && e.pointerType !== "keyboard" && !a && s.toggle(e.pointerType === "virtual" ? "first" : null);
+  }), S = k(g), Re = v(() => S.resolvedOptions(), [
+    S
+  ]), y = k({
+    ...g,
+    currencySign: void 0
+  }), Te = v(() => isNaN(s) ? "" : y.format(s), [
+    y,
+    s
+  ]), { spinButtonProps: ke, incrementButtonProps: Oe, decrementButtonProps: Ae } = sa({
+    isDisabled: d,
+    isReadOnly: b,
+    isRequired: F,
+    maxValue: ve,
+    minValue: xe,
+    onIncrement: c,
+    onIncrementToMax: Ce,
+    onDecrement: u,
+    onDecrementToMin: Ie,
+    value: s,
+    textValue: Te
+  }), [We, Ke] = ra(!1), { focusWithinProps: ze } = ia({
+    isDisabled: d,
+    onFocusWithinChange: Ke
+  }), Ee = T((a) => {
+    Math.abs(a.deltaY) <= Math.abs(a.deltaX) || (a.deltaY > 0 ? c() : a.deltaY < 0 && u());
+  }, [
+    u,
+    c
+  ]);
+  da({
+    onScroll: Ee,
+    isDisabled: d || b || !We
+  }, i);
+  let V = Re.maximumFractionDigits > 0, M = isNaN(r.minValue) || r.minValue < 0, n = "numeric";
+  _e() ? M ? n = "text" : V && (n = "decimal") : Je() && (M ? n = "numeric" : V && (n = "decimal"));
+  let je = (a) => {
+    r.validate(a) && r.setInputValue(a);
+  }, we = Xe(e), C = T((a) => {
+    a.key === "Enter" && f();
+  }, [
+    f
+  ]), { labelProps: I, inputProps: Ue, descriptionProps: Ze, errorMessageProps: qe } = na({
+    ...Me,
+    ...we,
+    name: void 0,
+    label: Pe,
+    autoFocus: Fe,
+    isDisabled: d,
+    isReadOnly: b,
+    isRequired: F,
+    validationState: P,
+    isInvalid: h,
+    value: Be,
+    defaultValue: void 0,
+    autoComplete: "off",
+    "aria-label": e["aria-label"] || null,
+    "aria-labelledby": e["aria-labelledby"] || null,
+    id: m,
+    type: "text",
+    inputMode: n,
+    onChange: je,
+    onBlur: he,
+    onFocus: ge,
+    onFocusChange: De,
+    onKeyDown: v(() => Qe(C, D), [
+      C,
+      D
+    ]),
+    onKeyUp: Se,
+    description: ye,
+    errorMessage: Ve
+  }, r, i);
+  ea(i, r.numberValue, r.setNumberValue);
+  let Ge = x(ke, Ne, Ue, {
+    // override the spinbutton role, we can't focus a spin button with VO
+    role: null,
+    // ignore aria-roledescription on iOS so that required state will announce when it is present
+    "aria-roledescription": aa() ? null : $.format("numberField"),
+    "aria-valuemax": null,
+    "aria-valuemin": null,
+    "aria-valuenow": null,
+    "aria-valuetext": null,
+    autoCorrect: "off",
+    spellCheck: "false"
+  }), B = (a) => {
+    document.activeElement !== i.current && (a.pointerType === "mouse" ? i.current.focus() : a.target.focus());
+  }, p = e["aria-label"] || (typeof e.label == "string" ? e.label : ""), l;
+  p || (l = e.label != null ? I.id : e["aria-labelledby"]);
+  let N = L(), R = L(), Ye = x(Oe, {
+    "aria-label": o || $.format("increase", {
+      fieldLabel: p
+    }).trim(),
+    id: l && !o ? N : null,
+    "aria-labelledby": l && !o ? `${N} ${l}` : null,
+    "aria-controls": m,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !r.canIncrement,
+    onPressStart: B
+  }), He = x(Ae, {
+    "aria-label": t || $.format("decrease", {
+      fieldLabel: p
+    }).trim(),
+    id: l && !t ? R : null,
+    "aria-labelledby": l && !t ? `${R} ${l}` : null,
+    "aria-controls": m,
+    excludeFromTabOrder: !0,
+    preventFocusOnPress: !0,
+    allowFocusWhenDisabled: !0,
+    isDisabled: !r.canDecrement,
+    onPressStart: B
+  });
+  return {
+    groupProps: {
+      ...ze,
+      role: "group",
+      "aria-disabled": d,
+      "aria-invalid": h || P === "invalid" ? "true" : void 0
     },
-    onPress(e) {
-      e.pointerType === "touch" && !a && s.toggle();
-    }
-  };
-  return delete l.onPress, {
-    menuTriggerProps: {
-      ...l,
-      ...o === "press" ? V : J,
-      id: n,
-      onKeyDown: Z
-    },
-    menuProps: {
-      ...G,
-      "aria-labelledby": n,
-      autoFocus: s.focusStrategy || !0,
-      onClose: s.close
-    }
+    labelProps: I,
+    inputProps: Ge,
+    incrementButtonProps: Ye,
+    decrementButtonProps: He,
+    errorMessageProps: qe,
+    descriptionProps: Ze
   };
 }
 export {
-  te as useMenuTrigger
+  La as useNumberField
 };