@serendie/ui 3.2.0 → 3.2.1-dev.202604251106

package/dist/node_modules/@zag-js/dialog/dist/dialog.connect.js

@@ -0,0 +1,104 @@
+import { dataAttr as y } from "../../dom-query/dist/shared.js";
+import { parts as n } from "./dialog.anatomy.js";
+import { getCloseTriggerId as v, getDescriptionId as u, getTitleId as b, getContentId as m, getPositionerId as I, getBackdropId as C, getTriggerId as h } from "./dialog.dom.js";
+import { compact as P } from "../../utils/dist/object.js";
+function V(T, i) {
+  const { state: p, send: a, context: l, prop: t, scope: r } = T, c = t("aria-label"), o = p.matches("open"), g = l.get("triggerValue");
+  return {
+    open: o,
+    setOpen(e) {
+      p.matches("open") !== e && a({ type: e ? "OPEN" : "CLOSE" });
+    },
+    triggerValue: g,
+    setTriggerValue(e) {
+      a({ type: "TRIGGER_VALUE.SET", value: e });
+    },
+    getTriggerProps(e = {}) {
+      const { value: d } = e, s = d == null ? !1 : g === d;
+      return i.button({
+        ...n.trigger.attrs,
+        dir: t("dir"),
+        id: h(r, d),
+        "data-ownedby": r.id,
+        "data-value": d,
+        "aria-haspopup": "dialog",
+        type: "button",
+        "aria-expanded": d == null ? o : o && s,
+        "data-state": o ? "open" : "closed",
+        "aria-controls": m(r),
+        "data-current": y(s),
+        onClick(E) {
+          if (E.defaultPrevented) return;
+          const f = o && d != null && !s;
+          a({ type: f ? "TRIGGER_VALUE.SET" : "TOGGLE", value: d });
+        }
+      });
+    },
+    getBackdropProps() {
+      return i.element({
+        ...n.backdrop.attrs,
+        dir: t("dir"),
+        hidden: !o,
+        id: C(r),
+        "data-state": o ? "open" : "closed"
+      });
+    },
+    getPositionerProps() {
+      return i.element({
+        ...n.positioner.attrs,
+        dir: t("dir"),
+        id: I(r),
+        style: P({
+          pointerEvents: !o || !t("modal") ? "none" : void 0
+        })
+      });
+    },
+    getContentProps() {
+      const e = l.get("rendered");
+      return i.element({
+        ...n.content.attrs,
+        dir: t("dir"),
+        role: t("role"),
+        hidden: !o,
+        id: m(r),
+        tabIndex: -1,
+        "data-state": o ? "open" : "closed",
+        "aria-modal": t("modal"),
+        "aria-label": c || void 0,
+        "aria-labelledby": c || !e.title ? void 0 : b(r),
+        "aria-describedby": e.description ? u(r) : void 0,
+        style: P({
+          pointerEvents: t("modal") ? void 0 : "auto"
+        })
+      });
+    },
+    getTitleProps() {
+      return i.element({
+        ...n.title.attrs,
+        dir: t("dir"),
+        id: b(r)
+      });
+    },
+    getDescriptionProps() {
+      return i.element({
+        ...n.description.attrs,
+        dir: t("dir"),
+        id: u(r)
+      });
+    },
+    getCloseTriggerProps() {
+      return i.button({
+        ...n.closeTrigger.attrs,
+        dir: t("dir"),
+        id: v(r),
+        type: "button",
+        onClick(e) {
+          e.defaultPrevented || (e.stopPropagation(), a({ type: "CLOSE" }));
+        }
+      });
+    }
+  };
+}
+export {
+  V as connect
+};

package/dist/node_modules/@zag-js/dialog/dist/dialog.dom.js

@@ -0,0 +1,42 @@
+import { queryAll as d } from "../../dom-query/dist/query.js";
+import { isFunction as t } from "../../utils/dist/guard.js";
+var o = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.positioner) ?? `dialog:${i.id}:positioner`;
+}, a = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.backdrop) ?? `dialog:${i.id}:backdrop`;
+}, l = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.content) ?? `dialog:${i.id}:content`;
+}, n = (i, r) => {
+  var g;
+  const e = (g = i.ids) == null ? void 0 : g.trigger;
+  return e != null ? t(e) ? e(r) : e : r ? `dialog:${i.id}:trigger:${r}` : `dialog:${i.id}:trigger`;
+}, s = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.title) ?? `dialog:${i.id}:title`;
+}, p = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.description) ?? `dialog:${i.id}:description`;
+}, I = (i) => {
+  var r;
+  return ((r = i.ids) == null ? void 0 : r.closeTrigger) ?? `dialog:${i.id}:close`;
+}, B = (i) => i.getById(l(i)), E = (i) => i.getById(o(i)), T = (i) => i.getById(a(i)), m = (i) => i.getById(s(i)), u = (i) => i.getById(p(i)), k = (i) => i.getById(I(i)), v = (i) => d(i.getDoc(), `[data-scope="dialog"][data-part="trigger"][data-ownedby="${i.id}"]`), C = (i, r) => r == null ? v(i)[0] : i.getById(n(i, r));
+export {
+  C as getActiveTriggerEl,
+  T as getBackdropEl,
+  a as getBackdropId,
+  k as getCloseTriggerEl,
+  I as getCloseTriggerId,
+  B as getContentEl,
+  l as getContentId,
+  u as getDescriptionEl,
+  p as getDescriptionId,
+  E as getPositionerEl,
+  o as getPositionerId,
+  m as getTitleEl,
+  s as getTitleId,
+  v as getTriggerEls,
+  n as getTriggerId
+};

package/dist/node_modules/@zag-js/dialog/dist/dialog.machine.js

@@ -0,0 +1,220 @@
+import { ariaHidden as O } from "../../aria-hidden/dist/index.js";
+import { trapFocus as m } from "../../focus-trap/dist/index.js";
+import { preventBodyScroll as f } from "../../remove-scroll/dist/index.js";
+import { getContentEl as l, getPositionerEl as p, getBackdropEl as C, getDescriptionEl as v, getTitleEl as T, getTriggerEls as d, getActiveTriggerEl as E, getCloseTriggerEl as V } from "./dialog.dom.js";
+import { createMachine as y } from "../../core/dist/create-machine.js";
+import { raf as s } from "../../dom-query/dist/raf.js";
+import { getComputedStyle as F } from "../../dom-query/dist/computed-style.js";
+import { getInitialFocus as D } from "../../dom-query/dist/initial-focus.js";
+import { trackDismissableElement as k } from "../../dismissable/dist/dismissable-layer.js";
+var N = y({
+  props({ props: e, scope: t }) {
+    const n = e.role === "alertdialog", i = n ? () => V(t) : void 0, r = typeof e.modal == "boolean" ? e.modal : !0;
+    return {
+      role: "dialog",
+      modal: r,
+      trapFocus: r,
+      preventScroll: r,
+      closeOnInteractOutside: r && !n,
+      closeOnEscape: !0,
+      restoreFocus: !0,
+      initialFocusEl: i,
+      ...e
+    };
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "closed";
+  },
+  context({ bindable: e, prop: t, scope: n }) {
+    return {
+      rendered: e(() => ({
+        defaultValue: { title: !0, description: !0 }
+      })),
+      triggerValue: e(() => ({
+        defaultValue: t("defaultTriggerValue") ?? null,
+        value: t("triggerValue"),
+        onChange(i) {
+          const r = t("onTriggerValueChange");
+          if (!r) return;
+          const o = E(n, i);
+          r({ value: i, triggerElement: o });
+        }
+      }))
+    };
+  },
+  watch({ track: e, action: t, prop: n }) {
+    e([() => n("open")], () => {
+      t(["toggleVisibility"]);
+    });
+  },
+  states: {
+    open: {
+      entry: ["checkRenderedElements", "syncZIndex", "setInitialFocus"],
+      effects: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
+      on: {
+        "CONTROLLED.CLOSE": {
+          target: "closed"
+        },
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        TOGGLE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ],
+        "TRIGGER_VALUE.SET": {
+          actions: ["setTriggerValue"]
+        }
+      }
+    },
+    closed: {
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open"
+        },
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen", "setTriggerValue"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setTriggerValue"]
+          }
+        ],
+        TOGGLE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen", "setTriggerValue"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen", "setTriggerValue"]
+          }
+        ],
+        "TRIGGER_VALUE.SET": {
+          actions: ["setTriggerValue"]
+        }
+      }
+    }
+  },
+  implementations: {
+    guards: {
+      isOpenControlled: ({ prop: e }) => e("open") != null
+    },
+    effects: {
+      trackDismissableElement({ scope: e, send: t, prop: n }) {
+        return k(() => l(e), {
+          type: "dialog",
+          defer: !0,
+          pointerBlocking: n("modal"),
+          exclude: d(e),
+          onInteractOutside(r) {
+            var o;
+            (o = n("onInteractOutside")) == null || o(r), n("closeOnInteractOutside") || r.preventDefault();
+          },
+          persistentElements: n("persistentElements"),
+          onFocusOutside: n("onFocusOutside"),
+          onPointerDownOutside: n("onPointerDownOutside"),
+          onRequestDismiss: n("onRequestDismiss"),
+          onEscapeKeyDown(r) {
+            var o;
+            (o = n("onEscapeKeyDown")) == null || o(r), n("closeOnEscape") || r.preventDefault();
+          },
+          onDismiss() {
+            t({ type: "CLOSE", src: "interact-outside" });
+          }
+        });
+      },
+      preventScroll({ scope: e, prop: t }) {
+        if (t("preventScroll"))
+          return f(e.getDoc());
+      },
+      trapFocus({ scope: e, prop: t, context: n }) {
+        return t("trapFocus") ? m(() => l(e), {
+          preventScroll: !0,
+          returnFocusOnDeactivate: !!t("restoreFocus"),
+          initialFocus: t("initialFocusEl"),
+          setReturnFocus: (r) => {
+            var u;
+            const o = (u = t("finalFocusEl")) == null ? void 0 : u();
+            if (o) return o;
+            const a = n.get("triggerValue");
+            if (a) {
+              const g = E(e, a);
+              if (g) return g;
+            }
+            const c = d(e)[0];
+            return c || r;
+          },
+          getShadowRoot: !0
+        }) : void 0;
+      },
+      hideContentBelow({ scope: e, prop: t }) {
+        return t("modal") ? O(() => [l(e)], { defer: !0 }) : void 0;
+      }
+    },
+    actions: {
+      setInitialFocus({ prop: e, scope: t }) {
+        e("trapFocus") || s(() => {
+          const n = D({
+            root: l(t),
+            getInitialEl: e("initialFocusEl")
+          });
+          n == null || n.focus({ preventScroll: !0 });
+        });
+      },
+      checkRenderedElements({ context: e, scope: t }) {
+        s(() => {
+          e.set("rendered", {
+            title: !!T(t),
+            description: !!v(t)
+          });
+        });
+      },
+      syncZIndex({ scope: e }) {
+        s(() => {
+          const t = l(e);
+          if (!t) return;
+          const n = F(t);
+          [p(e), C(e)].forEach((r) => {
+            r == null || r.style.setProperty("--z-index", n.zIndex), r == null || r.style.setProperty("--layer-index", n.getPropertyValue("--layer-index"));
+          });
+        });
+      },
+      invokeOnClose({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !1 });
+      },
+      invokeOnOpen({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !0 });
+      },
+      setTriggerValue({ context: e, event: t }) {
+        t.value !== void 0 && e.set("triggerValue", t.value);
+      },
+      toggleVisibility({ prop: e, send: t, event: n }) {
+        t({
+          type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+          previousEvent: n
+        });
+      }
+    }
+  }
+});
+export {
+  N as machine
+};

package/dist/node_modules/@zag-js/dismissable/dist/dismissable-layer.js

@@ -0,0 +1,80 @@
+import { trackInteractOutside as x } from "../../interact-outside/dist/index.js";
+import { trackEscapeKeydown as L } from "./escape-keydown.js";
+import { layerStack as s } from "./layer-stack.js";
+import { assignPointerEventToLayers as g, disablePointerEventsOutside as T, clearPointerEvent as K } from "./pointer-event-outside.js";
+import { raf as y } from "../../dom-query/dist/raf.js";
+import { isFunction as P } from "../../utils/dist/guard.js";
+import { warn as w } from "../../utils/dist/warning.js";
+import { getEventTarget as h } from "../../dom-query/dist/event.js";
+import { isHTMLElement as M, contains as j } from "../../dom-query/dist/node.js";
+function q(t, e) {
+  const { warnOnMissingNode: f = !0 } = e;
+  if (f && !t) {
+    w("[@zag-js/dismissable] node is `null` or `undefined`");
+    return;
+  }
+  if (!t)
+    return;
+  const { onDismiss: n, onRequestDismiss: c, pointerBlocking: i, exclude: d, debug: o, type: b = "dialog" } = e, k = { dismiss: n, node: t, type: b, pointerBlocking: i, requestDismiss: c };
+  s.add(k), g();
+  function B(r) {
+    var u, l;
+    const a = h(r.detail.originalEvent);
+    s.isBelowPointerBlockingLayer(t) || s.isInBranch(a) || ((u = e.onPointerDownOutside) == null || u.call(e, r), (l = e.onInteractOutside) == null || l.call(e, r), !r.defaultPrevented && (o && console.log("onPointerDownOutside:", r.detail.originalEvent), n == null || n()));
+  }
+  function D(r) {
+    var u, l;
+    const a = h(r.detail.originalEvent);
+    s.isInBranch(a) || ((u = e.onFocusOutside) == null || u.call(e, r), (l = e.onInteractOutside) == null || l.call(e, r), !r.defaultPrevented && (o && console.log("onFocusOutside:", r.detail.originalEvent), n == null || n()));
+  }
+  function I(r) {
+    var a;
+    s.isTopMost(t) && ((a = e.onEscapeKeyDown) == null || a.call(e, r), !r.defaultPrevented && n && (r.preventDefault(), n()));
+  }
+  function O(r) {
+    var E;
+    if (!t) return !1;
+    const a = typeof d == "function" ? d() : d, u = Array.isArray(a) ? a : [a], l = (E = e.persistentElements) == null ? void 0 : E.map((m) => m()).filter(M);
+    return l && u.push(...l), u.some((m) => j(m, r)) || s.isInNestedLayer(t, r);
+  }
+  const v = [
+    i ? T(t, e.persistentElements) : void 0,
+    L(t, I),
+    x(t, { exclude: O, onFocusOutside: D, onPointerDownOutside: B, defer: e.defer })
+  ];
+  return () => {
+    s.remove(t), g(), K(t), v.forEach((r) => r == null ? void 0 : r());
+  };
+}
+function F(t, e) {
+  const { defer: f } = e, n = f ? y : (i) => i(), c = [];
+  return c.push(
+    n(() => {
+      const i = P(t) ? t() : t;
+      c.push(q(i, e));
+    })
+  ), () => {
+    c.forEach((i) => i == null ? void 0 : i());
+  };
+}
+function G(t, e = {}) {
+  const { defer: f } = e, n = f ? y : (i) => i(), c = [];
+  return c.push(
+    n(() => {
+      const i = P(t) ? t() : t;
+      if (!i) {
+        w("[@zag-js/dismissable] branch node is `null` or `undefined`");
+        return;
+      }
+      s.addBranch(i), c.push(() => {
+        s.removeBranch(i);
+      });
+    })
+  ), () => {
+    c.forEach((i) => i == null ? void 0 : i());
+  };
+}
+export {
+  G as trackDismissableBranch,
+  F as trackDismissableElement
+};

package/dist/node_modules/@zag-js/dismissable/dist/escape-keydown.js

@@ -0,0 +1,11 @@
+import { addDomEvent as c } from "../../dom-query/dist/event.js";
+import { getDocument as i } from "../../dom-query/dist/node.js";
+function p(e, o) {
+  const t = (r) => {
+    r.key === "Escape" && (r.isComposing || o == null || o(r));
+  };
+  return c(i(e), "keydown", t, { capture: !0 });
+}
+export {
+  p as trackEscapeKeydown
+};

package/dist/node_modules/@zag-js/dismissable/dist/layer-stack.js

@@ -0,0 +1,103 @@
+import { nextTick as d } from "../../dom-query/dist/raf.js";
+import { contains as o } from "../../dom-query/dist/node.js";
+var a = "layer:request-dismiss", c = {
+  layers: [],
+  branches: [],
+  recentlyRemoved: /* @__PURE__ */ new Set(),
+  count() {
+    return this.layers.length;
+  },
+  pointerBlockingLayers() {
+    return this.layers.filter((e) => e.pointerBlocking);
+  },
+  topMostPointerBlockingLayer() {
+    return [...this.pointerBlockingLayers()].slice(-1)[0];
+  },
+  hasPointerBlockingLayer() {
+    return this.pointerBlockingLayers().length > 0;
+  },
+  isBelowPointerBlockingLayer(e) {
+    var s;
+    const t = this.indexOf(e), n = this.topMostPointerBlockingLayer() ? this.indexOf((s = this.topMostPointerBlockingLayer()) == null ? void 0 : s.node) : -1;
+    return t < n;
+  },
+  isTopMost(e) {
+    const t = this.layers[this.count() - 1];
+    return (t == null ? void 0 : t.node) === e;
+  },
+  getNestedLayers(e) {
+    return Array.from(this.layers).slice(this.indexOf(e) + 1);
+  },
+  getLayersByType(e) {
+    return this.layers.filter((t) => t.type === e);
+  },
+  getNestedLayersByType(e, t) {
+    const n = this.indexOf(e);
+    return n === -1 ? [] : this.layers.slice(n + 1).filter((s) => s.type === t);
+  },
+  getParentLayerOfType(e, t) {
+    const n = this.indexOf(e);
+    if (!(n <= 0))
+      return this.layers.slice(0, n).reverse().find((s) => s.type === t);
+  },
+  countNestedLayersOfType(e, t) {
+    return this.getNestedLayersByType(e, t).length;
+  },
+  isInNestedLayer(e, t) {
+    return !!(this.getNestedLayers(e).some((s) => o(s.node, t)) || this.recentlyRemoved.size > 0);
+  },
+  isInBranch(e) {
+    return Array.from(this.branches).some((t) => o(t, e));
+  },
+  add(e) {
+    this.layers.push(e), this.syncLayers();
+  },
+  addBranch(e) {
+    this.branches.push(e);
+  },
+  remove(e) {
+    const t = this.indexOf(e);
+    t < 0 || (this.recentlyRemoved.add(e), d(() => this.recentlyRemoved.delete(e)), t < this.count() - 1 && this.getNestedLayers(e).forEach((s) => c.dismiss(s.node, e)), this.layers.splice(t, 1), this.syncLayers());
+  },
+  removeBranch(e) {
+    const t = this.branches.indexOf(e);
+    t >= 0 && this.branches.splice(t, 1);
+  },
+  syncLayers() {
+    this.layers.forEach((e, t) => {
+      e.node.style.setProperty("--layer-index", `${t}`), e.node.removeAttribute("data-nested"), e.node.removeAttribute("data-has-nested"), this.getParentLayerOfType(e.node, e.type) && e.node.setAttribute("data-nested", e.type);
+      const s = this.countNestedLayersOfType(e.node, e.type);
+      s > 0 && e.node.setAttribute("data-has-nested", e.type), e.node.style.setProperty("--nested-layer-count", `${s}`);
+    });
+  },
+  indexOf(e) {
+    return this.layers.findIndex((t) => t.node === e);
+  },
+  dismiss(e, t) {
+    const n = this.indexOf(e);
+    if (n === -1) return;
+    const s = this.layers[n];
+    y(e, a, (r) => {
+      var i;
+      (i = s.requestDismiss) == null || i.call(s, r), r.defaultPrevented || s == null || s.dismiss();
+    }), h(e, a, {
+      originalLayer: e,
+      targetLayer: t,
+      originalIndex: n,
+      targetIndex: t ? this.indexOf(t) : -1
+    }), this.syncLayers();
+  },
+  clear() {
+    this.remove(this.layers[0].node);
+  }
+};
+function h(e, t, n) {
+  const s = e.ownerDocument.defaultView || window, r = new s.CustomEvent(t, { cancelable: !0, bubbles: !0, detail: n });
+  return e.dispatchEvent(r);
+}
+function y(e, t, n) {
+  e.addEventListener(t, n, { once: !0 });
+}
+export {
+  c as layerStack
+};

package/dist/node_modules/@zag-js/dismissable/dist/pointer-event-outside.js

@@ -0,0 +1,37 @@
+import { layerStack as r } from "./layer-stack.js";
+import { getDocument as c, isHTMLElement as l } from "../../dom-query/dist/node.js";
+import { waitForElement as d } from "../../dom-query/dist/wait-for.js";
+import { setStyle as b } from "../../dom-query/dist/set.js";
+var s;
+function E() {
+  r.layers.forEach(({ node: o }) => {
+    o.style.pointerEvents = r.isBelowPointerBlockingLayer(o) ? "none" : "auto";
+  });
+}
+function h(o) {
+  o.style.pointerEvents = "";
+}
+function g(o, n) {
+  const t = c(o), i = [];
+  return r.hasPointerBlockingLayer() && !t.body.hasAttribute("data-inert") && (s = document.body.style.pointerEvents, queueMicrotask(() => {
+    t.body.style.pointerEvents = "none", t.body.setAttribute("data-inert", "");
+  })), n == null || n.forEach((a) => {
+    const [u, y] = d(
+      () => {
+        const e = a();
+        return l(e) ? e : null;
+      },
+      { timeout: 1e3 }
+    );
+    u.then((e) => i.push(b(e, { pointerEvents: "auto" }))), i.push(y);
+  }), () => {
+    r.hasPointerBlockingLayer() || (queueMicrotask(() => {
+      t.body.style.pointerEvents = s, t.body.removeAttribute("data-inert"), t.body.style.length === 0 && t.body.removeAttribute("style");
+    }), i.forEach((a) => a()));
+  };
+}
+export {
+  E as assignPointerEventToLayers,
+  h as clearPointerEvent,
+  g as disablePointerEventsOutside
+};

package/dist/node_modules/@zag-js/dom-query/dist/caret.js

@@ -0,0 +1,12 @@
+function n(e) {
+  if (e)
+    try {
+      if (e.ownerDocument.activeElement !== e) return;
+      const t = e.value.length;
+      e.setSelectionRange(t, t);
+    } catch {
+    }
+}
+export {
+  n as setCaretToEnd
+};

package/dist/node_modules/@zag-js/dom-query/dist/chunk-QZ7TP4HQ.js

@@ -0,0 +1,4 @@
+var a = Object.defineProperty, i = (e, r, t) => r in e ? a(e, r, { enumerable: !0, configurable: !0, writable: !0, value: t }) : e[r] = t, l = (e, r, t) => i(e, typeof r != "symbol" ? r + "" : r, t);
+export {
+  l as __publicField
+};

package/dist/node_modules/@zag-js/dom-query/dist/computed-style.js

@@ -0,0 +1,8 @@
+import { getWindow as o } from "./node.js";
+var e = /* @__PURE__ */ new WeakMap();
+function a(t) {
+  return e.has(t) || e.set(t, o(t).getComputedStyle(t)), e.get(t);
+}
+export {
+  a as getComputedStyle
+};