@boxcustodia/library 0.2.0 → 0.2.2

package/dist/index.es87.js

@@ -1,32 +1,48 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es134.js";
-function R({
-  prop: t,
-  defaultProp: r,
-  onChange: s = () => {
+import { composeRefs as u } from "./index.es135.js";
+import { j as c } from "./index.es82.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 });
   }
-}) {
-  const [e, n] = v({ defaultProp: r, onChange: s }), o = t !== void 0, i = o ? t : e, u = f(s), d = l.useCallback(
-    (c) => {
-      if (o) {
-        const a = typeof c == "function" ? c(t) : c;
-        a !== t && u(a);
-      } else
-        n(c);
-    },
-    [o, t, n, u]
-  );
-  return [i, d];
+  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 v({
-  defaultProp: t,
-  onChange: r
-}) {
-  const s = l.useState(t), [e] = s, n = l.useRef(e), o = f(r);
-  return l.useEffect(() => {
-    n.current !== e && (o(e), n.current = e);
-  }, [e, n, o]), s;
+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 useControllableState
+  d as Slot,
+  m as Slottable
 };

package/dist/index.es88.js

@@ -1,57 +1,32 @@
-import { useControllableState as b } from "./index.es87.js";
-import { l as o } from "./index.es98.js";
-import { createContext as h } from "react";
-import { isDateRange as f } from "./index.es99.js";
-import w from "./index.es135.js";
-import y from "./index.es136.js";
-import A from "./index.es137.js";
-import { isDate as u } from "./index.es101.js";
-const B = h({
-  defaultStartDate: /* @__PURE__ */ new Date(),
-  mode: "single",
-  isSingleMode: !1,
-  isRangeMode: !1,
-  selected: void 0,
-  selectDate: () => {
-  },
-  isSelected: () => !1,
-  isFirstDayFromRange: () => !1,
-  isLastDayFromRange: () => !1,
-  isInRange: () => !1
-});
-function G(d) {
-  const { mode: r, value: c, defaultValue: g, onChange: m, disabled: p } = d, a = r === "single", s = r === "range", l = r === "multiple", [e, n] = b({
-    prop: c,
-    onChange: m,
-    defaultProp: g
-  }), { selectSingleDate: D, isSingleSelected: S } = A(
-    u(e) ? e : void 0,
-    n
-  ), { selectRangeDate: C, isInRange: i, ...M } = y(
-    f(e) ? e : void 0,
-    n,
-    p
-  ), { selectMultipleDate: R, isMultipleSelected: v } = w(
-    o.isArray(e) ? e : void 0,
-    n
-  ), x = (t) => {
-    if (a) return D(t);
-    if (s) return C(t);
-    if (l) return R(t);
-  }, F = (t) => a ? S(t) : s ? i(t) : l ? v(t) : !1;
-  return {
-    defaultStartDate: u(e) ? e : o.isArray(e) ? e[0] : f(e) && e.start ? e.start : /* @__PURE__ */ new Date(),
-    isSingleMode: a,
-    isRangeMode: s,
-    selected: e,
-    isSelected: F,
-    selectDate: x,
-    isInRange: i,
-    mode: r,
-    ...M
-  };
-}
+import { j as o } from "./index.es82.js";
+import { useRef as r } from "react";
+import i from "./index.es136.js";
+import a from "./index.es108.js";
+import { cn as m } from "./index.es72.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 {
-  B as CalendarContext,
-  G as default
+  s as LoadingIcon
 };

package/dist/index.es89.js

@@ -1,57 +1,32 @@
-import { useState as m, useMemo as f } from "react";
-import { parse as D } from "./index.es222.js";
-import { startOfToday as M } from "./index.es232.js";
-import { addMonths as y } from "./index.es185.js";
-import { addYears as a } from "./index.es186.js";
-import { formatDate as s } from "./index.es102.js";
-function w(i = M()) {
-  const [o, c] = m({
-    month: s(i, "MM"),
-    year: s(i, "yyyy")
-  }), e = f(
-    () => D(`${o.month}-${o.year}`, "MM-yyyy", /* @__PURE__ */ new Date()),
-    [o]
-  ), n = (t) => {
-    c({
-      ...o,
-      month: s(t, "MM")
-    });
-  }, r = (t) => {
-    c({
-      ...o,
-      year: s(t, "yyyy")
-    });
-  };
-  return {
-    navigationDate: e,
-    setMonth: n,
-    setYear: r,
-    previousMonth: () => {
-      const t = y(e, -1);
-      n(t);
+import * as l from "react";
+import { useCallbackRef as f } from "./index.es137.js";
+function R({
+  prop: t,
+  defaultProp: r,
+  onChange: s = () => {
+  }
+}) {
+  const [e, n] = v({ defaultProp: r, onChange: s }), o = t !== void 0, i = o ? t : e, u = f(s), d = l.useCallback(
+    (c) => {
+      if (o) {
+        const a = typeof c == "function" ? c(t) : c;
+        a !== t && u(a);
+      } else
+        n(c);
     },
-    nextMonth: () => {
-      const t = y(e, 1);
-      n(t);
-    },
-    previousYear: () => {
-      const t = a(e, -1);
-      r(t);
-    },
-    nextYear: () => {
-      const t = a(e, 1);
-      r(t);
-    },
-    previousDecade: () => {
-      const t = a(e, -10);
-      r(t);
-    },
-    nextDecade: () => {
-      const t = a(e, 10);
-      r(t);
-    }
-  };
+    [o, t, n, u]
+  );
+  return [i, d];
+}
+function v({
+  defaultProp: t,
+  onChange: r
+}) {
+  const s = l.useState(t), [e] = s, n = l.useRef(e), o = f(r);
+  return l.useEffect(() => {
+    n.current !== e && (o(e), n.current = e);
+  }, [e, n, o]), s;
 }
 export {
-  w as default
+  R as useControllableState
 };

package/dist/index.es90.js

@@ -1,92 +1,57 @@
-import { j as t } from "./index.es82.js";
-import { l as m } from "./index.es98.js";
-import { useMemo as L } from "react";
-import I from "./index.es110.js";
-import O from "./index.es111.js";
-import { formatDate as a } from "./index.es102.js";
-import { eachYearOfInterval as B } from "./index.es193.js";
-import { startOfDecade as E } from "./index.es231.js";
-import { endOfDecade as R } from "./index.es194.js";
-import { es as $ } from "./index.es244.js";
-import { Button as l } from "./index.es28.js";
-import { cn as F } from "./index.es72.js";
-const Y = ({
-  view: e,
-  setView: s,
-  value: r,
-  previousMonth: f,
-  nextMonth: u,
-  previousYear: d,
-  nextYear: y,
-  previousDecade: x,
-  nextDecade: p,
-  goBackProps: h,
-  goNextProps: j,
-  changeViewProps: i
-}) => {
-  const b = e === "month", n = e === "year", o = e === "decade", g = () => {
-    if (o) return x();
-    if (n) return d();
-    f();
-  }, N = () => {
-    if (o) return p();
-    if (n) return y();
-    u();
-  }, C = () => {
-    if (b) return s("year");
-    if (n) return s("decade");
-  }, D = () => o ? z() : n ? a(r, "yyyy") : a(r, "MMMM yyyy", { locale: $ }), z = () => {
-    if (!r) return "";
-    const c = B({
-      start: E(r),
-      end: R(r)
-    }), k = m.first(c), v = m.last(c);
-    return `${a(k, "yyyy")} - ${a(v, "yyyy")}`;
-  }, M = L(D, [r, e]);
-  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: "ui-flex ui-items-center ui-justify-center", children: [
-    /* @__PURE__ */ t.jsxs(
-      l,
-      {
-        onClick: g,
-        size: "icon",
-        variant: "ghost",
-        ...h,
-        children: [
-          /* @__PURE__ */ t.jsx(I, { size: 14 }),
-          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a anterior" })
-        ]
-      }
-    ),
-    /* @__PURE__ */ t.jsx(
-      "button",
-      {
-        onClick: C,
-        disabled: o,
-        ...i,
-        type: "button",
-        className: F(
-          "ui-font-semibold ui-pb-px ui-text-gray-900 ui-text-lg ui-text-blue-bell ui-select-none ui-min-w-[60%] ui-capitalize",
-          i == null ? void 0 : i.className
-        ),
-        children: M
-      }
-    ),
-    /* @__PURE__ */ t.jsxs(
-      l,
-      {
-        onClick: N,
-        size: "icon",
-        variant: "ghost",
-        ...j,
-        children: [
-          /* @__PURE__ */ t.jsx(O, { size: 14 }),
-          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a siguiente" })
-        ]
-      }
-    )
-  ] }) });
-};
-Y.displayName = "CalendarNavigation";
+import { useControllableState as b } from "./index.es89.js";
+import { l as o } from "./index.es99.js";
+import { createContext as h } from "react";
+import { isDateRange as f } from "./index.es100.js";
+import w from "./index.es138.js";
+import y from "./index.es139.js";
+import A from "./index.es140.js";
+import { isDate as u } from "./index.es102.js";
+const B = h({
+  defaultStartDate: /* @__PURE__ */ new Date(),
+  mode: "single",
+  isSingleMode: !1,
+  isRangeMode: !1,
+  selected: void 0,
+  selectDate: () => {
+  },
+  isSelected: () => !1,
+  isFirstDayFromRange: () => !1,
+  isLastDayFromRange: () => !1,
+  isInRange: () => !1
+});
+function G(d) {
+  const { mode: r, value: c, defaultValue: g, onChange: m, disabled: p } = d, a = r === "single", s = r === "range", l = r === "multiple", [e, n] = b({
+    prop: c,
+    onChange: m,
+    defaultProp: g
+  }), { selectSingleDate: D, isSingleSelected: S } = A(
+    u(e) ? e : void 0,
+    n
+  ), { selectRangeDate: C, isInRange: i, ...M } = y(
+    f(e) ? e : void 0,
+    n,
+    p
+  ), { selectMultipleDate: R, isMultipleSelected: v } = w(
+    o.isArray(e) ? e : void 0,
+    n
+  ), x = (t) => {
+    if (a) return D(t);
+    if (s) return C(t);
+    if (l) return R(t);
+  }, F = (t) => a ? S(t) : s ? i(t) : l ? v(t) : !1;
+  return {
+    defaultStartDate: u(e) ? e : o.isArray(e) ? e[0] : f(e) && e.start ? e.start : /* @__PURE__ */ new Date(),
+    isSingleMode: a,
+    isRangeMode: s,
+    selected: e,
+    isSelected: F,
+    selectDate: x,
+    isInRange: i,
+    mode: r,
+    ...M
+  };
+}
 export {
-  Y as CalendarNavigation
+  B as CalendarContext,
+  G as default
 };

package/dist/index.es91.js

@@ -1,39 +1,57 @@
-import { j as r } from "./index.es82.js";
-import { useMemo as a } from "react";
-import { Day as c } from "./index.es245.js";
-import { WeekDays as h } from "./index.es246.js";
-import { startOfWeek as x } from "./index.es213.js";
-import { endOfWeek as l } from "./index.es196.js";
-import { endOfMonth as u } from "./index.es195.js";
-import { eachDayOfInterval as j } from "./index.es192.js";
-const M = ({
-  navigationDate: t,
-  disabled: e,
-  weekDaysClassName: o,
-  weekDaysProps: s,
-  dayClassName: n,
-  dayProps: f
-}) => {
-  const i = a(() => j({
-    start: x(t, { weekStartsOn: 1 }),
-    end: l(u(t), { weekStartsOn: 1 })
-  }), [t]);
-  return /* @__PURE__ */ r.jsxs(r.Fragment, { children: [
-    /* @__PURE__ */ r.jsx(h, { className: o, ...s }),
-    /* @__PURE__ */ r.jsx("div", { className: "ui-grid ui-grid-cols-7 ui-mt-2 ui-text-sm", children: i.map((m, p) => /* @__PURE__ */ r.jsx(
-      c,
-      {
-        day: m,
-        className: n,
-        ...f,
-        navigationDate: t,
-        disabled: e == null ? void 0 : e(m)
-      },
-      p
-    )) })
-  ] });
-};
-M.displayName = "MonthView";
+import { useState as m, useMemo as f } from "react";
+import { parse as D } from "./index.es226.js";
+import { startOfToday as M } from "./index.es236.js";
+import { addMonths as y } from "./index.es189.js";
+import { addYears as a } from "./index.es190.js";
+import { formatDate as s } from "./index.es103.js";
+function w(i = M()) {
+  const [o, c] = m({
+    month: s(i, "MM"),
+    year: s(i, "yyyy")
+  }), e = f(
+    () => D(`${o.month}-${o.year}`, "MM-yyyy", /* @__PURE__ */ new Date()),
+    [o]
+  ), n = (t) => {
+    c({
+      ...o,
+      month: s(t, "MM")
+    });
+  }, r = (t) => {
+    c({
+      ...o,
+      year: s(t, "yyyy")
+    });
+  };
+  return {
+    navigationDate: e,
+    setMonth: n,
+    setYear: r,
+    previousMonth: () => {
+      const t = y(e, -1);
+      n(t);
+    },
+    nextMonth: () => {
+      const t = y(e, 1);
+      n(t);
+    },
+    previousYear: () => {
+      const t = a(e, -1);
+      r(t);
+    },
+    nextYear: () => {
+      const t = a(e, 1);
+      r(t);
+    },
+    previousDecade: () => {
+      const t = a(e, -10);
+      r(t);
+    },
+    nextDecade: () => {
+      const t = a(e, 10);
+      r(t);
+    }
+  };
+}
 export {
-  M as MonthView
+  w as default
 };

package/dist/index.es92.js

@@ -1,26 +1,92 @@
 import { j as t } from "./index.es82.js";
-import { monthNames as o } from "./index.es31.js";
-import { setMonth as m } from "./index.es228.js";
-import { Button as n } from "./index.es28.js";
-import { formatDate as l } from "./index.es102.js";
-const c = ({ value: i, onChange: e }) => {
-  const a = (r) => {
-    const s = m(i, r);
-    e(s);
-  };
-  return /* @__PURE__ */ t.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: o.map((r) => /* @__PURE__ */ t.jsx(
-    n,
-    {
-      type: "button",
-      className: "ui-h-full ui-rounded",
-      onClick: () => a(o.indexOf(r)),
-      variant: "ghost",
-      children: /* @__PURE__ */ t.jsx("abbr", { "aria-label": `${r} ${l(i, "yyyy")}`, children: r })
-    },
-    r
-  )) });
+import { l as m } from "./index.es99.js";
+import { useMemo as L } from "react";
+import I from "./index.es111.js";
+import O from "./index.es112.js";
+import { formatDate as a } from "./index.es103.js";
+import { eachYearOfInterval as B } from "./index.es197.js";
+import { startOfDecade as E } from "./index.es235.js";
+import { endOfDecade as R } from "./index.es198.js";
+import { es as $ } from "./index.es241.js";
+import { Button as l } from "./index.es28.js";
+import { cn as F } from "./index.es72.js";
+const Y = ({
+  view: e,
+  setView: s,
+  value: r,
+  previousMonth: f,
+  nextMonth: u,
+  previousYear: d,
+  nextYear: y,
+  previousDecade: x,
+  nextDecade: p,
+  goBackProps: h,
+  goNextProps: j,
+  changeViewProps: i
+}) => {
+  const b = e === "month", n = e === "year", o = e === "decade", g = () => {
+    if (o) return x();
+    if (n) return d();
+    f();
+  }, N = () => {
+    if (o) return p();
+    if (n) return y();
+    u();
+  }, C = () => {
+    if (b) return s("year");
+    if (n) return s("decade");
+  }, D = () => o ? z() : n ? a(r, "yyyy") : a(r, "MMMM yyyy", { locale: $ }), z = () => {
+    if (!r) return "";
+    const c = B({
+      start: E(r),
+      end: R(r)
+    }), k = m.first(c), v = m.last(c);
+    return `${a(k, "yyyy")} - ${a(v, "yyyy")}`;
+  }, M = L(D, [r, e]);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: "ui-flex ui-items-center ui-justify-center", children: [
+    /* @__PURE__ */ t.jsxs(
+      l,
+      {
+        onClick: g,
+        size: "icon",
+        variant: "ghost",
+        ...h,
+        children: [
+          /* @__PURE__ */ t.jsx(I, { size: 14 }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a anterior" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: C,
+        disabled: o,
+        ...i,
+        type: "button",
+        className: F(
+          "ui-font-semibold ui-pb-px ui-text-gray-900 ui-text-lg ui-text-blue-bell ui-select-none ui-min-w-[60%] ui-capitalize",
+          i == null ? void 0 : i.className
+        ),
+        children: M
+      }
+    ),
+    /* @__PURE__ */ t.jsxs(
+      l,
+      {
+        onClick: N,
+        size: "icon",
+        variant: "ghost",
+        ...j,
+        children: [
+          /* @__PURE__ */ t.jsx(O, { size: 14 }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a siguiente" })
+        ]
+      }
+    )
+  ] }) });
 };
-c.displayName = "YearView";
+Y.displayName = "CalendarNavigation";
 export {
-  c as YearView
+  Y as CalendarNavigation
 };