@verbb/plugin-kit-vue 2.0.0

package/dist/fault/buildSupportBundle.d.ts

@@ -0,0 +1,3 @@
+import { AppFaultRecord } from './types.js';
+export declare const buildSupportBundle: (faults: AppFaultRecord[], meta?: Record<string, unknown>) => string;
+//# sourceMappingURL=buildSupportBundle.d.ts.map

package/dist/fault/buildSupportBundle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSupportBundle.d.ts","sourceRoot":"","sources":["../../src/fault/buildSupportBundle.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC;AAEjD,eAAO,MAAM,kBAAkB,GAC3B,QAAQ,cAAc,EAAE,EACxB,OAAO,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,KAC/B,MAiBF,CAAC"}

package/dist/fault/buildSupportBundle.js

@@ -0,0 +1,22 @@
+//#region src/fault/buildSupportBundle.ts
+var buildSupportBundle = (faults, meta) => {
+	const payload = {
+		timestamp: (/* @__PURE__ */ new Date()).toISOString(),
+		userAgent: typeof navigator !== "undefined" ? navigator.userAgent : "",
+		url: typeof location !== "undefined" ? location.href : "",
+		meta: meta ?? {},
+		faults: faults.map((fault) => ({
+			kind: fault.kind,
+			message: fault.message,
+			stack: fault.stack,
+			tagName: fault.tagName,
+			timestamp: new Date(fault.timestamp).toISOString(),
+			count: fault.count
+		}))
+	};
+	return JSON.stringify(payload, null, 2);
+};
+//#endregion
+export { buildSupportBundle };
+
+//# sourceMappingURL=buildSupportBundle.js.map

package/dist/fault/buildSupportBundle.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"buildSupportBundle.js","names":[],"sources":["../../src/fault/buildSupportBundle.ts"],"sourcesContent":["import type { AppFaultRecord } from './types.js';\n\nexport const buildSupportBundle = (\n    faults: AppFaultRecord[],\n    meta?: Record<string, unknown>,\n): string => {\n    const payload = {\n        timestamp: new Date().toISOString(),\n        userAgent: typeof navigator !== 'undefined' ? navigator.userAgent : '',\n        url: typeof location !== 'undefined' ? location.href : '',\n        meta: meta ?? {},\n        faults: faults.map((fault) => ({\n            kind: fault.kind,\n            message: fault.message,\n            stack: fault.stack,\n            tagName: fault.tagName,\n            timestamp: new Date(fault.timestamp).toISOString(),\n            count: fault.count,\n        })),\n    };\n\n    return JSON.stringify(payload, null, 2);\n};\n"],"mappings":";AAEA,IAAa,sBACT,QACA,SACS;CACT,MAAM,UAAU;EACZ,4BAAW,IAAI,MAAM,EAAC,aAAa;EACnC,WAAW,OAAO,cAAc,cAAc,UAAU,YAAY;EACpE,KAAK,OAAO,aAAa,cAAc,SAAS,OAAO;EACvD,MAAM,QAAQ,EAAE;EAChB,QAAQ,OAAO,KAAK,WAAW;GAC3B,MAAM,MAAM;GACZ,SAAS,MAAM;GACf,OAAO,MAAM;GACb,SAAS,MAAM;GACf,WAAW,IAAI,KAAK,MAAM,UAAU,CAAC,aAAa;GAClD,OAAO,MAAM;GAChB,EAAE;EACN;AAED,QAAO,KAAK,UAAU,SAAS,MAAM,EAAE"}

package/dist/fault/index.d.ts

@@ -0,0 +1,8 @@
+export { AppFaultBoundary } from './AppFaultBoundary.js';
+export { AppFaultProvider, ResetUiButton, useAppFault, useAppFaultOptional, type AppFaultContextValue, type AppFaultProviderProps, type ResetUiButtonProps, } from './AppFaultProvider.js';
+export { buildSupportBundle } from './buildSupportBundle.js';
+export { FaultFallback, type FaultFallbackProps } from './FaultFallback.js';
+export { isIgnorableGlobalError } from './isIgnorableGlobalError.js';
+export { useUiWatchdog, type UiWatchdogOptions } from './useUiWatchdog.js';
+export type { AppFaultContext, AppFaultKind, AppFaultRecord } from './types.js';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/fault/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,OAAO,EACH,gBAAgB,EAChB,aAAa,EACb,WAAW,EACX,mBAAmB,EACnB,KAAK,oBAAoB,EACzB,KAAK,qBAAqB,EAC1B,KAAK,kBAAkB,GAC1B,MAAM,uBAAuB,CAAC;AAC/B,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,MAAM,6BAA6B,CAAC;AACrE,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,oBAAoB,CAAC;AAC3E,YAAY,EAAE,eAAe,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,YAAY,CAAC"}

package/dist/fault/index.js

@@ -0,0 +1,7 @@
+import { AppFaultBoundary } from "./AppFaultBoundary.js";
+import { buildSupportBundle } from "./buildSupportBundle.js";
+import { FaultFallback } from "./FaultFallback.js";
+import { isIgnorableGlobalError } from "./isIgnorableGlobalError.js";
+import { useUiWatchdog } from "./useUiWatchdog.js";
+import { AppFaultProvider, ResetUiButton, useAppFault, useAppFaultOptional } from "./AppFaultProvider.js";
+export { AppFaultBoundary, AppFaultProvider, FaultFallback, ResetUiButton, buildSupportBundle, isIgnorableGlobalError, useAppFault, useAppFaultOptional, useUiWatchdog };

package/dist/fault/isIgnorableGlobalError.d.ts

@@ -0,0 +1,3 @@
+/** Errors that should not escalate to the app fault UI. */
+export declare const isIgnorableGlobalError: (message: string, error?: Error) => boolean;
+//# sourceMappingURL=isIgnorableGlobalError.d.ts.map

package/dist/fault/isIgnorableGlobalError.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"isIgnorableGlobalError.d.ts","sourceRoot":"","sources":["../../src/fault/isIgnorableGlobalError.ts"],"names":[],"mappings":"AAAA,2DAA2D;AAC3D,eAAO,MAAM,sBAAsB,GAAI,SAAS,MAAM,EAAE,QAAQ,KAAK,KAAG,OAqBvE,CAAC"}

package/dist/fault/isIgnorableGlobalError.js

@@ -0,0 +1,14 @@
+//#region src/fault/isIgnorableGlobalError.ts
+/** Errors that should not escalate to the app fault UI. */
+var isIgnorableGlobalError = (message, error) => {
+	const text = `${message}\n${error?.message ?? ""}`.toLowerCase();
+	if (text.includes("resizeobserver loop")) return true;
+	if (text.includes("aborted") && text.includes("fetch")) return true;
+	if (text.includes("networkerror") && text.includes("fetch")) return true;
+	if (text.includes("loading chunk") && text.includes("failed")) return false;
+	return false;
+};
+//#endregion
+export { isIgnorableGlobalError };
+
+//# sourceMappingURL=isIgnorableGlobalError.js.map

package/dist/fault/isIgnorableGlobalError.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"isIgnorableGlobalError.js","names":[],"sources":["../../src/fault/isIgnorableGlobalError.ts"],"sourcesContent":["/** Errors that should not escalate to the app fault UI. */\nexport const isIgnorableGlobalError = (message: string, error?: Error): boolean => {\n    const text = `${message}\\n${error?.message ?? ''}`.toLowerCase();\n\n    if (text.includes('resizeobserver loop')) {\n        return true;\n    }\n\n    if (text.includes('aborted') && text.includes('fetch')) {\n        return true;\n    }\n\n    if (text.includes('networkerror') && text.includes('fetch')) {\n        return true;\n    }\n\n    // Chunk load failures are actionable — do not ignore.\n    if (text.includes('loading chunk') && text.includes('failed')) {\n        return false;\n    }\n\n    return false;\n};\n"],"mappings":";;AACA,IAAa,0BAA0B,SAAiB,UAA2B;CAC/E,MAAM,OAAO,GAAG,QAAQ,IAAI,OAAO,WAAW,KAAK,aAAa;AAEhE,KAAI,KAAK,SAAS,sBAAsB,CACpC,QAAO;AAGX,KAAI,KAAK,SAAS,UAAU,IAAI,KAAK,SAAS,QAAQ,CAClD,QAAO;AAGX,KAAI,KAAK,SAAS,eAAe,IAAI,KAAK,SAAS,QAAQ,CACvD,QAAO;AAIX,KAAI,KAAK,SAAS,gBAAgB,IAAI,KAAK,SAAS,SAAS,CACzD,QAAO;AAGX,QAAO"}

package/dist/fault/types.d.ts

@@ -0,0 +1,18 @@
+export type AppFaultKind = 'vue' | 'global' | 'rejection' | 'pk-error' | 'watchdog' | 'overlay';
+export type AppFaultRecord = {
+    kind: AppFaultKind;
+    message: string;
+    stack?: string;
+    tagName?: string;
+    timestamp: number;
+    count: number;
+};
+export type AppFaultContext = {
+    /** App-specific metadata included in support bundles (menu id, site id, etc.). */
+    meta?: Record<string, unknown>;
+    /** Called after overlay recovery — reset dialog/menu Vue state. */
+    onResetUi?: () => void;
+    /** Soft reload — remount builder without full page navigation when provided. */
+    onReload?: () => void;
+};
+//# sourceMappingURL=types.d.ts.map

package/dist/fault/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/fault/types.ts"],"names":[],"mappings":"AAAA,MAAM,MAAM,YAAY,GAAG,KAAK,GAAG,QAAQ,GAAG,WAAW,GAAG,UAAU,GAAG,UAAU,GAAG,SAAS,CAAC;AAEhG,MAAM,MAAM,cAAc,GAAG;IACzB,IAAI,EAAE,YAAY,CAAC;IACnB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,KAAK,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC1B,kFAAkF;IAClF,IAAI,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC/B,mEAAmE;IACnE,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,gFAAgF;IAChF,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;CACzB,CAAC"}

package/dist/fault/useUiWatchdog.d.ts

@@ -0,0 +1,14 @@
+import { MaybeRefOrGetter } from 'vue';
+export type UiWatchdogOptions = {
+    /** Milliseconds without a heartbeat tick before reporting stuck UI. */
+    stallMs?: number;
+    /** When false, the watchdog is paused (e.g. app fault screen already shown). */
+    enabled?: MaybeRefOrGetter<boolean>;
+    onStall: () => void;
+};
+/**
+ * Detects main-thread stalls via rAF heartbeat. Does not recover — callers show
+ * a banner or escalate to the fault UI.
+ */
+export declare const useUiWatchdog: ({ stallMs, enabled, onStall, }: UiWatchdogOptions) => void;
+//# sourceMappingURL=useUiWatchdog.d.ts.map

package/dist/fault/useUiWatchdog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiWatchdog.d.ts","sourceRoot":"","sources":["../../src/fault/useUiWatchdog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAwB,KAAK,gBAAgB,EAAE,MAAM,KAAK,CAAC;AAElE,MAAM,MAAM,iBAAiB,GAAG;IAC5B,uEAAuE;IACvE,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,gFAAgF;IAChF,OAAO,CAAC,EAAE,gBAAgB,CAAC,OAAO,CAAC,CAAC;IACpC,OAAO,EAAE,MAAM,IAAI,CAAC;CACvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,aAAa,GAAI,gCAI3B,iBAAiB,KAAG,IA0CtB,CAAC"}

package/dist/fault/useUiWatchdog.js

@@ -0,0 +1,37 @@
+import { toValue, watchEffect } from "vue";
+//#region src/fault/useUiWatchdog.ts
+/**
+* Detects main-thread stalls via rAF heartbeat. Does not recover — callers show
+* a banner or escalate to the fault UI.
+*/
+var useUiWatchdog = ({ stallMs = 3e3, enabled = true, onStall }) => {
+	const onStallBox = { current: onStall };
+	onStallBox.current = onStall;
+	watchEffect((onCleanup) => {
+		onStallBox.current = onStall;
+		if (!toValue(enabled)) return;
+		let lastTick = performance.now();
+		let fired = false;
+		let rafId = 0;
+		const tick = () => {
+			lastTick = performance.now();
+			rafId = window.requestAnimationFrame(tick);
+		};
+		rafId = window.requestAnimationFrame(tick);
+		const intervalId = window.setInterval(() => {
+			if (fired) return;
+			if (performance.now() - lastTick >= stallMs) {
+				fired = true;
+				onStallBox.current();
+			}
+		}, Math.min(500, stallMs / 2));
+		onCleanup(() => {
+			window.cancelAnimationFrame(rafId);
+			window.clearInterval(intervalId);
+		});
+	});
+};
+//#endregion
+export { useUiWatchdog };
+
+//# sourceMappingURL=useUiWatchdog.js.map

package/dist/fault/useUiWatchdog.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUiWatchdog.js","names":[],"sources":["../../src/fault/useUiWatchdog.ts"],"sourcesContent":["import { toValue, watchEffect, type MaybeRefOrGetter } from 'vue';\n\nexport type UiWatchdogOptions = {\n    /** Milliseconds without a heartbeat tick before reporting stuck UI. */\n    stallMs?: number;\n    /** When false, the watchdog is paused (e.g. app fault screen already shown). */\n    enabled?: MaybeRefOrGetter<boolean>;\n    onStall: () => void;\n};\n\n/**\n * Detects main-thread stalls via rAF heartbeat. Does not recover — callers show\n * a banner or escalate to the fault UI.\n */\nexport const useUiWatchdog = ({\n    stallMs = 3000,\n    enabled = true,\n    onStall,\n}: UiWatchdogOptions): void => {\n    // Hold the latest callback in a mutable box so the interval does not restart when\n    // the caller passes a new function identity (same idea as React’s useRef pattern).\n    const onStallBox = { current: onStall };\n    onStallBox.current = onStall;\n\n    watchEffect((onCleanup) => {\n        onStallBox.current = onStall;\n\n        if (!toValue(enabled)) {\n            return;\n        }\n\n        let lastTick = performance.now();\n        let fired = false;\n        let rafId = 0;\n\n        const tick = () => {\n            lastTick = performance.now();\n            rafId = window.requestAnimationFrame(tick);\n        };\n\n        rafId = window.requestAnimationFrame(tick);\n\n        const intervalId = window.setInterval(() => {\n            if (fired) {\n                return;\n            }\n\n            const elapsed = performance.now() - lastTick;\n\n            if (elapsed >= stallMs) {\n                fired = true;\n                onStallBox.current();\n            }\n        }, Math.min(500, stallMs / 2));\n\n        onCleanup(() => {\n            window.cancelAnimationFrame(rafId);\n            window.clearInterval(intervalId);\n        });\n    });\n};\n"],"mappings":";;;;;;AAcA,IAAa,iBAAiB,EAC1B,UAAU,KACV,UAAU,MACV,cAC2B;CAG3B,MAAM,aAAa,EAAE,SAAS,SAAS;AACvC,YAAW,UAAU;AAErB,cAAa,cAAc;AACvB,aAAW,UAAU;AAErB,MAAI,CAAC,QAAQ,QAAQ,CACjB;EAGJ,IAAI,WAAW,YAAY,KAAK;EAChC,IAAI,QAAQ;EACZ,IAAI,QAAQ;EAEZ,MAAM,aAAa;AACf,cAAW,YAAY,KAAK;AAC5B,WAAQ,OAAO,sBAAsB,KAAK;;AAG9C,UAAQ,OAAO,sBAAsB,KAAK;EAE1C,MAAM,aAAa,OAAO,kBAAkB;AACxC,OAAI,MACA;AAKJ,OAFgB,YAAY,KAAK,GAAG,YAErB,SAAS;AACpB,YAAQ;AACR,eAAW,SAAS;;KAEzB,KAAK,IAAI,KAAK,UAAU,EAAE,CAAC;AAE9B,kBAAgB;AACZ,UAAO,qBAAqB,MAAM;AAClC,UAAO,cAAc,WAAW;IAClC;GACJ"}

package/dist/forms/Field.d.ts

@@ -0,0 +1,123 @@
+import { PropType, VNodeChild } from 'vue';
+export type FieldLayoutProps = {
+    name: string;
+    label?: string;
+    instructions?: string;
+    warning?: string;
+    tip?: string;
+    required?: boolean;
+    translatable?: boolean;
+    errors?: string[];
+    headerEnd?: VNodeChild;
+    class?: unknown;
+    style?: unknown;
+};
+/**
+ * Schema-form field shell. Label, instructions, warnings, and errors stay owned by
+ * `<pk-field>` so Vue SchemaForm remains a thin facade over canonical WC chrome.
+ */
+export declare const FieldLayout: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    name: {
+        type: StringConstructor;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    instructions: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    warning: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    translatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    headerEnd: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    style: {
+        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;
+        required: true;
+    };
+    label: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    instructions: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    warning: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    tip: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    required: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    translatable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    errors: {
+        type: PropType<string[]>;
+        default: () => never[];
+    };
+    headerEnd: {
+        type: PropType<VNodeChild>;
+        default: undefined;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    style: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+}>> & Readonly<{}>, {
+    label: string;
+    style: undefined;
+    class: undefined;
+    required: boolean;
+    instructions: string;
+    warning: string;
+    tip: string;
+    translatable: boolean;
+    errors: string[];
+    headerEnd: VNodeChild;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+//# sourceMappingURL=Field.d.ts.map

package/dist/forms/Field.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.d.ts","sourceRoot":"","sources":["../../src/forms/Field.ts"],"names":[],"mappings":"AAAA,OAAO,EAAsB,KAAK,QAAQ,EAAE,KAAK,UAAU,EAAE,MAAM,KAAK,CAAC;AAIzE,MAAM,MAAM,gBAAgB,GAAG;IAC3B,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,GAAG,CAAC,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,MAAM,CAAC,EAAE,MAAM,EAAE,CAAC;IAClB,SAAS,CAAC,EAAE,UAAU,CAAC;IACvB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,OAAO,CAAC;CACnB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAUS,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cACL,QAAQ,CAAC,UAAU,CAAC;;;;cACxB,QAAQ,CAAC,OAAO,CAAC;;;;cACjB,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAH1B,QAAQ,CAAC,MAAM,EAAE,CAAC;;;;cACL,QAAQ,CAAC,UAAU,CAAC;;;;cACxB,QAAQ,CAAC,OAAO,CAAC;;;;cACjB,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;;;;4EAuBzD,CAAC"}

package/dist/forms/Field.js

@@ -0,0 +1,77 @@
+import { Field } from "../components/Field.js";
+import { defineComponent, h } from "vue";
+//#region src/forms/Field.ts
+/**
+* Schema-form field shell. Label, instructions, warnings, and errors stay owned by
+* `<pk-field>` so Vue SchemaForm remains a thin facade over canonical WC chrome.
+*/
+var FieldLayout = defineComponent({
+	name: "SchemaFieldLayout",
+	props: {
+		name: {
+			type: String,
+			required: true
+		},
+		label: {
+			type: String,
+			default: void 0
+		},
+		instructions: {
+			type: String,
+			default: void 0
+		},
+		warning: {
+			type: String,
+			default: void 0
+		},
+		tip: {
+			type: String,
+			default: void 0
+		},
+		required: {
+			type: Boolean,
+			default: false
+		},
+		translatable: {
+			type: Boolean,
+			default: false
+		},
+		errors: {
+			type: Array,
+			default: () => []
+		},
+		headerEnd: {
+			type: null,
+			default: void 0
+		},
+		class: {
+			type: null,
+			default: void 0
+		},
+		style: {
+			type: null,
+			default: void 0
+		}
+	},
+	setup(props, { slots }) {
+		return () => h(Field, {
+			class: props.class,
+			style: props.style,
+			label: props.label,
+			instructions: props.instructions,
+			warning: props.warning,
+			tip: props.tip,
+			required: props.required || void 0,
+			translatable: props.translatable || void 0,
+			errors: props.errors,
+			"data-name": props.name
+		}, {
+			...props.headerEnd ? { "header-end": () => props.headerEnd } : {},
+			default: () => slots.default?.()
+		});
+	}
+});
+//#endregion
+export { FieldLayout };
+
+//# sourceMappingURL=Field.js.map

package/dist/forms/Field.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Field.js","names":[],"sources":["../../src/forms/Field.ts"],"sourcesContent":["import { defineComponent, h, type PropType, type VNodeChild } from 'vue';\n\nimport { Field as PkFieldFacade } from '../components/Field.js';\n\nexport type FieldLayoutProps = {\n    name: string;\n    label?: string;\n    instructions?: string;\n    warning?: string;\n    tip?: string;\n    required?: boolean;\n    translatable?: boolean;\n    errors?: string[];\n    headerEnd?: VNodeChild;\n    class?: unknown;\n    style?: unknown;\n};\n\n/**\n * Schema-form field shell. Label, instructions, warnings, and errors stay owned by\n * `<pk-field>` so Vue SchemaForm remains a thin facade over canonical WC chrome.\n */\nexport const FieldLayout = defineComponent({\n    name: 'SchemaFieldLayout',\n    props: {\n        name: { type: String, required: true },\n        label: { type: String, default: undefined },\n        instructions: { type: String, default: undefined },\n        warning: { type: String, default: undefined },\n        tip: { type: String, default: undefined },\n        required: { type: Boolean, default: false },\n        translatable: { type: Boolean, default: false },\n        errors: { type: Array as PropType<string[]>, default: () => [] },\n        headerEnd: { type: null as unknown as PropType<VNodeChild>, default: undefined },\n        class: { type: null as unknown as PropType<unknown>, default: undefined },\n        style: { type: null as unknown as PropType<unknown>, default: undefined },\n    },\n    setup(props, { slots }) {\n        return () => h(\n            PkFieldFacade,\n            {\n                class: props.class,\n                style: props.style,\n                label: props.label,\n                instructions: props.instructions,\n                warning: props.warning,\n                tip: props.tip,\n                required: props.required || undefined,\n                translatable: props.translatable || undefined,\n                errors: props.errors,\n                'data-name': props.name,\n            },\n            {\n                ...(props.headerEnd ? { 'header-end': () => props.headerEnd } : {}),\n                default: () => slots.default?.(),\n            },\n        );\n    },\n});\n"],"mappings":";;;;;;;AAsBA,IAAa,cAAc,gBAAgB;CACvC,MAAM;CACN,OAAO;EACH,MAAM;GAAE,MAAM;GAAQ,UAAU;GAAM;EACtC,OAAO;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EAC3C,cAAc;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EAClD,SAAS;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EAC7C,KAAK;GAAE,MAAM;GAAQ,SAAS,KAAA;GAAW;EACzC,UAAU;GAAE,MAAM;GAAS,SAAS;GAAO;EAC3C,cAAc;GAAE,MAAM;GAAS,SAAS;GAAO;EAC/C,QAAQ;GAAE,MAAM;GAA6B,eAAe,EAAE;GAAE;EAChE,WAAW;GAAE,MAAM;GAAyC,SAAS,KAAA;GAAW;EAChF,OAAO;GAAE,MAAM;GAAsC,SAAS,KAAA;GAAW;EACzE,OAAO;GAAE,MAAM;GAAsC,SAAS,KAAA;GAAW;EAC5E;CACD,MAAM,OAAO,EAAE,SAAS;AACpB,eAAa,EACT,OACA;GACI,OAAO,MAAM;GACb,OAAO,MAAM;GACb,OAAO,MAAM;GACb,cAAc,MAAM;GACpB,SAAS,MAAM;GACf,KAAK,MAAM;GACX,UAAU,MAAM,YAAY,KAAA;GAC5B,cAAc,MAAM,gBAAgB,KAAA;GACpC,QAAQ,MAAM;GACd,aAAa,MAAM;GACtB,EACD;GACI,GAAI,MAAM,YAAY,EAAE,oBAAoB,MAAM,WAAW,GAAG,EAAE;GAClE,eAAe,MAAM,WAAW;GACnC,CACJ;;CAER,CAAC"}

package/dist/forms/SchemaFormEngine.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { SchemaIndex, SchemaNode } from '@verbb/plugin-kit-forms';
+import { FormValues, SchemaFormEngineApi } from './engine/context.js';
+type SchemaFormEngineErrors = Record<string, unknown> | {
+    errors?: unknown;
+} | unknown[];
+type SchemaFormEngineOptions = {
+    schemaIndex: SchemaIndex | null;
+    defaultValues?: FormValues;
+    errors?: SchemaFormEngineErrors;
+    onChange?: (values: Record<string, unknown>, form: SchemaFormEngineApi) => void;
+    getConditionContext?: (values: FormValues, field?: SchemaNode) => Record<string, unknown>;
+    parentForm?: SchemaFormEngineApi | null;
+    parentPath?: string;
+};
+export declare const useSchemaFormEngine: ({ schemaIndex, defaultValues, errors, onChange, getConditionContext, parentForm, parentPath, }: SchemaFormEngineOptions) => SchemaFormEngineApi;
+export declare const SchemaFormEngine: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    withoutForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>, () => 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<{
+    form: {
+        type: PropType<SchemaFormEngineApi>;
+        required: true;
+    };
+    class: {
+        type: PropType<unknown>;
+        default: undefined;
+    };
+    withoutForm: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & Readonly<{}>, {
+    class: undefined;
+    withoutForm: boolean;
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export {};
+//# sourceMappingURL=SchemaFormEngine.d.ts.map

package/dist/forms/SchemaFormEngine.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SchemaFormEngine.d.ts","sourceRoot":"","sources":["../../src/forms/SchemaFormEngine.ts"],"names":[],"mappings":"AAAA,OAAO,EASH,KAAK,QAAQ,EAEhB,MAAM,KAAK,CAAC;AAQb,OAAO,KAAK,EAAE,WAAW,EAAE,UAAU,EAAoB,MAAM,yBAAyB,CAAC;AAKzF,OAAO,KAAK,EACR,UAAU,EAGV,mBAAmB,EACtB,MAAM,qBAAqB,CAAC;AAI7B,KAAK,sBAAsB,GAAG,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,GAAG;IAAE,MAAM,CAAC,EAAE,OAAO,CAAA;CAAE,GAAG,OAAO,EAAE,CAAC;AAEzF,KAAK,uBAAuB,GAAG;IAC3B,WAAW,EAAE,WAAW,GAAG,IAAI,CAAC;IAChC,aAAa,CAAC,EAAE,UAAU,CAAC;IAC3B,MAAM,CAAC,EAAE,sBAAsB,CAAC;IAChC,QAAQ,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,IAAI,EAAE,mBAAmB,KAAK,IAAI,CAAC;IAChF,mBAAmB,CAAC,EAAE,CAAC,MAAM,EAAE,UAAU,EAAE,KAAK,CAAC,EAAE,UAAU,KAAK,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;IAC1F,UAAU,CAAC,EAAE,mBAAmB,GAAG,IAAI,CAAC;IACxC,UAAU,CAAC,EAAE,MAAM,CAAC;CACvB,CAAC;AAkSF,eAAO,MAAM,mBAAmB,GAAI,gGAQjC,uBAAuB,KAAG,mBA6K5B,CAAC;AAEF,eAAO,MAAM,gBAAgB;;cAGG,QAAQ,CAAC,mBAAmB,CAAC;;;;cACnB,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;;cAD3B,QAAQ,CAAC,mBAAmB,CAAC;;;;cACnB,QAAQ,CAAC,OAAO,CAAC;;;;;;;;;;4EAoCzD,CAAC"}