@boxcustodia/library 1.3.2 → 1.3.5

package/dist/index.es274.js

@@ -1,180 +1,54 @@
-import * as s from "react";
-import { composeEventHandlers as p } from "./index.es184.js";
-import { createCollection as H } from "./index.es197.js";
-import { useComposedRefs as V } from "./index.es179.js";
-import { createContextScope as z } from "./index.es185.js";
-import { useId as q } from "./index.es177.js";
-import { Primitive as P } from "./index.es176.js";
-import { useCallbackRef as J } from "./index.es103.js";
-import { useControllableState as Q } from "./index.es90.js";
-import { useDirection as W } from "./index.es198.js";
-import { j as d } from "./index.es104.js";
-var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
-  b,
-  [Z]
-), [ee, oe] = $(b), N = s.forwardRef(
-  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
-);
-N.displayName = b;
-var te = s.forwardRef((e, r) => {
+import { j as o } from "./index.es104.js";
+import { useContext as x, useMemo as g } from "react";
+import { CalendarContext as v } from "./index.es112.js";
+import { isSameMonth as h } from "./index.es255.js";
+import { isWeekend as D } from "./index.es257.js";
+import { isToday as M } from "./index.es256.js";
+import { cn as b } from "./index.es91.js";
+import { formatDate as d } from "./index.es124.js";
+const j = ({ day: t, navigationDate: s, className: r, ...i }) => {
   const {
-    __scopeRovingFocusGroup: c,
-    orientation: o,
-    loop: F = !1,
-    dir: g,
-    currentTabStopId: R,
-    defaultCurrentTabStopId: E,
-    onCurrentTabStopIdChange: m,
-    onEntryFocus: u,
-    preventScrollOnEntryFocus: w = !1,
-    ...C
-  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
-    prop: R,
-    defaultProp: E,
-    onChange: m
-  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
-  return s.useEffect(() => {
-    const n = v.current;
-    if (n)
-      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
-  }, [S]), /* @__PURE__ */ d.jsx(
-    ee,
+    isSelected: n,
+    mode: m,
+    selected: c,
+    isRangeMode: a,
+    selectDate: l,
+    isFirstDayFromRange: f,
+    isLastDayFromRange: p
+  } = x(v), e = g(
+    () => n(t),
+    [t, c]
+  ), u = !e && !h(t, s), y = !e && D(t);
+  return /* @__PURE__ */ o.jsx(
+    "button",
     {
-      scope: c,
-      orientation: o,
-      dir: t,
-      loop: F,
-      currentTabStopId: f,
-      onItemFocus: s.useCallback(
-        (n) => T(n),
-        [T]
+      ...i,
+      onClick: () => l(t),
+      type: "button",
+      "data-state-mode": m,
+      "data-state-today": M(t) || void 0,
+      "data-state-selected": e || void 0,
+      "data-state-different-month": u || void 0,
+      "data-state-weekend": y || void 0,
+      "data-state-range-mode": a || void 0,
+      "data-state-first-day": f(t) || void 0,
+      "data-state-last-day": p(t) || void 0,
+      "data-state-in-range": a && e || void 0,
+      className: b(
+        "mx-auto flex pt-px rounded-md items-center justify-center w-full aspect-square hover:bg-accent",
+        "data-[state-today]:text-error",
+        "data-[state-selected]:bg-primary data-[state-selected]:!text-primary-foreground data-[state-selected]:hover:bg-primary/80",
+        "data-[state-different-month]:opacity-50 data-[state-weekend=true]:opacity-50",
+        "data-[state-in-range]:not-data-[state-first-day]:not-data-[state-last-day]:rounded-none",
+        "data-[state-first-day]:rounded-l-full",
+        "data-[state-last-day]:rounded-r-full",
+        r
       ),
-      onItemShiftTab: s.useCallback(() => i(!0), []),
-      onFocusableItemAdd: s.useCallback(
-        () => y((n) => n + 1),
-        []
-      ),
-      onFocusableItemRemove: s.useCallback(
-        () => y((n) => n - 1),
-        []
-      ),
-      children: /* @__PURE__ */ d.jsx(
-        P.div,
-        {
-          tabIndex: a || k === 0 ? -1 : 0,
-          "data-orientation": o,
-          ...C,
-          ref: I,
-          style: { outline: "none", ...e.style },
-          onMouseDown: p(e.onMouseDown, () => {
-            x.current = !0;
-          }),
-          onFocus: p(e.onFocus, (n) => {
-            const L = !x.current;
-            if (n.target === n.currentTarget && L && !a) {
-              const D = new CustomEvent(_, X);
-              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
-                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
-                  Boolean
-                ).map((l) => l.ref.current);
-                j(Y, w);
-              }
-            }
-            x.current = !1;
-          }),
-          onBlur: p(e.onBlur, () => i(!1))
-        }
-      )
+      children: /* @__PURE__ */ o.jsx("time", { dateTime: d(t, "yyyy-MM-dd"), children: d(t, "d") })
     }
   );
-}), O = "RovingFocusGroupItem", K = s.forwardRef(
-  (e, r) => {
-    const {
-      __scopeRovingFocusGroup: c,
-      focusable: o = !0,
-      active: F = !1,
-      tabStopId: g,
-      ...R
-    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
-    return s.useEffect(() => {
-      if (o)
-        return v(), () => I();
-    }, [o, v, I]), /* @__PURE__ */ d.jsx(
-      h.ItemSlot,
-      {
-        scope: c,
-        id: m,
-        focusable: o,
-        active: F,
-        children: /* @__PURE__ */ d.jsx(
-          P.span,
-          {
-            tabIndex: w ? 0 : -1,
-            "data-orientation": u.orientation,
-            ...R,
-            ref: r,
-            onMouseDown: p(e.onMouseDown, (t) => {
-              o ? u.onItemFocus(m) : t.preventDefault();
-            }),
-            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
-            onKeyDown: p(e.onKeyDown, (t) => {
-              if (t.key === "Tab" && t.shiftKey) {
-                u.onItemShiftTab();
-                return;
-              }
-              if (t.target !== t.currentTarget) return;
-              const f = se(t, u.orientation, u.dir);
-              if (f !== void 0) {
-                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
-                t.preventDefault();
-                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
-                if (f === "last") a.reverse();
-                else if (f === "prev" || f === "next") {
-                  f === "prev" && a.reverse();
-                  const i = a.indexOf(t.currentTarget);
-                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
-                }
-                setTimeout(() => j(a));
-              }
-            })
-          }
-        )
-      }
-    );
-  }
-);
-K.displayName = O;
-var re = {
-  ArrowLeft: "prev",
-  ArrowUp: "prev",
-  ArrowRight: "next",
-  ArrowDown: "next",
-  PageUp: "first",
-  Home: "first",
-  PageDown: "last",
-  End: "last"
 };
-function ne(e, r) {
-  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
-}
-function se(e, r, c) {
-  const o = ne(e.key, c);
-  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
-    return re[o];
-}
-function j(e, r = !1) {
-  const c = document.activeElement;
-  for (const o of e)
-    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
-}
-function ce(e, r) {
-  return e.map((c, o) => e[(r + o) % e.length]);
-}
-var ge = N, Re = K;
+j.displayName = "Day";
 export {
-  Re as Item,
-  ge as Root,
-  N as RovingFocusGroup,
-  K as RovingFocusGroupItem,
-  Fe as createRovingFocusGroupScope
+  j as Day
 };

package/dist/index.es275.js

@@ -1,21 +1,18 @@
-import { formatDistance as o } from "./index.es421.js";
-import { formatLong as t } from "./index.es422.js";
-import { formatRelative as a } from "./index.es423.js";
-import { localize as r } from "./index.es424.js";
-import { match as e } from "./index.es425.js";
-const c = {
-  code: "es",
-  formatDistance: o,
-  formatLong: t,
-  formatRelative: a,
-  localize: r,
-  match: e,
-  options: {
-    weekStartsOn: 1,
-    firstWeekContainsDate: 1
+import { j as t } from "./index.es104.js";
+import { weeksDays as r } from "./index.es35.js";
+import { cn as a } from "./index.es91.js";
+const l = (s) => /* @__PURE__ */ t.jsx(
+  "div",
+  {
+    ...s,
+    className: a(
+      "grid grid-cols-7 font-semibold mt-2 text-xs leading-6 text-center py-1 bg-blue-bell/40 select-none",
+      s.className
+    ),
+    children: r.map((e) => /* @__PURE__ */ t.jsx("abbr", { "aria-label": e, children: e.at(0) }, e))
   }
-};
+);
+l.displayName = "WeekDays";
 export {
-  c as default,
-  c as es
+  l as WeekDays
 };

package/dist/index.es276.js

@@ -1,54 +1,180 @@
-import { j as o } from "./index.es104.js";
-import { useContext as x, useMemo as g } from "react";
-import { CalendarContext as v } from "./index.es110.js";
-import { isSameMonth as h } from "./index.es257.js";
-import { isWeekend as D } from "./index.es259.js";
-import { isToday as M } from "./index.es258.js";
-import { cn as b } from "./index.es91.js";
-import { formatDate as d } from "./index.es127.js";
-const j = ({ day: t, navigationDate: s, className: r, ...i }) => {
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es184.js";
+import { createCollection as H } from "./index.es196.js";
+import { useComposedRefs as V } from "./index.es177.js";
+import { createContextScope as z } from "./index.es185.js";
+import { useId as q } from "./index.es173.js";
+import { Primitive as P } from "./index.es172.js";
+import { useCallbackRef as J } from "./index.es103.js";
+import { useControllableState as Q } from "./index.es90.js";
+import { useDirection as W } from "./index.es197.js";
+import { j as d } from "./index.es104.js";
+var _ = "rovingFocusGroup.onEntryFocus", X = { bubbles: !1, cancelable: !0 }, b = "RovingFocusGroup", [h, G, Z] = H(b), [$, Fe] = z(
+  b,
+  [Z]
+), [ee, oe] = $(b), N = s.forwardRef(
+  (e, r) => /* @__PURE__ */ d.jsx(h.Provider, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(h.Slot, { scope: e.__scopeRovingFocusGroup, children: /* @__PURE__ */ d.jsx(te, { ...e, ref: r }) }) })
+);
+N.displayName = b;
+var te = s.forwardRef((e, r) => {
   const {
-    isSelected: n,
-    mode: m,
-    selected: c,
-    isRangeMode: a,
-    selectDate: l,
-    isFirstDayFromRange: f,
-    isLastDayFromRange: p
-  } = x(v), e = g(
-    () => n(t),
-    [t, c]
-  ), u = !e && !h(t, s), y = !e && D(t);
-  return /* @__PURE__ */ o.jsx(
-    "button",
+    __scopeRovingFocusGroup: c,
+    orientation: o,
+    loop: F = !1,
+    dir: g,
+    currentTabStopId: R,
+    defaultCurrentTabStopId: E,
+    onCurrentTabStopIdChange: m,
+    onEntryFocus: u,
+    preventScrollOnEntryFocus: w = !1,
+    ...C
+  } = e, v = s.useRef(null), I = V(r, v), t = W(g), [f = null, T] = Q({
+    prop: R,
+    defaultProp: E,
+    onChange: m
+  }), [a, i] = s.useState(!1), S = J(u), M = G(c), x = s.useRef(!1), [k, y] = s.useState(0);
+  return s.useEffect(() => {
+    const n = v.current;
+    if (n)
+      return n.addEventListener(_, S), () => n.removeEventListener(_, S);
+  }, [S]), /* @__PURE__ */ d.jsx(
+    ee,
     {
-      ...i,
-      onClick: () => l(t),
-      type: "button",
-      "data-state-mode": m,
-      "data-state-today": M(t) || void 0,
-      "data-state-selected": e || void 0,
-      "data-state-different-month": u || void 0,
-      "data-state-weekend": y || void 0,
-      "data-state-range-mode": a || void 0,
-      "data-state-first-day": f(t) || void 0,
-      "data-state-last-day": p(t) || void 0,
-      "data-state-in-range": a && e || void 0,
-      className: b(
-        "mx-auto flex pt-px rounded-md items-center justify-center w-full aspect-square hover:bg-accent",
-        "data-[state-today]:text-error",
-        "data-[state-selected]:bg-primary data-[state-selected]:!text-primary-foreground data-[state-selected]:hover:bg-primary/80",
-        "data-[state-different-month]:opacity-50 data-[state-weekend=true]:opacity-50",
-        "data-[state-in-range]:not-data-[state-first-day]:not-data-[state-last-day]:rounded-none",
-        "data-[state-first-day]:rounded-l-full",
-        "data-[state-last-day]:rounded-r-full",
-        r
+      scope: c,
+      orientation: o,
+      dir: t,
+      loop: F,
+      currentTabStopId: f,
+      onItemFocus: s.useCallback(
+        (n) => T(n),
+        [T]
       ),
-      children: /* @__PURE__ */ o.jsx("time", { dateTime: d(t, "yyyy-MM-dd"), children: d(t, "d") })
+      onItemShiftTab: s.useCallback(() => i(!0), []),
+      onFocusableItemAdd: s.useCallback(
+        () => y((n) => n + 1),
+        []
+      ),
+      onFocusableItemRemove: s.useCallback(
+        () => y((n) => n - 1),
+        []
+      ),
+      children: /* @__PURE__ */ d.jsx(
+        P.div,
+        {
+          tabIndex: a || k === 0 ? -1 : 0,
+          "data-orientation": o,
+          ...C,
+          ref: I,
+          style: { outline: "none", ...e.style },
+          onMouseDown: p(e.onMouseDown, () => {
+            x.current = !0;
+          }),
+          onFocus: p(e.onFocus, (n) => {
+            const L = !x.current;
+            if (n.target === n.currentTarget && L && !a) {
+              const D = new CustomEvent(_, X);
+              if (n.currentTarget.dispatchEvent(D), !D.defaultPrevented) {
+                const A = M().filter((l) => l.focusable), U = A.find((l) => l.active), B = A.find((l) => l.id === f), Y = [U, B, ...A].filter(
+                  Boolean
+                ).map((l) => l.ref.current);
+                j(Y, w);
+              }
+            }
+            x.current = !1;
+          }),
+          onBlur: p(e.onBlur, () => i(!1))
+        }
+      )
     }
   );
+}), O = "RovingFocusGroupItem", K = s.forwardRef(
+  (e, r) => {
+    const {
+      __scopeRovingFocusGroup: c,
+      focusable: o = !0,
+      active: F = !1,
+      tabStopId: g,
+      ...R
+    } = e, E = q(), m = g || E, u = oe(O, c), w = u.currentTabStopId === m, C = G(c), { onFocusableItemAdd: v, onFocusableItemRemove: I } = u;
+    return s.useEffect(() => {
+      if (o)
+        return v(), () => I();
+    }, [o, v, I]), /* @__PURE__ */ d.jsx(
+      h.ItemSlot,
+      {
+        scope: c,
+        id: m,
+        focusable: o,
+        active: F,
+        children: /* @__PURE__ */ d.jsx(
+          P.span,
+          {
+            tabIndex: w ? 0 : -1,
+            "data-orientation": u.orientation,
+            ...R,
+            ref: r,
+            onMouseDown: p(e.onMouseDown, (t) => {
+              o ? u.onItemFocus(m) : t.preventDefault();
+            }),
+            onFocus: p(e.onFocus, () => u.onItemFocus(m)),
+            onKeyDown: p(e.onKeyDown, (t) => {
+              if (t.key === "Tab" && t.shiftKey) {
+                u.onItemShiftTab();
+                return;
+              }
+              if (t.target !== t.currentTarget) return;
+              const f = se(t, u.orientation, u.dir);
+              if (f !== void 0) {
+                if (t.metaKey || t.ctrlKey || t.altKey || t.shiftKey) return;
+                t.preventDefault();
+                let a = C().filter((i) => i.focusable).map((i) => i.ref.current);
+                if (f === "last") a.reverse();
+                else if (f === "prev" || f === "next") {
+                  f === "prev" && a.reverse();
+                  const i = a.indexOf(t.currentTarget);
+                  a = u.loop ? ce(a, i + 1) : a.slice(i + 1);
+                }
+                setTimeout(() => j(a));
+              }
+            })
+          }
+        )
+      }
+    );
+  }
+);
+K.displayName = O;
+var re = {
+  ArrowLeft: "prev",
+  ArrowUp: "prev",
+  ArrowRight: "next",
+  ArrowDown: "next",
+  PageUp: "first",
+  Home: "first",
+  PageDown: "last",
+  End: "last"
 };
-j.displayName = "Day";
+function ne(e, r) {
+  return r !== "rtl" ? e : e === "ArrowLeft" ? "ArrowRight" : e === "ArrowRight" ? "ArrowLeft" : e;
+}
+function se(e, r, c) {
+  const o = ne(e.key, c);
+  if (!(r === "vertical" && ["ArrowLeft", "ArrowRight"].includes(o)) && !(r === "horizontal" && ["ArrowUp", "ArrowDown"].includes(o)))
+    return re[o];
+}
+function j(e, r = !1) {
+  const c = document.activeElement;
+  for (const o of e)
+    if (o === c || (o.focus({ preventScroll: r }), document.activeElement !== c)) return;
+}
+function ce(e, r) {
+  return e.map((c, o) => e[(r + o) % e.length]);
+}
+var ge = N, Re = K;
 export {
-  j as Day
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };