@alfakit/vue 0.0.0-stage → 0.1.0

package/LICENSE.md

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2026 Alfa Six Media and Management W.L.L.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/README.md

@@ -1,3 +1,20 @@
-# Temporary Holding Version
+# @alfakit/vue
 
-This version is a temporary placeholder for this package. An operational version to replace this has been submitted for review and is awaiting a staged release.
+<p><picture><source media="(prefers-color-scheme: dark)" srcset="https://raw.githubusercontent.com/alfasixbh/alfakit/main/art/alfasix/alfa-six-micro-white.svg"><img src="https://raw.githubusercontent.com/alfasixbh/alfakit/main/art/alfasix/alfa-six-micro-navy.svg" alt="" width="24" height="18" align="top"></picture> <sub>by <a href="https://alfasixbh.com">Alfa Six</a></sub></p>
+
+Vue 3 renderer for AlfaKit, built on shadcn-vue, Reka UI and Inertia.js.
+
+AlfaKit is the frontend-agnostic admin panel builder for Laravel by [Alfa Six](https://alfasixbh.com). Panels, resources, forms, tables and actions are defined in PHP and rendered by this package.
+
+## Install
+
+```bash
+composer require alfasix/alfakit
+php artisan alfakit:install --adapter=vue
+```
+
+The installer creates `resources/js/alfakit/app.*` and `resources/css/alfakit.css` and registers them with Vite. See the [documentation](https://alfakit.dev/docs) for custom components, pages and theming.
+
+## License
+
+MIT © Alfa Six

package/dist/AlfakitRoot.js

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

package/dist/AlfakitRoot.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlfakitRoot.js","names":["_sfc_main","AlfakitRoot_vue_vue_type_script_setup_true_lang_default","AlfakitRoot_default"],"sources":["../src/AlfakitRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  applyDocumentLocale,\n  applyPanelTheme,\n  PANEL_TOAST_OFFSET,\n  resolveToastPosition,\n  type AlfakitPageProps,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { ConfigProvider } from 'reka-ui'\nimport { computed, watch } from 'vue'\nimport ActionModals from './components/actions/ActionModals.vue'\nimport DevToolsSlot from './components/dev-tools/DevToolsSlot.vue'\nimport FlashToasts from './components/notifications/FlashToasts.vue'\nimport RealtimeNotifications from './components/notifications/RealtimeNotifications.vue'\nimport ImpersonationBanner from './components/panel/ImpersonationBanner.vue'\nimport PwaManager from './components/panel/PwaManager.vue'\nimport SchemaContractGuard from './components/panel/SchemaContractGuard.vue'\nimport Toaster from './components/ui/Toaster.vue'\nimport TooltipProvider from './components/ui/TooltipProvider.vue'\nimport { useAlfakit } from './context'\n\n/**\n * Persistent layout rendered inside Inertia's page tree, so modals and toasts can read page\n * props through `usePage()`. It follows the current page: the reading direction for reka-ui\n * primitives, modals and toasts.\n */\n/** Starter kit mode: Alfakit's toaster gets an id so the host's id-less one never doubles its toasts. */\ndefineProps<{ toasterId?: string }>()\n\nconst page = usePage<AlfakitPageProps>()\nconst { translator, registry } = useAlfakit()\n\n// Replace with createAlfakit({ components: { 'panel:impersonation-banner': … } }).\nconst impersonationBanner = registry.resolve('panel:impersonation-banner') ?? ImpersonationBanner\n\nconst panel = computed(() => page.props.alfakit as AlfakitPageProps['alfakit'] | undefined)\nconst localization = computed(() => panel.value?.localization)\nconst direction = computed(() => localization.value?.direction ?? 'ltr')\n\n// Every visit (including the redirect after a language switch, which is a POST + redirect\n// and so not a plain navigation) may carry new strings: update the translator synchronously,\n// before children re-render.\nwatch(\n  () => [panel.value?.translations, localization.value?.tag] as const,\n  ([translations, tag]) => {\n    if (!panel.value) return\n\n    translator.setTranslations(translations ?? {})\n    translator.setLocale(tag ?? 'en')\n  },\n  { immediate: true, flush: 'sync' },\n)\n\nwatch(localization, (value) => applyDocumentLocale(value), { immediate: true })\nwatch(panel, (value) => applyPanelTheme(value), { immediate: true })\n</script>\n\n<template>\n  <ConfigProvider :dir=\"direction\">\n    <TooltipProvider :delay-duration=\"0\">\n      <SchemaContractGuard :panel=\"panel\">\n        <slot />\n      </SchemaContractGuard>\n      <ActionModals />\n      <FlashToasts />\n      <RealtimeNotifications />\n      <!-- `Panel::pwa()`: service worker and the \"new version\" toast. -->\n      <PwaManager />\n      <!-- Schema inspector: renders (and loads its code) only with `alfakitDevTools`. -->\n      <DevToolsSlot />\n      <component\n        :is=\"impersonationBanner\"\n        v-if=\"panel?.impersonation\"\n        :impersonation=\"panel.impersonation\"\n      />\n      <Toaster\n        :id=\"toasterId\"\n        :position=\"resolveToastPosition(panel?.toastPosition, direction)\"\n        :offset=\"PANEL_TOAST_OFFSET\"\n        :mobile-offset=\"PANEL_TOAST_OFFSET\"\n        :dir=\"direction\"\n        rich-colors\n        close-button\n      />\n    </TooltipProvider>\n  </ConfigProvider>\n</template>\n"],"mappings":""}

package/dist/AlfakitRoot.vue.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Persistent layout rendered inside Inertia's page tree, so modals and toasts can read page
+ * props through `usePage()`. It follows the current page: the reading direction for reka-ui
+ * primitives, modals and toasts.
+ */
+/** Starter kit mode: Alfakit's toaster gets an id so the host's id-less one never doubles its toasts. */
+type __VLS_Props = {
+    toasterId?: string;
+};
+declare var __VLS_12: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_12) => 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=AlfakitRoot.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AlfakitRoot.vue.d.ts","sourceRoot":"","sources":["../src/AlfakitRoot.vue"],"names":[],"mappings":"AA+GA;;;;GAIG;AACH,yGAAyG;AACzG,KAAK,WAAW,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC;AAqI1C,QAAA,IAAI,QAAQ,IAAY,CAAE;AAC1B,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,QAAQ,KAAK,GAAG,CAAA;CAAE,CAAC;AAiChD,QAAA,MAAM,eAAe,kSAMnB,CAAC;wBACkB,eAAe,CAAC,OAAO,eAAe,EAAE,WAAW,CAAC;AAAzE,wBAA0E;AAQ1E,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KAEV,CAAA;CACD,CAAC"}

package/dist/AlfakitRoot.vue_vue_type_script_setup_true_lang.js

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

package/dist/AlfakitRoot.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AlfakitRoot.vue_vue_type_script_setup_true_lang.js","names":["ImpersonationBanner","_openBlock","_createBlock","_unref","_withCtx","_createVNode","TooltipProvider","SchemaContractGuard","_renderSlot","ActionModals","FlashToasts","RealtimeNotifications","PwaManager","DevToolsSlot","_resolveDynamicComponent","_createCommentVNode","Toaster","ActionModals_default","TooltipProvider_default","FlashToasts_default","RealtimeNotifications_default","ImpersonationBanner_default","PwaManager_default","Toaster_default","DevToolsSlot_default","SchemaContractGuard_default","AlfakitRoot_vue_vue_type_script_setup_true_lang_default","page","usePage","useAlfakit","impersonationBanner","registry","panel","computed","localization","direction","watch","translations","tag","translator","applyDocumentLocale","value","applyPanelTheme","openBlock","createBlock","unref","ConfigProvider","withCtx","createVNode","renderSlot","_ctx","resolveDynamicComponent","createCommentVNode","__props","resolveToastPosition","PANEL_TOAST_OFFSET"],"sources":["../src/AlfakitRoot.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport {\n  applyDocumentLocale,\n  applyPanelTheme,\n  PANEL_TOAST_OFFSET,\n  resolveToastPosition,\n  type AlfakitPageProps,\n} from '@alfakit/core'\nimport { usePage } from '@inertiajs/vue3'\nimport { ConfigProvider } from 'reka-ui'\nimport { computed, watch } from 'vue'\nimport ActionModals from './components/actions/ActionModals.vue'\nimport DevToolsSlot from './components/dev-tools/DevToolsSlot.vue'\nimport FlashToasts from './components/notifications/FlashToasts.vue'\nimport RealtimeNotifications from './components/notifications/RealtimeNotifications.vue'\nimport ImpersonationBanner from './components/panel/ImpersonationBanner.vue'\nimport PwaManager from './components/panel/PwaManager.vue'\nimport SchemaContractGuard from './components/panel/SchemaContractGuard.vue'\nimport Toaster from './components/ui/Toaster.vue'\nimport TooltipProvider from './components/ui/TooltipProvider.vue'\nimport { useAlfakit } from './context'\n\n/**\n * Persistent layout rendered inside Inertia's page tree, so modals and toasts can read page\n * props through `usePage()`. It follows the current page: the reading direction for reka-ui\n * primitives, modals and toasts.\n */\n/** Starter kit mode: Alfakit's toaster gets an id so the host's id-less one never doubles its toasts. */\ndefineProps<{ toasterId?: string }>()\n\nconst page = usePage<AlfakitPageProps>()\nconst { translator, registry } = useAlfakit()\n\n// Replace with createAlfakit({ components: { 'panel:impersonation-banner': … } }).\nconst impersonationBanner = registry.resolve('panel:impersonation-banner') ?? ImpersonationBanner\n\nconst panel = computed(() => page.props.alfakit as AlfakitPageProps['alfakit'] | undefined)\nconst localization = computed(() => panel.value?.localization)\nconst direction = computed(() => localization.value?.direction ?? 'ltr')\n\n// Every visit (including the redirect after a language switch, which is a POST + redirect\n// and so not a plain navigation) may carry new strings: update the translator synchronously,\n// before children re-render.\nwatch(\n  () => [panel.value?.translations, localization.value?.tag] as const,\n  ([translations, tag]) => {\n    if (!panel.value) return\n\n    translator.setTranslations(translations ?? {})\n    translator.setLocale(tag ?? 'en')\n  },\n  { immediate: true, flush: 'sync' },\n)\n\nwatch(localization, (value) => applyDocumentLocale(value), { immediate: true })\nwatch(panel, (value) => applyPanelTheme(value), { immediate: true })\n</script>\n\n<template>\n  <ConfigProvider :dir=\"direction\">\n    <TooltipProvider :delay-duration=\"0\">\n      <SchemaContractGuard :panel=\"panel\">\n        <slot />\n      </SchemaContractGuard>\n      <ActionModals />\n      <FlashToasts />\n      <RealtimeNotifications />\n      <!-- `Panel::pwa()`: service worker and the \"new version\" toast. -->\n      <PwaManager />\n      <!-- Schema inspector: renders (and loads its code) only with `alfakitDevTools`. -->\n      <DevToolsSlot />\n      <component\n        :is=\"impersonationBanner\"\n        v-if=\"panel?.impersonation\"\n        :impersonation=\"panel.impersonation\"\n      />\n      <Toaster\n        :id=\"toasterId\"\n        :position=\"resolveToastPosition(panel?.toastPosition, direction)\"\n        :offset=\"PANEL_TOAST_OFFSET\"\n        :mobile-offset=\"PANEL_TOAST_OFFSET\"\n        :dir=\"direction\"\n        rich-colors\n        close-button\n      />\n    </TooltipProvider>\n  </ConfigProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;EA8BA,IAAM2B,IAAOC,EAA0B,GACjC,EAAE,eAAY,gBAAaC,EAAW,GAGtCC,IAAsBC,EAAS,QAAQ,4BAA4B,KAAK/B,GAExEgC,IAAQC,QAAeN,EAAK,MAAM,OAAkD,GACpFO,IAAeD,QAAeD,EAAM,OAAO,YAAY,GACvDG,IAAYF,QAAeC,EAAa,OAAO,aAAa,KAAK;SAKvEE,QACQ,CAACJ,EAAM,OAAO,cAAcE,EAAa,OAAO,GAAG,IACxD,CAACG,GAAcC,OAAS;GACvB,AAAKN,EAAM,UAEXO,EAAW,gBAAgBF,KAAgB,CAAC,CAAC,GAC7CE,EAAW,UAAUD,KAAO,IAAI;EAClC,GACA;GAAE,WAAW;GAAM,OAAO;EAAO,CACnC,GAEAF,EAAMF,IAAe,MAAUM,EAAoBC,CAAK,GAAG,EAAE,WAAW,GAAK,CAAC,GAC9EL,EAAMJ,IAAQ,MAAUU,EAAgBD,CAAK,GAAG,EAAE,WAAW,GAAK,CAAC,cAIjExC,EAAA,GAAAC,EA2BiBC,EAAA2C,CAAA,GAAA,EA3BA,KAAKX,EAAA,MAAS,GAAA;GAC7B,SAAA/B,QAyBkB,CAzBlBC,EAyBkBC,GAAA,EAzBA,kBAAgB,EAAC,GAAA;IACjC,SAAAF,QAEsB;KAFtBC,EAEsBE,GAAA,EAFA,OAAOyB,EAAA,MAAK,GAAA;MAChC,SAAA5B,QAAQ,CAARI,EAAQ0C,EAAA,QAAA,SAAA,CAAA,CAAA;;;KAEV7C,EAAgBI,CAAA;KAChBJ,EAAeK,CAAA;KACfL,EAAyBM,CAAA;KAEzBN,EAAcO,CAAA;KAEdP,EAAgBQ,CAAA;KAGRmB,EAAA,OAAO,iBAFf/B,EAAA,GAAAC,EAIEY,EAHKX,EAAA2B,CAAA,CAAmB,GAAA;;MAEvB,eAAeE,EAAA,MAAM;;KAExB3B,EAQEW,GAAA;MAPC,IAAIqC,EAAA;MACJ,UAAUlD,EAAAmD,CAAA,CAAoB,CAACtB,EAAA,OAAO,eAAeG,EAAA,KAAS;MAC9D,QAAQhC,EAAAoD,CAAA;MACR,iBAAepD,EAAAoD,CAAA;MACf,KAAKpB,EAAA;MACN,eAAA;MACA,gBAAA"}

package/dist/_virtual/_plugin-vue_export-helper.js

@@ -0,0 +1,8 @@
+//#region \0plugin-vue:export-helper
+var e = (e, t) => {
+	let n = e.__vccOpts || e;
+	for (let [e, r] of t) n[e] = r;
+	return n;
+};
+//#endregion
+export { e as default };

package/dist/app/components.d.ts

@@ -0,0 +1,147 @@
+import { type ContentBlock, type PageSchema } from '@alfakit/core';
+import { type ComputedRef, type PropType } from 'vue';
+/**
+ * Building blocks for custom page components: the page shell with the panel layout, and the
+ * page's PHP-defined pieces rendered by name, with live fields, actions, uploads and polling
+ * working exactly as on schema-driven pages.
+ */
+/** The current page with its lazy components resolved. */
+export declare function useAppPage(): ComputedRef<PageSchema | undefined>;
+/** A content block of the page by key (`form:customer`, `table`, `headerWidgets`…). */
+export declare function usePageBlock(key: string): ComputedRef<ContentBlock | undefined>;
+/**
+ * The page's layout (sidebar and topbar, `fullscreen`…), heading, header actions and
+ * document title around a custom component: `<AppPage>…</AppPage>`.
+ */
+export declare const AppPage: import("vue").DefineComponent<{}, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** Render any content block of the page by key; the `fallback` slot when it has none. */
+export declare const PageBlock: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    /** `form:customer`, `table:products`, `infolist:summary`, `form`, `table`, `content`… */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}> | import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>[] | undefined, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    /** `form:customer`, `table:products`, `infolist:summary`, `form`, `table`, `content`… */
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A form defined by `{name}Form(Schema $schema)` (or the page's `form()` without a name). */
+export declare const PageForm: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: undefined;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** A table defined by `{name}Table(Table $table)` (or the page's `table()` without a name). */
+export declare const PageTable: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: undefined;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** An infolist defined by `{name}Infolist(Schema $schema)` (or the page's `infolist()`). */
+export declare const PageInfolist: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: undefined;
+    name: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+/** The page's header (default) or footer widgets. */
+export declare const PageWidgets: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    position: {
+        type: PropType<"header" | "footer">;
+        default: string;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>, () => import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
+    [key: string]: any;
+}>, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    position: {
+        type: PropType<"header" | "footer">;
+        default: string;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    class: undefined;
+    position: "footer" | "header";
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=components.d.ts.map

package/dist/app/components.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../src/app/components.ts"],"names":[],"mappings":"AAAA,OAAO,EAAyB,KAAK,YAAY,EAAE,KAAK,UAAU,EAAE,MAAM,eAAe,CAAA;AAEzF,OAAO,EAAgC,KAAK,WAAW,EAAE,KAAK,QAAQ,EAAE,MAAM,KAAK,CAAA;AAOnF;;;;GAIG;AAEH,0DAA0D;AAC1D,wBAAgB,UAAU,IAAI,WAAW,CAAC,UAAU,GAAG,SAAS,CAAC,CAOhE;AAED,uFAAuF;AACvF,wBAAgB,YAAY,CAAC,GAAG,EAAE,MAAM,GAAG,WAAW,CAAC,YAAY,GAAG,SAAS,CAAC,CAI/E;AAED;;;GAGG;AACH,eAAO,MAAM,OAAO;;yPAsBlB,CAAA;AAEF,yFAAyF;AACzF,eAAO,MAAM,SAAS;IAGlB,yFAAyF;;;;;;cAE/C,QAAQ,CAAC,OAAO,CAAC;;;;;;;;IAF3D,yFAAyF;;;;;;cAE/C,QAAQ,CAAC,OAAO,CAAC;;;;;4EAmB7D,CAAA;AAoBF,8FAA8F;AAC9F,eAAO,MAAM,QAAQ;;;;;;cAd2B,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;cAAjB,QAAQ,CAAC,OAAO,CAAC;;;;;;4EAcH,CAAA;AAE9D,+FAA+F;AAC/F,eAAO,MAAM,SAAS;;;;;;cAjB0B,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;cAAjB,QAAQ,CAAC,OAAO,CAAC;;;;;;4EAiBC,CAAA;AAElE,4FAA4F;AAC5F,eAAO,MAAM,YAAY;;;;;;cApBuB,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;cAAjB,QAAQ,CAAC,OAAO,CAAC;;;;;;4EAoBa,CAAA;AAE9E,qDAAqD;AACrD,eAAO,MAAM,WAAW;;cAGQ,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;;;;cACf,QAAQ,CAAC,OAAO,CAAC;;;;;;;cAD/B,QAAQ,CAAC,QAAQ,GAAG,QAAQ,CAAC;;;;cACf,QAAQ,CAAC,OAAO,CAAC;;;;;;4EAa7D,CAAA"}

package/dist/app/components.js

@@ -0,0 +1,105 @@
+import { useAlfakitProps as e, usePageSchema as t, usePanel as n } from "../context.js";
+import { providePageActionContext as r } from "../components/actions/action-context.js";
+import { cn as i } from "../lib/utils.js";
+import a from "../pages/ContentBlockRenderer.js";
+import o from "../pages/PageShell.js";
+import { resolveLazyComponents as s } from "@alfakit/core";
+import { Head as c } from "@inertiajs/vue3";
+import { computed as l, defineComponent as u, h as d } from "vue";
+//#region src/app/components.ts
+function f() {
+	let n = e(), r = t();
+	return l(() => r.value ? s(r.value, n.value.alfakitLazy) : void 0);
+}
+function p(e) {
+	let t = f();
+	return l(() => t.value?.content.find((t) => t.key === e));
+}
+var m = u({
+	name: "AppPage",
+	setup(e, { slots: t }) {
+		let i = f(), a = n();
+		return r({
+			get token() {
+				return i.value?.token ?? "";
+			},
+			component: "page"
+		}), () => i.value ? [d(c, { title: `${i.value.title} - ${a.value.brandName}` }), d(o, { page: i.value }, { default: () => t.default?.() })] : t.default?.();
+	}
+}), h = u({
+	name: "PageBlock",
+	props: {
+		name: {
+			type: String,
+			required: !0
+		},
+		class: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
+		}
+	},
+	setup(e, { slots: t }) {
+		let n = f(), r = l(() => n.value?.content.find((t) => t.key === e.name));
+		return () => r.value ? d("div", {
+			"data-slot": "page-block",
+			"data-block": e.name,
+			class: i("min-w-0", e.class)
+		}, [d(a, { block: r.value })]) : t.fallback?.();
+	}
+});
+function g(e, t, n) {
+	return u({
+		name: e,
+		props: {
+			name: {
+				type: String,
+				default: void 0
+			},
+			class: {
+				type: [
+					String,
+					Array,
+					Object
+				],
+				default: void 0
+			}
+		},
+		setup(e, { slots: r }) {
+			return () => d(h, {
+				name: e.name ? `${t}:${e.name}` : n,
+				class: e.class
+			}, r);
+		}
+	});
+}
+var _ = g("PageForm", "form", "form"), v = g("PageTable", "table", "table"), y = g("PageInfolist", "infolist", "infolist"), b = u({
+	name: "PageWidgets",
+	props: {
+		position: {
+			type: String,
+			default: "header"
+		},
+		class: {
+			type: [
+				String,
+				Array,
+				Object
+			],
+			default: void 0
+		}
+	},
+	setup(e, { slots: t }) {
+		return () => d(h, {
+			name: e.position === "footer" ? "footerWidgets" : "headerWidgets",
+			class: e.class
+		}, t);
+	}
+});
+//#endregion
+export { m as AppPage, h as PageBlock, _ as PageForm, y as PageInfolist, v as PageTable, b as PageWidgets, f as useAppPage, p as usePageBlock };
+
+//# sourceMappingURL=components.js.map

package/dist/app/components.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"components.js","names":["PageShell","ContentBlockRenderer","ContentBlockRenderer_default","PageShell_default","useAppPage","props","useAlfakitProps","page","usePageSchema","computed","resolveLazyComponents","usePageBlock","block","key","AppPage","defineComponent","panel","usePanel","providePageActionContext","h","Head","slots","PageBlock","item","cn","namedBlock","prefix","fallbackKey","PageForm","PageTable","PageInfolist","PageWidgets"],"sources":["../../src/app/components.ts"],"sourcesContent":["import { resolveLazyComponents, type ContentBlock, type PageSchema } from '@alfakit/core'\nimport { Head } from '@inertiajs/vue3'\nimport { computed, defineComponent, h, type ComputedRef, type PropType } from 'vue'\nimport { providePageActionContext } from '../components/actions/action-context'\nimport { useAlfakitProps, usePageSchema, usePanel } from '../context'\nimport { cn } from '../lib/utils'\nimport ContentBlockRenderer from '../pages/ContentBlockRenderer.vue'\nimport PageShell from '../pages/PageShell.vue'\n\n/**\n * Building blocks for custom page components: the page shell with the panel layout, and the\n * page's PHP-defined pieces rendered by name, with live fields, actions, uploads and polling\n * working exactly as on schema-driven pages.\n */\n\n/** The current page with its lazy components resolved. */\nexport function useAppPage(): ComputedRef<PageSchema | undefined> {\n  const props = useAlfakitProps()\n  const page = usePageSchema()\n\n  return computed(() =>\n    page.value ? resolveLazyComponents(page.value, props.value.alfakitLazy) : undefined,\n  )\n}\n\n/** A content block of the page by key (`form:customer`, `table`, `headerWidgets`…). */\nexport function usePageBlock(key: string): ComputedRef<ContentBlock | undefined> {\n  const page = useAppPage()\n\n  return computed(() => page.value?.content.find((block) => block.key === key))\n}\n\n/**\n * The page's layout (sidebar and topbar, `fullscreen`…), heading, header actions and\n * document title around a custom component: `<AppPage>…</AppPage>`.\n */\nexport const AppPage = defineComponent({\n  name: 'AppPage',\n  setup(_, { slots }) {\n    const page = useAppPage()\n    const panel = usePanel()\n\n    providePageActionContext({\n      get token() {\n        return page.value?.token ?? ''\n      },\n      component: 'page',\n    })\n\n    return () => {\n      if (!page.value) return slots.default?.()\n\n      return [\n        h(Head, { title: `${page.value.title} - ${panel.value.brandName}` }),\n        h(PageShell, { page: page.value }, { default: () => slots.default?.() }),\n      ]\n    }\n  },\n})\n\n/** Render any content block of the page by key; the `fallback` slot when it has none. */\nexport const PageBlock = defineComponent({\n  name: 'PageBlock',\n  props: {\n    /** `form:customer`, `table:products`, `infolist:summary`, `form`, `table`, `content`… */\n    name: { type: String, required: true },\n    class: { type: [String, Array, Object] as PropType<unknown>, default: undefined },\n  },\n  setup(props, { slots }) {\n    const page = useAppPage()\n    const block = computed(() => page.value?.content.find((item) => item.key === props.name))\n\n    return () =>\n      block.value\n        ? h(\n            'div',\n            {\n              'data-slot': 'page-block',\n              'data-block': props.name,\n              class: cn('min-w-0', props.class as string | undefined),\n            },\n            [h(ContentBlockRenderer, { block: block.value })],\n          )\n        : slots.fallback?.()\n  },\n})\n\nfunction namedBlock(name: string, prefix: string, fallbackKey: string) {\n  return defineComponent({\n    name,\n    props: {\n      name: { type: String, default: undefined },\n      class: { type: [String, Array, Object] as PropType<unknown>, default: undefined },\n    },\n    setup(props, { slots }) {\n      return () =>\n        h(\n          PageBlock,\n          { name: props.name ? `${prefix}:${props.name}` : fallbackKey, class: props.class },\n          slots,\n        )\n    },\n  })\n}\n\n/** A form defined by `{name}Form(Schema $schema)` (or the page's `form()` without a name). */\nexport const PageForm = namedBlock('PageForm', 'form', 'form')\n\n/** A table defined by `{name}Table(Table $table)` (or the page's `table()` without a name). */\nexport const PageTable = namedBlock('PageTable', 'table', 'table')\n\n/** An infolist defined by `{name}Infolist(Schema $schema)` (or the page's `infolist()`). */\nexport const PageInfolist = namedBlock('PageInfolist', 'infolist', 'infolist')\n\n/** The page's header (default) or footer widgets. */\nexport const PageWidgets = defineComponent({\n  name: 'PageWidgets',\n  props: {\n    position: { type: String as PropType<'header' | 'footer'>, default: 'header' },\n    class: { type: [String, Array, Object] as PropType<unknown>, default: undefined },\n  },\n  setup(props, { slots }) {\n    return () =>\n      h(\n        PageBlock,\n        {\n          name: props.position === 'footer' ? 'footerWidgets' : 'headerWidgets',\n          class: props.class,\n        },\n        slots,\n      )\n  },\n})\n"],"mappings":";;;;;;;;;AAgBA,SAAgBI,IAAkD;CAChE,IAAMC,IAAQC,EAAgB,GACxBC,IAAOC,EAAc;CAE3B,OAAOC,QACLF,EAAK,QAAQG,EAAsBH,EAAK,OAAOF,EAAM,MAAM,WAAW,IAAI,KAAA,CAC5E;AACF;AAGA,SAAgBM,EAAa,GAAoD;CAC/E,IAAMJ,IAAOH,EAAW;CAExB,OAAOK,QAAeF,EAAK,OAAO,QAAQ,MAAM,MAAUK,EAAM,QAAQC,CAAG,CAAC;AAC9E;AAMA,IAAaC,IAAUC,EAAgB;CACrC,MAAM;CACN,MAAM,GAAG,EAAE,YAAS;EAClB,IAAMR,IAAOH,EAAW,GAClBY,IAAQC,EAAS;EASvB,OAPAC,EAAyB;GACvB,IAAI,QAAQ;IACV,OAAOX,EAAK,OAAO,SAAS;GAC9B;GACA,WAAW;EACb,CAAC,SAGMA,EAAK,QAEH,CACLY,EAAEC,GAAM,EAAE,OAAO,GAAGb,EAAK,MAAM,MAAM,KAAKS,EAAM,MAAM,YAAY,CAAC,GACnEG,EAAEnB,GAAW,EAAE,MAAMO,EAAK,MAAM,GAAG,EAAE,eAAec,EAAM,UAAU,EAAE,CAAC,CACzE,IALwBA,EAAM,UAAU;CAO5C;AACF,CAAC,GAGYC,IAAYP,EAAgB;CACvC,MAAM;CACN,OAAO;EAEL,MAAM;GAAE,MAAM;GAAQ,UAAU;EAAK;EACrC,OAAO;GAAE,MAAM;IAAC;IAAQ;IAAO;GAAM;GAAwB,SAAS,KAAA;EAAU;CAClF;CACA,MAAM,GAAO,EAAE,YAAS;EACtB,IAAMR,IAAOH,EAAW,GAClBQ,IAAQH,QAAeF,EAAK,OAAO,QAAQ,MAAM,MAASgB,EAAK,QAAQlB,EAAM,IAAI,CAAC;EAExF,aACEO,EAAM,QACFO,EACE,OACA;GACE,aAAa;GACb,cAAcd,EAAM;GACpB,OAAOmB,EAAG,WAAWnB,EAAM,KAA2B;EACxD,GACA,CAACc,EAAElB,GAAsB,EAAE,OAAOW,EAAM,MAAM,CAAC,CAAC,CAClD,IACAS,EAAM,WAAW;CACzB;AACF,CAAC;AAED,SAASI,EAAW,GAAc,GAAgB,GAAqB;CACrE,OAAOV,EAAgB;EACrB;EACA,OAAO;GACL,MAAM;IAAE,MAAM;IAAQ,SAAS,KAAA;GAAU;GACzC,OAAO;IAAE,MAAM;KAAC;KAAQ;KAAO;IAAM;IAAwB,SAAS,KAAA;GAAU;EAClF;EACA,MAAM,GAAO,EAAE,YAAS;GACtB,aACEI,EACEG,GACA;IAAE,MAAMjB,EAAM,OAAO,GAAGqB,EAAO,GAAGrB,EAAM,SAASsB;IAAa,OAAOtB,EAAM;GAAM,GACjFgB,CACF;EACJ;CACF,CAAC;AACH;AAGA,IAAaO,IAAWH,EAAW,YAAY,QAAQ,MAAM,GAGhDI,IAAYJ,EAAW,aAAa,SAAS,OAAO,GAGpDK,IAAeL,EAAW,gBAAgB,YAAY,UAAU,GAGhEM,IAAchB,EAAgB;CACzC,MAAM;CACN,OAAO;EACL,UAAU;GAAE,MAAM;GAAyC,SAAS;EAAS;EAC7E,OAAO;GAAE,MAAM;IAAC;IAAQ;IAAO;GAAM;GAAwB,SAAS,KAAA;EAAU;CAClF;CACA,MAAM,GAAO,EAAE,YAAS;EACtB,aACEI,EACEG,GACA;GACE,MAAMjB,EAAM,aAAa,WAAW,kBAAkB;GACtD,OAAOA,EAAM;EACf,GACAgB,CACF;CACJ;AACF,CAAC"}

package/dist/app/composables.d.ts

@@ -0,0 +1,67 @@
+import { type FormStore, type LivePropsOptions, type PageMethodArguments, type PageMethodCallOptions, type ShortcutOptions } from '@alfakit/core';
+import { type ComputedRef, type Ref, type ShallowRef } from 'vue';
+export interface UsePageMethodOptions<TResult, TArgs> extends PageMethodCallOptions<TArgs> {
+    onSuccess?: (result: TResult, args: TArgs | undefined) => void;
+    onError?: (error: unknown, args: TArgs | undefined) => void;
+}
+export interface PageMethodBinding<TResult, TArgs> {
+    /** Call the method. Resolves with its result, or `undefined` when it failed. */
+    call: (args?: TArgs, options?: PageMethodCallOptions<TArgs>) => Promise<TResult | undefined>;
+    /** Like `call`, but rejects with the error (`PageMethodError`) when it fails. */
+    callOrThrow: (args?: TArgs, options?: PageMethodCallOptions<TArgs>) => Promise<TResult>;
+    loading: Readonly<Ref<boolean>>;
+    result: Readonly<ShallowRef<TResult | undefined>>;
+    error: Readonly<ShallowRef<unknown>>;
+    /** Validation errors of the last call, first message per key (`{ sku: '…' }`). */
+    errors: Readonly<Ref<Record<string, string>>>;
+    reset: () => void;
+}
+/**
+ * Call one `#[Expose]` method of the page:
+ *
+ * ```ts
+ * const checkout = usePageMethod<Order, { items: CartLine[] }>('checkout', { forms: ['customer'] })
+ * // <Button :disabled="checkout.loading.value" @click="checkout.call({ items })">Charge</Button>
+ * ```
+ */
+export declare function usePageMethod<TResult = unknown, TArgs extends PageMethodArguments = Record<string, unknown>>(method: string, options?: UsePageMethodOptions<TResult, TArgs>): PageMethodBinding<TResult, TArgs>;
+/** A map of method names to their arguments and results, for typed `usePageMethods()`. */
+export type PageMethodMap = Record<string, {
+    args?: PageMethodArguments;
+    result?: unknown;
+}>;
+export interface PageMethodsBinding<TMap extends PageMethodMap> {
+    call: <K extends keyof TMap & string>(method: K, args?: TMap[K]['args'], options?: PageMethodCallOptions<TMap[K]['args']>) => Promise<TMap[K]['result'] | undefined>;
+    callOrThrow: <K extends keyof TMap & string>(method: K, args?: TMap[K]['args'], options?: PageMethodCallOptions<TMap[K]['args']>) => Promise<TMap[K]['result']>;
+    /** True while any call is in flight; `isLoading('checkout')` for one method. */
+    loading: ComputedRef<boolean>;
+    isLoading: (method: keyof TMap & string) => boolean;
+    /** Validation errors of the last failed call, by method. */
+    errors: Readonly<Ref<Partial<Record<keyof TMap & string, Record<string, string>>>>>;
+}
+/** Call any `#[Expose]` method of the page by name. */
+export declare function usePageMethods<TMap extends PageMethodMap = PageMethodMap>(defaults?: PageMethodCallOptions): PageMethodsBinding<TMap>;
+/** Reload view data (`getViewData()` keys) with an Inertia partial reload. */
+export declare function useReloadProps(only?: string[]): {
+    reload: (props?: string[]) => Promise<void>;
+    reloading: ComputedRef<boolean>;
+};
+/**
+ * Keep view data props fresh while the component is mounted: every `poll` interval, and/or
+ * when a Laravel Echo event arrives (`echo: { channel, events }`).
+ */
+export declare function useLiveProps(only: string[], options: LivePropsOptions): void;
+/** A keyboard shortcut while the component is mounted: `useShortcut('mod+k', openSearch)`. */
+export declare function useShortcut(keys: string | string[], handler: (event: KeyboardEvent) => void, options?: ShortcutOptions & {
+    enabled?: Ref<boolean> | boolean;
+}): void;
+/**
+ * The store and state of an embedded `<PageForm name>`: read its values, or reset fields
+ * with `store.setValue()`. `store` is undefined until the form has mounted.
+ */
+export declare function usePageForm(name: string): {
+    store: ShallowRef<FormStore | undefined>;
+    values: ComputedRef<Record<string, unknown>>;
+    errors: ComputedRef<Record<string, string[]>>;
+};
+//# sourceMappingURL=composables.d.ts.map

package/dist/app/composables.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"composables.d.ts","sourceRoot":"","sources":["../../src/app/composables.ts"],"names":[],"mappings":"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"}