@serendie/ui 0.1.12 → 0.1.13

package/dist/node_modules/@zag-js/accordion/dist/index.js

@@ -0,0 +1,307 @@
+import { createAnatomy as R } from "../../anatomy/dist/index.js";
+import { getEventKey as y } from "../../dom-event/dist/index.js";
+import { createScope as G, queryAll as O, nextById as C, prevById as h, dataAttr as s, isSafari as S } from "../../dom-query/dist/index.js";
+import { first as x, last as P, compact as F, createSplitProps as w, remove as L, add as A, warn as N, isEqual as p } from "../../utils/dist/index.js";
+import { createMachine as $, guards as B } from "../../core/dist/index.js";
+import { createProps as v } from "../../types/dist/index.js";
+var U = R("accordion").parts("root", "item", "itemTrigger", "itemContent", "itemIndicator"), g = U.build(), i = G({
+  getRootId: (e) => {
+    var o;
+    return ((o = e.ids) == null ? void 0 : o.root) ?? `accordion:${e.id}`;
+  },
+  getItemId: (e, o) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.item) == null ? void 0 : a.call(t, o)) ?? `accordion:${e.id}:item:${o}`;
+  },
+  getItemContentId: (e, o) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.itemContent) == null ? void 0 : a.call(t, o)) ?? `accordion:${e.id}:content:${o}`;
+  },
+  getItemTriggerId: (e, o) => {
+    var t, a;
+    return ((a = (t = e.ids) == null ? void 0 : t.itemTrigger) == null ? void 0 : a.call(t, o)) ?? `accordion:${e.id}:trigger:${o}`;
+  },
+  getRootEl: (e) => i.getById(e, i.getRootId(e)),
+  getTriggerEls: (e) => {
+    const t = `[aria-controls][data-ownedby='${CSS.escape(i.getRootId(e))}']:not([disabled])`;
+    return O(i.getRootEl(e), t);
+  },
+  getFirstTriggerEl: (e) => x(i.getTriggerEls(e)),
+  getLastTriggerEl: (e) => P(i.getTriggerEls(e)),
+  getNextTriggerEl: (e, o) => C(i.getTriggerEls(e), i.getItemTriggerId(e, o)),
+  getPrevTriggerEl: (e, o) => h(i.getTriggerEls(e), i.getItemTriggerId(e, o))
+});
+function J(e, o, t) {
+  const a = e.context.focusedValue, d = e.context.value, I = e.context.multiple;
+  function E(n) {
+    let r = n;
+    I && r.length > 1 && (r = [r[0]]), o({ type: "VALUE.SET", value: r });
+  }
+  function c(n) {
+    return {
+      expanded: d.includes(n.value),
+      focused: a === n.value,
+      disabled: !!(n.disabled ?? e.context.disabled)
+    };
+  }
+  return {
+    focusedValue: a,
+    value: d,
+    setValue: E,
+    getItemState: c,
+    getRootProps() {
+      return t.element({
+        ...g.root.attrs,
+        dir: e.context.dir,
+        id: i.getRootId(e.context),
+        "data-orientation": e.context.orientation
+      });
+    },
+    getItemProps(n) {
+      const r = c(n);
+      return t.element({
+        ...g.item.attrs,
+        dir: e.context.dir,
+        id: i.getItemId(e.context, n.value),
+        "data-state": r.expanded ? "open" : "closed",
+        "data-focus": s(r.focused),
+        "data-disabled": s(r.disabled),
+        "data-orientation": e.context.orientation
+      });
+    },
+    getItemContentProps(n) {
+      const r = c(n);
+      return t.element({
+        ...g.itemContent.attrs,
+        dir: e.context.dir,
+        role: "region",
+        id: i.getItemContentId(e.context, n.value),
+        "aria-labelledby": i.getItemTriggerId(e.context, n.value),
+        hidden: !r.expanded,
+        "data-state": r.expanded ? "open" : "closed",
+        "data-disabled": s(r.disabled),
+        "data-focus": s(r.focused),
+        "data-orientation": e.context.orientation
+      });
+    },
+    getItemIndicatorProps(n) {
+      const r = c(n);
+      return t.element({
+        ...g.itemIndicator.attrs,
+        dir: e.context.dir,
+        "aria-hidden": !0,
+        "data-state": r.expanded ? "open" : "closed",
+        "data-disabled": s(r.disabled),
+        "data-focus": s(r.focused),
+        "data-orientation": e.context.orientation
+      });
+    },
+    getItemTriggerProps(n) {
+      const { value: r } = n, l = c(n);
+      return t.button({
+        ...g.itemTrigger.attrs,
+        type: "button",
+        dir: e.context.dir,
+        id: i.getItemTriggerId(e.context, r),
+        "aria-controls": i.getItemContentId(e.context, r),
+        "aria-expanded": l.expanded,
+        disabled: l.disabled,
+        "data-orientation": e.context.orientation,
+        "aria-disabled": l.disabled,
+        "data-state": l.expanded ? "open" : "closed",
+        "data-ownedby": i.getRootId(e.context),
+        onFocus() {
+          l.disabled || o({ type: "TRIGGER.FOCUS", value: r });
+        },
+        onBlur() {
+          l.disabled || o("TRIGGER.BLUR");
+        },
+        onClick(u) {
+          l.disabled || (S() && u.currentTarget.focus(), o({ type: "TRIGGER.CLICK", value: r }));
+        },
+        onKeyDown(u) {
+          if (u.defaultPrevented || l.disabled) return;
+          const V = {
+            ArrowDown() {
+              e.context.isHorizontal || o({ type: "GOTO.NEXT", value: r });
+            },
+            ArrowUp() {
+              e.context.isHorizontal || o({ type: "GOTO.PREV", value: r });
+            },
+            ArrowRight() {
+              e.context.isHorizontal && o({ type: "GOTO.NEXT", value: r });
+            },
+            ArrowLeft() {
+              e.context.isHorizontal && o({ type: "GOTO.PREV", value: r });
+            },
+            Home() {
+              o({ type: "GOTO.FIRST", value: r });
+            },
+            End() {
+              o({ type: "GOTO.LAST", value: r });
+            }
+          }, b = y(u, {
+            dir: e.context.dir,
+            orientation: e.context.orientation
+          }), m = V[b];
+          m && (m(u), u.preventDefault());
+        }
+      });
+    }
+  };
+}
+var { and: H, not: k } = B;
+function Q(e) {
+  const o = F(e);
+  return $(
+    {
+      id: "accordion",
+      initial: "idle",
+      context: {
+        focusedValue: null,
+        value: [],
+        collapsible: !1,
+        multiple: !1,
+        orientation: "vertical",
+        ...o
+      },
+      watch: {
+        value: "coarseValue",
+        multiple: "coarseValue"
+      },
+      created: "coarseValue",
+      computed: {
+        isHorizontal: (t) => t.orientation === "horizontal"
+      },
+      on: {
+        "VALUE.SET": {
+          actions: ["setValue"]
+        }
+      },
+      states: {
+        idle: {
+          on: {
+            "TRIGGER.FOCUS": {
+              target: "focused",
+              actions: "setFocusedValue"
+            }
+          }
+        },
+        focused: {
+          on: {
+            "GOTO.NEXT": {
+              actions: "focusNextTrigger"
+            },
+            "GOTO.PREV": {
+              actions: "focusPrevTrigger"
+            },
+            "TRIGGER.CLICK": [
+              {
+                guard: H("isExpanded", "canToggle"),
+                actions: ["collapse"]
+              },
+              {
+                guard: k("isExpanded"),
+                actions: ["expand"]
+              }
+            ],
+            "GOTO.FIRST": {
+              actions: "focusFirstTrigger"
+            },
+            "GOTO.LAST": {
+              actions: "focusLastTrigger"
+            },
+            "TRIGGER.BLUR": {
+              target: "idle",
+              actions: "clearFocusedValue"
+            }
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        canToggle: (t) => !!t.collapsible || !!t.multiple,
+        isExpanded: (t, a) => t.value.includes(a.value)
+      },
+      actions: {
+        collapse(t, a) {
+          const d = t.multiple ? L(t.value, a.value) : [];
+          f.value(t, t.multiple ? d : []);
+        },
+        expand(t, a) {
+          const d = t.multiple ? A(t.value, a.value) : [a.value];
+          f.value(t, d);
+        },
+        focusFirstTrigger(t) {
+          var a;
+          (a = i.getFirstTriggerEl(t)) == null || a.focus();
+        },
+        focusLastTrigger(t) {
+          var a;
+          (a = i.getLastTriggerEl(t)) == null || a.focus();
+        },
+        focusNextTrigger(t) {
+          if (!t.focusedValue) return;
+          const a = i.getNextTriggerEl(t, t.focusedValue);
+          a == null || a.focus();
+        },
+        focusPrevTrigger(t) {
+          if (!t.focusedValue) return;
+          const a = i.getPrevTriggerEl(t, t.focusedValue);
+          a == null || a.focus();
+        },
+        setFocusedValue(t, a) {
+          f.focusedValue(t, a.value);
+        },
+        clearFocusedValue(t) {
+          f.focusedValue(t, null);
+        },
+        setValue(t, a) {
+          f.value(t, a.value);
+        },
+        coarseValue(t) {
+          !t.multiple && t.value.length > 1 && (N("The value of accordion should be a single value when multiple is false."), t.value = [t.value[0]]);
+        }
+      }
+    }
+  );
+}
+var T = {
+  change(e) {
+    var o;
+    (o = e.onValueChange) == null || o.call(e, { value: Array.from(e.value) });
+  },
+  focusChange(e) {
+    var o;
+    (o = e.onFocusChange) == null || o.call(e, { value: e.focusedValue });
+  }
+}, f = {
+  value(e, o) {
+    p(e.value, o) || (e.value = o, T.change(e));
+  },
+  focusedValue(e, o) {
+    p(e.focusedValue, o) || (e.focusedValue = o, T.focusChange(e));
+  }
+};
+v()([
+  "collapsible",
+  "dir",
+  "disabled",
+  "getRootNode",
+  "id",
+  "ids",
+  "multiple",
+  "onFocusChange",
+  "onValueChange",
+  "orientation",
+  "value"
+]);
+var K = v()(["value", "disabled"]), W = w(K);
+export {
+  U as anatomy,
+  J as connect,
+  K as itemProps,
+  Q as machine,
+  W as splitItemProps
+};

package/dist/node_modules/@zag-js/anatomy/dist/index.js

@@ -0,0 +1,25 @@
+var c = (e, o = []) => ({
+  parts: (...a) => {
+    if (d(o))
+      return c(e, a);
+    throw new Error("createAnatomy().parts(...) should only be called once. Did you mean to use .extendWith(...) ?");
+  },
+  extendWith: (...a) => c(e, [...o, ...a]),
+  rename: (a) => c(a, o),
+  keys: () => o,
+  build: () => [...new Set(o)].reduce(
+    (a, r) => Object.assign(a, {
+      [r]: {
+        selector: [
+          `&[data-scope="${t(e)}"][data-part="${t(r)}"]`,
+          `& [data-scope="${t(e)}"][data-part="${t(r)}"]`
+        ].join(", "),
+        attrs: { "data-scope": t(e), "data-part": t(r) }
+      }
+    }),
+    {}
+  )
+}), t = (e) => e.replace(/([A-Z])([A-Z])/g, "$1-$2").replace(/([a-z])([A-Z])/g, "$1-$2").replace(/[\s_]+/g, "-").toLowerCase(), d = (e) => e.length === 0;
+export {
+  c as createAnatomy
+};

package/dist/node_modules/@zag-js/aria-hidden/dist/index.js

@@ -0,0 +1,68 @@
+import { raf as w } from "../../dom-query/dist/index.js";
+var f = /* @__PURE__ */ new WeakMap(), o = [];
+function T(d, u = {}) {
+  const { rootEl: E } = u, s = d.filter(Boolean);
+  if (s.length === 0) return;
+  const l = s[0].ownerDocument || document, r = l.defaultView ?? window, a = new Set(s), c = /* @__PURE__ */ new Set(), p = E ?? l.body;
+  let g = (e) => {
+    for (let i of e.querySelectorAll("[data-live-announcer], [data-zag-top-layer]"))
+      a.add(i);
+    let n = (i) => {
+      if (a.has(i) || c.has(i.parentElement) && i.parentElement.getAttribute("role") !== "row")
+        return NodeFilter.FILTER_REJECT;
+      for (let N of a)
+        if (i.contains(N))
+          return NodeFilter.FILTER_SKIP;
+      return NodeFilter.FILTER_ACCEPT;
+    }, t = l.createTreeWalker(e, NodeFilter.SHOW_ELEMENT, { acceptNode: n }), v = n(e);
+    if (v === NodeFilter.FILTER_ACCEPT && m(e), v !== NodeFilter.FILTER_REJECT) {
+      let i = t.nextNode();
+      for (; i != null; )
+        m(i), i = t.nextNode();
+    }
+  }, m = (e) => {
+    let n = f.get(e) ?? 0;
+    e.getAttribute("aria-hidden") === "true" && n === 0 || (n === 0 && e.setAttribute("aria-hidden", "true"), c.add(e), f.set(e, n + 1));
+  };
+  o.length && o[o.length - 1].disconnect(), g(p);
+  const h = new r.MutationObserver((e) => {
+    for (let n of e)
+      if (!(n.type !== "childList" || n.addedNodes.length === 0) && ![...a, ...c].some((t) => t.contains(n.target))) {
+        for (let t of n.removedNodes)
+          t instanceof r.Element && (a.delete(t), c.delete(t));
+        for (let t of n.addedNodes)
+          (t instanceof r.HTMLElement || t instanceof r.SVGElement) && (t.dataset.liveAnnouncer === "true" || t.dataset.zagTopLayer === "true") ? a.add(t) : t instanceof r.Element && g(t);
+      }
+  });
+  h.observe(p, { childList: !0, subtree: !0 });
+  let b = {
+    observe() {
+      h.observe(p, { childList: !0, subtree: !0 });
+    },
+    disconnect() {
+      h.disconnect();
+    }
+  };
+  return o.push(b), () => {
+    h.disconnect();
+    for (let e of c) {
+      let n = f.get(e);
+      n === 1 ? (e.removeAttribute("aria-hidden"), f.delete(e)) : f.set(e, n - 1);
+    }
+    b === o[o.length - 1] ? (o.pop(), o.length && o[o.length - 1].observe()) : o.splice(o.indexOf(b), 1);
+  };
+}
+function F(d, u = {}) {
+  const { defer: E } = u, s = E ? w : (r) => r(), l = [];
+  return l.push(
+    s(() => {
+      const r = typeof d == "function" ? d() : d;
+      l.push(T(r, u));
+    })
+  ), () => {
+    l.forEach((r) => r == null ? void 0 : r());
+  };
+}
+export {
+  F as ariaHidden
+};

package/dist/node_modules/@zag-js/avatar/dist/index.js

@@ -0,0 +1,167 @@
+import { createAnatomy as g } from "../../anatomy/dist/index.js";
+import { createScope as l, observeAttributes as m, observeChildren as v } from "../../dom-query/dist/index.js";
+import { createMachine as I } from "../../core/dist/index.js";
+import { compact as p } from "../../utils/dist/index.js";
+import { createProps as R } from "../../types/dist/index.js";
+var E = g("avatar").parts("root", "image", "fallback"), c = E.build(), o = l({
+  getRootId: (t) => {
+    var a;
+    return ((a = t.ids) == null ? void 0 : a.root) ?? `avatar:${t.id}`;
+  },
+  getImageId: (t) => {
+    var a;
+    return ((a = t.ids) == null ? void 0 : a.image) ?? `avatar:${t.id}:image`;
+  },
+  getFallbackId: (t) => {
+    var a;
+    return ((a = t.ids) == null ? void 0 : a.fallback) ?? `avatar:${t.id}:fallback`;
+  },
+  getRootEl: (t) => o.getById(t, o.getRootId(t)),
+  getImageEl: (t) => o.getById(t, o.getImageId(t))
+});
+function y(t, a, e) {
+  const r = t.matches("loaded");
+  return {
+    loaded: r,
+    setSrc(n) {
+      a({ type: "SRC.SET", src: n });
+    },
+    setLoaded() {
+      a({ type: "IMG.LOADED", src: "api" });
+    },
+    setError() {
+      a({ type: "IMG.ERROR", src: "api" });
+    },
+    getRootProps() {
+      return e.element({
+        ...c.root.attrs,
+        dir: t.context.dir,
+        id: o.getRootId(t.context)
+      });
+    },
+    getImageProps() {
+      return e.img({
+        ...c.image.attrs,
+        hidden: !r,
+        dir: t.context.dir,
+        id: o.getImageId(t.context),
+        "data-state": r ? "visible" : "hidden",
+        onLoad() {
+          a({ type: "IMG.LOADED", src: "element" });
+        },
+        onError() {
+          a({ type: "IMG.ERROR", src: "element" });
+        }
+      });
+    },
+    getFallbackProps() {
+      return e.element({
+        ...c.fallback.attrs,
+        dir: t.context.dir,
+        id: o.getFallbackId(t.context),
+        hidden: r,
+        "data-state": r ? "hidden" : "visible"
+      });
+    }
+  };
+}
+function G(t) {
+  const a = p(t);
+  return I(
+    {
+      id: "avatar",
+      initial: "loading",
+      activities: ["trackImageRemoval"],
+      context: a,
+      on: {
+        "SRC.CHANGE": {
+          target: "loading"
+        },
+        "IMG.UNMOUNT": {
+          target: "error"
+        }
+      },
+      states: {
+        loading: {
+          activities: ["trackSrcChange"],
+          entry: ["checkImageStatus"],
+          on: {
+            "IMG.LOADED": {
+              target: "loaded",
+              actions: ["invokeOnLoad"]
+            },
+            "IMG.ERROR": {
+              target: "error",
+              actions: ["invokeOnError"]
+            }
+          }
+        },
+        error: {
+          activities: ["trackSrcChange"],
+          on: {
+            "IMG.LOADED": {
+              target: "loaded",
+              actions: ["invokeOnLoad"]
+            }
+          }
+        },
+        loaded: {
+          activities: ["trackSrcChange"],
+          on: {
+            "IMG.ERROR": {
+              target: "error",
+              actions: ["invokeOnError"]
+            }
+          }
+        }
+      }
+    },
+    {
+      activities: {
+        trackSrcChange(e, r, { send: n }) {
+          const i = o.getImageEl(e);
+          return m(i, {
+            attributes: ["src", "srcset"],
+            callback() {
+              n({ type: "SRC.CHANGE" });
+            }
+          });
+        },
+        trackImageRemoval(e, r, { send: n }) {
+          const i = o.getRootEl(e);
+          return v(i, {
+            callback(d) {
+              Array.from(d[0].removedNodes).find((s) => s.matches("[data-scope=avatar][data-part=image]")) && n({ type: "IMG.UNMOUNT" });
+            }
+          });
+        }
+      },
+      actions: {
+        invokeOnLoad(e) {
+          var r;
+          (r = e.onStatusChange) == null || r.call(e, { status: "loaded" });
+        },
+        invokeOnError(e) {
+          var r;
+          (r = e.onStatusChange) == null || r.call(e, { status: "error" });
+        },
+        checkImageStatus(e, r, { send: n }) {
+          const i = o.getImageEl(e);
+          if (i != null && i.complete) {
+            const d = k(i) ? "IMG.LOADED" : "IMG.ERROR";
+            n({ type: d, src: "ssr" });
+          }
+        }
+      }
+    }
+  );
+}
+function k(t) {
+  return t.complete && t.naturalWidth !== 0 && t.naturalHeight !== 0;
+}
+R()(["dir", "id", "ids", "onStatusChange", "getRootNode"]);
+export {
+  E as anatomy,
+  y as connect,
+  G as machine
+};