@new-black/lyra 0.1.15 → 0.1.17

package/dist/lyra67.js

@@ -1,560 +1,125 @@
-import W, { useRef as s, useMemo as D, useState as x, useCallback as $, useEffect as u, useContext as G, createContext as j } from "react";
-import { useSSRSafeId as H, useIsSSR as F } from "./lyra59.js";
-import { clsx as U } from "./lyra116.js";
-const p = typeof document < "u" ? W.useLayoutEffect : () => {
-};
-function m(e) {
-  const t = s(null);
+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;
   return p(() => {
-    t.current = e;
-  }, [
-    e
-  ]), $((...r) => {
-    const n = t.current;
-    return n(...r);
-  }, []);
+    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
+  };
 }
-function X(e) {
-  let [t, r] = x(e), n = s(null), i = m(() => {
-    let o = n.current.next();
-    if (o.done) {
-      n.current = null;
-      return;
-    }
-    t === o.value ? i() : r(o.value);
+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
   });
-  p(() => {
-    n.current && i();
+  V.set(i, {
+    name: l,
+    descriptionId: n.id,
+    errorMessageId: t.id,
+    validationBehavior: s
   });
-  let a = m((o) => {
-    n.current = o(t), i();
+  let u = D(e, {
+    labelable: !0
   });
-  return [
-    t,
-    a
-  ];
-}
-let w = /* @__PURE__ */ new Map();
-function R(e) {
-  let [t, r] = x(e), n = s(null), i = H(t), a = $((o) => {
-    n.current = o;
-  }, []);
-  return w.set(i, a), p(() => {
-    let o = i;
-    return () => {
-      w.delete(o);
-    };
-  }, [
-    i
-  ]), u(() => {
-    let o = n.current;
-    o && (n.current = null, r(o));
-  }), i;
-}
-function Y(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 ve(e = []) {
-  let t = R(), [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 q(...e) {
-  return (...t) => {
-    for (let r of e)
-      typeof r == "function" && r(...t);
-  };
-}
-function he(...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] = q(a, o) : (i === "className" || i === "UNSAFE_className") && typeof a == "string" && typeof o == "string" ? t[i] = U(a, o) : i === "id" && a && o ? t.id = Y(a, o) : t[i] = o !== void 0 ? o : a;
-    }
-  }
-  return t;
-}
-function me(...e) {
-  return e.length === 1 ? e[0] : (t) => {
-    for (let r of e)
-      typeof r == "function" ? r(t) : r != null && (r.current = t);
-  };
-}
-const B = /* @__PURE__ */ new Set([
-  "id"
-]), V = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]), J = /* @__PURE__ */ new Set([
-  "href",
-  "target",
-  "rel",
-  "download",
-  "ping",
-  "referrerPolicy"
-]), Q = /^(data-.*)$/;
-function we(e, t = {}) {
-  let { labelable: r, isLink: n, propNames: i } = t, a = {};
-  for (const o in e)
-    Object.prototype.hasOwnProperty.call(e, o) && (B.has(o) || r && V.has(o) || n && J.has(o) || i != null && i.has(o) || Q.test(o)) && (a[o] = e[o]);
-  return a;
-}
-function Z(e) {
-  if (_())
-    e.focus({
-      preventScroll: !0
-    });
-  else {
-    let t = ee(e);
-    e.focus(), te(t);
-  }
-}
-let h = null;
-function _() {
-  if (h == null) {
-    h = !1;
-    try {
-      var e = document.createElement("div");
-      e.focus({
-        get preventScroll() {
-          return h = !0, !0;
-        }
-      });
-    } catch {
-    }
-  }
-  return h;
-}
-function ee(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 te(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 re() {
-  return P(/^iPhone/i);
-}
-function O() {
-  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 ne() {
-  return re() || O();
-}
-function ye() {
-  return y() || ne();
-}
-function ie() {
-  return L(/AppleWebKit/i) && !oe();
-}
-function oe() {
-  return L(/Chrome/i);
-}
-function N() {
-  return L(/Android/i);
-}
-function ae() {
-  return L(/Firefox/i);
-}
-const le = /* @__PURE__ */ j({
-  isNative: !0,
-  open: fe
-});
-function ge() {
-  return G(le);
-}
-function g(e, t, r = !0) {
-  var n, i;
-  let { metaKey: a, ctrlKey: o, altKey: d, shiftKey: l } = t;
-  ae() && (!((n = window.event) === null || n === void 0 || (i = n.type) === null || i === void 0) && i.startsWith("key")) && e.target === "_blank" && (y() ? a = !0 : o = !0);
-  let f = ie() && y() && !O() ? 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, Z(e), e.dispatchEvent(f), g.isOpening = !1;
-}
-g.isOpening = !1;
-function de(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 fe(e, t) {
-  de(e, (r) => g(r, t));
-}
-function xe(e) {
   return {
-    "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
+    groupProps: R(u, {
+      role: "group",
+      "aria-disabled": a || void 0,
+      ...o
+    }),
+    labelProps: r,
+    descriptionProps: n,
+    errorMessageProps: t,
+    isInvalid: c,
+    validationErrors: v,
+    validationDetails: d
   };
 }
-let b = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set();
-function k() {
-  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();
+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);
     }
-  };
-  document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
-}
-typeof document < "u" && (document.readyState !== "loading" ? k() : document.addEventListener("DOMContentLoaded", k));
-function Le(e) {
-  requestAnimationFrame(() => {
-    b.size === 0 ? e() : A.add(e);
   });
-}
-function Se() {
-  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
+  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 Ee(e, t) {
-  let { id: r, "aria-label": n, "aria-labelledby": i } = e;
-  return r = R(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 Ae(e) {
-  const t = s();
-  return D(() => ({
-    get current() {
-      return t.current;
-    },
-    set current(r) {
-      t.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
+  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();
+      }
     }
-  }), [
-    e
-  ]);
-}
-function Pe(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 ce() {
-  return typeof window.ResizeObserver < "u";
-}
-function Te(e) {
-  const { ref: t, onResize: r } = e;
-  u(() => {
-    let n = t == null ? void 0 : t.current;
-    if (n)
-      if (ce()) {
-        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 Ie(e, t) {
-  p(() => {
-    if (e && e.ref && t)
-      return e.ref.current = t.current, () => {
-        e.ref.current = null;
-      };
-  });
-}
-function C(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 c = typeof document < "u" && window.visualViewport;
-function ke() {
-  let e = F(), [t, r] = x(() => e ? {
-    width: 0,
-    height: 0
-  } : K());
-  return u(() => {
-    let n = () => {
-      r((i) => {
-        let a = K();
-        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 K() {
+  }, l, a);
   return {
-    width: (c == null ? void 0 : c.width) || window.innerWidth,
-    height: (c == null ? void 0 : c.height) || window.innerHeight
-  };
-}
-let se = 0;
-const E = /* @__PURE__ */ new Map();
-function Ce(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-${se++}`;
-      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);
+    ...$,
+    inputProps: {
+      ...$.inputProps,
+      "aria-describedby": [
+        e["aria-describedby"],
+        i.isInvalid ? v : null,
+        c
+      ].filter(Boolean).join(" ") || void 0
     }
-    return n.refCount++, () => {
-      --n.refCount === 0 && (n.element.remove(), E.delete(e));
-    };
-  }, [
-    e
-  ]), {
-    "aria-describedby": e ? t : void 0
   };
 }
-function ze(e, t, r, n) {
-  let i = m(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 ue(e, t) {
-  let r = M(e, t, "left"), n = M(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 M(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 Ke(e, t) {
-  if (document.contains(e)) {
-    let o = document.scrollingElement || document.documentElement;
-    if (window.getComputedStyle(o).overflow === "hidden") {
-      let l = C(e);
-      for (; e && l && e !== o && l !== o; )
-        ue(l, e), e = l, l = C(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 || (n = t.containingElement) === null || n === void 0 || (i = n.scrollIntoView) === null || i === void 0 || i.call(n, {
-          block: "center",
-          inline: "center"
-        }), (a = e.scrollIntoView) === null || a === void 0 || a.call(e, {
-          block: "nearest"
-        });
-      }
-    }
-  }
-}
-function Me(e) {
-  return e.mozInputSource === 0 && e.isTrusted ? !0 : N() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
-}
-function Re(e) {
-  return !N() && e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
-}
-function Oe(e, t) {
-  let r = s(null);
-  return e && r.current && t(e, r.current) && (e = r.current), r.current = e, e;
-}
-function Ne(e, t, r) {
-  let n = s(t), i = m(() => {
-    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 {
-  q as chain,
-  we as filterDOMProps,
-  Z as focusWithoutScrolling,
-  C as getScrollParent,
-  xe as getSyntheticLinkProps,
-  N as isAndroid,
-  ye as isAppleDevice,
-  oe as isChrome,
-  ne as isIOS,
-  O as isIPad,
-  re as isIPhone,
-  y as isMac,
-  z as isScrollable,
-  Me as isVirtualClick,
-  Re as isVirtualPointerEvent,
-  ie as isWebKit,
-  Y as mergeIds,
-  he as mergeProps,
-  me as mergeRefs,
-  g as openLink,
-  Le as runAfterTransition,
-  ue as scrollIntoView,
-  Ke as scrollIntoViewport,
-  Oe as useDeepMemo,
-  Ce as useDescription,
-  m as useEffectEvent,
-  ze as useEvent,
-  Ne as useFormReset,
-  Se as useGlobalListeners,
-  R as useId,
-  Ee as useLabels,
-  p as useLayoutEffect,
-  Ae as useObjectRef,
-  Te as useResizeObserver,
-  ge as useRouter,
-  ve as useSlotId,
-  Ie as useSyncRef,
-  Pe as useUpdateEffect,
-  X as useValueEffect,
-  ke as useViewportSize
+  O as useCheckbox,
+  F as useCheckboxGroup,
+  A as useCheckboxGroupItem
 };