@alfakit/vue 0.1.2 → 0.1.6

package/dist/components/panel/NavGroup.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarGroup","_normalizeProps","_mergeProps","_withCtx","_createVNode","SidebarGroupContent","SidebarMenu","_createElementBlock","_Fragment","_renderList","NavItem","SidebarGroupLabel","_unref","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","_normalizeClass","NavGroupFlyout","Collapsible","_guardReactiveProps","CollapsibleTrigger","_createElementVNode","CollapsibleContent","Icon_default","SidebarMenu_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","SidebarGroup_default","SidebarGroupContent_default","SidebarGroupLabel_default","NavGroupFlyout_default","NavItem_default","_hoisted_1","NavGroup_vue_vue_type_script_setup_true_lang_default","props","__props","attributes","flyout","contentClass","cn","openBlock","createBlock","item","withCtx","createVNode","normalizeProps","guardReactiveProps","createElementVNode","unref","createCommentVNode","createTextVNode","toDisplayString","ChevronRightIcon","normalizeClass","createElementBlock","Fragment","renderList","mergeProps"],"sources":["../../../src/components/panel/NavGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { Icon } from '../../lib/icons'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarGroup from '../ui/SidebarGroup.vue'\nimport SidebarGroupContent from '../ui/SidebarGroupContent.vue'\nimport SidebarGroupLabel from '../ui/SidebarGroupLabel.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport { cn } from '../../lib/utils'\nimport NavGroupFlyout from './NavGroupFlyout.vue'\nimport NavItem from './NavItem.vue'\n\nconst props = defineProps<{ group: NavigationGroupSchema }>()\n// `NavigationGroup::extraSidebarAttributes()`; Vue merges `class` with the group's own.\nconst attributes = () => props.group.extraSidebarAttributes ?? {}\n// A labelled group with an icon collapses into a flyout in the icon-only sidebar.\nconst flyout = () => Boolean(props.group.label && props.group.icon)\nconst contentClass = () => cn(flyout() && 'group-data-[collapsible=icon]:hidden')\n</script>\n\n<template>\n  <SidebarGroup v-if=\"!props.group.label\" v-bind=\"attributes()\">\n    <SidebarGroupContent>\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n  </SidebarGroup>\n  <SidebarGroup v-else-if=\"!props.group.collapsible\" v-bind=\"attributes()\">\n    <SidebarGroupLabel>\n      <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" class=\"me-1.5\" />\n      {{ props.group.label }}\n    </SidebarGroupLabel>\n    <SidebarGroupContent :class=\"contentClass()\">\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n    <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n  </SidebarGroup>\n  <Collapsible\n    v-else\n    :default-open=\"!props.group.collapsed || props.group.items.some((item) => item.active)\"\n    class=\"group/nav-group\"\n  >\n    <SidebarGroup v-bind=\"attributes()\">\n      <CollapsibleTrigger as-child>\n        <SidebarGroupLabel\n          as=\"button\"\n          type=\"button\"\n          class=\"hover:bg-sidebar-accent w-full cursor-pointer justify-between\"\n        >\n          <span class=\"flex items-center gap-1.5\">\n            <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n            {{ props.group.label }}\n          </span>\n          <Icon\n            name=\"alfakit::panels.sidebar.group.collapse-button\"\n            :fallback=\"ChevronRightIcon\"\n            class=\"size-3.5 transition-transform group-data-[state=open]/nav-group:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-group:rotate-90\"\n          />\n        </SidebarGroupLabel>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarGroupContent :class=\"contentClass()\">\n          <SidebarMenu>\n            <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n          </SidebarMenu>\n        </SidebarGroupContent>\n      </CollapsibleContent>\n      <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n    </SidebarGroup>\n  </Collapsible>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"NavGroup.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarGroup","_normalizeProps","_mergeProps","_withCtx","_createVNode","SidebarGroupContent","SidebarMenu","_createElementBlock","_Fragment","_renderList","NavItem","SidebarGroupLabel","_unref","Icon","_createCommentVNode","_createTextVNode","_toDisplayString","_normalizeClass","NavGroupFlyout","Collapsible","_guardReactiveProps","CollapsibleTrigger","_createElementVNode","CollapsibleContent","Icon_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","SidebarMenu_default","SidebarGroup_default","SidebarGroupContent_default","SidebarGroupLabel_default","NavGroupFlyout_default","NavItem_default","_hoisted_1","NavGroup_vue_vue_type_script_setup_true_lang_default","props","__props","attributes","flyout","contentClass","cn","openBlock","createBlock","item","withCtx","createVNode","normalizeProps","guardReactiveProps","createElementVNode","unref","createCommentVNode","createTextVNode","toDisplayString","ChevronRightIcon","normalizeClass","createElementBlock","Fragment","renderList","mergeProps"],"sources":["../../../src/components/panel/NavGroup.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { Icon } from '../../lib/icons'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarGroup from '../ui/SidebarGroup.vue'\nimport SidebarGroupContent from '../ui/SidebarGroupContent.vue'\nimport SidebarGroupLabel from '../ui/SidebarGroupLabel.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport { cn } from '../../lib/utils'\nimport NavGroupFlyout from './NavGroupFlyout.vue'\nimport NavItem from './NavItem.vue'\n\nconst props = defineProps<{ group: NavigationGroupSchema }>()\n// `NavigationGroup::extraSidebarAttributes()`; Vue merges `class` with the group's own.\nconst attributes = () => props.group.extraSidebarAttributes ?? {}\n// A labelled group with an icon collapses into a flyout in the icon-only sidebar.\nconst flyout = () => Boolean(props.group.label && props.group.icon)\nconst contentClass = () => cn(flyout() && 'group-data-[collapsible=icon]:hidden')\n</script>\n\n<template>\n  <SidebarGroup v-if=\"!props.group.label\" v-bind=\"attributes()\">\n    <SidebarGroupContent>\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n  </SidebarGroup>\n  <SidebarGroup v-else-if=\"!props.group.collapsible\" v-bind=\"attributes()\">\n    <SidebarGroupLabel>\n      <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" class=\"me-1.5\" />\n      {{ props.group.label }}\n    </SidebarGroupLabel>\n    <SidebarGroupContent :class=\"contentClass()\">\n      <SidebarMenu>\n        <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n      </SidebarMenu>\n    </SidebarGroupContent>\n    <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n  </SidebarGroup>\n  <Collapsible\n    v-else\n    :default-open=\"!props.group.collapsed || props.group.items.some((item) => item.active)\"\n    class=\"group/nav-group\"\n  >\n    <SidebarGroup v-bind=\"attributes()\">\n      <CollapsibleTrigger as-child>\n        <SidebarGroupLabel\n          as=\"button\"\n          type=\"button\"\n          class=\"hover:bg-sidebar-accent w-full cursor-pointer justify-between\"\n        >\n          <span class=\"flex items-center gap-1.5\">\n            <Icon v-if=\"props.group.icon\" :name=\"props.group.icon\" />\n            {{ props.group.label }}\n          </span>\n          <Icon\n            name=\"alfakit::panels.sidebar.group.collapse-button\"\n            :fallback=\"ChevronRightIcon\"\n            class=\"size-3.5 transition-transform group-data-[state=open]/nav-group:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-group:rotate-90\"\n          />\n        </SidebarGroupLabel>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarGroupContent :class=\"contentClass()\">\n          <SidebarMenu>\n            <NavItem v-for=\"item in props.group.items\" :key=\"item.label\" :item=\"item\" />\n          </SidebarMenu>\n        </SidebarGroupContent>\n      </CollapsibleContent>\n      <NavGroupFlyout v-if=\"flyout()\" :group=\"props.group\" />\n    </SidebarGroup>\n  </Collapsible>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/NavGroupFlyout.vue_vue_type_script_setup_true_lang.js

@@ -9,10 +9,10 @@ import c from "../ui/DropdownMenuItem.js";
 import l from "../ui/DropdownMenuTrigger.js";
 import u from "../../lib/NewTabHint.js";
 import d from "../ui/DropdownMenuLabel.js";
-import f from "../ui/SidebarMenu.js";
-import p from "../ui/SidebarMenuButton.js";
-import m from "../ui/SidebarMenuItem.js";
-import h from "./NavLabel.js";
+import f from "./NavLabel.js";
+import p from "../ui/SidebarMenu.js";
+import m from "../ui/SidebarMenuButton.js";
+import h from "../ui/SidebarMenuItem.js";
 import { flattenNavigationItems as g, hasActiveNavigationItem as _ } from "@alfakit/core";
 import { Link as v } from "@inertiajs/vue3";
 import { Fragment as y, computed as b, createBlock as x, createCommentVNode as S, createElementBlock as C, createElementVNode as w, createTextVNode as T, createVNode as E, defineComponent as D, mergeProps as O, normalizeClass as k, openBlock as A, renderList as j, toDisplayString as M, unref as N, withCtx as P } from "vue";
@@ -27,14 +27,14 @@ var F = ["href"], I = {
 	props: { group: {} },
 	setup(D) {
 		let L = D, R = e(), z = b(() => g(L.group.items)), B = b(() => _(L.group.items)), V = (e) => t("data-[active=true]:bg-accent data-[active=true]:font-medium", e === 1 && "ps-6", e > 1 && "ps-9"), H = (e) => t("ms-auto px-1.5 py-0", r(n, e, "gray"));
-		return (e, t) => (A(), x(f, {
+		return (e, t) => (A(), x(p, {
 			class: "hidden group-data-[collapsible=icon]:flex",
 			"data-nav-flyout": ""
 		}, {
-			default: P(() => [E(m, null, {
+			default: P(() => [E(h, null, {
 				default: P(() => [E(o, { dir: N(R) }, {
 					default: P(() => [E(l, { "as-child": "" }, {
-						default: P(() => [E(p, { "is-active": B.value }, {
+						default: P(() => [E(m, { "is-active": B.value }, {
 							default: P(() => [E(N(i), { name: L.group.icon }, null, 8, ["name"]), w("span", null, M(L.group.label), 1)]),
 							_: 1
 						}, 8, ["is-active"])]),
@@ -65,7 +65,7 @@ var F = ["href"], I = {
 									key: 0,
 									name: e.icon
 								}, null, 8, ["name"])) : S("", !0),
-								E(h, {
+								E(f, {
 									class: "truncate",
 									text: e.label,
 									html: e.labelHtml
@@ -84,7 +84,7 @@ var F = ["href"], I = {
 										key: 0,
 										name: e.icon
 									}, null, 8, ["name"])) : S("", !0),
-									E(h, {
+									E(f, {
 										class: "truncate",
 										text: e.label,
 										html: e.labelHtml

package/dist/components/panel/NavGroupFlyout.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavGroupFlyout.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarMenu","_withCtx","_createVNode","SidebarMenuItem","DropdownMenu","_unref","DropdownMenuTrigger","SidebarMenuButton","Icon","_createElementVNode","_toDisplayString","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","_createElementBlock","_Fragment","_renderList","DropdownMenuItem","_mergeProps","_createCommentVNode","NavLabel","NewTabHint","Badge","_normalizeClass","Icon_default","Badge_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","NewTabHint_default","DropdownMenuLabel_default","SidebarMenu_default","SidebarMenuButton_default","SidebarMenuItem_default","NavLabel_default","_hoisted_1","_hoisted_2","NavGroupFlyout_vue_vue_type_script_setup_true_lang_default","props","__props","direction","useDirection","items","computed","flattenNavigationItems","active","hasActiveNavigationItem","itemClass","cn","depth","badgeClass","colorClass","badgeColorClasses","color","openBlock","createBlock","withCtx","createVNode","unref","createElementVNode","toDisplayString","createTextVNode","createElementBlock","Fragment","renderList","item","index","mergeProps","createCommentVNode","Link","normalizeClass"],"sources":["../../../src/components/panel/NavGroupFlyout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport NavLabel from './NavLabel.vue'\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { flattenNavigationItems, hasActiveNavigationItem } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useDirection } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\n\n/**\n * In the icon-only (collapsed) sidebar, a group with an icon is one button that opens its\n * items in a flyout menu, like Filament. Hidden while the sidebar is expanded.\n */\nconst props = defineProps<{ group: NavigationGroupSchema }>()\nconst direction = useDirection()\nconst items = computed(() => flattenNavigationItems(props.group.items))\nconst active = computed(() => hasActiveNavigationItem(props.group.items))\nconst itemClass = (depth: number) =>\n  cn(\n    'data-[active=true]:bg-accent data-[active=true]:font-medium',\n    depth === 1 && 'ps-6',\n    depth > 1 && 'ps-9',\n  )\nconst badgeClass = (color: string | undefined) =>\n  cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, color, 'gray'))\n</script>\n\n<template>\n  <SidebarMenu class=\"hidden group-data-[collapsible=icon]:flex\" data-nav-flyout=\"\">\n    <SidebarMenuItem>\n      <DropdownMenu :dir=\"direction\">\n        <DropdownMenuTrigger as-child>\n          <SidebarMenuButton :is-active=\"active\">\n            <Icon :name=\"props.group.icon!\" />\n            <span>{{ props.group.label }}</span>\n          </SidebarMenuButton>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          :side=\"direction === 'rtl' ? 'left' : 'right'\"\n          align=\"start\"\n          class=\"min-w-56\"\n        >\n          <DropdownMenuLabel>{{ props.group.label }}</DropdownMenuLabel>\n          <DropdownMenuItem\n            v-for=\"({ item, depth }, index) in items\"\n            :key=\"`${depth}-${item.label}-${index}`\"\n            as-child\n            :data-active=\"item.active ? 'true' : undefined\"\n          >\n            <a\n              v-if=\"item.openInNewTab\"\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <NewTabHint />\n            </a>\n            <Link\n              v-else\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url ?? '#'\"\n              :aria-current=\"item.active ? 'page' : undefined\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <Badge\n                v-if=\"item.badge !== undefined && item.badge !== null\"\n                variant=\"outline\"\n                :class=\"badgeClass(item.badgeColor)\"\n                :title=\"item.badgeTooltip\"\n                >{{ item.badge }}</Badge\n              >\n              <span\n                v-else-if=\"item.badgePending\"\n                data-slot=\"badge\"\n                aria-hidden=\"true\"\n                class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n              />\n            </Link>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarMenuItem>\n  </SidebarMenu>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"NavGroupFlyout.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarMenu","_withCtx","_createVNode","SidebarMenuItem","DropdownMenu","_unref","DropdownMenuTrigger","SidebarMenuButton","Icon","_createElementVNode","_toDisplayString","DropdownMenuContent","DropdownMenuLabel","_createTextVNode","_createElementBlock","_Fragment","_renderList","DropdownMenuItem","_mergeProps","_createCommentVNode","NavLabel","NewTabHint","Badge","_normalizeClass","Icon_default","Badge_default","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuItem_default","DropdownMenuTrigger_default","NewTabHint_default","DropdownMenuLabel_default","NavLabel_default","SidebarMenu_default","SidebarMenuButton_default","SidebarMenuItem_default","_hoisted_1","_hoisted_2","NavGroupFlyout_vue_vue_type_script_setup_true_lang_default","props","__props","direction","useDirection","items","computed","flattenNavigationItems","active","hasActiveNavigationItem","itemClass","cn","depth","badgeClass","colorClass","badgeColorClasses","color","openBlock","createBlock","withCtx","createVNode","unref","createElementVNode","toDisplayString","createTextVNode","createElementBlock","Fragment","renderList","item","index","mergeProps","createCommentVNode","Link","normalizeClass"],"sources":["../../../src/components/panel/NavGroupFlyout.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport NavLabel from './NavLabel.vue'\nimport type { NavigationGroupSchema } from '@alfakit/core'\nimport { flattenNavigationItems, hasActiveNavigationItem } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { computed } from 'vue'\nimport { useDirection } from '../../context'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuItem from '../ui/DropdownMenuItem.vue'\nimport DropdownMenuLabel from '../ui/DropdownMenuLabel.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenu from '../ui/SidebarMenu.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\n\n/**\n * In the icon-only (collapsed) sidebar, a group with an icon is one button that opens its\n * items in a flyout menu, like Filament. Hidden while the sidebar is expanded.\n */\nconst props = defineProps<{ group: NavigationGroupSchema }>()\nconst direction = useDirection()\nconst items = computed(() => flattenNavigationItems(props.group.items))\nconst active = computed(() => hasActiveNavigationItem(props.group.items))\nconst itemClass = (depth: number) =>\n  cn(\n    'data-[active=true]:bg-accent data-[active=true]:font-medium',\n    depth === 1 && 'ps-6',\n    depth > 1 && 'ps-9',\n  )\nconst badgeClass = (color: string | undefined) =>\n  cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, color, 'gray'))\n</script>\n\n<template>\n  <SidebarMenu class=\"hidden group-data-[collapsible=icon]:flex\" data-nav-flyout=\"\">\n    <SidebarMenuItem>\n      <DropdownMenu :dir=\"direction\">\n        <DropdownMenuTrigger as-child>\n          <SidebarMenuButton :is-active=\"active\">\n            <Icon :name=\"props.group.icon!\" />\n            <span>{{ props.group.label }}</span>\n          </SidebarMenuButton>\n        </DropdownMenuTrigger>\n        <DropdownMenuContent\n          :side=\"direction === 'rtl' ? 'left' : 'right'\"\n          align=\"start\"\n          class=\"min-w-56\"\n        >\n          <DropdownMenuLabel>{{ props.group.label }}</DropdownMenuLabel>\n          <DropdownMenuItem\n            v-for=\"({ item, depth }, index) in items\"\n            :key=\"`${depth}-${item.label}-${index}`\"\n            as-child\n            :data-active=\"item.active ? 'true' : undefined\"\n          >\n            <a\n              v-if=\"item.openInNewTab\"\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url\"\n              target=\"_blank\"\n              rel=\"noopener noreferrer\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <NewTabHint />\n            </a>\n            <Link\n              v-else\n              v-bind=\"item.extraAttributes ?? {}\"\n              :href=\"item.url ?? '#'\"\n              :aria-current=\"item.active ? 'page' : undefined\"\n              :class=\"itemClass(depth)\"\n            >\n              <Icon v-if=\"item.icon\" :name=\"item.icon\" />\n              <NavLabel class=\"truncate\" :text=\"item.label\" :html=\"item.labelHtml\" />\n              <Badge\n                v-if=\"item.badge !== undefined && item.badge !== null\"\n                variant=\"outline\"\n                :class=\"badgeClass(item.badgeColor)\"\n                :title=\"item.badgeTooltip\"\n                >{{ item.badge }}</Badge\n              >\n              <span\n                v-else-if=\"item.badgePending\"\n                data-slot=\"badge\"\n                aria-hidden=\"true\"\n                class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n              />\n            </Link>\n          </DropdownMenuItem>\n        </DropdownMenuContent>\n      </DropdownMenu>\n    </SidebarMenuItem>\n  </SidebarMenu>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/NavItem.vue_vue_type_script_setup_true_lang.js

@@ -4,12 +4,12 @@ import { badgeColorClasses as n, colorClass as r } from "../../lib/colors.js";
 import i from "../../lib/Icon.js";
 import a from "../ui/Badge2.js";
 import o from "../../lib/NewTabHint.js";
-import s from "../ui/SidebarMenuButton.js";
-import c from "../ui/SidebarMenuItem.js";
-import l from "../ui/Collapsible.js";
-import u from "../ui/CollapsibleContent.js";
-import d from "../ui/CollapsibleTrigger.js";
-import f from "./NavLabel.js";
+import s from "./NavLabel.js";
+import c from "../ui/Collapsible.js";
+import l from "../ui/CollapsibleContent.js";
+import u from "../ui/CollapsibleTrigger.js";
+import d from "../ui/SidebarMenuButton.js";
+import f from "../ui/SidebarMenuItem.js";
 import p from "../ui/SidebarMenuSub.js";
 import m from "./NavSubItem.js";
 import { PREFETCH_CACHE_FOR as h, navigationItemText as g } from "@alfakit/core";
@@ -22,15 +22,15 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 	props: { item: {} },
 	setup(w) {
 		let L = w, R = e();
-		return (e, w) => L.item.children && L.item.children.length > 0 ? (D(), y(l, {
+		return (e, w) => L.item.children && L.item.children.length > 0 ? (D(), y(c, {
 			key: 0,
 			"as-child": "",
 			"default-open": L.item.active,
 			class: "group/collapsible"
 		}, {
-			default: j(() => [C(c, null, {
-				default: j(() => [C(d, { "as-child": "" }, {
-					default: j(() => [C(s, T(L.item.extraAttributes ?? {}, {
+			default: j(() => [C(f, null, {
+				default: j(() => [C(u, { "as-child": "" }, {
+					default: j(() => [C(d, T(L.item.extraAttributes ?? {}, {
 						tooltip: A(g)(L.item),
 						"is-active": L.item.active
 					}), {
@@ -39,7 +39,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 								key: 0,
 								name: L.item.icon
 							}, null, 8, ["name"])) : b("", !0),
-							C(f, {
+							C(s, {
 								text: L.item.label,
 								html: L.item.labelHtml
 							}, null, 8, ["text", "html"]),
@@ -63,7 +63,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 						_: 1
 					}, 16, ["tooltip", "is-active"])]),
 					_: 1
-				}), C(u, null, {
+				}), C(l, null, {
 					default: j(() => [C(p, null, {
 						default: j(() => [(D(!0), x(v, null, O(L.item.children, (e) => (D(), y(m, {
 							key: e.label,
@@ -76,8 +76,8 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 				_: 1
 			})]),
 			_: 1
-		}, 8, ["default-open"])) : (D(), y(c, { key: 1 }, {
-			default: j(() => [C(s, {
+		}, 8, ["default-open"])) : (D(), y(f, { key: 1 }, {
+			default: j(() => [C(d, {
 				"as-child": "",
 				"is-active": L.item.active,
 				tooltip: A(g)(L.item)
@@ -91,7 +91,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 						key: 0,
 						name: L.item.icon
 					}, null, 8, ["name"])) : b("", !0),
-					C(f, {
+					C(s, {
 						text: L.item.label,
 						html: L.item.labelHtml
 					}, null, 8, ["text", "html"]),
@@ -121,7 +121,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 							key: 0,
 							name: L.item.icon
 						}, null, 8, ["name"])) : b("", !0),
-						C(f, {
+						C(s, {
 							text: L.item.label,
 							html: L.item.labelHtml
 						}, null, 8, ["text", "html"]),

package/dist/components/panel/NavItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Collapsible","_withCtx","_createVNode","SidebarMenuItem","CollapsibleTrigger","SidebarMenuButton","_mergeProps","_unref","Icon","_createCommentVNode","NavLabel","Badge","_normalizeClass","_createTextVNode","_toDisplayString","_createElementBlock","CollapsibleContent","SidebarMenuSub","_Fragment","_renderList","NavSubItem","NewTabHint","Icon_default","Badge_default","NewTabHint_default","SidebarMenuButton_default","SidebarMenuItem_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","NavLabel_default","SidebarMenuSub_default","NavSubItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","NavItem_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","withCtx","createVNode","mergeProps","unref","navigationItemText","createCommentVNode","normalizeClass","cn","colorClass","badgeColorClasses","createTextVNode","toDisplayString","createElementBlock","ChevronRightIcon","Fragment","renderList","child","Link","PREFETCH_CACHE_FOR"],"sources":["../../../src/components/panel/NavItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationItemText, PREFETCH_CACHE_FOR, type NavigationItemSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\nimport SidebarMenuSub from '../ui/SidebarMenuSub.vue'\nimport NavSubItem from './NavSubItem.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport NavLabel from './NavLabel.vue'\nimport { useT } from '../../context'\n\nconst props = defineProps<{ item: NavigationItemSchema }>()\nconst t = useT()\n</script>\n\n<template>\n  <Collapsible\n    v-if=\"props.item.children && props.item.children.length > 0\"\n    as-child\n    :default-open=\"props.item.active\"\n    class=\"group/collapsible\"\n  >\n    <SidebarMenuItem>\n      <CollapsibleTrigger as-child>\n        <SidebarMenuButton\n          v-bind=\"props.item.extraAttributes ?? {}\"\n          :tooltip=\"navigationItemText(props.item)\"\n          :is-active=\"props.item.active\"\n        >\n          <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n          <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n          <Badge\n            v-if=\"props.item.badge !== undefined && props.item.badge !== null\"\n            variant=\"outline\"\n            :class=\"\n              cn(\n                'ms-auto px-1.5 py-0',\n                colorClass(badgeColorClasses, props.item.badgeColor, 'gray'),\n              )\n            \"\n            :title=\"props.item.badgeTooltip\"\n            >{{ props.item.badge }}</Badge\n          >\n          <span\n            v-else-if=\"props.item.badgePending\"\n            data-slot=\"badge\"\n            aria-busy=\"true\"\n            :aria-label=\"t('loading', {}, 'Loading')\"\n            class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n          />\n          <ChevronRightIcon\n            class=\"ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/collapsible:rotate-90\"\n          />\n        </SidebarMenuButton>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarMenuSub>\n          <NavSubItem v-for=\"child in props.item.children\" :key=\"child.label\" :item=\"child\" />\n        </SidebarMenuSub>\n      </CollapsibleContent>\n    </SidebarMenuItem>\n  </Collapsible>\n  <SidebarMenuItem v-else>\n    <SidebarMenuButton\n      as-child\n      :is-active=\"props.item.active\"\n      :tooltip=\"navigationItemText(props.item)\"\n    >\n      <a\n        v-if=\"props.item.openInNewTab\"\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <NewTabHint />\n        <Badge\n          v-if=\"props.item.badge !== undefined && props.item.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, props.item.badgeColor, 'gray'))\n          \"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </a>\n      <Link\n        v-else\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url ?? '#'\"\n        prefetch\n        :cache-for=\"PREFETCH_CACHE_FOR\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <Badge\n          v-if=\"props.item.badge !== undefined && props.item.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, props.item.badgeColor, 'gray'))\n          \"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </Link>\n    </SidebarMenuButton>\n  </SidebarMenuItem>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"NavItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Collapsible","_withCtx","_createVNode","SidebarMenuItem","CollapsibleTrigger","SidebarMenuButton","_mergeProps","_unref","Icon","_createCommentVNode","NavLabel","Badge","_normalizeClass","_createTextVNode","_toDisplayString","_createElementBlock","CollapsibleContent","SidebarMenuSub","_Fragment","_renderList","NavSubItem","NewTabHint","Icon_default","Badge_default","NewTabHint_default","NavLabel_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","SidebarMenuButton_default","SidebarMenuItem_default","SidebarMenuSub_default","NavSubItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","NavItem_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createBlock","withCtx","createVNode","mergeProps","unref","navigationItemText","createCommentVNode","normalizeClass","cn","colorClass","badgeColorClasses","createTextVNode","toDisplayString","createElementBlock","ChevronRightIcon","Fragment","renderList","child","Link","PREFETCH_CACHE_FOR"],"sources":["../../../src/components/panel/NavItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { navigationItemText, PREFETCH_CACHE_FOR, type NavigationItemSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport SidebarMenuItem from '../ui/SidebarMenuItem.vue'\nimport SidebarMenuSub from '../ui/SidebarMenuSub.vue'\nimport NavSubItem from './NavSubItem.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport NavLabel from './NavLabel.vue'\nimport { useT } from '../../context'\n\nconst props = defineProps<{ item: NavigationItemSchema }>()\nconst t = useT()\n</script>\n\n<template>\n  <Collapsible\n    v-if=\"props.item.children && props.item.children.length > 0\"\n    as-child\n    :default-open=\"props.item.active\"\n    class=\"group/collapsible\"\n  >\n    <SidebarMenuItem>\n      <CollapsibleTrigger as-child>\n        <SidebarMenuButton\n          v-bind=\"props.item.extraAttributes ?? {}\"\n          :tooltip=\"navigationItemText(props.item)\"\n          :is-active=\"props.item.active\"\n        >\n          <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n          <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n          <Badge\n            v-if=\"props.item.badge !== undefined && props.item.badge !== null\"\n            variant=\"outline\"\n            :class=\"\n              cn(\n                'ms-auto px-1.5 py-0',\n                colorClass(badgeColorClasses, props.item.badgeColor, 'gray'),\n              )\n            \"\n            :title=\"props.item.badgeTooltip\"\n            >{{ props.item.badge }}</Badge\n          >\n          <span\n            v-else-if=\"props.item.badgePending\"\n            data-slot=\"badge\"\n            aria-busy=\"true\"\n            :aria-label=\"t('loading', {}, 'Loading')\"\n            class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n          />\n          <ChevronRightIcon\n            class=\"ms-auto transition-transform duration-200 group-data-[state=open]/collapsible:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/collapsible:rotate-90\"\n          />\n        </SidebarMenuButton>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarMenuSub>\n          <NavSubItem v-for=\"child in props.item.children\" :key=\"child.label\" :item=\"child\" />\n        </SidebarMenuSub>\n      </CollapsibleContent>\n    </SidebarMenuItem>\n  </Collapsible>\n  <SidebarMenuItem v-else>\n    <SidebarMenuButton\n      as-child\n      :is-active=\"props.item.active\"\n      :tooltip=\"navigationItemText(props.item)\"\n    >\n      <a\n        v-if=\"props.item.openInNewTab\"\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <NewTabHint />\n        <Badge\n          v-if=\"props.item.badge !== undefined && props.item.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, props.item.badgeColor, 'gray'))\n          \"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </a>\n      <Link\n        v-else\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url ?? '#'\"\n        prefetch\n        :cache-for=\"PREFETCH_CACHE_FOR\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <Badge\n          v-if=\"props.item.badge !== undefined && props.item.badge !== null\"\n          variant=\"outline\"\n          :class=\"\n            cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, props.item.badgeColor, 'gray'))\n          \"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </Link>\n    </SidebarMenuButton>\n  </SidebarMenuItem>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/NavSubItem.vue_vue_type_script_setup_true_lang.js

@@ -4,10 +4,10 @@ import { badgeColorClasses as n, colorClass as r } from "../../lib/colors.js";
 import i from "../../lib/Icon.js";
 import a from "../ui/Badge2.js";
 import o from "../../lib/NewTabHint.js";
-import s from "../ui/Collapsible.js";
-import c from "../ui/CollapsibleContent.js";
-import l from "../ui/CollapsibleTrigger.js";
-import u from "./NavLabel.js";
+import s from "./NavLabel.js";
+import c from "../ui/Collapsible.js";
+import l from "../ui/CollapsibleContent.js";
+import u from "../ui/CollapsibleTrigger.js";
 import d from "../ui/SidebarMenuSub.js";
 import f from "../ui/SidebarMenuSubButton.js";
 import p from "../ui/SidebarMenuSubItem.js";
@@ -23,12 +23,12 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 	setup(w) {
 		let L = w, R = e(), z = v(() => L.item.badge !== void 0 && L.item.badge !== null), B = v(() => t("ms-auto px-1.5 py-0", r(n, L.item.badgeColor, "gray")));
 		return (e, t) => (D(), y(p, null, {
-			default: j(() => [L.item.children && L.item.children.length > 0 ? (D(), y(s, {
+			default: j(() => [L.item.children && L.item.children.length > 0 ? (D(), y(c, {
 				key: 0,
 				"default-open": L.item.active,
 				class: "group/nav-sub"
 			}, {
-				default: j(() => [C(l, { "as-child": "" }, {
+				default: j(() => [C(u, { "as-child": "" }, {
 					default: j(() => [C(f, T(L.item.extraAttributes ?? {}, {
 						as: "button",
 						type: "button",
@@ -40,7 +40,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 								key: 0,
 								name: L.item.icon
 							}, null, 8, ["name"])) : b("", !0),
-							C(u, {
+							C(s, {
 								text: L.item.label,
 								html: L.item.labelHtml
 							}, null, 8, ["text", "html"]),
@@ -64,7 +64,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 						_: 1
 					}, 16, ["is-active"])]),
 					_: 1
-				}), C(c, null, {
+				}), C(l, null, {
 					default: j(() => [C(d, null, {
 						default: j(() => [(D(!0), x(_, null, O(L.item.children, (e) => (D(), y(m, {
 							key: e.label,
@@ -89,7 +89,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 						key: 0,
 						name: L.item.icon
 					}, null, 8, ["name"])) : b("", !0),
-					C(u, {
+					C(s, {
 						text: L.item.label,
 						html: L.item.labelHtml
 					}, null, 8, ["text", "html"]),
@@ -119,7 +119,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 							key: 0,
 							name: L.item.icon
 						}, null, 8, ["name"])) : b("", !0),
-						C(u, {
+						C(s, {
 							text: L.item.label,
 							html: L.item.labelHtml
 						}, null, 8, ["text", "html"]),

package/dist/components/panel/NavSubItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavSubItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarMenuSubItem","_withCtx","Collapsible","_createVNode","CollapsibleTrigger","SidebarMenuSubButton","_mergeProps","_unref","Icon","_createCommentVNode","NavLabel","Badge","_normalizeClass","_createTextVNode","_toDisplayString","_createElementBlock","CollapsibleContent","SidebarMenuSub","_Fragment","_renderList","NavSubItem","NewTabHint","Icon_default","Badge_default","NewTabHint_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","NavLabel_default","SidebarMenuSub_default","SidebarMenuSubButton_default","SidebarMenuSubItem_default","NavSubItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","NavSubItem_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","hasBadge","computed","badgeClass","cn","colorClass","badgeColorClasses","openBlock","createBlock","withCtx","createVNode","mergeProps","unref","createCommentVNode","normalizeClass","createTextVNode","toDisplayString","createElementBlock","ChevronRightIcon","Fragment","renderList","child","Link","PREFETCH_CACHE_FOR"],"sources":["../../../src/components/panel/NavSubItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PREFETCH_CACHE_FOR, type NavigationItemSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarMenuSub from '../ui/SidebarMenuSub.vue'\nimport SidebarMenuSubButton from '../ui/SidebarMenuSubButton.vue'\nimport SidebarMenuSubItem from '../ui/SidebarMenuSubItem.vue'\nimport NavSubItem from './NavSubItem.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport NavLabel from './NavLabel.vue'\nimport { useT } from '../../context'\n\n/** A child navigation item (any depth): badge, new-tab link and nested children. */\nconst props = defineProps<{ item: NavigationItemSchema }>()\nconst t = useT()\nconst hasBadge = computed(() => props.item.badge !== undefined && props.item.badge !== null)\nconst badgeClass = computed(() =>\n  cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, props.item.badgeColor, 'gray')),\n)\n</script>\n\n<template>\n  <SidebarMenuSubItem>\n    <Collapsible\n      v-if=\"props.item.children && props.item.children.length > 0\"\n      :default-open=\"props.item.active\"\n      class=\"group/nav-sub\"\n    >\n      <CollapsibleTrigger as-child>\n        <SidebarMenuSubButton\n          v-bind=\"props.item.extraAttributes ?? {}\"\n          as=\"button\"\n          type=\"button\"\n          class=\"w-full\"\n          :is-active=\"props.item.active\"\n        >\n          <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n          <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n          <Badge\n            v-if=\"hasBadge\"\n            variant=\"outline\"\n            :class=\"badgeClass\"\n            :title=\"props.item.badgeTooltip\"\n            >{{ props.item.badge }}</Badge\n          >\n          <span\n            v-else-if=\"props.item.badgePending\"\n            data-slot=\"badge\"\n            aria-busy=\"true\"\n            :aria-label=\"t('loading', {}, 'Loading')\"\n            class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n          />\n          <ChevronRightIcon\n            class=\"ms-auto transition-transform duration-200 group-data-[state=open]/nav-sub:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-sub:rotate-90\"\n          />\n        </SidebarMenuSubButton>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarMenuSub>\n          <NavSubItem v-for=\"child in props.item.children\" :key=\"child.label\" :item=\"child\" />\n        </SidebarMenuSub>\n      </CollapsibleContent>\n    </Collapsible>\n    <SidebarMenuSubButton v-else as-child :is-active=\"props.item.active\">\n      <a\n        v-if=\"props.item.openInNewTab\"\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <NewTabHint />\n        <Badge\n          v-if=\"hasBadge\"\n          variant=\"outline\"\n          :class=\"badgeClass\"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </a>\n      <Link\n        v-else\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url ?? '#'\"\n        prefetch\n        :cache-for=\"PREFETCH_CACHE_FOR\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <Badge\n          v-if=\"hasBadge\"\n          variant=\"outline\"\n          :class=\"badgeClass\"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </Link>\n    </SidebarMenuSubButton>\n  </SidebarMenuSubItem>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"NavSubItem.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","SidebarMenuSubItem","_withCtx","Collapsible","_createVNode","CollapsibleTrigger","SidebarMenuSubButton","_mergeProps","_unref","Icon","_createCommentVNode","NavLabel","Badge","_normalizeClass","_createTextVNode","_toDisplayString","_createElementBlock","CollapsibleContent","SidebarMenuSub","_Fragment","_renderList","NavSubItem","NewTabHint","Icon_default","Badge_default","NewTabHint_default","NavLabel_default","Collapsible_default","CollapsibleContent_default","CollapsibleTrigger_default","SidebarMenuSub_default","SidebarMenuSubButton_default","SidebarMenuSubItem_default","NavSubItem_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","NavSubItem_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","hasBadge","computed","badgeClass","cn","colorClass","badgeColorClasses","openBlock","createBlock","withCtx","createVNode","mergeProps","unref","createCommentVNode","normalizeClass","createTextVNode","toDisplayString","createElementBlock","ChevronRightIcon","Fragment","renderList","child","Link","PREFETCH_CACHE_FOR"],"sources":["../../../src/components/panel/NavSubItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { PREFETCH_CACHE_FOR, type NavigationItemSchema } from '@alfakit/core'\nimport { Link } from '@inertiajs/vue3'\nimport { ChevronRightIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { badgeColorClasses, colorClass } from '../../lib/colors'\nimport { Icon } from '../../lib/icons'\nimport { cn } from '../../lib/utils'\nimport Badge from '../ui/Badge.vue'\nimport Collapsible from '../ui/Collapsible.vue'\nimport CollapsibleContent from '../ui/CollapsibleContent.vue'\nimport CollapsibleTrigger from '../ui/CollapsibleTrigger.vue'\nimport SidebarMenuSub from '../ui/SidebarMenuSub.vue'\nimport SidebarMenuSubButton from '../ui/SidebarMenuSubButton.vue'\nimport SidebarMenuSubItem from '../ui/SidebarMenuSubItem.vue'\nimport NavSubItem from './NavSubItem.vue'\nimport NewTabHint from '../../lib/NewTabHint.vue'\nimport NavLabel from './NavLabel.vue'\nimport { useT } from '../../context'\n\n/** A child navigation item (any depth): badge, new-tab link and nested children. */\nconst props = defineProps<{ item: NavigationItemSchema }>()\nconst t = useT()\nconst hasBadge = computed(() => props.item.badge !== undefined && props.item.badge !== null)\nconst badgeClass = computed(() =>\n  cn('ms-auto px-1.5 py-0', colorClass(badgeColorClasses, props.item.badgeColor, 'gray')),\n)\n</script>\n\n<template>\n  <SidebarMenuSubItem>\n    <Collapsible\n      v-if=\"props.item.children && props.item.children.length > 0\"\n      :default-open=\"props.item.active\"\n      class=\"group/nav-sub\"\n    >\n      <CollapsibleTrigger as-child>\n        <SidebarMenuSubButton\n          v-bind=\"props.item.extraAttributes ?? {}\"\n          as=\"button\"\n          type=\"button\"\n          class=\"w-full\"\n          :is-active=\"props.item.active\"\n        >\n          <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n          <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n          <Badge\n            v-if=\"hasBadge\"\n            variant=\"outline\"\n            :class=\"badgeClass\"\n            :title=\"props.item.badgeTooltip\"\n            >{{ props.item.badge }}</Badge\n          >\n          <span\n            v-else-if=\"props.item.badgePending\"\n            data-slot=\"badge\"\n            aria-busy=\"true\"\n            :aria-label=\"t('loading', {}, 'Loading')\"\n            class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n          />\n          <ChevronRightIcon\n            class=\"ms-auto transition-transform duration-200 group-data-[state=open]/nav-sub:rotate-90 rtl:rotate-180 rtl:group-data-[state=open]/nav-sub:rotate-90\"\n          />\n        </SidebarMenuSubButton>\n      </CollapsibleTrigger>\n      <CollapsibleContent>\n        <SidebarMenuSub>\n          <NavSubItem v-for=\"child in props.item.children\" :key=\"child.label\" :item=\"child\" />\n        </SidebarMenuSub>\n      </CollapsibleContent>\n    </Collapsible>\n    <SidebarMenuSubButton v-else as-child :is-active=\"props.item.active\">\n      <a\n        v-if=\"props.item.openInNewTab\"\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url\"\n        target=\"_blank\"\n        rel=\"noopener noreferrer\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <NewTabHint />\n        <Badge\n          v-if=\"hasBadge\"\n          variant=\"outline\"\n          :class=\"badgeClass\"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </a>\n      <Link\n        v-else\n        v-bind=\"props.item.extraAttributes ?? {}\"\n        :href=\"props.item.url ?? '#'\"\n        prefetch\n        :cache-for=\"PREFETCH_CACHE_FOR\"\n      >\n        <Icon v-if=\"props.item.icon\" :name=\"props.item.icon\" />\n        <NavLabel :text=\"props.item.label\" :html=\"props.item.labelHtml\" />\n        <Badge\n          v-if=\"hasBadge\"\n          variant=\"outline\"\n          :class=\"badgeClass\"\n          :title=\"props.item.badgeTooltip\"\n          >{{ props.item.badge }}</Badge\n        >\n        <span\n          v-else-if=\"props.item.badgePending\"\n          data-slot=\"badge\"\n          aria-busy=\"true\"\n          :aria-label=\"t('loading', {}, 'Loading')\"\n          class=\"bg-muted-foreground/20 ms-auto inline-block h-4 w-5 animate-pulse rounded-md\"\n        />\n      </Link>\n    </SidebarMenuSubButton>\n  </SidebarMenuSubItem>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/TenantMenu.vue_vue_type_script_setup_true_lang.js

@@ -1,21 +1,21 @@
 import { usePanel as e, useT as t } from "../../context.js";
 import n from "../../lib/Icon.js";
-import r from "../ui/DropdownMenu.js";
-import i from "../ui/DropdownMenuContent.js";
-import a from "../ui/DropdownMenuItem.js";
-import o from "../ui/DropdownMenuSeparator.js";
-import s from "../ui/DropdownMenuTrigger.js";
-import ee from "../ui/DropdownMenuLabel.js";
-import te from "../ui/SidebarMenuButton.js";
-import c from "./NavLabel.js";
-import l from "../ui/Avatar.js";
-import u from "../ui/AvatarFallback.js";
-import d from "../ui/AvatarImage.js";
+import ee from "../ui/DropdownMenu.js";
+import r from "../ui/DropdownMenuContent.js";
+import i from "../ui/DropdownMenuItem.js";
+import a from "../ui/DropdownMenuSeparator.js";
+import o from "../ui/DropdownMenuTrigger.js";
+import te from "../ui/DropdownMenuLabel.js";
+import s from "./NavLabel.js";
+import c from "../ui/Avatar.js";
+import l from "../ui/AvatarFallback.js";
+import u from "../ui/AvatarImage.js";
+import d from "../ui/SidebarMenuButton.js";
 import f from "./MenuItemEntry.js";
 import ne from "./MenuItemEntries.js";
 import { filterTenants as re, initials as p, tenantNameText as m } from "@alfakit/core";
-import { Link as h, router as ie } from "@inertiajs/vue3";
-import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as S, createVNode as C, defineComponent as w, openBlock as T, ref as ae, renderList as oe, toDisplayString as E, unref as D, vModelText as O, withCtx as k, withDirectives as A, withModifiers as j } from "vue";
+import { Link as h, router as g } from "@inertiajs/vue3";
+import { Fragment as ie, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createTextVNode as S, createVNode as C, defineComponent as w, openBlock as T, ref as ae, renderList as oe, toDisplayString as E, unref as D, vModelText as O, withCtx as k, withDirectives as A, withModifiers as j } from "vue";
 import { CheckIcon as M, ChevronsUpDownIcon as N, PlusIcon as P, SearchIcon as F, SettingsIcon as I } from "@lucide/vue";
 //#region src/components/panel/TenantMenu.vue?vue&type=script&setup=true&lang.ts
 var L = {
@@ -46,21 +46,21 @@ var L = {
 	props: { variant: { default: "sidebar" } },
 	setup(w) {
 		let K = w, q = t(), J = e(), Y = _(() => J.value.tenancy), X = _(() => Y.value?.current), Z = ae(""), Q = _(() => Y.value?.switcher !== !1 && (Y.value?.tenants.length ?? 0) > 0), $ = _(() => Y.value?.searchable ? re(Y.value.tenants, Z.value) : Y.value?.tenants ?? []);
-		return (e, t) => Y.value && X.value ? (T(), v(r, { key: 0 }, {
-			default: k(() => [C(s, { "as-child": "" }, {
+		return (e, t) => Y.value && X.value ? (T(), v(ee, { key: 0 }, {
+			default: k(() => [C(o, { "as-child": "" }, {
 				default: k(() => [K.variant === "topbar" ? (T(), b("button", L, [
-					C(l, { class: "size-6 rounded-md" }, {
-						default: k(() => [X.value.avatar ? (T(), v(d, {
+					C(c, { class: "size-6 rounded-md" }, {
+						default: k(() => [X.value.avatar ? (T(), v(u, {
 							key: 0,
 							src: X.value.avatar,
 							alt: ""
-						}, null, 8, ["src"])) : y("", !0), C(u, { class: "rounded-md text-[10px]" }, {
+						}, null, 8, ["src"])) : y("", !0), C(l, { class: "rounded-md text-[10px]" }, {
 							default: k(() => [S(E(D(p)(D(m)(X.value))), 1)]),
 							_: 1
 						})]),
 						_: 1
 					}),
-					x("span", R, [X.value.label ? (T(), b("span", z, E(X.value.label), 1)) : y("", !0), C(c, {
+					x("span", R, [X.value.label ? (T(), b("span", z, E(X.value.label), 1)) : y("", !0), C(s, {
 						class: "truncate",
 						text: X.value.name,
 						html: X.value.nameHtml
@@ -70,18 +70,18 @@ var L = {
 						fallback: D(N),
 						class: "text-muted-foreground size-4 shrink-0"
 					}, null, 8, ["fallback"])
-				])) : (T(), v(te, {
+				])) : (T(), v(d, {
 					key: 1,
 					size: "lg",
 					class: "data-[state=open]:bg-sidebar-accent"
 				}, {
 					default: k(() => [
-						C(l, { class: "size-8 rounded-lg" }, {
-							default: k(() => [X.value.avatar ? (T(), v(d, {
+						C(c, { class: "size-8 rounded-lg" }, {
+							default: k(() => [X.value.avatar ? (T(), v(u, {
 								key: 0,
 								src: X.value.avatar,
 								alt: D(m)(X.value)
-							}, null, 8, ["src", "alt"])) : y("", !0), C(u, { class: "rounded-lg" }, {
+							}, null, 8, ["src", "alt"])) : y("", !0), C(l, { class: "rounded-lg" }, {
 								default: k(() => [S(E(D(p)(D(m)(X.value))), 1)]),
 								_: 1
 							})]),
@@ -89,7 +89,7 @@ var L = {
 						}),
 						x("div", B, [
 							X.value.label ? (T(), b("span", V, E(X.value.label), 1)) : y("", !0),
-							C(c, {
+							C(s, {
 								class: "truncate font-medium",
 								text: X.value.name,
 								html: X.value.nameHtml
@@ -105,14 +105,14 @@ var L = {
 					_: 1
 				}))]),
 				_: 1
-			}), C(i, {
+			}), C(r, {
 				class: "min-w-56 rounded-lg",
 				side: "bottom",
 				align: "start",
 				"side-offset": 4
 			}, {
 				default: k(() => [
-					Q.value ? (T(), v(ee, {
+					Q.value ? (T(), v(te, {
 						key: 0,
 						class: "text-muted-foreground text-xs"
 					}, {
@@ -131,23 +131,23 @@ var L = {
 						onKeydown: t[1] ||= j(() => {}, ["stop"])
 					}, null, 40, W), [[O, Z.value]])])) : y("", !0),
 					Q.value && Y.value.searchable && $.value.length === 0 ? (T(), b("p", G, E(D(q)("no_results", {}, "No results.")), 1)) : y("", !0),
-					(T(!0), b(g, null, oe($.value, (e) => (T(), v(a, {
+					(T(!0), b(ie, null, oe($.value, (e) => (T(), v(i, {
 						key: String(e.id),
-						onSelect: (t) => D(ie).visit(e.url)
+						onSelect: (t) => D(g).visit(e.url)
 					}, {
 						default: k(() => [
-							C(l, { class: "size-6 rounded-sm" }, {
-								default: k(() => [e.avatar ? (T(), v(d, {
+							C(c, { class: "size-6 rounded-sm" }, {
+								default: k(() => [e.avatar ? (T(), v(u, {
 									key: 0,
 									src: e.avatar,
 									alt: D(m)(e)
-								}, null, 8, ["src", "alt"])) : y("", !0), C(u, { class: "rounded-sm text-[10px]" }, {
+								}, null, 8, ["src", "alt"])) : y("", !0), C(l, { class: "rounded-sm text-[10px]" }, {
 									default: k(() => [S(E(D(p)(D(m)(e))), 1)]),
 									_: 2
 								}, 1024)]),
 								_: 2
 							}, 1024),
-							C(c, {
+							C(s, {
 								class: "flex-1 truncate",
 								text: e.name,
 								html: e.nameHtml
@@ -159,12 +159,12 @@ var L = {
 						]),
 						_: 2
 					}, 1032, ["onSelect"]))), 128)),
-					Q.value && (Y.value.registrationUrl || Y.value.profileUrl || Y.value.menu?.length) ? (T(), v(o, { key: 3 })) : y("", !0),
+					Q.value && (Y.value.registrationUrl || Y.value.profileUrl || Y.value.menu?.length) ? (T(), v(a, { key: 3 })) : y("", !0),
 					Y.value.profile ? (T(), v(f, {
 						key: 4,
 						item: Y.value.profile,
 						menu: "tenantMenu"
-					}, null, 8, ["item"])) : Y.value.profileUrl ? (T(), v(a, {
+					}, null, 8, ["item"])) : Y.value.profileUrl ? (T(), v(i, {
 						key: 5,
 						"as-child": ""
 					}, {
@@ -189,7 +189,7 @@ var L = {
 						key: 7,
 						item: Y.value.registration,
 						menu: "tenantMenu"
-					}, null, 8, ["item"])) : Y.value.registrationUrl ? (T(), v(a, {
+					}, null, 8, ["item"])) : Y.value.registrationUrl ? (T(), v(i, {
 						key: 8,
 						"as-child": ""
 					}, {