@alfakit/vue 0.0.0-stage → 0.1.0

package/dist/standalone/AlfakitComponent.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,117 @@
+import { ALFAKIT_KEY as e, provideStandalone as t, useOptionalAlfakit as n } from "../context.js";
+import { providePageActionContext as ee } from "../components/actions/action-context.js";
+import { cn as r } from "../lib/utils.js";
+import i from "../components/actions/ActionList.js";
+import a 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 p from "./AlfakitToaster.js";
+import { StandaloneComponentState as te, findStandalonePropName as m, registerStandaloneProp as h, standalonePanelSchema as g } from "@alfakit/core";
+import { usePage as _ } from "@inertiajs/vue3";
+import { Fragment as v, computed as y, createBlock as b, createCommentVNode as x, createElementBlock as S, createElementVNode as C, createVNode as w, defineComponent as T, normalizeClass as E, onMounted as ne, onScopeDispose as re, openBlock as D, provide as O, ref as k, renderList as A, renderSlot as j, resolveDynamicComponent as M, toDisplayString as N, unref as P, watch as F, withCtx as I } from "vue";
+import { ConfigProvider as L } from "reka-ui";
+//#region src/standalone/AlfakitComponent.vue?vue&type=script&setup=true&lang.ts
+var R = ["data-alfakit-component", "dir"], z = {
+	key: 0,
+	"data-slot": "page-header",
+	class: "flex flex-col gap-4 sm:flex-row sm:items-start sm:justify-between"
+}, B = { class: "min-w-0" }, V = {
+	key: 0,
+	class: "text-xl font-semibold tracking-tight"
+}, H = {
+	key: 1,
+	class: "text-muted-foreground mt-1 text-sm"
+}, U = /*@__PURE__*/ T({
+	__name: "AlfakitComponent",
+	props: {
+		component: {},
+		components: {},
+		class: { type: [
+			Boolean,
+			null,
+			String,
+			Object,
+			Array
+		] }
+	},
+	setup(T) {
+		let U = T, W = n(), G = _(), K = k(0), q = new te(U.component, () => K.value++), J = (e, t) => q.poll(e, t), Y = W ? {
+			...W,
+			registry: u(U.components, W.registry),
+			poll: J
+		} : l({
+			action: U.component.endpoints.action,
+			modal: U.component.endpoints.modal
+		}, U.components, J);
+		O(e, Y);
+		let ie = y(() => g(U.component)), X = y(() => (K.value, q.setComponent(U.component), q.page)), Z = y(() => U.component.localization?.direction ?? "ltr"), Q = y(() => ({
+			token: U.component.token,
+			component: "page"
+		}));
+		t({
+			panel: ie,
+			page: X
+		}), ee(Q.value), F(() => U.component, (e) => {
+			Y.actions.setEndpoints({
+				action: e.endpoints.action,
+				modal: e.endpoints.modal
+			}), (!W || !G.props.alfakit) && (Y.translator.setTranslations(e.translations ?? {}), Y.translator.setLocale(e.localization?.tag ?? "en"));
+		}, {
+			immediate: !0,
+			flush: "sync"
+		});
+		let $ = k(!1);
+		return ne(() => {
+			if (d(), F(() => m(G.props, U.component), (e, t, n) => n(h(e ?? null)), { immediate: !0 }), F(() => U.component.token, () => void q.loadLazy(), { immediate: !0 }), W) return;
+			let e = null, t = !1;
+			queueMicrotask(() => {
+				t || f() || (e = c(), $.value = !0);
+			}), re(() => {
+				t = !0, e?.();
+			});
+		}), (e, t) => (D(), b(M(P(W) ? "div" : P(L)), {
+			dir: P(W) ? void 0 : Z.value,
+			class: E(P(W) ? "contents" : void 0)
+		}, {
+			default: I(() => [w(s, { "delay-duration": 0 }, {
+				default: I(() => [
+					C("div", {
+						"data-slot": "standalone",
+						"data-alfakit-component": U.component.class,
+						dir: Z.value,
+						class: E(P(r)("flex flex-col gap-6", U.class))
+					}, [
+						X.value.heading || X.value.headerActions?.length ? (D(), S("header", z, [C("div", B, [X.value.heading ? (D(), S("h2", V, N(X.value.heading), 1)) : x("", !0), X.value.subheading ? (D(), S("p", H, N(X.value.subheading), 1)) : x("", !0)]), X.value.headerActions && X.value.headerActions.length > 0 ? (D(), b(i, {
+							key: 0,
+							actions: X.value.headerActions,
+							context: Q.value,
+							align: "end",
+							class: "max-w-full shrink-0"
+						}, null, 8, ["actions", "context"])) : x("", !0)])) : x("", !0),
+						j(e.$slots, "header"),
+						j(e.$slots, "default", {
+							blocks: X.value.content,
+							page: U.component
+						}, () => [(D(!0), S(v, null, A(X.value.content, (e) => (D(), b(a, {
+							key: e.key,
+							block: e
+						}, null, 8, ["block"]))), 128))]),
+						j(e.$slots, "footer")
+					], 10, R),
+					w(o),
+					$.value ? (D(), b(p, {
+						key: 0,
+						claimed: ""
+					})) : x("", !0)
+				]),
+				_: 3
+			})]),
+			_: 3
+		}, 8, ["dir", "class"]));
+	}
+});
+//#endregion
+export { U as default };
+
+//# sourceMappingURL=AlfakitComponent.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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","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)\n\nconst context: AlfakitContextValue = parent\n  ? { ...parent, registry: createStandaloneRegistry(props.components, parent.registry), poll }\n  : createStandaloneContext(\n      { action: props.component.endpoints.action, modal: props.component.endpoints.modal },\n      props.components,\n      poll,\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  watch(\n    () => props.component.token,\n    () => void state.loadLazy(),\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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"}

package/dist/standalone/AlfakitToaster.js

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

package/dist/standalone/AlfakitToaster.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlfakitToaster.js","names":["_sfc_main","AlfakitToaster_vue_vue_type_script_setup_true_lang_default","AlfakitToaster_default"],"sources":["../../src/standalone/AlfakitToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { resolveToastPosition, type ToastPosition } from '@alfakit/core'\nimport { onMounted, onUnmounted } from 'vue'\nimport Toaster from '../components/ui/Toaster.vue'\nimport { useOptionalAlfakit } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * Flash data comes from the `flash` Inertia event after each visit and from the initial\n * page (already fired before the app mounted), so it works in any layout.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Where toasts appear; `start`/`end` follow the reading direction. */\n    position?: ToastPosition\n    dir?: 'ltr' | 'rtl'\n    /**\n     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already\n     * mounts one: flashed Alfakit notifications are then shown through it.\n     */\n    toaster?: boolean\n    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n    claimed?: boolean\n  }>(),\n  { dir: 'ltr', toaster: true, claimed: false },\n)\n\n// Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\nconst context =\n  useOptionalAlfakit() ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined)\n\nlet release: (() => void) | null = null\n\nonMounted(() => {\n  if (!props.claimed) release = claimToaster()\n\n  ensureFlashToasts(context.registry)\n})\n\nonUnmounted(() => release?.())\n</script>\n\n<template>\n  <Toaster\n    v-if=\"props.toaster\"\n    :position=\"resolveToastPosition(props.position, props.dir)\"\n    :dir=\"props.dir\"\n    rich-colors\n    close-button\n  />\n</template>\n"],"mappings":""}

package/dist/standalone/AlfakitToaster.vue.d.ts

@@ -0,0 +1,28 @@
+import { type ToastPosition } from '@alfakit/core';
+/**
+ * Shows notifications flashed by standalone components (`Notification::make()->send()`
+ * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose
+ * layout has none gets one from its first `<AlfakitComponent>`.
+ *
+ * Flash data comes from the `flash` Inertia event after each visit and from the initial
+ * page (already fired before the app mounted), so it works in any layout.
+ */
+type __VLS_Props = {
+    /** Where toasts appear; `start`/`end` follow the reading direction. */
+    position?: ToastPosition;
+    dir?: 'ltr' | 'rtl';
+    /**
+     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already
+     * mounts one: flashed Alfakit notifications are then shown through it.
+     */
+    toaster?: boolean;
+    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */
+    claimed?: boolean;
+};
+declare const _default: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    dir: "ltr" | "rtl";
+    toaster: boolean;
+    claimed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+export default _default;
+//# sourceMappingURL=AlfakitToaster.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlfakitToaster.vue.d.ts","sourceRoot":"","sources":["../../src/standalone/AlfakitToaster.vue"],"names":[],"mappings":"AAyDA,OAAO,EAAwB,KAAK,aAAa,EAAE,MAAM,eAAe,CAAA;AAMxE;;;;;;;GAOG;AACH,KAAK,WAAW,GAAG;IACf,uEAAuE;IACvE,QAAQ,CAAC,EAAE,aAAa,CAAA;IACxB,GAAG,CAAC,EAAE,KAAK,GAAG,KAAK,CAAA;IACnB;;;OAGG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB,4EAA4E;IAC5E,OAAO,CAAC,EAAE,OAAO,CAAA;CAClB,CAAC;;SARM,KAAK,GAAG,KAAK;aAKT,OAAO;aAEP,OAAO;;AAsErB,wBAOG"}

package/dist/standalone/AlfakitToaster.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,40 @@
+import { useOptionalAlfakit as e } from "../context.js";
+import { claimToaster as t, createStandaloneContext as n, ensureFlashToasts as r } from "./runtime.js";
+import i from "../components/ui/Toaster.js";
+import { resolveToastPosition as a } from "@alfakit/core";
+import { createBlock as o, createCommentVNode as s, defineComponent as c, onMounted as l, onUnmounted as u, openBlock as d, unref as f } from "vue";
+//#region src/standalone/AlfakitToaster.vue?vue&type=script&setup=true&lang.ts
+var p = /*@__PURE__*/ c({
+	__name: "AlfakitToaster",
+	props: {
+		position: {},
+		dir: { default: "ltr" },
+		toaster: {
+			type: Boolean,
+			default: !0
+		},
+		claimed: {
+			type: Boolean,
+			default: !1
+		}
+	},
+	setup(c) {
+		let p = c, m = e() ?? n({
+			action: "",
+			modal: ""
+		}, void 0, void 0), h = null;
+		return l(() => {
+			p.claimed || (h = t()), r(m.registry);
+		}), u(() => h?.()), (e, t) => p.toaster ? (d(), o(i, {
+			key: 0,
+			position: f(a)(p.position, p.dir),
+			dir: p.dir,
+			"rich-colors": "",
+			"close-button": ""
+		}, null, 8, ["position", "dir"])) : s("", !0);
+	}
+});
+//#endregion
+export { p as default };
+
+//# sourceMappingURL=AlfakitToaster.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +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","ensureFlashToasts","onUnmounted","openBlock","createBlock","unref","resolveToastPosition","createCommentVNode"],"sources":["../../src/standalone/AlfakitToaster.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { resolveToastPosition, type ToastPosition } from '@alfakit/core'\nimport { onMounted, onUnmounted } from 'vue'\nimport Toaster from '../components/ui/Toaster.vue'\nimport { useOptionalAlfakit } from '../context'\nimport { claimToaster, createStandaloneContext, ensureFlashToasts } from './runtime'\n\n/**\n * Shows notifications flashed by standalone components (`Notification::make()->send()`\n * from `submit()` or an action) as toasts. Place it once in your app layout; a page whose\n * layout has none gets one from its first `<AlfakitComponent>`.\n *\n * Flash data comes from the `flash` Inertia event after each visit and from the initial\n * page (already fired before the app mounted), so it works in any layout.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Where toasts appear; `start`/`end` follow the reading direction. */\n    position?: ToastPosition\n    dir?: 'ltr' | 'rtl'\n    /**\n     * Render vue-sonner's `<Toaster>` too (default). Pass `false` when your layout already\n     * mounts one: flashed Alfakit notifications are then shown through it.\n     */\n    toaster?: boolean\n    /** @internal Set by `<AlfakitComponent>` when it takes the toaster role. */\n    claimed?: boolean\n  }>(),\n  { dir: 'ltr', toaster: true, claimed: false },\n)\n\n// Outside <AlfakitComponent> the flash reader needs a registry for custom toast views.\nconst context =\n  useOptionalAlfakit() ?? createStandaloneContext({ action: '', modal: '' }, undefined, undefined)\n\nlet release: (() => void) | null = null\n\nonMounted(() => {\n  if (!props.claimed) release = claimToaster()\n\n  ensureFlashToasts(context.registry)\n})\n\nonUnmounted(() => release?.())\n</script>\n\n<template>\n  <Toaster\n    v-if=\"props.toaster\"\n    :position=\"resolveToastPosition(props.position, props.dir)\"\n    :dir=\"props.dir\"\n    rich-colors\n    close-button\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;EAeA,IAAMO,IAAQC,GAiBRC,IACJC,EAAmB,KAAKC,EAAwB;GAAE,QAAQ;GAAI,OAAO;EAAG,GAAG,KAAA,GAAW,KAAA,CAAS,GAE7FC,IAA+B;SAEnCC,QAAgB;GAGd,AAFKN,EAAM,YAAS,IAAUO,EAAa,IAE3CC,EAAkBN,EAAQ,QAAQ;EACpC,CAAC,GAEDO,QAAkBJ,IAAU,CAAC,aAKnBL,EAAM,WADdP,EAAA,GAAAC,EAMEC,GAAA;;GAJC,UAAUC,EAAAiB,CAAA,CAAoB,CAACb,EAAM,UAAUA,EAAM,GAAG;GACxD,KAAKA,EAAM;GACZ,eAAA;GACA,gBAAA"}

package/dist/standalone/configure.d.ts

@@ -0,0 +1,13 @@
+import type { StandaloneDefaults } from '@alfakit/core';
+import type { AnyComponent } from '../context';
+/**
+ * Global defaults for every `<AlfakitComponent>` of the application, for pages outside a
+ * panel (no `createAlfakit()`). Call it once in your app entry:
+ *
+ * ```ts
+ * configureAlfakit({ components: { TextInput: MyInput, 'map-picker': MapPicker } })
+ * ```
+ */
+export declare function configureAlfakit(options: StandaloneDefaults<AnyComponent>): void;
+export declare function getStandaloneDefaults(): StandaloneDefaults<AnyComponent>;
+//# sourceMappingURL=configure.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"configure.d.ts","sourceRoot":"","sources":["../../src/standalone/configure.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,eAAe,CAAA;AACvD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,YAAY,CAAA;AAI9C;;;;;;;GAOG;AACH,wBAAgB,gBAAgB,CAAC,OAAO,EAAE,kBAAkB,CAAC,YAAY,CAAC,GAAG,IAAI,CAMhF;AAED,wBAAgB,qBAAqB,IAAI,kBAAkB,CAAC,YAAY,CAAC,CAExE"}

package/dist/standalone/configure.js

@@ -0,0 +1,19 @@
+//#region src/standalone/configure.ts
+var e = {};
+function t(t) {
+	e = {
+		...e,
+		...t,
+		components: {
+			...e.components,
+			...t.components
+		}
+	};
+}
+function n() {
+	return e;
+}
+//#endregion
+export { t as configureAlfakit, n as getStandaloneDefaults };
+
+//# sourceMappingURL=configure.js.map

package/dist/standalone/configure.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"configure.js","names":["defaults","configureAlfakit","options","getStandaloneDefaults"],"sources":["../../src/standalone/configure.ts"],"sourcesContent":["import type { StandaloneDefaults } from '@alfakit/core'\nimport type { AnyComponent } from '../context'\n\nlet defaults: StandaloneDefaults<AnyComponent> = {}\n\n/**\n * Global defaults for every `<AlfakitComponent>` of the application, for pages outside a\n * panel (no `createAlfakit()`). Call it once in your app entry:\n *\n * ```ts\n * configureAlfakit({ components: { TextInput: MyInput, 'map-picker': MapPicker } })\n * ```\n */\nexport function configureAlfakit(options: StandaloneDefaults<AnyComponent>): void {\n  defaults = {\n    ...defaults,\n    ...options,\n    components: { ...defaults.components, ...options.components },\n  }\n}\n\nexport function getStandaloneDefaults(): StandaloneDefaults<AnyComponent> {\n  return defaults\n}\n"],"mappings":";AAGA,IAAIA,IAA6C,CAAC;AAUlD,SAAgBC,EAAiB,GAAiD;CAChF,IAAW;EACT,GAAGD;EACH,GAAGE;EACH,YAAY;GAAE,GAAGF,EAAS;GAAY,GAAGE,EAAQ;EAAW;CAC9D;AACF;AAEA,SAAgBC,IAA0D;CACxE,OAAOH;AACT"}

package/dist/standalone/index.d.ts

@@ -0,0 +1,4 @@
+export { default as AlfakitComponent } from './AlfakitComponent.vue';
+export { default as AlfakitToaster } from './AlfakitToaster.vue';
+export { configureAlfakit } from './configure';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/standalone/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAA;AACpE,OAAO,EAAE,OAAO,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,aAAa,CAAA"}

package/dist/standalone/runtime.d.ts

@@ -0,0 +1,30 @@
+import { ComponentRegistry } from '@alfakit/core';
+import type { AlfakitContextValue, AnyComponent } from '../context';
+/** Browser-wide listeners every panel app installs; once per page load. */
+export declare function ensureStandaloneRuntime(): void;
+/**
+ * The registry of a standalone component: the built-in renderers, the `configureAlfakit()`
+ * defaults (or the surrounding panel's registry), then the component's own overrides.
+ */
+export declare function createStandaloneRegistry(overrides?: Record<string, AnyComponent>, base?: ComponentRegistry<AnyComponent>): ComponentRegistry<AnyComponent>;
+/**
+ * The context value of one `<AlfakitComponent>` rendered outside `createAlfakit()`: its
+ * own registry and action runner (so its modals are its own), the shared translator.
+ */
+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;
+/**
+ * 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
+ * before the app mounted). One listener per page load, so it survives layouts that remount
+ * between visits; the registry of the last mounted toaster renders custom toast views.
+ */
+export declare function ensureFlashToasts(registry: ComponentRegistry<AnyComponent>): void;
+/** The initial page's flash data (fired as an event before the app mounted). */
+export declare function initialFlash(): unknown;
+//# sourceMappingURL=runtime.d.ts.map

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

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

package/dist/standalone/runtime.js

@@ -0,0 +1,67 @@
+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";
+//#region src/standalone/runtime.ts
+var u = typeof window > "u", d = u ? null : new o(), f = !1;
+function p() {
+	u || f || (f = !0, s());
+}
+function m(e, r) {
+	if (!r) return t().registerMany(n().components ?? {}).registerMany(e ?? {});
+	if (!e || Object.keys(e).length === 0) return r;
+	let a = new i();
+	for (let e of r.types()) {
+		let t = r.resolve(e);
+		t && a.register(e, t);
+	}
+	return a.registerMany(e);
+}
+function h(t, n, i) {
+	let a = d ?? new o();
+	return {
+		registry: m(n),
+		pages: {},
+		translator: a,
+		actions: new r({
+			endpoints: { ...t },
+			onError: (t) => {
+				let n = c(t, null, (e, t, n) => a.t(e, t, n));
+				n && e(n);
+			}
+		}),
+		poll: i
+	};
+}
+var g = 0;
+function _() {
+	return g++, () => {
+		g--;
+	};
+}
+function v() {
+	return g > 0;
+}
+var y = new a(), b = null, x = !1;
+function S(t) {
+	if (b = t, u || x) return;
+	x = !0;
+	let n = (t) => {
+		let n = t?.alfakitNotifications;
+		for (let t of y.fresh(n)) e(t, b?.resolve(t.view ?? ""));
+	};
+	n(C()), l.on("flash", (e) => n(e.detail.flash));
+}
+function C() {
+	if (!u) try {
+		let e = document.querySelector("[data-page]")?.dataset.page;
+		return e ? JSON.parse(e).flash : void 0;
+	} catch {
+		return;
+	}
+}
+//#endregion
+export { _ as claimToaster, h as createStandaloneContext, m as createStandaloneRegistry, S as ensureFlashToasts, p as ensureStandaloneRuntime, v as hasToaster, C as initialFlash };
+
+//# sourceMappingURL=runtime.js.map

package/dist/standalone/runtime.js.map

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

package/dist/standalone.css

@@ -0,0 +1,150 @@
+/*
+ * Alfakit outside panels. Import it after Tailwind in the stylesheet of the application
+ * that renders `<AlfakitComponent>`, and point Tailwind at the renderer's compiled
+ * components so their classes are generated:
+ *
+ *   @import 'tailwindcss';
+ *   @import '@alfakit/react/standalone.css';
+ *   @source '../../node_modules/@alfakit/react/dist';
+ *
+ * Unlike `styles.css` (the panel stylesheet) it defines no shadcn palette: components
+ * inherit your application's `--primary`, `--border`, `--radius`… and only the status
+ * colours Alfakit adds (`success`, `warning`, `info`) get defaults here. Override them in
+ * your own `:root`. Shared by the React, Vue and Svelte renderers (copied into each dist).
+ */
+
+@custom-variant dark (&:is(.dark *));
+
+/*
+ * Grid classes are composed at runtime from schema breakpoints (`columns`, `columnSpan`),
+ * so force Tailwind to generate every variant the renderers can produce.
+ */
+@source inline('{,sm:,md:,lg:,xl:,2xl:}grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12}');
+@source inline('{,sm:,md:,lg:,xl:,2xl:}col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full}');
+@source inline('{,sm:,md:,lg:,xl:,2xl:}col-start-{1,2,3,4,5,6,7,8,9,10,11,12}');
+@source inline('line-clamp-{1,2,3,4,5,6}');
+@source inline('{,sm:,md:,lg:,xl:,2xl:}{flex,hidden,flex-row,flex-col,items-center}');
+@source inline(
+  '{@3xs:,@2xs:,@xs:,@sm:,@md:,@lg:,@xl:,@2xl:,@3xl:,@4xl:,@5xl:,@6xl:,@7xl:}grid-cols-{1,2,3,4,5,6,7,8,9,10,11,12}'
+);
+@source inline(
+  '{@3xs:,@2xs:,@xs:,@sm:,@md:,@lg:,@xl:,@2xl:,@3xl:,@4xl:,@5xl:,@6xl:,@7xl:}col-span-{1,2,3,4,5,6,7,8,9,10,11,12,full}'
+);
+@source inline('{,sm:,md:,lg:,xl:,2xl:}{flex-row,items-start,items-center,items-end}');
+
+/* Status colours used by badges, buttons, notifications and stats; shadcn has no defaults for them. */
+@theme inline {
+  --color-success: var(--success);
+  --color-success-foreground: var(--success-foreground);
+  --color-warning: var(--warning);
+  --color-warning-foreground: var(--warning-foreground);
+  --color-info: var(--info);
+  --color-info-foreground: var(--info-foreground);
+  --color-danger: var(--destructive);
+  --color-danger-foreground: var(--destructive-foreground);
+  --color-gray: var(--muted-foreground);
+}
+
+: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);
+}
+
+.dark {
+  --success: var(--alfakit-success, oklch(0.723 0.219 149.579));
+  --warning: var(--alfakit-warning, oklch(0.828 0.189 84.429));
+  --info: var(--alfakit-info, oklch(0.707 0.165 254.624));
+}
+
+/*
+ * Text on solid danger buttons and badges. The Laravel starter kits set
+ * `--destructive-foreground` to the same red as `--destructive` (their own buttons use
+ * `text-white`), which would hide the label of every danger button. Only AlfaKit's views
+ * (`data-alfakit-embedded` in starter kit pages, `data-alfakit-component` for standalone
+ * components) and the dialogs, sheets and menus they open while one is on the page get a
+ * readable foreground; the host's own components keep theirs. Override it with
+ * `--alfakit-danger-foreground`.
+ */
+:where([data-alfakit-embedded], [data-alfakit-component]),
+:where(body:has([data-alfakit-embedded], [data-alfakit-component]))
+  :where(
+    [data-slot='dialog-content'],
+    [data-slot='sheet-content'],
+    [data-slot='alert-dialog-content'],
+    [data-slot='dropdown-menu-content'],
+    [data-slot='popover-content']
+  ) {
+  --destructive-foreground: var(--alfakit-danger-foreground, oklch(0.985 0 0));
+  /* A non-inline `@theme` (the starter kits) resolves the colour on :root, so set it here too. */
+  --color-destructive-foreground: var(--destructive-foreground);
+}
+
+/* Rich editor content and extensions (same rules as the panel stylesheet). */
+.alfakit-prose :where(h2) {
+  @apply mt-4 mb-2 text-xl font-semibold;
+}
+.alfakit-prose :where(h3) {
+  @apply mt-3 mb-1 text-lg font-semibold;
+}
+.alfakit-prose :where(p) {
+  @apply my-2 leading-relaxed;
+}
+.alfakit-prose :where(ul) {
+  @apply my-2 list-disc ps-6;
+}
+.alfakit-prose :where(ol) {
+  @apply my-2 list-decimal ps-6;
+}
+.alfakit-prose :where(blockquote) {
+  @apply text-muted-foreground my-2 border-s-2 ps-4 italic;
+}
+.alfakit-prose :where(pre) {
+  @apply bg-muted my-2 overflow-x-auto rounded-md p-3 text-sm;
+}
+.alfakit-prose :where(code) {
+  @apply bg-muted rounded px-1 py-0.5 text-sm;
+}
+.alfakit-prose :where(a) {
+  @apply text-primary underline underline-offset-4;
+}
+.alfakit-prose :where(img) {
+  @apply my-2 max-w-full rounded-md;
+}
+.alfakit-prose :where(table) {
+  @apply my-2 w-full border-collapse text-sm;
+}
+.alfakit-prose :where(td, th) {
+  @apply border px-2 py-1;
+}
+.alfakit-prose :where(.alfakit-mention) {
+  @apply bg-primary/10 text-primary rounded px-1 font-medium;
+}
+.alfakit-prose :where(.alfakit-merge-tag) {
+  @apply bg-muted text-muted-foreground rounded px-1 font-mono text-xs;
+}
+.alfakit-prose :where(.alfakit-custom-block) {
+  @apply bg-card my-2 overflow-hidden rounded-md border;
+}
+.alfakit-prose :where(.alfakit-custom-block.ProseMirror-selectednode) {
+  @apply ring-ring/50 ring-[3px];
+}
+.alfakit-prose :where(.alfakit-custom-block-header) {
+  @apply text-muted-foreground bg-muted/40 flex items-center justify-between gap-2 border-b px-2 py-1 text-xs font-medium;
+}
+.alfakit-prose :where(.alfakit-custom-block-controls) {
+  @apply flex items-center gap-1;
+}
+.alfakit-prose :where(.alfakit-custom-block-controls button) {
+  @apply hover:bg-accent hover:text-accent-foreground rounded px-1.5 py-0.5;
+}
+.alfakit-prose :where(.alfakit-custom-block-preview) {
+  @apply p-3;
+}
+.tiptap p.is-editor-empty:first-child::before {
+  content: attr(data-placeholder);
+  @apply text-muted-foreground pointer-events-none float-left;
+}

package/dist/starter-kit/AlfakitStarterKitRoot.js

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

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

@@ -0,0 +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  <AlfakitRoot :toaster-id=\"STARTER_KIT_TOASTER_ID\">\n    <slot />\n  </AlfakitRoot>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,22 @@
+import { type StarterKitPageOptions } from './runtime';
+/**
+ * The Inertia layout around every Alfakit page in starter kit mode, inside the host layout:
+ * Alfakit's context, modals, toasts and the reading direction. It stays mounted while the
+ * user moves between Alfakit pages.
+ */
+type __VLS_Props = {
+    options?: StarterKitPageOptions;
+};
+declare var __VLS_5: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_5) => 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>;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AlfakitStarterKitRoot.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlfakitStarterKitRoot.vue.d.ts","sourceRoot":"","sources":["../../src/starter-kit/AlfakitStarterKitRoot.vue"],"names":[],"mappings":"AA2EA,OAAO,EAAqB,KAAK,qBAAqB,EAAE,MAAM,WAAW,CAAA;AAEzE;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,OAAO,CAAC,EAAE,qBAAqB,CAAA;CAAE,CAAC;AA4DvD,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"}