@manafishrov/ui 1.4.4 → 1.4.6

package/dist/node_modules/.bun/@zag-js_navigation-menu@1.35.3/node_modules/@zag-js/navigation-menu/dist/navigation-menu.machine.js

@@ -1,299 +1,264 @@
-import { getRootEl as V, getViewportEl as v, getTabbableEls as I, removeFromTabOrder as D, getContentEl as p, getTriggerEl as h, getLinkEls as P, focusFirst as z, setMotionAttr as k, getListEl as L, trackResizeObserver as R, getTriggerEls as A } from "./navigation-menu.dom.js";
-import { setOpenTimeout as S, clearOpenTimeout as W, setCloseTimeout as F, clearAllOpenTimeouts as M, clearCloseTimeout as G } from "./navigation-menu.utils.js";
-import { contains as N } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/node.js";
-import { navigate as H } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/navigate.js";
-import { raf as B } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
-import { callAll as U } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
-import { addDomEvent as w } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/event.js";
-import { trackDismissableElement as K } from "../../../../../@zag-js_dismissable@1.35.3/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
-import { ensureProps as j } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/warning.js";
-import { setup as q } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
-var { createMachine: J } = q(), se = J({
-  props({ props: e }) {
-    return j(e, ["id"]), {
-      dir: "ltr",
-      openDelay: 200,
-      closeDelay: 300,
-      orientation: "horizontal",
-      defaultValue: "",
-      ...e
-    };
-  },
-  context({ prop: e, bindable: t }) {
-    return {
-      // value tracking
-      value: t(() => ({
-        defaultValue: e("defaultValue"),
-        value: e("value"),
-        sync: !0,
-        onChange(o) {
-          e("onValueChange")?.({ value: o });
-        }
-      })),
-      previousValue: t(() => ({
-        defaultValue: "",
-        sync: !0
-      })),
-      // viewport
-      viewportSize: t(() => ({
-        defaultValue: null,
-        sync: !0
-      })),
-      isViewportRendered: t(() => ({
-        defaultValue: !1
-      })),
-      viewportPosition: t(() => ({
-        defaultValue: null
-      })),
-      // nodes
-      contentNode: t(() => ({
-        defaultValue: null
-      })),
-      triggerRect: t(() => ({
-        defaultValue: null,
-        sync: !0
-      })),
-      triggerNode: t(() => ({
-        defaultValue: null
-      }))
-    };
-  },
-  computed: {
-    open: ({ context: e }) => e.get("value") != null
-  },
-  watch({ track: e, action: t, context: o }) {
-    e([() => o.get("value")], () => {
-      t(["restoreTabOrder", "setTriggerNode", "syncContentNode", "syncMotionAttribute"]);
-    });
-  },
-  refs() {
-    return {
-      restoreContentTabOrder: void 0,
-      contentResizeObserverCleanup: void 0,
-      contentDismissableCleanup: void 0,
-      contentExitCompleteCleanup: void 0,
-      triggerResizeObserverCleanup: void 0,
-      closeTimeoutId: null,
-      openTimeoutIds: {}
-    };
-  },
-  entry: ["checkViewportNode"],
-  exit: ["cleanupObservers"],
-  effects: ["trackDocumentResize"],
-  initialState() {
-    return "idle";
-  },
-  on: {
-    "VALUE.SET": {
-      actions: ["setValue"]
-    },
-    "VIEWPORT.POSITION": {
-      actions: ["setViewportPosition"]
-    },
-    "TRIGGER.POINTERENTER": {
-      actions: ["clearCloseTimeout", "setValueWithDelay"]
-    },
-    "TRIGGER.POINTERLEAVE": [
-      {
-        actions: ["setCloseTimeout", "resetValueWithDelay"]
-      }
-    ],
-    "TRIGGER.CLICK": [
-      {
-        guard: "isItemOpen",
-        actions: ["deselectValue"]
-      },
-      {
-        actions: ["selectValue"]
-      }
-    ],
-    "CONTENT.FOCUS": {
-      actions: ["restoreTabOrder", "focusFirstTabbableEl"]
-    },
-    "CONTENT.BLUR": {
-      actions: ["removeFromTabOrder"]
-    },
-    "CONTENT.POINTERENTER": {
-      actions: ["clearCloseTimeout"]
-    },
-    "CONTENT.POINTERLEAVE": {
-      actions: ["setCloseTimeout"]
-    },
-    "ITEM.NAVIGATE": {
-      actions: ["focusNextLink"]
-    },
-    "ITEM.CLOSE": {
-      actions: ["focusTrigger", "deselectValue"]
-    },
-    CLOSE: {
-      actions: ["clearAllOpenTimeouts", "deselectValue", "focusTriggerIfNeeded", "removeFromTabOrder"]
-    }
-  },
-  states: {
-    idle: {}
-  },
-  implementations: {
-    guards: {
-      isItemOpen: ({ context: e, event: t }) => e.get("value") === t.value
-    },
-    effects: {
-      trackDocumentResize({ scope: e, send: t }) {
-        const o = e.getDoc();
-        return R([o.body, V(e)], () => {
-          t({ type: "VIEWPORT.POSITION" });
-        });
-      }
-    },
-    actions: {
-      setValue({ context: e, event: t }) {
-        e.set("value", t.value);
-      },
-      clearCloseTimeout({ refs: e }) {
-        G(e);
-      },
-      clearAllOpenTimeouts({ refs: e }) {
-        M(e);
-      },
-      setCloseTimeout({ refs: e, context: t, prop: o }) {
-        F(e, t, o);
-      },
-      resetValueWithDelay({ event: e, refs: t }) {
-        W(t, e.value);
-      },
-      setValueWithDelay({ event: e, prop: t, context: o, refs: s }) {
-        const n = o.get("value") !== "", i = window.setTimeout(
-          () => {
-            setTimeout(() => {
-              o.set("previousValue", o.get("value")), o.set("value", e.value);
-            });
-          },
-          n ? 0 : t("openDelay")
-        );
-        S(s, e.value, i);
-      },
-      selectValue: ({ context: e, event: t }) => {
-        e.set("previousValue", e.get("value")), e.set("value", t.value);
-      },
-      deselectValue: ({ context: e }) => {
-        e.set("value", ""), e.set("previousValue", "");
-      },
-      syncContentNode({ context: e, scope: t, refs: o, send: s }) {
-        o.get("contentResizeObserverCleanup")?.(), o.get("contentDismissableCleanup")?.(), o.get("contentExitCompleteCleanup")?.();
-        const n = e.get("previousValue");
-        if (n) {
-          const l = p(t, n), a = v(t);
-          if (l) {
-            const r = () => e.set("previousValue", "");
-            o.set(
-              "contentExitCompleteCleanup",
-              U(
-                w(l, "exitcomplete", r),
-                w(a, "exitcomplete", r)
-              )
-            );
-          }
-        }
-        const i = p(t, e.get("value"));
-        if (!i) return;
-        if (e.set("contentNode", i), e.get("isViewportRendered")) {
-          const l = R([i], () => {
-            const a = p(t, e.get("value"));
-            a && (e.set("viewportSize", { width: a.offsetWidth, height: a.offsetHeight }), s({ type: "VIEWPORT.POSITION" }));
-          });
-          o.set("contentResizeObserverCleanup", l);
-        }
-        const f = K(() => v(t) || p(t, e.get("value")), {
-          defer: !0,
-          onFocusOutside(l) {
-            const a = l.detail.target;
-            (a.matches("[data-scope=navigation-menu][data-part=trigger]") || a.matches("[data-trigger-proxy]")) && l.preventDefault(), l.defaultPrevented || (s({ type: "CONTENT.BLUR" }), N(V(t), a) && l.preventDefault());
-          },
-          onPointerDownOutside(l) {
-            const a = l.detail.target;
-            if (!l.defaultPrevented) {
-              const r = A(t).some((m) => m.contains(a)), d = N(v(t), a);
-              (r || d) && l.preventDefault();
-            }
-          },
-          onDismiss() {
-            s({ type: "CLOSE", value: e.get("value") });
-          }
-        });
-        o.set("contentDismissableCleanup", f);
-      },
-      setTriggerNode({ context: e, scope: t, refs: o }) {
-        o.get("triggerResizeObserverCleanup")?.();
-        const s = h(t, e.get("value"));
-        if (!s) return;
-        e.set("triggerNode", s);
-        const n = () => {
-          const f = { x: s.offsetLeft, y: s.offsetTop, width: s.offsetWidth, height: s.offsetHeight };
-          e.set("triggerRect", f);
-        }, i = L(t), T = R([s, i], n);
-        o.set("triggerResizeObserverCleanup", T);
-      },
-      syncMotionAttribute({ context: e, scope: t }) {
-        e.get("isViewportRendered") && k(t, e.get("value"), e.get("previousValue"));
-      },
-      focusFirstTabbableEl({ event: e, scope: t, context: o }) {
-        B(() => {
-          const s = e.value || o.get("value"), n = I(t, s), i = e.side === "start" ? n : n.reverse();
-          i.length && z(t, i);
-        });
-      },
-      focusNextLink({ event: e, scope: t }) {
-        const o = t.getActiveElement(), s = P(t, e.value);
-        if (o == null || !s.includes(o)) return;
-        H(s, o, { key: e.key, loop: !1 })?.focus();
-      },
-      focusTrigger({ scope: e, event: t, context: o }) {
-        const s = t.value ?? o.get("value");
-        h(e, s)?.focus();
-      },
-      focusTriggerIfNeeded({ event: e, scope: t }) {
-        const o = e.value, s = p(t, o);
-        N(s, t.getActiveElement()) && h(t, o)?.focus();
-      },
-      removeFromTabOrder({ event: e, scope: t, refs: o, context: s }) {
-        const n = e.value ?? s.get("value"), i = I(t, n);
-        i.length && o.set("restoreContentTabOrder", D(i));
-      },
-      restoreTabOrder({ refs: e }) {
-        e.get("restoreContentTabOrder")?.();
-      },
-      cleanupObservers({ refs: e }) {
-        e.get("contentResizeObserverCleanup")?.(), e.get("contentDismissableCleanup")?.(), e.get("triggerResizeObserverCleanup")?.(), e.get("restoreContentTabOrder")?.(), e.get("contentExitCompleteCleanup")?.();
-      },
-      checkViewportNode({ context: e, scope: t }) {
-        e.set("isViewportRendered", !!v(t));
-      },
-      setViewportPosition({ context: e, scope: t }) {
-        const o = e.get("triggerNode"), s = e.get("contentNode"), n = V(t), i = t.getDoc(), f = v(t)?.dataset.align || "center";
-        if (s && o && n) {
-          const l = i.documentElement.offsetWidth, a = i.documentElement.offsetHeight, r = n.getBoundingClientRect(), d = o.getBoundingClientRect(), { offsetWidth: m, offsetHeight: E } = s, O = d.left - r.left, C = d.top - r.top;
-          let u = null, c = null;
-          switch (f) {
-            case "start":
-              u = O, c = C;
-              break;
-            case "end":
-              u = O - m + d.width, c = C - E + d.height;
-              break;
-            default:
-              u = O - m / 2 + d.width / 2, c = C - E / 2 + d.height / 2;
-          }
-          const g = 10;
-          u + r.left < g && (u = g - r.left);
-          const b = u + r.left + m;
-          b > l - g && (u -= b - l + g, u < g - r.left && (u = g - r.left)), c + r.top < g && (c = g - r.top);
-          const y = c + r.top + E;
-          y > a - g && (c -= y - a + g, c < g - r.top && (c = g - r.top)), u = Math.round(u), c = Math.round(c), e.set("viewportPosition", { x: u, y: c });
-        }
-      }
-    }
-  }
+import { callAll as e } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/functions.js";
+import { ensureProps as t } from "../../../../../@zag-js_utils@1.35.3/node_modules/@zag-js/utils/dist/warning.js";
+import { setup as n } from "../../../../../@zag-js_core@1.35.3/node_modules/@zag-js/core/dist/create-machine.js";
+import { contains as r } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/node.js";
+import { addDomEvent as i } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/event.js";
+import { raf as a } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/raf.js";
+import { navigate as o } from "../../../../../@zag-js_dom-query@1.35.3/node_modules/@zag-js/dom-query/dist/navigate.js";
+import { trackDismissableElement as s } from "../../../../../@zag-js_dismissable@1.35.3/node_modules/@zag-js/dismissable/dist/dismissable-layer.js";
+import { focusFirst as c, getContentEl as l, getLinkEls as u, getListEl as d, getRootEl as f, getTabbableEls as p, getTriggerEl as m, getTriggerEls as h, getViewportEl as g, removeFromTabOrder as _, setMotionAttr as v, trackResizeObserver as y } from "./navigation-menu.dom.js";
+import { clearAllOpenTimeouts as b, clearCloseTimeout as x, clearOpenTimeout as S, setCloseTimeout as C, setOpenTimeout as w } from "./navigation-menu.utils.js";
+//#region ../../node_modules/.bun/@zag-js+navigation-menu@1.35.3/node_modules/@zag-js/navigation-menu/dist/navigation-menu.machine.mjs
+var { createMachine: T } = n(), E = T({
+	props({ props: e }) {
+		return t(e, ["id"]), {
+			dir: "ltr",
+			openDelay: 200,
+			closeDelay: 300,
+			orientation: "horizontal",
+			defaultValue: "",
+			...e
+		};
+	},
+	context({ prop: e, bindable: t }) {
+		return {
+			value: t(() => ({
+				defaultValue: e("defaultValue"),
+				value: e("value"),
+				sync: !0,
+				onChange(t) {
+					e("onValueChange")?.({ value: t });
+				}
+			})),
+			previousValue: t(() => ({
+				defaultValue: "",
+				sync: !0
+			})),
+			viewportSize: t(() => ({
+				defaultValue: null,
+				sync: !0
+			})),
+			isViewportRendered: t(() => ({ defaultValue: !1 })),
+			viewportPosition: t(() => ({ defaultValue: null })),
+			contentNode: t(() => ({ defaultValue: null })),
+			triggerRect: t(() => ({
+				defaultValue: null,
+				sync: !0
+			})),
+			triggerNode: t(() => ({ defaultValue: null }))
+		};
+	},
+	computed: { open: ({ context: e }) => e.get("value") != null },
+	watch({ track: e, action: t, context: n }) {
+		e([() => n.get("value")], () => {
+			t([
+				"restoreTabOrder",
+				"setTriggerNode",
+				"syncContentNode",
+				"syncMotionAttribute"
+			]);
+		});
+	},
+	refs() {
+		return {
+			restoreContentTabOrder: void 0,
+			contentResizeObserverCleanup: void 0,
+			contentDismissableCleanup: void 0,
+			contentExitCompleteCleanup: void 0,
+			triggerResizeObserverCleanup: void 0,
+			closeTimeoutId: null,
+			openTimeoutIds: {}
+		};
+	},
+	entry: ["checkViewportNode"],
+	exit: ["cleanupObservers"],
+	effects: ["trackDocumentResize"],
+	initialState() {
+		return "idle";
+	},
+	on: {
+		"VALUE.SET": { actions: ["setValue"] },
+		"VIEWPORT.POSITION": { actions: ["setViewportPosition"] },
+		"TRIGGER.POINTERENTER": { actions: ["clearCloseTimeout", "setValueWithDelay"] },
+		"TRIGGER.POINTERLEAVE": [{ actions: ["setCloseTimeout", "resetValueWithDelay"] }],
+		"TRIGGER.CLICK": [{
+			guard: "isItemOpen",
+			actions: ["deselectValue"]
+		}, { actions: ["selectValue"] }],
+		"CONTENT.FOCUS": { actions: ["restoreTabOrder", "focusFirstTabbableEl"] },
+		"CONTENT.BLUR": { actions: ["removeFromTabOrder"] },
+		"CONTENT.POINTERENTER": { actions: ["clearCloseTimeout"] },
+		"CONTENT.POINTERLEAVE": { actions: ["setCloseTimeout"] },
+		"ITEM.NAVIGATE": { actions: ["focusNextLink"] },
+		"ITEM.CLOSE": { actions: ["focusTrigger", "deselectValue"] },
+		CLOSE: { actions: [
+			"clearAllOpenTimeouts",
+			"deselectValue",
+			"focusTriggerIfNeeded",
+			"removeFromTabOrder"
+		] }
+	},
+	states: { idle: {} },
+	implementations: {
+		guards: { isItemOpen: ({ context: e, event: t }) => e.get("value") === t.value },
+		effects: { trackDocumentResize({ scope: e, send: t }) {
+			return y([e.getDoc().body, f(e)], () => {
+				t({ type: "VIEWPORT.POSITION" });
+			});
+		} },
+		actions: {
+			setValue({ context: e, event: t }) {
+				e.set("value", t.value);
+			},
+			clearCloseTimeout({ refs: e }) {
+				x(e);
+			},
+			clearAllOpenTimeouts({ refs: e }) {
+				b(e);
+			},
+			setCloseTimeout({ refs: e, context: t, prop: n }) {
+				C(e, t, n);
+			},
+			resetValueWithDelay({ event: e, refs: t }) {
+				S(t, e.value);
+			},
+			setValueWithDelay({ event: e, prop: t, context: n, refs: r }) {
+				let i = n.get("value") !== "", a = window.setTimeout(() => {
+					setTimeout(() => {
+						n.set("previousValue", n.get("value")), n.set("value", e.value);
+					});
+				}, i ? 0 : t("openDelay"));
+				w(r, e.value, a);
+			},
+			selectValue: ({ context: e, event: t }) => {
+				e.set("previousValue", e.get("value")), e.set("value", t.value);
+			},
+			deselectValue: ({ context: e }) => {
+				e.set("value", ""), e.set("previousValue", "");
+			},
+			syncContentNode({ context: t, scope: n, refs: a, send: o }) {
+				a.get("contentResizeObserverCleanup")?.(), a.get("contentDismissableCleanup")?.(), a.get("contentExitCompleteCleanup")?.();
+				let c = t.get("previousValue");
+				if (c) {
+					let r = l(n, c), o = g(n);
+					if (r) {
+						let n = () => t.set("previousValue", "");
+						a.set("contentExitCompleteCleanup", e(i(r, "exitcomplete", n), i(o, "exitcomplete", n)));
+					}
+				}
+				let u = l(n, t.get("value"));
+				if (!u) return;
+				if (t.set("contentNode", u), t.get("isViewportRendered")) {
+					let e = y([u], () => {
+						let e = l(n, t.get("value"));
+						e && (t.set("viewportSize", {
+							width: e.offsetWidth,
+							height: e.offsetHeight
+						}), o({ type: "VIEWPORT.POSITION" }));
+					});
+					a.set("contentResizeObserverCleanup", e);
+				}
+				let d = s(() => g(n) || l(n, t.get("value")), {
+					defer: !0,
+					onFocusOutside(e) {
+						let t = e.detail.target;
+						(t.matches("[data-scope=navigation-menu][data-part=trigger]") || t.matches("[data-trigger-proxy]")) && e.preventDefault(), e.defaultPrevented || (o({ type: "CONTENT.BLUR" }), r(f(n), t) && e.preventDefault());
+					},
+					onPointerDownOutside(e) {
+						let t = e.detail.target;
+						if (!e.defaultPrevented) {
+							let i = h(n).some((e) => e.contains(t)), a = r(g(n), t);
+							(i || a) && e.preventDefault();
+						}
+					},
+					onDismiss() {
+						o({
+							type: "CLOSE",
+							value: t.get("value")
+						});
+					}
+				});
+				a.set("contentDismissableCleanup", d);
+			},
+			setTriggerNode({ context: e, scope: t, refs: n }) {
+				n.get("triggerResizeObserverCleanup")?.();
+				let r = m(t, e.get("value"));
+				if (!r) return;
+				e.set("triggerNode", r);
+				let i = y([r, d(t)], () => {
+					let t = {
+						x: r.offsetLeft,
+						y: r.offsetTop,
+						width: r.offsetWidth,
+						height: r.offsetHeight
+					};
+					e.set("triggerRect", t);
+				});
+				n.set("triggerResizeObserverCleanup", i);
+			},
+			syncMotionAttribute({ context: e, scope: t }) {
+				e.get("isViewportRendered") && v(t, e.get("value"), e.get("previousValue"));
+			},
+			focusFirstTabbableEl({ event: e, scope: t, context: n }) {
+				a(() => {
+					let r = p(t, e.value || n.get("value")), i = e.side === "start" ? r : r.reverse();
+					i.length && c(t, i);
+				});
+			},
+			focusNextLink({ event: e, scope: t }) {
+				let n = t.getActiveElement(), r = u(t, e.value);
+				n == null || !r.includes(n) || o(r, n, {
+					key: e.key,
+					loop: !1
+				})?.focus();
+			},
+			focusTrigger({ scope: e, event: t, context: n }) {
+				m(e, t.value ?? n.get("value"))?.focus();
+			},
+			focusTriggerIfNeeded({ event: e, scope: t }) {
+				let n = e.value;
+				r(l(t, n), t.getActiveElement()) && m(t, n)?.focus();
+			},
+			removeFromTabOrder({ event: e, scope: t, refs: n, context: r }) {
+				let i = p(t, e.value ?? r.get("value"));
+				i.length && n.set("restoreContentTabOrder", _(i));
+			},
+			restoreTabOrder({ refs: e }) {
+				e.get("restoreContentTabOrder")?.();
+			},
+			cleanupObservers({ refs: e }) {
+				e.get("contentResizeObserverCleanup")?.(), e.get("contentDismissableCleanup")?.(), e.get("triggerResizeObserverCleanup")?.(), e.get("restoreContentTabOrder")?.(), e.get("contentExitCompleteCleanup")?.();
+			},
+			checkViewportNode({ context: e, scope: t }) {
+				e.set("isViewportRendered", !!g(t));
+			},
+			setViewportPosition({ context: e, scope: t }) {
+				let n = e.get("triggerNode"), r = e.get("contentNode"), i = f(t), a = t.getDoc(), o = g(t)?.dataset.align || "center";
+				if (r && n && i) {
+					let t = a.documentElement.offsetWidth, s = a.documentElement.offsetHeight, c = i.getBoundingClientRect(), l = n.getBoundingClientRect(), { offsetWidth: u, offsetHeight: d } = r, f = l.left - c.left, p = l.top - c.top, m = null, h = null;
+					switch (o) {
+						case "start":
+							m = f, h = p;
+							break;
+						case "end":
+							m = f - u + l.width, h = p - d + l.height;
+							break;
+						default: m = f - u / 2 + l.width / 2, h = p - d / 2 + l.height / 2;
+					}
+					m + c.left < 10 && (m = 10 - c.left);
+					let g = m + c.left + u;
+					g > t - 10 && (m -= g - t + 10, m < 10 - c.left && (m = 10 - c.left)), h + c.top < 10 && (h = 10 - c.top);
+					let _ = h + c.top + d;
+					_ > s - 10 && (h -= _ - s + 10, h < 10 - c.top && (h = 10 - c.top)), m = Math.round(m), h = Math.round(h), e.set("viewportPosition", {
+						x: m,
+						y: h
+					});
+				}
+			}
+		}
+	}
 });
-export {
-  se as machine
-};
-//# sourceMappingURL=navigation-menu.machine.js.map
+//#endregion
+export { E as machine };
+
+//# sourceMappingURL=navigation-menu.machine.js.map