@serendie/ui 2.0.0 → 2.1.0

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

@@ -1,13 +1,12 @@
-import { createAnatomy as c } from "../../anatomy/dist/index.js";
-import { raf as p, createScope as u, nextTick 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 T = c("dialog").parts(
+import { createAnatomy as y } from "../../anatomy/dist/index.js";
+import { ariaHidden as k } from "../../aria-hidden/dist/index.js";
+import { createMachine as I } from "../../core/dist/index.js";
+import { trackDismissableElement as b } from "../../dismissable/dist/index.js";
+import { raf as E, getComputedStyle as D } from "../../dom-query/dist/index.js";
+import { trapFocus as P } from "../../focus-trap/dist/index.js";
+import { preventBodyScroll as F } from "../../remove-scroll/dist/index.js";
+import { createProps as T } from "../../types/dist/index.js";
+var L = y("dialog").parts(
   "trigger",
   "backdrop",
   "positioner",
@@ -15,308 +14,282 @@ var T = c("dialog").parts(
   "title",
   "description",
   "closeTrigger"
-), a = T.build(), o = u({
-  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"], s = t.matches("open"), d = t.context.renderedElements;
+), l = L.build(), m = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.positioner) ?? `dialog:${e.id}:positioner`;
+}, v = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.backdrop) ?? `dialog:${e.id}:backdrop`;
+}, p = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.content) ?? `dialog:${e.id}:content`;
+}, f = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.trigger) ?? `dialog:${e.id}:trigger`;
+}, g = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.title) ?? `dialog:${e.id}:title`;
+}, u = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.description) ?? `dialog:${e.id}:description`;
+}, C = (e) => {
+  var t;
+  return ((t = e.ids) == null ? void 0 : t.closeTrigger) ?? `dialog:${e.id}:close`;
+}, c = (e) => e.getById(p(e)), h = (e) => e.getById(m(e)), S = (e) => e.getById(v(e)), B = (e) => e.getById(f(e)), N = (e) => e.getById(g(e)), w = (e) => e.getById(u(e)), R = (e) => e.getById(C(e));
+function q(e, t) {
+  const { state: n, send: a, context: o, prop: r, scope: i } = e, O = r("aria-label"), d = n.matches("open");
   return {
-    open: s,
-    setOpen(i) {
-      i !== s && n(i ? "OPEN" : "CLOSE");
+    open: d,
+    setOpen(s) {
+      n.matches("open") !== s && a({ type: s ? "OPEN" : "CLOSE" });
     },
     getTriggerProps() {
-      return e.button({
-        ...a.trigger.attrs,
-        dir: t.context.dir,
-        id: o.getTriggerId(t.context),
+      return t.button({
+        ...l.trigger.attrs,
+        dir: r("dir"),
+        id: f(i),
         "aria-haspopup": "dialog",
         type: "button",
-        "aria-expanded": s,
-        "data-state": s ? "open" : "closed",
-        "aria-controls": o.getContentId(t.context),
-        onClick(i) {
-          i.defaultPrevented || n("TOGGLE");
+        "aria-expanded": d,
+        "data-state": d ? "open" : "closed",
+        "aria-controls": p(i),
+        onClick(s) {
+          s.defaultPrevented || a({ type: "TOGGLE" });
         }
       });
     },
     getBackdropProps() {
-      return e.element({
-        ...a.backdrop.attrs,
-        dir: t.context.dir,
-        hidden: !s,
-        id: o.getBackdropId(t.context),
-        "data-state": s ? "open" : "closed"
+      return t.element({
+        ...l.backdrop.attrs,
+        dir: r("dir"),
+        hidden: !d,
+        id: v(i),
+        "data-state": d ? "open" : "closed"
       });
     },
     getPositionerProps() {
-      return e.element({
-        ...a.positioner.attrs,
-        dir: t.context.dir,
-        id: o.getPositionerId(t.context),
+      return t.element({
+        ...l.positioner.attrs,
+        dir: r("dir"),
+        id: m(i),
         style: {
-          pointerEvents: s ? void 0 : "none"
+          pointerEvents: d ? void 0 : "none"
         }
       });
     },
     getContentProps() {
-      return e.element({
-        ...a.content.attrs,
-        dir: t.context.dir,
-        role: t.context.role,
-        hidden: !s,
-        id: o.getContentId(t.context),
+      const s = o.get("rendered");
+      return t.element({
+        ...l.content.attrs,
+        dir: r("dir"),
+        role: r("role"),
+        hidden: !d,
+        id: p(i),
         tabIndex: -1,
-        "data-state": s ? "open" : "closed",
+        "data-state": d ? "open" : "closed",
         "aria-modal": !0,
-        "aria-label": r || void 0,
-        "aria-labelledby": r || !d.title ? void 0 : o.getTitleId(t.context),
-        "aria-describedby": d.description ? o.getDescriptionId(t.context) : void 0
+        "aria-label": O || void 0,
+        "aria-labelledby": O || !s.title ? void 0 : g(i),
+        "aria-describedby": s.description ? u(i) : void 0
       });
     },
     getTitleProps() {
-      return e.element({
-        ...a.title.attrs,
-        dir: t.context.dir,
-        id: o.getTitleId(t.context)
+      return t.element({
+        ...l.title.attrs,
+        dir: r("dir"),
+        id: g(i)
       });
     },
     getDescriptionProps() {
-      return e.element({
-        ...a.description.attrs,
-        dir: t.context.dir,
-        id: o.getDescriptionId(t.context)
+      return t.element({
+        ...l.description.attrs,
+        dir: r("dir"),
+        id: u(i)
       });
     },
     getCloseTriggerProps() {
-      return e.button({
-        ...a.closeTrigger.attrs,
-        dir: t.context.dir,
-        id: o.getCloseTriggerId(t.context),
+      return t.button({
+        ...l.closeTrigger.attrs,
+        dir: r("dir"),
+        id: C(i),
         type: "button",
-        onClick(i) {
-          i.defaultPrevented || (i.stopPropagation(), n("CLOSE"));
+        onClick(s) {
+          s.defaultPrevented || (s.stopPropagation(), a({ type: "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
+var J = I({
+  props({ props: e, scope: t }) {
+    const n = e.role === "alertdialog";
+    return {
+      role: "dialog",
+      modal: !0,
+      trapFocus: !0,
+      preventScroll: !0,
+      closeOnInteractOutside: !n,
+      closeOnEscape: !0,
+      restoreFocus: !0,
+      initialFocusEl: n ? () => R(t) : void 0,
+      ...e
+    };
+  },
+  initialState({ prop: e }) {
+    return e("open") || e("defaultOpen") ? "open" : "closed";
+  },
+  context({ bindable: e }) {
+    return {
+      rendered: e(() => ({
+        defaultValue: { title: !0, description: !0 }
+      }))
+    };
+  },
+  watch({ track: e, action: t, prop: n }) {
+    e([() => n("open")], () => {
+      t(["toggleVisibility"]);
+    });
+  },
+  states: {
+    open: {
+      entry: ["checkRenderedElements", "syncZIndex"],
+      effects: ["trackDismissableElement", "trapFocus", "preventScroll", "hideContentBelow"],
+      on: {
+        "CONTROLLED.CLOSE": {
+          target: "closed"
         },
-        modal: !0,
-        trapFocus: !0,
-        preventScroll: !0,
-        closeOnInteractOutside: !0,
-        closeOnEscape: !0,
-        restoreFocus: !0,
-        ...n
-      },
-      created: ["setAlertDialogProps"],
-      watch: {
-        open: ["toggleVisibility"]
-      },
-      states: {
-        open: {
-          entry: ["checkRenderedElements", "syncZIndex"],
-          activities: ["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"]
-              }
-            ]
+        CLOSE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
           }
+        ],
+        TOGGLE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnClose"]
+          },
+          {
+            target: "closed",
+            actions: ["invokeOnClose"]
+          }
+        ]
+      }
+    },
+    closed: {
+      on: {
+        "CONTROLLED.OPEN": {
+          target: "open"
         },
-        closed: {
-          on: {
-            "CONTROLLED.OPEN": {
-              target: "open"
-            },
-            OPEN: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["invokeOnOpen"]
-              }
-            ],
-            TOGGLE: [
-              {
-                guard: "isOpenControlled",
-                actions: ["invokeOnOpen"]
-              },
-              {
-                target: "open",
-                actions: ["invokeOnOpen"]
-              }
-            ]
+        OPEN: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
           }
-        }
+        ],
+        TOGGLE: [
+          {
+            guard: "isOpenControlled",
+            actions: ["invokeOnOpen"]
+          },
+          {
+            target: "open",
+            actions: ["invokeOnOpen"]
+          }
+        ]
       }
+    }
+  },
+  implementations: {
+    guards: {
+      isOpenControlled: ({ prop: e }) => e("open") != null
     },
-    {
-      guards: {
-        isOpenControlled: (e) => !!e["open.controlled"]
+    effects: {
+      trackDismissableElement({ scope: e, send: t, prop: n }) {
+        return b(() => c(e), {
+          defer: !0,
+          pointerBlocking: n("modal"),
+          exclude: [B(e)],
+          onInteractOutside(o) {
+            var r;
+            (r = n("onInteractOutside")) == null || r(o), n("closeOnInteractOutside") || o.preventDefault();
+          },
+          persistentElements: n("persistentElements"),
+          onFocusOutside: n("onFocusOutside"),
+          onPointerDownOutside: n("onPointerDownOutside"),
+          onEscapeKeyDown(o) {
+            var r;
+            (r = n("onEscapeKeyDown")) == null || r(o), n("closeOnEscape") || o.preventDefault();
+          },
+          onDismiss() {
+            t({ type: "CLOSE", src: "interact-outside" });
+          }
+        });
       },
-      activities: {
-        trackDismissableElement(e, r, { send: s }) {
-          return C(() => o.getContentEl(e), {
-            defer: !0,
-            pointerBlocking: e.modal,
-            exclude: [o.getTriggerEl(e)],
-            onInteractOutside(i) {
-              var l;
-              (l = e.onInteractOutside) == null || l.call(e, i), e.closeOnInteractOutside || i.preventDefault();
-            },
-            persistentElements: e.persistentElements,
-            onFocusOutside: e.onFocusOutside,
-            onPointerDownOutside: e.onPointerDownOutside,
-            onEscapeKeyDown(i) {
-              var l;
-              (l = e.onEscapeKeyDown) == null || l.call(e, i), e.closeOnEscape || i.preventDefault();
-            },
-            onDismiss() {
-              s({ 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 s = E(() => {
-            var i;
-            const d = o.getContentEl(e);
-            if (d) {
-              r = v(d, {
-                document: o.getDoc(e),
-                escapeDeactivates: !1,
-                preventScroll: !0,
-                fallbackFocus: d,
-                returnFocusOnDeactivate: e.restoreFocus,
-                allowOutsideClick: !0,
-                initialFocus: ((i = e.initialFocusEl) == null ? void 0 : i.call(e)) ?? void 0,
-                setReturnFocus(l) {
-                  var g;
-                  return ((g = e.finalFocusEl) == null ? void 0 : g.call(e)) ?? l;
-                }
-              });
-              try {
-                r.activate();
-              } catch {
-              }
-            }
-          });
-          return () => {
-            r == null || r.deactivate(), s();
-          };
-        },
-        hideContentBelow(e) {
-          return e.modal ? O(() => [o.getContentEl(e)], { defer: !0 }) : void 0;
-        }
+      preventScroll({ scope: e, prop: t }) {
+        if (t("preventScroll"))
+          return F(e.getDoc());
       },
-      actions: {
-        setAlertDialogProps(e) {
-          e.role === "alertdialog" && (e.initialFocusEl || (e.initialFocusEl = () => o.getCloseTriggerEl(e)), e.closeOnInteractOutside = !1);
-        },
-        checkRenderedElements(e) {
-          p(() => {
-            e.renderedElements.title = !!o.getTitleEl(e), e.renderedElements.description = !!o.getDescriptionEl(e);
+      trapFocus({ scope: e, prop: t }) {
+        return !t("trapFocus") || !t("modal") ? void 0 : P(() => c(e), {
+          preventScroll: !0,
+          returnFocusOnDeactivate: !!t("restoreFocus"),
+          initialFocus: t("initialFocusEl"),
+          setReturnFocus: (a) => {
+            var o;
+            return ((o = t("finalFocusEl")) == null ? void 0 : o()) ?? a;
+          }
+        });
+      },
+      hideContentBelow({ scope: e, prop: t }) {
+        return t("modal") ? k(() => [c(e)], { defer: !0 }) : void 0;
+      }
+    },
+    actions: {
+      checkRenderedElements({ context: e, scope: t }) {
+        E(() => {
+          e.set("rendered", {
+            title: !!N(t),
+            description: !!w(t)
           });
-        },
-        syncZIndex(e) {
-          p(() => {
-            const r = o.getContentEl(e);
-            if (!r) return;
-            const d = o.getWin(e).getComputedStyle(r);
-            [o.getPositionerEl(e), o.getBackdropEl(e)].forEach((l) => {
-              l == null || l.style.setProperty("--z-index", d.zIndex);
-            });
+        });
+      },
+      syncZIndex({ scope: e }) {
+        E(() => {
+          const t = c(e);
+          if (!t) return;
+          const n = D(t);
+          [h(e), S(e)].forEach((o) => {
+            o == null || o.style.setProperty("--z-index", n.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: s }) {
-          s({ type: e.open ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE", previousEvent: r });
-        }
+        });
+      },
+      invokeOnClose({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !1 });
+      },
+      invokeOnOpen({ prop: e }) {
+        var t;
+        (t = e("onOpenChange")) == null || t({ open: !0 });
+      },
+      toggleVisibility({ prop: e, send: t, event: n }) {
+        t({
+          type: e("open") ? "CONTROLLED.OPEN" : "CONTROLLED.CLOSE",
+          previousEvent: n
+        });
       }
     }
-  );
-}
-k()([
+  }
+});
+T()([
   "aria-label",
   "closeOnEscape",
   "closeOnInteractOutside",
@@ -334,7 +307,7 @@ k()([
   "onInteractOutside",
   "onOpenChange",
   "onPointerDownOutside",
-  "open.controlled",
+  "defaultOpen",
   "open",
   "persistentElements",
   "preventScroll",
@@ -343,7 +316,7 @@ k()([
   "trapFocus"
 ]);
 export {
-  T as anatomy,
-  w as connect,
-  N as machine
+  L as anatomy,
+  q as connect,
+  J as machine
 };