@new-black/lyra 0.1.19 → 0.1.20

package/dist/lyra67.js

@@ -1,125 +1,567 @@
-import { useEffect as p, useRef as I } from "react";
-import { useFormValidation as g } from "./lyra68.js";
-import { useFormValidationState as P, DEFAULT_VALIDATION_RESULT as h, privateValidationStateProp as x } from "./lyra69.js";
-import { useToggle as y } from "./lyra70.js";
-import { filterDOMProps as D, mergeProps as R } from "./lyra61.js";
-import { useField as B } from "./lyra71.js";
-import { useToggleState as S } from "./lyra72.js";
-function O(e, i, a) {
-  let l = P({
-    ...e,
-    value: i.isSelected
-  }), { isInvalid: s, validationErrors: c, validationDetails: v } = l.displayValidation, { inputProps: d, isSelected: r, isPressed: o, isDisabled: n, isReadOnly: t } = y({
-    ...e,
-    isInvalid: s
-  }, i, a);
-  g(e, l, a);
-  let { isIndeterminate: u, isRequired: b, validationBehavior: f = "aria" } = e;
+import W, { useRef as s, useMemo as N, useState as x, useCallback as $, useEffect as u, useContext as H, createContext as G } from "react";
+import { useSSRSafeId as j, useIsSSR as U } from "./lyra155.js";
+import { clsx as F } from "./lyra308.js";
+const p = typeof document < "u" ? W.useLayoutEffect : () => {
+};
+function h(e) {
+  const t = s(null);
   return p(() => {
-    a.current && (a.current.indeterminate = u);
-  }), {
-    inputProps: {
-      ...d,
-      checked: r,
-      "aria-required": b && f === "aria" || void 0,
-      required: b && f === "native"
-    },
-    isSelected: r,
-    isPressed: o,
-    isDisabled: n,
-    isReadOnly: t,
-    isInvalid: s,
-    validationErrors: c,
-    validationDetails: v
-  };
+    t.current = e;
+  }, [
+    e
+  ]), $((...r) => {
+    const n = t.current;
+    return n(...r);
+  }, []);
 }
-const V = /* @__PURE__ */ new WeakMap();
-function F(e, i) {
-  let { isDisabled: a, name: l, validationBehavior: s = "aria" } = e, { isInvalid: c, validationErrors: v, validationDetails: d } = i.displayValidation, { labelProps: r, fieldProps: o, descriptionProps: n, errorMessageProps: t } = B({
-    ...e,
-    // Checkbox group is not an HTML input element so it
-    // shouldn't be labeled by a <label> element.
-    labelElementType: "span",
-    isInvalid: c,
-    errorMessage: e.errorMessage || v
+function X(e) {
+  let [t, r] = x(e), n = s(null), i = h(() => {
+    let o = n.current.next();
+    if (o.done) {
+      n.current = null;
+      return;
+    }
+    t === o.value ? i() : r(o.value);
   });
-  V.set(i, {
-    name: l,
-    descriptionId: n.id,
-    errorMessageId: t.id,
-    validationBehavior: s
+  p(() => {
+    n.current && i();
   });
-  let u = D(e, {
-    labelable: !0
+  let a = h((o) => {
+    n.current = o(t), i();
   });
+  return [
+    t,
+    a
+  ];
+}
+let Y = !!(typeof window < "u" && window.document && window.document.createElement), m = /* @__PURE__ */ new Map();
+function O(e) {
+  let [t, r] = x(e), n = s(null), i = j(t), a = $((o) => {
+    n.current = o;
+  }, []);
+  return Y && m.set(i, a), p(() => {
+    let o = i;
+    return () => {
+      m.delete(o);
+    };
+  }, [
+    i
+  ]), u(() => {
+    let o = n.current;
+    o && (n.current = null, r(o));
+  }), i;
+}
+function q(e, t) {
+  if (e === t)
+    return e;
+  let r = m.get(e);
+  if (r)
+    return r(t), t;
+  let n = m.get(t);
+  return n ? (n(e), e) : t;
+}
+function he(e = []) {
+  let t = O(), [r, n] = X(t), i = $(() => {
+    n(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    n
+  ]);
+  return p(i, [
+    t,
+    i,
+    ...e
+  ]), r;
+}
+function B(...e) {
+  return (...t) => {
+    for (let r of e)
+      typeof r == "function" && r(...t);
+  };
+}
+const V = (e) => {
+  var t;
+  return (t = e == null ? void 0 : e.ownerDocument) !== null && t !== void 0 ? t : document;
+}, me = (e) => e && "window" in e && e.window === e ? e : V(e).defaultView || window;
+function ye(...e) {
+  let t = {
+    ...e[0]
+  };
+  for (let r = 1; r < e.length; r++) {
+    let n = e[r];
+    for (let i in n) {
+      let a = t[i], o = n[i];
+      typeof a == "function" && typeof o == "function" && // This is a lot faster than a regex.
+      i[0] === "o" && i[1] === "n" && i.charCodeAt(2) >= /* 'A' */
+      65 && i.charCodeAt(2) <= /* 'Z' */
+      90 ? t[i] = B(a, o) : (i === "className" || i === "UNSAFE_className") && typeof a == "string" && typeof o == "string" ? t[i] = F(a, o) : i === "id" && a && o ? t.id = q(a, o) : t[i] = o !== void 0 ? o : a;
+    }
+  }
+  return t;
+}
+function ge(...e) {
+  return e.length === 1 ? e[0] : (t) => {
+    for (let r of e)
+      typeof r == "function" ? r(t) : r != null && (r.current = t);
+  };
+}
+const _ = /* @__PURE__ */ new Set([
+  "id"
+]), J = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), Q = /* @__PURE__ */ new Set([
+  "href",
+  "target",
+  "rel",
+  "download",
+  "ping",
+  "referrerPolicy"
+]), Z = /^(data-.*)$/;
+function xe(e, t = {}) {
+  let { labelable: r, isLink: n, propNames: i } = t, a = {};
+  for (const o in e)
+    Object.prototype.hasOwnProperty.call(e, o) && (_.has(o) || r && J.has(o) || n && Q.has(o) || i != null && i.has(o) || Z.test(o)) && (a[o] = e[o]);
+  return a;
+}
+function ee(e) {
+  if (te())
+    e.focus({
+      preventScroll: !0
+    });
+  else {
+    let t = re(e);
+    e.focus(), ne(t);
+  }
+}
+let w = null;
+function te() {
+  if (w == null) {
+    w = !1;
+    try {
+      var e = document.createElement("div");
+      e.focus({
+        get preventScroll() {
+          return w = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return w;
+}
+function re(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 ne(e) {
+  for (let { element: t, scrollTop: r, scrollLeft: n } of e)
+    t.scrollTop = r, t.scrollLeft = n;
+}
+function L(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 P(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 y() {
+  return P(/^Mac/i);
+}
+function ie() {
+  return P(/^iPhone/i);
+}
+function R() {
+  return P(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  y() && navigator.maxTouchPoints > 1;
+}
+function oe() {
+  return ie() || R();
+}
+function Le() {
+  return y() || oe();
+}
+function ae() {
+  return L(/AppleWebKit/i) && !le();
+}
+function le() {
+  return L(/Chrome/i);
+}
+function D() {
+  return L(/Android/i);
+}
+function de() {
+  return L(/Firefox/i);
+}
+const fe = /* @__PURE__ */ G({
+  isNative: !0,
+  open: se
+});
+function Se() {
+  return H(fe);
+}
+function g(e, t, r = !0) {
+  var n, i;
+  let { metaKey: a, ctrlKey: o, altKey: d, shiftKey: l } = t;
+  de() && (!((i = window.event) === null || i === void 0 || (n = i.type) === null || n === void 0) && n.startsWith("key")) && e.target === "_blank" && (y() ? a = !0 : o = !0);
+  let f = ae() && y() && !R() ? new KeyboardEvent("keydown", {
+    keyIdentifier: "Enter",
+    metaKey: a,
+    ctrlKey: o,
+    altKey: d,
+    shiftKey: l
+  }) : new MouseEvent("click", {
+    metaKey: a,
+    ctrlKey: o,
+    altKey: d,
+    shiftKey: l,
+    bubbles: !0,
+    cancelable: !0
+  });
+  g.isOpening = r, ee(e), e.dispatchEvent(f), g.isOpening = !1;
+}
+g.isOpening = !1;
+function ce(e, t) {
+  if (e instanceof HTMLAnchorElement)
+    t(e);
+  else if (e.hasAttribute("data-href")) {
+    let r = document.createElement("a");
+    r.href = e.getAttribute("data-href"), e.hasAttribute("data-target") && (r.target = e.getAttribute("data-target")), e.hasAttribute("data-rel") && (r.rel = e.getAttribute("data-rel")), e.hasAttribute("data-download") && (r.download = e.getAttribute("data-download")), e.hasAttribute("data-ping") && (r.ping = e.getAttribute("data-ping")), e.hasAttribute("data-referrer-policy") && (r.referrerPolicy = e.getAttribute("data-referrer-policy")), e.appendChild(r), t(r), e.removeChild(r);
+  }
+}
+function se(e, t) {
+  ce(e, (r) => g(r, t));
+}
+function Ee(e) {
   return {
-    groupProps: R(u, {
-      role: "group",
-      "aria-disabled": a || void 0,
-      ...o
-    }),
-    labelProps: r,
-    descriptionProps: n,
-    errorMessageProps: t,
-    isInvalid: c,
-    validationErrors: v,
-    validationDetails: d
+    "data-href": e.href,
+    "data-target": e.target,
+    "data-rel": e.rel,
+    "data-download": e.download,
+    "data-ping": e.ping,
+    "data-referrer-policy": e.referrerPolicy
   };
 }
-function A(e, i, a) {
-  const l = S({
-    isReadOnly: e.isReadOnly || i.isReadOnly,
-    isSelected: i.isSelected(e.value),
-    onChange(m) {
-      m ? i.addValue(e.value) : i.removeValue(e.value), e.onChange && e.onChange(m);
+let b = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set();
+function C() {
+  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 i of A)
+        i();
+      A.clear();
     }
+  };
+  document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
+}
+typeof document < "u" && (document.readyState !== "loading" ? C() : document.addEventListener("DOMContentLoaded", C));
+function Ae(e) {
+  requestAnimationFrame(() => {
+    b.size === 0 ? e() : A.add(e);
   });
-  let { name: s, descriptionId: c, errorMessageId: v, validationBehavior: d } = V.get(i);
-  var r;
-  d = (r = e.validationBehavior) !== null && r !== void 0 ? r : d;
-  let { realtimeValidation: o } = P({
-    ...e,
-    value: l.isSelected,
-    // Server validation is handled at the group level.
-    name: void 0,
-    validationBehavior: "aria"
-  }), n = I(h), t = () => {
-    i.setInvalid(e.value, o.isInvalid ? o : n.current);
+}
+function Pe() {
+  let e = s(/* @__PURE__ */ new Map()), t = $((i, a, o, d) => {
+    let l = d != null && d.once ? (...f) => {
+      e.current.delete(o), o(...f);
+    } : o;
+    e.current.set(o, {
+      type: a,
+      eventTarget: i,
+      fn: l,
+      options: d
+    }), i.addEventListener(a, o, d);
+  }, []), r = $((i, a, o, d) => {
+    var l;
+    let f = ((l = e.current.get(o)) === null || l === void 0 ? void 0 : l.fn) || o;
+    i.removeEventListener(a, f, d), e.current.delete(o);
+  }, []), n = $(() => {
+    e.current.forEach((i, a) => {
+      r(i.eventTarget, i.type, a, i.options);
+    });
+  }, [
+    r
+  ]);
+  return u(() => n, [
+    n
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: r,
+    removeAllGlobalListeners: n
   };
-  p(t);
-  let u = i.realtimeValidation.isInvalid ? i.realtimeValidation : o, b = d === "native" ? i.displayValidation : u;
-  var f;
-  let $ = O({
-    ...e,
-    isReadOnly: e.isReadOnly || i.isReadOnly,
-    isDisabled: e.isDisabled || i.isDisabled,
-    name: e.name || s,
-    isRequired: (f = e.isRequired) !== null && f !== void 0 ? f : i.isRequired,
-    validationBehavior: d,
-    [x]: {
-      realtimeValidation: u,
-      displayValidation: b,
-      resetValidation: i.resetValidation,
-      commitValidation: i.commitValidation,
-      updateValidation(m) {
-        n.current = m, t();
-      }
+}
+function Te(e, t) {
+  let { id: r, "aria-label": n, "aria-labelledby": i } = e;
+  return r = O(r), i && n ? i = [
+    .../* @__PURE__ */ new Set([
+      r,
+      ...i.trim().split(/\s+/)
+    ])
+  ].join(" ") : i && (i = i.trim().split(/\s+/).join(" ")), !n && !i && t && (n = t), {
+    id: r,
+    "aria-label": n,
+    "aria-labelledby": i
+  };
+}
+function Ie(e) {
+  const t = s();
+  return N(() => ({
+    get current() {
+      return t.current;
+    },
+    set current(r) {
+      t.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
     }
-  }, l, a);
+  }), [
+    e
+  ]);
+}
+function Ce(e, t) {
+  const r = s(!0), n = s(null);
+  u(() => (r.current = !0, () => {
+    r.current = !1;
+  }), []), u(() => {
+    r.current ? r.current = !1 : (!n.current || t.some((i, a) => !Object.is(i, n[a]))) && e(), n.current = t;
+  }, t);
+}
+function ue() {
+  return typeof window.ResizeObserver < "u";
+}
+function ke(e) {
+  const { ref: t, onResize: r } = e;
+  u(() => {
+    let n = t == null ? void 0 : t.current;
+    if (n)
+      if (ue()) {
+        const i = new window.ResizeObserver((a) => {
+          a.length && r();
+        });
+        return i.observe(n), () => {
+          n && i.unobserve(n);
+        };
+      } else
+        return window.addEventListener("resize", r, !1), () => {
+          window.removeEventListener("resize", r, !1);
+        };
+  }, [
+    r,
+    t
+  ]);
+}
+function ze(e, t) {
+  p(() => {
+    if (e && e.ref && t)
+      return e.ref.current = t.current, () => {
+        e.ref.current = null;
+      };
+  });
+}
+function k(e, t) {
+  for (z(e, t) && (e = e.parentElement); e && !z(e, t); )
+    e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
+}
+function z(e, t) {
+  let r = window.getComputedStyle(e), n = /(auto|scroll)/.test(r.overflow + r.overflowX + r.overflowY);
+  return n && t && (n = e.scrollHeight !== e.clientHeight || e.scrollWidth !== e.clientWidth), n;
+}
+let c = typeof document < "u" && window.visualViewport;
+function Me() {
+  let e = U(), [t, r] = x(() => e ? {
+    width: 0,
+    height: 0
+  } : M());
+  return u(() => {
+    let n = () => {
+      r((i) => {
+        let a = M();
+        return a.width === i.width && a.height === i.height ? i : a;
+      });
+    };
+    return c ? c.addEventListener("resize", n) : window.addEventListener("resize", n), () => {
+      c ? c.removeEventListener("resize", n) : window.removeEventListener("resize", n);
+    };
+  }, []), t;
+}
+function M() {
   return {
-    ...$,
-    inputProps: {
-      ...$.inputProps,
-      "aria-describedby": [
-        e["aria-describedby"],
-        i.isInvalid ? v : null,
-        c
-      ].filter(Boolean).join(" ") || void 0
+    width: (c == null ? void 0 : c.width) || window.innerWidth,
+    height: (c == null ? void 0 : c.height) || window.innerHeight
+  };
+}
+let be = 0;
+const E = /* @__PURE__ */ new Map();
+function Ke(e) {
+  let [t, r] = x(void 0);
+  return p(() => {
+    if (!e)
+      return;
+    let n = E.get(e);
+    if (n)
+      r(n.element.id);
+    else {
+      let i = `react-aria-description-${be++}`;
+      r(i);
+      let a = document.createElement("div");
+      a.id = i, a.style.display = "none", a.textContent = e, document.body.appendChild(a), n = {
+        refCount: 0,
+        element: a
+      }, E.set(e, n);
     }
+    return n.refCount++, () => {
+      --n.refCount === 0 && (n.element.remove(), E.delete(e));
+    };
+  }, [
+    e
+  ]), {
+    "aria-describedby": e ? t : void 0
   };
 }
+function Oe(e, t, r, n) {
+  let i = h(r), a = r == null;
+  u(() => {
+    if (a)
+      return;
+    let o = e.current;
+    return o.addEventListener(t, i, n), () => {
+      o.removeEventListener(t, i, n);
+    };
+  }, [
+    e,
+    t,
+    n,
+    a,
+    i
+  ]);
+}
+function $e(e, t) {
+  let r = K(e, t, "left"), n = K(e, t, "top"), i = t.offsetWidth, a = t.offsetHeight, o = e.scrollLeft, d = e.scrollTop, { borderTopWidth: l, borderLeftWidth: f } = getComputedStyle(e), S = e.scrollLeft + parseInt(f, 10), v = e.scrollTop + parseInt(l, 10), T = S + e.clientWidth, I = v + e.clientHeight;
+  r <= o ? o = r - parseInt(f, 10) : r + i > T && (o += r + i - T), n <= v ? d = n - parseInt(l, 10) : n + a > I && (d += n + a - I), e.scrollLeft = o, e.scrollTop = d;
+}
+function K(e, t, r) {
+  const n = r === "left" ? "offsetLeft" : "offsetTop";
+  let i = 0;
+  for (; t.offsetParent && (i += t[n], t.offsetParent !== e); ) {
+    if (t.offsetParent.contains(e)) {
+      i -= e[n];
+      break;
+    }
+    t = t.offsetParent;
+  }
+  return i;
+}
+function Re(e, t) {
+  if (document.contains(e)) {
+    let o = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(o).overflow === "hidden") {
+      let l = k(e);
+      for (; e && l && e !== o && l !== o; )
+        $e(l, e), e = l, l = k(e);
+    } else {
+      var r;
+      let { left: l, top: f } = e.getBoundingClientRect();
+      e == null || (r = e.scrollIntoView) === null || r === void 0 || r.call(e, {
+        block: "nearest"
+      });
+      let { left: S, top: v } = e.getBoundingClientRect();
+      if (Math.abs(l - S) > 1 || Math.abs(f - v) > 1) {
+        var n, i, a;
+        t == null || (i = t.containingElement) === null || i === void 0 || (n = i.scrollIntoView) === null || n === void 0 || n.call(i, {
+          block: "center",
+          inline: "center"
+        }), (a = e.scrollIntoView) === null || a === void 0 || a.call(e, {
+          block: "nearest"
+        });
+      }
+    }
+  }
+}
+function De(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : D() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function We(e) {
+  return !D() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+}
+function Ne(e, t) {
+  let r = s(null);
+  return e && r.current && t(e, r.current) && (e = r.current), r.current = e, e;
+}
+function He(e, t, r) {
+  let n = s(t), i = h(() => {
+    r && r(n.current);
+  });
+  u(() => {
+    var a;
+    let o = e == null || (a = e.current) === null || a === void 0 ? void 0 : a.form;
+    return o == null || o.addEventListener("reset", i), () => {
+      o == null || o.removeEventListener("reset", i);
+    };
+  }, [
+    e,
+    i
+  ]);
+}
 export {
-  O as useCheckbox,
-  F as useCheckboxGroup,
-  A as useCheckboxGroupItem
+  B as chain,
+  xe as filterDOMProps,
+  ee as focusWithoutScrolling,
+  V as getOwnerDocument,
+  me as getOwnerWindow,
+  k as getScrollParent,
+  Ee as getSyntheticLinkProps,
+  D as isAndroid,
+  Le as isAppleDevice,
+  le as isChrome,
+  de as isFirefox,
+  oe as isIOS,
+  R as isIPad,
+  ie as isIPhone,
+  y as isMac,
+  z as isScrollable,
+  De as isVirtualClick,
+  We as isVirtualPointerEvent,
+  ae as isWebKit,
+  q as mergeIds,
+  ye as mergeProps,
+  ge as mergeRefs,
+  g as openLink,
+  Ae as runAfterTransition,
+  $e as scrollIntoView,
+  Re as scrollIntoViewport,
+  Ne as useDeepMemo,
+  Ke as useDescription,
+  h as useEffectEvent,
+  Oe as useEvent,
+  He as useFormReset,
+  Pe as useGlobalListeners,
+  O as useId,
+  Te as useLabels,
+  p as useLayoutEffect,
+  Ie as useObjectRef,
+  ke as useResizeObserver,
+  Se as useRouter,
+  he as useSlotId,
+  ze as useSyncRef,
+  Ce as useUpdateEffect,
+  X as useValueEffect,
+  Me as useViewportSize
 };