@alfakit/vue 0.0.0-stage → 0.1.1

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

@@ -0,0 +1 @@
+{"version":3,"file":"GlobalSearchPalette.vue_vue_type_script_setup_true_lang.js","names":["_useModel","_openBlock","_createBlock","CommandDialog","_unref","_withCtx","_createVNode","Slot","_createElementVNode","_toDisplayString","CommandInput","CommandList","CommandEmpty","_createTextVNode","_createCommentVNode","_createElementBlock","_Fragment","_renderList","CommandGroup","CommandItem","Icon","ShortcutKeys","Spinner","Button","_withModifiers","Icon_default","Button_default","Spinner_default","Slot_default","CommandEmpty_default","CommandGroup_default","CommandInput_default","CommandItem_default","CommandList_default","ShortcutKeys_default","CommandDialog_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","_hoisted_6","_hoisted_7","_hoisted_8","_hoisted_9","_hoisted_10","GlobalSearchPalette_vue_vue_type_script_setup_true_lang_default","\"open\"","\"openModifiers\"","open","useModel","__props","TRAILING_GROUPS","t","useT","choice","useChoice","panel","usePanel","page","usePageSchema","runner","useActionRunner","query","ref","groups","loading","loaded","config","computed","palette","endpoint","placeholder","overlay","url","value","active","onCleanup","requestJson","response","latest","createLatestRequest","search","debounce","term","globalSearchDebounce","watch","onScopeDispose","reset","stopListening","onMounted","router","onBeforeUnmount","pwaState","useStore","pwaStore","installable","canInstallPwa","items","commandPaletteItems","local","filterCommandPalette","leading","group","trailing","status","globalSearchStatus","defaultGroupLabels","heading","id","paletteGroupKey","subtitle","item","run","shortcuts","installPwa","select","visitAction","event","action","details","result","key","hasResults","openBlock","createBlock","unref","_cache","$event","withCtx","createVNode","createElementVNode","toDisplayString","createTextVNode","createCommentVNode","createElementBlock","Fragment","renderList","withModifiers"],"sources":["../../../src/components/panel/GlobalSearchPalette.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type {\n  ActionSchema,\n  CommandPaletteResponse,\n  GlobalSearchGroupSchema,\n  PaletteGroup,\n  PaletteItem,\n} from '@alfakit/core'\nimport {\n  canInstallPwa,\n  commandPaletteItems,\n  createLatestRequest,\n  debounce,\n  filterCommandPalette,\n  globalSearchDebounce,\n  globalSearchStatus,\n  paletteGroupKey,\n  pwaStore,\n  requestJson,\n  setAppearance,\n  shortcuts,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { computed, onBeforeUnmount, onMounted, onScopeDispose, ref, watch } from 'vue'\nimport { useStore } from '../../composables/use-store'\nimport { useActionRunner, useChoice, usePageSchema, usePanel, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport CommandDialog from '../ui/CommandDialog.vue'\nimport CommandEmpty from '../ui/CommandEmpty.vue'\nimport CommandGroup from '../ui/CommandGroup.vue'\nimport CommandInput from '../ui/CommandInput.vue'\nimport CommandItem from '../ui/CommandItem.vue'\nimport CommandList from '../ui/CommandList.vue'\nimport Spinner from '../ui/Spinner.vue'\nimport ShortcutKeys from './ShortcutKeys.vue'\nimport { installPwa } from './pwa'\nimport Slot from './Slot.vue'\nimport { Icon } from '../../lib/icons'\n\ntype SearchGroup = GlobalSearchGroupSchema\n\n/**\n * The command palette behind `GlobalSearch`: global search results plus (with\n * `alfakit.commandPalette`) the page's header actions, panel commands, navigation, \"create\"\n * links, recent records, theme switching and the shortcuts overlay. Its code loads the first\n * time the palette opens; the trigger and `mod+k` stay in the shell.\n */\nconst open = defineModel<boolean>('open', { default: false })\n\n/** Groups listed after the global search results. */\nconst TRAILING_GROUPS = new Set(['theme', 'help'])\n\nconst t = useT()\nconst choice = useChoice()\nconst panel = usePanel()\nconst page = usePageSchema()\nconst runner = useActionRunner()\nconst query = ref('')\nconst groups = ref<SearchGroup[]>([])\nconst loading = ref(false)\nconst loaded = ref<CommandPaletteResponse | null>(null)\nconst config = computed(() => panel.value.globalSearch)\nconst palette = computed(() => panel.value.commandPalette)\nconst endpoint = computed(() => (config.value ? panel.value.endpoints.globalSearch : undefined))\nconst placeholder = computed(\n  () =>\n    config.value?.placeholder ??\n    palette.value?.placeholder ??\n    t('palette.placeholder', {}, 'Type a command or search…'),\n)\nconst overlay = computed(\n  () => panel.value.keyboardShortcuts !== false && panel.value.keyboardShortcuts !== undefined,\n)\n\n// Create links and recent records, loaded each time the palette opens (also when it mounts\n// open: the first time, its code arrives after the click or `mod+k`).\nwatch(\n  open,\n  (value, _old, onCleanup) => {\n    const url = panel.value.endpoints.commandPalette\n\n    if (!value || !palette.value || !url) return\n\n    let active = true\n    onCleanup(() => {\n      active = false\n    })\n\n    requestJson<CommandPaletteResponse>(url)\n      .then((response) => {\n        if (active) loaded.value = response\n      })\n      .catch(() => {\n        if (active) loaded.value = { create: [], recent: [] }\n      })\n  },\n  { immediate: true },\n)\n\nconst latest = createLatestRequest()\n\nconst search = debounce((term: string) => {\n  const url = endpoint.value\n\n  if (!url || term.trim() === '') {\n    latest.cancel()\n    groups.value = []\n    loading.value = false\n\n    return\n  }\n\n  // Only the newest request may update the results: older responses are aborted/dropped.\n  void latest\n    .run(\n      (signal) => requestJson<{ groups: SearchGroup[] }>(url, { query: { search: term }, signal }),\n      (response) => {\n        groups.value = response.groups\n      },\n      () => {\n        loading.value = false\n      },\n    )\n    .catch(() => {\n      groups.value = []\n    })\n}, globalSearchDebounce(config.value))\n\nwatch(query, (term) => {\n  loading.value = endpoint.value !== undefined && term.trim() !== ''\n  search(term)\n})\n\nonScopeDispose(() => {\n  search.cancel()\n  latest.cancel()\n})\n\n// Closing the palette (or navigating away) starts the next search from scratch.\nconst reset = () => {\n  search.cancel()\n  latest.cancel()\n  query.value = ''\n  groups.value = []\n  loading.value = false\n  loaded.value = null\n}\n\nwatch(open, (value) => {\n  if (!value) reset()\n})\n\nlet stopListening: (() => void) | undefined\n\nonMounted(() => {\n  stopListening = router.on('navigate', () => {\n    open.value = false\n    reset()\n  })\n})\n\nonBeforeUnmount(() => stopListening?.())\n\n// `Panel::pwa()`: \"Install app\" while the browser offers it (or on iOS Safari).\nconst pwaState = useStore(pwaStore)\nconst installable = computed(() => Boolean(panel.value.pwa) && canInstallPwa(pwaState.value))\n\nconst items = computed(() =>\n  commandPaletteItems({\n    panel: panel.value,\n    page: page.value,\n    loaded: loaded.value,\n    shortcutsOverlay: overlay.value,\n    ...(installable.value ? { install: t('pwa.install', {}, 'Install app') } : {}),\n    labels: {\n      light: t('palette.theme.light', {}, 'Light theme'),\n      dark: t('palette.theme.dark', {}, 'Dark theme'),\n      system: t('palette.theme.system', {}, 'System theme'),\n      shortcuts: t('palette.shortcuts', {}, 'Keyboard shortcuts'),\n    },\n  }),\n)\nconst local = computed(() => filterCommandPalette(items.value, query.value))\nconst leading = computed(() => local.value.filter((group) => !TRAILING_GROUPS.has(group.id)))\nconst trailing = computed(() => local.value.filter((group) => TRAILING_GROUPS.has(group.id)))\n\n// Announced by the `aria-live` region once a search has finished.\nconst status = computed(() =>\n  globalSearchStatus(\n    query.value,\n    loading.value,\n    [...groups.value, ...local.value.map((group) => ({ results: group.items }))],\n    { t, choice },\n  ),\n)\n\nconst defaultGroupLabels: Record<string, string> = {\n  recent: 'Recent',\n  actions: 'Actions',\n  commands: 'Commands',\n  create: 'Create',\n  navigation: 'Go to',\n  theme: 'Theme',\n  help: 'Help',\n}\n\nconst heading = (group: PaletteGroup) => {\n  const id = group.id.startsWith('commands:') ? 'commands' : group.id\n\n  return group.label ?? t(paletteGroupKey(group.id), {}, defaultGroupLabels[id] ?? id)\n}\n\nconst subtitle = (group: PaletteGroup, item: PaletteItem) =>\n  item.description ??\n  (group.id === 'recent' || group.id === 'navigation' ? item.groupLabel : undefined)\n\nconst run = (item: PaletteItem) => {\n  open.value = false\n\n  if (item.kind === 'action' && item.action && item.context) {\n    void runner.trigger(item.action, item.context)\n  } else if (item.kind === 'url' && item.url) {\n    if (item.openInNewTab) {\n      window.open(item.url, '_blank', 'noopener,noreferrer')\n    } else {\n      router.visit(item.url)\n    }\n  } else if (item.kind === 'theme' && item.appearance) {\n    setAppearance(item.appearance, panel.value)\n  } else if (item.kind === 'shortcut' && item.shortcutId) {\n    const id = item.shortcutId\n    // After the dialog closed, so focus returns to the page before the overlay opens.\n    setTimeout(() => shortcuts.trigger(id), 0)\n  } else if (item.kind === 'install') {\n    void installPwa(t)\n  }\n}\n\nconst select = (url: string) => {\n  open.value = false\n  router.visit(url)\n}\n\n// A URL action next to a search result (`getGlobalSearchResultActions()`); the item itself\n// navigates on select, so the click must not reach it.\nconst visitAction = (event: MouseEvent, action: ActionSchema) => {\n  event.stopPropagation()\n\n  if (!action.url || action.openUrlInNewTab || event.metaKey || event.ctrlKey) return\n\n  event.preventDefault()\n  open.value = false\n  router.visit(action.url)\n}\n\nconst details = (result: SearchGroup['results'][number]) =>\n  Object.entries(result.details ?? {})\n    .map(([key, value]) => `${key}: ${String(value)}`)\n    .join(' · ')\n\nconst hasResults = computed(() => groups.value.length > 0 || local.value.length > 0)\n</script>\n\n<template>\n  <CommandDialog\n    :open=\"open\"\n    :title=\"palette ? t('command_palette', {}, 'Command palette') : t('search', {}, 'Search')\"\n    :description=\"placeholder\"\n    @update:open=\"open = $event\"\n  >\n    <Slot name=\"global-search.start\" />\n    <div role=\"status\" aria-live=\"polite\" aria-atomic=\"true\" class=\"sr-only\">{{ status }}</div>\n    <CommandInput\n      :placeholder=\"placeholder\"\n      :model-value=\"query\"\n      @update:model-value=\"query = $event\"\n    />\n    <CommandList>\n      <CommandEmpty v-if=\"!loading && !hasResults\">{{\n        query ? t('no_results', {}, 'No results.') : placeholder\n      }}</CommandEmpty>\n      <CommandGroup\n        v-for=\"group in leading\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span class=\"truncate\">{{ item.label }}</span>\n            <span v-if=\"subtitle(group, item)\" class=\"text-muted-foreground truncate text-xs\">{{\n              subtitle(group, item)\n            }}</span>\n          </div>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n      <div v-if=\"loading\" class=\"flex justify-center py-6\"><Spinner /></div>\n      <CommandGroup\n        v-for=\"group in groups\"\n        :key=\"group.label\"\n        :heading=\"group.label\"\n        data-group=\"search\"\n      >\n        <CommandItem\n          v-for=\"result in group.results\"\n          :key=\"result.url\"\n          :value=\"`search:${group.label}:${result.url}`\"\n          @select=\"select(result.url)\"\n        >\n          <div class=\"flex min-w-0 flex-1 flex-col\">\n            <span>{{ result.title }}</span>\n            <span v-if=\"result.details\" class=\"text-muted-foreground text-xs\">{{\n              details(result)\n            }}</span>\n          </div>\n          <div\n            v-if=\"result.actions?.length\"\n            data-slot=\"global-search-actions\"\n            class=\"ms-auto flex shrink-0 gap-1\"\n          >\n            <Button\n              v-for=\"action in result.actions.filter((item) => item.url)\"\n              :key=\"action.name\"\n              as-child\n              variant=\"ghost\"\n              size=\"xs\"\n              class=\"h-6 px-2 text-xs\"\n            >\n              <a\n                :href=\"action.url\"\n                :target=\"action.openUrlInNewTab ? '_blank' : undefined\"\n                :rel=\"action.openUrlInNewTab ? 'noopener noreferrer' : undefined\"\n                :aria-label=\"action.label ? undefined : (action.tooltip ?? action.name)\"\n                @pointerdown.stop\n                @click=\"visitAction($event, action)\"\n              >\n                <Icon v-if=\"action.icon\" :name=\"action.icon\" class=\"size-3.5\" />\n                {{ action.label }}\n              </a>\n            </Button>\n          </div>\n        </CommandItem>\n      </CommandGroup>\n      <CommandGroup\n        v-for=\"group in trailing\"\n        :key=\"group.id\"\n        :heading=\"heading(group)\"\n        :data-group=\"group.id\"\n      >\n        <CommandItem\n          v-for=\"item in group.items\"\n          :key=\"item.id\"\n          :value=\"item.id\"\n          :data-kind=\"item.kind\"\n          @select=\"run(item)\"\n        >\n          <Icon v-if=\"item.icon\" :name=\"item.icon\" class=\"size-4\" />\n          <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n          <ShortcutKeys v-if=\"item.shortcut\" :binding=\"item.shortcut\" class=\"ms-auto\" />\n        </CommandItem>\n      </CommandGroup>\n    </CommandList>\n    <Slot name=\"global-search.end\" />\n  </CommandDialog>\n</template>\n"],"mappings":"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"}

package/dist/components/panel/ImpersonationBanner.js

@@ -0,0 +1,7 @@
+import e from "./ImpersonationBanner.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/panel/ImpersonationBanner.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=ImpersonationBanner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationBanner.js","names":["_sfc_main","ImpersonationBanner_vue_vue_type_script_setup_true_lang_default","ImpersonationBanner_default"],"sources":["../../../src/components/panel/ImpersonationBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImpersonationSchema } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { LogOutIcon, VenetianMaskIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { usePanel } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/**\n * Shown while impersonating another user: who you are signed in as, and a button that\n * returns to your own account. Replace it with `components: { 'panel:impersonation-banner': … }`.\n */\nconst props = defineProps<{ impersonation?: ImpersonationSchema }>()\n\nconst panel = usePanel()\nconst current = computed(() => props.impersonation ?? panel.value?.impersonation)\nconst leaving = ref(false)\n\nfunction leave(): void {\n  if (!current.value) return\n\n  leaving.value = true\n  router.post(current.value.leaveUrl, {}, { onFinish: () => (leaving.value = false) })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"current\"\n    data-slot=\"impersonation-banner\"\n    role=\"status\"\n    class=\"bg-foreground text-background fixed inset-x-0 bottom-4 z-50 mx-auto flex w-fit max-w-[calc(100%-2rem)] items-center gap-3 rounded-full py-1.5 ps-4 pe-1.5 text-sm shadow-lg\"\n  >\n    <VenetianMaskIcon class=\"size-4 shrink-0\" aria-hidden=\"true\" />\n    <span class=\"min-w-0 truncate\">{{ current.label }}</span>\n    <Button\n      type=\"button\"\n      size=\"sm\"\n      variant=\"secondary\"\n      class=\"rounded-full\"\n      :disabled=\"leaving\"\n      @click=\"leave\"\n    >\n      <LogOutIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n      {{ current.leaveLabel }}\n    </Button>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/panel/ImpersonationBanner.vue.d.ts

@@ -0,0 +1,11 @@
+import type { ImpersonationSchema } from '@alfakit/core';
+/**
+ * Shown while impersonating another user: who you are signed in as, and a button that
+ * returns to your own account. Replace it with `components: { 'panel:impersonation-banner': … }`.
+ */
+type __VLS_Props = {
+    impersonation?: ImpersonationSchema;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=ImpersonationBanner.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationBanner.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/ImpersonationBanner.vue"],"names":[],"mappings":"AAkDA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,eAAe,CAAA;AAOxD;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,aAAa,CAAC,EAAE,mBAAmB,CAAA;CAAE,CAAC;;AAkI3D,wBAMG"}

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

@@ -0,0 +1,46 @@
+import { usePanel as e } from "../../context.js";
+import t from "../ui/Button2.js";
+import { router as n } from "@inertiajs/vue3";
+import { computed as r, createCommentVNode as i, createElementBlock as a, createElementVNode as o, createTextVNode as s, createVNode as c, defineComponent as l, openBlock as u, ref as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+import { LogOutIcon as h, VenetianMaskIcon as g } from "@lucide/vue";
+//#region src/components/panel/ImpersonationBanner.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	"data-slot": "impersonation-banner",
+	role: "status",
+	class: "bg-foreground text-background fixed inset-x-0 bottom-4 z-50 mx-auto flex w-fit max-w-[calc(100%-2rem)] items-center gap-3 rounded-full py-1.5 ps-4 pe-1.5 text-sm shadow-lg"
+}, v = { class: "min-w-0 truncate" }, y = /*@__PURE__*/ l({
+	__name: "ImpersonationBanner",
+	props: { impersonation: {} },
+	setup(l) {
+		let y = l, b = e(), x = r(() => y.impersonation ?? b.value?.impersonation), S = d(!1);
+		function C() {
+			x.value && (S.value = !0, n.post(x.value.leaveUrl, {}, { onFinish: () => S.value = !1 }));
+		}
+		return (e, n) => x.value ? (u(), a("div", _, [
+			c(p(g), {
+				class: "size-4 shrink-0",
+				"aria-hidden": "true"
+			}),
+			o("span", v, f(x.value.label), 1),
+			c(t, {
+				type: "button",
+				size: "sm",
+				variant: "secondary",
+				class: "rounded-full",
+				disabled: S.value,
+				onClick: C
+			}, {
+				default: m(() => [c(p(h), {
+					class: "rtl:rotate-180",
+					"aria-hidden": "true"
+				}), s(" " + f(x.value.leaveLabel), 1)]),
+				_: 1
+			}, 8, ["disabled"])
+		])) : i("", !0);
+	}
+});
+//#endregion
+export { y as default };
+
+//# sourceMappingURL=ImpersonationBanner.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ImpersonationBanner.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_createVNode","_unref","_createElementVNode","_toDisplayString","Button","_withCtx","_createTextVNode","_createCommentVNode","Button_default","_hoisted_1","_hoisted_2","ImpersonationBanner_vue_vue_type_script_setup_true_lang_default","props","__props","panel","usePanel","current","computed","leaving","ref","leave","router","openBlock","createElementBlock","createVNode","unref","VenetianMaskIcon","createElementVNode","toDisplayString","withCtx","LogOutIcon","createTextVNode","createCommentVNode"],"sources":["../../../src/components/panel/ImpersonationBanner.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { ImpersonationSchema } from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { LogOutIcon, VenetianMaskIcon } from '@lucide/vue'\nimport { computed, ref } from 'vue'\nimport { usePanel } from '../../context'\nimport Button from '../ui/Button.vue'\n\n/**\n * Shown while impersonating another user: who you are signed in as, and a button that\n * returns to your own account. Replace it with `components: { 'panel:impersonation-banner': … }`.\n */\nconst props = defineProps<{ impersonation?: ImpersonationSchema }>()\n\nconst panel = usePanel()\nconst current = computed(() => props.impersonation ?? panel.value?.impersonation)\nconst leaving = ref(false)\n\nfunction leave(): void {\n  if (!current.value) return\n\n  leaving.value = true\n  router.post(current.value.leaveUrl, {}, { onFinish: () => (leaving.value = false) })\n}\n</script>\n\n<template>\n  <div\n    v-if=\"current\"\n    data-slot=\"impersonation-banner\"\n    role=\"status\"\n    class=\"bg-foreground text-background fixed inset-x-0 bottom-4 z-50 mx-auto flex w-fit max-w-[calc(100%-2rem)] items-center gap-3 rounded-full py-1.5 ps-4 pe-1.5 text-sm shadow-lg\"\n  >\n    <VenetianMaskIcon class=\"size-4 shrink-0\" aria-hidden=\"true\" />\n    <span class=\"min-w-0 truncate\">{{ current.label }}</span>\n    <Button\n      type=\"button\"\n      size=\"sm\"\n      variant=\"secondary\"\n      class=\"rounded-full\"\n      :disabled=\"leaving\"\n      @click=\"leave\"\n    >\n      <LogOutIcon class=\"rtl:rotate-180\" aria-hidden=\"true\" />\n      {{ current.leaveLabel }}\n    </Button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;EAYA,IAAMc,IAAQC,GAERC,IAAQC,EAAS,GACjBC,IAAUC,QAAeL,EAAM,iBAAiBE,EAAM,OAAO,aAAa,GAC1EI,IAAUC,EAAI,EAAK;EAEzB,SAASC,IAAc;GACrB,AAAKJ,EAAQ,UAEb,EAAQ,QAAQ,IAChBK,EAAO,KAAKL,EAAQ,MAAM,UAAU,CAAC,GAAG,EAAE,gBAAiB,EAAQ,QAAQ,GAAO,CAAC;EACrF;mBAKUA,EAAA,SADRlB,EAAA,GAAAC,EAmBM,OAnBNU,GAmBM;GAbJT,EAA+DC,EAAAyB,CAAA,GAAA;IAA7C,OAAM;IAAkB,eAAY;;GACtDxB,EAAyD,QAAzDQ,GAAyDP,EAAvBa,EAAA,MAAQ,KAAK,GAAA,CAAA;GAC/ChB,EAUSI,GAAA;IATP,MAAK;IACL,MAAK;IACL,SAAQ;IACR,OAAM;IACL,UAAUc,EAAA;IACV,SAAOE;;IAER,SAAAf,QAAwD,CAAxDL,EAAwDC,EAAA6B,CAAA,GAAA;KAA5C,OAAM;KAAiB,eAAY;IAASxB,CAAAA,GAAAA,EAAA,MACxDH,EAAGa,EAAA,MAAQ,UAAU,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/panel/KeyboardShortcuts.js

@@ -0,0 +1,7 @@
+import e from "./KeyboardShortcuts.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/panel/KeyboardShortcuts.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=KeyboardShortcuts.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcuts.js","names":["_sfc_main","KeyboardShortcuts_vue_vue_type_script_setup_true_lang_default","KeyboardShortcuts_default"],"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":""}

package/dist/components/panel/KeyboardShortcuts.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=KeyboardShortcuts.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"KeyboardShortcuts.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/KeyboardShortcuts.vue"],"names":[],"mappings":";AA6VA,wBAKG"}

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

@@ -0,0 +1,91 @@
+import { useActionRunner as e, usePageSchema as t, usePanel as n, useT as r } from "../../context.js";
+import { shortcutsOverlay as i } from "./lazy-chrome.js";
+import { COMMANDS_COMPONENT as a, SHORTCUT_IDS as o, commandShortcutId as s, focusTableSearch as c, shortcuts as l } from "@alfakit/core";
+import { router as u } from "@inertiajs/vue3";
+import { computed as d, createBlock as f, createCommentVNode as p, defineComponent as m, openBlock as h, ref as g, resolveDynamicComponent as _, shallowRef as v, unref as y, watch as b } from "vue";
+//#region src/components/panel/KeyboardShortcuts.vue?vue&type=script&setup=true&lang.ts
+var x = /*@__PURE__*/ m({
+	__name: "KeyboardShortcuts",
+	setup(m) {
+		let x = r(), S = n(), C = t(), w = e(), T = g(!1), E = v(i.current);
+		b(T, (e, t, n) => {
+			if (!e) return;
+			if (i.current) {
+				E.value = i.current;
+				return;
+			}
+			let r = !0;
+			n(() => {
+				r = !1;
+			}), i.load().then((e) => {
+				r && (E.value = e);
+			}, () => {
+				r && (T.value = !1);
+			});
+		});
+		let D = d(() => S.value.keyboardShortcuts), O = d(() => JSON.stringify(D.value ? D.value.overrides ?? {} : {}));
+		b([D, O], ([e, t]) => {
+			typeof window < "u" && (l.setEnabled(e !== !1), l.setOverrides(JSON.parse(t)));
+		}, { immediate: !0 });
+		let k = d(() => D.value ? JSON.stringify({
+			token: C.value?.token ?? "",
+			home: S.value.url ?? null,
+			commands: (S.value.commandPalette?.commands ?? []).filter((e) => e.keyBindings?.length && !e.disabled)
+		}) : "");
+		b(k, (e, t, n) => {
+			if (!e || typeof window > "u") return;
+			let { token: r, home: i, commands: d } = JSON.parse(e), f = [
+				l.register({
+					id: o.overlay,
+					keys: ["?"],
+					label: x("shortcuts.show_overlay", {}, "Show keyboard shortcuts"),
+					group: "general",
+					handler: () => {
+						T.value = !0;
+					}
+				}),
+				l.register({
+					id: o.search,
+					keys: ["/"],
+					label: x("shortcuts.focus_search", {}, "Search the table"),
+					group: "general",
+					handler: () => c()
+				}),
+				...i ? [l.register({
+					id: o.dashboard,
+					keys: ["g d"],
+					label: x("shortcuts.go_dashboard", {}, "Go to the dashboard"),
+					group: "navigation",
+					handler: () => u.visit(i)
+				})] : [],
+				...d.map((e) => l.register({
+					id: s(e.name),
+					keys: e.keyBindings ?? [],
+					label: e.label ?? e.name,
+					group: e.url ? "navigation" : "commands",
+					handler: () => void w.trigger(e, {
+						token: r,
+						component: a
+					})
+				}))
+			];
+			n(() => f.forEach((e) => e()));
+		}, { immediate: !0 });
+		let A = d(() => !!(D.value && D.value.customizable && S.value.endpoints.shortcuts));
+		return (e, t) => D.value && E.value ? (h(), f(_(E.value), {
+			key: 0,
+			open: T.value,
+			customizable: A.value,
+			endpoint: y(S).endpoints.shortcuts,
+			"onUpdate:open": t[0] ||= (e) => T.value = e
+		}, null, 40, [
+			"open",
+			"customizable",
+			"endpoint"
+		])) : p("", !0);
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=KeyboardShortcuts.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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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"}

package/dist/components/panel/LazyPlaceholder.js

@@ -0,0 +1,7 @@
+import e from "./LazyPlaceholder.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/panel/LazyPlaceholder.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=LazyPlaceholder.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyPlaceholder.js","names":["_sfc_main","LazyPlaceholder_vue_vue_type_script_setup_true_lang_default","LazyPlaceholder_default"],"sources":["../../../src/components/panel/LazyPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Skeleton from '../ui/Skeleton.vue'\n\n/**\n * Stands in for a lazy widget or relation manager until the `alfakitLazy` deferred prop\n * brings its schema. `table` mimics a table (relation managers, table widgets).\n */\nconst props = withDefaults(\n  defineProps<{ variant?: 'widget' | 'table'; class?: HTMLAttributes['class'] }>(),\n  { variant: 'widget', class: undefined },\n)\nconst t = useT()\n</script>\n\n<template>\n  <div\n    data-slot=\"lazy-placeholder\"\n    :data-variant=\"props.variant\"\n    role=\"status\"\n    aria-busy=\"true\"\n    :class=\"cn('bg-card flex flex-col gap-3 rounded-xl border p-6', props.class)\"\n  >\n    <span class=\"sr-only\">{{ t('loading', {}, 'Loading…') }}</span>\n    <Skeleton class=\"h-5 w-1/3\" />\n    <template v-if=\"props.variant === 'table'\">\n      <Skeleton class=\"h-9 w-full\" />\n      <Skeleton class=\"h-9 w-full\" />\n      <Skeleton class=\"h-9 w-full\" />\n    </template>\n    <Skeleton v-else class=\"h-20 w-full\" />\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/panel/LazyPlaceholder.vue.d.ts

@@ -0,0 +1,15 @@
+import type { HTMLAttributes } from 'vue';
+/**
+ * Stands in for a lazy widget or relation manager until the `alfakitLazy` deferred prop
+ * brings its schema. `table` mimics a table (relation managers, table widgets).
+ */
+type __VLS_Props = {
+    variant?: 'widget' | 'table';
+    class?: HTMLAttributes['class'];
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    class: string | false | Record<string, any> | import("vue").ClassValue[] | null;
+    variant: "widget" | "table";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=LazyPlaceholder.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyPlaceholder.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/LazyPlaceholder.vue"],"names":[],"mappings":"AAqCA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,KAAK,CAAA;AAKzC;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,QAAQ,GAAG,OAAO,CAAC;IAAC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAAE,CAAC;;;aAAtD,QAAQ,GAAG,OAAO;;AAyGjD,wBAOG"}

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

@@ -0,0 +1,46 @@
+import { useT as e } from "../../context.js";
+import { cn as t } from "../../lib/utils.js";
+import n from "../ui/Skeleton.js";
+import { Fragment as r, createBlock as i, createElementBlock as a, createElementVNode as o, createVNode as s, defineComponent as c, normalizeClass as l, openBlock as u, toDisplayString as d, unref as f } from "vue";
+//#region src/components/panel/LazyPlaceholder.vue?vue&type=script&setup=true&lang.ts
+var p = ["data-variant"], m = { class: "sr-only" }, h = /*@__PURE__*/ c({
+	__name: "LazyPlaceholder",
+	props: {
+		variant: { default: "widget" },
+		class: {
+			type: [
+				Boolean,
+				null,
+				String,
+				Object,
+				Array
+			],
+			default: void 0
+		}
+	},
+	setup(c) {
+		let h = c, g = e();
+		return (e, c) => (u(), a("div", {
+			"data-slot": "lazy-placeholder",
+			"data-variant": h.variant,
+			role: "status",
+			"aria-busy": "true",
+			class: l(f(t)("bg-card flex flex-col gap-3 rounded-xl border p-6", h.class))
+		}, [
+			o("span", m, d(f(g)("loading", {}, "Loading…")), 1),
+			s(n, { class: "h-5 w-1/3" }),
+			h.variant === "table" ? (u(), a(r, { key: 0 }, [
+				s(n, { class: "h-9 w-full" }),
+				s(n, { class: "h-9 w-full" }),
+				s(n, { class: "h-9 w-full" })
+			], 64)) : (u(), i(n, {
+				key: 1,
+				class: "h-20 w-full"
+			}))
+		], 10, p));
+	}
+});
+//#endregion
+export { h as default };
+
+//# sourceMappingURL=LazyPlaceholder.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LazyPlaceholder.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_normalizeClass","_unref","_createElementVNode","_toDisplayString","_createVNode","Skeleton","_Fragment","_createBlock","Skeleton_default","_hoisted_1","_hoisted_2","LazyPlaceholder_vue_vue_type_script_setup_true_lang_default","props","__props","t","useT","openBlock","createElementBlock","normalizeClass","unref","cn","createElementVNode","toDisplayString","createVNode","Fragment","createBlock"],"sources":["../../../src/components/panel/LazyPlaceholder.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { HTMLAttributes } from 'vue'\nimport { useT } from '../../context'\nimport { cn } from '../../lib/utils'\nimport Skeleton from '../ui/Skeleton.vue'\n\n/**\n * Stands in for a lazy widget or relation manager until the `alfakitLazy` deferred prop\n * brings its schema. `table` mimics a table (relation managers, table widgets).\n */\nconst props = withDefaults(\n  defineProps<{ variant?: 'widget' | 'table'; class?: HTMLAttributes['class'] }>(),\n  { variant: 'widget', class: undefined },\n)\nconst t = useT()\n</script>\n\n<template>\n  <div\n    data-slot=\"lazy-placeholder\"\n    :data-variant=\"props.variant\"\n    role=\"status\"\n    aria-busy=\"true\"\n    :class=\"cn('bg-card flex flex-col gap-3 rounded-xl border p-6', props.class)\"\n  >\n    <span class=\"sr-only\">{{ t('loading', {}, 'Loading…') }}</span>\n    <Skeleton class=\"h-5 w-1/3\" />\n    <template v-if=\"props.variant === 'table'\">\n      <Skeleton class=\"h-9 w-full\" />\n      <Skeleton class=\"h-9 w-full\" />\n      <Skeleton class=\"h-9 w-full\" />\n    </template>\n    <Skeleton v-else class=\"h-20 w-full\" />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAUA,IAAMc,IAAQC,GAIRC,IAAIC,EAAK;oBAIbjB,EAAA,GAAAC,EAeM,OAAA;GAdJ,aAAU;GACT,gBAAca,EAAM;GACrB,MAAK;GACL,aAAU;GACT,OAAKZ,EAAEC,EAAAmB,CAAA,CAAE,CAAA,qDAAsDR,EAAM,KAAK,CAAA;;GAE3EV,EAA+D,QAA/DQ,GAA+DP,EAAtCF,EAAAa,CAAA,CAAC,CAAA,WAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA;GAC1BV,EAA8BC,GAAA,EAApB,OAAM,YAAW,CAAA;GACXO,EAAM,YAAO,WAA7Bd,EAAA,GAAAC,EAIWO,GAAA,EAAA,KAAA,EAAA,GAAA;IAHTF,EAA+BC,GAAA,EAArB,OAAM,aAAY,CAAA;IAC5BD,EAA+BC,GAAA,EAArB,OAAM,aAAY,CAAA;IAC5BD,EAA+BC,GAAA,EAArB,OAAM,aAAY,CAAA;GAE9BP,GAAAA,EAAAA,MAAAA,EAAA,GAAAS,EAAuCF,GAAA;;IAAtB,OAAM"}

package/dist/components/panel/LocaleOptions.js

@@ -0,0 +1,7 @@
+import e from "./LocaleOptions.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/panel/LocaleOptions.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=LocaleOptions.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleOptions.js","names":["_sfc_main","LocaleOptions_vue_vue_type_script_setup_true_lang_default","LocaleOptions_default"],"sources":["../../../src/components/panel/LocaleOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { switchLocale } from '@alfakit/core'\nimport { useLocalization, usePanel } from '../../context'\nimport DropdownMenuRadioGroup from '../ui/DropdownMenuRadioGroup.vue'\nimport DropdownMenuRadioItem from '../ui/DropdownMenuRadioItem.vue'\n\nconst panel = usePanel()\nconst localization = useLocalization()\n\nconst change = (value: unknown) => {\n  const code = String(value)\n\n  if (panel.value.endpoints.locale && code !== panel.value.localization.code) {\n    switchLocale(panel.value.endpoints.locale, code)\n  }\n}\n</script>\n\n<template>\n  <DropdownMenuRadioGroup :model-value=\"localization.code\" @update:model-value=\"change\">\n    <DropdownMenuRadioItem\n      v-for=\"locale in localization.locales\"\n      :key=\"locale.code\"\n      :value=\"locale.code\"\n      :lang=\"locale.tag\"\n      :data-current=\"locale.code === localization.code ? 'true' : undefined\"\n      class=\"data-[current=true]:font-medium\"\n    >\n      <span :lang=\"locale.tag\" :dir=\"locale.direction\">{{ locale.label }}</span>\n    </DropdownMenuRadioItem>\n  </DropdownMenuRadioGroup>\n</template>\n"],"mappings":""}

package/dist/components/panel/LocaleOptions.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=LocaleOptions.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleOptions.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/LocaleOptions.vue"],"names":[],"mappings":";AA4HA,wBAKG"}

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

@@ -0,0 +1,42 @@
+import { useLocalization as e, usePanel as t } from "../../context.js";
+import n from "../ui/DropdownMenuRadioGroup.js";
+import r from "../ui/DropdownMenuRadioItem.js";
+import { switchLocale as i } from "@alfakit/core";
+import { Fragment as a, createBlock as o, createElementBlock as s, createElementVNode as c, defineComponent as l, openBlock as u, renderList as d, toDisplayString as f, unref as p, withCtx as m } from "vue";
+//#region src/components/panel/LocaleOptions.vue?vue&type=script&setup=true&lang.ts
+var h = ["lang", "dir"], g = /*@__PURE__*/ l({
+	__name: "LocaleOptions",
+	setup(l) {
+		let g = t(), _ = e(), v = (e) => {
+			let t = String(e);
+			g.value.endpoints.locale && t !== g.value.localization.code && i(g.value.endpoints.locale, t);
+		};
+		return (e, t) => (u(), o(n, {
+			"model-value": p(_).code,
+			"onUpdate:modelValue": v
+		}, {
+			default: m(() => [(u(!0), s(a, null, d(p(_).locales, (e) => (u(), o(r, {
+				key: e.code,
+				value: e.code,
+				lang: e.tag,
+				"data-current": e.code === p(_).code ? "true" : void 0,
+				class: "data-[current=true]:font-medium"
+			}, {
+				default: m(() => [c("span", {
+					lang: e.tag,
+					dir: e.direction
+				}, f(e.label), 9, h)]),
+				_: 2
+			}, 1032, [
+				"value",
+				"lang",
+				"data-current"
+			]))), 128))]),
+			_: 1
+		}, 8, ["model-value"]));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=LocaleOptions.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleOptions.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenuRadioGroup","_unref","_withCtx","_createElementBlock","_Fragment","_renderList","DropdownMenuRadioItem","_createElementVNode","_toDisplayString","DropdownMenuRadioGroup_default","DropdownMenuRadioItem_default","_hoisted_1","LocaleOptions_vue_vue_type_script_setup_true_lang_default","panel","usePanel","localization","useLocalization","change","code","value","switchLocale","openBlock","createBlock","unref","withCtx","createElementBlock","Fragment","renderList","locale","createElementVNode","toDisplayString"],"sources":["../../../src/components/panel/LocaleOptions.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { switchLocale } from '@alfakit/core'\nimport { useLocalization, usePanel } from '../../context'\nimport DropdownMenuRadioGroup from '../ui/DropdownMenuRadioGroup.vue'\nimport DropdownMenuRadioItem from '../ui/DropdownMenuRadioItem.vue'\n\nconst panel = usePanel()\nconst localization = useLocalization()\n\nconst change = (value: unknown) => {\n  const code = String(value)\n\n  if (panel.value.endpoints.locale && code !== panel.value.localization.code) {\n    switchLocale(panel.value.endpoints.locale, code)\n  }\n}\n</script>\n\n<template>\n  <DropdownMenuRadioGroup :model-value=\"localization.code\" @update:model-value=\"change\">\n    <DropdownMenuRadioItem\n      v-for=\"locale in localization.locales\"\n      :key=\"locale.code\"\n      :value=\"locale.code\"\n      :lang=\"locale.tag\"\n      :data-current=\"locale.code === localization.code ? 'true' : undefined\"\n      class=\"data-[current=true]:font-medium\"\n    >\n      <span :lang=\"locale.tag\" :dir=\"locale.direction\">{{ locale.label }}</span>\n    </DropdownMenuRadioItem>\n  </DropdownMenuRadioGroup>\n</template>\n"],"mappings":";;;;;;;;;EAMA,IAAMe,IAAQC,EAAS,GACjBC,IAAeC,EAAgB,GAE/BC,KAAU,MAAmB;GACjC,IAAMC,IAAO,OAAOC,CAAK;GAEzB,AAAIN,EAAM,MAAM,UAAU,UAAUK,MAASL,EAAM,MAAM,aAAa,QACpEO,EAAaP,EAAM,MAAM,UAAU,QAAQK,CAAI;EAEnD;oBAIEpB,EAAA,GAAAC,EAWyBC,GAAA;GAXA,eAAaC,EAAAc,CAAA,CAAY,CAAC;GAAO,uBAAoBE;;GAE1E,SAAAf,QAAsC,EADxCJ,EAAA,EAAA,GAAAK,EASwBC,GAAA,MAAAC,EARLJ,EAAAc,CAAA,CAAY,CAAC,UAAvB,OADTjB,EAAA,GAAAC,EASwBO,GAAA;IAPrB,KAAKsB,EAAO;IACZ,OAAOA,EAAO;IACd,MAAMA,EAAO;IACb,gBAAcA,EAAO,SAAS3B,EAAAc,CAAA,CAAY,CAAC,OAAI,SAAY,KAAA;IAC5D,OAAM;;IAEN,SAAAb,QAA0E,CAA1EK,EAA0E,QAAA;KAAnE,MAAMqB,EAAO;KAAM,KAAKA,EAAO;IAAc,GAAApB,EAAAoB,EAAO,KAAK,GAAA,GAAAjB,CAAA,CAAA,CAAA"}

package/dist/components/panel/LocaleSubMenu.js

@@ -0,0 +1,7 @@
+import e from "./LocaleSubMenu.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/panel/LocaleSubMenu.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=LocaleSubMenu.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSubMenu.js","names":["_sfc_main","LocaleSubMenu_vue_vue_type_script_setup_true_lang_default","LocaleSubMenu_default"],"sources":["../../../src/components/panel/LocaleSubMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { collapsesLanguageSwitcher, showsLanguageSwitcher } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useLocalization, usePanel, useT } from '../../context'\nimport DropdownMenuSub from '../ui/DropdownMenuSub.vue'\nimport DropdownMenuSubContent from '../ui/DropdownMenuSubContent.vue'\nimport DropdownMenuSubTrigger from '../ui/DropdownMenuSubTrigger.vue'\nimport LocaleOptions from './LocaleOptions.vue'\n\n/**\n * \"Language\" submenu for the user menu (`languageSwitcher('user-menu' | 'both')`, and\n * below `sm` for `'topbar'`).\n */\nconst t = useT()\nconst panel = usePanel()\nconst localization = useLocalization()\nconst inMenu = computed(() => showsLanguageSwitcher(localization.value, 'user-menu'))\n// `languageSwitcher('topbar')`: the top bar's button is hidden on phones, so it's here.\nconst onPhones = computed(\n  () =>\n    !inMenu.value &&\n    collapsesLanguageSwitcher(\n      localization.value,\n      Boolean(panel.value?.user && panel.value.userMenu),\n    ),\n)\n</script>\n\n<template>\n  <DropdownMenuSub v-if=\"inMenu || onPhones\">\n    <DropdownMenuSubTrigger :class=\"onPhones ? 'sm:hidden' : undefined\">\n      <LanguagesIcon />\n      <span>{{ t('language', {}, 'Language') }}</span>\n      <span class=\"text-muted-foreground ms-auto ps-2 text-xs\">{{ localization.label }}</span>\n    </DropdownMenuSubTrigger>\n    <DropdownMenuSubContent class=\"min-w-40\">\n      <LocaleOptions />\n    </DropdownMenuSubContent>\n  </DropdownMenuSub>\n</template>\n"],"mappings":""}

package/dist/components/panel/LocaleSubMenu.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=LocaleSubMenu.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSubMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/LocaleSubMenu.vue"],"names":[],"mappings":";AAiKA,wBAKG"}

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

@@ -0,0 +1,33 @@
+import { useLocalization as e, usePanel as t, useT as n } from "../../context.js";
+import r from "../ui/DropdownMenuSub.js";
+import i from "../ui/DropdownMenuSubContent.js";
+import a from "../ui/DropdownMenuSubTrigger.js";
+import o from "./LocaleOptions.js";
+import { collapsesLanguageSwitcher as s, showsLanguageSwitcher as c } from "@alfakit/core";
+import { computed as l, createBlock as u, createCommentVNode as d, createElementVNode as f, createVNode as p, defineComponent as m, normalizeClass as h, openBlock as g, toDisplayString as _, unref as v, withCtx as y } from "vue";
+import { LanguagesIcon as b } from "@lucide/vue";
+//#region src/components/panel/LocaleSubMenu.vue?vue&type=script&setup=true&lang.ts
+var x = { class: "text-muted-foreground ms-auto ps-2 text-xs" }, S = /*@__PURE__*/ m({
+	__name: "LocaleSubMenu",
+	setup(m) {
+		let S = n(), C = t(), w = e(), T = l(() => c(w.value, "user-menu")), E = l(() => !T.value && s(w.value, !!(C.value?.user && C.value.userMenu)));
+		return (e, t) => T.value || E.value ? (g(), u(r, { key: 0 }, {
+			default: y(() => [p(a, { class: h(E.value ? "sm:hidden" : void 0) }, {
+				default: y(() => [
+					p(v(b)),
+					f("span", null, _(v(S)("language", {}, "Language")), 1),
+					f("span", x, _(v(w).label), 1)
+				]),
+				_: 1
+			}, 8, ["class"]), p(i, { class: "min-w-40" }, {
+				default: y(() => [p(o)]),
+				_: 1
+			})]),
+			_: 1
+		})) : d("", !0);
+	}
+});
+//#endregion
+export { S as default };
+
+//# sourceMappingURL=LocaleSubMenu.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSubMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenuSub","_withCtx","_createVNode","DropdownMenuSubTrigger","_normalizeClass","_unref","_createElementVNode","_toDisplayString","DropdownMenuSubContent","LocaleOptions","_createCommentVNode","DropdownMenuSub_default","DropdownMenuSubContent_default","DropdownMenuSubTrigger_default","LocaleOptions_default","_hoisted_1","LocaleSubMenu_vue_vue_type_script_setup_true_lang_default","t","useT","panel","usePanel","localization","useLocalization","inMenu","computed","showsLanguageSwitcher","onPhones","collapsesLanguageSwitcher","openBlock","createBlock","withCtx","createVNode","normalizeClass","unref","LanguagesIcon","createElementVNode","toDisplayString","createCommentVNode"],"sources":["../../../src/components/panel/LocaleSubMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { collapsesLanguageSwitcher, showsLanguageSwitcher } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useLocalization, usePanel, useT } from '../../context'\nimport DropdownMenuSub from '../ui/DropdownMenuSub.vue'\nimport DropdownMenuSubContent from '../ui/DropdownMenuSubContent.vue'\nimport DropdownMenuSubTrigger from '../ui/DropdownMenuSubTrigger.vue'\nimport LocaleOptions from './LocaleOptions.vue'\n\n/**\n * \"Language\" submenu for the user menu (`languageSwitcher('user-menu' | 'both')`, and\n * below `sm` for `'topbar'`).\n */\nconst t = useT()\nconst panel = usePanel()\nconst localization = useLocalization()\nconst inMenu = computed(() => showsLanguageSwitcher(localization.value, 'user-menu'))\n// `languageSwitcher('topbar')`: the top bar's button is hidden on phones, so it's here.\nconst onPhones = computed(\n  () =>\n    !inMenu.value &&\n    collapsesLanguageSwitcher(\n      localization.value,\n      Boolean(panel.value?.user && panel.value.userMenu),\n    ),\n)\n</script>\n\n<template>\n  <DropdownMenuSub v-if=\"inMenu || onPhones\">\n    <DropdownMenuSubTrigger :class=\"onPhones ? 'sm:hidden' : undefined\">\n      <LanguagesIcon />\n      <span>{{ t('language', {}, 'Language') }}</span>\n      <span class=\"text-muted-foreground ms-auto ps-2 text-xs\">{{ localization.label }}</span>\n    </DropdownMenuSubTrigger>\n    <DropdownMenuSubContent class=\"min-w-40\">\n      <LocaleOptions />\n    </DropdownMenuSubContent>\n  </DropdownMenuSub>\n</template>\n"],"mappings":";;;;;;;;;;;;EAcA,IAAMmB,IAAIC,EAAK,GACTC,IAAQC,EAAS,GACjBC,IAAeC,EAAgB,GAC/BC,IAASC,QAAeC,EAAsBJ,EAAa,OAAO,WAAW,CAAC,GAE9EK,IAAWF,QAEb,CAACD,EAAO,SACRI,EACEN,EAAa,OACb,GAAQF,EAAM,OAAO,QAAQA,EAAM,MAAM,SAC3C,CACJ;mBAIyBI,EAAA,SAAUG,EAAA,SAAjC5B,EAAA,GAAAC,EASkBC,GAAA,EAAA,KAAA,EAAA,GAAA;GARhB,SAAAC,QAIyB,CAJzBC,EAIyBC,GAAA,EAJA,OAAKC,EAAEsB,EAAA,QAAQ,cAAiB,KAAA,CAAS,EAAA,GAAA;IAChE,SAAAzB,QAAiB;KAAjBC,EAAiBG,EAAA6B,CAAA,CAAA;KACjB5B,EAAgD,QAAA,MAAAC,EAAvCF,EAAAY,CAAA,CAAC,CAAA,YAAA,CAAA,GAAA,UAAA,CAAA,GAAA,CAAA;KACVX,EAAwF,QAAxFS,GAAwFR,EAA5BF,EAAAgB,CAAA,CAAY,CAAC,KAAK,GAAA,CAAA;;;GAEhFnB,GAAAA,GAAAA,CAAAA,OAAAA,CAAAA,GAAAA,EAEyBM,GAAA,EAFD,OAAM,WAAU,GAAA;IACtC,SAAAP,QAAiB,CAAjBC,EAAiBO,CAAA,CAAA,CAAA"}

package/dist/components/panel/LocaleSwitcher.js

@@ -0,0 +1,7 @@
+import e from "./LocaleSwitcher.vue_vue_type_script_setup_true_lang.js";
+//#region src/components/panel/LocaleSwitcher.vue
+var t = e;
+//#endregion
+export { t as default };
+
+//# sourceMappingURL=LocaleSwitcher.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcher.js","names":["_sfc_main","LocaleSwitcher_vue_vue_type_script_setup_true_lang_default","LocaleSwitcher_default"],"sources":["../../../src/components/panel/LocaleSwitcher.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { showsLanguageSwitcher } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\nimport { useLocalization, useT } from '../../context'\nimport Button from '../ui/Button.vue'\nimport DropdownMenu from '../ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../ui/DropdownMenuTrigger.vue'\nimport LocaleOptions from './LocaleOptions.vue'\n\n/**\n * Stand-alone language menu: a languages button listing each language in its own name\n * (auth pages, top bar). Renders nothing without a switcher.\n */\nconst t = useT()\nconst localization = useLocalization()\nconst visible = computed(() => showsLanguageSwitcher(localization.value, 'auth'))\n</script>\n\n<template>\n  <div v-if=\"visible\" data-slot=\"language-switcher\" class=\"flex\">\n    <DropdownMenu>\n      <DropdownMenuTrigger as-child>\n        <Button\n          type=\"button\"\n          variant=\"ghost\"\n          size=\"icon\"\n          :aria-label=\"t('change_language', {}, 'Change language')\"\n          :title=\"t('change_language', {}, 'Change language')\"\n        >\n          <LanguagesIcon />\n        </Button>\n      </DropdownMenuTrigger>\n      <DropdownMenuContent align=\"end\" class=\"min-w-40\">\n        <LocaleOptions />\n      </DropdownMenuContent>\n    </DropdownMenu>\n  </div>\n</template>\n"],"mappings":""}

package/dist/components/panel/LocaleSwitcher.vue.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;
+//# sourceMappingURL=LocaleSwitcher.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"LocaleSwitcher.vue.d.ts","sourceRoot":"","sources":["../../../src/components/panel/LocaleSwitcher.vue"],"names":[],"mappings":";AAmKA,wBAKG"}

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

@@ -0,0 +1,46 @@
+import { useLocalization as e, useT as t } from "../../context.js";
+import n from "../ui/Button2.js";
+import r from "../ui/DropdownMenu.js";
+import i from "../ui/DropdownMenuContent.js";
+import a from "../ui/DropdownMenuTrigger.js";
+import o from "./LocaleOptions.js";
+import { showsLanguageSwitcher as s } from "@alfakit/core";
+import { computed as c, createCommentVNode as l, createElementBlock as u, createVNode as d, defineComponent as f, openBlock as p, unref as m, withCtx as h } from "vue";
+import { LanguagesIcon as g } from "@lucide/vue";
+//#region src/components/panel/LocaleSwitcher.vue?vue&type=script&setup=true&lang.ts
+var _ = {
+	key: 0,
+	"data-slot": "language-switcher",
+	class: "flex"
+}, v = /*@__PURE__*/ f({
+	__name: "LocaleSwitcher",
+	setup(f) {
+		let v = t(), y = e(), b = c(() => s(y.value, "auth"));
+		return (e, t) => b.value ? (p(), u("div", _, [d(r, null, {
+			default: h(() => [d(a, { "as-child": "" }, {
+				default: h(() => [d(n, {
+					type: "button",
+					variant: "ghost",
+					size: "icon",
+					"aria-label": m(v)("change_language", {}, "Change language"),
+					title: m(v)("change_language", {}, "Change language")
+				}, {
+					default: h(() => [d(m(g))]),
+					_: 1
+				}, 8, ["aria-label", "title"])]),
+				_: 1
+			}), d(i, {
+				align: "end",
+				class: "min-w-40"
+			}, {
+				default: h(() => [d(o)]),
+				_: 1
+			})]),
+			_: 1
+		})])) : l("", !0);
+	}
+});
+//#endregion
+export { v as default };
+
+//# sourceMappingURL=LocaleSwitcher.vue_vue_type_script_setup_true_lang.js.map