@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/packages/blocks/dashboard-grid/src/DashboardGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region packages/blocks/dashboard-grid/src/DashboardGrid.vue?vue&type=script&setup=true&lang.ts
+var DashboardGrid_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DashboardGrid",
+	props: {
+		minTileWidth: { default: "16rem" },
+		gap: { default: "md" }
+	},
+	setup(__props) {
+		/**
+		* DashboardGrid — the reflowing tile grid a dashboard's panels sit in: a CSS
+		* grid that fits as many `minTileWidth`-wide tracks as the container allows,
+		* so a KPI row and a couple of wider panels share one layout without the
+		* host authoring a single breakpoint.
+		*
+		* `auto-fit` + `minmax` (never fixed `grid-cols-N` breakpoints) is the
+		* deliberate choice: a fixed column count needs one breakpoint per host
+		* viewport, while auto-fit recomputes the column count from the container's
+		* own width — it reflows identically inside a sidebar-narrowed workspace and
+		* full-bleed on an ultra-wide monitor, with zero Tailwind breakpoints
+		* authored here or at the call site. The `minmax` lower bound is wrapped in
+		* `min(100%, …)` so a tile never forces horizontal overflow on a container
+		* narrower than `minTileWidth` itself.
+		*
+		* Presentational only: panels arrive through the default slot, and a panel
+		* spans multiple tracks with its own `col-span-*` utility at the call
+		* site — the grid does not know or count how many panels it holds.
+		*/
+		const gapClass = {
+			sm: "gap-2 sm:gap-3",
+			md: "gap-3 sm:gap-4",
+			lg: "gap-4 sm:gap-6"
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(["grid", gapClass[__props.gap]]),
+				style: normalizeStyle({ gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${__props.minTileWidth}), 1fr))` })
+			}, [renderSlot(_ctx.$slots, "default")], 6);
+		};
+	}
+});
+//#endregion
+export { DashboardGrid_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DashboardGrid.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/dashboard-grid/src/DashboardGrid.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/blocks/dashboard-grid/src/DashboardGrid.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * DashboardGrid — the reflowing tile grid a dashboard's panels sit in: a CSS\n * grid that fits as many `minTileWidth`-wide tracks as the container allows,\n * so a KPI row and a couple of wider panels share one layout without the\n * host authoring a single breakpoint.\n *\n * `auto-fit` + `minmax` (never fixed `grid-cols-N` breakpoints) is the\n * deliberate choice: a fixed column count needs one breakpoint per host\n * viewport, while auto-fit recomputes the column count from the container's\n * own width — it reflows identically inside a sidebar-narrowed workspace and\n * full-bleed on an ultra-wide monitor, with zero Tailwind breakpoints\n * authored here or at the call site. The `minmax` lower bound is wrapped in\n * `min(100%, …)` so a tile never forces horizontal overflow on a container\n * narrower than `minTileWidth` itself.\n *\n * Presentational only: panels arrive through the default slot, and a panel\n * spans multiple tracks with its own `col-span-*` utility at the call\n * site — the grid does not know or count how many panels it holds.\n */\nwithDefaults(\n  defineProps<{\n    /** Narrowest a tile may get before the grid drops to fewer columns. Any valid CSS length (e.g. \"14rem\"). */\n    minTileWidth?: string;\n    /** Row/column gap step — mirrors Surface's `pad` scale at `sm` and up (sm 12px · md 16px · lg 24px); each step drops one notch below `sm`. */\n    gap?: \"sm\" | \"md\" | \"lg\";\n  }>(),\n  { minTileWidth: \"16rem\", gap: \"md\" },\n);\n\n// One notch tighter below the `sm` breakpoint. A gutter is spent viewport, and\n// on a phone the grid is already single-column — 24px of air between stacked\n// tiles buys no separation the tile borders do not already give, it just\n// pushes the second tile off screen. From `sm` up each step is its\n// documented value.\nconst gapClass = {\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</script>\n\n<template>\n  <div\n    class=\"grid\"\n    :class=\"gapClass[gap]\"\n    :style=\"{ gridTemplateColumns: `repeat(auto-fit, minmax(min(100%, ${minTileWidth}), 1fr))` }\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmCA,MAAM,WAAW;GACf,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;;GAIE,OAAA,UAAA,GAAA,mBAMM,OAAA;IALJ,OAAK,eAAA,CAAC,QACE,SAAS,QAAA,IAAG,CAAA;IACnB,OAAK,eAAA,EAAA,qBAAA,qCAA8D,QAAA,aAAY,UAAA,CAAA;GAEhF,GAAA,CAAA,WAAQ,KAAA,QAAA,SAAA,CAAA,GAAA,CAAA"}

package/dist/packages/blocks/dashboard-grid/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./DashboardGrid.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/blocks/dashboard-grid/src/index.d.ts.map

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

package/dist/packages/blocks/dashboard-grid/src/index.js

@@ -0,0 +1,2 @@
+import DashboardGrid_default from "./DashboardGrid.js";
+export { DashboardGrid_default as default };

package/dist/packages/blocks/desktop-app-shell/src/DesktopAppShell.js

@@ -0,0 +1,7 @@
+import DesktopAppShell_vue_vue_type_script_setup_true_lang_default from "./DesktopAppShell.vue_vue_type_script_setup_true_lang.js";
+//#region packages/blocks/desktop-app-shell/src/DesktopAppShell.vue
+var DesktopAppShell_default = DesktopAppShell_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DesktopAppShell_default as default };
+
+//# sourceMappingURL=DesktopAppShell.js.map

package/dist/packages/blocks/desktop-app-shell/src/DesktopAppShell.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopAppShell.js","names":[],"sources":["../../../../../packages/blocks/desktop-app-shell/src/DesktopAppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * DesktopAppShell — the ready-made layout a desktop (Electron/Tauri) app\n * reaches for. It composes TitleBar, a sidebar, and a content area into a\n * single root so the host never hand-tunes the flex relationship between\n * window chrome and application body.\n *\n * The sidebar sits on the sunken plane (`bg-sunken`) and collapses below\n * tablet width, stacking above the content area instead of sitting beside it.\n * That mirrors SidebarNav's own intrinsic collapse: the nav drops to icon-only\n * at narrow widths, and the shell narrows its rail to match. Below tablet the\n * rail needs no width at all — the nav items stack vertically over the\n * content, which is the same thing a mobile user sees in any desktop app that\n * has a sidebar.\n *\n * Content sits on `bg-background` with gutters that step open at `sm` and\n * `3xl`, matching the same step scale AppHeader uses — a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Every TitleBar event is re-emitted so the host wires its own window bridge;\n * the shell itself owns no IPC.\n */\nimport type { MenubarMenu } from \"@ecoma-io/loom-menubar\";\nimport type { WindowPlatform } from \"@ecoma-io/loom-window-controls\";\n</script>\n\n<script setup lang=\"ts\">\nimport TitleBar from \"@ecoma-io/loom-title-bar\";\nimport { type WindowControlsLabels } from \"@ecoma-io/loom-window-controls\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** The host app's brand name — passed through to TitleBar, which has no identity of its own. */\n    appName: string;\n    /** Centered subtitle — usually the open project / composition. Passed through to TitleBar. */\n    title?: string;\n    /** Top-level menus for the TitleBar's Menubar. Omit for a menu-less app. */\n    menus?: MenubarMenu[];\n    /** Whether the window is maximized — controls the TitleBar's middle window-control glyph. */\n    isMaximized?: boolean;\n    /**\n     * The desktop platform the window runs on. Passed through to TitleBar, which\n     * adjusts layout for native traffic-lights on macOS. The host decides —\n     * Loom never sniffs the OS at runtime.\n     */\n    platform?: WindowPlatform;\n    /** Names for the window-control buttons, as any subset of `WindowControlsLabels`. */\n    windowControlsLabels?: WindowControlsLabels;\n    /** Sidebar rail width. Maps to 12/16/20 rem — the three widths SidebarNav's label/labelless\n     *  modes were measured against. */\n    sidebarWidth?: \"sm\" | \"md\" | \"lg\";\n    /** Accessible name for the sidebar's `<aside>` landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  {\n    title: \"\",\n    menus: () => [],\n    isMaximized: false,\n    platform: \"windows\",\n    sidebarWidth: \"md\",\n    sidebarAriaLabel: \"Sidebar\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"select\", command: string): void;\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n\nconst SIDEBAR_WIDTH = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n</script>\n\n<template>\n  <div class=\"flex h-dvh flex-col\">\n    <TitleBar\n      :app-name=\"appName\"\n      :title=\"title\"\n      :menus=\"menus\"\n      :is-maximized=\"isMaximized\"\n      :platform=\"platform\"\n      v-bind=\"optional({ windowControlsLabels })\"\n      @select=\"emit('select', $event)\"\n      @minimize=\"emit('minimize')\"\n      @maximize=\"emit('maximize')\"\n      @close=\"emit('close')\"\n    >\n      <template v-if=\"$slots.brandIcon\" #brandIcon>\n        <!-- @slot Brand icon — forwarded to TitleBar's own brandIcon slot. -->\n        <slot name=\"brandIcon\" />\n      </template>\n      <template v-if=\"$slots.brandMark\" #brandMark>\n        <!-- @slot Brand mark — forwarded to TitleBar's own brandMark slot. -->\n        <slot name=\"brandMark\" />\n      </template>\n    </TitleBar>\n\n    <div class=\"flex min-h-0 flex-1 flex-col md:flex-row\">\n      <aside\n        :aria-label=\"sidebarAriaLabel\"\n        class=\"shrink-1 bg-sunken md:shrink-0 md:grow-0\"\n        :style=\"{ flexBasis: SIDEBAR_WIDTH[sidebarWidth] }\"\n      >\n        <!-- @slot Sidebar navigation content — typically SidebarNav. Sits on the sunken plane. -->\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <main class=\"min-w-1/2 grow-[999] overflow-y-auto bg-background px-4 sm:px-6 3xl:px-8\">\n        <!-- @slot Main content area. Sits on the background plane with stepped gutters. -->\n        <slot />\n      </main>\n    </div>\n  </div>\n</template>\n"],"mappings":""}

package/dist/packages/blocks/desktop-app-shell/src/DesktopAppShell.vue.d.ts

@@ -0,0 +1,102 @@
+import { type WindowControlsLabels } from "@ecoma-io/loom-window-controls";
+/**
+ * DesktopAppShell — the ready-made layout a desktop (Electron/Tauri) app
+ * reaches for. It composes TitleBar, a sidebar, and a content area into a
+ * single root so the host never hand-tunes the flex relationship between
+ * window chrome and application body.
+ *
+ * The sidebar sits on the sunken plane (`bg-sunken`) and collapses below
+ * tablet width, stacking above the content area instead of sitting beside it.
+ * That mirrors SidebarNav's own intrinsic collapse: the nav drops to icon-only
+ * at narrow widths, and the shell narrows its rail to match. Below tablet the
+ * rail needs no width at all — the nav items stack vertically over the
+ * content, which is the same thing a mobile user sees in any desktop app that
+ * has a sidebar.
+ *
+ * Content sits on `bg-background` with gutters that step open at `sm` and
+ * `3xl`, matching the same step scale AppHeader uses — a 16px gutter beside a
+ * 1920px canvas reads as an accident.
+ *
+ * Every TitleBar event is re-emitted so the host wires its own window bridge;
+ * the shell itself owns no IPC.
+ */
+import type { MenubarMenu } from "@ecoma-io/loom-menubar";
+import type { WindowPlatform } from "@ecoma-io/loom-window-controls";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The host app's brand name — passed through to TitleBar, which has no identity of its own. */
+    appName: string;
+    /** Centered subtitle — usually the open project / composition. Passed through to TitleBar. */
+    title?: string;
+    /** Top-level menus for the TitleBar's Menubar. Omit for a menu-less app. */
+    menus?: MenubarMenu[];
+    /** Whether the window is maximized — controls the TitleBar's middle window-control glyph. */
+    isMaximized?: boolean;
+    /**
+     * The desktop platform the window runs on. Passed through to TitleBar, which
+     * adjusts layout for native traffic-lights on macOS. The host decides —
+     * Loom never sniffs the OS at runtime.
+     */
+    platform?: WindowPlatform;
+    /** Names for the window-control buttons, as any subset of `WindowControlsLabels`. */
+    windowControlsLabels?: WindowControlsLabels;
+    /** Sidebar rail width. Maps to 12/16/20 rem — the three widths SidebarNav's label/labelless
+     *  modes were measured against. */
+    sidebarWidth?: "sm" | "md" | "lg";
+    /** Accessible name for the sidebar's `<aside>` landmark. */
+    sidebarAriaLabel?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    select: (command: string) => any;
+    close: () => any;
+    minimize: () => any;
+    maximize: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The host app's brand name — passed through to TitleBar, which has no identity of its own. */
+    appName: string;
+    /** Centered subtitle — usually the open project / composition. Passed through to TitleBar. */
+    title?: string;
+    /** Top-level menus for the TitleBar's Menubar. Omit for a menu-less app. */
+    menus?: MenubarMenu[];
+    /** Whether the window is maximized — controls the TitleBar's middle window-control glyph. */
+    isMaximized?: boolean;
+    /**
+     * The desktop platform the window runs on. Passed through to TitleBar, which
+     * adjusts layout for native traffic-lights on macOS. The host decides —
+     * Loom never sniffs the OS at runtime.
+     */
+    platform?: WindowPlatform;
+    /** Names for the window-control buttons, as any subset of `WindowControlsLabels`. */
+    windowControlsLabels?: WindowControlsLabels;
+    /** Sidebar rail width. Maps to 12/16/20 rem — the three widths SidebarNav's label/labelless
+     *  modes were measured against. */
+    sidebarWidth?: "sm" | "md" | "lg";
+    /** Accessible name for the sidebar's `<aside>` landmark. */
+    sidebarAriaLabel?: string;
+}> & Readonly<{
+    onSelect?: (command: string) => any;
+    onClose?: () => any;
+    onMinimize?: () => any;
+    onMaximize?: () => any;
+}>, {
+    title: string;
+    menus: MenubarMenu[];
+    platform: WindowPlatform;
+    isMaximized: boolean;
+    sidebarWidth: "sm" | "md" | "lg";
+    sidebarAriaLabel: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    brandIcon?: (props: {}) => any;
+} & {
+    brandMark?: (props: {}) => any;
+} & {
+    sidebar?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DesktopAppShell.vue.d.ts.map

package/dist/packages/blocks/desktop-app-shell/src/DesktopAppShell.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopAppShell.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/desktop-app-shell/src/DesktopAppShell.vue"],"names":[],"mappings":"AA4HA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,gCAAgC,CAAC;AAI3E;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,wBAAwB,CAAC;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,gCAAgC,CAAC;wBAChD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,gGAAgG;aACvF,MAAM;IACf,8FAA8F;YACtF,MAAM;IACd,4EAA4E;YACpE,WAAW,EAAE;IACrB,6FAA6F;kBAC/E,OAAO;IACrB;;;;OAIG;eACQ,cAAc;IACzB,qFAAqF;2BAC9D,oBAAoB;IAC3C;uCACmC;mBACpB,IAAI,GAAG,IAAI,GAAG,IAAI;IACjC,4DAA4D;uBACzC,MAAM;;;;;;;IApBzB,gGAAgG;aACvF,MAAM;IACf,8FAA8F;YACtF,MAAM;IACd,4EAA4E;YACpE,WAAW,EAAE;IACrB,6FAA6F;kBAC/E,OAAO;IACrB;;;;OAIG;eACQ,cAAc;IACzB,qFAAqF;2BAC9D,oBAAoB;IAC3C;uCACmC;mBACpB,IAAI,GAAG,IAAI,GAAG,IAAI;IACjC,4DAA4D;uBACzC,MAAM;;;;;;;WAjBjB,MAAM;WAEN,WAAW,EAAE;cAQV,cAAc;iBANX,OAAO;kBAWN,IAAI,GAAG,IAAI,GAAG,IAAI;sBAEd,MAAM;;gBAsLb,CAAC,KAAK,IAAiB,KAAK,GAAG;;gBAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;;cACjC,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWzC,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/desktop-app-shell/src/DesktopAppShell.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,76 @@
+import { optional } from "../../../core/src/props.js";
+import "../../../core/src/index.js";
+import TitleBar_default from "../../title-bar/src/TitleBar.js";
+import "../../title-bar/src/index.js";
+import { createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
+//#region packages/blocks/desktop-app-shell/src/DesktopAppShell.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex h-dvh flex-col" };
+var _hoisted_2 = { class: "flex min-h-0 flex-1 flex-col md:flex-row" };
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = { class: "min-w-1/2 grow-[999] overflow-y-auto bg-background px-4 sm:px-6 3xl:px-8" };
+var DesktopAppShell_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "DesktopAppShell",
+	props: {
+		appName: {},
+		title: { default: "" },
+		menus: { default: () => [] },
+		isMaximized: {
+			type: Boolean,
+			default: false
+		},
+		platform: { default: "windows" },
+		windowControlsLabels: {},
+		sidebarWidth: { default: "md" },
+		sidebarAriaLabel: { default: "Sidebar" }
+	},
+	emits: [
+		"select",
+		"minimize",
+		"maximize",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		const SIDEBAR_WIDTH = {
+			sm: "12rem",
+			md: "16rem",
+			lg: "20rem"
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [createVNode(unref(TitleBar_default), mergeProps({
+				"app-name": __props.appName,
+				title: __props.title,
+				menus: __props.menus,
+				"is-maximized": __props.isMaximized,
+				platform: __props.platform
+			}, unref(optional)({ windowControlsLabels: __props.windowControlsLabels }), {
+				onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event)),
+				onMinimize: _cache[1] || (_cache[1] = ($event) => emit("minimize")),
+				onMaximize: _cache[2] || (_cache[2] = ($event) => emit("maximize")),
+				onClose: _cache[3] || (_cache[3] = ($event) => emit("close"))
+			}), createSlots({ _: 2 }, [_ctx.$slots.brandIcon ? {
+				name: "brandIcon",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "brandIcon")]),
+				key: "0"
+			} : void 0, _ctx.$slots.brandMark ? {
+				name: "brandMark",
+				fn: withCtx(() => [renderSlot(_ctx.$slots, "brandMark")]),
+				key: "1"
+			} : void 0]), 1040, [
+				"app-name",
+				"title",
+				"menus",
+				"is-maximized",
+				"platform"
+			]), createElementVNode("div", _hoisted_2, [createElementVNode("aside", {
+				"aria-label": __props.sidebarAriaLabel,
+				class: "shrink-1 bg-sunken md:shrink-0 md:grow-0",
+				style: normalizeStyle({ flexBasis: SIDEBAR_WIDTH[__props.sidebarWidth] })
+			}, [renderSlot(_ctx.$slots, "sidebar")], 12, _hoisted_3), createElementVNode("main", _hoisted_4, [renderSlot(_ctx.$slots, "default")])])]);
+		};
+	}
+});
+//#endregion
+export { DesktopAppShell_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=DesktopAppShell.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/desktop-app-shell/src/DesktopAppShell.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DesktopAppShell.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/blocks/desktop-app-shell/src/DesktopAppShell.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * DesktopAppShell — the ready-made layout a desktop (Electron/Tauri) app\n * reaches for. It composes TitleBar, a sidebar, and a content area into a\n * single root so the host never hand-tunes the flex relationship between\n * window chrome and application body.\n *\n * The sidebar sits on the sunken plane (`bg-sunken`) and collapses below\n * tablet width, stacking above the content area instead of sitting beside it.\n * That mirrors SidebarNav's own intrinsic collapse: the nav drops to icon-only\n * at narrow widths, and the shell narrows its rail to match. Below tablet the\n * rail needs no width at all — the nav items stack vertically over the\n * content, which is the same thing a mobile user sees in any desktop app that\n * has a sidebar.\n *\n * Content sits on `bg-background` with gutters that step open at `sm` and\n * `3xl`, matching the same step scale AppHeader uses — a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Every TitleBar event is re-emitted so the host wires its own window bridge;\n * the shell itself owns no IPC.\n */\nimport type { MenubarMenu } from \"@ecoma-io/loom-menubar\";\nimport type { WindowPlatform } from \"@ecoma-io/loom-window-controls\";\n</script>\n\n<script setup lang=\"ts\">\nimport TitleBar from \"@ecoma-io/loom-title-bar\";\nimport { type WindowControlsLabels } from \"@ecoma-io/loom-window-controls\";\nimport { optional } from \"@ecoma-io/loom-core\";\n\nwithDefaults(\n  defineProps<{\n    /** The host app's brand name — passed through to TitleBar, which has no identity of its own. */\n    appName: string;\n    /** Centered subtitle — usually the open project / composition. Passed through to TitleBar. */\n    title?: string;\n    /** Top-level menus for the TitleBar's Menubar. Omit for a menu-less app. */\n    menus?: MenubarMenu[];\n    /** Whether the window is maximized — controls the TitleBar's middle window-control glyph. */\n    isMaximized?: boolean;\n    /**\n     * The desktop platform the window runs on. Passed through to TitleBar, which\n     * adjusts layout for native traffic-lights on macOS. The host decides —\n     * Loom never sniffs the OS at runtime.\n     */\n    platform?: WindowPlatform;\n    /** Names for the window-control buttons, as any subset of `WindowControlsLabels`. */\n    windowControlsLabels?: WindowControlsLabels;\n    /** Sidebar rail width. Maps to 12/16/20 rem — the three widths SidebarNav's label/labelless\n     *  modes were measured against. */\n    sidebarWidth?: \"sm\" | \"md\" | \"lg\";\n    /** Accessible name for the sidebar's `<aside>` landmark. */\n    sidebarAriaLabel?: string;\n  }>(),\n  {\n    title: \"\",\n    menus: () => [],\n    isMaximized: false,\n    platform: \"windows\",\n    sidebarWidth: \"md\",\n    sidebarAriaLabel: \"Sidebar\",\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"select\", command: string): void;\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n\nconst SIDEBAR_WIDTH = {\n  sm: \"12rem\",\n  md: \"16rem\",\n  lg: \"20rem\",\n} as const;\n</script>\n\n<template>\n  <div class=\"flex h-dvh flex-col\">\n    <TitleBar\n      :app-name=\"appName\"\n      :title=\"title\"\n      :menus=\"menus\"\n      :is-maximized=\"isMaximized\"\n      :platform=\"platform\"\n      v-bind=\"optional({ windowControlsLabels })\"\n      @select=\"emit('select', $event)\"\n      @minimize=\"emit('minimize')\"\n      @maximize=\"emit('maximize')\"\n      @close=\"emit('close')\"\n    >\n      <template v-if=\"$slots.brandIcon\" #brandIcon>\n        <!-- @slot Brand icon — forwarded to TitleBar's own brandIcon slot. -->\n        <slot name=\"brandIcon\" />\n      </template>\n      <template v-if=\"$slots.brandMark\" #brandMark>\n        <!-- @slot Brand mark — forwarded to TitleBar's own brandMark slot. -->\n        <slot name=\"brandMark\" />\n      </template>\n    </TitleBar>\n\n    <div class=\"flex min-h-0 flex-1 flex-col md:flex-row\">\n      <aside\n        :aria-label=\"sidebarAriaLabel\"\n        class=\"shrink-1 bg-sunken md:shrink-0 md:grow-0\"\n        :style=\"{ flexBasis: SIDEBAR_WIDTH[sidebarWidth] }\"\n      >\n        <!-- @slot Sidebar navigation content — typically SidebarNav. Sits on the sunken plane. -->\n        <slot name=\"sidebar\" />\n      </aside>\n\n      <main class=\"min-w-1/2 grow-[999] overflow-y-auto bg-background px-4 sm:px-6 3xl:px-8\">\n        <!-- @slot Main content area. Sits on the background plane with stepped gutters. -->\n        <slot />\n      </main>\n    </div>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiEA,MAAM,OAAO;EAOb,MAAM,gBAAgB;GACpB,IAAI;GACJ,IAAI;GACJ,IAAI;EACN;;GAIE,OAAA,UAAA,GAAA,mBAsCM,OAtCN,YAsCM,CArCJ,YAoBW,MAAA,gBAAA,GApBX,WAoBW;IAnBR,YAAU,QAAA;IACV,OAAO,QAAA;IACP,OAAO,QAAA;IACP,gBAAc,QAAA;IACd,UAAU,QAAA;GACH,GAAA,MAAA,QAAA,CAAQ,CAAA,EAAA,sBAAG,QAAA,qBAAoB,CAAA,GAAA;IACtC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;IAC7B,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IACd,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;GAEIA,CAAAA,GAAAA,YAAAA,EAAAA,GAAAA,EAAAA,GAAAA,CAAAA,KAAAA,OAAO,YAAA;IAAY,MAAA;IAEjC,IAAA,cAAyB,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA;;GAEXA,IAAAA,KAAAA,GAAAA,KAAAA,OAAO,YAAA;IAAY,MAAA;IAEjC,IAAA,cAAyB,CAAzB,WAAyB,KAAA,QAAA,WAAA,CAAA,CAAA;;;;;;;;GAI7B,CAAA,GAAA,mBAcM,OAdN,YAcM,CAbJ,mBAOQ,SAAA;IANL,cAAY,QAAA;IACb,OAAM;IACL,OAAK,eAAA,EAAA,WAAe,cAAc,QAAA,cAAY,CAAA;GAG/C,GAAA,CAAA,WAAuB,KAAA,QAAA,SAAA,CAAA,GAAA,IAAA,UAAA,GAGzB,mBAGO,QAHP,YAGO,CADL,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA,CAAA,CAAA,CAAA,CAAA"}

package/dist/packages/blocks/desktop-app-shell/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./DesktopAppShell.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/blocks/desktop-app-shell/src/index.d.ts.map

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

package/dist/packages/blocks/desktop-app-shell/src/index.js

@@ -0,0 +1,2 @@
+import DesktopAppShell_default from "./DesktopAppShell.js";
+export { DesktopAppShell_default as default };

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"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    <p class=\"animate-fade-rise text-title text-foreground\" :style=\"{ animationDelay: '60ms' }\">\n      {{ title }}\n    </p>\n    <p\n      v-if=\"description\"\n      class=\"animate-fade-rise max-w-sm text-balance text-small text-muted-foreground\"\n      :style=\"{ animationDelay: '120ms' }\"\n    >\n      {{ description }}\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":""}

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/empty-state/src/EmptyState.vue"],"names":[],"mappings":"AAgEA;;;;;;;;;;;;;;;;;;;;;;;;;;;GA2BG;AACH,KAAK,WAAW,GAAG;IACjB,sDAAsD;IACtD,KAAK,EAAE,MAAM,CAAC;IACd,6EAA6E;IAC7E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AAgFF,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/empty-state/src/EmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+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: "animate-fade-rise text-title text-foreground",
+	style: { animationDelay: "60ms" }
+};
+var _hoisted_4 = {
+	key: 1,
+	class: "animate-fade-rise max-w-sm text-balance text-small text-muted-foreground",
+	style: { animationDelay: "120ms" }
+};
+var _hoisted_5 = {
+	key: 2,
+	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", _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 { 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

@@ -0,0 +1 @@
+{"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    <p class=\"animate-fade-rise text-title text-foreground\" :style=\"{ animationDelay: '60ms' }\">\n      {{ title }}\n    </p>\n    <p\n      v-if=\"description\"\n      class=\"animate-fade-rise max-w-sm text-balance text-small text-muted-foreground\"\n      :style=\"{ animationDelay: '120ms' }\"\n    >\n      {{ description }}\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,mBAqBM,OArBN,YAqBM;IAnBIA,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;IAGF,QAAA,eADR,UAAA,GAAA,mBAMI,KANJ,YAMI,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/empty-state/src/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./EmptyState.vue";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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/empty-state/src/index.js

@@ -0,0 +1,2 @@
+import EmptyState_default from "./EmptyState.js";
+export { EmptyState_default as default };

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,60 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,2 @@
+export { default } from "./ErrorState.vue";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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-state/src/index.js

@@ -0,0 +1,2 @@
+import ErrorState_default from "./ErrorState.js";
+export { ErrorState_default as default };

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

@@ -0,0 +1,7 @@
+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

@@ -0,0 +1 @@
+{"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.map

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,22 @@
+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

@@ -0,0 +1 @@
+{"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

@@ -0,0 +1,3 @@
+export { default } from "./FormActions.vue";
+export type { FormActionsAlign } from "./FormActions.vue";
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"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-actions/src/index.js

@@ -0,0 +1,2 @@
+import FormActions_default from "./FormActions.js";
+export { FormActions_default as default };

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

@@ -0,0 +1,7 @@
+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