@alfakit/vue 0.1.8 → 0.1.10

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

@@ -1 +1 @@
-{"version":3,"file":"KeyboardShortcuts.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","_createCommentVNode","KeyboardShortcuts_vue_vue_type_script_setup_true_lang_default","t","useT","panel","usePanel","page","usePageSchema","runner","useActionRunner","open","ref","Overlay","shallowRef","shortcutsOverlay","value","active","onCleanup","component","config","computed","overrides","stored","shortcuts","registrations","command","disposers","SHORTCUT_IDS","focusTableSearch","home","router","commands","commandShortcutId","COMMANDS_COMPONENT","dispose","customizable","openBlock","createBlock","resolveDynamicComponent","unref","_cache","$event","createCommentVNode"],"sources":["../../../src/components/panel/KeyboardShortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CommandSchema } from '@alfakit/core'\nimport {\n  commandShortcutId,\n  COMMANDS_COMPONENT,\n  focusTableSearch,\n  SHORTCUT_IDS,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, ref, shallowRef, watch, type Component } from 'vue'\nimport { useActionRunner, usePageSchema, usePanel, useT } from '../../context'\nimport { shortcutsOverlay } from './lazy-chrome'\n\n/**\n * Keyboard shortcuts of the panel: `/` (focus the table search), `g d` (dashboard), `?`\n * (the overlay) and the panel commands' `shortcut()`, with the user's customised keys\n * (`alfakit.keyboardShortcuts`).\n */\nconst t = useT()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst open = ref(false)\n// Null on the server and during hydration (nothing loads there), so the markup matches.\nconst Overlay = shallowRef<Component | null>(shortcutsOverlay.current)\n\n// `?` (or the palette's \"Keyboard shortcuts\") before the code has arrived keeps `open` set;\n// the overlay mounts open once it has loaded.\nwatch(open, (value, _old, onCleanup) => {\n  if (!value) return\n\n  // Already loaded (by another instance): mount it straight away.\n  if (shortcutsOverlay.current) {\n    Overlay.value = shortcutsOverlay.current\n\n    return\n  }\n\n  let active = true\n  onCleanup(() => {\n    active = false\n  })\n\n  shortcutsOverlay.load().then(\n    (component) => {\n      if (active) Overlay.value = component\n    },\n    () => {\n      if (active) open.value = false\n    },\n  )\n})\nconst config = computed(() => panel.value.keyboardShortcuts)\nconst overrides = computed(() => JSON.stringify(config.value ? (config.value.overrides ?? {}) : {}))\n\nwatch(\n  [config, overrides],\n  ([value, stored]) => {\n    if (typeof window === 'undefined') return\n\n    shortcuts.setEnabled(value !== false)\n    shortcuts.setOverrides(JSON.parse(stored) as Record<string, string[]>)\n  },\n  { immediate: true },\n)\n\n// Keyed on what the registrations depend on, so reloads (a new panel object) don't churn.\nconst registrations = computed(() =>\n  config.value\n    ? JSON.stringify({\n        token: page.value?.token ?? '',\n        home: panel.value.url ?? null,\n        commands: (panel.value.commandPalette?.commands ?? []).filter(\n          (command) => command.keyBindings?.length && !command.disabled,\n        ),\n      })\n    : '',\n)\n\nwatch(\n  registrations,\n  (value, _old, onCleanup) => {\n    if (!value || typeof window === 'undefined') return\n\n    const { token, home, commands } = JSON.parse(value) as {\n      token: string\n      home: string | null\n      commands: CommandSchema[]\n    }\n\n    const disposers = [\n      shortcuts.register({\n        id: SHORTCUT_IDS.overlay,\n        keys: ['?'],\n        label: t('shortcuts.show_overlay', {}, 'Show keyboard shortcuts'),\n        group: 'general',\n        handler: () => {\n          open.value = true\n        },\n      }),\n      // Declined (`false`) on pages without a table search, so `/` keeps its default.\n      shortcuts.register({\n        id: SHORTCUT_IDS.search,\n        keys: ['/'],\n        label: t('shortcuts.focus_search', {}, 'Search the table'),\n        group: 'general',\n        handler: () => focusTableSearch(),\n      }),\n      ...(home\n        ? [\n            shortcuts.register({\n              id: SHORTCUT_IDS.dashboard,\n              keys: ['g d'],\n              label: t('shortcuts.go_dashboard', {}, 'Go to the dashboard'),\n              group: 'navigation',\n              handler: () => router.visit(home),\n            }),\n          ]\n        : []),\n      ...commands.map((command) =>\n        shortcuts.register({\n          id: commandShortcutId(command.name),\n          keys: command.keyBindings ?? [],\n          label: command.label ?? command.name,\n          group: command.url ? 'navigation' : 'commands',\n          handler: () => void runner.trigger(command, { token, component: COMMANDS_COMPONENT }),\n        }),\n      ),\n    ]\n\n    onCleanup(() => disposers.forEach((dispose) => dispose()))\n  },\n  { immediate: true },\n)\n\nconst customizable = computed(() =>\n  Boolean(config.value && config.value.customizable && panel.value.endpoints.shortcuts),\n)\n</script>\n\n<template>\n  <component\n    :is=\"Overlay\"\n    v-if=\"config && Overlay\"\n    :open=\"open\"\n    :customizable=\"customizable\"\n    :endpoint=\"panel.endpoints.shortcuts\"\n    @update:open=\"open = $event\"\n  />\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"KeyboardShortcuts.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","_createCommentVNode","KeyboardShortcuts_vue_vue_type_script_setup_true_lang_default","t","useT","panel","usePanel","page","usePageSchema","runner","useActionRunner","open","ref","Overlay","shallowRef","shortcutsOverlay","value","active","onCleanup","component","config","computed","overrides","stored","shortcuts","registrations","command","disposers","SHORTCUT_IDS","focusTableSearch","home","router","commands","commandShortcutId","COMMANDS_COMPONENT","dispose","customizable","openBlock","createBlock","resolveDynamicComponent","unref","_cache","$event","createCommentVNode"],"sources":["../../../src/components/panel/KeyboardShortcuts.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { CommandSchema } from '@alfakit/core'\nimport {\n  commandShortcutId,\n  COMMANDS_COMPONENT,\n  focusTableSearch,\n  SHORTCUT_IDS,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, ref, shallowRef, watch, type Component } from 'vue'\nimport { useActionRunner, usePageSchema, usePanel, useT } from '../../context'\nimport { shortcutsOverlay } from './lazy-chrome'\n\n/**\n * Keyboard shortcuts of the panel: `/` (focus the table search), `g d` (dashboard), `?`\n * (the overlay) and the panel commands' `shortcut()`, with the user's customised keys\n * (`alfakit.keyboardShortcuts`).\n */\nconst t = useT()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst open = ref(false)\n// Null on the server and during hydration (nothing loads there), so the markup matches.\nconst Overlay = shallowRef<Component | null>(shortcutsOverlay.current)\n\n// `?` (or the palette's \"Keyboard shortcuts\") before the code has arrived keeps `open` set;\n// the overlay mounts open once it has loaded.\nwatch(open, (value, _old, onCleanup) => {\n  if (!value) return\n\n  // Already loaded (by another instance): mount it straight away.\n  if (shortcutsOverlay.current) {\n    Overlay.value = shortcutsOverlay.current\n\n    return\n  }\n\n  let active = true\n  onCleanup(() => {\n    active = false\n  })\n\n  shortcutsOverlay.load().then(\n    (component) => {\n      if (active) Overlay.value = component\n    },\n    () => {\n      if (active) open.value = false\n    },\n  )\n})\nconst config = computed(() => panel.value.keyboardShortcuts)\nconst overrides = computed(() => JSON.stringify(config.value ? (config.value.overrides ?? {}) : {}))\n\nwatch(\n  [config, overrides],\n  ([value, stored]) => {\n    if (typeof window === 'undefined') return\n\n    shortcuts.setEnabled(value !== false)\n    shortcuts.setOverrides(JSON.parse(stored) as Record<string, string[]>)\n  },\n  { immediate: true },\n)\n\n// Keyed on what the registrations depend on, so reloads (a new panel object) don't churn.\nconst registrations = computed(() =>\n  config.value\n    ? JSON.stringify({\n        token: page.value?.token ?? '',\n        home: panel.value.dashboardUrl ?? panel.value.url ?? null,\n        commands: (panel.value.commandPalette?.commands ?? []).filter(\n          (command) => command.keyBindings?.length && !command.disabled,\n        ),\n      })\n    : '',\n)\n\nwatch(\n  registrations,\n  (value, _old, onCleanup) => {\n    if (!value || typeof window === 'undefined') return\n\n    const { token, home, commands } = JSON.parse(value) as {\n      token: string\n      home: string | null\n      commands: CommandSchema[]\n    }\n\n    const disposers = [\n      shortcuts.register({\n        id: SHORTCUT_IDS.overlay,\n        keys: ['?'],\n        label: t('shortcuts.show_overlay', {}, 'Show keyboard shortcuts'),\n        group: 'general',\n        handler: () => {\n          open.value = true\n        },\n      }),\n      // Declined (`false`) on pages without a table search, so `/` keeps its default.\n      shortcuts.register({\n        id: SHORTCUT_IDS.search,\n        keys: ['/'],\n        label: t('shortcuts.focus_search', {}, 'Search the table'),\n        group: 'general',\n        handler: () => focusTableSearch(),\n      }),\n      ...(home\n        ? [\n            shortcuts.register({\n              id: SHORTCUT_IDS.dashboard,\n              keys: ['g d'],\n              label: t('shortcuts.go_dashboard', {}, 'Go to the dashboard'),\n              group: 'navigation',\n              handler: () => router.visit(home),\n            }),\n          ]\n        : []),\n      ...commands.map((command) =>\n        shortcuts.register({\n          id: commandShortcutId(command.name),\n          keys: command.keyBindings ?? [],\n          label: command.label ?? command.name,\n          group: command.url ? 'navigation' : 'commands',\n          handler: () => void runner.trigger(command, { token, component: COMMANDS_COMPONENT }),\n        }),\n      ),\n    ]\n\n    onCleanup(() => disposers.forEach((dispose) => dispose()))\n  },\n  { immediate: true },\n)\n\nconst customizable = computed(() =>\n  Boolean(config.value && config.value.customizable && panel.value.endpoints.shortcuts),\n)\n</script>\n\n<template>\n  <component\n    :is=\"Overlay\"\n    v-if=\"config && Overlay\"\n    :open=\"open\"\n    :customizable=\"customizable\"\n    :endpoint=\"panel.endpoints.shortcuts\"\n    @update:open=\"open = $event\"\n  />\n</template>\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"NavGroup.js","names":["_sfc_main","NavGroup_vue_vue_type_script_setup_true_lang_default","NavGroup_default"],"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":""}
+{"version":3,"file":"NavGroup.js","names":["_sfc_main","NavGroup_vue_vue_type_script_setup_true_lang_default","NavGroup_default"],"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.url ?? 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.url ?? 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.url ?? 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":""}

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

@@ -46,7 +46,7 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 						default: D(() => [_(s, { class: x(N()) }, {
 							default: D(() => [_(a, null, {
 								default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
-									key: e.label,
+									key: e.url ?? e.label,
 									item: e
 								}, null, 8, ["item"]))), 128))]),
 								_: 1
@@ -76,7 +76,7 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 				_(s, { class: x(N()) }, {
 					default: D(() => [_(a, null, {
 						default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
-							key: e.label,
+							key: e.url ?? e.label,
 							item: e
 						}, null, 8, ["item"]))), 128))]),
 						_: 1
@@ -93,7 +93,7 @@ var k = { class: "flex items-center gap-1.5" }, A = /*@__PURE__*/ v({
 			default: D(() => [_(s, null, {
 				default: D(() => [_(a, null, {
 					default: D(() => [(C(!0), m(d, null, w(A.group.items, (e) => (C(), f(u, {
-						key: e.label,
+						key: e.url ?? e.label,
 						item: e
 					}, null, 8, ["item"]))), 128))]),
 					_: 1

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","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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"}
+{"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.url ?? 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.url ?? 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.url ?? 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/NavItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavItem.js","names":["_sfc_main","NavItem_vue_vue_type_script_setup_true_lang_default","NavItem_default"],"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":""}
+{"version":3,"file":"NavItem.js","names":["_sfc_main","NavItem_vue_vue_type_script_setup_true_lang_default","NavItem_default"],"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\n            v-for=\"child in props.item.children\"\n            :key=\"child.url ?? child.label\"\n            :item=\"child\"\n          />\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":""}

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

@@ -1 +1 @@
-{"version":3,"file":"NavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/NavItem.vue"],"names":[],"mappings":"AAsIA,OAAO,EAA0C,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAkBjG,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,CAAC;;AA2XlD,wBAMG"}
+{"version":3,"file":"NavItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/NavItem.vue"],"names":[],"mappings":"AA0IA,OAAO,EAA0C,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAkBjG,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,CAAC;;AA2XlD,wBAMG"}

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

@@ -66,7 +66,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 				}), 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,
+							key: e.url ?? e.label,
 							item: e
 						}, null, 8, ["item"]))), 128))]),
 						_: 1

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","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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"}
+{"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\n            v-for=\"child in props.item.children\"\n            :key=\"child.url ?? child.label\"\n            :item=\"child\"\n          />\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.js.map

@@ -1 +1 @@
-{"version":3,"file":"NavSubItem.js","names":["_sfc_main","NavSubItem_vue_vue_type_script_setup_true_lang_default","NavSubItem_default"],"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":""}
+{"version":3,"file":"NavSubItem.js","names":["_sfc_main","NavSubItem_vue_vue_type_script_setup_true_lang_default","NavSubItem_default"],"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\n            v-for=\"child in props.item.children\"\n            :key=\"child.url ?? child.label\"\n            :item=\"child\"\n          />\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":""}

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

@@ -1 +1 @@
-{"version":3,"file":"NavSubItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/NavSubItem.vue"],"names":[],"mappings":"AA8HA,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAmB7E,oFAAoF;AACpF,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,CAAC;;AAkWlD,wBAMG"}
+{"version":3,"file":"NavSubItem.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/NavSubItem.vue"],"names":[],"mappings":"AAkIA,OAAO,EAAsB,KAAK,oBAAoB,EAAE,MAAM,eAAe,CAAA;AAmB7E,oFAAoF;AACpF,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,oBAAoB,CAAA;CAAE,CAAC;;AAkWlD,wBAMG"}

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

@@ -67,7 +67,7 @@ var N = ["aria-label"], P = ["href"], F = ["aria-label"], I = ["aria-label"], L
 				}), 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,
+							key: e.url ?? e.label,
 							item: e
 						}, null, 8, ["item"]))), 128))]),
 						_: 1

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","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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"}
+{"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\n            v-for=\"child in props.item.children\"\n            :key=\"child.url ?? child.label\"\n            :item=\"child\"\n          />\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":";;;;;;;;;;;;;;;;;;;;;;;EAqBA,IAAMwC,IAAQC,GACRC,IAAIC,EAAK,GACTC,IAAWC,QAAeL,EAAM,KAAK,UAAU,KAAA,KAAaA,EAAM,KAAK,UAAU,IAAI,GACrFM,IAAaD,QACjBE,EAAG,uBAAuBC,EAAWC,GAAmBT,EAAM,KAAK,YAAY,MAAM,CAAC,CACxF;oBAIExC,EAAA,GAAAC,EAgGqBC,GAAA,MAAA;GA/FnB,SAAAC,QA2Cc,CA1CNqC,EAAM,KAAK,YAAYA,EAAM,KAAK,SAAS,SAAM,KADzDxC,EAAA,GAAAC,EA2CcG,GAAA;;IAzCX,gBAAcoC,EAAM,KAAK;IAC1B,OAAM;;IAEN,SAAArC,QA4BqB,CA5BrBE,EA4BqBC,GAAA,EA5BD,YAAA,GAAQ,GAAA;KAC1B,SAAAH,QA0BuB,CA1BvBE,EA0BuBE,GA1BvBC,EACUgC,EAAM,KAAK,mBAAe,CAAA,GAAA;MAClC,IAAG;MACH,MAAK;MACL,OAAM;MACL,aAAWA,EAAM,KAAK;;MAEvB,SAAArC,QAAuD;OAA3CqC,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;QAAzB,MAAM8B,EAAM,KAAK;;OAC/CnC,EAAkEO,GAAA;QAAvD,MAAM4B,EAAM,KAAK;QAAQ,MAAMA,EAAM,KAAK;;OAE7CI,EAAA,SADR5C,EAAA,GAAAC,EAMCY,GAAA;;QAJC,SAAQ;QACP,OAAKC,EAAEgC,EAAA,KAAU;QACjB,OAAON,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;;OAERrC,EAEEI,EAAAoD,CAAA,GAAA,EADA,OAAM,mJAAkJ,CAAA;;;;;IAI9JxD,CAAAA,GAAAA,EAQqBa,GAAA,MAAA;KAPnB,SAAAf,QAMiB,CANjBE,EAMiBc,GAAA,MAAA;MAJb,SAAAhB,QAAoC,EADtCH,EAAA,EAAA,GAAAiB,EAIEG,GAAA,MAAAC,EAHgBmB,EAAM,KAAK,WAApB,OADTxC,EAAA,GAAAC,EAIEqB,GAAA;OAFC,KAAK0C,EAAM,OAAOA,EAAM;OACxB,MAAMA;;;;;;;GAKfhE,GAAAA,GAAAA,CAAAA,cAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAkDuBM,GAAA;;IAlDM,YAAA;IAAU,aAAWiC,EAAM,KAAK;;IAC3D,SAAArC,QAwBI,CAvBIqC,EAAM,KAAK,gBADnBxC,EAAA,GAAAiB,EAwBI,KAxBJT,EAwBI,EAAA,KAAA,EAAA,GAtBMgC,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/CnC,EAAkEO,GAAA;MAAvD,MAAM4B,EAAM,KAAK;MAAQ,MAAMA,EAAM,KAAK;;KACrDnC,EAAckB,CAAA;KAENqB,EAAA,SADR5C,EAAA,GAAAC,EAMCY,GAAA;;MAJC,SAAQ;MACP,OAAKC,EAAEgC,EAAA,KAAU;MACjB,OAAON,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,EAuBOQ,EAAAwD,CAAA,GAvBPzD,EAuBO,EAAA,KAAA,EAAA,GArBGgC,EAAM,KAAK,mBAAe,CAAA,GAAA;KACjC,MAAMA,EAAM,KAAK,OAAG;KACrB,UAAA;KACC,aAAW/B,EAAAyD,CAAA;;KAEZ,SAAA/D,QAAuD;MAA3CqC,EAAM,KAAK,QAAvBxC,EAAA,GAAAC,EAAuDQ,EAAAC,CAAA,GAAA;;OAAzB,MAAM8B,EAAM,KAAK;;MAC/CnC,EAAkEO,GAAA;OAAvD,MAAM4B,EAAM,KAAK;OAAQ,MAAMA,EAAM,KAAK;;MAE7CI,EAAA,SADR5C,EAAA,GAAAC,EAMCY,GAAA;;OAJC,SAAQ;OACP,OAAKC,EAAEgC,EAAA,KAAU;OACjB,OAAON,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/ShortcutsOverlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsOverlay.js","names":["_sfc_main","ShortcutsOverlay_vue_vue_type_script_setup_true_lang_default","ShortcutsOverlay_default"],"sources":["../../../src/components/panel/ShortcutsOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ShortcutListGroup, ShortcutListItem } from '@alfakit/core'\nimport {\n  bindingFromEvent,\n  flattenActionGroup,\n  saveShortcutOverrides,\n  shortcutOverlayGroups,\n  shortcuts,\n} from '@alfakit/core'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { usePageSchema, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\n\n/** The `?` overlay: every shortcut on the page, grouped; users may change their keys. */\nconst props = defineProps<{ open: boolean; customizable: boolean; endpoint?: string }>()\nconst emit = defineEmits<{ 'update:open': [open: boolean] }>()\n\nconst t = useT()\nconst page = usePageSchema()\nconst version = ref(shortcuts.getVersion())\nconst recording = ref<string | null>(null)\nconst message = ref('')\n\n// Subscribed once mounted: a server render must not leave listeners on the shared registry.\nlet unsubscribe = () => {}\n\nonMounted(() => {\n  version.value = shortcuts.getVersion()\n  unsubscribe = shortcuts.subscribe(() => {\n    version.value = shortcuts.getVersion()\n  })\n})\n\nonBeforeUnmount(() => unsubscribe())\n\nconst groups = computed(() => {\n  void version.value\n\n  return shortcutOverlayGroups(\n    shortcuts.list(),\n    flattenActionGroup(page.value?.headerActions ?? []),\n  )\n})\n\nconst groupLabel = (group: ShortcutListGroup['group']) =>\n  ({\n    general: t('shortcuts.groups.general', {}, 'General'),\n    navigation: t('shortcuts.groups.navigation', {}, 'Navigation'),\n    commands: t('shortcuts.groups.commands', {}, 'Commands'),\n    actions: t('shortcuts.groups.actions', {}, 'Actions on this page'),\n  })[group]\n\nconst save = async (id: string, keys: string[] | null) => {\n  if (!props.endpoint) return\n\n  try {\n    shortcuts.setOverrides(await saveShortcutOverrides(props.endpoint, { [id]: keys }))\n    message.value = t('shortcuts.saved', {}, 'Shortcut saved.')\n  } catch {\n    message.value = t('shortcuts.save_failed', {}, 'The shortcut could not be saved.')\n  }\n}\n\nconst change = (item: ShortcutListItem) => {\n  message.value = t(\n    'shortcuts.recording',\n    { label: item.label },\n    `Press the new keys for “${item.label}”. Escape cancels.`,\n  )\n  recording.value = item.id\n}\n\n// While recording, the next key press is the new binding (Escape cancels). Listening in the\n// capture phase keeps the key from closing the dialog or running another shortcut.\nwatch(recording, (id, _old, onCleanup) => {\n  if (!id || typeof window === 'undefined') return\n\n  shortcuts.setPaused(true)\n\n  const listener = (event: KeyboardEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (event.key === 'Escape') {\n      recording.value = null\n      message.value = t('shortcuts.cancelled', {}, 'Change cancelled.')\n\n      return\n    }\n\n    const binding = bindingFromEvent(event)\n\n    if (!binding) return\n\n    const conflict = shortcuts.conflict([binding], id)\n\n    recording.value = null\n\n    if (conflict) {\n      message.value = t(\n        'shortcuts.conflict',\n        { label: conflict.label },\n        `Already used by “${conflict.label}”.`,\n      )\n\n      return\n    }\n\n    void save(id, [binding])\n  }\n\n  window.addEventListener('keydown', listener, true)\n  onCleanup(() => {\n    window.removeEventListener('keydown', listener, true)\n    shortcuts.setPaused(false)\n  })\n})\n\nconst update = (next: boolean) => {\n  recording.value = null\n  message.value = ''\n  emit('update:open', next)\n}\n</script>\n\n<template>\n  <Dialog :open=\"props.open\" @update:open=\"update\">\n    <DialogContent class=\"max-h-[85vh] overflow-y-auto sm:max-w-lg\">\n      <div data-slot=\"shortcuts-overlay\" class=\"flex flex-col gap-4\">\n        <DialogHeader>\n          <DialogTitle>{{ t('shortcuts.title', {}, 'Keyboard shortcuts') }}</DialogTitle>\n          <DialogDescription>{{\n            t('shortcuts.description', {}, 'Shortcuts available on this page.')\n          }}</DialogDescription>\n        </DialogHeader>\n        <div role=\"status\" aria-live=\"polite\" class=\"text-muted-foreground min-h-5 text-sm\">\n          {{ message }}\n        </div>\n        <div class=\"flex flex-col gap-5\">\n          <section\n            v-for=\"group in groups\"\n            :key=\"group.group\"\n            :data-group=\"group.group\"\n            :aria-labelledby=\"`shortcuts-${group.group}`\"\n          >\n            <h3\n              :id=\"`shortcuts-${group.group}`\"\n              class=\"text-muted-foreground mb-2 text-xs font-medium uppercase\"\n            >\n              {{ groupLabel(group.group) }}\n            </h3>\n            <ul class=\"flex flex-col divide-y rounded-md border\">\n              <li\n                v-for=\"item in group.items\"\n                :key=\"item.id\"\n                :data-shortcut=\"item.id\"\n                class=\"flex items-center gap-3 px-3 py-2 text-sm\"\n              >\n                <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n                <span v-if=\"recording === item.id\" class=\"text-primary text-xs\">{{\n                  t('shortcuts.press_keys', {}, 'Press keys…')\n                }}</span>\n                <span v-else-if=\"item.keys.length === 0\" class=\"text-muted-foreground text-xs\">{{\n                  t('shortcuts.off', {}, 'Off')\n                }}</span>\n                <span v-else class=\"flex flex-wrap items-center justify-end gap-2\">\n                  <ShortcutKeys v-for=\"key in item.keys\" :key=\"key\" :binding=\"key\" />\n                </span>\n                <span v-if=\"props.customizable && item.customizable\" class=\"flex shrink-0 gap-1\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.change_label',\n                        { label: item.label },\n                        `Change the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"change(item)\"\n                    >{{ t('shortcuts.change', {}, 'Change') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.keys.length > 0\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.turn_off_label',\n                        { label: item.label },\n                        `Turn off the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, [])\"\n                    >{{ t('shortcuts.turn_off', {}, 'Turn off') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.customized\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.reset_label',\n                        { label: item.label },\n                        `Restore the default shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, null)\"\n                    >{{ t('shortcuts.reset', {}, 'Reset') }}</Button\n                  >\n                </span>\n              </li>\n            </ul>\n          </section>\n        </div>\n      </div>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":""}
+{"version":3,"file":"ShortcutsOverlay.js","names":["_sfc_main","ShortcutsOverlay_vue_vue_type_script_setup_true_lang_default","ShortcutsOverlay_default"],"sources":["../../../src/components/panel/ShortcutsOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ShortcutListGroup, ShortcutListItem } from '@alfakit/core'\nimport {\n  ShortcutRecorder,\n  flattenActionGroup,\n  saveShortcutOverrides,\n  shortcutOverlayGroups,\n  shortcuts,\n} from '@alfakit/core'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { usePageSchema, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\n\n/** The `?` overlay: every shortcut on the page, grouped; users may change their keys. */\nconst props = defineProps<{ open: boolean; customizable: boolean; endpoint?: string }>()\nconst emit = defineEmits<{ 'update:open': [open: boolean] }>()\n\nconst t = useT()\nconst page = usePageSchema()\nconst version = ref(shortcuts.getVersion())\nconst recording = ref<string | null>(null)\nconst message = ref('')\n\n// Subscribed once mounted: a server render must not leave listeners on the shared registry.\nlet unsubscribe = () => {}\n\nonMounted(() => {\n  version.value = shortcuts.getVersion()\n  unsubscribe = shortcuts.subscribe(() => {\n    version.value = shortcuts.getVersion()\n  })\n})\n\nonBeforeUnmount(() => unsubscribe())\n\nconst groups = computed(() => {\n  void version.value\n\n  return shortcutOverlayGroups(\n    shortcuts.list(),\n    flattenActionGroup(page.value?.headerActions ?? []),\n  )\n})\n\nconst groupLabel = (group: ShortcutListGroup['group']) =>\n  ({\n    general: t('shortcuts.groups.general', {}, 'General'),\n    navigation: t('shortcuts.groups.navigation', {}, 'Navigation'),\n    commands: t('shortcuts.groups.commands', {}, 'Commands'),\n    actions: t('shortcuts.groups.actions', {}, 'Actions on this page'),\n  })[group]\n\nconst save = async (id: string, keys: string[] | null) => {\n  if (!props.endpoint) return\n\n  try {\n    shortcuts.setOverrides(await saveShortcutOverrides(props.endpoint, { [id]: keys }))\n    message.value = t('shortcuts.saved', {}, 'Shortcut saved.')\n  } catch {\n    message.value = t('shortcuts.save_failed', {}, 'The shortcut could not be saved.')\n  }\n}\n\nconst change = (item: ShortcutListItem) => {\n  message.value = t(\n    'shortcuts.recording',\n    { label: item.label },\n    `Press the new keys for “${item.label}”. Escape cancels.`,\n  )\n  recording.value = item.id\n}\n\n// While recording, the keys pressed are the new binding: one key (with modifiers) or a\n// sequence (\"g o\"), finished a second after the last key (Escape cancels). Listening in\n// the capture phase keeps the keys from closing the dialog or running another shortcut.\nwatch(recording, (id, _old, onCleanup) => {\n  if (!id || typeof window === 'undefined') return\n\n  shortcuts.setPaused(true)\n\n  const recorder = new ShortcutRecorder({\n    onDone: (binding) => {\n      recording.value = null\n\n      const conflict = shortcuts.conflict([binding], id)\n\n      if (conflict) {\n        message.value = t(\n          'shortcuts.conflict',\n          { label: conflict.label },\n          `Already used by “${conflict.label}”.`,\n        )\n\n        return\n      }\n\n      void save(id, [binding])\n    },\n  })\n\n  const listener = (event: KeyboardEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (event.key === 'Escape') {\n      recorder.cancel()\n      recording.value = null\n      message.value = t('shortcuts.cancelled', {}, 'Change cancelled.')\n\n      return\n    }\n\n    recorder.press(event)\n  }\n\n  window.addEventListener('keydown', listener, true)\n  onCleanup(() => {\n    recorder.cancel()\n    window.removeEventListener('keydown', listener, true)\n    shortcuts.setPaused(false)\n  })\n})\n\nconst update = (next: boolean) => {\n  recording.value = null\n  message.value = ''\n  emit('update:open', next)\n}\n</script>\n\n<template>\n  <Dialog :open=\"props.open\" @update:open=\"update\">\n    <DialogContent class=\"max-h-[85vh] overflow-y-auto sm:max-w-lg\">\n      <div data-slot=\"shortcuts-overlay\" class=\"flex flex-col gap-4\">\n        <DialogHeader>\n          <DialogTitle>{{ t('shortcuts.title', {}, 'Keyboard shortcuts') }}</DialogTitle>\n          <DialogDescription>{{\n            t('shortcuts.description', {}, 'Shortcuts available on this page.')\n          }}</DialogDescription>\n        </DialogHeader>\n        <div role=\"status\" aria-live=\"polite\" class=\"text-muted-foreground min-h-5 text-sm\">\n          {{ message }}\n        </div>\n        <div class=\"flex flex-col gap-5\">\n          <section\n            v-for=\"group in groups\"\n            :key=\"group.group\"\n            :data-group=\"group.group\"\n            :aria-labelledby=\"`shortcuts-${group.group}`\"\n          >\n            <h3\n              :id=\"`shortcuts-${group.group}`\"\n              class=\"text-muted-foreground mb-2 text-xs font-medium uppercase\"\n            >\n              {{ groupLabel(group.group) }}\n            </h3>\n            <ul class=\"flex flex-col divide-y rounded-md border\">\n              <li\n                v-for=\"item in group.items\"\n                :key=\"item.id\"\n                :data-shortcut=\"item.id\"\n                class=\"flex items-center gap-3 px-3 py-2 text-sm\"\n              >\n                <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n                <span v-if=\"recording === item.id\" class=\"text-primary text-xs\">{{\n                  t('shortcuts.press_keys', {}, 'Press keys…')\n                }}</span>\n                <span v-else-if=\"item.keys.length === 0\" class=\"text-muted-foreground text-xs\">{{\n                  t('shortcuts.off', {}, 'Off')\n                }}</span>\n                <span v-else class=\"flex flex-wrap items-center justify-end gap-2\">\n                  <ShortcutKeys v-for=\"key in item.keys\" :key=\"key\" :binding=\"key\" />\n                </span>\n                <span v-if=\"props.customizable && item.customizable\" class=\"flex shrink-0 gap-1\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.change_label',\n                        { label: item.label },\n                        `Change the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"change(item)\"\n                    >{{ t('shortcuts.change', {}, 'Change') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.keys.length > 0\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.turn_off_label',\n                        { label: item.label },\n                        `Turn off the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, [])\"\n                    >{{ t('shortcuts.turn_off', {}, 'Turn off') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.customized\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.reset_label',\n                        { label: item.label },\n                        `Restore the default shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, null)\"\n                    >{{ t('shortcuts.reset', {}, 'Reset') }}</Button\n                  >\n                </span>\n              </li>\n            </ul>\n          </section>\n        </div>\n      </div>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ShortcutsOverlay.vue"],"names":[],"mappings":"AAwPA,yFAAyF;AACzF,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;AAsc/E,wBAOG"}
+{"version":3,"file":"ShortcutsOverlay.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ShortcutsOverlay.vue"],"names":[],"mappings":"AA6PA,yFAAyF;AACzF,KAAK,WAAW,GAAG;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,YAAY,EAAE,OAAO,CAAC;IAAC,QAAQ,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;;;;;;AA2c/E,wBAOG"}

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

@@ -3,10 +3,10 @@ import n from "../ui/Button2.js";
 import r from "../ui/Dialog.js";
 import i from "../ui/DialogContent.js";
 import a from "../ui/DialogDescription.js";
-import ee from "../ui/DialogHeader.js";
-import o from "../ui/DialogTitle.js";
-import s from "./ShortcutKeys.js";
-import { bindingFromEvent as c, flattenActionGroup as l, saveShortcutOverrides as u, shortcutOverlayGroups as d, shortcuts as f } from "@alfakit/core";
+import o from "../ui/DialogHeader.js";
+import s from "../ui/DialogTitle.js";
+import c from "./ShortcutKeys.js";
+import { ShortcutRecorder as l, flattenActionGroup as ee, saveShortcutOverrides as u, shortcutOverlayGroups as d, shortcuts as f } from "@alfakit/core";
 import { Fragment as p, computed as m, createBlock as h, createCommentVNode as g, createElementBlock as _, createElementVNode as v, createTextVNode as y, createVNode as b, defineComponent as x, onBeforeUnmount as S, onMounted as C, openBlock as w, ref as T, renderList as E, toDisplayString as D, unref as O, watch as k, withCtx as A } from "vue";
 //#region src/components/panel/ShortcutsOverlay.vue?vue&type=script&setup=true&lang.ts
 var j = {
@@ -43,7 +43,7 @@ var j = {
 				J.value = f.getVersion();
 			});
 		}), S(() => Z());
-		let Q = m(() => (J.value, d(f.list(), l(q.value?.headerActions ?? [])))), te = (e) => ({
+		let Q = m(() => (J.value, d(f.list(), ee(q.value?.headerActions ?? [])))), te = (e) => ({
 			general: K("shortcuts.groups.general", {}, "General"),
 			navigation: K("shortcuts.groups.navigation", {}, "Navigation"),
 			commands: K("shortcuts.groups.commands", {}, "Commands"),
@@ -60,22 +60,23 @@ var j = {
 		k(Y, (e, t, n) => {
 			if (!e || typeof window > "u") return;
 			f.setPaused(!0);
-			let r = (t) => {
-				if (t.preventDefault(), t.stopPropagation(), t.key === "Escape") {
-					Y.value = null, X.value = K("shortcuts.cancelled", {}, "Change cancelled.");
+			let r = new l({ onDone: (t) => {
+				Y.value = null;
+				let n = f.conflict([t], e);
+				if (n) {
+					X.value = K("shortcuts.conflict", { label: n.label }, `Already used by “${n.label}”.`);
 					return;
 				}
-				let n = c(t);
-				if (!n) return;
-				let r = f.conflict([n], e);
-				if (Y.value = null, r) {
-					X.value = K("shortcuts.conflict", { label: r.label }, `Already used by “${r.label}”.`);
+				$(e, [t]);
+			} }), i = (e) => {
+				if (e.preventDefault(), e.stopPropagation(), e.key === "Escape") {
+					r.cancel(), Y.value = null, X.value = K("shortcuts.cancelled", {}, "Change cancelled.");
 					return;
 				}
-				$(e, [n]);
+				r.press(e);
 			};
-			window.addEventListener("keydown", r, !0), n(() => {
-				window.removeEventListener("keydown", r, !0), f.setPaused(!1);
+			window.addEventListener("keydown", i, !0), n(() => {
+				r.cancel(), window.removeEventListener("keydown", i, !0), f.setPaused(!1);
 			});
 		});
 		let re = (e) => {
@@ -87,8 +88,8 @@ var j = {
 		}, {
 			default: A(() => [b(i, { class: "max-h-[85vh] overflow-y-auto sm:max-w-lg" }, {
 				default: A(() => [v("div", j, [
-					b(ee, null, {
-						default: A(() => [b(o, null, {
+					b(o, null, {
+						default: A(() => [b(s, null, {
 							default: A(() => [y(D(O(K)("shortcuts.title", {}, "Keyboard shortcuts")), 1)]),
 							_: 1
 						}), b(a, null, {
@@ -111,7 +112,7 @@ var j = {
 						class: "flex items-center gap-3 px-3 py-2 text-sm"
 					}, [
 						v("span", R, D(e.label), 1),
-						Y.value === e.id ? (w(), _("span", z, D(O(K)("shortcuts.press_keys", {}, "Press keys…")), 1)) : e.keys.length === 0 ? (w(), _("span", B, D(O(K)("shortcuts.off", {}, "Off")), 1)) : (w(), _("span", V, [(w(!0), _(p, null, E(e.keys, (e) => (w(), h(s, {
+						Y.value === e.id ? (w(), _("span", z, D(O(K)("shortcuts.press_keys", {}, "Press keys…")), 1)) : e.keys.length === 0 ? (w(), _("span", B, D(O(K)("shortcuts.off", {}, "Off")), 1)) : (w(), _("span", V, [(w(!0), _(p, null, E(e.keys, (e) => (w(), h(c, {
 							key: e,
 							binding: e
 						}, null, 8, ["binding"]))), 128))])),

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

@@ -1 +1 @@
-{"version":3,"file":"ShortcutsOverlay.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Dialog","_withCtx","_createVNode","DialogContent","_createElementVNode","DialogHeader","DialogTitle","_createTextVNode","_toDisplayString","_unref","DialogDescription","_createElementBlock","_Fragment","_renderList","ShortcutKeys","Button","_createCommentVNode","Button_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","ShortcutKeys_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","ShortcutsOverlay_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","page","usePageSchema","version","ref","shortcuts","recording","message","unsubscribe","onMounted","onBeforeUnmount","groups","computed","shortcutOverlayGroups","flattenActionGroup","groupLabel","group","save","saveShortcutOverrides","id","keys","change","item","listener","event","binding","bindingFromEvent","conflict","onCleanup","update","next","openBlock","createBlock","withCtx","createVNode","createElementVNode","createTextVNode","toDisplayString","unref","createElementBlock","Fragment","renderList","key","createCommentVNode"],"sources":["../../../src/components/panel/ShortcutsOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ShortcutListGroup, ShortcutListItem } from '@alfakit/core'\nimport {\n  bindingFromEvent,\n  flattenActionGroup,\n  saveShortcutOverrides,\n  shortcutOverlayGroups,\n  shortcuts,\n} from '@alfakit/core'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { usePageSchema, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\n\n/** The `?` overlay: every shortcut on the page, grouped; users may change their keys. */\nconst props = defineProps<{ open: boolean; customizable: boolean; endpoint?: string }>()\nconst emit = defineEmits<{ 'update:open': [open: boolean] }>()\n\nconst t = useT()\nconst page = usePageSchema()\nconst version = ref(shortcuts.getVersion())\nconst recording = ref<string | null>(null)\nconst message = ref('')\n\n// Subscribed once mounted: a server render must not leave listeners on the shared registry.\nlet unsubscribe = () => {}\n\nonMounted(() => {\n  version.value = shortcuts.getVersion()\n  unsubscribe = shortcuts.subscribe(() => {\n    version.value = shortcuts.getVersion()\n  })\n})\n\nonBeforeUnmount(() => unsubscribe())\n\nconst groups = computed(() => {\n  void version.value\n\n  return shortcutOverlayGroups(\n    shortcuts.list(),\n    flattenActionGroup(page.value?.headerActions ?? []),\n  )\n})\n\nconst groupLabel = (group: ShortcutListGroup['group']) =>\n  ({\n    general: t('shortcuts.groups.general', {}, 'General'),\n    navigation: t('shortcuts.groups.navigation', {}, 'Navigation'),\n    commands: t('shortcuts.groups.commands', {}, 'Commands'),\n    actions: t('shortcuts.groups.actions', {}, 'Actions on this page'),\n  })[group]\n\nconst save = async (id: string, keys: string[] | null) => {\n  if (!props.endpoint) return\n\n  try {\n    shortcuts.setOverrides(await saveShortcutOverrides(props.endpoint, { [id]: keys }))\n    message.value = t('shortcuts.saved', {}, 'Shortcut saved.')\n  } catch {\n    message.value = t('shortcuts.save_failed', {}, 'The shortcut could not be saved.')\n  }\n}\n\nconst change = (item: ShortcutListItem) => {\n  message.value = t(\n    'shortcuts.recording',\n    { label: item.label },\n    `Press the new keys for “${item.label}”. Escape cancels.`,\n  )\n  recording.value = item.id\n}\n\n// While recording, the next key press is the new binding (Escape cancels). Listening in the\n// capture phase keeps the key from closing the dialog or running another shortcut.\nwatch(recording, (id, _old, onCleanup) => {\n  if (!id || typeof window === 'undefined') return\n\n  shortcuts.setPaused(true)\n\n  const listener = (event: KeyboardEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (event.key === 'Escape') {\n      recording.value = null\n      message.value = t('shortcuts.cancelled', {}, 'Change cancelled.')\n\n      return\n    }\n\n    const binding = bindingFromEvent(event)\n\n    if (!binding) return\n\n    const conflict = shortcuts.conflict([binding], id)\n\n    recording.value = null\n\n    if (conflict) {\n      message.value = t(\n        'shortcuts.conflict',\n        { label: conflict.label },\n        `Already used by “${conflict.label}”.`,\n      )\n\n      return\n    }\n\n    void save(id, [binding])\n  }\n\n  window.addEventListener('keydown', listener, true)\n  onCleanup(() => {\n    window.removeEventListener('keydown', listener, true)\n    shortcuts.setPaused(false)\n  })\n})\n\nconst update = (next: boolean) => {\n  recording.value = null\n  message.value = ''\n  emit('update:open', next)\n}\n</script>\n\n<template>\n  <Dialog :open=\"props.open\" @update:open=\"update\">\n    <DialogContent class=\"max-h-[85vh] overflow-y-auto sm:max-w-lg\">\n      <div data-slot=\"shortcuts-overlay\" class=\"flex flex-col gap-4\">\n        <DialogHeader>\n          <DialogTitle>{{ t('shortcuts.title', {}, 'Keyboard shortcuts') }}</DialogTitle>\n          <DialogDescription>{{\n            t('shortcuts.description', {}, 'Shortcuts available on this page.')\n          }}</DialogDescription>\n        </DialogHeader>\n        <div role=\"status\" aria-live=\"polite\" class=\"text-muted-foreground min-h-5 text-sm\">\n          {{ message }}\n        </div>\n        <div class=\"flex flex-col gap-5\">\n          <section\n            v-for=\"group in groups\"\n            :key=\"group.group\"\n            :data-group=\"group.group\"\n            :aria-labelledby=\"`shortcuts-${group.group}`\"\n          >\n            <h3\n              :id=\"`shortcuts-${group.group}`\"\n              class=\"text-muted-foreground mb-2 text-xs font-medium uppercase\"\n            >\n              {{ groupLabel(group.group) }}\n            </h3>\n            <ul class=\"flex flex-col divide-y rounded-md border\">\n              <li\n                v-for=\"item in group.items\"\n                :key=\"item.id\"\n                :data-shortcut=\"item.id\"\n                class=\"flex items-center gap-3 px-3 py-2 text-sm\"\n              >\n                <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n                <span v-if=\"recording === item.id\" class=\"text-primary text-xs\">{{\n                  t('shortcuts.press_keys', {}, 'Press keys…')\n                }}</span>\n                <span v-else-if=\"item.keys.length === 0\" class=\"text-muted-foreground text-xs\">{{\n                  t('shortcuts.off', {}, 'Off')\n                }}</span>\n                <span v-else class=\"flex flex-wrap items-center justify-end gap-2\">\n                  <ShortcutKeys v-for=\"key in item.keys\" :key=\"key\" :binding=\"key\" />\n                </span>\n                <span v-if=\"props.customizable && item.customizable\" class=\"flex shrink-0 gap-1\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.change_label',\n                        { label: item.label },\n                        `Change the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"change(item)\"\n                    >{{ t('shortcuts.change', {}, 'Change') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.keys.length > 0\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.turn_off_label',\n                        { label: item.label },\n                        `Turn off the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, [])\"\n                    >{{ t('shortcuts.turn_off', {}, 'Turn off') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.customized\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.reset_label',\n                        { label: item.label },\n                        `Restore the default shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, null)\"\n                    >{{ t('shortcuts.reset', {}, 'Reset') }}</Button\n                  >\n                </span>\n              </li>\n            </ul>\n          </section>\n        </div>\n      </div>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":"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"}
+{"version":3,"file":"ShortcutsOverlay.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Dialog","_withCtx","_createVNode","DialogContent","_createElementVNode","DialogHeader","DialogTitle","_createTextVNode","_toDisplayString","_unref","DialogDescription","_createElementBlock","_Fragment","_renderList","ShortcutKeys","Button","_createCommentVNode","Button_default","Dialog_default","DialogContent_default","DialogDescription_default","DialogHeader_default","DialogTitle_default","ShortcutKeys_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","_hoisted_11","_hoisted_12","ShortcutsOverlay_vue_vue_type_script_setup_true_lang_default","__emit","props","__props","emit","t","useT","page","usePageSchema","version","ref","shortcuts","recording","message","unsubscribe","onMounted","onBeforeUnmount","groups","computed","shortcutOverlayGroups","flattenActionGroup","groupLabel","group","save","saveShortcutOverrides","id","keys","change","item","recorder","ShortcutRecorder","conflict","binding","listener","event","onCleanup","update","next","openBlock","createBlock","withCtx","createVNode","createElementVNode","createTextVNode","toDisplayString","unref","createElementBlock","Fragment","renderList","key","createCommentVNode"],"sources":["../../../src/components/panel/ShortcutsOverlay.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ShortcutListGroup, ShortcutListItem } from '@alfakit/core'\nimport {\n  ShortcutRecorder,\n  flattenActionGroup,\n  saveShortcutOverrides,\n  shortcutOverlayGroups,\n  shortcuts,\n} from '@alfakit/core'\nimport { computed, onBeforeUnmount, onMounted, ref, watch } from 'vue'\nimport { usePageSchema, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport Dialog from '../ui/Dialog.vue'\nimport DialogContent from '../ui/DialogContent.vue'\nimport DialogDescription from '../ui/DialogDescription.vue'\nimport DialogHeader from '../ui/DialogHeader.vue'\nimport DialogTitle from '../ui/DialogTitle.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\n\n/** The `?` overlay: every shortcut on the page, grouped; users may change their keys. */\nconst props = defineProps<{ open: boolean; customizable: boolean; endpoint?: string }>()\nconst emit = defineEmits<{ 'update:open': [open: boolean] }>()\n\nconst t = useT()\nconst page = usePageSchema()\nconst version = ref(shortcuts.getVersion())\nconst recording = ref<string | null>(null)\nconst message = ref('')\n\n// Subscribed once mounted: a server render must not leave listeners on the shared registry.\nlet unsubscribe = () => {}\n\nonMounted(() => {\n  version.value = shortcuts.getVersion()\n  unsubscribe = shortcuts.subscribe(() => {\n    version.value = shortcuts.getVersion()\n  })\n})\n\nonBeforeUnmount(() => unsubscribe())\n\nconst groups = computed(() => {\n  void version.value\n\n  return shortcutOverlayGroups(\n    shortcuts.list(),\n    flattenActionGroup(page.value?.headerActions ?? []),\n  )\n})\n\nconst groupLabel = (group: ShortcutListGroup['group']) =>\n  ({\n    general: t('shortcuts.groups.general', {}, 'General'),\n    navigation: t('shortcuts.groups.navigation', {}, 'Navigation'),\n    commands: t('shortcuts.groups.commands', {}, 'Commands'),\n    actions: t('shortcuts.groups.actions', {}, 'Actions on this page'),\n  })[group]\n\nconst save = async (id: string, keys: string[] | null) => {\n  if (!props.endpoint) return\n\n  try {\n    shortcuts.setOverrides(await saveShortcutOverrides(props.endpoint, { [id]: keys }))\n    message.value = t('shortcuts.saved', {}, 'Shortcut saved.')\n  } catch {\n    message.value = t('shortcuts.save_failed', {}, 'The shortcut could not be saved.')\n  }\n}\n\nconst change = (item: ShortcutListItem) => {\n  message.value = t(\n    'shortcuts.recording',\n    { label: item.label },\n    `Press the new keys for “${item.label}”. Escape cancels.`,\n  )\n  recording.value = item.id\n}\n\n// While recording, the keys pressed are the new binding: one key (with modifiers) or a\n// sequence (\"g o\"), finished a second after the last key (Escape cancels). Listening in\n// the capture phase keeps the keys from closing the dialog or running another shortcut.\nwatch(recording, (id, _old, onCleanup) => {\n  if (!id || typeof window === 'undefined') return\n\n  shortcuts.setPaused(true)\n\n  const recorder = new ShortcutRecorder({\n    onDone: (binding) => {\n      recording.value = null\n\n      const conflict = shortcuts.conflict([binding], id)\n\n      if (conflict) {\n        message.value = t(\n          'shortcuts.conflict',\n          { label: conflict.label },\n          `Already used by “${conflict.label}”.`,\n        )\n\n        return\n      }\n\n      void save(id, [binding])\n    },\n  })\n\n  const listener = (event: KeyboardEvent) => {\n    event.preventDefault()\n    event.stopPropagation()\n\n    if (event.key === 'Escape') {\n      recorder.cancel()\n      recording.value = null\n      message.value = t('shortcuts.cancelled', {}, 'Change cancelled.')\n\n      return\n    }\n\n    recorder.press(event)\n  }\n\n  window.addEventListener('keydown', listener, true)\n  onCleanup(() => {\n    recorder.cancel()\n    window.removeEventListener('keydown', listener, true)\n    shortcuts.setPaused(false)\n  })\n})\n\nconst update = (next: boolean) => {\n  recording.value = null\n  message.value = ''\n  emit('update:open', next)\n}\n</script>\n\n<template>\n  <Dialog :open=\"props.open\" @update:open=\"update\">\n    <DialogContent class=\"max-h-[85vh] overflow-y-auto sm:max-w-lg\">\n      <div data-slot=\"shortcuts-overlay\" class=\"flex flex-col gap-4\">\n        <DialogHeader>\n          <DialogTitle>{{ t('shortcuts.title', {}, 'Keyboard shortcuts') }}</DialogTitle>\n          <DialogDescription>{{\n            t('shortcuts.description', {}, 'Shortcuts available on this page.')\n          }}</DialogDescription>\n        </DialogHeader>\n        <div role=\"status\" aria-live=\"polite\" class=\"text-muted-foreground min-h-5 text-sm\">\n          {{ message }}\n        </div>\n        <div class=\"flex flex-col gap-5\">\n          <section\n            v-for=\"group in groups\"\n            :key=\"group.group\"\n            :data-group=\"group.group\"\n            :aria-labelledby=\"`shortcuts-${group.group}`\"\n          >\n            <h3\n              :id=\"`shortcuts-${group.group}`\"\n              class=\"text-muted-foreground mb-2 text-xs font-medium uppercase\"\n            >\n              {{ groupLabel(group.group) }}\n            </h3>\n            <ul class=\"flex flex-col divide-y rounded-md border\">\n              <li\n                v-for=\"item in group.items\"\n                :key=\"item.id\"\n                :data-shortcut=\"item.id\"\n                class=\"flex items-center gap-3 px-3 py-2 text-sm\"\n              >\n                <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n                <span v-if=\"recording === item.id\" class=\"text-primary text-xs\">{{\n                  t('shortcuts.press_keys', {}, 'Press keys…')\n                }}</span>\n                <span v-else-if=\"item.keys.length === 0\" class=\"text-muted-foreground text-xs\">{{\n                  t('shortcuts.off', {}, 'Off')\n                }}</span>\n                <span v-else class=\"flex flex-wrap items-center justify-end gap-2\">\n                  <ShortcutKeys v-for=\"key in item.keys\" :key=\"key\" :binding=\"key\" />\n                </span>\n                <span v-if=\"props.customizable && item.customizable\" class=\"flex shrink-0 gap-1\">\n                  <Button\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.change_label',\n                        { label: item.label },\n                        `Change the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"change(item)\"\n                    >{{ t('shortcuts.change', {}, 'Change') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.keys.length > 0\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.turn_off_label',\n                        { label: item.label },\n                        `Turn off the shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, [])\"\n                    >{{ t('shortcuts.turn_off', {}, 'Turn off') }}</Button\n                  >\n                  <Button\n                    v-if=\"item.customized\"\n                    type=\"button\"\n                    variant=\"ghost\"\n                    size=\"xs\"\n                    :aria-label=\"\n                      t(\n                        'shortcuts.reset_label',\n                        { label: item.label },\n                        `Restore the default shortcut for ${item.label}`,\n                      )\n                    \"\n                    @click=\"save(item.id, null)\"\n                    >{{ t('shortcuts.reset', {}, 'Reset') }}</Button\n                  >\n                </span>\n              </li>\n            </ul>\n          </section>\n        </div>\n      </div>\n    </DialogContent>\n  </Dialog>\n</template>\n"],"mappings":"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"}