@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/packages/primitives/window-controls/src/WindowControls.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowControls.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../../../packages/primitives/window-controls/src/WindowControls.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { WindowControlsLabels } from \"@ecoma-io/loom-labels\";\n/**\n * WindowControls — the minimize / maximize / close cluster for a frameless\n * (custom-chrome) window. Presentational only: it emits intents; the host wires\n * them to the platform (the desktop shell's window bridge). Windows-style layout —\n * on macOS the OS draws native traffic-lights, so hide this there.\n *\n * `platform` tells the cluster whether to render at all: on macOS the operating\n * system owns the traffic-light buttons, so a second set drawn by Loom would be\n * redundant and confusing. The host decides which platform it is on — Loom never\n * sniffs the OS at runtime, because a Tauri or Electron host already knows its\n * platform and a PWA has no native window controls to compete with.\n *\n * The close button is the one place `destructive` is allowed without a confirm:\n * OS window-close is an expected, reversible-by-reopen affordance.\n */\n\n/** The desktop platform that owns the window chrome. */\nexport type WindowPlatform = \"windows\" | \"macos\" | \"linux\";\n\n/**\n\n/**\n * Loom's English, co-located with the component so it tree-shakes with it, and\n * exported so a host can build a partial vocabulary against the real thing.\n */\nexport const WINDOW_CONTROLS_LABELS: WindowControlsLabels = {\n  minimize: \"Minimize\",\n  maximize: \"Maximize\",\n  restore: \"Restore\",\n  close: \"Close\",\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { useLabels, type LabelOverrides } from \"@ecoma-io/loom-labels\";\n\nconst props = withDefaults(\n  defineProps<{\n    /**\n     * The desktop platform the window is running on. On macOS the OS draws its\n     * own traffic-light buttons, so this cluster renders nothing there. The host\n     * decides — Loom does not sniff the OS, because the host already knows its\n     * platform and a PWA has no native controls to avoid.\n     */\n    platform?: WindowPlatform;\n    /** Swaps the middle button between its Maximize and Restore glyph and label. */\n    isMaximized?: boolean;\n    /**\n     * Names for the three buttons, as any subset of `WindowControlsLabels` —\n     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and\n     * then as Loom's English.\n     *\n     * This took a whole object before the seam existed, which meant a host that\n     * wanted one word in their own language had to restate the other three in\n     * English and keep them in step by hand.\n     */\n    labels?: LabelOverrides<WindowControlsLabels>;\n  }>(),\n  { platform: \"windows\", isMaximized: false },\n);\n\nconst emit = defineEmits<{\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n\n// `text`, not `labels`: the prop of that name is one of the three sources this\n// resolves, and a template reading the raw prop would be reading the overrides\n// rather than the answer.\nconst text = useLabels(\"windowControls\", WINDOW_CONTROLS_LABELS, () => props.labels);\n</script>\n\n<template>\n  <!-- On macOS the OS owns the traffic-light buttons; rendering a second set\n       would be redundant. The host can also choose \"linux\" if their desktop\n       environment handles window buttons natively. -->\n  <div\n    v-if=\"platform !== 'macos'\"\n    class=\"flex h-full items-stretch\"\n    style=\"-webkit-app-region: no-drag\"\n  >\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"text.minimize\"\n      data-testid=\"win-minimize\"\n      @click=\"emit('minimize')\"\n    >\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect y=\"4.5\" width=\"10\" height=\"1\" fill=\"currentColor\" />\n      </svg>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"isMaximized ? text.restore : text.maximize\"\n      data-testid=\"win-maximize\"\n      @click=\"emit('maximize')\"\n    >\n      <svg v-if=\"!isMaximized\" width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect x=\"0.5\" y=\"0.5\" width=\"9\" height=\"9\" fill=\"none\" stroke=\"currentColor\" />\n      </svg>\n      <svg v-else width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <rect x=\"0.5\" y=\"2.5\" width=\"7\" height=\"7\" fill=\"none\" stroke=\"currentColor\" />\n        <path d=\"M2.5 2.5 V0.5 H9.5 V7.5 H7.5\" fill=\"none\" stroke=\"currentColor\" />\n      </svg>\n    </button>\n\n    <button\n      type=\"button\"\n      class=\"flex w-11 items-center justify-center text-muted-foreground transition-colors duration-fast ease-out hover:bg-destructive hover:text-destructive-foreground active:brightness-90 focus-visible:outline-2 focus-visible:-outline-offset-2 focus-visible:outline-ring\"\n      :aria-label=\"text.close\"\n      data-testid=\"win-close\"\n      @click=\"emit('close')\"\n    >\n      <svg width=\"10\" height=\"10\" viewBox=\"0 0 10 10\" aria-hidden=\"true\">\n        <path d=\"M0 0 L10 10 M10 0 L0 10\" stroke=\"currentColor\" />\n      </svg>\n    </button>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA2BA,IAAa,yBAA+C;CAC1D,UAAU;CACV,UAAU;CACV,SAAS;CACT,OAAO;AACT;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EASb,MAAM,OAAO,UAAU,kBAAkB,8BAA8B,MAAM,MAAM;;GAQzE,OAAA,QAAA,aAAQ,WADhB,UAAA,GAAA,mBA4CM,OA5CN,YA4CM;IAvCJ,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,IAAA,CAAI,CAAC;KAClB,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,eAAY;IAC1D,GAAA,CAAA,mBAA0D,QAAA;KAApD,GAAE;KAAM,OAAM;KAAK,QAAO;KAAI,MAAK;;IAI7C,mBAcS,UAAA;KAbP,MAAK;KACL,OAAM;KACL,cAAY,QAAA,cAAc,MAAA,IAAA,CAAI,CAAC,UAAU,MAAA,IAAA,CAAI,CAAC;KAC/C,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IAEA,GAAA,CAAA,CAAA,QAAA,eAAZ,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAA+E,QAAA;KAAzE,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAI,MAAK;KAAO,QAAO;IAEhE,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,MAAA,UAAA,GAAA,mBAGM,OAHN,YAGM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAA+E,QAAA;KAAzE,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAI,MAAK;KAAO,QAAO;IAC9D,GAAA,MAAA,EAAA,GAAA,mBAA2E,QAAA;KAArE,GAAE;KAA+B,MAAK;KAAO,QAAO;;IAI9D,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,IAAA,CAAI,CAAC;KAClB,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,eAAY;IAC1D,GAAA,CAAA,mBAA0D,QAAA;KAApD,GAAE;KAA0B,QAAO"}

package/dist/packages/primitives/window-controls/src/index.d.ts

@@ -0,0 +1,4 @@
+export { default, WINDOW_CONTROLS_LABELS } from "./WindowControls.vue";
+export type { WindowPlatform } from "./WindowControls.vue";
+export type { WindowControlsLabels } from "@ecoma-io/loom-labels";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/window-controls/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/window-controls/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,sBAAsB,EAAE,MAAM,sBAAsB,CAAC;AACvE,YAAY,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAC3D,YAAY,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/packages/primitives/window-controls/src/index.js

@@ -0,0 +1,3 @@
+import { WINDOW_CONTROLS_LABELS } from "./WindowControls.vue_vue_type_script_setup_true_lang.js";
+import WindowControls_default from "./WindowControls.js";
+export { WINDOW_CONTROLS_LABELS, WindowControls_default as default };

package/dist/styles/theme.css

@@ -87,6 +87,26 @@
   /* Focus ring is the primary colour: keyboard focus is the primary action. */
   --color-ring: hsl(211 37% 32%);
 
+  /* ---- Text-variant tokens ------------------------------------------------
+   * These are lighter steps of the functional colours, for use when the base
+   * token serves as TEXT rather than as a background fill. In light mode the
+   * base tokens already clear 4.5:1 against every surface, so the text variants
+   * are identical — they exist so that `text-primary-text` is always a valid
+   * class, and dark mode can override them without the component needing to
+   * know which theme is active.
+   *
+   * In dark mode, `--color-primary` is calibrated for button backgrounds (white
+   * on primary at 5.05:1); as text on a dark surface it lands around 4:1,
+   * below the AA floor. The same applies to the other functional tokens. The
+   * dark block overrides each text variant to a lighter step that clears 4.5:1
+   * on every dark surface (sunken through popover). */
+  --color-primary-text: hsl(211 37% 32%);
+  --color-accent-text: hsl(18 56% 39%);
+  --color-destructive-text: hsl(356 65% 41%);
+  --color-success-text: hsl(152 45% 30%);
+  --color-warning-text: hsl(38 92% 28%);
+  --color-info-text: hsl(202 65% 35%);
+
   /* ---- Functional — hues kept distinct from both action colours ------------ */
   --color-destructive: hsl(356 65% 41%);
   --color-destructive-foreground: hsl(0 0% 100%);
@@ -371,6 +391,20 @@
 
   --color-ring: hsl(211 33% 45%); /* matches primary; 3.50:1 on background */
 
+  /* Text-variant tokens: lighter steps of the functional colours that clear
+   * 4.5:1 as text on every dark surface (sunken 7% through popover 17%).
+   * The base tokens are calibrated for button backgrounds, where their own
+   * foreground pair provides the contrast — but `text-primary` as text on
+   * a dark surface lands around 4:1, below the AA floor. Components that
+   * use a functional colour as text should use the `-text` variant instead
+   * (e.g. `text-primary-text` rather than `text-primary`). */
+  --color-primary-text: hsl(211 45% 65%); /* 5.38:1 on sunken, 4.50:1 on popover */
+  --color-accent-text: hsl(18 55% 62%); /* 5.77:1 on accent-muted, 6.01:1 on popover */
+  --color-destructive-text: hsl(356 55% 70%); /* 7.04:1 on sunken, 4.63:1 on popover */
+  --color-success-text: hsl(152 38% 55%); /* 7.43:1 on sunken, 4.88:1 on popover */
+  --color-warning-text: hsl(38 80% 65%); /* 11.78:1 on sunken, 6.45:1 on popover */
+  --color-info-text: hsl(202 55% 62%); /* 7.42:1 on sunken, 4.64:1 on popover */
+
   /* ---- Functional — each lightened and desaturated for dark ---- */
 
   --color-destructive: hsl(356 55% 48%);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ecoma-io/loom",
-  "version": "0.2.0",
+  "version": "0.3.0",
   "description": "Opinionated UI system and composition library for cross-platform web applications.",
   "keywords": [
     "design-system",
@@ -51,8 +51,7 @@
       "default": "./dist/a11y.js"
     },
     "./theme": {
-      "types": "./dist/lib/theme.d.ts",
-      "default": "./dist/theme.js"
+      "default": "./dist/styles/theme.css"
     },
     "./styles/global.css": "./dist/styles/global.css",
     "./styles/theme.css": "./dist/styles/theme.css",
@@ -71,23 +70,27 @@
     "prepare": "lefthook install",
     "format": "prettier --write .",
     "format:check": "prettier --check .",
-    "lint": "eslint . --cache --cache-strategy content --cache-location node_modules/.cache/eslint --max-warnings 0 && node tools/check-component-artifacts.ts",
+    "lint": "eslint . --cache --cache-strategy content --cache-location node_modules/.cache/eslint --max-warnings 0 && node tools/check-component-artifacts.ts && node --experimental-strip-types tools/check-architecture.ts",
     "typecheck": "vue-tsc --noEmit",
     "test": "vitest run",
+    "test:full": "vitest run",
     "test:watch": "vitest",
     "e2e": "playwright test",
+    "e2e:full": "PW_PROFILE=full playwright test",
     "build": "vite build && vue-tsc -p tsconfig.build.json",
     "docs:dev": "vitepress dev docs",
     "docs:build": "vitepress build docs",
     "docs:stage": "node tools/stage-docs.ts",
     "docs:check-route": "node tools/stage-docs.ts --check",
-    "docs:preview": "vitepress preview docs"
+    "docs:preview": "vitepress preview docs",
+    "moon": "MOON_CONCURRENCY=${MOON_CONCURRENCY:-4} exec moon"
   },
   "devDependencies": {
     "@axe-core/playwright": "^4.12.1",
     "@commitlint/cli": "^21.2.1",
     "@commitlint/config-conventional": "^21.2.0",
     "@eslint/js": "^10.0.1",
+    "@moonrepo/cli": "^2.4.6",
     "@playwright/test": "^1.62.1",
     "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^26.1.2",

package/dist/a11y.d.ts

@@ -1,2 +0,0 @@
-export { WCAG_TAGS } from "./lib/a11y-scope";
-//# sourceMappingURL=a11y.d.ts.map

package/dist/a11y.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"a11y.d.ts","sourceRoot":"","sources":["../src/a11y.ts"],"names":[],"mappings":"AAMA,OAAO,EAAE,SAAS,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/blocks/AppHeader/AppHeader.js

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

package/dist/blocks/AppHeader/AppHeader.js.map

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

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

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

@@ -1,95 +0,0 @@
-import { createCommentVNode, createElementBlock, defineComponent, openBlock, renderSlot } from "vue";
-//#region src/blocks/AppHeader/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/blocks/AppHeader/AppHeader.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AppHeader.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/blocks/AppHeader/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/blocks/DashboardGrid/DashboardGrid.js

@@ -1,7 +0,0 @@
-import DashboardGrid_vue_vue_type_script_setup_true_lang_default from "./DashboardGrid.vue_vue_type_script_setup_true_lang.js";
-//#region src/blocks/DashboardGrid/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/blocks/DashboardGrid/DashboardGrid.js.map

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

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

@@ -1 +0,0 @@
-{"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;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/blocks/DashboardGrid/DashboardGrid.vue_vue_type_script_setup_true_lang.js

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

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

@@ -1,7 +0,0 @@
-import DesktopAppShell_vue_vue_type_script_setup_true_lang_default from "./DesktopAppShell.vue_vue_type_script_setup_true_lang.js";
-//#region src/blocks/DesktopAppShell/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/blocks/DesktopAppShell/DesktopAppShell.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesktopAppShell.js","names":[],"sources":["../../../src/blocks/DesktopAppShell/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 \"../../primitives/Menubar/Menubar.vue\";\nimport type { WindowPlatform } from \"../../primitives/WindowControls/WindowControls.vue\";\n</script>\n\n<script setup lang=\"ts\">\nimport TitleBar from \"../TitleBar/TitleBar.vue\";\nimport { type WindowControlsLabels } from \"../../primitives/WindowControls/WindowControls.vue\";\nimport { optional } from \"../../lib/props\";\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/blocks/DesktopAppShell/DesktopAppShell.vue.d.ts

@@ -1,102 +0,0 @@
-import { type WindowControlsLabels } from "../../primitives/WindowControls/WindowControls.vue";
-/**
- * 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 "../../primitives/Menubar/Menubar.vue";
-import type { WindowPlatform } from "../../primitives/WindowControls/WindowControls.vue";
-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;
-    platform: WindowPlatform;
-    isMaximized: boolean;
-    menus: MenubarMenu[];
-    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/blocks/DesktopAppShell/DesktopAppShell.vue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesktopAppShell.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/DesktopAppShell/DesktopAppShell.vue"],"names":[],"mappings":"AA4HA,OAAO,EAAE,KAAK,oBAAoB,EAAE,MAAM,oDAAoD,CAAC;AAI/F;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;AACxE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,oDAAoD,CAAC;wBACpE,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;cAUH,cAAc;iBANX,OAAO;WAFb,WAAW,EAAE;kBAaN,IAAI,GAAG,IAAI,GAAG,IAAI;sBAEd,MAAM;;gBAmLb,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/blocks/DesktopAppShell/DesktopAppShell.vue_vue_type_script_setup_true_lang.js

@@ -1,74 +0,0 @@
-import { optional } from "../../lib/props.js";
-import TitleBar_default from "../TitleBar/TitleBar.js";
-import { createElementBlock, createElementVNode, createSlots, createVNode, defineComponent, mergeProps, normalizeStyle, openBlock, renderSlot, unref, withCtx } from "vue";
-//#region src/blocks/DesktopAppShell/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(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/blocks/DesktopAppShell/DesktopAppShell.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DesktopAppShell.vue_vue_type_script_setup_true_lang.js","names":["$slots"],"sources":["../../../src/blocks/DesktopAppShell/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 \"../../primitives/Menubar/Menubar.vue\";\nimport type { WindowPlatform } from \"../../primitives/WindowControls/WindowControls.vue\";\n</script>\n\n<script setup lang=\"ts\">\nimport TitleBar from \"../TitleBar/TitleBar.vue\";\nimport { type WindowControlsLabels } from \"../../primitives/WindowControls/WindowControls.vue\";\nimport { optional } from \"../../lib/props\";\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,kBApBX,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/blocks/EmptyState/EmptyState.js

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

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

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