@boxcustodia/library 0.5.3 → 0.5.5

package/dist/index.es74.js

@@ -1,73 +1,83 @@
-import { j as t } from "./index.es98.js";
-import { forwardRef as x } from "react";
-import { tagVariants as h } from "./index.es75.js";
-import b from "./index.es113.js";
-import { cn as c } from "./index.es88.js";
-const g = x(
-  ({
-    className: u,
-    color: o,
-    variant: r,
-    rounded: l,
-    icon: i,
-    closable: a,
-    onClose: m,
-    children: n,
-    ...p
-  }, d) => {
-    const s = !!o && (r === "outline" || r === "borderless"), e = !!o && !r;
-    return /* @__PURE__ */ t.jsxs(
-      "div",
-      {
-        ref: d,
-        className: c(
-          h({ variant: r, rounded: l }),
-          s && "ui-bg-white",
-          e && " ui-text-white",
-          u
-        ),
-        style: {
-          ...s && {
-            color: o,
-            borderColor: o
-          },
-          ...e && {
-            borderColor: o,
-            backgroundColor: o
-          }
-        },
-        ...p,
-        children: [
-          i && /* @__PURE__ */ t.jsx("span", { children: i }),
-          n,
-          a && /* @__PURE__ */ t.jsx(
-            "button",
-            {
-              className: "ui-z-10 ui-h-4 ui-w-4 ui-cursor-pointer",
-              onClick: (f) => {
-                f.stopPropagation(), m();
-              },
-              children: /* @__PURE__ */ t.jsx(b, {})
-            }
-          ),
-          /* @__PURE__ */ t.jsx(
-            "span",
-            {
-              className: "ui-w-full ui-h-full ui-absolute ui-top-0 ui-left-0",
-              style: {
-                ...s && {
-                  opacity: 0.135,
-                  backgroundColor: o
-                }
-              }
-            }
-          )
-        ]
-      }
-    );
-  }
-);
-g.displayName = "Tag";
+import { j as n } from "./index.es104.js";
+import { useControllableState as f } from "./index.es89.js";
+import { useState as m, useRef as l, useEffect as p } from "react";
+import { TabsContextProvider as T, useTabsContext as c } from "./index.es154.js";
+import { cn as b } from "./index.es90.js";
+const x = ({
+  children: t,
+  value: e,
+  onChange: s,
+  defaultValue: i,
+  ...o
+}) => {
+  const [r = "", a] = f({
+    prop: e,
+    onChange: s,
+    defaultProp: i
+  }), [u, d] = m(null);
+  return /* @__PURE__ */ n.jsx(
+    T,
+    {
+      value: { activeTab: r, setActiveTab: a, setTargetRef: d, targetRef: u },
+      children: /* @__PURE__ */ n.jsx("div", { ...o, children: t })
+    }
+  );
+};
+x.displayName = "Tabs";
+const v = ({ children: t, className: e }) => {
+  const { targetRef: s } = c();
+  return /* @__PURE__ */ n.jsxs("div", { className: b("ui-relative ui-mb-4", e), children: [
+    /* @__PURE__ */ n.jsx("div", { className: "ui-flex", children: t }),
+    /* @__PURE__ */ n.jsx(h, { targetRef: s })
+  ] });
+};
+v.displayName = "TabList";
+const j = ({ value: t, className: e, ...s }) => {
+  const { activeTab: i, setActiveTab: o, setTargetRef: r } = c(), a = i === t;
+  return /* @__PURE__ */ n.jsx(
+    "button",
+    {
+      ...s,
+      type: "button",
+      ref: (u) => a && r(u),
+      onClick: () => o(t),
+      "data-tab": t,
+      className: b(
+        "ui-px-2 ui-py-2 ui-cursor-pointer ui-w-full ui-min-w-[100px] ui-text-center ui-rounded-t ui-font-semibold ui-select-none",
+        "hover:ui-bg-accent hover:ui-text-accent-foreground",
+        e
+      )
+    }
+  );
+};
+j.displayName = "TabTrigger";
+const y = ({ value: t, ...e }) => {
+  const { activeTab: s } = c();
+  return s === t ? /* @__PURE__ */ n.jsx("div", { ...e }) : null;
+}, h = ({ targetRef: t }) => {
+  const e = l(null), s = e == null ? void 0 : e.current, i = l(), o = () => {
+    if (!t || !s) return;
+    const r = t.offsetLeft, a = t.offsetWidth;
+    s.style.width = a + "px", s.style.left = r + "px";
+  };
+  return p(() => {
+    if (t)
+      return o(), i.current = new ResizeObserver(o), i.current.observe(t), () => {
+        var r;
+        (r = i.current) == null || r.disconnect();
+      };
+  }, [t]), /* @__PURE__ */ n.jsx(
+    "div",
+    {
+      ref: e,
+      className: "ui-transition-all ui-duration-300 ui-bg-primary ui-rounded ui-absolute ui-top-full ui-h-[3px]"
+    }
+  );
+};
+y.displayName = "TabContent";
 export {
-  g as Tag
+  y as TabContent,
+  v as TabList,
+  j as TabTrigger,
+  x as Tabs
 };

package/dist/index.es740.js

@@ -1,4 +1,34 @@
-var e = {};
+import { useRef as c, useCallback as f, useEffect as b } from "react";
+function L() {
+  let n = c(/* @__PURE__ */ new Map()), u = f((r, l, e, t) => {
+    let o = t != null && t.once ? (...s) => {
+      n.current.delete(e), e(...s);
+    } : e;
+    n.current.set(e, {
+      type: l,
+      eventTarget: r,
+      fn: o,
+      options: t
+    }), r.addEventListener(l, e, t);
+  }, []), a = f((r, l, e, t) => {
+    var o;
+    let s = ((o = n.current.get(e)) === null || o === void 0 ? void 0 : o.fn) || e;
+    r.removeEventListener(l, s, t), n.current.delete(e);
+  }, []), d = f(() => {
+    n.current.forEach((r, l) => {
+      a(r.eventTarget, r.type, l, r.options);
+    });
+  }, [
+    a
+  ]);
+  return b(() => d, [
+    d
+  ]), {
+    addGlobalListener: u,
+    removeGlobalListener: a,
+    removeAllGlobalListeners: d
+  };
+}
 export {
-  e as __exports
+  L as useGlobalListeners
 };

package/dist/index.es741.js

@@ -1,4 +1,12 @@
-var o = {};
+import { useRef as f, useEffect as u } from "react";
+function a(c, r) {
+  const t = f(!0), e = f(null);
+  u(() => (t.current = !0, () => {
+    t.current = !1;
+  }), []), u(() => {
+    t.current ? t.current = !1 : (!e.current || r.some((s, n) => !Object.is(s, e[n]))) && c(), e.current = r;
+  }, r);
+}
 export {
-  o as __exports
+  a as useUpdateEffect
 };

package/dist/index.es742.js

@@ -1,4 +1,12 @@
-var o = {};
+import { useLayoutEffect as f } from "./index.es419.js";
+function u(r, e) {
+  f(() => {
+    if (r && r.ref && e)
+      return r.ref.current = e.current, () => {
+        r.ref && (r.ref.current = null);
+      };
+  });
+}
 export {
-  o as __exports
+  u as useSyncRef
 };

package/dist/index.es743.js

@@ -1,4 +1,9 @@
-var e = {};
+import { isScrollable as l } from "./index.es744.js";
+function r(n, t) {
+  let e = n;
+  for (l(e, t) && (e = e.parentElement); e && !l(e, t); ) e = e.parentElement;
+  return e || document.scrollingElement || document.documentElement;
+}
 export {
-  e as __exports
+  r as getScrollParent
 };

package/dist/index.es744.js

@@ -1,4 +1,8 @@
-var r = {};
+function c(l, r) {
+  if (!l) return !1;
+  let t = window.getComputedStyle(l), e = /(auto|scroll)/.test(t.overflow + t.overflowX + t.overflowY);
+  return e && r && (e = l.scrollHeight !== l.clientHeight || l.scrollWidth !== l.clientWidth), e;
+}
 export {
-  r as __exports
+  c as isScrollable
 };

package/dist/index.es745.js

@@ -1,4 +1,10 @@
-var e = {};
+import { isScrollable as r } from "./index.es744.js";
+function s(e, t) {
+  const c = [];
+  for (; e && e !== document.documentElement; )
+    r(e, t) && c.push(e), e = e.parentElement;
+  return c;
+}
 export {
-  e as __exports
+  s as getScrollParents
 };

package/dist/index.es746.js

@@ -1,4 +1,32 @@
-var e = {};
+import { useLayoutEffect as o } from "./index.es419.js";
+import { useState as l } from "react";
+let u = 0;
+const d = /* @__PURE__ */ new Map();
+function s(t) {
+  let [f, n] = l();
+  return o(() => {
+    if (!t) return;
+    let e = d.get(t);
+    if (e)
+      n(e.element.id);
+    else {
+      let r = `react-aria-description-${u++}`;
+      n(r);
+      let a = document.createElement("div");
+      a.id = r, a.style.display = "none", a.textContent = t, document.body.appendChild(a), e = {
+        refCount: 0,
+        element: a
+      }, d.set(t, e);
+    }
+    return e.refCount++, () => {
+      e && --e.refCount === 0 && (e.element.remove(), d.delete(t));
+    };
+  }, [
+    t
+  ]), {
+    "aria-describedby": t ? f : void 0
+  };
+}
 export {
-  e as __exports
+  s as useDescription
 };

package/dist/index.es747.js

@@ -1,4 +1,21 @@
-var r = {};
+import { useEffectEvent as u } from "./index.es748.js";
+import { useEffect as l } from "react";
+function i(e, t, a, r) {
+  let f = u(a), n = a == null;
+  l(() => {
+    if (n || !e.current) return;
+    let c = e.current;
+    return c.addEventListener(t, f, r), () => {
+      c.removeEventListener(t, f, r);
+    };
+  }, [
+    e,
+    t,
+    r,
+    n,
+    f
+  ]);
+}
 export {
-  r as __exports
+  i as useEvent
 };

package/dist/index.es748.js

@@ -1,4 +1,16 @@
-var e = {};
+import { useLayoutEffect as f } from "./index.es419.js";
+import { useRef as o, useCallback as a } from "react";
+function s(r) {
+  const t = o(null);
+  return f(() => {
+    t.current = r;
+  }, [
+    r
+  ]), a((...c) => {
+    const e = t.current;
+    return e == null ? void 0 : e(...c);
+  }, []);
+}
 export {
-  e as __exports
+  s as useEffectEvent
 };

package/dist/index.es749.js

@@ -1,4 +1,46 @@
-var o = {};
+import { getScrollParents as a } from "./index.es745.js";
+function $(e, o) {
+  let d = p(e, o, "left"), f = p(e, o, "top"), t = o.offsetWidth, l = o.offsetHeight, r = e.scrollLeft, s = e.scrollTop, { borderTopWidth: i, borderLeftWidth: c } = getComputedStyle(e), u = e.scrollLeft + parseInt(c, 10), n = e.scrollTop + parseInt(i, 10), b = u + e.clientWidth, v = n + e.clientHeight;
+  d <= r ? r = d - parseInt(c, 10) : d + t > b && (r += d + t - b), f <= n ? s = f - parseInt(i, 10) : f + l > v && (s += f + l - v), e.scrollLeft = r, e.scrollTop = s;
+}
+function p(e, o, d) {
+  const f = d === "left" ? "offsetLeft" : "offsetTop";
+  let t = 0;
+  for (; o.offsetParent && (t += o[f], o.offsetParent !== e); ) {
+    if (o.offsetParent.contains(e)) {
+      t -= e[f];
+      break;
+    }
+    o = o.offsetParent;
+  }
+  return t;
+}
+function P(e, o) {
+  if (e && document.contains(e)) {
+    let r = document.scrollingElement || document.documentElement;
+    if (window.getComputedStyle(r).overflow === "hidden") {
+      let i = a(e);
+      for (let c of i) $(c, e);
+    } else {
+      var d;
+      let { left: i, top: c } = e.getBoundingClientRect();
+      e == null || (d = e.scrollIntoView) === null || d === void 0 || d.call(e, {
+        block: "nearest"
+      });
+      let { left: u, top: n } = e.getBoundingClientRect();
+      if (Math.abs(i - u) > 1 || Math.abs(c - n) > 1) {
+        var f, t, l;
+        o == null || (t = o.containingElement) === null || t === void 0 || (f = t.scrollIntoView) === null || f === void 0 || f.call(t, {
+          block: "center",
+          inline: "center"
+        }), (l = e.scrollIntoView) === null || l === void 0 || l.call(e, {
+          block: "nearest"
+        });
+      }
+    }
+  }
+}
 export {
-  o as __exports
+  $ as scrollIntoView,
+  P as scrollIntoViewport
 };

package/dist/index.es75.js

@@ -1,28 +1,75 @@
-import { cva as r } from "./index.es155.js";
-const e = r(
-  "ui-inline-flex ui-items-center  ui-relative ui-overflow-hidden bg-gray-100 ui-gap-1.5 ui-px-2.5 ui-py-0.5 ui-text-xs ui-font-normal ui-transition-colors focus:ui-outline-none focus:ui-ring-2 focus:ui-ring-ring focus:ui-ring-offset-2",
-  {
-    variants: {
-      rounded: {
-        default: "ui-rounded-[var(--radius-tag)]",
-        full: "ui-rounded-full",
-        square: "ui-rounded-sm"
-      },
-      variant: {
-        primary: "ui-bg-primary ui-border-primary ui-text-primary-foreground hover:ui-bg-primary/80",
-        secondary: "ui-bg-secondary ui-border-secondary !ui-text-secondary-foreground hover:ui-bg-secondary/80",
-        error: "ui-bg-error ui-border-error ui-text-error-foreground hover:ui-bg-error/80",
-        success: "ui-bg-success ui-border-success ui-text-success-foreground hover:ui-bg-success/80",
-        outline: "ui-border ui-border-foreground ui-text-foreground",
-        borderless: "ui-text-foreground"
+import { j as i } from "./index.es104.js";
+import { forwardRef as x } from "react";
+import { tagVariants as g } from "./index.es76.js";
+import h from "./index.es128.js";
+import { cn as b } from "./index.es90.js";
+const w = x(
+  ({
+    className: l,
+    color: o,
+    variant: t,
+    rounded: p,
+    icon: s,
+    closable: e,
+    onClose: a,
+    children: m,
+    ...n
+  }, d) => {
+    const r = !!o && (t === "outline" || t === "borderless"), u = !!o && !t;
+    return /* @__PURE__ */ i.jsxs(
+      "div",
+      {
+        ref: d,
+        className: b(
+          g({ variant: t, rounded: p }),
+          r && "ui-bg-white",
+          u && " ui-text-white",
+          !!s && "ui-pl-1.5",
+          !!e && "ui-pr-1.5",
+          l
+        ),
+        style: {
+          ...r && {
+            color: o,
+            borderColor: o
+          },
+          ...u && {
+            borderColor: o,
+            backgroundColor: o
+          }
+        },
+        ...n,
+        children: [
+          s,
+          m,
+          e && /* @__PURE__ */ i.jsx(
+            "button",
+            {
+              className: "ui-z-10 ui-h-4 ui-w-4 ui-cursor-pointer",
+              onClick: (f) => {
+                f.stopPropagation(), a();
+              },
+              children: /* @__PURE__ */ i.jsx(h, {})
+            }
+          ),
+          /* @__PURE__ */ i.jsx(
+            "span",
+            {
+              className: "ui-w-full ui-h-full ui-absolute ui-top-0 ui-left-0",
+              style: {
+                ...r && {
+                  opacity: 0.13,
+                  backgroundColor: o
+                }
+              }
+            }
+          )
+        ]
       }
-    },
-    defaultVariants: {
-      rounded: "default",
-      variant: "primary"
-    }
+    );
   }
 );
+w.displayName = "Tag";
 export {
-  e as tagVariants
+  w as Tag
 };

package/dist/index.es750.js

@@ -1,4 +1,11 @@
-var s = {};
+import { isAndroid as i } from "./index.es738.js";
+function o(r) {
+  return r.mozInputSource === 0 && r.isTrusted ? !0 : i() && r.pointerType ? r.type === "click" && r.buttons === 1 : r.detail === 0 && !r.pointerType;
+}
+function u(r) {
+  return !i() && r.width === 0 && r.height === 0 || r.width === 1 && r.height === 1 && r.pressure === 0 && r.detail === 0 && r.pointerType === "mouse";
+}
 export {
-  s as __exports
+  o as isVirtualClick,
+  u as isVirtualPointerEvent
 };

package/dist/index.es751.js

@@ -1,4 +1,16 @@
-var o = {};
+import { getOwnerDocument as f } from "./index.es735.js";
+import { focusWithoutScrolling as o } from "./index.es736.js";
+import { runAfterTransition as a } from "./index.es739.js";
+import { getInteractionModality as r } from "./index.es756.js";
+function d(e) {
+  const t = f(e);
+  if (r() === "virtual") {
+    let c = t.activeElement;
+    a(() => {
+      t.activeElement === c && e.isConnected && o(e);
+    });
+  } else o(e);
+}
 export {
-  o as __exports
+  d as focusSafely
 };

package/dist/index.es752.js

@@ -1,4 +1,22 @@
-var r = {};
+import { getOwnerWindow as c } from "./index.es735.js";
+function d(i) {
+  const t = c(i);
+  if (!(i instanceof t.HTMLElement) && !(i instanceof t.SVGElement)) return !1;
+  let { display: s, visibility: e } = i.style, a = s !== "none" && e !== "hidden" && e !== "collapse";
+  if (a) {
+    const { getComputedStyle: n } = i.ownerDocument.defaultView;
+    let { display: r, visibility: o } = n(i);
+    a = r !== "none" && o !== "hidden" && o !== "collapse";
+  }
+  return a;
+}
+function f(i, t) {
+  return !i.hasAttribute("hidden") && // Ignore HiddenSelect when tree walking.
+  !i.hasAttribute("data-react-aria-prevent-focus") && (i.nodeName === "DETAILS" && t && t.nodeName !== "SUMMARY" ? i.hasAttribute("open") : !0);
+}
+function u(i, t) {
+  return i.nodeName !== "#comment" && d(i) && f(i, t) && (!i.parentElement || u(i.parentElement, i));
+}
 export {
-  r as __exports
+  u as isElementVisible
 };

package/dist/index.es753.js

@@ -1,4 +1,29 @@
-var r = {};
+import { focusSafely as d } from "./index.es751.js";
+import { mergeProps as a } from "./index.es328.js";
+import { useSyncRef as b } from "./index.es742.js";
+import n, { useRef as $, useEffect as l, useContext as i } from "react";
+import { useFocus as x } from "./index.es754.js";
+import { useKeyboard as m } from "./index.es755.js";
+let p = /* @__PURE__ */ n.createContext(null);
+function P(e) {
+  let t = i(p) || {};
+  b(t, e);
+  let { ref: o, ...r } = t;
+  return r;
+}
+function D(e, t) {
+  let { focusProps: o } = x(e), { keyboardProps: r } = m(e), c = a(o, r), s = P(t), u = e.isDisabled ? {} : s, f = $(e.autoFocus);
+  return l(() => {
+    f.current && t.current && d(t.current), f.current = !1;
+  }, [
+    t
+  ]), {
+    focusableProps: a({
+      ...c,
+      tabIndex: e.excludeFromTabOrder && !e.isDisabled ? -1 : void 0
+    }, u)
+  };
+}
 export {
-  r as __exports
+  D as useFocusable
 };

package/dist/index.es754.js

@@ -1,4 +1,29 @@
-var e = {};
+import { useSyntheticBlurEvent as d } from "./index.es759.js";
+import { useCallback as s } from "react";
+import { getOwnerDocument as l } from "./index.es735.js";
+function $(a) {
+  let { isDisabled: n, onFocus: r, onBlur: e, onFocusChange: t } = a;
+  const c = s((o) => {
+    if (o.target === o.currentTarget)
+      return e && e(o), t && t(!1), !0;
+  }, [
+    e,
+    t
+  ]), u = d(c), f = s((o) => {
+    const i = l(o.target);
+    o.target === o.currentTarget && i.activeElement === o.target && (r && r(o), t && t(!0), u(o));
+  }, [
+    t,
+    r,
+    u
+  ]);
+  return {
+    focusProps: {
+      onFocus: !n && (r || t || e) ? f : void 0,
+      onBlur: !n && (e || t) ? c : void 0
+    }
+  };
+}
 export {
-  e as __exports
+  $ as useFocus
 };

package/dist/index.es755.js

@@ -1,4 +1,12 @@
-var a = {};
+import { createEventHandler as o } from "./index.es760.js";
+function r(e) {
+  return {
+    keyboardProps: e.isDisabled ? {} : {
+      onKeyDown: o(e.onKeyDown),
+      onKeyUp: o(e.onKeyUp)
+    }
+  };
+}
 export {
-  a as __exports
+  r as useKeyboard
 };