@boxcustodia/library 1.3.5 → 1.4.2

package/dist/index.es76.js

@@ -1,85 +1,101 @@
-import { j as o } from "./index.es104.js";
-import { useControllableState as f } from "./index.es90.js";
-import { useState as m, useRef as u, useEffect as p } from "react";
-import { TabsContextProvider as T, useTabsContext as l } from "./index.es155.js";
-import { cn as b } from "./index.es91.js";
-const x = ({
+import { j as a } from "./index.es104.js";
+import { useControllableState as p } from "./index.es90.js";
+import { useState as m, useRef as b, useEffect as v } from "react";
+import { useTabsContext as u, TabsContextProvider as x } from "./index.es155.js";
+import { cn as d } from "./index.es91.js";
+const T = ({
   children: t,
-  value: e,
-  onChange: s,
-  defaultValue: r,
-  ...a
+  value: n,
+  onChange: e,
+  defaultValue: s,
+  variant: o = "default",
+  ...c
 }) => {
-  const [n = "", i] = f({
-    prop: e,
-    onChange: s,
-    defaultProp: r
-  }), [c, d] = m(null);
-  return /* @__PURE__ */ o.jsx(
-    T,
+  const [i = "", r] = p({
+    prop: n,
+    onChange: e,
+    defaultProp: s
+  }), [l, f] = m(null);
+  return /* @__PURE__ */ a.jsx(
+    x,
     {
-      value: { activeTab: n, setActiveTab: i, setTargetRef: d, targetRef: c },
-      children: /* @__PURE__ */ o.jsx("div", { ...a, children: t })
+      value: { activeTab: i, setActiveTab: r, setTargetRef: f, targetRef: l, variant: o },
+      children: /* @__PURE__ */ a.jsx("div", { ...c, children: t })
     }
   );
 };
-x.displayName = "Tabs";
-const v = ({ children: t, className: e }) => {
-  const { targetRef: s } = l();
-  return /* @__PURE__ */ o.jsxs("div", { className: b("relative mb-4", e), children: [
-    /* @__PURE__ */ o.jsx("div", { className: "flex", children: t }),
-    /* @__PURE__ */ o.jsx(h, { targetRef: s })
+T.displayName = "Tabs";
+const g = ({ children: t, className: n, indicatorClassName: e }) => {
+  const { targetRef: s } = u();
+  return /* @__PURE__ */ a.jsxs("div", { className: d("relative mb-4", n), children: [
+    /* @__PURE__ */ a.jsx("div", { className: "flex", children: t }),
+    /* @__PURE__ */ a.jsx(
+      y,
+      {
+        targetRef: s,
+        indicatorClassName: e
+      }
+    )
   ] });
 };
-v.displayName = "TabList";
-const j = ({ value: t, className: e, ...s }) => {
-  const { activeTab: r, setActiveTab: a, setTargetRef: n } = l(), i = r === t;
-  return /* @__PURE__ */ o.jsx(
+g.displayName = "TabList";
+const h = ({ value: t, className: n, ...e }) => {
+  const { activeTab: s, setActiveTab: o, setTargetRef: c, variant: i } = u(), r = s === t;
+  return /* @__PURE__ */ a.jsx(
     "button",
     {
-      ...s,
+      ...e,
       type: "button",
-      ref: (c) => {
-        i && n(c);
+      ref: (l) => {
+        r && c(l);
       },
-      onClick: () => a(t),
+      onClick: () => o(t),
       "data-tab": t,
-      className: b(
+      "data-selected": r,
+      "aria-selected": r,
+      className: d(
         "px-2 py-2 cursor-pointer w-full min-w-[100px] text-center rounded-t font-semibold select-none",
-        "hover:bg-accent hover:text-accent-foreground",
-        e
+        i === "background" ? "hover:bg-transparent aria-selected:text-primary-foreground rounded" : "hover:bg-accent hover:text-accent-foreground",
+        n
       )
     }
   );
 };
-j.displayName = "TabTrigger";
-const y = ({ value: t, ...e }) => {
-  const { activeTab: s } = l();
-  return s === t ? /* @__PURE__ */ o.jsx("div", { ...e }) : null;
-}, h = ({ targetRef: t }) => {
-  const e = u(null), s = e == null ? void 0 : e.current, r = u(null), a = () => {
+h.displayName = "TabTrigger";
+const j = ({ value: t, ...n }) => {
+  const { activeTab: e } = u();
+  return e === t ? /* @__PURE__ */ a.jsx("div", { ...n }) : null;
+}, y = ({
+  targetRef: t,
+  indicatorClassName: n
+}) => {
+  const e = b(null), s = e == null ? void 0 : e.current, o = b(null), { variant: c } = u(), i = () => {
     if (!t || !s) return;
-    const n = t.offsetLeft, i = t.offsetWidth;
-    s.style.width = i + "px", s.style.left = n + "px";
+    const r = t.offsetLeft, l = t.offsetWidth;
+    s.style.width = l + "px", s.style.left = r + "px";
   };
-  return p(() => {
+  return v(() => {
     if (t)
-      return a(), r.current = new ResizeObserver(a), r.current.observe(t), () => {
-        var n;
-        (n = r.current) == null || n.disconnect();
+      return i(), o.current = new ResizeObserver(i), o.current.observe(t), () => {
+        var r;
+        (r = o.current) == null || r.disconnect();
       };
-  }, [t]), /* @__PURE__ */ o.jsx(
+  }, [t]), /* @__PURE__ */ a.jsx(
     "div",
     {
       ref: e,
-      className: "transition-all duration-300 bg-primary rounded absolute top-full h-[3px]"
+      className: d(
+        "transition-all duration-300 absolute rounded bg-primary",
+        c === "background" ? "inset-0 -z-10 h-full top-0" : "top-full h-[3px]",
+        n
+      )
     }
   );
 };
-y.displayName = "TabContent";
+j.displayName = "TabContent";
 export {
-  y as TabContent,
-  v as TabList,
-  j as TabTrigger,
-  x as Tabs
+  j as TabContent,
+  g as TabList,
+  h as TabTrigger,
+  T as Tabs
 };

package/dist/index.es77.js

@@ -1,6 +1,6 @@
 import { j as s } from "./index.es104.js";
 import { tagVariants as x } from "./index.es78.js";
-import g from "./index.es127.js";
+import g from "./index.es126.js";
 import { cn as h } from "./index.es91.js";
 const b = ({
   className: p,

package/dist/index.es81.js

@@ -1,5 +1,5 @@
 import { j as a } from "./index.es104.js";
-import { toastIconVariants as n, toastVariants as c } from "./index.es201.js";
+import { toastIconVariants as n, toastVariants as c } from "./index.es203.js";
 import { ToastIcons as l } from "./index.es85.js";
 import { cn as t } from "./index.es91.js";
 const d = ({

package/dist/index.es82.js

@@ -1,8 +1,8 @@
 import { j as r } from "./index.es104.js";
 import { createRef as i } from "react";
 import { useToastStore as a } from "./index.es83.js";
-import n from "./index.es202.js";
-import p from "./index.es178.js";
+import n from "./index.es204.js";
+import p from "./index.es181.js";
 import { Toast as c } from "./index.es81.js";
 const f = ({ iconClassName: s = "", ...e }) => {
   const m = a((t) => t.toasts);

package/dist/index.es86.js

@@ -1,6 +1,6 @@
 import { j as o } from "./index.es104.js";
-import { PopoverAnchor as a } from "./index.es148.js";
-import { Slot as d } from "./index.es109.js";
+import { PopoverAnchor as a } from "./index.es151.js";
+import { Slot as d } from "./index.es115.js";
 import { useControllableState as f } from "./index.es90.js";
 import { useThemeProps as u } from "./index.es93.js";
 import { PopoverRoot as c, PopoverContent as h } from "./index.es63.js";

package/dist/index.es862.js

@@ -1,24 +1,4 @@
-var l = Object.prototype.toString;
-function f(r) {
-  return typeof r == "function" || l.call(r) === "[object Function]";
-}
-function c(r) {
-  var t = Number(r);
-  return isNaN(t) ? 0 : t === 0 || !isFinite(t) ? t : (t > 0 ? 1 : -1) * Math.floor(Math.abs(t));
-}
-var h = Math.pow(2, 53) - 1;
-function v(r) {
-  var t = c(r);
-  return Math.min(Math.max(t, 0), h);
-}
-function b(r, t) {
-  var o = Array, i = Object(r);
-  if (r == null)
-    throw new TypeError("Array.from requires an array-like object - not null or undefined");
-  for (var e = v(i.length), a = f(o) ? Object(new o(e)) : new Array(e), n = 0, u; n < e; )
-    u = i[n], a[n] = u, n += 1;
-  return a.length = e, a;
-}
+var r = {};
 export {
-  b as default
+  r as __exports
 };

package/dist/index.es863.js

@@ -1,85 +1,4 @@
-function r(t) {
-  "@babel/helpers - typeof";
-  return r = 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;
-  }, r(t);
-}
-function a(t, e) {
-  if (!(t instanceof e))
-    throw new TypeError("Cannot call a class as a function");
-}
-function o(t, e) {
-  for (var n = 0; n < e.length; n++) {
-    var i = e[n];
-    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, f(i.key), i);
-  }
-}
-function l(t, e, n) {
-  return e && o(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
-}
-function s(t, e, n) {
-  return e = f(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
-}
-function f(t) {
-  var e = c(t, "string");
-  return r(e) === "symbol" ? e : String(e);
-}
-function c(t, e) {
-  if (r(t) !== "object" || t === null) return t;
-  var n = t[Symbol.toPrimitive];
-  if (n !== void 0) {
-    var i = n.call(t, e);
-    if (r(i) !== "object") return i;
-    throw new TypeError("@@toPrimitive must return a primitive value.");
-  }
-  return (e === "string" ? String : Number)(t);
-}
-var m = /* @__PURE__ */ function() {
-  function t() {
-    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
-    a(this, t), s(this, "items", void 0), this.items = e;
-  }
-  return l(t, [{
-    key: "add",
-    value: function(n) {
-      return this.has(n) === !1 && this.items.push(n), this;
-    }
-  }, {
-    key: "clear",
-    value: function() {
-      this.items = [];
-    }
-  }, {
-    key: "delete",
-    value: function(n) {
-      var i = this.items.length;
-      return this.items = this.items.filter(function(u) {
-        return u !== n;
-      }), i !== this.items.length;
-    }
-  }, {
-    key: "forEach",
-    value: function(n) {
-      var i = this;
-      this.items.forEach(function(u) {
-        n(u, u, i);
-      });
-    }
-  }, {
-    key: "has",
-    value: function(n) {
-      return this.items.indexOf(n) !== -1;
-    }
-  }, {
-    key: "size",
-    get: function() {
-      return this.items.length;
-    }
-  }]), t;
-}();
-const h = typeof Set > "u" ? Set : m;
+var e = {};
 export {
-  h as default
+  e as __exports
 };

package/dist/index.es864.js

@@ -1,6 +1,24 @@
-function i(n, t) {
-  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+var l = Object.prototype.toString;
+function f(r) {
+  return typeof r == "function" || l.call(r) === "[object Function]";
+}
+function c(r) {
+  var t = Number(r);
+  return isNaN(t) ? 0 : t === 0 || !isFinite(t) ? t : (t > 0 ? 1 : -1) * Math.floor(Math.abs(t));
+}
+var h = Math.pow(2, 53) - 1;
+function v(r) {
+  var t = c(r);
+  return Math.min(Math.max(t, 0), h);
+}
+function b(r, t) {
+  var o = Array, i = Object(r);
+  if (r == null)
+    throw new TypeError("Array.from requires an array-like object - not null or undefined");
+  for (var e = v(i.length), a = f(o) ? Object(new o(e)) : new Array(e), n = 0, u; n < e; )
+    u = i[n], a[n] = u, n += 1;
+  return a.length = e, a;
 }
 export {
-  i as assignRef
+  b as default
 };

package/dist/index.es865.js

@@ -1,25 +1,85 @@
-import { useState as u } from "react";
-function n(c, r) {
-  var e = u(function() {
-    return {
-      // value
-      value: c,
-      // last callback
-      callback: r,
-      // "memoized" public interface
-      facade: {
-        get current() {
-          return e.value;
-        },
-        set current(a) {
-          var t = e.value;
-          t !== a && (e.value = a, e.callback(a, t));
-        }
-      }
-    };
-  })[0];
-  return e.callback = r, e.facade;
+function r(t) {
+  "@babel/helpers - typeof";
+  return r = 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;
+  }, r(t);
 }
+function a(t, e) {
+  if (!(t instanceof e))
+    throw new TypeError("Cannot call a class as a function");
+}
+function o(t, e) {
+  for (var n = 0; n < e.length; n++) {
+    var i = e[n];
+    i.enumerable = i.enumerable || !1, i.configurable = !0, "value" in i && (i.writable = !0), Object.defineProperty(t, f(i.key), i);
+  }
+}
+function l(t, e, n) {
+  return e && o(t.prototype, e), Object.defineProperty(t, "prototype", { writable: !1 }), t;
+}
+function s(t, e, n) {
+  return e = f(e), e in t ? Object.defineProperty(t, e, { value: n, enumerable: !0, configurable: !0, writable: !0 }) : t[e] = n, t;
+}
+function f(t) {
+  var e = c(t, "string");
+  return r(e) === "symbol" ? e : String(e);
+}
+function c(t, e) {
+  if (r(t) !== "object" || t === null) return t;
+  var n = t[Symbol.toPrimitive];
+  if (n !== void 0) {
+    var i = n.call(t, e);
+    if (r(i) !== "object") return i;
+    throw new TypeError("@@toPrimitive must return a primitive value.");
+  }
+  return (e === "string" ? String : Number)(t);
+}
+var m = /* @__PURE__ */ function() {
+  function t() {
+    var e = arguments.length > 0 && arguments[0] !== void 0 ? arguments[0] : [];
+    a(this, t), s(this, "items", void 0), this.items = e;
+  }
+  return l(t, [{
+    key: "add",
+    value: function(n) {
+      return this.has(n) === !1 && this.items.push(n), this;
+    }
+  }, {
+    key: "clear",
+    value: function() {
+      this.items = [];
+    }
+  }, {
+    key: "delete",
+    value: function(n) {
+      var i = this.items.length;
+      return this.items = this.items.filter(function(u) {
+        return u !== n;
+      }), i !== this.items.length;
+    }
+  }, {
+    key: "forEach",
+    value: function(n) {
+      var i = this;
+      this.items.forEach(function(u) {
+        n(u, u, i);
+      });
+    }
+  }, {
+    key: "has",
+    value: function(n) {
+      return this.items.indexOf(n) !== -1;
+    }
+  }, {
+    key: "size",
+    get: function() {
+      return this.items.length;
+    }
+  }]), t;
+}();
+const h = typeof Set > "u" ? Set : m;
 export {
-  n as useCallbackRef
+  h as default
 };

package/dist/index.es866.js

@@ -1,4 +1,6 @@
-var r = {};
+function i(n, t) {
+  return typeof n == "function" ? n(t) : n && (n.current = t), n;
+}
 export {
-  r as __exports
+  i as assignRef
 };

package/dist/index.es867.js

@@ -1,4 +1,25 @@
-var e = {};
+import { useState as u } from "react";
+function n(c, r) {
+  var e = u(function() {
+    return {
+      // value
+      value: c,
+      // last callback
+      callback: r,
+      // "memoized" public interface
+      facade: {
+        get current() {
+          return e.value;
+        },
+        set current(a) {
+          var t = e.value;
+          t !== a && (e.value = a, e.callback(a, t));
+        }
+      }
+    };
+  })[0];
+  return e.callback = r, e.facade;
+}
 export {
-  e as __exports
+  n as useCallbackRef
 };

package/dist/index.es88.js

@@ -1,12 +1,12 @@
 import { BaseCollection as h } from "./index.es367.js";
 import { Document as w } from "./index.es368.js";
-import { useCachedChildren as P } from "./index.es294.js";
-import { Hidden as y } from "./index.es284.js";
+import { useCachedChildren as P } from "./index.es296.js";
+import { Hidden as y } from "./index.es286.js";
 import { createPortal as g } from "react-dom";
 import c, { useContext as d, createContext as f, useMemo as v, forwardRef as p, useCallback as s, useState as D, useRef as B } from "react";
 import { useIsSSR as C } from "./index.es369.js";
 import { useLayoutEffect as N } from "./index.es370.js";
-import { s as F } from "./index.es174.js";
+import { s as F } from "./index.es173.js";
 const x = /* @__PURE__ */ f(!1), $ = /* @__PURE__ */ f(null);
 function K(t) {
   if (d($))

package/dist/index.es90.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es103.js";
+import { useCallbackRef as f } from "./index.es101.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es91.js

@@ -1,5 +1,5 @@
-import { clsx as e } from "./index.es101.js";
-import { extendTailwindMerge as t } from "./index.es102.js";
+import { clsx as e } from "./index.es102.js";
+import { extendTailwindMerge as t } from "./index.es103.js";
 const n = t({});
 function c(...r) {
   return n(e(r));

package/dist/index.es99.js

@@ -1,4 +1,4 @@
-import { act as o } from "./index.es166.js";
+import { act as o } from "./index.es176.js";
 const i = (c) => o(() => c.click());
 export {
   i as click

package/package.json

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