cisse-vue-ui 0.7.8 → 0.8.1

package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js → Dropdown.vue_vue_type_script_setup_true_lang-56CxoSmj.js}

@@ -1,22 +1,35 @@
-import { defineComponent, computed, resolveComponent, createBlock, openBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createVNode, createElementBlock, createCommentVNode, unref, normalizeClass, Transition, toDisplayString, ref, renderSlot, createTextVNode, Teleport, normalizeStyle, Fragment, renderList } from "vue";
+import { defineComponent, useSlots, ref, computed, resolveComponent, createElementBlock, openBlock, createBlock, createVNode, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, createCommentVNode, unref, normalizeClass, Transition, toDisplayString, renderSlot, Fragment, renderList, createTextVNode, Teleport, normalizeStyle } from "vue";
 import { Icon } from "@iconify/vue";
 import { u as useDropdown } from "./useDropdown-iVu14E6s.js";
 import { u as useId } from "./useId-xeHj7rkg.js";
-const _hoisted_1$1 = { class: "relative" };
-const _hoisted_2$1 = {
+const _hoisted_1$1 = { class: "w-full" };
+const _hoisted_2$1 = { class: "relative" };
+const _hoisted_3$1 = {
   key: 0,
   class: "absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600"
 };
+const _hoisted_4$1 = {
+  key: 0,
+  class: "overflow-hidden"
+};
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "MenuItem",
   props: {
     menuItem: {},
     expanded: { type: Boolean, default: true },
     active: { type: Boolean, default: void 0 },
-    currentPath: { default: void 0 }
+    currentPath: { default: void 0 },
+    depth: { default: 0 }
   },
   setup(__props) {
     const props = __props;
+    const slots = useSlots();
+    const submenuOpen = ref(false);
+    const hasSlotContent = computed(() => !!slots.submenu);
+    const hasChildren = computed(() => {
+      return props.menuItem.children && props.menuItem.children.length > 0;
+    });
+    const hasSubmenu = computed(() => hasChildren.value || hasSlotContent.value);
     const isRouteActive = computed(() => {
       if (props.active !== void 0) {
         return props.active;
@@ -27,7 +40,26 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       }
       return path === props.menuItem.link || path.startsWith(props.menuItem.link + "/");
     });
+    const isChildActive = computed(() => {
+      if (!hasChildren.value) return false;
+      const path = props.currentPath ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+      const checkActive = (items) => {
+        return items.some((item) => {
+          if (item.link === path || path.startsWith(item.link + "/")) {
+            return true;
+          }
+          if (item.children) {
+            return checkActive(item.children);
+          }
+          return false;
+        });
+      };
+      return checkActive(props.menuItem.children);
+    });
     const linkComponent = computed(() => {
+      if (hasSubmenu.value) {
+        return "button";
+      }
       try {
         const RouterLink = resolveComponent("RouterLink");
         if (typeof RouterLink !== "string") {
@@ -38,48 +70,103 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       return "a";
     });
     const linkProps = computed(() => {
+      if (hasSubmenu.value) {
+        return { type: "button" };
+      }
       if (linkComponent.value === "a") {
         return { href: props.menuItem.link };
       }
       return { to: props.menuItem.link };
     });
+    const toggleSubmenu = () => {
+      if (hasSubmenu.value) {
+        submenuOpen.value = !submenuOpen.value;
+      }
+    };
+    const paddingLeft = computed(() => {
+      if (!props.expanded) return void 0;
+      const basePadding = 20;
+      const indentPerLevel = 16;
+      return `${basePadding + props.depth * indentPerLevel}px`;
+    });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), mergeProps(linkProps.value, {
-        class: [__props.expanded ? "flex-row" : "flex-col", "group relative flex items-center justify-center gap-2 px-5"]
-      }), {
-        default: withCtx(() => [
-          createElementVNode("div", _hoisted_1$1, [
-            createVNode(unref(Icon), {
+      const _component_MenuItem = resolveComponent("MenuItem", true);
+      return openBlock(), createElementBlock("div", _hoisted_1$1, [
+        (openBlock(), createBlock(resolveDynamicComponent(linkComponent.value), mergeProps(linkProps.value, {
+          class: [__props.expanded ? "flex-row" : "flex-col", "group relative flex w-full items-center justify-center gap-2 pr-5 py-2"],
+          style: __props.expanded ? { paddingLeft: paddingLeft.value } : void 0,
+          onClick: toggleSubmenu
+        }), {
+          default: withCtx(() => [
+            createElementVNode("div", _hoisted_2$1, [
+              createVNode(unref(Icon), {
+                class: normalizeClass([[
+                  isRouteActive.value || isChildActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
+                  __props.expanded ? "size-5" : "size-8"
+                ], "transition-all duration-300"]),
+                icon: __props.menuItem.icon
+              }, null, 8, ["class", "icon"]),
+              __props.menuItem.notification ? (openBlock(), createElementBlock("span", _hoisted_3$1)) : createCommentVNode("", true)
+            ]),
+            createVNode(Transition, {
+              "enter-active-class": "transition-all duration-300 ease-out",
+              "enter-from-class": "opacity-0 -translate-x-2",
+              "enter-to-class": "opacity-100 translate-x-0",
+              "leave-active-class": "transition-all duration-200 ease-in",
+              "leave-from-class": "opacity-100 translate-x-0",
+              "leave-to-class": "opacity-0 -translate-x-2"
+            }, {
+              default: withCtx(() => [
+                __props.expanded ? (openBlock(), createElementBlock("span", {
+                  key: 0,
+                  class: normalizeClass([
+                    isRouteActive.value || isChildActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
+                    "flex-1 text-left text-sm font-semibold whitespace-nowrap"
+                  ])
+                }, toDisplayString(__props.menuItem.label), 3)) : createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            hasSubmenu.value && __props.expanded ? (openBlock(), createBlock(unref(Icon), {
+              key: 0,
               class: normalizeClass([[
-                isRouteActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
-                __props.expanded ? "size-6" : "size-8"
-              ], "transition-all duration-300"]),
-              icon: __props.menuItem.icon
-            }, null, 8, ["class", "icon"]),
-            __props.menuItem.notification ? (openBlock(), createElementBlock("span", _hoisted_2$1)) : createCommentVNode("", true)
+                submenuOpen.value ? "rotate-90" : "",
+                isRouteActive.value || isChildActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500"
+              ], "size-4 transition-transform duration-200"]),
+              icon: "lucide:chevron-right"
+            }, null, 8, ["class"])) : createCommentVNode("", true)
           ]),
-          createVNode(Transition, {
-            "enter-active-class": "transition-all duration-300 ease-out",
-            "enter-from-class": "opacity-0 -translate-x-2",
-            "enter-to-class": "opacity-100 translate-x-0",
-            "leave-active-class": "transition-all duration-200 ease-in",
-            "leave-from-class": "opacity-100 translate-x-0",
-            "leave-to-class": "opacity-0 -translate-x-2"
-          }, {
-            default: withCtx(() => [
-              __props.expanded ? (openBlock(), createElementBlock("span", {
-                key: 0,
-                class: normalizeClass([
-                  isRouteActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
-                  "text-sm font-semibold whitespace-nowrap"
-                ])
-              }, toDisplayString(__props.menuItem.label), 3)) : createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16, ["class"]);
+          _: 1
+        }, 16, ["class", "style"])),
+        createVNode(Transition, {
+          "enter-active-class": "transition-all duration-300 ease-out",
+          "enter-from-class": "opacity-0 max-h-0",
+          "enter-to-class": "opacity-100 max-h-96",
+          "leave-active-class": "transition-all duration-200 ease-in",
+          "leave-from-class": "opacity-100 max-h-96",
+          "leave-to-class": "opacity-0 max-h-0"
+        }, {
+          default: withCtx(() => [
+            hasSubmenu.value && submenuOpen.value && __props.expanded ? (openBlock(), createElementBlock("div", _hoisted_4$1, [
+              renderSlot(_ctx.$slots, "submenu", {
+                depth: __props.depth + 1,
+                expanded: __props.expanded,
+                currentPath: __props.currentPath
+              }),
+              (openBlock(true), createElementBlock(Fragment, null, renderList(__props.menuItem.children, (child, index) => {
+                return openBlock(), createBlock(_component_MenuItem, {
+                  key: index,
+                  "menu-item": child,
+                  expanded: __props.expanded,
+                  "current-path": __props.currentPath,
+                  depth: __props.depth + 1
+                }, null, 8, ["menu-item", "expanded", "current-path", "depth"]);
+              }), 128))
+            ])) : createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
     };
   }
 });
@@ -226,4 +313,4 @@ export {
   _sfc_main$1 as _,
   _sfc_main as a
 };
-//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-nyND94f_.js.map
+//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-56CxoSmj.js.map

package/dist/Dropdown.vue_vue_type_script_setup_true_lang-56CxoSmj.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang-56CxoSmj.js","sources":["../src/components/core/MenuItem.vue","../src/components/core/Dropdown.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, ref, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    menuItem: MenuItemProps\r\n    /** Whether sidebar is expanded (shows labels) */\r\n    expanded?: boolean\r\n    /** Override active state directly */\r\n    active?: boolean\r\n    /** Current route path (pass from parent using useRoute().path) */\r\n    currentPath?: string\r\n    /** Nesting depth level (used internally for indentation) */\r\n    depth?: number\r\n  }>(),\r\n  {\r\n    expanded: true,\r\n    active: undefined,\r\n    currentPath: undefined,\r\n    depth: 0,\r\n  },\r\n)\r\n\r\nconst slots = useSlots()\r\nconst submenuOpen = ref(false)\r\n\r\nconst hasSlotContent = computed(() => !!slots.submenu)\r\n\r\nconst hasChildren = computed(() => {\r\n  return props.menuItem.children && props.menuItem.children.length > 0\r\n})\r\n\r\nconst hasSubmenu = computed(() => hasChildren.value || hasSlotContent.value)\r\n\r\nconst isRouteActive = computed(() => {\r\n  // If active prop is explicitly set, use it\r\n  if (props.active !== undefined) {\r\n    return props.active\r\n  }\r\n\r\n  // Use currentPath prop if provided, otherwise fall back to window.location\r\n  const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n  if (props.menuItem.link === '/') {\r\n    return path === '/'\r\n  }\r\n  return path === props.menuItem.link || path.startsWith(props.menuItem.link + '/')\r\n})\r\n\r\n// Check if any child is active (to highlight parent)\r\nconst isChildActive = computed(() => {\r\n  if (!hasChildren.value) return false\r\n\r\n  const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n  const checkActive = (items: MenuItemProps[]): boolean => {\r\n    return items.some((item) => {\r\n      if (item.link === path || path.startsWith(item.link + '/')) {\r\n        return true\r\n      }\r\n      if (item.children) {\r\n        return checkActive(item.children)\r\n      }\r\n      return false\r\n    })\r\n  }\r\n\r\n  return checkActive(props.menuItem.children!)\r\n})\r\n\r\n// Try to resolve RouterLink, fallback to 'a' tag\r\nconst linkComponent = computed(() => {\r\n  if (hasSubmenu.value) {\r\n    return 'button'\r\n  }\r\n  try {\r\n    const RouterLink = resolveComponent('RouterLink')\r\n    if (typeof RouterLink !== 'string') {\r\n      return RouterLink\r\n    }\r\n  } catch {\r\n    // RouterLink not available\r\n  }\r\n  return 'a'\r\n})\r\n\r\nconst linkProps = computed(() => {\r\n  if (hasSubmenu.value) {\r\n    return { type: 'button' as const }\r\n  }\r\n  if (linkComponent.value === 'a') {\r\n    return { href: props.menuItem.link }\r\n  }\r\n  return { to: props.menuItem.link }\r\n})\r\n\r\nconst toggleSubmenu = () => {\r\n  if (hasSubmenu.value) {\r\n    submenuOpen.value = !submenuOpen.value\r\n  }\r\n}\r\n\r\nconst paddingLeft = computed(() => {\r\n  if (!props.expanded) return undefined\r\n  const basePadding = 20 // px-5 = 20px\r\n  const indentPerLevel = 16 // 16px per nesting level\r\n  return `${basePadding + props.depth * indentPerLevel}px`\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"w-full\">\r\n    <component\r\n      :is=\"linkComponent\"\r\n      v-bind=\"linkProps\"\r\n      :class=\"expanded ? 'flex-row' : 'flex-col'\"\r\n      :style=\"expanded ? { paddingLeft } : undefined\"\r\n      class=\"group relative flex w-full items-center justify-center gap-2 pr-5 py-2\"\r\n      @click=\"toggleSubmenu\"\r\n    >\r\n      <div class=\"relative\">\r\n        <Icon\r\n          :class=\"[\r\n            isRouteActive || isChildActive\r\n              ? 'text-white'\r\n              : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n            expanded ? 'size-5' : 'size-8',\r\n          ]\"\r\n          class=\"transition-all duration-300\"\r\n          :icon=\"menuItem.icon\"\r\n        />\r\n\r\n        <span\r\n          v-if=\"menuItem.notification\"\r\n          class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\r\n        />\r\n      </div>\r\n\r\n      <Transition\r\n        enter-active-class=\"transition-all duration-300 ease-out\"\r\n        enter-from-class=\"opacity-0 -translate-x-2\"\r\n        enter-to-class=\"opacity-100 translate-x-0\"\r\n        leave-active-class=\"transition-all duration-200 ease-in\"\r\n        leave-from-class=\"opacity-100 translate-x-0\"\r\n        leave-to-class=\"opacity-0 -translate-x-2\"\r\n      >\r\n        <span\r\n          v-if=\"expanded\"\r\n          :class=\"\r\n            isRouteActive || isChildActive\r\n              ? 'text-white'\r\n              : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\r\n          \"\r\n          class=\"flex-1 text-left text-sm font-semibold whitespace-nowrap\"\r\n        >{{ menuItem.label }}</span>\r\n      </Transition>\r\n\r\n      <!-- Chevron for submenu -->\r\n      <Icon\r\n        v-if=\"hasSubmenu && expanded\"\r\n        :class=\"[\r\n          submenuOpen ? 'rotate-90' : '',\r\n          isRouteActive || isChildActive\r\n            ? 'text-white'\r\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n        ]\"\r\n        class=\"size-4 transition-transform duration-200\"\r\n        icon=\"lucide:chevron-right\"\r\n      />\r\n    </component>\r\n\r\n    <!-- Submenu content -->\r\n    <Transition\r\n      enter-active-class=\"transition-all duration-300 ease-out\"\r\n      enter-from-class=\"opacity-0 max-h-0\"\r\n      enter-to-class=\"opacity-100 max-h-96\"\r\n      leave-active-class=\"transition-all duration-200 ease-in\"\r\n      leave-from-class=\"opacity-100 max-h-96\"\r\n      leave-to-class=\"opacity-0 max-h-0\"\r\n    >\r\n      <div\r\n        v-if=\"hasSubmenu && submenuOpen && expanded\"\r\n        class=\"overflow-hidden\"\r\n      >\r\n        <!-- Slot for custom submenu content -->\r\n        <slot\r\n          name=\"submenu\"\r\n          :depth=\"depth + 1\"\r\n          :expanded=\"expanded\"\r\n          :current-path=\"currentPath\"\r\n        />\r\n\r\n        <!-- Default children from prop -->\r\n        <MenuItem\r\n          v-for=\"(child, index) in menuItem.children\"\r\n          :key=\"index\"\r\n          :menu-item=\"child\"\r\n          :expanded=\"expanded\"\r\n          :current-path=\"currentPath\"\r\n          :depth=\"depth + 1\"\r\n        />\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport interface DropdownItem {\r\n  key: string\r\n  label: string\r\n  icon?: string\r\n  disabled?: boolean\r\n  danger?: boolean\r\n  divider?: boolean\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Dropdown items (optional if using default slot) */\r\n    items?: DropdownItem[]\r\n    /** Align dropdown */\r\n    align?: 'left' | 'right'\r\n    /** Dropdown width */\r\n    width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\r\n    /** Use teleport to body to avoid overflow clipping */\r\n    teleport?: boolean\r\n    /** Custom ID for accessibility */\r\n    id?: string\r\n  }>(),\r\n  {\r\n    items: () => [],\r\n    align: 'left',\r\n    width: 'auto',\r\n    teleport: true,\r\n  },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'dropdown', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst menuId = computed(() => related('menu'))\r\n\r\nconst emit = defineEmits<{\r\n  select: [item: DropdownItem]\r\n}>()\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst menuRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close } = useDropdown(triggerRef, menuRef, {\r\n  teleport: props.teleport,\r\n  align: props.align,\r\n})\r\n\r\nconst selectItem = (item: DropdownItem) => {\r\n  if (item.disabled || item.divider) return\r\n  emit('select', item)\r\n  close()\r\n}\r\n\r\nconst widthClasses = {\r\n  auto: 'w-auto min-w-40',\r\n  full: 'w-full',\r\n  sm: 'w-32',\r\n  md: 'w-48',\r\n  lg: 'w-64',\r\n}\r\n\r\nconst computedDropdownStyle = computed(() => {\r\n  if (!props.teleport) return {}\r\n  const { width: _, ...rest } = dropdownStyle.value\r\n  return rest\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"relative inline-block\">\r\n    <div\r\n      ref=\"triggerRef\"\r\n      @click=\"toggle\"\r\n    >\r\n      <slot name=\"trigger\">\r\n        <button\r\n          :id=\"triggerId\"\r\n          type=\"button\"\r\n          :aria-expanded=\"isOpen\"\r\n          aria-haspopup=\"menu\"\r\n          :aria-controls=\"menuId\"\r\n          class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n        >\r\n          <slot name=\"trigger-label\">\r\n            Options\r\n          </slot>\r\n          <Icon\r\n            icon=\"lucide:chevron-down\"\r\n            :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        </button>\r\n      </slot>\r\n    </div>\r\n\r\n    <Teleport\r\n      to=\"body\"\r\n      :disabled=\"!teleport\"\r\n    >\r\n      <Transition\r\n        enter-active-class=\"transition ease-out duration-100\"\r\n        enter-from-class=\"transform opacity-0 scale-95\"\r\n        enter-to-class=\"transform opacity-100 scale-100\"\r\n        leave-active-class=\"transition ease-in duration-75\"\r\n        leave-from-class=\"transform opacity-100 scale-100\"\r\n        leave-to-class=\"transform opacity-0 scale-95\"\r\n      >\r\n        <div\r\n          v-if=\"isOpen\"\r\n          :id=\"menuId\"\r\n          ref=\"menuRef\"\r\n          role=\"menu\"\r\n          :aria-labelledby=\"triggerId\"\r\n          :style=\"computedDropdownStyle\"\r\n          :class=\"[\r\n            'z-9999 rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n            widthClasses[width],\r\n            !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\r\n          ]\"\r\n        >\r\n          <!-- Custom content via default slot -->\r\n          <slot :close=\"close\">\r\n            <!-- Default items rendering -->\r\n            <template\r\n              v-for=\"item in items\"\r\n              :key=\"item.key\"\r\n            >\r\n              <div\r\n                v-if=\"item.divider\"\r\n                role=\"separator\"\r\n                class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\r\n              />\r\n              <button\r\n                v-else\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                :disabled=\"item.disabled\"\r\n                :class=\"[\r\n                  'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\r\n                  item.disabled\r\n                    ? 'cursor-not-allowed opacity-50'\r\n                    : item.danger\r\n                      ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\r\n                      : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\r\n                ]\"\r\n                @click=\"selectItem(item)\"\r\n              >\r\n                <Icon\r\n                  v-if=\"item.icon\"\r\n                  :icon=\"item.icon\"\r\n                  class=\"size-4\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n                {{ item.label }}\r\n              </button>\r\n            </template>\r\n          </slot>\r\n        </div>\r\n      </Transition>\r\n    </Teleport>\r\n  </div>\r\n</template>\r\n"],"names":["_openBlock","_createElementBlock","_hoisted_1","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_hoisted_2","_createVNode","_unref","_normalizeClass","_hoisted_3","_Transition","_toDisplayString","_hoisted_4","_renderSlot","_Fragment","_Teleport","_renderList"],"mappings":"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"}

package/dist/{Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs → Dropdown.vue_vue_type_script_setup_true_lang-Dd3ySRNB.cjs}

@@ -3,21 +3,34 @@ const vue = require("vue");
 const vue$1 = require("@iconify/vue");
 const useDropdown = require("./useDropdown-DHFnd259.cjs");
 const useId = require("./useId-nxrBaIC9.cjs");
-const _hoisted_1$1 = { class: "relative" };
-const _hoisted_2$1 = {
+const _hoisted_1$1 = { class: "w-full" };
+const _hoisted_2$1 = { class: "relative" };
+const _hoisted_3$1 = {
   key: 0,
   class: "absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600"
 };
+const _hoisted_4$1 = {
+  key: 0,
+  class: "overflow-hidden"
+};
 const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
   __name: "MenuItem",
   props: {
     menuItem: {},
     expanded: { type: Boolean, default: true },
     active: { type: Boolean, default: void 0 },
-    currentPath: { default: void 0 }
+    currentPath: { default: void 0 },
+    depth: { default: 0 }
   },
   setup(__props) {
     const props = __props;
+    const slots = vue.useSlots();
+    const submenuOpen = vue.ref(false);
+    const hasSlotContent = vue.computed(() => !!slots.submenu);
+    const hasChildren = vue.computed(() => {
+      return props.menuItem.children && props.menuItem.children.length > 0;
+    });
+    const hasSubmenu = vue.computed(() => hasChildren.value || hasSlotContent.value);
     const isRouteActive = vue.computed(() => {
       if (props.active !== void 0) {
         return props.active;
@@ -28,7 +41,26 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       }
       return path === props.menuItem.link || path.startsWith(props.menuItem.link + "/");
     });
+    const isChildActive = vue.computed(() => {
+      if (!hasChildren.value) return false;
+      const path = props.currentPath ?? (typeof window !== "undefined" ? window.location.pathname : "/");
+      const checkActive = (items) => {
+        return items.some((item) => {
+          if (item.link === path || path.startsWith(item.link + "/")) {
+            return true;
+          }
+          if (item.children) {
+            return checkActive(item.children);
+          }
+          return false;
+        });
+      };
+      return checkActive(props.menuItem.children);
+    });
     const linkComponent = vue.computed(() => {
+      if (hasSubmenu.value) {
+        return "button";
+      }
       try {
         const RouterLink = vue.resolveComponent("RouterLink");
         if (typeof RouterLink !== "string") {
@@ -39,48 +71,103 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
       return "a";
     });
     const linkProps = vue.computed(() => {
+      if (hasSubmenu.value) {
+        return { type: "button" };
+      }
       if (linkComponent.value === "a") {
         return { href: props.menuItem.link };
       }
       return { to: props.menuItem.link };
     });
+    const toggleSubmenu = () => {
+      if (hasSubmenu.value) {
+        submenuOpen.value = !submenuOpen.value;
+      }
+    };
+    const paddingLeft = vue.computed(() => {
+      if (!props.expanded) return void 0;
+      const basePadding = 20;
+      const indentPerLevel = 16;
+      return `${basePadding + props.depth * indentPerLevel}px`;
+    });
     return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(linkComponent.value), vue.mergeProps(linkProps.value, {
-        class: [__props.expanded ? "flex-row" : "flex-col", "group relative flex items-center justify-center gap-2 px-5"]
-      }), {
-        default: vue.withCtx(() => [
-          vue.createElementVNode("div", _hoisted_1$1, [
-            vue.createVNode(vue.unref(vue$1.Icon), {
+      const _component_MenuItem = vue.resolveComponent("MenuItem", true);
+      return vue.openBlock(), vue.createElementBlock("div", _hoisted_1$1, [
+        (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(linkComponent.value), vue.mergeProps(linkProps.value, {
+          class: [__props.expanded ? "flex-row" : "flex-col", "group relative flex w-full items-center justify-center gap-2 pr-5 py-2"],
+          style: __props.expanded ? { paddingLeft: paddingLeft.value } : void 0,
+          onClick: toggleSubmenu
+        }), {
+          default: vue.withCtx(() => [
+            vue.createElementVNode("div", _hoisted_2$1, [
+              vue.createVNode(vue.unref(vue$1.Icon), {
+                class: vue.normalizeClass([[
+                  isRouteActive.value || isChildActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
+                  __props.expanded ? "size-5" : "size-8"
+                ], "transition-all duration-300"]),
+                icon: __props.menuItem.icon
+              }, null, 8, ["class", "icon"]),
+              __props.menuItem.notification ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_3$1)) : vue.createCommentVNode("", true)
+            ]),
+            vue.createVNode(vue.Transition, {
+              "enter-active-class": "transition-all duration-300 ease-out",
+              "enter-from-class": "opacity-0 -translate-x-2",
+              "enter-to-class": "opacity-100 translate-x-0",
+              "leave-active-class": "transition-all duration-200 ease-in",
+              "leave-from-class": "opacity-100 translate-x-0",
+              "leave-to-class": "opacity-0 -translate-x-2"
+            }, {
+              default: vue.withCtx(() => [
+                __props.expanded ? (vue.openBlock(), vue.createElementBlock("span", {
+                  key: 0,
+                  class: vue.normalizeClass([
+                    isRouteActive.value || isChildActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
+                    "flex-1 text-left text-sm font-semibold whitespace-nowrap"
+                  ])
+                }, vue.toDisplayString(__props.menuItem.label), 3)) : vue.createCommentVNode("", true)
+              ]),
+              _: 1
+            }),
+            hasSubmenu.value && __props.expanded ? (vue.openBlock(), vue.createBlock(vue.unref(vue$1.Icon), {
+              key: 0,
               class: vue.normalizeClass([[
-                isRouteActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
-                __props.expanded ? "size-6" : "size-8"
-              ], "transition-all duration-300"]),
-              icon: __props.menuItem.icon
-            }, null, 8, ["class", "icon"]),
-            __props.menuItem.notification ? (vue.openBlock(), vue.createElementBlock("span", _hoisted_2$1)) : vue.createCommentVNode("", true)
+                submenuOpen.value ? "rotate-90" : "",
+                isRouteActive.value || isChildActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500"
+              ], "size-4 transition-transform duration-200"]),
+              icon: "lucide:chevron-right"
+            }, null, 8, ["class"])) : vue.createCommentVNode("", true)
           ]),
-          vue.createVNode(vue.Transition, {
-            "enter-active-class": "transition-all duration-300 ease-out",
-            "enter-from-class": "opacity-0 -translate-x-2",
-            "enter-to-class": "opacity-100 translate-x-0",
-            "leave-active-class": "transition-all duration-200 ease-in",
-            "leave-from-class": "opacity-100 translate-x-0",
-            "leave-to-class": "opacity-0 -translate-x-2"
-          }, {
-            default: vue.withCtx(() => [
-              __props.expanded ? (vue.openBlock(), vue.createElementBlock("span", {
-                key: 0,
-                class: vue.normalizeClass([
-                  isRouteActive.value ? "text-white" : "text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500",
-                  "text-sm font-semibold whitespace-nowrap"
-                ])
-              }, vue.toDisplayString(__props.menuItem.label), 3)) : vue.createCommentVNode("", true)
-            ]),
-            _: 1
-          })
-        ]),
-        _: 1
-      }, 16, ["class"]);
+          _: 1
+        }, 16, ["class", "style"])),
+        vue.createVNode(vue.Transition, {
+          "enter-active-class": "transition-all duration-300 ease-out",
+          "enter-from-class": "opacity-0 max-h-0",
+          "enter-to-class": "opacity-100 max-h-96",
+          "leave-active-class": "transition-all duration-200 ease-in",
+          "leave-from-class": "opacity-100 max-h-96",
+          "leave-to-class": "opacity-0 max-h-0"
+        }, {
+          default: vue.withCtx(() => [
+            hasSubmenu.value && submenuOpen.value && __props.expanded ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4$1, [
+              vue.renderSlot(_ctx.$slots, "submenu", {
+                depth: __props.depth + 1,
+                expanded: __props.expanded,
+                currentPath: __props.currentPath
+              }),
+              (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(__props.menuItem.children, (child, index) => {
+                return vue.openBlock(), vue.createBlock(_component_MenuItem, {
+                  key: index,
+                  "menu-item": child,
+                  expanded: __props.expanded,
+                  "current-path": __props.currentPath,
+                  depth: __props.depth + 1
+                }, null, 8, ["menu-item", "expanded", "current-path", "depth"]);
+              }), 128))
+            ])) : vue.createCommentVNode("", true)
+          ]),
+          _: 3
+        })
+      ]);
     };
   }
 });
@@ -225,4 +312,4 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
 });
 exports._sfc_main = _sfc_main$1;
 exports._sfc_main$1 = _sfc_main;
-//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-BNOHbbm5.cjs.map
+//# sourceMappingURL=Dropdown.vue_vue_type_script_setup_true_lang-Dd3ySRNB.cjs.map

package/dist/Dropdown.vue_vue_type_script_setup_true_lang-Dd3ySRNB.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.vue_vue_type_script_setup_true_lang-Dd3ySRNB.cjs","sources":["../src/components/core/MenuItem.vue","../src/components/core/Dropdown.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { computed, resolveComponent, ref, useSlots } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport type { MenuItemProps } from '@/types'\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    menuItem: MenuItemProps\r\n    /** Whether sidebar is expanded (shows labels) */\r\n    expanded?: boolean\r\n    /** Override active state directly */\r\n    active?: boolean\r\n    /** Current route path (pass from parent using useRoute().path) */\r\n    currentPath?: string\r\n    /** Nesting depth level (used internally for indentation) */\r\n    depth?: number\r\n  }>(),\r\n  {\r\n    expanded: true,\r\n    active: undefined,\r\n    currentPath: undefined,\r\n    depth: 0,\r\n  },\r\n)\r\n\r\nconst slots = useSlots()\r\nconst submenuOpen = ref(false)\r\n\r\nconst hasSlotContent = computed(() => !!slots.submenu)\r\n\r\nconst hasChildren = computed(() => {\r\n  return props.menuItem.children && props.menuItem.children.length > 0\r\n})\r\n\r\nconst hasSubmenu = computed(() => hasChildren.value || hasSlotContent.value)\r\n\r\nconst isRouteActive = computed(() => {\r\n  // If active prop is explicitly set, use it\r\n  if (props.active !== undefined) {\r\n    return props.active\r\n  }\r\n\r\n  // Use currentPath prop if provided, otherwise fall back to window.location\r\n  const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n  if (props.menuItem.link === '/') {\r\n    return path === '/'\r\n  }\r\n  return path === props.menuItem.link || path.startsWith(props.menuItem.link + '/')\r\n})\r\n\r\n// Check if any child is active (to highlight parent)\r\nconst isChildActive = computed(() => {\r\n  if (!hasChildren.value) return false\r\n\r\n  const path = props.currentPath ?? (typeof window !== 'undefined' ? window.location.pathname : '/')\r\n\r\n  const checkActive = (items: MenuItemProps[]): boolean => {\r\n    return items.some((item) => {\r\n      if (item.link === path || path.startsWith(item.link + '/')) {\r\n        return true\r\n      }\r\n      if (item.children) {\r\n        return checkActive(item.children)\r\n      }\r\n      return false\r\n    })\r\n  }\r\n\r\n  return checkActive(props.menuItem.children!)\r\n})\r\n\r\n// Try to resolve RouterLink, fallback to 'a' tag\r\nconst linkComponent = computed(() => {\r\n  if (hasSubmenu.value) {\r\n    return 'button'\r\n  }\r\n  try {\r\n    const RouterLink = resolveComponent('RouterLink')\r\n    if (typeof RouterLink !== 'string') {\r\n      return RouterLink\r\n    }\r\n  } catch {\r\n    // RouterLink not available\r\n  }\r\n  return 'a'\r\n})\r\n\r\nconst linkProps = computed(() => {\r\n  if (hasSubmenu.value) {\r\n    return { type: 'button' as const }\r\n  }\r\n  if (linkComponent.value === 'a') {\r\n    return { href: props.menuItem.link }\r\n  }\r\n  return { to: props.menuItem.link }\r\n})\r\n\r\nconst toggleSubmenu = () => {\r\n  if (hasSubmenu.value) {\r\n    submenuOpen.value = !submenuOpen.value\r\n  }\r\n}\r\n\r\nconst paddingLeft = computed(() => {\r\n  if (!props.expanded) return undefined\r\n  const basePadding = 20 // px-5 = 20px\r\n  const indentPerLevel = 16 // 16px per nesting level\r\n  return `${basePadding + props.depth * indentPerLevel}px`\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"w-full\">\r\n    <component\r\n      :is=\"linkComponent\"\r\n      v-bind=\"linkProps\"\r\n      :class=\"expanded ? 'flex-row' : 'flex-col'\"\r\n      :style=\"expanded ? { paddingLeft } : undefined\"\r\n      class=\"group relative flex w-full items-center justify-center gap-2 pr-5 py-2\"\r\n      @click=\"toggleSubmenu\"\r\n    >\r\n      <div class=\"relative\">\r\n        <Icon\r\n          :class=\"[\r\n            isRouteActive || isChildActive\r\n              ? 'text-white'\r\n              : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n            expanded ? 'size-5' : 'size-8',\r\n          ]\"\r\n          class=\"transition-all duration-300\"\r\n          :icon=\"menuItem.icon\"\r\n        />\r\n\r\n        <span\r\n          v-if=\"menuItem.notification\"\r\n          class=\"absolute top-0.25 right-0.25 size-1.5 rounded-full bg-red-600\"\r\n        />\r\n      </div>\r\n\r\n      <Transition\r\n        enter-active-class=\"transition-all duration-300 ease-out\"\r\n        enter-from-class=\"opacity-0 -translate-x-2\"\r\n        enter-to-class=\"opacity-100 translate-x-0\"\r\n        leave-active-class=\"transition-all duration-200 ease-in\"\r\n        leave-from-class=\"opacity-100 translate-x-0\"\r\n        leave-to-class=\"opacity-0 -translate-x-2\"\r\n      >\r\n        <span\r\n          v-if=\"expanded\"\r\n          :class=\"\r\n            isRouteActive || isChildActive\r\n              ? 'text-white'\r\n              : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500'\r\n          \"\r\n          class=\"flex-1 text-left text-sm font-semibold whitespace-nowrap\"\r\n        >{{ menuItem.label }}</span>\r\n      </Transition>\r\n\r\n      <!-- Chevron for submenu -->\r\n      <Icon\r\n        v-if=\"hasSubmenu && expanded\"\r\n        :class=\"[\r\n          submenuOpen ? 'rotate-90' : '',\r\n          isRouteActive || isChildActive\r\n            ? 'text-white'\r\n            : 'text-white/50 group-hover:text-white/80 dark:text-gray-700 dark:group-hover:text-gray-500',\r\n        ]\"\r\n        class=\"size-4 transition-transform duration-200\"\r\n        icon=\"lucide:chevron-right\"\r\n      />\r\n    </component>\r\n\r\n    <!-- Submenu content -->\r\n    <Transition\r\n      enter-active-class=\"transition-all duration-300 ease-out\"\r\n      enter-from-class=\"opacity-0 max-h-0\"\r\n      enter-to-class=\"opacity-100 max-h-96\"\r\n      leave-active-class=\"transition-all duration-200 ease-in\"\r\n      leave-from-class=\"opacity-100 max-h-96\"\r\n      leave-to-class=\"opacity-0 max-h-0\"\r\n    >\r\n      <div\r\n        v-if=\"hasSubmenu && submenuOpen && expanded\"\r\n        class=\"overflow-hidden\"\r\n      >\r\n        <!-- Slot for custom submenu content -->\r\n        <slot\r\n          name=\"submenu\"\r\n          :depth=\"depth + 1\"\r\n          :expanded=\"expanded\"\r\n          :current-path=\"currentPath\"\r\n        />\r\n\r\n        <!-- Default children from prop -->\r\n        <MenuItem\r\n          v-for=\"(child, index) in menuItem.children\"\r\n          :key=\"index\"\r\n          :menu-item=\"child\"\r\n          :expanded=\"expanded\"\r\n          :current-path=\"currentPath\"\r\n          :depth=\"depth + 1\"\r\n        />\r\n      </div>\r\n    </Transition>\r\n  </div>\r\n</template>\r\n","<script lang=\"ts\" setup>\r\nimport { ref, computed } from 'vue'\r\nimport { Icon } from '@iconify/vue'\r\nimport { useDropdown } from '@/composables/useDropdown'\r\nimport { useId } from '@/composables/useId'\r\n\r\nexport interface DropdownItem {\r\n  key: string\r\n  label: string\r\n  icon?: string\r\n  disabled?: boolean\r\n  danger?: boolean\r\n  divider?: boolean\r\n}\r\n\r\nconst props = withDefaults(\r\n  defineProps<{\r\n    /** Dropdown items (optional if using default slot) */\r\n    items?: DropdownItem[]\r\n    /** Align dropdown */\r\n    align?: 'left' | 'right'\r\n    /** Dropdown width */\r\n    width?: 'auto' | 'full' | 'sm' | 'md' | 'lg'\r\n    /** Use teleport to body to avoid overflow clipping */\r\n    teleport?: boolean\r\n    /** Custom ID for accessibility */\r\n    id?: string\r\n  }>(),\r\n  {\r\n    items: () => [],\r\n    align: 'left',\r\n    width: 'auto',\r\n    teleport: true,\r\n  },\r\n)\r\n\r\n// Generate unique IDs for accessibility\r\nconst { related } = useId({ prefix: 'dropdown', id: props.id })\r\nconst triggerId = computed(() => related('trigger'))\r\nconst menuId = computed(() => related('menu'))\r\n\r\nconst emit = defineEmits<{\r\n  select: [item: DropdownItem]\r\n}>()\r\n\r\nconst triggerRef = ref<HTMLElement>()\r\nconst menuRef = ref<HTMLElement>()\r\n\r\nconst { isOpen, dropdownStyle, toggle, close } = useDropdown(triggerRef, menuRef, {\r\n  teleport: props.teleport,\r\n  align: props.align,\r\n})\r\n\r\nconst selectItem = (item: DropdownItem) => {\r\n  if (item.disabled || item.divider) return\r\n  emit('select', item)\r\n  close()\r\n}\r\n\r\nconst widthClasses = {\r\n  auto: 'w-auto min-w-40',\r\n  full: 'w-full',\r\n  sm: 'w-32',\r\n  md: 'w-48',\r\n  lg: 'w-64',\r\n}\r\n\r\nconst computedDropdownStyle = computed(() => {\r\n  if (!props.teleport) return {}\r\n  const { width: _, ...rest } = dropdownStyle.value\r\n  return rest\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"relative inline-block\">\r\n    <div\r\n      ref=\"triggerRef\"\r\n      @click=\"toggle\"\r\n    >\r\n      <slot name=\"trigger\">\r\n        <button\r\n          :id=\"triggerId\"\r\n          type=\"button\"\r\n          :aria-expanded=\"isOpen\"\r\n          aria-haspopup=\"menu\"\r\n          :aria-controls=\"menuId\"\r\n          class=\"inline-flex items-center gap-2 rounded-lg border border-gray-300 bg-white px-4 py-2 text-sm font-medium text-gray-700 hover:bg-gray-50 dark:border-gray-600 dark:bg-gray-800 dark:text-gray-200 dark:hover:bg-gray-700\"\r\n        >\r\n          <slot name=\"trigger-label\">\r\n            Options\r\n          </slot>\r\n          <Icon\r\n            icon=\"lucide:chevron-down\"\r\n            :class=\"['size-4 transition-transform', isOpen && 'rotate-180']\"\r\n            aria-hidden=\"true\"\r\n          />\r\n        </button>\r\n      </slot>\r\n    </div>\r\n\r\n    <Teleport\r\n      to=\"body\"\r\n      :disabled=\"!teleport\"\r\n    >\r\n      <Transition\r\n        enter-active-class=\"transition ease-out duration-100\"\r\n        enter-from-class=\"transform opacity-0 scale-95\"\r\n        enter-to-class=\"transform opacity-100 scale-100\"\r\n        leave-active-class=\"transition ease-in duration-75\"\r\n        leave-from-class=\"transform opacity-100 scale-100\"\r\n        leave-to-class=\"transform opacity-0 scale-95\"\r\n      >\r\n        <div\r\n          v-if=\"isOpen\"\r\n          :id=\"menuId\"\r\n          ref=\"menuRef\"\r\n          role=\"menu\"\r\n          :aria-labelledby=\"triggerId\"\r\n          :style=\"computedDropdownStyle\"\r\n          :class=\"[\r\n            'z-9999 rounded-lg border border-gray-200 bg-white py-1 shadow-lg dark:border-gray-700 dark:bg-gray-800',\r\n            widthClasses[width],\r\n            !teleport && (align === 'right' ? 'absolute mt-2 right-0' : 'absolute mt-2 left-0'),\r\n          ]\"\r\n        >\r\n          <!-- Custom content via default slot -->\r\n          <slot :close=\"close\">\r\n            <!-- Default items rendering -->\r\n            <template\r\n              v-for=\"item in items\"\r\n              :key=\"item.key\"\r\n            >\r\n              <div\r\n                v-if=\"item.divider\"\r\n                role=\"separator\"\r\n                class=\"my-1 border-t border-gray-200 dark:border-gray-700\"\r\n              />\r\n              <button\r\n                v-else\r\n                type=\"button\"\r\n                role=\"menuitem\"\r\n                :disabled=\"item.disabled\"\r\n                :class=\"[\r\n                  'flex w-full items-center gap-2 px-4 py-2 text-left text-sm transition-colors',\r\n                  item.disabled\r\n                    ? 'cursor-not-allowed opacity-50'\r\n                    : item.danger\r\n                      ? 'text-red-600 hover:bg-red-50 dark:text-red-400 dark:hover:bg-red-900/20'\r\n                      : 'text-gray-700 hover:bg-gray-100 dark:text-gray-200 dark:hover:bg-gray-700',\r\n                ]\"\r\n                @click=\"selectItem(item)\"\r\n              >\r\n                <Icon\r\n                  v-if=\"item.icon\"\r\n                  :icon=\"item.icon\"\r\n                  class=\"size-4\"\r\n                  aria-hidden=\"true\"\r\n                />\r\n                {{ item.label }}\r\n              </button>\r\n            </template>\r\n          </slot>\r\n        </div>\r\n      </Transition>\r\n    </Teleport>\r\n  </div>\r\n</template>\r\n"],"names":["useSlots","ref","computed","resolveComponent","_openBlock","_createElementBlock","_hoisted_1","_createBlock","_resolveDynamicComponent","_mergeProps","_createElementVNode","_hoisted_2","_createVNode","_unref","Icon","_normalizeClass","_hoisted_3","_Transition","_toDisplayString","_hoisted_4","_renderSlot","_Fragment","useId","useDropdown","_Teleport","_renderList"],"mappings":"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"}