@new-black/lyra 0.0.12 → 0.0.14

package/dist/lyra39.js

@@ -1,45 +1,456 @@
-import { useId as i, mergeProps as p } from "./lyra37.js";
-import { useButton as c } from "./lyra67.js";
-import { useSelectableItem as f, useSelectableList as $ } from "./lyra74.js";
-function P(r, e, t) {
-  let { item: o } = r, a = i(), d = i(), n = e.disabledKeys.has(o.key), { itemProps: b } = f({
-    selectionManager: e.selectionManager,
-    key: o.key,
-    ref: t
-  }), { buttonProps: l } = c(p(b, {
-    id: a,
-    elementType: "button",
-    isDisabled: n,
-    onPress: () => e.toggleKey(o.key)
-  }), t), s = e.expandedKeys.has(o.key);
-  return {
-    buttonProps: {
-      ...l,
-      "aria-expanded": s,
-      "aria-controls": s ? d : void 0
-    },
-    regionProps: {
-      id: d,
-      role: "region",
-      "aria-labelledby": a
+import z, { useRef as u, useMemo as O, useState as g, useCallback as s, useEffect as m } from "react";
+import { useSSRSafeId as R } from "./lyra37.js";
+import { clsx as N } from "./lyra82.js";
+const b = typeof window < "u" ? z.useLayoutEffect : () => {
+};
+function k(e) {
+  let [t, n] = g(e), r = u(t), o = u(null), l = s(() => {
+    let i = o.current.next();
+    for (; !i.done && r.current === i.value; )
+      i = o.current.next();
+    if (i.done) {
+      o.current = null;
+      return;
+    }
+    n(i.value), r.current = i.value;
+  }, [
+    n,
+    r,
+    o
+  ]);
+  b(() => {
+    o.current && l();
+  });
+  let a = s((i) => {
+    o.current = i(r.current), l();
+  }, [
+    l,
+    o,
+    r
+  ]);
+  return [
+    t,
+    a
+  ];
+}
+let v = /* @__PURE__ */ new Map();
+function A(e) {
+  let [t, n] = g(e), r = u(null), o = R(t), l = s((a) => {
+    r.current = a;
+  }, []);
+  return v.set(o, l), b(() => {
+    let a = o;
+    return () => {
+      v.delete(a);
+    };
+  }, [
+    o
+  ]), m(() => {
+    let a = r.current;
+    a && (r.current = null, n(a));
+  }), o;
+}
+function W(e, t) {
+  if (e === t)
+    return e;
+  let n = v.get(e);
+  if (n)
+    return n(t), t;
+  let r = v.get(t);
+  return r ? (r(e), e) : t;
+}
+function ne(e = []) {
+  let t = A(), [n, r] = k(t), o = s(() => {
+    r(function* () {
+      yield t, yield document.getElementById(t) ? t : void 0;
+    });
+  }, [
+    t,
+    r
+  ]);
+  return b(o, [
+    t,
+    o,
+    ...e
+  ]), n;
+}
+function D(...e) {
+  return (...t) => {
+    for (let n of e)
+      typeof n == "function" && n(...t);
+  };
+}
+function oe(...e) {
+  let t = {
+    ...e[0]
+  };
+  for (let n = 1; n < e.length; n++) {
+    let r = e[n];
+    for (let o in r) {
+      let l = t[o], a = r[o];
+      typeof l == "function" && typeof a == "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] = D(l, a) : (o === "className" || o === "UNSAFE_className") && typeof l == "string" && typeof a == "string" ? t[o] = N(l, a) : o === "id" && l && a ? t.id = W(l, a) : t[o] = a !== void 0 ? a : l;
     }
+  }
+  return t;
+}
+function le(...e) {
+  return e.length === 1 ? e[0] : (t) => {
+    for (let n of e)
+      typeof n == "function" ? n(t) : n != null && (n.current = t);
   };
 }
-function y(r, e, t) {
-  let { listProps: o } = $({
-    ...r,
-    ...e,
-    allowsTabNavigation: !0,
-    ref: t
+const G = /* @__PURE__ */ new Set([
+  "id"
+]), j = /* @__PURE__ */ new Set([
+  "aria-label",
+  "aria-labelledby",
+  "aria-describedby",
+  "aria-details"
+]), H = /^(data-.*)$/;
+function ae(e, t = {}) {
+  let { labelable: n, propNames: r } = t, o = {};
+  for (const l in e)
+    Object.prototype.hasOwnProperty.call(e, l) && (G.has(l) || n && j.has(l) || r != null && r.has(l) || H.test(l)) && (o[l] = e[l]);
+  return o;
+}
+function ie(e) {
+  if (X())
+    e.focus({
+      preventScroll: !0
+    });
+  else {
+    let t = Y(e);
+    e.focus(), q(t);
+  }
+}
+let p = null;
+function X() {
+  if (p == null) {
+    p = !1;
+    try {
+      var e = document.createElement("div");
+      e.focus({
+        get preventScroll() {
+          return p = !0, !0;
+        }
+      });
+    } catch {
+    }
+  }
+  return p;
+}
+function Y(e) {
+  for (var t = e.parentNode, n = [], r = document.scrollingElement || document.documentElement; t instanceof HTMLElement && t !== r; )
+    (t.offsetHeight < t.scrollHeight || t.offsetWidth < t.scrollWidth) && n.push({
+      element: t,
+      scrollTop: t.scrollTop,
+      scrollLeft: t.scrollLeft
+    }), t = t.parentNode;
+  return r instanceof HTMLElement && n.push({
+    element: r,
+    scrollTop: r.scrollTop,
+    scrollLeft: r.scrollLeft
+  }), n;
+}
+function q(e) {
+  for (let { element: t, scrollTop: n, scrollLeft: r } of e)
+    t.scrollTop = n, t.scrollLeft = r;
+}
+let d = /* @__PURE__ */ new Map(), h = /* @__PURE__ */ new Set();
+function P() {
+  if (typeof window > "u")
+    return;
+  let e = (n) => {
+    let r = d.get(n.target);
+    r || (r = /* @__PURE__ */ new Set(), d.set(n.target, r), n.target.addEventListener("transitioncancel", t)), r.add(n.propertyName);
+  }, t = (n) => {
+    let r = d.get(n.target);
+    if (r && (r.delete(n.propertyName), r.size === 0 && (n.target.removeEventListener("transitioncancel", t), d.delete(n.target)), d.size === 0)) {
+      for (let o of h)
+        o();
+      h.clear();
+    }
+  };
+  document.body.addEventListener("transitionrun", e), document.body.addEventListener("transitionend", t);
+}
+typeof document < "u" && (document.readyState !== "loading" ? P() : document.addEventListener("DOMContentLoaded", P));
+function fe(e) {
+  requestAnimationFrame(() => {
+    d.size === 0 ? e() : h.add(e);
   });
-  return {
-    accordionProps: {
-      ...o,
-      tabIndex: void 0
+}
+function ce() {
+  let e = u(/* @__PURE__ */ new Map()), t = s((o, l, a, i) => {
+    let f = i != null && i.once ? (...c) => {
+      e.current.delete(a), a(...c);
+    } : a;
+    e.current.set(a, {
+      type: l,
+      eventTarget: o,
+      fn: f,
+      options: i
+    }), o.addEventListener(l, a, i);
+  }, []), n = s((o, l, a, i) => {
+    var f;
+    let c = ((f = e.current.get(a)) === null || f === void 0 ? void 0 : f.fn) || a;
+    o.removeEventListener(l, c, i), e.current.delete(a);
+  }, []), r = s(() => {
+    e.current.forEach((o, l) => {
+      n(o.eventTarget, o.type, l, o.options);
+    });
+  }, [
+    n
+  ]);
+  return m(() => r, [
+    r
+  ]), {
+    addGlobalListener: t,
+    removeGlobalListener: n,
+    removeAllGlobalListeners: r
+  };
+}
+function se(e, t) {
+  let { id: n, "aria-label": r, "aria-labelledby": o } = e;
+  return n = A(n), o && r ? o = [
+    .../* @__PURE__ */ new Set([
+      n,
+      ...o.trim().split(/\s+/)
+    ])
+  ].join(" ") : o && (o = o.trim().split(/\s+/).join(" ")), !r && !o && t && (r = t), {
+    id: n,
+    "aria-label": r,
+    "aria-labelledby": o
+  };
+}
+function de(e) {
+  const t = u();
+  return O(() => ({
+    get current() {
+      return t.current;
+    },
+    set current(n) {
+      t.current = n, typeof e == "function" ? e(n) : e && (e.current = n);
     }
+  }), [
+    e
+  ]);
+}
+function U() {
+  return typeof window.ResizeObserver < "u";
+}
+function ue(e) {
+  const { ref: t, onResize: n } = e;
+  m(() => {
+    let r = t == null ? void 0 : t.current;
+    if (r)
+      if (U()) {
+        const o = new window.ResizeObserver((l) => {
+          l.length && n();
+        });
+        return o.observe(r), () => {
+          r && o.unobserve(r);
+        };
+      } else
+        return window.addEventListener("resize", n, !1), () => {
+          window.removeEventListener("resize", n, !1);
+        };
+  }, [
+    n,
+    t
+  ]);
+}
+function be(e, t) {
+  b(() => {
+    if (e && e.ref && t)
+      return e.ref.current = t.current, () => {
+        e.ref.current = null;
+      };
+  }, [
+    e,
+    t
+  ]);
+}
+function I(e) {
+  for (E(e) && (e = e.parentElement); e && !E(e); )
+    e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
+}
+function E(e) {
+  let t = window.getComputedStyle(e);
+  return /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+}
+let B = 0;
+const y = /* @__PURE__ */ new Map();
+function $e(e) {
+  let [t, n] = g(void 0);
+  return b(() => {
+    if (!e)
+      return;
+    let r = y.get(e);
+    if (r)
+      n(r.element.id);
+    else {
+      let o = `react-aria-description-${B++}`;
+      n(o);
+      let l = document.createElement("div");
+      l.id = o, l.style.display = "none", l.textContent = e, document.body.appendChild(l), r = {
+        refCount: 0,
+        element: l
+      }, y.set(e, r);
+    }
+    return r.refCount++, () => {
+      --r.refCount === 0 && (r.element.remove(), y.delete(e));
+    };
+  }, [
+    e
+  ]), {
+    "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((n) => e.test(n.brand))) || e.test(window.navigator.userAgent);
+}
+function L(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 M() {
+  return L(/^Mac/i);
+}
+function F() {
+  return L(/^iPhone/i);
+}
+function K() {
+  return L(/^iPad/i) || // iPadOS 13 lies and says it's a Mac, but we can distinguish by detecting touch support.
+  M() && navigator.maxTouchPoints > 1;
+}
+function J() {
+  return F() || K();
+}
+function pe() {
+  return M() || J();
+}
+function ve() {
+  return x(/AppleWebKit/i) && !Q();
+}
+function Q() {
+  return x(/Chrome/i);
+}
+function Z() {
+  return x(/Android/i);
+}
+function V(e) {
+  const t = u(null);
+  return b(() => {
+    t.current = e;
+  }, [
+    e
+  ]), s((...n) => {
+    const r = t.current;
+    return r(...n);
+  }, []);
+}
+function me(e, t, n, r) {
+  let o = V(n), l = n == null;
+  m(() => {
+    if (l)
+      return;
+    let a = e.current;
+    return a.addEventListener(t, o, r), () => {
+      a.removeEventListener(t, o, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    l,
+    o
+  ]);
+}
+function _(e, t) {
+  let n = C(e, t, "left"), r = C(e, t, "top"), o = t.offsetWidth, l = t.offsetHeight, a = e.scrollLeft, i = e.scrollTop, { borderTopWidth: f, borderLeftWidth: c } = getComputedStyle(e), w = e.scrollLeft + parseInt(c, 10), $ = e.scrollTop + parseInt(f, 10), S = w + e.clientWidth, T = $ + e.clientHeight;
+  n <= a ? a = n - parseInt(c, 10) : n + o > S && (a += n + o - S), r <= $ ? i = r - parseInt(f, 10) : r + l > T && (i += r + l - T), e.scrollLeft = a, e.scrollTop = i;
+}
+function C(e, t, n) {
+  const r = n === "left" ? "offsetLeft" : "offsetTop";
+  let o = 0;
+  for (; t.offsetParent && (o += t[r], t.offsetParent !== e); ) {
+    if (t.offsetParent.contains(e)) {
+      o -= e[r];
+      break;
+    }
+    t = t.offsetParent;
+  }
+  return o;
+}
+function we(e, t) {
+  if (document.contains(e)) {
+    let a = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(a).overflow === "hidden") {
+      let f = I(e);
+      for (; e && f && e !== a && f !== a; )
+        _(f, e), e = f, f = I(e);
+    } else {
+      var n;
+      let { left: f, top: c } = e.getBoundingClientRect();
+      e == null || (n = e.scrollIntoView) === null || n === void 0 || n.call(e, {
+        block: "nearest"
+      });
+      let { left: w, top: $ } = e.getBoundingClientRect();
+      if (Math.abs(f - w) > 1 || Math.abs(c - $) > 1) {
+        var r, o, l;
+        t == null || (r = t.containingElement) === null || r === void 0 || (o = r.scrollIntoView) === null || o === void 0 || o.call(r, {
+          block: "center",
+          inline: "center"
+        }), (l = e.scrollIntoView) === null || l === void 0 || l.call(e, {
+          block: "nearest"
+        });
+      }
+    }
+  }
+}
+function ye(e) {
+  return e.mozInputSource === 0 && e.isTrusted ? !0 : Z() && e.pointerType ? e.type === "click" && e.buttons === 1 : e.detail === 0 && !e.pointerType;
+}
+function he(e) {
+  return e.width === 0 && e.height === 0 || e.width === 1 && e.height === 1 && e.pressure === 0 && e.detail === 0 && e.pointerType === "mouse";
+}
 export {
-  y as useAccordion,
-  P as useAccordionItem
+  D as chain,
+  ae as filterDOMProps,
+  ie as focusWithoutScrolling,
+  I as getScrollParent,
+  Z as isAndroid,
+  pe as isAppleDevice,
+  Q as isChrome,
+  J as isIOS,
+  K as isIPad,
+  F as isIPhone,
+  M as isMac,
+  E as isScrollable,
+  ye as isVirtualClick,
+  he as isVirtualPointerEvent,
+  ve as isWebKit,
+  W as mergeIds,
+  oe as mergeProps,
+  le as mergeRefs,
+  fe as runAfterTransition,
+  _ as scrollIntoView,
+  we as scrollIntoViewport,
+  $e as useDescription,
+  V as useEffectEvent,
+  me as useEvent,
+  ce as useGlobalListeners,
+  A as useId,
+  se as useLabels,
+  b as useLayoutEffect,
+  de as useObjectRef,
+  ue as useResizeObserver,
+  ne as useSlotId,
+  be as useSyncRef,
+  k as useValueEffect
 };

package/dist/lyra4.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./lyra29.cjs"),p=require("react"),u=require("./lyra37.cjs"),g=require("./lyra38.cjs"),R=require("./lyra39.cjs"),A=require("./lyra40.cjs"),P=require("./lyra35.cjs"),E=require("./lyra41.cjs"),m=require("./lyra5.cjs"),I=require("./lyra42.cjs"),_=require("./lyra43.cjs"),f=require("./lyra34.cjs"),$=require("./lyra44.cjs"),b=require("./lyra45.cjs"),w=require("./lyra46.cjs");function S({className:r,disableAccordionContentPadding:l,itemClassName:c,...t},i){const e=g.useTreeState(t),d=p.useRef(null),a=u.useObjectRef(u.mergeRefs(i,d)),{accordionProps:s}=R.useAccordion(t,e,a);return o.jsxRuntimeExports.jsx("div",{...u.filterDOMProps(t),...s,ref:a,className:r,children:[...e.collection].map(n=>o.jsxRuntimeExports.jsx(M,{item:n,state:e,className:c,disableAccordionContentPadding:l},n.key))})}function M({className:r,disableAccordionContentPadding:l,...c}){const t=p.useRef(null),{state:i,item:e}=c,{buttonProps:d,regionProps:a}=R.useAccordionItem(c,i,t),s=i.expandedKeys.has(e.key),n=i.disabledKeys.has(e.key),{isHovered:j,hoverProps:y}=A.useHover({isDisabled:n}),{isFocusVisible:x,isFocused:h,focusProps:q}=_.useFocusRing(),v=r==null?void 0:r({isDisabled:n,isOpen:s,isHovered:j,isFocused:h,isFocusVisible:x});return o.jsxRuntimeExports.jsxs("div",{className:f.twMerge(m.accordionItemStyles({isFocusVisible:x,className:v})),children:[o.jsxRuntimeExports.jsxs("button",{...u.mergeProps(d,y,q),ref:t,className:f.twMerge(m.accordionItemButtonStyles({isOpen:s,isDisabled:n})),style:{fontFamily:"var(--accordion-title-font-family)"},children:[e.props.title,o.jsxRuntimeExports.jsx(I.SvgIcon,{name:"chevron-down",className:P.cx("transition duration-200 ease-in-out",s?"rotate-180":"rotate-0","w-4")})]}),o.jsxRuntimeExports.jsx($.AnimatePresence,{initial:!1,children:s&&o.jsxRuntimeExports.jsx(b.motion.div,{...E.convertAriaToMotionProps(a),className:"overflow-clip",initial:"collapsed",animate:"open",exit:"collapsed",variants:{open:{opacity:1,height:"auto"},collapsed:{opacity:0,height:0}},transition:{duration:.3,ease:[.04,.62,.23,.98]},children:o.jsxRuntimeExports.jsx("div",{className:m.accordionItemContentStyles({disableAccordionContentPadding:l}),style:{fontFamily:"var(--accordion-content-font-family)"},children:e.props.children})})})]})}const F=p.forwardRef(S),N=w.Item,O={Root:F,Item:N};exports.Accordion=O;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./lyra32.cjs"),x=require("./lyra26.cjs");require("./lyra50.cjs");const a=require("./lyra5.cjs"),o=require("./lyra33.cjs"),m=({children:s,className:n,color:i,startElement:t,title:r,titleVariant:l,titleElementType:c,variant:u})=>e.jsxRuntimeExports.jsxs("div",{className:o.twMerge(a.alertStyles({color:i,variant:u,className:n})),children:[r?e.jsxRuntimeExports.jsx(x.Text,{variant:l??"heading-4",elementType:c??"h3",className:"text-current",children:r}):null,e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-3",children:[t?e.jsxRuntimeExports.jsx("div",{className:"",children:t}):null,s]})]});exports.Alert=m;

package/dist/lyra4.js

@@ -1,124 +1,32 @@
-import { j as e } from "./lyra29.js";
-import { forwardRef as h, useRef as p } from "react";
-import { useObjectRef as v, mergeRefs as j, filterDOMProps as R, mergeProps as A } from "./lyra37.js";
-import { useTreeState as I } from "./lyra38.js";
-import { useAccordion as P, useAccordionItem as g } from "./lyra39.js";
-import { useHover as w } from "./lyra40.js";
-import { cx as F } from "./lyra35.js";
-import { convertAriaToMotionProps as S } from "./lyra41.js";
-import { accordionItemStyles as N, accordionItemButtonStyles as k, accordionItemContentStyles as M } from "./lyra5.js";
-import { SvgIcon as O } from "./lyra42.js";
-import { useFocusRing as C } from "./lyra43.js";
-import { twMerge as l } from "./lyra34.js";
-import { AnimatePresence as D } from "./lyra44.js";
-import { motion as H } from "./lyra45.js";
-import { Item as K } from "./lyra46.js";
-function T({
-  className: c,
-  disableAccordionContentPadding: d,
-  itemClassName: n,
-  ...t
-}, i) {
-  const o = I(t), f = p(null), a = v(j(i, f)), { accordionProps: r } = P(t, o, a);
-  return /* @__PURE__ */ e.jsx(
-    "div",
+import { j as e } from "./lyra32.js";
+import { Text as o } from "./lyra26.js";
+import "./lyra50.js";
+import { alertStyles as c } from "./lyra5.js";
+import { twMerge as x } from "./lyra33.js";
+const u = ({
+  children: t,
+  className: i,
+  color: l,
+  startElement: r,
+  title: s,
+  titleVariant: m,
+  titleElementType: a,
+  variant: n
+}) => /* @__PURE__ */ e.jsxs("div", { className: x(c({ color: l, variant: n, className: i })), children: [
+  s ? /* @__PURE__ */ e.jsx(
+    o,
     {
-      ...R(t),
-      ...r,
-      ref: a,
-      className: c,
-      children: [...o.collection].map((s) => /* @__PURE__ */ e.jsx(
-        _,
-        {
-          item: s,
-          state: o,
-          className: n,
-          disableAccordionContentPadding: d
-        },
-        s.key
-      ))
+      variant: m ?? "heading-4",
+      elementType: a ?? "h3",
+      className: "text-current",
+      children: s
     }
-  );
-}
-function _({
-  className: c,
-  disableAccordionContentPadding: d,
-  ...n
-}) {
-  const t = p(null), { state: i, item: o } = n, { buttonProps: f, regionProps: a } = g(n, i, t), r = i.expandedKeys.has(o.key), s = i.disabledKeys.has(o.key), { isHovered: $, hoverProps: u } = w({ isDisabled: s }), { isFocusVisible: m, isFocused: x, focusProps: b } = C(), y = c == null ? void 0 : c({
-    isDisabled: s,
-    isOpen: r,
-    isHovered: $,
-    isFocused: x,
-    isFocusVisible: m
-  });
-  return /* @__PURE__ */ e.jsxs(
-    "div",
-    {
-      className: l(
-        N({ isFocusVisible: m, className: y })
-      ),
-      children: [
-        /* @__PURE__ */ e.jsxs(
-          "button",
-          {
-            ...A(f, u, b),
-            ref: t,
-            className: l(k({ isOpen: r, isDisabled: s })),
-            style: {
-              fontFamily: "var(--accordion-title-font-family)"
-            },
-            children: [
-              o.props.title,
-              /* @__PURE__ */ e.jsx(
-                O,
-                {
-                  name: "chevron-down",
-                  className: F(
-                    "transition duration-200 ease-in-out",
-                    r ? "rotate-180" : "rotate-0",
-                    "w-4"
-                  )
-                }
-              )
-            ]
-          }
-        ),
-        /* @__PURE__ */ e.jsx(D, { initial: !1, children: r && /* @__PURE__ */ e.jsx(
-          H.div,
-          {
-            ...S(a),
-            className: "overflow-clip",
-            initial: "collapsed",
-            animate: "open",
-            exit: "collapsed",
-            variants: {
-              open: { opacity: 1, height: "auto" },
-              collapsed: { opacity: 0, height: 0 }
-            },
-            transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] },
-            children: /* @__PURE__ */ e.jsx(
-              "div",
-              {
-                className: M({
-                  disableAccordionContentPadding: d
-                }),
-                style: {
-                  fontFamily: "var(--accordion-content-font-family)"
-                },
-                children: o.props.children
-              }
-            )
-          }
-        ) })
-      ]
-    }
-  );
-}
-const B = h(T), E = K, ro = {
-  Root: B,
-  Item: E
-};
+  ) : null,
+  /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-3", children: [
+    r ? /* @__PURE__ */ e.jsx("div", { className: "", children: r }) : null,
+    t
+  ] })
+] });
 export {
-  ro as Accordion
+  u as Alert
 };