@boxcustodia/library 1.6.3 → 1.7.1-canary.0

package/dist/index.es308.js

@@ -1,5 +1,28 @@
-import { __require as r } from "./index.es375.js";
-var i = r();
+import n from "./index.es518.js";
+import { useGridListItem as p } from "./index.es510.js";
+import { useLabels as b } from "./index.es463.js";
+import { isAndroid as c } from "./index.es460.js";
+import { useLocalizedStringFormatter as f } from "./index.es501.js";
+function u(e) {
+  return e && e.__esModule ? e.default : e;
+}
+function y(e, r, d) {
+  let { node: t } = e, a = p(e, r, d), i = a.rowProps["aria-expanded"] === !0, o = f(u(n), "@react-aria/tree"), s = b({
+    "aria-label": i ? o.format("collapse") : o.format("expand"),
+    "aria-labelledby": a.rowProps.id
+  }), l = {
+    onPress: () => {
+      a.isDisabled || (r.toggleKey(t.key), r.selectionManager.setFocused(!0), r.selectionManager.setFocusedKey(t.key));
+    },
+    tabIndex: c() ? -1 : null,
+    "data-react-aria-prevent-focus": !0,
+    ...s
+  };
+  return {
+    ...a,
+    expandButtonProps: l
+  };
+}
 export {
-  i as b
+  y as useTreeItem
 };

package/dist/index.es309.js

@@ -1,63 +1,10 @@
-import { computeTextAlternative as f } from "./index.es523.js";
-import { queryIdRefs as p } from "./index.es524.js";
-function o(r) {
-  "@babel/helpers - typeof";
-  return o = typeof Symbol == "function" && typeof Symbol.iterator == "symbol" ? function(e) {
-    return typeof e;
-  } : function(e) {
-    return e && typeof Symbol == "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-  }, o(r);
-}
-function u(r, e) {
-  var t = Object.keys(r);
-  if (Object.getOwnPropertySymbols) {
-    var n = Object.getOwnPropertySymbols(r);
-    e && (n = n.filter(function(i) {
-      return Object.getOwnPropertyDescriptor(r, i).enumerable;
-    })), t.push.apply(t, n);
-  }
-  return t;
-}
-function c(r) {
-  for (var e = 1; e < arguments.length; e++) {
-    var t = arguments[e] != null ? arguments[e] : {};
-    e % 2 ? u(Object(t), !0).forEach(function(n) {
-      m(r, n, t[n]);
-    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(r, Object.getOwnPropertyDescriptors(t)) : u(Object(t)).forEach(function(n) {
-      Object.defineProperty(r, n, Object.getOwnPropertyDescriptor(t, n));
-    });
-  }
-  return r;
-}
-function m(r, e, t) {
-  return e = l(e), e in r ? Object.defineProperty(r, e, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : r[e] = t, r;
-}
-function l(r) {
-  var e = a(r, "string");
-  return o(e) === "symbol" ? e : String(e);
-}
-function a(r, e) {
-  if (o(r) !== "object" || r === null) return r;
-  var t = r[Symbol.toPrimitive];
-  if (t !== void 0) {
-    var n = t.call(r, e);
-    if (o(n) !== "object") return n;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(r);
-}
-function s(r) {
-  var e = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {}, t = p(r, "aria-describedby").map(function(i) {
-    return f(i, c(c({}, e), {}, {
-      compute: "description"
-    }));
-  }).join(" ");
-  if (t === "") {
-    var n = r.getAttribute("title");
-    t = n === null ? "" : n;
-  }
-  return t;
+import { useGridList as f } from "./index.es505.js";
+function i(e, o, d) {
+  let { gridProps: r } = f(e, o, d);
+  return r.role = "treegrid", {
+    gridProps: r
+  };
 }
 export {
-  s as computeAccessibleDescription
+  i as useTree
 };

package/dist/index.es31.js

@@ -1,17 +1,18 @@
 import { j as r } from "./index.es104.js";
 import { cn as m } from "./index.es91.js";
-const c = ({ src: a, ...e }) => /* @__PURE__ */ r.jsx(
+const o = ({ src: e, ...a }) => /* @__PURE__ */ r.jsx(
   "div",
   {
-    ...e,
-    className: m("w-full block bg-cover bg-center", e.className),
+    ...a,
+    "data-slot": "background-image",
+    className: m("w-full block bg-cover bg-center", a.className),
     style: {
-      ...e.style,
-      backgroundImage: `url(${a})`
+      ...a.style,
+      backgroundImage: `url(${e})`
     }
   }
 );
-c.displayName = "BackgroundImage";
+o.displayName = "BackgroundImage";
 export {
-  c as BackgroundImage
+  o as BackgroundImage
 };

package/dist/index.es310.js

@@ -1,12 +1,423 @@
-import { computeTextAlternative as n } from "./index.es523.js";
-import { hasAnyConcreteRoles as r } from "./index.es524.js";
-function i(e) {
-  return r(e, ["caption", "code", "deletion", "emphasis", "generic", "insertion", "paragraph", "presentation", "strong", "subscript", "superscript"]);
+import { isElementVisible as V } from "./index.es496.js";
+import { createShadowTreeWalker as B } from "./index.es454.js";
+import { getActiveElement as T, getEventTarget as S } from "./index.es455.js";
+import { getOwnerDocument as N } from "./index.es457.js";
+import { useLayoutEffect as E } from "./index.es393.js";
+import { isAndroid as H, isChrome as J } from "./index.es460.js";
+import { isTabbable as U, isFocusable as j } from "./index.es477.js";
+import { getInteractionModality as G } from "./index.es480.js";
+import { focusSafely as Q } from "./index.es491.js";
+import L, { useRef as F, useContext as X, useMemo as k, useEffect as z } from "react";
+const I = /* @__PURE__ */ L.createContext(null), M = "react-aria-focus-scope-restore";
+let s = null;
+function ve(e) {
+  let { children: t, contain: r, restoreFocus: a, autoFocus: n } = e, i = F(null), u = F(null), o = F([]), { parentNode: b } = X(I) || {}, l = k(() => new A({
+    scopeRef: o
+  }), [
+    o
+  ]);
+  E(() => {
+    let c = b || $.root;
+    if ($.getTreeNode(c.scopeRef) && s && !R(s, c.scopeRef)) {
+      let f = $.getTreeNode(s);
+      f && (c = f);
+    }
+    c.addChild(l), $.addNode(l);
+  }, [
+    l,
+    b
+  ]), E(() => {
+    let c = $.getTreeNode(o);
+    c && (c.contain = !!r);
+  }, [
+    r
+  ]), E(() => {
+    var c;
+    let f = (c = i.current) === null || c === void 0 ? void 0 : c.nextSibling, p = [], y = (C) => C.stopPropagation();
+    for (; f && f !== u.current; )
+      p.push(f), f.addEventListener(M, y), f = f.nextSibling;
+    return o.current = p, () => {
+      for (let C of p) C.removeEventListener(M, y);
+    };
+  }, [
+    t
+  ]), te(o, a, r), Z(o, r), re(o, a, r), ee(o, n), z(() => {
+    const c = T(N(o.current ? o.current[0] : void 0));
+    let f = null;
+    if (m(c, o.current)) {
+      for (let p of $.traverse()) p.scopeRef && m(c, p.scopeRef.current) && (f = p);
+      f === $.getTreeNode(o) && (s = f.scopeRef);
+    }
+  }, [
+    o
+  ]), E(() => () => {
+    var c, f, p;
+    let y = (p = (f = $.getTreeNode(o)) === null || f === void 0 || (c = f.parent) === null || c === void 0 ? void 0 : c.scopeRef) !== null && p !== void 0 ? p : null;
+    (o === s || R(o, s)) && (!y || $.getTreeNode(y)) && (s = y), $.removeTreeNode(o);
+  }, [
+    o
+  ]);
+  let v = k(() => Y(o), []), d = k(() => ({
+    focusManager: v,
+    parentNode: l
+  }), [
+    l,
+    v
+  ]);
+  return /* @__PURE__ */ L.createElement(I.Provider, {
+    value: d
+  }, /* @__PURE__ */ L.createElement("span", {
+    "data-focus-scope-start": !0,
+    hidden: !0,
+    ref: i
+  }), t, /* @__PURE__ */ L.createElement("span", {
+    "data-focus-scope-end": !0,
+    hidden: !0,
+    ref: u
+  }));
 }
-function p(e) {
-  var t = arguments.length > 1 && arguments[1] !== void 0 ? arguments[1] : {};
-  return i(e) ? "" : n(e, t);
+function Y(e) {
+  return {
+    focusNext(t = {}) {
+      let r = e.current, { from: a, tabbable: n, wrap: i, accept: u } = t;
+      var o;
+      let b = a || T(N((o = r[0]) !== null && o !== void 0 ? o : void 0)), l = r[0].previousElementSibling, v = w(r), d = g(v, {
+        tabbable: n,
+        accept: u
+      }, r);
+      d.currentNode = m(b, r) ? b : l;
+      let c = d.nextNode();
+      return !c && i && (d.currentNode = l, c = d.nextNode()), c && h(c, !0), c;
+    },
+    focusPrevious(t = {}) {
+      let r = e.current, { from: a, tabbable: n, wrap: i, accept: u } = t;
+      var o;
+      let b = a || T(N((o = r[0]) !== null && o !== void 0 ? o : void 0)), l = r[r.length - 1].nextElementSibling, v = w(r), d = g(v, {
+        tabbable: n,
+        accept: u
+      }, r);
+      d.currentNode = m(b, r) ? b : l;
+      let c = d.previousNode();
+      return !c && i && (d.currentNode = l, c = d.previousNode()), c && h(c, !0), c;
+    },
+    focusFirst(t = {}) {
+      let r = e.current, { tabbable: a, accept: n } = t, i = w(r), u = g(i, {
+        tabbable: a,
+        accept: n
+      }, r);
+      u.currentNode = r[0].previousElementSibling;
+      let o = u.nextNode();
+      return o && h(o, !0), o;
+    },
+    focusLast(t = {}) {
+      let r = e.current, { tabbable: a, accept: n } = t, i = w(r), u = g(i, {
+        tabbable: a,
+        accept: n
+      }, r);
+      u.currentNode = r[r.length - 1].nextElementSibling;
+      let o = u.previousNode();
+      return o && h(o, !0), o;
+    }
+  };
 }
+function w(e) {
+  return e[0].parentElement;
+}
+function _(e) {
+  let t = $.getTreeNode(s);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.contain) return !1;
+    t = t.parent;
+  }
+  return !0;
+}
+function Z(e, t) {
+  let r = F(void 0), a = F(void 0);
+  E(() => {
+    let n = e.current;
+    if (!t) {
+      a.current && (cancelAnimationFrame(a.current), a.current = void 0);
+      return;
+    }
+    const i = N(n ? n[0] : void 0);
+    let u = (l) => {
+      if (l.key !== "Tab" || l.altKey || l.ctrlKey || l.metaKey || !_(e) || l.isComposing) return;
+      let v = T(i), d = e.current;
+      if (!d || !m(v, d)) return;
+      let c = w(d), f = g(c, {
+        tabbable: !0
+      }, d);
+      if (!v) return;
+      f.currentNode = v;
+      let p = l.shiftKey ? f.previousNode() : f.nextNode();
+      p || (f.currentNode = l.shiftKey ? d[d.length - 1].nextElementSibling : d[0].previousElementSibling, p = l.shiftKey ? f.previousNode() : f.nextNode()), l.preventDefault(), p && h(p, !0);
+    }, o = (l) => {
+      (!s || R(s, e)) && m(S(l), e.current) ? (s = e, r.current = S(l)) : _(e) && !x(S(l), e) ? r.current ? r.current.focus() : s && s.current && K(s.current) : _(e) && (r.current = S(l));
+    }, b = (l) => {
+      a.current && cancelAnimationFrame(a.current), a.current = requestAnimationFrame(() => {
+        let v = G(), d = (v === "virtual" || v === null) && H() && J(), c = T(i);
+        if (!d && c && _(e) && !x(c, e)) {
+          s = e;
+          let p = S(l);
+          if (p && p.isConnected) {
+            var f;
+            r.current = p, (f = r.current) === null || f === void 0 || f.focus();
+          } else s.current && K(s.current);
+        }
+      });
+    };
+    return i.addEventListener("keydown", u, !1), i.addEventListener("focusin", o, !1), n == null || n.forEach((l) => l.addEventListener("focusin", o, !1)), n == null || n.forEach((l) => l.addEventListener("focusout", b, !1)), () => {
+      i.removeEventListener("keydown", u, !1), i.removeEventListener("focusin", o, !1), n == null || n.forEach((l) => l.removeEventListener("focusin", o, !1)), n == null || n.forEach((l) => l.removeEventListener("focusout", b, !1));
+    };
+  }, [
+    e,
+    t
+  ]), E(() => () => {
+    a.current && cancelAnimationFrame(a.current);
+  }, [
+    a
+  ]);
+}
+function W(e) {
+  return x(e);
+}
+function m(e, t) {
+  return !e || !t ? !1 : t.some((r) => r.contains(e));
+}
+function x(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 && m(e, r.current)) return !0;
+  return !1;
+}
+function R(e, t) {
+  var r;
+  let a = (r = $.getTreeNode(t)) === null || r === void 0 ? void 0 : r.parent;
+  for (; a; ) {
+    if (a.scopeRef === e) return !0;
+    a = a.parent;
+  }
+  return !1;
+}
+function h(e, t = !1) {
+  if (e != null && !t) try {
+    Q(e);
+  } catch {
+  }
+  else if (e != null) try {
+    e.focus();
+  } catch {
+  }
+}
+function q(e, t = !0) {
+  let r = e[0].previousElementSibling, a = w(e), n = g(a, {
+    tabbable: t
+  }, e);
+  n.currentNode = r;
+  let i = n.nextNode();
+  return t && !i && (a = w(e), n = g(a, {
+    tabbable: !1
+  }, e), n.currentNode = r, i = n.nextNode()), i;
+}
+function K(e, t = !0) {
+  h(q(e, t));
+}
+function ee(e, t) {
+  const r = L.useRef(t);
+  z(() => {
+    if (r.current) {
+      s = e;
+      const a = N(e.current ? e.current[0] : void 0);
+      !m(T(a), s.current) && e.current && K(e.current);
+    }
+    r.current = !1;
+  }, [
+    e
+  ]);
+}
+function te(e, t, r) {
+  E(() => {
+    if (t || r) return;
+    let a = e.current;
+    const n = N(a ? a[0] : void 0);
+    let i = (u) => {
+      let o = S(u);
+      m(o, e.current) ? s = e : W(o) || (s = null);
+    };
+    return n.addEventListener("focusin", i, !1), a == null || a.forEach((u) => u.addEventListener("focusin", i, !1)), () => {
+      n.removeEventListener("focusin", i, !1), a == null || a.forEach((u) => u.removeEventListener("focusin", i, !1));
+    };
+  }, [
+    e,
+    t,
+    r
+  ]);
+}
+function P(e) {
+  let t = $.getTreeNode(s);
+  for (; t && t.scopeRef !== e; ) {
+    if (t.nodeToRestore) return !1;
+    t = t.parent;
+  }
+  return (t == null ? void 0 : t.scopeRef) === e;
+}
+function re(e, t, r) {
+  const a = F(typeof document < "u" ? T(N(e.current ? e.current[0] : void 0)) : null);
+  E(() => {
+    let n = e.current;
+    const i = N(n ? n[0] : void 0);
+    if (!t || r) return;
+    let u = () => {
+      (!s || R(s, e)) && m(T(i), e.current) && (s = e);
+    };
+    return i.addEventListener("focusin", u, !1), n == null || n.forEach((o) => o.addEventListener("focusin", u, !1)), () => {
+      i.removeEventListener("focusin", u, !1), n == null || n.forEach((o) => o.removeEventListener("focusin", u, !1));
+    };
+  }, [
+    e,
+    r
+  ]), E(() => {
+    const n = N(e.current ? e.current[0] : void 0);
+    if (!t) return;
+    let i = (u) => {
+      if (u.key !== "Tab" || u.altKey || u.ctrlKey || u.metaKey || !_(e) || u.isComposing) return;
+      let o = n.activeElement;
+      if (!x(o, e) || !P(e)) return;
+      let b = $.getTreeNode(e);
+      if (!b) return;
+      let l = b.nodeToRestore, v = g(n.body, {
+        tabbable: !0
+      });
+      v.currentNode = o;
+      let d = u.shiftKey ? v.previousNode() : v.nextNode();
+      if ((!l || !l.isConnected || l === n.body) && (l = void 0, b.nodeToRestore = void 0), (!d || !x(d, e)) && l) {
+        v.currentNode = l;
+        do
+          d = u.shiftKey ? v.previousNode() : v.nextNode();
+        while (x(d, e));
+        u.preventDefault(), u.stopPropagation(), d ? h(d, !0) : W(l) ? h(l, !0) : o.blur();
+      }
+    };
+    return r || n.addEventListener("keydown", i, !0), () => {
+      r || n.removeEventListener("keydown", i, !0);
+    };
+  }, [
+    e,
+    t,
+    r
+  ]), E(() => {
+    const n = N(e.current ? e.current[0] : void 0);
+    if (!t) return;
+    let i = $.getTreeNode(e);
+    if (i) {
+      var u;
+      return i.nodeToRestore = (u = a.current) !== null && u !== void 0 ? u : void 0, () => {
+        let o = $.getTreeNode(e);
+        if (!o) return;
+        let b = o.nodeToRestore, l = T(n);
+        if (t && b && (l && x(l, e) || l === n.body && P(e))) {
+          let v = $.clone();
+          requestAnimationFrame(() => {
+            if (n.activeElement === n.body) {
+              let d = v.getTreeNode(e);
+              for (; d; ) {
+                if (d.nodeToRestore && d.nodeToRestore.isConnected) {
+                  O(d.nodeToRestore);
+                  return;
+                }
+                d = d.parent;
+              }
+              for (d = v.getTreeNode(e); d; ) {
+                if (d.scopeRef && d.scopeRef.current && $.getTreeNode(d.scopeRef)) {
+                  let c = q(d.scopeRef.current, !0);
+                  O(c);
+                  return;
+                }
+                d = d.parent;
+              }
+            }
+          });
+        }
+      };
+    }
+  }, [
+    e,
+    t
+  ]);
+}
+function O(e) {
+  e.dispatchEvent(new CustomEvent(M, {
+    bubbles: !0,
+    cancelable: !0
+  })) && h(e);
+}
+function g(e, t, r) {
+  let a = t != null && t.tabbable ? U : j, n = (e == null ? void 0 : e.nodeType) === Node.ELEMENT_NODE ? e : null, i = N(n), u = B(i, e || i, NodeFilter.SHOW_ELEMENT, {
+    acceptNode(o) {
+      var b;
+      return !(t == null || (b = t.from) === null || b === void 0) && b.contains(o) ? NodeFilter.FILTER_REJECT : a(o) && V(o) && (!r || m(o, r)) && (!(t != null && t.accept) || t.accept(o)) ? NodeFilter.FILTER_ACCEPT : NodeFilter.FILTER_SKIP;
+    }
+  });
+  return t != null && t.from && (u.currentNode = t.from), u;
+}
+class D {
+  get size() {
+    return this.fastMap.size;
+  }
+  getTreeNode(t) {
+    return this.fastMap.get(t);
+  }
+  addTreeNode(t, r, a) {
+    let n = this.fastMap.get(r ?? null);
+    if (!n) return;
+    let i = new A({
+      scopeRef: t
+    });
+    n.addChild(i), i.parent = n, this.fastMap.set(t, i), a && (i.nodeToRestore = a);
+  }
+  addNode(t) {
+    this.fastMap.set(t.scopeRef, t);
+  }
+  removeTreeNode(t) {
+    if (t === null) return;
+    let r = this.fastMap.get(t);
+    if (!r) return;
+    let a = r.parent;
+    for (let i of this.traverse()) i !== r && r.nodeToRestore && i.nodeToRestore && r.scopeRef && r.scopeRef.current && m(i.nodeToRestore, r.scopeRef.current) && (i.nodeToRestore = r.nodeToRestore);
+    let n = r.children;
+    a && (a.removeChild(r), n.size > 0 && n.forEach((i) => a && a.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 D();
+    var a;
+    for (let n of this.traverse()) r.addTreeNode(n.scopeRef, (a = (t = n.parent) === null || t === void 0 ? void 0 : t.scopeRef) !== null && a !== void 0 ? a : null, n.nodeToRestore);
+    return r;
+  }
+  constructor() {
+    this.fastMap = /* @__PURE__ */ new Map(), this.root = new A({
+      scopeRef: null
+    }), this.fastMap.set(null, this.root);
+  }
+}
+class A {
+  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 D();
 export {
-  p as computeAccessibleName
+  ve as FocusScope,
+  $ as focusScopeTree,
+  g as getFocusableTreeWalker
 };

package/dist/index.es311.js

@@ -1,5 +1,15 @@
-import { __require as r } from "./index.es386.js";
-var i = r();
+import { getRowId as r } from "./index.es506.js";
+import { useGridSelectionCheckbox as a } from "./index.es512.js";
+function $(e, o) {
+  let { key: c } = e;
+  const { checkboxProps: b } = a(e, o);
+  return {
+    checkboxProps: {
+      ...b,
+      "aria-labelledby": `${b.id} ${r(o, c)}`
+    }
+  };
+}
 export {
-  i as l
+  $ as useGridListSelectionCheckbox
 };

package/dist/index.es312.js

@@ -1,7 +1,37 @@
-import { getDefaultExportFromCjs as r } from "./index.es179.js";
-import { __require as t } from "./index.es393.js";
-var o = t();
-const a = /* @__PURE__ */ r(o);
+import { TreeCollection as c } from "./index.es525.js";
+import { useMultipleSelectionState as f } from "./index.es492.js";
+import { SelectionManager as i } from "./index.es494.js";
+import { useMemo as r, useCallback as u, useEffect as $ } from "react";
+import { useCollection as K } from "./index.es523.js";
+import { useControlledState as x } from "./index.es307.js";
+function C(e) {
+  let { onExpandedChange: a } = e, [t, o] = x(e.expandedKeys ? new Set(e.expandedKeys) : void 0, e.defaultExpandedKeys ? new Set(e.defaultExpandedKeys) : /* @__PURE__ */ new Set(), a), d = f(e), s = r(() => e.disabledKeys ? new Set(e.disabledKeys) : /* @__PURE__ */ new Set(), [
+    e.disabledKeys
+  ]), n = K(e, u((l) => new c(l, {
+    expandedKeys: t
+  }), [
+    t
+  ]), null);
+  return $(() => {
+    d.focusedKey != null && !n.getItem(d.focusedKey) && d.setFocusedKey(null);
+  }, [
+    n,
+    d.focusedKey
+  ]), {
+    collection: n,
+    expandedKeys: t,
+    disabledKeys: s,
+    toggleKey: (l) => {
+      o(y(t, l));
+    },
+    setExpandedKeys: o,
+    selectionManager: new i(n, d)
+  };
+}
+function y(e, a) {
+  let t = new Set(e);
+  return t.has(a) ? t.delete(a) : t.add(a), t;
+}
 export {
-  a as default
+  C as useTreeState
 };

package/dist/index.es32.js

@@ -1,9 +1,9 @@
 import { j as e } from "./index.es104.js";
 import { useThemeProps as n } from "./index.es93.js";
 import { BaseButton as i } from "./index.es33.js";
-import { buttonVariants as p } from "./index.es113.js";
+import { buttonVariants as p } from "./index.es105.js";
 import { cn as u } from "./index.es91.js";
-const h = (o) => {
+const l = (o) => {
   const { variant: t, size: r, shape: s, className: a, ...m } = n(
     "Button",
     o
@@ -12,7 +12,6 @@ const h = (o) => {
     i,
     {
       ...m,
-      "data-variant": t,
       className: u(
         p({
           variant: t,
@@ -20,10 +19,11 @@ const h = (o) => {
           shape: s
         }),
         a
-      )
+      ),
+      "data-variant": t || "default"
     }
   );
 };
 export {
-  h as Button
+  l as Button
 };

package/dist/index.es320.js

@@ -1,7 +1,7 @@
 var i = Object.defineProperty;
 var o = (G, s, r) => s in G ? i(G, s, { enumerable: !0, configurable: !0, writable: !0, value: r }) : G[s] = r;
 var w = (G, s, r) => o(G, typeof s != "symbol" ? s + "" : s, r);
-import { Parser as u } from "./index.es405.js";
+import { Parser as u } from "./index.es415.js";
 class n extends u {
   constructor() {
     super(...arguments);

package/dist/index.es321.js

@@ -1,8 +1,8 @@
 var y = Object.defineProperty;
 var Y = (a, i, r) => i in a ? y(a, i, { enumerable: !0, configurable: !0, writable: !0, value: r }) : a[i] = r;
 var n = (a, i, r) => Y(a, typeof i != "symbol" ? i + "" : i, r);
-import { Parser as m } from "./index.es405.js";
-import { mapValue as u, parseNDigits as l, normalizeTwoDigitYear as p } from "./index.es406.js";
+import { Parser as m } from "./index.es415.js";
+import { mapValue as u, parseNDigits as l, normalizeTwoDigitYear as p } from "./index.es416.js";
 class g extends m {
   constructor() {
     super(...arguments);