@new-black/lyra 0.1.10 → 0.1.11

package/dist/lyra102.js

@@ -1,388 +1,153 @@
-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 "./lyra74.js";
-import { useMemo as v, useState as ra, useCallback as T } from "react";
-import { useFocus as la, useFocusWithin as ia, useScrollWheel as da } from "./lyra80.js";
-import { useFormattedTextField as na } from "./lyra103.js";
-import { useSpinButton as sa } from "./lyra90.js";
-import { useLocalizedStringFormatter as ta, useNumberFormatter as k } from "./lyra52.js";
-function oa(e) {
-  return e && e.__esModule ? e.default : e;
+import { filterDOMProps as M, useId as B, mergeProps as h, useSlotId as _, isMac as w, isWebKit as H } from "./lyra72.js";
+import { useFocusWithin as W, useHover as K, isFocusVisible as U } from "./lyra82.js";
+import { useLabel as L } from "./lyra88.js";
+import { useSelectableList as N, useSelectableItem as C } from "./lyra101.js";
+import { getItemCount as E } from "./lyra103.js";
+const P = /* @__PURE__ */ new WeakMap();
+function T(e) {
+  return typeof e == "string" ? e.replace(/\s*/g, "") : "" + e;
 }
-var O = {}, A = {};
-A = {
-  decrease: (e) => `خفض ${e.fieldLabel}`,
-  increase: (e) => `زيادة ${e.fieldLabel}`,
-  numberField: "حقل رقمي"
-};
-var W = {};
-W = {
-  decrease: (e) => `Намаляване ${e.fieldLabel}`,
-  increase: (e) => `Усилване ${e.fieldLabel}`,
-  numberField: "Номер на полето"
-};
-var K = {};
-K = {
-  decrease: (e) => `Snížit ${e.fieldLabel}`,
-  increase: (e) => `Zvýšit ${e.fieldLabel}`,
-  numberField: "Číselné pole"
-};
-var z = {};
-z = {
-  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 = {
-  decrease: (e) => `Μείωση ${e.fieldLabel}`,
-  increase: (e) => `Αύξηση ${e.fieldLabel}`,
-  numberField: "Πεδίο αριθμού"
-};
-var w = {};
-w = {
-  decrease: (e) => `Decrease ${e.fieldLabel}`,
-  increase: (e) => `Increase ${e.fieldLabel}`,
-  numberField: "Number field"
-};
-var U = {};
-U = {
-  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: "數字欄位"
-};
-O = {
-  "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();
+function j(e, o) {
+  let a = P.get(e);
+  if (!a)
+    throw new Error("Unknown list");
+  return `${a.id}-option-${T(o)}`;
+}
+function X(e, o, a) {
+  let r = M(e, {
+    labelable: !0
+  }), l = e.selectionBehavior || "toggle", i = e.linkBehavior || (l === "replace" ? "action" : "override");
+  l === "toggle" && i === "action" && (i = "override");
+  let { listProps: u } = N({
+    ...e,
+    ref: a,
+    selectionManager: o.selectionManager,
+    collection: o.collection,
+    disabledKeys: o.disabledKeys,
+    linkBehavior: i
+  }), { focusWithinProps: t } = W({
+    onFocusWithin: e.onFocus,
+    onBlurWithin: e.onBlur,
+    onFocusWithinChange: e.onFocusChange
+  }), d = B(e.id);
+  P.set(o, {
+    id: d,
+    shouldUseVirtualFocus: e.shouldUseVirtualFocus,
+    shouldSelectOnPressUp: e.shouldSelectOnPressUp,
+    shouldFocusOnHover: e.shouldFocusOnHover,
+    isVirtualized: e.isVirtualized,
+    onAction: e.onAction,
+    linkBehavior: i
+  });
+  let { labelProps: f, fieldProps: b } = L({
+    ...e,
+    id: d,
+    // listbox is not an HTML input element so it
+    // shouldn't be labeled by a <label> element.
+    labelElementType: "span"
+  });
+  return {
+    labelProps: f,
+    listBoxProps: h(r, t, o.selectionManager.selectionMode === "multiple" ? {
+      "aria-multiselectable": "true"
+    } : {}, {
+      role: "listbox",
+      ...h(b, u)
+    })
+  };
+}
+function Y(e, o, a) {
+  var r;
+  let { key: l } = e, i = P.get(o);
+  var u;
+  let t = (u = e.isDisabled) !== null && u !== void 0 ? u : o.disabledKeys.has(l);
+  var d;
+  let f = (d = e.isSelected) !== null && d !== void 0 ? d : o.selectionManager.isSelected(l);
+  var b;
+  let g = (b = e.shouldSelectOnPressUp) !== null && b !== void 0 ? b : i == null ? void 0 : i.shouldSelectOnPressUp;
+  var v;
+  let m = (v = e.shouldFocusOnHover) !== null && v !== void 0 ? v : i == null ? void 0 : i.shouldFocusOnHover;
+  var $;
+  let y = ($ = e.shouldUseVirtualFocus) !== null && $ !== void 0 ? $ : i == null ? void 0 : i.shouldUseVirtualFocus;
+  var p;
+  let x = (p = e.isVirtualized) !== null && p !== void 0 ? p : i == null ? void 0 : i.isVirtualized, F = _(), S = _(), n = {
+    role: "option",
+    "aria-disabled": t || void 0,
+    "aria-selected": o.selectionManager.selectionMode !== "none" ? f : void 0
+  };
+  w() && H() || (n["aria-label"] = e["aria-label"], n["aria-labelledby"] = F, n["aria-describedby"] = S);
+  let s = o.collection.getItem(l);
+  if (x) {
+    let c = Number(s == null ? void 0 : s.index);
+    n["aria-posinset"] = Number.isNaN(c) ? void 0 : c + 1, n["aria-setsize"] = E(o.collection);
+  }
+  let { itemProps: k, isPressed: I, isFocused: O, hasAction: z, allowsSelection: A } = C({
+    selectionManager: o.selectionManager,
+    key: l,
+    ref: a,
+    shouldSelectOnPressUp: g,
+    allowsDifferentPressOrigin: g && m,
+    isVirtualized: x,
+    shouldUseVirtualFocus: y,
+    isDisabled: t,
+    onAction: i != null && i.onAction ? () => {
+      var c;
+      return i == null || (c = i.onAction) === null || c === void 0 ? void 0 : c.call(i, l);
+    } : void 0,
+    linkBehavior: i == null ? void 0 : i.linkBehavior
+  }), { hoverProps: D } = K({
+    isDisabled: t || !m,
+    onHoverStart() {
+      U() || (o.selectionManager.setFocused(!0), o.selectionManager.setFocusedKey(l));
     }
-  }), 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
+  }), V = M(s == null ? void 0 : s.props, {
+    isLink: !!(!(s == null || (r = s.props) === null || r === void 0) && r.href)
   });
+  return delete V.id, {
+    optionProps: {
+      ...n,
+      ...h(V, k, D),
+      id: j(o, l)
+    },
+    labelProps: {
+      id: F
+    },
+    descriptionProps: {
+      id: S
+    },
+    isFocused: O,
+    isFocusVisible: O && U(),
+    isSelected: f,
+    isDisabled: t,
+    isPressed: I,
+    allowsSelection: A,
+    hasAction: z
+  };
+}
+function Z(e) {
+  let { heading: o, "aria-label": a } = e, r = B();
   return {
+    itemProps: {
+      role: "presentation"
+    },
+    headingProps: o ? {
+      // Techincally, listbox cannot contain headings according to ARIA.
+      // We hide the heading from assistive technology, using role="presentation",
+      // and only use it as a visual label for the nested group.
+      id: r,
+      role: "presentation"
+    } : {},
     groupProps: {
-      ...ze,
       role: "group",
-      "aria-disabled": d,
-      "aria-invalid": h || P === "invalid" ? "true" : void 0
-    },
-    labelProps: I,
-    inputProps: Ge,
-    incrementButtonProps: Ye,
-    decrementButtonProps: He,
-    errorMessageProps: qe,
-    descriptionProps: Ze
+      "aria-label": a,
+      "aria-labelledby": o ? r : void 0
+    }
   };
 }
 export {
-  La as useNumberField
+  j as getItemId,
+  P as listData,
+  X as useListBox,
+  Z as useListBoxSection,
+  Y as useOption
 };