@new-black/lyra 1.1.3 → 1.1.4

package/dist/lyra106.js

@@ -1,630 +1,16 @@
-import { mergeProps as I, getOwnerDocument as E, runAfterTransition as G, focusWithoutScrolling as K, useLayoutEffect as T, useSyncRef as J, useObjectRef as Y, getOwnerWindow as Q } from "./lyra105.js";
-import x, { useRef as w, useState as k, useCallback as V, useEffect as M, useContext as j, useMemo as R } from "react";
-import { isFocusVisible as X, useFocusVisibleListener as Z, useFocus as B, useFocusWithin as O, useKeyboard as ee, getInteractionModality as te } from "./lyra107.js";
-function z(e) {
-  const t = E(e);
-  if (te() === "virtual") {
-    let r = t.activeElement;
-    G(() => {
-      t.activeElement === r && e.isConnected && K(e);
-    });
-  } else
-    K(e);
-}
-function re(e) {
-  const t = Q(e);
-  if (!(e instanceof t.HTMLElement) && !(e instanceof t.SVGElement))
-    return !1;
-  let { display: r, visibility: o } = e.style, n = r !== "none" && o !== "hidden" && o !== "collapse";
-  if (n) {
-    const { getComputedStyle: i } = e.ownerDocument.defaultView;
-    let { display: u, visibility: a } = i(e);
-    n = u !== "none" && a !== "hidden" && a !== "collapse";
-  }
-  return n;
-}
-function ne(e, t) {
-  return !e.hasAttribute("hidden") && (e.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? e.hasAttribute("open") : !0);
-}
-function H(e, t) {
-  return e.nodeName !== "#comment" && re(e) && ne(e, t) && (!e.parentElement || H(e.parentElement, e));
-}
-const W = /* @__PURE__ */ x.createContext(null);
-let f = null;
-function he(e) {
-  let { children: t, contain: r, restoreFocus: o, autoFocus: n } = e, i = w(null), u = w(null), a = w([]), { parentNode: b } = j(W) || {}, l = R(() => new P({
-    scopeRef: a
-  }), [
-    a
-  ]);
-  T(() => {
-    let v = b || $.root;
-    if ($.getTreeNode(v.scopeRef) && f && !S(f, v.scopeRef)) {
-      let d = $.getTreeNode(f);
-      d && (v = d);
-    }
-    v.addChild(l), $.addNode(l);
-  }, [
-    l,
-    b
-  ]), T(() => {
-    let v = $.getTreeNode(a);
-    v && (v.contain = !!r);
-  }, [
-    r
-  ]), T(() => {
-    var v;
-    let d = (v = i.current) === null || v === void 0 ? void 0 : v.nextSibling, h = [];
-    for (; d && d !== u.current; )
-      h.push(d), d = d.nextSibling;
-    a.current = h;
-  }, [
-    t
-  ]), ce(a, o, r), le(a, r), de(a, o, r), ue(a, n), M(() => {
-    const v = E(a.current ? a.current[0] : void 0).activeElement;
-    let d = null;
-    if (p(v, a.current)) {
-      for (let h of $.traverse())
-        h.scopeRef && p(v, h.scopeRef.current) && (d = h);
-      d === $.getTreeNode(a) && (f = d.scopeRef);
-    }
-  }, [
-    a
-  ]), T(() => () => {
-    var v, d, h;
-    let C = (h = (d = $.getTreeNode(a)) === null || d === void 0 || (v = d.parent) === null || v === void 0 ? void 0 : v.scopeRef) !== null && h !== void 0 ? h : null;
-    (a === f || S(a, f)) && (!C || $.getTreeNode(C)) && (f = C), $.removeTreeNode(a);
-  }, [
-    a
-  ]);
-  let c = R(() => oe(a), []), s = R(() => ({
-    focusManager: c,
-    parentNode: l
-  }), [
-    l,
-    c
-  ]);
-  return /* @__PURE__ */ x.createElement(W.Provider, {
-    value: s
-  }, /* @__PURE__ */ x.createElement("span", {
-    "data-focus-scope-start": !0,
-    hidden: !0,
-    ref: i
-  }), t, /* @__PURE__ */ x.createElement("span", {
-    "data-focus-scope-end": !0,
-    hidden: !0,
-    ref: u
-  }));
-}
-function oe(e) {
-  return {
-    focusNext(t = {}) {
-      let r = e.current, { from: o, tabbable: n, wrap: i, accept: u } = t, a = o || E(r[0]).activeElement, b = r[0].previousElementSibling, l = g(r), c = m(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = p(a, r) ? a : b;
-      let s = c.nextNode();
-      return !s && i && (c.currentNode = b, s = c.nextNode()), s && N(s, !0), s;
-    },
-    focusPrevious(t = {}) {
-      let r = e.current, { from: o, tabbable: n, wrap: i, accept: u } = t, a = o || E(r[0]).activeElement, b = r[r.length - 1].nextElementSibling, l = g(r), c = m(l, {
-        tabbable: n,
-        accept: u
-      }, r);
-      c.currentNode = p(a, r) ? a : b;
-      let s = c.previousNode();
-      return !s && i && (c.currentNode = b, s = c.previousNode()), s && N(s, !0), s;
-    },
-    focusFirst(t = {}) {
-      let r = e.current, { tabbable: o, accept: n } = t, i = g(r), u = m(i, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[0].previousElementSibling;
-      let a = u.nextNode();
-      return a && N(a, !0), a;
-    },
-    focusLast(t = {}) {
-      let r = e.current, { tabbable: o, accept: n } = t, i = g(r), u = m(i, {
-        tabbable: o,
-        accept: n
-      }, r);
-      u.currentNode = r[r.length - 1].nextElementSibling;
-      let a = u.previousNode();
-      return a && N(a, !0), a;
-    }
-  };
-}
-const D = [
-  "input:not([disabled]):not([type=hidden])",
-  "select:not([disabled])",
-  "textarea:not([disabled])",
-  "button:not([disabled])",
-  "a[href]",
-  "area[href]",
-  "summary",
-  "iframe",
-  "object",
-  "embed",
-  "audio[controls]",
-  "video[controls]",
-  "[contenteditable]"
-], ae = D.join(":not([hidden]),") + ",[tabindex]:not([disabled]):not([hidden])";
-D.push('[tabindex]:not([tabindex="-1"]):not([disabled])');
-const ie = D.join(':not([hidden]):not([tabindex="-1"]),');
-function g(e) {
-  return e[0].parentElement;
-}
-function F(e) {
-  let t = $.getTreeNode(f);
-  for (; t && t.scopeRef !== e; ) {
-    if (t.contain)
-      return !1;
-    t = t.parent;
-  }
-  return !0;
-}
-function le(e, t) {
-  let r = w(), o = w();
-  T(() => {
-    let n = e.current;
-    if (!t) {
-      o.current && (cancelAnimationFrame(o.current), o.current = void 0);
-      return;
-    }
-    const i = E(n ? n[0] : void 0);
-    let u = (l) => {
-      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !F(e))
-        return;
-      let c = i.activeElement, s = e.current;
-      if (!s || !p(c, s))
-        return;
-      let v = g(s), d = m(v, {
-        tabbable: !0
-      }, s);
-      if (!c)
-        return;
-      d.currentNode = c;
-      let h = l.shiftKey ? d.previousNode() : d.nextNode();
-      h || (d.currentNode = l.shiftKey ? s[s.length - 1].nextElementSibling : s[0].previousElementSibling, h = l.shiftKey ? d.previousNode() : d.nextNode()), l.preventDefault(), h && N(h, !0);
-    }, a = (l) => {
-      (!f || S(f, e)) && p(l.target, e.current) ? (f = e, r.current = l.target) : F(e) && !y(l.target, e) ? r.current ? r.current.focus() : f && f.current && L(f.current) : F(e) && (r.current = l.target);
-    }, b = (l) => {
-      o.current && cancelAnimationFrame(o.current), o.current = requestAnimationFrame(() => {
-        if (i.activeElement && F(e) && !y(i.activeElement, e))
-          if (f = e, i.body.contains(l.target)) {
-            var c;
-            r.current = l.target, (c = r.current) === null || c === void 0 || c.focus();
-          } else
-            f.current && L(f.current);
-      });
-    };
-    return i.addEventListener("keydown", u, !1), i.addEventListener("focusin", a, !1), n == null || n.forEach((l) => l.addEventListener("focusin", a, !1)), n == null || n.forEach((l) => l.addEventListener("focusout", b, !1)), () => {
-      i.removeEventListener("keydown", u, !1), i.removeEventListener("focusin", a, !1), n == null || n.forEach((l) => l.removeEventListener("focusin", a, !1)), n == null || n.forEach((l) => l.removeEventListener("focusout", b, !1));
-    };
-  }, [
-    e,
-    t
-  ]), T(() => () => {
-    o.current && cancelAnimationFrame(o.current);
-  }, [
-    o
-  ]);
-}
-function q(e) {
-  return y(e);
-}
-function p(e, t) {
-  return !e || !t ? !1 : t.some((r) => r.contains(e));
-}
-function y(e, t = null) {
-  if (e instanceof Element && e.closest("[data-react-aria-top-layer]"))
-    return !0;
-  for (let { scopeRef: r } of $.traverse($.getTreeNode(t)))
-    if (r && p(e, r.current))
-      return !0;
-  return !1;
-}
-function Ne(e) {
-  return y(e, f);
-}
-function S(e, t) {
-  var r;
-  let o = (r = $.getTreeNode(t)) === null || r === void 0 ? void 0 : r.parent;
-  for (; o; ) {
-    if (o.scopeRef === e)
-      return !0;
-    o = o.parent;
-  }
-  return !1;
-}
-function N(e, t = !1) {
-  if (e != null && !t)
-    try {
-      z(e);
-    } catch {
-    }
-  else if (e != null)
-    try {
-      e.focus();
-    } catch {
-    }
-}
-function L(e, t = !0) {
-  let r = e[0].previousElementSibling, o = g(e), n = m(o, {
-    tabbable: t
-  }, e);
-  n.currentNode = r;
-  let i = n.nextNode();
-  t && !i && (o = g(e), n = m(o, {
-    tabbable: !1
-  }, e), n.currentNode = r, i = n.nextNode()), N(i);
-}
-function ue(e, t) {
-  const r = x.useRef(t);
-  M(() => {
-    if (r.current) {
-      f = e;
-      const o = E(e.current ? e.current[0] : void 0);
-      !p(o.activeElement, f.current) && e.current && L(e.current);
-    }
-    r.current = !1;
-  }, [
-    e
-  ]);
-}
-function ce(e, t, r) {
-  T(() => {
-    if (t || r)
-      return;
-    let o = e.current;
-    const n = E(o ? o[0] : void 0);
-    let i = (u) => {
-      let a = u.target;
-      p(a, e.current) ? f = e : q(a) || (f = null);
-    };
-    return n.addEventListener("focusin", i, !1), o == null || o.forEach((u) => u.addEventListener("focusin", i, !1)), () => {
-      n.removeEventListener("focusin", i, !1), o == null || o.forEach((u) => u.removeEventListener("focusin", i, !1));
-    };
-  }, [
-    e,
-    t,
-    r
-  ]);
-}
-function se(e) {
-  let t = $.getTreeNode(f);
-  for (; t && t.scopeRef !== e; ) {
-    if (t.nodeToRestore)
-      return !1;
-    t = t.parent;
-  }
-  return (t == null ? void 0 : t.scopeRef) === e;
-}
-function de(e, t, r) {
-  const o = w(typeof document < "u" ? E(e.current ? e.current[0] : void 0).activeElement : null);
-  T(() => {
-    let n = e.current;
-    const i = E(n ? n[0] : void 0);
-    if (!t || r)
-      return;
-    let u = () => {
-      (!f || S(f, e)) && p(i.activeElement, e.current) && (f = e);
-    };
-    return i.addEventListener("focusin", u, !1), n == null || n.forEach((a) => a.addEventListener("focusin", u, !1)), () => {
-      i.removeEventListener("focusin", u, !1), n == null || n.forEach((a) => a.removeEventListener("focusin", u, !1));
-    };
-  }, [
-    e,
-    r
-  ]), T(() => {
-    const n = E(e.current ? e.current[0] : void 0);
-    if (!t)
-      return;
-    let i = (u) => {
-      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !F(e))
-        return;
-      let a = n.activeElement;
-      if (!p(a, e.current))
-        return;
-      let b = $.getTreeNode(e);
-      if (!b)
-        return;
-      let l = b.nodeToRestore, c = m(n.body, {
-        tabbable: !0
-      });
-      c.currentNode = a;
-      let s = u.shiftKey ? c.previousNode() : c.nextNode();
-      if ((!l || !n.body.contains(l) || l === n.body) && (l = void 0, b.nodeToRestore = void 0), (!s || !p(s, e.current)) && l) {
-        c.currentNode = l;
-        do
-          s = u.shiftKey ? c.previousNode() : c.nextNode();
-        while (p(s, e.current));
-        u.preventDefault(), u.stopPropagation(), s ? N(s, !0) : q(l) ? N(l, !0) : a.blur();
-      }
-    };
-    return r || n.addEventListener("keydown", i, !0), () => {
-      r || n.removeEventListener("keydown", i, !0);
-    };
-  }, [
-    e,
-    t,
-    r
-  ]), T(() => {
-    const n = E(e.current ? e.current[0] : void 0);
-    if (!t)
-      return;
-    let i = $.getTreeNode(e);
-    if (i) {
-      var u;
-      return i.nodeToRestore = (u = o.current) !== null && u !== void 0 ? u : void 0, () => {
-        let a = $.getTreeNode(e);
-        if (!a)
-          return;
-        let b = a.nodeToRestore;
-        if (t && b && // eslint-disable-next-line react-hooks/exhaustive-deps
-        (p(n.activeElement, e.current) || n.activeElement === n.body && se(e))) {
-          let l = $.clone();
-          requestAnimationFrame(() => {
-            if (n.activeElement === n.body) {
-              let c = l.getTreeNode(e);
-              for (; c; ) {
-                if (c.nodeToRestore && c.nodeToRestore.isConnected) {
-                  N(c.nodeToRestore);
-                  return;
-                }
-                c = c.parent;
-              }
-              for (c = l.getTreeNode(e); c; ) {
-                if (c.scopeRef && c.scopeRef.current && $.getTreeNode(c.scopeRef)) {
-                  L(c.scopeRef.current, !0);
-                  return;
-                }
-                c = c.parent;
-              }
-            }
-          });
-        }
-      };
-    }
-  }, [
-    e,
-    t
-  ]);
-}
-function m(e, t, r) {
-  let o = t != null && t.tabbable ? ie : ae, n = E(e).createTreeWalker(e, NodeFilter.SHOW_ELEMENT, {
-    acceptNode(i) {
-      var u;
-      return !(t == null || (u = t.from) === null || u === void 0) && u.contains(i) ? NodeFilter.FILTER_REJECT : i.matches(o) && H(i) && (!r || p(i, r)) && (!(t != null && t.accept) || t.accept(i)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
-    }
-  });
-  return t != null && t.from && (n.currentNode = t.from), n;
-}
-function Ee(e, t = {}) {
-  return {
-    focusNext(r = {}) {
-      let o = e.current;
-      if (!o)
-        return null;
-      let { from: n, tabbable: i = t.tabbable, wrap: u = t.wrap, accept: a = t.accept } = r, b = n || E(o).activeElement, l = m(o, {
-        tabbable: i,
-        accept: a
-      });
-      o.contains(b) && (l.currentNode = b);
-      let c = l.nextNode();
-      return !c && u && (l.currentNode = o, c = l.nextNode()), c && N(c, !0), c;
-    },
-    focusPrevious(r = t) {
-      let o = e.current;
-      if (!o)
-        return null;
-      let { from: n, tabbable: i = t.tabbable, wrap: u = t.wrap, accept: a = t.accept } = r, b = n || E(o).activeElement, l = m(o, {
-        tabbable: i,
-        accept: a
-      });
-      if (o.contains(b))
-        l.currentNode = b;
-      else {
-        let s = _(l);
-        return s && N(s, !0), s ?? null;
-      }
-      let c = l.previousNode();
-      if (!c && u) {
-        l.currentNode = o;
-        let s = _(l);
-        if (!s)
-          return null;
-        c = s;
-      }
-      return c && N(c, !0), c ?? null;
-    },
-    focusFirst(r = t) {
-      let o = e.current;
-      if (!o)
-        return null;
-      let { tabbable: n = t.tabbable, accept: i = t.accept } = r, a = m(o, {
-        tabbable: n,
-        accept: i
-      }).nextNode();
-      return a && N(a, !0), a;
-    },
-    focusLast(r = t) {
-      let o = e.current;
-      if (!o)
-        return null;
-      let { tabbable: n = t.tabbable, accept: i = t.accept } = r, u = m(o, {
-        tabbable: n,
-        accept: i
-      }), a = _(u);
-      return a && N(a, !0), a ?? null;
-    }
-  };
-}
-function _(e) {
-  let t, r;
-  do
-    r = e.lastChild(), r && (t = r);
-  while (r);
-  return t;
-}
-class A {
-  get size() {
-    return this.fastMap.size;
-  }
-  getTreeNode(t) {
-    return this.fastMap.get(t);
-  }
-  addTreeNode(t, r, o) {
-    let n = this.fastMap.get(r ?? null);
-    if (!n)
-      return;
-    let i = new P({
-      scopeRef: t
-    });
-    n.addChild(i), i.parent = n, this.fastMap.set(t, i), o && (i.nodeToRestore = o);
-  }
-  addNode(t) {
-    this.fastMap.set(t.scopeRef, t);
-  }
-  removeTreeNode(t) {
-    if (t === null)
-      return;
-    let r = this.fastMap.get(t);
-    if (!r)
-      return;
-    let o = r.parent;
-    for (let i of this.traverse())
-      i !== r && r.nodeToRestore && i.nodeToRestore && r.scopeRef && r.scopeRef.current && p(i.nodeToRestore, r.scopeRef.current) && (i.nodeToRestore = r.nodeToRestore);
-    let n = r.children;
-    o && (o.removeChild(r), n.size > 0 && n.forEach((i) => o && o.addChild(i))), this.fastMap.delete(r.scopeRef);
-  }
-  // Pre Order Depth First
-  *traverse(t = this.root) {
-    if (t.scopeRef != null && (yield t), t.children.size > 0)
-      for (let r of t.children)
-        yield* this.traverse(r);
-  }
-  clone() {
-    var t;
-    let r = new A();
-    var o;
-    for (let n of this.traverse())
-      r.addTreeNode(n.scopeRef, (o = (t = n.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && o !== void 0 ? o : null, n.nodeToRestore);
-    return r;
-  }
-  constructor() {
-    this.fastMap = /* @__PURE__ */ new Map(), this.root = new P({
-      scopeRef: null
-    }), this.fastMap.set(null, this.root);
-  }
-}
-class P {
-  addChild(t) {
-    this.children.add(t), t.parent = this;
-  }
-  removeChild(t) {
-    this.children.delete(t), t.parent = void 0;
-  }
-  constructor(t) {
-    this.children = /* @__PURE__ */ new Set(), this.contain = !1, this.scopeRef = t.scopeRef;
-  }
-}
-let $ = new A();
-function me(e = {}) {
-  let { autoFocus: t = !1, isTextInput: r, within: o } = e, n = w({
-    isFocused: !1,
-    isFocusVisible: t || X()
-  }), [i, u] = k(!1), [a, b] = k(() => n.current.isFocused && n.current.isFocusVisible), l = V(() => b(n.current.isFocused && n.current.isFocusVisible), []), c = V((d) => {
-    n.current.isFocused = d, u(d), l();
-  }, [
-    l
-  ]);
-  Z((d) => {
-    n.current.isFocusVisible = d, l();
-  }, [], {
-    isTextInput: r
-  });
-  let { focusProps: s } = B({
-    isDisabled: o,
-    onFocusChange: c
-  }), { focusWithinProps: v } = O({
-    isDisabled: !o,
-    onFocusWithinChange: c
-  });
-  return {
-    isFocused: i,
-    isFocusVisible: a,
-    focusProps: o ? v : s
-  };
-}
-let U = /* @__PURE__ */ x.createContext(null);
-function fe(e) {
-  let t = j(U) || {};
-  J(t, e);
-  let { ref: r, ...o } = t;
-  return o;
-}
-function be(e, t) {
-  let { children: r, ...o } = e, n = Y(t), i = {
-    ...o,
-    ref: n
-  };
-  return /* @__PURE__ */ x.createElement(U.Provider, {
-    value: i
-  }, r);
-}
-let Te = /* @__PURE__ */ x.forwardRef(be);
-function xe(e, t) {
-  let { focusProps: r } = B(e), { keyboardProps: o } = ee(e), n = I(r, o), i = fe(t), u = e.isDisabled ? {} : i, a = w(e.autoFocus);
-  return M(() => {
-    a.current && t.current && z(t.current), a.current = !1;
-  }, [
-    t
-  ]), {
-    focusableProps: I({
-      ...n,
-      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
-    }, u)
-  };
-}
-function we(e, t) {
-  let r = t == null ? void 0 : t.isDisabled, [o, n] = k(!1);
-  return T(() => {
-    if (e != null && e.current && !r) {
-      let i = () => {
-        if (e.current) {
-          let a = m(e.current, {
-            tabbable: !0
-          });
-          n(!!a.nextNode());
-        }
-      };
-      i();
-      let u = new MutationObserver(i);
-      return u.observe(e.current, {
-        subtree: !0,
-        childList: !0,
-        attributes: !0,
-        attributeFilter: [
-          "tabIndex",
-          "disabled"
-        ]
-      }), () => {
-        u.disconnect();
-      };
-    }
-  }), r ? !1 : o;
-}
+import { tv as t } from "./lyra104.js";
+const d = t({
+  slots: {
+    kpi: ["flex flex-col items-center gap-3 px-4"],
+    kpiText: ["max-w-full truncate"],
+    list: [
+      "grid gap-y-5 [&>*:last-child]:border-none",
+      "grid-cols-1",
+      "md:grid-cols-3 md:[&>*:not(:nth-child(3n))]:border-e md:[&>*:not(:nth-child(3n))]:border-e-default",
+      "sm:grid-cols-2 sm:max-md:[&>*:not(:nth-child(2n))]:border-e sm:max-md:[&>*:not(:nth-child(2n))]:border-e-default"
+    ]
+  }
+});
 export {
-  he as FocusScope,
-  Te as FocusableProvider,
-  Ee as createFocusManager,
-  z as focusSafely,
-  m as getFocusableTreeWalker,
-  Ne as isElementInChildOfActiveScope,
-  me as useFocusRing,
-  xe as useFocusable,
-  we as useHasTabbableChild
+  d as KpiStyles
 };