@zag-js/menubar 2.0.0-next.1

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2021 Chakra UI
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.d.mts

@@ -0,0 +1,9 @@
+export { anatomy } from './menubar.anatomy.mjs';
+export { connect } from './menubar.connect.mjs';
+export { machine } from './menubar.machine.mjs';
+export { props, splitProps } from './menubar.props.mjs';
+export { MenubarApi as Api, ElementIds, MenubarMachine as Machine, MenuCloseReason, MenubarEventMap, MenubarMenuContext, MenubarProps as Props, MenubarService as Service } from './menubar.types.mjs';
+export { Orientation } from '@zag-js/types';
+import '@zag-js/anatomy';
+import '@zag-js/core';
+import '@zag-js/dom-query';

package/dist/index.d.ts

@@ -0,0 +1,9 @@
+export { anatomy } from './menubar.anatomy.js';
+export { connect } from './menubar.connect.js';
+export { machine } from './menubar.machine.js';
+export { props, splitProps } from './menubar.props.js';
+export { MenubarApi as Api, ElementIds, MenubarMachine as Machine, MenuCloseReason, MenubarEventMap, MenubarMenuContext, MenubarProps as Props, MenubarService as Service } from './menubar.types.js';
+export { Orientation } from '@zag-js/types';
+import '@zag-js/anatomy';
+import '@zag-js/core';
+import '@zag-js/dom-query';

package/dist/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/index.ts
+var index_exports = {};
+__export(index_exports, {
+  anatomy: () => import_menubar.anatomy,
+  connect: () => import_menubar2.connect,
+  machine: () => import_menubar3.machine
+});
+module.exports = __toCommonJS(index_exports);
+var import_menubar = require("./menubar.anatomy.js");
+var import_menubar2 = require("./menubar.connect.js");
+var import_menubar3 = require("./menubar.machine.js");
+__reExport(index_exports, require("./menubar.props.js"), module.exports);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  anatomy,
+  connect,
+  machine,
+  ...require("./menubar.props.js")
+});

package/dist/index.mjs

@@ -0,0 +1,10 @@
+// src/index.ts
+import { anatomy } from "./menubar.anatomy.mjs";
+import { connect } from "./menubar.connect.mjs";
+import { machine } from "./menubar.machine.mjs";
+export * from "./menubar.props.mjs";
+export {
+  anatomy,
+  connect,
+  machine
+};

package/dist/menubar.anatomy.d.mts

@@ -0,0 +1,6 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root">;
+declare const parts: Record<"root", _zag_js_anatomy.AnatomyPart>;
+
+export { anatomy, parts };

package/dist/menubar.anatomy.d.ts

@@ -0,0 +1,6 @@
+import * as _zag_js_anatomy from '@zag-js/anatomy';
+
+declare const anatomy: _zag_js_anatomy.AnatomyInstance<"root">;
+declare const parts: Record<"root", _zag_js_anatomy.AnatomyPart>;
+
+export { anatomy, parts };

package/dist/menubar.anatomy.js

@@ -0,0 +1,34 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/menubar.anatomy.ts
+var menubar_anatomy_exports = {};
+__export(menubar_anatomy_exports, {
+  anatomy: () => anatomy,
+  parts: () => parts
+});
+module.exports = __toCommonJS(menubar_anatomy_exports);
+var import_anatomy = require("@zag-js/anatomy");
+var anatomy = (0, import_anatomy.createAnatomy)("menubar").parts("root");
+var parts = anatomy.build();
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  anatomy,
+  parts
+});

package/dist/menubar.anatomy.mjs

@@ -0,0 +1,8 @@
+// src/menubar.anatomy.ts
+import { createAnatomy } from "@zag-js/anatomy";
+var anatomy = createAnatomy("menubar").parts("root");
+var parts = anatomy.build();
+export {
+  anatomy,
+  parts
+};

package/dist/menubar.connect.d.mts

@@ -0,0 +1,8 @@
+import { PropTypes, NormalizeProps } from '@zag-js/types';
+import { MenubarService, MenubarApi } from './menubar.types.mjs';
+import '@zag-js/core';
+import '@zag-js/dom-query';
+
+declare function connect<T extends PropTypes>(service: MenubarService, normalize: NormalizeProps<T>): MenubarApi<T>;
+
+export { connect };

package/dist/menubar.connect.d.ts

@@ -0,0 +1,8 @@
+import { PropTypes, NormalizeProps } from '@zag-js/types';
+import { MenubarService, MenubarApi } from './menubar.types.js';
+import '@zag-js/core';
+import '@zag-js/dom-query';
+
+declare function connect<T extends PropTypes>(service: MenubarService, normalize: NormalizeProps<T>): MenubarApi<T>;
+
+export { connect };

package/dist/menubar.connect.js

@@ -0,0 +1,107 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/menubar.connect.ts
+var menubar_connect_exports = {};
+__export(menubar_connect_exports, {
+  connect: () => connect
+});
+module.exports = __toCommonJS(menubar_connect_exports);
+var import_dom_query = require("@zag-js/dom-query");
+var import_menubar = require("./menubar.anatomy.js");
+var dom = __toESM(require("./menubar.dom.js"));
+function connect(service, normalize) {
+  const { context, send, prop, scope } = service;
+  const hasOpenMenu = context.get("hasOpenMenu");
+  const activeId = context.get("activeId");
+  const orientation = prop("orientation");
+  const isHorizontal = orientation === "horizontal";
+  const disabled = !!prop("disabled");
+  return {
+    hasOpenMenu,
+    orientation,
+    disabled,
+    getMenuContext() {
+      return { rootId: dom.getRootId(scope), disabled, orientation, activeId };
+    },
+    getRootProps() {
+      return normalize.element({
+        ...import_menubar.parts.root.attrs(scope.id),
+        id: dom.getRootId(scope),
+        role: "menubar",
+        dir: prop("dir"),
+        "aria-orientation": orientation,
+        "data-orientation": orientation,
+        "aria-disabled": (0, import_dom_query.ariaAttr)(disabled),
+        "data-disabled": (0, import_dom_query.dataAttr)(disabled),
+        // Explicit "true"/"false" so menu triggers can read it via `dataset.hasOpenMenu`.
+        "data-has-open-menu": hasOpenMenu ? "true" : "false",
+        onKeyDown(event) {
+          if (event.defaultPrevented || disabled) return;
+          const target = (0, import_dom_query.getEventTarget)(event);
+          if (!dom.isTriggerEl(target)) return;
+          const keyMap = {
+            ArrowRight() {
+              if (isHorizontal) send({ type: "TRIGGER.FOCUS_NEXT" });
+            },
+            ArrowLeft() {
+              if (isHorizontal) send({ type: "TRIGGER.FOCUS_PREV" });
+            },
+            ArrowDown() {
+              if (!isHorizontal) send({ type: "TRIGGER.FOCUS_NEXT" });
+            },
+            ArrowUp() {
+              if (!isHorizontal) send({ type: "TRIGGER.FOCUS_PREV" });
+            },
+            Home() {
+              send({ type: "TRIGGER.FOCUS_FIRST" });
+            },
+            End() {
+              send({ type: "TRIGGER.FOCUS_LAST" });
+            }
+          };
+          const exec = keyMap[(0, import_dom_query.getEventKey)(event, { dir: prop("dir"), orientation })];
+          if (exec) {
+            exec(event);
+            event.preventDefault();
+            return;
+          }
+          if ((0, import_dom_query.isPrintableKey)(event) && !(0, import_dom_query.isModifierKey)(event)) {
+            send({ type: "TYPEAHEAD", key: event.key });
+            event.preventDefault();
+          }
+        }
+      });
+    }
+  };
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  connect
+});

package/dist/menubar.connect.mjs

@@ -0,0 +1,72 @@
+// src/menubar.connect.ts
+import { ariaAttr, dataAttr, getEventKey, getEventTarget, isModifierKey, isPrintableKey } from "@zag-js/dom-query";
+import { parts } from "./menubar.anatomy.mjs";
+import * as dom from "./menubar.dom.mjs";
+function connect(service, normalize) {
+  const { context, send, prop, scope } = service;
+  const hasOpenMenu = context.get("hasOpenMenu");
+  const activeId = context.get("activeId");
+  const orientation = prop("orientation");
+  const isHorizontal = orientation === "horizontal";
+  const disabled = !!prop("disabled");
+  return {
+    hasOpenMenu,
+    orientation,
+    disabled,
+    getMenuContext() {
+      return { rootId: dom.getRootId(scope), disabled, orientation, activeId };
+    },
+    getRootProps() {
+      return normalize.element({
+        ...parts.root.attrs(scope.id),
+        id: dom.getRootId(scope),
+        role: "menubar",
+        dir: prop("dir"),
+        "aria-orientation": orientation,
+        "data-orientation": orientation,
+        "aria-disabled": ariaAttr(disabled),
+        "data-disabled": dataAttr(disabled),
+        // Explicit "true"/"false" so menu triggers can read it via `dataset.hasOpenMenu`.
+        "data-has-open-menu": hasOpenMenu ? "true" : "false",
+        onKeyDown(event) {
+          if (event.defaultPrevented || disabled) return;
+          const target = getEventTarget(event);
+          if (!dom.isTriggerEl(target)) return;
+          const keyMap = {
+            ArrowRight() {
+              if (isHorizontal) send({ type: "TRIGGER.FOCUS_NEXT" });
+            },
+            ArrowLeft() {
+              if (isHorizontal) send({ type: "TRIGGER.FOCUS_PREV" });
+            },
+            ArrowDown() {
+              if (!isHorizontal) send({ type: "TRIGGER.FOCUS_NEXT" });
+            },
+            ArrowUp() {
+              if (!isHorizontal) send({ type: "TRIGGER.FOCUS_PREV" });
+            },
+            Home() {
+              send({ type: "TRIGGER.FOCUS_FIRST" });
+            },
+            End() {
+              send({ type: "TRIGGER.FOCUS_LAST" });
+            }
+          };
+          const exec = keyMap[getEventKey(event, { dir: prop("dir"), orientation })];
+          if (exec) {
+            exec(event);
+            event.preventDefault();
+            return;
+          }
+          if (isPrintableKey(event) && !isModifierKey(event)) {
+            send({ type: "TYPEAHEAD", key: event.key });
+            event.preventDefault();
+          }
+        }
+      });
+    }
+  };
+}
+export {
+  connect
+};

package/dist/menubar.dom.d.mts

@@ -0,0 +1,18 @@
+import { Scope } from '@zag-js/core';
+
+declare const getRootId: (ctx: Scope) => any;
+declare const getRootEl: (ctx: Scope) => HTMLElement | null;
+/**
+ * The menubar's items are the menu triggers rendered inside it. Because menus are
+ * portalled, only the top-level triggers (role=menuitem) live within the root subtree.
+ */
+declare const getTriggerEls: (ctx: Scope) => HTMLElement[];
+declare const isTriggerEl: (el: EventTarget | null) => el is HTMLElement;
+declare const getFirstTriggerEl: (ctx: Scope) => HTMLElement | undefined;
+declare const getLastTriggerEl: (ctx: Scope) => HTMLElement | undefined;
+declare const getNextTriggerEl: (ctx: Scope, id: string, loop: boolean) => HTMLElement;
+declare const getPrevTriggerEl: (ctx: Scope, id: string, loop: boolean) => HTMLElement | null;
+declare const getValidActiveId: (ctx: Scope, activeId: string | null) => string | null;
+declare const requestOpenMenu: (ctx: Scope, triggerId: string) => void;
+
+export { getFirstTriggerEl, getLastTriggerEl, getNextTriggerEl, getPrevTriggerEl, getRootEl, getRootId, getTriggerEls, getValidActiveId, isTriggerEl, requestOpenMenu };

package/dist/menubar.dom.d.ts

@@ -0,0 +1,18 @@
+import { Scope } from '@zag-js/core';
+
+declare const getRootId: (ctx: Scope) => any;
+declare const getRootEl: (ctx: Scope) => HTMLElement | null;
+/**
+ * The menubar's items are the menu triggers rendered inside it. Because menus are
+ * portalled, only the top-level triggers (role=menuitem) live within the root subtree.
+ */
+declare const getTriggerEls: (ctx: Scope) => HTMLElement[];
+declare const isTriggerEl: (el: EventTarget | null) => el is HTMLElement;
+declare const getFirstTriggerEl: (ctx: Scope) => HTMLElement | undefined;
+declare const getLastTriggerEl: (ctx: Scope) => HTMLElement | undefined;
+declare const getNextTriggerEl: (ctx: Scope, id: string, loop: boolean) => HTMLElement;
+declare const getPrevTriggerEl: (ctx: Scope, id: string, loop: boolean) => HTMLElement | null;
+declare const getValidActiveId: (ctx: Scope, activeId: string | null) => string | null;
+declare const requestOpenMenu: (ctx: Scope, triggerId: string) => void;
+
+export { getFirstTriggerEl, getLastTriggerEl, getNextTriggerEl, getPrevTriggerEl, getRootEl, getRootId, getTriggerEls, getValidActiveId, isTriggerEl, requestOpenMenu };

package/dist/menubar.dom.js

@@ -0,0 +1,78 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/menubar.dom.ts
+var menubar_dom_exports = {};
+__export(menubar_dom_exports, {
+  getFirstTriggerEl: () => getFirstTriggerEl,
+  getLastTriggerEl: () => getLastTriggerEl,
+  getNextTriggerEl: () => getNextTriggerEl,
+  getPrevTriggerEl: () => getPrevTriggerEl,
+  getRootEl: () => getRootEl,
+  getRootId: () => getRootId,
+  getTriggerEls: () => getTriggerEls,
+  getValidActiveId: () => getValidActiveId,
+  isTriggerEl: () => isTriggerEl,
+  requestOpenMenu: () => requestOpenMenu
+});
+module.exports = __toCommonJS(menubar_dom_exports);
+var import_dom_query = require("@zag-js/dom-query");
+var import_utils = require("@zag-js/utils");
+var import_menubar = require("./menubar.anatomy.js");
+var getRootId = (ctx) => ctx.ids?.root ?? `menubar:${ctx.id}`;
+var getRootEl = (ctx) => ctx.query(ctx.selector(import_menubar.parts.root));
+var getTriggerEls = (ctx) => {
+  const rootEl = getRootEl(ctx);
+  if (!rootEl) return [];
+  const els = rootEl.querySelectorAll("[role=menuitem]");
+  return Array.from(els).filter(
+    (el) => !el.hasAttribute("data-disabled") && el.getAttribute("aria-disabled") !== "true"
+  );
+};
+var isTriggerEl = (el) => {
+  return (0, import_dom_query.isHTMLElement)(el) && el.getAttribute("role") === "menuitem";
+};
+var getFirstTriggerEl = (ctx) => (0, import_utils.first)(getTriggerEls(ctx));
+var getLastTriggerEl = (ctx) => (0, import_utils.last)(getTriggerEls(ctx));
+var getNextTriggerEl = (ctx, id, loop) => (0, import_dom_query.nextById)(getTriggerEls(ctx), id, loop);
+var getPrevTriggerEl = (ctx, id, loop) => (0, import_dom_query.prevById)(getTriggerEls(ctx), id, loop);
+var getValidActiveId = (ctx, activeId) => {
+  const triggers = getTriggerEls(ctx);
+  if (!triggers.length) return null;
+  return triggers.some((el) => el.id === activeId) ? activeId : triggers[0].id;
+};
+var requestOpenMenu = (ctx, triggerId) => {
+  const rootEl = getRootEl(ctx);
+  if (!rootEl) return;
+  const win = (0, import_dom_query.getWindow)(rootEl);
+  rootEl.dispatchEvent(new win.CustomEvent("menubar:open-request", { detail: { triggerId } }));
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getFirstTriggerEl,
+  getLastTriggerEl,
+  getNextTriggerEl,
+  getPrevTriggerEl,
+  getRootEl,
+  getRootId,
+  getTriggerEls,
+  getValidActiveId,
+  isTriggerEl,
+  requestOpenMenu
+});

package/dist/menubar.dom.mjs

@@ -0,0 +1,44 @@
+// src/menubar.dom.ts
+import { getWindow, isHTMLElement, nextById, prevById } from "@zag-js/dom-query";
+import { first, last } from "@zag-js/utils";
+import { parts } from "./menubar.anatomy.mjs";
+var getRootId = (ctx) => ctx.ids?.root ?? `menubar:${ctx.id}`;
+var getRootEl = (ctx) => ctx.query(ctx.selector(parts.root));
+var getTriggerEls = (ctx) => {
+  const rootEl = getRootEl(ctx);
+  if (!rootEl) return [];
+  const els = rootEl.querySelectorAll("[role=menuitem]");
+  return Array.from(els).filter(
+    (el) => !el.hasAttribute("data-disabled") && el.getAttribute("aria-disabled") !== "true"
+  );
+};
+var isTriggerEl = (el) => {
+  return isHTMLElement(el) && el.getAttribute("role") === "menuitem";
+};
+var getFirstTriggerEl = (ctx) => first(getTriggerEls(ctx));
+var getLastTriggerEl = (ctx) => last(getTriggerEls(ctx));
+var getNextTriggerEl = (ctx, id, loop) => nextById(getTriggerEls(ctx), id, loop);
+var getPrevTriggerEl = (ctx, id, loop) => prevById(getTriggerEls(ctx), id, loop);
+var getValidActiveId = (ctx, activeId) => {
+  const triggers = getTriggerEls(ctx);
+  if (!triggers.length) return null;
+  return triggers.some((el) => el.id === activeId) ? activeId : triggers[0].id;
+};
+var requestOpenMenu = (ctx, triggerId) => {
+  const rootEl = getRootEl(ctx);
+  if (!rootEl) return;
+  const win = getWindow(rootEl);
+  rootEl.dispatchEvent(new win.CustomEvent("menubar:open-request", { detail: { triggerId } }));
+};
+export {
+  getFirstTriggerEl,
+  getLastTriggerEl,
+  getNextTriggerEl,
+  getPrevTriggerEl,
+  getRootEl,
+  getRootId,
+  getTriggerEls,
+  getValidActiveId,
+  isTriggerEl,
+  requestOpenMenu
+};

package/dist/menubar.machine.d.mts

@@ -0,0 +1,8 @@
+import * as _zag_js_core from '@zag-js/core';
+import { MenubarSchema } from './menubar.types.mjs';
+import '@zag-js/dom-query';
+import '@zag-js/types';
+
+declare const machine: _zag_js_core.Machine<MenubarSchema>;
+
+export { machine };

package/dist/menubar.machine.d.ts

@@ -0,0 +1,8 @@
+import * as _zag_js_core from '@zag-js/core';
+import { MenubarSchema } from './menubar.types.js';
+import '@zag-js/dom-query';
+import '@zag-js/types';
+
+declare const machine: _zag_js_core.Machine<MenubarSchema>;
+
+export { machine };