@boxcustodia/library 0.5.2 → 0.5.3

package/dist/index.es148.js

@@ -1,6 +1,95 @@
-import { createSafeContext as e } from "./index.es91.js";
-const [o, r] = e();
+import { mergeProps as m } from "./index.es277.js";
+import { mergeRefs as $ } from "./index.es282.js";
+import { useObjectRef as x } from "./index.es283.js";
+import p, { useMemo as c, useContext as b } from "react";
+import "react-dom";
+const i = Symbol("default");
+function w({ values: t, children: l }) {
+  for (let [e, o] of t)
+    l = /* @__PURE__ */ p.createElement(e.Provider, {
+      value: o
+    }, l);
+  return l;
+}
+function P(t) {
+  let { className: l, style: e, children: o, defaultClassName: s, defaultChildren: f, defaultStyle: d, values: r } = t;
+  return c(() => {
+    let a, u, n;
+    return typeof l == "function" ? a = l({
+      ...r,
+      defaultClassName: s
+    }) : a = l, typeof e == "function" ? u = e({
+      ...r,
+      defaultStyle: d || {}
+    }) : u = e, typeof o == "function" ? n = o({
+      ...r,
+      defaultChildren: f
+    }) : o == null ? n = f : n = o, {
+      className: a ?? s,
+      style: u || d ? {
+        ...d,
+        ...u
+      } : void 0,
+      children: n ?? f,
+      "data-rac": ""
+    };
+  }, [
+    l,
+    e,
+    o,
+    s,
+    f,
+    d,
+    r
+  ]);
+}
+function g(t, l) {
+  return (e) => l(typeof t == "function" ? t(e) : t, e);
+}
+function C(t, l) {
+  let e = b(t);
+  if (l === null)
+    return null;
+  if (e && typeof e == "object" && "slots" in e && e.slots) {
+    let o = new Intl.ListFormat().format(Object.keys(e.slots).map((f) => `"${f}"`));
+    if (!l && !e.slots[i]) throw new Error(`A slot prop is required. Valid slot names are ${o}.`);
+    let s = l || i;
+    if (!e.slots[s])
+      throw new Error(`Invalid slot "${l}". Valid slot names are ${o}.`);
+    return e.slots[s];
+  }
+  return e;
+}
+function E(t, l, e) {
+  let o = C(e, t.slot) || {}, { ref: s, ...f } = o, d = x(c(() => $(l, s), [
+    l,
+    s
+  ])), r = m(f, t);
+  return "style" in f && f.style && "style" in t && t.style && (typeof f.style == "function" || typeof t.style == "function" ? r.style = (a) => {
+    let u = typeof f.style == "function" ? f.style(a) : f.style, n = {
+      ...a.defaultStyle,
+      ...u
+    }, y = typeof t.style == "function" ? t.style({
+      ...a,
+      defaultStyle: n
+    }) : t.style;
+    return {
+      ...n,
+      ...y
+    };
+  } : r.style = {
+    ...f.style,
+    ...t.style
+  }), [
+    r,
+    d
+  ];
+}
 export {
-  r as StepperContextProvider,
-  o as useStepperContext
+  i as DEFAULT_SLOT,
+  w as Provider,
+  g as composeRenderProps,
+  E as useContextProps,
+  P as useRenderProps,
+  C as useSlottedContext
 };

package/dist/index.es149.js

@@ -1,29 +1,348 @@
-import { cva as t } from "./index.es154.js";
-const x = t([], {
-  variants: {
-    size: {
-      sm: "ui-text-[14px]",
-      md: "ui-text-[16px]",
-      lg: "ui-text-[18px]",
-      xl: "ui-text-[20px]",
-      "2xl": "ui-text-[24px]",
-      "3xl": "ui-text-[28px]",
-      "4xl": "ui-text-[32px]",
-      "5xl": "ui-text-[36px]",
-      "6xl": "ui-text-[40px]"
+import { ButtonContext as D } from "./index.es147.js";
+import { CheckboxContext as U } from "./index.es272.js";
+import { CollectionRendererContext as B, DefaultCollectionRenderer as G, usePersistedKeys as O } from "./index.es284.js";
+import { useRenderProps as w, Provider as L, DEFAULT_SLOT as W, useContextProps as j } from "./index.es148.js";
+import { useTreeGridList as q } from "./index.es286.js";
+import { useTreeGridListItem as N } from "./index.es287.js";
+import { createLeafComponent as I, createBranchComponent as J, CollectionBuilder as Q, Collection as X } from "./index.es84.js";
+import { useCachedChildren as Y } from "./index.es285.js";
+import { mergeProps as M } from "./index.es277.js";
+import { filterDOMProps as S } from "./index.es278.js";
+import { useObjectRef as Z } from "./index.es283.js";
+import { useControlledState as ee } from "./index.es288.js";
+import n, { forwardRef as te, useContext as E, createContext as T, useEffect as F, useRef as ae, useMemo as le } from "react";
+import { useHover as re } from "./index.es281.js";
+import { useFocusRing as k } from "./index.es280.js";
+import { FocusScope as oe } from "./index.es289.js";
+import { useGridListSelectionCheckbox as ne } from "./index.es290.js";
+import { useTreeState as se } from "./index.es291.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((r) => r.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((r) => r.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), r = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
+        for (; r; )
+          yield r, r = r.nextKey != null ? t.get(r.nextKey) : void 0;
+      }
+    };
+  }
+  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: r, keyMap: s } = ue(t, {
+      expandedKeys: o
+    });
+    this.flattenedRows = r, this.keyMap = s;
+  }
+}
+const de = /* @__PURE__ */ T(null), K = /* @__PURE__ */ T(null);
+function ce(a, e) {
+  return [a, e] = j(a, e, de), /* @__PURE__ */ n.createElement(Q, {
+    content: /* @__PURE__ */ n.createElement(X, a)
+  }, (t) => /* @__PURE__ */ n.createElement(fe, {
+    props: a,
+    collection: t,
+    treeRef: e
+  }));
+}
+function fe({ props: a, collection: e, treeRef: t }) {
+  let { selectionMode: o = "none", expandedKeys: r, defaultExpandedKeys: s, onExpandedChange: l, disabledBehavior: i = "selection" } = a, { CollectionRoot: f, isVirtualized: d, layoutDelegate: b } = E(B), [u, p] = ee(r ? V(r) : void 0, s ? V(s) : /* @__PURE__ */ new Set(), l), P = le(() => new ie({
+    collection: e,
+    expandedKeys: u
+  }), [
+    e,
+    u
+  ]), c = se({
+    ...a,
+    selectionMode: o,
+    expandedKeys: u,
+    onExpandedChange: p,
+    collection: P,
+    children: void 0,
+    disabledBehavior: i
+  }), { gridProps: m } = q({
+    ...a,
+    isVirtualized: d,
+    layoutDelegate: b
+  }, c, t), { focusProps: R, isFocused: y, isFocusVisible: v } = k(), x = {
+    isEmpty: c.collection.size === 0,
+    isFocused: y,
+    isFocusVisible: v,
+    state: c
+  }, h = w({
+    className: a.className,
+    style: a.style,
+    defaultClassName: "react-aria-Tree",
+    values: x
+  }), C = null, g = null;
+  if (c.collection.size === 0 && a.renderEmptyState) {
+    let { isEmpty: _, ...$ } = x, H = a.renderEmptyState({
+      ...$
+    }), A = {
+      "aria-level": 1,
+      "aria-posinset": 1,
+      "aria-setsize": 1
+    };
+    C = /* @__PURE__ */ n.createElement("div", {
+      role: "row",
+      style: {
+        display: "contents"
+      },
+      ...A
+    }, /* @__PURE__ */ n.createElement("div", {
+      role: "gridcell",
+      style: {
+        display: "contents"
+      }
+    }, H));
+  }
+  return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
+    ...S(a),
+    ...h,
+    ...M(m, R, g),
+    ref: t,
+    slot: a.slot || void 0,
+    onScroll: a.onScroll,
+    "data-empty": c.collection.size === 0 || void 0,
+    "data-focused": y || void 0,
+    "data-focus-visible": v || void 0
+  }, /* @__PURE__ */ n.createElement(L, {
+    values: [
+      [
+        K,
+        c
+      ]
+    ]
+  }, /* @__PURE__ */ n.createElement(f, {
+    collection: c.collection,
+    persistedKeys: O(c.selectionManager.focusedKey),
+    scrollRef: t
+  })), C));
+}
+const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e) {
+  let t = E(z), o = w({
+    children: e.children,
+    values: t
+  });
+  return /* @__PURE__ */ n.createElement(B.Provider, {
+    value: G
+  }, o.children);
+}), z = /* @__PURE__ */ T(null), Fe = /* @__PURE__ */ J("item", (a, e, t) => {
+  var o;
+  let r = E(K);
+  e = Z(e);
+  let { rowProps: s, gridCellProps: l, expandButtonProps: i, descriptionProps: f, ...d } = N({
+    node: t
+  }, r, e), b = s["aria-expanded"] === !0, u = ((o = [
+    ...r.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: a.onHoverStart,
+    onHoverChange: a.onHoverChange,
+    onHoverEnd: a.onHoverEnd
+  }), { isFocusVisible: m, focusProps: R } = k(), { isFocusVisible: y, focusProps: v } = k({
+    within: !0
+  }), { checkboxProps: x } = ne({
+    key: t.key
+  }, r), h = n.useMemo(() => ({
+    ...d,
+    isHovered: c,
+    isFocusVisible: m,
+    isExpanded: b,
+    hasChildRows: u,
+    level: p,
+    selectionMode: r.selectionManager.selectionMode,
+    selectionBehavior: r.selectionManager.selectionBehavior,
+    isFocusVisibleWithin: y
+  }), [
+    d,
+    c,
+    m,
+    r.selectionManager,
+    b,
+    u,
+    p,
+    y
+  ]), C = w({
+    ...a,
+    id: void 0,
+    children: t.rendered,
+    defaultClassName: "react-aria-TreeItem",
+    defaultStyle: {
+      // @ts-ignore
+      "--tree-item-level": p
     },
-    weight: {
-      normal: "ui-font-normal",
-      medium: "ui-font-medium",
-      semibold: "ui-font-semibold",
-      bold: "ui-font-bold"
+    values: h
+  });
+  F(() => {
+    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 g = ae(null);
+  F(() => {
+    u && !g.current && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
+  }, []);
+  let _ = Y({
+    items: r.collection.getChildren(t.key),
+    children: ($) => {
+      switch ($.type) {
+        case "content":
+          return $.render($);
+        case "loader":
+        case "item":
+          return /* @__PURE__ */ n.createElement(n.Fragment, null);
+        default:
+          throw new Error("Unsupported element type in TreeRow: " + $.type);
+      }
     }
-  },
-  defaultVariants: {
-    size: "xl",
-    weight: "semibold"
-  }
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    ...M(S(a), s, R, P, v),
+    ...C,
+    ref: e,
+    // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
+    "data-expanded": u && b || void 0,
+    "data-has-child-rows": 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": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
+  }, /* @__PURE__ */ n.createElement("div", {
+    ...l,
+    style: {
+      display: "contents"
+    }
+  }, /* @__PURE__ */ n.createElement(L, {
+    values: [
+      [
+        U,
+        {
+          slots: {
+            selection: x
+          }
+        }
+      ],
+      // 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?
+      [
+        D,
+        {
+          slots: {
+            [W]: {},
+            chevron: {
+              ...i,
+              ref: g
+            }
+          }
+        }
+      ],
+      [
+        z,
+        {
+          ...h
+        }
+      ]
+    ]
+  }, _))));
+});
+I("loader", function(e, t, o) {
+  let r = E(K), { rowProps: s } = N({
+    node: o
+  }, r, t), l = 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: l
+    }
+  });
+  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
+    role: "row",
+    ref: t,
+    ...M(S(e), i),
+    ...f,
+    "data-level": l
+  }, /* @__PURE__ */ n.createElement("div", {
+    role: "gridcell",
+    "aria-colindex": 1
+  }, f.children)));
 });
+function V(a) {
+  return a ? a === "all" ? "all" : new Set(a) : /* @__PURE__ */ new Set();
+}
+function ue(a, e) {
+  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), r = [], s = (l) => {
+    if (l.type === "item" || l.type === "loader") {
+      let i = l == null ? void 0 : l.parentKey, f = {
+        ...l
+      };
+      i != null ? ([
+        ...a.getChildren(i)
+      ][0].type !== "item" && (f.index = (l == null ? void 0 : l.index) != null ? (l == null ? void 0 : l.index) - 1 : 0), l.type === "loader" && (f.level = l.level + 1), o.set(f.key, f)) : o.set(l.key, l), (l.level === 0 || i != null && t.has(i) && r.find((d) => d.key === i)) && r.push(o.get(l.key) || l);
+    } else l.type !== null && o.set(l.key, l);
+    for (let i of a.getChildren(l.key)) s(i);
+  };
+  for (let l of a) s(l);
+  return {
+    flattenedRows: r,
+    keyMap: o
+  };
+}
 export {
-  x as HeadingVariants
+  z as TreeItemContentContext,
+  Ke as UNSTABLE_Tree,
+  de as UNSTABLE_TreeContext,
+  Fe as UNSTABLE_TreeItem,
+  _e as UNSTABLE_TreeItemContent,
+  K as UNSTABLE_TreeStateContext
 };

package/dist/index.es150.js

@@ -1,71 +1,126 @@
-import * as a from "react";
-import { useComposedRefs as E } from "./index.es162.js";
-import { useLayoutEffect as A } from "./index.es190.js";
-function T(n, e) {
-  return a.useReducer((r, t) => e[r][t] ?? r, n);
-}
-var R = (n) => {
-  const { present: e, children: r } = n, t = v(e), i = typeof r == "function" ? r({ present: t.isPresent }) : a.Children.only(r), c = E(t.ref, P(i));
-  return typeof r == "function" || t.isPresent ? a.cloneElement(i, { ref: c }) : null;
-};
-R.displayName = "Presence";
-function v(n) {
-  const [e, r] = a.useState(), t = a.useRef({}), i = a.useRef(n), c = a.useRef("none"), p = n ? "mounted" : "unmounted", [N, s] = T(p, {
-    mounted: {
-      UNMOUNT: "unmounted",
-      ANIMATION_OUT: "unmountSuspended"
-    },
-    unmountSuspended: {
-      MOUNT: "mounted",
-      ANIMATION_END: "unmounted"
-    },
-    unmounted: {
-      MOUNT: "mounted"
-    }
-  });
-  return a.useEffect(() => {
-    const o = l(t.current);
-    c.current = N === "mounted" ? o : "none";
-  }, [N]), A(() => {
-    const o = t.current, m = i.current;
-    if (m !== n) {
-      const f = c.current, u = l(o);
-      n ? s("MOUNT") : u === "none" || (o == null ? void 0 : o.display) === "none" ? s("UNMOUNT") : s(m && f !== u ? "ANIMATION_OUT" : "UNMOUNT"), i.current = n;
-    }
-  }, [n, s]), A(() => {
-    if (e) {
-      let o;
-      const m = e.ownerDocument.defaultView ?? window, d = (u) => {
-        const g = l(t.current).includes(u.animationName);
-        if (u.target === e && g && (s("ANIMATION_END"), !i.current)) {
-          const O = e.style.animationFillMode;
-          e.style.animationFillMode = "forwards", o = m.setTimeout(() => {
-            e.style.animationFillMode === "forwards" && (e.style.animationFillMode = O);
-          });
+import { b as p, g as ee, c as re, f as te, e as le, h as J, a as L } from "./index.es192.js";
+import { twMerge as ne, extendTailwindMerge as oe } from "./index.es97.js";
+var ie = { twMerge: !0, twMergeConfig: {}, responsiveVariants: !1 }, U = (a) => a || void 0, M = (...a) => U(le(a).filter(Boolean).join(" ")), S = null, g = {}, P = !1, w = (...a) => (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(a)))) : M(a), Q = (a, m) => {
+  for (let l in m) a.hasOwnProperty(l) ? a[l] = M(a[l], m[l]) : a[l] = m[l];
+  return a;
+}, ue = (a, m) => {
+  let { extend: l = null, slots: C = {}, variants: R = {}, compoundVariants: B = [], compoundSlots: h = [], defaultVariants: K = {} } = a, d = { ...ie, ...m }, G = l != null && l.base ? M(l.base, a == null ? void 0 : a.base) : a == null ? void 0 : a.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(a == null ? void 0 : a.base, k && (l == null ? void 0 : l.base)), ...C }, V = k ? N : Q({ ...l == null ? void 0 : l.slots }, p(N) ? { base: a == null ? void 0 : a.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(J(t).split(" ").map((i) => `${e}:${i}`));
+      else if (Array.isArray(t)) n = n.concat(t.reduce((i, s) => i.concat(`${e}:${s}`), []));
+      else if (typeof t == "object" && typeof o == "string") {
+        for (let i in t) if (t.hasOwnProperty(i) && i === o) {
+          let s = t[i];
+          if (s && typeof s == "string") {
+            let u = J(s);
+            n[o] ? n[o] = n[o].concat(u.split(" ").map((c) => `${e}:${c}`)) : n[o] = u.split(" ").map((c) => `${e}:${c}`);
+          } else Array.isArray(s) && s.length > 0 && (n[o] = s.reduce((u, c) => u.concat(`${e}:${c}`), []));
         }
-      }, f = (u) => {
-        u.target === e && (c.current = l(t.current));
-      };
-      return e.addEventListener("animationstart", f), e.addEventListener("animationcancel", d), e.addEventListener("animationend", d), () => {
-        m.clearTimeout(o), e.removeEventListener("animationstart", f), e.removeEventListener("animationcancel", d), e.removeEventListener("animationend", d);
+      }
+      return n;
+    }, q = (e, t = y, r = null, o = null) => {
+      var n;
+      let i = t[e];
+      if (!i || p(i)) return null;
+      let s = (n = o == null ? void 0 : o[e]) != null ? n : f == null ? void 0 : f[e];
+      if (s === null) return null;
+      let u = L(s), 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 $ = i[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 : L(A), T = i[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), i = e === "base" && typeof n == "string" ? n : n && n[e];
+        i && (r[r.length] = i);
+      }
+      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, ...i } of e) {
+        let s = !0;
+        for (let [u, c] of Object.entries(i)) {
+          let A = D(u, t)[u];
+          if (Array.isArray(c)) {
+            if (!c.includes(A)) {
+              s = !1;
+              break;
+            }
+          } else {
+            let v = (x) => x == null || x === !1;
+            if (v(c) && v(A)) continue;
+            if (A !== c) {
+              s = !1;
+              break;
+            }
+          }
+        }
+        s && (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, i] of Object.entries(o)) r[n] = w(r[n], i)(d);
+      return r;
+    }, Z = (e) => {
+      if (h.length < 1) return null;
+      let t = {};
+      for (let { slots: r = [], class: o, className: n, ...i } of h) {
+        if (!p(i)) {
+          let s = !0;
+          for (let u of Object.keys(i)) {
+            let c = D(u, e)[u];
+            if (c === void 0 || (Array.isArray(i[u]) ? !i[u].includes(c) : i[u] !== c)) {
+              s = !1;
+              break;
+            }
+          }
+          if (!s) continue;
+        }
+        for (let s of r) t[s] = t[s] || [], t[s].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);
       };
-    } else
-      s("ANIMATION_END");
-  }, [e, s]), {
-    isPresent: ["mounted", "unmountSuspended"].includes(N),
-    ref: a.useCallback((o) => {
-      o && (t.current = getComputedStyle(o)), r(o);
-    }, [])
+      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);
   };
-}
-function l(n) {
-  return (n == null ? void 0 : n.animationName) || "none";
-}
-function P(n) {
-  var t, i;
-  let e = (t = Object.getOwnPropertyDescriptor(n.props, "ref")) == null ? void 0 : t.get, r = e && "isReactWarning" in e && e.isReactWarning;
-  return r ? n.ref : (e = (i = Object.getOwnPropertyDescriptor(n, "ref")) == null ? void 0 : i.get, r = e && "isReactWarning" in e && e.isReactWarning, r ? n.props.ref : n.props.ref || n.ref);
-}
+  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 {
-  R as Presence
+  w as cn,
+  M as cnBase,
+  ie as defaultConfig,
+  ue as tv,
+  U as voidEmpty
 };