@serendie/ui 0.1.12 → 0.1.13

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

@@ -0,0 +1,355 @@
+import { createAnatomy as g } from "../../anatomy/dist/index.js";
+import { createScope as p, nextTick as u, raf as c, getInitialFocus as E } from "../../dom-query/dist/index.js";
+import { ariaHidden as O } from "../../aria-hidden/dist/index.js";
+import { createMachine as m } from "../../core/dist/index.js";
+import { trackDismissableElement as C } from "../../dismissable/dist/index.js";
+import { preventBodyScroll as I } from "../../remove-scroll/dist/index.js";
+import { compact as f } from "../../utils/dist/index.js";
+import { createFocusTrap as v } from "../../../focus-trap/dist/focus-trap.esm.js";
+import { createProps as k } from "../../types/dist/index.js";
+var y = g("dialog").parts(
+  "trigger",
+  "backdrop",
+  "positioner",
+  "content",
+  "title",
+  "description",
+  "closeTrigger"
+), a = y.build(), o = p({
+  getPositionerId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.positioner) ?? `dialog:${t.id}:positioner`;
+  },
+  getBackdropId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.backdrop) ?? `dialog:${t.id}:backdrop`;
+  },
+  getContentId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.content) ?? `dialog:${t.id}:content`;
+  },
+  getTriggerId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.trigger) ?? `dialog:${t.id}:trigger`;
+  },
+  getTitleId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.title) ?? `dialog:${t.id}:title`;
+  },
+  getDescriptionId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.description) ?? `dialog:${t.id}:description`;
+  },
+  getCloseTriggerId: (t) => {
+    var n;
+    return ((n = t.ids) == null ? void 0 : n.closeTrigger) ?? `dialog:${t.id}:close`;
+  },
+  getContentEl: (t) => o.getById(t, o.getContentId(t)),
+  getPositionerEl: (t) => o.getById(t, o.getPositionerId(t)),
+  getBackdropEl: (t) => o.getById(t, o.getBackdropId(t)),
+  getTriggerEl: (t) => o.getById(t, o.getTriggerId(t)),
+  getTitleEl: (t) => o.getById(t, o.getTitleId(t)),
+  getDescriptionEl: (t) => o.getById(t, o.getDescriptionId(t)),
+  getCloseTriggerEl: (t) => o.getById(t, o.getCloseTriggerId(t))
+});
+function w(t, n, e) {
+  const r = t.context["aria-label"], i = t.matches("open"), s = t.context.renderedElements;
+  return {
+    open: i,
+    setOpen(l) {
+      l !== i && n(l ? "OPEN" : "CLOSE");
+    },
+    getTriggerProps() {
+      return e.button({
+        ...a.trigger.attrs,
+        dir: t.context.dir,
+        id: o.getTriggerId(t.context),
+        "aria-haspopup": "dialog",
+        type: "button",
+        "aria-expanded": i,
+        "data-state": i ? "open" : "closed",
+        "aria-controls": o.getContentId(t.context),
+        onClick(l) {
+          l.defaultPrevented || n("TOGGLE");
+        }
+      });
+    },
+    getBackdropProps() {
+      return e.element({
+        ...a.backdrop.attrs,
+        dir: t.context.dir,
+        hidden: !i,
+        id: o.getBackdropId(t.context),
+        "data-state": i ? "open" : "closed"
+      });
+    },
+    getPositionerProps() {
+      return e.element({
+        ...a.positioner.attrs,
+        dir: t.context.dir,
+        id: o.getPositionerId(t.context),
+        style: {
+          pointerEvents: i ? void 0 : "none"
+        }
+      });
+    },
+    getContentProps() {
+      return e.element({
+        ...a.content.attrs,
+        dir: t.context.dir,
+        role: t.context.role,
+        hidden: !i,
+        id: o.getContentId(t.context),
+        tabIndex: -1,
+        "data-state": i ? "open" : "closed",
+        "aria-modal": !0,
+        "aria-label": r || void 0,
+        "aria-labelledby": r || !s.title ? void 0 : o.getTitleId(t.context),
+        "aria-describedby": s.description ? o.getDescriptionId(t.context) : void 0
+      });
+    },
+    getTitleProps() {
+      return e.element({
+        ...a.title.attrs,
+        dir: t.context.dir,
+        id: o.getTitleId(t.context)
+      });
+    },
+    getDescriptionProps() {
+      return e.element({
+        ...a.description.attrs,
+        dir: t.context.dir,
+        id: o.getDescriptionId(t.context)
+      });
+    },
+    getCloseTriggerProps() {
+      return e.button({
+        ...a.closeTrigger.attrs,
+        dir: t.context.dir,
+        id: o.getCloseTriggerId(t.context),
+        type: "button",
+        onClick(l) {
+          l.defaultPrevented || (l.stopPropagation(), n("CLOSE"));
+        }
+      });
+    }
+  };
+}
+function N(t) {
+  const n = f(t);
+  return m(
+    {
+      id: "dialog",
+      initial: n.open ? "open" : "closed",
+      context: {
+        role: "dialog",
+        renderedElements: {
+          title: !0,
+          description: !0
+        },
+        modal: !0,
+        trapFocus: !0,
+        preventScroll: !0,
+        closeOnInteractOutside: !0,
+        closeOnEscape: !0,
+        restoreFocus: !0,
+        ...n
+      },
+      created: ["checkInitialFocusEl"],
+      watch: {
+        open: ["toggleVisibility"]
+      },
+      states: {
+        open: {
+          entry: ["checkRenderedElements", "syncZIndex"],
+          activities: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
+          on: {
+            "CONTROLLED.CLOSE": {
+              target: "closed",
+              actions: ["setFinalFocus"]
+            },
+            CLOSE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose", "setFinalFocus"]
+              }
+            ],
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnClose"]
+              },
+              {
+                target: "closed",
+                actions: ["invokeOnClose", "setFinalFocus"]
+              }
+            ]
+          }
+        },
+        closed: {
+          on: {
+            "CONTROLLED.OPEN": {
+              target: "open"
+            },
+            OPEN: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen"]
+              }
+            ],
+            TOGGLE: [
+              {
+                guard: "isOpenControlled",
+                actions: ["invokeOnOpen"]
+              },
+              {
+                target: "open",
+                actions: ["invokeOnOpen"]
+              }
+            ]
+          }
+        }
+      }
+    },
+    {
+      guards: {
+        isOpenControlled: (e) => !!e["open.controlled"]
+      },
+      activities: {
+        trackDismissableElement(e, r, { send: i }) {
+          return C(() => o.getContentEl(e), {
+            defer: !0,
+            pointerBlocking: e.modal,
+            exclude: [o.getTriggerEl(e)],
+            onInteractOutside(l) {
+              var d;
+              (d = e.onInteractOutside) == null || d.call(e, l), (!e.closeOnInteractOutside || e.role === "alertdialog") && l.preventDefault();
+            },
+            persistentElements: e.persistentElements,
+            onFocusOutside: e.onFocusOutside,
+            onPointerDownOutside: e.onPointerDownOutside,
+            onEscapeKeyDown(l) {
+              var d;
+              (d = e.onEscapeKeyDown) == null || d.call(e, l), e.closeOnEscape ? i({ type: "CLOSE", src: "escape-key" }) : l.preventDefault();
+            },
+            onDismiss() {
+              i({ type: "CLOSE", src: "interact-outside" });
+            }
+          });
+        },
+        preventScroll(e) {
+          if (e.preventScroll)
+            return I(o.getDoc(e));
+        },
+        trapFocus(e) {
+          if (!e.trapFocus || !e.modal) return;
+          let r;
+          const i = u(() => {
+            const s = o.getContentEl(e);
+            if (s) {
+              r = v(s, {
+                document: o.getDoc(e),
+                escapeDeactivates: !1,
+                preventScroll: !0,
+                returnFocusOnDeactivate: !1,
+                fallbackFocus: s,
+                allowOutsideClick: !0,
+                initialFocus: E({
+                  root: s,
+                  getInitialEl: e.initialFocusEl
+                })
+              });
+              try {
+                r.activate();
+              } catch {
+              }
+            }
+          });
+          return () => {
+            r == null || r.deactivate(), i();
+          };
+        },
+        hideContentBelow(e) {
+          return e.modal ? O(() => [o.getContentEl(e)], { defer: !0 }) : void 0;
+        }
+      },
+      actions: {
+        checkInitialFocusEl(e) {
+          !e.initialFocusEl && e.role === "alertdialog" && (e.initialFocusEl = () => o.getCloseTriggerEl(e));
+        },
+        checkRenderedElements(e) {
+          c(() => {
+            e.renderedElements.title = !!o.getTitleEl(e), e.renderedElements.description = !!o.getDescriptionEl(e);
+          });
+        },
+        syncZIndex(e) {
+          c(() => {
+            const r = o.getContentEl(e);
+            if (!r) return;
+            const s = o.getWin(e).getComputedStyle(r);
+            [o.getPositionerEl(e), o.getBackdropEl(e)].forEach((d) => {
+              d == null || d.style.setProperty("--z-index", s.zIndex);
+            });
+          });
+        },
+        invokeOnClose(e) {
+          var r;
+          (r = e.onOpenChange) == null || r.call(e, { open: !1 });
+        },
+        invokeOnOpen(e) {
+          var r;
+          (r = e.onOpenChange) == null || r.call(e, { open: !0 });
+        },
+        toggleVisibility(e, r, { send: i }) {
+          i({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: r });
+        },
+        setFinalFocus(e) {
+          e.restoreFocus && queueMicrotask(() => {
+            var i;
+            const r = ((i = e.finalFocusEl) == null ? void 0 : i.call(e)) ?? o.getTriggerEl(e);
+            r == null || r.focus({ preventScroll: !0 });
+          });
+        }
+      }
+    }
+  );
+}
+k()([
+  "aria-label",
+  "closeOnEscape",
+  "closeOnInteractOutside",
+  "dir",
+  "finalFocusEl",
+  "getRootNode",
+  "getRootNode",
+  "id",
+  "id",
+  "ids",
+  "initialFocusEl",
+  "modal",
+  "onEscapeKeyDown",
+  "onFocusOutside",
+  "onInteractOutside",
+  "onOpenChange",
+  "onPointerDownOutside",
+  "open.controlled",
+  "open",
+  "persistentElements",
+  "preventScroll",
+  "restoreFocus",
+  "role",
+  "trapFocus"
+]);
+export {
+  y as anatomy,
+  w as connect,
+  N as machine
+};

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

@@ -0,0 +1,161 @@
+import { contains as h, raf as E, getDocument as B, waitForElements as O, getEventTarget as f, isHTMLElement as I, setStyle as D } from "../../dom-query/dist/index.js";
+import { trackInteractOutside as A } from "../../interact-outside/dist/index.js";
+import { isFunction as b, warn as k } from "../../utils/dist/index.js";
+import { addDomEvent as M } from "../../dom-event/dist/index.js";
+function N(e, t) {
+  const r = (i) => {
+    i.key === "Escape" && (i.isComposing || t == null || t(i));
+  };
+  return M(B(e), "keydown", r, { capture: !0 });
+}
+var o = {
+  layers: [],
+  branches: [],
+  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 i;
+    const t = this.indexOf(e), r = this.topMostPointerBlockingLayer() ? this.indexOf((i = this.topMostPointerBlockingLayer()) == null ? void 0 : i.node) : -1;
+    return t < r;
+  },
+  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);
+  },
+  isInNestedLayer(e, t) {
+    return this.getNestedLayers(e).some((r) => h(r.node, t));
+  },
+  isInBranch(e) {
+    return Array.from(this.branches).some((t) => h(t, e));
+  },
+  add(e) {
+    const t = this.layers.push(e);
+    e.node.style.setProperty("--layer-index", `${t}`);
+  },
+  addBranch(e) {
+    this.branches.push(e);
+  },
+  remove(e) {
+    const t = this.indexOf(e);
+    t < 0 || (t < this.count() - 1 && this.getNestedLayers(e).forEach((i) => i.dismiss()), this.layers.splice(t, 1), e.style.removeProperty("--layer-index"));
+  },
+  removeBranch(e) {
+    const t = this.branches.indexOf(e);
+    t >= 0 && this.branches.splice(t, 1);
+  },
+  indexOf(e) {
+    return this.layers.findIndex((t) => t.node === e);
+  },
+  dismiss(e) {
+    var t;
+    (t = this.layers[this.indexOf(e)]) == null || t.dismiss();
+  },
+  clear() {
+    this.remove(this.layers[0].node);
+  }
+}, m;
+function g() {
+  o.layers.forEach(({ node: e }) => {
+    e.style.pointerEvents = o.isBelowPointerBlockingLayer(e) ? "none" : "auto";
+  });
+}
+function T(e) {
+  e.style.pointerEvents = "";
+}
+function K(e, t) {
+  const r = B(e), i = [];
+  if (o.hasPointerBlockingLayer() && !r.body.hasAttribute("data-inert") && (m = document.body.style.pointerEvents, queueMicrotask(() => {
+    r.body.style.pointerEvents = "none", r.body.setAttribute("data-inert", "");
+  })), t) {
+    const a = O(t, (n) => {
+      i.push(D(n, { pointerEvents: "auto" }));
+    });
+    i.push(a);
+  }
+  return () => {
+    o.hasPointerBlockingLayer() || (queueMicrotask(() => {
+      r.body.style.pointerEvents = m, r.body.removeAttribute("data-inert"), r.body.style.length === 0 && r.body.removeAttribute("style");
+    }), i.forEach((a) => a()));
+  };
+}
+function C(e, t) {
+  if (!e) {
+    k("[@zag-js/dismissable] node is `null` or `undefined`");
+    return;
+  }
+  const { onDismiss: r, pointerBlocking: i, exclude: a, debug: n } = t, p = { dismiss: r, node: e, pointerBlocking: i };
+  o.add(p), g();
+  function P(s) {
+    var u, l;
+    const c = f(s.detail.originalEvent);
+    o.isBelowPointerBlockingLayer(e) || o.isInBranch(c) || ((u = t.onPointerDownOutside) == null || u.call(t, s), (l = t.onInteractOutside) == null || l.call(t, s), !s.defaultPrevented && (n && console.log("onPointerDownOutside:", s.detail.originalEvent), r == null || r()));
+  }
+  function v(s) {
+    var u, l;
+    const c = f(s.detail.originalEvent);
+    o.isInBranch(c) || ((u = t.onFocusOutside) == null || u.call(t, s), (l = t.onInteractOutside) == null || l.call(t, s), !s.defaultPrevented && (n && console.log("onFocusOutside:", s.detail.originalEvent), r == null || r()));
+  }
+  function L(s) {
+    var c;
+    o.isTopMost(e) && ((c = t.onEscapeKeyDown) == null || c.call(t, s), !s.defaultPrevented && r && (s.preventDefault(), r()));
+  }
+  function x(s) {
+    var y;
+    if (!e) return !1;
+    const c = typeof a == "function" ? a() : a, u = Array.isArray(c) ? c : [c], l = (y = t.persistentElements) == null ? void 0 : y.map((d) => d()).filter(I);
+    return l && u.push(...l), u.some((d) => h(d, s)) || o.isInNestedLayer(e, s);
+  }
+  const w = [
+    i ? K(e, t.persistentElements) : void 0,
+    N(e, L),
+    A(e, { exclude: x, onFocusOutside: v, onPointerDownOutside: P, defer: t.defer })
+  ];
+  return () => {
+    o.remove(e), g(), T(e), w.forEach((s) => s == null ? void 0 : s());
+  };
+}
+function S(e, t) {
+  const { defer: r } = t, i = r ? E : (n) => n(), a = [];
+  return a.push(
+    i(() => {
+      const n = b(e) ? e() : e;
+      a.push(C(n, t));
+    })
+  ), () => {
+    a.forEach((n) => n == null ? void 0 : n());
+  };
+}
+function F(e, t = {}) {
+  const { defer: r } = t, i = r ? E : (n) => n(), a = [];
+  return a.push(
+    i(() => {
+      const n = b(e) ? e() : e;
+      if (!n) {
+        k("[@zag-js/dismissable] branch node is `null` or `undefined`");
+        return;
+      }
+      o.addBranch(n), a.push(() => {
+        o.removeBranch(n);
+      });
+    })
+  ), () => {
+    a.forEach((n) => n == null ? void 0 : n());
+  };
+}
+export {
+  F as trackDismissableBranch,
+  S as trackDismissableElement
+};

package/dist/node_modules/@zag-js/dom-event/dist/index.js

@@ -0,0 +1,157 @@
+import { isMac as b, isFirefox as x, getWindow as M, getDocument as $, getEventTarget as q, contains as B } from "../../dom-query/dist/index.js";
+var u = (t, e, n, o) => {
+  const r = typeof t == "function" ? t() : t;
+  return r == null || r.addEventListener(e, n, o), () => {
+    r == null || r.removeEventListener(e, n, o);
+  };
+};
+function H(t) {
+  return t.key.length === 1 && !t.ctrlKey && !t.metaKey;
+}
+var J = (t) => t.button === 0, O = (t) => t.button === 2 || b() && t.ctrlKey && t.button === 0, Q = (t) => t.ctrlKey || t.altKey || t.metaKey;
+function I(t, e, n) {
+  const r = ((v) => {
+    const a = requestAnimationFrame(v);
+    return () => cancelAnimationFrame(a);
+  })(() => {
+    t.removeEventListener(e, i, !0), n();
+  }), i = () => {
+    r(), n();
+  };
+  return t.addEventListener(e, i, { once: !0, capture: !0 }), r;
+}
+function S(t) {
+  return (t == null ? void 0 : t.matches("a[href]")) ?? !1;
+}
+function Z(t) {
+  if (!S(t)) return;
+  const e = () => t.click();
+  x() ? I(t, "keyup", e) : queueMicrotask(e);
+}
+function _(t, e, n) {
+  if (!t) return;
+  const o = t.ownerDocument.defaultView || window, r = new o.CustomEvent(e, n);
+  return t.dispatchEvent(r);
+}
+var U = {
+  Up: "ArrowUp",
+  Down: "ArrowDown",
+  Esc: "Escape",
+  " ": "Space",
+  ",": "Comma",
+  Left: "ArrowLeft",
+  Right: "ArrowRight"
+}, P = {
+  ArrowLeft: "ArrowRight",
+  ArrowRight: "ArrowLeft"
+};
+function tt(t, e = {}) {
+  const { dir: n = "ltr", orientation: o = "horizontal" } = e;
+  let { key: r } = t;
+  return r = U[r] ?? r, n === "rtl" && o === "horizontal" && r in P && (r = P[r]), r;
+}
+function z(t, e = "client") {
+  const n = t.touches[0] || t.changedTouches[0];
+  return { x: n[`${e}X`], y: n[`${e}Y`] };
+}
+function X(t, e = "client") {
+  return { x: t[`${e}X`], y: t[`${e}Y`] };
+}
+var Y = (t) => "touches" in t && t.touches.length > 0;
+function N(t, e = "client") {
+  return Y(t) ? z(t, e) : X(t, e);
+}
+var p = (...t) => (e) => t.reduce((n, o) => o(n), e), m = () => {
+}, W = (t) => !(t.metaKey || !b() && t.altKey || t.ctrlKey || t.key === "Control" || t.key === "Shift" || t.key === "Meta");
+function et(t, e) {
+  if (!t) return;
+  const { onFocus: n, onBlur: o } = e, r = M(t);
+  let i = !1;
+  const v = (f) => {
+    let s = !1;
+    try {
+      s = t.matches(":focus-visible");
+    } catch {
+      s = !0;
+    }
+    s && (i = !0, n == null || n(f));
+  }, a = (f) => {
+    i && (i = !1, o == null || o(f));
+  }, w = (f) => {
+    if (!t.matches(":focus") || !W(f)) return;
+    i = !0;
+    const s = new r.FocusEvent("focus");
+    n == null || n(s);
+  };
+  return p(
+    u(t, "focusin", v),
+    u(t, "focusout", a),
+    u(t, "keydown", w, !0)
+  );
+}
+function nt(t) {
+  const {
+    pointerNode: e,
+    keyboardNode: n = e,
+    onPress: o,
+    onPressStart: r,
+    onPressEnd: i,
+    isValidKey: v = (c) => c.key === "Enter"
+  } = t;
+  if (!e) return m;
+  const a = M(e), w = $(e);
+  let f = m, s = m, K = m;
+  const y = (c) => ({
+    point: N(c),
+    event: c
+  });
+  function L(c) {
+    r == null || r(y(c));
+  }
+  function E(c) {
+    i == null || i(y(c));
+  }
+  const T = u(e, "pointerdown", (c) => {
+    s();
+    const h = u(a, "pointerup", (l) => {
+      const k = q(l);
+      B(e, k) ? o == null || o(y(l)) : i == null || i(y(l));
+    }, { passive: !o }), d = u(a, "pointercancel", E, { passive: !i });
+    s = p(h, d), w.activeElement === n && c.pointerType === "mouse" && c.preventDefault(), L(c);
+  }, { passive: !r }), C = u(n, "focus", F);
+  f = p(T, C);
+  function F() {
+    const c = (l) => {
+      if (!v(l)) return;
+      const k = (R) => {
+        if (!v(R)) return;
+        const V = new a.PointerEvent("pointerup"), A = y(V);
+        o == null || o(A), i == null || i(A);
+      };
+      s(), s = u(n, "keyup", k);
+      const D = new a.PointerEvent("pointerdown");
+      L(D);
+    }, g = () => {
+      const l = new a.PointerEvent("pointercancel");
+      E(l);
+    }, h = u(n, "keydown", c), d = u(n, "blur", g);
+    K = p(h, d);
+  }
+  return function() {
+    f(), s(), K();
+  };
+}
+export {
+  u as addDomEvent,
+  Z as clickIfLink,
+  _ as fireCustomEvent,
+  tt as getEventKey,
+  N as getEventPoint,
+  O as isContextMenuEvent,
+  J as isLeftClick,
+  Q as isModifierKey,
+  H as isPrintableKey,
+  I as queueBeforeEvent,
+  et as trackFocusVisible,
+  nt as trackPress
+};