@ecoma-io/loom 0.1.0

package/dist/primitives/Tooltip/Tooltip.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Tooltip/Tooltip.vue"],"sourcesContent":["<script lang=\"ts\">\n/**\n * Which edge of the trigger the tip prefers, before collision flipping. The\n * members mirror Reka's own `Side`, and the template binding is what enforces\n * that: a member Reka does not accept stops `:side=\"side\"` type-checking.\n * Declared here rather than aliased so the generated props table prints the\n * four values instead of a name that tells the reader nothing.\n */\nexport type TooltipSide = \"top\" | \"right\" | \"bottom\" | \"left\";\n</script>\n\n<script setup lang=\"ts\">\nimport {\n  TooltipProvider,\n  TooltipRoot,\n  TooltipTrigger,\n  TooltipPortal,\n  TooltipContent,\n  TooltipArrow,\n} from \"reka-ui\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\n\n/**\n * Tooltip — a short, non-interactive hint on hover or keyboard focus of its\n * trigger: the label for an icon-only button, or one terse explanation.\n *\n * A tooltip is not a small dialog, and the difference is the whole contract.\n * It never takes focus — focus stays on the trigger the entire time it is\n * shown, which is what lets a keyboard user read it and keep going. Hovering\n * the trigger or focusing it opens the tip; Esc, blur and moving the pointer\n * away close it; the page behind never stops scrolling. Nothing inside it can\n * be reached, so nothing interactive belongs inside it. The moment a hint\n * needs a link or a button, it is a `Popover`.\n *\n * It is wired as `aria-describedby`, never `aria-labelledby`: it *supplements*\n * an accessible name and must never be the only source of one. An icon-only\n * button still carries its own `aria-label` — a screen reader user who never\n * hovers would otherwise meet an unnamed button.\n *\n * The provider is bundled in so a single tooltip works with no setup. An\n * application with many can hoist one Reka `TooltipProvider` higher later,\n * which is what shares the hover delay across them.\n */\nwithDefaults(\n  defineProps<{\n    /** The hint text. The default slot overrides it where the hint needs markup. */\n    content?: string;\n    /** The edge of the trigger to anchor against, before collision flipping. */\n    side?: TooltipSide;\n    /** Gap in pixels between the trigger and the tip. */\n    sideOffset?: number;\n    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */\n    delay?: number;\n    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */\n    open?: boolean | undefined;\n  }>(),\n  // `open: undefined` is load-bearing, not a redundant default — it is what\n  // keeps the uncontrolled third state reachable past Vue's absent-Boolean\n  // casting. `optional()` in the template is the other half; its docblock\n  // carries the reasoning for both. `content` needs no such entry: a string\n  // prop is already `undefined` when absent.\n  { open: undefined, side: \"top\", sideOffset: 6, delay: 300 },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean] }>();\n</script>\n\n<template>\n  <TooltipProvider :delay-duration=\"delay\">\n    <TooltipRoot v-bind=\"optional({ open })\" @update:open=\"$emit('update:open', $event)\">\n      <!-- @slot The element the hint describes. Rendered `as-child`, so the\n           caller's own element *is* the trigger and keeps its own accessible\n           name. -->\n      <TooltipTrigger as-child>\n        <slot name=\"trigger\" />\n      </TooltipTrigger>\n\n      <TooltipPortal>\n        <TooltipContent\n          :side=\"side\"\n          :side-offset=\"sideOffset\"\n          :class=\"\n            cn(\n              'z-50 max-w-[16rem] rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-md',\n              // Scoped to the open state, never unconditional. Reka's Presence\n              // keeps closed content mounted until an animationend arrives, and\n              // a mount-only animation never fires a second one — so an\n              // unconditional animation class leaves a stray tip in the page.\n              // Scoped, the closed element computes `animation-name: none` and\n              // Presence unmounts it at once.\n              //\n              // `delayed-open` rather than `open`: the animation belongs to the\n              // hover path, which the user waited for. A tip opened by keyboard\n              // focus appears instantly, because a keyboard user asked for it\n              // deliberately and has nothing to wait through.\n              'data-[state=delayed-open]:animate-scale-in',\n            )\n          \"\n          style=\"transform-origin: var(--reka-popper-transform-origin)\"\n        >\n          <!-- @slot The hint, where markup is needed. Takes precedence over\n               `content`. Nothing interactive belongs here — a tooltip cannot be\n               reached by keyboard or pointer. -->\n          <slot>{{ content }}</slot>\n          <TooltipArrow class=\"fill-foreground\" :width=\"10\" :height=\"5\" />\n        </TooltipContent>\n      </TooltipPortal>\n    </TooltipRoot>\n  </TooltipProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;GAqEE,OAAA,UAAA,GAAA,YAwCkB,MAAA,eAAA,GAAA,EAxCA,kBAAgB,QAAA,MAAK,GAAA;IACrC,SAAA,cAsCc,CAtCd,YAsCc,MAAA,WAAA,GAtCd,WAAqB,MAsCP,QAAA,CAtCe,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA,EAAM,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM,GAAA,CAAA,GAAA;KAIhF,SAAA,cAEiB,CAFjB,YAEiB,MAAA,cAAA,GAAA,EAFD,YAAA,GAAQ,GAAA;MACtB,SAAA,cAAuB,CAAvB,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA;;KAGzB,CAAA,GAAA,YA6BgB,MAAA,aAAA,GAAA,MAAA;MA5Bd,SAAA,cA2BiB,CA3BjB,YA2BiB,MAAA,cAAA,GAAA;OA1Bd,MAAM,QAAA;OACN,eAAa,QAAA;OACb,OAAK,eAAe,MAAA,EAAA,CAAE,CAAA,uGAAA,4CAAA,CAAA;OAiBvB,OAAA,EAAA,oBAAA,sCAAA;;OAKA,SAAA,cAA0B,CAA1B,WAA0B,KAAA,QAAA,WAAA,CAAA,SAAA,CAAjB,gBAAA,gBAAA,QAAA,OAAO,GAAA,CAAA,CAAA,CAAA,GAChB,YAAgE,MAAA,YAAA,GAAA;QAAlD,OAAM;QAAmB,OAAO;QAAK,QAAQ"}

package/dist/primitives/WindowControls/WindowControls.js

@@ -0,0 +1,7 @@
+import WindowControls_vue_vue_type_script_setup_true_lang_default from "./WindowControls.vue_vue_type_script_setup_true_lang.js";
+//#region src/primitives/WindowControls/WindowControls.vue
+var WindowControls_default = WindowControls_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { WindowControls_default as default };
+
+//# sourceMappingURL=WindowControls.js.map

package/dist/primitives/WindowControls/WindowControls.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowControls.js","names":[],"sources":["../../../src/primitives/WindowControls/WindowControls.vue"],"sourcesContent":["<script lang=\"ts\">\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 * 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/** Accessible names for the three buttons — overridable by the host for i18n. */\nexport interface WindowControlsLabels {\n  minimize: string;\n  maximize: string;\n  restore: string;\n  close: string;\n}\n</script>\n\n<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    /** Swaps the middle button between its Maximize and Restore glyph and label. */\n    isMaximized?: boolean;\n    /** Accessible names for the three buttons, for a host localising the chrome. */\n    labels?: WindowControlsLabels;\n  }>(),\n  {\n    isMaximized: false,\n    labels: () => ({\n      minimize: \"Minimize\",\n      maximize: \"Maximize\",\n      restore: \"Restore\",\n      close: \"Close\",\n    }),\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n</script>\n\n<template>\n  <div class=\"flex h-full items-stretch\" style=\"-webkit-app-region: no-drag\">\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=\"labels.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 ? labels.restore : labels.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=\"labels.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":""}

package/dist/primitives/WindowControls/WindowControls.vue.d.ts

@@ -0,0 +1,41 @@
+/**
+ * WindowControls — the minimize / maximize / close cluster for a frameless
+ * (custom-chrome) window. Presentational only: it emits intents; the host wires
+ * them to the platform (the desktop shell's window bridge). Windows-style layout —
+ * on macOS the OS draws native traffic-lights, so hide this there.
+ *
+ * The close button is the one place `destructive` is allowed without a confirm:
+ * OS window-close is an expected, reversible-by-reopen affordance.
+ */
+/** Accessible names for the three buttons — overridable by the host for i18n. */
+export interface WindowControlsLabels {
+    minimize: string;
+    maximize: string;
+    restore: string;
+    close: string;
+}
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Swaps the middle button between its Maximize and Restore glyph and label. */
+    isMaximized?: boolean;
+    /** Accessible names for the three buttons, for a host localising the chrome. */
+    labels?: WindowControlsLabels;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    minimize: () => any;
+    maximize: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Swaps the middle button between its Maximize and Restore glyph and label. */
+    isMaximized?: boolean;
+    /** Accessible names for the three buttons, for a host localising the chrome. */
+    labels?: WindowControlsLabels;
+}> & Readonly<{
+    onClose?: () => any;
+    onMinimize?: () => any;
+    onMaximize?: () => any;
+}>, {
+    isMaximized: boolean;
+    labels: WindowControlsLabels;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=WindowControls.vue.d.ts.map

package/dist/primitives/WindowControls/WindowControls.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"WindowControls.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/WindowControls/WindowControls.vue"],"names":[],"mappings":"AA6FA;;;;;;;;GAQG;AAEH,iFAAiF;AACjF,MAAM,WAAW,oBAAoB;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;IAChB,KAAK,EAAE,MAAM,CAAC;CACf;wBACoB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd,gFAAgF;kBAClE,OAAO;IACrB,gFAAgF;aACvE,oBAAoB;;;;;;IAH7B,gFAAgF;kBAClE,OAAO;IACrB,gFAAgF;aACvE,oBAAoB;;;;;;iBAFf,OAAO;YAEZ,oBAAoB;6EAwM7B,CAAC"}

package/dist/primitives/WindowControls/WindowControls.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,111 @@
+import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+//#region src/primitives/WindowControls/WindowControls.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	class: "flex h-full items-stretch",
+	style: { "-webkit-app-region": "no-drag" }
+};
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = ["aria-label"];
+var _hoisted_4 = {
+	key: 0,
+	width: "10",
+	height: "10",
+	viewBox: "0 0 10 10",
+	"aria-hidden": "true"
+};
+var _hoisted_5 = {
+	key: 1,
+	width: "10",
+	height: "10",
+	viewBox: "0 0 10 10",
+	"aria-hidden": "true"
+};
+var _hoisted_6 = ["aria-label"];
+var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "WindowControls",
+	props: {
+		isMaximized: {
+			type: Boolean,
+			default: false
+		},
+		labels: { default: () => ({
+			minimize: "Minimize",
+			maximize: "Maximize",
+			restore: "Restore",
+			close: "Close"
+		}) }
+	},
+	emits: [
+		"minimize",
+		"maximize",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const emit = __emit;
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", _hoisted_1, [
+				createElementVNode("button", {
+					type: "button",
+					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",
+					"aria-label": __props.labels.minimize,
+					"data-testid": "win-minimize",
+					onClick: _cache[0] || (_cache[0] = ($event) => emit("minimize"))
+				}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					"aria-hidden": "true"
+				}, [createElementVNode("rect", {
+					y: "4.5",
+					width: "10",
+					height: "1",
+					fill: "currentColor"
+				})], -1)])], 8, _hoisted_2),
+				createElementVNode("button", {
+					type: "button",
+					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",
+					"aria-label": __props.isMaximized ? __props.labels.restore : __props.labels.maximize,
+					"data-testid": "win-maximize",
+					onClick: _cache[1] || (_cache[1] = ($event) => emit("maximize"))
+				}, [!__props.isMaximized ? (openBlock(), createElementBlock("svg", _hoisted_4, [..._cache[4] || (_cache[4] = [createElementVNode("rect", {
+					x: "0.5",
+					y: "0.5",
+					width: "9",
+					height: "9",
+					fill: "none",
+					stroke: "currentColor"
+				}, null, -1)])])) : (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[5] || (_cache[5] = [createElementVNode("rect", {
+					x: "0.5",
+					y: "2.5",
+					width: "7",
+					height: "7",
+					fill: "none",
+					stroke: "currentColor"
+				}, null, -1), createElementVNode("path", {
+					d: "M2.5 2.5 V0.5 H9.5 V7.5 H7.5",
+					fill: "none",
+					stroke: "currentColor"
+				}, null, -1)])]))], 8, _hoisted_3),
+				createElementVNode("button", {
+					type: "button",
+					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",
+					"aria-label": __props.labels.close,
+					"data-testid": "win-close",
+					onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
+				}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
+					width: "10",
+					height: "10",
+					viewBox: "0 0 10 10",
+					"aria-hidden": "true"
+				}, [createElementVNode("path", {
+					d: "M0 0 L10 10 M10 0 L0 10",
+					stroke: "currentColor"
+				})], -1)])], 8, _hoisted_6)
+			]);
+		};
+	}
+});
+//#endregion
+export { WindowControls_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=WindowControls.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/WindowControls/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":["../../../src/primitives/WindowControls/WindowControls.vue"],"sourcesContent":["<script lang=\"ts\">\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 * 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/** Accessible names for the three buttons — overridable by the host for i18n. */\nexport interface WindowControlsLabels {\n  minimize: string;\n  maximize: string;\n  restore: string;\n  close: string;\n}\n</script>\n\n<script setup lang=\"ts\">\nwithDefaults(\n  defineProps<{\n    /** Swaps the middle button between its Maximize and Restore glyph and label. */\n    isMaximized?: boolean;\n    /** Accessible names for the three buttons, for a host localising the chrome. */\n    labels?: WindowControlsLabels;\n  }>(),\n  {\n    isMaximized: false,\n    labels: () => ({\n      minimize: \"Minimize\",\n      maximize: \"Maximize\",\n      restore: \"Restore\",\n      close: \"Close\",\n    }),\n  },\n);\n\nconst emit = defineEmits<{\n  (e: \"minimize\"): void;\n  (e: \"maximize\"): void;\n  (e: \"close\"): void;\n}>();\n</script>\n\n<template>\n  <div class=\"flex h-full items-stretch\" style=\"-webkit-app-region: no-drag\">\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=\"labels.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 ? labels.restore : labels.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=\"labels.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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCA,MAAM,OAAO;;GAQX,OAAA,UAAA,GAAA,mBAwCM,OAxCN,YAwCM;IAvCJ,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,QAAA,OAAO;KACpB,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,QAAA,OAAO,UAAU,QAAA,OAAO;KACnD,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,QAAA,OAAO;KACpB,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/styles/fonts/OFL.txt

@@ -0,0 +1,92 @@
+Copyright (c) 2023 Vercel, in collaboration with basement.studio
+
+This Font Software is licensed under the SIL Open Font License, Version 1.1.
+This license is copied below, and is also available with a FAQ at:
+http://scripts.sil.org/OFL
+
+-----------------------------------------------------------
+SIL OPEN FONT LICENSE Version 1.1 - 26 February 2007
+-----------------------------------------------------------
+
+PREAMBLE
+The goals of the Open Font License (OFL) are to stimulate worldwide
+development of collaborative font projects, to support the font creation
+efforts of academic and linguistic communities, and to provide a free and
+open framework in which fonts may be shared and improved in partnership
+with others.
+
+The OFL allows the licensed fonts to be used, studied, modified and
+redistributed freely as long as they are not sold by themselves. The
+fonts, including any derivative works, can be bundled, embedded,
+redistributed and/or sold with any software provided that any reserved
+names are not used by derivative works. The fonts and derivatives,
+however, cannot be released under any other type of license. The
+requirement for fonts to remain under this license does not apply
+to any document created using the fonts or their derivatives.
+
+DEFINITIONS
+"Font Software" refers to the set of files released by the Copyright
+Holder(s) under this license and clearly marked as such. This may
+include source files, build scripts and documentation.
+
+"Reserved Font Name" refers to any names specified as such after the
+copyright statement(s).
+
+"Original Version" refers to the collection of Font Software components as
+distributed by the Copyright Holder(s).
+
+"Modified Version" refers to any derivative made by adding to, deleting,
+or substituting -- in part or in whole -- any of the components of the
+Original Version, by changing formats or by porting the Font Software to a
+new environment.
+
+"Author" refers to any designer, engineer, programmer, technical
+writer or other person who contributed to the Font Software.
+
+PERMISSION AND CONDITIONS
+Permission is hereby granted, free of charge, to any person obtaining
+a copy of the Font Software, to use, study, copy, merge, embed, modify,
+redistribute, and sell modified and unmodified copies of the Font
+Software, subject to the following conditions:
+
+1) Neither the Font Software nor any of its individual components,
+in Original or Modified Versions, may be sold by itself.
+
+2) Original or Modified Versions of the Font Software may be bundled,
+redistributed and/or sold with any software, provided that each copy
+contains the above copyright notice and this license. These can be
+included either as stand-alone text files, human-readable headers or
+in the appropriate machine-readable metadata fields within text or
+binary files as long as those fields can be easily viewed by the user.
+
+3) No Modified Version of the Font Software may use the Reserved Font
+Name(s) unless explicit written permission is granted by the corresponding
+Copyright Holder. This restriction only applies to the primary font name as
+presented to the users.
+
+4) The name(s) of the Copyright Holder(s) or the Author(s) of the Font
+Software shall not be used to promote, endorse or advertise any
+Modified Version, except to acknowledge the contribution(s) of the
+Copyright Holder(s) and the Author(s) or with their explicit written
+permission.
+
+5) The Font Software, modified or unmodified, in part or in whole,
+must be distributed entirely under this license, and must not be
+distributed under any other license. The requirement for fonts to
+remain under this license does not apply to any document created
+using the Font Software.
+
+TERMINATION
+This license becomes null and void if any of the above conditions are
+not met.
+
+DISCLAIMER
+THE FONT SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO ANY WARRANTIES OF
+MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT
+OF COPYRIGHT, PATENT, TRADEMARK, OR OTHER RIGHT. IN NO EVENT SHALL THE
+COPYRIGHT HOLDER BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+INCLUDING ANY GENERAL, SPECIAL, INDIRECT, INCIDENTAL, OR CONSEQUENTIAL
+DAMAGES, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF THE USE OR INABILITY TO USE THE FONT SOFTWARE OR FROM
+OTHER DEALINGS IN THE FONT SOFTWARE.

package/dist/styles/fonts.css

@@ -0,0 +1,30 @@
+/**
+ * Loom — self-hosted type: Geist and Geist Mono, variable, weight 100–900.
+ *
+ * The files are vendored from the `geist` package (Vercel) and licensed under
+ * the SIL Open Font License 1.1 — `./fonts/OFL.txt` travels with them, which
+ * is what the licence requires.
+ *
+ * Self-hosting is the offline-safe rule made real. `theme.css` names Geist
+ * first in --font-sans and --font-mono; this file is what makes that name
+ * resolve, in every host, with no network fetch and no third party learning
+ * who loaded the page.
+ *
+ * Imported by `./global.css`, so a host that loads the Loom base styles gets
+ * the faces for free and never imports this file directly.
+ */
+@font-face {
+  font-family: "Geist";
+  src: url("./fonts/Geist-Variable.woff2") format("woff2");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}
+
+@font-face {
+  font-family: "Geist Mono";
+  src: url("./fonts/GeistMono-Variable.woff2") format("woff2");
+  font-weight: 100 900;
+  font-style: normal;
+  font-display: swap;
+}

package/dist/styles/global.css

@@ -0,0 +1,181 @@
+/**
+ * Loom — the stylesheet a host imports.
+ * =====================================
+ * One import gets you the Tailwind engine, the Loom theme, the self-hosted
+ * faces, the base element styling and the motion keyframe library:
+ *
+ *   @import "@ecoma-io/loom/styles/global.css";
+ *
+ * A host assembling its own entry can take `theme.css` and `fonts.css`
+ * separately instead — they are exported for exactly that — but it then owns
+ * the import order, and Tailwind must come first or `@theme` has no engine to
+ * register against.
+ *
+ * Nothing here reaches the network. The faces are vendored (./fonts/), and
+ * there is no CDN import to fail on a plane or leak a page view to a third
+ * party.
+ */
+@import "tailwindcss";
+@import "./theme.css";
+@import "./fonts.css";
+
+/* Loom's own components, registered as a scan target.
+ *
+ * Tailwind's automatic source detection skips `node_modules` — sensible for a
+ * consumer, fatal for us: every class a Loom component renders lives in the
+ * package the consumer installed, so without this line the utilities those
+ * components need are never generated and the library ships unstyled.
+ *
+ * The path is `../` in both trees by construction. In the repository this file
+ * is `src/styles/global.css`, so `../` is `src/`; in the published package it
+ * is `dist/styles/global.css`, so `../` is `dist/`. One relative path, no
+ * build-time rewrite. */
+@source "../";
+
+@layer base {
+  * {
+    border-color: var(--color-border);
+  }
+
+  html {
+    -webkit-font-smoothing: antialiased;
+    -moz-osx-font-smoothing: grayscale;
+    text-rendering: optimizeLegibility;
+    font-feature-settings: "cv01", "ss01"; /* Geist's stylistic alternates */
+  }
+
+  body {
+    background-color: var(--color-background);
+    color: var(--color-foreground);
+    font-family: var(--font-sans);
+  }
+
+  ::selection {
+    background-color: color-mix(in oklab, var(--color-primary) 22%, transparent);
+  }
+
+  /* The brand focus ring — intentional, never an afterthought, and never
+   * removed without something at least as visible replacing it. */
+  :focus-visible {
+    outline: 2px solid var(--color-ring);
+    outline-offset: 2px;
+  }
+}
+
+/* Tabular, aligned numerics wherever a number carries meaning: identifiers,
+ * counts, anything a reader scans down a column. */
+@utility tabular {
+  font-variant-numeric: tabular-nums;
+  font-family: var(--font-mono);
+}
+
+/* ---- The motion keyframe library ------------------------------------------
+ * Named and reusable; `theme.css` maps each to an `animate-*` utility. All of
+ * them are short and purposeful, and nothing loops for decoration except the
+ * loaders — where the loop IS the message.
+ */
+
+/* A plain opacity fade, for a surface that must not move: a modal backdrop,
+ * where fade-rise's 4px lift would either read as wrong or, across a full
+ * viewport, as invisible clutter. */
+@keyframes fade {
+  from {
+    opacity: 0;
+  }
+  to {
+    opacity: 1;
+  }
+}
+
+@keyframes fade-rise {
+  from {
+    opacity: 0;
+    transform: translateY(4px);
+  }
+  to {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
+
+@keyframes scale-in {
+  from {
+    opacity: 0;
+    transform: scale(0.97);
+  }
+  to {
+    opacity: 1;
+    transform: scale(1);
+  }
+}
+
+@keyframes shimmer {
+  from {
+    background-position: -180% 0;
+  }
+  to {
+    background-position: 180% 0;
+  }
+}
+
+/* Conduct — "an agent is working": the weft's shuttle beat, a pulse keeping
+ * time while the thread is carried across. This is Force 2's motion voice. */
+@keyframes conduct {
+  0%,
+  100% {
+    box-shadow: 0 0 0 0 transparent;
+  }
+  50% {
+    box-shadow: 0 0 0 4px color-mix(in oklab, var(--color-agent) 18%, transparent);
+  }
+}
+
+/* Seam-flow — a live seam: the warp↔weft boundary drifts while a human↔agent
+ * collaboration is running. Apply to a `bg-seam` element with
+ * `background-size: 200% 100%`, and stop it once the work settles. */
+@keyframes seam-flow {
+  from {
+    background-position: 0% 0;
+  }
+  to {
+    background-position: -200% 0;
+  }
+}
+
+/* Indeterminate progress: a short segment sweeping the track. Motion says
+ * "working" when there is no percentage to paint. */
+@keyframes progress-indeterminate {
+  from {
+    transform: translateX(-100%);
+  }
+  to {
+    transform: translateX(340%);
+  }
+}
+
+/* A toast entering: it slides in from the viewport's right edge — the same
+ * axis it is swiped away on — and settles with a restrained spring. Applied
+ * to the toast's inner card and never to the swipe-transformed root, so a
+ * filled transform cannot fight the swipe gesture. */
+@keyframes toast-in {
+  from {
+    opacity: 0;
+    transform: translateX(0.75rem);
+  }
+  to {
+    opacity: 1;
+    transform: translateX(0);
+  }
+}
+
+/* Respect the reader. Motion is meaning, but it is never a barrier. */
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}