@boxcustodia/library 0.0.8 → 0.0.10

package/dist/index.es251.js

@@ -1,7 +1,5 @@
-import { useOuterDrop as e } from "./index.es343.js";
-function t(r) {
-  return e(), r.children;
-}
+const r = (t) => t.tagName === "INPUT" || t.tagName === "TEXTAREA" || t.isContentEditable, a = (t, n) => n && r(t.target);
 export {
-  t as OuterDrop
+  r as isInputField,
+  a as shouldIgnoreEvent
 };

package/dist/index.es252.js

@@ -1,10 +1,21 @@
-import { j as r } from "./index.es82.js";
-import { useTreeApi as t } from "./index.es337.js";
-import { DefaultContainer as n } from "./index.es268.js";
-function p() {
-  const e = t().props.renderContainer || n;
-  return r.jsx(r.Fragment, { children: r.jsx(e, {}) });
-}
+import { formatDistance as o } from "./index.es420.js";
+import { formatLong as t } from "./index.es421.js";
+import { formatRelative as a } from "./index.es422.js";
+import { localize as r } from "./index.es423.js";
+import { match as e } from "./index.es424.js";
+const c = {
+  code: "es",
+  formatDistance: o,
+  formatLong: t,
+  formatRelative: a,
+  localize: r,
+  match: e,
+  options: {
+    weekStartsOn: 1,
+    firstWeekContainsDate: 1
+  }
+};
 export {
-  p as TreeContainer
+  c as default,
+  c as es
 };

package/dist/index.es253.js

@@ -1,16 +1,56 @@
-import { j as n } from "./index.es82.js";
-import { useTreeApi as f } from "./index.es337.js";
-import { DefaultDragPreview as a } from "./index.es267.js";
-import { useDragLayer as u } from "./index.es344.js";
-function p() {
-  const i = f(), { offset: t, mouse: o, item: e, isDragging: s } = u((r) => ({
-    offset: r.getSourceClientOffset(),
-    mouse: r.getClientOffset(),
-    item: r.getItem(),
-    isDragging: r.isDragging()
-  })), g = i.props.renderDragPreview || a;
-  return n.jsx(g, { offset: t, mouse: o, id: (e == null ? void 0 : e.id) || null, dragIds: (e == null ? void 0 : e.dragIds) || [], isDragging: s });
-}
+import { j as i } from "./index.es85.js";
+import { useContext as g, useMemo as x } from "react";
+import { CalendarContext as v } from "./index.es100.js";
+import { isSameMonth as h } from "./index.es221.js";
+import { isWeekend as D } from "./index.es223.js";
+import { isToday as M } from "./index.es222.js";
+import { cn as b } from "./index.es73.js";
+import { formatDate as o } from "./index.es98.js";
+const j = ({ day: t, navigationDate: d, className: s, ...r }) => {
+  const {
+    isSelected: n,
+    mode: u,
+    selected: m,
+    isRangeMode: a,
+    selectDate: l,
+    isFirstDayFromRange: c,
+    isLastDayFromRange: f
+  } = g(v), e = x(
+    () => n(t),
+    [t, m]
+  ), p = !e && !h(t, d), y = !e && D(t);
+  return /* @__PURE__ */ i.jsx(
+    "button",
+    {
+      ...r,
+      onClick: () => l(t),
+      type: "button",
+      "data-state-mode": u,
+      "data-state-today": M(t) || void 0,
+      "data-state-selected": e || void 0,
+      "data-state-different-month": p || void 0,
+      "data-state-weekend": y || void 0,
+      "data-state-range-mode": a || void 0,
+      "data-state-first-day": c(t) || void 0,
+      "data-state-last-day": f(t) || void 0,
+      "data-state-in-range": a && e || void 0,
+      className: b(
+        "ui-mx-auto ui-flex ui-items-center ui-justify-center ui-w-full ui-aspect-square ui-mt-1 ui-transition-colors hover:ui-bg-accent",
+        "data-[state-mode='single']:ui-rounded-full",
+        "data-[state-mode='multiple']:ui-rounded-full",
+        "data-[state-today]:ui-text-error",
+        "data-[state-selected]:ui-bg-primary data-[state-selected]:!ui-text-primary-foreground data-[state-selected]:hover:ui-bg-primary/80",
+        "data-[state-different-month]:ui-opacity-50 data-[state-weekend=true]:ui-opacity-50",
+        "data-[state-in-range]:ui-rounded-none",
+        "data-[state-first-day]:ui-rounded-l-full",
+        "data-[state-last-day]:ui-rounded-r-full",
+        s
+      ),
+      children: /* @__PURE__ */ i.jsx("time", { dateTime: o(t, "yyyy-MM-dd"), children: o(t, "d") })
+    }
+  );
+};
+j.displayName = "Day";
 export {
-  p as DragPreviewContainer
+  j as Day
 };

package/dist/index.es254.js

@@ -1,16 +1,18 @@
-import { useSimpleTree as i } from "./index.es272.js";
-function r(t) {
-  if (t.initialData && t.data)
-    throw new Error("React Arborist Tree => Provide either a data or initialData prop, but not both.");
-  if (t.initialData && (t.onCreate || t.onDelete || t.onMove || t.onRename))
-    throw new Error(`React Arborist Tree => You passed the initialData prop along with a data handler.
-Use the data prop if you want to provide your own handlers.`);
-  if (t.initialData) {
-    const [a, e] = i(t.initialData);
-    return Object.assign(Object.assign(Object.assign({}, t), e), { data: a });
-  } else
-    return t;
-}
+import { j as s } from "./index.es85.js";
+import { weeksDays as t } from "./index.es31.js";
+import { cn as r } from "./index.es73.js";
+const a = (i) => /* @__PURE__ */ s.jsx(
+  "div",
+  {
+    ...i,
+    className: r(
+      "ui-grid ui-grid-cols-7 ui-font-semibold ui-mt-2 ui-text-xs ui-leading-6 ui-text-center ui-py-1 ui-bg-blue-bell/40 ui-select-none",
+      i.className
+    ),
+    children: t.map((e) => /* @__PURE__ */ s.jsx("abbr", { "aria-label": e, children: e.at(0) }, e))
+  }
+);
+a.displayName = "WeekDays";
 export {
-  r as useValidatedProps
+  a as WeekDays
 };

package/dist/index.es255.js

@@ -1,137 +1,180 @@
-import { ROOT_ID as r } from "./index.es256.js";
-class i {
-  constructor(e) {
-    this.handleClick = (t) => {
-      t.metaKey && !this.tree.props.disableMultiSelection ? this.isSelected ? this.deselect() : this.selectMulti() : t.shiftKey && !this.tree.props.disableMultiSelection ? this.selectContiguous() : (this.select(), this.activate());
-    }, this.tree = e.tree, this.id = e.id, this.data = e.data, this.level = e.level, this.children = e.children, this.parent = e.parent, this.isDraggable = e.isDraggable, this.rowIndex = e.rowIndex;
-  }
-  get isRoot() {
-    return this.id === r;
-  }
-  get isLeaf() {
-    return !Array.isArray(this.children);
-  }
-  get isInternal() {
-    return !this.isLeaf;
-  }
-  get isOpen() {
-    return this.isLeaf ? !1 : this.tree.isOpen(this.id);
-  }
-  get isClosed() {
-    return this.isLeaf ? !1 : !this.tree.isOpen(this.id);
-  }
-  get isEditable() {
-    return this.tree.isEditable(this.data);
-  }
-  get isEditing() {
-    return this.tree.editingId === this.id;
-  }
-  get isSelected() {
-    return this.tree.isSelected(this.id);
-  }
-  get isOnlySelection() {
-    return this.isSelected && this.tree.hasOneSelection;
-  }
-  get isSelectedStart() {
-    var e;
-    return this.isSelected && !(!((e = this.prev) === null || e === void 0) && e.isSelected);
-  }
-  get isSelectedEnd() {
-    var e;
-    return this.isSelected && !(!((e = this.next) === null || e === void 0) && e.isSelected);
-  }
-  get isFocused() {
-    return this.tree.isFocused(this.id);
-  }
-  get isDragging() {
-    return this.tree.isDragging(this.id);
-  }
-  get willReceiveDrop() {
-    return this.tree.willReceiveDrop(this.id);
-  }
-  get state() {
-    return {
-      isClosed: this.isClosed,
-      isDragging: this.isDragging,
-      isEditing: this.isEditing,
-      isFocused: this.isFocused,
-      isInternal: this.isInternal,
-      isLeaf: this.isLeaf,
-      isOpen: this.isOpen,
-      isSelected: this.isSelected,
-      isSelectedEnd: this.isSelectedEnd,
-      isSelectedStart: this.isSelectedStart,
-      willReceiveDrop: this.willReceiveDrop
-    };
-  }
-  get childIndex() {
-    return this.parent && this.parent.children ? this.parent.children.findIndex((e) => e.id === this.id) : -1;
-  }
-  get next() {
-    return this.rowIndex === null ? null : this.tree.at(this.rowIndex + 1);
-  }
-  get prev() {
-    return this.rowIndex === null ? null : this.tree.at(this.rowIndex - 1);
-  }
-  get nextSibling() {
-    var e, t;
-    const s = this.childIndex;
-    return (t = (e = this.parent) === null || e === void 0 ? void 0 : e.children[s + 1]) !== null && t !== void 0 ? t : null;
-  }
-  isAncestorOf(e) {
-    if (!e)
-      return !1;
-    let t = e;
-    for (; t; ) {
-      if (t.id === this.id)
-        return !0;
-      t = t.parent;
+import * as s from "react";
+import { composeEventHandlers as p } from "./index.es149.js";
+import { createCollection as H } from "./index.es163.js";
+import { useComposedRefs as V } from "./index.es143.js";
+import { createContextScope as z } from "./index.es150.js";
+import { useId as q } from "./index.es151.js";
+import { Primitive as P } from "./index.es155.js";
+import { useCallbackRef as J } from "./index.es145.js";
+import { useControllableState as Q } from "./index.es93.js";
+import { useDirection as W } from "./index.es164.js";
+import { j as d } from "./index.es85.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))
+        }
+      )
     }
-    return !1;
-  }
-  select() {
-    this.tree.select(this);
-  }
-  deselect() {
-    this.tree.deselect(this);
-  }
-  selectMulti() {
-    this.tree.selectMulti(this);
-  }
-  selectContiguous() {
-    this.tree.selectContiguous(this);
-  }
-  activate() {
-    this.tree.activate(this);
-  }
-  focus() {
-    this.tree.focus(this);
-  }
-  toggle() {
-    this.tree.toggle(this);
-  }
-  open() {
-    this.tree.open(this);
-  }
-  openParents() {
-    this.tree.openParents(this);
-  }
-  close() {
-    this.tree.close(this);
-  }
-  submit(e) {
-    this.tree.submit(this, e);
-  }
-  reset() {
-    this.tree.reset();
-  }
-  clone() {
-    return new i(Object.assign({}, this));
-  }
-  edit() {
-    return this.tree.edit(this);
-  }
+  );
+}), 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 {
-  i as NodeApi
+  Re as Item,
+  ge as Root,
+  N as RovingFocusGroup,
+  K as RovingFocusGroupItem,
+  Fe as createRovingFocusGroupScope
 };