@alfakit/vue 0.1.1 → 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":";;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMwC,IAAQC,GACRC,IAAIC,EAAK;mBAKLH,EAAM,KAAK,YAAYA,EAAM,KAAK,SAAS,SAAM,KADzDxC,EAAA,GAAAC,EA6CcC,GAAA;;GA3CZ,YAAA;GACC,gBAAcsC,EAAM,KAAK;GAC1B,OAAM;;GAEN,SAAArC,QAsCkB,CAtClBC,EAsCkBC,GAAA,MAAA;IArChB,SAAAF,QA+BqB,CA/BrBC,EA+BqBE,GAAA,EA/BD,YAAA,GAAQ,GAAA;KAC1B,SAAAH,QA6BoB,CA7BpBC,EA6BoBG,GA7BpBC,EACUgC,EAAM,KAAK,mBAAe,CAAA,GAAA;MACjC,SAAS/B,EAAAyC,CAAA,CAAkB,CAACV,EAAM,IAAI;MACtC,aAAWA,EAAM,KAAK;;MAEvB,SAAArC,QAAuD;OAA3CqC,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;QAAzB,MAAM8B,EAAM,KAAK;;OAC/CpC,EAAkEQ,GAAA;QAAvD,MAAM4B,EAAM,KAAK;QAAQ,MAAMA,EAAM,KAAK;;OAE7CA,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAK,QAD1DxC,EAAA,GAAAC,EAWCY,GAAA;;QATC,SAAQ;QACP,OAAKC,EAAiBL,EAAA4C,CAAA,CAAE,CAAA,uBAAyD5C,EAAA6C,CAAA,CAAU,CAAC7C,EAAA8C,CAAA,GAAmBf,EAAM,KAAK,YAAU,MAAA,CAAA,CAAA;QAMpI,OAAOA,EAAM,KAAK;;QAClB,SAAArC,QAAsB,CAAnBY,EAAAC,EAAAwB,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;OAGT,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,gBADxBxC,EAAA,GAAAiB,EAME,QAAA;;QAJA,aAAU;QACV,aAAU;QACT,cAAYR,EAAAiC,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;QACd,OAAM;;OAERtC,EAEEK,EAAAkD,CAAA,GAAA,EADA,OAAM,2JAA0J,CAAA;;;;;IAItKvD,CAAAA,GAAAA,EAIqBc,GAAA,MAAA;KAHnB,SAAAf,QAEiB,CAFjBC,EAEiBe,GAAA,MAAA;MADH,SAAAhB,QAAoC,EAAhDH,EAAA,EAAA,GAAAiB,EAAoFG,GAAA,MAAAC,EAAxDmB,EAAM,KAAK,WAApB,OAAnBxC,EAAA,GAAAC,EAAoFqB,GAAA;OAAlC,KAAKwC,EAAM;OAAQ,MAAMA;;;;;;;;;EAKnF9D,GAAAA,GAAAA,CAAAA,cAAAA,CAAAA,MAAAA,EAAA,GAAAC,EA4DkBI,GAAA,EAAA,KAAA,EAAA,GAAA;GA3DhB,SAAAF,QA0DoB,CA1DpBC,EA0DoBG,GAAA;IAzDlB,YAAA;IACC,aAAWiC,EAAM,KAAK;IACtB,SAAS/B,EAAAyC,CAAA,CAAkB,CAACV,EAAM,IAAI;;IAEvC,SAAArC,QA0BI,CAzBIqC,EAAM,KAAK,gBADnBxC,EAAA,GAAAiB,EA0BI,KA1BJT,EA0BI,EAAA,KAAA,EAAA,GAxBMgC,EAAM,KAAK,mBAAe,CAAA,GAAA;KACjC,MAAMA,EAAM,KAAK;KAClB,QAAO;KACP,KAAI;;KAEQA,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;MAAzB,MAAM8B,EAAM,KAAK;;KAC/CpC,EAAkEQ,GAAA;MAAvD,MAAM4B,EAAM,KAAK;MAAQ,MAAMA,EAAM,KAAK;;KACrDpC,EAAcmB,CAAA;KAENiB,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAK,QAD1DxC,EAAA,GAAAC,EAQCY,GAAA;;MANC,SAAQ;MACP,OAAKC,EAAeL,EAAA4C,CAAA,CAAE,CAAA,uBAAwB5C,EAAA6C,CAAA,CAAU,CAAC7C,EAAA8C,CAAA,GAAmBf,EAAM,KAAK,YAAU,MAAA,CAAA,CAAA;MAGjG,OAAOA,EAAM,KAAK;;MAClB,SAAArC,QAAsB,CAAnBY,EAAAC,EAAAwB,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;KAGT,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,gBADxBxC,EAAA,GAAAiB,EAME,QAAA;;MAJA,aAAU;MACV,aAAU;MACT,cAAYR,EAAAiC,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;MACd,OAAM;;IAGV1C,GAAAA,IAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAyBOQ,EAAAsD,CAAA,GAzBPvD,EAyBO,EAAA,KAAA,EAAA,GAvBGgC,EAAM,KAAK,mBAAe,CAAA,GAAA;KACjC,MAAMA,EAAM,KAAK,OAAG;KACrB,UAAA;KACC,aAAW/B,EAAAuD,CAAA;;KAEZ,SAAA7D,QAAuD;MAA3CqC,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;OAAzB,MAAM8B,EAAM,KAAK;;MAC/CpC,EAAkEQ,GAAA;OAAvD,MAAM4B,EAAM,KAAK;OAAQ,MAAMA,EAAM,KAAK;;MAE7CA,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAK,QAD1DxC,EAAA,GAAAC,EAQCY,GAAA;;OANC,SAAQ;OACP,OAAKC,EAAeL,EAAA4C,CAAA,CAAE,CAAA,uBAAwB5C,EAAA6C,CAAA,CAAU,CAAC7C,EAAA8C,CAAA,GAAmBf,EAAM,KAAK,YAAU,MAAA,CAAA,CAAA;OAGjG,OAAOA,EAAM,KAAK;;OAClB,SAAArC,QAAsB,CAAnBY,EAAAC,EAAAwB,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;MAGT,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,gBADxBxC,EAAA,GAAAiB,EAME,QAAA;;OAJA,aAAU;OACV,aAAU;OACT,cAAYR,EAAAiC,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;OACd,OAAM"}
+{"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":";;;;;;;;;;;;;;;;;;;;;;;EAmBA,IAAMwC,IAAQC,GACRC,IAAIC,EAAK;mBAKLH,EAAM,KAAK,YAAYA,EAAM,KAAK,SAAS,SAAM,KADzDxC,EAAA,GAAAC,EA6CcC,GAAA;;GA3CZ,YAAA;GACC,gBAAcsC,EAAM,KAAK;GAC1B,OAAM;;GAEN,SAAArC,QAsCkB,CAtClBC,EAsCkBC,GAAA,MAAA;IArChB,SAAAF,QA+BqB,CA/BrBC,EA+BqBE,GAAA,EA/BD,YAAA,GAAQ,GAAA;KAC1B,SAAAH,QA6BoB,CA7BpBC,EA6BoBG,GA7BpBC,EACUgC,EAAM,KAAK,mBAAe,CAAA,GAAA;MACjC,SAAS/B,EAAAyC,CAAA,CAAkB,CAACV,EAAM,IAAI;MACtC,aAAWA,EAAM,KAAK;;MAEvB,SAAArC,QAAuD;OAA3CqC,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;QAAzB,MAAM8B,EAAM,KAAK;;OAC/CpC,EAAkEQ,GAAA;QAAvD,MAAM4B,EAAM,KAAK;QAAQ,MAAMA,EAAM,KAAK;;OAE7CA,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAK,QAD1DxC,EAAA,GAAAC,EAWCY,GAAA;;QATC,SAAQ;QACP,OAAKC,EAAiBL,EAAA4C,CAAA,CAAE,CAAA,uBAAyD5C,EAAA6C,CAAA,CAAU,CAAC7C,EAAA8C,CAAA,GAAmBf,EAAM,KAAK,YAAU,MAAA,CAAA,CAAA;QAMpI,OAAOA,EAAM,KAAK;;QAClB,SAAArC,QAAsB,CAAnBY,EAAAC,EAAAwB,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;OAGT,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,gBADxBxC,EAAA,GAAAiB,EAME,QAAA;;QAJA,aAAU;QACV,aAAU;QACT,cAAYR,EAAAiC,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;QACd,OAAM;;OAERtC,EAEEK,EAAAkD,CAAA,GAAA,EADA,OAAM,2JAA0J,CAAA;;;;;IAItKvD,CAAAA,GAAAA,EAIqBc,GAAA,MAAA;KAHnB,SAAAf,QAEiB,CAFjBC,EAEiBe,GAAA,MAAA;MADH,SAAAhB,QAAoC,EAAhDH,EAAA,EAAA,GAAAiB,EAAoFG,GAAA,MAAAC,EAAxDmB,EAAM,KAAK,WAApB,OAAnBxC,EAAA,GAAAC,EAAoFqB,GAAA;OAAlC,KAAKwC,EAAM;OAAQ,MAAMA;;;;;;;;;EAKnF9D,GAAAA,GAAAA,CAAAA,cAAAA,CAAAA,MAAAA,EAAA,GAAAC,EA4DkBI,GAAA,EAAA,KAAA,EAAA,GAAA;GA3DhB,SAAAF,QA0DoB,CA1DpBC,EA0DoBG,GAAA;IAzDlB,YAAA;IACC,aAAWiC,EAAM,KAAK;IACtB,SAAS/B,EAAAyC,CAAA,CAAkB,CAACV,EAAM,IAAI;;IAEvC,SAAArC,QA0BI,CAzBIqC,EAAM,KAAK,gBADnBxC,EAAA,GAAAiB,EA0BI,KA1BJT,EA0BI,EAAA,KAAA,EAAA,GAxBMgC,EAAM,KAAK,mBAAe,CAAA,GAAA;KACjC,MAAMA,EAAM,KAAK;KAClB,QAAO;KACP,KAAI;;KAEQA,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;MAAzB,MAAM8B,EAAM,KAAK;;KAC/CpC,EAAkEQ,GAAA;MAAvD,MAAM4B,EAAM,KAAK;MAAQ,MAAMA,EAAM,KAAK;;KACrDpC,EAAcmB,CAAA;KAENiB,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAK,QAD1DxC,EAAA,GAAAC,EAQCY,GAAA;;MANC,SAAQ;MACP,OAAKC,EAAeL,EAAA4C,CAAA,CAAE,CAAA,uBAAwB5C,EAAA6C,CAAA,CAAU,CAAC7C,EAAA8C,CAAA,GAAmBf,EAAM,KAAK,YAAU,MAAA,CAAA,CAAA;MAGjG,OAAOA,EAAM,KAAK;;MAClB,SAAArC,QAAsB,CAAnBY,EAAAC,EAAAwB,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;KAGT,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,gBADxBxC,EAAA,GAAAiB,EAME,QAAA;;MAJA,aAAU;MACV,aAAU;MACT,cAAYR,EAAAiC,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;MACd,OAAM;;IAGV1C,GAAAA,IAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAyBOQ,EAAAsD,CAAA,GAzBPvD,EAyBO,EAAA,KAAA,EAAA,GAvBGgC,EAAM,KAAK,mBAAe,CAAA,GAAA;KACjC,MAAMA,EAAM,KAAK,OAAG;KACrB,UAAA;KACC,aAAW/B,EAAAuD,CAAA;;KAEZ,SAAA7D,QAAuD;MAA3CqC,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;OAAzB,MAAM8B,EAAM,KAAK;;MAC/CpC,EAAkEQ,GAAA;OAAvD,MAAM4B,EAAM,KAAK;OAAQ,MAAMA,EAAM,KAAK;;MAE7CA,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAK,QAD1DxC,EAAA,GAAAC,EAQCY,GAAA;;OANC,SAAQ;OACP,OAAKC,EAAeL,EAAA4C,CAAA,CAAE,CAAA,uBAAwB5C,EAAA6C,CAAA,CAAU,CAAC7C,EAAA8C,CAAA,GAAmBf,EAAM,KAAK,YAAU,MAAA,CAAA,CAAA;OAGjG,OAAOA,EAAM,KAAK;;OAClB,SAAArC,QAAsB,CAAnBY,EAAAC,EAAAwB,EAAM,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA;;MAGT,GAAA,GAAA,CAAA,SAAA,OAAA,CAAA,KAAAA,EAAM,KAAK,gBADxBxC,EAAA,GAAAiB,EAME,QAAA;;OAJA,aAAU;OACV,aAAU;OACT,cAAYR,EAAAiC,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,SAAA;OACd,OAAM"}

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/ShortcutKeys.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.js","names":["_sfc_main","ShortcutKeys_vue_vue_type_script_setup_true_lang_default","ShortcutKeys_default"],"sources":["../../../src/components/panel/ShortcutKeys.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { shortcutSteps } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/**\n * A key binding as `<kbd>` keys (`G` then `D`, `⌘K`). The keys depend on the visitor's\n * platform (⌘ or Ctrl), so they render after hydration.\n */\nconst props = defineProps<{ binding: string; class?: string }>()\nconst t = useT()\nconst hydrated = useHydrated()\nconst steps = computed(() => shortcutSteps(props.binding))\n</script>\n\n<template>\n  <span\n    v-if=\"hydrated\"\n    data-slot=\"shortcut-keys\"\n    :class=\"cn('inline-flex items-center gap-1', props.class)\"\n  >\n    <span v-for=\"(step, index) in steps\" :key=\"index\" class=\"inline-flex items-center gap-1\">\n      <span v-if=\"index > 0\" class=\"text-muted-foreground text-[10px]\">{{\n        t('shortcuts.then', {}, 'then')\n      }}</span>\n      <kbd\n        class=\"bg-muted text-muted-foreground rounded border px-1.5 font-mono text-[10px] leading-5\"\n        >{{ step }}</kbd\n      >\n    </span>\n  </span>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ShortcutKeys.js","names":["_sfc_main","ShortcutKeys_vue_vue_type_script_setup_true_lang_default","ShortcutKeys_default"],"sources":["../../../src/components/panel/ShortcutKeys.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { shortcutSteps } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/**\n * A key binding as `<kbd>` keys (`G` then `D`, `⌘K`). The keys depend on the visitor's\n * platform (⌘ or Ctrl), so they render after hydration.\n */\nconst props = defineProps<{ binding: string; class?: string }>()\nconst t = useT()\nconst hydrated = useHydrated()\nconst steps = computed(() => shortcutSteps(props.binding))\n</script>\n\n<template>\n  <span\n    v-if=\"hydrated\"\n    data-slot=\"shortcut-keys\"\n    :class=\"cn('inline-flex items-center gap-1', props.class)\"\n  >\n    <span v-for=\"(step, index) in steps\" :key=\"index\" class=\"inline-flex items-center gap-1\">\n      <span v-if=\"index > 0\" class=\"text-muted-foreground text-[10px]\">{{\n        t('shortcuts.then', {}, 'then')\n      }}</span>\n      <kbd\n        dir=\"ltr\"\n        class=\"bg-muted text-muted-foreground rounded border px-1.5 font-mono text-[10px] leading-5\"\n        >{{ step }}</kbd\n      >\n    </span>\n  </span>\n</template>\n"],"mappings":""}

package/dist/components/panel/ShortcutKeys.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ShortcutKeys.vue"],"names":[],"mappings":"AA0CA;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;AA0EvD,wBAMG"}
+{"version":3,"file":"ShortcutKeys.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ShortcutKeys.vue"],"names":[],"mappings":"AA2CA;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;AA2EvD,wBAMG"}

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

@@ -7,7 +7,10 @@ import { Fragment as i, computed as a, createCommentVNode as o, createElementBlo
 var h = {
 	key: 0,
 	class: "text-muted-foreground text-[10px]"
-}, g = { class: "bg-muted text-muted-foreground rounded border px-1.5 font-mono text-[10px] leading-5" }, _ = /*@__PURE__*/ l({
+}, g = {
+	dir: "ltr",
+	class: "bg-muted text-muted-foreground rounded border px-1.5 font-mono text-[10px] leading-5"
+}, _ = /*@__PURE__*/ l({
 	__name: "ShortcutKeys",
 	props: {
 		binding: {},

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutKeys.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createElementVNode","_hoisted_1","_hoisted_2","ShortcutKeys_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","hydrated","useHydrated","steps","computed","shortcutSteps","unref","openBlock","createElementBlock","normalizeClass","cn","Fragment","renderList","index","toDisplayString","createCommentVNode","createElementVNode","step"],"sources":["../../../src/components/panel/ShortcutKeys.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { shortcutSteps } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/**\n * A key binding as `<kbd>` keys (`G` then `D`, `⌘K`). The keys depend on the visitor's\n * platform (⌘ or Ctrl), so they render after hydration.\n */\nconst props = defineProps<{ binding: string; class?: string }>()\nconst t = useT()\nconst hydrated = useHydrated()\nconst steps = computed(() => shortcutSteps(props.binding))\n</script>\n\n<template>\n  <span\n    v-if=\"hydrated\"\n    data-slot=\"shortcut-keys\"\n    :class=\"cn('inline-flex items-center gap-1', props.class)\"\n  >\n    <span v-for=\"(step, index) in steps\" :key=\"index\" class=\"inline-flex items-center gap-1\">\n      <span v-if=\"index > 0\" class=\"text-muted-foreground text-[10px]\">{{\n        t('shortcuts.then', {}, 'then')\n      }}</span>\n      <kbd\n        class=\"bg-muted text-muted-foreground rounded border px-1.5 font-mono text-[10px] leading-5\"\n        >{{ step }}</kbd\n      >\n    </span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAWA,IAAMY,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAWC,EAAY,GACvBC,IAAQC,QAAeC,EAAcR,EAAM,OAAO,CAAC;mBAK/CZ,EAAAgB,CAAA,KADRf,EAAA,GAAAC,EAcO,QAAA;;GAZL,aAAU;GACT,OAAKC,EAAEH,EAAAyB,CAAA,CAAE,CAAA,kCAAmCb,EAAM,KAAK,CAAA;EAExDX,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EAQOE,GAAA,MAAAC,EARuBa,EAAA,QAAhB,GAAM,OAApBjB,EAAA,GAAAC,EAQO,QAAA;GAR+B,KAAK0B;GAAO,OAAM;EAC1C,GAAA,CAAAA,IAAK,KAAjB3B,EAAA,GAAAC,EAES,QAFTO,GAESH,EADPN,EAAAc,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,MAAA,CAAA,GAAA,CAAA,KAAAgB,EAAA,IAAA,EAAA,GAEHtB,EAGC,OAHDE,GAGCJ,EADK0B,CAAI,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ShortcutKeys.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_normalizeClass","_Fragment","_renderList","_toDisplayString","_createCommentVNode","_createElementVNode","_hoisted_1","_hoisted_2","ShortcutKeys_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","hydrated","useHydrated","steps","computed","shortcutSteps","unref","openBlock","createElementBlock","normalizeClass","cn","Fragment","renderList","index","toDisplayString","createCommentVNode","createElementVNode","step"],"sources":["../../../src/components/panel/ShortcutKeys.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { shortcutSteps } from '@alfakit/core'\nimport { computed } from 'vue'\nimport { useHydrated } from '../../composables/use-hydrated'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\n\n/**\n * A key binding as `<kbd>` keys (`G` then `D`, `⌘K`). The keys depend on the visitor's\n * platform (⌘ or Ctrl), so they render after hydration.\n */\nconst props = defineProps<{ binding: string; class?: string }>()\nconst t = useT()\nconst hydrated = useHydrated()\nconst steps = computed(() => shortcutSteps(props.binding))\n</script>\n\n<template>\n  <span\n    v-if=\"hydrated\"\n    data-slot=\"shortcut-keys\"\n    :class=\"cn('inline-flex items-center gap-1', props.class)\"\n  >\n    <span v-for=\"(step, index) in steps\" :key=\"index\" class=\"inline-flex items-center gap-1\">\n      <span v-if=\"index > 0\" class=\"text-muted-foreground text-[10px]\">{{\n        t('shortcuts.then', {}, 'then')\n      }}</span>\n      <kbd\n        dir=\"ltr\"\n        class=\"bg-muted text-muted-foreground rounded border px-1.5 font-mono text-[10px] leading-5\"\n        >{{ step }}</kbd\n      >\n    </span>\n  </span>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EAWA,IAAMY,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAWC,EAAY,GACvBC,IAAQC,QAAeC,EAAcR,EAAM,OAAO,CAAC;mBAK/CZ,EAAAgB,CAAA,KADRf,EAAA,GAAAC,EAeO,QAAA;;GAbL,aAAU;GACT,OAAKC,EAAEH,EAAAyB,CAAA,CAAE,CAAA,kCAAmCb,EAAM,KAAK,CAAA;EAExDX,GAAAA,EAAAA,EAAA,EAAA,GAAAC,EASOE,GAAA,MAAAC,EATuBa,EAAA,QAAhB,GAAM,OAApBjB,EAAA,GAAAC,EASO,QAAA;GAT+B,KAAK0B;GAAO,OAAM;EAC1C,GAAA,CAAAA,IAAK,KAAjB3B,EAAA,GAAAC,EAES,QAFTO,GAESH,EADPN,EAAAc,CAAA,CAAC,CAAA,kBAAA,CAAA,GAAA,MAAA,CAAA,GAAA,CAAA,KAAAgB,EAAA,IAAA,EAAA,GAEHtB,EAIC,OAJDE,GAICJ,EADK0B,CAAI,GAAA,CAAA,CAAA,CAAA"}

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

@@ -1 +1 @@
-{"version":3,"file":"TenantMenu.js","names":["_sfc_main","TenantMenu_vue_vue_type_script_setup_true_lang_default","TenantMenu_default"],"sources":["../../../src/components/panel/TenantMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { filterTenants, initials, tenantNameText } from '@alfakit/core'\nimport { Link, router } from '@inertiajs/vue3'\nimport { CheckIcon, ChevronsUpDownIcon, PlusIcon, SearchIcon, SettingsIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.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 DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport MenuItemEntries from './MenuItemEntries.vue'\nimport MenuItemEntry from './MenuItemEntry.vue'\nimport NavLabel from './NavLabel.vue'\n\n/**\n * The tenant switcher: a sidebar header button, or a compact button in the top bar of the\n * `topbar` layout (`variant=\"topbar\"`), where the store name shows from `lg` up.\n */\nconst props = withDefaults(defineProps<{ variant?: 'sidebar' | 'topbar' }>(), {\n  variant: 'sidebar',\n})\n\nconst t = useT()\nconst panel = usePanel()\nconst tenancy = computed(() => panel.value.tenancy)\nconst current = computed(() => tenancy.value?.current)\nconst search = ref('')\n// `tenantSwitcher(false)` sends no tenants; `searchableTenantMenu()` adds a search field.\nconst hasSwitcher = computed(\n  () => tenancy.value?.switcher !== false && (tenancy.value?.tenants.length ?? 0) > 0,\n)\nconst tenants = computed(() =>\n  tenancy.value?.searchable\n    ? filterTenants(tenancy.value.tenants, search.value)\n    : (tenancy.value?.tenants ?? []),\n)\n</script>\n\n<template>\n  <DropdownMenu v-if=\"tenancy && current\">\n    <DropdownMenuTrigger as-child>\n      <button\n        v-if=\"props.variant === 'topbar'\"\n        type=\"button\"\n        data-slot=\"tenant-menu\"\n        class=\"hover:bg-accent data-[state=open]:bg-accent inline-flex h-9 max-w-60 shrink-0 items-center gap-2 rounded-md px-2 text-sm font-medium\"\n      >\n        <Avatar class=\"size-6 rounded-md\">\n          <AvatarImage v-if=\"current.avatar\" :src=\"current.avatar\" alt=\"\" />\n          <AvatarFallback class=\"rounded-md text-[10px]\">{{\n            initials(tenantNameText(current))\n          }}</AvatarFallback>\n        </Avatar>\n        <span\n          class=\"sr-only min-w-0 truncate lg:not-sr-only lg:grid lg:text-start lg:leading-tight\"\n        >\n          <span\n            v-if=\"current.label\"\n            data-slot=\"tenant-menu-label\"\n            class=\"text-muted-foreground text-[10px]\"\n            >{{ current.label }}\n          </span>\n          <NavLabel class=\"truncate\" :text=\"current.name\" :html=\"current.nameHtml\" />\n        </span>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"text-muted-foreground size-4 shrink-0\"\n        />\n      </button>\n      <SidebarMenuButton v-else size=\"lg\" class=\"data-[state=open]:bg-sidebar-accent\">\n        <Avatar class=\"size-8 rounded-lg\">\n          <AvatarImage v-if=\"current.avatar\" :src=\"current.avatar\" :alt=\"tenantNameText(current)\" />\n          <AvatarFallback class=\"rounded-lg\">{{\n            initials(tenantNameText(current))\n          }}</AvatarFallback>\n        </Avatar>\n        <div class=\"grid flex-1 text-start text-sm leading-tight\">\n          <!-- `HasCurrentTenantLabel`: a caption above the name instead of the brand. -->\n          <span\n            v-if=\"current.label\"\n            data-slot=\"tenant-menu-label\"\n            class=\"text-muted-foreground truncate text-xs\"\n            >{{ current.label }}</span\n          >\n          <NavLabel class=\"truncate font-medium\" :text=\"current.name\" :html=\"current.nameHtml\" />\n          <span v-if=\"!current.label\" class=\"text-muted-foreground truncate text-xs\">{{\n            panel.brandName\n          }}</span>\n        </div>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"ms-auto size-4\"\n        />\n      </SidebarMenuButton>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent class=\"min-w-56 rounded-lg\" side=\"bottom\" align=\"start\" :side-offset=\"4\">\n      <DropdownMenuLabel v-if=\"hasSwitcher\" class=\"text-muted-foreground text-xs\">{{\n        t('tenancy.switch', {}, 'Switch')\n      }}</DropdownMenuLabel>\n      <div\n        v-if=\"hasSwitcher && tenancy.searchable\"\n        data-slot=\"tenant-menu-search\"\n        class=\"relative px-1 pb-1\"\n      >\n        <SearchIcon\n          class=\"text-muted-foreground pointer-events-none absolute start-3 top-1/2 size-3.5 -translate-y-1/2\"\n          aria-hidden=\"true\"\n        />\n        <!-- Keep the menu's type-ahead from taking the keys. -->\n        <input\n          v-model=\"search\"\n          type=\"search\"\n          :placeholder=\"t('tenancy.search', {}, 'Search')\"\n          :aria-label=\"t('tenancy.search', {}, 'Search')\"\n          class=\"border-input focus-visible:ring-ring/50 h-8 w-full rounded-md border bg-transparent ps-7 pe-2 text-sm outline-none focus-visible:ring-[3px]\"\n          @keydown.stop\n        />\n      </div>\n      <p\n        v-if=\"hasSwitcher && tenancy.searchable && tenants.length === 0\"\n        class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n      >\n        {{ t('no_results', {}, 'No results.') }}\n      </p>\n      <DropdownMenuItem\n        v-for=\"tenant in tenants\"\n        :key=\"String(tenant.id)\"\n        @select=\"router.visit(tenant.url)\"\n      >\n        <Avatar class=\"size-6 rounded-sm\">\n          <AvatarImage v-if=\"tenant.avatar\" :src=\"tenant.avatar\" :alt=\"tenantNameText(tenant)\" />\n          <AvatarFallback class=\"rounded-sm text-[10px]\">{{\n            initials(tenantNameText(tenant))\n          }}</AvatarFallback>\n        </Avatar>\n        <NavLabel class=\"flex-1 truncate\" :text=\"tenant.name\" :html=\"tenant.nameHtml\" />\n        <CheckIcon v-if=\"String(tenant.id) === String(current.id)\" class=\"size-4\" />\n      </DropdownMenuItem>\n      <DropdownMenuSeparator\n        v-if=\"\n          hasSwitcher && (tenancy.registrationUrl || tenancy.profileUrl || tenancy.menu?.length)\n        \"\n      />\n      <MenuItemEntry v-if=\"tenancy.profile\" :item=\"tenancy.profile\" menu=\"tenantMenu\" />\n      <DropdownMenuItem v-else-if=\"tenancy.profileUrl\" as-child>\n        <Link :href=\"tenancy.profileUrl\" class=\"w-full\"\n          ><Icon name=\"alfakit::panels.tenant-menu.profile-button\" :fallback=\"SettingsIcon\" />\n          {{ t('tenancy.profile', {}, 'Settings') }}</Link\n        >\n      </DropdownMenuItem>\n      <MenuItemEntries v-if=\"tenancy.menu\" :items=\"tenancy.menu\" menu=\"tenantMenu\" />\n      <MenuItemEntry v-if=\"tenancy.registration\" :item=\"tenancy.registration\" menu=\"tenantMenu\" />\n      <DropdownMenuItem v-else-if=\"tenancy.registrationUrl\" as-child>\n        <Link :href=\"tenancy.registrationUrl\" class=\"w-full\"\n          ><Icon name=\"alfakit::panels.tenant-menu.registration-button\" :fallback=\"PlusIcon\" />\n          {{ t('tenancy.register', {}, 'New') }}</Link\n        >\n      </DropdownMenuItem>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}
+{"version":3,"file":"TenantMenu.js","names":["_sfc_main","TenantMenu_vue_vue_type_script_setup_true_lang_default","TenantMenu_default"],"sources":["../../../src/components/panel/TenantMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { filterTenants, initials, tenantNameText } from '@alfakit/core'\nimport { Link, router } from '@inertiajs/vue3'\nimport { CheckIcon, ChevronsUpDownIcon, PlusIcon, SearchIcon, SettingsIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { usePanel, useT } from '../../context'\nimport { Icon } from '../../lib/icons'\nimport Avatar from '../ui/Avatar.vue'\nimport AvatarFallback from '../ui/AvatarFallback.vue'\nimport AvatarImage from '../ui/AvatarImage.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 DropdownMenuSeparator from '../ui/DropdownMenuSeparator.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport SidebarMenuButton from '../ui/SidebarMenuButton.vue'\nimport MenuItemEntries from './MenuItemEntries.vue'\nimport MenuItemEntry from './MenuItemEntry.vue'\nimport NavLabel from './NavLabel.vue'\n\n/**\n * The tenant switcher: a sidebar header button, or a compact button in the top bar of the\n * `topbar` layout (`variant=\"topbar\"`), where the store name shows from `lg` up.\n */\nconst props = withDefaults(defineProps<{ variant?: 'sidebar' | 'topbar' }>(), {\n  variant: 'sidebar',\n})\n\nconst t = useT()\nconst panel = usePanel()\nconst tenancy = computed(() => panel.value.tenancy)\nconst current = computed(() => tenancy.value?.current)\nconst search = ref('')\n// `tenantSwitcher(false)` sends no tenants; `searchableTenantMenu()` adds a search field.\nconst hasSwitcher = computed(\n  () => tenancy.value?.switcher !== false && (tenancy.value?.tenants.length ?? 0) > 0,\n)\nconst tenants = computed(() =>\n  tenancy.value?.searchable\n    ? filterTenants(tenancy.value.tenants, search.value)\n    : (tenancy.value?.tenants ?? []),\n)\n</script>\n\n<template>\n  <DropdownMenu v-if=\"tenancy && current\">\n    <DropdownMenuTrigger as-child>\n      <button\n        v-if=\"props.variant === 'topbar'\"\n        type=\"button\"\n        data-slot=\"tenant-menu\"\n        class=\"hover:bg-accent data-[state=open]:bg-accent inline-flex h-9 max-w-60 shrink-0 items-center gap-2 rounded-md px-2 text-sm font-medium\"\n      >\n        <Avatar class=\"size-6 rounded-md\">\n          <AvatarImage v-if=\"current.avatar\" :src=\"current.avatar\" alt=\"\" />\n          <AvatarFallback class=\"rounded-md text-[10px]\">{{\n            initials(tenantNameText(current))\n          }}</AvatarFallback>\n        </Avatar>\n        <span\n          class=\"sr-only min-w-0 truncate lg:not-sr-only lg:grid lg:text-start lg:leading-tight\"\n        >\n          <span\n            v-if=\"current.label\"\n            data-slot=\"tenant-menu-label\"\n            class=\"text-muted-foreground text-[10px]\"\n            >{{ current.label }}\n          </span>\n          <NavLabel class=\"truncate\" :text=\"current.name\" :html=\"current.nameHtml\" />\n        </span>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"text-muted-foreground size-4 shrink-0\"\n        />\n      </button>\n      <SidebarMenuButton v-else size=\"lg\" class=\"data-[state=open]:bg-sidebar-accent\">\n        <Avatar class=\"size-8 rounded-lg\">\n          <AvatarImage v-if=\"current.avatar\" :src=\"current.avatar\" :alt=\"tenantNameText(current)\" />\n          <AvatarFallback class=\"rounded-lg\">{{\n            initials(tenantNameText(current))\n          }}</AvatarFallback>\n        </Avatar>\n        <div class=\"grid flex-1 text-start text-sm leading-tight\">\n          <!-- `HasCurrentTenantLabel`: a caption above the name instead of the brand. -->\n          <span\n            v-if=\"current.label\"\n            data-slot=\"tenant-menu-label\"\n            class=\"text-muted-foreground truncate text-xs\"\n            >{{ current.label }}</span\n          >\n          <NavLabel class=\"truncate font-medium\" :text=\"current.name\" :html=\"current.nameHtml\" />\n          <span v-if=\"!current.label\" class=\"text-muted-foreground truncate text-xs\">{{\n            panel.brandName\n          }}</span>\n        </div>\n        <Icon\n          name=\"alfakit::panels.tenant-menu.toggle-button\"\n          :fallback=\"ChevronsUpDownIcon\"\n          class=\"ms-auto size-4\"\n        />\n      </SidebarMenuButton>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent class=\"min-w-56 rounded-lg\" side=\"bottom\" align=\"start\" :side-offset=\"4\">\n      <DropdownMenuLabel v-if=\"hasSwitcher\" class=\"text-muted-foreground text-xs\">{{\n        t('tenancy.switch', {}, 'Switch')\n      }}</DropdownMenuLabel>\n      <div\n        v-if=\"hasSwitcher && tenancy.searchable\"\n        data-slot=\"tenant-menu-search\"\n        class=\"relative px-1 pb-1\"\n      >\n        <SearchIcon\n          class=\"text-muted-foreground pointer-events-none absolute start-3 top-1/2 size-3.5 -translate-y-1/2\"\n          aria-hidden=\"true\"\n        />\n        <!-- Keep the menu's type-ahead from taking the keys. -->\n        <input\n          v-model=\"search\"\n          type=\"search\"\n          :placeholder=\"t('tenancy.search', {}, 'Search')\"\n          :aria-label=\"t('tenancy.search', {}, 'Search')\"\n          class=\"border-input focus-visible:ring-ring/50 h-8 w-full rounded-md border bg-transparent ps-7 pe-2 text-sm outline-none focus-visible:ring-[3px]\"\n          @keydown.stop\n        />\n      </div>\n      <p\n        v-if=\"hasSwitcher && tenancy.searchable && tenants.length === 0\"\n        class=\"text-muted-foreground px-2 py-1.5 text-sm\"\n      >\n        {{ t('no_results', {}, 'No results.') }}\n      </p>\n      <DropdownMenuItem\n        v-for=\"tenant in tenants\"\n        :key=\"String(tenant.id)\"\n        @select=\"router.visit(tenant.url)\"\n      >\n        <Avatar class=\"size-6 rounded-sm\">\n          <AvatarImage v-if=\"tenant.avatar\" :src=\"tenant.avatar\" :alt=\"tenantNameText(tenant)\" />\n          <AvatarFallback class=\"rounded-sm text-[10px]\">{{\n            initials(tenantNameText(tenant))\n          }}</AvatarFallback>\n        </Avatar>\n        <NavLabel class=\"flex-1 truncate\" :text=\"tenant.name\" :html=\"tenant.nameHtml\" />\n        <CheckIcon v-if=\"String(tenant.id) === String(current.id)\" class=\"size-4\" />\n      </DropdownMenuItem>\n      <DropdownMenuSeparator\n        v-if=\"\n          hasSwitcher && (tenancy.registrationUrl || tenancy.profileUrl || tenancy.menu?.length)\n        \"\n      />\n      <MenuItemEntry v-if=\"tenancy.profile\" :item=\"tenancy.profile\" menu=\"tenantMenu\" />\n      <DropdownMenuItem v-else-if=\"tenancy.profileUrl\" as-child>\n        <Link :href=\"tenancy.profileUrl\" class=\"w-full\"\n          ><Icon name=\"alfakit::panels.tenant-menu.profile-button\" :fallback=\"SettingsIcon\" />\n          {{ tenancy.profileLabel ?? t('tenancy.profile', {}, 'Settings') }}</Link\n        >\n      </DropdownMenuItem>\n      <MenuItemEntries v-if=\"tenancy.menu\" :items=\"tenancy.menu\" menu=\"tenantMenu\" />\n      <MenuItemEntry v-if=\"tenancy.registration\" :item=\"tenancy.registration\" menu=\"tenantMenu\" />\n      <DropdownMenuItem v-else-if=\"tenancy.registrationUrl\" as-child>\n        <Link :href=\"tenancy.registrationUrl\" class=\"w-full\"\n          ><Icon name=\"alfakit::panels.tenant-menu.registration-button\" :fallback=\"PlusIcon\" />\n          {{ tenancy.registrationLabel ?? t('tenancy.register', {}, 'New') }}</Link\n        >\n      </DropdownMenuItem>\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}