@new-black/lyra 0.0.10 → 0.0.11

package/dist/lyra49.js

@@ -1,238 +1,494 @@
-import a, { useMemo as x } from "react";
-function C(l) {
-  return null;
-}
-C.getCollectionNode = function* (e, t) {
-  let { childItems: r, title: i, children: n } = e, d = e.title || e.children, f = e.textValue || (typeof d == "string" ? d : "") || e["aria-label"] || "";
-  !f && !(t != null && t.suppressTextValueWarning) && console.warn("<Item> with non-plain text contents is unsupported by type to select for accessibility. Please add a `textValue` prop."), yield {
-    type: "item",
-    props: e,
-    rendered: d,
-    textValue: f,
-    "aria-label": e["aria-label"],
-    hasChildNodes: k(e),
-    *childNodes() {
-      if (r)
-        for (let u of r)
-          yield {
-            type: "item",
-            value: u
-          };
-      else if (i) {
-        let u = [];
-        a.Children.forEach(n, (c) => {
-          u.push({
-            type: "item",
-            element: c
-          });
-        }), yield* u;
-      }
-    }
-  };
-};
-function k(l) {
-  return l.hasChildItems != null ? l.hasChildItems : !!(l.childItems || l.title && a.Children.count(l.children) > 0);
+import { filterDOMProps as g, mergeProps as b, useObjectRef as F, mergeRefs as S, useLayoutEffect as B } from "./lyra37.js";
+import i, { forwardRef as $, useRef as v, useMemo as D, useContext as E, useEffect as G, useState as P, useCallback as y, createContext as f } from "react";
+import Q from "react-dom";
+import "./lyra91.js";
+import { useHover as I } from "./lyra40.js";
+import { useFocusRing as V, FocusableProvider as X } from "./lyra43.js";
+import { useButton as Y } from "./lyra67.js";
+import { useOverlayTriggerState as H } from "./lyra92.js";
+import { useOverlayTrigger as z, usePopover as J, Overlay as K, DismissButton as O, OverlayContainer as U, useOverlayPosition as W } from "./lyra69.js";
+import { useTextField as Z } from "./lyra75.js";
+import { useTooltipTriggerState as ee } from "./lyra93.js";
+import { useTooltipTrigger as te, useTooltip as ae } from "./lyra76.js";
+import { useDialog as re } from "./lyra68.js";
+import { useProgressBar as le } from "./lyra73.js";
+const oe = Symbol("callback"), w = Symbol("default");
+function C({ values: e, children: t }) {
+  for (let [a, r] of e)
+    t = /* @__PURE__ */ i.createElement(a.Provider, {
+      value: r
+    }, t);
+  return t;
 }
-let F = C;
-class w {
-  build(e, t) {
-    return this.context = t, v(() => this.iterateCollection(e));
-  }
-  *iterateCollection(e) {
-    let { children: t, items: r } = e;
-    if (typeof t == "function") {
-      if (!r)
-        throw new Error("props.children was a function but props.items is missing");
-      for (let i of e.items)
-        yield* this.getFullNode({
-          value: i
-        }, {
-          renderer: t
-        });
-    } else {
-      let i = [];
-      a.Children.forEach(t, (d) => {
-        i.push(d);
-      });
-      let n = 0;
-      for (let d of i) {
-        let f = this.getFullNode({
-          element: d,
-          index: n
-        }, {});
-        for (let u of f)
-          n++, yield u;
-      }
-    }
-  }
-  getKey(e, t, r, i) {
-    if (e.key != null)
-      return e.key;
-    if (t.type === "cell" && t.key != null)
-      return `${i}${t.key}`;
-    let n = t.value;
-    if (n != null) {
-      var d;
-      let f = (d = n.key) !== null && d !== void 0 ? d : n.id;
-      if (f == null)
-        throw new Error("No key found for item");
-      return f;
-    }
-    return i ? `${i}.${t.index}` : `$.${t.index}`;
-  }
-  getChildState(e, t) {
-    return {
-      renderer: t.renderer || e.renderer
+function p(e) {
+  let { className: t, style: a, children: r, defaultClassName: l, defaultChildren: o, values: n } = e;
+  return D(() => {
+    let s, d, c;
+    return typeof t == "function" ? s = t(n) : s = t, typeof a == "function" ? d = a(n) : d = a, typeof r == "function" ? c = r(n) : r == null ? c = o : c = r, {
+      className: s ?? l,
+      style: d,
+      children: c
     };
+  }, [
+    t,
+    a,
+    r,
+    l,
+    o,
+    n
+  ]);
+}
+function m(e, t, a) {
+  let r = E(a) || {};
+  if ("slots" in r && r.slots) {
+    if (!e.slot && !r.slots[w])
+      throw new Error("A slot prop is required");
+    let c = e.slot || w;
+    if (!r.slots[c])
+      throw new Error(`Invalid slot "${e.slot}". Valid slot names are ` + new Intl.ListFormat().format(Object.keys(r.slots).map((u) => `"${u}"`)) + ".");
+    r = r.slots[c];
   }
-  *getFullNode(e, t, r, i) {
-    let n = e.element;
-    if (!n && e.value && t && t.renderer) {
-      let u = this.cache.get(e.value);
-      if (u && (!u.shouldInvalidate || !u.shouldInvalidate(this.context))) {
-        u.index = e.index, u.parentKey = i ? i.key : null, yield u;
-        return;
-      }
-      n = t.renderer(e.value);
+  let { ref: l, [oe]: o, ...n } = r, s = F(D(() => S(t, l), [
+    t,
+    l
+  ])), d = b(n, e);
+  return G(() => {
+    o && o(e);
+  }, [
+    o,
+    e
+  ]), [
+    d,
+    s
+  ];
+}
+function L() {
+  let [e, t] = P(!0), a = v(!1), r = y((l) => {
+    a.current = !0, t(!!l);
+  }, []);
+  return B(() => {
+    a.current || t(!1);
+  }, []), [
+    r,
+    e
+  ];
+}
+function M(e, t = !0) {
+  let [a, r] = P(!0);
+  return A(e, a && t, y(() => r(!1), [])), a && t;
+}
+function _(e, t) {
+  let [a, r] = P(!1), [l, o] = P("idle");
+  return !t && e.current && l === "idle" && (a = !0, r(!0), o("exiting")), !e.current && l === "exited" && o("idle"), A(e, a, y(() => {
+    o("exited"), r(!1);
+  }, [])), a;
+}
+function A(e, t, a) {
+  let r = v(null);
+  t && e.current && (r.current = window.getComputedStyle(e.current).animation), B(() => {
+    if (t && e.current) {
+      let l = window.getComputedStyle(e.current);
+      if (l.animationName !== "none" && l.animation !== r.current) {
+        let o = (s) => {
+          s.target === e.current && (n.removeEventListener("animationend", o), Q.flushSync(() => {
+            a();
+          }));
+        }, n = e.current;
+        return n.addEventListener("animationend", o), () => {
+          n.removeEventListener("animationend", o);
+        };
+      } else
+        a();
     }
-    if (a.isValidElement(n)) {
-      let u = n.type;
-      if (typeof u != "function" && typeof u.getCollectionNode != "function") {
-        let s = typeof n.type == "function" ? n.type.name : n.type;
-        throw new Error(`Unknown element <${s}> in collection.`);
-      }
-      let c = u.getCollectionNode(n.props, this.context), y = e.index, h = c.next();
-      for (; !h.done && h.value; ) {
-        let s = h.value;
-        e.index = y;
-        let $ = s.key;
-        $ || ($ = s.element ? null : this.getKey(n, e, t, r));
-        let b = [
-          ...this.getFullNode({
-            ...s,
-            key: $,
-            index: y,
-            wrapper: p(e.wrapper, s.wrapper)
-          }, this.getChildState(t, s), r ? `${r}${n.key}` : n.key, i)
-        ];
-        for (let o of b) {
-          if (o.value = s.value || e.value, o.value && this.cache.set(o.value, o), e.type && o.type !== e.type)
-            throw new Error(`Unsupported type <${m(o.type)}> in <${m(i.type)}>. Only <${m(e.type)}> is supported.`);
-          y++, yield o;
-        }
-        h = c.next(b);
-      }
-      return;
+  }, [
+    e,
+    t,
+    a
+  ]);
+}
+const se = /* @__PURE__ */ f(!1), ne = /* @__PURE__ */ f({}), ie = /* @__PURE__ */ new Set([
+  "form",
+  "formAction",
+  "formEncType",
+  "formMethod",
+  "formNoValidate",
+  "formTarget",
+  "name",
+  "value"
+]), T = /* @__PURE__ */ f({});
+function ce(e, t) {
+  [e, t] = m(e, t, T);
+  let a = e, { buttonProps: r, isPressed: l } = Y(e, t), { focusProps: o, isFocused: n, isFocusVisible: s } = V(e), { hoverProps: d, isHovered: c } = I(e), u = p({
+    ...e,
+    values: {
+      isHovered: c,
+      isPressed: l,
+      isFocused: n,
+      isFocusVisible: s,
+      isDisabled: e.isDisabled || !1
+    },
+    defaultClassName: "react-aria-Button"
+  });
+  return /* @__PURE__ */ i.createElement("button", {
+    ...g(e, {
+      propNames: ie
+    }),
+    ...b(r, o, d),
+    ...u,
+    ref: t,
+    slot: e.slot,
+    "data-pressed": a.isPressed || l || void 0,
+    "data-hovered": c || void 0,
+    "data-focus-visible": s || void 0
+  });
+}
+const Me = /* @__PURE__ */ $(ce), de = /* @__PURE__ */ f({}), h = /* @__PURE__ */ f({});
+function fe(e, t) {
+  [e, t] = m(e, t, h);
+  let { elementType: a = "label", ...r } = e;
+  return /* @__PURE__ */ i.createElement(a, {
+    className: "react-aria-Label",
+    ...r,
+    ref: t
+  });
+}
+const _e = /* @__PURE__ */ $(fe), k = /* @__PURE__ */ f({});
+function ue(e, t) {
+  [e, t] = m(e, t, k);
+  let { hoverProps: a, isHovered: r } = I({}), { isFocused: l, isFocusVisible: o, focusProps: n } = V({
+    isTextInput: !0,
+    autoFocus: e.autoFocus
+  }), s = p({
+    ...e,
+    values: {
+      isHovered: r,
+      isFocused: l,
+      isFocusVisible: o,
+      isDisabled: e.disabled || !1
+    },
+    defaultClassName: "react-aria-Input"
+  });
+  return /* @__PURE__ */ i.createElement("input", {
+    ...b(e, n, a),
+    ...s,
+    ref: t,
+    "data-hovered": r || void 0,
+    "data-focus-visible": o || void 0
+  });
+}
+const Ae = /* @__PURE__ */ $(ue), R = /* @__PURE__ */ f(null);
+function $e(e, t) {
+  let { arrowProps: a, placement: r } = E(R), l = {
+    ...a.style,
+    position: "absolute",
+    [r]: "100%",
+    transform: r === "top" || r === "bottom" ? "translateX(-50%)" : "translateY(-50%)"
+  }, o = p({
+    ...e,
+    defaultClassName: "react-aria-OverlayArrow",
+    values: {
+      placement: r
     }
-    if (e.key == null)
-      return;
-    let d = this, f = {
-      type: e.type,
-      props: e.props,
-      key: e.key,
-      parentKey: i ? i.key : null,
-      value: e.value,
-      level: i ? i.level + 1 : 0,
-      index: e.index,
-      rendered: e.rendered,
-      textValue: e.textValue,
-      "aria-label": e["aria-label"],
-      wrapper: e.wrapper,
-      shouldInvalidate: e.shouldInvalidate,
-      hasChildNodes: e.hasChildNodes,
-      childNodes: v(function* () {
-        if (!e.hasChildNodes)
-          return;
-        let u = 0;
-        for (let c of e.childNodes()) {
-          c.key != null && (c.key = `${f.key}${c.key}`), c.index = u;
-          let y = d.getFullNode(c, d.getChildState(t, c), f.key, f);
-          for (let h of y)
-            u++, yield h;
-        }
-      })
-    };
-    yield f;
-  }
-  constructor() {
-    this.cache = /* @__PURE__ */ new WeakMap();
+  });
+  return /* @__PURE__ */ i.createElement("div", {
+    ...b(a, e),
+    ...o,
+    style: {
+      ...o.style,
+      ...l
+    },
+    ref: t,
+    "data-placement": r
+  });
+}
+const ke = /* @__PURE__ */ $($e), j = /* @__PURE__ */ f(null);
+function be(e, t) {
+  [e, t] = m(e, t, j);
+  let a = e, r = H(e), l = e.isOpen != null || e.defaultOpen != null || !(a != null && a.state) ? r : a.state, o = _(t, l.isOpen);
+  if (l && !l.isOpen && !o) {
+    let n = e.children;
+    return typeof n == "function" && (n = n({
+      placement: "bottom",
+      isEntering: !1,
+      isExiting: !1
+    })), a.preserveChildren ? /* @__PURE__ */ i.createElement(se.Provider, {
+      value: !0
+    }, n) : null;
   }
+  return /* @__PURE__ */ i.createElement(me, {
+    ...e,
+    triggerRef: a.triggerRef,
+    state: l,
+    popoverRef: t,
+    isExiting: o
+  });
 }
-function v(l) {
-  let e = [], t = null;
-  return {
-    *[Symbol.iterator]() {
-      for (let r of e)
-        yield r;
-      t || (t = l());
-      for (let r of t)
-        e.push(r), yield r;
+const je = /* @__PURE__ */ $(be);
+function me({ state: e, isExiting: t, ...a }) {
+  var r;
+  let { popoverProps: l, underlayProps: o, arrowProps: n, placement: s } = J({
+    ...a,
+    offset: (r = a.offset) !== null && r !== void 0 ? r : 8
+  }, e), d = a.popoverRef, c = M(d, !!s), u = p({
+    ...a,
+    defaultClassName: "react-aria-Popover",
+    values: {
+      placement: s,
+      isEntering: c,
+      isExiting: t
     }
+  }), x = {
+    ...u.style,
+    ...l.style
   };
+  return /* @__PURE__ */ i.createElement(K, null, !a.isNonModal && /* @__PURE__ */ i.createElement("div", {
+    ...o,
+    style: {
+      position: "fixed",
+      inset: 0
+    }
+  }), /* @__PURE__ */ i.createElement("div", {
+    ...b(g(a), l),
+    ...u,
+    ref: d,
+    slot: a.slot,
+    style: x,
+    "data-placement": s,
+    "data-entering": c || void 0,
+    "data-exiting": t || void 0
+  }, !a.isNonModal && /* @__PURE__ */ i.createElement(O, {
+    onDismiss: e.close
+  }), /* @__PURE__ */ i.createElement(R.Provider, {
+    value: {
+      arrowProps: n,
+      placement: s
+    }
+  }, u.children), /* @__PURE__ */ i.createElement(O, {
+    onDismiss: e.close
+  })));
 }
-function p(l, e) {
-  if (l && e)
-    return (t) => l(e(t));
-  if (l)
-    return l;
-  if (e)
-    return e;
-}
-function m(l) {
-  return l[0].toUpperCase() + l.slice(1);
-}
-function K(l, e, t) {
-  let r = x(() => new w(), []), { children: i, items: n, collection: d } = l;
-  return x(() => {
-    if (d)
-      return d;
-    let u = r.build({
-      children: i,
-      items: n
-    }, t);
-    return e(u);
-  }, [
-    r,
-    i,
-    n,
-    d,
-    t,
-    e
-  ]);
+const ve = /* @__PURE__ */ f(null), q = /* @__PURE__ */ f(null);
+function qe(e) {
+  let t = H(e), a = v(null), { triggerProps: r, overlayProps: l } = z({
+    type: "dialog"
+  }, t, a);
+  return /* @__PURE__ */ i.createElement(C, {
+    values: [
+      [
+        ve,
+        {
+          state: t
+        }
+      ],
+      [
+        q,
+        {
+          ...l,
+          onClose: t.close
+        }
+      ],
+      [
+        T,
+        {
+          ...r,
+          isPressed: t.isOpen,
+          ref: a
+        }
+      ],
+      [
+        j,
+        {
+          state: t,
+          triggerRef: a
+        }
+      ]
+    ]
+  }, e.children);
 }
-function A(l, e) {
-  return typeof e.getChildren == "function" ? e.getChildren(l.key) : l.childNodes;
+function pe(e, t) {
+  [e, t] = m(e, t, q);
+  let { dialogProps: a, titleProps: r } = re(e, t), l = e.children;
+  typeof l == "function" && (l = l({
+    close: e.onClose || (() => {
+    })
+  }));
+  var o;
+  return /* @__PURE__ */ i.createElement("section", {
+    ...g(e),
+    ...a,
+    ref: t,
+    slot: e.slot,
+    style: e.style,
+    className: (o = e.className) !== null && o !== void 0 ? o : "react-aria-Dialog"
+  }, /* @__PURE__ */ i.createElement(C, {
+    values: [
+      [
+        T,
+        void 0
+      ],
+      // TODO: clear context within dialog content?
+      [
+        ne,
+        {
+          ...r,
+          level: 2
+        }
+      ]
+    ]
+  }, l));
 }
-function S(l) {
-  return I(l, 0);
+const Ge = /* @__PURE__ */ $(pe), xe = /* @__PURE__ */ f(null);
+function Pe(e, t) {
+  [e, t] = m(e, t, xe);
+  let { value: a = 0, minValue: r = 0, maxValue: l = 100, isIndeterminate: o = !1 } = e, [n, s] = L(), { progressBarProps: d, labelProps: c } = le({
+    ...e,
+    label: s
+  }), u = o ? void 0 : (a - r) / (l - r) * 100, x = p({
+    ...e,
+    defaultClassName: "react-aria-ProgressBar",
+    values: {
+      percentage: u,
+      valueText: d["aria-valuetext"],
+      isIndeterminate: o
+    }
+  });
+  return /* @__PURE__ */ i.createElement("div", {
+    ...d,
+    ...x,
+    ref: t,
+    slot: e.slot
+  }, /* @__PURE__ */ i.createElement(h.Provider, {
+    value: {
+      ...c,
+      ref: n,
+      elementType: "span"
+    }
+  }, x.children));
 }
-function I(l, e) {
-  if (e < 0)
-    return;
-  let t = 0;
-  for (let r of l) {
-    if (t === e)
-      return r;
-    t++;
-  }
+const Qe = /* @__PURE__ */ $(Pe), ge = /* @__PURE__ */ f(null);
+function Ee(e, t) {
+  [e, t] = m(e, t, ge);
+  let a = v(null), [r, l] = L(), { labelProps: o, inputProps: n, descriptionProps: s, errorMessageProps: d } = Z({
+    ...e,
+    label: l
+  }, a);
+  var c;
+  return /* @__PURE__ */ i.createElement("div", {
+    ...g(e),
+    ref: t,
+    slot: e.slot,
+    className: (c = e.className) !== null && c !== void 0 ? c : "react-aria-TextField",
+    style: e.style
+  }, /* @__PURE__ */ i.createElement(C, {
+    values: [
+      [
+        h,
+        {
+          ...o,
+          ref: r
+        }
+      ],
+      [
+        k,
+        {
+          ...n,
+          ref: a
+        }
+      ],
+      [
+        de,
+        {
+          slots: {
+            description: s,
+            errorMessage: d
+          }
+        }
+      ]
+    ]
+  }, e.children));
 }
-function M(l, e, t) {
-  if (e.parentKey === t.parentKey)
-    return e.index - t.index;
-  let r = g(l, e), i = g(l, t), n = r.slice(0, i.length).findIndex((d, f) => d !== i[f]);
-  return n !== -1 ? (e = r[n], t = i[n], e.index - t.index) : -1;
+const Xe = /* @__PURE__ */ $(Ee), N = /* @__PURE__ */ f(null);
+function Ye(e) {
+  let t = ee(e), a = v(null), { triggerProps: r, tooltipProps: l } = te(e, t, a);
+  return /* @__PURE__ */ i.createElement(N.Provider, {
+    value: {
+      state: t,
+      triggerRef: a,
+      tooltipProps: l
+    }
+  }, /* @__PURE__ */ i.createElement(X, {
+    ...r,
+    ref: a
+  }, e.children));
 }
-function g(l, e) {
-  let t = [];
-  for (; (e == null ? void 0 : e.parentKey) != null; )
-    e = l.getItem(e.parentKey), t.unshift(e);
-  return t;
+function ye(e, t) {
+  let { state: a } = E(N), r = F(t), l = _(r, a.isOpen);
+  return !a.isOpen && !l ? null : /* @__PURE__ */ i.createElement(U, null, /* @__PURE__ */ i.createElement(Ce, {
+    ...e,
+    tooltipRef: r,
+    isExiting: l
+  }));
+}
+const ze = /* @__PURE__ */ $(ye);
+function Ce(e) {
+  let { state: t, triggerRef: a, tooltipProps: r } = E(N), l = v(null), { overlayProps: o, arrowProps: n, placement: s } = W({
+    placement: e.placement || "top",
+    targetRef: a,
+    overlayRef: l,
+    offset: e.offset,
+    crossOffset: e.crossOffset,
+    isOpen: t.isOpen
+  }), d = M(l, !!s), c = p({
+    ...e,
+    defaultClassName: "react-aria-Tooltip",
+    values: {
+      placement: s,
+      isEntering: d,
+      isExiting: e.isExiting
+    }
+  });
+  e = b(e, o);
+  let { tooltipProps: u } = ae(e, t);
+  return /* @__PURE__ */ i.createElement("div", {
+    ...b(r, u),
+    ref: S(l, e.tooltipRef),
+    ...c,
+    style: {
+      ...c.style,
+      ...o.style
+    },
+    "data-placement": s,
+    "data-entering": d || void 0,
+    "data-exiting": e.isExiting || void 0
+  }, /* @__PURE__ */ i.createElement(R.Provider, {
+    value: {
+      arrowProps: n,
+      placement: s
+    }
+  }, c.children));
 }
 export {
-  F as Item,
-  M as compareNodeOrder,
-  A as getChildNodes,
-  S as getFirstItem,
-  I as getNthItem,
-  K as useCollection
+  Me as Button,
+  T as ButtonContext,
+  Ge as Dialog,
+  q as DialogContext,
+  qe as DialogTrigger,
+  ne as HeadingContext,
+  Ae as Input,
+  k as InputContext,
+  _e as Label,
+  h as LabelContext,
+  ve as ModalContext,
+  ke as OverlayArrow,
+  je as Popover,
+  j as PopoverContext,
+  Qe as ProgressBar,
+  xe as ProgressBarContext,
+  C as Provider,
+  de as TextContext,
+  Xe as TextField,
+  ge as TextFieldContext,
+  ze as Tooltip,
+  Ye as TooltipTrigger,
+  m as useContextProps
 };