@alfakit/vue 0.1.12 → 0.1.13

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # @alfakit/vue
 
+## 0.1.13
+
+### Patch Changes
+
+- Server rendering: AlfaKit components keep the same generated ids on the server and in the browser (no hydration mismatches on tabs, collapsible sections, filters and the rich editor). Starter kit header components bring a toaster to the app's own pages.
+
 ## 0.1.12
 
 ### Patch Changes

package/dist/AlfakitRoot.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitRoot.vue.d.ts","sourceRoot":"","sources":["../src/AlfakitRoot.vue"],"names":[],"mappings":"AA8HA;;;;GAIG;AACH,yGAAyG;AACzG,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAuJ1C,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAkChD,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":"AlfakitRoot.vue.d.ts","sourceRoot":"","sources":["../src/AlfakitRoot.vue"],"names":[],"mappings":"AA+IA;;;;GAIG;AACH,yGAAyG;AACzG,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAoK1C,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAkChD,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/AlfakitRoot.vue_vue_type_script_setup_true_lang.js

@@ -1,52 +1,59 @@
 import { useAlfakit as e } from "./context.js";
-import t from "./components/actions/ActionModals.js";
-import n from "./components/ui/TooltipProvider.js";
-import r from "./components/notifications/FlashToasts.js";
-import i from "./components/notifications/RealtimeNotifications.js";
-import a from "./components/panel/ImpersonationBanner.js";
-import o from "./components/panel/PwaManager.js";
-import s from "./components/ui/Toaster.js";
-import c from "./components/dev-tools/DevToolsSlot.js";
-import l from "./components/panel/SchemaContractGuard.js";
-import { PANEL_TOAST_OFFSET as u, applyDocumentLocale as d, applyPanelTheme as f, overlayPlacementDirection as p, resolveToastPosition as m } from "@alfakit/core";
-import { usePage as h } from "@inertiajs/vue3";
-import { computed as g, createBlock as _, createCommentVNode as v, createVNode as y, defineComponent as b, openBlock as x, renderSlot as S, resolveDynamicComponent as C, unref as w, watch as T, withCtx as E } from "vue";
-import { ConfigProvider as D } from "reka-ui";
+import { startIdScope as t } from "./lib/hydration.js";
+import n from "./components/actions/ActionModals.js";
+import r from "./components/ui/TooltipProvider.js";
+import { claimToaster as i } from "./standalone/toaster-claims.js";
+import a from "./components/notifications/FlashToasts.js";
+import o from "./components/notifications/RealtimeNotifications.js";
+import s from "./components/panel/ImpersonationBanner.js";
+import c from "./components/panel/PwaManager.js";
+import l from "./components/ui/Toaster.js";
+import u from "./components/dev-tools/DevToolsSlot.js";
+import d from "./components/panel/SchemaContractGuard.js";
+import { PANEL_TOAST_OFFSET as f, applyDocumentLocale as p, applyPanelTheme as m, overlayPlacementDirection as h, resolveToastPosition as g } from "@alfakit/core";
+import { usePage as _ } from "@inertiajs/vue3";
+import { computed as v, createBlock as y, createCommentVNode as b, createVNode as x, defineComponent as S, onMounted as C, onUnmounted as w, openBlock as T, renderSlot as E, resolveDynamicComponent as D, unref as O, watch as k, withCtx as A } from "vue";
+import { ConfigProvider as j } from "reka-ui";
 //#region src/AlfakitRoot.vue?vue&type=script&setup=true&lang.ts
-var O = /*@__PURE__*/ b({
+var M = /*@__PURE__*/ S({
 	__name: "AlfakitRoot",
 	props: { toasterId: {} },
-	setup(b) {
-		let O = h(), { translator: k, registry: A } = e(), j = A.resolve("panel:impersonation-banner") ?? a, M = g(() => O.props.alfakit), N = g(() => M.value?.localization), P = g(() => N.value?.direction ?? "ltr");
-		return T(() => [M.value?.translations, N.value?.tag], ([e, t]) => {
-			M.value && (k.setTranslations(e ?? {}), k.setLocale(t ?? "en"));
+	setup(S) {
+		t();
+		let M = _(), { translator: N, registry: P } = e(), F = P.resolve("panel:impersonation-banner") ?? s, I = v(() => M.props.alfakit), L = v(() => I.value?.localization), R = v(() => L.value?.direction ?? "ltr");
+		k(() => [I.value?.translations, L.value?.tag], ([e, t]) => {
+			I.value && (N.setTranslations(e ?? {}), N.setLocale(t ?? "en"));
 		}, {
 			immediate: !0,
 			flush: "sync"
-		}), T(N, (e) => {
-			M.value?.starterKit !== !0 && d(e);
-		}, { immediate: !0 }), T(M, (e) => f(e), { immediate: !0 }), (e, a) => (x(), _(w(D), { dir: P.value }, {
-			default: E(() => [y(n, { "delay-duration": 0 }, {
-				default: E(() => [
-					y(l, { panel: M.value }, {
-						default: E(() => [S(e.$slots, "default")]),
+		}), k(L, (e) => {
+			I.value?.starterKit !== !0 && p(e);
+		}, { immediate: !0 }), k(I, (e) => m(e), { immediate: !0 });
+		let z = null;
+		return C(() => {
+			z = i();
+		}), w(() => z?.()), (e, t) => (T(), y(O(j), { dir: R.value }, {
+			default: A(() => [x(r, { "delay-duration": 0 }, {
+				default: A(() => [
+					x(d, { panel: I.value }, {
+						default: A(() => [E(e.$slots, "default")]),
 						_: 3
 					}, 8, ["panel"]),
-					y(t),
-					y(r),
-					y(i),
-					y(o),
-					y(c),
-					M.value?.impersonation ? (x(), _(C(w(j)), {
+					x(n),
+					x(a),
+					x(o),
+					x(c),
+					x(u),
+					I.value?.impersonation ? (T(), y(D(O(F)), {
 						key: 0,
-						impersonation: M.value.impersonation
-					}, null, 8, ["impersonation"])) : v("", !0),
-					y(s, {
-						id: b.toasterId,
-						position: w(m)(M.value?.toastPosition, w(p)(P.value, M.value?.starterKit)),
-						offset: w(u),
-						"mobile-offset": w(u),
-						dir: P.value,
+						impersonation: I.value.impersonation
+					}, null, 8, ["impersonation"])) : b("", !0),
+					x(l, {
+						id: S.toasterId,
+						position: O(g)(I.value?.toastPosition, O(h)(R.value, I.value?.starterKit)),
+						offset: O(f),
+						"mobile-offset": O(f),
+						dir: R.value,
 						"rich-colors": "",
 						"close-button": ""
 					}, null, 8, [
@@ -64,6 +71,6 @@ var O = /*@__PURE__*/ b({
 	}
 });
 //#endregion
-export { O as default };
+export { M as default };
 
 //# sourceMappingURL=AlfakitRoot.vue_vue_type_script_setup_true_lang.js.map

package/dist/AlfakitRoot.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitRoot.vue_vue_type_script_setup_true_lang.js","names":["ImpersonationBanner","_openBlock","_createBlock","_unref","_withCtx","_createVNode","TooltipProvider","SchemaContractGuard","_renderSlot","ActionModals","FlashToasts","RealtimeNotifications","PwaManager","DevToolsSlot","_resolveDynamicComponent","_createCommentVNode","Toaster","ActionModals_default","TooltipProvider_default","FlashToasts_default","RealtimeNotifications_default","ImpersonationBanner_default","PwaManager_default","Toaster_default","DevToolsSlot_default","SchemaContractGuard_default","AlfakitRoot_vue_vue_type_script_setup_true_lang_default","page","usePage","useAlfakit","impersonationBanner","registry","panel","computed","localization","direction","watch","translations","tag","translator","applyDocumentLocale","value","applyPanelTheme","openBlock","createBlock","unref","ConfigProvider","withCtx","createVNode","renderSlot","_ctx","resolveDynamicComponent","createCommentVNode","__props","resolveToastPosition","overlayPlacementDirection","PANEL_TOAST_OFFSET"],"sources":["../src/AlfakitRoot.vue"],"mappings":";;;;;;;;;;;;;;;;;;;EA+BA,IAAM2B,IAAOC,EAA0B,GACjC,EAAE,eAAY,gBAAaC,EAAW,GAGtCC,IAAsBC,EAAS,QAAQ,4BAA4B,KAAK/B,GAExEgC,IAAQC,QAAeN,EAAK,MAAM,OAAkD,GACpFO,IAAeD,QAAeD,EAAM,OAAO,YAAY,GACvDG,IAAYF,QAAeC,EAAa,OAAO,aAAa,KAAK;SAKvEE,QACQ,CAACJ,EAAM,OAAO,cAAcE,EAAa,OAAO,GAAG,IACxD,CAACG,GAAcC,OAAS;GACvB,AAAKN,EAAM,UAEXO,EAAW,gBAAgBF,KAAgB,CAAC,CAAC,GAC7CE,EAAW,UAAUD,KAAO,IAAI;EAClC,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAIAF,EACEF,IACC,MAAU;GACT,AAAIF,EAAM,OAAO,eAAe,MAAMQ,EAAoBC,CAAK;EACjE,GACA,EAAE,WAAW,GAAK,CACpB,GACAL,EAAMJ,IAAQ,MAAUU,EAAgBD,CAAK,GAAG,EAAE,WAAW,GAAK,CAAC,cAIjExC,EAAA,GAAAC,EAgCiBC,EAAA2C,CAAA,GAAA,EAhCA,KAAKX,EAAA,MAAS,GAAA;GAC7B,SAAA/B,QA8BkB,CA9BlBC,EA8BkBC,GAAA,EA9BA,kBAAgB,EAAC,GAAA;IACjC,SAAAF,QAEsB;KAFtBC,EAEsBE,GAAA,EAFA,OAAOyB,EAAA,MAAK,GAAA;MAChC,SAAA5B,QAAQ,CAARI,EAAQ0C,EAAA,QAAA,SAAA,CAAA,CAAA;;;KAEV7C,EAAgBI,CAAA;KAChBJ,EAAeK,CAAA;KACfL,EAAyBM,CAAA;KAEzBN,EAAcO,CAAA;KAEdP,EAAgBQ,CAAA;KAGRmB,EAAA,OAAO,iBAFf/B,EAAA,GAAAC,EAIEY,EAHKX,EAAA2B,CAAA,CAAmB,GAAA;;MAEvB,eAAeE,EAAA,MAAM;;KAExB3B,EAaEW,GAAA;MAZC,IAAIqC,EAAA;MACJ,UAAqBlD,EAAAmD,CAAA,CAAoB,CAActB,EAAA,OAAO,eAA2B7B,EAAAoD,CAAA,CAAyB,CAACpB,EAAA,OAAWH,EAAA,OAAO,UAAU,CAAA;MAM/I,QAAQ7B,EAAAqD,CAAA;MACR,iBAAerD,EAAAqD,CAAA;MACf,KAAKrB,EAAA;MACN,eAAA;MACA,gBAAA"}
+{"version":3,"file":"AlfakitRoot.vue_vue_type_script_setup_true_lang.js","names":["ImpersonationBanner","_openBlock","_createBlock","_unref","_withCtx","_createVNode","TooltipProvider","SchemaContractGuard","_renderSlot","ActionModals","FlashToasts","RealtimeNotifications","PwaManager","DevToolsSlot","_resolveDynamicComponent","_createCommentVNode","Toaster","ActionModals_default","TooltipProvider_default","FlashToasts_default","RealtimeNotifications_default","ImpersonationBanner_default","PwaManager_default","Toaster_default","DevToolsSlot_default","SchemaContractGuard_default","AlfakitRoot_vue_vue_type_script_setup_true_lang_default","page","usePage","useAlfakit","impersonationBanner","registry","panel","computed","localization","direction","watch","translations","tag","translator","applyDocumentLocale","value","applyPanelTheme","releaseToaster","onMounted","claimToaster","onUnmounted","openBlock","createBlock","unref","ConfigProvider","withCtx","createVNode","renderSlot","_ctx","resolveDynamicComponent","createCommentVNode","__props","resolveToastPosition","overlayPlacementDirection","PANEL_TOAST_OFFSET"],"sources":["../src/AlfakitRoot.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAkCA,EAAa;EAEb,IAAM2B,IAAOC,EAA0B,GACjC,EAAE,eAAY,gBAAaC,EAAW,GAGtCC,IAAsBC,EAAS,QAAQ,4BAA4B,KAAK/B,GAExEgC,IAAQC,QAAeN,EAAK,MAAM,OAAkD,GACpFO,IAAeD,QAAeD,EAAM,OAAO,YAAY,GACvDG,IAAYF,QAAeC,EAAa,OAAO,aAAa,KAAK;EAyBvE,AApBAE,QACQ,CAACJ,EAAM,OAAO,cAAcE,EAAa,OAAO,GAAG,IACxD,CAACG,GAAcC,OAAS;GACvB,AAAKN,EAAM,UAEXO,EAAW,gBAAgBF,KAAgB,CAAC,CAAC,GAC7CE,EAAW,UAAUD,KAAO,IAAI;EAClC,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAIAF,EACEF,IACC,MAAU;GACT,AAAIF,EAAM,OAAO,eAAe,MAAMQ,EAAoBC,CAAK;EACjE,GACA,EAAE,WAAW,GAAK,CACpB,GACAL,EAAMJ,IAAQ,MAAUU,EAAgBD,CAAK,GAAG,EAAE,WAAW,GAAK,CAAC;EAInE,IAAIE,IAAsC;SAE1CC,QAAgB;GACd,IAAiBC,EAAa;EAChC,CAAC,GAEDC,QAAkBH,IAAiB,CAAC,cAIlC1C,EAAA,GAAAC,EAgCiBC,EAAA+C,CAAA,GAAA,EAhCA,KAAKf,EAAA,MAAS,GAAA;GAC7B,SAAA/B,QA8BkB,CA9BlBC,EA8BkBC,GAAA,EA9BA,kBAAgB,EAAC,GAAA;IACjC,SAAAF,QAEsB;KAFtBC,EAEsBE,GAAA,EAFA,OAAOyB,EAAA,MAAK,GAAA;MAChC,SAAA5B,QAAQ,CAARI,EAAQ8C,EAAA,QAAA,SAAA,CAAA,CAAA;;;KAEVjD,EAAgBI,CAAA;KAChBJ,EAAeK,CAAA;KACfL,EAAyBM,CAAA;KAEzBN,EAAcO,CAAA;KAEdP,EAAgBQ,CAAA;KAGRmB,EAAA,OAAO,iBAFf/B,EAAA,GAAAC,EAIEY,EAHKX,EAAA2B,CAAA,CAAmB,GAAA;;MAEvB,eAAeE,EAAA,MAAM;;KAExB3B,EAaEW,GAAA;MAZC,IAAIyC,EAAA;MACJ,UAAqBtD,EAAAuD,CAAA,CAAoB,CAAc1B,EAAA,OAAO,eAA2B7B,EAAAwD,CAAA,CAAyB,CAACxB,EAAA,OAAWH,EAAA,OAAO,UAAU,CAAA;MAM/I,QAAQ7B,EAAAyD,CAAA;MACR,iBAAezD,EAAAyD,CAAA;MACf,KAAKzB,EAAA;MACN,eAAA;MACA,gBAAA"}

package/dist/eject-manifest.json

@@ -1,8 +1,8 @@
 {
   "package": "@alfakit/vue",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "adapter": "vue",
-  "generatedAt": "2026-10-26T09:54:48.222Z",
+  "generatedAt": "2026-10-26T13:11:45.431Z",
   "components": {
     "TextInput": {
       "file": "src/components/fields/TextInputField.vue",

package/dist/lib/discovery.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"discovery.d.ts","sourceRoot":"","sources":["../../src/lib/discovery.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAE9C;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,CAatF;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CACpC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,gBAAgB,GAAG,SAAS,EACrC,OAAO,GAAE,gBAAqB,GAC7B,oBAAoB,CAItB"}
+{"version":3,"file":"discovery.d.ts","sourceRoot":"","sources":["../../src/lib/discovery.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,KAAK,eAAe,EACpB,KAAK,gBAAgB,EACrB,KAAK,gBAAgB,EACtB,MAAM,eAAe,CAAA;AAEtB,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAG9C;;;GAGG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,eAAe,CAAC,YAAY,CAAC,GAAG,YAAY,CAkBtF;AAED,MAAM,WAAW,oBAAoB;IACnC,SAAS,EAAE,kBAAkB,CAAC,YAAY,CAAC,CAAA;IAC3C,UAAU,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACxC,KAAK,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;CACpC;AAED;;;GAGG;AACH,wBAAgB,kBAAkB,CAChC,OAAO,EAAE,gBAAgB,GAAG,SAAS,EACrC,OAAO,GAAE,gBAAqB,GAC7B,oBAAoB,CAItB"}

package/dist/lib/discovery.js

@@ -1,28 +1,29 @@
-import { ComponentDiscovery as e } from "@alfakit/core";
-import { defineAsyncComponent as t, defineComponent as n, h as r } from "vue";
+import { startIdScope as e } from "./hydration.js";
+import { ComponentDiscovery as t } from "@alfakit/core";
+import { defineAsyncComponent as n, defineComponent as r, h as i } from "vue";
 //#region src/lib/discovery.ts
-function i(e) {
-	let i = t({
-		loader: () => e.load(),
+function a(t) {
+	let a = n({
+		loader: () => t.load(),
 		suspensible: !1
 	});
-	return n({
-		name: `Discovered(${e.key})`,
+	return r({
+		name: `Discovered(${t.key})`,
 		inheritAttrs: !1,
-		setup(t, { attrs: n, slots: a }) {
-			let o = e.current ?? i;
-			return () => r(o, n, a);
+		setup(n, { attrs: r, slots: o }) {
+			let s = t.current ?? a;
+			return s !== a && e(), () => i(s, r, o);
 		}
 	});
 }
-function a(t, n = {}) {
-	let r = new e(t ?? {}, n);
+function o(e, n = {}) {
+	let r = new t(e ?? {}, n);
 	return {
 		discovery: r,
-		...r.map(i)
+		...r.map(a)
 	};
 }
 //#endregion
-export { a as discoverComponents, i as discoveredComponent };
+export { o as discoverComponents, a as discoveredComponent };
 
 //# sourceMappingURL=discovery.js.map

package/dist/lib/discovery.js.map

@@ -1 +1 @@
-{"version":3,"file":"discovery.js","names":["discoveredComponent","Async","defineAsyncComponent","entry","defineComponent","Loaded","h","attrs","slots","discoverComponents","discovery","ComponentDiscovery","modules","options"],"sources":["../../src/lib/discovery.ts"],"mappings":";;;AAaA,SAAgBA,EAAoB,GAAoD;CACtF,IAAMC,IAAQC,EAAqB;EAAE,cAAcC,EAAM,KAAK;EAAG,aAAa;CAAM,CAAC;CAErF,OAAOC,EAAgB;EACrB,MAAM,cAAcD,EAAM,IAAI;EAC9B,cAAc;EACd,MAAM,GAAG,EAAE,UAAO,YAAS;GAEzB,IAAME,IAASF,EAAM,WAAWF;GAEhC,aAAaK,EAAED,GAAQE,GAAOC,CAAK;EACrC;CACF,CAAC;AACH;AAYA,SAAgBC,EACd,GACA,IAA4B,CAAC,GACP;CACtB,IAAMC,IAAY,IAAIC,EAAiCC,KAAW,CAAC,GAAGC,CAAO;CAE7E,OAAO;EAAE;EAAW,GAAGH,EAAU,IAAIV,CAAmB;CAAE;AAC5D"}
+{"version":3,"file":"discovery.js","names":["discoveredComponent","Async","defineAsyncComponent","entry","defineComponent","Loaded","startIdScope","h","attrs","slots","discoverComponents","discovery","ComponentDiscovery","modules","options"],"sources":["../../src/lib/discovery.ts"],"mappings":";;;;AAcA,SAAgBA,EAAoB,GAAoD;CACtF,IAAMC,IAAQC,EAAqB;EAAE,cAAcC,EAAM,KAAK;EAAG,aAAa;CAAM,CAAC;CAErF,OAAOC,EAAgB;EACrB,MAAM,cAAcD,EAAM,IAAI;EAC9B,cAAc;EACd,MAAM,GAAG,EAAE,UAAO,YAAS;GAEzB,IAAME,IAASF,EAAM,WAAWF;GAOhC,OAFII,MAAWJ,KAAOK,EAAa,SAEtBC,EAAEF,GAAQG,GAAOC,CAAK;EACrC;CACF,CAAC;AACH;AAYA,SAAgBC,EACd,GACA,IAA4B,CAAC,GACP;CACtB,IAAMC,IAAY,IAAIC,EAAiCC,KAAW,CAAC,GAAGC,CAAO;CAE7E,OAAO;EAAE;EAAW,GAAGH,EAAU,IAAIX,CAAmB;CAAE;AAC5D"}

package/dist/lib/hydration.d.ts

@@ -4,6 +4,21 @@ import { type Ref } from 'vue';
  * the server render and hydration), then `true` for every component in that app, so
  * content rendered later draws at once (reactive). Lazily loaded parts (named icons, heavy
  * fields) render their server markup until then, whatever has loaded already.
+ *
+ * A component that hydrates server markup after the app mounted (inside an async
+ * component whose code arrived later, such as a lazily split built-in) waits for its own
+ * mount: its server markup is the fallback too (W-V3-28).
  */
 export declare function useAppMounted(): Ref<boolean>;
+/**
+ * Start a new `useId()` scope at the current component, as Vue does at an async component
+ * (its internal `markAsyncBoundary()`): ids below it are numbered from zero under a prefix
+ * that counts scopes, not the ids generated before it. So
+ * - AlfaKit's ids don't follow the host layout's (a starter kit's sidebar renders a sheet on
+ *   phones in the browser but the desktop sidebar on the server), and
+ * - a lazily split component renders the same ids whether its code was loaded before
+ *   rendering (the server after its first request) or arrives during hydration (an async
+ *   component, which starts a scope itself).
+ */
+export declare function startIdScope(): void;
 //# sourceMappingURL=hydration.d.ts.map

package/dist/lib/hydration.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../../src/lib/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AASnF;;;;;GAKG;AACH,wBAAgB,aAAa,IAAI,GAAG,CAAC,OAAO,CAAC,CAmB5C"}
+{"version":3,"file":"hydration.d.ts","sourceRoot":"","sources":["../../src/lib/hydration.ts"],"names":[],"mappings":"AAAA,OAAO,EAAuD,KAAK,GAAG,EAAE,MAAM,KAAK,CAAA;AASnF;;;;;;;;;GASG;AACH,wBAAgB,aAAa,IAAI,GAAG,CAAC,OAAO,CAAC,CAgC5C;AAED;;;;;;;;;GASG;AACH,wBAAgB,YAAY,IAAI,IAAI,CAOnC"}

package/dist/lib/hydration.js

@@ -2,16 +2,30 @@ import { getCurrentInstance as e, onMounted as t, ref as n } from "vue";
 //#region src/lib/hydration.ts
 var r = /* @__PURE__ */ new WeakMap();
 function i() {
-	let i = e()?.appContext;
-	if (!i) return n(!0);
-	let a = r.get(i);
-	a || (a = n(!1), r.set(i, a));
-	let o = a;
+	let i = e(), a = i?.appContext;
+	if (!i || !a) return n(!0);
+	let o = r.get(a);
+	o || (o = n(!1), r.set(a, o));
+	let s = o;
+	if (i.vnode.el && s.value) {
+		let e = n(!1);
+		return t(() => {
+			e.value = !0;
+		}), e;
+	}
 	return t(() => {
-		o.value = !0;
-	}), o;
+		s.value = !0;
+	}), s;
+}
+function a() {
+	let t = e(), n = t?.ids;
+	t && Array.isArray(n) && n.length === 3 && (t.ids = [
+		`${n[0]}${n[2]++}-`,
+		0,
+		0
+	]);
 }
 //#endregion
-export { i as useAppMounted };
+export { a as startIdScope, i as useAppMounted };
 
 //# sourceMappingURL=hydration.js.map

package/dist/lib/hydration.js.map

@@ -1 +1 @@
-{"version":3,"file":"hydration.js","names":["mountedApps","useAppMounted","context","getCurrentInstance","ref","mounted","flag","onMounted"],"sources":["../../src/lib/hydration.ts"],"mappings":";;AAOA,IAAMA,oBAAc,IAAI,QAAkC;AAQ1D,SAAgBC,IAA8B;CAC5C,IAAMC,IAAUC,EAAmB,CAAC,EAAE;CAGtC,IAAI,CAACD,GAAS,OAAOE,EAAI,EAAI;CAE7B,IAAIC,IAAUL,EAAY,IAAIE,CAAO;CAErC,AAAKG,MACH,IAAUD,EAAI,EAAK,GACnBJ,EAAY,IAAIE,GAASG,CAAO;CAGlC,IAAMC,IAAOD;CAKb,OAJAE,QAAgB;EACd,EAAK,QAAQ;CACf,CAAC,GAEMD;AACT"}
+{"version":3,"file":"hydration.js","names":["mountedApps","useAppMounted","instance","getCurrentInstance","context","ref","mounted","flag","own","onMounted","startIdScope","ids"],"sources":["../../src/lib/hydration.ts"],"mappings":";;AAOA,IAAMA,oBAAc,IAAI,QAAkC;AAY1D,SAAgBC,IAA8B;CAC5C,IAAMC,IAAWC,EAAmB,GAC9BC,IAAUF,GAAU;CAG1B,IAAI,CAACA,KAAY,CAACE,GAAS,OAAOC,EAAI,EAAI;CAE1C,IAAIC,IAAUN,EAAY,IAAII,CAAO;CAErC,AAAKE,MACH,IAAUD,EAAI,EAAK,GACnBL,EAAY,IAAII,GAASE,CAAO;CAGlC,IAAMC,IAAOD;CAGb,IAAIJ,EAAS,MAAM,MAAMK,EAAK,OAAO;EACnC,IAAMC,IAAMH,EAAI,EAAK;EAMrB,OAJAI,QAAgB;GACd,EAAI,QAAQ;EACd,CAAC,GAEMD;CACT;CAMA,OAJAC,QAAgB;EACd,EAAK,QAAQ;CACf,CAAC,GAEMF;AACT;AAYA,SAAgBG,IAAqB;CACnC,IAAMR,IAAWC,EAAmB,GAC9BQ,IAAMT,GAAU;CAEtB,AAAKA,KAAa,MAAM,QAAQS,CAAG,KAAKA,EAAI,WAAW,MAEvD,EAAS,MAAM;EAAC,GAAGA,EAAI,KAAK,EAAI,EAAE,GAAG;EAAI;EAAG;CAAC;AAC/C"}

package/dist/standalone/AlfakitComponent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitComponent.vue.d.ts","sourceRoot":"","sources":["../../src/standalone/AlfakitComponent.vue"],"names":[],"mappings":"AA4NA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,yBAAyB,EAC/B,MAAM,eAAe,CAAA;AAGtB,OAAO,EAA4D,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKnG,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAA;AAYnB;;;;;;;;;;;;GAYG;AACH,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,SAAS,EAAE,yBAAyB,CAAA;IACpC,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAChC,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,YAAY,EAAE,CAAC;QAAC,IAAI,EAAE,yBAAyB,CAAA;KAAE,KAAK,OAAO,CAAA;CAC1F,CAAC;AAiRF,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":"AlfakitComponent.vue.d.ts","sourceRoot":"","sources":["../../src/standalone/AlfakitComponent.vue"],"names":[],"mappings":"AAgOA,OAAO,EAKL,KAAK,YAAY,EACjB,KAAK,yBAAyB,EAC/B,MAAM,eAAe,CAAA;AAGtB,OAAO,EAA4D,KAAK,cAAc,EAAE,MAAM,KAAK,CAAA;AAKnG,OAAO,EAKL,KAAK,YAAY,EAClB,MAAM,YAAY,CAAA;AAanB;;;;;;;;;;;;GAYG;AACH,KAAK,WAAW,GAAG;IACjB,oEAAoE;IACpE,SAAS,EAAE,yBAAyB,CAAA;IACpC,uGAAuG;IACvG,UAAU,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,CAAA;IACzC,KAAK,CAAC,EAAE,cAAc,CAAC,OAAO,CAAC,CAAA;CAChC,CAAC;AAGF,KAAK,WAAW,GAAG;IACjB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,MAAM,CAAC,EAAE,MAAM,OAAO,CAAA;IACtB,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE;QAAE,MAAM,EAAE,YAAY,EAAE,CAAC;QAAC,IAAI,EAAE,yBAAyB,CAAA;KAAE,KAAK,OAAO,CAAA;CAC1F,CAAC;AAoRF,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/standalone/AlfakitComponent.vue_vue_type_script_setup_true_lang.js

@@ -1,15 +1,17 @@
 import { ALFAKIT_KEY as e, provideStandalone as t, useOptionalAlfakit as n } from "../context.js";
 import { providePageActionContext as r } from "../components/actions/action-context.js";
-import { cn as i } from "../lib/utils.js";
+import { cn as ee } from "../lib/utils.js";
+import { startIdScope as i } from "../lib/hydration.js";
 import a from "../components/actions/ActionList.js";
-import ee from "../pages/ContentBlockRenderer.js";
+import te from "../pages/ContentBlockRenderer.js";
 import o from "../components/actions/ActionModals.js";
 import s from "../components/ui/TooltipProvider.js";
-import { claimToaster as c, createStandaloneContext as l, createStandaloneRegistry as u, ensureStandaloneRuntime as d, hasToaster as f } from "./runtime.js";
+import { claimToaster as c, hasToaster as l } from "./toaster-claims.js";
+import { createStandaloneContext as u, createStandaloneRegistry as d, ensureStandaloneRuntime as f } from "./runtime.js";
 import p from "./AlfakitToaster.js";
-import { StandaloneComponentState as te, findStandalonePropName as ne, registerStandaloneProp as re, standalonePanelSchema as m } from "@alfakit/core";
-import { usePage as h } from "@inertiajs/vue3";
-import { Fragment as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createElementVNode as x, createVNode as S, defineComponent as C, normalizeClass as w, onMounted as T, onScopeDispose as E, openBlock as D, provide as ie, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, watch as P, withCtx as F } from "vue";
+import { StandaloneComponentState as m, findStandalonePropName as ne, registerStandaloneProp as re, standalonePanelSchema as h } from "@alfakit/core";
+import { usePage as g } from "@inertiajs/vue3";
+import { Fragment as _, computed as v, createBlock as y, createCommentVNode as b, createElementBlock as x, createElementVNode as S, createVNode as C, defineComponent as w, normalizeClass as T, onMounted as ie, onScopeDispose as ae, openBlock as E, provide as D, ref as O, renderList as k, renderSlot as A, resolveDynamicComponent as j, toDisplayString as M, unref as N, watch as P, withCtx as F } from "vue";
 import { ConfigProvider as I } from "reka-ui";
 //#region src/standalone/AlfakitComponent.vue?vue&type=script&setup=true&lang.ts
 var L = ["data-alfakit-component", "dir"], R = {
@@ -22,7 +24,7 @@ var L = ["data-alfakit-component", "dir"], R = {
 }, V = {
 	key: 1,
 	class: "text-muted-foreground mt-1 text-sm"
-}, H = /*@__PURE__*/ C({
+}, H = /*@__PURE__*/ w({
 	__name: "AlfakitComponent",
 	props: {
 		component: {},
@@ -35,30 +37,32 @@ var L = ["data-alfakit-component", "dir"], R = {
 			Array
 		] }
 	},
-	setup(C) {
-		let H = C, U = n(), W = h(), G = O(0), K = new te(H.component, () => G.value++), q = (e, t) => K.poll(e, t), J = (e) => K.refresh(e), Y = U ? {
+	setup(w) {
+		let H = w;
+		i();
+		let U = n(), W = g(), G = O(0), K = new m(H.component, () => G.value++), q = (e, t) => K.poll(e, t), J = (e) => K.refresh(e), Y = U ? {
 			...U,
-			actions: l({
+			actions: u({
 				action: H.component.endpoints.action,
 				modal: H.component.endpoints.modal
 			}, H.components, q).actions,
-			registry: u(H.components, U.registry),
+			registry: d(H.components, U.registry),
 			poll: q,
 			refresh: J
 		} : {
-			...l({
+			...u({
 				action: H.component.endpoints.action,
 				modal: H.component.endpoints.modal
 			}, H.components, q),
 			refresh: J
 		};
-		ie(e, Y);
-		let ae = _(() => m(H.component)), X = _(() => (G.value, K.setComponent(H.component), K.page)), Z = _(() => H.component.localization?.direction ?? "ltr"), Q = _(() => ({
+		D(e, Y);
+		let oe = v(() => h(H.component)), X = v(() => (G.value, K.setComponent(H.component), K.page)), Z = v(() => H.component.localization?.direction ?? "ltr"), Q = v(() => ({
 			token: H.component.token,
 			component: "page"
 		}));
 		t({
-			panel: ae,
+			panel: oe,
 			page: X
 		}), r(Q.value), P(() => H.component, (e) => {
 			Y.actions.setEndpoints({
@@ -70,49 +74,49 @@ var L = ["data-alfakit-component", "dir"], R = {
 			flush: "sync"
 		});
 		let $ = O(!1);
-		return typeof window < "u" && P(() => ne(W.props, H.component), (e, t, n) => n(re(e ?? null)), { immediate: !0 }), T(() => {
-			if (d(), P(() => H.component.token, () => void K.loadLazy(H.component), { immediate: !0 }), U) return;
+		return typeof window < "u" && P(() => ne(W.props, H.component), (e, t, n) => n(re(e ?? null)), { immediate: !0 }), ie(() => {
+			if (f(), P(() => H.component.token, () => void K.loadLazy(H.component), { immediate: !0 }), U) return;
 			let e = null, t = !1;
 			queueMicrotask(() => {
-				t || f() || (e = c(), $.value = !0);
-			}), E(() => {
+				t || l() || (e = c(), $.value = !0);
+			}), ae(() => {
 				t = !0, e?.();
 			});
-		}), (e, t) => (D(), v(j(N(U) ? "div" : N(I)), {
+		}), (e, t) => (E(), y(j(N(U) ? "div" : N(I)), {
 			dir: N(U) ? void 0 : Z.value,
-			class: w(N(U) ? "contents" : void 0)
+			class: T(N(U) ? "contents" : void 0)
 		}, {
-			default: F(() => [S(s, { "delay-duration": 0 }, {
+			default: F(() => [C(s, { "delay-duration": 0 }, {
 				default: F(() => [
-					x("div", {
+					S("div", {
 						"data-slot": "standalone",
 						"data-alfakit-component": H.component.class,
 						dir: Z.value,
-						class: w(N(i)("flex flex-col gap-6", H.class))
+						class: T(N(ee)("flex flex-col gap-6", H.class))
 					}, [
-						X.value.heading || X.value.headerActions?.length ? (D(), b("header", R, [x("div", z, [X.value.heading ? (D(), b("h2", B, M(X.value.heading), 1)) : y("", !0), X.value.subheading ? (D(), b("p", V, M(X.value.subheading), 1)) : y("", !0)]), X.value.headerActions && X.value.headerActions.length > 0 ? (D(), v(a, {
+						X.value.heading || X.value.headerActions?.length ? (E(), x("header", R, [S("div", z, [X.value.heading ? (E(), x("h2", B, M(X.value.heading), 1)) : b("", !0), X.value.subheading ? (E(), x("p", V, M(X.value.subheading), 1)) : b("", !0)]), X.value.headerActions && X.value.headerActions.length > 0 ? (E(), y(a, {
 							key: 0,
 							actions: X.value.headerActions,
 							context: Q.value,
 							align: "end",
 							class: "max-w-full min-w-0"
-						}, null, 8, ["actions", "context"])) : y("", !0)])) : y("", !0),
+						}, null, 8, ["actions", "context"])) : b("", !0)])) : b("", !0),
 						A(e.$slots, "header"),
 						A(e.$slots, "default", {
 							blocks: X.value.content,
 							page: H.component
-						}, () => [(D(!0), b(g, null, k(X.value.content, (e) => (D(), v(ee, {
+						}, () => [(E(!0), x(_, null, k(X.value.content, (e) => (E(), y(te, {
 							key: e.key,
 							block: e
 						}, null, 8, ["block"]))), 128))]),
 						A(e.$slots, "footer")
 					], 10, L),
-					S(o),
-					$.value ? (D(), v(p, {
+					C(o),
+					$.value ? (E(), y(p, {
 						key: 0,
 						claimed: "",
 						dir: Z.value
-					}, null, 8, ["dir"])) : y("", !0)
+					}, null, 8, ["dir"])) : b("", !0)
 				]),
 				_: 3
 			})]),

package/dist/standalone/AlfakitComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","_normalizeClass","_withCtx","_createVNode","TooltipProvider","_createElementVNode","_createElementBlock","_toDisplayString","_createCommentVNode","ActionList","_renderSlot","_Fragment","_renderList","ContentBlockRenderer","ActionModals","AlfakitToaster","ActionList_default","ContentBlockRenderer_default","ActionModals_default","TooltipProvider_default","AlfakitToaster_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AlfakitComponent_vue_vue_type_script_setup_true_lang_default","props","__props","parent","useOptionalAlfakit","inertiaPage","usePage","version","ref","state","StandaloneComponentState","poll","target","interval","refresh","targets","context","createStandaloneContext","createStandaloneRegistry","ALFAKIT_KEY","panel","computed","standalonePanelSchema","page","direction","actionContext","provideStandalone","providePageActionContext","watch","component","ownsToaster","findStandalonePropName","onCleanup","registerStandaloneProp","name","onMounted","ensureStandaloneRuntime","release","cancelled","hasToaster","claimToaster","onScopeDispose","openBlock","createBlock","resolveDynamicComponent","unref","ConfigProvider","normalizeClass","withCtx","createVNode","createElementVNode","cn","createElementBlock","toDisplayString","createCommentVNode","renderSlot","_ctx","Fragment","renderList","block"],"sources":["../../src/standalone/AlfakitComponent.vue"],"mappings":"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"}
+{"version":3,"file":"AlfakitComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_resolveDynamicComponent","_unref","_normalizeClass","_withCtx","_createVNode","TooltipProvider","_createElementVNode","_createElementBlock","_toDisplayString","_createCommentVNode","ActionList","_renderSlot","_Fragment","_renderList","ContentBlockRenderer","ActionModals","AlfakitToaster","ActionList_default","ContentBlockRenderer_default","ActionModals_default","TooltipProvider_default","AlfakitToaster_default","_hoisted_1","_hoisted_2","_hoisted_3","_hoisted_4","_hoisted_5","AlfakitComponent_vue_vue_type_script_setup_true_lang_default","props","__props","parent","useOptionalAlfakit","inertiaPage","usePage","version","ref","state","StandaloneComponentState","poll","target","interval","refresh","targets","context","createStandaloneContext","createStandaloneRegistry","ALFAKIT_KEY","panel","computed","standalonePanelSchema","page","direction","actionContext","provideStandalone","providePageActionContext","watch","component","ownsToaster","findStandalonePropName","onCleanup","registerStandaloneProp","name","onMounted","ensureStandaloneRuntime","release","cancelled","hasToaster","claimToaster","onScopeDispose","openBlock","createBlock","resolveDynamicComponent","unref","ConfigProvider","normalizeClass","withCtx","createVNode","createElementVNode","cn","createElementBlock","toDisplayString","createCommentVNode","renderSlot","_ctx","Fragment","renderList","block"],"sources":["../../src/standalone/AlfakitComponent.vue"],"mappings":"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"}

package/dist/standalone/AlfakitToaster.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,7 @@
 import { useOptionalAlfakit as e } from "../context.js";
 import { setToasterId as t } from "../components/notifications/flash-toasts.js";
-import { claimToaster as n, createStandaloneContext as r, ensureFlashToasts as i } from "./runtime.js";
+import { claimToaster as n } from "./toaster-claims.js";
+import { createStandaloneContext as r, ensureFlashToasts as i } from "./runtime.js";
 import a from "../components/ui/Toaster.js";
 import { STARTER_KIT_TOASTER_ID as o, resolveToastPosition as s } from "@alfakit/core";
 import { createBlock as c, createCommentVNode as l, defineComponent as u, onMounted as d, onUnmounted as f, openBlock as p, unref as m } from "vue";

package/dist/standalone/AlfakitToaster.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"AlfakitToaster.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Toaster","_unref","_createCommentVNode","Toaster_default","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","props","__props","context","useOptionalAlfakit","createStandaloneContext","release","onMounted","claimToaster","setToasterId","STARTER_KIT_TOASTER_ID","ensureFlashToasts","onUnmounted","openBlock","createBlock","unref","resolveToastPosition","createCommentVNode"],"sources":["../../src/standalone/AlfakitToaster.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMO,IAAQC,GAiBRC,IACJC,EAAmB,KAAKC,EAAwB;GAAE,QAAQ;GAAI,OAAO;EAAG,GAAG,KAAA,GAAW,KAAA,CAAS,GAE7FC,IAA+B;SAEnCC,QAAgB;GAOd,AANKN,EAAM,YAAS,IAAUO,EAAa,IAIvCP,EAAM,WAASQ,EAAaC,CAAsB,GAEtDC,EAAkBR,EAAQ,QAAQ;EACpC,CAAC,GAEDS,QAAkB;GAGhB,AAFAN,IAAU,GAENL,EAAM,WAASQ,EAAa,KAAA,CAAS;EAC3C,CAAC,aAKSR,EAAM,WADdP,EAAA,GAAAC,EAOEC,GAAA;;GALC,IAAIC,EAAAa,CAAA;GACJ,UAAUb,EAAAmB,CAAA,CAAoB,CAACf,EAAM,UAAUA,EAAM,GAAG;GACxD,KAAKA,EAAM;GACZ,eAAA;GACA,gBAAA"}
+{"version":3,"file":"AlfakitToaster.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","Toaster","_unref","_createCommentVNode","Toaster_default","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","props","__props","context","useOptionalAlfakit","createStandaloneContext","release","onMounted","claimToaster","setToasterId","STARTER_KIT_TOASTER_ID","ensureFlashToasts","onUnmounted","openBlock","createBlock","unref","resolveToastPosition","createCommentVNode"],"sources":["../../src/standalone/AlfakitToaster.vue"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;EAgBA,IAAMO,IAAQC,GAiBRC,IACJC,EAAmB,KAAKC,EAAwB;GAAE,QAAQ;GAAI,OAAO;EAAG,GAAG,KAAA,GAAW,KAAA,CAAS,GAE7FC,IAA+B;SAEnCC,QAAgB;GAOd,AANKN,EAAM,YAAS,IAAUO,EAAa,IAIvCP,EAAM,WAASQ,EAAaC,CAAsB,GAEtDC,EAAkBR,EAAQ,QAAQ;EACpC,CAAC,GAEDS,QAAkB;GAGhB,AAFAN,IAAU,GAENL,EAAM,WAASQ,EAAa,KAAA,CAAS;EAC3C,CAAC,aAKSR,EAAM,WADdP,EAAA,GAAAC,EAOEC,GAAA;;GALC,IAAIC,EAAAa,CAAA;GACJ,UAAUb,EAAAmB,CAAA,CAAoB,CAACf,EAAM,UAAUA,EAAM,GAAG;GACxD,KAAKA,EAAM;GACZ,eAAA;GACA,gBAAA"}

package/dist/standalone/runtime.d.ts

@@ -15,9 +15,7 @@ export declare function createStandaloneContext(endpoints: {
     action: string;
     modal: string;
 }, overrides: Record<string, AnyComponent> | undefined, poll: AlfakitContextValue['poll']): AlfakitContextValue;
-/** An `<AlfakitToaster>` (or the component that took the role) is mounted; returns a release. */
-export declare function claimToaster(): () => void;
-export declare function hasToaster(): boolean;
+export { claimToaster, hasToaster } from './toaster-claims';
 /**
  * Show the notifications the server flashed (`Notification::make()->send()`), from the
  * `flash` Inertia event after each visit and from the initial page (whose event fired

package/dist/standalone/runtime.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/standalone/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAOlB,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAYnE,2EAA2E;AAC3E,wBAAgB,uBAAuB,IAAI,IAAI,CAO9C;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,EACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,GACrC,iBAAiB,CAAC,YAAY,CAAC,CAoBjC;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,EACnD,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAChC,mBAAmB,CAsBrB;AAMD,iGAAiG;AACjG,wBAAgB,YAAY,IAAI,MAAM,IAAI,CAMzC;AAED,wBAAgB,UAAU,IAAI,OAAO,CAEpC;AAQD;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG,IAAI,CAkBjF;AAED,gFAAgF;AAChF,wBAAgB,YAAY,IAAI,OAAO,CAUtC"}
+{"version":3,"file":"runtime.d.ts","sourceRoot":"","sources":["../../src/standalone/runtime.ts"],"names":[],"mappings":"AAAA,OAAO,EAEL,iBAAiB,EAOlB,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAYnE,2EAA2E;AAC3E,wBAAgB,uBAAuB,IAAI,IAAI,CAO9C;AAED;;;GAGG;AACH,wBAAgB,wBAAwB,CACtC,SAAS,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,EACxC,IAAI,CAAC,EAAE,iBAAiB,CAAC,YAAY,CAAC,GACrC,iBAAiB,CAAC,YAAY,CAAC,CAoBjC;AAED;;;GAGG;AACH,wBAAgB,uBAAuB,CACrC,SAAS,EAAE;IAAE,MAAM,EAAE,MAAM,CAAC;IAAC,KAAK,EAAE,MAAM,CAAA;CAAE,EAC5C,SAAS,EAAE,MAAM,CAAC,MAAM,EAAE,YAAY,CAAC,GAAG,SAAS,EACnD,IAAI,EAAE,mBAAmB,CAAC,MAAM,CAAC,GAChC,mBAAmB,CAsBrB;AAKD,OAAO,EAAE,YAAY,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAA;AAQ3D;;;;;GAKG;AACH,wBAAgB,iBAAiB,CAAC,QAAQ,EAAE,iBAAiB,CAAC,YAAY,CAAC,GAAG,IAAI,CAkBjF;AAED,gFAAgF;AAChF,wBAAgB,YAAY,IAAI,OAAO,CAUtC"}

package/dist/standalone/runtime.js

@@ -1,60 +1,52 @@
 import { showToast as e } from "../components/notifications/flash-toasts.js";
 import { createDefaultRegistry as t } from "../registry.js";
 import { getStandaloneDefaults as n } from "./configure.js";
-import { ActionRunner as r, ComponentRegistry as i, FlashNotificationTracker as a, Translator as o, installPrefetchInvalidation as s, reloadOnExpiredPage as c, resolveRequestErrorNotification as l } from "@alfakit/core";
-import { router as u } from "@inertiajs/vue3";
+import { claimToaster as r, hasToaster as i } from "./toaster-claims.js";
+import { ActionRunner as a, ComponentRegistry as o, FlashNotificationTracker as s, Translator as c, installPrefetchInvalidation as l, reloadOnExpiredPage as u, resolveRequestErrorNotification as d } from "@alfakit/core";
+import { router as f } from "@inertiajs/vue3";
 //#region src/standalone/runtime.ts
-var d = typeof window > "u", f = d ? null : new o(), p = !1;
-function m() {
-	d || p || (p = !0, c(), s());
+var p = typeof window > "u", m = p ? null : new c(), h = !1;
+function g() {
+	p || h || (h = !0, u(), l());
 }
-function h(e, r) {
+function _(e, r) {
 	if (!r) return t().registerMany(n().components ?? {}).registerMany(e ?? {});
 	if (!e || Object.keys(e).length === 0) return r;
-	let a = new i();
+	let i = new o();
 	for (let e of r.types()) {
 		let t = r.resolve(e);
-		t && a.register(e, t);
+		t && i.register(e, t);
 	}
-	return a.registerMany(e);
+	return i.registerMany(e);
 }
-function g(t, n, i) {
-	let a = f ?? new o();
+function v(t, n, r) {
+	let i = m ?? new c();
 	return {
-		registry: h(n),
+		registry: _(n),
 		pages: {},
-		translator: a,
-		actions: new r({
+		translator: i,
+		actions: new a({
 			endpoints: { ...t },
 			onError: (t) => {
-				let n = l(t, null, (e, t, n) => a.t(e, t, n));
+				let n = d(t, null, (e, t, n) => i.t(e, t, n));
 				n && e(n);
 			}
 		}),
-		poll: i
+		poll: r
 	};
 }
-var _ = 0;
-function v() {
-	return _++, () => {
-		_--;
-	};
-}
-function y() {
-	return _ > 0;
-}
-var b = new a(), x = null, S = !1;
-function C(t) {
-	if (x = t, d || S) return;
-	S = !0;
+var y = new s(), b = null, x = !1;
+function S(t) {
+	if (b = t, p || x) return;
+	x = !0;
 	let n = (t) => {
 		let n = t?.alfakitNotifications;
-		for (let t of b.fresh(n)) e(t, x?.resolve(t.view ?? ""));
+		for (let t of y.fresh(n)) e(t, b?.resolve(t.view ?? ""));
 	};
-	n(w()), u.on("flash", (e) => n(e.detail.flash));
+	n(C()), f.on("flash", (e) => n(e.detail.flash));
 }
-function w() {
-	if (!d) try {
+function C() {
+	if (!p) try {
 		let e = document.querySelector("[data-page]")?.dataset.page;
 		return e ? JSON.parse(e).flash : void 0;
 	} catch {
@@ -62,6 +54,6 @@ function w() {
 	}
 }
 //#endregion
-export { v as claimToaster, g as createStandaloneContext, h as createStandaloneRegistry, C as ensureFlashToasts, m as ensureStandaloneRuntime, y as hasToaster, w as initialFlash };
+export { r as claimToaster, v as createStandaloneContext, _ as createStandaloneRegistry, S as ensureFlashToasts, g as ensureStandaloneRuntime, i as hasToaster, C as initialFlash };
 
 //# sourceMappingURL=runtime.js.map

package/dist/standalone/runtime.js.map

@@ -1 +1 @@
-{"version":3,"file":"runtime.js","names":["isServer","browserTranslator","Translator","browserReady","ensureStandaloneRuntime","reloadOnExpiredPage","installPrefetchInvalidation","createStandaloneRegistry","base","createDefaultRegistry","getStandaloneDefaults","overrides","registry","ComponentRegistry","type","component","createStandaloneContext","translator","ActionRunner","endpoints","notification","resolveRequestErrorNotification","error","key","replacements","fallback","showToast","toasters","claimToaster","hasToaster","flashTracker","FlashNotificationTracker","flashRegistry","flashListening","ensureFlashToasts","show","flashed","flash","initialFlash","router","event","page"],"sources":["../../src/standalone/runtime.ts"],"mappings":";;;;;;AAgBA,IAAMA,IAAW,OAAO,SAAW,KAI7BC,IAAoBD,IAAW,OAAO,IAAIE,EAAW,GAEvDC,IAAe;AAGnB,SAAgBC,IAAgC;CAC9C,AAAIJ,KAAYG,MAEhB,IAAe,IACfE,EAAoB,GAEpBC,EAA4B;AAC9B;AAMA,SAAgBC,EACd,GACA,GACiC;CACjC,IAAI,CAACC,GACH,OAAOC,EAAsB,CAAC,CAC3B,aAAaC,EAAsB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CACtD,aAAaC,KAAa,CAAC,CAAC;CAGjC,IAAI,CAACA,KAAa,OAAO,KAAKA,CAAS,CAAC,CAAC,WAAW,GAClD,OAAOH;CAGT,IAAMI,IAAW,IAAIC,EAAgC;CAErD,KAAK,IAAMC,KAAQN,EAAK,MAAM,GAAG;EAC/B,IAAMO,IAAYP,EAAK,QAAQM,CAAI;EAEnC,AAAIC,KAAWH,EAAS,SAASE,GAAMC,CAAS;CAClD;CAEA,OAAOH,EAAS,aAAaD,CAAS;AACxC;AAMA,SAAgBK,EACd,GACA,GACA,GACqB;CACrB,IAAMC,IAAahB,KAAqB,IAAIC,EAAW;CAEvD,OAAO;EACL,UAAUK,EAAyBI,CAAS;EAC5C,OAAO,CAAC;EACR;EACA,SAAS,IAAIO,EAAa;GACxB,WAAW,EAAE,GAAGC,EAAU;GAE1B,UAAU,MAAU;IAClB,IAAMC,IAAeC,EACnBC,GACA,OACC,GAAK,GAAc,MAAaL,EAAW,EAAEM,GAAKC,GAAcC,CAAQ,CAC3E;IAEA,AAAIL,KAAcM,EAAUN,CAAY;GAC1C;EACF,CAAC;EACD;CACF;AACF;AAIA,IAAIO,IAAW;AAGf,SAAgBC,IAA2B;CAGzC,OAFA,WAEa;EACX;CACF;AACF;AAEA,SAAgBC,IAAsB;CACpC,OAAOF,IAAW;AACpB;AAIA,IAAMG,IAAe,IAAIC,EAAyB,GAC9CC,IAAwD,MACxDC,IAAiB;AAQrB,SAAgBC,EAAkB,GAAiD;CAGjF,IAFA,IAAgBtB,GAEZZ,KAAYiC,GAAgB;CAEhC,IAAiB;CAEjB,IAAME,KAAQ,MAAmB;EAC/B,IAAMC,IAAWC,GACb;EAEJ,KAAK,IAAMjB,KAAgBU,EAAa,MAAMM,CAAO,GACnD,EAAUhB,GAAcY,GAAe,QAAQZ,EAAa,QAAQ,EAAE,CAAC;CAE3E;CAGA,AADAe,EAAKG,EAAa,CAAC,GACnBC,EAAO,GAAG,UAAU,MAAUJ,EAAKK,EAAM,OAAO,KAAK,CAAC;AACxD;AAGA,SAAgBF,IAAwB;CACtC,IAAI,IAEJ,IAAI;EACF,IAAMG,IAAO,SAAS,cAA2B,aAAa,CAAC,EAAE,QAAQ;EAEzE,OAAOA,IAAQ,KAAK,MAAMA,CAAI,CAAC,CAAyB,QAAQ,KAAA;CAClE,QAAQ;EACN;CACF;AACF"}
+{"version":3,"file":"runtime.js","names":["isServer","browserTranslator","Translator","browserReady","ensureStandaloneRuntime","reloadOnExpiredPage","installPrefetchInvalidation","createStandaloneRegistry","base","createDefaultRegistry","getStandaloneDefaults","overrides","registry","ComponentRegistry","type","component","createStandaloneContext","translator","ActionRunner","endpoints","notification","resolveRequestErrorNotification","error","key","replacements","fallback","showToast","flashTracker","FlashNotificationTracker","flashRegistry","flashListening","ensureFlashToasts","show","flashed","flash","initialFlash","router","event","page","claimToaster","hasToaster"],"sources":["../../src/standalone/runtime.ts"],"mappings":";;;;;;;AAgBA,IAAMA,IAAW,OAAO,SAAW,KAI7BC,IAAoBD,IAAW,OAAO,IAAIE,EAAW,GAEvDC,IAAe;AAGnB,SAAgBC,IAAgC;CAC9C,AAAIJ,KAAYG,MAEhB,IAAe,IACfE,EAAoB,GAEpBC,EAA4B;AAC9B;AAMA,SAAgBC,EACd,GACA,GACiC;CACjC,IAAI,CAACC,GACH,OAAOC,EAAsB,CAAC,CAC3B,aAAaC,EAAsB,CAAC,CAAC,cAAc,CAAC,CAAC,CAAC,CACtD,aAAaC,KAAa,CAAC,CAAC;CAGjC,IAAI,CAACA,KAAa,OAAO,KAAKA,CAAS,CAAC,CAAC,WAAW,GAClD,OAAOH;CAGT,IAAMI,IAAW,IAAIC,EAAgC;CAErD,KAAK,IAAMC,KAAQN,EAAK,MAAM,GAAG;EAC/B,IAAMO,IAAYP,EAAK,QAAQM,CAAI;EAEnC,AAAIC,KAAWH,EAAS,SAASE,GAAMC,CAAS;CAClD;CAEA,OAAOH,EAAS,aAAaD,CAAS;AACxC;AAMA,SAAgBK,EACd,GACA,GACA,GACqB;CACrB,IAAMC,IAAahB,KAAqB,IAAIC,EAAW;CAEvD,OAAO;EACL,UAAUK,EAAyBI,CAAS;EAC5C,OAAO,CAAC;EACR;EACA,SAAS,IAAIO,EAAa;GACxB,WAAW,EAAE,GAAGC,EAAU;GAE1B,UAAU,MAAU;IAClB,IAAMC,IAAeC,EACnBC,GACA,OACC,GAAK,GAAc,MAAaL,EAAW,EAAEM,GAAKC,GAAcC,CAAQ,CAC3E;IAEA,AAAIL,KAAcM,EAAUN,CAAY;GAC1C;EACF,CAAC;EACD;CACF;AACF;AASA,IAAMO,IAAe,IAAIC,EAAyB,GAC9CC,IAAwD,MACxDC,IAAiB;AAQrB,SAAgBC,EAAkB,GAAiD;CAGjF,IAFA,IAAgBnB,GAEZZ,KAAY8B,GAAgB;CAEhC,IAAiB;CAEjB,IAAME,KAAQ,MAAmB;EAC/B,IAAMC,IAAWC,GACb;EAEJ,KAAK,IAAMd,KAAgBO,EAAa,MAAMM,CAAO,GACnD,EAAUb,GAAcS,GAAe,QAAQT,EAAa,QAAQ,EAAE,CAAC;CAE3E;CAGA,AADAY,EAAKG,EAAa,CAAC,GACnBC,EAAO,GAAG,UAAU,MAAUJ,EAAKK,EAAM,OAAO,KAAK,CAAC;AACxD;AAGA,SAAgBF,IAAwB;CACtC,IAAI,IAEJ,IAAI;EACF,IAAMG,IAAO,SAAS,cAA2B,aAAa,CAAC,EAAE,QAAQ;EAEzE,OAAOA,IAAQ,KAAK,MAAMA,CAAI,CAAC,CAAyB,QAAQ,KAAA;CAClE,QAAQ;EACN;CACF;AACF"}

package/dist/standalone/toaster-claims.d.ts

@@ -0,0 +1,4 @@
+/** An `<AlfakitToaster>` (or the component that took the role) is mounted; returns a release. */
+export declare function claimToaster(): () => void;
+export declare function hasToaster(): boolean;
+//# sourceMappingURL=toaster-claims.d.ts.map

package/dist/standalone/toaster-claims.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster-claims.d.ts","sourceRoot":"","sources":["../../src/standalone/toaster-claims.ts"],"names":[],"mappings":"AAIA,iGAAiG;AACjG,wBAAgB,YAAY,IAAI,MAAM,IAAI,CAMzC;AAED,wBAAgB,UAAU,IAAI,OAAO,CAEpC"}

package/dist/standalone/toaster-claims.js

@@ -0,0 +1,14 @@
+//#region src/standalone/toaster-claims.ts
+var e = 0;
+function t() {
+	return e++, () => {
+		e--;
+	};
+}
+function n() {
+	return e > 0;
+}
+//#endregion
+export { t as claimToaster, n as hasToaster };
+
+//# sourceMappingURL=toaster-claims.js.map

package/dist/standalone/toaster-claims.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"toaster-claims.js","names":["toasters","claimToaster","hasToaster"],"sources":["../../src/standalone/toaster-claims.ts"],"mappings":";AAEA,IAAIA,IAAW;AAGf,SAAgBC,IAA2B;CAGzC,OAFA,WAEa;EACX;CACF;AACF;AAEA,SAAgBC,IAAsB;CACpC,OAAOF,IAAW;AACpB"}

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

@@ -6,9 +6,9 @@ import { type PanelSchema } from '@alfakit/core';
 type __VLS_Props = {
     panel: PanelSchema;
 };
-declare var __VLS_9: {};
+declare var __VLS_8: {};
 type __VLS_Slots = {} & {
-    default?: (props: typeof __VLS_9) => any;
+    default?: (props: typeof __VLS_8) => any;
 };
 declare const __VLS_component: 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>;
 declare const _default: __VLS_WithSlots<typeof __VLS_component, __VLS_Slots>;

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetShell.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/WidgetShell.vue"],"names":[],"mappings":"AAuCA,OAAO,EAAyB,KAAK,WAAW,EAAE,MAAM,eAAe,CAAA;AAOvE;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAmD1C,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":"WidgetShell.vue.d.ts","sourceRoot":"","sources":["../../../src/starter-kit/widgets/WidgetShell.vue"],"names":[],"mappings":"AAkHA,OAAO,EAML,KAAK,WAAW,EACjB,MAAM,eAAe,CAAA;AAYtB;;;GAGG;AACH,KAAK,WAAW,GAAG;IAAE,KAAK,EAAE,WAAW,CAAA;CAAE,CAAC;AAmI1C,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;AAyB/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/widgets/WidgetShell.vue_vue_type_script_setup_true_lang.js

@@ -1,33 +1,65 @@
 import { provideAlfakit as e, provideStandalone as t } from "../../context.js";
-import n from "../../components/ui/TooltipProvider.js";
-import { widgetsAlfakitContext as r } from "./use-widgets.js";
-import { starterKitWidgetsPage as i } from "@alfakit/core";
-import { computed as a, createBlock as o, createVNode as s, defineComponent as c, openBlock as l, renderSlot as u, toRef as d, unref as f, watch as p, withCtx as m } from "vue";
-import { ConfigProvider as h } from "reka-ui";
+import { setToasterId as n } from "../../components/notifications/flash-toasts.js";
+import r from "../../components/ui/TooltipProvider.js";
+import { claimToaster as i, hasToaster as a } from "../../standalone/toaster-claims.js";
+import { ensureFlashToasts as o } from "../../standalone/runtime.js";
+import s from "../../components/ui/Toaster.js";
+import { widgetsAlfakitContext as c } from "./use-widgets.js";
+import { STARTER_KIT_TOASTER_ID as l, isAlfakitPage as u, overlayPlacementDirection as d, resolveToastPosition as f, starterKitWidgetsPage as p } from "@alfakit/core";
+import { usePage as m } from "@inertiajs/vue3";
+import { Fragment as h, Teleport as g, computed as _, createBlock as v, createCommentVNode as y, createElementBlock as b, createVNode as x, defineComponent as S, onMounted as C, onUnmounted as w, openBlock as T, ref as E, renderSlot as D, toRef as O, unref as k, watch as A, withCtx as j } from "vue";
+import { ConfigProvider as M } from "reka-ui";
 //#region src/starter-kit/widgets/WidgetShell.vue?vue&type=script&setup=true&lang.ts
-var g = /*@__PURE__*/ c({
+var N = /*@__PURE__*/ S({
 	__name: "WidgetShell",
 	props: { panel: {} },
-	setup(c) {
-		let g = c, _ = r(), v = a(() => i());
-		return e(_), t({
-			panel: d(g, "panel"),
-			page: v
-		}), p(() => [g.panel.translations, g.panel.localization?.tag], ([e, t]) => {
-			_.translator.setTranslations(e ?? {}), _.translator.setLocale(t ?? "en");
+	setup(S) {
+		let N = S, P = c(), F = _(() => p());
+		e(P), t({
+			panel: O(N, "panel"),
+			page: F
+		}), A(() => [N.panel.translations, N.panel.localization?.tag], ([e, t]) => {
+			P.translator.setTranslations(e ?? {}), P.translator.setLocale(t ?? "en");
 		}, {
 			immediate: !0,
 			flush: "sync"
-		}), (e, t) => (l(), o(f(h), { dir: g.panel.localization?.direction ?? "ltr" }, {
-			default: m(() => [s(n, { "delay-duration": 0 }, {
-				default: m(() => [u(e.$slots, "default")]),
+		});
+		let I = m(), L = _(() => u(I.props)), R = E(!1), z = _(() => d(N.panel.localization?.direction ?? "ltr", !0)), B = null, V = 0;
+		function H() {
+			V++, B && (B(), n(void 0)), B = null, R.value = !1;
+		}
+		function U() {
+			if (H(), L.value) return;
+			let e = V;
+			queueMicrotask(() => {
+				e !== V || a() || (B = i(), R.value = !0, n(l), o(P.registry));
+			});
+		}
+		return C(() => {
+			U(), A(L, U);
+		}), w(H), (e, t) => (T(), b(h, null, [x(k(M), { dir: N.panel.localization?.direction ?? "ltr" }, {
+			default: j(() => [x(r, { "delay-duration": 0 }, {
+				default: j(() => [D(e.$slots, "default")]),
 				_: 3
 			})]),
 			_: 3
-		}, 8, ["dir"]));
+		}, 8, ["dir"]), R.value ? (T(), v(g, {
+			key: 0,
+			to: "body"
+		}, [x(s, {
+			id: k(l),
+			position: k(f)(N.panel.toastPosition, z.value),
+			dir: z.value,
+			"rich-colors": "",
+			"close-button": ""
+		}, null, 8, [
+			"id",
+			"position",
+			"dir"
+		])])) : y("", !0)], 64));
 	}
 });
 //#endregion
-export { g as default };
+export { N as default };
 
 //# sourceMappingURL=WidgetShell.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"WidgetShell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","_unref","_withCtx","_createVNode","TooltipProvider","_renderSlot","TooltipProvider_default","WidgetShell_vue_vue_type_script_setup_true_lang_default","props","__props","context","widgetsAlfakitContext","page","computed","starterKitWidgetsPage","provideAlfakit","provideStandalone","toRef","watch","translations","tag","openBlock","createBlock","unref","ConfigProvider","withCtx","createVNode","renderSlot","_ctx"],"sources":["../../../src/starter-kit/widgets/WidgetShell.vue"],"mappings":";;;;;;;;;;;EAYA,IAAMS,IAAQC,GAERC,IAAUC,EAAsB,GAChCC,IAAOC,QAAeC,EAAsB,CAAC;SAEnDC,EAAeL,CAAO,GACtBM,EAAkB;GAAE,OAAOC,EAAMT,GAAO,OAAO;GAAG;EAAK,CAAC,GAExDU,QACQ,CAACV,EAAM,MAAM,cAAcA,EAAM,MAAM,cAAc,GAAG,IAC7D,CAACW,GAAcC,OAAS;GAEvB,AADAV,EAAQ,WAAW,gBAAgBS,KAAgB,CAAC,CAAC,GACrDT,EAAQ,WAAW,UAAUU,KAAO,IAAI;EAC1C,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,cAIErB,EAAA,GAAAC,EAIiBC,EAAAuB,CAAA,GAAA,EAJA,KAAKhB,EAAM,MAAM,cAAc,aAAS,MAAA,GAAA;GACvD,SAAAN,QAEkB,CAFlBC,EAEkBC,GAAA,EAFA,kBAAgB,EAAC,GAAA;IACjC,SAAAF,QAAQ,CAARG,EAAQuB,EAAA,QAAA,SAAA,CAAA,CAAA"}
+{"version":3,"file":"WidgetShell.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createElementBlock","_Fragment","_createVNode","_unref","_withCtx","TooltipProvider","_renderSlot","_createBlock","_Teleport","Toaster","_createCommentVNode","TooltipProvider_default","Toaster_default","WidgetShell_vue_vue_type_script_setup_true_lang_default","props","__props","context","widgetsAlfakitContext","page","computed","starterKitWidgetsPage","provideAlfakit","provideStandalone","toRef","watch","translations","tag","inertiaPage","usePage","alfakitPage","isAlfakitPage","ownsToaster","ref","placement","overlayPlacementDirection","releaseToaster","check","releaseHostToaster","setToasterId","claimHostToaster","current","hasToaster","claimToaster","STARTER_KIT_TOASTER_ID","ensureFlashToasts","onMounted","onUnmounted","openBlock","createElementBlock","Fragment","createVNode","unref","ConfigProvider","withCtx","renderSlot","_ctx","createBlock","Teleport","resolveToastPosition","createCommentVNode"],"sources":["../../../src/starter-kit/widgets/WidgetShell.vue"],"mappings":";;;;;;;;;;;;;;;;EAwBA,IAAMe,IAAQC,GAERC,IAAUC,EAAsB,GAChCC,IAAOC,QAAeC,EAAsB,CAAC;EAKnD,AAHAC,EAAeL,CAAO,GACtBM,EAAkB;GAAE,OAAOC,EAAMT,GAAO,OAAO;GAAG;EAAK,CAAC,GAExDU,QACQ,CAACV,EAAM,MAAM,cAAcA,EAAM,MAAM,cAAc,GAAG,IAC7D,CAACW,GAAcC,OAAS;GAEvB,AADAV,EAAQ,WAAW,gBAAgBS,KAAgB,CAAC,CAAC,GACrDT,EAAQ,WAAW,UAAUU,KAAO,IAAI;EAC1C,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC;EAQA,IAAMC,IAAcC,EAAQ,GACtBC,IAAcV,QAAeW,EAAcH,EAAY,KAAK,CAAC,GAC7DI,IAAcC,EAAI,EAAK,GACvBC,IAAYd,QAChBe,EAA0BpB,EAAM,MAAM,cAAc,aAAa,OAAO,EAAI,CAC9E,GACIqB,IAAsC,MACtCC,IAAQ;EAEZ,SAASC,IAA2B;GASlC,AARA,KAEIF,MACFA,EAAe,GACfG,EAAa,KAAA,CAAS,IAGxB,IAAiB,MACjB,EAAY,QAAQ;EACtB;EAEA,SAASC,IAAyB;GAGhC,IAFAF,EAAmB,GAEfR,EAAY,OAAO;GAEvB,IAAMW,IAAUJ;GAEhB,qBAAqB;IACnB,AAAII,MAAYJ,KAASK,EAAW,MAEpC,IAAiBC,EAAa,GAC9B,EAAY,QAAQ,IAEpBJ,EAAaK,CAAsB,GACnCC,EAAkB5B,EAAQ,QAAQ;GACpC,CAAC;EACH;SAEA6B,QAAgB;GAEd,AADAN,EAAiB,GACjBf,EAAMK,GAAaU,CAAgB;EACrC,CAAC,GAEDO,EAAYT,CAAkB,cAI5BnC,EAAAA,GAAAA,EAAAA,GAAAA,MAAAA,CAAAA,EAIiBC,EAAAiD,CAAA,GAAA,EAJA,KAAKtC,EAAM,MAAM,cAAc,aAAS,MAAA,GAAA;GACvD,SAAAV,QAEkB,CAFlBF,EAEkBG,GAAA,EAFA,kBAAgB,EAAC,GAAA;IACjC,SAAAD,QAAQ,CAARE,EAAQiD,EAAA,QAAA,SAAA,CAAA,CAAA;;;;EAKI,GAAA,GAAA,CAAA,KAAA,CAAA,GAAAxB,EAAA,SAAhBhC,EAAA,GAAAQ,EAQWC,GAAA;;GARkB,IAAG;EAC9BN,GAAAA,CAAAA,EAMEO,GAAA;GALC,IAAIN,EAAAwC,CAAA;GACJ,UAAUxC,EAAAuD,CAAA,CAAoB,CAAC5C,EAAM,MAAM,eAAemB,EAAA,KAAS;GACnE,KAAKA,EAAA;GACN,eAAA;GACA,gBAAA"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfakit/vue",
-  "version": "0.1.12",
+  "version": "0.1.13",
   "description": "Vue 3 + shadcn-vue renderer for Alfakit, the Laravel admin panel builder by Alfa Six.",
   "license": "MIT",
   "author": "Alfa Six (https://alfasixbh.com)",
@@ -96,7 +96,7 @@
     "reka-ui": "^2.11.0",
     "tailwind-merge": "^3.7.0",
     "vue-sonner": "^2.0.9",
-    "@alfakit/core": "0.1.12"
+    "@alfakit/core": "0.1.13"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^3.0.0",

package/src/AlfakitRoot.vue

@@ -9,7 +9,7 @@ import {
 } from '@alfakit/core'
 import { usePage } from '@inertiajs/vue3'
 import { ConfigProvider } from 'reka-ui'
-import { computed, watch } from 'vue'
+import { computed, onMounted, onUnmounted, watch } from 'vue'
 import ActionModals from './components/actions/ActionModals.vue'
 import DevToolsSlot from './components/dev-tools/DevToolsSlot.vue'
 import FlashToasts from './components/notifications/FlashToasts.vue'
@@ -20,6 +20,8 @@ import SchemaContractGuard from './components/panel/SchemaContractGuard.vue'
 import Toaster from './components/ui/Toaster.vue'
 import TooltipProvider from './components/ui/TooltipProvider.vue'
 import { useAlfakit } from './context'
+import { startIdScope } from './lib/hydration'
+import { claimToaster } from './standalone/toaster-claims'
 
 /**
  * Persistent layout rendered inside Inertia's page tree, so modals and toasts can read page
@@ -29,6 +31,9 @@ import { useAlfakit } from './context'
 /** Starter kit mode: Alfakit's toaster gets an id so the host's id-less one never doubles its toasts. */
 defineProps<{ toasterId?: string }>()
 
+// Reka's ids inside AlfaKit don't depend on the host layout's (W-V2-13).
+startIdScope()
+
 const page = usePage<AlfakitPageProps>()
 const { translator, registry } = useAlfakit()
 
@@ -63,6 +68,16 @@ watch(
   { immediate: true },
 )
 watch(panel, (value) => applyPanelTheme(value), { immediate: true })
+
+// This root renders the toaster: starter kit header components and standalone components
+// on the same page don't mount a second one.
+let releaseToaster: (() => void) | null = null
+
+onMounted(() => {
+  releaseToaster = claimToaster()
+})
+
+onUnmounted(() => releaseToaster?.())
 </script>
 
 <template>

package/src/lib/discovery.ts

@@ -6,6 +6,7 @@ import {
 } from '@alfakit/core'
 import { defineAsyncComponent, defineComponent, h } from 'vue'
 import type { AnyComponent } from '../context'
+import { startIdScope } from './hydration'
 
 /**
  * A discovered component: rendered straight away once its code has loaded (the pages that
@@ -21,6 +22,11 @@ export function discoveredComponent(entry: DiscoveredEntry<AnyComponent>): AnyCo
       // Chosen once per mount, so loading never remounts a field.
       const Loaded = entry.current ?? Async
 
+      // The async component starts an id scope; a loaded one starts the same, so the server
+      // (which keeps loaded code between requests) and a hydrating browser that still loads
+      // it number Reka's ids alike (W-V2-13, W-V3-28).
+      if (Loaded !== Async) startIdScope()
+
       return () => h(Loaded, attrs, slots)
     },
   })

package/src/lib/hydration.ts

@@ -12,12 +12,17 @@ const mountedApps = new WeakMap<AppContext, Ref<boolean>>()
  * the server render and hydration), then `true` for every component in that app, so
  * content rendered later draws at once (reactive). Lazily loaded parts (named icons, heavy
  * fields) render their server markup until then, whatever has loaded already.
+ *
+ * A component that hydrates server markup after the app mounted (inside an async
+ * component whose code arrived later, such as a lazily split built-in) waits for its own
+ * mount: its server markup is the fallback too (W-V3-28).
  */
 export function useAppMounted(): Ref<boolean> {
-  const context = getCurrentInstance()?.appContext
+  const instance = getCurrentInstance()
+  const context = instance?.appContext
 
   // Outside a component there is no hydration to wait for.
-  if (!context) return ref(true)
+  if (!instance || !context) return ref(true)
 
   let mounted = mountedApps.get(context)
 
@@ -27,9 +32,40 @@ export function useAppMounted(): Ref<boolean> {
   }
 
   const flag = mounted
+
+  // Hydration hands each component its server element before setup runs.
+  if (instance.vnode.el && flag.value) {
+    const own = ref(false)
+
+    onMounted(() => {
+      own.value = true
+    })
+
+    return own
+  }
+
   onMounted(() => {
     flag.value = true
   })
 
   return flag
 }
+
+/**
+ * Start a new `useId()` scope at the current component, as Vue does at an async component
+ * (its internal `markAsyncBoundary()`): ids below it are numbered from zero under a prefix
+ * that counts scopes, not the ids generated before it. So
+ * - AlfaKit's ids don't follow the host layout's (a starter kit's sidebar renders a sheet on
+ *   phones in the browser but the desktop sidebar on the server), and
+ * - a lazily split component renders the same ids whether its code was loaded before
+ *   rendering (the server after its first request) or arrives during hydration (an async
+ *   component, which starts a scope itself).
+ */
+export function startIdScope(): void {
+  const instance = getCurrentInstance() as { ids?: [string, number, number] } | null
+  const ids = instance?.ids
+
+  if (!instance || !Array.isArray(ids) || ids.length !== 3) return
+
+  instance.ids = [`${ids[0]}${ids[2]++}-`, 0, 0]
+}

package/src/standalone/AlfakitComponent.vue

@@ -21,6 +21,7 @@ import {
   type AlfakitContextValue,
   type AnyComponent,
 } from '../context'
+import { startIdScope } from '../lib/hydration'
 import { cn } from '../lib/utils'
 import ContentBlockRenderer from '../pages/ContentBlockRenderer.vue'
 import AlfakitToaster from './AlfakitToaster.vue'
@@ -59,6 +60,9 @@ defineSlots<{
   default?: (props: { blocks: ContentBlock[]; page: StandaloneComponentSchema }) => unknown
 }>()
 
+// Reka's ids inside the component don't depend on the host page's (W-V2-13).
+startIdScope()
+
 const parent = useOptionalAlfakit()
 const inertiaPage = usePage()
 

package/src/standalone/runtime.ts

@@ -95,20 +95,8 @@ export function createStandaloneContext(
 
 // ---------------------------------------------------------------- Toaster ownership
 
-let toasters = 0
-
-/** An `<AlfakitToaster>` (or the component that took the role) is mounted; returns a release. */
-export function claimToaster(): () => void {
-  toasters++
-
-  return () => {
-    toasters--
-  }
-}
-
-export function hasToaster(): boolean {
-  return toasters > 0
-}
+// In a module of its own: the starter kit header components check it without loading this one.
+export { claimToaster, hasToaster } from './toaster-claims'
 
 // ---------------------------------------------------------------- Flashed notifications
 

package/src/standalone/toaster-claims.ts

@@ -0,0 +1,16 @@
+// Who renders AlfaKit's toaster on the page: `<AlfakitToaster>`, `AlfakitRoot`, the first
+// standalone component or the starter kit header components on the host's own pages.
+let toasters = 0
+
+/** An `<AlfakitToaster>` (or the component that took the role) is mounted; returns a release. */
+export function claimToaster(): () => void {
+  toasters++
+
+  return () => {
+    toasters--
+  }
+}
+
+export function hasToaster(): boolean {
+  return toasters > 0
+}

package/src/starter-kit/widgets/WidgetShell.vue

@@ -1,9 +1,21 @@
 <script setup lang="ts">
-import { starterKitWidgetsPage, type PanelSchema } from '@alfakit/core'
+import {
+  isAlfakitPage,
+  overlayPlacementDirection,
+  resolveToastPosition,
+  STARTER_KIT_TOASTER_ID,
+  starterKitWidgetsPage,
+  type PanelSchema,
+} from '@alfakit/core'
+import { usePage } from '@inertiajs/vue3'
 import { ConfigProvider } from 'reka-ui'
-import { computed, toRef, watch } from 'vue'
+import { computed, onMounted, onUnmounted, ref, toRef, watch } from 'vue'
+import { setToasterId } from '../../components/notifications/flash-toasts'
+import Toaster from '../../components/ui/Toaster.vue'
 import TooltipProvider from '../../components/ui/TooltipProvider.vue'
 import { provideAlfakit, provideStandalone } from '../../context'
+import { ensureFlashToasts } from '../../standalone/runtime'
+import { claimToaster, hasToaster } from '../../standalone/toaster-claims'
 import { widgetsAlfakitContext } from './use-widgets'
 
 /**
@@ -26,6 +38,58 @@ watch(
   },
   { immediate: true, flush: 'sync' },
 )
+
+/**
+ * On the host's own pages no AlfaKit toaster is mounted, so the first loaded header
+ * component renders one: the push toggle's and the PWA's messages show there too (W-S1-03).
+ * AlfaKit pages (`AlfakitRoot`) and standalone components claim it themselves; the check
+ * runs after every component mounted, and again after each visit.
+ */
+const inertiaPage = usePage()
+const alfakitPage = computed(() => isAlfakitPage(inertiaPage.props))
+const ownsToaster = ref(false)
+const placement = computed(() =>
+  overlayPlacementDirection(props.panel.localization?.direction ?? 'ltr', true),
+)
+let releaseToaster: (() => void) | null = null
+let check = 0
+
+function releaseHostToaster(): void {
+  check++
+
+  if (releaseToaster) {
+    releaseToaster()
+    setToasterId(undefined)
+  }
+
+  releaseToaster = null
+  ownsToaster.value = false
+}
+
+function claimHostToaster(): void {
+  releaseHostToaster()
+
+  if (alfakitPage.value) return
+
+  const current = check
+
+  queueMicrotask(() => {
+    if (current !== check || hasToaster()) return
+
+    releaseToaster = claimToaster()
+    ownsToaster.value = true
+    // As `<AlfakitToaster>`: Alfakit's toasts and flashed notifications go to this one.
+    setToasterId(STARTER_KIT_TOASTER_ID)
+    ensureFlashToasts(context.registry)
+  })
+}
+
+onMounted(() => {
+  claimHostToaster()
+  watch(alfakitPage, claimHostToaster)
+})
+
+onUnmounted(releaseHostToaster)
 </script>
 
 <template>
@@ -34,4 +98,15 @@ watch(
       <slot />
     </TooltipProvider>
   </ConfigProvider>
+  <!-- In the body, not in the header (a header with a backdrop filter would hold its fixed
+       position), placed in the document's direction as on AlfaKit pages. -->
+  <Teleport v-if="ownsToaster" to="body">
+    <Toaster
+      :id="STARTER_KIT_TOASTER_ID"
+      :position="resolveToastPosition(props.panel.toastPosition, placement)"
+      :dir="placement"
+      rich-colors
+      close-button
+    />
+  </Teleport>
 </template>