@alfakit/vue 0.1.8 → 0.1.10

package/dist/standalone/AlfakitComponent.vue_vue_type_script_setup_true_lang.js

@@ -6,10 +6,10 @@ import ee 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 te from "./AlfakitToaster.js";
-import { StandaloneComponentState as ne, findStandalonePropName as p, registerStandaloneProp as m, 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 re, onScopeDispose as ie, 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 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 { 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 +22,7 @@ var L = ["data-alfakit-component", "dir"], R = {
 }, V = {
 	key: 1,
 	class: "text-muted-foreground mt-1 text-sm"
-}, H = /*@__PURE__*/ w({
+}, H = /*@__PURE__*/ C({
 	__name: "AlfakitComponent",
 	props: {
 		component: {},
@@ -35,9 +35,13 @@ var L = ["data-alfakit-component", "dir"], R = {
 			Array
 		] }
 	},
-	setup(w) {
-		let H = w, U = n(), W = g(), G = O(0), K = new ne(H.component, () => G.value++), q = (e, t) => K.poll(e, t), J = (e) => K.refresh(e), Y = U ? {
+	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 ? {
 			...U,
+			actions: l({
+				action: H.component.endpoints.action,
+				modal: H.component.endpoints.modal
+			}, H.components, q).actions,
 			registry: u(H.components, U.registry),
 			poll: q,
 			refresh: J
@@ -48,8 +52,8 @@ var L = ["data-alfakit-component", "dir"], R = {
 			}, H.components, q),
 			refresh: J
 		};
-		D(e, Y);
-		let ae = v(() => h(H.component)), X = v(() => (G.value, K.setComponent(H.component), K.page)), Z = v(() => H.component.localization?.direction ?? "ltr"), Q = v(() => ({
+		ie(e, Y);
+		let ae = _(() => m(H.component)), X = _(() => (G.value, K.setComponent(H.component), K.page)), Z = _(() => H.component.localization?.direction ?? "ltr"), Q = _(() => ({
 			token: H.component.token,
 			component: "page"
 		}));
@@ -66,48 +70,49 @@ var L = ["data-alfakit-component", "dir"], R = {
 			flush: "sync"
 		});
 		let $ = O(!1);
-		return re(() => {
-			if (d(), P(() => p(W.props, H.component), (e, t, n) => n(m(e ?? null)), { immediate: !0 }), 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 }), T(() => {
+			if (d(), 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);
-			}), ie(() => {
+			}), E(() => {
 				t = !0, e?.();
 			});
-		}), (e, t) => (E(), y(j(N(U) ? "div" : N(I)), {
+		}), (e, t) => (D(), v(j(N(U) ? "div" : N(I)), {
 			dir: N(U) ? void 0 : Z.value,
-			class: T(N(U) ? "contents" : void 0)
+			class: w(N(U) ? "contents" : void 0)
 		}, {
-			default: F(() => [C(s, { "delay-duration": 0 }, {
+			default: F(() => [S(s, { "delay-duration": 0 }, {
 				default: F(() => [
-					S("div", {
+					x("div", {
 						"data-slot": "standalone",
 						"data-alfakit-component": H.component.class,
 						dir: Z.value,
-						class: T(N(i)("flex flex-col gap-6", H.class))
+						class: w(N(i)("flex flex-col gap-6", H.class))
 					}, [
-						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, {
+						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, {
 							key: 0,
 							actions: X.value.headerActions,
 							context: Q.value,
 							align: "end",
 							class: "max-w-full shrink-0"
-						}, null, 8, ["actions", "context"])) : b("", !0)])) : b("", !0),
+						}, null, 8, ["actions", "context"])) : y("", !0)])) : y("", !0),
 						A(e.$slots, "header"),
 						A(e.$slots, "default", {
 							blocks: X.value.content,
 							page: H.component
-						}, () => [(E(!0), x(_, null, k(X.value.content, (e) => (E(), y(ee, {
+						}, () => [(D(!0), b(g, null, k(X.value.content, (e) => (D(), v(ee, {
 							key: e.key,
 							block: e
 						}, null, 8, ["block"]))), 128))]),
 						A(e.$slots, "footer")
 					], 10, L),
-					C(o),
-					$.value ? (E(), y(te, {
+					S(o),
+					$.value ? (D(), v(p, {
 						key: 0,
-						claimed: ""
-					})) : b("", !0)
+						claimed: "",
+						dir: Z.value
+					}, null, 8, ["dir"])) : y("", !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","createStandaloneRegistry","createStandaloneContext","ALFAKIT_KEY","panel","computed","standalonePanelSchema","page","direction","actionContext","provideStandalone","providePageActionContext","watch","component","ownsToaster","onMounted","ensureStandaloneRuntime","findStandalonePropName","onCleanup","registerStandaloneProp","name","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"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  StandaloneComponentState,\n  findStandalonePropName,\n  registerStandaloneProp,\n  standalonePanelSchema,\n  type ContentBlock,\n  type StandaloneComponentSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { ConfigProvider } from 'reka-ui'\nimport { computed, onMounted, onScopeDispose, provide, ref, watch, type HTMLAttributes } from 'vue'\nimport { providePageActionContext } from '../components/actions/action-context'\nimport ActionList from '../components/actions/ActionList.vue'\nimport ActionModals from '../components/actions/ActionModals.vue'\nimport TooltipProvider from '../components/ui/TooltipProvider.vue'\nimport {\n  ALFAKIT_KEY,\n  provideStandalone,\n  useOptionalAlfakit,\n  type AlfakitContextValue,\n  type AnyComponent,\n} from '../context'\nimport { cn } from '../lib/utils'\nimport ContentBlockRenderer from '../pages/ContentBlockRenderer.vue'\nimport AlfakitToaster from './AlfakitToaster.vue'\nimport {\n  claimToaster,\n  createStandaloneContext,\n  createStandaloneRegistry,\n  ensureStandaloneRuntime,\n  hasToaster,\n} from './runtime'\n\n/**\n * Renders an Alfakit component outside a panel: a form, table, infolist, widgets or any mix\n * (`AlfaSix\\Alfakit\\Standalone\\*`) in any Inertia page of the application. Needs no\n * `createAlfakit()` and no panel layout: it provides its own translator, registry, action\n * runner and modals, and inherits the application's shadcn tokens.\n *\n * ```vue\n * <AlfakitComponent :component=\"orders\" class=\"max-w-4xl\" />\n * ```\n *\n * Slots: `header` (above the content blocks), `footer` (below), and the default slot to\n * render the blocks yourself: `<template #default=\"{ blocks }\">…<ContentBlockRenderer :block=\"…\" />`.\n */\nconst props = defineProps<{\n  /** The payload: `ContactForm::make()` passed as an Inertia prop. */\n  component: StandaloneComponentSchema\n  /** Renderer overrides for this instance (`{ TextInput: MyInput }`), on top of `configureAlfakit()`. */\n  components?: Record<string, AnyComponent>\n  class?: HTMLAttributes['class']\n}>()\n\ndefineSlots<{\n  header?: () => unknown\n  footer?: () => unknown\n  default?: (props: { blocks: ContentBlock[]; page: StandaloneComponentSchema }) => unknown\n}>()\n\nconst parent = useOptionalAlfakit()\nconst inertiaPage = usePage()\n\n// Lazy and polled schemas of this component, merged into the page it renders.\nconst version = ref(0)\nconst state = new StandaloneComponentState(props.component, () => version.value++)\nconst poll = (target: string, interval: string | number | null | undefined) =>\n  state.poll(target, interval)\nconst refresh = (targets: string[]) => state.refresh(targets)\n\nconst context: AlfakitContextValue = parent\n  ? {\n      ...parent,\n      registry: createStandaloneRegistry(props.components, parent.registry),\n      poll,\n      refresh,\n    }\n  : {\n      ...createStandaloneContext(\n        { action: props.component.endpoints.action, modal: props.component.endpoints.modal },\n        props.components,\n        poll,\n      ),\n      refresh,\n    }\n\nprovide(ALFAKIT_KEY, context)\n\nconst panel = computed(() => standalonePanelSchema(props.component))\nconst page = computed(() => {\n  void version.value\n  state.setComponent(props.component)\n\n  return state.page\n})\nconst direction = computed(() => props.component.localization?.direction ?? 'ltr')\nconst actionContext = computed(() => ({ token: props.component.token, component: 'page' }))\n\nprovideStandalone({ panel, page })\nprovidePageActionContext(actionContext.value)\n\n// Endpoints and strings follow the latest payload (they change per locale or path).\nwatch(\n  () => props.component,\n  (component) => {\n    context.actions.setEndpoints({\n      action: component.endpoints.action,\n      modal: component.endpoints.modal,\n    })\n\n    // Inside `createAlfakit()` the panel feeds the shared translator; on a page without the\n    // `alfakit` prop (the rest of the app) the component's own translations apply.\n    if (!parent || !(inertiaPage.props as Record<string, unknown>).alfakit) {\n      context.translator.setTranslations(component.translations ?? {})\n      context.translator.setLocale(component.localization?.tag ?? 'en')\n    }\n  },\n  { immediate: true, flush: 'sync' },\n)\n\n// Toasts: use the layout's <AlfakitToaster /> when there is one, else the first component\n// on the page renders one (checked after every component mounted).\nconst ownsToaster = ref(false)\n\nonMounted(() => {\n  ensureStandaloneRuntime()\n\n  // Partial reloads (sorting, paging, inline edits) request this component's own prop.\n  watch(\n    () => findStandalonePropName(inertiaPage.props as Record<string, unknown>, props.component),\n    (name, _old, onCleanup) => onCleanup(registerStandaloneProp(name ?? null)),\n    { immediate: true },\n  )\n\n  // The watcher runs before the new payload renders: hand it over, or the response would\n  // count as stale and lazy widgets (a calendar after its action) keep their old schema.\n  watch(\n    () => props.component.token,\n    () => void state.loadLazy(props.component),\n    { immediate: true },\n  )\n\n  if (parent) return\n\n  let release: (() => void) | null = null\n  let cancelled = false\n\n  queueMicrotask(() => {\n    if (cancelled || hasToaster()) return\n\n    release = claimToaster()\n    ownsToaster.value = true\n  })\n\n  onScopeDispose(() => {\n    cancelled = true\n    release?.()\n  })\n})\n</script>\n\n<template>\n  <component\n    :is=\"parent ? 'div' : ConfigProvider\"\n    :dir=\"parent ? undefined : direction\"\n    :class=\"parent ? 'contents' : undefined\"\n  >\n    <TooltipProvider :delay-duration=\"0\">\n      <div\n        data-slot=\"standalone\"\n        :data-alfakit-component=\"props.component.class\"\n        :dir=\"direction\"\n        :class=\"cn('flex flex-col gap-6', props.class)\"\n      >\n        <header\n          v-if=\"page.heading || page.headerActions?.length\"\n          data-slot=\"page-header\"\n          class=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\"\n        >\n          <div class=\"min-w-0\">\n            <h2 v-if=\"page.heading\" class=\"text-xl font-semibold tracking-tight\">\n              {{ page.heading }}\n            </h2>\n            <p v-if=\"page.subheading\" class=\"text-muted-foreground mt-1 text-sm\">\n              {{ page.subheading }}\n            </p>\n          </div>\n          <ActionList\n            v-if=\"page.headerActions && page.headerActions.length > 0\"\n            :actions=\"page.headerActions\"\n            :context=\"actionContext\"\n            align=\"end\"\n            class=\"max-w-full shrink-0\"\n          />\n        </header>\n        <slot name=\"header\" />\n        <slot :blocks=\"page.content\" :page=\"props.component\">\n          <ContentBlockRenderer v-for=\"block in page.content\" :key=\"block.key\" :block=\"block\" />\n        </slot>\n        <slot name=\"footer\" />\n      </div>\n      <ActionModals />\n      <AlfakitToaster v-if=\"ownsToaster\" claimed />\n    </TooltipProvider>\n  </component>\n</template>\n"],"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"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  StandaloneComponentState,\n  findStandalonePropName,\n  registerStandaloneProp,\n  standalonePanelSchema,\n  type ContentBlock,\n  type StandaloneComponentSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { ConfigProvider } from 'reka-ui'\nimport { computed, onMounted, onScopeDispose, provide, ref, watch, type HTMLAttributes } from 'vue'\nimport { providePageActionContext } from '../components/actions/action-context'\nimport ActionList from '../components/actions/ActionList.vue'\nimport ActionModals from '../components/actions/ActionModals.vue'\nimport TooltipProvider from '../components/ui/TooltipProvider.vue'\nimport {\n  ALFAKIT_KEY,\n  provideStandalone,\n  useOptionalAlfakit,\n  type AlfakitContextValue,\n  type AnyComponent,\n} from '../context'\nimport { cn } from '../lib/utils'\nimport ContentBlockRenderer from '../pages/ContentBlockRenderer.vue'\nimport AlfakitToaster from './AlfakitToaster.vue'\nimport {\n  claimToaster,\n  createStandaloneContext,\n  createStandaloneRegistry,\n  ensureStandaloneRuntime,\n  hasToaster,\n} from './runtime'\n\n/**\n * Renders an Alfakit component outside a panel: a form, table, infolist, widgets or any mix\n * (`AlfaSix\\Alfakit\\Standalone\\*`) in any Inertia page of the application. Needs no\n * `createAlfakit()` and no panel layout: it provides its own translator, registry, action\n * runner and modals, and inherits the application's shadcn tokens.\n *\n * ```vue\n * <AlfakitComponent :component=\"orders\" class=\"max-w-4xl\" />\n * ```\n *\n * Slots: `header` (above the content blocks), `footer` (below), and the default slot to\n * render the blocks yourself: `<template #default=\"{ blocks }\">…<ContentBlockRenderer :block=\"…\" />`.\n */\nconst props = defineProps<{\n  /** The payload: `ContactForm::make()` passed as an Inertia prop. */\n  component: StandaloneComponentSchema\n  /** Renderer overrides for this instance (`{ TextInput: MyInput }`), on top of `configureAlfakit()`. */\n  components?: Record<string, AnyComponent>\n  class?: HTMLAttributes['class']\n}>()\n\ndefineSlots<{\n  header?: () => unknown\n  footer?: () => unknown\n  default?: (props: { blocks: ContentBlock[]; page: StandaloneComponentSchema }) => unknown\n}>()\n\nconst parent = useOptionalAlfakit()\nconst inertiaPage = usePage()\n\n// Lazy and polled schemas of this component, merged into the page it renders.\nconst version = ref(0)\nconst state = new StandaloneComponentState(props.component, () => version.value++)\nconst poll = (target: string, interval: string | number | null | undefined) =>\n  state.poll(target, interval)\nconst refresh = (targets: string[]) => state.refresh(targets)\n\n// Inside a panel page: the panel's registry and translator, but this component's own action\n// runner, so its actions post to its own endpoints with its own token (not the panel's: 403).\nconst context: AlfakitContextValue = parent\n  ? {\n      ...parent,\n      actions: createStandaloneContext(\n        { action: props.component.endpoints.action, modal: props.component.endpoints.modal },\n        props.components,\n        poll,\n      ).actions,\n      registry: createStandaloneRegistry(props.components, parent.registry),\n      poll,\n      refresh,\n    }\n  : {\n      ...createStandaloneContext(\n        { action: props.component.endpoints.action, modal: props.component.endpoints.modal },\n        props.components,\n        poll,\n      ),\n      refresh,\n    }\n\nprovide(ALFAKIT_KEY, context)\n\nconst panel = computed(() => standalonePanelSchema(props.component))\nconst page = computed(() => {\n  void version.value\n  state.setComponent(props.component)\n\n  return state.page\n})\nconst direction = computed(() => props.component.localization?.direction ?? 'ltr')\nconst actionContext = computed(() => ({ token: props.component.token, component: 'page' }))\n\nprovideStandalone({ panel, page })\nprovidePageActionContext(actionContext.value)\n\n// Endpoints and strings follow the latest payload (they change per locale or path).\nwatch(\n  () => props.component,\n  (component) => {\n    context.actions.setEndpoints({\n      action: component.endpoints.action,\n      modal: component.endpoints.modal,\n    })\n\n    // Inside `createAlfakit()` the panel feeds the shared translator; on a page without the\n    // `alfakit` prop (the rest of the app) the component's own translations apply.\n    if (!parent || !(inertiaPage.props as Record<string, unknown>).alfakit) {\n      context.translator.setTranslations(component.translations ?? {})\n      context.translator.setLocale(component.localization?.tag ?? 'en')\n    }\n  },\n  { immediate: true, flush: 'sync' },\n)\n\n// Toasts: use the layout's <AlfakitToaster /> when there is one, else the first component\n// on the page renders one (checked after every component mounted).\nconst ownsToaster = ref(false)\n\n// Partial reloads (sorting, paging, inline edits) request this component's own prop.\n// Registered in setup (browser only), before the children's `onMounted`: a `deferLoading()`\n// table's first reload must already ask for this prop, not the panel `page` prop.\nif (typeof window !== 'undefined') {\n  watch(\n    () => findStandalonePropName(inertiaPage.props as Record<string, unknown>, props.component),\n    (name, _old, onCleanup) => onCleanup(registerStandaloneProp(name ?? null)),\n    { immediate: true },\n  )\n}\n\nonMounted(() => {\n  ensureStandaloneRuntime()\n\n  // The watcher runs before the new payload renders: hand it over, or the response would\n  // count as stale and lazy widgets (a calendar after its action) keep their old schema.\n  watch(\n    () => props.component.token,\n    () => void state.loadLazy(props.component),\n    { immediate: true },\n  )\n\n  if (parent) return\n\n  let release: (() => void) | null = null\n  let cancelled = false\n\n  queueMicrotask(() => {\n    if (cancelled || hasToaster()) return\n\n    release = claimToaster()\n    ownsToaster.value = true\n  })\n\n  onScopeDispose(() => {\n    cancelled = true\n    release?.()\n  })\n})\n</script>\n\n<template>\n  <component\n    :is=\"parent ? 'div' : ConfigProvider\"\n    :dir=\"parent ? undefined : direction\"\n    :class=\"parent ? 'contents' : undefined\"\n  >\n    <TooltipProvider :delay-duration=\"0\">\n      <div\n        data-slot=\"standalone\"\n        :data-alfakit-component=\"props.component.class\"\n        :dir=\"direction\"\n        :class=\"cn('flex flex-col gap-6', props.class)\"\n      >\n        <header\n          v-if=\"page.heading || page.headerActions?.length\"\n          data-slot=\"page-header\"\n          class=\"flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between\"\n        >\n          <div class=\"min-w-0\">\n            <h2 v-if=\"page.heading\" class=\"text-xl font-semibold tracking-tight\">\n              {{ page.heading }}\n            </h2>\n            <p v-if=\"page.subheading\" class=\"text-muted-foreground mt-1 text-sm\">\n              {{ page.subheading }}\n            </p>\n          </div>\n          <ActionList\n            v-if=\"page.headerActions && page.headerActions.length > 0\"\n            :actions=\"page.headerActions\"\n            :context=\"actionContext\"\n            align=\"end\"\n            class=\"max-w-full shrink-0\"\n          />\n        </header>\n        <slot name=\"header\" />\n        <slot :blocks=\"page.content\" :page=\"props.component\">\n          <ContentBlockRenderer v-for=\"block in page.content\" :key=\"block.key\" :block=\"block\" />\n        </slot>\n        <slot name=\"footer\" />\n      </div>\n      <ActionModals />\n      <AlfakitToaster v-if=\"ownsToaster\" claimed :dir=\"direction\" />\n    </TooltipProvider>\n  </component>\n</template>\n"],"mappings":"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"}

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,EAMlB,MAAM,eAAe,CAAA;AAGtB,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAYnE,2EAA2E;AAC3E,wBAAgB,uBAAuB,IAAI,IAAI,CAK9C;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;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"}

package/dist/standalone/runtime.js

@@ -1,14 +1,14 @@
 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, reloadOnExpiredPage as s, resolveRequestErrorNotification as c } from "@alfakit/core";
-import { router as l } from "@inertiajs/vue3";
+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";
 //#region src/standalone/runtime.ts
-var u = typeof window > "u", d = u ? null : new o(), f = !1;
-function p() {
-	u || f || (f = !0, s());
+var d = typeof window > "u", f = d ? null : new o(), p = !1;
+function m() {
+	d || p || (p = !0, c(), s());
 }
-function m(e, r) {
+function h(e, r) {
 	if (!r) return t().registerMany(n().components ?? {}).registerMany(e ?? {});
 	if (!e || Object.keys(e).length === 0) return r;
 	let a = new i();
@@ -18,43 +18,43 @@ function m(e, r) {
 	}
 	return a.registerMany(e);
 }
-function h(t, n, i) {
-	let a = d ?? new o();
+function g(t, n, i) {
+	let a = f ?? new o();
 	return {
-		registry: m(n),
+		registry: h(n),
 		pages: {},
 		translator: a,
 		actions: new r({
 			endpoints: { ...t },
 			onError: (t) => {
-				let n = c(t, null, (e, t, n) => a.t(e, t, n));
+				let n = l(t, null, (e, t, n) => a.t(e, t, n));
 				n && e(n);
 			}
 		}),
 		poll: i
 	};
 }
-var g = 0;
-function _() {
-	return g++, () => {
-		g--;
+var _ = 0;
+function v() {
+	return _++, () => {
+		_--;
 	};
 }
-function v() {
-	return g > 0;
+function y() {
+	return _ > 0;
 }
-var y = new a(), b = null, x = !1;
-function S(t) {
-	if (b = t, u || x) return;
-	x = !0;
+var b = new a(), x = null, S = !1;
+function C(t) {
+	if (x = t, d || S) return;
+	S = !0;
 	let n = (t) => {
 		let n = t?.alfakitNotifications;
-		for (let t of y.fresh(n)) e(t, b?.resolve(t.view ?? ""));
+		for (let t of b.fresh(n)) e(t, x?.resolve(t.view ?? ""));
 	};
-	n(C()), l.on("flash", (e) => n(e.detail.flash));
+	n(w()), u.on("flash", (e) => n(e.detail.flash));
 }
-function C() {
-	if (!u) try {
+function w() {
+	if (!d) try {
 		let e = document.querySelector("[data-page]")?.dataset.page;
 		return e ? JSON.parse(e).flash : void 0;
 	} catch {
@@ -62,6 +62,6 @@ function C() {
 	}
 }
 //#endregion
-export { _ as claimToaster, h as createStandaloneContext, m as createStandaloneRegistry, S as ensureFlashToasts, p as ensureStandaloneRuntime, v as hasToaster, C as initialFlash };
+export { v as claimToaster, g as createStandaloneContext, h as createStandaloneRegistry, C as ensureFlashToasts, m as ensureStandaloneRuntime, y as hasToaster, w 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","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"],"sourcesContent":["import {\n  ActionRunner,\n  ComponentRegistry,\n  FlashNotificationTracker,\n  Translator,\n  reloadOnExpiredPage,\n  resolveRequestErrorNotification,\n  type NotificationSchema,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport type { AlfakitContextValue, AnyComponent } from '../context'\nimport { createDefaultRegistry } from '../registry'\nimport { getStandaloneDefaults } from './configure'\n\nconst isServer = typeof window === 'undefined'\n\n// Translations are the same for every component of a page, so the browser shares one\n// translator; a server render gets its own so concurrent requests never share a locale.\nconst browserTranslator = isServer ? null : new Translator()\n\nlet browserReady = false\n\n/** Browser-wide listeners every panel app installs; once per page load. */\nexport function ensureStandaloneRuntime(): void {\n  if (isServer || browserReady) return\n\n  browserReady = true\n  reloadOnExpiredPage()\n}\n\n/**\n * The registry of a standalone component: the built-in renderers, the `configureAlfakit()`\n * defaults (or the surrounding panel's registry), then the component's own overrides.\n */\nexport function createStandaloneRegistry(\n  overrides?: Record<string, AnyComponent>,\n  base?: ComponentRegistry<AnyComponent>,\n): ComponentRegistry<AnyComponent> {\n  if (!base) {\n    return createDefaultRegistry()\n      .registerMany(getStandaloneDefaults().components ?? {})\n      .registerMany(overrides ?? {})\n  }\n\n  if (!overrides || Object.keys(overrides).length === 0) {\n    return base\n  }\n\n  const registry = new ComponentRegistry<AnyComponent>()\n\n  for (const type of base.types()) {\n    const component = base.resolve(type)\n\n    if (component) registry.register(type, component)\n  }\n\n  return registry.registerMany(overrides)\n}\n\n/**\n * The context value of one `<AlfakitComponent>` rendered outside `createAlfakit()`: its\n * own registry and action runner (so its modals are its own), the shared translator.\n */\nexport function createStandaloneContext(\n  endpoints: { action: string; modal: string },\n  overrides: Record<string, AnyComponent> | undefined,\n  poll: AlfakitContextValue['poll'],\n): AlfakitContextValue {\n  const translator = browserTranslator ?? new Translator()\n\n  return {\n    registry: createStandaloneRegistry(overrides),\n    pages: {},\n    translator,\n    actions: new ActionRunner({\n      endpoints: { ...endpoints },\n      // Outside a panel there is no `errorNotifications` config: a generic toast.\n      onError: (error) => {\n        const notification = resolveRequestErrorNotification(\n          error,\n          null,\n          (key, replacements, fallback) => translator.t(key, replacements, fallback),\n        )\n\n        if (notification) showToast(notification)\n      },\n    }),\n    poll,\n  }\n}\n\n// ---------------------------------------------------------------- Toaster ownership\n\nlet toasters = 0\n\n/** An `<AlfakitToaster>` (or the component that took the role) is mounted; returns a release. */\nexport function claimToaster(): () => void {\n  toasters++\n\n  return () => {\n    toasters--\n  }\n}\n\nexport function hasToaster(): boolean {\n  return toasters > 0\n}\n\n// ---------------------------------------------------------------- Flashed notifications\n\nconst flashTracker = new FlashNotificationTracker()\nlet flashRegistry: ComponentRegistry<AnyComponent> | null = null\nlet flashListening = false\n\n/**\n * Show the notifications the server flashed (`Notification::make()->send()`), from the\n * `flash` Inertia event after each visit and from the initial page (whose event fired\n * before the app mounted). One listener per page load, so it survives layouts that remount\n * between visits; the registry of the last mounted toaster renders custom toast views.\n */\nexport function ensureFlashToasts(registry: ComponentRegistry<AnyComponent>): void {\n  flashRegistry = registry\n\n  if (isServer || flashListening) return\n\n  flashListening = true\n\n  const show = (flash: unknown) => {\n    const flashed = (flash as { alfakitNotifications?: NotificationSchema[] } | undefined)\n      ?.alfakitNotifications\n\n    for (const notification of flashTracker.fresh(flashed)) {\n      showToast(notification, flashRegistry?.resolve(notification.view ?? ''))\n    }\n  }\n\n  show(initialFlash())\n  router.on('flash', (event) => show(event.detail.flash))\n}\n\n/** The initial page's flash data (fired as an event before the app mounted). */\nexport function initialFlash(): unknown {\n  if (isServer) return undefined\n\n  try {\n    const page = document.querySelector<HTMLElement>('[data-page]')?.dataset.page\n\n    return page ? (JSON.parse(page) as { flash?: unknown }).flash : undefined\n  } catch {\n    return undefined\n  }\n}\n"],"mappings":";;;;;;AAeA,IAAMA,IAAW,OAAO,SAAW,KAI7BC,IAAoBD,IAAW,OAAO,IAAIE,EAAW,GAEvDC,IAAe;AAGnB,SAAgBC,IAAgC;CAC9C,AAAIJ,KAAYG,MAEhB,IAAe,IACfE,EAAoB;AACtB;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,IAAaf,KAAqB,IAAIC,EAAW;CAEvD,OAAO;EACL,UAAUI,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,GAEZX,KAAYgC,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","toasters","claimToaster","hasToaster","flashTracker","FlashNotificationTracker","flashRegistry","flashListening","ensureFlashToasts","show","flashed","flash","initialFlash","router","event","page"],"sources":["../../src/standalone/runtime.ts"],"sourcesContent":["import {\n  ActionRunner,\n  ComponentRegistry,\n  FlashNotificationTracker,\n  Translator,\n  installPrefetchInvalidation,\n  reloadOnExpiredPage,\n  resolveRequestErrorNotification,\n  type NotificationSchema,\n} from '@alfakit/core'\nimport { router } from '@inertiajs/vue3'\nimport { showToast } from '../components/notifications/flash-toasts'\nimport type { AlfakitContextValue, AnyComponent } from '../context'\nimport { createDefaultRegistry } from '../registry'\nimport { getStandaloneDefaults } from './configure'\n\nconst isServer = typeof window === 'undefined'\n\n// Translations are the same for every component of a page, so the browser shares one\n// translator; a server render gets its own so concurrent requests never share a locale.\nconst browserTranslator = isServer ? null : new Translator()\n\nlet browserReady = false\n\n/** Browser-wide listeners every panel app installs; once per page load. */\nexport function ensureStandaloneRuntime(): void {\n  if (isServer || browserReady) return\n\n  browserReady = true\n  reloadOnExpiredPage()\n  // Pages restored by Back after a change are reloaded; shared with a surrounding panel.\n  installPrefetchInvalidation()\n}\n\n/**\n * The registry of a standalone component: the built-in renderers, the `configureAlfakit()`\n * defaults (or the surrounding panel's registry), then the component's own overrides.\n */\nexport function createStandaloneRegistry(\n  overrides?: Record<string, AnyComponent>,\n  base?: ComponentRegistry<AnyComponent>,\n): ComponentRegistry<AnyComponent> {\n  if (!base) {\n    return createDefaultRegistry()\n      .registerMany(getStandaloneDefaults().components ?? {})\n      .registerMany(overrides ?? {})\n  }\n\n  if (!overrides || Object.keys(overrides).length === 0) {\n    return base\n  }\n\n  const registry = new ComponentRegistry<AnyComponent>()\n\n  for (const type of base.types()) {\n    const component = base.resolve(type)\n\n    if (component) registry.register(type, component)\n  }\n\n  return registry.registerMany(overrides)\n}\n\n/**\n * The context value of one `<AlfakitComponent>` rendered outside `createAlfakit()`: its\n * own registry and action runner (so its modals are its own), the shared translator.\n */\nexport function createStandaloneContext(\n  endpoints: { action: string; modal: string },\n  overrides: Record<string, AnyComponent> | undefined,\n  poll: AlfakitContextValue['poll'],\n): AlfakitContextValue {\n  const translator = browserTranslator ?? new Translator()\n\n  return {\n    registry: createStandaloneRegistry(overrides),\n    pages: {},\n    translator,\n    actions: new ActionRunner({\n      endpoints: { ...endpoints },\n      // Outside a panel there is no `errorNotifications` config: a generic toast.\n      onError: (error) => {\n        const notification = resolveRequestErrorNotification(\n          error,\n          null,\n          (key, replacements, fallback) => translator.t(key, replacements, fallback),\n        )\n\n        if (notification) showToast(notification)\n      },\n    }),\n    poll,\n  }\n}\n\n// ---------------------------------------------------------------- Toaster ownership\n\nlet toasters = 0\n\n/** An `<AlfakitToaster>` (or the component that took the role) is mounted; returns a release. */\nexport function claimToaster(): () => void {\n  toasters++\n\n  return () => {\n    toasters--\n  }\n}\n\nexport function hasToaster(): boolean {\n  return toasters > 0\n}\n\n// ---------------------------------------------------------------- Flashed notifications\n\nconst flashTracker = new FlashNotificationTracker()\nlet flashRegistry: ComponentRegistry<AnyComponent> | null = null\nlet flashListening = false\n\n/**\n * Show the notifications the server flashed (`Notification::make()->send()`), from the\n * `flash` Inertia event after each visit and from the initial page (whose event fired\n * before the app mounted). One listener per page load, so it survives layouts that remount\n * between visits; the registry of the last mounted toaster renders custom toast views.\n */\nexport function ensureFlashToasts(registry: ComponentRegistry<AnyComponent>): void {\n  flashRegistry = registry\n\n  if (isServer || flashListening) return\n\n  flashListening = true\n\n  const show = (flash: unknown) => {\n    const flashed = (flash as { alfakitNotifications?: NotificationSchema[] } | undefined)\n      ?.alfakitNotifications\n\n    for (const notification of flashTracker.fresh(flashed)) {\n      showToast(notification, flashRegistry?.resolve(notification.view ?? ''))\n    }\n  }\n\n  show(initialFlash())\n  router.on('flash', (event) => show(event.detail.flash))\n}\n\n/** The initial page's flash data (fired as an event before the app mounted). */\nexport function initialFlash(): unknown {\n  if (isServer) return undefined\n\n  try {\n    const page = document.querySelector<HTMLElement>('[data-page]')?.dataset.page\n\n    return page ? (JSON.parse(page) as { flash?: unknown }).flash : undefined\n  } catch {\n    return undefined\n  }\n}\n"],"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"}

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));
 }
 
 /*
@@ -130,7 +134,8 @@
   @apply border px-2 py-1;
 }
 .alfakit-prose :where(.alfakit-mention) {
-  @apply bg-primary/10 text-primary rounded px-1 font-medium;
+  /* Full-contrast text on the tint (WCAG AA); the ring marks it as a mention. */
+  @apply bg-primary/10 text-foreground ring-primary/30 rounded px-1 font-medium ring-1;
 }
 .alfakit-prose :where(.alfakit-merge-tag) {
   @apply bg-muted text-muted-foreground rounded px-1 font-mono text-xs;

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`). The corner is the\n           document's right: the kit's sidebar stays on the left in a right-to-left panel language. -->\n      <div data-slot=\"starter-kit-debug-panel\" class=\"fixed right-16 bottom-16 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":"AA4FA,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 right-16 bottom-16 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`). The corner is the\n           document's right: the kit's sidebar stays on the left in a right-to-left panel language. -->\n      <div data-slot=\"starter-kit-debug-panel\" class=\"fixed right-16 bottom-16 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,EAeM,OAAA;GAdJ,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,EAQcC,GAAA,EARA,cAAYF,EAAA4B,CAAA,EAAsB,GAAA;GAC9C,SAAAzB,QAAQ,CAARC,EAAQkC,EAAA,QAAA,SAAA,GAIRjC,EAEM,OAFNK,GAEM,CADJT,EAAkBK,CAAA,CAAA,CAAA,CAAA,CAAA"}

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

@@ -1,10 +1,15 @@
-import { type StarterKitNavGroup, type StarterKitNavigationSchema } from '@alfakit/core';
+import { type StarterKitNavGroup, type StarterKitNavigationSchema, type StarterKitUserMenuItem } from '@alfakit/core';
 import { type ComputedRef } from 'vue';
 export interface AlfakitNavigation {
     /** The panel's navigation as the server shared it, or null for guests. */
     navigation: StarterKitNavigationSchema | null;
     /** Its groups as plain items (`title`, `href`, `icon`, `isActive`, `badge`, `children`). */
     groups: StarterKitNavGroup[];
+    /**
+     * The panel's user menu links (`userMenuItems()`, Billing's entry…) for the kit's user
+     * menu: `<AlfakitUserMenuItems />` renders them with the app's dropdown items.
+     */
+    userMenuItems: StarterKitUserMenuItem[];
 }
 /**
  * The navigation of a `starterKit()` panel (the first one unless `panelId` is given), for the

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/starter-kit/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAGL,KAAK,kBAAkB,EACvB,KAAK,0BAA0B,EAChC,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAKhD,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,UAAU,EAAE,0BAA0B,GAAG,IAAI,CAAA;IAC7C,4FAA4F;IAC5F,MAAM,EAAE,kBAAkB,EAAE,CAAA;CAC7B;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAQrF"}
+{"version":3,"file":"navigation.d.ts","sourceRoot":"","sources":["../../src/starter-kit/navigation.ts"],"names":[],"mappings":"AAAA,OAAO,EAIL,KAAK,kBAAkB,EACvB,KAAK,0BAA0B,EAC/B,KAAK,sBAAsB,EAC5B,MAAM,eAAe,CAAA;AAEtB,OAAO,EAAY,KAAK,WAAW,EAAE,MAAM,KAAK,CAAA;AAKhD,MAAM,WAAW,iBAAiB;IAChC,0EAA0E;IAC1E,UAAU,EAAE,0BAA0B,GAAG,IAAI,CAAA;IAC7C,4FAA4F;IAC5F,MAAM,EAAE,kBAAkB,EAAE,CAAA;IAC5B;;;OAGG;IACH,aAAa,EAAE,sBAAsB,EAAE,CAAA;CACxC;AAED;;;;;;;;;GASG;AACH,wBAAgB,oBAAoB,CAAC,OAAO,CAAC,EAAE,MAAM,GAAG,WAAW,CAAC,iBAAiB,CAAC,CAYrF"}

package/dist/starter-kit/navigation.js

@@ -1,18 +1,19 @@
-import { starterKitNavigation as e, toStarterKitNavGroups as t } from "@alfakit/core";
-import { usePage as n } from "@inertiajs/vue3";
-import { computed as r } from "vue";
+import { starterKitNavigation as e, toStarterKitNavGroups as t, toStarterKitUserMenuItems as n } from "@alfakit/core";
+import { usePage as r } from "@inertiajs/vue3";
+import { computed as i } from "vue";
 //#region src/starter-kit/navigation.ts
-function i(i) {
-	let a = n();
-	return r(() => {
-		let n = e(a.props, i);
+function a(a) {
+	let o = r();
+	return i(() => {
+		let r = e(o.props, a);
 		return {
-			navigation: n,
-			groups: t(n?.groups)
+			navigation: r,
+			groups: t(r?.groups),
+			userMenuItems: n(r?.userMenu)
 		};
 	});
 }
 //#endregion
-export { i as useAlfakitNavigation };
+export { a as useAlfakitNavigation };
 
 //# sourceMappingURL=navigation.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"navigation.js","names":["useAlfakitNavigation","page","usePage","computed","navigation","starterKitNavigation","panelId","toStarterKitNavGroups"],"sources":["../../src/starter-kit/navigation.ts"],"sourcesContent":["import {\n  starterKitNavigation,\n  toStarterKitNavGroups,\n  type StarterKitNavGroup,\n  type StarterKitNavigationSchema,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, type ComputedRef } from 'vue'\n\n// Its own module, away from `createStarterKitPage()`: the host's sidebar imports it on every\n// page, and it must not pull the panel runtime into the host's main chunk.\n\nexport interface AlfakitNavigation {\n  /** The panel's navigation as the server shared it, or null for guests. */\n  navigation: StarterKitNavigationSchema | null\n  /** Its groups as plain items (`title`, `href`, `icon`, `isActive`, `badge`, `children`). */\n  groups: StarterKitNavGroup[]\n}\n\n/**\n * The navigation of a `starterKit()` panel (the first one unless `panelId` is given), for the\n * host's sidebar. Every Inertia page of the application carries it, so the host's own pages\n * list the panel's resources too.\n *\n * ```ts\n * const navigation = useAlfakitNavigation()\n * // navigation.value.groups\n * ```\n */\nexport function useAlfakitNavigation(panelId?: string): ComputedRef<AlfakitNavigation> {\n  const page = usePage()\n\n  return computed(() => {\n    const navigation = starterKitNavigation(page.props, panelId)\n\n    return { navigation, groups: toStarterKitNavGroups(navigation?.groups) }\n  })\n}\n"],"mappings":";;;;AA6BA,SAAgBA,EAAqB,GAAkD;CACrF,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAe;EACpB,IAAMC,IAAaC,EAAqBJ,EAAK,OAAOK,CAAO;EAE3D,OAAO;GAAE;GAAY,QAAQC,EAAsBH,GAAY,MAAM;EAAE;CACzE,CAAC;AACH"}
+{"version":3,"file":"navigation.js","names":["useAlfakitNavigation","page","usePage","computed","navigation","starterKitNavigation","panelId","toStarterKitNavGroups","toStarterKitUserMenuItems"],"sources":["../../src/starter-kit/navigation.ts"],"sourcesContent":["import {\n  starterKitNavigation,\n  toStarterKitNavGroups,\n  toStarterKitUserMenuItems,\n  type StarterKitNavGroup,\n  type StarterKitNavigationSchema,\n  type StarterKitUserMenuItem,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { computed, type ComputedRef } from 'vue'\n\n// Its own module, away from `createStarterKitPage()`: the host's sidebar imports it on every\n// page, and it must not pull the panel runtime into the host's main chunk.\n\nexport interface AlfakitNavigation {\n  /** The panel's navigation as the server shared it, or null for guests. */\n  navigation: StarterKitNavigationSchema | null\n  /** Its groups as plain items (`title`, `href`, `icon`, `isActive`, `badge`, `children`). */\n  groups: StarterKitNavGroup[]\n  /**\n   * The panel's user menu links (`userMenuItems()`, Billing's entry…) for the kit's user\n   * menu: `<AlfakitUserMenuItems />` renders them with the app's dropdown items.\n   */\n  userMenuItems: StarterKitUserMenuItem[]\n}\n\n/**\n * The navigation of a `starterKit()` panel (the first one unless `panelId` is given), for the\n * host's sidebar. Every Inertia page of the application carries it, so the host's own pages\n * list the panel's resources too.\n *\n * ```ts\n * const navigation = useAlfakitNavigation()\n * // navigation.value.groups\n * ```\n */\nexport function useAlfakitNavigation(panelId?: string): ComputedRef<AlfakitNavigation> {\n  const page = usePage()\n\n  return computed(() => {\n    const navigation = starterKitNavigation(page.props, panelId)\n\n    return {\n      navigation,\n      groups: toStarterKitNavGroups(navigation?.groups),\n      userMenuItems: toStarterKitUserMenuItems(navigation?.userMenu),\n    }\n  })\n}\n"],"mappings":";;;;AAoCA,SAAgBA,EAAqB,GAAkD;CACrF,IAAMC,IAAOC,EAAQ;CAErB,OAAOC,QAAe;EACpB,IAAMC,IAAaC,EAAqBJ,EAAK,OAAOK,CAAO;EAE3D,OAAO;GACL;GACA,QAAQC,EAAsBH,GAAY,MAAM;GAChD,eAAeI,EAA0BJ,GAAY,QAAQ;EAC/D;CACF,CAAC;AACH"}

package/dist/styles.css

@@ -289,7 +289,8 @@
 }
 /* Rich editor mentions, merge tags and custom blocks (RichEditor extensions) */
 .alfakit-prose :where(.alfakit-mention):not(:where(.alfakit-not-prose *)) {
-  @apply bg-primary/10 text-primary rounded px-1 font-medium;
+  /* Full-contrast text on the tint (WCAG AA); the ring marks it as a mention. */
+  @apply bg-primary/10 text-foreground ring-primary/30 rounded px-1 font-medium ring-1;
 }
 .alfakit-prose :where(.alfakit-merge-tag):not(:where(.alfakit-not-prose *)) {
   @apply bg-muted text-muted-foreground rounded px-1 font-mono text-xs;

package/dist/themes.css

@@ -742,6 +742,10 @@
     max-height: none;
     width: 100%;
     max-width: 100%;
+    /* The shadcn centring utilities read these variables. Resetting them survives a
+       minifier that drops `translate: none` in favour of the utilities' `translate`. */
+    --tw-translate-x: 0;
+    --tw-translate-y: 0;
     translate: none;
     transform: none;
     border-radius: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfakit/vue",
-  "version": "0.1.8",
+  "version": "0.1.10",
   "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.8"
+    "@alfakit/core": "0.1.10"
   },
   "peerDependencies": {
     "@inertiajs/vue3": "^3.0.0",

package/src/app/components.ts

@@ -36,6 +36,9 @@ export function usePageBlock(key: string): ComputedRef<ContentBlock | undefined>
  */
 export const AppPage = defineComponent({
   name: 'AppPage',
+  // The page component's undeclared Inertia props fall through to here; AppPage takes no
+  // HTML attributes and renders several root nodes.
+  inheritAttrs: false,
   setup(_, { slots }) {
     const page = useAppPage()
     const panel = usePanel()

package/src/components/actions/ActionModal.vue

@@ -426,6 +426,8 @@ const hasBody = computed(() =>
           cn(
             schema.stickyHeader &&
               'bg-background sticky -top-6 z-10 -mx-6 -mt-6 rounded-t-lg border-b px-6 pt-6 pb-4',
+            // Room for the close button (X): a long heading would run under it.
+            schema.closeButton !== false && (schema.stickyHeader ? 'pe-12' : 'pe-6'),
           )
         "
       >