@boxcustodia/library 0.3.3 → 0.3.4

package/dist/index.es97.js

@@ -1,309 +1,37 @@
-import { a as ve } from "./index.es155.js";
-import { Root as pe, Portal as be, Overlay as he, Content as ge } from "./index.es156.js";
-import * as n from "react";
-import { Primitive as C } from "./index.es157.js";
-var L = '[cmdk-group=""]', _ = '[cmdk-group-items=""]', Ee = '[cmdk-group-heading=""]', Q = '[cmdk-item=""]', ie = `${Q}:not([aria-disabled="true"])`, J = "cmdk-item-select", $ = "data-value", ye = (r, l, t) => ve(r, l, t), oe = n.createContext(void 0), q = () => n.useContext(oe), ce = n.createContext(void 0), X = () => n.useContext(ce), de = n.createContext(void 0), se = n.forwardRef((r, l) => {
-  let t = P(() => {
-    var e, u;
-    return { search: "", value: (u = (e = r.value) != null ? e : r.defaultValue) != null ? u : "", filtered: { count: 0, items: /* @__PURE__ */ new Map(), groups: /* @__PURE__ */ new Set() } };
-  }), v = P(() => /* @__PURE__ */ new Set()), i = P(() => /* @__PURE__ */ new Map()), d = P(() => /* @__PURE__ */ new Map()), s = P(() => /* @__PURE__ */ new Set()), m = fe(r), { label: p, children: g, value: c, onValueChange: w, filter: k, shouldFilter: S, loop: V, disablePointerSelection: O = !1, vimBindings: R = !0, ...j } = r, Y = n.useId(), Z = n.useId(), ee = n.useId(), x = n.useRef(null), b = Pe();
-  M(() => {
-    if (c !== void 0) {
-      let e = c.trim();
-      t.current.value = e, E.emit();
+import { cva as i } from "./index.es142.js";
+const u = i(
+  [
+    "ui-inline-flex ui-items-center ui-justify-center ui-gap-2",
+    "ui-text-sm ui-font-medium ui-transition-all",
+    "ui-rounded-md ui-ring-offset-background",
+    "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
+    "disabled:ui-pointer-events-none disabled:ui-opacity-50",
+    "hover:ui-brightness-105"
+  ],
+  {
+    variants: {
+      variant: {
+        default: "ui-bg-primary ui-text-primary-foreground",
+        error: "ui-bg-error ui-text-error-foreground",
+        success: "ui-bg-success ui-text-success-foreground",
+        outline: "ui-border ui-border-input ui-bg-background hover:ui-bg-accent hover:ui-text-accent-foreground",
+        secondary: "ui-bg-secondary ui-text-secondary-foreground hover:ui-brightness-100 hover:ui-bg-secondary/80",
+        ghost: "hover:ui-bg-accent hover:ui-brightness-100 hover:ui-text-accent-foreground",
+        link: "ui-text-primary ui-underline-offset-4 hover:ui-underline"
+      },
+      size: {
+        default: "ui-h-10 ui-px-4 ui-py-2",
+        sm: "ui-h-9 ui-rounded-md ui-px-3",
+        lg: "ui-h-11 ui-rounded-md ui-px-8",
+        icon: "ui-w-10 ui-aspect-square"
+      }
+    },
+    defaultVariants: {
+      variant: "default",
+      size: "default"
     }
-  }, [c]), M(() => {
-    b(6, re);
-  }, []);
-  let E = n.useMemo(() => ({ subscribe: (e) => (s.current.add(e), () => s.current.delete(e)), snapshot: () => t.current, setState: (e, u, o) => {
-    var a, f, h;
-    if (!Object.is(t.current[e], u)) {
-      if (t.current[e] = u, e === "search") W(), U(), b(1, G);
-      else if (e === "value" && (o || b(5, re), ((a = m.current) == null ? void 0 : a.value) !== void 0)) {
-        let y = u ?? "";
-        (h = (f = m.current).onValueChange) == null || h.call(f, y);
-        return;
-      }
-      E.emit();
-    }
-  }, emit: () => {
-    s.current.forEach((e) => e());
-  } }), []), z = n.useMemo(() => ({ value: (e, u, o) => {
-    var a;
-    u !== ((a = d.current.get(e)) == null ? void 0 : a.value) && (d.current.set(e, { value: u, keywords: o }), t.current.filtered.items.set(e, te(u, o)), b(2, () => {
-      U(), E.emit();
-    }));
-  }, item: (e, u) => (v.current.add(e), u && (i.current.has(u) ? i.current.get(u).add(e) : i.current.set(u, /* @__PURE__ */ new Set([e]))), b(3, () => {
-    W(), U(), t.current.value || G(), E.emit();
-  }), () => {
-    d.current.delete(e), v.current.delete(e), t.current.filtered.items.delete(e);
-    let o = D();
-    b(4, () => {
-      W(), (o == null ? void 0 : o.getAttribute("id")) === e && G(), E.emit();
-    });
-  }), group: (e) => (i.current.has(e) || i.current.set(e, /* @__PURE__ */ new Set()), () => {
-    d.current.delete(e), i.current.delete(e);
-  }), filter: () => m.current.shouldFilter, label: p || r["aria-label"], disablePointerSelection: O, listId: Y, inputId: ee, labelId: Z, listInnerRef: x }), []);
-  function te(e, u) {
-    var o, a;
-    let f = (a = (o = m.current) == null ? void 0 : o.filter) != null ? a : ye;
-    return e ? f(e, t.current.search, u) : 0;
-  }
-  function U() {
-    if (!t.current.search || m.current.shouldFilter === !1) return;
-    let e = t.current.filtered.items, u = [];
-    t.current.filtered.groups.forEach((a) => {
-      let f = i.current.get(a), h = 0;
-      f.forEach((y) => {
-        let I = e.get(y);
-        h = Math.max(I, h);
-      }), u.push([a, h]);
-    });
-    let o = x.current;
-    K().sort((a, f) => {
-      var h, y;
-      let I = a.getAttribute("id"), H = f.getAttribute("id");
-      return ((h = e.get(H)) != null ? h : 0) - ((y = e.get(I)) != null ? y : 0);
-    }).forEach((a) => {
-      let f = a.closest(_);
-      f ? f.appendChild(a.parentElement === f ? a : a.closest(`${_} > *`)) : o.appendChild(a.parentElement === o ? a : a.closest(`${_} > *`));
-    }), u.sort((a, f) => f[1] - a[1]).forEach((a) => {
-      let f = x.current.querySelector(`${L}[${$}="${encodeURIComponent(a[0])}"]`);
-      f == null || f.parentElement.appendChild(f);
-    });
-  }
-  function G() {
-    let e = K().find((o) => o.getAttribute("aria-disabled") !== "true"), u = e == null ? void 0 : e.getAttribute($);
-    E.setState("value", u || void 0);
-  }
-  function W() {
-    var e, u, o, a;
-    if (!t.current.search || m.current.shouldFilter === !1) {
-      t.current.filtered.count = v.current.size;
-      return;
-    }
-    t.current.filtered.groups = /* @__PURE__ */ new Set();
-    let f = 0;
-    for (let h of v.current) {
-      let y = (u = (e = d.current.get(h)) == null ? void 0 : e.value) != null ? u : "", I = (a = (o = d.current.get(h)) == null ? void 0 : o.keywords) != null ? a : [], H = te(y, I);
-      t.current.filtered.items.set(h, H), H > 0 && f++;
-    }
-    for (let [h, y] of i.current) for (let I of y) if (t.current.filtered.items.get(I) > 0) {
-      t.current.filtered.groups.add(h);
-      break;
-    }
-    t.current.filtered.count = f;
-  }
-  function re() {
-    var e, u, o;
-    let a = D();
-    a && (((e = a.parentElement) == null ? void 0 : e.firstChild) === a && ((o = (u = a.closest(L)) == null ? void 0 : u.querySelector(Ee)) == null || o.scrollIntoView({ block: "nearest" })), a.scrollIntoView({ block: "nearest" }));
-  }
-  function D() {
-    var e;
-    return (e = x.current) == null ? void 0 : e.querySelector(`${Q}[aria-selected="true"]`);
-  }
-  function K() {
-    var e;
-    return Array.from((e = x.current) == null ? void 0 : e.querySelectorAll(ie));
-  }
-  function B(e) {
-    let u = K()[e];
-    u && E.setState("value", u.getAttribute($));
-  }
-  function T(e) {
-    var u;
-    let o = D(), a = K(), f = a.findIndex((y) => y === o), h = a[f + e];
-    (u = m.current) != null && u.loop && (h = f + e < 0 ? a[a.length - 1] : f + e === a.length ? a[0] : a[f + e]), h && E.setState("value", h.getAttribute($));
-  }
-  function ne(e) {
-    let u = D(), o = u == null ? void 0 : u.closest(L), a;
-    for (; o && !a; ) o = e > 0 ? Me(o, L) : Ae(o, L), a = o == null ? void 0 : o.querySelector(ie);
-    a ? E.setState("value", a.getAttribute($)) : T(e);
   }
-  let le = () => B(K().length - 1), ae = (e) => {
-    e.preventDefault(), e.metaKey ? le() : e.altKey ? ne(1) : T(1);
-  }, ue = (e) => {
-    e.preventDefault(), e.metaKey ? B(0) : e.altKey ? ne(-1) : T(-1);
-  };
-  return n.createElement(C.div, { ref: l, tabIndex: -1, ...j, "cmdk-root": "", onKeyDown: (e) => {
-    var u;
-    if ((u = j.onKeyDown) == null || u.call(j, e), !e.defaultPrevented) switch (e.key) {
-      case "n":
-      case "j": {
-        R && e.ctrlKey && ae(e);
-        break;
-      }
-      case "ArrowDown": {
-        ae(e);
-        break;
-      }
-      case "p":
-      case "k": {
-        R && e.ctrlKey && ue(e);
-        break;
-      }
-      case "ArrowUp": {
-        ue(e);
-        break;
-      }
-      case "Home": {
-        e.preventDefault(), B(0);
-        break;
-      }
-      case "End": {
-        e.preventDefault(), le();
-        break;
-      }
-      case "Enter":
-        if (!e.nativeEvent.isComposing && e.keyCode !== 229) {
-          e.preventDefault();
-          let o = D();
-          if (o) {
-            let a = new Event(J);
-            o.dispatchEvent(a);
-          }
-        }
-    }
-  } }, n.createElement("label", { "cmdk-label": "", htmlFor: z.inputId, id: z.labelId, style: Ke }, p), N(r, (e) => n.createElement(ce.Provider, { value: E }, n.createElement(oe.Provider, { value: z }, e))));
-}), we = n.forwardRef((r, l) => {
-  var t, v;
-  let i = n.useId(), d = n.useRef(null), s = n.useContext(de), m = q(), p = fe(r), g = (v = (t = p.current) == null ? void 0 : t.forceMount) != null ? v : s == null ? void 0 : s.forceMount;
-  M(() => {
-    if (!g) return m.item(i, s == null ? void 0 : s.id);
-  }, [g]);
-  let c = me(i, d, [r.value, r.children, d], r.keywords), w = X(), k = A((b) => b.value && b.value === c.current), S = A((b) => g || m.filter() === !1 ? !0 : b.search ? b.filtered.items.get(i) > 0 : !0);
-  n.useEffect(() => {
-    let b = d.current;
-    if (!(!b || r.disabled)) return b.addEventListener(J, V), () => b.removeEventListener(J, V);
-  }, [S, r.onSelect, r.disabled]);
-  function V() {
-    var b, E;
-    O(), (E = (b = p.current).onSelect) == null || E.call(b, c.current);
-  }
-  function O() {
-    w.setState("value", c.current, !0);
-  }
-  if (!S) return null;
-  let { disabled: R, value: j, onSelect: Y, forceMount: Z, keywords: ee, ...x } = r;
-  return n.createElement(C.div, { ref: F([d, l]), ...x, id: i, "cmdk-item": "", role: "option", "aria-disabled": !!R, "aria-selected": !!k, "data-disabled": !!R, "data-selected": !!k, onPointerMove: R || m.disablePointerSelection ? void 0 : O, onClick: R ? void 0 : V }, r.children);
-}), Se = n.forwardRef((r, l) => {
-  let { heading: t, children: v, forceMount: i, ...d } = r, s = n.useId(), m = n.useRef(null), p = n.useRef(null), g = n.useId(), c = q(), w = A((S) => i || c.filter() === !1 ? !0 : S.search ? S.filtered.groups.has(s) : !0);
-  M(() => c.group(s), []), me(s, m, [r.value, r.heading, p]);
-  let k = n.useMemo(() => ({ id: s, forceMount: i }), [i]);
-  return n.createElement(C.div, { ref: F([m, l]), ...d, "cmdk-group": "", role: "presentation", hidden: w ? void 0 : !0 }, t && n.createElement("div", { ref: p, "cmdk-group-heading": "", "aria-hidden": !0, id: g }, t), N(r, (S) => n.createElement("div", { "cmdk-group-items": "", role: "group", "aria-labelledby": t ? g : void 0 }, n.createElement(de.Provider, { value: k }, S))));
-}), Ce = n.forwardRef((r, l) => {
-  let { alwaysRender: t, ...v } = r, i = n.useRef(null), d = A((s) => !s.search);
-  return !t && !d ? null : n.createElement(C.div, { ref: F([i, l]), ...v, "cmdk-separator": "", role: "separator" });
-}), ke = n.forwardRef((r, l) => {
-  let { onValueChange: t, ...v } = r, i = r.value != null, d = X(), s = A((c) => c.search), m = A((c) => c.value), p = q(), g = n.useMemo(() => {
-    var c;
-    let w = (c = p.listInnerRef.current) == null ? void 0 : c.querySelector(`${Q}[${$}="${encodeURIComponent(m)}"]`);
-    return w == null ? void 0 : w.getAttribute("id");
-  }, []);
-  return n.useEffect(() => {
-    r.value != null && d.setState("search", r.value);
-  }, [r.value]), n.createElement(C.input, { ref: l, ...v, "cmdk-input": "", autoComplete: "off", autoCorrect: "off", spellCheck: !1, "aria-autocomplete": "list", role: "combobox", "aria-expanded": !0, "aria-controls": p.listId, "aria-labelledby": p.labelId, "aria-activedescendant": g, id: p.inputId, type: "text", value: i ? r.value : s, onChange: (c) => {
-    i || d.setState("search", c.target.value), t == null || t(c.target.value);
-  } });
-}), Re = n.forwardRef((r, l) => {
-  let { children: t, label: v = "Suggestions", ...i } = r, d = n.useRef(null), s = n.useRef(null), m = q();
-  return n.useEffect(() => {
-    if (s.current && d.current) {
-      let p = s.current, g = d.current, c, w = new ResizeObserver(() => {
-        c = requestAnimationFrame(() => {
-          let k = p.offsetHeight;
-          g.style.setProperty("--cmdk-list-height", k.toFixed(1) + "px");
-        });
-      });
-      return w.observe(p), () => {
-        cancelAnimationFrame(c), w.unobserve(p);
-      };
-    }
-  }, []), n.createElement(C.div, { ref: F([d, l]), ...i, "cmdk-list": "", role: "listbox", "aria-label": v, id: m.listId }, N(r, (p) => n.createElement("div", { ref: F([s, m.listInnerRef]), "cmdk-list-sizer": "" }, p)));
-}), xe = n.forwardRef((r, l) => {
-  let { open: t, onOpenChange: v, overlayClassName: i, contentClassName: d, container: s, ...m } = r;
-  return n.createElement(pe, { open: t, onOpenChange: v }, n.createElement(be, { container: s }, n.createElement(he, { "cmdk-overlay": "", className: i }), n.createElement(ge, { "aria-label": r.label, "cmdk-dialog": "", className: d }, n.createElement(se, { ref: l, ...m }))));
-}), Ie = n.forwardRef((r, l) => A((t) => t.filtered.count === 0) ? n.createElement(C.div, { ref: l, ...r, "cmdk-empty": "", role: "presentation" }) : null), $e = n.forwardRef((r, l) => {
-  let { progress: t, children: v, label: i = "Loading...", ...d } = r;
-  return n.createElement(C.div, { ref: l, ...d, "cmdk-loading": "", role: "progressbar", "aria-valuenow": t, "aria-valuemin": 0, "aria-valuemax": 100, "aria-label": i }, N(r, (s) => n.createElement("div", { "aria-hidden": !0 }, s)));
-}), Ve = Object.assign(se, { List: Re, Item: we, Input: ke, Group: Se, Separator: Ce, Dialog: xe, Empty: Ie, Loading: $e });
-function Me(r, l) {
-  let t = r.nextElementSibling;
-  for (; t; ) {
-    if (t.matches(l)) return t;
-    t = t.nextElementSibling;
-  }
-}
-function Ae(r, l) {
-  let t = r.previousElementSibling;
-  for (; t; ) {
-    if (t.matches(l)) return t;
-    t = t.previousElementSibling;
-  }
-}
-function fe(r) {
-  let l = n.useRef(r);
-  return M(() => {
-    l.current = r;
-  }), l;
-}
-var M = typeof window > "u" ? n.useEffect : n.useLayoutEffect;
-function P(r) {
-  let l = n.useRef();
-  return l.current === void 0 && (l.current = r()), l;
-}
-function F(r) {
-  return (l) => {
-    r.forEach((t) => {
-      typeof t == "function" ? t(l) : t != null && (t.current = l);
-    });
-  };
-}
-function A(r) {
-  let l = X(), t = () => r(l.snapshot());
-  return n.useSyncExternalStore(l.subscribe, t, t);
-}
-function me(r, l, t, v = []) {
-  let i = n.useRef(), d = q();
-  return M(() => {
-    var s;
-    let m = (() => {
-      var g;
-      for (let c of t) {
-        if (typeof c == "string") return c.trim();
-        if (typeof c == "object" && "current" in c) return c.current ? (g = c.current.textContent) == null ? void 0 : g.trim() : i.current;
-      }
-    })(), p = v.map((g) => g.trim());
-    d.value(r, m, p), (s = l.current) == null || s.setAttribute($, m), i.current = m;
-  }), i;
-}
-var Pe = () => {
-  let [r, l] = n.useState(), t = P(() => /* @__PURE__ */ new Map());
-  return M(() => {
-    t.current.forEach((v) => v()), t.current = /* @__PURE__ */ new Map();
-  }, [r]), (v, i) => {
-    t.current.set(v, i), l({});
-  };
-};
-function De(r) {
-  let l = r.type;
-  return typeof l == "function" ? l(r.props) : "render" in l ? l.render(r.props) : r;
-}
-function N({ asChild: r, children: l }, t) {
-  return r && n.isValidElement(l) ? n.cloneElement(De(l), { ref: l.ref }, t(l.props.children)) : t(l);
-}
-var Ke = { position: "absolute", width: "1px", height: "1px", padding: "0", margin: "-1px", overflow: "hidden", clip: "rect(0, 0, 0, 0)", whiteSpace: "nowrap", borderWidth: "0" };
+);
 export {
-  Ve as Command,
-  xe as CommandDialog,
-  Ie as CommandEmpty,
-  Se as CommandGroup,
-  ke as CommandInput,
-  we as CommandItem,
-  Re as CommandList,
-  $e as CommandLoading,
-  se as CommandRoot,
-  Ce as CommandSeparator,
-  A as useCommandState
+  u as buttonVariants
 };

package/dist/index.es98.js

@@ -1,14 +1,48 @@
-import e from "./index.es205.js";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const r = e("Search", [
-  ["circle", { cx: "11", cy: "11", r: "8", key: "4ej97u" }],
-  ["path", { d: "m21 21-4.3-4.3", key: "1qie3q" }]
-]);
+import * as l from "react";
+import { composeRefs as u } from "./index.es156.js";
+import { j as c } from "./index.es93.js";
+var d = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e, o = l.Children.toArray(r), i = o.find(g);
+  if (i) {
+    const s = i.props.children, a = o.map((p) => p === i ? l.Children.count(s) > 1 ? l.Children.only(null) : l.isValidElement(s) ? s.props.children : null : p);
+    return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: l.isValidElement(s) ? l.cloneElement(s, void 0, a) : null });
+  }
+  return /* @__PURE__ */ c.jsx(f, { ...t, ref: n, children: r });
+});
+d.displayName = "Slot";
+var f = l.forwardRef((e, n) => {
+  const { children: r, ...t } = e;
+  if (l.isValidElement(r)) {
+    const o = h(r);
+    return l.cloneElement(r, {
+      ...y(t, r.props),
+      // @ts-ignore
+      ref: n ? u(n, o) : o
+    });
+  }
+  return l.Children.count(r) > 1 ? l.Children.only(null) : null;
+});
+f.displayName = "SlotClone";
+var m = ({ children: e }) => /* @__PURE__ */ c.jsx(c.Fragment, { children: e });
+function g(e) {
+  return l.isValidElement(e) && e.type === m;
+}
+function y(e, n) {
+  const r = { ...n };
+  for (const t in n) {
+    const o = e[t], i = n[t];
+    /^on[A-Z]/.test(t) ? o && i ? r[t] = (...a) => {
+      i(...a), o(...a);
+    } : o && (r[t] = o) : t === "style" ? r[t] = { ...o, ...i } : t === "className" && (r[t] = [o, i].filter(Boolean).join(" "));
+  }
+  return { ...e, ...r };
+}
+function h(e) {
+  var t, o;
+  let n = (t = Object.getOwnPropertyDescriptor(e.props, "ref")) == null ? void 0 : t.get, r = n && "isReactWarning" in n && n.isReactWarning;
+  return r ? e.ref : (n = (o = Object.getOwnPropertyDescriptor(e, "ref")) == null ? void 0 : o.get, r = n && "isReactWarning" in n && n.isReactWarning, r ? e.props.ref : e.props.ref || e.ref);
+}
 export {
-  r as default
+  d as Slot,
+  m as Slottable
 };

package/dist/index.es99.js

@@ -1,37 +1,32 @@
-import { cva as i } from "./index.es143.js";
-const u = i(
-  [
-    "ui-inline-flex ui-items-center ui-justify-center ui-gap-2",
-    "ui-text-sm ui-font-medium ui-transition-all",
-    "ui-rounded-md ui-ring-offset-background",
-    "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-    "disabled:ui-pointer-events-none disabled:ui-opacity-50",
-    "hover:ui-brightness-105"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "ui-bg-primary ui-text-primary-foreground",
-        error: "ui-bg-error ui-text-error-foreground",
-        success: "ui-bg-success ui-text-success-foreground",
-        outline: "ui-border ui-border-input ui-bg-background hover:ui-bg-accent hover:ui-text-accent-foreground",
-        secondary: "ui-bg-secondary ui-text-secondary-foreground hover:ui-brightness-100 hover:ui-bg-secondary/80",
-        ghost: "hover:ui-bg-accent hover:ui-brightness-100 hover:ui-text-accent-foreground",
-        link: "ui-text-primary ui-underline-offset-4 hover:ui-underline"
-      },
-      size: {
-        default: "ui-h-10 ui-px-4 ui-py-2",
-        sm: "ui-h-9 ui-rounded-md ui-px-3",
-        lg: "ui-h-11 ui-rounded-md ui-px-8",
-        icon: "ui-w-10 ui-aspect-square"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
+import { j as o } from "./index.es93.js";
+import { useRef as r } from "react";
+import i from "./index.es157.js";
+import a from "./index.es125.js";
+import { cn as m } from "./index.es83.js";
+const s = ({ loading: e, ...t }) => {
+  const n = r(null);
+  return /* @__PURE__ */ o.jsx(
+    i,
+    {
+      unmountOnExit: !0,
+      mountOnEnter: !0,
+      timeout: 200,
+      in: e,
+      classNames: "btn-loader",
+      nodeRef: n,
+      children: /* @__PURE__ */ o.jsx(
+        a,
+        {
+          ...t,
+          ref: n,
+          "data-testid": "btn-loader",
+          className: m("ui-animate-spin", t.className)
+        }
+      )
     }
-  }
-);
+  );
+};
+s.displayName = "LoadingIcon";
 export {
-  u as buttonVariants
+  s as LoadingIcon
 };

package/dist/style.css

@@ -774,6 +774,9 @@ video {
 .ui-visible {
   visibility: visible;
 }
+.\!ui-static {
+  position: static !important;
+}
 .ui-fixed {
   position: fixed;
 }
@@ -1422,6 +1425,9 @@ video {
   --tw-bg-opacity: 1 !important;
   background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
 }
+.\!ui-bg-transparent {
+  background-color: transparent !important;
+}
 .ui-bg-accent {
   background-color: var(--accent);
 }
@@ -2463,6 +2469,10 @@ video {
 .\[\&\:nth-last-child\(-n\+2\)\]\:ui-bg-background:nth-last-child(-n+2) {
   background-color: var(--background);
 }
+.\[\&\>\*\]\:ui-text-white>* {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 .\[\&\>\*\]\:ui-opacity-0>* {
   opacity: 0;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "0.3.3",
+  "version": "0.3.4",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",