@alfakit/vue 0.1.7 → 0.1.9

package/dist/standalone.css

@@ -54,19 +54,23 @@
   --color-gray: var(--muted-foreground);
 }
 
+/* The same status tokens as the panel's styles.css (WCAG AA under their foregrounds). */
 :root {
-  --success: var(--alfakit-success, oklch(0.627 0.194 149.214));
-  --success-foreground: oklch(0.985 0 0);
-  --warning: var(--alfakit-warning, oklch(0.769 0.188 70.08));
-  --warning-foreground: oklch(0.145 0 0);
-  --info: var(--alfakit-info, oklch(0.623 0.214 259.815));
-  --info-foreground: oklch(0.985 0 0);
+  --success: var(--alfakit-success, oklch(0.48 0.14 150.5));
+  --success-foreground: var(--alfakit-success-foreground, oklch(0.985 0 0));
+  --warning: var(--alfakit-warning, oklch(0.52 0.15 48));
+  --warning-foreground: var(--alfakit-warning-foreground, oklch(0.985 0 0));
+  --info: var(--alfakit-info, oklch(0.51 0.24 263.5));
+  --info-foreground: var(--alfakit-info-foreground, oklch(0.985 0 0));
 }
 
 .dark {
   --success: var(--alfakit-success, oklch(0.723 0.219 149.579));
+  --success-foreground: var(--alfakit-success-foreground, oklch(0.145 0 0));
   --warning: var(--alfakit-warning, oklch(0.828 0.189 84.429));
+  --warning-foreground: var(--alfakit-warning-foreground, oklch(0.145 0 0));
   --info: var(--alfakit-info, oklch(0.707 0.165 254.624));
+  --info-foreground: var(--alfakit-info-foreground, oklch(0.145 0 0));
 }
 
 /*

package/dist/starter-kit/AlfakitStarterKitRoot.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitStarterKitRoot.js","names":["_sfc_main","AlfakitStarterKitRoot_vue_vue_type_script_setup_true_lang_default","AlfakitStarterKitRoot_default"],"sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  STARTER_KIT_TOASTER_ID,\n  installStarterKitRuntime,\n  syncStarterKitPage,\n  type AlfakitPageProps,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { onMounted, onUnmounted, watch } from 'vue'\nimport AlfakitRoot from '../AlfakitRoot.vue'\nimport { setToasterId, showToast } from '../components/notifications/flash-toasts'\nimport { provideAlfakit } from '../context'\nimport { starterKitContext, type StarterKitPageOptions } from './runtime'\n\n/**\n * The Inertia layout around every Alfakit page in starter kit mode, inside the host layout:\n * Alfakit's context, modals, toasts and the reading direction. It stays mounted while the\n * user moves between Alfakit pages.\n */\nconst props = defineProps<{ options?: StarterKitPageOptions }>()\nconst context = starterKitContext(props.options ?? {})\nconst page = usePage<AlfakitPageProps>()\n\nprovideAlfakit(context)\n\n// Endpoints follow the open page (synchronously, before children run actions).\nwatch(\n  () => page.props.alfakit?.endpoints,\n  (endpoints) => {\n    if (endpoints) {\n      context.actions.setEndpoints({ action: endpoints.action ?? '', modal: endpoints.modal ?? '' })\n    }\n  },\n  { immediate: true, flush: 'sync' },\n)\n\nonMounted(() => {\n  installStarterKitRuntime(\n    (notification) => showToast(notification),\n    (key, replacements, fallback) => context.translator.t(key, replacements, fallback),\n  )\n  setToasterId(STARTER_KIT_TOASTER_ID)\n\n  watch(\n    () => page.props,\n    (value) => syncStarterKitPage(value as AlfakitPageProps),\n    { immediate: true },\n  )\n})\n\nonUnmounted(() => {\n  // A host page is open: its errors and toasts are the host's again.\n  syncStarterKitPage(null)\n  setToasterId(undefined)\n})\n</script>\n\n<template>\n  <!-- The reading direction and language of Alfakit's content only: the host layout around it\n       (sidebar, header) and the app's own pages keep the document's. -->\n  <div\n    data-slot=\"starter-kit-root\"\n    :dir=\"page.props.alfakit?.localization?.direction ?? 'ltr'\"\n    :lang=\"page.props.alfakit?.localization?.tag\"\n    class=\"contents\"\n  >\n    <AlfakitRoot :toaster-id=\"STARTER_KIT_TOASTER_ID\">\n      <slot />\n    </AlfakitRoot>\n  </div>\n</template>\n"],"mappings":""}
+{"version":3,"file":"AlfakitStarterKitRoot.js","names":["_sfc_main","AlfakitStarterKitRoot_vue_vue_type_script_setup_true_lang_default","AlfakitStarterKitRoot_default"],"sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  STARTER_KIT_TOASTER_ID,\n  installStarterKitRuntime,\n  syncStarterKitPage,\n  type AlfakitPageProps,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { onMounted, onUnmounted, watch } from 'vue'\nimport AlfakitRoot from '../AlfakitRoot.vue'\nimport DebugPanelSlot from '../components/panel/DebugPanelSlot.vue'\nimport { setToasterId, showToast } from '../components/notifications/flash-toasts'\nimport { provideAlfakit } from '../context'\nimport { starterKitContext, type StarterKitPageOptions } from './runtime'\n\n/**\n * The Inertia layout around every Alfakit page in starter kit mode, inside the host layout:\n * Alfakit's context, modals, toasts and the reading direction. It stays mounted while the\n * user moves between Alfakit pages.\n */\nconst props = defineProps<{ options?: StarterKitPageOptions }>()\nconst context = starterKitContext(props.options ?? {})\nconst page = usePage<AlfakitPageProps>()\n\nprovideAlfakit(context)\n\n// Endpoints follow the open page (synchronously, before children run actions).\nwatch(\n  () => page.props.alfakit?.endpoints,\n  (endpoints) => {\n    if (endpoints) {\n      context.actions.setEndpoints({ action: endpoints.action ?? '', modal: endpoints.modal ?? '' })\n    }\n  },\n  { immediate: true, flush: 'sync' },\n)\n\nonMounted(() => {\n  installStarterKitRuntime(\n    (notification) => showToast(notification),\n    (key, replacements, fallback) => context.translator.t(key, replacements, fallback),\n  )\n  setToasterId(STARTER_KIT_TOASTER_ID)\n\n  watch(\n    () => page.props,\n    (value) => syncStarterKitPage(value as AlfakitPageProps),\n    { immediate: true },\n  )\n})\n\nonUnmounted(() => {\n  // A host page is open: its errors and toasts are the host's again.\n  syncStarterKitPage(null)\n  setToasterId(undefined)\n})\n</script>\n\n<template>\n  <!-- The reading direction and language of Alfakit's content only: the host layout around it\n       (sidebar, header) and the app's own pages keep the document's. -->\n  <div\n    data-slot=\"starter-kit-root\"\n    :dir=\"page.props.alfakit?.localization?.direction ?? 'ltr'\"\n    :lang=\"page.props.alfakit?.localization?.tag\"\n    class=\"contents\"\n  >\n    <AlfakitRoot :toaster-id=\"STARTER_KIT_TOASTER_ID\">\n      <slot />\n      <!-- The debug panel's button lives in AlfaKit's top bar, which a starter kit doesn't\n           render: float it in the corner (nothing without `alfakitDebug`). -->\n      <div data-slot=\"starter-kit-debug-panel\" class=\"fixed end-16 bottom-4 z-40\">\n        <DebugPanelSlot />\n      </div>\n    </AlfakitRoot>\n  </div>\n</template>\n"],"mappings":""}

package/dist/starter-kit/AlfakitStarterKitRoot.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitStarterKitRoot.vue.d.ts","sourceRoot":"","sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"names":[],"mappings":"AAoFA,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEzE;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAkEvD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAqB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}
+{"version":3,"file":"AlfakitStarterKitRoot.vue.d.ts","sourceRoot":"","sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"names":[],"mappings":"AA2FA,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEzE;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAAE,CAAC;AAgFvD,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAsB/C,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/starter-kit/AlfakitStarterKitRoot.vue_vue_type_script_setup_true_lang.js

@@ -1,40 +1,44 @@
 import { provideAlfakit as e } from "../context.js";
 import { setToasterId as t, showToast as n } from "../components/notifications/flash-toasts.js";
-import r from "../AlfakitRoot.js";
-import { starterKitContext as i } from "./runtime.js";
-import { STARTER_KIT_TOASTER_ID as a, installStarterKitRuntime as o, syncStarterKitPage as s } from "@alfakit/core";
-import { usePage as c } from "@inertiajs/vue3";
-import { createElementBlock as l, createVNode as u, defineComponent as d, onMounted as f, onUnmounted as p, openBlock as m, renderSlot as h, unref as g, watch as _, withCtx as v } from "vue";
+import r from "../components/panel/DebugPanelSlot.js";
+import i from "../AlfakitRoot.js";
+import { starterKitContext as a } from "./runtime.js";
+import { STARTER_KIT_TOASTER_ID as o, installStarterKitRuntime as s, syncStarterKitPage as c } from "@alfakit/core";
+import { usePage as l } from "@inertiajs/vue3";
+import { createElementBlock as u, createElementVNode as d, createVNode as f, defineComponent as p, onMounted as m, onUnmounted as h, openBlock as g, renderSlot as _, unref as v, watch as y, withCtx as b } from "vue";
 //#region src/starter-kit/AlfakitStarterKitRoot.vue?vue&type=script&setup=true&lang.ts
-var y = ["dir", "lang"], b = /*@__PURE__*/ d({
+var x = ["dir", "lang"], S = {
+	"data-slot": "starter-kit-debug-panel",
+	class: "fixed end-16 bottom-4 z-40"
+}, C = /*@__PURE__*/ p({
 	__name: "AlfakitStarterKitRoot",
 	props: { options: {} },
-	setup(d) {
-		let b = i(d.options ?? {}), x = c();
-		return e(b), _(() => x.props.alfakit?.endpoints, (e) => {
-			e && b.actions.setEndpoints({
+	setup(p) {
+		let C = a(p.options ?? {}), w = l();
+		return e(C), y(() => w.props.alfakit?.endpoints, (e) => {
+			e && C.actions.setEndpoints({
 				action: e.action ?? "",
 				modal: e.modal ?? ""
 			});
 		}, {
 			immediate: !0,
 			flush: "sync"
-		}), f(() => {
-			o((e) => n(e), (e, t, n) => b.translator.t(e, t, n)), t(a), _(() => x.props, (e) => s(e), { immediate: !0 });
-		}), p(() => {
-			s(null), t(void 0);
-		}), (e, t) => (m(), l("div", {
+		}), m(() => {
+			s((e) => n(e), (e, t, n) => C.translator.t(e, t, n)), t(o), y(() => w.props, (e) => c(e), { immediate: !0 });
+		}), h(() => {
+			c(null), t(void 0);
+		}), (e, t) => (g(), u("div", {
 			"data-slot": "starter-kit-root",
-			dir: g(x).props.alfakit?.localization?.direction ?? "ltr",
-			lang: g(x).props.alfakit?.localization?.tag,
+			dir: v(w).props.alfakit?.localization?.direction ?? "ltr",
+			lang: v(w).props.alfakit?.localization?.tag,
 			class: "contents"
-		}, [u(r, { "toaster-id": g(a) }, {
-			default: v(() => [h(e.$slots, "default")]),
+		}, [f(i, { "toaster-id": v(o) }, {
+			default: b(() => [_(e.$slots, "default"), d("div", S, [f(r)])]),
 			_: 3
-		}, 8, ["toaster-id"])], 8, y));
+		}, 8, ["toaster-id"])], 8, x));
 	}
 });
 //#endregion
-export { b as default };
+export { C as default };
 
 //# sourceMappingURL=AlfakitStarterKitRoot.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/AlfakitStarterKitRoot.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitStarterKitRoot.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_unref","_createVNode","AlfakitRoot","_withCtx","_renderSlot","AlfakitRoot_default","_hoisted_1","AlfakitStarterKitRoot_vue_vue_type_script_setup_true_lang_default","context","starterKitContext","__props","page","usePage","provideAlfakit","watch","endpoints","onMounted","installStarterKitRuntime","showToast","notification","key","replacements","fallback","setToasterId","STARTER_KIT_TOASTER_ID","syncStarterKitPage","value","onUnmounted","openBlock","createElementBlock","unref","createVNode","withCtx","renderSlot","_ctx"],"sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  STARTER_KIT_TOASTER_ID,\n  installStarterKitRuntime,\n  syncStarterKitPage,\n  type AlfakitPageProps,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { onMounted, onUnmounted, watch } from 'vue'\nimport AlfakitRoot from '../AlfakitRoot.vue'\nimport { setToasterId, showToast } from '../components/notifications/flash-toasts'\nimport { provideAlfakit } from '../context'\nimport { starterKitContext, type StarterKitPageOptions } from './runtime'\n\n/**\n * The Inertia layout around every Alfakit page in starter kit mode, inside the host layout:\n * Alfakit's context, modals, toasts and the reading direction. It stays mounted while the\n * user moves between Alfakit pages.\n */\nconst props = defineProps<{ options?: StarterKitPageOptions }>()\nconst context = starterKitContext(props.options ?? {})\nconst page = usePage<AlfakitPageProps>()\n\nprovideAlfakit(context)\n\n// Endpoints follow the open page (synchronously, before children run actions).\nwatch(\n  () => page.props.alfakit?.endpoints,\n  (endpoints) => {\n    if (endpoints) {\n      context.actions.setEndpoints({ action: endpoints.action ?? '', modal: endpoints.modal ?? '' })\n    }\n  },\n  { immediate: true, flush: 'sync' },\n)\n\nonMounted(() => {\n  installStarterKitRuntime(\n    (notification) => showToast(notification),\n    (key, replacements, fallback) => context.translator.t(key, replacements, fallback),\n  )\n  setToasterId(STARTER_KIT_TOASTER_ID)\n\n  watch(\n    () => page.props,\n    (value) => syncStarterKitPage(value as AlfakitPageProps),\n    { immediate: true },\n  )\n})\n\nonUnmounted(() => {\n  // A host page is open: its errors and toasts are the host's again.\n  syncStarterKitPage(null)\n  setToasterId(undefined)\n})\n</script>\n\n<template>\n  <!-- The reading direction and language of Alfakit's content only: the host layout around it\n       (sidebar, header) and the app's own pages keep the document's. -->\n  <div\n    data-slot=\"starter-kit-root\"\n    :dir=\"page.props.alfakit?.localization?.direction ?? 'ltr'\"\n    :lang=\"page.props.alfakit?.localization?.tag\"\n    class=\"contents\"\n  >\n    <AlfakitRoot :toaster-id=\"STARTER_KIT_TOASTER_ID\">\n      <slot />\n    </AlfakitRoot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;EAoBA,IAAMW,IAAUC,EAAkBZ,EAAM,WAAW,CAAC,CAAC,GAC/Cc,IAAOC,EAA0B;SAEvCC,EAAeL,CAAO,GAGtBM,QACQH,EAAK,MAAM,SAAS,YACzB,MAAc;GACb,AAAII,KACFP,EAAQ,QAAQ,aAAa;IAAE,QAAQO,EAAU,UAAU;IAAI,OAAOA,EAAU,SAAS;GAAG,CAAC;EAEjG,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAEAC,QAAgB;GAOd,AANAC,GACG,MAAiBC,EAAUC,CAAY,IACvC,GAAK,GAAc,MAAaX,EAAQ,WAAW,EAAEY,GAAKC,GAAcC,CAAQ,CACnF,GACAC,EAAaC,CAAsB,GAEnCV,QACQH,EAAK,QACV,MAAUc,EAAmBC,CAAyB,GACvD,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDC,QAAkB;GAGhB,AADAF,EAAmB,IAAI,GACvBF,EAAa,KAAA,CAAS;EACxB,CAAC,cAMCzB,EAAA,GAAAC,EASM,OAAA;GARJ,aAAU;GACT,KAAKC,EAAAW,CAAA,CAAI,CAAC,MAAM,SAAS,cAAc,aAAS;GAChD,MAAMX,EAAAW,CAAA,CAAI,CAAC,MAAM,SAAS,cAAc;GACzC,OAAM;EAENV,GAAAA,CAAAA,EAEcC,GAAA,EAFA,cAAYF,EAAAwB,CAAA,EAAsB,GAAA;GAC9C,SAAArB,QAAQ,CAARC,EAAQ8B,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"AlfakitStarterKitRoot.vue_vue_type_script_setup_true_lang.js","names":["props","_openBlock","_createElementBlock","_unref","_createVNode","AlfakitRoot","_withCtx","_renderSlot","_createElementVNode","DebugPanelSlot","DebugPanelSlot_default","AlfakitRoot_default","_hoisted_1","_hoisted_2","AlfakitStarterKitRoot_vue_vue_type_script_setup_true_lang_default","context","starterKitContext","__props","page","usePage","provideAlfakit","watch","endpoints","onMounted","installStarterKitRuntime","showToast","notification","key","replacements","fallback","setToasterId","STARTER_KIT_TOASTER_ID","syncStarterKitPage","value","onUnmounted","openBlock","createElementBlock","unref","createVNode","withCtx","renderSlot","_ctx","createElementVNode"],"sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  STARTER_KIT_TOASTER_ID,\n  installStarterKitRuntime,\n  syncStarterKitPage,\n  type AlfakitPageProps,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { onMounted, onUnmounted, watch } from 'vue'\nimport AlfakitRoot from '../AlfakitRoot.vue'\nimport DebugPanelSlot from '../components/panel/DebugPanelSlot.vue'\nimport { setToasterId, showToast } from '../components/notifications/flash-toasts'\nimport { provideAlfakit } from '../context'\nimport { starterKitContext, type StarterKitPageOptions } from './runtime'\n\n/**\n * The Inertia layout around every Alfakit page in starter kit mode, inside the host layout:\n * Alfakit's context, modals, toasts and the reading direction. It stays mounted while the\n * user moves between Alfakit pages.\n */\nconst props = defineProps<{ options?: StarterKitPageOptions }>()\nconst context = starterKitContext(props.options ?? {})\nconst page = usePage<AlfakitPageProps>()\n\nprovideAlfakit(context)\n\n// Endpoints follow the open page (synchronously, before children run actions).\nwatch(\n  () => page.props.alfakit?.endpoints,\n  (endpoints) => {\n    if (endpoints) {\n      context.actions.setEndpoints({ action: endpoints.action ?? '', modal: endpoints.modal ?? '' })\n    }\n  },\n  { immediate: true, flush: 'sync' },\n)\n\nonMounted(() => {\n  installStarterKitRuntime(\n    (notification) => showToast(notification),\n    (key, replacements, fallback) => context.translator.t(key, replacements, fallback),\n  )\n  setToasterId(STARTER_KIT_TOASTER_ID)\n\n  watch(\n    () => page.props,\n    (value) => syncStarterKitPage(value as AlfakitPageProps),\n    { immediate: true },\n  )\n})\n\nonUnmounted(() => {\n  // A host page is open: its errors and toasts are the host's again.\n  syncStarterKitPage(null)\n  setToasterId(undefined)\n})\n</script>\n\n<template>\n  <!-- The reading direction and language of Alfakit's content only: the host layout around it\n       (sidebar, header) and the app's own pages keep the document's. -->\n  <div\n    data-slot=\"starter-kit-root\"\n    :dir=\"page.props.alfakit?.localization?.direction ?? 'ltr'\"\n    :lang=\"page.props.alfakit?.localization?.tag\"\n    class=\"contents\"\n  >\n    <AlfakitRoot :toaster-id=\"STARTER_KIT_TOASTER_ID\">\n      <slot />\n      <!-- The debug panel's button lives in AlfaKit's top bar, which a starter kit doesn't\n           render: float it in the corner (nothing without `alfakitDebug`). -->\n      <div data-slot=\"starter-kit-debug-panel\" class=\"fixed end-16 bottom-4 z-40\">\n        <DebugPanelSlot />\n      </div>\n    </AlfakitRoot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;EAqBA,IAAMe,IAAUC,EAAkBhB,EAAM,WAAW,CAAC,CAAC,GAC/CkB,IAAOC,EAA0B;SAEvCC,EAAeL,CAAO,GAGtBM,QACQH,EAAK,MAAM,SAAS,YACzB,MAAc;GACb,AAAII,KACFP,EAAQ,QAAQ,aAAa;IAAE,QAAQO,EAAU,UAAU;IAAI,OAAOA,EAAU,SAAS;GAAG,CAAC;EAEjG,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAEAC,QAAgB;GAOd,AANAC,GACG,MAAiBC,EAAUC,CAAY,IACvC,GAAK,GAAc,MAAaX,EAAQ,WAAW,EAAEY,GAAKC,GAAcC,CAAQ,CACnF,GACAC,EAAaC,CAAsB,GAEnCV,QACQH,EAAK,QACV,MAAUc,EAAmBC,CAAyB,GACvD,EAAE,WAAW,GAAK,CACpB;EACF,CAAC,GAEDC,QAAkB;GAGhB,AADAF,EAAmB,IAAI,GACvBF,EAAa,KAAA,CAAS;EACxB,CAAC,cAMC7B,EAAA,GAAAC,EAcM,OAAA;GAbJ,aAAU;GACT,KAAKC,EAAAe,CAAA,CAAI,CAAC,MAAM,SAAS,cAAc,aAAS;GAChD,MAAMf,EAAAe,CAAA,CAAI,CAAC,MAAM,SAAS,cAAc;GACzC,OAAM;EAENd,GAAAA,CAAAA,EAOcC,GAAA,EAPA,cAAYF,EAAA4B,CAAA,EAAsB,GAAA;GAC9C,SAAAzB,QAAQ,CAARC,EAAQkC,EAAA,QAAA,SAAA,GAGRjC,EAEM,OAFNK,GAEM,CADJT,EAAkBK,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/starter-kit/index.d.ts

@@ -3,5 +3,5 @@ export { AlfakitWidgets } from './dashboard-widgets';
 export { useAlfakitNavigation, type AlfakitNavigation } from './navigation';
 export { createStarterKitPage, type StarterKitPageOptions } from './starter-kit';
 export { default as StarterKitContentLayout } from './StarterKitContentLayout.vue';
-export { AlfakitCopilot, AlfakitNotifications, AlfakitSearch, AlfakitTenantSwitcher, } from './widgets';
+export { AlfakitCopilot, AlfakitLanguageSwitcher, AlfakitNotifications, AlfakitSearch, AlfakitTenantSwitcher, } from './widgets';
 //# sourceMappingURL=index.d.ts.map

package/dist/starter-kit/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/starter-kit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EACL,cAAc,EACd,oBAAoB,EACpB,aAAa,EACb,qBAAqB,GACtB,MAAM,WAAW,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/starter-kit/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,MAAM,6BAA6B,CAAA;AAC9E,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAA;AACpD,OAAO,EAAE,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,cAAc,CAAA;AAC3E,OAAO,EAAE,oBAAoB,EAAE,KAAK,qBAAqB,EAAE,MAAM,eAAe,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,uBAAuB,EAAE,MAAM,+BAA+B,CAAA;AAClF,OAAO,EACL,cAAc,EACd,uBAAuB,EACvB,oBAAoB,EACpB,aAAa,EACb,qBAAqB,GACtB,MAAM,WAAW,CAAA"}

package/dist/starter-kit/index.js

@@ -3,5 +3,5 @@ import t from "./AlfakitStarterKitRoot.js";
 import { AlfakitWidgets as n } from "./dashboard-widgets.js";
 import { useAlfakitNavigation as r } from "./navigation.js";
 import { createStarterKitPage as i } from "./starter-kit.js";
-import { AlfakitCopilot as a, AlfakitNotifications as o, AlfakitSearch as s, AlfakitTenantSwitcher as c } from "./widgets/index.js";
-export { a as AlfakitCopilot, o as AlfakitNotifications, s as AlfakitSearch, t as AlfakitStarterKitRoot, c as AlfakitTenantSwitcher, n as AlfakitWidgets, e as StarterKitContentLayout, i as createStarterKitPage, r as useAlfakitNavigation };
+import { AlfakitCopilot as a, AlfakitLanguageSwitcher as o, AlfakitNotifications as s, AlfakitSearch as c, AlfakitTenantSwitcher as l } from "./widgets/index.js";
+export { a as AlfakitCopilot, o as AlfakitLanguageSwitcher, s as AlfakitNotifications, c as AlfakitSearch, t as AlfakitStarterKitRoot, l as AlfakitTenantSwitcher, n as AlfakitWidgets, e as StarterKitContentLayout, i as createStarterKitPage, r as useAlfakitNavigation };

package/dist/starter-kit/widgets/LanguageMenu.js

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

package/dist/starter-kit/widgets/LanguageMenu.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.js","names":["_sfc_main","LanguageMenu_vue_vue_type_script_setup_true_lang_default","LanguageMenu_default"],"sources":["../../../src/starter-kit/widgets/LanguageMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { takeRequestedStarterKitLanguages } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport LocaleOptions from '../../components/panel/LocaleOptions.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { useLocalization, useT } from '../../context'\n\n/** The loaded language button and menu, inside the widgets' context (`WidgetShell`). */\n\nconst t = useT()\nconst localization = useLocalization()\nconst open = ref(false)\n\n// A click on the trigger before the menu loaded opens it once mounted (taken per mount: the\n// header is a persistent layout, so the switcher around it outlives a language switch), a\n// frame later, as the menu closes again when it opens while focus is on the replaced button.\nonMounted(() => {\n  if (takeRequestedStarterKitLanguages()) requestAnimationFrame(() => (open.value = true))\n})\nconst label = computed(() => t('change_language', {}, 'Change language'))\n</script>\n\n<template>\n  <DropdownMenu v-model:open=\"open\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"language-switcher-trigger\"\n        :aria-label=\"label\"\n        :title=\"label\"\n        class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n      >\n        <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n        <span :lang=\"localization.tag\" :dir=\"localization.direction\" class=\"hidden sm:inline\">{{\n          localization.label\n        }}</span>\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent align=\"end\" class=\"min-w-40\">\n      <LocaleOptions />\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/LanguageMenu.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=LanguageMenu.vue.d.ts.map

package/dist/starter-kit/widgets/LanguageMenu.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LanguageMenu.vue"],"names":[],"mappings":";AA+LA,wBAKG"}

package/dist/starter-kit/widgets/LanguageMenu.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { useLocalization as e, useT as t } from "../../context.js";
+import n from "../../components/ui/DropdownMenu.js";
+import r from "../../components/ui/DropdownMenuContent.js";
+import i from "../../components/ui/DropdownMenuTrigger.js";
+import a from "../../components/panel/LocaleOptions.js";
+import { takeRequestedStarterKitLanguages as o } from "@alfakit/core";
+import { computed as s, createBlock as c, createElementVNode as l, createVNode as u, defineComponent as d, onMounted as f, openBlock as p, ref as m, toDisplayString as h, unref as g, withCtx as _ } from "vue";
+import { LanguagesIcon as v } from "@lucide/vue";
+//#region src/starter-kit/widgets/LanguageMenu.vue?vue&type=script&setup=true&lang.ts
+var y = ["aria-label", "title"], b = ["lang", "dir"], x = /*@__PURE__*/ d({
+	__name: "LanguageMenu",
+	setup(d) {
+		let x = t(), S = e(), C = m(!1);
+		f(() => {
+			o() && requestAnimationFrame(() => C.value = !0);
+		});
+		let w = s(() => x("change_language", {}, "Change language"));
+		return (e, t) => (p(), c(n, {
+			open: C.value,
+			"onUpdate:open": t[0] ||= (e) => C.value = e
+		}, {
+			default: _(() => [u(i, { "as-child": "" }, {
+				default: _(() => [l("button", {
+					type: "button",
+					"data-slot": "language-switcher-trigger",
+					"aria-label": w.value,
+					title: w.value,
+					class: "hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]"
+				}, [u(g(v), {
+					class: "size-4",
+					"aria-hidden": "true"
+				}), l("span", {
+					lang: g(S).tag,
+					dir: g(S).direction,
+					class: "hidden sm:inline"
+				}, h(g(S).label), 9, b)], 8, y)]),
+				_: 1
+			}), u(r, {
+				align: "end",
+				class: "min-w-40"
+			}, {
+				default: _(() => [u(a)]),
+				_: 1
+			})]),
+			_: 1
+		}, 8, ["open"]));
+	}
+});
+//#endregion
+export { x as default };
+
+//# sourceMappingURL=LanguageMenu.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/LanguageMenu.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageMenu.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","DropdownMenu","_withCtx","_createVNode","DropdownMenuTrigger","_createElementVNode","_unref","_toDisplayString","DropdownMenuContent","LocaleOptions","DropdownMenu_default","DropdownMenuContent_default","DropdownMenuTrigger_default","LocaleOptions_default","_hoisted_1","_hoisted_2","LanguageMenu_vue_vue_type_script_setup_true_lang_default","t","useT","localization","useLocalization","open","ref","takeRequestedStarterKitLanguages","label","computed","openBlock","createBlock","_cache","$event","withCtx","createVNode","createElementVNode","unref","LanguagesIcon","toDisplayString"],"sources":["../../../src/starter-kit/widgets/LanguageMenu.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { takeRequestedStarterKitLanguages } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed, onMounted, ref } from 'vue'\nimport LocaleOptions from '../../components/panel/LocaleOptions.vue'\nimport DropdownMenu from '../../components/ui/DropdownMenu.vue'\nimport DropdownMenuContent from '../../components/ui/DropdownMenuContent.vue'\nimport DropdownMenuTrigger from '../../components/ui/DropdownMenuTrigger.vue'\nimport { useLocalization, useT } from '../../context'\n\n/** The loaded language button and menu, inside the widgets' context (`WidgetShell`). */\n\nconst t = useT()\nconst localization = useLocalization()\nconst open = ref(false)\n\n// A click on the trigger before the menu loaded opens it once mounted (taken per mount: the\n// header is a persistent layout, so the switcher around it outlives a language switch), a\n// frame later, as the menu closes again when it opens while focus is on the replaced button.\nonMounted(() => {\n  if (takeRequestedStarterKitLanguages()) requestAnimationFrame(() => (open.value = true))\n})\nconst label = computed(() => t('change_language', {}, 'Change language'))\n</script>\n\n<template>\n  <DropdownMenu v-model:open=\"open\">\n    <DropdownMenuTrigger as-child>\n      <button\n        type=\"button\"\n        data-slot=\"language-switcher-trigger\"\n        :aria-label=\"label\"\n        :title=\"label\"\n        class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n      >\n        <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n        <span :lang=\"localization.tag\" :dir=\"localization.direction\" class=\"hidden sm:inline\">{{\n          localization.label\n        }}</span>\n      </button>\n    </DropdownMenuTrigger>\n    <DropdownMenuContent align=\"end\" class=\"min-w-40\">\n      <LocaleOptions />\n    </DropdownMenuContent>\n  </DropdownMenu>\n</template>\n"],"mappings":";;;;;;;;;;;;EAYA,IAAMkB,IAAIC,EAAK,GACTC,IAAeC,EAAgB,GAC/BC,IAAOC,EAAI,EAAK;EAKtB,QAAgB;GACd,AAAIC,EAAiC,KAAG,4BAA6B,EAAK,QAAQ,EAAK;EACzF,CAAC;EACD,IAAMC,IAAQC,QAAeR,EAAE,mBAAmB,CAAC,GAAG,iBAAiB,CAAC;oBAItElB,EAAA,GAAAC,EAkBeC,GAAA;GAlBO,MAAMoB,EAAA;GAAA,iBAAA,AAAAO,EAAA,QAAA,MAAA,EAAI,QAAAC;;GAC9B,SAAA3B,QAasB,CAbtBC,EAasBC,GAAA,EAbD,YAAA,GAAQ,GAAA;IAC3B,SAAAF,QAWS,CAXTG,EAWS,UAAA;KAVP,MAAK;KACL,aAAU;KACT,cAAYmB,EAAA;KACZ,OAAOA,EAAA;KACR,OAAM;IAENrB,GAAAA,CAAAA,EAAmDG,EAAA4B,CAAA,GAAA;KAApC,OAAM;KAAS,eAAY;IAC1C7B,CAAAA,GAAAA,EAES,QAAA;KAFF,MAAMC,EAAAa,CAAA,CAAY,CAAC;KAAM,KAAKb,EAAAa,CAAA,CAAY,CAAC;KAAW,OAAM;IACjE,GAAAZ,EAAAD,EAAAa,CAAA,CAAY,CAAC,KAAK,GAAA,GAAAJ,CAAA,CAAA,GAAA,GAAAD,CAAA,CAAA,CAAA;;GAIxBX,CAAAA,GAAAA,EAEsBK,GAAA;IAFD,OAAM;IAAM,OAAM;;IACrC,SAAAN,QAAiB,CAAjBC,EAAiBM,CAAA,CAAA,CAAA"}

package/dist/starter-kit/widgets/LanguageSwitcherTrigger.js

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

package/dist/starter-kit/widgets/LanguageSwitcherTrigger.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherTrigger.js","names":["_sfc_main","LanguageSwitcherTrigger_vue_vue_type_script_setup_true_lang_default","LanguageSwitcherTrigger_default"],"sources":["../../../src/starter-kit/widgets/LanguageSwitcherTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { requestStarterKitLanguages, type StarterKitWidgets } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\n\n/**\n * The language button until its menu has loaded: the languages icon and the current\n * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst language = computed(() => props.source.widgets.language)\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"language-switcher-trigger\"\n    :aria-label=\"language?.label\"\n    aria-haspopup=\"menu\"\n    :title=\"language?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n    @click=\"requestStarterKitLanguages()\"\n  >\n    <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span\n      v-if=\"language\"\n      :lang=\"language.current.tag\"\n      :dir=\"language.current.direction\"\n      class=\"hidden sm:inline\"\n      >{{ language.current.label }}</span\n    >\n  </button>\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/LanguageSwitcherTrigger.vue.d.ts

@@ -0,0 +1,11 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/**
+ * The language button until its menu has loaded: the languages icon and the current
+ * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.
+ */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+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=LanguageSwitcherTrigger.vue.d.ts.map

package/dist/starter-kit/widgets/LanguageSwitcherTrigger.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherTrigger.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LanguageSwitcherTrigger.vue"],"names":[],"mappings":"AAoCA,OAAO,EAA8B,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAIlF;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAqFjD,wBAMG"}

package/dist/starter-kit/widgets/LanguageSwitcherTrigger.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,32 @@
+import { requestStarterKitLanguages as e } from "@alfakit/core";
+import { computed as t, createCommentVNode as n, createElementBlock as r, createVNode as i, defineComponent as a, openBlock as o, toDisplayString as s, unref as c } from "vue";
+import { LanguagesIcon as l } from "@lucide/vue";
+//#region src/starter-kit/widgets/LanguageSwitcherTrigger.vue?vue&type=script&setup=true&lang.ts
+var u = ["aria-label", "title"], d = ["lang", "dir"], f = /*@__PURE__*/ a({
+	__name: "LanguageSwitcherTrigger",
+	props: { source: {} },
+	setup(a) {
+		let f = a, p = t(() => f.source.widgets.language);
+		return (t, a) => (o(), r("button", {
+			type: "button",
+			"data-slot": "language-switcher-trigger",
+			"aria-label": p.value?.label,
+			"aria-haspopup": "menu",
+			title: p.value?.label,
+			class: "hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]",
+			onClick: a[0] ||= (t) => c(e)()
+		}, [i(c(l), {
+			class: "size-4",
+			"aria-hidden": "true"
+		}), p.value ? (o(), r("span", {
+			key: 0,
+			lang: p.value.current.tag,
+			dir: p.value.current.direction,
+			class: "hidden sm:inline"
+		}, s(p.value.current.label), 9, d)) : n("", !0)], 8, u));
+	}
+});
+//#endregion
+export { f as default };
+
+//# sourceMappingURL=LanguageSwitcherTrigger.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/LanguageSwitcherTrigger.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LanguageSwitcherTrigger.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_unref","_createVNode","_toDisplayString","_createCommentVNode","_hoisted_1","_hoisted_2","LanguageSwitcherTrigger_vue_vue_type_script_setup_true_lang_default","props","__props","language","computed","openBlock","createElementBlock","_cache","unref","requestStarterKitLanguages","createVNode","LanguagesIcon","toDisplayString","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/LanguageSwitcherTrigger.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { requestStarterKitLanguages, type StarterKitWidgets } from '@alfakit/core'\nimport { LanguagesIcon } from '@lucide/vue'\nimport { computed } from 'vue'\n\n/**\n * The language button until its menu has loaded: the languages icon and the current\n * language in its own name (from `sm`). A click is remembered and opens the menu once loaded.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst language = computed(() => props.source.widgets.language)\n</script>\n\n<template>\n  <button\n    type=\"button\"\n    data-slot=\"language-switcher-trigger\"\n    :aria-label=\"language?.label\"\n    aria-haspopup=\"menu\"\n    :title=\"language?.label\"\n    class=\"hover:bg-accent hover:text-accent-foreground data-[state=open]:bg-accent focus-visible:ring-ring/50 inline-flex h-9 min-w-9 shrink-0 items-center justify-center gap-1.5 rounded-md px-2 text-sm font-medium outline-none focus-visible:ring-[3px]\"\n    @click=\"requestStarterKitLanguages()\"\n  >\n    <LanguagesIcon class=\"size-4\" aria-hidden=\"true\" />\n    <span\n      v-if=\"language\"\n      :lang=\"language.current.tag\"\n      :dir=\"language.current.direction\"\n      class=\"hidden sm:inline\"\n      >{{ language.current.label }}</span\n    >\n  </button>\n</template>\n"],"mappings":";;;;;;;;EASA,IAAMS,IAAQC,GAERC,IAAWC,QAAeH,EAAM,OAAO,QAAQ,QAAQ;oBAI3DT,EAAA,GAAAC,EAiBS,UAAA;GAhBP,MAAK;GACL,aAAU;GACT,cAAYU,EAAA,OAAU;GACvB,iBAAc;GACb,OAAOA,EAAA,OAAU;GAClB,OAAM;GACL,SAAK,AAAAI,EAAA,QAAA,MAAEb,EAAAe,CAAA,CAA0B,CAAA;EAElCd,GAAAA,CAAAA,EAAmDD,EAAAiB,CAAA,GAAA;GAApC,OAAM;GAAS,eAAY;EAElC,CAAA,GAAAR,EAAA,SADRX,EAAA,GAAAC,EAMC,QAAA;;GAJE,MAAMU,EAAA,MAAS,QAAQ;GACvB,KAAKA,EAAA,MAAS,QAAQ;GACvB,OAAM;EACF,GAAAP,EAAAO,EAAA,MAAS,QAAQ,KAAK,GAAA,GAAAJ,CAAA,KAAAc,EAAA,IAAA,EAAA,CAAA,GAAA,GAAAf,CAAA"}

package/dist/starter-kit/widgets/LoadedLanguageSwitcher.js

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

package/dist/starter-kit/widgets/LoadedLanguageSwitcher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedLanguageSwitcher.js","names":["_sfc_main","LoadedLanguageSwitcher_vue_vue_type_script_setup_true_lang_default","LoadedLanguageSwitcher_default"],"sources":["../../../src/starter-kit/widgets/LoadedLanguageSwitcher.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { showsLanguageSwitcher, type StarterKitWidgets } from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport LanguageMenu from './LanguageMenu.vue'\nimport LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/**\n * The panel's language menu (its languages in their own names, `LocaleOptions`): picking\n * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a\n * language switcher with two or more languages.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst visible = computed(() => showsLanguageSwitcher(panel.value?.localization, 'auth'))\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"visible\" :panel=\"panel\">\n      <LanguageMenu />\n    </WidgetShell>\n  </template>\n  <LanguageSwitcherTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":""}

package/dist/starter-kit/widgets/LoadedLanguageSwitcher.vue.d.ts

@@ -0,0 +1,12 @@
+import { type StarterKitWidgets } from '@alfakit/core';
+/**
+ * The panel's language menu (its languages in their own names, `LocaleOptions`): picking
+ * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a
+ * language switcher with two or more languages.
+ */
+type __VLS_Props = {
+    source: StarterKitWidgets;
+};
+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=LoadedLanguageSwitcher.vue.d.ts.map

package/dist/starter-kit/widgets/LoadedLanguageSwitcher.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedLanguageSwitcher.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/LoadedLanguageSwitcher.vue"],"names":[],"mappings":"AA6BA,OAAO,EAAyB,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAA;AAO7E;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,MAAM,EAAE,iBAAiB,CAAA;CAAE,CAAC;;AAwEjD,wBAMG"}

package/dist/starter-kit/widgets/LoadedLanguageSwitcher.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,28 @@
+import e from "./LanguageSwitcherTrigger.js";
+import { useWidgetsPanel as t } from "./use-widgets.js";
+import n from "./WidgetShell.js";
+import r from "./LanguageMenu.js";
+import { showsLanguageSwitcher as i } from "@alfakit/core";
+import { Fragment as a, computed as o, createBlock as s, createCommentVNode as c, createElementBlock as l, createVNode as u, defineComponent as d, openBlock as f, toRef as p, unref as m, withCtx as h } from "vue";
+//#region src/starter-kit/widgets/LoadedLanguageSwitcher.vue?vue&type=script&setup=true&lang.ts
+var g = /*@__PURE__*/ d({
+	__name: "LoadedLanguageSwitcher",
+	props: { source: {} },
+	setup(d) {
+		let g = d, _ = t(p(g, "source")), v = o(() => i(_.value?.localization, "auth"));
+		return (t, i) => m(_) ? (f(), l(a, { key: 0 }, [v.value ? (f(), s(n, {
+			key: 0,
+			panel: m(_)
+		}, {
+			default: h(() => [u(r)]),
+			_: 1
+		}, 8, ["panel"])) : c("", !0)], 64)) : (f(), s(e, {
+			key: 1,
+			source: g.source
+		}, null, 8, ["source"]));
+	}
+});
+//#endregion
+export { g as default };
+
+//# sourceMappingURL=LoadedLanguageSwitcher.vue_vue_type_script_setup_true_lang.js.map

package/dist/starter-kit/widgets/LoadedLanguageSwitcher.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"LoadedLanguageSwitcher.vue_vue_type_script_setup_true_lang.js","names":["_unref","_openBlock","_createElementBlock","_Fragment","_createBlock","WidgetShell","_withCtx","_createVNode","LanguageMenu","_createCommentVNode","LanguageSwitcherTrigger","LanguageSwitcherTrigger_default","WidgetShell_default","LanguageMenu_default","LoadedLanguageSwitcher_vue_vue_type_script_setup_true_lang_default","props","__props","panel","useWidgetsPanel","toRef","visible","computed","showsLanguageSwitcher","unref","openBlock","createElementBlock","Fragment","createBlock","withCtx","createVNode","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/LoadedLanguageSwitcher.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { showsLanguageSwitcher, type StarterKitWidgets } from '@alfakit/core'\nimport { computed, toRef } from 'vue'\nimport LanguageMenu from './LanguageMenu.vue'\nimport LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'\nimport { useWidgetsPanel } from './use-widgets'\nimport WidgetShell from './WidgetShell.vue'\n\n/**\n * The panel's language menu (its languages in their own names, `LocaleOptions`): picking\n * one posts to the panel's locale endpoint and reloads the page in it. Nothing without a\n * language switcher with two or more languages.\n */\nconst props = defineProps<{ source: StarterKitWidgets }>()\n\nconst panel = useWidgetsPanel(toRef(props, 'source'))\nconst visible = computed(() => showsLanguageSwitcher(panel.value?.localization, 'auth'))\n</script>\n\n<template>\n  <template v-if=\"panel\">\n    <WidgetShell v-if=\"visible\" :panel=\"panel\">\n      <LanguageMenu />\n    </WidgetShell>\n  </template>\n  <LanguageSwitcherTrigger v-else :source=\"props.source\" />\n</template>\n"],"mappings":";;;;;;;;;;;EAaA,IAAMe,IAAQC,GAERC,IAAQC,EAAgBC,EAAMJ,GAAO,QAAQ,CAAC,GAC9CK,IAAUC,QAAeC,EAAsBL,EAAM,OAAO,cAAc,MAAM,CAAC;mBAIrEjB,EAAAiB,CAAA,KAAhBhB,EAAA,GAAAC,EAIWC,GAAA,EAAA,KAAA,EAAA,GAAA,CAHUiB,EAAA,SAAnBnB,EAAA,GAAAG,EAEcC,GAAA;;GAFe,OAAOL,EAAAiB,CAAA;;GAClC,SAAAX,QAAgB,CAAhBC,EAAgBC,CAAA,CAAA,CAAA;;EAGpBP,GAAAA,GAAAA,CAAAA,OAAAA,CAAAA,KAAAA,EAAAA,IAAAA,EAAAA,CAAAA,GAAAA,EAAAA,MAAAA,EAAA,GAAAG,EAAyDM,GAAA;;GAAxB,QAAQK,EAAM"}

package/dist/starter-kit/widgets/index.d.ts

@@ -94,4 +94,30 @@ export declare const AlfakitCopilot: import("vue").DefineComponent<import("vue")
 }>> & Readonly<{}>, {
     panel: string | undefined;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/**
+ * The panel's language menu (`locales()`): the current language straight away, and each
+ * language in its own name once loaded. Picking one switches the panel's language (the
+ * session, the cookie and `persistLocaleUsing()`) and reloads the page, so AlfaKit pages and
+ * the header components show it; the host's own pages and `<html lang dir>` are the app's.
+ * Renders nothing for guests or with fewer than two languages.
+ */
+export declare const AlfakitLanguageSwitcher: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | null, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */
+    panel: {
+        type: PropType<string | undefined>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    panel: string | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //# sourceMappingURL=index.d.ts.map

package/dist/starter-kit/widgets/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AAqGZ;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAhCpB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAoC1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IA3C3B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA+C1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;IAtD5B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA0D1D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAnErB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAuE1D,CAAA"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/index.ts"],"names":[],"mappings":"AAMA,OAAO,EAOL,KAAK,QAAQ,EACd,MAAM,KAAK,CAAA;AA6GZ;;;;GAIG;AACH,eAAO,MAAM,aAAa;IAhCpB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAoC1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB;IA3C3B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA+C1D,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,qBAAqB;IAtD5B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EA0D1D,CAAA;AAED;;;;;GAKG;AACH,eAAO,MAAM,cAAc;IAnErB,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAuE1D,CAAA;AAED;;;;;;GAMG;AACH,eAAO,MAAM,uBAAuB;IAjF9B,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;;;;IADrD,8HAA8H;;cACrG,QAAQ,CAAC,MAAM,GAAG,SAAS,CAAC;;;;;4EAqF1D,CAAA"}

package/dist/starter-kit/widgets/index.js

@@ -1,40 +1,41 @@
 import { lazyComponent as e } from "../../lib/lazy.js";
 import t from "./CopilotTrigger.js";
-import n from "./NotificationsTrigger.js";
-import r from "./SearchTrigger.js";
-import i from "./TenantSwitcherTrigger.js";
-import { starterKitWidgets as a } from "@alfakit/core";
-import { usePage as o } from "@inertiajs/vue3";
-import { computed as s, defineAsyncComponent as c, defineComponent as l, h as u } from "vue";
+import n from "./LanguageSwitcherTrigger.js";
+import r from "./NotificationsTrigger.js";
+import i from "./SearchTrigger.js";
+import a from "./TenantSwitcherTrigger.js";
+import { starterKitWidgets as o } from "@alfakit/core";
+import { usePage as s } from "@inertiajs/vue3";
+import { computed as c, defineAsyncComponent as l, defineComponent as u, h as d } from "vue";
 //#region src/starter-kit/widgets/index.ts
-function d(e, t) {
-	let n = o();
-	return s(() => a(n.props, e(), t));
+function f(e, t) {
+	let n = s();
+	return c(() => o(n.props, e(), t));
 }
-var f = e("AlfakitLoadedSearch", () => import("./loaded.js").then((e) => e.LoadedSearch), r), p = e("AlfakitLoadedNotifications", () => import("./loaded.js").then((e) => e.LoadedNotifications), n), m = e("AlfakitLoadedTenantSwitcher", () => import("./loaded.js").then((e) => e.LoadedTenantSwitcher), i), h = e("AlfakitLoadedCopilot", () => import("./loaded.js").then((e) => e.LoadedCopilot), t), g = c(() => import("./StarterKitImpersonationBanner.js"));
-function _(e, t, n, r) {
-	return l({
+var p = e("AlfakitLoadedSearch", () => import("./loaded.js").then((e) => e.LoadedSearch), i), m = e("AlfakitLoadedNotifications", () => import("./loaded.js").then((e) => e.LoadedNotifications), r), h = e("AlfakitLoadedTenantSwitcher", () => import("./loaded.js").then((e) => e.LoadedTenantSwitcher), a), g = e("AlfakitLoadedLanguageSwitcher", () => import("./loaded.js").then((e) => e.LoadedLanguageSwitcher), n), _ = e("AlfakitLoadedCopilot", () => import("./loaded.js").then((e) => e.LoadedCopilot), t), v = l(() => import("./StarterKitImpersonationBanner.js"));
+function y(e, t, n, r) {
+	return u({
 		name: e,
 		props: { panel: {
 			type: String,
 			default: void 0
 		} },
 		setup(e) {
-			let i = d(() => e.panel, n);
+			let i = f(() => e.panel, n);
 			return () => {
-				let e = i.value, a = e?.widgets.impersonation ? u(g, { source: e }) : null;
+				let e = i.value, a = e?.widgets.impersonation ? d(v, { source: e }) : null;
 				if (!e?.widgets[n]) return a;
-				let o = u("span", {
+				let o = d("span", {
 					"data-slot": t,
 					class: "inline-flex"
-				}, [u(r, { source: e })]);
+				}, [d(r, { source: e })]);
 				return a ? [a, o] : o;
 			};
 		}
 	});
 }
-var v = _("AlfakitSearch", "starter-kit-search", "search", f), y = _("AlfakitNotifications", "starter-kit-notifications", "notifications", p), b = _("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", m), x = _("AlfakitCopilot", "starter-kit-copilot", "copilot", h);
+var b = y("AlfakitSearch", "starter-kit-search", "search", p), x = y("AlfakitNotifications", "starter-kit-notifications", "notifications", m), S = y("AlfakitTenantSwitcher", "starter-kit-tenant-switcher", "tenancy", h), C = y("AlfakitCopilot", "starter-kit-copilot", "copilot", _), w = y("AlfakitLanguageSwitcher", "starter-kit-language-switcher", "language", g);
 //#endregion
-export { x as AlfakitCopilot, y as AlfakitNotifications, v as AlfakitSearch, b as AlfakitTenantSwitcher };
+export { C as AlfakitCopilot, w as AlfakitLanguageSwitcher, x as AlfakitNotifications, b as AlfakitSearch, S as AlfakitTenantSwitcher };
 
 //# sourceMappingURL=index.js.map

package/dist/starter-kit/widgets/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","CopilotTrigger","CopilotTrigger_default","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","part","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","LoadedCopilot","StarterKitImpersonationBanner","defineAsyncComponent","headerWidget","defineComponent","source","props","value","banner","h","widget","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher","AlfakitCopilot"],"sources":["../../../src/starter-kit/widgets/index.ts"],"sourcesContent":["import {\n  starterKitWidgets,\n  type StarterKitWidgets,\n  type StarterKitWidgetsSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  h,\n  type Component,\n  type ComputedRef,\n  type PropType,\n} from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport NotificationsTrigger from './NotificationsTrigger.vue'\nimport SearchTrigger from './SearchTrigger.vue'\nimport TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'\n\n/**\n * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,\n * notifications bell and tenant switcher in the host's own header, on every page of the\n * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger\n * straight away, and load their code and the panel data once mounted (never during SSR).\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitCopilot, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n *   <AlfakitCopilot />\n * </template>\n * ```\n */\n\n/** The header components' data of a `starterKit()` panel from the shared prop, or null. */\nfunction useStarterKitWidgets(\n  panelId: () => string | undefined,\n  part: keyof StarterKitWidgetsSchema,\n): ComputedRef<StarterKitWidgets | null> {\n  const page = usePage()\n\n  return computed(() => starterKitWidgets(page.props, panelId(), part))\n}\n\nconst LoadedSearch = lazyComponent(\n  'AlfakitLoadedSearch',\n  () => import('./loaded').then((module) => module.LoadedSearch),\n  SearchTrigger,\n)\n\nconst LoadedNotifications = lazyComponent(\n  'AlfakitLoadedNotifications',\n  () => import('./loaded').then((module) => module.LoadedNotifications),\n  NotificationsTrigger,\n)\n\nconst LoadedTenantSwitcher = lazyComponent(\n  'AlfakitLoadedTenantSwitcher',\n  () => import('./loaded').then((module) => module.LoadedTenantSwitcher),\n  TenantSwitcherTrigger,\n)\n\nconst LoadedCopilot = lazyComponent(\n  'AlfakitLoadedCopilot',\n  () => import('./loaded').then((module) => module.LoadedCopilot),\n  CopilotTrigger,\n)\n\n// Only needed while impersonating: its code loads then.\nconst StarterKitImpersonationBanner = defineAsyncComponent(\n  () => import('./StarterKitImpersonationBanner.vue'),\n)\n\nfunction headerWidget(\n  name: string,\n  slot: string,\n  part: keyof Omit<StarterKitWidgetsSchema, 'endpoint' | 'impersonation'>,\n  loaded: Component,\n) {\n  return defineComponent({\n    name,\n    props: {\n      /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */\n      panel: { type: String as PropType<string | undefined>, default: undefined },\n    },\n    setup(props) {\n      const source = useStarterKitWidgets(() => props.panel, part)\n\n      return () => {\n        const value: StarterKitWidgets | null = source.value\n\n        // While impersonating, the first header component shows the banner on host pages.\n        const banner = value?.widgets.impersonation\n          ? h(StarterKitImpersonationBanner, { source: value })\n          : null\n\n        if (!value?.widgets[part]) return banner\n\n        const widget = h('span', { 'data-slot': slot, class: 'inline-flex' }, [\n          h(loaded, { source: value }),\n        ])\n\n        // A single root unless the banner shows, so attributes from the app still fall through.\n        return banner ? [banner, widget] : widget\n      }\n    },\n  })\n}\n\n/**\n * AlfaKit's command palette and global search: the search field opens it, and so do the\n * panel's key bindings (⌘K / Ctrl+K by default), registered once for the page. Renders\n * nothing for guests or without global search and a command palette.\n */\nexport const AlfakitSearch = headerWidget(\n  'AlfakitSearch',\n  'starter-kit-search',\n  'search',\n  LoadedSearch,\n)\n\n/**\n * The bell with the user's database notifications (`databaseNotifications()`), polling and\n * realtime updates as in the panel. Renders nothing for guests or without them.\n */\nexport const AlfakitNotifications = headerWidget(\n  'AlfakitNotifications',\n  'starter-kit-notifications',\n  'notifications',\n  LoadedNotifications,\n)\n\n/**\n * The tenant switcher of a tenancy panel: the current tenant inside the panel, or a menu\n * to choose one on the host's own pages. Renders nothing for guests or other panels.\n */\nexport const AlfakitTenantSwitcher = headerWidget(\n  'AlfakitTenantSwitcher',\n  'starter-kit-tenant-switcher',\n  'tenancy',\n  LoadedTenantSwitcher,\n)\n\n/**\n * The AI copilot of alfasix/alfakit-ai (`AiPlugin::copilot()`): its button and chat\n * slide-over, opened with its key bindings (`mod+j`) from any page. Renders nothing for\n * guests, without the plugin's copilot, for users who may not use it and (tenancy panels)\n * outside a tenant.\n */\nexport const AlfakitCopilot = headerWidget(\n  'AlfakitCopilot',\n  'starter-kit-copilot',\n  'copilot',\n  LoadedCopilot,\n)\n"],"mappings":";;;;;;;;;AAyCA,SAASQ,EACP,GACA,GACuC;CACvC,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAeC,EAAkBH,EAAK,OAAOI,EAAQ,GAAGC,CAAI,CAAC;AACtE;AAEA,IAAMC,IAAeC,EACnB,6BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,YAAY,GAC7DjB,CACF,GAEMkB,IAAsBF,EAC1B,oCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,mBAAmB,GACpEhB,CACF,GAEMkB,IAAuBH,EAC3B,qCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,oBAAoB,GACrEf,CACF,GAEMkB,IAAgBJ,EACpB,8BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,aAAa,GAC9Dd,CACF,GAGMkB,IAAgCC,QAC9B,OAAO,qCACf;AAEA,SAASC,EACP,GACA,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,OAAO,EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU,EAC5E;EACA,MAAM,GAAO;GACX,IAAMC,IAASjB,QAA2BkB,EAAM,OAAOZ,CAAI;GAE3D,aAAa;IACX,IAAMa,IAAkCF,EAAO,OAGzCG,IAASD,GAAO,QAAQ,gBAC1BE,EAAER,GAA+B,EAAE,QAAQM,EAAM,CAAC,IAClD;IAEJ,IAAI,CAACA,GAAO,QAAQb,IAAO,OAAOc;IAElC,IAAME,IAASD,EAAE,QAAQ;KAAE,aAAaE;KAAM,OAAO;IAAc,GAAG,CACpEF,EAAEG,GAAQ,EAAE,QAAQL,EAAM,CAAC,CAC7B,CAAC;IAGD,OAAOC,IAAS,CAACA,GAAQE,CAAM,IAAIA;GACrC;EACF;CACF,CAAC;AACH;AAOA,IAAaG,IAAgBV,EAC3B,iBACA,sBACA,UACAR,CACF,GAMamB,IAAuBX,EAClC,wBACA,6BACA,iBACAL,CACF,GAMaiB,IAAwBZ,EACnC,yBACA,+BACA,WACAJ,CACF,GAQaiB,IAAiBb,EAC5B,kBACA,uBACA,WACAH,CACF"}
+{"version":3,"file":"index.js","names":["SearchTrigger","NotificationsTrigger","TenantSwitcherTrigger","LanguageSwitcherTrigger","CopilotTrigger","CopilotTrigger_default","LanguageSwitcherTrigger_default","NotificationsTrigger_default","SearchTrigger_default","TenantSwitcherTrigger_default","useStarterKitWidgets","page","usePage","computed","starterKitWidgets","panelId","part","LoadedSearch","lazyComponent","module","LoadedNotifications","LoadedTenantSwitcher","LoadedLanguageSwitcher","LoadedCopilot","StarterKitImpersonationBanner","defineAsyncComponent","headerWidget","defineComponent","source","props","value","banner","h","widget","slot","loaded","AlfakitSearch","AlfakitNotifications","AlfakitTenantSwitcher","AlfakitCopilot","AlfakitLanguageSwitcher"],"sources":["../../../src/starter-kit/widgets/index.ts"],"sourcesContent":["import {\n  starterKitWidgets,\n  type StarterKitWidgets,\n  type StarterKitWidgetsSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport {\n  computed,\n  defineAsyncComponent,\n  defineComponent,\n  h,\n  type Component,\n  type ComputedRef,\n  type PropType,\n} from 'vue'\nimport { lazyComponent } from '../../lib/lazy'\nimport CopilotTrigger from './CopilotTrigger.vue'\nimport LanguageSwitcherTrigger from './LanguageSwitcherTrigger.vue'\nimport NotificationsTrigger from './NotificationsTrigger.vue'\nimport SearchTrigger from './SearchTrigger.vue'\nimport TenantSwitcherTrigger from './TenantSwitcherTrigger.vue'\n\n/**\n * Drop-in header components of starter kit mode (`Panel::starterKit()`): AlfaKit's search,\n * notifications bell, tenant switcher and language switcher in the host's own header, on every page of the\n * application. They read the shared `alfakitNavigation` prop, render a lightweight trigger\n * straight away, and load their code and the panel data once mounted (never during SSR).\n *\n * ```vue\n * <script setup lang=\"ts\">\n * import { AlfakitCopilot, AlfakitLanguageSwitcher, AlfakitNotifications, AlfakitSearch } from '@alfakit/vue'\n * </script>\n *\n * <template>\n *   <AlfakitSearch />\n *   <AlfakitNotifications />\n *   <AlfakitCopilot />\n *   <AlfakitLanguageSwitcher />\n * </template>\n * ```\n */\n\n/** The header components' data of a `starterKit()` panel from the shared prop, or null. */\nfunction useStarterKitWidgets(\n  panelId: () => string | undefined,\n  part: keyof StarterKitWidgetsSchema,\n): ComputedRef<StarterKitWidgets | null> {\n  const page = usePage()\n\n  return computed(() => starterKitWidgets(page.props, panelId(), part))\n}\n\nconst LoadedSearch = lazyComponent(\n  'AlfakitLoadedSearch',\n  () => import('./loaded').then((module) => module.LoadedSearch),\n  SearchTrigger,\n)\n\nconst LoadedNotifications = lazyComponent(\n  'AlfakitLoadedNotifications',\n  () => import('./loaded').then((module) => module.LoadedNotifications),\n  NotificationsTrigger,\n)\n\nconst LoadedTenantSwitcher = lazyComponent(\n  'AlfakitLoadedTenantSwitcher',\n  () => import('./loaded').then((module) => module.LoadedTenantSwitcher),\n  TenantSwitcherTrigger,\n)\n\nconst LoadedLanguageSwitcher = lazyComponent(\n  'AlfakitLoadedLanguageSwitcher',\n  () => import('./loaded').then((module) => module.LoadedLanguageSwitcher),\n  LanguageSwitcherTrigger,\n)\n\nconst LoadedCopilot = lazyComponent(\n  'AlfakitLoadedCopilot',\n  () => import('./loaded').then((module) => module.LoadedCopilot),\n  CopilotTrigger,\n)\n\n// Only needed while impersonating: its code loads then.\nconst StarterKitImpersonationBanner = defineAsyncComponent(\n  () => import('./StarterKitImpersonationBanner.vue'),\n)\n\nfunction headerWidget(\n  name: string,\n  slot: string,\n  part: keyof Omit<StarterKitWidgetsSchema, 'endpoint' | 'impersonation'>,\n  loaded: Component,\n) {\n  return defineComponent({\n    name,\n    props: {\n      /** The `starterKit()` panel to use (by default the open AlfaKit page's panel, else the first one that has this component). */\n      panel: { type: String as PropType<string | undefined>, default: undefined },\n    },\n    setup(props) {\n      const source = useStarterKitWidgets(() => props.panel, part)\n\n      return () => {\n        const value: StarterKitWidgets | null = source.value\n\n        // While impersonating, the first header component shows the banner on host pages.\n        const banner = value?.widgets.impersonation\n          ? h(StarterKitImpersonationBanner, { source: value })\n          : null\n\n        if (!value?.widgets[part]) return banner\n\n        const widget = h('span', { 'data-slot': slot, class: 'inline-flex' }, [\n          h(loaded, { source: value }),\n        ])\n\n        // A single root unless the banner shows, so attributes from the app still fall through.\n        return banner ? [banner, widget] : widget\n      }\n    },\n  })\n}\n\n/**\n * AlfaKit's command palette and global search: the search field opens it, and so do the\n * panel's key bindings (⌘K / Ctrl+K by default), registered once for the page. Renders\n * nothing for guests or without global search and a command palette.\n */\nexport const AlfakitSearch = headerWidget(\n  'AlfakitSearch',\n  'starter-kit-search',\n  'search',\n  LoadedSearch,\n)\n\n/**\n * The bell with the user's database notifications (`databaseNotifications()`), polling and\n * realtime updates as in the panel. Renders nothing for guests or without them.\n */\nexport const AlfakitNotifications = headerWidget(\n  'AlfakitNotifications',\n  'starter-kit-notifications',\n  'notifications',\n  LoadedNotifications,\n)\n\n/**\n * The tenant switcher of a tenancy panel: the current tenant inside the panel, or a menu\n * to choose one on the host's own pages. Renders nothing for guests or other panels.\n */\nexport const AlfakitTenantSwitcher = headerWidget(\n  'AlfakitTenantSwitcher',\n  'starter-kit-tenant-switcher',\n  'tenancy',\n  LoadedTenantSwitcher,\n)\n\n/**\n * The AI copilot of alfasix/alfakit-ai (`AiPlugin::copilot()`): its button and chat\n * slide-over, opened with its key bindings (`mod+j`) from any page. Renders nothing for\n * guests, without the plugin's copilot, for users who may not use it and (tenancy panels)\n * outside a tenant.\n */\nexport const AlfakitCopilot = headerWidget(\n  'AlfakitCopilot',\n  'starter-kit-copilot',\n  'copilot',\n  LoadedCopilot,\n)\n\n/**\n * The panel's language menu (`locales()`): the current language straight away, and each\n * language in its own name once loaded. Picking one switches the panel's language (the\n * session, the cookie and `persistLocaleUsing()`) and reloads the page, so AlfaKit pages and\n * the header components show it; the host's own pages and `<html lang dir>` are the app's.\n * Renders nothing for guests or with fewer than two languages.\n */\nexport const AlfakitLanguageSwitcher = headerWidget(\n  'AlfakitLanguageSwitcher',\n  'starter-kit-language-switcher',\n  'language',\n  LoadedLanguageSwitcher,\n)\n"],"mappings":";;;;;;;;;;AA2CA,SAASU,EACP,GACA,GACuC;CACvC,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAeC,EAAkBH,EAAK,OAAOI,EAAQ,GAAGC,CAAI,CAAC;AACtE;AAEA,IAAMC,IAAeC,EACnB,6BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,YAAY,GAC7DnB,CACF,GAEMoB,IAAsBF,EAC1B,oCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,mBAAmB,GACpElB,CACF,GAEMoB,IAAuBH,EAC3B,qCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,oBAAoB,GACrEjB,CACF,GAEMoB,IAAyBJ,EAC7B,uCACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,sBAAsB,GACvEhB,CACF,GAEMoB,IAAgBL,EACpB,8BACM,OAAO,cAAW,CAAC,MAAM,MAAWC,EAAO,aAAa,GAC9Df,CACF,GAGMoB,IAAgCC,QAC9B,OAAO,qCACf;AAEA,SAASC,EACP,GACA,GACA,GACA,GACA;CACA,OAAOC,EAAgB;EACrB;EACA,OAAO,EAEL,OAAO;GAAE,MAAM;GAAwC,SAAS,KAAA;EAAU,EAC5E;EACA,MAAM,GAAO;GACX,IAAMC,IAASlB,QAA2BmB,EAAM,OAAOb,CAAI;GAE3D,aAAa;IACX,IAAMc,IAAkCF,EAAO,OAGzCG,IAASD,GAAO,QAAQ,gBAC1BE,EAAER,GAA+B,EAAE,QAAQM,EAAM,CAAC,IAClD;IAEJ,IAAI,CAACA,GAAO,QAAQd,IAAO,OAAOe;IAElC,IAAME,IAASD,EAAE,QAAQ;KAAE,aAAaE;KAAM,OAAO;IAAc,GAAG,CACpEF,EAAEG,GAAQ,EAAE,QAAQL,EAAM,CAAC,CAC7B,CAAC;IAGD,OAAOC,IAAS,CAACA,GAAQE,CAAM,IAAIA;GACrC;EACF;CACF,CAAC;AACH;AAOA,IAAaG,IAAgBV,EAC3B,iBACA,sBACA,UACAT,CACF,GAMaoB,IAAuBX,EAClC,wBACA,6BACA,iBACAN,CACF,GAMakB,IAAwBZ,EACnC,yBACA,+BACA,WACAL,CACF,GAQakB,IAAiBb,EAC5B,kBACA,uBACA,WACAH,CACF,GASaiB,IAA0Bd,EACrC,2BACA,iCACA,YACAJ,CACF"}

package/dist/starter-kit/widgets/loaded.d.ts

@@ -4,6 +4,7 @@
  * Only loaded in the browser (`import('./loaded')`).
  */
 export { default as LoadedCopilot } from './LoadedCopilot.vue';
+export { default as LoadedLanguageSwitcher } from './LoadedLanguageSwitcher.vue';
 export { default as LoadedNotifications } from './LoadedNotifications.vue';
 export { default as LoadedSearch } from './LoadedSearch.vue';
 export { default as LoadedTenantSwitcher } from './LoadedTenantSwitcher.vue';

package/dist/starter-kit/widgets/loaded.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"loaded.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/loaded.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}
+{"version":3,"file":"loaded.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/loaded.ts"],"names":[],"mappings":"AAAA;;;;GAIG;AACH,OAAO,EAAE,OAAO,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAA;AAC9D,OAAO,EAAE,OAAO,IAAI,sBAAsB,EAAE,MAAM,8BAA8B,CAAA;AAChF,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,2BAA2B,CAAA;AAC1E,OAAO,EAAE,OAAO,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAA;AAC5D,OAAO,EAAE,OAAO,IAAI,oBAAoB,EAAE,MAAM,4BAA4B,CAAA"}

package/dist/starter-kit/widgets/loaded.js

@@ -1,5 +1,6 @@
 import e from "./LoadedCopilot.js";
-import t from "./LoadedNotifications.js";
-import n from "./LoadedSearch.js";
-import r from "./LoadedTenantSwitcher.js";
-export { e as LoadedCopilot, t as LoadedNotifications, n as LoadedSearch, r as LoadedTenantSwitcher };
+import t from "./LoadedLanguageSwitcher.js";
+import n from "./LoadedNotifications.js";
+import r from "./LoadedSearch.js";
+import i from "./LoadedTenantSwitcher.js";
+export { e as LoadedCopilot, t as LoadedLanguageSwitcher, n as LoadedNotifications, r as LoadedSearch, i as LoadedTenantSwitcher };