@ecoma-io/loom 0.1.0

package/dist/blocks/SidebarNav/SidebarNav.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,125 @@
+import { cn } from "../../lib/cn.js";
+import Badge_default from "../../primitives/Badge/Badge.js";
+import Separator_default from "../../primitives/Separator/Separator.js";
+import Tooltip_default from "../../primitives/Tooltip/Tooltip.js";
+import { Fragment, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, normalizeClass, openBlock, renderList, resolveDynamicComponent, toDisplayString, withCtx } from "vue";
+//#region src/blocks/SidebarNav/SidebarNav.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["aria-label"];
+var _hoisted_2 = {
+	key: 1,
+	class: "select-none px-2 pb-1 pt-2 text-micro font-medium uppercase tracking-wide text-muted-foreground"
+};
+var _hoisted_3 = { class: "flex flex-col gap-0.5" };
+var _hoisted_4 = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary"
+};
+var _hoisted_5 = {
+	key: 0,
+	"aria-hidden": "true",
+	class: "absolute inset-y-1.5 left-0 w-0.5 rounded-full bg-primary"
+};
+var _hoisted_6 = { class: "min-w-0 flex-1 truncate" };
+var SidebarNav_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "SidebarNav",
+	props: {
+		sections: {},
+		collapsed: {
+			type: Boolean,
+			default: false
+		},
+		ariaLabel: {}
+	},
+	emits: ["select"],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		function tooltipContent(item) {
+			return item.badge !== void 0 && item.badge !== null ? `${item.label} · ${item.badge}` : item.label;
+		}
+		function itemClass(item, collapsed) {
+			return cn("relative flex items-center gap-2 rounded-md text-left text-sm outline-none", "transition-colors duration-fast ease-out", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring focus-visible:shadow-halo", collapsed ? "h-9 w-9 justify-center" : "h-9 w-full px-2.5", item.active ? "bg-primary/10 font-medium text-primary" : "text-muted-foreground hover:bg-card hover:text-foreground");
+		}
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("nav", {
+				"aria-label": __props.ariaLabel,
+				class: normalizeClass(["flex h-full w-full flex-col gap-1 overflow-y-auto overscroll-contain bg-sunken p-2", __props.collapsed && "items-center"])
+			}, [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.sections, (section, sectionIndex) => {
+				return openBlock(), createElementBlock(Fragment, { key: sectionIndex }, [
+					sectionIndex > 0 ? (openBlock(), createBlock(Separator_default, {
+						key: 0,
+						class: "my-1"
+					})) : createCommentVNode("", true),
+					section.label && !__props.collapsed ? (openBlock(), createElementBlock("p", _hoisted_2, toDisplayString(section.label), 1)) : createCommentVNode("", true),
+					createElementVNode("ul", _hoisted_3, [(openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item, itemIndex) => {
+						return openBlock(), createElementBlock("li", { key: itemIndex }, [__props.collapsed ? (openBlock(), createBlock(Tooltip_default, {
+							key: 0,
+							content: tooltipContent(item),
+							side: "right"
+						}, {
+							trigger: withCtx(() => [(openBlock(), createBlock(resolveDynamicComponent(item.href ? "a" : "button"), {
+								type: item.href ? void 0 : "button",
+								href: item.href,
+								"aria-current": item.active ? "page" : void 0,
+								"aria-label": item.label,
+								class: normalizeClass(itemClass(item, true)),
+								onClick: ($event) => emit("select", item)
+							}, {
+								default: withCtx(() => [item.active ? (openBlock(), createElementBlock("span", _hoisted_4)) : createCommentVNode("", true), item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+									key: 1,
+									"aria-hidden": "true",
+									class: "shrink-0"
+								})) : createCommentVNode("", true)]),
+								_: 2
+							}, 1032, [
+								"type",
+								"href",
+								"aria-current",
+								"aria-label",
+								"class",
+								"onClick"
+							]))]),
+							_: 2
+						}, 1032, ["content"])) : (openBlock(), createBlock(resolveDynamicComponent(item.href ? "a" : "button"), {
+							key: 1,
+							type: item.href ? void 0 : "button",
+							href: item.href,
+							"aria-current": item.active ? "page" : void 0,
+							class: normalizeClass(itemClass(item, false)),
+							onClick: ($event) => emit("select", item)
+						}, {
+							default: withCtx(() => [
+								item.active ? (openBlock(), createElementBlock("span", _hoisted_5)) : createCommentVNode("", true),
+								item.icon ? (openBlock(), createBlock(resolveDynamicComponent(item.icon), {
+									key: 1,
+									"aria-hidden": "true",
+									class: "shrink-0"
+								})) : createCommentVNode("", true),
+								createElementVNode("span", _hoisted_6, toDisplayString(item.label), 1),
+								item.badge !== void 0 ? (openBlock(), createBlock(Badge_default, {
+									key: 2,
+									variant: "neutral",
+									class: "shrink-0"
+								}, {
+									default: withCtx(() => [createTextVNode(toDisplayString(item.badge), 1)]),
+									_: 2
+								}, 1024)) : createCommentVNode("", true)
+							]),
+							_: 2
+						}, 1032, [
+							"type",
+							"href",
+							"aria-current",
+							"class",
+							"onClick"
+						]))]);
+					}), 128))])
+				], 64);
+			}), 128))], 10, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { SidebarNav_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=SidebarNav.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SidebarNav.vue_vue_type_script_setup_true_lang.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsEA,MAAM,OAAO;EAEb,SAAS,eAAe,MAA8B;GACpD,OAAO,KAAK,UAAU,KAAA,KAAa,KAAK,UAAU,OAC9C,GAAG,KAAK,MAAM,KAAK,KAAK,UACxB,KAAK;EACX;EAEA,SAAS,UAAU,MAAsB,WAA4B;GACnE,OAAO,GACL,8EACA,4CACA,+GACA,YAAY,2BAA2B,qBACvC,KAAK,SACD,2CASA,2DACN;EACF;;GAIE,OAAA,UAAA,GAAA,mBA2DM,OAAA;IA1DH,cAAY,QAAA;IACb,OAAK,eAAA,CAAC,sFACE,QAAA,aAAS,cAAA,CAAA;GAEjB,GAAA,EAAA,UAAA,IAAA,GAAA,mBAqDW,UAAA,MAAA,WArDiC,QAAA,WAA1B,SAAS,iBAAY;IAAqB,OAAA,UAAA,GAAA,mBAAA,UAAA,EAAA,KAAA,aAAY,GAAA;KACrD,eAAY,KAA7B,UAAA,GAAA,YAAkD,mBAAA;;MAAf,OAAM;;KAEjC,QAAQ,SAAK,CAAK,QAAA,aAD1B,UAAA,GAAA,mBAKI,KALJ,YAKI,gBADC,QAAQ,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;KAElB,mBA4CK,MA5CL,YA4CK,EA3CH,UAAA,IAAA,GAAA,mBA0CK,UAAA,MAAA,WA1C2B,QAAQ,QAA5B,MAAM,cAAS;MAA3B,OAAA,UAAA,GAAA,mBA0CK,MAAA,EA1C2C,KAAK,UAAS,GAAA,CAC7C,QAAA,aAAf,UAAA,GAAA,YAmBU,iBAAA;;OAnBiB,SAAS,eAAe,IAAI;OAAG,MAAK;;OAClD,SAAO,cAgBJ,EAfZ,UAAA,GAAA,YAeY,wBAdL,KAAK,OAAI,MAAA,QAAA,GAAA;QACb,MAAM,KAAK,OAAO,KAAA,IAAS;QAC3B,MAAM,KAAK;QACX,gBAAc,KAAK,SAAM,SAAY,KAAA;QACrC,cAAY,KAAK;QACjB,OAAK,eAAE,UAAU,MAAI,IAAA,CAAA;QACrB,UAAK,WAAE,KAAI,UAAW,IAAI;;QAE3B,SAAA,cAIE,CAHM,KAAK,UADb,UAAA,GAAA,mBAIE,QAJF,UAIE,KAAA,mBAAA,IAAA,IAAA,GAC+B,KAAK,QAAtC,UAAA,GAAA,YAAkF,wBAAlE,KAAK,IAAI,GAAA;;SAAmB,eAAY;SAAO,OAAM;;;;;;;;;;;;MAK3E,GAAA,MAAA,CAAA,SAAA,CAAA,MAAA,UAAA,GAAA,YAmBY,wBAlBL,KAAK,OAAI,MAAA,QAAA,GAAA;;OAEb,MAAM,KAAK,OAAO,KAAA,IAAS;OAC3B,MAAM,KAAK;OACX,gBAAc,KAAK,SAAM,SAAY,KAAA;OACrC,OAAK,eAAE,UAAU,MAAI,KAAA,CAAA;OACrB,UAAK,WAAE,KAAI,UAAW,IAAI;;OAE3B,SAAA,cAIE;QAHM,KAAK,UADb,UAAA,GAAA,mBAIE,QAJF,UAIE,KAAA,mBAAA,IAAA,IAAA;QAC+B,KAAK,QAAtC,UAAA,GAAA,YAAkF,wBAAlE,KAAK,IAAI,GAAA;;SAAmB,eAAY;SAAO,OAAM;;QACrE,mBAA6D,QAA7D,YAA6D,gBAApB,KAAK,KAAK,GAAA,CAAA;QACtC,KAAK,UAAU,KAAA,KAA5B,UAAA,GAAA,YAEQ,eAAA;;SAF+B,SAAQ;SAAU,OAAM;;SAC7D,SAAA,cAAgB,CAAb,gBAAA,gBAAA,KAAK,KAAK,GAAA,CAAA,CAAA,CAAA"}

package/dist/blocks/TitleBar/TitleBar.js

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

package/dist/blocks/TitleBar/TitleBar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.js","names":[],"sources":["../../../src/blocks/TitleBar/TitleBar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * TitleBar — a desktop app's custom window chrome (a block: composed from\n * primitives, domain-aware, but still presentational). Layout:\n *\n *   [ ⬡ brand ] [ File View Help ]  ····· drag / title ····· [ – ▢ ✕ ]\n *\n * The whole bar is a drag region (`-webkit-app-region: drag`); the interactive\n * clusters (Menubar, WindowControls) opt back out. It owns NO app logic — it\n * re-emits `select` from the menu and the window intents, so the desktop host\n * wires the window bridge around it.\n */\nimport type { MenubarMenu } from \"../../primitives/Menubar/Menubar.vue\";\n</script>\n\n<script setup lang=\"ts\">\nimport Menubar from \"../../primitives/Menubar/Menubar.vue\";\nimport WindowControls, {\n  type WindowControlsLabels,\n} from \"../../primitives/WindowControls/WindowControls.vue\";\nimport BrandMark from \"../../icons/BrandMark\";\nimport { optional } from \"../../lib/props\";\n\nwithDefaults(\n  defineProps<{\n    /** The host app's brand name — required: this block has no identity of its own. */\n    appName: string;\n    /** Centered subtitle — usually the open project / composition. */\n    title?: string;\n    menus?: MenubarMenu[];\n    isMaximized?: boolean;\n    /** Passed through to WindowControls (host-side i18n); omit for its English defaults. */\n    windowControlsLabels?: WindowControlsLabels;\n  }>(),\n  {\n    title: \"\",\n    menus: () => [],\n    isMaximized: false,\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</script>\n\n<template>\n  <header\n    class=\"flex h-9 select-none items-center border-b border-border bg-card text-foreground\"\n    style=\"-webkit-app-region: drag\"\n  >\n    <!-- Brand. Deliberately NOT `no-drag`: nothing here is interactive, and the\n         logo corner is the spot people reach for to move a window — opting it\n         out of the drag region would take that away and give nothing back.\n         Only the clusters that actually take clicks (Menubar, WindowControls)\n         opt out. -->\n    <div class=\"flex shrink-0 items-center gap-2 pl-3 pr-1.5\">\n      <span\n        class=\"grid h-4 w-4 place-items-center rounded-[5px] bg-primary text-primary-foreground shadow-sm\"\n        aria-hidden=\"true\"\n      >\n        <!-- stroke bumped for optical balance at tiny size -->\n        <BrandMark :size=\"10\" :stroke-width=\"2.5\" />\n      </span>\n      <span class=\"text-xs font-semibold tracking-tight\">{{ appName }}</span>\n    </div>\n\n    <!-- Menu bar -->\n    <Menubar v-if=\"menus.length\" :menus=\"menus\" @select=\"emit('select', $event)\" />\n\n    <!-- Draggable spacer + centered title -->\n    <div class=\"flex min-w-0 flex-1 items-center justify-center overflow-hidden px-4\">\n      <span v-if=\"title\" class=\"truncate text-xs text-muted-foreground\">{{ title }}</span>\n    </div>\n\n    <!-- Window controls -->\n    <WindowControls\n      :is-maximized=\"isMaximized\"\n      v-bind=\"optional({ labels: windowControlsLabels })\"\n      @minimize=\"emit('minimize')\"\n      @maximize=\"emit('maximize')\"\n      @close=\"emit('close')\"\n    />\n  </header>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,49 @@
+import { type WindowControlsLabels } from "../../primitives/WindowControls/WindowControls.vue";
+/**
+ * TitleBar — a desktop app's custom window chrome (a block: composed from
+ * primitives, domain-aware, but still presentational). Layout:
+ *
+ *   [ ⬡ brand ] [ File View Help ]  ····· drag / title ····· [ – ▢ ✕ ]
+ *
+ * The whole bar is a drag region (`-webkit-app-region: drag`); the interactive
+ * clusters (Menubar, WindowControls) opt back out. It owns NO app logic — it
+ * re-emits `select` from the menu and the window intents, so the desktop host
+ * wires the window bridge around it.
+ */
+import type { MenubarMenu } from "../../primitives/Menubar/Menubar.vue";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The host app's brand name — required: this block has no identity of its own. */
+    appName: string;
+    /** Centered subtitle — usually the open project / composition. */
+    title?: string;
+    menus?: MenubarMenu[];
+    isMaximized?: boolean;
+    /** Passed through to WindowControls (host-side i18n); omit for its English defaults. */
+    windowControlsLabels?: WindowControlsLabels;
+}, {}, {}, {}, {}, 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 — required: this block has no identity of its own. */
+    appName: string;
+    /** Centered subtitle — usually the open project / composition. */
+    title?: string;
+    menus?: MenubarMenu[];
+    isMaximized?: boolean;
+    /** Passed through to WindowControls (host-side i18n); omit for its English defaults. */
+    windowControlsLabels?: WindowControlsLabels;
+}> & Readonly<{
+    onSelect?: (command: string) => any;
+    onClose?: () => any;
+    onMinimize?: () => any;
+    onMaximize?: () => any;
+}>, {
+    title: string;
+    menus: MenubarMenu[];
+    isMaximized: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=TitleBar.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/TitleBar/TitleBar.vue"],"names":[],"mappings":"AA4FA,OAAuB,EACrB,KAAK,oBAAoB,EAC1B,MAAM,oDAAoD,CAAC;AAK5D;;;;;;;;;;GAUG;AACH,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,sCAAsC,CAAC;wBACnD,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,mFAAmF;aAC1E,MAAM;IACf,kEAAkE;YAC1D,MAAM;YACN,WAAW,EAAE;kBACP,OAAO;IACrB,wFAAwF;2BACjE,oBAAoB;;;;;;;IAP3C,mFAAmF;aAC1E,MAAM;IACf,kEAAkE;YAC1D,MAAM;YACN,WAAW,EAAE;kBACP,OAAO;IACrB,wFAAwF;2BACjE,oBAAoB;;;;;;;WAJnC,MAAM;WACN,WAAW,EAAE;iBACP,OAAO;6EAkMrB,CAAC"}

package/dist/blocks/TitleBar/TitleBar.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,66 @@
+import { optional } from "../../lib/props.js";
+import Menubar_default from "../../primitives/Menubar/Menubar.js";
+import WindowControls_default from "../../primitives/WindowControls/WindowControls.js";
+import BrandMark from "../../icons/BrandMark.js";
+import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, toDisplayString, unref } from "vue";
+//#region src/blocks/TitleBar/TitleBar.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "flex h-9 select-none items-center border-b border-border bg-card text-foreground",
+	style: { "-webkit-app-region": "drag" }
+};
+var _hoisted_2 = { class: "flex shrink-0 items-center gap-2 pl-3 pr-1.5" };
+var _hoisted_3 = {
+	class: "grid h-4 w-4 place-items-center rounded-[5px] bg-primary text-primary-foreground shadow-sm",
+	"aria-hidden": "true"
+};
+var _hoisted_4 = { class: "text-xs font-semibold tracking-tight" };
+var _hoisted_5 = { class: "flex min-w-0 flex-1 items-center justify-center overflow-hidden px-4" };
+var _hoisted_6 = {
+	key: 0,
+	class: "truncate text-xs text-muted-foreground"
+};
+var TitleBar_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "TitleBar",
+	props: {
+		appName: {},
+		title: { default: "" },
+		menus: { default: () => [] },
+		isMaximized: {
+			type: Boolean,
+			default: false
+		},
+		windowControlsLabels: {}
+	},
+	emits: [
+		"select",
+		"minimize",
+		"maximize",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("header", _hoisted_1, [
+				createElementVNode("div", _hoisted_2, [createElementVNode("span", _hoisted_3, [createVNode(unref(BrandMark), {
+					size: 10,
+					"stroke-width": 2.5
+				})]), createElementVNode("span", _hoisted_4, toDisplayString(__props.appName), 1)]),
+				__props.menus.length ? (openBlock(), createBlock(Menubar_default, {
+					key: 0,
+					menus: __props.menus,
+					onSelect: _cache[0] || (_cache[0] = ($event) => emit("select", $event))
+				}, null, 8, ["menus"])) : createCommentVNode("", true),
+				createElementVNode("div", _hoisted_5, [__props.title ? (openBlock(), createElementBlock("span", _hoisted_6, toDisplayString(__props.title), 1)) : createCommentVNode("", true)]),
+				createVNode(WindowControls_default, mergeProps({ "is-maximized": __props.isMaximized }, unref(optional)({ labels: __props.windowControlsLabels }), {
+					onMinimize: _cache[1] || (_cache[1] = ($event) => emit("minimize")),
+					onMaximize: _cache[2] || (_cache[2] = ($event) => emit("maximize")),
+					onClose: _cache[3] || (_cache[3] = ($event) => emit("close"))
+				}), null, 16, ["is-maximized"])
+			]);
+		};
+	}
+});
+//#endregion
+export { TitleBar_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=TitleBar.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"TitleBar.vue_vue_type_script_setup_true_lang.js","names":[],"sources":["../../../src/blocks/TitleBar/TitleBar.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * TitleBar — a desktop app's custom window chrome (a block: composed from\n * primitives, domain-aware, but still presentational). Layout:\n *\n *   [ ⬡ brand ] [ File View Help ]  ····· drag / title ····· [ – ▢ ✕ ]\n *\n * The whole bar is a drag region (`-webkit-app-region: drag`); the interactive\n * clusters (Menubar, WindowControls) opt back out. It owns NO app logic — it\n * re-emits `select` from the menu and the window intents, so the desktop host\n * wires the window bridge around it.\n */\nimport type { MenubarMenu } from \"../../primitives/Menubar/Menubar.vue\";\n</script>\n\n<script setup lang=\"ts\">\nimport Menubar from \"../../primitives/Menubar/Menubar.vue\";\nimport WindowControls, {\n  type WindowControlsLabels,\n} from \"../../primitives/WindowControls/WindowControls.vue\";\nimport BrandMark from \"../../icons/BrandMark\";\nimport { optional } from \"../../lib/props\";\n\nwithDefaults(\n  defineProps<{\n    /** The host app's brand name — required: this block has no identity of its own. */\n    appName: string;\n    /** Centered subtitle — usually the open project / composition. */\n    title?: string;\n    menus?: MenubarMenu[];\n    isMaximized?: boolean;\n    /** Passed through to WindowControls (host-side i18n); omit for its English defaults. */\n    windowControlsLabels?: WindowControlsLabels;\n  }>(),\n  {\n    title: \"\",\n    menus: () => [],\n    isMaximized: false,\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</script>\n\n<template>\n  <header\n    class=\"flex h-9 select-none items-center border-b border-border bg-card text-foreground\"\n    style=\"-webkit-app-region: drag\"\n  >\n    <!-- Brand. Deliberately NOT `no-drag`: nothing here is interactive, and the\n         logo corner is the spot people reach for to move a window — opting it\n         out of the drag region would take that away and give nothing back.\n         Only the clusters that actually take clicks (Menubar, WindowControls)\n         opt out. -->\n    <div class=\"flex shrink-0 items-center gap-2 pl-3 pr-1.5\">\n      <span\n        class=\"grid h-4 w-4 place-items-center rounded-[5px] bg-primary text-primary-foreground shadow-sm\"\n        aria-hidden=\"true\"\n      >\n        <!-- stroke bumped for optical balance at tiny size -->\n        <BrandMark :size=\"10\" :stroke-width=\"2.5\" />\n      </span>\n      <span class=\"text-xs font-semibold tracking-tight\">{{ appName }}</span>\n    </div>\n\n    <!-- Menu bar -->\n    <Menubar v-if=\"menus.length\" :menus=\"menus\" @select=\"emit('select', $event)\" />\n\n    <!-- Draggable spacer + centered title -->\n    <div class=\"flex min-w-0 flex-1 items-center justify-center overflow-hidden px-4\">\n      <span v-if=\"title\" class=\"truncate text-xs text-muted-foreground\">{{ title }}</span>\n    </div>\n\n    <!-- Window controls -->\n    <WindowControls\n      :is-maximized=\"isMaximized\"\n      v-bind=\"optional({ labels: windowControlsLabels })\"\n      @minimize=\"emit('minimize')\"\n      @maximize=\"emit('maximize')\"\n      @close=\"emit('close')\"\n    />\n  </header>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyCA,MAAM,OAAO;;GASX,OAAA,UAAA,GAAA,mBAoCS,UApCT,YAoCS;IA3BP,mBASM,OATN,YASM,CARJ,mBAMO,QANP,YAMO,CADL,YAA4C,MAAA,SAAA,GAAA;KAAhC,MAAM;KAAK,gBAAc;IAEvC,CAAA,CAAA,CAAA,GAAA,mBAAuE,QAAvE,YAAuE,gBAAjB,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA;IAIhD,QAAA,MAAM,UAArB,UAAA,GAAA,YAA+E,iBAAA;;KAAjD,OAAO,QAAA;KAAQ,UAAM,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAW,MAAM;;IAG1E,mBAEM,OAFN,YAEM,CADQ,QAAA,SAAZ,UAAA,GAAA,mBAAoF,QAApF,YAAoF,gBAAf,QAAA,KAAK,GAAA,CAAA,KAAA,mBAAA,IAAA,IAAA,CAAA,CAAA;IAI5E,YAME,wBANF,WAME,EALC,gBAAc,QAAA,YAAW,GAClB,MAAA,QAAA,CAAQ,CAAA,EAAA,QAAW,QAAA,qBAAoB,CAAA,GAAA;KAC9C,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;KACd,YAAQ,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;KACd,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA"}

package/dist/blocks/ToastStack/ToastStack.js

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

package/dist/blocks/ToastStack/ToastStack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStack.js","names":[],"sources":["../../../src/blocks/ToastStack/ToastStack.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToastVariant } from \"../../primitives/Toast/Toast.vue\";\n\n/** One entry of a host-owned toast queue, rendered by `ToastStack`. */\nexport interface ToastStackItem {\n  readonly id: string | number;\n  readonly title: string;\n  readonly description?: string;\n  readonly variant?: ToastVariant;\n  /** ms before auto-dismiss (default 4000 — a stack turns over faster than a lone toast). */\n  readonly duration?: number;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from \"reka-ui\";\nimport { optional } from \"../../lib/props\";\nimport ToastItem from \"../../primitives/Toast/ToastItem.vue\";\n\n/**\n * ToastStack — renders a host-owned toast queue through ONE shared\n * provider/viewport, so simultaneous toasts stack vertically with a gap\n * instead of piling onto the same fixed corner (which is what N standalone\n * `Toast`s produce — each bundles its own viewport at the same coordinates).\n *\n * The queue stays the host's: the host passes the visible entries and\n * removes an entry when `dismiss` fires — on close, swipe, Esc, or\n * auto-dismiss alike. This block owns only the shared-viewport treatment.\n * Every rendered item is driven with `open` fixed to `true` — `ToastStack`\n * decides an entry is visible by including it in `items`, never by an\n * item's own open state, so there is no per-item boolean left unset for\n * Vue's absent-prop casting to catch.\n *\n * The viewport's geometry is written for the two ends of the range it\n * actually lands in. Width is `min(92vw, 24rem)`, so a phone gets a\n * near-full-bleed card and a desktop a bounded one. The bottom inset\n * resolves through `env(safe-area-inset-bottom)` — on a device with a home\n * indicator a flat `p-4` puts the newest toast, and its dismiss control,\n * under the system gesture bar. And the stack is height-bounded\n * (`max-h-dvh` + `overflow-hidden`) so a host that hands over more entries\n * than fit pushes the oldest off the top rather than growing a column\n * taller than the screen. `dvh`, not `vh`: mobile browser chrome collapses\n * the visual viewport and `vh` does not follow.\n */\ndefineProps<{\n  /** The host's visible toast queue, oldest first. */\n  items: readonly ToastStackItem[];\n}>();\n\ndefineEmits<{ dismiss: [id: string | number] }>();\n</script>\n\n<template>\n  <ToastProvider>\n    <ToastItem\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :open=\"true\"\n      :title=\"item.title\"\n      v-bind=\"optional({ description: item.description, variant: item.variant })\"\n      :duration=\"item.duration ?? 4000\"\n      @update:open=\"(open) => !open && $emit('dismiss', item.id)\"\n    />\n\n    <ToastViewport\n      class=\"fixed bottom-0 right-0 z-[100] flex max-h-dvh w-[min(92vw,24rem)] flex-col gap-2 overflow-hidden p-4 pb-[max(1rem,env(safe-area-inset-bottom))] outline-none\"\n    />\n  </ToastProvider>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,24 @@
+import type { ToastVariant } from "../../primitives/Toast/Toast.vue";
+/** One entry of a host-owned toast queue, rendered by `ToastStack`. */
+export interface ToastStackItem {
+    readonly id: string | number;
+    readonly title: string;
+    readonly description?: string;
+    readonly variant?: ToastVariant;
+    /** ms before auto-dismiss (default 4000 — a stack turns over faster than a lone toast). */
+    readonly duration?: number;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The host's visible toast queue, oldest first. */
+    items: readonly ToastStackItem[];
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    dismiss: (id: string | number) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The host's visible toast queue, oldest first. */
+    items: readonly ToastStackItem[];
+}> & Readonly<{
+    onDismiss?: (id: string | number) => any;
+}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=ToastStack.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStack.vue.d.ts","sourceRoot":"","sources":["../../../src/blocks/ToastStack/ToastStack.vue"],"names":[],"mappings":"AA6EA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAErE,uEAAuE;AACvE,MAAM,WAAW,cAAc;IAC7B,QAAQ,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAAC;IAC7B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,WAAW,CAAC,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,OAAO,CAAC,EAAE,YAAY,CAAC;IAChC,2FAA2F;IAC3F,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,CAAC;CAC5B;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IA2BhB,oDAAoD;WAC7C,SAAS,cAAc,EAAE;;;;IADhC,oDAAoD;WAC7C,SAAS,cAAc,EAAE;;;kFAqG9B,CAAC"}

package/dist/blocks/ToastStack/ToastStack.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,38 @@
+import { optional } from "../../lib/props.js";
+import ToastItem_default from "../../primitives/Toast/ToastItem.js";
+import { Fragment, createBlock, createElementBlock, createVNode, defineComponent, mergeProps, openBlock, renderList, unref, withCtx } from "vue";
+import { ToastProvider, ToastViewport } from "reka-ui";
+//#region src/blocks/ToastStack/ToastStack.vue?vue&type=script&setup=true&lang.ts
+var ToastStack_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ToastStack",
+	props: { items: {} },
+	emits: ["dismiss"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastProvider), null, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(__props.items, (item) => {
+					return openBlock(), createBlock(ToastItem_default, mergeProps({
+						key: item.id,
+						open: true,
+						title: item.title
+					}, { ref_for: true }, unref(optional)({
+						description: item.description,
+						variant: item.variant
+					}), {
+						duration: item.duration ?? 4e3,
+						"onUpdate:open": (open) => !open && _ctx.$emit("dismiss", item.id)
+					}), null, 16, [
+						"title",
+						"duration",
+						"onUpdate:open"
+					]);
+				}), 128)), createVNode(unref(ToastViewport), { class: "fixed bottom-0 right-0 z-[100] flex max-h-dvh w-[min(92vw,24rem)] flex-col gap-2 overflow-hidden p-4 pb-[max(1rem,env(safe-area-inset-bottom))] outline-none" })]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { ToastStack_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToastStack.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastStack.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/blocks/ToastStack/ToastStack.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToastVariant } from \"../../primitives/Toast/Toast.vue\";\n\n/** One entry of a host-owned toast queue, rendered by `ToastStack`. */\nexport interface ToastStackItem {\n  readonly id: string | number;\n  readonly title: string;\n  readonly description?: string;\n  readonly variant?: ToastVariant;\n  /** ms before auto-dismiss (default 4000 — a stack turns over faster than a lone toast). */\n  readonly duration?: number;\n}\n</script>\n\n<script setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from \"reka-ui\";\nimport { optional } from \"../../lib/props\";\nimport ToastItem from \"../../primitives/Toast/ToastItem.vue\";\n\n/**\n * ToastStack — renders a host-owned toast queue through ONE shared\n * provider/viewport, so simultaneous toasts stack vertically with a gap\n * instead of piling onto the same fixed corner (which is what N standalone\n * `Toast`s produce — each bundles its own viewport at the same coordinates).\n *\n * The queue stays the host's: the host passes the visible entries and\n * removes an entry when `dismiss` fires — on close, swipe, Esc, or\n * auto-dismiss alike. This block owns only the shared-viewport treatment.\n * Every rendered item is driven with `open` fixed to `true` — `ToastStack`\n * decides an entry is visible by including it in `items`, never by an\n * item's own open state, so there is no per-item boolean left unset for\n * Vue's absent-prop casting to catch.\n *\n * The viewport's geometry is written for the two ends of the range it\n * actually lands in. Width is `min(92vw, 24rem)`, so a phone gets a\n * near-full-bleed card and a desktop a bounded one. The bottom inset\n * resolves through `env(safe-area-inset-bottom)` — on a device with a home\n * indicator a flat `p-4` puts the newest toast, and its dismiss control,\n * under the system gesture bar. And the stack is height-bounded\n * (`max-h-dvh` + `overflow-hidden`) so a host that hands over more entries\n * than fit pushes the oldest off the top rather than growing a column\n * taller than the screen. `dvh`, not `vh`: mobile browser chrome collapses\n * the visual viewport and `vh` does not follow.\n */\ndefineProps<{\n  /** The host's visible toast queue, oldest first. */\n  items: readonly ToastStackItem[];\n}>();\n\ndefineEmits<{ dismiss: [id: string | number] }>();\n</script>\n\n<template>\n  <ToastProvider>\n    <ToastItem\n      v-for=\"item in items\"\n      :key=\"item.id\"\n      :open=\"true\"\n      :title=\"item.title\"\n      v-bind=\"optional({ description: item.description, variant: item.variant })\"\n      :duration=\"item.duration ?? 4000\"\n      @update:open=\"(open) => !open && $emit('dismiss', item.id)\"\n    />\n\n    <ToastViewport\n      class=\"fixed bottom-0 right-0 z-[100] flex max-h-dvh w-[min(92vw,24rem)] flex-col gap-2 overflow-hidden p-4 pb-[max(1rem,env(safe-area-inset-bottom))] outline-none\"\n    />\n  </ToastProvider>\n</template>\n"],"mappings":";;;;;;;;;;;GAqDE,OAAA,UAAA,GAAA,YAcgB,MAAA,aAAA,GAAA,MAAA;IAZZ,SAAA,cAAqB,EADvB,UAAA,IAAA,GAAA,mBAQE,UAAA,MAAA,WAPe,QAAA,QAAR,SAAI;KADb,OAAA,UAAA,GAAA,YAQE,mBARF,WAQE;MANC,KAAK,KAAK;MACV,MAAM;MACN,OAAO,KAAK;KACL,GAAA,EAAA,SAAA,KAAA,GAAA,MAAA,QAAA,CAAQ,CAAA;MAAA,aAAgB,KAAK;MAAW,SAAW,KAAK;KAAO,CAAA,GAAA;MACtE,UAAU,KAAK,YAAQ;MACvB,kBAAc,SAAI,CAAM,QAAQA,KAAAA,MAAK,WAAY,KAAK,EAAE;;;;;;IAG3D,CAAA,GAAA,GAAA,IAAA,YAEE,MAAA,aAAA,GAAA,EADA,OAAM,+JAA8J,CAAA,CAAA,CAAA"}

package/dist/icons/BrandMark.d.ts

@@ -0,0 +1,18 @@
+/**
+ * BrandMark — one face, two forces. The left half is human (an almond eye),
+ * the right half is the agent (a rectangular eye), and the dividing line is a
+ * nose bridge: both halves belong to the same face, which is the
+ * organization.
+ *
+ * Built with `createLucideIcon` so it takes exactly the props any Lucide icon
+ * takes — size, strokeWidth, color — and a consumer cannot tell a custom icon
+ * from a stock one. Custom icons live in this folder and follow the same
+ * recipe: 24-unit grid geometry, stroke through `currentColor`.
+ *
+ * The duotone treatment, where the warp and weft halves carry their own
+ * colours, is a brand asset rather than an icon. An icon stays monochrome so
+ * it can inherit whatever colour it is dropped into.
+ */
+declare const BrandMark: import("@lucide/vue").LucideIcon;
+export default BrandMark;
+//# sourceMappingURL=BrandMark.d.ts.map

package/dist/icons/BrandMark.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandMark.d.ts","sourceRoot":"","sources":["../../src/icons/BrandMark.ts"],"names":[],"mappings":"AAEA;;;;;;;;;;;;;;GAcG;AACH,QAAA,MAAM,SAAS,kCAgBb,CAAC;AAEH,eAAe,SAAS,CAAC"}

package/dist/icons/BrandMark.js

@@ -0,0 +1,47 @@
+import { createLucideIcon } from "@lucide/vue";
+//#region src/icons/BrandMark.ts
+/**
+* BrandMark — one face, two forces. The left half is human (an almond eye),
+* the right half is the agent (a rectangular eye), and the dividing line is a
+* nose bridge: both halves belong to the same face, which is the
+* organization.
+*
+* Built with `createLucideIcon` so it takes exactly the props any Lucide icon
+* takes — size, strokeWidth, color — and a consumer cannot tell a custom icon
+* from a stock one. Custom icons live in this folder and follow the same
+* recipe: 24-unit grid geometry, stroke through `currentColor`.
+*
+* The duotone treatment, where the warp and weft halves carry their own
+* colours, is a brand asset rather than an icon. An icon stays monochrome so
+* it can inherit whatever colour it is dropped into.
+*/
+var BrandMark = createLucideIcon("brand-mark", [
+	["rect", {
+		x: "3",
+		y: "3",
+		width: "18",
+		height: "18",
+		rx: "4"
+	}],
+	["path", { d: "M12 3c0 2.2-.1 3.9-.3 5.4 1.7 1.1 1.7 3.1 0 4.2.2 1.4.3 2.7.3 3.9V21" }],
+	["circle", {
+		cx: "7.8",
+		cy: "10.6",
+		r: "1.3",
+		fill: "currentColor",
+		stroke: "none"
+	}],
+	["rect", {
+		x: "14.8",
+		y: "9.3",
+		width: "2.9",
+		height: "2.6",
+		rx: "0.8",
+		fill: "currentColor",
+		stroke: "none"
+	}]
+]);
+//#endregion
+export { BrandMark as default };
+
+//# sourceMappingURL=BrandMark.js.map

package/dist/icons/BrandMark.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandMark.js","names":[],"sources":["../../src/icons/BrandMark.ts"],"sourcesContent":["import { createLucideIcon } from \"@lucide/vue\";\n\n/**\n * BrandMark — one face, two forces. The left half is human (an almond eye),\n * the right half is the agent (a rectangular eye), and the dividing line is a\n * nose bridge: both halves belong to the same face, which is the\n * organization.\n *\n * Built with `createLucideIcon` so it takes exactly the props any Lucide icon\n * takes — size, strokeWidth, color — and a consumer cannot tell a custom icon\n * from a stock one. Custom icons live in this folder and follow the same\n * recipe: 24-unit grid geometry, stroke through `currentColor`.\n *\n * The duotone treatment, where the warp and weft halves carry their own\n * colours, is a brand asset rather than an icon. An icon stays monochrome so\n * it can inherit whatever colour it is dropped into.\n */\nconst BrandMark = createLucideIcon(\"brand-mark\", [\n  [\"rect\", { x: \"3\", y: \"3\", width: \"18\", height: \"18\", rx: \"4\" }],\n  [\"path\", { d: \"M12 3c0 2.2-.1 3.9-.3 5.4 1.7 1.1 1.7 3.1 0 4.2.2 1.4.3 2.7.3 3.9V21\" }],\n  [\"circle\", { cx: \"7.8\", cy: \"10.6\", r: \"1.3\", fill: \"currentColor\", stroke: \"none\" }],\n  [\n    \"rect\",\n    {\n      x: \"14.8\",\n      y: \"9.3\",\n      width: \"2.9\",\n      height: \"2.6\",\n      rx: \"0.8\",\n      fill: \"currentColor\",\n      stroke: \"none\",\n    },\n  ],\n]);\n\nexport default BrandMark;\n"],"mappings":";;;;;;;;;;;;;;;;;AAiBA,IAAM,YAAY,iBAAiB,cAAc;CAC/C,CAAC,QAAQ;EAAE,GAAG;EAAK,GAAG;EAAK,OAAO;EAAM,QAAQ;EAAM,IAAI;CAAI,CAAC;CAC/D,CAAC,QAAQ,EAAE,GAAG,uEAAuE,CAAC;CACtF,CAAC,UAAU;EAAE,IAAI;EAAO,IAAI;EAAQ,GAAG;EAAO,MAAM;EAAgB,QAAQ;CAAO,CAAC;CACpF,CACE,QACA;EACE,GAAG;EACH,GAAG;EACH,OAAO;EACP,QAAQ;EACR,IAAI;EACJ,MAAM;EACN,QAAQ;CACV,CACF;AACF,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,75 @@
+/**
+ * The public surface of `@ecoma-io/loom`.
+ *
+ * This file is the complete export list, and it is the file to read before
+ * hand-rolling a generic affordance in a consuming product — the rule that
+ * decides most questions, stated in CONTRIBUTING.md, is checked against
+ * exactly this list.
+ *
+ * Two things deliberately do not appear here. Styles ship as CSS, imported by
+ * a host from `@ecoma-io/loom/styles/global.css`. And `WCAG_TAGS` ships from
+ * the narrow `@ecoma-io/loom/a11y` entry, so a consumer that compiles no Vue
+ * at all can read it without resolving a single component below.
+ */
+export { cn } from "./lib/cn";
+export { applyLoomIconDefaults } from "./lib/icon-defaults";
+export { LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, listStaggerDelay } from "./lib/motion";
+export { default as Avatar } from "./primitives/Avatar/Avatar.vue";
+export type { AvatarSize } from "./primitives/Avatar/Avatar.vue";
+export { default as Badge, badgeVariants } from "./primitives/Badge/Badge.vue";
+export type { BadgeVariant } from "./primitives/Badge/Badge.vue";
+export { default as Button, buttonVariants } from "./primitives/Button/Button.vue";
+export type { ButtonSize, ButtonVariant } from "./primitives/Button/Button.vue";
+export { default as Checkbox } from "./primitives/Checkbox/Checkbox.vue";
+export { default as Dialog } from "./primitives/Dialog/Dialog.vue";
+export type { DialogSize } from "./primitives/Dialog/Dialog.vue";
+export { default as DropdownMenu } from "./primitives/DropdownMenu/DropdownMenu.vue";
+export type { DropdownMenuEntry } from "./primitives/DropdownMenu/DropdownMenu.vue";
+export { default as Field } from "./primitives/Field/Field.vue";
+export { default as InlineError } from "./primitives/InlineError/InlineError.vue";
+export { default as Menubar } from "./primitives/Menubar/Menubar.vue";
+export type { MenubarItem, MenubarMenu } from "./primitives/Menubar/Menubar.vue";
+export { default as NumberField } from "./primitives/NumberField/NumberField.vue";
+export { default as Popover } from "./primitives/Popover/Popover.vue";
+export type { PopoverAlign, PopoverSide } from "./primitives/Popover/Popover.vue";
+export { default as Progress } from "./primitives/Progress/Progress.vue";
+export { default as RadioGroup } from "./primitives/RadioGroup/RadioGroup.vue";
+export type { RadioOption } from "./primitives/RadioGroup/RadioGroup.vue";
+export { default as SegmentedControl } from "./primitives/SegmentedControl/SegmentedControl.vue";
+export type { SegmentedControlOption } from "./primitives/SegmentedControl/SegmentedControl.vue";
+export { default as Select, selectVariants } from "./primitives/Select/Select.vue";
+export type { SelectOption, SelectSize } from "./primitives/Select/Select.vue";
+export { default as Separator } from "./primitives/Separator/Separator.vue";
+export type { SeparatorOrientation } from "./primitives/Separator/Separator.vue";
+export { default as Skeleton, skeletonVariants } from "./primitives/Skeleton/Skeleton.vue";
+export type { SkeletonVariant } from "./primitives/Skeleton/Skeleton.vue";
+export { default as Slider } from "./primitives/Slider/Slider.vue";
+export { default as Spinner, spinnerVariants } from "./primitives/Spinner/Spinner.vue";
+export type { SpinnerSize } from "./primitives/Spinner/Spinner.vue";
+export { default as Surface, surfaceVariants } from "./primitives/Surface/Surface.vue";
+export type { SurfaceElevation, SurfacePad } from "./primitives/Surface/Surface.vue";
+export { default as Switch } from "./primitives/Switch/Switch.vue";
+export { default as Tabs } from "./primitives/Tabs/Tabs.vue";
+export type { TabItem } from "./primitives/Tabs/Tabs.vue";
+export { default as Textarea } from "./primitives/Textarea/Textarea.vue";
+export type { TextareaResize } from "./primitives/Textarea/Textarea.vue";
+export { default as TextField } from "./primitives/TextField/TextField.vue";
+export type { TextFieldSize, TextFieldType } from "./primitives/TextField/TextField.vue";
+export { default as Toast } from "./primitives/Toast/Toast.vue";
+export type { ToastVariant } from "./primitives/Toast/Toast.vue";
+export { default as Tooltip } from "./primitives/Tooltip/Tooltip.vue";
+export type { TooltipSide } from "./primitives/Tooltip/Tooltip.vue";
+export { default as WindowControls } from "./primitives/WindowControls/WindowControls.vue";
+export type { WindowControlsLabels } from "./primitives/WindowControls/WindowControls.vue";
+export { default as AppHeader } from "./blocks/AppHeader/AppHeader.vue";
+export { default as DashboardGrid } from "./blocks/DashboardGrid/DashboardGrid.vue";
+export { default as EmptyState } from "./blocks/EmptyState/EmptyState.vue";
+export { default as PageHeader } from "./blocks/PageHeader/PageHeader.vue";
+export { default as RowActions } from "./blocks/RowActions/RowActions.vue";
+export { default as SidebarNav } from "./blocks/SidebarNav/SidebarNav.vue";
+export type { SidebarNavItem, SidebarNavSection } from "./blocks/SidebarNav/SidebarNav.vue";
+export { default as TitleBar } from "./blocks/TitleBar/TitleBar.vue";
+export { default as ToastStack } from "./blocks/ToastStack/ToastStack.vue";
+export type { ToastStackItem } from "./blocks/ToastStack/ToastStack.vue";
+export { default as BrandMark } from "./icons/BrandMark";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}

package/dist/index.js

@@ -0,0 +1,46 @@
+import { cn } from "./lib/cn.js";
+import { applyLoomIconDefaults } from "./lib/icon-defaults.js";
+import { LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, listStaggerDelay } from "./lib/motion.js";
+import Avatar_default from "./primitives/Avatar/Avatar.js";
+import { badgeVariants } from "./primitives/Badge/Badge.vue_vue_type_script_setup_true_lang.js";
+import Badge_default from "./primitives/Badge/Badge.js";
+import { buttonVariants } from "./primitives/Button/Button.vue_vue_type_script_setup_true_lang.js";
+import Button_default from "./primitives/Button/Button.js";
+import Checkbox_default from "./primitives/Checkbox/Checkbox.js";
+import Dialog_default from "./primitives/Dialog/Dialog.js";
+import DropdownMenu_default from "./primitives/DropdownMenu/DropdownMenu.js";
+import InlineError_default from "./primitives/InlineError/InlineError.js";
+import Field_default from "./primitives/Field/Field.js";
+import Menubar_default from "./primitives/Menubar/Menubar.js";
+import NumberField_default from "./primitives/NumberField/NumberField.js";
+import Popover_default from "./primitives/Popover/Popover.js";
+import Progress_default from "./primitives/Progress/Progress.js";
+import RadioGroup_default from "./primitives/RadioGroup/RadioGroup.js";
+import SegmentedControl_default from "./primitives/SegmentedControl/SegmentedControl.js";
+import { selectVariants } from "./primitives/Select/Select.vue_vue_type_script_setup_true_lang.js";
+import Select_default from "./primitives/Select/Select.js";
+import Separator_default from "./primitives/Separator/Separator.js";
+import { skeletonVariants } from "./primitives/Skeleton/Skeleton.vue_vue_type_script_setup_true_lang.js";
+import Skeleton_default from "./primitives/Skeleton/Skeleton.js";
+import Slider_default from "./primitives/Slider/Slider.js";
+import { spinnerVariants } from "./primitives/Spinner/Spinner.vue_vue_type_script_setup_true_lang.js";
+import Spinner_default from "./primitives/Spinner/Spinner.js";
+import { surfaceVariants } from "./primitives/Surface/Surface.vue_vue_type_script_setup_true_lang.js";
+import Surface_default from "./primitives/Surface/Surface.js";
+import Switch_default from "./primitives/Switch/Switch.js";
+import Tabs_default from "./primitives/Tabs/Tabs.js";
+import Textarea_default from "./primitives/Textarea/Textarea.js";
+import TextField_default from "./primitives/TextField/TextField.js";
+import Toast_default from "./primitives/Toast/Toast.js";
+import Tooltip_default from "./primitives/Tooltip/Tooltip.js";
+import WindowControls_default from "./primitives/WindowControls/WindowControls.js";
+import AppHeader_default from "./blocks/AppHeader/AppHeader.js";
+import DashboardGrid_default from "./blocks/DashboardGrid/DashboardGrid.js";
+import EmptyState_default from "./blocks/EmptyState/EmptyState.js";
+import PageHeader_default from "./blocks/PageHeader/PageHeader.js";
+import RowActions_default from "./blocks/RowActions/RowActions.js";
+import SidebarNav_default from "./blocks/SidebarNav/SidebarNav.js";
+import BrandMark from "./icons/BrandMark.js";
+import TitleBar_default from "./blocks/TitleBar/TitleBar.js";
+import ToastStack_default from "./blocks/ToastStack/ToastStack.js";
+export { AppHeader_default as AppHeader, Avatar_default as Avatar, Badge_default as Badge, BrandMark, Button_default as Button, Checkbox_default as Checkbox, DashboardGrid_default as DashboardGrid, Dialog_default as Dialog, DropdownMenu_default as DropdownMenu, EmptyState_default as EmptyState, Field_default as Field, InlineError_default as InlineError, LIST_STAGGER_CAP, LIST_STAGGER_STEP_MS, Menubar_default as Menubar, NumberField_default as NumberField, PageHeader_default as PageHeader, Popover_default as Popover, Progress_default as Progress, RadioGroup_default as RadioGroup, RowActions_default as RowActions, SegmentedControl_default as SegmentedControl, Select_default as Select, Separator_default as Separator, SidebarNav_default as SidebarNav, Skeleton_default as Skeleton, Slider_default as Slider, Spinner_default as Spinner, Surface_default as Surface, Switch_default as Switch, Tabs_default as Tabs, TextField_default as TextField, Textarea_default as Textarea, TitleBar_default as TitleBar, Toast_default as Toast, ToastStack_default as ToastStack, Tooltip_default as Tooltip, WindowControls_default as WindowControls, applyLoomIconDefaults, badgeVariants, buttonVariants, cn, listStaggerDelay, selectVariants, skeletonVariants, spinnerVariants, surfaceVariants };