@ecoma-io/loom 0.1.1 → 0.3.0

package/dist/packages/blocks/app-header/src/AppHeader.vue.d.ts

@@ -0,0 +1,82 @@
+/**
+ * AppHeader — the web app's TOP BAR: the shell-level strip that stays on
+ * screen above every surface, distinct from two components it is easy to
+ * confuse with:
+ *
+ * - **`PageHeader`** — a surface's own pinned title band, sitting *inside*
+ *   the content area this bar sits above.
+ * - **`TitleBar`** — the desktop window's native chrome (drag region, window
+ *   controls). This bar is browser content, not window furniture.
+ *
+ * Layout is three regions, so callers never hand-tune widths: brand (left) ·
+ * optional search · a trailing cluster for a leading control, notifications, and
+ * the user menu, pushed right by `ml-auto`. Every region is a named slot —
+ * this block owns the strip's geometry and elevation, never its content or
+ * behavior.
+ *
+ * The trailing cluster is pushed right by its own `ml-auto`, not by a spacer
+ * element. A spacer works, but it is a second `flex-1` beside the search
+ * field, so the two end up splitting the free space instead of the field
+ * taking what is actually left; `ml-auto` costs no element and no width, and
+ * keeps the cluster flush right even when no search is slotted at all.
+ *
+ * **Below `sm` the bar is two rows, and that is the point of this block's
+ * responsive behavior.** A brand, a real search field, and a leading control +
+ * notifications + account cluster do not fit across a 390px viewport: on
+ * that width the search field is left about 60px and renders as a magnifier
+ * glyph pressed against the org name — a control that is technically present
+ * and practically unusable. So the search takes a full-width second row
+ * (`basis-full` + `order-last`), the header height goes from fixed to
+ * `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.
+ * Wrapping rather than hiding is deliberate: the host slotted a search
+ * because its users need one, and a block does not get to decide they need
+ * it less on a phone.
+ *
+ * The `order-last` is the one thing to keep in mind if this changes: it
+ * moves the search visually below the cluster while leaving it before the
+ * cluster in the DOM, so on a phone the tab order reaches search first. That
+ * is the better of the two mismatches — search is the more-used control —
+ * but it is a mismatch, so do not extend `order-*` to the other regions.
+ *
+ * **Pinned, and separated by a hairline — never a shadow.** It sits on
+ * `bg-card` (the raised plane), one step above the content it sits over,
+ * unlike `PageHeader` which shares the content's own `bg-background` plane.
+ * Because content scrolls *under* it, the surface is translucent + blurred
+ * so the motion beneath stays legible as depth — the opaque `bg-card` is
+ * declared first and stays the fallback wherever `backdrop-filter` is
+ * unsupported, so the bar is never a see-through smear.
+ *
+ * Widths step rather than hold one value: gutters open up from `sm` and
+ * again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a
+ * 1920px canvas reads as an accident.
+ *
+ * Deliberately neutral: this is shell chrome shared by every user and every
+ * action alike, so it never wears `--primary`/`--accent` — the bar stays
+ * uncommitted until a specific action is happening on the surface below.
+ */
+type __VLS_Props = {
+    /** Accessible name for the `<header>` landmark, for a page with more than one header-like region. */
+    ariaLabel?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {};
+type __VLS_Slots = {} & {
+    brand?: (props: typeof __VLS_1) => any;
+} & {
+    search?: (props: typeof __VLS_3) => any;
+} & {
+    leading?: (props: typeof __VLS_5) => any;
+} & {
+    notifications?: (props: typeof __VLS_7) => any;
+} & {
+    userMenu?: (props: typeof __VLS_9) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=AppHeader.vue.d.ts.map

package/dist/packages/blocks/app-header/src/AppHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/app-header/src/AppHeader.vue"],"names":[],"mappings":"AAoGA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAuDG;AACH,KAAK,WAAW,GAAG;IACjB,qGAAqG;IACrG,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB,CAAC;AAyFF,QAAA,IAAI,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAU,EAAE,OAAO,IAAW,CAAE;AACpG,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,KAAK,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC1C;IAAE,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC3C;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAC5C;IAAE,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,GAClD;IAAE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAKhD,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/app-header/src/AppHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,95 @@
+import { createCommentVNode, createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region packages/blocks/app-header/src/AppHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 0,
+	class: "flex shrink-0 items-center gap-2"
+};
+var _hoisted_3 = {
+	key: 1,
+	class: "order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md"
+};
+var _hoisted_4 = {
+	key: 2,
+	class: "ml-auto flex shrink-0 items-center gap-1 sm:gap-2"
+};
+var AppHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "AppHeader",
+	props: { ariaLabel: {} },
+	setup(__props) {
+		/**
+		* AppHeader — the web app's TOP BAR: the shell-level strip that stays on
+		* screen above every surface, distinct from two components it is easy to
+		* confuse with:
+		*
+		* - **`PageHeader`** — a surface's own pinned title band, sitting *inside*
+		*   the content area this bar sits above.
+		* - **`TitleBar`** — the desktop window's native chrome (drag region, window
+		*   controls). This bar is browser content, not window furniture.
+		*
+		* Layout is three regions, so callers never hand-tune widths: brand (left) ·
+		* optional search · a trailing cluster for a leading control, notifications, and
+		* the user menu, pushed right by `ml-auto`. Every region is a named slot —
+		* this block owns the strip's geometry and elevation, never its content or
+		* behavior.
+		*
+		* The trailing cluster is pushed right by its own `ml-auto`, not by a spacer
+		* element. A spacer works, but it is a second `flex-1` beside the search
+		* field, so the two end up splitting the free space instead of the field
+		* taking what is actually left; `ml-auto` costs no element and no width, and
+		* keeps the cluster flush right even when no search is slotted at all.
+		*
+		* **Below `sm` the bar is two rows, and that is the point of this block's
+		* responsive behavior.** A brand, a real search field, and a leading control +
+		* notifications + account cluster do not fit across a 390px viewport: on
+		* that width the search field is left about 60px and renders as a magnifier
+		* glyph pressed against the org name — a control that is technically present
+		* and practically unusable. So the search takes a full-width second row
+		* (`basis-full` + `order-last`), the header height goes from fixed to
+		* `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.
+		* Wrapping rather than hiding is deliberate: the host slotted a search
+		* because its users need one, and a block does not get to decide they need
+		* it less on a phone.
+		*
+		* The `order-last` is the one thing to keep in mind if this changes: it
+		* moves the search visually below the cluster while leaving it before the
+		* cluster in the DOM, so on a phone the tab order reaches search first. That
+		* is the better of the two mismatches — search is the more-used control —
+		* but it is a mismatch, so do not extend `order-*` to the other regions.
+		*
+		* **Pinned, and separated by a hairline — never a shadow.** It sits on
+		* `bg-card` (the raised plane), one step above the content it sits over,
+		* unlike `PageHeader` which shares the content's own `bg-background` plane.
+		* Because content scrolls *under* it, the surface is translucent + blurred
+		* so the motion beneath stays legible as depth — the opaque `bg-card` is
+		* declared first and stays the fallback wherever `backdrop-filter` is
+		* unsupported, so the bar is never a see-through smear.
+		*
+		* Widths step rather than hold one value: gutters open up from `sm` and
+		* again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a
+		* 1920px canvas reads as an accident.
+		*
+		* Deliberately neutral: this is shell chrome shared by every user and every
+		* action alike, so it never wears `--primary`/`--accent` — the bar stays
+		* uncommitted until a specific action is happening on the surface below.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", {
+				"aria-label": __props.ariaLabel,
+				class: "sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8"
+			}, [
+				_ctx.$slots.brand ? (openBlock(), createElementBlock("div", _hoisted_2, [renderSlot(_ctx.$slots, "brand")])) : createCommentVNode("", true),
+				_ctx.$slots.search ? (openBlock(), createElementBlock("div", _hoisted_3, [renderSlot(_ctx.$slots, "search")])) : createCommentVNode("", true),
+				_ctx.$slots.leading || _ctx.$slots.notifications || _ctx.$slots.userMenu ? (openBlock(), createElementBlock("div", _hoisted_4, [
+					renderSlot(_ctx.$slots, "leading"),
+					renderSlot(_ctx.$slots, "notifications"),
+					renderSlot(_ctx.$slots, "userMenu")
+				])) : createCommentVNode("", true)
+			], 8, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { AppHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=AppHeader.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/blocks/app-header/src/AppHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AppHeader.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../../../packages/blocks/app-header/src/AppHeader.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * AppHeader — the web app's TOP BAR: the shell-level strip that stays on\n * screen above every surface, distinct from two components it is easy to\n * confuse with:\n *\n * - **`PageHeader`** — a surface's own pinned title band, sitting *inside*\n *   the content area this bar sits above.\n * - **`TitleBar`** — the desktop window's native chrome (drag region, window\n *   controls). This bar is browser content, not window furniture.\n *\n * Layout is three regions, so callers never hand-tune widths: brand (left) ·\n * optional search · a trailing cluster for a leading control, notifications, and\n * the user menu, pushed right by `ml-auto`. Every region is a named slot —\n * this block owns the strip's geometry and elevation, never its content or\n * behavior.\n *\n * The trailing cluster is pushed right by its own `ml-auto`, not by a spacer\n * element. A spacer works, but it is a second `flex-1` beside the search\n * field, so the two end up splitting the free space instead of the field\n * taking what is actually left; `ml-auto` costs no element and no width, and\n * keeps the cluster flush right even when no search is slotted at all.\n *\n * **Below `sm` the bar is two rows, and that is the point of this block's\n * responsive behavior.** A brand, a real search field, and a leading control +\n * notifications + account cluster do not fit across a 390px viewport: on\n * that width the search field is left about 60px and renders as a magnifier\n * glyph pressed against the org name — a control that is technically present\n * and practically unusable. So the search takes a full-width second row\n * (`basis-full` + `order-last`), the header height goes from fixed to\n * `min-h-14`, and from `sm` up it snaps back to the single `flex-nowrap` row.\n * Wrapping rather than hiding is deliberate: the host slotted a search\n * because its users need one, and a block does not get to decide they need\n * it less on a phone.\n *\n * The `order-last` is the one thing to keep in mind if this changes: it\n * moves the search visually below the cluster while leaving it before the\n * cluster in the DOM, so on a phone the tab order reaches search first. That\n * is the better of the two mismatches — search is the more-used control —\n * but it is a mismatch, so do not extend `order-*` to the other regions.\n *\n * **Pinned, and separated by a hairline — never a shadow.** It sits on\n * `bg-card` (the raised plane), one step above the content it sits over,\n * unlike `PageHeader` which shares the content's own `bg-background` plane.\n * Because content scrolls *under* it, the surface is translucent + blurred\n * so the motion beneath stays legible as depth — the opaque `bg-card` is\n * declared first and stays the fallback wherever `backdrop-filter` is\n * unsupported, so the bar is never a see-through smear.\n *\n * Widths step rather than hold one value: gutters open up from `sm` and\n * again on wide desktops (`3xl`, 1920px), where a 16px gutter beside a\n * 1920px canvas reads as an accident.\n *\n * Deliberately neutral: this is shell chrome shared by every user and every\n * action alike, so it never wears `--primary`/`--accent` — the bar stays\n * uncommitted until a specific action is happening on the surface below.\n */\ndefineProps<{\n  /** Accessible name for the `<header>` landmark, for a page with more than one header-like region. */\n  ariaLabel?: string;\n}>();\n</script>\n\n<template>\n  <header\n    :aria-label=\"ariaLabel\"\n    class=\"sticky top-0 z-30 flex min-h-14 flex-wrap items-center gap-x-2 gap-y-2 border-b border-border bg-card px-3 py-2 text-card-foreground backdrop-blur-md supports-[backdrop-filter]:bg-card/80 sm:h-14 sm:flex-nowrap sm:gap-x-3 sm:px-4 sm:py-0 lg:px-6 3xl:h-16 3xl:px-8\"\n  >\n    <div v-if=\"$slots.brand\" class=\"flex shrink-0 items-center gap-2\">\n      <!-- @slot The product mark and name, leftmost. -->\n      <slot name=\"brand\" />\n    </div>\n\n    <!-- Own full-width row below `sm` (see the doc header on `order-last`);\n         from `sm` up it rejoins the row and takes a cap so it never stretches\n         into a banner on a wide canvas. -->\n    <div\n      v-if=\"$slots.search\"\n      class=\"order-last min-w-0 basis-full sm:order-none sm:max-w-sm sm:flex-1 sm:basis-auto lg:max-w-md\"\n    >\n      <!-- @slot The app's global search field. Exactly one control — a filter belongs to `PageHeader` or the content area, not here. -->\n      <slot name=\"search\" />\n    </div>\n\n    <div\n      v-if=\"$slots.leading || $slots.notifications || $slots.userMenu\"\n      class=\"ml-auto flex shrink-0 items-center gap-1 sm:gap-2\"\n    >\n      <!-- @slot A leading control in the trailing cluster — workspace switcher, org selector, breadcrumb, etc. -->\n      <slot name=\"leading\" />\n      <!-- @slot The notifications trigger, between the leading control and the account menu. -->\n      <slot name=\"notifications\" />\n      <!-- @slot The account menu, trailing the cluster. -->\n      <slot name=\"userMenu\" />\n    </div>\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgEE,OAAA,UAAA,GAAA,mBA+BS,UAAA;IA9BN,cAAY,QAAA;IACb,OAAM;;IAEKA,KAAAA,OAAO,SAAlB,UAAA,GAAA,mBAGM,OAHN,YAGM,CADJ,WAAqB,KAAA,QAAA,OAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAOfA,KAAAA,OAAO,UADf,UAAA,GAAA,mBAMM,OANN,YAMM,CADJ,WAAsB,KAAA,QAAA,QAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAIhBA,KAAAA,OAAO,WAAWA,KAAAA,OAAO,iBAAiBA,KAAAA,OAAO,YADzD,UAAA,GAAA,mBAUM,OAVN,YAUM;KALJ,WAAuB,KAAA,QAAA,SAAA;KAEvB,WAA6B,KAAA,QAAA,eAAA;KAE7B,WAAwB,KAAA,QAAA,UAAA"}

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

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

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

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

package/dist/packages/blocks/app-header/src/index.js

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

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

@@ -0,0 +1,7 @@
+import DashboardGrid_vue_vue_type_script_setup_true_lang_default from "./DashboardGrid.vue_vue_type_script_setup_true_lang.js";
+//#region packages/blocks/dashboard-grid/src/DashboardGrid.vue
+var DashboardGrid_default = DashboardGrid_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { DashboardGrid_default as default };
+
+//# sourceMappingURL=DashboardGrid.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.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":""}

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

@@ -0,0 +1,42 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {
+    /** Narrowest a tile may get before the grid drops to fewer columns. Any valid CSS length (e.g. "14rem"). */
+    minTileWidth?: string;
+    /** 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`. */
+    gap?: "sm" | "md" | "lg";
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
+    gap: "sm" | "md" | "lg";
+    minTileWidth: string;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=DashboardGrid.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/blocks/dashboard-grid/src/DashboardGrid.vue"],"names":[],"mappings":"AAsDA;;;;;;;;;;;;;;;;;;GAkBG;AACH,KAAK,WAAW,GAAG;IACf,4GAA4G;IAC5G,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,8IAA8I;IAC9I,GAAG,CAAC,EAAE,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;CAC1B,CAAC;AA4CJ,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;SApDN,IAAI,GAAG,IAAI,GAAG,IAAI;kBAFT,MAAM;6EAyDvB,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/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"}