@ecoma-io/loom 0.2.0 → 0.3.0

package/dist/packages/primitives/toast/src/ToastItem.vue.d.ts

@@ -0,0 +1,59 @@
+import { type LabelOverrides } from "@ecoma-io/loom-labels";
+import type { ToastVariant } from "./Toast.vue";
+import type { ToastLabels } from "@ecoma-io/loom-labels";
+/**
+
+/**
+ * Loom's English, co-located with the component so it tree-shakes with it, and
+ * exported so a host can build a partial vocabulary against the real thing.
+ */
+export declare const TOAST_LABELS: ToastLabels;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** Controls visibility; pair with `v-model:open`. Omit to let the toast own its own open state. */
+    open?: boolean | undefined;
+    /** The toast's headline — always shown. */
+    title: string;
+    /** An optional second line of detail below the title. */
+    description?: string;
+    /** Selects the accent icon and colour. */
+    variant?: ToastVariant;
+    /** ms before auto-dismiss; the Reka default pauses on hover/focus. */
+    duration?: number;
+    /** Shows the ✕ close button. */
+    closable?: boolean;
+    /** Renders a single inline action button; emits `action` when pressed. */
+    actionLabel?: string;
+    /** Names for what the card says on its own account, as any subset of `ToastLabels`. */
+    labels?: LabelOverrides<ToastLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    action: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** Controls visibility; pair with `v-model:open`. Omit to let the toast own its own open state. */
+    open?: boolean | undefined;
+    /** The toast's headline — always shown. */
+    title: string;
+    /** An optional second line of detail below the title. */
+    description?: string;
+    /** Selects the accent icon and colour. */
+    variant?: ToastVariant;
+    /** ms before auto-dismiss; the Reka default pauses on hover/focus. */
+    duration?: number;
+    /** Shows the ✕ close button. */
+    closable?: boolean;
+    /** Renders a single inline action button; emits `action` when pressed. */
+    actionLabel?: string;
+    /** Names for what the card says on its own account, as any subset of `ToastLabels`. */
+    labels?: LabelOverrides<ToastLabels>;
+}> & Readonly<{
+    "onUpdate:open"?: (value: boolean) => any;
+    onAction?: () => any;
+}>, {
+    duration: number;
+    open: boolean | undefined;
+    variant: ToastVariant;
+    closable: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=ToastItem.vue.d.ts.map

package/dist/packages/primitives/toast/src/ToastItem.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toast/src/ToastItem.vue"],"names":[],"mappings":"AAyIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAIvE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC;AAEzD;;;;;GAKG;AACH,eAAO,MAAM,YAAY,EAAE,WAI1B,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAQd,mGAAmG;WAC5F,OAAO,GAAG,SAAS;IAC1B,2CAA2C;WACpC,MAAM;IACb,yDAAyD;kBAC3C,MAAM;IACpB,0CAA0C;cAChC,YAAY;IACtB,sEAAsE;eAC3D,MAAM;IACjB,gCAAgC;eACrB,OAAO;IAClB,0EAA0E;kBAC5D,MAAM;IACpB,uFAAuF;aAC9E,cAAc,CAAC,WAAW,CAAC;;;;;IAfpC,mGAAmG;WAC5F,OAAO,GAAG,SAAS;IAC1B,2CAA2C;WACpC,MAAM;IACb,yDAAyD;kBAC3C,MAAM;IACpB,0CAA0C;cAChC,YAAY;IACtB,sEAAsE;eAC3D,MAAM;IACjB,gCAAgC;eACrB,OAAO;IAClB,0EAA0E;kBAC5D,MAAM;IACpB,uFAAuF;aAC9E,cAAc,CAAC,WAAW,CAAC;;;;;cANzB,MAAM;UARV,OAAO,GAAG,SAAS;aAMhB,YAAY;cAIX,OAAO;6EAmRlB,CAAC"}

package/dist/packages/primitives/toast/src/ToastItem.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,118 @@
+import { cn } from "../../../core/src/cn.js";
+import { optional } from "../../../core/src/props.js";
+import "../../../core/src/index.js";
+import { useLabels } from "../../../labels/src/labels.js";
+import "../../../labels/src/index.js";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { CircleCheck, CircleX, Info, Sparkles, TriangleAlert, X } from "@lucide/vue";
+import { ToastAction, ToastClose, ToastDescription, ToastRoot, ToastTitle } from "reka-ui";
+//#region packages/primitives/toast/src/ToastItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "min-w-0 flex-1" };
+var _hoisted_2 = {
+	type: "button",
+	class: "shrink-0 rounded-sm px-2 py-1 text-xs font-medium text-primary-text transition-colors duration-fast ease-out hover:bg-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+};
+/**
+
+/**
+* Loom's English, co-located with the component so it tree-shakes with it, and
+* exported so a host can build a partial vocabulary against the real thing.
+*/
+var TOAST_LABELS = {
+	close: "Close",
+	announce: "Notification",
+	region: ({ hotkey }) => `Notifications (${hotkey})`
+};
+var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "ToastItem",
+	props: {
+		open: {
+			type: Boolean,
+			default: void 0
+		},
+		title: {},
+		description: {},
+		variant: { default: "info" },
+		duration: { default: 5e3 },
+		closable: {
+			type: Boolean,
+			default: true
+		},
+		actionLabel: {},
+		labels: {}
+	},
+	emits: ["update:open", "action"],
+	setup(__props) {
+		const props = __props;
+		const text = useLabels("toast", TOAST_LABELS, () => props.labels);
+		const toastAccents = {
+			info: {
+				icon: Info,
+				color: "text-info-text"
+			},
+			success: {
+				icon: CircleCheck,
+				color: "text-success-text"
+			},
+			warning: {
+				icon: TriangleAlert,
+				color: "text-warning"
+			},
+			destructive: {
+				icon: CircleX,
+				color: "text-destructive-text"
+			},
+			accent: {
+				icon: Sparkles,
+				color: "text-primary-text"
+			}
+		};
+		const accent = computed(() => toastAccents[props.variant]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastRoot), mergeProps(unref(optional)({ open: __props.open }), {
+				duration: __props.duration,
+				class: "outline-none",
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:open", $event))
+			}), {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("relative flex animate-toast-in items-start gap-3 rounded-md border border-border bg-popover p-3 pr-8 text-popover-foreground shadow-lg", __props.variant === "accent" && "border-primary/40")) }, [
+					(openBlock(), createBlock(resolveDynamicComponent(accent.value.icon), {
+						class: normalizeClass(unref(cn)("mt-0.5 h-4 w-4 shrink-0", accent.value.color)),
+						"aria-hidden": "true"
+					}, null, 8, ["class"])),
+					createElementVNode("div", _hoisted_1, [createVNode(unref(ToastTitle), { class: "text-sm font-medium" }, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.title), 1)]),
+						_: 1
+					}), __props.description ? (openBlock(), createBlock(unref(ToastDescription), {
+						key: 0,
+						class: "mt-0.5 text-xs text-muted-foreground"
+					}, {
+						default: withCtx(() => [createTextVNode(toDisplayString(__props.description), 1)]),
+						_: 1
+					})) : createCommentVNode("", true)]),
+					__props.actionLabel ? (openBlock(), createBlock(unref(ToastAction), {
+						key: 0,
+						"alt-text": __props.actionLabel,
+						"as-child": "",
+						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("action"))
+					}, {
+						default: withCtx(() => [createElementVNode("button", _hoisted_2, toDisplayString(__props.actionLabel), 1)]),
+						_: 1
+					}, 8, ["alt-text"])) : createCommentVNode("", true),
+					__props.closable ? (openBlock(), createBlock(unref(ToastClose), {
+						key: 1,
+						"aria-label": unref(text).close,
+						class: "absolute right-2 top-2 inline-flex h-6 w-6 items-center justify-center rounded-sm text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
+					}, {
+						default: withCtx(() => [createVNode(unref(X), { class: "h-3.5 w-3.5" })]),
+						_: 1
+					}, 8, ["aria-label"])) : createCommentVNode("", true)
+				], 2)]),
+				_: 1
+			}, 16, ["duration"]);
+		};
+	}
+});
+//#endregion
+export { TOAST_LABELS, ToastItem_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=ToastItem.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/toast/src/ToastItem.vue_vue_type_script_setup_true_lang.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../packages/primitives/toast/src/ToastItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { ToastLabels } from \"@ecoma-io/loom-labels\";\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 TOAST_LABELS: ToastLabels = {\n  close: \"Close\",\n  announce: \"Notification\",\n  region: ({ hotkey }) => `Notifications (${hotkey})`,\n};\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose } from \"reka-ui\";\nimport { useLabels, type LabelOverrides } from \"@ecoma-io/loom-labels\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, Sparkles, X } from \"@lucide/vue\";\nimport { cn } from \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\nimport type { ToastVariant } from \"./Toast.vue\";\n\n/**\n * ToastItem — one toast card (ToastRoot + Loom treatment), INTERNAL to\n * the design system. It must live inside a `ToastProvider` whose\n * `ToastViewport` it teleports into: `Toast` bundles that pair for the\n * standalone case. Not exported from the barrel — hosts use `Toast`.\n */\nconst props = withDefaults(\n  defineProps<{\n    /** Controls visibility; pair with `v-model:open`. Omit to let the toast own its own open state. */\n    open?: boolean | undefined;\n    /** The toast's headline — always shown. */\n    title: string;\n    /** An optional second line of detail below the title. */\n    description?: string;\n    /** Selects the accent icon and colour. */\n    variant?: ToastVariant;\n    /** ms before auto-dismiss; the Reka default pauses on hover/focus. */\n    duration?: number;\n    /** Shows the ✕ close button. */\n    closable?: boolean;\n    /** Renders a single inline action button; emits `action` when pressed. */\n    actionLabel?: string;\n    /** Names for what the card says on its own account, as any subset of `ToastLabels`. */\n    labels?: LabelOverrides<ToastLabels>;\n  }>(),\n  {\n    // See Toast.vue: `undefined` is the uncontrolled state, and only an\n    // explicit default keeps it reachable past Vue's Boolean casting.\n    open: undefined,\n    variant: \"info\",\n    duration: 5000,\n    closable: true,\n  },\n);\n\ndefineEmits<{ \"update:open\": [value: boolean]; action: [] }>();\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(\"toast\", TOAST_LABELS, () => props.labels);\n\n// `satisfies` binds this map to ToastVariant so a variant added to the type\n// without a matching entry here fails at compile time (Button's own idiom).\nconst toastAccents = {\n  info: { icon: Info, color: \"text-info-text\" },\n  success: { icon: CircleCheck, color: \"text-success-text\" },\n  warning: { icon: TriangleAlert, color: \"text-warning\" },\n  destructive: { icon: CircleX, color: \"text-destructive-text\" },\n  accent: { icon: Sparkles, color: \"text-primary-text\" },\n} satisfies Record<ToastVariant, { icon: typeof Info; color: string }>;\n\nconst accent = computed(() => toastAccents[props.variant]);\n</script>\n\n<template>\n  <!-- The slide-in animation rides this inner card, never ToastRoot: Reka\n       drives ToastRoot's own transform for the swipe-to-dismiss gesture, so a\n       filled entrance transform there would freeze the swipe. ToastRoot itself\n       carries no animation, so Reka Presence unmounts it immediately on close. -->\n  <ToastRoot\n    v-bind=\"optional({ open })\"\n    :duration=\"duration\"\n    class=\"outline-none\"\n    @update:open=\"$emit('update:open', $event)\"\n  >\n    <div\n      :class=\"\n        cn(\n          'relative flex animate-toast-in items-start gap-3 rounded-md border border-border bg-popover p-3 pr-8 text-popover-foreground shadow-lg',\n          // Accent variant: a highlighted border to draw attention to the\n          // toast's distinctiveness from the standard variants.\n          variant === 'accent' && 'border-primary/40',\n        )\n      \"\n    >\n      <component\n        :is=\"accent.icon\"\n        :class=\"cn('mt-0.5 h-4 w-4 shrink-0', accent.color)\"\n        aria-hidden=\"true\"\n      />\n      <div class=\"min-w-0 flex-1\">\n        <ToastTitle class=\"text-sm font-medium\">{{ title }}</ToastTitle>\n        <ToastDescription v-if=\"description\" class=\"mt-0.5 text-xs text-muted-foreground\">\n          {{ description }}\n        </ToastDescription>\n      </div>\n\n      <ToastAction v-if=\"actionLabel\" :alt-text=\"actionLabel\" as-child @click=\"$emit('action')\">\n        <button\n          type=\"button\"\n          class=\"shrink-0 rounded-sm px-2 py-1 text-xs font-medium text-primary-text transition-colors duration-fast ease-out hover:bg-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n        >\n          {{ actionLabel }}\n        </button>\n      </ToastAction>\n\n      <ToastClose\n        v-if=\"closable\"\n        :aria-label=\"text.close\"\n        class=\"absolute right-2 top-2 inline-flex h-6 w-6 items-center justify-center rounded-sm text-muted-foreground transition-colors duration-fast ease-out hover:bg-subtle hover:text-foreground focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring\"\n      >\n        <X class=\"h-3.5 w-3.5\" />\n      </ToastClose>\n    </div>\n  </ToastRoot>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AASA,IAAa,eAA4B;CACvC,OAAO;CACP,UAAU;CACV,SAAS,EAAE,aAAa,kBAAkB,OAAO;AACnD;;;;;;;;;;;;;;;;;;;;;EAkBA,MAAM,QAAQ;EAkCd,MAAM,OAAO,UAAU,SAAS,oBAAoB,MAAM,MAAM;EAIhE,MAAM,eAAe;GACnB,MAAM;IAAE,MAAM;IAAM,OAAO;GAAiB;GAC5C,SAAS;IAAE,MAAM;IAAa,OAAO;GAAoB;GACzD,SAAS;IAAE,MAAM;IAAe,OAAO;GAAe;GACtD,aAAa;IAAE,MAAM;IAAS,OAAO;GAAwB;GAC7D,QAAQ;IAAE,MAAM;IAAU,OAAO;GAAoB;EACvD;EAEA,MAAM,SAAS,eAAe,aAAa,MAAM,QAAQ;;GAQvD,OAAA,UAAA,GAAA,YA6CY,MAAA,SAAA,GA7CZ,WACU,MA4CE,QAAA,CA5CM,CAAA,EAAA,MAAG,QAAA,KAAI,CAAA,GAAA;IACtB,UAAU,QAAA;IACX,OAAM;IACL,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM;;IAEzC,SAAA,cAsCM,CAtCN,mBAsCM,OAAA,EArCH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,0IAA4S,QAAA,YAAO,YAAA,mBAAA,CAAA,EAAA,GAAA;MAStU,UAAA,GAAA,YAIE,wBAHK,OAAA,MAAO,IAAI,GAAA;MACf,OAAK,eAAE,MAAA,EAAA,CAAE,CAAA,2BAA4B,OAAA,MAAO,KAAK,CAAA;MAClD,eAAY;;KAEd,mBAKM,OALN,YAKM,CAJJ,YAAgE,MAAA,UAAA,GAAA,EAApD,OAAM,sBAAqB,GAAA;MAAC,SAAA,cAAW,CAAR,gBAAA,gBAAA,QAAA,KAAK,GAAA,CAAA,CAAA,CAAA;;KACxB,CAAA,GAAA,QAAA,eAAxB,UAAA,GAAA,YAEmB,MAAA,gBAAA,GAAA;;MAFkB,OAAM;;MACzC,SAAA,cAAiB,CAAd,gBAAA,gBAAA,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;KAIC,QAAA,eAAnB,UAAA,GAAA,YAOc,MAAA,WAAA,GAAA;;MAPmB,YAAU,QAAA;MAAa,YAAA;MAAU,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;;MAC5E,SAAA,cAKS,CALT,mBAKS,UALT,YAKS,gBADJ,QAAA,WAAW,GAAA,CAAA,CAAA,CAAA;;;KAKV,QAAA,YADR,UAAA,GAAA,YAMa,MAAA,UAAA,GAAA;;MAJV,cAAY,MAAA,IAAA,CAAI,CAAC;MAClB,OAAM;;MAEN,SAAA,cAAyB,CAAzB,YAAyB,MAAA,CAAA,GAAA,EAAtB,OAAM,cAAa,CAAA,CAAA,CAAA"}

package/dist/packages/primitives/toast/src/index.d.ts

@@ -0,0 +1,6 @@
+export { default, TOAST_LABELS } from "./Toast.vue";
+export { default as Toast } from "./Toast.vue";
+export type { ToastVariant } from "./Toast.vue";
+export { default as ToastItem } from "./ToastItem.vue";
+export type { ToastLabels } from "@ecoma-io/loom-labels";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/toast/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/toast/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEpD,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,aAAa,CAAC;AAC/C,YAAY,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAChD,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,iBAAiB,CAAC;AACvD,YAAY,EAAE,WAAW,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/packages/primitives/toast/src/index.js

@@ -0,0 +1,4 @@
+import { TOAST_LABELS } from "./ToastItem.vue_vue_type_script_setup_true_lang.js";
+import ToastItem_default from "./ToastItem.js";
+import Toast_default from "./Toast.js";
+export { TOAST_LABELS, Toast_default as Toast, ToastItem_default as ToastItem };

package/dist/packages/primitives/tooltip/src/Tooltip.js

@@ -0,0 +1,7 @@
+import Tooltip_vue_vue_type_script_setup_true_lang_default from "./Tooltip.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/tooltip/src/Tooltip.vue
+var Tooltip_default = Tooltip_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { Tooltip_default as default };
+
+//# sourceMappingURL=Tooltip.js.map

package/dist/packages/primitives/tooltip/src/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","names":[],"sources":["../../../../../packages/primitives/tooltip/src/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 \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\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":""}

package/dist/packages/primitives/tooltip/src/Tooltip.vue.d.ts

@@ -0,0 +1,52 @@
+/**
+ * Which edge of the trigger the tip prefers, before collision flipping. The
+ * members mirror Reka's own `Side`, and the template binding is what enforces
+ * that: a member Reka does not accept stops `:side="side"` type-checking.
+ * Declared here rather than aliased so the generated props table prints the
+ * four values instead of a name that tells the reader nothing.
+ */
+export type TooltipSide = "top" | "right" | "bottom" | "left";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
+    /** The hint text. The default slot overrides it where the hint needs markup. */
+    content?: string;
+    /** The edge of the trigger to anchor against, before collision flipping. */
+    side?: TooltipSide;
+    /** Gap in pixels between the trigger and the tip. */
+    sideOffset?: number;
+    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */
+    delay?: number;
+    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */
+    open?: boolean | undefined;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The hint text. The default slot overrides it where the hint needs markup. */
+    content?: string;
+    /** The edge of the trigger to anchor against, before collision flipping. */
+    side?: TooltipSide;
+    /** Gap in pixels between the trigger and the tip. */
+    sideOffset?: number;
+    /** Milliseconds of hover before the tip appears. Keyboard focus is always immediate. */
+    delay?: number;
+    /** Drive the tip from the host with `v-model:open` — an onboarding hint, say. Omit it for hover and focus alone. */
+    open?: boolean | undefined;
+}> & Readonly<{
+    "onUpdate:open"?: (value: boolean) => any;
+}>, {
+    delay: number;
+    side: TooltipSide;
+    sideOffset: number;
+    open: boolean | undefined;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
+    trigger?: (props: {}) => any;
+} & {
+    default?: (props: {}) => any;
+}>;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};
+//# sourceMappingURL=Tooltip.vue.d.ts.map

package/dist/packages/primitives/tooltip/src/Tooltip.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/tooltip/src/Tooltip.vue"],"names":[],"mappings":"AA8HA;;;;;;GAMG;AACH,MAAM,MAAM,WAAW,GAAG,KAAK,GAAG,OAAO,GAAG,QAAQ,GAAG,MAAM,CAAC;wBACzC,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAuBd,gFAAgF;cACtE,MAAM;IAChB,4EAA4E;WACrE,WAAW;IAClB,qDAAqD;iBACxC,MAAM;IACnB,wFAAwF;YAChF,MAAM;IACd,oHAAoH;WAC7G,OAAO,GAAG,SAAS;;;;IAT1B,gFAAgF;cACtE,MAAM;IAChB,4EAA4E;WACrE,WAAW;IAClB,qDAAqD;iBACxC,MAAM;IACnB,wFAAwF;YAChF,MAAM;IACd,oHAAoH;WAC7G,OAAO,GAAG,SAAS;;;;WAFlB,MAAM;UAJP,WAAW;gBAEL,MAAM;UAIZ,OAAO,GAAG,SAAS;;cAwLhB,CAAC,KAAK,IAAiB,KAAK,GAAG;;cAC/B,CAAC,KAAK,IAAiB,KAAK,GAAG;EAWzC,CAAC;AAWL,KAAK,eAAe,CAAC,CAAC,EAAE,CAAC,IAAI,CAAC,GAAG;IAChC,QAAO;QACN,MAAM,EAAE,CAAC,CAAC;KACV,CAAA;CACD,CAAC"}

package/dist/packages/primitives/tooltip/src/Tooltip.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,57 @@
+import { cn } from "../../../core/src/cn.js";
+import { optional } from "../../../core/src/props.js";
+import "../../../core/src/index.js";
+import { createBlock, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, renderSlot, toDisplayString, unref, withCtx } from "vue";
+import { TooltipArrow, TooltipContent, TooltipPortal, TooltipProvider, TooltipRoot, TooltipTrigger } from "reka-ui";
+//#region packages/primitives/tooltip/src/Tooltip.vue?vue&type=script&setup=true&lang.ts
+var Tooltip_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Tooltip",
+	props: {
+		content: {},
+		side: { default: "top" },
+		sideOffset: { default: 6 },
+		delay: { default: 300 },
+		open: {
+			type: Boolean,
+			default: void 0
+		}
+	},
+	emits: ["update:open"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(TooltipProvider), { "delay-duration": __props.delay }, {
+				default: withCtx(() => [createVNode(unref(TooltipRoot), mergeProps(unref(optional)({ open: __props.open }), { "onUpdate:open": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:open", $event)) }), {
+					default: withCtx(() => [createVNode(unref(TooltipTrigger), { "as-child": "" }, {
+						default: withCtx(() => [renderSlot(_ctx.$slots, "trigger")]),
+						_: 3
+					}), createVNode(unref(TooltipPortal), null, {
+						default: withCtx(() => [createVNode(unref(TooltipContent), {
+							side: __props.side,
+							"side-offset": __props.sideOffset,
+							class: normalizeClass(unref(cn)("z-50 max-w-[16rem] rounded-md bg-foreground px-2 py-1 text-xs font-medium text-background shadow-md", "data-[state=delayed-open]:animate-scale-in")),
+							style: { "transform-origin": "var(--reka-popper-transform-origin)" }
+						}, {
+							default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createTextVNode(toDisplayString(__props.content), 1)]), createVNode(unref(TooltipArrow), {
+								class: "fill-foreground",
+								width: 10,
+								height: 5
+							})]),
+							_: 3
+						}, 8, [
+							"side",
+							"side-offset",
+							"class"
+						])]),
+						_: 3
+					})]),
+					_: 3
+				}, 16)]),
+				_: 3
+			}, 8, ["delay-duration"]);
+		};
+	}
+});
+//#endregion
+export { Tooltip_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Tooltip.vue_vue_type_script_setup_true_lang.js.map

package/dist/packages/primitives/tooltip/src/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":["../../../../../packages/primitives/tooltip/src/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 \"@ecoma-io/loom-core\";\nimport { optional } from \"@ecoma-io/loom-core\";\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/packages/primitives/tooltip/src/index.d.ts

@@ -0,0 +1,3 @@
+export { default } from "./Tooltip.vue";
+export type { TooltipSide } from "./Tooltip.vue";
+//# sourceMappingURL=index.d.ts.map

package/dist/packages/primitives/tooltip/src/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/tooltip/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,eAAe,CAAC;AACxC,YAAY,EAAE,WAAW,EAAE,MAAM,eAAe,CAAC"}

package/dist/packages/primitives/tooltip/src/index.js

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

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

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

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

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

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

@@ -0,0 +1,81 @@
+import { type LabelOverrides } from "@ecoma-io/loom-labels";
+import type { WindowControlsLabels } from "@ecoma-io/loom-labels";
+/**
+ * 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.
+ *
+ * `platform` tells the cluster whether to render at all: on macOS the operating
+ * system owns the traffic-light buttons, so a second set drawn by Loom would be
+ * redundant and confusing. The host decides which platform it is on — Loom never
+ * sniffs the OS at runtime, because a Tauri or Electron host already knows its
+ * platform and a PWA has no native window controls to compete with.
+ *
+ * The close button is the one place `destructive` is allowed without a confirm:
+ * OS window-close is an expected, reversible-by-reopen affordance.
+ */
+/** The desktop platform that owns the window chrome. */
+export type WindowPlatform = "windows" | "macos" | "linux";
+/**
+
+/**
+ * Loom's English, co-located with the component so it tree-shakes with it, and
+ * exported so a host can build a partial vocabulary against the real thing.
+ */
+export declare const WINDOW_CONTROLS_LABELS: WindowControlsLabels;
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /**
+     * The desktop platform the window is running on. On macOS the OS draws its
+     * own traffic-light buttons, so this cluster renders nothing there. The host
+     * decides — Loom does not sniff the OS, because the host already knows its
+     * platform and a PWA has no native controls to avoid.
+     */
+    platform?: WindowPlatform;
+    /** Swaps the middle button between its Maximize and Restore glyph and label. */
+    isMaximized?: boolean;
+    /**
+     * Names for the three buttons, as any subset of `WindowControlsLabels` —
+     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and
+     * then as Loom's English.
+     *
+     * This took a whole object before the seam existed, which meant a host that
+     * wanted one word in their own language had to restate the other three in
+     * English and keep them in step by hand.
+     */
+    labels?: LabelOverrides<WindowControlsLabels>;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    close: () => any;
+    minimize: () => any;
+    maximize: () => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /**
+     * The desktop platform the window is running on. On macOS the OS draws its
+     * own traffic-light buttons, so this cluster renders nothing there. The host
+     * decides — Loom does not sniff the OS, because the host already knows its
+     * platform and a PWA has no native controls to avoid.
+     */
+    platform?: WindowPlatform;
+    /** Swaps the middle button between its Maximize and Restore glyph and label. */
+    isMaximized?: boolean;
+    /**
+     * Names for the three buttons, as any subset of `WindowControlsLabels` —
+     * the rest stay as the host's `provideLoomLabels` vocabulary left them, and
+     * then as Loom's English.
+     *
+     * This took a whole object before the seam existed, which meant a host that
+     * wanted one word in their own language had to restate the other three in
+     * English and keep them in step by hand.
+     */
+    labels?: LabelOverrides<WindowControlsLabels>;
+}> & Readonly<{
+    onClose?: () => any;
+    onMinimize?: () => any;
+    onMaximize?: () => any;
+}>, {
+    platform: WindowPlatform;
+    isMaximized: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=WindowControls.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"WindowControls.vue.d.ts","sourceRoot":"","sources":["../../../../../packages/primitives/window-controls/src/WindowControls.vue"],"names":[],"mappings":"AAgIA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAGvE,OAAO,KAAK,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAClE;;;;;;;;;;;;;;GAcG;AAEH,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D;;;;;GAKG;AACH,eAAO,MAAM,sBAAsB,EAAE,oBAKpC,CAAC;wBACmB,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAEd;;;;;OAKG;eACQ,cAAc;IACzB,gFAAgF;kBAClE,OAAO;IACrB;;;;;;;;OAQG;aACM,cAAc,CAAC,oBAAoB,CAAC;;;;;;IAlB7C;;;;;OAKG;eACQ,cAAc;IACzB,gFAAgF;kBAClE,OAAO;IACrB;;;;;;;;OAQG;aACM,cAAc,CAAC,oBAAoB,CAAC;;;;;;cAZlC,cAAc;iBAEX,OAAO;6EA6MrB,CAAC"}

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

@@ -0,0 +1,124 @@
+import { useLabels } from "../../../labels/src/labels.js";
+import "../../../labels/src/index.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, unref } from "vue";
+//#region packages/primitives/window-controls/src/WindowControls.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = {
+	key: 0,
+	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"];
+/**
+
+/**
+* Loom's English, co-located with the component so it tree-shakes with it, and
+* exported so a host can build a partial vocabulary against the real thing.
+*/
+var WINDOW_CONTROLS_LABELS = {
+	minimize: "Minimize",
+	maximize: "Maximize",
+	restore: "Restore",
+	close: "Close"
+};
+var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "WindowControls",
+	props: {
+		platform: { default: "windows" },
+		isMaximized: {
+			type: Boolean,
+			default: false
+		},
+		labels: {}
+	},
+	emits: [
+		"minimize",
+		"maximize",
+		"close"
+	],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const text = useLabels("windowControls", WINDOW_CONTROLS_LABELS, () => props.labels);
+		return (_ctx, _cache) => {
+			return __props.platform !== "macos" ? (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": unref(text).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 ? unref(text).restore : unref(text).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": unref(text).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)
+			])) : createCommentVNode("", true);
+		};
+	}
+});
+//#endregion
+export { WINDOW_CONTROLS_LABELS, WindowControls_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=WindowControls.vue_vue_type_script_setup_true_lang.js.map