@boxcustodia/library 0.5.2 → 0.5.3

package/dist/index.es155.js

@@ -1,81 +1,35 @@
-import { useContextProps as h, useRenderProps as y } from "./index.es156.js";
-import { ProgressBarContext as B } from "./index.es298.js";
-import { announce as m } from "./index.es299.js";
-import { createHideableComponent as D } from "./index.es300.js";
-import { useId as P } from "./index.es301.js";
-import { mergeProps as F } from "./index.es302.js";
-import { filterDOMProps as H } from "./index.es303.js";
-import x, { createContext as E, useRef as V, useEffect as R } from "react";
-import { useButton as w } from "./index.es304.js";
-import { useFocusRing as I } from "./index.es305.js";
-import { useHover as M } from "./index.es306.js";
-const N = /* @__PURE__ */ new Set([
-  "form",
-  "formAction",
-  "formEncType",
-  "formMethod",
-  "formNoValidate",
-  "formTarget",
-  "name",
-  "value"
-]), T = /* @__PURE__ */ E({});
-function A(e, s) {
-  [e, s] = h(e, s, T), e = K(e);
-  let f = e, { isPending: d } = f, { buttonProps: t, isPressed: v } = w(e, s), { focusProps: g, isFocused: i, isFocusVisible: c } = I(e), { hoverProps: C, isHovered: u } = M({
-    ...e,
-    isDisabled: e.isDisabled || d
-  }), b = {
-    isHovered: u,
-    isPressed: (f.isPressed || v) && !d,
-    isFocused: i,
-    isFocusVisible: c,
-    isDisabled: e.isDisabled || !1,
-    isPending: d ?? !1
-  }, l = y({
-    ...e,
-    values: b,
-    defaultClassName: "react-aria-Button"
-  }), n = P(t.id), r = P(), a = t["aria-labelledby"];
-  d && (a ? a = `${a} ${r}` : t["aria-label"] && (a = `${n} ${r}`));
-  let o = V(d);
-  return R(() => {
-    let $ = {
-      "aria-labelledby": a || n
-    };
-    !o.current && i && d ? m($, "assertive") : o.current && i && !d && m($, "assertive"), o.current = d;
-  }, [
-    d,
-    i,
-    a,
-    n
-  ]), /* @__PURE__ */ x.createElement("button", {
-    ...H(e, {
-      propNames: N
-    }),
-    ...F(t, g, C),
-    ...l,
-    id: n,
-    ref: s,
-    "aria-labelledby": a,
-    slot: e.slot || void 0,
-    "aria-disabled": d ? "true" : t["aria-disabled"],
-    "data-disabled": e.isDisabled || void 0,
-    "data-pressed": b.isPressed || void 0,
-    "data-hovered": u || void 0,
-    "data-focused": i || void 0,
-    "data-pending": d || void 0,
-    "data-focus-visible": c || void 0
-  }, /* @__PURE__ */ x.createElement(B.Provider, {
-    value: {
-      id: r
-    }
-  }, l.children));
-}
-function K(e) {
-  return e.isPending && (e.onPress = void 0, e.onPressStart = void 0, e.onPressEnd = void 0, e.onPressChange = void 0, e.onPressUp = void 0, e.onKeyDown = void 0, e.onKeyUp = void 0, e.onClick = void 0, e.href = void 0), e;
-}
-const J = /* @__PURE__ */ D(A);
+import { clsx as O } from "./index.es96.js";
+const m = (e) => typeof e == "boolean" ? `${e}` : e === 0 ? "0" : e, y = O, j = (e, l) => (n) => {
+  var s;
+  if ((l == null ? void 0 : l.variants) == null) return y(e, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+  const { variants: r, defaultVariants: d } = l, V = Object.keys(r).map((t) => {
+    const a = n == null ? void 0 : n[t], u = d == null ? void 0 : d[t];
+    if (a === null) return null;
+    const i = m(a) || m(u);
+    return r[t][i];
+  }), v = n && Object.entries(n).reduce((t, a) => {
+    let [u, i] = a;
+    return i === void 0 || (t[u] = i), t;
+  }, {}), N = l == null || (s = l.compoundVariants) === null || s === void 0 ? void 0 : s.reduce((t, a) => {
+    let { class: u, className: i, ...f } = a;
+    return Object.entries(f).every((C) => {
+      let [c, o] = C;
+      return Array.isArray(o) ? o.includes({
+        ...d,
+        ...v
+      }[c]) : {
+        ...d,
+        ...v
+      }[c] === o;
+    }) ? [
+      ...t,
+      u,
+      i
+    ] : t;
+  }, []);
+  return y(e, V, N, n == null ? void 0 : n.class, n == null ? void 0 : n.className);
+};
 export {
-  J as Button,
-  T as ButtonContext
+  j as cva,
+  y as cx
 };

package/dist/index.es156.js

@@ -1,95 +1,6 @@
-import { mergeProps as m } from "./index.es302.js";
-import { mergeRefs as $ } from "./index.es307.js";
-import { useObjectRef as x } from "./index.es308.js";
-import p, { useMemo as c, useContext as b } from "react";
-import "react-dom";
-const i = Symbol("default");
-function w({ values: t, children: l }) {
-  for (let [e, o] of t)
-    l = /* @__PURE__ */ p.createElement(e.Provider, {
-      value: o
-    }, l);
-  return l;
-}
-function P(t) {
-  let { className: l, style: e, children: o, defaultClassName: s, defaultChildren: f, defaultStyle: d, values: r } = t;
-  return c(() => {
-    let a, u, n;
-    return typeof l == "function" ? a = l({
-      ...r,
-      defaultClassName: s
-    }) : a = l, typeof e == "function" ? u = e({
-      ...r,
-      defaultStyle: d || {}
-    }) : u = e, typeof o == "function" ? n = o({
-      ...r,
-      defaultChildren: f
-    }) : o == null ? n = f : n = o, {
-      className: a ?? s,
-      style: u || d ? {
-        ...d,
-        ...u
-      } : void 0,
-      children: n ?? f,
-      "data-rac": ""
-    };
-  }, [
-    l,
-    e,
-    o,
-    s,
-    f,
-    d,
-    r
-  ]);
-}
-function g(t, l) {
-  return (e) => l(typeof t == "function" ? t(e) : t, e);
-}
-function C(t, l) {
-  let e = b(t);
-  if (l === null)
-    return null;
-  if (e && typeof e == "object" && "slots" in e && e.slots) {
-    let o = new Intl.ListFormat().format(Object.keys(e.slots).map((f) => `"${f}"`));
-    if (!l && !e.slots[i]) throw new Error(`A slot prop is required. Valid slot names are ${o}.`);
-    let s = l || i;
-    if (!e.slots[s])
-      throw new Error(`Invalid slot "${l}". Valid slot names are ${o}.`);
-    return e.slots[s];
-  }
-  return e;
-}
-function E(t, l, e) {
-  let o = C(e, t.slot) || {}, { ref: s, ...f } = o, d = x(c(() => $(l, s), [
-    l,
-    s
-  ])), r = m(f, t);
-  return "style" in f && f.style && "style" in t && t.style && (typeof f.style == "function" || typeof t.style == "function" ? r.style = (a) => {
-    let u = typeof f.style == "function" ? f.style(a) : f.style, n = {
-      ...a.defaultStyle,
-      ...u
-    }, y = typeof t.style == "function" ? t.style({
-      ...a,
-      defaultStyle: n
-    }) : t.style;
-    return {
-      ...n,
-      ...y
-    };
-  } : r.style = {
-    ...f.style,
-    ...t.style
-  }), [
-    r,
-    d
-  ];
-}
+import { createSafeContext as e } from "./index.es92.js";
+const [o, r] = e();
 export {
-  i as DEFAULT_SLOT,
-  w as Provider,
-  g as composeRenderProps,
-  E as useContextProps,
-  P as useRenderProps,
-  C as useSlottedContext
+  r as StepperContextProvider,
+  o as useStepperContext
 };

package/dist/index.es157.js

@@ -1,348 +1,8 @@
-import { ButtonContext as D } from "./index.es155.js";
-import { CheckboxContext as U } from "./index.es297.js";
-import { CollectionRendererContext as B, DefaultCollectionRenderer as G, usePersistedKeys as O } from "./index.es309.js";
-import { useRenderProps as w, Provider as L, DEFAULT_SLOT as W, useContextProps as j } from "./index.es156.js";
-import { useTreeGridList as q } from "./index.es311.js";
-import { useTreeGridListItem as N } from "./index.es312.js";
-import { createLeafComponent as I, createBranchComponent as J, CollectionBuilder as Q, Collection as X } from "./index.es83.js";
-import { useCachedChildren as Y } from "./index.es310.js";
-import { mergeProps as M } from "./index.es302.js";
-import { filterDOMProps as S } from "./index.es303.js";
-import { useObjectRef as Z } from "./index.es308.js";
-import { useControlledState as ee } from "./index.es313.js";
-import n, { forwardRef as te, useContext as E, createContext as T, useEffect as F, useRef as ae, useMemo as le } from "react";
-import { useHover as re } from "./index.es306.js";
-import { useFocusRing as k } from "./index.es305.js";
-import { FocusScope as oe } from "./index.es314.js";
-import { useGridListSelectionCheckbox as ne } from "./index.es315.js";
-import { useTreeState as se } from "./index.es316.js";
-class ie {
-  // TODO: should this collection's getters reflect the flattened structure or the original structure
-  // If we respresent the flattened structure, it is easier for the keyboard nav but harder to find all the nodes
-  *[Symbol.iterator]() {
-    yield* this.flattenedRows;
-  }
-  get size() {
-    return this.flattenedRows.length;
-  }
-  getKeys() {
-    return this.keyMap.keys();
-  }
-  getItem(e) {
-    return this.keyMap.get(e) || null;
-  }
-  at(e) {
-    return this.flattenedRows[e];
-  }
-  getFirstKey() {
-    var e;
-    return (e = this.flattenedRows[0]) === null || e === void 0 ? void 0 : e.key;
-  }
-  getLastKey() {
-    var e;
-    return (e = this.flattenedRows[this.size - 1]) === null || e === void 0 ? void 0 : e.key;
-  }
-  getKeyAfter(e) {
-    var t;
-    let o = this.flattenedRows.findIndex((r) => r.key === e);
-    return (t = this.flattenedRows[o + 1]) === null || t === void 0 ? void 0 : t.key;
-  }
-  getKeyBefore(e) {
-    var t;
-    let o = this.flattenedRows.findIndex((r) => r.key === e);
-    return (t = this.flattenedRows[o - 1]) === null || t === void 0 ? void 0 : t.key;
-  }
-  // Note that this will return Content nodes in addition to nested TreeItems
-  getChildren(e) {
-    let t = this.keyMap;
-    return {
-      *[Symbol.iterator]() {
-        let o = t.get(e), r = (o == null ? void 0 : o.firstChildKey) != null ? t.get(o.firstChildKey) : null;
-        for (; r; )
-          yield r, r = r.nextKey != null ? t.get(r.nextKey) : void 0;
-      }
-    };
-  }
-  getTextValue(e) {
-    let t = this.getItem(e);
-    return t ? t.textValue : "";
-  }
-  constructor(e) {
-    this.keyMap = /* @__PURE__ */ new Map();
-    let { collection: t, expandedKeys: o } = e, { flattenedRows: r, keyMap: s } = ue(t, {
-      expandedKeys: o
-    });
-    this.flattenedRows = r, this.keyMap = s;
-  }
-}
-const de = /* @__PURE__ */ T(null), K = /* @__PURE__ */ T(null);
-function ce(a, e) {
-  return [a, e] = j(a, e, de), /* @__PURE__ */ n.createElement(Q, {
-    content: /* @__PURE__ */ n.createElement(X, a)
-  }, (t) => /* @__PURE__ */ n.createElement(fe, {
-    props: a,
-    collection: t,
-    treeRef: e
-  }));
-}
-function fe({ props: a, collection: e, treeRef: t }) {
-  let { selectionMode: o = "none", expandedKeys: r, defaultExpandedKeys: s, onExpandedChange: l, disabledBehavior: i = "selection" } = a, { CollectionRoot: f, isVirtualized: d, layoutDelegate: b } = E(B), [u, p] = ee(r ? V(r) : void 0, s ? V(s) : /* @__PURE__ */ new Set(), l), P = le(() => new ie({
-    collection: e,
-    expandedKeys: u
-  }), [
-    e,
-    u
-  ]), c = se({
-    ...a,
-    selectionMode: o,
-    expandedKeys: u,
-    onExpandedChange: p,
-    collection: P,
-    children: void 0,
-    disabledBehavior: i
-  }), { gridProps: m } = q({
-    ...a,
-    isVirtualized: d,
-    layoutDelegate: b
-  }, c, t), { focusProps: R, isFocused: y, isFocusVisible: v } = k(), x = {
-    isEmpty: c.collection.size === 0,
-    isFocused: y,
-    isFocusVisible: v,
-    state: c
-  }, h = w({
-    className: a.className,
-    style: a.style,
-    defaultClassName: "react-aria-Tree",
-    values: x
-  }), C = null, g = null;
-  if (c.collection.size === 0 && a.renderEmptyState) {
-    let { isEmpty: _, ...$ } = x, H = a.renderEmptyState({
-      ...$
-    }), A = {
-      "aria-level": 1,
-      "aria-posinset": 1,
-      "aria-setsize": 1
-    };
-    C = /* @__PURE__ */ n.createElement("div", {
-      role: "row",
-      style: {
-        display: "contents"
-      },
-      ...A
-    }, /* @__PURE__ */ n.createElement("div", {
-      role: "gridcell",
-      style: {
-        display: "contents"
-      }
-    }, H));
-  }
-  return /* @__PURE__ */ n.createElement(oe, null, /* @__PURE__ */ n.createElement("div", {
-    ...S(a),
-    ...h,
-    ...M(m, R, g),
-    ref: t,
-    slot: a.slot || void 0,
-    onScroll: a.onScroll,
-    "data-empty": c.collection.size === 0 || void 0,
-    "data-focused": y || void 0,
-    "data-focus-visible": v || void 0
-  }, /* @__PURE__ */ n.createElement(L, {
-    values: [
-      [
-        K,
-        c
-      ]
-    ]
-  }, /* @__PURE__ */ n.createElement(f, {
-    collection: c.collection,
-    persistedKeys: O(c.selectionManager.focusedKey),
-    scrollRef: t
-  })), C));
-}
-const Ke = /* @__PURE__ */ te(ce), _e = /* @__PURE__ */ I("content", function(e) {
-  let t = E(z), o = w({
-    children: e.children,
-    values: t
-  });
-  return /* @__PURE__ */ n.createElement(B.Provider, {
-    value: G
-  }, o.children);
-}), z = /* @__PURE__ */ T(null), Fe = /* @__PURE__ */ J("item", (a, e, t) => {
-  var o;
-  let r = E(K);
-  e = Z(e);
-  let { rowProps: s, gridCellProps: l, expandButtonProps: i, descriptionProps: f, ...d } = N({
-    node: t
-  }, r, e), b = s["aria-expanded"] === !0, u = ((o = [
-    ...r.collection.getChildren(t.key)
-  ]) === null || o === void 0 ? void 0 : o.length) > 1, p = s["aria-level"] || 1, { hoverProps: P, isHovered: c } = re({
-    isDisabled: !d.allowsSelection && !d.hasAction,
-    onHoverStart: a.onHoverStart,
-    onHoverChange: a.onHoverChange,
-    onHoverEnd: a.onHoverEnd
-  }), { isFocusVisible: m, focusProps: R } = k(), { isFocusVisible: y, focusProps: v } = k({
-    within: !0
-  }), { checkboxProps: x } = ne({
-    key: t.key
-  }, r), h = n.useMemo(() => ({
-    ...d,
-    isHovered: c,
-    isFocusVisible: m,
-    isExpanded: b,
-    hasChildRows: u,
-    level: p,
-    selectionMode: r.selectionManager.selectionMode,
-    selectionBehavior: r.selectionManager.selectionBehavior,
-    isFocusVisibleWithin: y
-  }), [
-    d,
-    c,
-    m,
-    r.selectionManager,
-    b,
-    u,
-    p,
-    y
-  ]), C = w({
-    ...a,
-    id: void 0,
-    children: t.rendered,
-    defaultClassName: "react-aria-TreeItem",
-    defaultStyle: {
-      // @ts-ignore
-      "--tree-item-level": p
-    },
-    values: h
-  });
-  F(() => {
-    t.textValue || console.warn("A `textValue` prop is required for <TreeItem> elements in order to support accessibility features such as type to select.");
-  }, [
-    t.textValue
-  ]);
-  let g = ae(null);
-  F(() => {
-    u && !g.current && console.warn("Expandable tree items must contain a expand button so screen reader users can expand/collapse the item.");
-  }, []);
-  let _ = Y({
-    items: r.collection.getChildren(t.key),
-    children: ($) => {
-      switch ($.type) {
-        case "content":
-          return $.render($);
-        case "loader":
-        case "item":
-          return /* @__PURE__ */ n.createElement(n.Fragment, null);
-        default:
-          throw new Error("Unsupported element type in TreeRow: " + $.type);
-      }
-    }
-  });
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
-    ...M(S(a), s, R, P, v),
-    ...C,
-    ref: e,
-    // TODO: missing selectionBehavior, hasAction and allowsSelection data attribute equivalents (available in renderProps). Do we want those?
-    "data-expanded": u && b || void 0,
-    "data-has-child-rows": u || void 0,
-    "data-level": p,
-    "data-selected": d.isSelected || void 0,
-    "data-disabled": d.isDisabled || void 0,
-    "data-hovered": c || void 0,
-    "data-focused": d.isFocused || void 0,
-    "data-focus-visible": m || void 0,
-    "data-pressed": d.isPressed || void 0,
-    "data-selection-mode": r.selectionManager.selectionMode === "none" ? void 0 : r.selectionManager.selectionMode
-  }, /* @__PURE__ */ n.createElement("div", {
-    ...l,
-    style: {
-      display: "contents"
-    }
-  }, /* @__PURE__ */ n.createElement(L, {
-    values: [
-      [
-        U,
-        {
-          slots: {
-            selection: x
-          }
-        }
-      ],
-      // TODO: support description in the tree row
-      // TODO: don't think I need to pass isExpanded to the button here since it can be sourced from the renderProps? Might be worthwhile passing it down?
-      [
-        D,
-        {
-          slots: {
-            [W]: {},
-            chevron: {
-              ...i,
-              ref: g
-            }
-          }
-        }
-      ],
-      [
-        z,
-        {
-          ...h
-        }
-      ]
-    ]
-  }, _))));
-});
-I("loader", function(e, t, o) {
-  let r = E(K), { rowProps: s } = N({
-    node: o
-  }, r, t), l = s["aria-level"] || 1, i = {
-    "aria-level": s["aria-level"],
-    "aria-posinset": s["aria-posinset"],
-    "aria-setsize": s["aria-setsize"]
-  }, f = w({
-    ...e,
-    id: void 0,
-    children: o.rendered,
-    defaultClassName: "react-aria-TreeLoader",
-    values: {
-      level: l
-    }
-  });
-  return /* @__PURE__ */ n.createElement(n.Fragment, null, /* @__PURE__ */ n.createElement("div", {
-    role: "row",
-    ref: t,
-    ...M(S(e), i),
-    ...f,
-    "data-level": l
-  }, /* @__PURE__ */ n.createElement("div", {
-    role: "gridcell",
-    "aria-colindex": 1
-  }, f.children)));
-});
-function V(a) {
-  return a ? a === "all" ? "all" : new Set(a) : /* @__PURE__ */ new Set();
-}
-function ue(a, e) {
-  let { expandedKeys: t = /* @__PURE__ */ new Set() } = e, o = /* @__PURE__ */ new Map(), r = [], s = (l) => {
-    if (l.type === "item" || l.type === "loader") {
-      let i = l == null ? void 0 : l.parentKey, f = {
-        ...l
-      };
-      i != null ? ([
-        ...a.getChildren(i)
-      ][0].type !== "item" && (f.index = (l == null ? void 0 : l.index) != null ? (l == null ? void 0 : l.index) - 1 : 0), l.type === "loader" && (f.level = l.level + 1), o.set(f.key, f)) : o.set(l.key, l), (l.level === 0 || i != null && t.has(i) && r.find((d) => d.key === i)) && r.push(o.get(l.key) || l);
-    } else l.type !== null && o.set(l.key, l);
-    for (let i of a.getChildren(l.key)) s(i);
-  };
-  for (let l of a) s(l);
-  return {
-    flattenedRows: r,
-    keyMap: o
-  };
-}
+const r = {
+  done: "var(--primary)",
+  pending: "#cdcdcd",
+  error: "var(--error)"
+};
 export {
-  z as TreeItemContentContext,
-  Ke as UNSTABLE_Tree,
-  de as UNSTABLE_TreeContext,
-  Fe as UNSTABLE_TreeItem,
-  _e as UNSTABLE_TreeItemContent,
-  K as UNSTABLE_TreeStateContext
+  r as TimelineStatus
 };