@expcat/tigercat-vue 1.1.0 → 1.2.0

package/dist/{chunk-XMOYCYVK.js → chunk-4OOR4524.js}

@@ -1,14 +1,63 @@
-'use strict';
+"use strict";Object.defineProperty(exports, "__esModule", {value: true}); function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } } function _optionalChain(ops) { let lastAccessLHS = undefined; let value = ops[0]; let i = 1; while (i < ops.length) { const op = ops[i]; const fn = ops[i + 1]; i += 2; if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) { return undefined; } if (op === 'access' || op === 'optionalAccess') { lastAccessLHS = value; value = fn(value); } else if (op === 'call' || op === 'optionalCall') { value = fn((...args) => value.call(lastAccessLHS, ...args)); lastAccessLHS = undefined; } } return value; }// src/components/Menu.ts
 
-var vue = require('vue');
-var tigercatCore = require('@expcat/tigercat-core');
 
-// src/components/Menu.ts
+
+
+
+
+
+
+
+
+
+
+
+var _vue = require('vue');
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+var _tigercatcore = require('@expcat/tigercat-core');
 var MenuContextKey = /* @__PURE__ */ Symbol("MenuContext");
-var Menu = vue.defineComponent({
+var Menu = _vue.defineComponent.call(void 0, {
   name: "TigerMenu",
   inheritAttrs: false,
   props: {
+    /**
+     * Data-driven menu items
+     */
+    items: {
+      type: Array,
+      default: void 0
+    },
     /**
      * Menu mode - horizontal, vertical, or inline
      * @default 'vertical'
@@ -84,21 +133,49 @@ var Menu = vue.defineComponent({
     style: {
       type: Object,
       default: void 0
+    },
+    searchable: {
+      type: Boolean,
+      default: false
+    },
+    searchValue: {
+      type: String,
+      default: void 0
+    },
+    defaultSearchValue: {
+      type: String,
+      default: ""
+    },
+    searchPlaceholder: {
+      type: String,
+      default: "Search menu"
+    },
+    emptyText: {
+      type: String,
+      default: "No menu items found"
     }
   },
-  emits: ["update:selectedKeys", "update:openKeys", "select", "open-change"],
+  emits: [
+    "update:selectedKeys",
+    "update:openKeys",
+    "update:searchValue",
+    "select",
+    "open-change",
+    "search"
+  ],
   setup(props, { slots, emit, attrs }) {
-    const menuEl = vue.ref(null);
-    const internalSelectedKeys = vue.ref(props.defaultSelectedKeys);
-    const internalOpenKeys = vue.ref(props.defaultOpenKeys);
-    const currentSelectedKeys = vue.computed(() => {
+    const menuEl = _vue.ref.call(void 0, null);
+    const internalSelectedKeys = _vue.ref.call(void 0, props.defaultSelectedKeys);
+    const internalOpenKeys = _vue.ref.call(void 0, props.defaultOpenKeys);
+    const internalSearchValue = _vue.ref.call(void 0, props.defaultSearchValue);
+    const currentSelectedKeys = _vue.computed.call(void 0, () => {
       return props.selectedKeys !== void 0 ? props.selectedKeys : internalSelectedKeys.value;
     });
-    const currentOpenKeys = vue.computed(() => {
+    const currentOpenKeys = _vue.computed.call(void 0, () => {
       return props.openKeys !== void 0 ? props.openKeys : internalOpenKeys.value;
     });
     const handleSelect = (key) => {
-      const newSelectedKeys = tigercatCore.replaceKeys(key, currentSelectedKeys.value);
+      const newSelectedKeys = _tigercatcore.replaceKeys.call(void 0, key, currentSelectedKeys.value);
       if (props.selectedKeys === void 0) {
         internalSelectedKeys.value = newSelectedKeys;
       }
@@ -106,7 +183,7 @@ var Menu = vue.defineComponent({
       emit("select", key, { selectedKeys: newSelectedKeys });
     };
     const handleOpenChange = (key) => {
-      const toggled = tigercatCore.toggleKey(key, currentOpenKeys.value);
+      const toggled = _tigercatcore.toggleKey.call(void 0, key, currentOpenKeys.value);
       const newOpenKeys = props.multiple ? toggled : toggled.includes(key) ? [key] : [];
       if (props.openKeys === void 0) {
         internalOpenKeys.value = newOpenKeys;
@@ -114,23 +191,37 @@ var Menu = vue.defineComponent({
       emit("update:openKeys", newOpenKeys);
       emit("open-change", key, { openKeys: newOpenKeys });
     };
-    const menuClasses = vue.computed(() => {
-      return tigercatCore.classNames(
-        tigercatCore.getMenuClasses(props.mode, props.theme, props.collapsed),
+    const handleSearchInput = (event) => {
+      const value = event.target.value;
+      if (props.searchValue === void 0) {
+        internalSearchValue.value = value;
+      }
+      emit("update:searchValue", value);
+      emit("search", value);
+    };
+    const menuClasses = _vue.computed.call(void 0, () => {
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getMenuClasses.call(void 0, props.mode, props.theme, props.collapsed),
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const menuStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const passthroughAttrs = vue.computed(() => {
+    const menuStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
+    const currentSearchValue = _vue.computed.call(void 0, () => {
+      return props.searchValue !== void 0 ? props.searchValue : internalSearchValue.value;
+    });
+    const filteredItems = _vue.computed.call(void 0, 
+      () => _tigercatcore.filterMenuItems.call(void 0, _nullishCoalesce(props.items, () => ( [])), currentSearchValue.value)
+    );
+    const passthroughAttrs = _vue.computed.call(void 0, () => {
       const { class: _class, style: _style, ...rest } = attrs;
       return rest;
     });
-    const modeRef = vue.computed(() => props.mode);
-    const themeRef = vue.computed(() => props.theme);
-    const collapsedRef = vue.computed(() => props.collapsed);
-    const inlineIndentRef = vue.computed(() => props.inlineIndent);
-    vue.provide(MenuContextKey, {
+    const modeRef = _vue.computed.call(void 0, () => props.mode);
+    const themeRef = _vue.computed.call(void 0, () => props.theme);
+    const collapsedRef = _vue.computed.call(void 0, () => props.collapsed);
+    const inlineIndentRef = _vue.computed.call(void 0, () => props.inlineIndent);
+    _vue.provide.call(void 0, MenuContextKey, {
       mode: modeRef,
       theme: themeRef,
       collapsed: collapsedRef,
@@ -141,21 +232,65 @@ var Menu = vue.defineComponent({
       handleOpenChange
     });
     const runRovingTabIndex = async () => {
-      await vue.nextTick();
-      if (menuEl.value) tigercatCore.initRovingTabIndex(menuEl.value);
+      await _vue.nextTick.call(void 0, );
+      if (menuEl.value) _tigercatcore.initRovingTabIndex.call(void 0, menuEl.value);
     };
-    vue.onMounted(() => {
+    _vue.onMounted.call(void 0, () => {
       void runRovingTabIndex();
     });
-    vue.watch(
-      [modeRef, collapsedRef, currentSelectedKeys, currentOpenKeys],
+    _vue.watch.call(void 0, 
+      [modeRef, collapsedRef, currentSelectedKeys, currentOpenKeys, filteredItems],
       () => {
         void runRovingTabIndex();
       },
       { deep: true }
     );
     return () => {
-      return vue.h(
+      const renderDataItem = (item) => {
+        if (item.children && item.children.length > 0) {
+          return _vue.h.call(void 0, 
+            SubMenu,
+            {
+              key: item.key,
+              itemKey: item.key,
+              title: item.label,
+              icon: item.icon,
+              disabled: item.disabled
+            },
+            () => item.children.map(renderDataItem)
+          );
+        }
+        return _vue.h.call(void 0, 
+          MenuItem,
+          {
+            key: item.key,
+            itemKey: item.key,
+            icon: item.icon,
+            disabled: item.disabled
+          },
+          () => item.label
+        );
+      };
+      const dataChildren = filteredItems.value.map(renderDataItem);
+      const slotChildren = _nullishCoalesce(_optionalChain([slots, 'access', _ => _.default, 'optionalCall', _2 => _2()]), () => ( []));
+      const searchChild = props.searchable ? [
+        _vue.h.call(void 0, "li", { role: "none", class: _tigercatcore.menuSearchFieldClasses }, [
+          _vue.h.call(void 0, "input", {
+            type: "search",
+            value: currentSearchValue.value,
+            placeholder: props.searchPlaceholder,
+            class: _tigercatcore.menuSearchInputClasses,
+            "aria-label": props.searchPlaceholder,
+            onInput: handleSearchInput
+          })
+        ])
+      ] : [];
+      const emptyChild = props.items && props.items.length > 0 && dataChildren.length === 0 && slotChildren.length === 0 ? [
+        _vue.h.call(void 0, "li", { role: "none" }, [
+          _vue.h.call(void 0, "div", { class: _tigercatcore.menuSearchEmptyClasses }, props.emptyText)
+        ])
+      ] : [];
+      return _vue.h.call(void 0, 
         "ul",
         {
           ref: menuEl,
@@ -166,13 +301,13 @@ var Menu = vue.defineComponent({
           "data-tiger-menu-mode": props.mode,
           ...passthroughAttrs.value
         },
-        slots.default?.()
+        [...searchChild, ...dataChildren, ...slotChildren, ...emptyChild]
       );
     };
   }
 });
 var Menu_default = Menu;
-var MenuItem = vue.defineComponent({
+var MenuItem = _vue.defineComponent.call(void 0, {
   name: "TigerMenuItem",
   props: {
     /**
@@ -214,35 +349,40 @@ var MenuItem = vue.defineComponent({
   },
   inheritAttrs: false,
   setup(props, { slots, attrs }) {
-    const menuContext = vue.inject(MenuContextKey);
+    const menuContext = _vue.inject.call(void 0, MenuContextKey);
     if (!menuContext) {
       console.warn("MenuItem must be used within Menu component");
     }
-    const isSelected = vue.computed(() => {
+    const isSelected = _vue.computed.call(void 0, () => {
       if (!menuContext) return false;
-      return tigercatCore.isKeySelected(props.itemKey, menuContext.selectedKeys.value);
+      return _tigercatcore.isKeySelected.call(void 0, props.itemKey, menuContext.selectedKeys.value);
     });
-    const itemClasses = vue.computed(() => {
+    const itemClasses = _vue.computed.call(void 0, () => {
       if (!menuContext) {
-        return tigercatCore.classNames(
+        return _tigercatcore.classNames.call(void 0, 
           "flex items-center px-4 py-2 cursor-pointer transition-colors duration-200"
         );
       }
-      const effectiveCollapsed = props.collapsed ?? menuContext.collapsed.value;
-      return tigercatCore.classNames(
-        tigercatCore.getMenuItemClasses(isSelected.value, props.disabled, menuContext.theme.value, effectiveCollapsed),
+      const effectiveCollapsed = _nullishCoalesce(props.collapsed, () => ( menuContext.collapsed.value));
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getMenuItemClasses.call(void 0, 
+          isSelected.value,
+          props.disabled,
+          menuContext.theme.value,
+          effectiveCollapsed
+        ),
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const indentStyle = vue.computed(() => {
+    const indentStyle = _vue.computed.call(void 0, () => {
       if (!menuContext || menuContext.mode.value !== "inline" || props.level === 0) {
         return {};
       }
-      return tigercatCore.getMenuItemIndent(props.level, menuContext.inlineIndent.value);
+      return _tigercatcore.getMenuItemIndent.call(void 0, props.level, menuContext.inlineIndent.value);
     });
-    const itemStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style, indentStyle.value));
-    const passthroughAttrs = vue.computed(() => {
+    const itemStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, indentStyle.value));
+    const passthroughAttrs = _vue.computed.call(void 0, () => {
       const { class: _class, style: _style, ...rest } = attrs;
       return rest;
     });
@@ -255,28 +395,28 @@ var MenuItem = vue.defineComponent({
       if (!menuContext) return;
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
+      const isRoot = _optionalChain([rootMenu, 'optionalAccess', _3 => _3.dataset, 'access', _4 => _4.tigerMenuRoot]) === "true";
       const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
       const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
       const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
       if (event.key === nextKey) {
         event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, 1);
+        _tigercatcore.moveFocusInMenu.call(void 0, current, 1);
         return;
       }
       if (event.key === prevKey) {
         event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, -1);
+        _tigercatcore.moveFocusInMenu.call(void 0, current, -1);
         return;
       }
       if (event.key === "Home") {
         event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "start");
+        _tigercatcore.focusMenuEdge.call(void 0, current, "start");
         return;
       }
       if (event.key === "End") {
         event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "end");
+        _tigercatcore.focusMenuEdge.call(void 0, current, "end");
         return;
       }
       if (event.key === "Enter" || event.key === " ") {
@@ -286,35 +426,35 @@ var MenuItem = vue.defineComponent({
     };
     return () => {
       const children = [];
-      const effectiveCollapsed = props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
+      const effectiveCollapsed = _nullishCoalesce(props.collapsed, () => ( (menuContext ? menuContext.collapsed.value : false)));
       if (props.icon) {
         if (typeof props.icon === "string") {
           children.push(
-            vue.h("span", {
-              class: tigercatCore.menuItemIconClasses,
+            _vue.h.call(void 0, "span", {
+              class: _tigercatcore.menuItemIconClasses,
               innerHTML: props.icon
             })
           );
         } else {
-          children.push(vue.h("span", { class: tigercatCore.menuItemIconClasses }, props.icon));
+          children.push(_vue.h.call(void 0, "span", { class: _tigercatcore.menuItemIconClasses }, props.icon));
         }
       }
       if (!effectiveCollapsed && slots.default) {
-        children.push(vue.h("span", { class: "flex-1" }, slots.default()));
+        children.push(_vue.h.call(void 0, "span", { class: "flex-1" }, slots.default()));
       } else if (effectiveCollapsed && !props.icon && slots.default) {
         const defaultSlot = slots.default();
         if (defaultSlot && defaultSlot.length > 0) {
           const text = String(defaultSlot[0].children || "");
-          children.push(vue.h("span", { class: "flex-1 text-center" }, text.charAt(0).toUpperCase()));
+          children.push(_vue.h.call(void 0, "span", { class: "flex-1 text-center" }, text.charAt(0).toUpperCase()));
         }
       }
-      return vue.h(
+      return _vue.h.call(void 0, 
         "li",
         {
           role: "none"
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "button",
             {
               type: "button",
@@ -338,7 +478,7 @@ var MenuItem = vue.defineComponent({
     };
   }
 });
-var MenuItemGroup = vue.defineComponent({
+var MenuItemGroup = _vue.defineComponent.call(void 0, {
   name: "TigerMenuItemGroup",
   inheritAttrs: false,
   props: {
@@ -363,9 +503,9 @@ var MenuItemGroup = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const groupClasses = vue.computed(() => tigercatCore.classNames(props.className, tigercatCore.coerceClassValue(attrs.class)));
-    const groupStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style));
-    const passthroughAttrs = vue.computed(() => {
+    const groupClasses = _vue.computed.call(void 0, () => _tigercatcore.classNames.call(void 0, props.className, _tigercatcore.coerceClassValue.call(void 0, attrs.class)));
+    const groupStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style));
+    const passthroughAttrs = _vue.computed.call(void 0, () => {
       const { class: _class, style: _style, ...rest } = attrs;
       return rest;
     });
@@ -373,20 +513,20 @@ var MenuItemGroup = vue.defineComponent({
       if (!nodes || nodes.length === 0) return nodes;
       const level = props.level;
       return nodes.map((node) => {
-        if (!vue.isVNode(node)) return node;
+        if (!_vue.isVNode.call(void 0, node)) return node;
         const type = node.type;
         const name = typeof type === "object" && type != null && "name" in type ? type.name : void 0;
         const isTarget = name === "TigerMenuItem" || name === "TigerSubMenu";
         if (!isTarget) return node;
-        const existingProps = node.props ?? {};
+        const existingProps = _nullishCoalesce(node.props, () => ( {}));
         if (existingProps.level != null) return node;
-        return vue.cloneVNode(node, { level });
+        return _vue.cloneVNode.call(void 0, node, { level });
       });
     };
     return () => {
-      return vue.h("li", { class: "list-none" }, [
-        props.title ? vue.h("div", { class: tigercatCore.menuItemGroupTitleClasses }, props.title) : null,
-        slots.default ? vue.h(
+      return _vue.h.call(void 0, "li", { class: "list-none" }, [
+        props.title ? _vue.h.call(void 0, "div", { class: _tigercatcore.menuItemGroupTitleClasses }, props.title) : null,
+        slots.default ? _vue.h.call(void 0, 
           "ul",
           {
             role: "group",
@@ -394,30 +534,30 @@ var MenuItemGroup = vue.defineComponent({
             style: groupStyle.value,
             ...passthroughAttrs.value
           },
-          withLevel(slots.default?.())
+          withLevel(_optionalChain([slots, 'access', _5 => _5.default, 'optionalCall', _6 => _6()]))
         ) : null
       ]);
     };
   }
 });
 var ExpandIcon = (expanded) => {
-  return vue.h(
+  return _vue.h.call(void 0, 
     "svg",
     {
-      class: tigercatCore.getSubMenuExpandIconClasses(expanded),
+      class: _tigercatcore.getSubMenuExpandIconClasses.call(void 0, expanded),
       width: "12",
       height: "12",
       viewBox: "0 0 12 12",
       fill: "currentColor"
     },
     [
-      vue.h("path", {
+      _vue.h.call(void 0, "path", {
         d: "M6 9L1.5 4.5L2.205 3.795L6 7.59L9.795 3.795L10.5 4.5L6 9Z"
       })
     ]
   );
 };
-var SubMenu = vue.defineComponent({
+var SubMenu = _vue.defineComponent.call(void 0, {
   name: "TigerSubMenu",
   inheritAttrs: false,
   props: {
@@ -469,45 +609,45 @@ var SubMenu = vue.defineComponent({
     }
   },
   setup(props, { slots, attrs }) {
-    const menuContext = vue.inject(MenuContextKey);
+    const menuContext = _vue.inject.call(void 0, MenuContextKey);
     if (!menuContext) {
       console.warn("SubMenu must be used within Menu component");
     }
-    const isOpen = vue.computed(() => {
+    const isOpen = _vue.computed.call(void 0, () => {
       if (!menuContext) return false;
-      return tigercatCore.isKeyOpen(props.itemKey, menuContext.openKeys.value);
+      return _tigercatcore.isKeyOpen.call(void 0, props.itemKey, menuContext.openKeys.value);
     });
-    const isHovered = vue.ref(false);
-    const isOpenByKeyboard = vue.ref(false);
-    const submenuContentEl = vue.ref(null);
+    const isHovered = _vue.ref.call(void 0, false);
+    const isOpenByKeyboard = _vue.ref.call(void 0, false);
+    const submenuContentEl = _vue.ref.call(void 0, null);
     let heightTransitionController = null;
-    const effectiveCollapsed = vue.computed(() => {
-      return props.collapsed ?? (menuContext ? menuContext.collapsed.value : false);
+    const effectiveCollapsed = _vue.computed.call(void 0, () => {
+      return _nullishCoalesce(props.collapsed, () => ( (menuContext ? menuContext.collapsed.value : false)));
     });
-    const isPopup = vue.computed(() => {
+    const isPopup = _vue.computed.call(void 0, () => {
       if (!menuContext) return false;
       if (menuContext.mode.value === "horizontal") return true;
       return menuContext.mode.value === "vertical" && effectiveCollapsed.value;
     });
-    const isExpanded = vue.computed(() => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
+    const isExpanded = _vue.computed.call(void 0, () => {
+      if (_optionalChain([menuContext, 'optionalAccess', _7 => _7.mode, 'access', _8 => _8.value]) === "horizontal" || isPopup.value) {
         return isHovered.value || isOpenByKeyboard.value;
       }
       return isOpen.value;
     });
-    const hasRenderedInline = vue.ref(!isPopup.value && isExpanded.value);
+    const hasRenderedInline = _vue.ref.call(void 0, !isPopup.value && isExpanded.value);
     const disposeHeightTransition = () => {
-      heightTransitionController?.dispose();
+      _optionalChain([heightTransitionController, 'optionalAccess', _9 => _9.dispose, 'call', _10 => _10()]);
       heightTransitionController = null;
     };
     const syncHeightTransition = async () => {
-      await vue.nextTick();
+      await _vue.nextTick.call(void 0, );
       if (isPopup.value || !hasRenderedInline.value || !submenuContentEl.value) {
         disposeHeightTransition();
         return;
       }
       if (!heightTransitionController) {
-        heightTransitionController = tigercatCore.createSubmenuHeightTransitionController(
+        heightTransitionController = _tigercatcore.createSubmenuHeightTransitionController.call(void 0, 
           submenuContentEl.value,
           { expanded: isExpanded.value }
         );
@@ -515,7 +655,7 @@ var SubMenu = vue.defineComponent({
       }
       heightTransitionController.update(isExpanded.value);
     };
-    vue.watch(
+    _vue.watch.call(void 0, 
       [isPopup, isExpanded],
       () => {
         if (!isPopup.value && isExpanded.value) {
@@ -525,33 +665,33 @@ var SubMenu = vue.defineComponent({
       },
       { immediate: true }
     );
-    vue.watch(hasRenderedInline, () => {
+    _vue.watch.call(void 0, hasRenderedInline, () => {
       void syncHeightTransition();
     });
-    vue.onBeforeUnmount(disposeHeightTransition);
-    const titleClasses = vue.computed(() => {
+    _vue.onBeforeUnmount.call(void 0, disposeHeightTransition);
+    const titleClasses = _vue.computed.call(void 0, () => {
       if (!menuContext) return "";
-      return tigercatCore.classNames(
-        tigercatCore.getSubMenuTitleClasses(menuContext.theme.value, props.disabled),
+      return _tigercatcore.classNames.call(void 0, 
+        _tigercatcore.getSubMenuTitleClasses.call(void 0, menuContext.theme.value, props.disabled),
         props.className,
-        tigercatCore.coerceClassValue(attrs.class)
+        _tigercatcore.coerceClassValue.call(void 0, attrs.class)
       );
     });
-    const titleStyle = vue.computed(() => tigercatCore.mergeStyleValues(attrs.style, props.style, indentStyle.value));
-    const passthroughAttrs = vue.computed(() => {
+    const titleStyle = _vue.computed.call(void 0, () => _tigercatcore.mergeStyleValues.call(void 0, attrs.style, props.style, indentStyle.value));
+    const passthroughAttrs = _vue.computed.call(void 0, () => {
       const { class: _class, style: _style, ...rest } = attrs;
       return rest;
     });
-    const contentClasses = vue.computed(() => {
+    const contentClasses = _vue.computed.call(void 0, () => {
       if (!menuContext) return "";
       if (menuContext.mode.value === "horizontal") {
-        return props.level === 0 ? tigercatCore.submenuContentHorizontalClasses : tigercatCore.submenuContentHorizontalNestedClasses;
+        return props.level === 0 ? _tigercatcore.submenuContentHorizontalClasses : _tigercatcore.submenuContentHorizontalNestedClasses;
       }
-      if (isPopup.value) return tigercatCore.submenuContentPopupClasses;
-      if (menuContext.mode.value === "inline") return tigercatCore.submenuContentInlineClasses;
-      return tigercatCore.submenuContentVerticalClasses;
+      if (isPopup.value) return _tigercatcore.submenuContentPopupClasses;
+      if (menuContext.mode.value === "inline") return _tigercatcore.submenuContentInlineClasses;
+      return _tigercatcore.submenuContentVerticalClasses;
     });
-    const popupZIndex = vue.computed(() => isPopup.value ? tigercatCore.getSubmenuPopupZIndex(props.level) : {});
+    const popupZIndex = _vue.computed.call(void 0, () => isPopup.value ? _tigercatcore.getSubmenuPopupZIndex.call(void 0, props.level) : {});
     const handleTitleClick = () => {
       if (!menuContext || props.disabled) return;
       if (menuContext.mode.value === "horizontal") return;
@@ -566,36 +706,36 @@ var SubMenu = vue.defineComponent({
       menuContext.handleOpenChange(props.itemKey);
     };
     const focusFirstChild = async () => {
-      await vue.nextTick();
+      await _vue.nextTick.call(void 0, );
       const titleEl = document.activeElement;
-      if (titleEl) tigercatCore.focusFirstChildItem(titleEl);
+      if (titleEl) _tigercatcore.focusFirstChildItem.call(void 0, titleEl);
     };
     const handleTitleKeyDown = async (event) => {
       if (!menuContext || props.disabled) return;
       const current = event.currentTarget;
       const rootMenu = current.closest('ul[role="menu"]');
-      const isRoot = rootMenu?.dataset.tigerMenuRoot === "true";
+      const isRoot = _optionalChain([rootMenu, 'optionalAccess', _11 => _11.dataset, 'access', _12 => _12.tigerMenuRoot]) === "true";
       const isHorizontalRoot = isRoot && menuContext.mode.value === "horizontal";
       const nextKey = isHorizontalRoot ? "ArrowRight" : "ArrowDown";
       const prevKey = isHorizontalRoot ? "ArrowLeft" : "ArrowUp";
       if (event.key === nextKey) {
         event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, 1);
+        _tigercatcore.moveFocusInMenu.call(void 0, current, 1);
         return;
       }
       if (event.key === prevKey) {
         event.preventDefault();
-        tigercatCore.moveFocusInMenu(current, -1);
+        _tigercatcore.moveFocusInMenu.call(void 0, current, -1);
         return;
       }
       if (event.key === "Home") {
         event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "start");
+        _tigercatcore.focusMenuEdge.call(void 0, current, "start");
         return;
       }
       if (event.key === "End") {
         event.preventDefault();
-        tigercatCore.focusMenuEdge(current, "end");
+        _tigercatcore.focusMenuEdge.call(void 0, current, "end");
         return;
       }
       if (event.key === "Escape" || event.key === "ArrowLeft") {
@@ -637,36 +777,36 @@ var SubMenu = vue.defineComponent({
       }
     };
     const handleMouseEnter = () => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
+      if (_optionalChain([menuContext, 'optionalAccess', _13 => _13.mode, 'access', _14 => _14.value]) === "horizontal" || isPopup.value) {
         isHovered.value = true;
       }
     };
     const handleMouseLeave = () => {
-      if (menuContext?.mode.value === "horizontal" || isPopup.value) {
+      if (_optionalChain([menuContext, 'optionalAccess', _15 => _15.mode, 'access', _16 => _16.value]) === "horizontal" || isPopup.value) {
         isHovered.value = false;
         isOpenByKeyboard.value = false;
       }
     };
-    const indentStyle = vue.computed(() => {
+    const indentStyle = _vue.computed.call(void 0, () => {
       if (!menuContext || menuContext.mode.value === "horizontal" || props.level === 0) {
         return {};
       }
-      return tigercatCore.getMenuItemIndent(props.level, menuContext.inlineIndent.value);
+      return _tigercatcore.getMenuItemIndent.call(void 0, props.level, menuContext.inlineIndent.value);
     });
     const withChildLevel = (nodes) => {
       if (!nodes || nodes.length === 0) return nodes;
       const nextLevel = props.level + 1;
       return nodes.map((node) => {
-        if (!vue.isVNode(node)) return node;
+        if (!_vue.isVNode.call(void 0, node)) return node;
         const type = node.type;
         const name = typeof type === "object" && type != null && "name" in type ? type.name : void 0;
         const isTarget = name === "TigerMenuItem" || name === "TigerSubMenu" || name === "TigerMenuItemGroup";
         if (!isTarget) return node;
-        const existingProps = node.props ?? {};
+        const existingProps = _nullishCoalesce(node.props, () => ( {}));
         const nextProps = {
-          level: existingProps.level ?? nextLevel
+          level: _nullishCoalesce(existingProps.level, () => ( nextLevel))
         };
-        return vue.cloneVNode(node, nextProps);
+        return _vue.cloneVNode.call(void 0, node, nextProps);
       });
     };
     return () => {
@@ -675,26 +815,26 @@ var SubMenu = vue.defineComponent({
       if (props.icon) {
         if (typeof props.icon === "string") {
           titleChildren.push(
-            vue.h("span", {
-              class: tigercatCore.menuItemIconClasses,
+            _vue.h.call(void 0, "span", {
+              class: _tigercatcore.menuItemIconClasses,
               innerHTML: props.icon
             })
           );
         } else {
-          titleChildren.push(vue.h("span", { class: tigercatCore.menuItemIconClasses }, props.icon));
+          titleChildren.push(_vue.h.call(void 0, "span", { class: _tigercatcore.menuItemIconClasses }, props.icon));
         }
       }
       if (!effectiveCollapsed.value) {
-        titleChildren.push(vue.h("span", { class: "flex-1" }, props.title));
+        titleChildren.push(_vue.h.call(void 0, "span", { class: "flex-1" }, props.title));
         if (menuContext.mode.value !== "horizontal" && !isPopup.value) {
           titleChildren.push(ExpandIcon(isExpanded.value));
         }
       } else if (!props.icon) {
         titleChildren.push(
-          vue.h("span", { class: "flex-1 text-center" }, props.title.charAt(0).toUpperCase())
+          _vue.h.call(void 0, "span", { class: "flex-1 text-center" }, props.title.charAt(0).toUpperCase())
         );
       }
-      const titleNode = vue.h(
+      const titleNode = _vue.h.call(void 0, 
         "button",
         {
           type: "button",
@@ -713,7 +853,7 @@ var SubMenu = vue.defineComponent({
         },
         titleChildren
       );
-      const contentNode = isPopup.value ? vue.h(
+      const contentNode = isPopup.value ? _vue.h.call(void 0, 
         "ul",
         {
           class: contentClasses.value,
@@ -724,29 +864,29 @@ var SubMenu = vue.defineComponent({
           role: "menu",
           "aria-hidden": isExpanded.value ? void 0 : "true"
         },
-        withChildLevel(slots.default?.())
-      ) : hasRenderedInline.value ? vue.h(
+        withChildLevel(_optionalChain([slots, 'access', _17 => _17.default, 'optionalCall', _18 => _18()]))
+      ) : hasRenderedInline.value ? _vue.h.call(void 0, 
         "div",
         {
           ref: submenuContentEl,
-          class: tigercatCore.submenuHeightTransitionClasses,
-          style: heightTransitionController ? void 0 : tigercatCore.getInitialSubmenuHeightTransitionStyle(isExpanded.value),
+          class: _tigercatcore.submenuHeightTransitionClasses,
+          style: heightTransitionController ? void 0 : _tigercatcore.getInitialSubmenuHeightTransitionStyle.call(void 0, isExpanded.value),
           "aria-hidden": isExpanded.value ? void 0 : "true",
           "data-tiger-menu-hidden": isExpanded.value ? void 0 : "true",
           "data-tiger-submenu-motion": "height"
         },
         [
-          vue.h(
+          _vue.h.call(void 0, 
             "ul",
             {
               class: contentClasses.value,
               role: "menu"
             },
-            withChildLevel(slots.default?.())
+            withChildLevel(_optionalChain([slots, 'access', _19 => _19.default, 'optionalCall', _20 => _20()]))
           )
         ]
       ) : null;
-      return vue.h(
+      return _vue.h.call(void 0, 
         "li",
         {
           class: isPopup.value ? "relative" : "",
@@ -760,9 +900,11 @@ var SubMenu = vue.defineComponent({
   }
 });
 
-exports.Menu = Menu;
-exports.MenuContextKey = MenuContextKey;
-exports.MenuItem = MenuItem;
-exports.MenuItemGroup = MenuItemGroup;
-exports.Menu_default = Menu_default;
-exports.SubMenu = SubMenu;
+
+
+
+
+
+
+
+exports.MenuContextKey = MenuContextKey; exports.Menu = Menu; exports.Menu_default = Menu_default; exports.MenuItem = MenuItem; exports.MenuItemGroup = MenuItemGroup; exports.SubMenu = SubMenu;