@boxcustodia/library 1.3.1-canary.0 → 1.3.2

package/dist/index.es274.js

@@ -1,24 +1,180 @@
-const b = /* @__PURE__ */ new Set([
-  "id"
-]), i = /* @__PURE__ */ new Set([
-  "aria-label",
-  "aria-labelledby",
-  "aria-describedby",
-  "aria-details"
-]), s = /* @__PURE__ */ new Set([
-  "href",
-  "hrefLang",
-  "target",
-  "rel",
-  "download",
-  "ping",
-  "referrerPolicy"
-]), n = /^(data-.*)$/;
-function c(a, t = {}) {
-  let { labelable: d, isLink: o, propNames: r } = t, l = {};
-  for (const e in a) Object.prototype.hasOwnProperty.call(a, e) && (b.has(e) || d && i.has(e) || o && s.has(e) || r != null && r.has(e) || n.test(e)) && (l[e] = a[e]);
-  return l;
+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) => {
+  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,
+    {
+      scope: c,
+      orientation: o,
+      dir: t,
+      loop: F,
+      currentTabStopId: f,
+      onItemFocus: s.useCallback(
+        (n) => T(n),
+        [T]
+      ),
+      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"
+};
+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 {
-  c as filterDOMProps
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };

package/dist/index.es275.js

@@ -1,65 +1,21 @@
-import { mergeProps as i } from "./index.es273.js";
-import { filterDOMProps as D } from "./index.es274.js";
-import { useFocusable as F } from "./index.es475.js";
-import { usePress as O } from "./index.es482.js";
-function I(s, t) {
-  let {
-    elementType: r = "button",
-    isDisabled: e,
-    onPress: l,
-    onPressStart: p,
-    onPressEnd: u,
-    onPressUp: c,
-    onPressChange: P,
-    preventFocusOnPress: b,
-    allowFocusWhenDisabled: f,
-    // @ts-ignore
-    onClick: o,
-    href: $,
-    target: m,
-    rel: x,
-    type: d = "button"
-  } = s, n;
-  r === "button" ? n = {
-    type: d,
-    disabled: e
-  } : n = {
-    role: "button",
-    tabIndex: e ? void 0 : 0,
-    href: r === "a" && !e ? $ : void 0,
-    target: r === "a" ? m : void 0,
-    type: r === "input" ? d : void 0,
-    disabled: r === "input" ? e : void 0,
-    "aria-disabled": !e || r === "input" ? void 0 : e,
-    rel: r === "a" ? x : void 0
-  };
-  let { pressProps: h, isPressed: g } = O({
-    onPressStart: p,
-    onPressEnd: u,
-    onPressChange: P,
-    onPress: l,
-    onPressUp: c,
-    isDisabled: e,
-    preventFocusOnPress: b,
-    ref: t
-  }), { focusableProps: a } = F(s, t);
-  f && (a.tabIndex = e ? -1 : a.tabIndex);
-  let C = i(a, h, D(s, {
-    labelable: !0
-  }));
-  return {
-    isPressed: g,
-    buttonProps: i(n, C, {
-      "aria-haspopup": s["aria-haspopup"],
-      "aria-expanded": s["aria-expanded"],
-      "aria-controls": s["aria-controls"],
-      "aria-pressed": s["aria-pressed"],
-      onClick: (y) => {
-        o && (o(y), console.warn("onClick is deprecated, please use onPress"));
-      }
-    })
-  };
-}
+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
+  }
+};
 export {
-  I as useButton
+  c as default,
+  c as es
 };

package/dist/index.es276.js

@@ -1,34 +1,54 @@
-import { useFocus as $ } from "./index.es476.js";
-import { isFocusVisible as h, useFocusVisibleListener as x } from "./index.es474.js";
-import { useFocusWithin as V } from "./index.es478.js";
-import { useRef as m, useState as u, useCallback as c } from "react";
-function I(r = {}) {
-  let { autoFocus: a = !1, isTextInput: f, within: i } = r, s = m({
-    isFocused: !1,
-    isFocusVisible: a || h()
-  }), [n, b] = u(!1), [l, d] = u(() => s.current.isFocused && s.current.isFocusVisible), o = c(() => d(s.current.isFocused && s.current.isFocusVisible), []), t = c((e) => {
-    s.current.isFocused = e, b(e), o();
-  }, [
-    o
-  ]);
-  x((e) => {
-    s.current.isFocusVisible = e, o();
-  }, [], {
-    isTextInput: f
-  });
-  let { focusProps: F } = $({
-    isDisabled: i,
-    onFocusChange: t
-  }), { focusWithinProps: p } = V({
-    isDisabled: !i,
-    onFocusWithinChange: t
-  });
-  return {
-    isFocused: n,
-    isFocusVisible: l,
-    focusProps: i ? p : F
-  };
-}
+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 }) => {
+  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",
+    {
+      ...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
+      ),
+      children: /* @__PURE__ */ o.jsx("time", { dateTime: d(t, "yyyy-MM-dd"), children: d(t, "d") })
+    }
+  );
+};
+j.displayName = "Day";
 export {
-  I as useFocusRing
+  j as Day
 };

package/dist/index.es277.js

@@ -1,79 +1,18 @@
-import { useState as T, useRef as y, useEffect as c, useMemo as b } from "react";
-let s = !1, f = 0;
-function g() {
-  s = !0, setTimeout(() => {
-    s = !1;
-  }, 50);
-}
-function m(a) {
-  a.pointerType === "touch" && g();
-}
-function P() {
-  if (!(typeof document > "u"))
-    return typeof PointerEvent < "u" ? document.addEventListener("pointerup", m) : document.addEventListener("touchend", g), f++, () => {
-      f--, !(f > 0) && (typeof PointerEvent < "u" ? document.removeEventListener("pointerup", m) : document.removeEventListener("touchend", g));
-    };
-}
-function L(a) {
-  let { onHoverStart: d, onHoverChange: i, onHoverEnd: v, isDisabled: r } = a, [H, p] = T(!1), t = y({
-    isHovered: !1,
-    ignoreEmulatedMouseEvents: !1,
-    pointerType: "",
-    target: null
-  }).current;
-  c(P, []);
-  let { hoverProps: h, triggerHoverEnd: $ } = b(() => {
-    let E = (e, n) => {
-      if (t.pointerType = n, r || n === "touch" || t.isHovered || !e.currentTarget.contains(e.target)) return;
-      t.isHovered = !0;
-      let u = e.currentTarget;
-      t.target = u, d && d({
-        type: "hoverstart",
-        target: u,
-        pointerType: n
-      }), i && i(!0), p(!0);
-    }, l = (e, n) => {
-      if (t.pointerType = "", t.target = null, n === "touch" || !t.isHovered) return;
-      t.isHovered = !1;
-      let u = e.currentTarget;
-      v && v({
-        type: "hoverend",
-        target: u,
-        pointerType: n
-      }), i && i(!1), p(!1);
-    }, o = {};
-    return typeof PointerEvent < "u" ? (o.onPointerEnter = (e) => {
-      s && e.pointerType === "mouse" || E(e, e.pointerType);
-    }, o.onPointerLeave = (e) => {
-      !r && e.currentTarget.contains(e.target) && l(e, e.pointerType);
-    }) : (o.onTouchStart = () => {
-      t.ignoreEmulatedMouseEvents = !0;
-    }, o.onMouseEnter = (e) => {
-      !t.ignoreEmulatedMouseEvents && !s && E(e, "mouse"), t.ignoreEmulatedMouseEvents = !1;
-    }, o.onMouseLeave = (e) => {
-      !r && e.currentTarget.contains(e.target) && l(e, "mouse");
-    }), {
-      hoverProps: o,
-      triggerHoverEnd: l
-    };
-  }, [
-    d,
-    i,
-    v,
-    r,
-    t
-  ]);
-  return c(() => {
-    r && $({
-      currentTarget: t.target
-    }, t.pointerType);
-  }, [
-    r
-  ]), {
-    hoverProps: h,
-    isHovered: H
-  };
-}
+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 {
-  L as useHover
+  l as WeekDays
 };

package/dist/index.es278.js

@@ -1,9 +1,27 @@
-function f(...e) {
-  return e.length === 1 && e[0] ? e[0] : (n) => {
-    for (let t of e)
-      typeof t == "function" ? t(n) : t != null && (t.current = n);
-  };
-}
+import { get as a, set as r } from "./index.es148.js";
+const l = (t, i, e) => {
+  if (t && "reportValidity" in t) {
+    const s = a(e, i);
+    t.setCustomValidity(s && s.message || ""), t.reportValidity();
+  }
+}, c = (t, i) => {
+  for (const e in i.fields) {
+    const s = i.fields[e];
+    s && s.ref && "reportValidity" in s.ref ? l(s.ref, e, t) : s.refs && s.refs.forEach((o) => l(o, e, t));
+  }
+}, y = (t, i) => {
+  i.shouldUseNativeValidation && c(t, i);
+  const e = {};
+  for (const s in t) {
+    const o = a(i.fields, s), n = Object.assign(t[s] || {}, { ref: o && o.ref });
+    if (d(i.names || Object.keys(t), s)) {
+      const f = Object.assign({}, a(e, s));
+      r(f, "root", n), r(e, s, f);
+    } else r(e, s, n);
+  }
+  return e;
+}, d = (t, i) => t.some((e) => e.startsWith(i + "."));
 export {
-  f as mergeRefs
+  y as toNestErrors,
+  c as validateFieldsNatively
 };

package/dist/index.es279.js

@@ -1,17 +1,4 @@
-import { useRef as u, useMemo as r } from "react";
-function s(t) {
-  const n = u(null);
-  return r(() => ({
-    get current() {
-      return n.current;
-    },
-    set current(e) {
-      n.current = e, typeof t == "function" ? t(e) : t && (t.current = e);
-    }
-  }), [
-    t
-  ]);
-}
+var r = {};
 export {
-  s as useObjectRef
+  r as __exports
 };

package/dist/index.es28.js

@@ -1,7 +1,7 @@
-import { j as a } from "./index.es107.js";
-import { Command as o } from "./index.es108.js";
+import { j as a } from "./index.es104.js";
+import { Command as o } from "./index.es116.js";
 import { cn as m } from "./index.es91.js";
-import d from "./index.es109.js";
+import d from "./index.es117.js";
 import { DialogRoot as r, DialogContent as p } from "./index.es41.js";
 const s = ({
   className: e,

package/dist/index.es280.js

@@ -1,46 +1,4 @@
-import { useCachedChildren as u } from "./index.es281.js";
-import c, { createContext as a, useMemo as s } from "react";
-const $ = {
-  CollectionRoot({ collection: e, renderDropIndicator: t }) {
-    return d(e, null, t);
-  },
-  CollectionBranch({ collection: e, parent: t, renderDropIndicator: r }) {
-    return d(e, t, r);
-  }
-};
-function d(e, t, r) {
-  return u({
-    items: t ? e.getChildren(t.key) : e,
-    dependencies: [
-      r
-    ],
-    children(n) {
-      var l;
-      let f = n.render(n);
-      if (!r || n.type !== "item") return f;
-      let o = n.key, i = e.getKeyAfter(o);
-      return /* @__PURE__ */ c.createElement(c.Fragment, null, r({
-        type: "item",
-        key: o,
-        dropPosition: "before"
-      }), f, (i == null || ((l = e.getItem(i)) === null || l === void 0 ? void 0 : l.type) !== "item") && r({
-        type: "item",
-        key: o,
-        dropPosition: "after"
-      }));
-    }
-  });
-}
-const y = /* @__PURE__ */ a($);
-function C(e) {
-  return s(() => e != null ? /* @__PURE__ */ new Set([
-    e
-  ]) : null, [
-    e
-  ]);
-}
+var e = {};
 export {
-  y as CollectionRendererContext,
-  $ as DefaultCollectionRenderer,
-  C as usePersistedKeys
+  e as __exports
 };