@boxcustodia/library 0.2.11 → 0.2.14

package/dist/index.es96.js

@@ -1,26 +1,48 @@
-import { j as t } from "./index.es88.js";
-import { monthNames as o } from "./index.es35.js";
-import { setMonth as m } from "./index.es212.js";
-import { Button as n } from "./index.es32.js";
-import { formatDate as l } from "./index.es108.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
-  )) });
-};
-c.displayName = "YearView";
+import * as l from "react";
+import { composeRefs as u } from "./index.es153.js";
+import { j as c } from "./index.es90.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 });
+  }
+  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 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 {
-  c as YearView
+  d as Slot,
+  m as Slottable
 };

package/dist/index.es97.js

@@ -1,32 +1,32 @@
-import { j as o } from "./index.es88.js";
-import { useMemo as c } from "react";
-import { setYear as d } from "./index.es206.js";
-import { Button as f } from "./index.es32.js";
-import { formatDate as a } from "./index.es108.js";
-import { eachYearOfInterval as p } from "./index.es198.js";
-import { startOfDecade as u } from "./index.es199.js";
-import { endOfDecade as y } from "./index.es200.js";
-const l = ({ value: r, onChange: s }) => {
-  const i = () => p({
-    start: u(r),
-    end: y(r)
-  }), m = (t) => {
-    const e = d(r, parseInt(a(t, "yyyy")));
-    s(e);
-  }, n = c(i, [r]);
-  return /* @__PURE__ */ o.jsx("div", { className: "ui-grid ui-grid-cols-3 ui-grow", children: n.map((t, e) => /* @__PURE__ */ o.jsx(
-    f,
+import { j as o } from "./index.es90.js";
+import { useRef as r } from "react";
+import i from "./index.es154.js";
+import a from "./index.es123.js";
+import { cn as m } from "./index.es78.js";
+const s = ({ loading: e, ...t }) => {
+  const n = r(null);
+  return /* @__PURE__ */ o.jsx(
+    i,
     {
-      onClick: () => m(t),
-      className: "ui-h-full ui-rounded-none",
-      type: "button",
-      variant: "ghost",
-      children: a(t, "yyyy")
-    },
-    e
-  )) });
+      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)
+        }
+      )
+    }
+  );
 };
-l.displayName = "DecadeView";
+s.displayName = "LoadingIcon";
 export {
-  l as DecadeView
+  s as LoadingIcon
 };

package/dist/index.es98.js

@@ -1,5 +1,5 @@
 import * as l from "react";
-import { useCallbackRef as f } from "./index.es150.js";
+import { useCallbackRef as f } from "./index.es155.js";
 function R({
   prop: t,
   defaultProp: r,

package/dist/index.es99.js

@@ -1,11 +1,57 @@
-import e from "./index.es194.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 t = e("Check", [["path", { d: "M20 6 9 17l-5-5", key: "1gmf2c" }]]);
+import { useControllableState as b } from "./index.es98.js";
+import { l as o } from "./index.es88.js";
+import { createContext as h } from "react";
+import { isDateRange as f } from "./index.es109.js";
+import w from "./index.es156.js";
+import y from "./index.es157.js";
+import A from "./index.es158.js";
+import { isDate as u } from "./index.es111.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 {
-  t as default
+  B as CalendarContext,
+  G as default
 };

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;
 }
@@ -1377,6 +1383,13 @@ video {
 .ui-border-transparent {
   border-color: transparent;
 }
+.\!ui-bg-accent {
+  background-color: var(--accent) !important;
+}
+.\!ui-bg-neutral-50 {
+  --tw-bg-opacity: 1 !important;
+  background-color: rgb(250 250 250 / var(--tw-bg-opacity)) !important;
+}
 .ui-bg-accent {
   background-color: var(--accent);
 }
@@ -1470,6 +1483,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 +1547,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 +1608,9 @@ video {
 .ui-pl-8 {
   padding-left: 2rem;
 }
+.ui-pl-px {
+  padding-left: 1px;
+}
 .ui-pr-1 {
   padding-right: 0.25rem;
 }
@@ -1687,6 +1726,16 @@ video {
 .ui-tracking-widest {
   letter-spacing: 0.1em;
 }
+.\!ui-text-accent-foreground {
+  color: var(--accent-foreground) !important;
+}
+.\!ui-text-neutral-400 {
+  --tw-text-opacity: 1 !important;
+  color: rgb(163 163 163 / var(--tw-text-opacity)) !important;
+}
+.ui-text-accent-foreground {
+  color: var(--accent-foreground);
+}
 .ui-text-blue-300 {
   --tw-text-opacity: 1;
   color: rgb(147 197 253 / var(--tw-text-opacity));
@@ -1968,12 +2017,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 +2204,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 +2256,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.11",
+  "version": "0.2.14",
   "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 e = {};
-export {
-  e as __exports
-};

package/dist/index.es733.js

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

package/dist/index.es734.js

@@ -1,4 +0,0 @@
-var o = {};
-export {
-  o 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 o = {};
-export {
-  o as __exports
-};

package/dist/index.es739.js

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

package/dist/index.es740.js

@@ -1,4 +0,0 @@
-var e = {};
-export {
-  e 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
-};

package/dist/index.es745.js

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

package/dist/index.es746.js

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

package/dist/index.es747.js

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

package/dist/index.es748.js

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

package/dist/index.es749.js

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

package/dist/index.es750.js

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

package/dist/index.es751.js

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

package/dist/index.es752.js

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

package/dist/index.es753.js

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

package/dist/index.es754.js

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

package/dist/index.es755.js

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

package/dist/index.es756.js

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

package/dist/index.es757.js

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

package/dist/index.es758.js

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

package/dist/index.es759.js

@@ -1,42 +0,0 @@
-import { __exports as e } from "./index.es762.js";
-Object.defineProperty(e, "__esModule", {
-  value: !0
-});
-e.default = void 0;
-var r = {
-  abstract: !1,
-  accessibleNameRequired: !0,
-  baseConcepts: [],
-  childrenPresentational: !1,
-  nameFrom: ["author"],
-  prohibitedProps: [],
-  props: {
-    "aria-disabled": null,
-    "aria-errormessage": null,
-    "aria-expanded": null,
-    "aria-haspopup": null,
-    "aria-invalid": null
-  },
-  relatedConcepts: [{
-    module: "GRAPHICS",
-    concept: {
-      name: "graphics-object"
-    }
-  }, {
-    module: "ARIA",
-    concept: {
-      name: "img"
-    }
-  }, {
-    module: "ARIA",
-    concept: {
-      name: "article"
-    }
-  }],
-  requireContextRole: [],
-  requiredContextRole: [],
-  requiredOwnedElements: [],
-  requiredProps: {},
-  superClass: [["roletype", "structure", "document"]]
-}, a = r;
-e.default = a;