@boxcustodia/library 1.6.0 → 1.6.2

package/dist/index.es166.js

@@ -1,126 +1,352 @@
-import { b as p, g as ee, c as re, f as te, e as le, a as J, h as L } from "./index.es209.js";
-import { twMerge as ne, extendTailwindMerge as oe } from "./index.es210.js";
-var ae = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, U = (s) => s || void 0, M = (...s) => U(le(s).filter(Boolean).join(" ")), S = null, g = {}, P = !1, w = (...s) => (m) => m.twMerge ? ((!S || P) && (P = !1, S = p(g) ? ne : oe({ ...g, extend: { theme: g.theme, classGroups: g.classGroups, conflictingClassGroupModifiers: g.conflictingClassGroupModifiers, conflictingClassGroups: g.conflictingClassGroups, ...g.extend } })), U(S(M(s)))) : M(s), Q = (s, m) => {
-  for (let l in m) s.hasOwnProperty(l) ? s[l] = M(s[l], m[l]) : s[l] = m[l];
-  return s;
-}, ue = (s, m) => {
-  let { extend: l = null, slots: C = {}, variants: R = {}, compoundVariants: B = [], compoundSlots: h = [], defaultVariants: K = {} } = s, d = { ...ae, ...m }, G = l != null && l.base ? M(l.base, s == null ? void 0 : s.base) : s == null ? void 0 : s.base, y = l != null && l.variants && !p(l.variants) ? ee(R, l.variants) : R, O = l != null && l.defaultVariants && !p(l.defaultVariants) ? { ...l.defaultVariants, ...K } : K;
-  !p(d.twMergeConfig) && !re(d.twMergeConfig, g) && (P = !0, g = d.twMergeConfig);
-  let k = p(l == null ? void 0 : l.slots), N = p(C) ? {} : { base: M(s == null ? void 0 : s.base, k && (l == null ? void 0 : l.base)), ...C }, V = k ? N : Q({ ...l == null ? void 0 : l.slots }, p(N) ? { base: s == null ? void 0 : s.base } : N), j = p(l == null ? void 0 : l.compoundVariants) ? B : te(l == null ? void 0 : l.compoundVariants, B), b = (f) => {
-    if (p(y) && p(C) && k) return w(G, f == null ? void 0 : f.class, f == null ? void 0 : f.className)(d);
-    if (j && !Array.isArray(j)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof j}`);
-    if (h && !Array.isArray(h)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);
-    let _ = (e, t, r = [], o) => {
-      let n = r;
-      if (typeof t == "string") n = n.concat(L(t).split(" ").map((a) => `${e}:${a}`));
-      else if (Array.isArray(t)) n = n.concat(t.reduce((a, i) => a.concat(`${e}:${i}`), []));
-      else if (typeof t == "object" && typeof o == "string") {
-        for (let a in t) if (t.hasOwnProperty(a) && a === o) {
-          let i = t[a];
-          if (i && typeof i == "string") {
-            let u = L(i);
-            n[o] ? n[o] = n[o].concat(u.split(" ").map((c) => `${e}:${c}`)) : n[o] = u.split(" ").map((c) => `${e}:${c}`);
-          } else Array.isArray(i) && i.length > 0 && (n[o] = i.reduce((u, c) => u.concat(`${e}:${c}`), []));
-        }
+import { ButtonContext as A } from "./index.es164.js";
+import { CheckboxContext as O } from "./index.es320.js";
+import { CollectionRendererContext as z, DefaultCollectionRenderer as W, usePersistedKeys as G } from "./index.es332.js";
+import { useRenderProps as w, Provider as H, DEFAULT_SLOT as U, useContextProps as j } from "./index.es165.js";
+import { createBranchComponent as q, createLeafComponent as D, CollectionBuilder as J, Collection as Q } from "./index.es88.js";
+import { useCachedChildren as X } from "./index.es333.js";
+import { mergeProps as S } from "./index.es325.js";
+import { filterDOMProps as F } from "./index.es326.js";
+import { useObjectRef as Y } from "./index.es331.js";
+import { useControlledState as Z } from "./index.es334.js";
+import n, { forwardRef as ee, useContext as E, createContext as V, useEffect as I, useRef as te, useMemo as ae } from "react";
+import { useTreeItem as N } from "./index.es335.js";
+import { useTree as le } from "./index.es336.js";
+import { useHover as re } from "./index.es329.js";
+import { useFocusRing as T } from "./index.es328.js";
+import { FocusScope as oe } from "./index.es337.js";
+import { useGridListSelectionCheckbox as ne } from "./index.es338.js";
+import { useTreeState as se } from "./index.es339.js";
+class ie {
+  // TODO: should this collection's getters reflect the flattened structure or the original structure
+  // If we respresent the flattened structure, it is easier for the keyboard nav but harder to find all the nodes
+  *[Symbol.iterator]() {
+    yield* this.flattenedRows;
+  }
+  get size() {
+    return this.flattenedRows.length;
+  }
+  getKeys() {
+    return this.keyMap.keys();
+  }
+  getItem(e) {
+    return this.keyMap.get(e) || null;
+  }
+  at(e) {
+    return this.flattenedRows[e];
+  }
+  getFirstKey() {
+    var e;
+    return (e = this.flattenedRows[0]) === null || e === void 0 ? void 0 : e.key;
+  }
+  getLastKey() {
+    var e;
+    return (e = this.flattenedRows[this.size - 1]) === null || e === void 0 ? void 0 : e.key;
+  }
+  getKeyAfter(e) {
+    var t;
+    let o = this.flattenedRows.findIndex((l) => l.key === e);
+    return (t = this.flattenedRows[o + 1]) === null || t === void 0 ? void 0 : t.key;
+  }
+  getKeyBefore(e) {
+    var t;
+    let o = this.flattenedRows.findIndex((l) => l.key === e);
+    return (t = this.flattenedRows[o - 1]) === null || t === void 0 ? void 0 : t.key;
+  }
+  // Note that this will return Content nodes in addition to nested TreeItems
+  getChildren(e) {
+    let t = this.keyMap;
+    return {
+      *[Symbol.iterator]() {
+        let o = t.get(e), l = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
+        for (; l; )
+          yield l, l = l.nextKey != null ? t.get(l.nextKey) : void 0;
       }
-      return n;
-    }, q = (e, t = y, r = null, o = null) => {
-      var n;
-      let a = t[e];
-      if (!a || p(a)) return null;
-      let i = (n = o == null ? void 0 : o[e]) != null ? n : f == null ? void 0 : f[e];
-      if (i === null) return null;
-      let u = J(i), c = Array.isArray(d.responsiveVariants) && d.responsiveVariants.length > 0 || d.responsiveVariants === !0, A = O == null ? void 0 : O[e], v = [];
-      if (typeof u == "object" && c) for (let [E, I] of Object.entries(u)) {
-        let $ = a[I];
-        if (E === "initial") {
-          A = I;
-          continue;
-        }
-        Array.isArray(d.responsiveVariants) && !d.responsiveVariants.includes(E) || (v = _(E, $, v, r));
+    };
+  }
+  getTextValue(e) {
+    let t = this.getItem(e);
+    return t ? t.textValue : "";
+  }
+  constructor(e) {
+    this.keyMap = /* @__PURE__ */ new Map();
+    let { collection: t, expandedKeys: o } = e, { flattenedRows: l, keyMap: s } = fe(t, {
+      expandedKeys: o
+    });
+    this.flattenedRows = l, this.keyMap = s;
+  }
+}
+const de = /* @__PURE__ */ V(null), _ = /* @__PURE__ */ V(null), Te = /* @__PURE__ */ ee(function(e, t) {
+  return [e, t] = j(e, t, de), /* @__PURE__ */ n.createElement(J, {
+    content: /* @__PURE__ */ n.createElement(Q, e)
+  }, (o) => /* @__PURE__ */ n.createElement(ce, {
+    props: e,
+    collection: o,
+    treeRef: t
+  }));
+});
+function ce({ props: r, collection: e, treeRef: t }) {
+  let { selectionMode: o = "none", expandedKeys: l, defaultExpandedKeys: s, onExpandedChange: a, disabledBehavior: i = "all" } = r, { CollectionRoot: f, isVirtualized: d, layoutDelegate: $ } = E(z), [u, p] = Z(l ? B(l) : void 0, s ? B(s) : /* @__PURE__ */ new Set(), a), P = ae(() => new ie({
+    collection: e,
+    expandedKeys: u
+  }), [
+    e,
+    u
+  ]), c = se({
+    ...r,
+    selectionMode: o,
+    expandedKeys: u,
+    onExpandedChange: p,
+    collection: P,
+    children: void 0,
+    disabledBehavior: i
+  }), { gridProps: m } = le({
+    ...r,
+    isVirtualized: d,
+    layoutDelegate: $
+  }, c, t), { focusProps: R, isFocused: b, isFocusVisible: h } = T(), x = {
+    isEmpty: c.collection.size === 0,
+    isFocused: b,
+    isFocusVisible: h,
+    state: c
+  }, v = w({
+    className: r.className,
+    style: r.style,
+    defaultClassName: "react-aria-Tree",
+    values: x
+  }), y = null;
+  if (c.collection.size === 0 && r.renderEmptyState) {
+    let { isEmpty: k, ...M } = x, C = r.renderEmptyState({
+      ...M
+    }), K = {
+      "aria-level": 1,
+      "aria-posinset": 1,
+      "aria-setsize": 1
+    };
+    y = /* @__PURE__ */ n.createElement("div", {
+      role: "row",
+      style: {
+        display: "contents"
+      },
+      ...K
+    }, /* @__PURE__ */ n.createElement("div", {
+      role: "gridcell",
+      style: {
+        display: "contents"
       }
-      let x = u != null && typeof u != "object" ? u : J(A), T = a[x || "false"];
-      return typeof v == "object" && typeof r == "string" && v[r] ? Q(v, T) : v.length > 0 ? (v.push(T), r === "base" ? v.join(" ") : v) : T;
-    }, F = () => y ? Object.keys(y).map((e) => q(e, y)) : null, X = (e, t) => {
-      if (!y || typeof y != "object") return null;
-      let r = new Array();
-      for (let o in y) {
-        let n = q(o, y, e, t), a = e === "base" && typeof n == "string" ? n : n && n[e];
-        a && (r[r.length] = a);
+    }, C));
+  }
+  return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
+    ...F(r),
+    ...v,
+    ...S(m, R),
+    ref: t,
+    slot: r.slot || void 0,
+    onScroll: r.onScroll,
+    "data-empty": c.collection.size === 0 || void 0,
+    "data-focused": b || void 0,
+    "data-focus-visible": h || void 0
+  }, /* @__PURE__ */ n.createElement(H, {
+    values: [
+      [
+        _,
+        c
+      ]
+    ]
+  }, /* @__PURE__ */ n.createElement(f, {
+    collection: c.collection,
+    persistedKeys: G(c.selectionManager.focusedKey),
+    scrollRef: t
+  })), y));
+}
+const Se = /* @__PURE__ */ D("content", function(e) {
+  let t = E(L), o = w({
+    children: e.children,
+    values: t
+  });
+  return /* @__PURE__ */ n.createElement(z.Provider, {
+    value: W
+  }, o.children);
+}), L = /* @__PURE__ */ V(null), Fe = /* @__PURE__ */ q("item", (r, e, t) => {
+  var o;
+  let l = E(_);
+  e = Y(e);
+  let { rowProps: s, gridCellProps: a, expandButtonProps: i, descriptionProps: f, ...d } = N({
+    node: t
+  }, l, e), $ = s["aria-expanded"] === !0, u = r.hasChildItems || ((o = [
+    ...l.collection.getChildren(t.key)
+  ]) === null || o === void 0 ? void 0 : o.length) > 1, p = s["aria-level"] || 1, { hoverProps: P, isHovered: c } = re({
+    isDisabled: !d.allowsSelection && !d.hasAction,
+    onHoverStart: r.onHoverStart,
+    onHoverChange: r.onHoverChange,
+    onHoverEnd: r.onHoverEnd
+  }), { isFocusVisible: m, focusProps: R } = T(), { isFocusVisible: b, focusProps: h } = T({
+    within: !0
+  }), { checkboxProps: x } = ne({
+    key: t.key
+  }, l), v = l.selectionManager.selectionMode, y = l.selectionManager.selectionBehavior, k = n.useMemo(() => ({
+    ...d,
+    isHovered: c,
+    isFocusVisible: m,
+    isExpanded: $,
+    hasChildItems: u,
+    level: p,
+    selectionMode: v,
+    selectionBehavior: y,
+    isFocusVisibleWithin: b,
+    state: l,
+    id: t.key
+  }), [
+    d,
+    c,
+    m,
+    v,
+    y,
+    $,
+    u,
+    p,
+    b,
+    l,
+    t.key
+  ]), M = w({
+    ...r,
+    id: void 0,
+    children: t.rendered,
+    defaultClassName: "react-aria-TreeItem",
+    defaultStyle: {
+      // @ts-ignore
+      "--tree-item-level": p
+    },
+    values: k
+  });
+  I(() => {
+    t.textValue || console.warn("A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.");
+  }, [
+    t.textValue
+  ]);
+  let C = te(null);
+  I(() => {
+    u && !C.current && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
+  }, []);
+  let K = X({
+    items: l.collection.getChildren(t.key),
+    children: (g) => {
+      switch (g.type) {
+        case "content":
+          return g.render(g);
+        case "loader":
+        case "item":
+          return /* @__PURE__ */ n.createElement(n.Fragment, null);
+        default:
+          throw new Error("Unsupported element type in TreeRow: " + g.type);
       }
-      return r;
-    }, z = {};
-    for (let e in f) f[e] !== void 0 && (z[e] = f[e]);
-    let D = (e, t) => {
-      var r;
-      let o = typeof (f == null ? void 0 : f[e]) == "object" ? { [e]: (r = f[e]) == null ? void 0 : r.initial } : {};
-      return { ...O, ...z, ...o, ...t };
-    }, H = (e = [], t) => {
-      let r = [];
-      for (let { class: o, className: n, ...a } of e) {
-        let i = !0;
-        for (let [u, c] of Object.entries(a)) {
-          let A = D(u, t)[u];
-          if (Array.isArray(c)) {
-            if (!c.includes(A)) {
-              i = !1;
-              break;
-            }
-          } else {
-            let v = (x) => x == null || x === !1;
-            if (v(c) && v(A)) continue;
-            if (A !== c) {
-              i = !1;
-              break;
-            }
+    }
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    ...S(F(r), s, R, P, h),
+    ...M,
+    ref: e,
+    // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
+    "data-expanded": u && $ || void 0,
+    "data-has-child-items": u || void 0,
+    "data-level": p,
+    "data-selected": d.isSelected || void 0,
+    "data-disabled": d.isDisabled || void 0,
+    "data-hovered": c || void 0,
+    "data-focused": d.isFocused || void 0,
+    "data-focus-visible": m || void 0,
+    "data-pressed": d.isPressed || void 0,
+    "data-selection-mode": l.selectionManager.selectionMode === "none" ? void 0 : l.selectionManager.selectionMode
+  }, /* @__PURE__ */ n.createElement("div", {
+    ...a,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ n.createElement(H, {
+    values: [
+      [
+        O,
+        {
+          slots: {
+            selection: x
           }
         }
-        i && (o && r.push(o), n && r.push(n));
-      }
-      return r;
-    }, Y = (e) => {
-      let t = H(j, e);
-      if (!Array.isArray(t)) return t;
-      let r = {};
-      for (let o of t) if (typeof o == "string" && (r.base = w(r.base, o)(d)), typeof o == "object") for (let [n, a] of Object.entries(o)) r[n] = w(r[n], a)(d);
-      return r;
-    }, Z = (e) => {
-      if (h.length < 1) return null;
-      let t = {};
-      for (let { slots: r = [], class: o, className: n, ...a } of h) {
-        if (!p(a)) {
-          let i = !0;
-          for (let u of Object.keys(a)) {
-            let c = D(u, e)[u];
-            if (c === void 0 || (Array.isArray(a[u]) ? !a[u].includes(c) : a[u] !== c)) {
-              i = !1;
-              break;
+      ],
+      // TODO: support description in the tree row
+      // TODO: don't think I need to pass isExpanded to the button here since it can be sourced from the renderProps? Might be worthwhile passing it down?
+      [
+        A,
+        {
+          slots: {
+            [U]: {},
+            chevron: {
+              ...i,
+              ref: C
             }
           }
-          if (!i) continue;
         }
-        for (let i of r) t[i] = t[i] || [], t[i].push([o, n]);
-      }
-      return t;
-    };
-    if (!p(C) || !k) {
-      let e = {};
-      if (typeof V == "object" && !p(V)) for (let t of Object.keys(V)) e[t] = (r) => {
-        var o, n;
-        return w(V[t], X(t, r), ((o = Y(r)) != null ? o : [])[t], ((n = Z(r)) != null ? n : [])[t], r == null ? void 0 : r.class, r == null ? void 0 : r.className)(d);
-      };
-      return e;
+      ],
+      [
+        L,
+        {
+          ...k
+        }
+      ]
+    ]
+  }, K))));
+});
+D("loader", function(e, t, o) {
+  let l = E(_), { rowProps: s } = N({
+    node: o
+  }, l, t), a = s["aria-level"] || 1, i = {
+    "aria-level": s["aria-level"],
+    "aria-posinset": s["aria-posinset"],
+    "aria-setsize": s["aria-setsize"]
+  }, f = w({
+    ...e,
+    id: void 0,
+    children: o.rendered,
+    defaultClassName: "react-aria-TreeLoader",
+    values: {
+      level: a
     }
-    return w(G, F(), H(j), f == null ? void 0 : f.class, f == null ? void 0 : f.className)(d);
-  }, W = () => {
-    if (!(!y || typeof y != "object")) return Object.keys(y);
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    role: "row",
+    ref: t,
+    ...S(F(e), i),
+    ...f,
+    "data-level": a
+  }, /* @__PURE__ */ n.createElement("div", {
+    role: "gridcell",
+    "aria-colindex": 1
+  }, f.children)));
+});
+function B(r) {
+  return r ? r === "all" ? "all" : new Set(r) : /* @__PURE__ */ new Set();
+}
+function fe(r, e) {
+  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), l = [], s = (a) => {
+    if (a.type === "item" || a.type === "loader") {
+      let i = a == null ? void 0 : a.parentKey, f = {
+        ...a
+      };
+      i != null ? ([
+        ...r.getChildren(i)
+      ][0].type !== "item" && (f.index = (a == null ? void 0 : a.index) != null ? (a == null ? void 0 : a.index) - 1 : 0), a.type === "loader" && (f.level = a.level + 1), o.set(f.key, f)) : o.set(a.key, a), (a.level === 0 || i != null && t.has(i) && l.find((d) => d.key === i)) && l.push(o.get(a.key) || a);
+    } else a.type !== null && o.set(a.key, a);
+    for (let i of r.getChildren(a.key)) s(i);
   };
-  return b.variantKeys = W(), b.extend = l, b.base = G, b.slots = V, b.variants = y, b.defaultVariants = O, b.compoundSlots = h, b.compoundVariants = j, b;
-};
+  for (let a of r) s(a);
+  return {
+    flattenedRows: l,
+    keyMap: o
+  };
+}
 export {
-  w as cn,
-  M as cnBase,
-  ae as defaultConfig,
-  ue as tv,
-  U as voidEmpty
+  Te as Tree,
+  de as TreeContext,
+  Fe as TreeItem,
+  Se as TreeItemContent,
+  L as TreeItemContentContext,
+  _ as TreeStateContext
 };

package/dist/index.es167.js

@@ -1,10 +1,126 @@
-import { shouldIgnoreEvent as c } from "./index.es314.js";
-import { matchKeyModifiers as f } from "./index.es313.js";
-const h = (t, o, e, a, i) => (r) => {
-  if (!i || c(r, a))
-    return;
-  (Array.isArray(t) ? t : [t]).some((m) => f(r, m)) && (e && r.preventDefault(), o(r));
+import { b as p, g as ee, c as re, f as te, e as le, a as J, h as L } from "./index.es261.js";
+import { twMerge as ne, extendTailwindMerge as oe } from "./index.es262.js";
+var ae = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, U = (s) => s || void 0, M = (...s) => U(le(s).filter(Boolean).join(" ")), S = null, g = {}, P = !1, w = (...s) => (m) => m.twMerge ? ((!S || P) && (P = !1, S = p(g) ? ne : oe({ ...g, extend: { theme: g.theme, classGroups: g.classGroups, conflictingClassGroupModifiers: g.conflictingClassGroupModifiers, conflictingClassGroups: g.conflictingClassGroups, ...g.extend } })), U(S(M(s)))) : M(s), Q = (s, m) => {
+  for (let l in m) s.hasOwnProperty(l) ? s[l] = M(s[l], m[l]) : s[l] = m[l];
+  return s;
+}, ue = (s, m) => {
+  let { extend: l = null, slots: C = {}, variants: R = {}, compoundVariants: B = [], compoundSlots: h = [], defaultVariants: K = {} } = s, d = { ...ae, ...m }, G = l != null && l.base ? M(l.base, s == null ? void 0 : s.base) : s == null ? void 0 : s.base, y = l != null && l.variants && !p(l.variants) ? ee(R, l.variants) : R, O = l != null && l.defaultVariants && !p(l.defaultVariants) ? { ...l.defaultVariants, ...K } : K;
+  !p(d.twMergeConfig) && !re(d.twMergeConfig, g) && (P = !0, g = d.twMergeConfig);
+  let k = p(l == null ? void 0 : l.slots), N = p(C) ? {} : { base: M(s == null ? void 0 : s.base, k && (l == null ? void 0 : l.base)), ...C }, V = k ? N : Q({ ...l == null ? void 0 : l.slots }, p(N) ? { base: s == null ? void 0 : s.base } : N), j = p(l == null ? void 0 : l.compoundVariants) ? B : te(l == null ? void 0 : l.compoundVariants, B), b = (f) => {
+    if (p(y) && p(C) && k) return w(G, f == null ? void 0 : f.class, f == null ? void 0 : f.className)(d);
+    if (j && !Array.isArray(j)) throw new TypeError(`The "compoundVariants" prop must be an array. Received: ${typeof j}`);
+    if (h && !Array.isArray(h)) throw new TypeError(`The "compoundSlots" prop must be an array. Received: ${typeof h}`);
+    let _ = (e, t, r = [], o) => {
+      let n = r;
+      if (typeof t == "string") n = n.concat(L(t).split(" ").map((a) => `${e}:${a}`));
+      else if (Array.isArray(t)) n = n.concat(t.reduce((a, i) => a.concat(`${e}:${i}`), []));
+      else if (typeof t == "object" && typeof o == "string") {
+        for (let a in t) if (t.hasOwnProperty(a) && a === o) {
+          let i = t[a];
+          if (i && typeof i == "string") {
+            let u = L(i);
+            n[o] ? n[o] = n[o].concat(u.split(" ").map((c) => `${e}:${c}`)) : n[o] = u.split(" ").map((c) => `${e}:${c}`);
+          } else Array.isArray(i) && i.length > 0 && (n[o] = i.reduce((u, c) => u.concat(`${e}:${c}`), []));
+        }
+      }
+      return n;
+    }, q = (e, t = y, r = null, o = null) => {
+      var n;
+      let a = t[e];
+      if (!a || p(a)) return null;
+      let i = (n = o == null ? void 0 : o[e]) != null ? n : f == null ? void 0 : f[e];
+      if (i === null) return null;
+      let u = J(i), c = Array.isArray(d.responsiveVariants) && d.responsiveVariants.length > 0 || d.responsiveVariants === !0, A = O == null ? void 0 : O[e], v = [];
+      if (typeof u == "object" && c) for (let [E, I] of Object.entries(u)) {
+        let $ = a[I];
+        if (E === "initial") {
+          A = I;
+          continue;
+        }
+        Array.isArray(d.responsiveVariants) && !d.responsiveVariants.includes(E) || (v = _(E, $, v, r));
+      }
+      let x = u != null && typeof u != "object" ? u : J(A), T = a[x || "false"];
+      return typeof v == "object" && typeof r == "string" && v[r] ? Q(v, T) : v.length > 0 ? (v.push(T), r === "base" ? v.join(" ") : v) : T;
+    }, F = () => y ? Object.keys(y).map((e) => q(e, y)) : null, X = (e, t) => {
+      if (!y || typeof y != "object") return null;
+      let r = new Array();
+      for (let o in y) {
+        let n = q(o, y, e, t), a = e === "base" && typeof n == "string" ? n : n && n[e];
+        a && (r[r.length] = a);
+      }
+      return r;
+    }, z = {};
+    for (let e in f) f[e] !== void 0 && (z[e] = f[e]);
+    let D = (e, t) => {
+      var r;
+      let o = typeof (f == null ? void 0 : f[e]) == "object" ? { [e]: (r = f[e]) == null ? void 0 : r.initial } : {};
+      return { ...O, ...z, ...o, ...t };
+    }, H = (e = [], t) => {
+      let r = [];
+      for (let { class: o, className: n, ...a } of e) {
+        let i = !0;
+        for (let [u, c] of Object.entries(a)) {
+          let A = D(u, t)[u];
+          if (Array.isArray(c)) {
+            if (!c.includes(A)) {
+              i = !1;
+              break;
+            }
+          } else {
+            let v = (x) => x == null || x === !1;
+            if (v(c) && v(A)) continue;
+            if (A !== c) {
+              i = !1;
+              break;
+            }
+          }
+        }
+        i && (o && r.push(o), n && r.push(n));
+      }
+      return r;
+    }, Y = (e) => {
+      let t = H(j, e);
+      if (!Array.isArray(t)) return t;
+      let r = {};
+      for (let o of t) if (typeof o == "string" && (r.base = w(r.base, o)(d)), typeof o == "object") for (let [n, a] of Object.entries(o)) r[n] = w(r[n], a)(d);
+      return r;
+    }, Z = (e) => {
+      if (h.length < 1) return null;
+      let t = {};
+      for (let { slots: r = [], class: o, className: n, ...a } of h) {
+        if (!p(a)) {
+          let i = !0;
+          for (let u of Object.keys(a)) {
+            let c = D(u, e)[u];
+            if (c === void 0 || (Array.isArray(a[u]) ? !a[u].includes(c) : a[u] !== c)) {
+              i = !1;
+              break;
+            }
+          }
+          if (!i) continue;
+        }
+        for (let i of r) t[i] = t[i] || [], t[i].push([o, n]);
+      }
+      return t;
+    };
+    if (!p(C) || !k) {
+      let e = {};
+      if (typeof V == "object" && !p(V)) for (let t of Object.keys(V)) e[t] = (r) => {
+        var o, n;
+        return w(V[t], X(t, r), ((o = Y(r)) != null ? o : [])[t], ((n = Z(r)) != null ? n : [])[t], r == null ? void 0 : r.class, r == null ? void 0 : r.className)(d);
+      };
+      return e;
+    }
+    return w(G, F(), H(j), f == null ? void 0 : f.class, f == null ? void 0 : f.className)(d);
+  }, W = () => {
+    if (!(!y || typeof y != "object")) return Object.keys(y);
+  };
+  return b.variantKeys = W(), b.extend = l, b.base = G, b.slots = V, b.variants = y, b.defaultVariants = O, b.compoundSlots = h, b.compoundVariants = j, b;
 };
 export {
-  h as createListener
+  w as cn,
+  M as cnBase,
+  ae as defaultConfig,
+  ue as tv,
+  U as voidEmpty
 };

package/dist/index.es169.js

@@ -1,4 +1,4 @@
-import { __exports as e } from "./index.es207.js";
+import { __exports as e } from "./index.es200.js";
 /**
  * @license React
  * react-jsx-runtime.production.js

package/dist/index.es170.js

@@ -1,4 +1,4 @@
-import { __exports as u } from "./index.es208.js";
+import { __exports as u } from "./index.es201.js";
 import B from "react";
 /**
  * @license React

package/dist/index.es173.js

@@ -1,8 +1,17 @@
-var o = typeof globalThis < "u" ? globalThis : typeof window < "u" ? window : typeof global < "u" ? global : typeof self < "u" ? self : {};
-function l(e) {
-  return e && e.__esModule && Object.prototype.hasOwnProperty.call(e, "default") ? e.default : e;
+var m = 1, j = 0.9, k = 0.8, B = 0.17, v = 0.1, w = 0.999, D = 0.9999, G = 0.99, H = /[\\\/_+.#"@\[\(\{&]/, J = /[\\\/_+.#"@\[\(\{&]/g, K = /[\s-]/, A = /[\s-]/g;
+function $(t, o, e, i, n, h, u) {
+  if (h === o.length) return n === t.length ? m : G;
+  var s = `${n},${h}`;
+  if (u[s] !== void 0) return u[s];
+  for (var d = i.charAt(h), a = e.indexOf(d, n), l = 0, r, g, c, p; a >= 0; ) r = $(t, o, e, i, a + 1, h + 1, u), r > l && (a === n ? r *= m : H.test(t.charAt(a - 1)) ? (r *= k, c = t.slice(n, a - 1).match(J), c && n > 0 && (r *= Math.pow(w, c.length))) : K.test(t.charAt(a - 1)) ? (r *= j, p = t.slice(n, a - 1).match(A), p && n > 0 && (r *= Math.pow(w, p.length))) : (r *= B, n > 0 && (r *= Math.pow(w, a - n))), t.charAt(a) !== o.charAt(h) && (r *= D)), (r < v && e.charAt(a - 1) === i.charAt(h + 1) || i.charAt(h + 1) === i.charAt(h) && e.charAt(a - 1) !== i.charAt(h)) && (g = $(t, o, e, i, a + 1, h + 2, u), g * v > r && (r = g * v)), r > l && (l = r), a = e.indexOf(d, a + 1);
+  return u[s] = l, l;
+}
+function x(t) {
+  return t.toLowerCase().replace(A, " ");
+}
+function M(t, o, e) {
+  return t = e && e.length > 0 ? `${t + " " + e.join(" ")}` : t, $(t, o, x(t), x(o), 0, 0, {});
 }
 export {
-  o as commonjsGlobal,
-  l as getDefaultExportFromCjs
+  M as a
 };