@lostgradient/cinder 0.1.0 → 0.1.1

package/dist/server/components/menu-bar/index.js

@@ -4,843 +4,37 @@ var __getProtoOf = Object.getPrototypeOf;
 var __defProp = Object.defineProperty;
 var __getOwnPropNames = Object.getOwnPropertyNames;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+function __accessProp(key) {
+  return this[key];
+}
+var __toESMCache_node;
+var __toESMCache_esm;
 var __toESM = (mod, isNodeMode, target) => {
+  var canCache = mod != null && typeof mod === "object";
+  if (canCache) {
+    var cache = isNodeMode ? __toESMCache_node ??= new WeakMap : __toESMCache_esm ??= new WeakMap;
+    var cached = cache.get(mod);
+    if (cached)
+      return cached;
+  }
   target = mod != null ? __create(__getProtoOf(mod)) : {};
   const to = isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target;
   for (let key of __getOwnPropNames(mod))
     if (!__hasOwnProp.call(to, key))
       __defProp(to, key, {
-        get: () => mod[key],
+        get: __accessProp.bind(mod, key),
         enumerable: true
       });
+  if (canCache)
+    cache.set(mod, to);
   return to;
 };
 var __commonJS = (cb, mod) => () => (mod || cb((mod = { exports: {} }).exports, mod), mod.exports);
 var __esm = (fn, res) => () => (fn && (res = fn(fn = 0)), res);
 var __require = /* @__PURE__ */ createRequire(import.meta.url);
-
-// src/components/portal/portal.svelte
-import * as $2 from "svelte/internal/server";
-
-// src/utilities/class-names.ts
-function classNames(...parts) {
-  return parts.filter((part) => typeof part === "string" && part.length > 0).join(" ");
-}
-
-// src/components/portal/portal.utilities.svelte.ts
-import * as $ from "svelte/internal/server";
-
-// ../../node_modules/esm-env/false.js
-var false_default = false;
-// ../../node_modules/esm-env/true.js
-var true_default = true;
-// src/utilities/dev-warn.ts
-function devWarn(message, ...args) {
-  if (!true_default)
-    return;
-  console.warn(message, ...args);
-}
-
-// src/utilities/read-option.ts
-function isOptionGetter(value) {
-  return typeof value === "function";
-}
-function readOption(value) {
-  return isOptionGetter(value) ? value() : value;
-}
-
-// src/components/portal/portal.utilities.svelte.ts
-function resolvePortalTarget(target) {
-  if (typeof document === "undefined")
-    return null;
-  if (target == null) {
-    return { kind: "resolved", target: document.body };
-  }
-  if (target instanceof HTMLElement) {
-    return { kind: "resolved", target };
-  }
-  try {
-    const resolved = document.querySelector(target);
-    return resolved instanceof HTMLElement ? { kind: "resolved", target: resolved } : { kind: "unresolved", key: target };
-  } catch {
-    return { kind: "unresolved", key: target };
-  }
-}
-function createPortalAttachment(options = {}) {
-  let lastWarnedUnresolvedKey = null;
-  return (element) => {
-    const initialParent = element.parentElement;
-    const initialAttributes = {
-      dir: element.getAttribute("dir"),
-      theme: element.getAttribute("data-cinder-theme")
-    };
-    const anchor = typeof document !== "undefined" ? document.createComment("@lostgradient/cinder/portal") : null;
-    if (anchor && initialParent && element.parentNode === initialParent) {
-      initialParent.insertBefore(anchor, element);
-    }
-    function restoreInline() {
-      if (!anchor || !anchor.parentNode)
-        return;
-      if (element.parentNode === anchor.parentNode && element.previousSibling === anchor)
-        return;
-      anchor.parentNode.insertBefore(element, anchor.nextSibling);
-    }
-    return () => {
-      if (anchor && anchor.parentNode) {
-        anchor.parentNode.removeChild(anchor);
-      }
-    };
-  };
-}
-
-// src/components/portal/portal.svelte
-function Portal($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      target = null,
-      disabled = false,
-      class: className,
-      inheritAttributes = true,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    let hasHydrated = false;
-    const resolvedTarget = $2.derived(() => !disabled ? resolvePortalTarget(target) : null);
-    const shouldRenderChildren = $2.derived(() => disabled || hasHydrated && resolvedTarget() !== null);
-    $$renderer2.push(`<div${$2.attributes({ class: $2.clsx(classNames(className)), ...rest })}>`);
-    if (shouldRenderChildren()) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-
-// src/components/portal/index.ts
-var portal_default = Portal;
-// src/components/menu-bar/menu-bar.svelte
-import * as $9 from "svelte/internal/server";
-import { tick as tick2 } from "svelte";
-
-// src/components/dropdown-item/dropdown-item.svelte
-import * as $3 from "svelte/internal/server";
-
-// src/components/dropdown/dropdown.context.ts
-import { createContext } from "svelte";
-var [getDropdownContextStrict, setDropdownContext] = createContext();
-var getDropdownContext = getDropdownContextStrict;
-var [getDropdownRegisterStrict, setDropdownRegister] = createContext();
-var getDropdownRegister = getDropdownRegisterStrict;
-var [getDropdownRegisterTriggerStrict, setDropdownRegisterTrigger] = createContext();
-var getDropdownRegisterTrigger = getDropdownRegisterTriggerStrict;
-var [getDropdownSetOpenStrict, setDropdownSetOpen] = createContext();
-var getDropdownSetOpen = getDropdownSetOpenStrict;
-
-// src/components/dropdown-item/dropdown-item.svelte
-function Dropdown_item($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let {
-      variant = "default",
-      inset = false,
-      disabled,
-      closeOnSelect = true,
-      class: customClassName,
-      onclick,
-      children,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const context = getDropdownContext();
-    function handleClick(event) {
-      if (disabled)
-        return;
-      if (typeof onclick === "function") {
-        onclick(event);
-      }
-      if (closeOnSelect) {
-        context.close();
-      }
-    }
-    $$renderer2.push(`<button${$3.attributes({
-      ...rest,
-      type: "button",
-      role: "menuitem",
-      class: $3.clsx(classNames("cinder-_option-row", "cinder-dropdown-item", inset && "cinder-dropdown-item--inset", customClassName)),
-      "data-cinder-variant": variant,
-      tabindex: -1,
-      "data-disabled": disabled ? "" : undefined,
-      "aria-disabled": disabled ? "true" : undefined
-    })}>`);
-    if (children) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></button>`);
-  });
-}
-
-// src/components/dropdown-label/dropdown-label.svelte
-import * as $4 from "svelte/internal/server";
-function Dropdown_label($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$4.attributes({
-      ...rest,
-      class: $4.clsx(classNames("cinder-dropdown-label", customClassName)),
-      role: "presentation"
-    })}>`);
-    if (children) {
-      $$renderer2.push("<!--[0-->");
-      children($$renderer2);
-      $$renderer2.push(`<!---->`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
-
-// src/components/dropdown-menu/dropdown-menu.svelte
-import * as $6 from "svelte/internal/server";
-import { tick } from "svelte";
-
-// src/_internal/anchored-overlay.svelte.ts
-import * as $5 from "svelte/internal/server";
-var DEFAULT_PLACEMENT = "bottom-start";
-function createAnchoredOverlay(options) {
-  let positionReady = false;
-  let positionStyle = "";
-  let resolvedPlacement = options.placement?.() ?? DEFAULT_PLACEMENT;
-  let arrowStyle = "";
-  return {
-    get positionReady() {
-      return positionReady;
-    },
-    get positionStyle() {
-      return positionStyle;
-    },
-    get resolvedPlacement() {
-      return resolvedPlacement;
-    },
-    get arrowStyle() {
-      return arrowStyle;
-    }
-  };
-}
-
-// src/components/dropdown-menu/dropdown-menu.svelte
-function Dropdown_menu($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, children, $$slots, $$events, ...rest } = $$props;
-    const context = getDropdownContext();
-    const registerMenu = getDropdownRegister();
-    const setOpen = getDropdownSetOpen();
-    let menuElement = null;
-    let focusedFallbackOpen = false;
-    const anchoredFallback = createAnchoredOverlay({
-      open: () => context.isOpen && !context.supportsPopover && Boolean(context.anchorElement),
-      anchor: () => context.anchorElement,
-      panel: () => menuElement,
-      placement: () => context.fallbackPlacement ?? "bottom-end",
-      offset: () => 4,
-      widthMode: () => context.widthMode ?? "menu"
-    });
-    const fallbackPortalAttachment = createPortalAttachment({
-      target: () => typeof document === "undefined" ? null : document.body,
-      source: () => context.anchorElement,
-      inheritAttributes: true,
-      disabled: () => context.supportsPopover
-    });
-    function getOwnedMenuItems() {
-      if (!menuElement)
-        return [];
-      return Array.from(menuElement.querySelectorAll('[role="menuitem"]:not([data-disabled])')).filter((item) => item.closest('[role="menu"]') === menuElement);
-    }
-    function focusMenuItem(index) {
-      const items = getOwnedMenuItems();
-      if (!items.length) {
-        menuElement?.focus();
-        return;
-      }
-      const resolvedIndex = index < 0 ? items.length - 1 : index;
-      const item = items.at(resolvedIndex);
-      item?.focus();
-    }
-    function handleKeydown(event) {
-      const target = event.target instanceof HTMLElement ? event.target : null;
-      if (target?.closest('[role="menu"]') !== menuElement)
-        return;
-      if (event.key === "Escape") {
-        event.preventDefault();
-        event.stopPropagation();
-        setOpen(false);
-        context.focusTrigger();
-        return;
-      }
-      const itemsArray = getOwnedMenuItems();
-      if (!itemsArray.length)
-        return;
-      const currentIndex = itemsArray.findIndex((item) => item === document.activeElement);
-      if (event.key === "ArrowDown") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(currentIndex < itemsArray.length - 1 ? currentIndex + 1 : 0);
-      } else if (event.key === "ArrowUp") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(currentIndex > 0 ? currentIndex - 1 : itemsArray.length - 1);
-      } else if (event.key === "Home") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(0);
-      } else if (event.key === "End") {
-        event.preventDefault();
-        event.stopPropagation();
-        focusMenuItem(itemsArray.length - 1);
-      }
-    }
-    function handleToggle(event) {
-      const isOpenNow = event.newState === "open";
-      setOpen(isOpenNow);
-      if (isOpenNow) {
-        if (context.initialFocus === "none")
-          return;
-        tick().then(() => focusMenuItem(context.initialFocus === "last" ? -1 : 0));
-      }
-    }
-    if (context.supportsPopover || context.isOpen) {
-      $$renderer2.push("<!--[0-->");
-      $$renderer2.push(`<div${$6.attributes({
-        id: context.menuId,
-        popover: context.supportsPopover ? "auto" : undefined,
-        class: $6.clsx(classNames("cinder-_floating-surface", "cinder-dropdown-menu", customClassName)),
-        style: context.supportsPopover ? `position-anchor: --${context.menuId};` : context.anchorElement ? anchoredFallback.positionStyle : undefined,
-        role: "menu",
-        "aria-orientation": "vertical",
-        "data-cinder-position-ready": !context.supportsPopover && context.anchorElement ? anchoredFallback.positionReady : undefined,
-        tabindex: -1,
-        ...rest
-      })}>`);
-      if (children) {
-        $$renderer2.push("<!--[0-->");
-        children($$renderer2);
-        $$renderer2.push(`<!---->`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-      }
-      $$renderer2.push(`<!--]--></div>`);
-    } else {
-      $$renderer2.push("<!--[-1-->");
-    }
-    $$renderer2.push(`<!--]-->`);
-  });
-}
-
-// src/components/dropdown-separator/dropdown-separator.svelte
-import * as $7 from "svelte/internal/server";
-function Dropdown_separator($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    let { class: customClassName, $$slots, $$events, ...rest } = $$props;
-    $$renderer2.push(`<div${$7.attributes({
-      ...rest,
-      class: $7.clsx(classNames("cinder-dropdown-separator", customClassName)),
-      role: "separator"
-    })}></div>`);
-  });
-}
-
-// src/components/menu-bar/menu-bar-dropdown-context.svelte
-import * as $8 from "svelte/internal/server";
-import { untrack } from "svelte";
-function Menu_bar_dropdown_context($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const { context, registerMenu, registerTrigger, setOpen, children } = $$props;
-    setDropdownContext(untrack(() => context));
-    setDropdownRegister(untrack(() => registerMenu));
-    setDropdownRegisterTrigger(untrack(() => registerTrigger));
-    setDropdownSetOpen(untrack(() => setOpen));
-    children($$renderer2);
-    $$renderer2.push(`<!---->`);
-  });
-}
-
-// src/components/menu-bar/menu-bar.svelte
-function Menu_bar($$renderer, $$props) {
-  $$renderer.component(($$renderer2) => {
-    const generatedId = $9.props_id($$renderer2);
-    let {
-      id: providedId,
-      menus,
-      label = "Application menu",
-      labelledBy,
-      class: customClassName,
-      role: _role,
-      "aria-label": _ariaLabel,
-      "aria-labelledby": _ariaLabelledBy,
-      "aria-orientation": _ariaOrientation,
-      onkeydown: consumerOnKeydown,
-      $$slots,
-      $$events,
-      ...rest
-    } = $$props;
-    const rootId = $9.derived(() => providedId ?? generatedId);
-    let rootElement = null;
-    let activeMenuIndex = 0;
-    let openMenuIndex = null;
-    let openSubmenuKey = null;
-    let initialFocus = undefined;
-    let suppressSubmenuFocusOpen = false;
-    const menuElements = new Map;
-    const enabledIndexes = $9.derived(() => menus.map((menu, index) => ({ menu, index })).filter(({ menu }) => !menu.disabled));
-    function ancestryKey(...parts) {
-      return [rootId(), ...parts].map((part) => String(part).replaceAll(/\s+/g, "-")).join("-");
-    }
-    function topLevelTriggerId(index, menu) {
-      return ancestryKey("menu", index, menu.id, "trigger");
-    }
-    function topLevelMenuId(index, menu) {
-      return ancestryKey("menu", index, menu.id, "menu");
-    }
-    function submenuTriggerId(menuIndex, menu, entryIndex, submenu) {
-      return ancestryKey("menu", menuIndex, menu.id, "submenu", entryIndex, submenu.id, "trigger");
-    }
-    function submenuMenuId(menuIndex, menu, entryIndex, submenu) {
-      return ancestryKey("menu", menuIndex, menu.id, "submenu", entryIndex, submenu.id, "menu");
-    }
-    function focusElement(id) {
-      document.getElementById(id)?.focus();
-    }
-    function findElementById(id) {
-      if (typeof document === "undefined")
-        return null;
-      const element = document.getElementById(id);
-      return element instanceof HTMLElement ? element : null;
-    }
-    function focusSubmenuTriggerAfterClose(id) {
-      suppressSubmenuFocusOpen = true;
-      focusElement(id);
-      tick2().then(() => {
-        suppressSubmenuFocusOpen = false;
-      });
-    }
-    function focusTopLevelTrigger(index) {
-      const menu = menus[index];
-      if (!menu)
-        return;
-      focusElement(topLevelTriggerId(index, menu));
-    }
-    function nextEnabledMenuIndex(currentIndex, direction) {
-      if (!enabledIndexes().length)
-        return -1;
-      const indexes = enabledIndexes().map(({ index }) => index);
-      const currentPosition = Math.max(0, indexes.indexOf(currentIndex));
-      return indexes[(currentPosition + direction + indexes.length) % indexes.length] ?? -1;
-    }
-    function firstEnabledMenuIndex() {
-      return enabledIndexes()[0]?.index ?? -1;
-    }
-    function lastEnabledMenuIndex() {
-      return enabledIndexes().at(-1)?.index ?? -1;
-    }
-    function openMenu(index, focus = "first") {
-      const menu = menus[index];
-      if (!menu || menu.disabled)
-        return;
-      activeMenuIndex = index;
-      openMenuIndex = index;
-      openSubmenuKey = null;
-      initialFocus = focus;
-    }
-    function openSubmenu(key, focus = "first") {
-      openSubmenuKey = key;
-      initialFocus = focus;
-    }
-    function closeAll() {
-      openMenuIndex = null;
-      openSubmenuKey = null;
-      initialFocus = undefined;
-    }
-    function closeMenuAndFocusTrigger(index) {
-      closeAll();
-      tick2().then(() => focusTopLevelTrigger(index));
-    }
-    function labelParts(menu) {
-      if (!menu.accessKey)
-        return null;
-      const index = menu.label.toLocaleLowerCase().indexOf(menu.accessKey.toLocaleLowerCase());
-      if (index < 0)
-        return null;
-      return {
-        before: menu.label.slice(0, index),
-        key: menu.label.slice(index, index + 1),
-        after: menu.label.slice(index + 1)
-      };
-    }
-    function isItem(entry) {
-      return entry.type === undefined || entry.type === "item";
-    }
-    function isSubmenu(entry) {
-      return entry.type === "submenu";
-    }
-    function makeContext(options) {
-      return {
-        get menuId() {
-          return options.menuId;
-        },
-        get isOpen() {
-          return options.isOpen();
-        },
-        get supportsPopover() {
-          return false;
-        },
-        get anchorElement() {
-          return options.anchorElement();
-        },
-        get fallbackPlacement() {
-          return options.fallbackPlacement ?? "bottom-start";
-        },
-        get widthMode() {
-          return "menu";
-        },
-        get initialFocus() {
-          return initialFocus;
-        },
-        close: options.close,
-        focusTrigger: options.focusTrigger
-      };
-    }
-    function makeMenuRegister(menuId) {
-      return (element) => {
-        if (element) {
-          menuElements.set(menuId, element);
-        } else {
-          menuElements.delete(menuId);
-        }
-      };
-    }
-    function isInsideOpenMenu(target) {
-      return Array.from(menuElements.values()).some((element) => element.contains(target));
-    }
-    function handleTriggerKeydown(event, index) {
-      if (event.key === "ArrowRight" || event.key === "ArrowLeft") {
-        event.preventDefault();
-        const nextIndex = nextEnabledMenuIndex(index, event.key === "ArrowRight" ? 1 : -1);
-        if (nextIndex === -1)
-          return;
-        activeMenuIndex = nextIndex;
-        focusTopLevelTrigger(nextIndex);
-        if (openMenuIndex !== null)
-          openMenu(nextIndex);
-        return;
-      }
-      if (event.key === "Home" || event.key === "End") {
-        event.preventDefault();
-        const nextIndex = event.key === "Home" ? firstEnabledMenuIndex() : lastEnabledMenuIndex();
-        if (nextIndex === -1)
-          return;
-        activeMenuIndex = nextIndex;
-        focusTopLevelTrigger(nextIndex);
-        return;
-      }
-      if (event.key === "ArrowDown" || event.key === "Enter" || event.key === " ") {
-        event.preventDefault();
-        openMenu(index, "first");
-        return;
-      }
-      if (event.key === "ArrowUp") {
-        event.preventDefault();
-        openMenu(index, "last");
-      }
-    }
-    function handleRootKeydown(event) {
-      if (consumerOnKeydown) {
-        consumerOnKeydown(event);
-      }
-      if (event.defaultPrevented)
-        return;
-      if (event.altKey && !event.ctrlKey && !event.metaKey && !event.shiftKey && event.key.length === 1) {
-        const accessKey = event.key.toLocaleLowerCase();
-        const index = menus.findIndex((menu) => !menu.disabled && menu.accessKey?.toLocaleLowerCase() === accessKey);
-        if (index === -1)
-          return;
-        event.preventDefault();
-        openMenu(index, "first");
-        return;
-      }
-      if (openMenuIndex !== null && (event.key === "ArrowRight" || event.key === "ArrowLeft")) {
-        const target = event.target instanceof HTMLElement ? event.target : null;
-        if (target?.closest(".cinder-menu-bar__submenu-menu")) {
-          if (event.key === "ArrowLeft") {
-            event.preventDefault();
-            const triggerId = target.closest(".cinder-menu-bar__submenu")?.querySelector("[data-cinder-menu-bar-submenu-trigger]")?.id;
-            openSubmenuKey = null;
-            if (triggerId)
-              tick2().then(() => focusElement(triggerId));
-          } else {
-            event.preventDefault();
-            const nextIndex = nextEnabledMenuIndex(openMenuIndex, 1);
-            if (nextIndex !== -1)
-              openMenu(nextIndex, "first");
-          }
-          return;
-        }
-        if (target?.closest('[role="menu"]')) {
-          event.preventDefault();
-          const nextIndex = nextEnabledMenuIndex(openMenuIndex, event.key === "ArrowRight" ? 1 : -1);
-          if (nextIndex !== -1)
-            openMenu(nextIndex, "first");
-        }
-      }
-    }
-    function handleDocumentPointerdown(event) {
-      if (!rootElement || !(event.target instanceof Node))
-        return;
-      if (isInsideOpenMenu(event.target))
-        return;
-      if (!rootElement.contains(event.target))
-        closeAll();
-    }
-    function handleDocumentFocusin(event) {
-      if (!rootElement || !(event.target instanceof Node))
-        return;
-      tick2().then(() => {
-        if (document.activeElement && rootElement?.contains(document.activeElement))
-          return;
-        if (document.activeElement && isInsideOpenMenu(document.activeElement))
-          return;
-        closeAll();
-      });
-    }
-    function handleDocumentKeydown(event) {
-      if (!rootElement || !(event.target instanceof Node))
-        return;
-      if (rootElement.contains(event.target))
-        return;
-      if (!isInsideOpenMenu(event.target))
-        return;
-      handleRootKeydown(event);
-    }
-    $$renderer2.push(`<div${$9.attributes({
-      ...rest,
-      id: rootId(),
-      class: $9.clsx(classNames("cinder-menu-bar", customClassName)),
-      role: "menubar",
-      "aria-label": labelledBy ? undefined : label,
-      "aria-labelledby": labelledBy,
-      "aria-orientation": "horizontal"
-    })}><!--[-->`);
-    const each_array = $9.ensure_array_like(menus);
-    for (let menuIndex = 0, $$length = each_array.length;menuIndex < $$length; menuIndex++) {
-      let menu = each_array[menuIndex];
-      const triggerId = topLevelTriggerId(menuIndex, menu);
-      const menuId = topLevelMenuId(menuIndex, menu);
-      const parts = labelParts(menu);
-      $$renderer2.push(`<div class="cinder-menu-bar__menu"><button${$9.attr("id", triggerId)} type="button" class="cinder-menu-bar__trigger" role="menuitem"${$9.attr("aria-label", menu.label)} aria-haspopup="menu"${$9.attr("aria-expanded", openMenuIndex === menuIndex ? "true" : "false")}${$9.attr("aria-controls", menuId)}${$9.attr("aria-disabled", menu.disabled ? "true" : undefined)}${$9.attr("disabled", menu.disabled, true)}${$9.attr("tabindex", !menu.disabled && activeMenuIndex === menuIndex ? 0 : -1)}${$9.attr("data-cinder-state", openMenuIndex === menuIndex ? "open" : "closed")}>`);
-      if (parts) {
-        $$renderer2.push("<!--[0-->");
-        $$renderer2.push(`${$9.escape(parts.before)}<span class="cinder-menu-bar__access-key">${$9.escape(parts.key)}</span>${$9.escape(parts.after)}`);
-      } else {
-        $$renderer2.push("<!--[-1-->");
-        $$renderer2.push(`${$9.escape(menu.label)}`);
-      }
-      $$renderer2.push(`<!--]--></button> `);
-      Menu_bar_dropdown_context($$renderer2, {
-        context: makeContext({
-          menuId,
-          anchorElement: () => findElementById(triggerId),
-          fallbackPlacement: "bottom-start",
-          isOpen: () => openMenuIndex === menuIndex,
-          close: () => closeMenuAndFocusTrigger(menuIndex),
-          focusTrigger: () => focusTopLevelTrigger(menuIndex)
-        }),
-        registerMenu: makeMenuRegister(menuId),
-        registerTrigger: () => {},
-        setOpen: (open) => {
-          if (open)
-            openMenu(menuIndex);
-          else
-            closeAll();
-        },
-        children: ($$renderer3) => {
-          Dropdown_menu($$renderer3, {
-            class: "cinder-menu-bar__dropdown-menu",
-            "aria-labelledby": triggerId,
-            children: ($$renderer4) => {
-              $$renderer4.push(`<div class="cinder-menu-bar__dropdown-scroll" role="presentation"><!--[-->`);
-              const each_array_1 = $9.ensure_array_like(menu.items);
-              for (let entryIndex = 0, $$length2 = each_array_1.length;entryIndex < $$length2; entryIndex++) {
-                let entry = each_array_1[entryIndex];
-                if (isItem(entry)) {
-                  $$renderer4.push("<!--[0-->");
-                  Dropdown_item($$renderer4, {
-                    variant: entry.variant ?? "default",
-                    disabled: entry.disabled ?? false,
-                    closeOnSelect: entry.closeOnSelect ?? true,
-                    onclick: (event) => entry.onSelect?.(event),
-                    onfocus: () => {
-                      openSubmenuKey = null;
-                    },
-                    onpointerenter: () => {
-                      openSubmenuKey = null;
-                    },
-                    children: ($$renderer5) => {
-                      $$renderer5.push(`<span class="cinder-menu-bar__item-label">${$9.escape(entry.label)}</span> `);
-                      if (entry.shortcut) {
-                        $$renderer5.push("<!--[0-->");
-                        $$renderer5.push(`<span class="cinder-menu-bar__shortcut" aria-hidden="true">${$9.escape(entry.shortcut)}</span>`);
-                      } else {
-                        $$renderer5.push("<!--[-1-->");
-                      }
-                      $$renderer5.push(`<!--]-->`);
-                    },
-                    $$slots: { default: true }
-                  });
-                } else if (isSubmenu(entry)) {
-                  $$renderer4.push("<!--[1-->");
-                  const submenuKey = submenuMenuId(menuIndex, menu, entryIndex, entry);
-                  const submenuTrigger = submenuTriggerId(menuIndex, menu, entryIndex, entry);
-                  $$renderer4.push(`<div class="cinder-menu-bar__submenu">`);
-                  Dropdown_item($$renderer4, {
-                    id: submenuTrigger,
-                    class: "cinder-menu-bar__submenu-trigger",
-                    disabled: entry.disabled,
-                    closeOnSelect: false,
-                    "aria-haspopup": "menu",
-                    "aria-expanded": openSubmenuKey === submenuKey ? "true" : "false",
-                    "aria-controls": submenuKey,
-                    "data-cinder-menu-bar-submenu-trigger": true,
-                    onclick: () => {
-                      if (!entry.disabled)
-                        openSubmenu(submenuKey);
-                    },
-                    onfocus: () => {
-                      if (!entry.disabled && !suppressSubmenuFocusOpen)
-                        openSubmenu(submenuKey, "none");
-                    },
-                    onpointerenter: () => {
-                      if (openMenuIndex === menuIndex && !entry.disabled)
-                        openSubmenu(submenuKey, "none");
-                    },
-                    onkeydown: (event) => {
-                      if (entry.disabled)
-                        return;
-                      if (event.key === "ArrowRight" || event.key === "Enter" || event.key === " ") {
-                        event.preventDefault();
-                        event.stopPropagation();
-                        openSubmenu(submenuKey);
-                      }
-                    },
-                    children: ($$renderer5) => {
-                      $$renderer5.push(`<span class="cinder-menu-bar__item-label">${$9.escape(entry.label)}</span> <span class="cinder-menu-bar__submenu-indicator" aria-hidden="true">></span>`);
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer4.push(`<!----> `);
-                  Menu_bar_dropdown_context($$renderer4, {
-                    context: makeContext({
-                      menuId: submenuKey,
-                      anchorElement: () => findElementById(submenuTrigger),
-                      fallbackPlacement: "right-start",
-                      isOpen: () => openSubmenuKey === submenuKey,
-                      close: () => closeMenuAndFocusTrigger(menuIndex),
-                      focusTrigger: () => focusSubmenuTriggerAfterClose(submenuTrigger)
-                    }),
-                    registerMenu: makeMenuRegister(submenuKey),
-                    registerTrigger: () => {},
-                    setOpen: (open) => {
-                      if (open)
-                        openSubmenu(submenuKey);
-                      else
-                        openSubmenuKey = null;
-                    },
-                    children: ($$renderer5) => {
-                      Dropdown_menu($$renderer5, {
-                        class: "cinder-menu-bar__submenu-menu",
-                        "aria-labelledby": submenuTrigger,
-                        children: ($$renderer6) => {
-                          $$renderer6.push(`<!--[-->`);
-                          const each_array_2 = $9.ensure_array_like(entry.items);
-                          for (let submenuEntryIndex = 0, $$length3 = each_array_2.length;submenuEntryIndex < $$length3; submenuEntryIndex++) {
-                            let submenuEntry = each_array_2[submenuEntryIndex];
-                            if (isItem(submenuEntry)) {
-                              $$renderer6.push("<!--[0-->");
-                              Dropdown_item($$renderer6, {
-                                variant: submenuEntry.variant ?? "default",
-                                disabled: submenuEntry.disabled ?? false,
-                                closeOnSelect: submenuEntry.closeOnSelect ?? true,
-                                onclick: (event) => submenuEntry.onSelect?.(event),
-                                children: ($$renderer7) => {
-                                  $$renderer7.push(`<span class="cinder-menu-bar__item-label">${$9.escape(submenuEntry.label)}</span> `);
-                                  if (submenuEntry.shortcut) {
-                                    $$renderer7.push("<!--[0-->");
-                                    $$renderer7.push(`<span class="cinder-menu-bar__shortcut" aria-hidden="true">${$9.escape(submenuEntry.shortcut)}</span>`);
-                                  } else {
-                                    $$renderer7.push("<!--[-1-->");
-                                  }
-                                  $$renderer7.push(`<!--]-->`);
-                                },
-                                $$slots: { default: true }
-                              });
-                            } else if (submenuEntry.type === "label") {
-                              $$renderer6.push("<!--[1-->");
-                              Dropdown_label($$renderer6, {
-                                children: ($$renderer7) => {
-                                  $$renderer7.push(`<!---->${$9.escape(submenuEntry.label)}`);
-                                },
-                                $$slots: { default: true }
-                              });
-                            } else {
-                              $$renderer6.push("<!--[-1-->");
-                              Dropdown_separator($$renderer6, {});
-                            }
-                            $$renderer6.push(`<!--]-->`);
-                          }
-                          $$renderer6.push(`<!--]-->`);
-                        },
-                        $$slots: { default: true }
-                      });
-                    },
-                    $$slots: { default: true }
-                  });
-                  $$renderer4.push(`<!----></div>`);
-                } else if (entry.type === "label") {
-                  $$renderer4.push("<!--[2-->");
-                  Dropdown_label($$renderer4, {
-                    children: ($$renderer5) => {
-                      $$renderer5.push(`<!---->${$9.escape(entry.label)}`);
-                    },
-                    $$slots: { default: true }
-                  });
-                } else {
-                  $$renderer4.push("<!--[-1-->");
-                  Dropdown_separator($$renderer4, {});
-                }
-                $$renderer4.push(`<!--]-->`);
-              }
-              $$renderer4.push(`<!--]--></div>`);
-            },
-            $$slots: { default: true }
-          });
-        },
-        $$slots: { default: true }
-      });
-      $$renderer2.push(`<!----></div>`);
-    }
-    $$renderer2.push(`<!--]--></div>`);
-  });
-}
 export {
-  Menu_bar as default,
-  Menu_bar as MenuBar
+  default3 as default,
+  default2 as MenuBar
 };
 
-//# debugId=1580427FD651ED0564756E2164756E21
+//# debugId=29FC020B34E8BD2A64756E2164756E21