@ecoma-io/loom 0.4.0 → 0.6.0

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"}

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

@@ -1,64 +0,0 @@
-import { cn } from "../../../core/src/cn.js";
-import { optional } from "../../../core/src/props.js";
-import "../../../core/src/index.js";
-import Fieldset_default from "../../../primitives/fieldset/src/Fieldset.js";
-import "../../../primitives/fieldset/src/index.js";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
-//#region packages/blocks/form-section/src/FormSection.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "max-w-prose text-small text-muted-foreground"
-};
-var gapClass = {
-	sm: "gap-2 sm:gap-3",
-	md: "gap-3 sm:gap-4",
-	lg: "gap-4 sm:gap-6"
-};
-var FormSection_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "FormSection",
-	props: {
-		legend: {},
-		description: {},
-		hint: {},
-		error: {},
-		required: {
-			type: Boolean,
-			default: false
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		readonly: {
-			type: Boolean,
-			default: void 0
-		},
-		id: {},
-		gap: { default: "md" }
-	},
-	setup(__props) {
-		return (_ctx, _cache) => {
-			return openBlock(), createBlock(unref(Fieldset_default), mergeProps(unref(optional)({
-				legend: __props.legend,
-				hint: __props.hint,
-				error: __props.error,
-				id: __props.id
-			}), {
-				required: __props.required,
-				disabled: __props.disabled,
-				readonly: __props.readonly
-			}), {
-				default: withCtx(() => [__props.description ? (openBlock(), createElementBlock("p", _hoisted_1, toDisplayString(__props.description), 1)) : createCommentVNode("", true), createElementVNode("div", { class: normalizeClass(unref(cn)("flex flex-col", gapClass[__props.gap])) }, [renderSlot(_ctx.$slots, "default")], 2)]),
-				_: 3
-			}, 16, [
-				"required",
-				"disabled",
-				"readonly"
-			]);
-		};
-	}
-});
-//#endregion
-export { FormSection_vue_vue_type_script_setup_true_lang_default as default, gapClass };
-
-//# sourceMappingURL=FormSection.vue_vue_type_script_setup_true_lang.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"FormSection.vue_vue_type_script_setup_true_lang.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":";;;;;;;;;;;AAuBA,IAAM,WAA2C;CAC/C,IAAI;CACJ,IAAI;CACJ,IAAI;AACN;;;;;;;;;;;;;;;;;;;;;;;;;GA8CE,OAAA,UAAA,GAAA,YAaW,MAAA,gBAAA,GAbX,WACU,MAYC,QAAA,CAZO,CAAA;IAAA,QAAG,QAAA;IAAM,MAAE,QAAA;IAAI,OAAE,QAAA;IAAK,IAAE,QAAA;GAAE,CAAA,GAAA;IACzC,UAAU,QAAA;IACV,UAAU,QAAA;IACV,UAAU,QAAA;;IAEX,SAAA,cAEI,CAFK,QAAA,eAAT,UAAA,GAAA,mBAEI,KAFJ,YAEI,gBADC,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAEhB,mBAGM,OAAA,EAHA,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,iBAAkB,SAAS,QAAA,IAAG,CAAA,EAAA,GAAA,CAE3C,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA,CAAA,CAAA"}

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

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

package/dist/packages/blocks/loading-state/src/LoadingState.js

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

package/dist/packages/blocks/loading-state/src/LoadingState.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingState.js","names":[],"sources":["../../../../../packages/blocks/loading-state/src/LoadingState.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * LoadingState — the shape of \"not yet known\": a Spinner for short waits or a\n * column of skeleton lines for content-shaped waits. This replaces the \"flash\n * of EmptyState\" antipattern — never show EmptyState before the real result is\n * known, because an empty state that flickers and disappears is a short-lived\n * lie.\n *\n * Two modes controlled by `mode`:\n * - `spinner` (default): centred Spinner with an optional label. Good for\n *   indeterminate waits where the host does not know the content shape.\n * - `skeleton`: a column of skeleton lines that approximate the content the\n *   host is loading. The default lines are three bars of varying width — enough\n *   to suggest paragraph-shaped content without the host having to compose\n *   anything. Hosts that know their own shape provide a default slot and render\n *   whatever Skeleton arrangement matches their real layout.\n *\n * The Spinner carries its own accessible label (`aria-label` on the primitive)\n * so this block does not add a redundant one. The skeleton lines are purely\n * decorative (`aria-hidden` on each Skeleton) — the host's real content will\n * replace them.\n */\nimport Spinner from \"@ecoma-io/loom-spinner\";\nimport Skeleton from \"@ecoma-io/loom-skeleton\";\n\nwithDefaults(\n  defineProps<{\n    /** Shown below the spinner in spinner mode. Omit for a spinner-only wait. */\n    label?: string;\n    /** `spinner` for short indeterminate waits; `skeleton` for content-shaped waits. */\n    mode?: \"spinner\" | \"skeleton\";\n  }>(),\n  { mode: \"spinner\" },\n);\n</script>\n\n<template>\n  <div\n    v-if=\"mode === 'spinner'\"\n    class=\"flex flex-col items-center justify-center gap-3 px-6 py-10 sm:py-14\"\n  >\n    <Spinner size=\"lg\" />\n    <p v-if=\"label\" class=\"text-small text-muted-foreground\">{{ label }}</p>\n  </div>\n  <div v-else class=\"flex flex-col gap-3 px-6 py-10 sm:py-14\">\n    <slot>\n      <!-- Default skeleton lines approximate paragraph-shaped content without\n           requiring the host to compose anything. Hosts that know their own\n           shape slot their own Skeleton arrangement instead. -->\n      <Skeleton class=\"h-4 w-full\" />\n      <Skeleton class=\"h-4 w-3/4\" />\n      <Skeleton class=\"h-4 w-5/6\" />\n    </slot>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/loading-state/src/LoadingState.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingState.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/loading-state/src/LoadingState.vue"],"names":[],"mappings":"AAkFA,KAAK,WAAW,GAAG;IACf,6EAA6E;IAC7E,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,oFAAoF;IACpF,IAAI,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAC/B,CAAC;AA0GJ,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU;UAlHL,SAAS,GAAG,UAAU;6EAqH/B,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AAWzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/blocks/loading-state/src/LoadingState.vue_vue_type_script_setup_true_lang.js

@@ -1,59 +0,0 @@
-import Skeleton_default from "../../../primitives/skeleton/src/Skeleton.js";
-import "../../../primitives/skeleton/src/index.js";
-import Spinner_default from "../../../primitives/spinner/src/Spinner.js";
-import "../../../primitives/spinner/src/index.js";
-import { createCommentVNode, createElementBlock, createVNode, defineComponent, openBlock, renderSlot, toDisplayString, unref } from "vue";
-//#region packages/blocks/loading-state/src/LoadingState.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	class: "flex flex-col items-center justify-center gap-3 px-6 py-10 sm:py-14"
-};
-var _hoisted_2 = {
-	key: 0,
-	class: "text-small text-muted-foreground"
-};
-var _hoisted_3 = {
-	key: 1,
-	class: "flex flex-col gap-3 px-6 py-10 sm:py-14"
-};
-var LoadingState_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "LoadingState",
-	props: {
-		label: {},
-		mode: { default: "spinner" }
-	},
-	setup(__props) {
-		/**
-		* LoadingState — the shape of "not yet known": a Spinner for short waits or a
-		* column of skeleton lines for content-shaped waits. This replaces the "flash
-		* of EmptyState" antipattern — never show EmptyState before the real result is
-		* known, because an empty state that flickers and disappears is a short-lived
-		* lie.
-		*
-		* Two modes controlled by `mode`:
-		* - `spinner` (default): centred Spinner with an optional label. Good for
-		*   indeterminate waits where the host does not know the content shape.
-		* - `skeleton`: a column of skeleton lines that approximate the content the
-		*   host is loading. The default lines are three bars of varying width — enough
-		*   to suggest paragraph-shaped content without the host having to compose
-		*   anything. Hosts that know their own shape provide a default slot and render
-		*   whatever Skeleton arrangement matches their real layout.
-		*
-		* The Spinner carries its own accessible label (`aria-label` on the primitive)
-		* so this block does not add a redundant one. The skeleton lines are purely
-		* decorative (`aria-hidden` on each Skeleton) — the host's real content will
-		* replace them.
-		*/
-		return (_ctx, _cache) => {
-			return __props.mode === "spinner" ? (openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(Spinner_default), { size: "lg" }), __props.label ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("", true)])) : (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "default", {}, () => [
-				createVNode(unref(Skeleton_default), { class: "h-4 w-full" }),
-				createVNode(unref(Skeleton_default), { class: "h-4 w-3/4" }),
-				createVNode(unref(Skeleton_default), { class: "h-4 w-5/6" })
-			])]));
-		};
-	}
-});
-//#endregion
-export { LoadingState_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=LoadingState.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/loading-state/src/LoadingState.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"LoadingState.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/blocks/loading-state/src/LoadingState.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * LoadingState — the shape of \"not yet known\": a Spinner for short waits or a\n * column of skeleton lines for content-shaped waits. This replaces the \"flash\n * of EmptyState\" antipattern — never show EmptyState before the real result is\n * known, because an empty state that flickers and disappears is a short-lived\n * lie.\n *\n * Two modes controlled by `mode`:\n * - `spinner` (default): centred Spinner with an optional label. Good for\n *   indeterminate waits where the host does not know the content shape.\n * - `skeleton`: a column of skeleton lines that approximate the content the\n *   host is loading. The default lines are three bars of varying width — enough\n *   to suggest paragraph-shaped content without the host having to compose\n *   anything. Hosts that know their own shape provide a default slot and render\n *   whatever Skeleton arrangement matches their real layout.\n *\n * The Spinner carries its own accessible label (`aria-label` on the primitive)\n * so this block does not add a redundant one. The skeleton lines are purely\n * decorative (`aria-hidden` on each Skeleton) — the host's real content will\n * replace them.\n */\nimport Spinner from \"@ecoma-io/loom-spinner\";\nimport Skeleton from \"@ecoma-io/loom-skeleton\";\n\nwithDefaults(\n  defineProps<{\n    /** Shown below the spinner in spinner mode. Omit for a spinner-only wait. */\n    label?: string;\n    /** `spinner` for short indeterminate waits; `skeleton` for content-shaped waits. */\n    mode?: \"spinner\" | \"skeleton\";\n  }>(),\n  { mode: \"spinner\" },\n);\n</script>\n\n<template>\n  <div\n    v-if=\"mode === 'spinner'\"\n    class=\"flex flex-col items-center justify-center gap-3 px-6 py-10 sm:py-14\"\n  >\n    <Spinner size=\"lg\" />\n    <p v-if=\"label\" class=\"text-small text-muted-foreground\">{{ label }}</p>\n  </div>\n  <div v-else class=\"flex flex-col gap-3 px-6 py-10 sm:py-14\">\n    <slot>\n      <!-- Default skeleton lines approximate paragraph-shaped content without\n           requiring the host to compose anything. Hosts that know their own\n           shape slot their own Skeleton arrangement instead. -->\n      <Skeleton class=\"h-4 w-full\" />\n      <Skeleton class=\"h-4 w-3/4\" />\n      <Skeleton class=\"h-4 w-5/6\" />\n    </slot>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAsCU,OAAA,QAAA,SAAI,aADZ,UAAA,GAAA,mBAMM,OANN,YAMM,CAFJ,YAAqB,MAAA,eAAA,GAAA,EAAZ,MAAK,KAAI,CAAA,GACT,QAAA,SAAT,UAAA,GAAA,mBAAwE,KAAxE,YAAwE,gBAAZ,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA,MAEnE,UAAA,GAAA,mBASM,OATN,YASM,CARJ,WAOO,KAAA,QAAA,WAAA,CAAA,SAAA;IAHL,YAA+B,MAAA,gBAAA,GAAA,EAArB,OAAM,aAAY,CAAA;IAC5B,YAA8B,MAAA,gBAAA,GAAA,EAApB,OAAM,YAAW,CAAA;IAC3B,YAA8B,MAAA,gBAAA,GAAA,EAApB,OAAM,YAAW,CAAA"}

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

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

package/dist/packages/blocks/metric-card/src/MetricCard.js

@@ -1,7 +0,0 @@
-import MetricCard_vue_vue_type_script_setup_true_lang_default from "./MetricCard.vue_vue_type_script_setup_true_lang.js";
-//#region packages/blocks/metric-card/src/MetricCard.vue
-var MetricCard_default = MetricCard_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { MetricCard_default as default };
-
-//# sourceMappingURL=MetricCard.js.map

package/dist/packages/blocks/metric-card/src/MetricCard.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricCard.js","names":[],"sources":["../../../../../packages/blocks/metric-card/src/MetricCard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * MetricCard — one KPI on a dashboard: a compact surface carrying a metric\n * value, its label, and an optional trend arrow. The shape is fixed (icon →\n * label → value + trend) because a hand-rolled metric row drifts from call\n * site to call site — the icon above the label here, the trend on a second\n * line there — and this block pins one layout so the row scans left-to-right.\n *\n * The trend is always inline with the value, never a separate line. A trend\n * on its own row reads as a second metric; sharing the value line reads as\n * context for that metric, which is what it is. The arrows are inline SVGs\n * (12px) rather than an icon-library dependency: a trend indicator is a\n * single directional glyph, and pulling in an icon package for three paths\n * is weight the host did not ask for.\n *\n * Colour encodes direction but is never the only signal: the arrow shape\n * distinguishes up from down even without hue, and \"flat\" is an em dash\n * rather than a horizontal arrow that could be mistaken for a minus sign or\n * a separator. `text-success-text` / `text-destructive-text` / `text-muted-foreground`\n * are the semantic tokens rather than fixed greens and reds, so the card\n * adapts to whatever the theme maps those to.\n */\nexport type MetricCardTrend = \"up\" | \"down\" | \"flat\";\n</script>\n\n<script setup lang=\"ts\">\nimport { watchEffect } from \"vue\";\nimport Skeleton from \"@ecoma-io/loom-skeleton\";\nimport { cn } from \"@ecoma-io/loom-core\";\n\nconst props = defineProps<{\n  /** The metric value — a formatted string or number the host has already\n   *  localised (e.g. \"1,234\", \"98.5%\", \"$42k\"). Raw numbers are not\n   *  formatted by the card; the host owns formatting so the same value\n   *  can be \"$42k\" in one place and \"42,000\" in another. Optional only\n   *  while `loading`. */\n  value?: string | number;\n  /** What the metric measures — always shown. */\n  label: string;\n  /** Direction of change. When absent, no trend indicator is rendered. */\n  trend?: MetricCardTrend;\n  /** The trend magnitude (e.g. \"+12.5%\", \"-3.2%\"). Shown only when `trend`\n   *  is also provided; a magnitude with no direction has no meaning. */\n  trendValue?: string;\n  /** Context line under the value row — a period, a comparison base. */\n  description?: string;\n  /**\n   * Renders the label and value as Skeleton placeholders sized to the real\n   * layout, so the card keeps its height and does not reflow when data\n   * lands.\n   */\n  loading?: boolean;\n}>();\n\n// `value` went optional for the loading state; this keeps a forgotten value\n// from landing as an empty heading once data arrives.\nwatchEffect(() => {\n  if (!props.loading && props.value === undefined) {\n    console.warn(\n      \"[MetricCard] no `value` given and `loading` is false — the card renders an empty metric.\",\n    );\n  }\n});\n</script>\n\n<template>\n  <div :aria-busy=\"loading || undefined\" :class=\"cn('rounded-lg border border-border bg-card p-4')\">\n    <!-- Decorative icon — hidden from assistive tech because the label and\n         value already carry the metric's meaning. -->\n    <div\n      v-if=\"$slots.icon\"\n      aria-hidden=\"true\"\n      class=\"mb-2 text-muted-foreground [&_svg]:h-4 [&_svg]:w-4\"\n    >\n      <slot name=\"icon\" />\n    </div>\n    <!-- Loading keeps the card's height by sizing each placeholder to the\n         row it stands in for — a single generic bar would let the value\n         land with a jolt. aria-hidden pairs with the parent's own\n         aria-busy below. -->\n    <template v-if=\"loading\">\n      <Skeleton variant=\"text\" class=\"mb-2 h-3 w-20\" />\n      <div class=\"flex items-baseline gap-1.5\">\n        <Skeleton variant=\"text\" class=\"h-7 w-24\" />\n      </div>\n    </template>\n    <template v-else>\n      <p class=\"text-small text-muted-foreground\">{{ label }}</p>\n      <div class=\"flex items-baseline gap-1.5\">\n        <!-- `text-heading`, not a hand-assembled `text-2xl font-semibold\n           tracking-tight`: the named rung is near-parity with that stack\n           (1.5rem, weight 600) by design, and composing it here meant the KPI\n           drifted silently if the scale ever moved. The two real deltas are\n           deliberate — letter-spacing slackens from tight's −0.025em to the\n           heading rung's −0.01em, and the line-height comes down to 1.2 —\n           both invisible on a single baseline row like this one. -->\n        <span class=\"text-heading text-foreground\">\n          {{ value }}\n        </span>\n        <span\n          v-if=\"trend\"\n          :class=\"\n            cn('inline-flex items-center gap-0.5 text-small font-medium', {\n              'text-success-text': trend === 'up',\n              'text-destructive-text': trend === 'down',\n              'text-muted-foreground': trend === 'flat',\n            })\n          \"\n        >\n          <!-- Up arrow: a single upward stroke with a chevron head. -->\n          <svg\n            v-if=\"trend === 'up'\"\n            class=\"inline h-3 w-3\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M6 2v8M3 5l3-3 3 3\" />\n          </svg>\n          <!-- Down arrow: a single downward stroke with a chevron head. -->\n          <svg\n            v-else-if=\"trend === 'down'\"\n            class=\"inline h-3 w-3\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M6 10V2M3 7l3 3 3-3\" />\n          </svg>\n          <!-- Flat: an em dash rather than a horizontal arrow — a horizontal\n             arrow at this size reads as a minus sign or a separator. -->\n          <span v-else aria-hidden=\"true\">&mdash;</span>\n          <span v-if=\"trendValue\">{{ trendValue }}</span>\n        </span>\n      </div>\n      <p v-if=\"description\" class=\"mt-1 text-small text-muted-foreground\">\n        {{ description }}\n      </p>\n    </template>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/metric-card/src/MetricCard.vue.d.ts

@@ -1,77 +0,0 @@
-/**
- * MetricCard — one KPI on a dashboard: a compact surface carrying a metric
- * value, its label, and an optional trend arrow. The shape is fixed (icon →
- * label → value + trend) because a hand-rolled metric row drifts from call
- * site to call site — the icon above the label here, the trend on a second
- * line there — and this block pins one layout so the row scans left-to-right.
- *
- * The trend is always inline with the value, never a separate line. A trend
- * on its own row reads as a second metric; sharing the value line reads as
- * context for that metric, which is what it is. The arrows are inline SVGs
- * (12px) rather than an icon-library dependency: a trend indicator is a
- * single directional glyph, and pulling in an icon package for three paths
- * is weight the host did not ask for.
- *
- * Colour encodes direction but is never the only signal: the arrow shape
- * distinguishes up from down even without hue, and "flat" is an em dash
- * rather than a horizontal arrow that could be mistaken for a minus sign or
- * a separator. `text-success-text` / `text-destructive-text` / `text-muted-foreground`
- * are the semantic tokens rather than fixed greens and reds, so the card
- * adapts to whatever the theme maps those to.
- */
-export type MetricCardTrend = "up" | "down" | "flat";
-declare const _default: typeof __VLS_export;
-export default _default;
-declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
-    /** The metric value — a formatted string or number the host has already
-     *  localised (e.g. "1,234", "98.5%", "$42k"). Raw numbers are not
-     *  formatted by the card; the host owns formatting so the same value
-     *  can be "$42k" in one place and "42,000" in another. Optional only
-     *  while `loading`. */
-    value?: string | number;
-    /** What the metric measures — always shown. */
-    label: string;
-    /** Direction of change. When absent, no trend indicator is rendered. */
-    trend?: MetricCardTrend;
-    /** The trend magnitude (e.g. "+12.5%", "-3.2%"). Shown only when `trend`
-     *  is also provided; a magnitude with no direction has no meaning. */
-    trendValue?: string;
-    /** Context line under the value row — a period, a comparison base. */
-    description?: string;
-    /**
-     * Renders the label and value as Skeleton placeholders sized to the real
-     * layout, so the card keeps its height and does not reflow when data
-     * lands.
-     */
-    loading?: boolean;
-}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{
-    /** The metric value — a formatted string or number the host has already
-     *  localised (e.g. "1,234", "98.5%", "$42k"). Raw numbers are not
-     *  formatted by the card; the host owns formatting so the same value
-     *  can be "$42k" in one place and "42,000" in another. Optional only
-     *  while `loading`. */
-    value?: string | number;
-    /** What the metric measures — always shown. */
-    label: string;
-    /** Direction of change. When absent, no trend indicator is rendered. */
-    trend?: MetricCardTrend;
-    /** The trend magnitude (e.g. "+12.5%", "-3.2%"). Shown only when `trend`
-     *  is also provided; a magnitude with no direction has no meaning. */
-    trendValue?: string;
-    /** Context line under the value row — a period, a comparison base. */
-    description?: string;
-    /**
-     * Renders the label and value as Skeleton placeholders sized to the real
-     * layout, so the card keeps its height and does not reflow when data
-     * lands.
-     */
-    loading?: boolean;
-}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
-    icon?: (props: {}) => any;
-}>;
-type __VLS_WithSlots<T, S> = T & {
-    new (): {
-        $slots: S;
-    };
-};
-//# sourceMappingURL=MetricCard.vue.d.ts.map

package/dist/packages/blocks/metric-card/src/MetricCard.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricCard.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/metric-card/src/MetricCard.vue"],"names":[],"mappings":"AAyJA;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,MAAM,MAAM,eAAe,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,CAAC;wBAChC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEhB;;;;2BAIuB;YACf,MAAM,GAAG,MAAM;IACvB,+CAA+C;WACxC,MAAM;IACb,wEAAwE;YAChE,eAAe;IACvB;0EACsE;iBACzD,MAAM;IACnB,sEAAsE;kBACxD,MAAM;IACpB;;;;OAIG;cACO,OAAO;;IApBjB;;;;2BAIuB;YACf,MAAM,GAAG,MAAM;IACvB,+CAA+C;WACxC,MAAM;IACb,wEAAwE;YAChE,eAAe;IACvB;0EACsE;iBACzD,MAAM;IACnB,sEAAsE;kBACxD,MAAM;IACpB;;;;OAIG;cACO,OAAO;;WA0KR,CAAC,KAAK,IAAgB,KAAK,GAAG;EASrC,CAAC;AACL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/blocks/metric-card/src/MetricCard.vue_vue_type_script_setup_true_lang.js

@@ -1,87 +0,0 @@
-import { cn } from "../../../core/src/cn.js";
-import "../../../core/src/index.js";
-import Skeleton_default from "../../../primitives/skeleton/src/Skeleton.js";
-import "../../../primitives/skeleton/src/index.js";
-import { Fragment, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, normalizeClass, openBlock, renderSlot, toDisplayString, unref, watchEffect } from "vue";
-//#region packages/blocks/metric-card/src/MetricCard.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-busy"];
-var _hoisted_2 = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "mb-2 text-muted-foreground [&_svg]:h-4 [&_svg]:w-4"
-};
-var _hoisted_3 = { class: "flex items-baseline gap-1.5" };
-var _hoisted_4 = { class: "text-small text-muted-foreground" };
-var _hoisted_5 = { class: "flex items-baseline gap-1.5" };
-var _hoisted_6 = { class: "text-heading text-foreground" };
-var _hoisted_7 = {
-	key: 0,
-	class: "inline h-3 w-3",
-	viewBox: "0 0 12 12",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"aria-hidden": "true"
-};
-var _hoisted_8 = {
-	key: 1,
-	class: "inline h-3 w-3",
-	viewBox: "0 0 12 12",
-	fill: "none",
-	stroke: "currentColor",
-	"stroke-width": "2",
-	"aria-hidden": "true"
-};
-var _hoisted_9 = {
-	key: 2,
-	"aria-hidden": "true"
-};
-var _hoisted_10 = { key: 3 };
-var _hoisted_11 = {
-	key: 0,
-	class: "mt-1 text-small text-muted-foreground"
-};
-var MetricCard_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
-	__name: "MetricCard",
-	props: {
-		value: {},
-		label: {},
-		trend: {},
-		trendValue: {},
-		description: {},
-		loading: { type: Boolean }
-	},
-	setup(__props) {
-		const props = __props;
-		watchEffect(() => {
-			if (!props.loading && props.value === void 0) console.warn("[MetricCard] no `value` given and `loading` is false — the card renders an empty metric.");
-		});
-		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", {
-				"aria-busy": __props.loading || void 0,
-				class: normalizeClass(unref(cn)("rounded-lg border border-border bg-card p-4"))
-			}, [_ctx.$slots.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "icon")])) : createCommentVNode("", true), __props.loading ? (openBlock(), createElementBlock(Fragment, { key: 1 }, [createVNode(unref(Skeleton_default), {
-				variant: "text",
-				class: "mb-2 h-3 w-20"
-			}), createElementVNode("div", _hoisted_3, [createVNode(unref(Skeleton_default), {
-				variant: "text",
-				class: "h-7 w-24"
-			})])], 64)) : (openBlock(), createElementBlock(Fragment, { key: 2 }, [
-				createElementVNode("p", _hoisted_4, toDisplayString(__props.label), 1),
-				createElementVNode("div", _hoisted_5, [createElementVNode("span", _hoisted_6, toDisplayString(__props.value), 1), __props.trend ? (openBlock(), createElementBlock("span", {
-					key: 0,
-					class: normalizeClass(unref(cn)("inline-flex items-center gap-0.5 text-small font-medium", {
-						"text-success-text": __props.trend === "up",
-						"text-destructive-text": __props.trend === "down",
-						"text-muted-foreground": __props.trend === "flat"
-					}))
-				}, [__props.trend === "up" ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[0] || (_cache[0] = [createElementVNode("path", { d: "M6 2v8M3 5l3-3 3 3" }, null, -1)])])) : __props.trend === "down" ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[1] || (_cache[1] = [createElementVNode("path", { d: "M6 10V2M3 7l3 3 3-3" }, null, -1)])])) : (openBlock(), createElementBlock("span", _hoisted_9, "—")), __props.trendValue ? (openBlock(), createElementBlock("span", _hoisted_10, toDisplayString(__props.trendValue), 1)) : createCommentVNode("", true)], 2)) : createCommentVNode("", true)]),
-				__props.description ? (openBlock(), createElementBlock("p", _hoisted_11, toDisplayString(__props.description), 1)) : createCommentVNode("", true)
-			], 64))], 10, _hoisted_1);
-		};
-	}
-});
-//#endregion
-export { MetricCard_vue_vue_type_script_setup_true_lang_default as default };
-
-//# sourceMappingURL=MetricCard.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/metric-card/src/MetricCard.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MetricCard.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/blocks/metric-card/src/MetricCard.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * MetricCard — one KPI on a dashboard: a compact surface carrying a metric\n * value, its label, and an optional trend arrow. The shape is fixed (icon →\n * label → value + trend) because a hand-rolled metric row drifts from call\n * site to call site — the icon above the label here, the trend on a second\n * line there — and this block pins one layout so the row scans left-to-right.\n *\n * The trend is always inline with the value, never a separate line. A trend\n * on its own row reads as a second metric; sharing the value line reads as\n * context for that metric, which is what it is. The arrows are inline SVGs\n * (12px) rather than an icon-library dependency: a trend indicator is a\n * single directional glyph, and pulling in an icon package for three paths\n * is weight the host did not ask for.\n *\n * Colour encodes direction but is never the only signal: the arrow shape\n * distinguishes up from down even without hue, and \"flat\" is an em dash\n * rather than a horizontal arrow that could be mistaken for a minus sign or\n * a separator. `text-success-text` / `text-destructive-text` / `text-muted-foreground`\n * are the semantic tokens rather than fixed greens and reds, so the card\n * adapts to whatever the theme maps those to.\n */\nexport type MetricCardTrend = \"up\" | \"down\" | \"flat\";\n</script>\n\n<script setup lang=\"ts\">\nimport { watchEffect } from \"vue\";\nimport Skeleton from \"@ecoma-io/loom-skeleton\";\nimport { cn } from \"@ecoma-io/loom-core\";\n\nconst props = defineProps<{\n  /** The metric value — a formatted string or number the host has already\n   *  localised (e.g. \"1,234\", \"98.5%\", \"$42k\"). Raw numbers are not\n   *  formatted by the card; the host owns formatting so the same value\n   *  can be \"$42k\" in one place and \"42,000\" in another. Optional only\n   *  while `loading`. */\n  value?: string | number;\n  /** What the metric measures — always shown. */\n  label: string;\n  /** Direction of change. When absent, no trend indicator is rendered. */\n  trend?: MetricCardTrend;\n  /** The trend magnitude (e.g. \"+12.5%\", \"-3.2%\"). Shown only when `trend`\n   *  is also provided; a magnitude with no direction has no meaning. */\n  trendValue?: string;\n  /** Context line under the value row — a period, a comparison base. */\n  description?: string;\n  /**\n   * Renders the label and value as Skeleton placeholders sized to the real\n   * layout, so the card keeps its height and does not reflow when data\n   * lands.\n   */\n  loading?: boolean;\n}>();\n\n// `value` went optional for the loading state; this keeps a forgotten value\n// from landing as an empty heading once data arrives.\nwatchEffect(() => {\n  if (!props.loading && props.value === undefined) {\n    console.warn(\n      \"[MetricCard] no `value` given and `loading` is false — the card renders an empty metric.\",\n    );\n  }\n});\n</script>\n\n<template>\n  <div :aria-busy=\"loading || undefined\" :class=\"cn('rounded-lg border border-border bg-card p-4')\">\n    <!-- Decorative icon — hidden from assistive tech because the label and\n         value already carry the metric's meaning. -->\n    <div\n      v-if=\"$slots.icon\"\n      aria-hidden=\"true\"\n      class=\"mb-2 text-muted-foreground [&_svg]:h-4 [&_svg]:w-4\"\n    >\n      <slot name=\"icon\" />\n    </div>\n    <!-- Loading keeps the card's height by sizing each placeholder to the\n         row it stands in for — a single generic bar would let the value\n         land with a jolt. aria-hidden pairs with the parent's own\n         aria-busy below. -->\n    <template v-if=\"loading\">\n      <Skeleton variant=\"text\" class=\"mb-2 h-3 w-20\" />\n      <div class=\"flex items-baseline gap-1.5\">\n        <Skeleton variant=\"text\" class=\"h-7 w-24\" />\n      </div>\n    </template>\n    <template v-else>\n      <p class=\"text-small text-muted-foreground\">{{ label }}</p>\n      <div class=\"flex items-baseline gap-1.5\">\n        <!-- `text-heading`, not a hand-assembled `text-2xl font-semibold\n           tracking-tight`: the named rung is near-parity with that stack\n           (1.5rem, weight 600) by design, and composing it here meant the KPI\n           drifted silently if the scale ever moved. The two real deltas are\n           deliberate — letter-spacing slackens from tight's −0.025em to the\n           heading rung's −0.01em, and the line-height comes down to 1.2 —\n           both invisible on a single baseline row like this one. -->\n        <span class=\"text-heading text-foreground\">\n          {{ value }}\n        </span>\n        <span\n          v-if=\"trend\"\n          :class=\"\n            cn('inline-flex items-center gap-0.5 text-small font-medium', {\n              'text-success-text': trend === 'up',\n              'text-destructive-text': trend === 'down',\n              'text-muted-foreground': trend === 'flat',\n            })\n          \"\n        >\n          <!-- Up arrow: a single upward stroke with a chevron head. -->\n          <svg\n            v-if=\"trend === 'up'\"\n            class=\"inline h-3 w-3\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M6 2v8M3 5l3-3 3 3\" />\n          </svg>\n          <!-- Down arrow: a single downward stroke with a chevron head. -->\n          <svg\n            v-else-if=\"trend === 'down'\"\n            class=\"inline h-3 w-3\"\n            viewBox=\"0 0 12 12\"\n            fill=\"none\"\n            stroke=\"currentColor\"\n            stroke-width=\"2\"\n            aria-hidden=\"true\"\n          >\n            <path d=\"M6 10V2M3 7l3 3 3-3\" />\n          </svg>\n          <!-- Flat: an em dash rather than a horizontal arrow — a horizontal\n             arrow at this size reads as a minus sign or a separator. -->\n          <span v-else aria-hidden=\"true\">&mdash;</span>\n          <span v-if=\"trendValue\">{{ trendValue }}</span>\n        </span>\n      </div>\n      <p v-if=\"description\" class=\"mt-1 text-small text-muted-foreground\">\n        {{ description }}\n      </p>\n    </template>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BA,MAAM,QAAQ;EA0Bd,kBAAkB;GAChB,IAAI,CAAC,MAAM,WAAW,MAAM,UAAU,KAAA,GACpC,QAAQ,KACN,0FACF;EAEJ,CAAC;;GAIC,OAAA,UAAA,GAAA,mBA6EM,OAAA;IA7EA,aAAW,QAAA,WAAW,KAAA;IAAY,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,6CAAA,CAAA;GAIvCA,GAAAA,CAAAA,KAAAA,OAAO,QADf,UAAA,GAAA,mBAMM,OANN,YAMM,CADJ,WAAoB,KAAA,QAAA,MAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,GAMN,QAAA,WAAhB,UAAA,GAAA,mBAKW,UAAA,EAAA,KAAA,EAAA,GAAA,CAJT,YAAiD,MAAA,gBAAA,GAAA;IAAvC,SAAQ;IAAO,OAAM;GAC/B,CAAA,GAAA,mBAEM,OAFN,YAEM,CADJ,YAA4C,MAAA,gBAAA,GAAA;IAAlC,SAAQ;IAAO,OAAM;GAGnC,CAAA,CAAA,CAAA,CAAA,GAAA,EAAA,MAAA,UAAA,GAAA,mBAwDW,UAAA,EAAA,KAAA,EAAA,GAAA;IAvDT,mBAA2D,KAA3D,YAA2D,gBAAZ,QAAA,KAAK,GAAA,CAAA;IACpD,mBAkDM,OAlDN,YAkDM,CA1CJ,mBAEO,QAFP,YAEO,gBADF,QAAA,KAAK,GAAA,CAAA,GAGF,QAAA,SADR,UAAA,GAAA,mBAsCO,QAAA;;KApCJ,OAAK,eAAe,MAAA,EAAA,CAAE,CAAA,2DAAA;MAAiG,qBAAA,QAAA,UAAK;MAAkD,yBAAA,QAAA,UAAK;MAAoD,yBAAA,QAAA,UAAK;;IAUrO,GAAA,CAAA,QAAA,UAAK,QADb,UAAA,GAAA,mBAUM,OAVN,YAUM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAA+B,QAAA,EAAzB,GAAE,qBAAoB,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,KAIjB,QAAA,UAAK,UADlB,UAAA,GAAA,mBAUM,OAVN,YAUM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAAgC,QAAA,EAA1B,GAAE,sBAAqB,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,MAI/B,UAAA,GAAA,mBAA8C,QAA9C,YAAgC,GAAO,IAC3B,QAAA,cAAZ,UAAA,GAAA,mBAA+C,QAAA,aAAA,gBAApB,QAAA,UAAU,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;IAGhC,QAAA,eAAT,UAAA,GAAA,mBAEI,KAFJ,aAEI,gBADC,QAAA,WAAW,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/packages/blocks/metric-card/src/index.d.ts.map

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

package/dist/packages/blocks/page-header/src/PageHeader.js

@@ -1,7 +0,0 @@
-import PageHeader_vue_vue_type_script_setup_true_lang_default from "./PageHeader.vue_vue_type_script_setup_true_lang.js";
-//#region packages/blocks/page-header/src/PageHeader.vue
-var PageHeader_default = PageHeader_vue_vue_type_script_setup_true_lang_default;
-//#endregion
-export { PageHeader_default as default };
-
-//# sourceMappingURL=PageHeader.js.map

package/dist/packages/blocks/page-header/src/PageHeader.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHeader.js","names":[],"sources":["../../../../../packages/blocks/page-header/src/PageHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * PageHeader — the band that turns a scrolling document into a workspace\n * surface: it pins to the top of the scroll container, carries the\n * surface's name, its live count and one line of orientation, and owns the\n * surface's primary actions.\n *\n * Two things it deliberately does:\n *\n * - **Pinned, and separated by a hairline — never a shadow.** It sits on\n *   `bg-background`, the same plane as the work area rather than a sunken\n *   navigation plane, because this is the surface's own header, not chrome\n *   that recedes. Rows scroll *under* it, so the plane is translucent and\n *   blurred; the opaque `bg-background` is declared first and remains the\n *   fallback wherever `backdrop-filter` is unsupported.\n * - **The count is a number, so it is `tabular`** — a count that changes as\n *   items resolve must not shift the title beside it. It is deliberately\n *   NOT a Badge: a badge is a status chip, and \"how many rows are below\" is\n *   a fact, not a status. Wrap it in a Badge at the call site on the rare\n *   surface where the count itself is the alarm.\n *\n * Presentational only: the host owns wording, the actions, and the scroll\n * container this sticks inside (`position: sticky` resolves against the\n * nearest scrolling ancestor — a header that will not stick is almost\n * always an ancestor with `overflow: hidden`, not this component).\n *\n * Two width behaviors. Gutters step up (`sm`, then `3xl`) rather than\n * holding one value, so the band is not padded like a phone on a 1920px\n * canvas. And the description is capped at `max-w-prose` instead of\n * tracking the viewport — a one-line orientation stretched across an\n * ultra-wide monitor is unreadable; the width that opens up belongs to the\n * actions and the work below, not to a longer measure. The title itself is\n * uncapped: it truncates, so it can only ever occupy one line.\n */\ndefineProps<{\n  title: string;\n  /** One line of orientation under the title. Say what the surface is FOR, not what it is called again. */\n  description?: string;\n  /** Live row count shown beside the title. Omit rather than pass 0 — \"0\" beside a title reads as a broken fetch; the empty state carries that message. */\n  count?: number;\n}>();\n</script>\n\n<template>\n  <header\n    class=\"sticky top-0 z-20 flex flex-wrap items-start gap-x-6 gap-y-3 border-b border-border bg-background px-4 py-3 backdrop-blur-md supports-[backdrop-filter]:bg-background/80 sm:px-6 sm:py-4 3xl:px-8\"\n  >\n    <!-- `basis-56` is the wrap threshold, not a width: flex line-breaking reads\n         the basis, so the actions drop to their own row once the title cannot\n         hold ~14rem — instead of staying crammed alongside a title truncated to\n         a few glyphs. `min-w-0` still lets the block shrink under that on the\n         narrowest screens, and keeps the h1's truncate working. -->\n    <div class=\"min-w-0 flex-1 basis-56\">\n      <div class=\"flex items-baseline gap-2\">\n        <h1 class=\"text-heading min-w-0 truncate text-foreground\">{{ title }}</h1>\n        <span v-if=\"count !== undefined\" class=\"tabular shrink-0 text-small text-muted-foreground\">\n          {{ count }}\n        </span>\n      </div>\n      <p v-if=\"description\" class=\"mt-0.5 max-w-prose text-small text-muted-foreground\">\n        {{ description }}\n      </p>\n    </div>\n    <!-- `ml-auto`, not the header's `justify-between`: once the actions wrap to\n         their own line the two are no longer distributed, and justify-between\n         would drop them flush LEFT under the title. -->\n    <div v-if=\"$slots.actions\" class=\"ml-auto flex shrink-0 items-center gap-2\">\n      <!-- @slot The surface's primary actions, trailing the title. Convention: at most one `variant=\"primary\"` Button, the rest `outline`/`subtle`. -->\n      <slot name=\"actions\" />\n    </div>\n  </header>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/page-header/src/PageHeader.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"PageHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/page-header/src/PageHeader.vue"],"names":[],"mappings":"AA2EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yJAAyJ;IACzJ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0FF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,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"}