@boxcustodia/library 0.3.0 → 0.3.2

package/dist/index.es36.js

@@ -1,105 +1,74 @@
-import { j as t } from "./index.es92.js";
-import * as f from "react";
-import { createElement as I } from "react";
-import { useControllableState as h } from "./index.es105.js";
-import { PopoverRoot as T, PopoverTrigger as y, PopoverContent as F } from "./index.es59.js";
-import L from "./index.es121.js";
-import { Button as M } from "./index.es29.js";
-import { cn as d } from "./index.es82.js";
-import { AutoCompleteRoot as O, AutoCompleteInput as U, AutoCompleteEmpty as W, AutoCompleteList as q, AutoCompleteItem as z } from "./index.es25.js";
-function $({
-  items: n = [],
-  valueKey: a = "value",
-  labelKey: x = "label",
-  placeholder: j = "Seleccionar",
-  searchPlaceholder: C = "Buscar...",
-  emptyMessage: b = "No se encontraron resultado",
-  searchProps: v,
-  className: g,
-  triggerProps: S,
-  itemProps: A,
-  itemClassName: N,
-  contentProps: p,
-  contentClassName: w,
-  value: P,
-  onChange: u,
-  defaultValue: R,
-  renderOption: c = (r) => r == null ? void 0 : r[x],
-  commandProps: k,
-  ...e
-}) {
-  const [r, s] = f.useState(!1), [i, E] = h({
-    prop: P,
-    onChange: (o) => {
-      if (!u) return;
-      const l = n.find((D) => D[a] === o);
-      u == null || u(o, l);
-    },
-    defaultProp: R
-  }), [V, B] = h({
-    prop: e == null ? void 0 : e.search,
-    defaultProp: e == null ? void 0 : e.searchDefaultValue,
-    onChange: e == null ? void 0 : e.onSearchChange
-  }), m = f.useMemo(
-    () => n.find((o) => o[a] === i),
-    [i]
-  );
-  return /* @__PURE__ */ t.jsxs(T, { open: r, onOpenChange: s, children: [
-    /* @__PURE__ */ t.jsx(y, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
-      M,
-      {
-        ...e,
-        ...S,
-        variant: "outline",
-        role: "combobox",
-        "aria-expanded": r,
-        className: d(
-          "ui-font-normal ui-w-full ui-items-center ui-justify-between ui-border-input ui-px-3 hover:ui-bg-background",
-          g
-        ),
-        children: [
-          m ? c(m) : j,
-          /* @__PURE__ */ t.jsx(L, { className: "ui-ml-2 ui-h-4 ui-w-4 ui-shrink-0 ui-opacity-50" })
-        ]
-      }
-    ) }),
-    /* @__PURE__ */ t.jsx(
-      F,
-      {
-        ...p,
-        className: d("ui-p-1", w),
-        asChild: !0,
-        matchTriggerWidth: !0,
-        children: /* @__PURE__ */ t.jsxs(O, { ...k, children: [
-          /* @__PURE__ */ t.jsx(
-            U,
-            {
-              value: V,
-              onValueChange: B,
-              placeholder: C,
-              autoFocus: !0,
-              ...v
-            }
-          ),
-          /* @__PURE__ */ t.jsx(W, { children: b }),
-          /* @__PURE__ */ t.jsx(q, { children: n.map((o) => /* @__PURE__ */ I(
-            z,
-            {
-              className: N,
-              ...A,
-              key: o[a],
-              value: o[a],
-              onSelect: (l) => {
-                E(l === i ? "" : l), s(!1);
-              }
+import { j as e } from "./index.es93.js";
+import { useId as g } from "react";
+import { useControllableState as C } from "./index.es100.js";
+import j from "./index.es108.js";
+import { Label as v } from "./index.es53.js";
+import { cn as u } from "./index.es83.js";
+const y = ({
+  checked: d,
+  onChange: n,
+  defaultChecked: l = !1,
+  className: h,
+  size: a = 16,
+  children: o,
+  containerClassName: b,
+  containerProps: m,
+  ...t
+}) => {
+  const k = g(), [i, r] = C({
+    defaultProp: l,
+    prop: d,
+    onChange: n
+  }), f = (s) => {
+    s.stopPropagation(), !t.disabled && r((x) => !x);
+  }, p = i ? "checked" : "unchecked", c = t.id ?? k;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ...m,
+      className: u("ui-flex ui-gap-x-2 ui-items-center", b),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            disabled: t.disabled,
+            onClick: f,
+            "data-state": p,
+            type: "button",
+            style: {
+              width: a,
+              height: a
             },
-            c(o)
-          )) })
-        ] })
-      }
-    )
-  ] });
-}
+            className: u(
+              "ui-peer ui-aspect-square ui-space-x-2 ui-shrink-0 ui-rounded-sm ui-border ui-border-[var(--checkbox)] 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",
+              "data-[state=checked]:ui-bg-[var(--checkbox)] data-[state=checked]:ui-text-primary-foreground data-[state=checked]:ui-border-transparent",
+              "data-[state=unchecked]:ui-bg-background data-[state=unchecked]:ui-text-muted-foreground data-[state=unchecked]:ui-border-input",
+              h
+            ),
+            children: [
+              i && /* @__PURE__ */ e.jsx(j, { className: "ui-pt-[2px] ui-w-full ui-h-full" }),
+              /* @__PURE__ */ e.jsx(
+                "input",
+                {
+                  ...t,
+                  id: c,
+                  checked: i,
+                  onChange: (s) => r(s.currentTarget.checked),
+                  type: "checkbox",
+                  className: "ui-sr-only",
+                  "aria-hidden": !0
+                }
+              )
+            ]
+          }
+        ),
+        o && /* @__PURE__ */ e.jsx(v, { htmlFor: c, children: o })
+      ]
+    }
+  );
+};
+y.displayName = "Checkbox";
 export {
-  $ as Combobox
+  y as Checkbox
 };

package/dist/index.es360.js

@@ -1,4 +1,7 @@
-var a = {};
+var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
 export {
-  a as __exports
+  a as fullWidthClassName,
+  l as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  r as zeroRightClassName
 };

package/dist/index.es361.js

@@ -1,4 +1,5 @@
-var a = {};
+import { createSidecarMedium as e } from "./index.es436.js";
+var a = e();
 export {
-  a as __exports
+  a as effectCar
 };

package/dist/index.es362.js

@@ -1,4 +1,26 @@
-var r = {};
+import * as f from "react";
+import { assignRef as o } from "./index.es729.js";
+import { useCallbackRef as l } from "./index.es730.js";
+var s = typeof window < "u" ? f.useLayoutEffect : f.useEffect, c = /* @__PURE__ */ new WeakMap();
+function v(e, m) {
+  var t = l(null, function(n) {
+    return e.forEach(function(u) {
+      return o(u, n);
+    });
+  });
+  return s(function() {
+    var n = c.get(t);
+    if (n) {
+      var u = new Set(n), r = new Set(e), i = t.current;
+      u.forEach(function(a) {
+        r.has(a) || o(a, null);
+      }), r.forEach(function(a) {
+        u.has(a) || o(a, i);
+      });
+    }
+    c.set(t, e);
+  }, [e]), t;
+}
 export {
-  r as __exports
+  v as useMergeRefs
 };

package/dist/index.es363.js

@@ -1,4 +1,112 @@
-var e = {};
+import { __spreadArray as x } from "./index.es323.js";
+import * as n from "react";
+import { RemoveScrollBar as A } from "./index.es437.js";
+import { styleSingleton as I } from "./index.es438.js";
+import { nonPassive as s } from "./index.es439.js";
+import { locationCouldBeScrolled as T, handleScroll as W } from "./index.es440.js";
+var k = function(t) {
+  return "changedTouches" in t ? [t.changedTouches[0].clientX, t.changedTouches[0].clientY] : [0, 0];
+}, Y = function(t) {
+  return [t.deltaX, t.deltaY];
+}, B = function(t) {
+  return t && "current" in t ? t.current : t;
+}, F = function(t, c) {
+  return t[0] === c[0] && t[1] === c[1];
+}, O = function(t) {
+  return `
+  .block-interactivity-`.concat(t, ` {pointer-events: none;}
+  .allow-interactivity-`).concat(t, ` {pointer-events: all;}
+`);
+}, Q = 0, f = [];
+function G(t) {
+  var c = n.useRef([]), E = n.useRef([0, 0]), d = n.useRef(), v = n.useState(Q++)[0], m = n.useState(I)[0], g = n.useRef(t);
+  n.useEffect(function() {
+    g.current = t;
+  }, [t]), n.useEffect(function() {
+    if (t.inert) {
+      document.body.classList.add("block-interactivity-".concat(v));
+      var e = x([t.lockRef.current], (t.shards || []).map(B), !0).filter(Boolean);
+      return e.forEach(function(r) {
+        return r.classList.add("allow-interactivity-".concat(v));
+      }), function() {
+        document.body.classList.remove("block-interactivity-".concat(v)), e.forEach(function(r) {
+          return r.classList.remove("allow-interactivity-".concat(v));
+        });
+      };
+    }
+  }, [t.inert, t.lockRef.current, t.shards]);
+  var y = n.useCallback(function(e, r) {
+    if ("touches" in e && e.touches.length === 2)
+      return !g.current.allowPinchZoom;
+    var l = k(e), o = E.current, u = "deltaX" in e ? e.deltaX : o[0] - l[0], i = "deltaY" in e ? e.deltaY : o[1] - l[1], a, C = e.target, h = Math.abs(u) > Math.abs(i) ? "h" : "v";
+    if ("touches" in e && h === "h" && C.type === "range")
+      return !1;
+    var b = T(h, C);
+    if (!b)
+      return !0;
+    if (b ? a = h : (a = h === "v" ? "h" : "v", b = T(h, C)), !b)
+      return !1;
+    if (!d.current && "changedTouches" in e && (u || i) && (d.current = a), !a)
+      return !0;
+    var P = d.current || a;
+    return W(P, r, e, P === "h" ? u : i, !0);
+  }, []), S = n.useCallback(function(e) {
+    var r = e;
+    if (!(!f.length || f[f.length - 1] !== m)) {
+      var l = "deltaY" in r ? Y(r) : k(r), o = c.current.filter(function(a) {
+        return a.name === r.type && (a.target === r.target || r.target === a.shadowParent) && F(a.delta, l);
+      })[0];
+      if (o && o.should) {
+        r.cancelable && r.preventDefault();
+        return;
+      }
+      if (!o) {
+        var u = (g.current.shards || []).map(B).filter(Boolean).filter(function(a) {
+          return a.contains(r.target);
+        }), i = u.length > 0 ? y(r, u[0]) : !g.current.noIsolation;
+        i && r.cancelable && r.preventDefault();
+      }
+    }
+  }, []), R = n.useCallback(function(e, r, l, o) {
+    var u = { name: e, delta: r, target: l, should: o, shadowParent: Z(l) };
+    c.current.push(u), setTimeout(function() {
+      c.current = c.current.filter(function(i) {
+        return i !== u;
+      });
+    }, 1);
+  }, []), w = n.useCallback(function(e) {
+    E.current = k(e), d.current = void 0;
+  }, []), L = n.useCallback(function(e) {
+    R(e.type, Y(e), e.target, y(e, t.lockRef.current));
+  }, []), M = n.useCallback(function(e) {
+    R(e.type, k(e), e.target, y(e, t.lockRef.current));
+  }, []);
+  n.useEffect(function() {
+    return f.push(m), t.setCallbacks({
+      onScrollCapture: L,
+      onWheelCapture: L,
+      onTouchMoveCapture: M
+    }), document.addEventListener("wheel", S, s), document.addEventListener("touchmove", S, s), document.addEventListener("touchstart", w, s), function() {
+      f = f.filter(function(e) {
+        return e !== m;
+      }), document.removeEventListener("wheel", S, s), document.removeEventListener("touchmove", S, s), document.removeEventListener("touchstart", w, s);
+    };
+  }, []);
+  var X = t.removeScrollBar, D = t.inert;
+  return n.createElement(
+    n.Fragment,
+    null,
+    D ? n.createElement(m, { styles: O(v) }) : null,
+    X ? n.createElement(A, { gapMode: t.gapMode }) : null
+  );
+}
+function Z(t) {
+  for (var c = null; t !== null; )
+    t instanceof ShadowRoot && (c = t.host, t = t.host), t = t.parentNode;
+  return c;
+}
 export {
-  e as __exports
+  G as RemoveScrollSideCar,
+  Y as getDeltaXY,
+  k as getTouchXY
 };

package/dist/index.es364.js

@@ -1,4 +1,18 @@
-var e = {};
+import { __rest as o, __assign as d } from "./index.es323.js";
+import * as n from "react";
+var i = function(r) {
+  var e = r.sideCar, a = o(r, ["sideCar"]);
+  if (!e)
+    throw new Error("Sidecar: please provide `sideCar` property to import the right car");
+  var t = e.read();
+  if (!t)
+    throw new Error("Sidecar medium not found");
+  return n.createElement(t, d({}, a));
+};
+i.isSideCarExport = !0;
+function p(r, e) {
+  return r.useMedium(e), i;
+}
 export {
-  e as __exports
+  p as exportSidecar
 };