@new-black/lyra 1.4.0-next.2 → 1.4.0

package/dist/lyra106.js

@@ -1,46 +1,574 @@
-import { j as e } from "./lyra93.js";
-import l from "./lyra95.js";
-import { iconsSchema as d, SvgIcon as s } from "./lyra67.js";
-import { Text as p } from "./lyra74.js";
-import "./lyra75.js";
-import { sharedListItemStyles as N } from "./lyra105.js";
-const v = l.object({
-  label: l.string(),
-  description: l.string().optional(),
-  iconStart: d.optional(),
-  iconEnd: d.optional(),
-  image: l.string().url().optional(),
-  customElement: l.any().optional()
-}).transform((i) => (i.customElement ? (delete i.image, delete i.iconStart) : i.image && delete i.iconStart, i)), W = ({
-  hasSelection: i,
-  item: h,
-  selectRenderElements: x,
-  state: t
-}) => {
-  const { customElement: m, description: n, iconEnd: r, iconStart: o, image: c, label: a } = v.parse(x(h)), {
-    item: S,
-    itemCheckmark: j,
-    itemCheckmarkWrapper: u,
-    itemDescription: g,
-    itemEndIcon: f,
-    itemImage: k,
-    itemLabel: y,
-    itemStartIcon: I
-  } = N({
-    hasSelection: i
-  });
-  return /* @__PURE__ */ e.jsxs("div", { className: S(t), children: [
-    i ? /* @__PURE__ */ e.jsx("div", { className: u(), children: t.selected ? /* @__PURE__ */ e.jsx(s, { name: "checkmark", className: j(t) }) : /* @__PURE__ */ e.jsx("div", { className: "h-4 w-4" }) }) : null,
-    m || null,
-    c ? /* @__PURE__ */ e.jsx("img", { src: c, alt: a, className: k(t) }) : null,
-    o ? /* @__PURE__ */ e.jsx("div", { className: I(t), children: /* @__PURE__ */ e.jsx(s, { name: o }) }) : null,
-    /* @__PURE__ */ e.jsxs("div", { className: "flex w-full grow flex-col gap-1 overflow-hidden truncate", children: [
-      /* @__PURE__ */ e.jsx(p, { slot: "label", className: y(t), children: a }),
-      n ? /* @__PURE__ */ e.jsx(p, { slot: "description", className: g(t), children: n }) : null
-    ] }),
-    r ? /* @__PURE__ */ e.jsx("div", { className: f(t), children: /* @__PURE__ */ e.jsx(s, { name: r }) }) : null
-  ] });
+import D, { useState as x, useRef as u, useCallback as $, useEffect as s, useMemo as W, useContext as H, createContext as j } from "react";
+import { useSSRSafeId as G, useIsSSR as U } from "./lyra242.js";
+import { clsx as F } from "./lyra104.js";
+const p = typeof document < "u" ? D.useLayoutEffect : () => {
 };
+function h(e) {
+  const t = u(null);
+  return p(() => {
+    t.current = e;
+  }, [
+    e
+  ]), $((...r) => {
+    const n = t.current;
+    return n == null ? void 0 : n(...r);
+  }, []);
+}
+function X(e) {
+  let [t, r] = x(e), n = u(null), o = h(() => {
+    if (!n.current) return;
+    let i = n.current.next();
+    if (i.done) {
+      n.current = null;
+      return;
+    }
+    t === i.value ? o() : r(i.value);
+  });
+  p(() => {
+    n.current && o();
+  });
+  let a = h((i) => {
+    n.current = i(t), o();
+  });
+  return [
+    t,
+    a
+  ];
+}
+let Y = !!(typeof window < "u" && window.document && window.document.createElement), m = /* @__PURE__ */ new Map();
+function R(e) {
+  let [t, r] = x(e), n = u(null), o = G(t), a = $((i) => {
+    n.current = i;
+  }, []);
+  return Y && m.set(o, a), p(() => {
+    let i = o;
+    return () => {
+      m.delete(i);
+    };
+  }, [
+    o
+  ]), s(() => {
+    let i = n.current;
+    i && (n.current = null, r(i));
+  }), o;
+}
+function B(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 = R(), [r, n] = X(t), o = $(() => {
+    n(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    n
+  ]);
+  return p(o, [
+    t,
+    o,
+    ...e
+  ]), r;
+}
+function V(...e) {
+  return (...t) => {
+    for (let r of e) typeof r == "function" && r(...t);
+  };
+}
+const _ = (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 : _(e).defaultView || window;
+function ye(...e) {
+  let t = {
+    ...e[0]
+  };
+  for (let r = 1; r < e.length; r++) {
+    let n = e[r];
+    for (let o in n) {
+      let a = t[o], i = n[o];
+      typeof a == "function" && typeof i == "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] = V(a, i) : (o === "className" || o === "UNSAFE_className") && typeof a == "string" && typeof i == "string" ? t[o] = F(a, i) : o === "id" && a && i ? t.id = B(a, i) : t[o] = i !== void 0 ? i : 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 q = /* @__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: o } = t, a = {};
+  for (const i in e) Object.prototype.hasOwnProperty.call(e, i) && (q.has(i) || r && J.has(i) || n && Q.has(i) || o != null && o.has(i) || Z.test(i)) && (a[i] = e[i]);
+  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 {
+      document.createElement("div").focus({
+        get preventScroll() {
+          return w = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return w;
+}
+function re(e) {
+  let t = e.parentNode, r = [], n = document.scrollingElement || document.documentElement;
+  for (; 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 oe() {
+  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 ie() {
+  return oe() || O();
+}
+function Le() {
+  return y() || ie();
+}
+function ae() {
+  return L(/AppleWebKit/i) && !le();
+}
+function le() {
+  return L(/Chrome/i);
+}
+function N() {
+  return L(/Android/i);
+}
+function de() {
+  return L(/Firefox/i);
+}
+const ce = /* @__PURE__ */ j({
+  isNative: !0,
+  open: ue
+});
+function Se() {
+  return H(ce);
+}
+function Ee(e, t) {
+  let r = e.getAttribute("target");
+  return (!r || r === "_self") && e.origin === location.origin && !e.hasAttribute("download") && !t.metaKey && // open in new tab (mac)
+  !t.ctrlKey && // open in new tab (windows)
+  !t.altKey && // download
+  !t.shiftKey;
+}
+function g(e, t, r = !0) {
+  var n, o;
+  let { metaKey: a, ctrlKey: i, altKey: d, shiftKey: l } = t;
+  de() && (!((o = window.event) === null || o === void 0 || (n = o.type) === null || n === void 0) && n.startsWith("key")) && e.target === "_blank" && (y() ? a = !0 : i = !0);
+  let f = ae() && y() && !O() ? new KeyboardEvent("keydown", {
+    keyIdentifier: "Enter",
+    metaKey: a,
+    ctrlKey: i,
+    altKey: d,
+    shiftKey: l
+  }) : new MouseEvent("click", {
+    metaKey: a,
+    ctrlKey: i,
+    altKey: d,
+    shiftKey: l,
+    bubbles: !0,
+    cancelable: !0
+  });
+  g.isOpening = r, ee(e), e.dispatchEvent(f), g.isOpening = !1;
+}
+g.isOpening = !1;
+function fe(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 ue(e, t) {
+  fe(e, (r) => g(r, t));
+}
+function Ae(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
+  };
+}
+let b = /* @__PURE__ */ new Map(), A = /* @__PURE__ */ new Set();
+function I() {
+  if (typeof window > "u") return;
+  function e(n) {
+    return "propertyName" in n;
+  }
+  let t = (n) => {
+    if (!e(n) || !n.target) return;
+    let o = b.get(n.target);
+    o || (o = /* @__PURE__ */ new Set(), b.set(n.target, o), n.target.addEventListener("transitioncancel", r, {
+      once: !0
+    })), o.add(n.propertyName);
+  }, r = (n) => {
+    if (!e(n) || !n.target) return;
+    let o = b.get(n.target);
+    if (o && (o.delete(n.propertyName), o.size === 0 && (n.target.removeEventListener("transitioncancel", r), b.delete(n.target)), b.size === 0)) {
+      for (let a of A) a();
+      A.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", t), document.body.addEventListener("transitionend", r);
+}
+typeof document < "u" && (document.readyState !== "loading" ? I() : document.addEventListener("DOMContentLoaded", I));
+function Pe(e) {
+  requestAnimationFrame(() => {
+    b.size === 0 ? e() : A.add(e);
+  });
+}
+function Te() {
+  let e = u(/* @__PURE__ */ new Map()), t = $((o, a, i, d) => {
+    let l = d != null && d.once ? (...f) => {
+      e.current.delete(i), i(...f);
+    } : i;
+    e.current.set(i, {
+      type: a,
+      eventTarget: o,
+      fn: l,
+      options: d
+    }), o.addEventListener(a, i, d);
+  }, []), r = $((o, a, i, d) => {
+    var l;
+    let f = ((l = e.current.get(i)) === null || l === void 0 ? void 0 : l.fn) || i;
+    o.removeEventListener(a, f, d), e.current.delete(i);
+  }, []), n = $(() => {
+    e.current.forEach((o, a) => {
+      r(o.eventTarget, o.type, a, o.options);
+    });
+  }, [
+    r
+  ]);
+  return s(() => n, [
+    n
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: r,
+    removeAllGlobalListeners: n
+  };
+}
+function Ce(e, t) {
+  let { id: r, "aria-label": n, "aria-labelledby": o } = e;
+  return r = R(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 Ie(e) {
+  const t = u(null);
+  return W(() => ({
+    get current() {
+      return t.current;
+    },
+    set current(r) {
+      t.current = r, typeof e == "function" ? e(r) : e && (e.current = r);
+    }
+  }), [
+    e
+  ]);
+}
+function Ke(e, t) {
+  const r = u(!0), n = u(null);
+  s(() => (r.current = !0, () => {
+    r.current = !1;
+  }), []), s(() => {
+    r.current ? r.current = !1 : (!n.current || t.some((o, a) => !Object.is(o, n[a]))) && e(), n.current = t;
+  }, t);
+}
+function se() {
+  return typeof window.ResizeObserver < "u";
+}
+function ke(e) {
+  const { ref: t, onResize: r } = e;
+  s(() => {
+    let n = t == null ? void 0 : t.current;
+    if (n)
+      if (se()) {
+        const o = new window.ResizeObserver((a) => {
+          a.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 ze(e, t) {
+  p(() => {
+    if (e && e.ref && t)
+      return e.ref.current = t.current, () => {
+        e.ref && (e.ref.current = null);
+      };
+  });
+}
+function K(e, t) {
+  let r = e;
+  for (k(r, t) && (r = r.parentElement); r && !k(r, t); ) r = r.parentElement;
+  return r || document.scrollingElement || document.documentElement;
+}
+function k(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
+  } : z());
+  return s(() => {
+    let n = () => {
+      r((o) => {
+        let a = z();
+        return a.width === o.width && a.height === o.height ? o : a;
+      });
+    };
+    return c ? c.addEventListener("resize", n) : window.addEventListener("resize", n), () => {
+      c ? c.removeEventListener("resize", n) : window.removeEventListener("resize", n);
+    };
+  }, []), t;
+}
+function z() {
+  return {
+    width: c && (c == null ? void 0 : c.width) || window.innerWidth,
+    height: c && (c == null ? void 0 : c.height) || window.innerHeight
+  };
+}
+let be = 0;
+const E = /* @__PURE__ */ new Map();
+function Re(e) {
+  let [t, r] = x();
+  return p(() => {
+    if (!e) return;
+    let n = E.get(e);
+    if (n)
+      r(n.element.id);
+    else {
+      let o = `react-aria-description-${be++}`;
+      r(o);
+      let a = document.createElement("div");
+      a.id = o, a.style.display = "none", a.textContent = e, document.body.appendChild(a), n = {
+        refCount: 0,
+        element: a
+      }, E.set(e, n);
+    }
+    return n.refCount++, () => {
+      n && --n.refCount === 0 && (n.element.remove(), E.delete(e));
+    };
+  }, [
+    e
+  ]), {
+    "aria-describedby": e ? t : void 0
+  };
+}
+function Oe(e, t, r, n) {
+  let o = h(r), a = r == null;
+  s(() => {
+    if (a || !e.current) return;
+    let i = e.current;
+    return i.addEventListener(t, o, n), () => {
+      i.removeEventListener(t, o, n);
+    };
+  }, [
+    e,
+    t,
+    n,
+    a,
+    o
+  ]);
+}
+function $e(e, t) {
+  let r = M(e, t, "left"), n = M(e, t, "top"), o = t.offsetWidth, a = t.offsetHeight, i = 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, C = v + e.clientHeight;
+  r <= i ? i = r - parseInt(f, 10) : r + o > T && (i += r + o - T), n <= v ? d = n - parseInt(l, 10) : n + a > C && (d += n + a - C), e.scrollLeft = i, e.scrollTop = d;
+}
+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 Ne(e, t) {
+  if (document.contains(e)) {
+    let i = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(i).overflow === "hidden") {
+      let l = K(e);
+      for (; e && l && e !== i && l !== i; )
+        $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, o, a;
+        t == null || (o = t.containingElement) === null || o === void 0 || (n = o.scrollIntoView) === null || n === void 0 || n.call(o, {
+          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 : N() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function We(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 He(e, t) {
+  let r = u(null);
+  return e && r.current && t(e, r.current) && (e = r.current), r.current = e, e;
+}
+function je(e, t, r) {
+  let n = u(t), o = h(() => {
+    r && r(n.current);
+  });
+  s(() => {
+    var a;
+    let i = e == null || (a = e.current) === null || a === void 0 ? void 0 : a.form;
+    return i == null || i.addEventListener("reset", o), () => {
+      i == null || i.removeEventListener("reset", o);
+    };
+  }, [
+    e,
+    o
+  ]);
+}
 export {
-  W as SharedListItem
+  V as chain,
+  xe as filterDOMProps,
+  ee as focusWithoutScrolling,
+  _ as getOwnerDocument,
+  me as getOwnerWindow,
+  K as getScrollParent,
+  Ae as getSyntheticLinkProps,
+  N as isAndroid,
+  Le as isAppleDevice,
+  le as isChrome,
+  de as isFirefox,
+  ie as isIOS,
+  O as isIPad,
+  oe as isIPhone,
+  y as isMac,
+  k as isScrollable,
+  De as isVirtualClick,
+  We as isVirtualPointerEvent,
+  ae as isWebKit,
+  B as mergeIds,
+  ye as mergeProps,
+  ge as mergeRefs,
+  g as openLink,
+  Pe as runAfterTransition,
+  $e as scrollIntoView,
+  Ne as scrollIntoViewport,
+  Ee as shouldClientNavigate,
+  He as useDeepMemo,
+  Re as useDescription,
+  h as useEffectEvent,
+  Oe as useEvent,
+  je as useFormReset,
+  Te as useGlobalListeners,
+  R as useId,
+  Ce as useLabels,
+  p as useLayoutEffect,
+  Ie as useObjectRef,
+  ke as useResizeObserver,
+  Se as useRouter,
+  he as useSlotId,
+  ze as useSyncRef,
+  Ke as useUpdateEffect,
+  X as useValueEffect,
+  Me as useViewportSize
 };