@new-black/lyra 0.0.28 → 0.1.1

package/dist/lyra61.js

@@ -1,144 +1,499 @@
-import { filterDOMProps as H, useId as U, mergeProps as v, useSlotId as O, isMac as I, isWebKit as W } from "./lyra46.js";
-import { useFocusWithin as _, useHover as K, isFocusVisible as V } from "./lyra48.js";
-import { useLabel as B } from "./lyra51.js";
-import { useSelectableList as L, useSelectableItem as N } from "./lyra62.js";
-import { getItemCount as k } from "./lyra63.js";
-const h = /* @__PURE__ */ new WeakMap();
-function C(e) {
-  return typeof e == "string" ? e.replace(/\s*/g, "") : "" + e;
-}
-function E(e, i) {
-  let s = h.get(e);
-  if (!s)
-    throw new Error("Unknown list");
-  return `${s.id}-option-${C(i)}`;
-}
-function Q(e, i, s) {
-  let l = H(e, {
-    labelable: !0
-  }), { listProps: o } = L({
-    ...e,
-    ref: s,
-    selectionManager: i.selectionManager,
-    collection: i.collection,
-    disabledKeys: i.disabledKeys
-  }), { focusWithinProps: t } = _({
-    onFocusWithin: e.onFocus,
-    onBlurWithin: e.onBlur,
-    onFocusWithinChange: e.onFocusChange
-  }), a = U(e.id);
-  h.set(i, {
-    id: a,
-    shouldUseVirtualFocus: e.shouldUseVirtualFocus,
-    shouldSelectOnPressUp: e.shouldSelectOnPressUp,
-    shouldFocusOnHover: e.shouldFocusOnHover,
-    isVirtualized: e.isVirtualized,
-    onAction: e.onAction
-  });
-  let { labelProps: n, fieldProps: c } = B({
-    ...e,
-    id: a,
-    // listbox is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span"
+import N, { useRef as u, useMemo as W, useState as h, useCallback as c, useEffect as b } from "react";
+import { useSSRSafeId as k } from "./lyra49.js";
+import { clsx as D } from "./lyra100.js";
+const p = typeof document < "u" ? N.useLayoutEffect : () => {
+};
+function G(e) {
+  let [t, r] = h(e), n = u(t), o = u(null), i = c(() => {
+    let a = o.current.next();
+    for (; !a.done && n.current === a.value; )
+      a = o.current.next();
+    if (a.done) {
+      o.current = null;
+      return;
+    }
+    r(a.value), n.current = a.value;
+  }, [
+    r,
+    n,
+    o
+  ]);
+  p(() => {
+    o.current && i();
   });
-  return {
-    labelProps: n,
-    listBoxProps: v(l, t, i.selectionManager.selectionMode === "multiple" ? {
-      "aria-multiselectable": "true"
-    } : {}, {
-      role: "listbox",
-      ...v(c, o)
-    })
+  let l = c((a) => {
+    o.current = a(n.current), i();
+  }, [
+    i,
+    o,
+    n
+  ]);
+  return [
+    t,
+    l
+  ];
+}
+let w = /* @__PURE__ */ new Map();
+function M(e) {
+  let [t, r] = h(e), n = u(null), o = k(t), i = c((l) => {
+    n.current = l;
+  }, []);
+  return w.set(o, i), p(() => {
+    let l = o;
+    return () => {
+      w.delete(l);
+    };
+  }, [
+    o
+  ]), b(() => {
+    let l = n.current;
+    l && (n.current = null, r(l));
+  }), o;
+}
+function j(e, t) {
+  if (e === t)
+    return e;
+  let r = w.get(e);
+  if (r)
+    return r(t), t;
+  let n = w.get(t);
+  return n ? (n(e), e) : t;
+}
+function ie(e = []) {
+  let t = M(), [r, n] = G(t), o = c(() => {
+    n(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    n
+  ]);
+  return p(o, [
+    t,
+    o,
+    ...e
+  ]), r;
+}
+function H(...e) {
+  return (...t) => {
+    for (let r of e)
+      typeof r == "function" && r(...t);
   };
 }
-function R(e, i, s) {
-  let { key: l } = e, o = h.get(i);
-  var t;
-  let a = (t = e.isDisabled) !== null && t !== void 0 ? t : i.disabledKeys.has(l);
-  var n;
-  let c = (n = e.isSelected) !== null && n !== void 0 ? n : i.selectionManager.isSelected(l);
-  var u;
-  let P = (u = e.shouldSelectOnPressUp) !== null && u !== void 0 ? u : o == null ? void 0 : o.shouldSelectOnPressUp;
-  var b;
-  let x = (b = e.shouldFocusOnHover) !== null && b !== void 0 ? b : o == null ? void 0 : o.shouldFocusOnHover;
-  var f;
-  let M = (f = e.shouldUseVirtualFocus) !== null && f !== void 0 ? f : o == null ? void 0 : o.shouldUseVirtualFocus;
-  var $;
-  let F = ($ = e.isVirtualized) !== null && $ !== void 0 ? $ : o == null ? void 0 : o.isVirtualized, g = O(), m = O(), r = {
-    role: "option",
-    "aria-disabled": a || void 0,
-    "aria-selected": i.selectionManager.selectionMode !== "none" ? c : void 0
+function le(...e) {
+  let t = {
+    ...e[0]
   };
-  if (I() && W() || (r["aria-label"] = e["aria-label"], r["aria-labelledby"] = g, r["aria-describedby"] = m), F) {
-    var p;
-    let d = Number((p = i.collection.getItem(l)) === null || p === void 0 ? void 0 : p.index);
-    r["aria-posinset"] = Number.isNaN(d) ? void 0 : d + 1, r["aria-setsize"] = k(i.collection);
+  for (let r = 1; r < e.length; r++) {
+    let n = e[r];
+    for (let o in n) {
+      let i = t[o], l = n[o];
+      typeof i == "function" && typeof l == "function" && // This is a lot faster than a regex.
+      o[0] === "o" && o[1] === "n" && o.charCodeAt(2) >= /* 'A' */
+      65 && o.charCodeAt(2) <= /* 'Z' */
+      90 ? t[o] = H(i, l) : (o === "className" || o === "UNSAFE_className") && typeof i == "string" && typeof l == "string" ? t[o] = D(i, l) : o === "id" && i && l ? t.id = j(i, l) : t[o] = l !== void 0 ? l : i;
+    }
+  }
+  return t;
+}
+function ae(...e) {
+  return e.length === 1 ? e[0] : (t) => {
+    for (let r of e)
+      typeof r == "function" ? r(t) : r != null && (r.current = t);
+  };
+}
+const X = /* @__PURE__ */ new Set([
+  "id"
+]), Y = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), q = /^(data-.*)$/;
+function de(e, t = {}) {
+  let { labelable: r, propNames: n } = t, o = {};
+  for (const i in e)
+    Object.prototype.hasOwnProperty.call(e, i) && (X.has(i) || r && Y.has(i) || n != null && n.has(i) || q.test(i)) && (o[i] = e[i]);
+  return o;
+}
+function fe(e) {
+  if (F())
+    e.focus({
+      preventScroll: !0
+    });
+  else {
+    let t = U(e);
+    e.focus(), B(t);
+  }
+}
+let m = null;
+function F() {
+  if (m == null) {
+    m = !1;
+    try {
+      var e = document.createElement("div");
+      e.focus({
+        get preventScroll() {
+          return m = !0, !0;
+        }
+      });
+    } catch {
+    }
   }
-  let { itemProps: y, isPressed: z, isFocused: S, hasAction: A, allowsSelection: D } = N({
-    selectionManager: i.selectionManager,
-    key: l,
-    ref: s,
-    shouldSelectOnPressUp: P,
-    allowsDifferentPressOrigin: P && x,
-    isVirtualized: F,
-    shouldUseVirtualFocus: M,
-    isDisabled: a,
-    onAction: o != null && o.onAction ? () => {
-      var d;
-      return o == null || (d = o.onAction) === null || d === void 0 ? void 0 : d.call(o, l);
-    } : void 0
-  }), { hoverProps: w } = K({
-    isDisabled: a || !x,
-    onHoverStart() {
-      V() || (i.selectionManager.setFocused(!0), i.selectionManager.setFocusedKey(l));
+  return m;
+}
+function U(e) {
+  for (var t = e.parentNode, r = [], n = document.scrollingElement || document.documentElement; t instanceof HTMLElement && t !== n; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && r.push({
+      element: t,
+      scrollTop: t.scrollTop,
+      scrollLeft: t.scrollLeft
+    }), t = t.parentNode;
+  return n instanceof HTMLElement && r.push({
+    element: n,
+    scrollTop: n.scrollTop,
+    scrollLeft: n.scrollLeft
+  }), r;
+}
+function B(e) {
+  for (let { element: t, scrollTop: r, scrollLeft: n } of e)
+    t.scrollTop = r, t.scrollLeft = n;
+}
+let $ = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Set();
+function P() {
+  if (typeof window > "u")
+    return;
+  let e = (r) => {
+    let n = $.get(r.target);
+    n || (n = /* @__PURE__ */ new Set(), $.set(r.target, n), r.target.addEventListener("transitioncancel", t)), n.add(r.propertyName);
+  }, t = (r) => {
+    let n = $.get(r.target);
+    if (n && (n.delete(r.propertyName), n.size === 0 && (r.target.removeEventListener("transitioncancel", t), $.delete(r.target)), $.size === 0)) {
+      for (let o of L)
+        o();
+      L.clear();
     }
+  };
+  document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
+}
+typeof document < "u" && (document.readyState !== "loading" ? P() : document.addEventListener("DOMContentLoaded", P));
+function se(e) {
+  requestAnimationFrame(() => {
+    $.size === 0 ? e() : L.add(e);
   });
-  return {
-    optionProps: {
-      ...r,
-      ...v(y, w),
-      id: E(i, l)
-    },
-    labelProps: {
-      id: g
-    },
-    descriptionProps: {
-      id: m
-    },
-    isFocused: S,
-    isFocusVisible: S && V(),
-    isSelected: c,
-    isDisabled: a,
-    isPressed: z,
-    allowsSelection: D,
-    hasAction: A
+}
+function ce() {
+  let e = u(/* @__PURE__ */ new Map()), t = c((o, i, l, a) => {
+    let d = a != null && a.once ? (...s) => {
+      e.current.delete(l), l(...s);
+    } : l;
+    e.current.set(l, {
+      type: i,
+      eventTarget: o,
+      fn: d,
+      options: a
+    }), o.addEventListener(i, l, a);
+  }, []), r = c((o, i, l, a) => {
+    var d;
+    let s = ((d = e.current.get(l)) === null || d === void 0 ? void 0 : d.fn) || l;
+    o.removeEventListener(i, s, a), e.current.delete(l);
+  }, []), n = c(() => {
+    e.current.forEach((o, i) => {
+      r(o.eventTarget, o.type, i, o.options);
+    });
+  }, [
+    r
+  ]);
+  return b(() => n, [
+    n
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: r,
+    removeAllGlobalListeners: n
   };
 }
-function X(e) {
-  let { heading: i, "aria-label": s } = e, l = U();
-  return {
-    itemProps: {
-      role: "presentation"
+function ue(e, t) {
+  let { id: r, "aria-label": n, "aria-labelledby": o } = e;
+  return r = M(r), o && n ? o = [
+    .../* @__PURE__ */ new Set([
+      r,
+      ...o.trim().split(/\s+/)
+    ])
+  ].join(" ") : o && (o = o.trim().split(/\s+/).join(" ")), !n && !o && t && (n = t), {
+    id: r,
+    "aria-label": n,
+    "aria-labelledby": o
+  };
+}
+function $e(e) {
+  const t = u();
+  return W(() => ({
+    get current() {
+      return t.current;
     },
-    headingProps: i ? {
-      // 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: l,
-      role: "presentation"
-    } : {},
-    groupProps: {
-      role: "group",
-      "aria-label": s,
-      "aria-labelledby": i ? l : void 0
+    set current(r) {
+      t.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
+    }
+  }), [
+    e
+  ]);
+}
+function K() {
+  return typeof window.ResizeObserver < "u";
+}
+function be(e) {
+  const { ref: t, onResize: r } = e;
+  b(() => {
+    let n = t == null ? void 0 : t.current;
+    if (n)
+      if (K()) {
+        const o = new window.ResizeObserver((i) => {
+          i.length && r();
+        });
+        return o.observe(n), () => {
+          n && o.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", r, !1), () => {
+          window.removeEventListener("resize", r, !1);
+        };
+  }, [
+    r,
+    t
+  ]);
+}
+function pe(e, t) {
+  p(() => {
+    if (e && e.ref && t)
+      return e.ref.current = t.current, () => {
+        e.ref.current = null;
+      };
+  }, [
+    e,
+    t
+  ]);
+}
+function I(e) {
+  for (z(e) && (e = e.parentElement); e && !z(e); )
+    e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
+}
+function z(e) {
+  let t = window.getComputedStyle(e);
+  return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+}
+let f = typeof document < "u" && window.visualViewport;
+function ve() {
+  let [e, t] = h(() => C());
+  return b(() => {
+    let r = () => {
+      t((n) => {
+        let o = C();
+        return o.width === n.width && o.height === n.height ? n : o;
+      });
+    };
+    return f ? f.addEventListener("resize", r) : window.addEventListener("resize", r), () => {
+      f ? f.removeEventListener("resize", r) : window.removeEventListener("resize", r);
+    };
+  }, []), e;
+}
+function C() {
+  return {
+    width: (f == null ? void 0 : f.width) || window.innerWidth,
+    height: (f == null ? void 0 : f.height) || window.innerHeight
+  };
+}
+let V = 0;
+const g = /* @__PURE__ */ new Map();
+function me(e) {
+  let [t, r] = h(void 0);
+  return p(() => {
+    if (!e)
+      return;
+    let n = g.get(e);
+    if (n)
+      r(n.element.id);
+    else {
+      let o = `react-aria-description-${V++}`;
+      r(o);
+      let i = document.createElement("div");
+      i.id = o, i.style.display = "none", i.textContent = e, document.body.appendChild(i), n = {
+        refCount: 0,
+        element: i
+      }, g.set(e, n);
     }
+    return n.refCount++, () => {
+      --n.refCount === 0 && (n.element.remove(), g.delete(e));
+    };
+  }, [
+    e
+  ]), {
+    "aria-describedby": e ? t : void 0
   };
 }
+function x(e) {
+  var t;
+  return typeof window > "u" || window.navigator == null ? !1 : ((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.brands.some((r) => e.test(r.brand))) || e.test(window.navigator.userAgent);
+}
+function S(e) {
+  var t;
+  return typeof window < "u" && window.navigator != null ? e.test(((t = window.navigator.userAgentData) === null || t === void 0 ? void 0 : t.platform) || window.navigator.platform) : !1;
+}
+function R() {
+  return S(/^Mac/i);
+}
+function J() {
+  return S(/^iPhone/i);
+}
+function Q() {
+  return S(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  R() && navigator.maxTouchPoints > 1;
+}
+function Z() {
+  return J() || Q();
+}
+function we() {
+  return R() || Z();
+}
+function he() {
+  return x(/AppleWebKit/i) && !_();
+}
+function _() {
+  return x(/Chrome/i);
+}
+function ee() {
+  return x(/Android/i);
+}
+function O(e) {
+  const t = u(null);
+  return p(() => {
+    t.current = e;
+  }, [
+    e
+  ]), c((...r) => {
+    const n = t.current;
+    return n(...r);
+  }, []);
+}
+function ye(e, t, r, n) {
+  let o = O(r), i = r == null;
+  b(() => {
+    if (i)
+      return;
+    let l = e.current;
+    return l.addEventListener(t, o, n), () => {
+      l.removeEventListener(t, o, n);
+    };
+  }, [
+    e,
+    t,
+    n,
+    i,
+    o
+  ]);
+}
+function te(e, t) {
+  let r = A(e, t, "left"), n = A(e, t, "top"), o = t.offsetWidth, i = t.offsetHeight, l = e.scrollLeft, a = e.scrollTop, { borderTopWidth: d, borderLeftWidth: s } = getComputedStyle(e), y = e.scrollLeft + parseInt(s, 10), v = e.scrollTop + parseInt(d, 10), E = y + e.clientWidth, T = v + e.clientHeight;
+  r <= l ? l = r - parseInt(s, 10) : r + o > E && (l += r + o - E), n <= v ? a = n - parseInt(d, 10) : n + i > T && (a += n + i - T), e.scrollLeft = l, e.scrollTop = a;
+}
+function A(e, t, r) {
+  const n = r === "left" ? "offsetLeft" : "offsetTop";
+  let o = 0;
+  for (; t.offsetParent && (o += t[n], t.offsetParent !== e); ) {
+    if (t.offsetParent.contains(e)) {
+      o -= e[n];
+      break;
+    }
+    t = t.offsetParent;
+  }
+  return o;
+}
+function ge(e, t) {
+  if (document.contains(e)) {
+    let l = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(l).overflow === "hidden") {
+      let d = I(e);
+      for (; e && d && e !== l && d !== l; )
+        te(d, e), e = d, d = I(e);
+    } else {
+      var r;
+      let { left: d, top: s } = e.getBoundingClientRect();
+      e == null || (r = e.scrollIntoView) === null || r === void 0 || r.call(e, {
+        block: "nearest"
+      });
+      let { left: y, top: v } = e.getBoundingClientRect();
+      if (Math.abs(d - y) > 1 || Math.abs(s - v) > 1) {
+        var n, o, i;
+        t == null || (n = t.containingElement) === null || n === void 0 || (o = n.scrollIntoView) === null || o === void 0 || o.call(n, {
+          block: "center",
+          inline: "center"
+        }), (i = e.scrollIntoView) === null || i === void 0 || i.call(e, {
+          block: "nearest"
+        });
+      }
+    }
+  }
+}
+function Le(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : ee() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function xe(e) {
+  return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+}
+function Se(e, t) {
+  let r = u(null);
+  return e && r.current && t(e, r.current) && (e = r.current), r.current = e, e;
+}
+function Ee(e, t, r) {
+  let n = u(t), o = O(() => {
+    r && r(n.current);
+  });
+  b(() => {
+    var i;
+    let l = e == null || (i = e.current) === null || i === void 0 ? void 0 : i.form;
+    return l == null || l.addEventListener("reset", o), () => {
+      l == null || l.removeEventListener("reset", o);
+    };
+  }, [
+    e,
+    o
+  ]);
+}
 export {
-  E as getItemId,
-  h as listData,
-  Q as useListBox,
-  X as useListBoxSection,
-  R as useOption
+  H as chain,
+  de as filterDOMProps,
+  fe as focusWithoutScrolling,
+  I as getScrollParent,
+  ee as isAndroid,
+  we as isAppleDevice,
+  _ as isChrome,
+  Z as isIOS,
+  Q as isIPad,
+  J as isIPhone,
+  R as isMac,
+  z as isScrollable,
+  Le as isVirtualClick,
+  xe as isVirtualPointerEvent,
+  he as isWebKit,
+  j as mergeIds,
+  le as mergeProps,
+  ae as mergeRefs,
+  se as runAfterTransition,
+  te as scrollIntoView,
+  ge as scrollIntoViewport,
+  Se as useDeepMemo,
+  me as useDescription,
+  O as useEffectEvent,
+  ye as useEvent,
+  Ee as useFormReset,
+  ce as useGlobalListeners,
+  M as useId,
+  ue as useLabels,
+  p as useLayoutEffect,
+  $e as useObjectRef,
+  be as useResizeObserver,
+  ie as useSlotId,
+  pe as useSyncRef,
+  G as useValueEffect,
+  ve as useViewportSize
 };