@boxcustodia/library 0.2.10 → 0.2.12

package/dist/index.es95.js

@@ -1,6 +1,32 @@
-function t(n) {
-  return !!(n && typeof n == "object" && "start" in n && "end" in n);
+import * as l from "react";
+import { useCallbackRef as f } from "./index.es149.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);
+    },
+    [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 {
-  t as isDateRange
+  R as useControllableState
 };

package/dist/index.es96.js

@@ -1,16 +1,57 @@
-import e from "./index.es191.js";
-/**
- * @license lucide-react v0.379.0 - ISC
- *
- * This source code is licensed under the ISC license.
- * See the LICENSE file in the root directory of this source tree.
- */
-const a = e("Calendar", [
-  ["path", { d: "M8 2v4", key: "1cmpym" }],
-  ["path", { d: "M16 2v4", key: "4m81vk" }],
-  ["rect", { width: "18", height: "18", x: "3", y: "4", rx: "2", key: "1hopcy" }],
-  ["path", { d: "M3 10h18", key: "8toen8" }]
-]);
+import { useControllableState as b } from "./index.es95.js";
+import { l as o } from "./index.es103.js";
+import { createContext as h } from "react";
+import { isDateRange as f } from "./index.es104.js";
+import w from "./index.es150.js";
+import y from "./index.es151.js";
+import A from "./index.es152.js";
+import { isDate as u } from "./index.es106.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 {
-  a as default
+  B as CalendarContext,
+  G as default
 };

package/dist/index.es97.js

@@ -1,7 +1,57 @@
-function e(t) {
-  return t instanceof Date || typeof t == "object" && Object.prototype.toString.call(t) === "[object Date]";
+import { useState as m, useMemo as f } from "react";
+import { parse as D } from "./index.es233.js";
+import { startOfToday as M } from "./index.es243.js";
+import { addMonths as y } from "./index.es196.js";
+import { addYears as a } from "./index.es197.js";
+import { formatDate as s } from "./index.es107.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 {
-  e as default,
-  e as isDate
+  w as default
 };

package/dist/index.es98.js

@@ -1,59 +1,94 @@
-import { getDefaultOptions as v } from "./index.es210.js";
-import { formatters as D } from "./index.es211.js";
-import { longFormatters as C } from "./index.es212.js";
-import { isProtectedWeekYearToken as S, isProtectedDayOfYearToken as R, warnOrThrowProtectedError as W } from "./index.es213.js";
-import { isValid as x } from "./index.es214.js";
-import { toDate as P } from "./index.es196.js";
-import { enUS as Y } from "./index.es215.js";
-const z = /[yYQqMLwIdDecihHKkms]o|(\w)\1*|''|'(''|[^'])+('|$)|./g, F = /P+p+|P+|p+|''|'(''|[^'])+('|$)|./g, y = /^'([^]*?)'?$/, A = /''/g, L = /[a-zA-Z]/;
-function U(t, n, e) {
-  var i, s, k, u, d, g, h, w;
-  const c = v(), l = (e == null ? void 0 : e.locale) ?? c.locale ?? Y, T = (e == null ? void 0 : e.firstWeekContainsDate) ?? ((s = (i = e == null ? void 0 : e.locale) == null ? void 0 : i.options) == null ? void 0 : s.firstWeekContainsDate) ?? c.firstWeekContainsDate ?? ((u = (k = c.locale) == null ? void 0 : k.options) == null ? void 0 : u.firstWeekContainsDate) ?? 1, O = (e == null ? void 0 : e.weekStartsOn) ?? ((g = (d = e == null ? void 0 : e.locale) == null ? void 0 : d.options) == null ? void 0 : g.weekStartsOn) ?? c.weekStartsOn ?? ((w = (h = c.locale) == null ? void 0 : h.options) == null ? void 0 : w.weekStartsOn) ?? 0, o = P(t);
-  if (!x(o))
-    throw new RangeError("Invalid time value");
-  let f = n.match(F).map((a) => {
-    const r = a[0];
-    if (r === "p" || r === "P") {
-      const m = C[r];
-      return m(a, l.formatLong);
-    }
-    return a;
-  }).join("").match(z).map((a) => {
-    if (a === "''")
-      return { isToken: !1, value: "'" };
-    const r = a[0];
-    if (r === "'")
-      return { isToken: !1, value: $(a) };
-    if (D[r])
-      return { isToken: !0, value: a };
-    if (r.match(L))
-      throw new RangeError(
-        "Format string contains an unescaped latin alphabet character `" + r + "`"
-      );
-    return { isToken: !1, value: a };
-  });
-  l.localize.preprocessor && (f = l.localize.preprocessor(o, f));
-  const E = {
-    firstWeekContainsDate: T,
-    weekStartsOn: O,
-    locale: l
-  };
-  return f.map((a) => {
-    if (!a.isToken) return a.value;
-    const r = a.value;
-    (!(e != null && e.useAdditionalWeekYearTokens) && S(r) || !(e != null && e.useAdditionalDayOfYearTokens) && R(r)) && W(r, n, String(t));
-    const m = D[r[0]];
-    return m(o, r, l.localize, E);
-  }).join("");
-}
-function $(t) {
-  const n = t.match(y);
-  return n ? n[1].replace(A, "'") : t;
-}
+import { j as t } from "./index.es88.js";
+import { l as m } from "./index.es103.js";
+import { useMemo as z } from "react";
+import I from "./index.es118.js";
+import O from "./index.es119.js";
+import { formatDate as n } from "./index.es107.js";
+import { eachYearOfInterval as B } from "./index.es204.js";
+import { startOfDecade as E } from "./index.es242.js";
+import { endOfDecade as R } from "./index.es205.js";
+import { es as $ } from "./index.es249.js";
+import { Button as u } from "./index.es32.js";
+import { cn as w } from "./index.es78.js";
+const F = ({
+  view: r,
+  setView: s,
+  value: e,
+  previousMonth: l,
+  nextMonth: f,
+  previousYear: d,
+  nextYear: y,
+  previousDecade: p,
+  nextDecade: x,
+  goBackProps: h,
+  goNextProps: b,
+  changeViewProps: i
+}) => {
+  const N = r === "month", a = r === "year", o = r === "decade", j = () => {
+    if (o) return p();
+    if (a) return d();
+    l();
+  }, g = () => {
+    if (o) return x();
+    if (a) return y();
+    f();
+  }, C = () => {
+    if (N) return s("year");
+    if (a) return s("decade");
+  }, v = () => o ? D() : a ? n(e, "yyyy") : n(e, "MMMM yyyy", { locale: $ }), D = () => {
+    if (!e) return "";
+    const c = B({
+      start: E(e),
+      end: R(e)
+    }), k = m.first(c), L = m.last(c);
+    return `${n(k, "yyyy")} - ${n(L, "yyyy")}`;
+  }, M = z(v, [e, r]);
+  return /* @__PURE__ */ t.jsx(t.Fragment, { children: /* @__PURE__ */ t.jsxs("div", { className: "ui-flex ui-items-center ui-justify-between", children: [
+    /* @__PURE__ */ t.jsxs(
+      u,
+      {
+        onClick: j,
+        size: "icon",
+        variant: "ghost",
+        className: "ui-border ui-w-6 ui-opacity-50 hover:ui-opacity-100",
+        ...h,
+        children: [
+          /* @__PURE__ */ t.jsx(I, { className: "ui-h-4 ui-w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a anterior" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      "button",
+      {
+        onClick: C,
+        disabled: o,
+        ...i,
+        type: "button",
+        className: w(
+          "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(
+      u,
+      {
+        onClick: g,
+        size: "icon",
+        variant: "ghost",
+        className: "ui-border ui-w-6 ui-opacity-50 hover:ui-opacity-100",
+        ...b,
+        children: [
+          /* @__PURE__ */ t.jsx(O, { className: "ui-h-4 ui-w-4" }),
+          /* @__PURE__ */ t.jsx("span", { className: "ui-sr-only", children: "Ir a siguiente" })
+        ]
+      }
+    )
+  ] }) });
+};
+F.displayName = "CalendarNavigation";
 export {
-  U as default,
-  U as format,
-  U as formatDate,
-  D as formatters,
-  C as longFormatters
+  F as CalendarNavigation
 };

package/dist/index.es99.js

@@ -1,37 +1,39 @@
-import { cva as i } from "./index.es93.js";
-const u = i(
-  [
-    "ui-inline-flex ui-items-center ui-justify-center ui-gap-2",
-    "ui-text-sm ui-font-medium ui-transition-all",
-    "ui-rounded-md 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",
-    "disabled:ui-pointer-events-none disabled:ui-opacity-50",
-    "hover:ui-brightness-105"
-  ],
-  {
-    variants: {
-      variant: {
-        default: "ui-bg-primary ui-text-primary-foreground",
-        error: "ui-bg-error ui-text-error-foreground",
-        success: "ui-bg-success ui-text-success-foreground",
-        outline: "ui-border ui-border-input ui-bg-background hover:ui-bg-accent hover:ui-text-accent-foreground",
-        secondary: "ui-bg-secondary ui-text-secondary-foreground hover:ui-brightness-100 hover:ui-bg-secondary/80",
-        ghost: "hover:ui-bg-accent hover:ui-brightness-100 hover:ui-text-accent-foreground",
-        link: "ui-text-primary ui-underline-offset-4 hover:ui-underline"
+import { j as r } from "./index.es88.js";
+import { useMemo as a } from "react";
+import { Day as c } from "./index.es250.js";
+import { WeekDays as h } from "./index.es251.js";
+import { startOfWeek as x } from "./index.es224.js";
+import { endOfWeek as l } from "./index.es207.js";
+import { endOfMonth as u } from "./index.es206.js";
+import { eachDayOfInterval as j } from "./index.es203.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)
       },
-      size: {
-        default: "ui-h-10 ui-px-4 ui-py-2",
-        sm: "ui-h-9 ui-rounded-md ui-px-3",
-        lg: "ui-h-11 ui-rounded-md ui-px-8",
-        icon: "ui-w-10 ui-aspect-square"
-      }
-    },
-    defaultVariants: {
-      variant: "default",
-      size: "default"
-    }
-  }
-);
+      p
+    )) })
+  ] });
+};
+M.displayName = "MonthView";
 export {
-  u as buttonVariants
+  M as MonthView
 };

package/dist/style.css

@@ -831,6 +831,10 @@ video {
   margin-left: -0.25rem;
   margin-right: -0.25rem;
 }
+.ui-mx-1 {
+  margin-left: 0.25rem;
+  margin-right: 0.25rem;
+}
 .ui-mx-2 {
   margin-left: 0.5rem;
   margin-right: 0.5rem;
@@ -859,6 +863,9 @@ video {
 .ui-ml-2 {
   margin-left: 0.5rem;
 }
+.ui-ml-\[1\.20rem\] {
+  margin-left: 1.20rem;
+}
 .ui-ml-auto {
   margin-left: auto;
 }
@@ -1143,10 +1150,6 @@ video {
   --tw-translate-y: -50%;
   transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
 }
-.ui-rotate-90 {
-  --tw-rotate: 90deg;
-  transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
-}
 @keyframes ui-bounce {
 
   0%, 100% {
@@ -1347,6 +1350,9 @@ video {
 .ui-border-b {
   border-bottom-width: 1px;
 }
+.ui-border-l-2 {
+  border-left-width: 2px;
+}
 .ui-border-t {
   border-top-width: 1px;
 }
@@ -1470,6 +1476,33 @@ video {
   --tw-bg-opacity: 1;
   background-color: rgb(234 179 8 / var(--tw-bg-opacity));
 }
+.ui-bg-gradient-to-r {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.ui-from-blue-500 {
+  --tw-gradient-from: #3b82f6 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(59 130 246 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.ui-from-green-500 {
+  --tw-gradient-from: #22c55e var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(34 197 94 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.ui-from-red-500 {
+  --tw-gradient-from: #ef4444 var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(239 68 68 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.ui-to-lime-400 {
+  --tw-gradient-to: #a3e635 var(--tw-gradient-to-position);
+}
+.ui-to-orange-400 {
+  --tw-gradient-to: #fb923c var(--tw-gradient-to-position);
+}
+.ui-to-teal-400 {
+  --tw-gradient-to: #2dd4bf var(--tw-gradient-to-position);
+}
 .ui-bg-cover {
   background-size: cover;
 }
@@ -1507,10 +1540,6 @@ video {
 .ui-p-8 {
   padding: 2rem;
 }
-.ui-px-1 {
-  padding-left: 0.25rem;
-  padding-right: 0.25rem;
-}
 .ui-px-1\.5 {
   padding-left: 0.375rem;
   padding-right: 0.375rem;
@@ -1572,6 +1601,9 @@ video {
 .ui-pl-8 {
   padding-left: 2rem;
 }
+.ui-pl-px {
+  padding-left: 1px;
+}
 .ui-pr-1 {
   padding-right: 0.25rem;
 }
@@ -1968,12 +2000,13 @@ video {
 .hover\:ui-bg-black\/10:hover {
   background-color: rgb(0 0 0 / 0.1);
 }
+.hover\:ui-bg-gray-200:hover {
+  --tw-bg-opacity: 1;
+  background-color: rgb(229 231 235 / var(--tw-bg-opacity));
+}
 .hover\:ui-bg-inherit:hover {
   background-color: inherit;
 }
-.hover\:ui-bg-muted:hover {
-  background-color: var(--muted);
-}
 .hover\:ui-bg-transparent:hover {
   background-color: transparent;
 }
@@ -2154,12 +2187,27 @@ video {
 .data-\[state\=unchecked\]\:ui-bg-background[data-state="unchecked"] {
   background-color: var(--background);
 }
+.data-\[selected\=true\]\:ui-bg-gradient-to-r[data-selected="true"] {
+  background-image: linear-gradient(to right, var(--tw-gradient-stops));
+}
+.data-\[selected\=true\]\:ui-from-purple-400[data-selected="true"] {
+  --tw-gradient-from: #c084fc var(--tw-gradient-from-position);
+  --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position);
+  --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
+}
+.data-\[selected\=true\]\:ui-to-red-400[data-selected="true"] {
+  --tw-gradient-to: #f87171 var(--tw-gradient-to-position);
+}
 .data-\[active\=true\]\:ui-text-primary-foreground[data-active="true"] {
   color: var(--primary-foreground);
 }
 .data-\[selected\=true\]\:ui-text-accent-foreground[data-selected="true"] {
   color: var(--accent-foreground);
 }
+.data-\[selected\=true\]\:ui-text-white[data-selected="true"] {
+  --tw-text-opacity: 1;
+  color: rgb(255 255 255 / var(--tw-text-opacity));
+}
 .data-\[state-selected\]\:\!ui-text-primary-foreground[data-state-selected] {
   color: var(--primary-foreground) !important;
 }
@@ -2191,6 +2239,11 @@ video {
 .data-\[state-weekend\=true\]\:ui-opacity-50[data-state-weekend="true"] {
   opacity: 0.5;
 }
+.data-\[expanded\=true\]\:ui-shadow[data-expanded="true"] {
+  --tw-shadow: 0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);
+  --tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);
+  box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
+}
 .data-\[state\=\'open\'\]\:ui-animate-in[data-state='open'] {
   animation-name: enter;
   animation-duration: 150ms;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@boxcustodia/library",
-  "version": "0.2.10",
+  "version": "0.2.12",
   "type": "module",
   "main": "dist/index.cjs.js",
   "module": "dist/index.es.js",
@@ -44,6 +44,7 @@
   "description": "",
   "devDependencies": {
     "@faker-js/faker": "^9.0.3",
+    "@geometricpanda/storybook-addon-badges": "^2.0.5",
     "@hookform/resolvers": "^3.9.0",
     "@radix-ui/react-dialog": "^1.1.1",
     "@radix-ui/react-dropdown-menu": "^2.1.1",
@@ -84,7 +85,6 @@
     "eslint-plugin-react": "^7.34.1",
     "eslint-plugin-react-hooks": "^4.6.2",
     "eslint-plugin-storybook": "^0.10.1",
-    "@geometricpanda/storybook-addon-badges": "^2.0.5",
     "husky": "^9.0.11",
     "jsdom": "^24.0.0",
     "lint-staged": "^15.2.2",

package/dist/index.es730.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es731.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es732.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es733.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es734.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/index.es735.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es736.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es737.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es738.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/index.es739.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e as __exports
-};

package/dist/index.es740.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es741.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es742.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es743.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};

package/dist/index.es744.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o as __exports
-};