@alfakit/vue 0.1.11 → 0.1.13

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @alfakit/vue
 
+## 0.1.13
+
+### Patch Changes
+
+- Server rendering: AlfaKit components keep the same generated ids on the server and in the browser (no hydration mismatches on tabs, collapsible sections, filters and the rich editor). Starter kit header components bring a toaster to the app's own pages.
+
+## 0.1.12
+
+### Patch Changes
+
+- Wizard submit actions run with the form's state; a second custom rich-editor block no longer replaces the first; extra item actions on browser-added repeater items; "+N" no longer overlaps stacked images; PWA and notification toasts in starter kits; infolist blocks follow their `columns()`.
+
 ## 0.1.11
 
 ### Patch Changes

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

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

package/dist/AlfakitRoot.vue_vue_type_script_setup_true_lang.js

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

package/dist/AlfakitRoot.vue_vue_type_script_setup_true_lang.js.map

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

package/dist/components/entries/ImageEntryComponent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEntryComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/entries/ImageEntryComponent.vue"],"names":[],"mappings":"AAqEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAQrD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AA0HnD,wBAMG"}
+{"version":3,"file":"ImageEntryComponent.vue.d.ts","sourceRoot":"","sources":["../../../src/components/entries/ImageEntryComponent.vue"],"names":[],"mappings":"AAuEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,eAAe,CAAA;AAQrD,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,gBAAgB,CAAA;CAAE,CAAC;;AA4HnD,wBAMG"}

package/dist/components/entries/ImageEntryComponent.vue_vue_type_script_setup_true_lang.js

@@ -30,7 +30,7 @@ var x = ["src", "alt"], S = /*@__PURE__*/ p({
 				}, { ref_for: !0 }, S.component.extraImgAttributes), null, 16, x))), 128)), S.component.limitedRemainingText !== !1 && C.value.length > w.value ? (g(), d("span", {
 					key: 0,
 					"data-slot": "image-remaining",
-					class: h(y(e)("text-muted-foreground", y(i)(S.component.limitedRemainingTextSize)))
+					class: h(y(e)("text-muted-foreground", S.component.stacked && O.value && "ms-3", y(i)(S.component.limitedRemainingTextSize)))
 				}, "+" + v(C.value.length - w.value), 3)) : u("", !0)], 2)]),
 				_: 1
 			}, 8, ["entry"]))]),

package/dist/components/entries/ImageEntryComponent.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ImageEntryComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","EntryWrapper","_withCtx","EntryPlaceholder","EntryLink","_createElementVNode","_normalizeClass","_unref","_createElementBlock","_Fragment","_renderList","_mergeProps","_toDisplayString","_createCommentVNode","EntryLink_default","EntryPlaceholder_default","EntryWrapper_default","_hoisted_1","ImageEntryComponent_vue_vue_type_script_setup_true_lang_default","props","__props","urls","computed","limit","size","toCss","value","style","defaultImageStack","usesDefaultImageStack","openBlock","createBlock","withCtx","createElementVNode","normalizeClass","unref","cn","createElementBlock","Fragment","renderList","mergeProps","index","url","stackedImageStyle","remainingTextSizeClass","toDisplayString","createCommentVNode"],"sources":["../../../src/components/entries/ImageEntryComponent.vue"],"mappings":";;;;;;;;;;;EASA,IAAMoB,IAAQC,GACRC,IAAOC,QAAeH,EAAM,UAAU,SAAS,CAAC,CAAC,GACjDI,IAAQD,QAAeH,EAAM,UAAU,SAASE,EAAK,MAAM,MAAM,GACjEG,IAAOF,QAAeH,EAAM,UAAU,QAAQ,EAAE,GAChDM,KAAS,MACb,OAAOC,KAAU,WAAW,GAAGA,EAAM,MAAMA,GACvCC,IAAQL,SAAgB;GAC5B,QAAQG,EAAMN,EAAM,UAAU,UAAUK,EAAK,KAAK;GAClD,OAAOC,EACLN,EAAM,UAAU,UACbA,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAWK,EAAK,QAAQ,KAAA,EACvE;EACF,EAAE,GACII,IAAoBN,QAAeO,EAAsBV,EAAM,SAAS,CAAC;oBAI7EpB,EAAA,GAAAC,EAuCeC,GAAA,EAvCA,OAAOkB,EAAM,UAAA,GAAA;GAC1B,SAAAjB,QAAsE,CAA9CmB,EAAA,MAAK,WAAM,KAAnCtB,EAAA,GAAAC,EAAsEG,GAAA;;IAA1B,OAAOgB,EAAM;GACzDpB,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAoCYI,GAAA;;IApCO,OAAOe,EAAM;;IAC9B,SAAAjB,QAkCM,CAlCNG,EAkCM,OAAA,EAjCH,OAAKC,EAAaC,EAAA6B,CAAA,CAAE,CAAA,qBAA+CjB,EAAM,UAAU,UAAUS,EAAA,SAAiB,eAAA,OAAA,CAAA,EAAA,GAAA,EAO/G7B,EAAA,EAAA,GAAAS,EAcEC,GAAA,MAAAC,EAbuBW,EAAA,MAAK,MAAK,GAAIE,EAAA,KAAK,IAAlC,GAAK,OADfxB,EAAA,GAAAS,EAcE,OAdFG,EAcE;KAZC,KAAK8B;KACL,KAAKC;KACL,KAAKvB,EAAM,UAAU,OAAOsB,MAAUtB,EAAM,UAAU,OAAG;KACzD,OAAK,CAAGQ,EAAA,OAAOpB,EAAAoC,CAAA,CAAiB,CAACF,GAAOtB,EAAM,SAAS,CAAA;KACvD,OAAoBZ,EAAA6B,CAAA,CAAE,CAAA,gBAA8CjB,EAAM,UAAU,WAAQ,iBAAA,cAAgDA,EAAM,UAAU,WAAWS,EAAA,SAAiB,wBAAA;IAOjL,GAAA,EAAA,SAAA,GAAA,GAAAT,EAAM,UAAU,kBAAkB,GAAA,MAAA,IAAAF,CAAA,EAGpC,GAAA,GAAA,IAAAE,EAAM,UAAU,yBAAoB,MAAcE,EAAA,MAAK,SAASE,EAAA,SADxExB,EAAA,GAAAS,EAUC,QAAA;;KARC,aAAU;KACT,OAAKF,EAAeC,EAAA6B,CAAA,CAAE,CAAA,yBAAuD7B,EAAAqC,CAAA,CAAsB,CAACzB,EAAM,UAAU,wBAAwB,CAAA,CAAA;IAM5I,GAAA,MAACP,EAAGS,EAAA,MAAK,SAASE,EAAA,KAAK,GAAA,CAAA,KAAAuB,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ImageEntryComponent.vue_vue_type_script_setup_true_lang.js","names":["_openBlock","_createBlock","EntryWrapper","_withCtx","EntryPlaceholder","EntryLink","_createElementVNode","_normalizeClass","_unref","_createElementBlock","_Fragment","_renderList","_mergeProps","_toDisplayString","_createCommentVNode","EntryLink_default","EntryPlaceholder_default","EntryWrapper_default","_hoisted_1","ImageEntryComponent_vue_vue_type_script_setup_true_lang_default","props","__props","urls","computed","limit","size","toCss","value","style","defaultImageStack","usesDefaultImageStack","openBlock","createBlock","withCtx","createElementVNode","normalizeClass","unref","cn","createElementBlock","Fragment","renderList","mergeProps","index","url","stackedImageStyle","remainingTextSizeClass","toDisplayString","createCommentVNode"],"sources":["../../../src/components/entries/ImageEntryComponent.vue"],"mappings":";;;;;;;;;;;EASA,IAAMoB,IAAQC,GACRC,IAAOC,QAAeH,EAAM,UAAU,SAAS,CAAC,CAAC,GACjDI,IAAQD,QAAeH,EAAM,UAAU,SAASE,EAAK,MAAM,MAAM,GACjEG,IAAOF,QAAeH,EAAM,UAAU,QAAQ,EAAE,GAChDM,KAAS,MACb,OAAOC,KAAU,WAAW,GAAGA,EAAM,MAAMA,GACvCC,IAAQL,SAAgB;GAC5B,QAAQG,EAAMN,EAAM,UAAU,UAAUK,EAAK,KAAK;GAClD,OAAOC,EACLN,EAAM,UAAU,UACbA,EAAM,UAAU,UAAUA,EAAM,UAAU,WAAWK,EAAK,QAAQ,KAAA,EACvE;EACF,EAAE,GACII,IAAoBN,QAAeO,EAAsBV,EAAM,SAAS,CAAC;oBAI7EpB,EAAA,GAAAC,EAyCeC,GAAA,EAzCA,OAAOkB,EAAM,UAAA,GAAA;GAC1B,SAAAjB,QAAsE,CAA9CmB,EAAA,MAAK,WAAM,KAAnCtB,EAAA,GAAAC,EAAsEG,GAAA;;IAA1B,OAAOgB,EAAM;GACzDpB,GAAAA,MAAAA,GAAAA,CAAAA,OAAAA,CAAAA,MAAAA,EAAA,GAAAC,EAsCYI,GAAA;;IAtCO,OAAOe,EAAM;;IAC9B,SAAAjB,QAoCM,CApCNG,EAoCM,OAAA,EAnCH,OAAKC,EAAaC,EAAA6B,CAAA,CAAE,CAAA,qBAA+CjB,EAAM,UAAU,UAAUS,EAAA,SAAiB,eAAA,OAAA,CAAA,EAAA,GAAA,EAO/G7B,EAAA,EAAA,GAAAS,EAcEC,GAAA,MAAAC,EAbuBW,EAAA,MAAK,MAAK,GAAIE,EAAA,KAAK,IAAlC,GAAK,OADfxB,EAAA,GAAAS,EAcE,OAdFG,EAcE;KAZC,KAAK8B;KACL,KAAKC;KACL,KAAKvB,EAAM,UAAU,OAAOsB,MAAUtB,EAAM,UAAU,OAAG;KACzD,OAAK,CAAGQ,EAAA,OAAOpB,EAAAoC,CAAA,CAAiB,CAACF,GAAOtB,EAAM,SAAS,CAAA;KACvD,OAAoBZ,EAAA6B,CAAA,CAAE,CAAA,gBAA8CjB,EAAM,UAAU,WAAQ,iBAAA,cAAgDA,EAAM,UAAU,WAAWS,EAAA,SAAiB,wBAAA;IAOjL,GAAA,EAAA,SAAA,GAAA,GAAAT,EAAM,UAAU,kBAAkB,GAAA,MAAA,IAAAF,CAAA,EAGpC,GAAA,GAAA,IAAAE,EAAM,UAAU,yBAAoB,MAAcE,EAAA,MAAK,SAASE,EAAA,SADxExB,EAAA,GAAAS,EAYC,QAAA;;KAVC,aAAU;KACT,OAAKF,EAAeC,EAAA6B,CAAA,CAAE,CAAA,yBAAwIjB,EAAM,UAAU,WAAWS,EAAA,SAAiB,QAA0BrB,EAAAqC,CAAA,CAAsB,CAACzB,EAAM,UAAU,wBAAwB,CAAA,CAAA;IAQnS,GAAA,MAACP,EAAGS,EAAA,MAAK,SAASE,EAAA,KAAK,GAAA,CAAA,KAAAuB,EAAA,IAAA,EAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

package/dist/components/fields/BuilderField.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"BuilderField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/BuilderField.vue"],"names":[],"mappings":"AA2cA,OAAO,KAAK,EAAwC,aAAa,EAAE,MAAM,eAAe,CAAA;AA6CxF;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;;AAk1BhD,wBAMG"}
+{"version":3,"file":"BuilderField.vue.d.ts","sourceRoot":"","sources":["../../../src/components/fields/BuilderField.vue"],"names":[],"mappings":"AAgdA,OAAO,KAAK,EAAwC,aAAa,EAAE,MAAM,eAAe,CAAA;AA8CxF;;;;GAIG;AACH,KAAK,WAAW,GAAG;IAAE,SAAS,EAAE,aAAa,CAAA;CAAE,CAAC;;AA21BhD,wBAMG"}

package/dist/components/fields/BuilderField.vue_vue_type_script_setup_true_lang.js

@@ -1,43 +1,43 @@
 import { useActionRunner as e, useFormatter as t, useOptionalRegistry as n, useT as ee } from "../../context.js";
 import { cn as r } from "../../lib/utils.js";
 import i from "../../lib/Icon.js";
-import a from "../ui/Button2.js";
-import { useField as te, useOptionalFormStore as ne } from "../form/form-context.js";
-import re from "../schema/SchemaRenderer.js";
-import { useScrollToErroredItem as ie, useVirtualList as ae } from "../../composables/use-virtual-list.js";
-import { useFieldActionContext as oe } from "../schema/field-actions.js";
-import se from "../layout/DeferredSchema.js";
-import ce from "../schema/FieldWrapper.js";
-import le from "../ui/Collapsible.js";
-import ue from "../ui/CollapsibleContent.js";
-import de from "./AddActionRow.js";
-import fe from "./CollapseAllActions.js";
-import pe from "./ItemHeaderActions.js";
-import { useItemActionFallbacks as me, useItemMoves as he, useRunItemAction as ge } from "./item-actions.js";
-import _e from "./BuilderBlockActionsMenu.js";
-import ve from "./BuilderBlockPickerPanel.js";
-import ye from "./BuilderBlockPicker.js";
-import { VIRTUAL_ESTIMATES as be, builderItemLabel as o, builderItemSchema as xe, builderItems as Se, canAddBuilderBlock as Ce, cloneIndexedState as we, cloneRepeaterItem as Te, fieldIds as Ee, insertBuilderItem as De, isDeferredPlaceholder as Oe, itemActionContext as ke, moveIndexedState as s, moveRepeaterItem as Ae, removeIndexedState as je, removeRepeaterItem as Me, reorderedItemKeys as Ne, resolveItemAction as Pe, virtualizeOptions as Fe } from "@alfakit/core";
-import { Fragment as Ie, computed as c, createBlock as l, createCommentVNode as u, createElementBlock as d, createElementVNode as f, createTextVNode as Le, createVNode as p, defineComponent as m, normalizeClass as h, normalizeStyle as Re, openBlock as g, ref as _, renderList as ze, resolveComponent as Be, resolveDynamicComponent as Ve, toDisplayString as v, unref as y, withCtx as b, withKeys as x, withModifiers as S } from "vue";
-import { PencilIcon as He } from "@lucide/vue";
+import te from "../ui/Button2.js";
+import { useField as ne, useOptionalFormStore as re } from "../form/form-context.js";
+import ie from "../schema/SchemaRenderer.js";
+import { useScrollToErroredItem as ae, useVirtualList as oe } from "../../composables/use-virtual-list.js";
+import { useFieldActionContext as se } from "../schema/field-actions.js";
+import ce from "../layout/DeferredSchema.js";
+import le from "../schema/FieldWrapper.js";
+import ue from "../ui/Collapsible.js";
+import de from "../ui/CollapsibleContent.js";
+import fe from "./AddActionRow.js";
+import pe from "./CollapseAllActions.js";
+import me from "./ItemHeaderActions.js";
+import { useItemActionFallbacks as he, useItemMoves as ge, useRunItemAction as _e } from "./item-actions.js";
+import ve from "./BuilderBlockActionsMenu.js";
+import ye from "./BuilderBlockPickerPanel.js";
+import be from "./BuilderBlockPicker.js";
+import { VIRTUAL_ESTIMATES as xe, builderItemLabel as a, builderItemSchema as Se, builderItems as Ce, canAddBuilderBlock as we, cloneIndexedState as o, cloneRepeaterItem as Te, fieldIds as Ee, insertBuilderItem as De, isDeferredPlaceholder as Oe, itemActionContext as ke, itemExtraActions as s, moveIndexedState as c, moveRepeaterItem as Ae, removeIndexedState as je, removeRepeaterItem as Me, reorderedItemKeys as Ne, resolveItemAction as Pe, virtualizeOptions as Fe } from "@alfakit/core";
+import { Fragment as Ie, computed as l, createBlock as u, createCommentVNode as d, createElementBlock as f, createElementVNode as p, createTextVNode as Le, createVNode as m, defineComponent as Re, normalizeClass as h, normalizeStyle as ze, openBlock as g, ref as _, renderList as Be, resolveComponent as Ve, resolveDynamicComponent as He, toDisplayString as v, unref as y, withCtx as b, withKeys as x, withModifiers as S } from "vue";
+import { PencilIcon as Ue } from "@lucide/vue";
 //#region src/components/fields/BuilderField.vue?vue&type=script&setup=true&lang.ts
-var Ue = {
+var We = {
 	"aria-live": "polite",
 	"aria-atomic": "true",
 	class: "sr-only",
 	"data-slot": "item-move-status"
-}, We = {
+}, Ge = {
 	key: 0,
 	"data-slot": "builder-empty",
 	class: "bg-muted/30 flex flex-col gap-3 rounded-lg border border-dashed p-3 sm:p-4"
-}, Ge = { class: "px-1" }, Ke = { class: "text-sm font-medium" }, qe = { class: "text-muted-foreground text-sm" }, Je = {
+}, Ke = { class: "px-1" }, qe = { class: "text-sm font-medium" }, Je = { class: "text-muted-foreground text-sm" }, Ye = {
 	key: 1,
 	class: "text-muted-foreground rounded-lg border border-dashed p-4 text-center text-sm"
-}, Ye = [
+}, Xe = [
 	"id",
 	"aria-labelledby",
 	"aria-describedby"
-], Xe = [
+], Ze = [
 	"data-index",
 	"aria-setsize",
 	"aria-posinset",
@@ -45,128 +45,128 @@ var Ue = {
 	"draggable",
 	"onDragstart",
 	"onDrop"
-], Ze = {
+], Qe = {
 	class: "flex flex-wrap items-center gap-1 border-b px-2 py-1.5",
 	"data-slot": "item-header"
-}, Qe = ["title"], $e = {
+}, $e = ["title"], et = {
 	key: 2,
 	class: "text-muted-foreground text-xs tabular-nums"
-}, et = { class: "flex min-w-0 flex-1 items-baseline gap-2" }, tt = {
+}, tt = { class: "flex min-w-0 flex-1 items-baseline gap-2" }, nt = {
 	key: 0,
 	dir: "auto",
 	class: "min-w-0 shrink-0 truncate text-sm font-medium sm:max-w-[60%]"
-}, nt = {
+}, rt = {
 	key: 1,
 	dir: "auto",
 	class: "text-muted-foreground min-w-0 truncate text-sm",
 	"data-slot": "builder-item-summary"
-}, rt = [
+}, it = [
 	"role",
 	"tabindex",
 	"aria-label",
 	"onClick",
 	"onKeydown"
-], it = ["innerHTML"], at = {
+], at = ["innerHTML"], ot = {
 	key: 1,
 	class: "p-4"
-}, C = /*@__PURE__*/ m({
+}, C = /*@__PURE__*/ Re({
 	__name: "BuilderField",
 	props: { component: {} },
-	setup(m) {
-		let C = m, w = ee(), ot = t(), st = n(), T = ne(), E = oe(() => C.component), D = ge(E), ct = me("builder"), O = (e) => {
+	setup(Re) {
+		let C = Re, w = ee(), st = t(), ct = n(), T = re(), E = se(() => C.component), D = _e(E), lt = he("builder"), O = (e) => {
 			let t = C.component.items[e];
 			return t && t.type === N.value[e]?.type ? t : void 0;
 		}, k = (e, t) => Pe(e, C.component, t === void 0 ? void 0 : O(t), e === "add" ? {
-			...ct.add,
+			...lt.add,
 			label: C.component.addActionLabel
-		} : ct[e]), { value: A, setValue: lt, error: ut, id: j, disabled: dt, readOnly: ft, aria: pt } = te(() => C.component), M = c(() => dt.value || ft.value), N = c(() => Se(A.value)), P = _({}), F = _({}), I = _(null), L = ae(() => N.value.length, () => Fe(C.component.virtualize, be.item, 12));
-		ie(L, () => C.component.statePath);
-		let mt = c(() => L.indexes.value.map((e) => ({
+		} : lt[e]), { value: A, setValue: ut, error: dt, id: j, disabled: ft, readOnly: pt, aria: mt } = ne(() => C.component), M = l(() => ft.value || pt.value), N = l(() => Ce(A.value)), P = _({}), F = _({}), I = _(null), L = oe(() => N.value.length, () => Fe(C.component.virtualize, xe.item, 12));
+		ae(L, () => C.component.statePath);
+		let ht = l(() => L.indexes.value.map((e) => ({
 			item: N.value[e],
 			index: e
-		}))), R = (e) => C.component.blocks.find((t) => t.name === e), z = (e) => P.value[e] ?? C.component.collapsed ?? !1, B = c(() => C.component.addable && !M.value && (C.component.maxItems == null || N.value.length < C.component.maxItems)), V = c(() => C.component.deletable && !M.value && (C.component.minItems == null || N.value.length > C.component.minItems)), H = (e) => {
+		}))), R = (e) => C.component.blocks.find((t) => t.name === e), z = (e) => P.value[e] ?? C.component.collapsed ?? !1, B = l(() => C.component.addable && !M.value && (C.component.maxItems == null || N.value.length < C.component.maxItems)), V = l(() => C.component.deletable && !M.value && (C.component.minItems == null || N.value.length > C.component.minItems)), H = (e) => {
 			let t = R(e.type);
-			return !!(C.component.cloneable && B.value && t && Ce(C.component, t, N.value));
-		}, U = c(() => C.component.reorderable && C.component.reorderableWithDragAndDrop !== !1 && !M.value && k("reorder") !== null), W = c(() => C.component.reorderable && C.component.reorderableWithButtons !== !1 && !M.value), G = c(() => k("add")), ht = c(() => B.value && G.value !== null && !G.value.disabled && C.component.blocks.length > 0), K = c(() => !!C.component.blockActionsMenu && !M.value), gt = e(), _t = (e, t) => D(k(e, t), { item: String(t) }, () => {
-			e === "moveUp" ? Y.moveWithButton(t, t - 1) : e === "moveDown" ? Y.moveWithButton(t, t + 1) : e === "clone" ? xt(t) : e === "delete" && X(t);
-		}), vt = (e, t) => void gt.trigger(e, ke(E.value, { item: String(t) })), q = (e) => lt(e), J = (e, t) => {
-			q(Ae(N.value, e, t)), P.value = s(P.value, e, t), F.value = s(F.value, e, t);
-		}, Y = he(A, (e, t) => J(e, t), (e) => o(C.component, N.value, e), () => N.value.length), yt = Y.announcement, bt = Y.container, X = (e) => {
+			return !!(C.component.cloneable && B.value && t && we(C.component, t, N.value));
+		}, U = l(() => C.component.reorderable && C.component.reorderableWithDragAndDrop !== !1 && !M.value && k("reorder") !== null), W = l(() => C.component.reorderable && C.component.reorderableWithButtons !== !1 && !M.value), G = l(() => k("add")), gt = l(() => B.value && G.value !== null && !G.value.disabled && C.component.blocks.length > 0), K = l(() => !!C.component.blockActionsMenu && !M.value), _t = e(), vt = (e, t) => D(k(e, t), { item: String(t) }, () => {
+			e === "moveUp" ? Y.moveWithButton(t, t - 1) : e === "moveDown" ? Y.moveWithButton(t, t + 1) : e === "clone" ? Ct(t) : e === "delete" && St(t);
+		}), yt = (e, t) => void _t.trigger(e, ke(E.value, { item: String(t) })), q = (e) => ut(e), J = (e, t) => {
+			q(Ae(N.value, e, t)), P.value = c(P.value, e, t), F.value = c(F.value, e, t);
+		}, Y = ge(A, (e, t) => J(e, t), (e) => a(C.component, N.value, e), () => N.value.length), bt = Y.announcement, xt = Y.container, St = (e) => {
 			q(Me(N.value, e)), P.value = je(P.value, e), F.value = je(F.value, e);
-		}, xt = (e) => {
-			q(Te(N.value, e)), P.value = we(P.value, e), F.value = we(F.value, e);
-		}, St = (e) => D(G.value, { block: e.name }, () => q(De(N.value, e))), Ct = (e) => {
+		}, Ct = (e) => {
+			q(Te(N.value, e)), P.value = o(P.value, e), F.value = o(F.value, e);
+		}, wt = (e) => D(G.value, { block: e.name }, () => q(De(N.value, e))), Tt = (e) => {
 			let t = I.value;
 			I.value = null, t !== null && t !== e && D(k("reorder"), { items: Ne(N.value.length, t, e) }, () => J(t, e));
-		}, wt = (e) => {
-			P.value = Object.fromEntries(N.value.map((t, n) => [n, e])), e && Tt(N.value.map((e, t) => t));
-		}, Tt = (e) => {
-			e.some((e) => R(N.value[e]?.type ?? "")?.summary) && T?.refresh(C.component.statePath);
 		}, Et = (e) => {
+			P.value = Object.fromEntries(N.value.map((t, n) => [n, e])), e && Dt(N.value.map((e, t) => t));
+		}, Dt = (e) => {
+			e.some((e) => R(N.value[e]?.type ?? "")?.summary) && T?.refresh(C.component.statePath);
+		}, Ot = (e) => {
 			let t = !z(e);
 			P.value = {
 				...P.value,
 				[e]: t
-			}, t && Tt([e]);
-		}, Z = (e) => {
+			}, t && Dt([e]);
+		}, X = (e) => {
 			let t = O(e)?.previewComponent ?? R(N.value[e]?.type ?? "")?.previewComponent;
-			return t ? st?.resolve(`builder-preview:${t}`) : void 0;
-		}, Dt = (e) => C.component.blockPreviews === !0 && (Z(e) !== void 0 || !!O(e)?.preview), Ot = (e) => Dt(e) && !F.value[e], kt = (e) => {
+			return t ? ct?.resolve(`builder-preview:${t}`) : void 0;
+		}, Z = (e) => C.component.blockPreviews === !0 && (X(e) !== void 0 || !!O(e)?.preview), kt = (e) => Z(e) && !F.value[e], At = (e) => {
 			let t = !F.value[e];
 			F.value = {
 				...F.value,
 				[e]: t
 			}, t || T?.refresh(C.component.statePath);
 		}, Q = (e) => {
-			M.value || kt(e);
-		}, $ = c(() => !C.component.interactivePreviews && !M.value);
+			M.value || At(e);
+		}, $ = l(() => !C.component.interactivePreviews && !M.value);
 		return (e, t) => {
-			let n = Be("BuilderField", !0);
-			return y(Oe)(C.component) ? (g(), l(se, {
+			let n = Ve("BuilderField", !0);
+			return y(Oe)(C.component) ? (g(), u(ce, {
 				key: 0,
 				component: C.component
 			}, {
-				default: b(({ component: e }) => [p(n, { component: e }, null, 8, ["component"])]),
+				default: b(({ component: e }) => [m(n, { component: e }, null, 8, ["component"])]),
 				_: 1
-			}, 8, ["component"])) : (g(), l(ce, {
+			}, 8, ["component"])) : (g(), u(le, {
 				key: 1,
 				field: C.component,
 				"html-for": y(j),
-				error: y(ut)
+				error: y(dt)
 			}, {
-				default: b(() => [f("div", {
+				default: b(() => [p("div", {
 					ref_key: "moveContainer",
-					ref: bt,
+					ref: xt,
 					class: "flex flex-col gap-3",
 					"data-slot": "builder"
 				}, [
-					f("span", Ue, v(y(yt)), 1),
-					N.value.length === 0 && ht.value ? (g(), d("div", We, [f("div", Ge, [f("p", Ke, v(y(w)("builder.empty_heading", {}, "Add your first block")), 1), f("p", qe, v(y(w)("builder.empty_description", {}, "Pick one to start. You can add more, reorder and remove them at any time.")), 1)]), p(ve, {
+					p("span", We, v(y(bt)), 1),
+					N.value.length === 0 && gt.value ? (g(), f("div", Ge, [p("div", Ke, [p("p", qe, v(y(w)("builder.empty_heading", {}, "Add your first block")), 1), p("p", Je, v(y(w)("builder.empty_description", {}, "Pick one to start. You can add more, reorder and remove them at any time.")), 1)]), m(ye, {
 						component: C.component,
 						items: N.value,
 						class: "bg-card max-h-[28rem] rounded-md border",
-						onPick: St
-					}, null, 8, ["component", "items"])])) : N.value.length === 0 ? (g(), d("p", Je, v(y(w)("builder.empty", {}, "No blocks yet.")), 1)) : u("", !0),
-					C.component.collapsible && N.value.length > 0 ? (g(), l(fe, {
+						onPick: wt
+					}, null, 8, ["component", "items"])])) : N.value.length === 0 ? (g(), f("p", Ye, v(y(w)("builder.empty", {}, "No blocks yet.")), 1)) : d("", !0),
+					C.component.collapsible && N.value.length > 0 ? (g(), u(pe, {
 						key: 2,
 						context: y(E),
 						"collapse-all": k("collapseAll"),
 						"expand-all": k("expandAll"),
-						onCollapseAll: t[0] ||= (e) => wt(!0),
-						onExpandAll: t[1] ||= (e) => wt(!1)
+						onCollapseAll: t[0] ||= (e) => Et(!0),
+						onExpandAll: t[1] ||= (e) => Et(!1)
 					}, null, 8, [
 						"context",
 						"collapse-all",
 						"expand-all"
-					])) : u("", !0),
-					f("ul", {
+					])) : d("", !0),
+					p("ul", {
 						id: y(j),
 						ref: y(L).attach,
 						"aria-labelledby": C.component.label ? y(Ee)(y(j)).label : void 0,
-						"aria-describedby": y(pt)["aria-describedby"],
-						style: Re(y(L).style.value),
+						"aria-describedby": y(mt)["aria-describedby"],
+						style: ze(y(L).style.value),
 						class: h(y(r)("grid gap-3", N.value.length === 0 && "hidden"))
-					}, [(g(!0), d(Ie, null, ze(mt.value, ({ item: e, index: n }) => (g(), d("li", {
+					}, [(g(!0), f(Ie, null, Be(ht.value, ({ item: e, index: n }) => (g(), f("li", {
 						key: n,
 						ref_for: !0,
 						ref: y(L).item,
@@ -178,69 +178,69 @@ var Ue = {
 						class: h(y(r)("bg-card min-w-0 rounded-lg border shadow-xs", I.value === n && "opacity-50")),
 						onDragstart: (e) => I.value = n,
 						onDragover: t[2] ||= (e) => U.value && e.preventDefault(),
-						onDrop: (e) => Ct(n),
+						onDrop: (e) => Tt(n),
 						onDragend: t[3] ||= (e) => I.value = null
-					}, [p(le, { open: !z(n) }, {
-						default: b(() => [f("div", Ze, [
-							U.value ? (g(), d("span", {
+					}, [m(ue, { open: !z(n) }, {
+						default: b(() => [p("div", Qe, [
+							U.value ? (g(), f("span", {
 								key: 0,
 								class: "text-muted-foreground cursor-grab",
 								title: k("reorder")?.label ?? void 0,
 								"aria-hidden": "true"
-							}, [p(y(i), { name: k("reorder")?.icon ?? "grip-vertical" }, null, 8, ["name"])], 8, Qe)) : u("", !0),
-							C.component.blockIcons && (R(e.type)?.icon ?? C.component.items[n]?.icon) ? (g(), l(y(i), {
+							}, [m(y(i), { name: k("reorder")?.icon ?? "grip-vertical" }, null, 8, ["name"])], 8, $e)) : d("", !0),
+							C.component.blockIcons && (R(e.type)?.icon ?? C.component.items[n]?.icon) ? (g(), u(y(i), {
 								key: 1,
 								name: R(e.type)?.icon ?? C.component.items[n]?.icon,
 								class: "text-muted-foreground size-4"
-							}, null, 8, ["name"])) : u("", !0),
-							C.component.blockNumbers ? (g(), d("span", $e, v(y(ot).number(n + 1)), 1)) : u("", !0),
-							f("span", et, [C.component.blockLabels ? (g(), d("span", tt, v(y(o)(C.component, N.value, n)), 1)) : u("", !0), O(n)?.summary ? (g(), d("span", nt, v(O(n)?.summary), 1)) : u("", !0)]),
-							p(pe, {
+							}, null, 8, ["name"])) : d("", !0),
+							C.component.blockNumbers ? (g(), f("span", et, v(y(st).number(n + 1)), 1)) : d("", !0),
+							p("span", tt, [C.component.blockLabels ? (g(), f("span", nt, v(y(a)(C.component, N.value, n)), 1)) : d("", !0), O(n)?.summary ? (g(), f("span", rt, v(O(n)?.summary), 1)) : d("", !0)]),
+							m(me, {
 								context: y(E),
 								"item-key": String(n),
 								index: n,
 								count: N.value.length,
 								resolve: (e) => k(e, n),
-								"extra-actions": K.value || M.value ? void 0 : O(n)?.actions,
+								"extra-actions": K.value || M.value ? void 0 : y(s)(C.component, O(n)),
 								buttons: W.value && !K.value,
 								"can-clone": H(e) && !K.value,
 								"can-delete": V.value && !K.value,
 								collapsible: !!C.component.collapsible,
 								collapsed: z(n),
 								onMove: y(Y).moveWithButton,
-								onClone: (e) => xt(n),
-								onDelete: (e) => X(n),
-								onToggle: (e) => Et(n)
+								onClone: (e) => Ct(n),
+								onDelete: (e) => St(n),
+								onToggle: (e) => Ot(n)
 							}, {
-								default: b(() => [Dt(n) && !M.value ? (g(), l(a, {
+								default: b(() => [Z(n) && !M.value ? (g(), u(te, {
 									key: 0,
 									type: "button",
 									variant: "ghost",
 									size: "icon-xs",
 									"aria-label": y(w)("builder.edit_block", {}, "Edit block"),
 									"aria-pressed": !!F.value[n],
-									onClick: (e) => kt(n)
+									onClick: (e) => At(n)
 								}, {
-									default: b(() => [p(y(i), {
+									default: b(() => [m(y(i), {
 										name: "alfakit::forms.components.builder.actions.edit",
-										fallback: y(He)
+										fallback: y(Ue)
 									}, null, 8, ["fallback"])]),
 									_: 1
 								}, 8, [
 									"aria-label",
 									"aria-pressed",
 									"onClick"
-								])) : u("", !0), K.value ? (g(), l(_e, {
+								])) : d("", !0), K.value ? (g(), u(ve, {
 									key: 1,
-									label: y(o)(C.component, N.value, n) ?? "",
+									label: y(a)(C.component, N.value, n) ?? "",
 									resolve: (e) => k(e, n),
 									"can-move-up": W.value && n > 0,
 									"can-move-down": W.value && n < N.value.length - 1,
 									"can-clone": H(e),
 									"can-delete": V.value,
-									"extra-actions": O(n)?.actions,
-									onAction: (e) => _t(e, n),
-									onExtra: (e) => vt(e, n)
+									"extra-actions": y(s)(C.component, O(n)),
+									onAction: (e) => vt(e, n),
+									onExtra: (e) => yt(e, n)
 								}, null, 8, [
 									"label",
 									"resolve",
@@ -251,7 +251,7 @@ var Ue = {
 									"extra-actions",
 									"onAction",
 									"onExtra"
-								])) : u("", !0)]),
+								])) : d("", !0)]),
 								_: 2
 							}, 1032, [
 								"context",
@@ -270,8 +270,8 @@ var Ue = {
 								"onDelete",
 								"onToggle"
 							])
-						]), p(ue, null, {
-							default: b(() => [Ot(n) ? (g(), d("div", {
+						]), m(de, null, {
+							default: b(() => [kt(n) ? (g(), f("div", {
 								key: 0,
 								"data-slot": "builder-preview",
 								class: h(y(r)("p-4", $.value && "cursor-pointer")),
@@ -280,7 +280,7 @@ var Ue = {
 								"aria-label": $.value ? y(w)("builder.edit_block", {}, "Edit block") : void 0,
 								onClick: (e) => $.value && Q(n),
 								onKeydown: [x(S((e) => $.value && Q(n), ["prevent"]), ["enter"]), x(S((e) => $.value && Q(n), ["prevent"]), ["space"])]
-							}, [f("div", { class: h(y(r)(!C.component.interactivePreviews && "pointer-events-none")) }, [Z(n) ? (g(), l(Ve(Z(n)), {
+							}, [p("div", { class: h(y(r)(!C.component.interactivePreviews && "pointer-events-none")) }, [X(n) ? (g(), u(He(X(n)), {
 								key: 0,
 								data: e.data,
 								block: e.type,
@@ -289,43 +289,43 @@ var Ue = {
 								"data",
 								"block",
 								"index"
-							])) : (g(), d("div", {
+							])) : (g(), f("div", {
 								key: 1,
 								innerHTML: O(n)?.preview ?? ""
-							}, null, 8, it))], 2)], 42, rt)) : (g(), d("div", at, [p(re, {
-								components: y(xe)(C.component, N.value, n),
+							}, null, 8, at))], 2)], 42, it)) : (g(), f("div", ot, [m(ie, {
+								components: y(Se)(C.component, N.value, n),
 								columns: R(e.type)?.columns ?? C.component.items[n]?.columns ?? { default: 1 }
 							}, null, 8, ["components", "columns"])]))]),
 							_: 2
 						}, 1024)]),
 						_: 2
-					}, 1032, ["open"])], 42, Xe))), 128))], 14, Ye),
-					B.value && G.value && C.component.blocks.length > 0 && N.value.length > 0 ? (g(), l(de, {
+					}, 1032, ["open"])], 42, Ze))), 128))], 14, Xe),
+					B.value && G.value && C.component.blocks.length > 0 && N.value.length > 0 ? (g(), u(fe, {
 						key: 3,
 						alignment: C.component.addActionAlignment
 					}, {
-						default: b(() => [p(ye, {
+						default: b(() => [m(be, {
 							component: C.component,
 							items: N.value,
-							onPick: St
+							onPick: wt
 						}, {
-							default: b(() => [p(a, {
+							default: b(() => [m(te, {
 								type: "button",
 								variant: "outline",
 								size: "sm",
 								disabled: G.value?.disabled,
 								"data-slot": "builder-add"
 							}, {
-								default: b(() => [G.value?.icon ? (g(), l(y(i), {
+								default: b(() => [G.value?.icon ? (g(), u(y(i), {
 									key: 0,
 									name: G.value.icon
-								}, null, 8, ["name"])) : u("", !0), Le(" " + v(G.value?.label), 1)]),
+								}, null, 8, ["name"])) : d("", !0), Le(" " + v(G.value?.label), 1)]),
 								_: 1
 							}, 8, ["disabled"])]),
 							_: 1
 						}, 8, ["component", "items"])]),
 						_: 1
-					}, 8, ["alignment"])) : u("", !0)
+					}, 8, ["alignment"])) : d("", !0)
 				], 512)]),
 				_: 1
 			}, 8, [