@boxcustodia/library 0.3.0 → 0.3.3

package/dist/index.es332.js

@@ -1,17 +1,74 @@
-const o = (t) => {
-  const s = t.toLowerCase().split("+");
-  return {
-    mainKey: s.pop(),
-    isShift: s.includes("shift"),
-    isCtrl: s.includes("ctrl"),
-    isAlt: s.includes("alt"),
-    isMeta: s.includes("meta")
-  };
-}, c = (t, s) => {
-  const { mainKey: i, isShift: e, isCtrl: r, isAlt: a, isMeta: l } = o(s);
-  return t.key.toLowerCase() === i && t.shiftKey === e && t.ctrlKey === r && t.altKey === a && t.metaKey === l;
-};
+import { Children as s, isValidElement as v, cloneElement as d } from "react";
+function h(i, e) {
+  var t = function(a) {
+    return e && v(a) ? e(a) : a;
+  }, u = /* @__PURE__ */ Object.create(null);
+  return i && s.map(i, function(r) {
+    return r;
+  }).forEach(function(r) {
+    u[r.key] = t(r);
+  }), u;
+}
+function m(i, e) {
+  i = i || {}, e = e || {};
+  function t(g) {
+    return g in e ? e[g] : i[g];
+  }
+  var u = /* @__PURE__ */ Object.create(null), r = [];
+  for (var a in i)
+    a in e ? r.length && (u[a] = r, r = []) : r.push(a);
+  var n, f = {};
+  for (var l in e) {
+    if (u[l])
+      for (n = 0; n < u[l].length; n++) {
+        var c = u[l][n];
+        f[u[l][n]] = t(c);
+      }
+    f[l] = t(l);
+  }
+  for (n = 0; n < r.length; n++)
+    f[r[n]] = t(r[n]);
+  return f;
+}
+function o(i, e, t) {
+  return t[e] != null ? t[e] : i.props[e];
+}
+function E(i, e) {
+  return h(i.children, function(t) {
+    return d(t, {
+      onExited: e.bind(null, t),
+      in: !0,
+      appear: o(t, "appear", i),
+      enter: o(t, "enter", i),
+      exit: o(t, "exit", i)
+    });
+  });
+}
+function p(i, e, t) {
+  var u = h(i.children), r = m(e, u);
+  return Object.keys(r).forEach(function(a) {
+    var n = r[a];
+    if (v(n)) {
+      var f = a in e, l = a in u, c = e[a], g = v(c) && !c.props.in;
+      l && (!f || g) ? r[a] = d(n, {
+        onExited: t.bind(null, n),
+        in: !0,
+        exit: o(n, "exit", i),
+        enter: o(n, "enter", i)
+      }) : !l && f && !g ? r[a] = d(n, {
+        in: !1
+      }) : l && f && v(c) && (r[a] = d(n, {
+        onExited: t.bind(null, n),
+        in: c.props.in,
+        exit: o(n, "exit", i),
+        enter: o(n, "enter", i)
+      }));
+    }
+  }), r;
+}
 export {
-  o as getKeyModifiers,
-  c as matchKeyModifiers
+  h as getChildMapping,
+  E as getInitialChildMapping,
+  p as getNextChildMapping,
+  m as mergeChildMappings
 };

package/dist/index.es333.js

@@ -1,5 +1,6 @@
-const r = (t) => t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, a = (t, n) => n && r(t.target);
+const a = {
+  disabled: !1
+};
 export {
-  r as isInputField,
-  a as shouldIgnoreEvent
+  a as default
 };

package/dist/index.es34.js

@@ -1,15 +1,64 @@
-import { j as i } from "./index.es92.js";
-import { cn as r } from "./index.es82.js";
-const o = ({
-  className: e,
-  ...t
-}) => /* @__PURE__ */ i.jsx(
+import { j as i } from "./index.es95.js";
+import d from "react";
+import { cn as s } from "./index.es83.js";
+const t = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
   "div",
   {
-    className: r("ui-flex ui-items-center ui-justify-center", e),
-    ...t
+    ref: r,
+    className: s(
+      "ui-rounded-lg ui-border ui-bg-card ui-text-card-foreground ui-shadow-sm",
+      a
+    ),
+    ...e
   }
-);
+));
+t.displayName = "Card";
+const o = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    ref: r,
+    className: s("ui-flex ui-flex-col ui-space-y-1.5 ui-p-6", a),
+    ...e
+  }
+));
+o.displayName = "CardHeader";
+const u = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
+  "h3",
+  {
+    ref: r,
+    className: s(
+      "ui-text-2xl ui-font-semibold ui-leading-none ui-tracking-tight",
+      a
+    ),
+    ...e
+  }
+));
+u.displayName = "CardTitle";
+const m = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
+  "p",
+  {
+    ref: r,
+    className: s("ui-text-sm ui-text-muted-foreground", a),
+    ...e
+  }
+));
+m.displayName = "CardDescription";
+const l = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx("div", { ref: r, className: s("ui-p-6 ui-pt-0", a), ...e }));
+l.displayName = "CardContent";
+const n = d.forwardRef(({ className: a, ...e }, r) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    ref: r,
+    className: s("ui-flex ui-items-center ui-p-6 ui-pt-0", a),
+    ...e
+  }
+));
+n.displayName = "CardFooter";
 export {
-  o as Center
+  t as Card,
+  l as CardContent,
+  m as CardDescription,
+  n as CardFooter,
+  o as CardHeader,
+  u as CardTitle
 };

package/dist/index.es35.js

@@ -1,74 +1,15 @@
-import { j as e } from "./index.es92.js";
-import { useId as g } from "react";
-import { useControllableState as C } from "./index.es105.js";
-import j from "./index.es108.js";
-import { Label as v } from "./index.es52.js";
-import { cn as u } from "./index.es82.js";
-const y = ({
-  checked: d,
-  onChange: n,
-  defaultChecked: l = !1,
-  className: h,
-  size: a = 16,
-  children: o,
-  containerClassName: b,
-  containerProps: m,
+import { j as i } from "./index.es95.js";
+import { cn as r } from "./index.es83.js";
+const o = ({
+  className: e,
   ...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
-            },
-            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";
+}) => /* @__PURE__ */ i.jsx(
+  "div",
+  {
+    className: r("ui-flex ui-items-center ui-justify-center", e),
+    ...t
+  }
+);
 export {
-  y as Checkbox
+  o as Center
 };

package/dist/index.es36.js

@@ -1,105 +1,85 @@
-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.es95.js";
+import { useId as g } from "react";
+import { useControllableState as y } from "./index.es102.js";
+import { Show as j } from "./index.es64.js";
+import C from "./index.es109.js";
+import { Label as v } from "./index.es53.js";
+import { cn as a } from "./index.es83.js";
+const N = ({
+  checked: n,
+  onChange: d,
+  defaultChecked: l = !1,
+  className: h,
+  size: u = 16,
+  children: s,
+  containerClassName: m,
+  containerProps: p,
+  ...i
+}) => {
+  const b = g(), [t, c] = y({
+    defaultProp: l,
+    prop: n,
+    onChange: d
+  }), f = (o) => {
+    o.stopPropagation(), !i.disabled && c((x) => !x);
+  }, k = t ? "checked" : "unchecked", r = i.id ?? b;
+  return /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      ...p,
+      className: a("ui-flex ui-gap-x-2 ui-items-center", m),
+      children: [
+        /* @__PURE__ */ e.jsxs(
+          "button",
+          {
+            disabled: i.disabled,
+            onClick: f,
+            "data-state": k,
+            type: "button",
+            style: {
+              width: u,
+              height: u
             },
-            c(o)
-          )) })
-        ] })
-      }
-    )
-  ] });
-}
+            className: a(
+              "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",
+              "ui-transition-colors",
+              "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: [
+              /* @__PURE__ */ e.jsx(j, { when: !!t, children: /* @__PURE__ */ e.jsx(
+                C,
+                {
+                  className: a(
+                    "ui-pt-[2px] ui-w-full ui-h-full ui-opacity-0",
+                    "open:ui-animate-in open:ui-fade-in-0 open:ui-zoom-in-50 open:ui-opacity-100 open:ui-duration-3000",
+                    "closed:ui-animate-out closed:ui-fade-out-0 closed:ui-zoom-out-50 closed:ui-opacity-0"
+                  )
+                }
+              ) }),
+              /* @__PURE__ */ e.jsx(
+                "input",
+                {
+                  ...i,
+                  id: r,
+                  checked: t,
+                  onChange: (o) => c(o.currentTarget.checked),
+                  type: "checkbox",
+                  className: "ui-sr-only",
+                  "aria-hidden": !0
+                }
+              )
+            ]
+          }
+        ),
+        s && /* @__PURE__ */ e.jsx(v, { htmlFor: r, children: s })
+      ]
+    }
+  );
+};
+N.displayName = "Checkbox";
 export {
-  $ as Combobox
+  N as Checkbox
 };

package/dist/index.es366.js

@@ -1,8 +1,8 @@
-import { __rest as k, __assign as a } from "./index.es296.js";
+import { __rest as k, __assign as a } from "./index.es286.js";
 import * as r from "react";
-import { fullWidthClassName as E, zeroRightClassName as I } from "./index.es387.js";
+import { fullWidthClassName as E, zeroRightClassName as I } from "./index.es371.js";
 import { effectCar as Z } from "./index.es421.js";
-import { useMergeRefs as W } from "./index.es389.js";
+import { useMergeRefs as W } from "./index.es373.js";
 var l = function() {
 }, m = r.forwardRef(function(e, d) {
   var o = r.useRef(null), n = r.useState({

package/dist/index.es367.js

@@ -1,6 +1,6 @@
 import { RemoveScrollSideCar as r } from "./index.es422.js";
 import { effectCar as o } from "./index.es421.js";
-import { exportSidecar as e } from "./index.es391.js";
+import { exportSidecar as e } from "./index.es375.js";
 const f = e(o, r);
 export {
   f as default

package/dist/index.es37.js

@@ -1,77 +1,105 @@
-import { j as t } from "./index.es92.js";
-import { useControllableState as D } from "./index.es105.js";
-import { l as N } from "./index.es109.js";
-import { useMemo as R } from "react";
-import { isDateRange as l } from "./index.es110.js";
-import P from "./index.es111.js";
-import { Calendar as V } from "./index.es31.js";
-import { isDate as a } from "./index.es112.js";
-import { PopoverRoot as E, PopoverTrigger as M, PopoverContent as k } from "./index.es59.js";
-import { cn as w } from "./index.es82.js";
-import { formatDate as $ } from "./index.es113.js";
-const J = (m) => {
-  const {
-    placeholder: f,
-    mode: n = "single",
-    value: p,
-    onChange: u,
-    defaultValue: g,
-    className: x,
-    ...b
-  } = m, h = n === "range", v = n === "single", j = n === "multiple", [e, c] = D({
-    prop: p,
-    onChange: (r) => u == null ? void 0 : u(r),
-    defaultProp: g
-  }), y = (r) => {
-    if (!l(r)) return !1;
-    const { start: i, end: o } = r;
-    return a(i) && a(o);
-  }, C = (r) => {
-    r || !e || !l(e) || y(e) || c({
-      start: void 0,
-      end: void 0
-    });
-  }, s = (r) => a(r) ? $(r, "dd/MM/yyyy") : "", d = R(() => {
-    if (!e) return "";
-    if (v && a(e)) return s(e);
-    if (j && N.isArray(e)) return e.map(s).join(" - ");
-    if (h && l(e)) {
-      const i = s(e.start), o = s(e.end);
-      return !i && !o ? "" : i && !o ? i : `${i} - ${o}`;
-    }
-    return "";
-  }, [e]);
-  return /* @__PURE__ */ t.jsxs(E, { onOpenChange: C, children: [
-    /* @__PURE__ */ t.jsx(M, { asChild: !0, children: /* @__PURE__ */ t.jsxs(
-      "button",
+import { j as t } from "./index.es95.js";
+import * as f from "react";
+import { createElement as I } from "react";
+import { useControllableState as h } from "./index.es102.js";
+import { PopoverRoot as T, PopoverTrigger as y, PopoverContent as F } from "./index.es60.js";
+import L from "./index.es116.js";
+import { Button as M } from "./index.es30.js";
+import { cn as d } from "./index.es83.js";
+import { AutoCompleteRoot as O, AutoCompleteInput as U, AutoCompleteEmpty as W, AutoCompleteList as q, AutoCompleteItem as z } from "./index.es26.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,
       {
-        type: "button",
-        className: w(
-          "ui-flex ui-h-10 ui-w-full ui-rounded-md ui-border ui-border-input ui-bg-background ui-px-3 ui-py-2 ui-items-center ui-text-sm ui-ring-offset-background placeholder:ui-text-muted-foreground",
-          "hover:ui-bg-accent hover:ui-text-accent-foreground ui-transition-all",
-          "focus-visible:ui-outline-none focus-visible:ui-ring-2 focus-visible:ui-ring-ring focus-visible:ui-ring-offset-2",
-          !e && "ui-text-muted-foreground",
-          x,
-          "field-error"
+        ...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: [
-          /* @__PURE__ */ t.jsx(P, { className: "ui-mr-2 ui-h-4 ui-w-4" }),
-          /* @__PURE__ */ t.jsx("input", { value: d, className: "ui-sr-only", ...b }),
-          /* @__PURE__ */ t.jsx("span", { className: "ui-truncate ui-pt-px", children: d || f })
+          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(k, { className: "ui-w-auto ui-p-0", align: "start", children: /* @__PURE__ */ t.jsx(
-      V,
+    /* @__PURE__ */ t.jsx(
+      F,
       {
-        mode: n,
-        value: e,
-        onChange: c,
-        disabled: m.disabledDate
+        ...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);
+              }
+            },
+            c(o)
+          )) })
+        ] })
       }
-    ) })
+    )
   ] });
-};
+}
 export {
-  J as DatePicker
+  $ as Combobox
 };

package/dist/index.es371.js

@@ -1,8 +1,7 @@
-function e(o, r) {
-  return e = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(t, n) {
-    return t.__proto__ = n, t;
-  }, e(o, r);
-}
+var r = "right-scroll-bar-position", a = "width-before-scroll-bar", l = "with-scroll-bars-hidden", e = "--removed-body-scroll-bar-size";
 export {
-  e as default
+  a as fullWidthClassName,
+  l as noScrollbarsClassName,
+  e as removedBarSizeVariable,
+  r as zeroRightClassName
 };