@ecoma-io/loom 0.5.0 → 0.6.0

package/dist/packages/blocks/empty-state/src/EmptyState.vue_vue_type_script_setup_true_lang.js

@@ -1,70 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
-//#region packages/blocks/empty-state/src/EmptyState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col items-center justify-center gap-1.5 px-6 py-10 text-center sm:py-14" };
-var _hoisted_2 = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "animate-fade-rise mb-3 grid h-12 w-12 place-items-center rounded-full border border-border bg-subtle text-muted-foreground [&_svg]:h-5 [&_svg]:w-5"
-};
-var _hoisted_3 = {
-	class: "block animate-fade-rise text-title text-foreground",
-	style: { animationDelay: "60ms" }
-};
-var _hoisted_4 = {
-	key: 0,
-	class: "mt-1.5 block animate-fade-rise max-w-sm text-balance text-small text-muted-foreground",
-	style: { animationDelay: "120ms" }
-};
-var _hoisted_5 = {
-	key: 1,
-	class: "animate-fade-rise mt-4",
-	style: { animationDelay: "180ms" }
-};
-var EmptyState_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "EmptyState",
-	props: {
-		title: {},
-		description: {}
-	},
-	setup(__props) {
-		/**
-		* EmptyState — the shape of "nothing here yet": icon → title → optional
-		* description → at most ONE call-to-action, centered in the empty region. An
-		* empty region should explain itself and invite the next step — empty is a
-		* welcome, never an error (a failed load renders `InlineError`; an empty
-		* *result* renders this).
-		*
-		* The entrance is a staggered fade-rise film (icon, title, description,
-		* action — 60ms apart): this is content appearing, not action feedback, so
-		* it budgets like a panel rather than against the interaction-feedback
-		* ceiling, all token-tier CSS. Purely presentational: the icon comes via the
-		* `icon` slot (decorative, hidden from assistive tech), the CTA via the
-		* `action` slot — the host owns behavior and wording, and no fallback copy
-		* ships with the component.
-		*
-		* The icon sits in a hairline medallion — a `bg-subtle` disc with a `border`
-		* ring — rather than floating bare. Two reasons: the glyph itself is sized
-		* 20px, the emphasis step for an empty-state icon, and a 20px stroke drawing
-		* alone in a large blank region has nothing to hold it, so it reads as a
-		* stray mark; the medallion gives it a shape to anchor without adding a
-		* shadow (a disc is a surface plus a hairline, never a float). `bg-subtle`
-		* is chosen over `bg-card` so the disc stays visible on `bg-card` and
-		* `bg-background` alike — this block is dropped into both.
-		*
-		* Type comes from the named scale (`text-title` / `text-small`), not
-		* hand-picked `text-sm`/`text-xs` — the empty state is a titled moment, not
-		* a caption.
-		*/
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("p", null, [createElementVNode("span", _hoisted_3, toDisplayString(__props.title), 1), __props.description ? (openBlock(), createElementBlock("span", _hoisted_4, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]),
-				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
-			]);
-		};
-	}
-});
-//#endregion
-export { EmptyState_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=EmptyState.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/empty-state/src/EmptyState.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"EmptyState.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/blocks/empty-state/src/EmptyState.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * EmptyState — the shape of \"nothing here yet\": icon → title → optional\n * description → at most ONE call-to-action, centered in the empty region. An\n * empty region should explain itself and invite the next step — empty is a\n * welcome, never an error (a failed load renders `InlineError`; an empty\n * *result* renders this).\n *\n * The entrance is a staggered fade-rise film (icon, title, description,\n * action — 60ms apart): this is content appearing, not action feedback, so\n * it budgets like a panel rather than against the interaction-feedback\n * ceiling, all token-tier CSS. Purely presentational: the icon comes via the\n * `icon` slot (decorative, hidden from assistive tech), the CTA via the\n * `action` slot — the host owns behavior and wording, and no fallback copy\n * ships with the component.\n *\n * The icon sits in a hairline medallion — a `bg-subtle` disc with a `border`\n * ring — rather than floating bare. Two reasons: the glyph itself is sized\n * 20px, the emphasis step for an empty-state icon, and a 20px stroke drawing\n * alone in a large blank region has nothing to hold it, so it reads as a\n * stray mark; the medallion gives it a shape to anchor without adding a\n * shadow (a disc is a surface plus a hairline, never a float). `bg-subtle`\n * is chosen over `bg-card` so the disc stays visible on `bg-card` and\n * `bg-background` alike — this block is dropped into both.\n *\n * Type comes from the named scale (`text-title` / `text-small`), not\n * hand-picked `text-sm`/`text-xs` — the empty state is a titled moment, not\n * a caption.\n */\ndefineProps<{\n  /** What is missing, stated plainly — always shown. */\n  title: string;\n  /** What to do about it. Omit rather than pad the region with filler copy. */\n  description?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"flex flex-col items-center justify-center gap-1.5 px-6 py-10 text-center sm:py-14\">\n    <div\n      v-if=\"$slots.icon\"\n      aria-hidden=\"true\"\n      class=\"animate-fade-rise mb-3 grid h-12 w-12 place-items-center rounded-full border border-border bg-subtle text-muted-foreground [&_svg]:h-5 [&_svg]:w-5\"\n    >\n      <slot name=\"icon\" />\n    </div>\n    <!-- One paragraph, not a short titled one before a longer one. The empty\n         state is a single message, and a short, larger, bolder <p> sitting\n         before a smaller one is exactly the fake-heading shape `p-as-heading`\n         flags (WCAG 1.3.1; measured 2026-08-26 on this block's own demo).\n         Block spans keep the stacked look and the stagger. -->\n    <p>\n      <span\n        class=\"block animate-fade-rise text-title text-foreground\"\n        :style=\"{ animationDelay: '60ms' }\"\n      >\n        {{ title }}\n      </span>\n      <span\n        v-if=\"description\"\n        class=\"mt-1.5 block animate-fade-rise max-w-sm text-balance text-small text-muted-foreground\"\n        :style=\"{ animationDelay: '120ms' }\"\n      >\n        {{ description }}\n      </span>\n    </p>\n    <div v-if=\"$slots.action\" class=\"animate-fade-rise mt-4\" :style=\"{ animationDelay: '180ms' }\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCE,OAAA,UAAA,GAAA,mBA+BM,OA/BN,YA+BM;IA7BIA,KAAAA,OAAO,QADf,UAAA,GAAA,mBAMM,OANN,YAMM,CADJ,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAOtB,mBAcI,KAAA,MAAA,CAbF,mBAKO,QALP,YAKO,gBADF,QAAA,KAAK,GAAA,CAAA,GAGF,QAAA,eADR,UAAA,GAAA,mBAMO,QANP,YAMO,gBADF,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;IAGPA,KAAAA,OAAO,UAAlB,UAAA,GAAA,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/packages/blocks/empty-state/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/empty-state/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/blocks/error-state/src/ErrorState.js

@@ -1,7 +0,0 @@
-import ErrorState_vue_vue_type_script_setup_true_lang_default from "./ErrorState.vue_vue_type_script_setup_true_lang.js";
-//#region packages/blocks/error-state/src/ErrorState.vue
-var ErrorState_default = ErrorState_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { ErrorState_default as default };
-
-//# sourceMappingURL=ErrorState.js.map

package/dist/packages/blocks/error-state/src/ErrorState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.js","names":[],"sources":["../../../../../packages/blocks/error-state/src/ErrorState.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ErrorState — the shape of \"something went wrong\": icon → title → optional\n * description → optional retry action, centered in the error region. This is\n * EmptyState's mirror: where that block says \"nothing here yet\" and invites\n * the next step, this one says \"something broke\" and offers a retry.\n *\n * No staggered entrance. EmptyState is content appearing — a welcome, budgeted\n * like a panel reveal. An error is not content; it is a problem that needs\n * attention now, and a fade-rise film that delays the message reads as\n * indifference. Everything renders at once.\n *\n * The icon sits in a hairline medallion — the same shape as EmptyState's, but\n * tinted `bg-destructive/10` with a `border-destructive/30` ring — because a\n * bare glyph in a region that already signals alarm has no anchor and the\n * colour alone does the work that EmptyState's neutral medallion needed\n * `bg-subtle` for. The icon is decorative and `aria-hidden`; the title already\n * carries the meaning.\n *\n * The action slot is semantically a retry affordance but remains a generic\n * slot — the host owns the wording and behaviour, and no fallback copy ships\n * with the component.\n */\ndefineProps<{\n  /** What went wrong, stated plainly — always shown. */\n  title: string;\n  /** More context about the error. Omit rather than pad the region with filler copy. */\n  description?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"flex flex-col items-center justify-center gap-1.5 px-6 py-10 text-center sm:py-14\">\n    <div\n      v-if=\"$slots.icon\"\n      aria-hidden=\"true\"\n      class=\"grid h-12 w-12 place-items-center rounded-full border border-destructive/30 bg-destructive/10 text-destructive-text [&_svg]:h-5 [&_svg]:w-5\"\n    >\n      <slot name=\"icon\" />\n    </div>\n    <p class=\"text-title text-foreground\">\n      {{ title }}\n    </p>\n    <p v-if=\"description\" class=\"max-w-sm text-balance text-small text-muted-foreground\">\n      {{ description }}\n    </p>\n    <div v-if=\"$slots.action\" class=\"mt-4\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/error-state/src/ErrorState.vue.d.ts

@@ -1,44 +0,0 @@
-/**
- * ErrorState — the shape of "something went wrong": icon → title → optional
- * description → optional retry action, centered in the error region. This is
- * EmptyState's mirror: where that block says "nothing here yet" and invites
- * the next step, this one says "something broke" and offers a retry.
- *
- * No staggered entrance. EmptyState is content appearing — a welcome, budgeted
- * like a panel reveal. An error is not content; it is a problem that needs
- * attention now, and a fade-rise film that delays the message reads as
- * indifference. Everything renders at once.
- *
- * The icon sits in a hairline medallion — the same shape as EmptyState's, but
- * tinted `bg-destructive/10` with a `border-destructive/30` ring — because a
- * bare glyph in a region that already signals alarm has no anchor and the
- * colour alone does the work that EmptyState's neutral medallion needed
- * `bg-subtle` for. The icon is decorative and `aria-hidden`; the title already
- * carries the meaning.
- *
- * The action slot is semantically a retry affordance but remains a generic
- * slot — the host owns the wording and behaviour, and no fallback copy ships
- * with the component.
- */
-type __VLS_Props = {
-    /** What went wrong, stated plainly — always shown. */
-    title: string;
-    /** More context about the error. Omit rather than pad the region with filler copy. */
-    description?: string;
-};
-declare var __VLS_1: {}, __VLS_3: {};
-type __VLS_Slots = {} & {
-    icon?: (props: typeof __VLS_1) => any;
-} & {
-    action?: (props: typeof __VLS_3) => any;
-};
-declare const __VLS_base: 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 __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
-declare const _default: typeof __VLS_export;
-export default _default;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=ErrorState.vue.d.ts.map

package/dist/packages/blocks/error-state/src/ErrorState.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/error-state/src/ErrorState.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;;;;;;;;;;GAqBG;AACH,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAwEF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AAC3C,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GACzC;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK9C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/blocks/error-state/src/ErrorState.vue_vue_type_script_setup_true_lang.js

@@ -1,60 +0,0 @@
-import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
-//#region packages/blocks/error-state/src/ErrorState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = { class: "flex flex-col items-center justify-center gap-1.5 px-6 py-10 text-center sm:py-14" };
-var _hoisted_2 = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "grid h-12 w-12 place-items-center rounded-full border border-destructive/30 bg-destructive/10 text-destructive-text [&_svg]:h-5 [&_svg]:w-5"
-};
-var _hoisted_3 = { class: "text-title text-foreground" };
-var _hoisted_4 = {
-	key: 1,
-	class: "max-w-sm text-balance text-small text-muted-foreground"
-};
-var _hoisted_5 = {
-	key: 2,
-	class: "mt-4"
-};
-var ErrorState_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ErrorState",
-	props: {
-		title: {},
-		description: {}
-	},
-	setup(__props) {
-		/**
-		* ErrorState — the shape of "something went wrong": icon → title → optional
-		* description → optional retry action, centered in the error region. This is
-		* EmptyState's mirror: where that block says "nothing here yet" and invites
-		* the next step, this one says "something broke" and offers a retry.
-		*
-		* No staggered entrance. EmptyState is content appearing — a welcome, budgeted
-		* like a panel reveal. An error is not content; it is a problem that needs
-		* attention now, and a fade-rise film that delays the message reads as
-		* indifference. Everything renders at once.
-		*
-		* The icon sits in a hairline medallion — the same shape as EmptyState's, but
-		* tinted `bg-destructive/10` with a `border-destructive/30` ring — because a
-		* bare glyph in a region that already signals alarm has no anchor and the
-		* colour alone does the work that EmptyState's neutral medallion needed
-		* `bg-subtle` for. The icon is decorative and `aria-hidden`; the title already
-		* carries the meaning.
-		*
-		* The action slot is semantically a retry affordance but remains a generic
-		* slot — the host owns the wording and behaviour, and no fallback copy ships
-		* with the component.
-		*/
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [
-				_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true),
-				createElementVNode("p", _hoisted_3, toDisplayString(__props.title), 1),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_4, toDisplayString(__props.description), 1)) : createCommentVNode("", true),
-				_ctx.$slots.action ? (openBlock(), createElementBlock("div", _hoisted_5, [renderSlot(_ctx.$slots, "action")])) : createCommentVNode("", true)
-			]);
-		};
-	}
-});
-//#endregion
-export { ErrorState_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ErrorState.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/error-state/src/ErrorState.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorState.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/blocks/error-state/src/ErrorState.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * ErrorState — the shape of \"something went wrong\": icon → title → optional\n * description → optional retry action, centered in the error region. This is\n * EmptyState's mirror: where that block says \"nothing here yet\" and invites\n * the next step, this one says \"something broke\" and offers a retry.\n *\n * No staggered entrance. EmptyState is content appearing — a welcome, budgeted\n * like a panel reveal. An error is not content; it is a problem that needs\n * attention now, and a fade-rise film that delays the message reads as\n * indifference. Everything renders at once.\n *\n * The icon sits in a hairline medallion — the same shape as EmptyState's, but\n * tinted `bg-destructive/10` with a `border-destructive/30` ring — because a\n * bare glyph in a region that already signals alarm has no anchor and the\n * colour alone does the work that EmptyState's neutral medallion needed\n * `bg-subtle` for. The icon is decorative and `aria-hidden`; the title already\n * carries the meaning.\n *\n * The action slot is semantically a retry affordance but remains a generic\n * slot — the host owns the wording and behaviour, and no fallback copy ships\n * with the component.\n */\ndefineProps<{\n  /** What went wrong, stated plainly — always shown. */\n  title: string;\n  /** More context about the error. Omit rather than pad the region with filler copy. */\n  description?: string;\n}>();\n</script>\n\n<template>\n  <div class=\"flex flex-col items-center justify-center gap-1.5 px-6 py-10 text-center sm:py-14\">\n    <div\n      v-if=\"$slots.icon\"\n      aria-hidden=\"true\"\n      class=\"grid h-12 w-12 place-items-center rounded-full border border-destructive/30 bg-destructive/10 text-destructive-text [&_svg]:h-5 [&_svg]:w-5\"\n    >\n      <slot name=\"icon\" />\n    </div>\n    <p class=\"text-title text-foreground\">\n      {{ title }}\n    </p>\n    <p v-if=\"description\" class=\"max-w-sm text-balance text-small text-muted-foreground\">\n      {{ description }}\n    </p>\n    <div v-if=\"$slots.action\" class=\"mt-4\">\n      <slot name=\"action\" />\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCE,OAAA,UAAA,GAAA,mBAiBM,OAjBN,YAiBM;IAfIA,KAAAA,OAAO,QADf,UAAA,GAAA,mBAMM,OANN,YAMM,CADJ,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEtB,mBAEI,KAFJ,YAEI,gBADC,QAAA,KAAK,GAAA,CAAA;IAED,QAAA,eAAT,UAAA,GAAA,mBAEI,KAFJ,YAEI,gBADC,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAELA,KAAAA,OAAO,UAAlB,UAAA,GAAA,mBAEM,OAFN,YAEM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/packages/blocks/error-state/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/error-state/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/packages/blocks/error-summary/src/ErrorSummary.js

@@ -1,7 +0,0 @@
-import ErrorSummary_vue_vue_type_script_setup_true_lang_default, { ERROR_SUMMARY_LABELS } from "./ErrorSummary.vue_vue_type_script_setup_true_lang.js";
-//#region packages/blocks/error-summary/src/ErrorSummary.vue
-var ErrorSummary_default = ErrorSummary_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { ERROR_SUMMARY_LABELS, ErrorSummary_default as default };
-
-//# sourceMappingURL=ErrorSummary.js.map

package/dist/packages/blocks/error-summary/src/ErrorSummary.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorSummary.js","names":[],"sources":["../../../../../packages/blocks/error-summary/src/ErrorSummary.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ErrorSummaryLabels, LabelOverrides } from \"@ecoma-io/loom-labels\";\n\n/** One invalid field the summary lists. */\nexport interface ErrorSummaryEntry {\n  /** The id of the element the entry links to — the invalid field's control. Give it `tabindex=\"-1\"` (or be natively focusable) so focus can land. */\n  id: string;\n  /** The error text for that field. */\n  message: string;\n  /** The field's visible label, spoken ahead of the message in the link text. */\n  fieldLabel?: string;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it.\n * `heading` takes the count rather than a finished sentence for the reason\n * `LabelOf` in `@ecoma-io/loom-labels` records: plurals are a language\n * decision, and Loom's English has no right to make it for anyone else.\n */\nexport const ERROR_SUMMARY_LABELS: ErrorSummaryLabels = {\n  heading: ({ count }) =>\n    `There is a problem (${String(count)} ${count === 1 ? \"error\" : \"errors\"})`,\n  description: () => \"\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, ref, useId, watch } from \"vue\";\nimport { TriangleAlert } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { useLabels } from \"@ecoma-io/loom-labels\";\n\n/**\n * ErrorSummary — the GOV.UK error-summary pattern. On submit-failure, focus\n * moves to a summary listing every field error, each entry a link that moves\n * focus to the invalid field. The container takes `tabindex=\"-1\"` and is\n * focused programmatically whenever the errors first render or change while\n * the form stays invalid.\n *\n * The announcement happens once. `role=\"alert\"` exists only between the\n * summary's appearance and the focus this component immediately gives it —\n * a region that stayed alert would re-announce the whole list on every\n * later change, which is the failure the pattern exists to avoid. Where\n * InlineError annotates one field, this orients the reader across the whole\n * form.\n */\nconst props = defineProps<{\n  /** Every invalid field, most important first. Give each `id` a focusable target. */\n  errors: ErrorSummaryEntry[];\n  /** Names for the summary's own copy — the heading takes the count, so a host owns its plural forms. */\n  labels?: LabelOverrides<ErrorSummaryLabels> | undefined;\n}>();\n\nconst text = useLabels(\"errorSummary\", ERROR_SUMMARY_LABELS, () => props.labels);\n\nconst box = ref<HTMLElement | null>(null);\nconst headingId = useId();\nconst announcing = ref(false);\n// True while the form is known to be invalid: the announcement belongs to\n// the empty→invalid transition alone, not to any later change of detail.\nlet invalid = false;\n\nwatch(\n  () => props.errors,\n  async (errors) => {\n    if (errors.length === 0) {\n      invalid = false;\n      return;\n    }\n    announcing.value = !invalid;\n    invalid = true;\n    await nextTick();\n    box.value?.focus();\n  },\n  { deep: true, immediate: true },\n);\n\nfunction focusField(id: string): void {\n  // The link's native jump is suppressed: focusing scrolls the field into\n  // view, and a jump-to-anchor from a link moves no focus at all when the\n  // target is a tabindex=\"-1\" field — which is the documented host contract.\n  document.getElementById(id)?.focus();\n}\n</script>\n\n<template>\n  <!-- Mounted only while invalid, like InlineError: `v-if`, never `v-show` —\n       a summary that never leaves the DOM cannot announce its return. -->\n  <div\n    v-if=\"errors.length > 0\"\n    ref=\"box\"\n    tabindex=\"-1\"\n    :role=\"announcing ? 'alert' : undefined\"\n    :aria-labelledby=\"headingId\"\n    :class=\"\n      cn(\n        'rounded-md border border-destructive/30 bg-destructive/10 px-4 py-3 text-destructive-text',\n        'animate-fade-rise',\n        'focus:outline-2 focus:outline-offset-2 focus:outline-destructive',\n      )\n    \"\n    @focus=\"announcing = false\"\n  >\n    <div class=\"flex items-start gap-2\">\n      <TriangleAlert class=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n      <div class=\"min-w-0\">\n        <h2 :id=\"headingId\" class=\"text-sm font-semibold\">\n          {{ text.heading({ count: errors.length }) }}\n        </h2>\n        <p v-if=\"text.description({ count: errors.length }) !== ''\" class=\"mt-1 text-sm\">\n          {{ text.description({ count: errors.length }) }}\n        </p>\n        <ul class=\"mt-2 list-disc space-y-1 pl-5\">\n          <li v-for=\"error in errors\" :key=\"error.id\">\n            <a\n              :href=\"`#${error.id}`\"\n              class=\"font-medium underline underline-offset-2\"\n              @click.prevent=\"focusField(error.id)\"\n              >{{ error.fieldLabel ? `${error.fieldLabel}: ${error.message}` : error.message }}</a\n            >\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/error-summary/src/ErrorSummary.vue_vue_type_script_setup_true_lang.js

@@ -1,90 +0,0 @@
-import { cn } from "../../../core/src/cn.js";
-import "../../../core/src/index.js";
-import { useLabels } from "../../../labels/src/labels.js";
-import "../../../labels/src/index.js";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, nextTick, normalizeClass, openBlock, ref, renderList, toDisplayString, unref, useId, watch, withModifiers } from "vue";
-import { TriangleAlert } from "@lucide/vue";
-//#region packages/blocks/error-summary/src/ErrorSummary.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["role", "aria-labelledby"];
-var _hoisted_2 = { class: "flex items-start gap-2" };
-var _hoisted_3 = { class: "min-w-0" };
-var _hoisted_4 = ["id"];
-var _hoisted_5 = {
-	key: 0,
-	class: "mt-1 text-sm"
-};
-var _hoisted_6 = { class: "mt-2 list-disc space-y-1 pl-5" };
-var _hoisted_7 = ["href", "onClick"];
-/**
-* Loom's English, co-located with the component so it tree-shakes with it.
-* `heading` takes the count rather than a finished sentence for the reason
-* `LabelOf` in `@ecoma-io/loom-labels` records: plurals are a language
-* decision, and Loom's English has no right to make it for anyone else.
-*/
-var ERROR_SUMMARY_LABELS = {
-	heading: ({ count }) => `There is a problem (${String(count)} ${count === 1 ? "error" : "errors"})`,
-	description: () => ""
-};
-var ErrorSummary_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "ErrorSummary",
-	props: {
-		errors: {},
-		labels: {}
-	},
-	setup(__props) {
-		const props = __props;
-		const text = useLabels("errorSummary", ERROR_SUMMARY_LABELS, () => props.labels);
-		const box = ref(null);
-		const headingId = useId();
-		const announcing = ref(false);
-		let invalid = false;
-		watch(() => props.errors, async (errors) => {
-			if (errors.length === 0) {
-				invalid = false;
-				return;
-			}
-			announcing.value = !invalid;
-			invalid = true;
-			await nextTick();
-			box.value?.focus();
-		}, {
-			deep: true,
-			immediate: true
-		});
-		function focusField(id) {
-			document.getElementById(id)?.focus();
-		}
-		return (_ctx, _cache) => {
-			return __props.errors.length > 0 ? (openBlock(), createElementBlock("div", {
-				key: 0,
-				ref_key: "box",
-				ref: box,
-				tabindex: "-1",
-				role: announcing.value ? "alert" : void 0,
-				"aria-labelledby": unref(headingId),
-				class: normalizeClass(unref(cn)("rounded-md border border-destructive/30 bg-destructive/10 px-4 py-3 text-destructive-text", "animate-fade-rise", "focus:outline-2 focus:outline-offset-2 focus:outline-destructive")),
-				onFocus: _cache[0] || (_cache[0] = ($event) => announcing.value = false)
-			}, [createElementVNode("div", _hoisted_2, [createVNode(unref(TriangleAlert), {
-				class: "mt-0.5 h-4 w-4 shrink-0",
-				"aria-hidden": "true"
-			}), createElementVNode("div", _hoisted_3, [
-				createElementVNode("h2", {
-					id: unref(headingId),
-					class: "text-sm font-semibold"
-				}, toDisplayString(unref(text).heading({ count: __props.errors.length })), 9, _hoisted_4),
-				unref(text).description({ count: __props.errors.length }) !== "" ? (openBlock(), createElementBlock("p", _hoisted_5, toDisplayString(unref(text).description({ count: __props.errors.length })), 1)) : createCommentVNode("", true),
-				createElementVNode("ul", _hoisted_6, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.errors, (error) => {
-					return openBlock(), createElementBlock("li", { key: error.id }, [createElementVNode("a", {
-						href: `#${error.id}`,
-						class: "font-medium underline underline-offset-2",
-						onClick: withModifiers(($event) => focusField(error.id), ["prevent"])
-					}, toDisplayString(error.fieldLabel ? `${error.fieldLabel}: ${error.message}` : error.message), 9, _hoisted_7)]);
-				}), 128))])
-			])])], 42, _hoisted_1)) : createCommentVNode("", true);
-		};
-	}
-});
-//#endregion
-export { ERROR_SUMMARY_LABELS, ErrorSummary_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=ErrorSummary.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/error-summary/src/ErrorSummary.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ErrorSummary.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/blocks/error-summary/src/ErrorSummary.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ErrorSummaryLabels, LabelOverrides } from \"@ecoma-io/loom-labels\";\n\n/** One invalid field the summary lists. */\nexport interface ErrorSummaryEntry {\n  /** The id of the element the entry links to — the invalid field's control. Give it `tabindex=\"-1\"` (or be natively focusable) so focus can land. */\n  id: string;\n  /** The error text for that field. */\n  message: string;\n  /** The field's visible label, spoken ahead of the message in the link text. */\n  fieldLabel?: string;\n}\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it.\n * `heading` takes the count rather than a finished sentence for the reason\n * `LabelOf` in `@ecoma-io/loom-labels` records: plurals are a language\n * decision, and Loom's English has no right to make it for anyone else.\n */\nexport const ERROR_SUMMARY_LABELS: ErrorSummaryLabels = {\n  heading: ({ count }) =>\n    `There is a problem (${String(count)} ${count === 1 ? \"error\" : \"errors\"})`,\n  description: () => \"\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { nextTick, ref, useId, watch } from \"vue\";\nimport { TriangleAlert } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { useLabels } from \"@ecoma-io/loom-labels\";\n\n/**\n * ErrorSummary — the GOV.UK error-summary pattern. On submit-failure, focus\n * moves to a summary listing every field error, each entry a link that moves\n * focus to the invalid field. The container takes `tabindex=\"-1\"` and is\n * focused programmatically whenever the errors first render or change while\n * the form stays invalid.\n *\n * The announcement happens once. `role=\"alert\"` exists only between the\n * summary's appearance and the focus this component immediately gives it —\n * a region that stayed alert would re-announce the whole list on every\n * later change, which is the failure the pattern exists to avoid. Where\n * InlineError annotates one field, this orients the reader across the whole\n * form.\n */\nconst props = defineProps<{\n  /** Every invalid field, most important first. Give each `id` a focusable target. */\n  errors: ErrorSummaryEntry[];\n  /** Names for the summary's own copy — the heading takes the count, so a host owns its plural forms. */\n  labels?: LabelOverrides<ErrorSummaryLabels> | undefined;\n}>();\n\nconst text = useLabels(\"errorSummary\", ERROR_SUMMARY_LABELS, () => props.labels);\n\nconst box = ref<HTMLElement | null>(null);\nconst headingId = useId();\nconst announcing = ref(false);\n// True while the form is known to be invalid: the announcement belongs to\n// the empty→invalid transition alone, not to any later change of detail.\nlet invalid = false;\n\nwatch(\n  () => props.errors,\n  async (errors) => {\n    if (errors.length === 0) {\n      invalid = false;\n      return;\n    }\n    announcing.value = !invalid;\n    invalid = true;\n    await nextTick();\n    box.value?.focus();\n  },\n  { deep: true, immediate: true },\n);\n\nfunction focusField(id: string): void {\n  // The link's native jump is suppressed: focusing scrolls the field into\n  // view, and a jump-to-anchor from a link moves no focus at all when the\n  // target is a tabindex=\"-1\" field — which is the documented host contract.\n  document.getElementById(id)?.focus();\n}\n</script>\n\n<template>\n  <!-- Mounted only while invalid, like InlineError: `v-if`, never `v-show` —\n       a summary that never leaves the DOM cannot announce its return. -->\n  <div\n    v-if=\"errors.length > 0\"\n    ref=\"box\"\n    tabindex=\"-1\"\n    :role=\"announcing ? 'alert' : undefined\"\n    :aria-labelledby=\"headingId\"\n    :class=\"\n      cn(\n        'rounded-md border border-destructive/30 bg-destructive/10 px-4 py-3 text-destructive-text',\n        'animate-fade-rise',\n        'focus:outline-2 focus:outline-offset-2 focus:outline-destructive',\n      )\n    \"\n    @focus=\"announcing = false\"\n  >\n    <div class=\"flex items-start gap-2\">\n      <TriangleAlert class=\"mt-0.5 h-4 w-4 shrink-0\" aria-hidden=\"true\" />\n      <div class=\"min-w-0\">\n        <h2 :id=\"headingId\" class=\"text-sm font-semibold\">\n          {{ text.heading({ count: errors.length }) }}\n        </h2>\n        <p v-if=\"text.description({ count: errors.length }) !== ''\" class=\"mt-1 text-sm\">\n          {{ text.description({ count: errors.length }) }}\n        </p>\n        <ul class=\"mt-2 list-disc space-y-1 pl-5\">\n          <li v-for=\"error in errors\" :key=\"error.id\">\n            <a\n              :href=\"`#${error.id}`\"\n              class=\"font-medium underline underline-offset-2\"\n              @click.prevent=\"focusField(error.id)\"\n              >{{ error.fieldLabel ? `${error.fieldLabel}: ${error.message}` : error.message }}</a\n            >\n          </li>\n        </ul>\n      </div>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAmBA,IAAa,uBAA2C;CACtD,UAAU,EAAE,YACV,uBAAuB,OAAO,KAAK,EAAE,GAAG,UAAU,IAAI,UAAU,SAAS;CAC3E,mBAAmB;AACrB;;;;;;;;EAuBA,MAAM,QAAQ;EAOd,MAAM,OAAO,UAAU,gBAAgB,4BAA4B,MAAM,MAAM;EAE/E,MAAM,MAAM,IAAwB,IAAI;EACxC,MAAM,YAAY,MAAM;EACxB,MAAM,aAAa,IAAI,KAAK;EAG5B,IAAI,UAAU;EAEd,YACQ,MAAM,QACZ,OAAO,WAAW;GAChB,IAAI,OAAO,WAAW,GAAG;IACvB,UAAU;IACV;GACF;GACA,WAAW,QAAQ,CAAC;GACpB,UAAU;GACV,MAAM,SAAS;GACf,IAAI,OAAO,MAAM;EACnB,GACA;GAAE,MAAM;GAAM,WAAW;EAAK,CAChC;EAEA,SAAS,WAAW,IAAkB;GAIpC,SAAS,eAAe,EAAE,CAAC,EAAE,MAAM;EACrC;;GAOU,OAAA,QAAA,OAAO,SAAM,KADrB,UAAA,GAAA,mBAoCM,OAAA;;IAlCA,SAAA;IAAJ,KAAI;IACJ,UAAS;IACR,MAAM,WAAA,QAAU,UAAa,KAAA;IAC7B,mBAAiB,MAAA,SAAA;IACjB,OAAK,eAAS,MAAA,EAAA,CAAE,CAAA,6FAAA,qBAAA,kEAAA,CAAA;IAOhB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,WAAA,QAAU;GAElB,GAAA,CAAA,mBAoBM,OApBN,YAoBM,CAnBJ,YAAoE,MAAA,aAAA,GAAA;IAArD,OAAM;IAA0B,eAAY;GAC3D,CAAA,GAAA,mBAiBM,OAjBN,YAiBM;IAhBJ,mBAEK,MAAA;KAFA,IAAI,MAAA,SAAA;KAAW,OAAM;IACrB,GAAA,gBAAA,MAAA,IAAA,CAAI,CAAC,QAAO,EAAA,OAAU,QAAA,OAAO,OAAM,CAAA,CAAA,GAAA,GAAA,UAAA;IAE/B,MAAA,IAAA,CAAI,CAAC,YAAW,EAAA,OAAU,QAAA,OAAO,OAAM,CAAA,MAAA,MAAhD,UAAA,GAAA,mBAEI,KAFJ,YAEI,gBADC,MAAA,IAAA,CAAI,CAAC,YAAW,EAAA,OAAU,QAAA,OAAO,OAAM,CAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAE5C,mBASK,MATL,YASK,EARH,UAAA,IAAA,GAAA,mBAOK,UAAA,MAAA,WAPe,QAAA,SAAT,UAAK;KAAhB,OAAA,UAAA,GAAA,mBAOK,MAAA,EAPwB,KAAK,MAAM,GAAA,GAAA,CACtC,mBAKC,KAAA;MAJE,MAAI,IAAM,MAAM;MACjB,OAAM;MACL,SAAK,eAAA,WAAU,WAAW,MAAM,EAAE,GAAA,CAAA,SAAA,CAAA;KAC/B,GAAA,gBAAA,MAAM,aAAU,GAAM,MAAM,WAAU,IAAK,MAAM,YAAY,MAAM,OAAO,GAAA,GAAA,UAAA,CAAA,CAAA"}

package/dist/packages/blocks/form-actions/src/FormActions.js

@@ -1,7 +0,0 @@
-import FormActions_vue_vue_type_script_setup_true_lang_default from "./FormActions.vue_vue_type_script_setup_true_lang.js";
-//#region packages/blocks/form-actions/src/FormActions.vue
-var FormActions_default = FormActions_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { FormActions_default as default };
-
-//# sourceMappingURL=FormActions.js.map

package/dist/packages/blocks/form-actions/src/FormActions.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormActions.js","names":[],"sources":["../../../../../packages/blocks/form-actions/src/FormActions.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormActions — the submit/cancel button row at the bottom of a form. A block\n * that owns the layout of form actions so every form in the product has the\n * same action alignment: primary action right, cancel left, separated from the\n * form content by a top border.\n *\n * The block exists because \"submit right, cancel left\" is a layout decision\n * repeated in every form, and getting the spacing and alignment wrong is easy.\n * It owns the geometry; the host owns the button text and behavior.\n *\n * The default slot carries the primary actions (submit, save) and the `cancel`\n * slot carries the secondary action. In \"between\" mode the two slots sit at\n * opposite ends; in \"right\" or \"left\" mode everything goes through the default\n * slot, shifted to one side.\n */\nexport type FormActionsAlign = \"right\" | \"left\" | \"between\";\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /**\n     * How the action row distributes its content.\n     * - \"between\": cancel slot left, primary actions right (default — the\n     *   arrangement most forms need)\n     * - \"right\": all actions pushed right (short forms, single CTA)\n     * - \"left\": all actions pushed left (right-to-left locales, or a design\n     *   that calls for it)\n     */\n    align?: FormActionsAlign;\n  }>(),\n  { align: \"between\" },\n);\n\nconst justify: Record<FormActionsAlign, string> = {\n  between: \"justify-between\",\n  right: \"justify-end\",\n  left: \"justify-start\",\n};\n</script>\n\n<template>\n  <!-- border-t separates the actions from the form content above without\n       needing a wrapping section or extra spacing rules -->\n  <div :class=\"cn('flex items-center gap-3 border-t border-border pt-6', justify[align])\">\n    <!-- @slot The secondary/cancel action — placed on the left in \"between\" mode. -->\n    <slot name=\"cancel\" />\n    <!-- @slot The primary actions (submit, save) — placed on the right in \"between\" mode. -->\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/form-actions/src/FormActions.vue.d.ts

@@ -1,51 +0,0 @@
-/**
- * FormActions — the submit/cancel button row at the bottom of a form. A block
- * that owns the layout of form actions so every form in the product has the
- * same action alignment: primary action right, cancel left, separated from the
- * form content by a top border.
- *
- * The block exists because "submit right, cancel left" is a layout decision
- * repeated in every form, and getting the spacing and alignment wrong is easy.
- * It owns the geometry; the host owns the button text and behavior.
- *
- * The default slot carries the primary actions (submit, save) and the `cancel`
- * slot carries the secondary action. In "between" mode the two slots sit at
- * opposite ends; in "right" or "left" mode everything goes through the default
- * slot, shifted to one side.
- */
-export type FormActionsAlign = "right" | "left" | "between";
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /**
-     * How the action row distributes its content.
-     * - "between": cancel slot left, primary actions right (default — the
-     *   arrangement most forms need)
-     * - "right": all actions pushed right (short forms, single CTA)
-     * - "left": all actions pushed left (right-to-left locales, or a design
-     *   that calls for it)
-     */
-    align?: FormActionsAlign;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /**
-     * How the action row distributes its content.
-     * - "between": cancel slot left, primary actions right (default — the
-     *   arrangement most forms need)
-     * - "right": all actions pushed right (short forms, single CTA)
-     * - "left": all actions pushed left (right-to-left locales, or a design
-     *   that calls for it)
-     */
-    align?: FormActionsAlign;
-}> & Readonly<{}>, {
-    align: FormActionsAlign;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    cancel?: (props: {}) => any;
-} & {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=FormActions.vue.d.ts.map

package/dist/packages/blocks/form-actions/src/FormActions.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormActions.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/form-actions/src/FormActions.vue"],"names":[],"mappings":"AA4DA;;;;;;;;;;;;;;GAcG;AACH,MAAM,MAAM,gBAAgB,GAAG,OAAO,GAAG,MAAM,GAAG,SAAS,CAAC;wBACvC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd;;;;;;;OAOG;YACK,gBAAgB;;IARxB;;;;;;;OAOG;YACK,gBAAgB;;WAAhB,gBAAgB;;aA0Cf,CAAC,KAAK,IAAgB,KAAK,GAAG;;cAC7B,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/blocks/form-actions/src/FormActions.vue_vue_type_script_setup_true_lang.js

@@ -1,22 +0,0 @@
-import { cn } from "../../../core/src/cn.js";
-import "../../../core/src/index.js";
-import { createElementBlock, defineComponent, normalizeClass, openBlock, renderSlot, unref } from "vue";
-//#region packages/blocks/form-actions/src/FormActions.vue?vue&type=script&setup=true&lang.ts
-var FormActions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "FormActions",
-	props: { align: { default: "between" } },
-	setup(__props) {
-		const justify = {
-			between: "justify-between",
-			right: "justify-end",
-			left: "justify-start"
-		};
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", { class: normalizeClass(unref(cn)("flex items-center gap-3 border-t border-border pt-6", justify[__props.align])) }, [renderSlot(_ctx.$slots, "cancel"), renderSlot(_ctx.$slots, "default")], 2);
-		};
-	}
-});
-//#endregion
-export { FormActions_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=FormActions.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/form-actions/src/FormActions.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormActions.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/blocks/form-actions/src/FormActions.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormActions — the submit/cancel button row at the bottom of a form. A block\n * that owns the layout of form actions so every form in the product has the\n * same action alignment: primary action right, cancel left, separated from the\n * form content by a top border.\n *\n * The block exists because \"submit right, cancel left\" is a layout decision\n * repeated in every form, and getting the spacing and alignment wrong is easy.\n * It owns the geometry; the host owns the button text and behavior.\n *\n * The default slot carries the primary actions (submit, save) and the `cancel`\n * slot carries the secondary action. In \"between\" mode the two slots sit at\n * opposite ends; in \"right\" or \"left\" mode everything goes through the default\n * slot, shifted to one side.\n */\nexport type FormActionsAlign = \"right\" | \"left\" | \"between\";\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /**\n     * How the action row distributes its content.\n     * - \"between\": cancel slot left, primary actions right (default — the\n     *   arrangement most forms need)\n     * - \"right\": all actions pushed right (short forms, single CTA)\n     * - \"left\": all actions pushed left (right-to-left locales, or a design\n     *   that calls for it)\n     */\n    align?: FormActionsAlign;\n  }>(),\n  { align: \"between\" },\n);\n\nconst justify: Record<FormActionsAlign, string> = {\n  between: \"justify-between\",\n  right: \"justify-end\",\n  left: \"justify-start\",\n};\n</script>\n\n<template>\n  <!-- border-t separates the actions from the form content above without\n       needing a wrapping section or extra spacing rules -->\n  <div :class=\"cn('flex items-center gap-3 border-t border-border pt-6', justify[align])\">\n    <!-- @slot The secondary/cancel action — placed on the left in \"between\" mode. -->\n    <slot name=\"cancel\" />\n    <!-- @slot The primary actions (submit, save) — placed on the right in \"between\" mode. -->\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;EAqCA,MAAM,UAA4C;GAChD,SAAS;GACT,OAAO;GACP,MAAM;EACR;;GAME,OAAA,UAAA,GAAA,mBAKM,OAAA,EALA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,uDAAwD,QAAQ,QAAA,MAAK,CAAA,EAAA,GAAA,CAElF,WAAsB,KAAA,QAAA,QAAA,GAEtB,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/packages/blocks/form-actions/src/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/form-actions/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAC;AAC5C,YAAY,EAAE,gBAAgB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/packages/blocks/form-section/src/FormSection.js

@@ -1,7 +0,0 @@
-import FormSection_vue_vue_type_script_setup_true_lang_default, { gapClass } from "./FormSection.vue_vue_type_script_setup_true_lang.js";
-//#region packages/blocks/form-section/src/FormSection.vue
-var FormSection_default = FormSection_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { FormSection_default as default, gapClass };
-
-//# sourceMappingURL=FormSection.js.map

package/dist/packages/blocks/form-section/src/FormSection.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSection.js","names":[],"sources":["../../../../../packages/blocks/form-section/src/FormSection.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * FormSection — a labeled group of form fields with an optional\n * description, the arrangement every form page reaches for repeatedly: a\n * Fieldset (for the accessible `<fieldset>/<legend>` semantics, disabled/\n * readonly propagation, and hint/error line) with vertical Stack spacing\n * between the fields.\n *\n * The block exists because that composition is written at every form page\n * and the spacing between sections is a layout decision it can own once.\n * It is a thin convenience over Fieldset, not a replacement: when a group\n * needs a shape FormSection does not offer, Fieldset is still the right\n * primitive.\n *\n * `description` is NOT Fieldset's `hint`. The description sits between the\n * legend and the fields — it orients the person filling the form (\"Where\n * should we ship your order?\"). The hint sits below the fields and\n * supplements the controls themselves (\"Street address, P.O. box, or\n * military address\"). They serve different readers at different points in\n * the form and both can be present at once.\n */\nexport type FormSectionGap = \"sm\" | \"md\" | \"lg\";\n\nconst gapClass: Record<FormSectionGap, string> = {\n  sm: \"gap-2 sm:gap-3\",\n  md: \"gap-3 sm:gap-4\",\n  lg: \"gap-4 sm:gap-6\",\n} as const;\n\nexport { gapClass };\n</script>\n\n<script setup lang=\"ts\">\nimport Fieldset from \"@ecoma-io/loom-fieldset\";\nimport { cn, optional } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** The section title — rendered as a real `<legend>` by Fieldset. */\n    legend?: string;\n    /**\n     * Supporting text shown below the legend, above the fields.\n     * NOT the same as `hint`, which sits below the fields — this orients the\n     * person filling the form, while `hint` supplements the controls.\n     */\n    description?: string;\n    /** Forwarded to Fieldset: supporting text shown below the group. Hidden while `error` is set. */\n    hint?: string;\n    /** Forwarded to Fieldset: the group's error message. Replaces `hint`. */\n    error?: string;\n    /** Forwarded to Fieldset: marks the group mandatory and appends a destructive asterisk. */\n    required?: boolean;\n    /** Forwarded to Fieldset: disables every control inside, slotted ones included. */\n    disabled?: boolean;\n    /** Forwarded to Fieldset: renders every Loom control inside read-only. */\n    readonly?: boolean | undefined;\n    /** Forwarded to Fieldset: set on the `<fieldset>`, used to derive the hint/error id. */\n    id?: string;\n    /** Gap between fields — mirrors Stack's gap scale. */\n    gap?: FormSectionGap;\n  }>(),\n  {\n    required: false,\n    disabled: false,\n    // Explicitly `undefined`, not `false`: matches Fieldset's own default so\n    // an absent prop does not overrule a Field or control that set it.\n    readonly: undefined,\n    gap: \"md\",\n  },\n);\n</script>\n\n<template>\n  <Fieldset\n    v-bind=\"optional({ legend, hint, error, id })\"\n    :required=\"required\"\n    :disabled=\"disabled\"\n    :readonly=\"readonly\"\n  >\n    <p v-if=\"description\" class=\"max-w-prose text-small text-muted-foreground\">\n      {{ description }}\n    </p>\n    <div :class=\"cn('flex flex-col', gapClass[gap])\">\n      <!-- @slot The form fields in the section. -->\n      <slot />\n    </div>\n  </Fieldset>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/form-section/src/FormSection.vue.d.ts

@@ -1,85 +0,0 @@
-/**
- * FormSection — a labeled group of form fields with an optional
- * description, the arrangement every form page reaches for repeatedly: a
- * Fieldset (for the accessible `<fieldset>/<legend>` semantics, disabled/
- * readonly propagation, and hint/error line) with vertical Stack spacing
- * between the fields.
- *
- * The block exists because that composition is written at every form page
- * and the spacing between sections is a layout decision it can own once.
- * It is a thin convenience over Fieldset, not a replacement: when a group
- * needs a shape FormSection does not offer, Fieldset is still the right
- * primitive.
- *
- * `description` is NOT Fieldset's `hint`. The description sits between the
- * legend and the fields — it orients the person filling the form ("Where
- * should we ship your order?"). The hint sits below the fields and
- * supplements the controls themselves ("Street address, P.O. box, or
- * military address"). They serve different readers at different points in
- * the form and both can be present at once.
- */
-export type FormSectionGap = "sm" | "md" | "lg";
-declare const gapClass: Record<FormSectionGap, string>;
-export { gapClass };
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /** The section title — rendered as a real `<legend>` by Fieldset. */
-    legend?: string;
-    /**
-     * Supporting text shown below the legend, above the fields.
-     * NOT the same as `hint`, which sits below the fields — this orients the
-     * person filling the form, while `hint` supplements the controls.
-     */
-    description?: string;
-    /** Forwarded to Fieldset: supporting text shown below the group. Hidden while `error` is set. */
-    hint?: string;
-    /** Forwarded to Fieldset: the group's error message. Replaces `hint`. */
-    error?: string;
-    /** Forwarded to Fieldset: marks the group mandatory and appends a destructive asterisk. */
-    required?: boolean;
-    /** Forwarded to Fieldset: disables every control inside, slotted ones included. */
-    disabled?: boolean;
-    /** Forwarded to Fieldset: renders every Loom control inside read-only. */
-    readonly?: boolean | undefined;
-    /** Forwarded to Fieldset: set on the `<fieldset>`, used to derive the hint/error id. */
-    id?: string;
-    /** Gap between fields — mirrors Stack's gap scale. */
-    gap?: FormSectionGap;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /** The section title — rendered as a real `<legend>` by Fieldset. */
-    legend?: string;
-    /**
-     * Supporting text shown below the legend, above the fields.
-     * NOT the same as `hint`, which sits below the fields — this orients the
-     * person filling the form, while `hint` supplements the controls.
-     */
-    description?: string;
-    /** Forwarded to Fieldset: supporting text shown below the group. Hidden while `error` is set. */
-    hint?: string;
-    /** Forwarded to Fieldset: the group's error message. Replaces `hint`. */
-    error?: string;
-    /** Forwarded to Fieldset: marks the group mandatory and appends a destructive asterisk. */
-    required?: boolean;
-    /** Forwarded to Fieldset: disables every control inside, slotted ones included. */
-    disabled?: boolean;
-    /** Forwarded to Fieldset: renders every Loom control inside read-only. */
-    readonly?: boolean | undefined;
-    /** Forwarded to Fieldset: set on the `<fieldset>`, used to derive the hint/error id. */
-    id?: string;
-    /** Gap between fields — mirrors Stack's gap scale. */
-    gap?: FormSectionGap;
-}> & Readonly<{}>, {
-    gap: FormSectionGap;
-    disabled: boolean;
-    readonly: boolean | undefined;
-    required: boolean;
-}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    default?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=FormSection.vue.d.ts.map

package/dist/packages/blocks/form-section/src/FormSection.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"FormSection.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/form-section/src/FormSection.vue"],"names":[],"mappings":"AA+FA;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,MAAM,cAAc,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEhD,QAAA,MAAM,QAAQ,EAAE,MAAM,CAAC,cAAc,EAAE,MAAM,CAInC,CAAC;AAEX,OAAO,EAAE,QAAQ,EAAE,CAAC;wBACC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,qEAAqE;aAC5D,MAAM;IACf;;;;OAIG;kBACW,MAAM;IACpB,iGAAiG;WAC1F,MAAM;IACb,yEAAyE;YACjE,MAAM;IACd,2FAA2F;eAChF,OAAO;IAClB,mFAAmF;eACxE,OAAO;IAClB,0EAA0E;eAC/D,OAAO,GAAG,SAAS;IAC9B,wFAAwF;SACnF,MAAM;IACX,sDAAsD;UAChD,cAAc;;IArBpB,qEAAqE;aAC5D,MAAM;IACf;;;;OAIG;kBACW,MAAM;IACpB,iGAAiG;WAC1F,MAAM;IACb,yEAAyE;YACjE,MAAM;IACd,2FAA2F;eAChF,OAAO;IAClB,mFAAmF;eACxE,OAAO;IAClB,0EAA0E;eAC/D,OAAO,GAAG,SAAS;IAC9B,wFAAwF;SACnF,MAAM;IACX,sDAAsD;UAChD,cAAc;;SAAd,cAAc;cANT,OAAO;cAEP,OAAO,GAAG,SAAS;cAJnB,OAAO;;cAwFR,CAAC,KAAK,IAAgB,KAAK,GAAG;EAUxC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}