@ecoma-io/loom 0.1.0

package/dist/blocks/DashboardGrid/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<{}>, {
+    minTileWidth: string;
+    gap: "sm" | "md" | "lg";
+}, {}, {}, {}, 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/blocks/DashboardGrid/DashboardGrid.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DashboardGrid.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/DashboardGrid/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;kBAtDG,MAAM;SAEf,IAAI,GAAG,IAAI,GAAG,IAAI;6EAuD1B,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/blocks/DashboardGrid/DashboardGrid.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,45 @@
+import { createElementBlock, defineComponent, normalizeClass, normalizeStyle, openBlock, renderSlot } from "vue";
+//#region src/blocks/DashboardGrid/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/blocks/DashboardGrid/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":["../../../src/blocks/DashboardGrid/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/blocks/EmptyState/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 src/blocks/EmptyState/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/blocks/EmptyState/EmptyState.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.js","names":[],"sources":["../../../src/blocks/EmptyState/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/blocks/EmptyState/EmptyState.vue.d.ts

@@ -0,0 +1,50 @@
+/**
+ * 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.
+ */
+type __VLS_Props = {
+    /** What is missing, stated plainly — always shown. */
+    title: string;
+    /** What to do about it. Omit rather than pad the region with filler copy. */
+    description?: string;
+};
+declare var __VLS_1: {}, __VLS_3: {};
+type __VLS_Slots = {} & {
+    icon?: (props: typeof __VLS_1) => any;
+} & {
+    action?: (props: typeof __VLS_3) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=EmptyState.vue.d.ts.map

package/dist/blocks/EmptyState/EmptyState.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyState.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/EmptyState/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/blocks/EmptyState/EmptyState.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,71 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/blocks/EmptyState/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/blocks/EmptyState/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":["../../../src/blocks/EmptyState/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/blocks/PageHeader/PageHeader.js

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

package/dist/blocks/PageHeader/PageHeader.js.map

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

package/dist/blocks/PageHeader/PageHeader.vue.d.ts

@@ -0,0 +1,54 @@
+/**
+ * PageHeader — the band that turns a scrolling document into a workspace
+ * surface: it pins to the top of the scroll container, carries the
+ * surface's name, its live count and one line of orientation, and owns the
+ * surface's primary actions.
+ *
+ * Two things it deliberately does:
+ *
+ * - **Pinned, and separated by a hairline — never a shadow.** It sits on
+ *   `bg-background`, the same plane as the work area rather than a sunken
+ *   navigation plane, because this is the surface's own header, not chrome
+ *   that recedes. Rows scroll *under* it, so the plane is translucent and
+ *   blurred; the opaque `bg-background` is declared first and remains the
+ *   fallback wherever `backdrop-filter` is unsupported.
+ * - **The count is a number, so it is `tabular`** — a count that changes as
+ *   items resolve must not shift the title beside it. It is deliberately
+ *   NOT a Badge: a badge is a status chip, and "how many rows are below" is
+ *   a fact, not a status. Wrap it in a Badge at the call site on the rare
+ *   surface where the count itself is the alarm.
+ *
+ * Presentational only: the host owns wording, the actions, and the scroll
+ * container this sticks inside (`position: sticky` resolves against the
+ * nearest scrolling ancestor — a header that will not stick is almost
+ * always an ancestor with `overflow: hidden`, not this component).
+ *
+ * Two width behaviors. Gutters step up (`sm`, then `3xl`) rather than
+ * holding one value, so the band is not padded like a phone on a 1920px
+ * canvas. And the description is capped at `max-w-prose` instead of
+ * tracking the viewport — a one-line orientation stretched across an
+ * ultra-wide monitor is unreadable; the width that opens up belongs to the
+ * actions and the work below, not to a longer measure. The title itself is
+ * uncapped: it truncates, so it can only ever occupy one line.
+ */
+type __VLS_Props = {
+    title: string;
+    /** One line of orientation under the title. Say what the surface is FOR, not what it is called again. */
+    description?: string;
+    /** Live row count shown beside the title. Omit rather than pass 0 — "0" beside a title reads as a broken fetch; the empty state carries that message. */
+    count?: number;
+};
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    actions?: (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<{}>, {}, {}, {}, {}, 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=PageHeader.vue.d.ts.map

package/dist/blocks/PageHeader/PageHeader.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PageHeader.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/PageHeader/PageHeader.vue"],"names":[],"mappings":"AA2EA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,KAAK,WAAW,GAAG;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,yGAAyG;IACzG,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,yJAAyJ;IACzJ,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB,CAAC;AA0FF,QAAA,IAAI,OAAO,IAAW,CAAE;AACxB,KAAK,WAAW,GAAG,EAAE,GACnB;IAAE,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,OAAO,KAAK,GAAG,CAAA;CAAE,CAAC;AAK/C,QAAA,MAAM,UAAU,kSAEd,CAAC;AACH,QAAA,MAAM,YAAY,EAAS,eAAe,CAAC,OAAO,UAAU,EAAE,WAAW,CAAC,CAAC;wBACtD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/blocks/PageHeader/PageHeader.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,68 @@
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, renderSlot, toDisplayString } from "vue";
+//#region src/blocks/PageHeader/PageHeader.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "sticky top-0 z-20 flex flex-wrap items-start gap-x-6 gap-y-3 border-b border-border bg-background px-4 py-3 backdrop-blur-md supports-[backdrop-filter]:bg-background/80 sm:px-6 sm:py-4 3xl:px-8" };
+var _hoisted_2 = { class: "min-w-0 flex-1 basis-56" };
+var _hoisted_3 = { class: "flex items-baseline gap-2" };
+var _hoisted_4 = { class: "text-heading min-w-0 truncate text-foreground" };
+var _hoisted_5 = {
+	key: 0,
+	class: "tabular shrink-0 text-small text-muted-foreground"
+};
+var _hoisted_6 = {
+	key: 0,
+	class: "mt-0.5 max-w-prose text-small text-muted-foreground"
+};
+var _hoisted_7 = {
+	key: 0,
+	class: "ml-auto flex shrink-0 items-center gap-2"
+};
+var PageHeader_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "PageHeader",
+	props: {
+		title: {},
+		description: {},
+		count: {}
+	},
+	setup(__props) {
+		/**
+		* PageHeader — the band that turns a scrolling document into a workspace
+		* surface: it pins to the top of the scroll container, carries the
+		* surface's name, its live count and one line of orientation, and owns the
+		* surface's primary actions.
+		*
+		* Two things it deliberately does:
+		*
+		* - **Pinned, and separated by a hairline — never a shadow.** It sits on
+		*   `bg-background`, the same plane as the work area rather than a sunken
+		*   navigation plane, because this is the surface's own header, not chrome
+		*   that recedes. Rows scroll *under* it, so the plane is translucent and
+		*   blurred; the opaque `bg-background` is declared first and remains the
+		*   fallback wherever `backdrop-filter` is unsupported.
+		* - **The count is a number, so it is `tabular`** — a count that changes as
+		*   items resolve must not shift the title beside it. It is deliberately
+		*   NOT a Badge: a badge is a status chip, and "how many rows are below" is
+		*   a fact, not a status. Wrap it in a Badge at the call site on the rare
+		*   surface where the count itself is the alarm.
+		*
+		* Presentational only: the host owns wording, the actions, and the scroll
+		* container this sticks inside (`position: sticky` resolves against the
+		* nearest scrolling ancestor — a header that will not stick is almost
+		* always an ancestor with `overflow: hidden`, not this component).
+		*
+		* Two width behaviors. Gutters step up (`sm`, then `3xl`) rather than
+		* holding one value, so the band is not padded like a phone on a 1920px
+		* canvas. And the description is capped at `max-w-prose` instead of
+		* tracking the viewport — a one-line orientation stretched across an
+		* ultra-wide monitor is unreadable; the width that opens up belongs to the
+		* actions and the work below, not to a longer measure. The title itself is
+		* uncapped: it truncates, so it can only ever occupy one line.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [createElementVNode("div", _hoisted_2, [createElementVNode("div", _hoisted_3, [createElementVNode("h1", _hoisted_4, toDisplayString(__props.title), 1), __props.count !== void 0 ? (openBlock(), createElementBlock("span", _hoisted_5, toDisplayString(__props.count), 1)) : createCommentVNode("", true)]), __props.description ? (openBlock(), createElementBlock("p", _hoisted_6, toDisplayString(__props.description), 1)) : createCommentVNode("", true)]), _ctx.$slots.actions ? (openBlock(), createElementBlock("div", _hoisted_7, [renderSlot(_ctx.$slots, "actions")])) : createCommentVNode("", true)]);
+		};
+	}
+});
+//#endregion
+export { PageHeader_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=PageHeader.vue_vue_type_script_setup_true_lang.js.map

package/dist/blocks/PageHeader/PageHeader.vue_vue_type_script_setup_true_lang.js.map

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

package/dist/blocks/RowActions/RowActions.js

@@ -0,0 +1,7 @@
+import RowActions_vue_vue_type_script_setup_true_lang_default from "./RowActions.vue_vue_type_script_setup_true_lang.js";
+//#region src/blocks/RowActions/RowActions.vue
+var RowActions_default = RowActions_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { RowActions_default as default };
+
+//# sourceMappingURL=RowActions.js.map

package/dist/blocks/RowActions/RowActions.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.js","names":[],"sources":["../../../src/blocks/RowActions/RowActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * RowActions — the actions belonging to one row of a dense list, quiet at\n * rest and revealed on hover or keyboard focus.\n *\n * Why this is a component and not three utility classes copied per view: the\n * reveal carries an accessibility contract that is easy to get wrong in a way\n * nothing fails on.\n *\n * - **Revealed by `opacity`, never by `display`/`v-if`.** A row action hidden\n *   with `hidden` or unmounted until hover leaves the tab order, so a\n *   keyboard-only or screen-reader user simply cannot reach it — and no test\n *   notices, because the pointer path still works.\n * - **`group-focus-within`, not only `group-hover`.** Tabbing into the row\n *   must bring the actions up; otherwise focus lands on something invisible\n *   and the focus ring appears to come from nowhere.\n * - **The actions stay mounted and named.** Each child keeps its own\n *   `aria-label` — the reveal changes what is *seen*, never what exists.\n * - **`pointer-coarse` opts out of the reveal entirely.** A hover reveal has\n *   no trigger on a touch screen: there is no hover state to enter, and the\n *   `focus-within` fallback only fires after a tap has already landed on\n *   something invisible. So on a coarse pointer the actions are simply always\n *   visible — the reveal is a refinement for precise pointers, not a gate on\n *   reaching the actions at all.\n *\n * The reveal rides a 4px inward slide alongside the fade so it reads as the\n * actions arriving rather than a panel blinking on (motion carries cause and\n * effect); both are token-tier and `duration-fast`, and the global\n * reduced-motion rule flattens them together.\n *\n * Requires the row element to carry Tailwind's `group` class; the reveal is\n * scoped to that group so sibling rows stay quiet.\n */\n</script>\n\n<template>\n  <div\n    class=\"flex translate-x-1 items-center gap-1 opacity-0 transition duration-fast ease-out group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:translate-x-0 group-focus-within:opacity-100 pointer-coarse:translate-x-0 pointer-coarse:opacity-100\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":""}

package/dist/blocks/RowActions/RowActions.vue.d.ts

@@ -0,0 +1,14 @@
+declare var __VLS_1: {};
+type __VLS_Slots = {} & {
+    default?: (props: typeof __VLS_1) => any;
+};
+declare const __VLS_base: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, 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=RowActions.vue.d.ts.map

package/dist/blocks/RowActions/RowActions.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/RowActions/RowActions.vue"],"names":[],"mappings":"AA0GA,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;AAG/C,QAAA,MAAM,UAAU,+QACd,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/blocks/RowActions/RowActions.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,47 @@
+import { createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
+//#region src/blocks/RowActions/RowActions.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "flex translate-x-1 items-center gap-1 opacity-0 transition duration-fast ease-out group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:translate-x-0 group-focus-within:opacity-100 pointer-coarse:translate-x-0 pointer-coarse:opacity-100" };
+var RowActions_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "RowActions",
+	setup(__props) {
+		/**
+		* RowActions — the actions belonging to one row of a dense list, quiet at
+		* rest and revealed on hover or keyboard focus.
+		*
+		* Why this is a component and not three utility classes copied per view: the
+		* reveal carries an accessibility contract that is easy to get wrong in a way
+		* nothing fails on.
+		*
+		* - **Revealed by `opacity`, never by `display`/`v-if`.** A row action hidden
+		*   with `hidden` or unmounted until hover leaves the tab order, so a
+		*   keyboard-only or screen-reader user simply cannot reach it — and no test
+		*   notices, because the pointer path still works.
+		* - **`group-focus-within`, not only `group-hover`.** Tabbing into the row
+		*   must bring the actions up; otherwise focus lands on something invisible
+		*   and the focus ring appears to come from nowhere.
+		* - **The actions stay mounted and named.** Each child keeps its own
+		*   `aria-label` — the reveal changes what is *seen*, never what exists.
+		* - **`pointer-coarse` opts out of the reveal entirely.** A hover reveal has
+		*   no trigger on a touch screen: there is no hover state to enter, and the
+		*   `focus-within` fallback only fires after a tap has already landed on
+		*   something invisible. So on a coarse pointer the actions are simply always
+		*   visible — the reveal is a refinement for precise pointers, not a gate on
+		*   reaching the actions at all.
+		*
+		* The reveal rides a 4px inward slide alongside the fade so it reads as the
+		* actions arriving rather than a panel blinking on (motion carries cause and
+		* effect); both are token-tier and `duration-fast`, and the global
+		* reduced-motion rule flattens them together.
+		*
+		* Requires the row element to carry Tailwind's `group` class; the reveal is
+		* scoped to that group so sibling rows stay quiet.
+		*/
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [renderSlot(_ctx.$slots, "default")]);
+		};
+	}
+});
+//#endregion
+export { RowActions_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=RowActions.vue_vue_type_script_setup_true_lang.js.map

package/dist/blocks/RowActions/RowActions.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RowActions.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/blocks/RowActions/RowActions.vue"],"sourcesContent":["<script setup lang=\"ts\">\n/**\n * RowActions — the actions belonging to one row of a dense list, quiet at\n * rest and revealed on hover or keyboard focus.\n *\n * Why this is a component and not three utility classes copied per view: the\n * reveal carries an accessibility contract that is easy to get wrong in a way\n * nothing fails on.\n *\n * - **Revealed by `opacity`, never by `display`/`v-if`.** A row action hidden\n *   with `hidden` or unmounted until hover leaves the tab order, so a\n *   keyboard-only or screen-reader user simply cannot reach it — and no test\n *   notices, because the pointer path still works.\n * - **`group-focus-within`, not only `group-hover`.** Tabbing into the row\n *   must bring the actions up; otherwise focus lands on something invisible\n *   and the focus ring appears to come from nowhere.\n * - **The actions stay mounted and named.** Each child keeps its own\n *   `aria-label` — the reveal changes what is *seen*, never what exists.\n * - **`pointer-coarse` opts out of the reveal entirely.** A hover reveal has\n *   no trigger on a touch screen: there is no hover state to enter, and the\n *   `focus-within` fallback only fires after a tap has already landed on\n *   something invisible. So on a coarse pointer the actions are simply always\n *   visible — the reveal is a refinement for precise pointers, not a gate on\n *   reaching the actions at all.\n *\n * The reveal rides a 4px inward slide alongside the fade so it reads as the\n * actions arriving rather than a panel blinking on (motion carries cause and\n * effect); both are token-tier and `duration-fast`, and the global\n * reduced-motion rule flattens them together.\n *\n * Requires the row element to carry Tailwind's `group` class; the reveal is\n * scoped to that group so sibling rows stay quiet.\n */\n</script>\n\n<template>\n  <div\n    class=\"flex translate-x-1 items-center gap-1 opacity-0 transition duration-fast ease-out group-hover:translate-x-0 group-hover:opacity-100 group-focus-within:translate-x-0 group-focus-within:opacity-100 pointer-coarse:translate-x-0 pointer-coarse:opacity-100\"\n  >\n    <slot />\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAoCE,OAAA,UAAA,GAAA,mBAIM,OAJN,YAIM,CADJ,WAAQ,KAAA,QAAA,SAAA,CAAA,CAAA"}

package/dist/blocks/SidebarNav/SidebarNav.js

@@ -0,0 +1,7 @@
+import SidebarNav_vue_vue_type_script_setup_true_lang_default from "./SidebarNav.vue_vue_type_script_setup_true_lang.js";
+//#region src/blocks/SidebarNav/SidebarNav.vue
+var SidebarNav_default = SidebarNav_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { SidebarNav_default as default };
+
+//# sourceMappingURL=SidebarNav.js.map

package/dist/blocks/SidebarNav/SidebarNav.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.js","names":[],"sources":["../../../src/blocks/SidebarNav/SidebarNav.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { Component } from \"vue\";\n\n/** One destination in the sidebar. */\nexport interface SidebarNavItem {\n  /** A Lucide icon component (e.g. `Home` from `@lucide/vue`) — decorative; the label carries the meaning. */\n  icon?: Component;\n  label: string;\n  /** Marks this as the current page — the sole `--primary` accent drawn in the list. */\n  active?: boolean;\n  /** Renders the item as a real `<a>` instead of a `<button>`. The host owns the router/navigation. */\n  href?: string;\n  /** Short count/status shown after the label. Hidden in collapsed mode — folded into its tooltip instead. */\n  badge?: string | number;\n}\n\n/** A labeled group of items; `label` may be omitted for an unlabeled leading group. */\nexport interface SidebarNavSection {\n  label?: string;\n  items: SidebarNavItem[];\n}\n</script>\n\n<script setup lang=\"ts\">\nimport Tooltip from \"../../primitives/Tooltip/Tooltip.vue\";\nimport Badge from \"../../primitives/Badge/Badge.vue\";\nimport Separator from \"../../primitives/Separator/Separator.vue\";\nimport { cn } from \"../../lib/cn\";\n\n/**\n * SidebarNav — the primary NAVIGATION chrome: a `<nav>` landmark of sections\n * and destinations, pinned to the sunken plane (the recessed layer of the\n * shell — sunken < background < card, so work surfaces read as lifted and\n * navigation recedes).\n *\n * The active item carries a flat `--primary` fill and an inset accent bar —\n * a human decides which surface they are on, so this is the human/warp force\n * alone. It never mixes in `--agent`: this is navigation chrome, not a place\n * reporting automated work.\n *\n * Presentational only: the host owns routing (`href` renders a real anchor)\n * and which item is `active` — this component does not track a current\n * route itself.\n *\n * Collapsed mode drops to icon-only rows: each item still needs an\n * accessible name once its label text is hidden, so it moves to `aria-label`\n * (Tooltip's own contract is `aria-describedby`, never the *only* source of\n * a name) and its Tooltip doubles as the visible hint. Native `<a>`/`<button>`\n * elements are used throughout, so Enter/Space activation and tab order come\n * from the platform, not custom key handling.\n *\n * Collapsed rows are square (`h-9 w-9`) rather than full-width, so the nav\n * centers its own children in that mode. The host is what narrows the rail,\n * and it may narrow it late or not at all — without the centering, a collapsed\n * nav still sitting in an expanded-width container leaves a column of icons\n * hugging the left edge of a wide empty panel. Centering makes the mode read\n * correctly at every container width, and the host's width animation then only\n * has to tighten what already looks right.\n */\nwithDefaults(\n  defineProps<{\n    sections: SidebarNavSection[];\n    /** Icon-only rail: section headings and item labels hide; each item's name moves into a Tooltip. */\n    collapsed?: boolean;\n    /** Accessible name for the `<nav>` landmark — the host owns wording (see `AppHeader`'s same prop). */\n    ariaLabel?: string;\n  }>(),\n  { collapsed: false },\n);\n\nconst emit = defineEmits<{ select: [item: SidebarNavItem] }>();\n\nfunction tooltipContent(item: SidebarNavItem): string {\n  return item.badge !== undefined && item.badge !== null\n    ? `${item.label} · ${item.badge}`\n    : item.label;\n}\n\nfunction itemClass(item: SidebarNavItem, collapsed: boolean): string {\n  return cn(\n    \"relative flex items-center gap-2 rounded-md text-left text-sm outline-none\",\n    \"transition-colors duration-fast ease-out\",\n    \"focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo\",\n    collapsed ? \"h-9 w-9 justify-center\" : \"h-9 w-full px-2.5\",\n    item.active\n      ? \"bg-primary/10 font-medium text-primary\"\n      : // Hover lifts the row to the raised plane rather than tinting it with\n        // `--subtle`. `--subtle` is the neutral hover fill for surfaces sitting\n        // on `--background` (96% L), where it lands 2% darker and reads. This\n        // nav sits on `--sunken` (93% L) and `--subtle` is 94% — one percent\n        // apart, so the hover state was there in the markup and invisible on\n        // screen. Lifting to `bg-card` is the elevation rhythm's own answer\n        // (sunken < background < card): the row the pointer is on comes\n        // forward.\n        \"text-muted-foreground hover:bg-card hover:text-foreground\",\n  );\n}\n</script>\n\n<template>\n  <nav\n    :aria-label=\"ariaLabel\"\n    class=\"flex h-full w-full flex-col gap-1 overflow-y-auto overscroll-contain bg-sunken p-2\"\n    :class=\"collapsed && 'items-center'\"\n  >\n    <template v-for=\"(section, sectionIndex) in sections\" :key=\"sectionIndex\">\n      <Separator v-if=\"sectionIndex > 0\" class=\"my-1\" />\n      <p\n        v-if=\"section.label && !collapsed\"\n        class=\"select-none px-2 pb-1 pt-2 text-micro font-medium uppercase tracking-wide text-muted-foreground\"\n      >\n        {{ section.label }}\n      </p>\n      <ul class=\"flex flex-col gap-0.5\">\n        <li v-for=\"(item, itemIndex) in section.items\" :key=\"itemIndex\">\n          <Tooltip v-if=\"collapsed\" :content=\"tooltipContent(item)\" side=\"right\">\n            <template #trigger>\n              <component\n                :is=\"item.href ? 'a' : 'button'\"\n                :type=\"item.href ? undefined : 'button'\"\n                :href=\"item.href\"\n                :aria-current=\"item.active ? 'page' : undefined\"\n                :aria-label=\"item.label\"\n                :class=\"itemClass(item, true)\"\n                @click=\"emit('select', item)\"\n              >\n                <span\n                  v-if=\"item.active\"\n                  aria-hidden=\"true\"\n                  class=\"absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary\"\n                />\n                <component :is=\"item.icon\" v-if=\"item.icon\" aria-hidden=\"true\" class=\"shrink-0\" />\n              </component>\n            </template>\n          </Tooltip>\n\n          <component\n            :is=\"item.href ? 'a' : 'button'\"\n            v-else\n            :type=\"item.href ? undefined : 'button'\"\n            :href=\"item.href\"\n            :aria-current=\"item.active ? 'page' : undefined\"\n            :class=\"itemClass(item, false)\"\n            @click=\"emit('select', item)\"\n          >\n            <span\n              v-if=\"item.active\"\n              aria-hidden=\"true\"\n              class=\"absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary\"\n            />\n            <component :is=\"item.icon\" v-if=\"item.icon\" aria-hidden=\"true\" class=\"shrink-0\" />\n            <span class=\"min-w-0 flex-1 truncate\">{{ item.label }}</span>\n            <Badge v-if=\"item.badge !== undefined\" variant=\"neutral\" class=\"shrink-0\">\n              {{ item.badge }}\n            </Badge>\n          </component>\n        </li>\n      </ul>\n    </template>\n  </nav>\n</template>\n"],"mappings":""}

package/dist/blocks/SidebarNav/SidebarNav.vue.d.ts

@@ -0,0 +1,40 @@
+import type { Component } from "vue";
+/** One destination in the sidebar. */
+export interface SidebarNavItem {
+    /** A Lucide icon component (e.g. `Home` from `@lucide/vue`) — decorative; the label carries the meaning. */
+    icon?: Component;
+    label: string;
+    /** Marks this as the current page — the sole `--primary` accent drawn in the list. */
+    active?: boolean;
+    /** Renders the item as a real `<a>` instead of a `<button>`. The host owns the router/navigation. */
+    href?: string;
+    /** Short count/status shown after the label. Hidden in collapsed mode — folded into its tooltip instead. */
+    badge?: string | number;
+}
+/** A labeled group of items; `label` may be omitted for an unlabeled leading group. */
+export interface SidebarNavSection {
+    label?: string;
+    items: SidebarNavItem[];
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    sections: SidebarNavSection[];
+    /** Icon-only rail: section headings and item labels hide; each item's name moves into a Tooltip. */
+    collapsed?: boolean;
+    /** Accessible name for the `<nav>` landmark — the host owns wording (see `AppHeader`'s same prop). */
+    ariaLabel?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    select: (item: SidebarNavItem) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    sections: SidebarNavSection[];
+    /** Icon-only rail: section headings and item labels hide; each item's name moves into a Tooltip. */
+    collapsed?: boolean;
+    /** Accessible name for the `<nav>` landmark — the host owns wording (see `AppHeader`'s same prop). */
+    ariaLabel?: string;
+}> & Readonly<{
+    onSelect?: (item: SidebarNavItem) => any;
+}>, {
+    collapsed: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=SidebarNav.vue.d.ts.map

package/dist/blocks/SidebarNav/SidebarNav.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/SidebarNav/SidebarNav.vue"],"names":[],"mappings":"AA0KA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,KAAK,CAAC;AAErC,sCAAsC;AACtC,MAAM,WAAW,cAAc;IAC7B,4GAA4G;IAC5G,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,KAAK,EAAE,MAAM,CAAC;IACd,sFAAsF;IACtF,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,qGAAqG;IACrG,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,4GAA4G;IAC5G,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CACzB;AAED,uFAAuF;AACvF,MAAM,WAAW,iBAAiB;IAChC,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,cAAc,EAAE,CAAC;CACzB;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;cAgCJ,iBAAiB,EAAE;IAC7B,oGAAoG;gBACxF,OAAO;IACnB,sGAAsG;gBAC1F,MAAM;;;;cAJR,iBAAiB,EAAE;IAC7B,oGAAoG;gBACxF,OAAO;IACnB,sGAAsG;gBAC1F,MAAM;;;;eAFN,OAAO;6EAmSnB,CAAC"}