@new-black/lyra 0.1.6 → 0.1.8

package/dist/lyra71.js

@@ -1,51 +1,508 @@
-import { useSlotId as s, mergeProps as f, useId as t, useLabels as p } from "./lyra56.js";
-function c(r) {
-  let { id: a, label: d, "aria-labelledby": e, "aria-label": b, labelElementType: o = "label" } = r;
-  a = t(a);
-  let l = t(), i = {};
-  d ? (e = e ? `${l} ${e}` : l, i = {
-    id: l,
-    htmlFor: o === "label" ? a : void 0
-  }) : !e && !b && console.warn("If you do not provide a visible label, you must specify an aria-label or aria-labelledby attribute for accessibility");
-  let n = p({
-    id: a,
-    "aria-label": b,
-    "aria-labelledby": e
+import D, { useRef as c, useMemo as N, useState as h, useCallback as u, useEffect as $ } from "react";
+import { useSSRSafeId as W } from "./lyra58.js";
+import { clsx as k } from "./lyra114.js";
+const p = typeof document < "u" ? D.useLayoutEffect : () => {
+};
+function G(e) {
+  let [t, r] = h(e), n = c(t), o = c(null), i = u(() => {
+    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();
+  });
+  let l = u((a) => {
+    o.current = a(n.current), i();
+  }, [
+    i,
+    o,
+    n
+  ]);
+  return [
+    t,
+    l
+  ];
+}
+let w = /* @__PURE__ */ new Map();
+function A(e) {
+  let [t, r] = h(e), n = c(null), o = W(t), i = u((l) => {
+    n.current = l;
+  }, []);
+  return w.set(o, i), p(() => {
+    let l = o;
+    return () => {
+      w.delete(l);
+    };
+  }, [
+    o
+  ]), $(() => {
+    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 = A(), [r, n] = G(t), o = u(() => {
+    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 le(...e) {
+  let t = {
+    ...e[0]
+  };
+  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] = k(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 U = /* @__PURE__ */ new Set([
+  "id"
+]), X = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), Y = /^(data-.*)$/;
+function fe(e, t = {}) {
+  let { labelable: r, propNames: n } = t, o = {};
+  for (const i in e)
+    Object.prototype.hasOwnProperty.call(e, i) && (U.has(i) || r && X.has(i) || n != null && n.has(i) || Y.test(i)) && (o[i] = e[i]);
+  return o;
+}
+function de(e) {
+  if (q())
+    e.focus({
+      preventScroll: !0
+    });
+  else {
+    let t = F(e);
+    e.focus(), B(t);
+  }
+}
+let m = null;
+function q() {
+  if (m == null) {
+    m = !1;
+    try {
+      var e = document.createElement("div");
+      e.focus({
+        get preventScroll() {
+          return m = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return m;
+}
+function F(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 b = /* @__PURE__ */ new Map(), L = /* @__PURE__ */ new Set();
+function I() {
+  if (typeof window > "u")
+    return;
+  let e = (r) => {
+    let n = b.get(r.target);
+    n || (n = /* @__PURE__ */ new Set(), b.set(r.target, n), r.target.addEventListener("transitioncancel", t)), n.add(r.propertyName);
+  }, t = (r) => {
+    let n = b.get(r.target);
+    if (n && (n.delete(r.propertyName), n.size === 0 && (r.target.removeEventListener("transitioncancel", t), b.delete(r.target)), b.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" ? I() : document.addEventListener("DOMContentLoaded", I));
+function ce(e) {
+  requestAnimationFrame(() => {
+    b.size === 0 ? e() : L.add(e);
   });
+}
+function se() {
+  let e = c(/* @__PURE__ */ new Map()), t = u((o, i, l, a) => {
+    let f = a != null && a.once ? (...s) => {
+      e.current.delete(l), l(...s);
+    } : l;
+    e.current.set(l, {
+      type: i,
+      eventTarget: o,
+      fn: f,
+      options: a
+    }), o.addEventListener(i, l, a);
+  }, []), r = u((o, i, l, a) => {
+    var f;
+    let s = ((f = e.current.get(l)) === null || f === void 0 ? void 0 : f.fn) || l;
+    o.removeEventListener(i, s, a), e.current.delete(l);
+  }, []), n = u(() => {
+    e.current.forEach((o, i) => {
+      r(o.eventTarget, o.type, i, o.options);
+    });
+  }, [
+    r
+  ]);
+  return $(() => n, [
+    n
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: r,
+    removeAllGlobalListeners: n
+  };
+}
+function ue(e, t) {
+  let { id: r, "aria-label": n, "aria-labelledby": o } = e;
+  return r = A(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 = c();
+  return N(() => ({
+    get current() {
+      return t.current;
+    },
+    set current(r) {
+      t.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
+    }
+  }), [
+    e
+  ]);
+}
+function be(e, t) {
+  const r = c(!0), n = c(null);
+  $(() => (r.current = !0, () => {
+    r.current = !1;
+  }), []), $(() => {
+    r.current ? r.current = !1 : (!n.current || t.some((o, i) => !Object.is(o, n[i]))) && e(), n.current = t;
+  }, t);
+}
+function K() {
+  return typeof window.ResizeObserver < "u";
+}
+function pe(e) {
+  const { ref: t, onResize: r } = e;
+  $(() => {
+    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 ve(e, t) {
+  p(() => {
+    if (e && e.ref && t)
+      return e.ref.current = t.current, () => {
+        e.ref.current = null;
+      };
+  }, [
+    e,
+    t
+  ]);
+}
+function P(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 d = typeof document < "u" && window.visualViewport;
+function me() {
+  let [e, t] = h(() => C());
+  return $(() => {
+    let r = () => {
+      t((n) => {
+        let o = C();
+        return o.width === n.width && o.height === n.height ? n : o;
+      });
+    };
+    return d ? d.addEventListener("resize", r) : window.addEventListener("resize", r), () => {
+      d ? d.removeEventListener("resize", r) : window.removeEventListener("resize", r);
+    };
+  }, []), e;
+}
+function C() {
   return {
-    labelProps: i,
-    fieldProps: n
+    width: (d == null ? void 0 : d.width) || window.innerWidth,
+    height: (d == null ? void 0 : d.height) || window.innerHeight
   };
 }
-function u(r) {
-  let { description: a, errorMessage: d, validationState: e } = r, { labelProps: b, fieldProps: o } = c(r), l = s([
-    !!a,
-    !!d,
+let V = 0;
+const g = /* @__PURE__ */ new Map();
+function we(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
-  ]), i = s([
-    !!a,
-    !!d,
+  ]), {
+    "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 he() {
+  return R() || Z();
+}
+function ye() {
+  return x(/AppleWebKit/i) && !_();
+}
+function _() {
+  return x(/Chrome/i);
+}
+function ee() {
+  return x(/Android/i);
+}
+function O(e) {
+  const t = c(null);
+  return p(() => {
+    t.current = e;
+  }, [
     e
+  ]), u((...r) => {
+    const n = t.current;
+    return n(...r);
+  }, []);
+}
+function ge(e, t, r, n) {
+  let o = O(r), i = r == null;
+  $(() => {
+    if (i)
+      return;
+    let l = e.current;
+    return l.addEventListener(t, o, n), () => {
+      l.removeEventListener(t, o, n);
+    };
+  }, [
+    e,
+    t,
+    n,
+    i,
+    o
   ]);
-  return o = f(o, {
-    "aria-describedby": [
-      l,
-      // Use aria-describedby for error message because aria-errormessage is unsupported using VoiceOver or NVDA. See https://github.com/adobe/react-spectrum/issues/1346#issuecomment-740136268
-      i,
-      r["aria-describedby"]
-    ].filter(Boolean).join(" ") || void 0
-  }), {
-    labelProps: b,
-    fieldProps: o,
-    descriptionProps: {
-      id: l
-    },
-    errorMessageProps: {
-      id: i
+}
+function te(e, t) {
+  let r = M(e, t, "left"), n = M(e, t, "top"), o = t.offsetWidth, i = t.offsetHeight, l = e.scrollLeft, a = e.scrollTop, { borderTopWidth: f, borderLeftWidth: s } = getComputedStyle(e), y = e.scrollLeft + parseInt(s, 10), v = e.scrollTop + parseInt(f, 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(f, 10) : n + i > T && (a += n + i - T), e.scrollLeft = l, e.scrollTop = a;
+}
+function M(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 Le(e, t) {
+  if (document.contains(e)) {
+    let l = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(l).overflow === "hidden") {
+      let f = P(e);
+      for (; e && f && e !== l && f !== l; )
+        te(f, e), e = f, f = P(e);
+    } else {
+      var r;
+      let { left: f, 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(f - 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 xe(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : ee() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function Se(e) {
+  return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+}
+function Ee(e, t) {
+  let r = c(null);
+  return e && r.current && t(e, r.current) && (e = r.current), r.current = e, e;
+}
+function Te(e, t, r) {
+  let n = c(t), o = O(() => {
+    r && r(n.current);
+  });
+  $(() => {
+    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 {
-  u as useField,
-  c as useLabel
+  H as chain,
+  fe as filterDOMProps,
+  de as focusWithoutScrolling,
+  P as getScrollParent,
+  ee as isAndroid,
+  he as isAppleDevice,
+  _ as isChrome,
+  Z as isIOS,
+  Q as isIPad,
+  J as isIPhone,
+  R as isMac,
+  z as isScrollable,
+  xe as isVirtualClick,
+  Se as isVirtualPointerEvent,
+  ye as isWebKit,
+  j as mergeIds,
+  le as mergeProps,
+  ae as mergeRefs,
+  ce as runAfterTransition,
+  te as scrollIntoView,
+  Le as scrollIntoViewport,
+  Ee as useDeepMemo,
+  we as useDescription,
+  O as useEffectEvent,
+  ge as useEvent,
+  Te as useFormReset,
+  se as useGlobalListeners,
+  A as useId,
+  ue as useLabels,
+  p as useLayoutEffect,
+  $e as useObjectRef,
+  pe as useResizeObserver,
+  ie as useSlotId,
+  ve as useSyncRef,
+  be as useUpdateEffect,
+  G as useValueEffect,
+  me as useViewportSize
 };