@ecoma-io/loom 0.1.1 → 0.2.0

package/dist/primitives/Toast/ToastItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastItem.js","names":[],"sources":["../../../src/primitives/Toast/ToastItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose } from \"reka-ui\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, Sparkles, X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\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  }>(),\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// `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\" },\n  success: { icon: CircleCheck, color: \"text-success\" },\n  warning: { icon: TriangleAlert, color: \"text-warning\" },\n  destructive: { icon: CircleX, color: \"text-destructive\" },\n  ai: { icon: Sparkles, color: \"text-primary\" },\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          // Agent emission (Signature law): an AI-authored toast breathes a\n          // Conduct pulse — the one variant driven by an agent, made visible.\n          variant === 'ai' && 'border-primary/40',\n        )\n      \"\n    >\n      <span\n        v-if=\"variant === 'ai'\"\n        aria-hidden=\"true\"\n        class=\"pointer-events-none absolute inset-0 rounded-md animate-conduct\"\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 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=\"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":""}
+{"version":3,"file":"ToastItem.js","names":[],"sources":["../../../src/primitives/Toast/ToastItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { LabelOf } from \"../../lib/labels\";\n\n/**\n * Everything a toast publishes that is not the host's own copy — including the\n * two strings Reka UI would otherwise supply in English of its own accord.\n *\n * Declared here rather than in `Toast.vue`, which is where a reader would look\n * for it, and the reason is a module cycle rather than a preference.\n * `Toast.vue` imports this file; this file needs the defaults for the close\n * control it renders. Declaring them in `Toast.vue` and importing them back\n * would make that a real runtime cycle where today it is a type-only one, and\n * it would cost the block that reuses this card — `ToastStack` mounts\n * `ToastItem` directly through its own provider — the whole seam. Owning them\n * here means every card resolves its own names wherever it is mounted.\n *\n * `announce` and `region` are not decoration. Reka's `ToastProvider` defaults\n * its `label` to \"Notification\" and reads it out ahead of every toast's own\n * text in a hidden live region; its `ToastViewport` names the list\n * \"Notifications ({hotkey})\". Both are real props rather than hard-coded\n * vnode attributes, so these are set rather than overridden — but leaving\n * either unset falls back to English, not to nothing.\n */\nexport interface ToastLabels {\n  /** The ✕ control on the card. */\n  readonly close: string;\n  /**\n   * Spoken before each toast's own title, in a hidden live region, to say what\n   * kind of thing has just arrived. Keep it to one word — it is a prefix on\n   * every announcement, not a sentence.\n   */\n  readonly announce: string;\n  /**\n   * The name of the list the toasts stack in. `hotkey` is the key that focuses\n   * it, as the environment reports it (\"F8\"), handed over raw so a language\n   * can put it wherever it belongs in the phrase.\n   */\n  readonly region: LabelOf<{ hotkey: string }>;\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 \"../../lib/labels\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, Sparkles, X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\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\" },\n  success: { icon: CircleCheck, color: \"text-success\" },\n  warning: { icon: TriangleAlert, color: \"text-warning\" },\n  destructive: { icon: CircleX, color: \"text-destructive\" },\n  accent: { icon: Sparkles, color: \"text-primary\" },\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 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":""}

package/dist/primitives/Toast/ToastItem.vue.d.ts

@@ -1,11 +1,52 @@
+import { type LabelOverrides } from "../../lib/labels";
 import type { ToastVariant } from "./Toast.vue";
+import type { LabelOf } from "../../lib/labels";
 /**
- * ToastItem — one toast card (ToastRoot + Loom treatment), INTERNAL to
- * the design system. It must live inside a `ToastProvider` whose
- * `ToastViewport` it teleports into: `Toast` bundles that pair for the
- * standalone case. Not exported from the barrel — hosts use `Toast`.
+ * Everything a toast publishes that is not the host's own copy — including the
+ * two strings Reka UI would otherwise supply in English of its own accord.
+ *
+ * Declared here rather than in `Toast.vue`, which is where a reader would look
+ * for it, and the reason is a module cycle rather than a preference.
+ * `Toast.vue` imports this file; this file needs the defaults for the close
+ * control it renders. Declaring them in `Toast.vue` and importing them back
+ * would make that a real runtime cycle where today it is a type-only one, and
+ * it would cost the block that reuses this card — `ToastStack` mounts
+ * `ToastItem` directly through its own provider — the whole seam. Owning them
+ * here means every card resolves its own names wherever it is mounted.
+ *
+ * `announce` and `region` are not decoration. Reka's `ToastProvider` defaults
+ * its `label` to "Notification" and reads it out ahead of every toast's own
+ * text in a hidden live region; its `ToastViewport` names the list
+ * "Notifications ({hotkey})". Both are real props rather than hard-coded
+ * vnode attributes, so these are set rather than overridden — but leaving
+ * either unset falls back to English, not to nothing.
  */
-type __VLS_Props = {
+export interface ToastLabels {
+    /** The ✕ control on the card. */
+    readonly close: string;
+    /**
+     * Spoken before each toast's own title, in a hidden live region, to say what
+     * kind of thing has just arrived. Keep it to one word — it is a prefix on
+     * every announcement, not a sentence.
+     */
+    readonly announce: string;
+    /**
+     * The name of the list the toasts stack in. `hotkey` is the key that focuses
+     * it, as the environment reports it ("F8"), handed over raw so a language
+     * can put it wherever it belongs in the phrase.
+     */
+    readonly region: LabelOf<{
+        hotkey: string;
+    }>;
+}
+/**
+ * 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. */
@@ -20,19 +61,35 @@ type __VLS_Props = {
     closable?: boolean;
     /** Renders a single inline action button; emits `action` when pressed. */
     actionLabel?: string;
-};
-declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    /** 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<__VLS_Props> & Readonly<{
+}, 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;
 }>, {
-    variant: ToastVariant;
+    duration: number;
     open: boolean | undefined;
+    variant: ToastVariant;
     closable: boolean;
-    duration: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
-declare const _default: typeof __VLS_export;
-export default _default;
 //# sourceMappingURL=ToastItem.vue.d.ts.map

package/dist/primitives/Toast/ToastItem.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ToastItem.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Toast/ToastItem.vue"],"names":[],"mappings":"AAyHA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;GAKG;AACH,KAAK,WAAW,GAAG;IACf,mGAAmG;IACnG,IAAI,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC3B,2CAA2C;IAC3C,KAAK,EAAE,MAAM,CAAC;IACd,yDAAyD;IACzD,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,0CAA0C;IAC1C,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,sEAAsE;IACtE,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,gCAAgC;IAChC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,0EAA0E;IAC1E,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB,CAAC;AA8QJ,QAAA,MAAM,YAAY;;;;;;;aArRJ,YAAY;UANf,OAAO,GAAG,SAAS;cAUf,OAAO;cAFP,MAAM;6EAuRnB,CAAC;wBACkB,OAAO,YAAY;AAAxC,wBAAyC"}
+{"version":3,"file":"ToastItem.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Toast/ToastItem.vue"],"names":[],"mappings":"AA4KA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAIlE,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAGhD,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAEhD;;;;;;;;;;;;;;;;;;;GAmBG;AACH,MAAM,WAAW,WAAW;IAC1B,iCAAiC;IACjC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B;;;;OAIG;IACH,QAAQ,CAAC,MAAM,EAAE,OAAO,CAAC;QAAE,MAAM,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CAC9C;AAED;;;GAGG;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/primitives/Toast/ToastItem.vue_vue_type_script_setup_true_lang.js

@@ -1,25 +1,24 @@
 import { cn } from "../../lib/cn.js";
 import { optional } from "../../lib/props.js";
+import { useLabels } from "../../lib/labels.js";
 import { CircleCheck, CircleX, Info, Sparkles, TriangleAlert, X } from "@lucide/vue";
-import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
+import { computed, createBlock, createCommentVNode, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, resolveDynamicComponent, toDisplayString, unref, withCtx } from "vue";
 import { ToastAction, ToastClose, ToastDescription, ToastRoot, ToastTitle } from "reka-ui";
 //#region src/primitives/Toast/ToastItem.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
-	key: 0,
-	"aria-hidden": "true",
-	class: "pointer-events-none absolute inset-0 rounded-md animate-conduct"
-};
-var _hoisted_2 = { class: "min-w-0 flex-1" };
-var _hoisted_3 = {
+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 transition-colors duration-fast ease-out hover:bg-subtle focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring"
 };
 /**
-* ToastItem — one toast card (ToastRoot + Loom treatment), INTERNAL to
-* the design system. It must live inside a `ToastProvider` whose
-* `ToastViewport` it teleports into: `Toast` bundles that pair for the
-* standalone case. Not exported from the barrel — hosts use `Toast`.
+* 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: {
@@ -35,11 +34,13 @@ var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 			type: Boolean,
 			default: true
 		},
-		actionLabel: {}
+		actionLabel: {},
+		labels: {}
 	},
 	emits: ["update:open", "action"],
 	setup(__props) {
 		const props = __props;
+		const text = useLabels("toast", TOAST_LABELS, () => props.labels);
 		const toastAccents = {
 			info: {
 				icon: Info,
@@ -57,7 +58,7 @@ var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				icon: CircleX,
 				color: "text-destructive"
 			},
-			ai: {
+			accent: {
 				icon: Sparkles,
 				color: "text-primary"
 			}
@@ -69,13 +70,12 @@ var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 				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 === "ai" && "border-primary/40")) }, [
-					__props.variant === "ai" ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true),
+				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_2, [createVNode(unref(ToastTitle), { class: "text-sm font-medium" }, {
+					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), {
@@ -86,22 +86,22 @@ var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 						_: 1
 					})) : createCommentVNode("", true)]),
 					__props.actionLabel ? (openBlock(), createBlock(unref(ToastAction), {
-						key: 1,
+						key: 0,
 						"alt-text": __props.actionLabel,
 						"as-child": "",
 						onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("action"))
 					}, {
-						default: withCtx(() => [createElementVNode("button", _hoisted_3, toDisplayString(__props.actionLabel), 1)]),
+						default: withCtx(() => [createElementVNode("button", _hoisted_2, toDisplayString(__props.actionLabel), 1)]),
 						_: 1
 					}, 8, ["alt-text"])) : createCommentVNode("", true),
 					__props.closable ? (openBlock(), createBlock(unref(ToastClose), {
-						key: 2,
-						"aria-label": "Close",
+						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
-					})) : createCommentVNode("", true)
+					}, 8, ["aria-label"])) : createCommentVNode("", true)
 				], 2)]),
 				_: 1
 			}, 16, ["duration"]);
@@ -109,6 +109,6 @@ var ToastItem_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ define
 	}
 });
 //#endregion
-export { ToastItem_vue_vue_type_script_setup_true_lang_default as default };
+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/primitives/Toast/ToastItem.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Toast/ToastItem.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { ToastRoot, ToastTitle, ToastDescription, ToastAction, ToastClose } from \"reka-ui\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, Sparkles, X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\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  }>(),\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// `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\" },\n  success: { icon: CircleCheck, color: \"text-success\" },\n  warning: { icon: TriangleAlert, color: \"text-warning\" },\n  destructive: { icon: CircleX, color: \"text-destructive\" },\n  ai: { icon: Sparkles, color: \"text-primary\" },\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          // Agent emission (Signature law): an AI-authored toast breathes a\n          // Conduct pulse — the one variant driven by an agent, made visible.\n          variant === 'ai' && 'border-primary/40',\n        )\n      \"\n    >\n      <span\n        v-if=\"variant === 'ai'\"\n        aria-hidden=\"true\"\n        class=\"pointer-events-none absolute inset-0 rounded-md animate-conduct\"\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 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=\"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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAcA,MAAM,QAAQ;EA+Bd,MAAM,eAAe;GACnB,MAAM;IAAE,MAAM;IAAM,OAAO;GAAY;GACvC,SAAS;IAAE,MAAM;IAAa,OAAO;GAAe;GACpD,SAAS;IAAE,MAAM;IAAe,OAAO;GAAe;GACtD,aAAa;IAAE,MAAM;IAAS,OAAO;GAAmB;GACxD,IAAI;IAAE,MAAM;IAAU,OAAO;GAAe;EAC9C;EAEA,MAAM,SAAS,eAAe,aAAa,MAAM,QAAQ;;GAQvD,OAAA,UAAA,GAAA,YAkDY,MAAA,SAAA,GAlDZ,WACU,MAiDE,QAAA,CAjDM,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,cA2CM,CA3CN,mBA2CM,OAAA,EA1CH,OAAK,eAAW,MAAA,EAAA,CAAE,CAAA,0IAA4T,QAAA,YAAO,QAAA,mBAAA,CAAA,EAAA,GAAA;KAU9U,QAAA,YAAO,QADf,UAAA,GAAA,mBAIE,QAJF,UAIE,KAAA,mBAAA,IAAA,IAAA;MACF,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;;MAJX,cAAW;MACX,OAAM;;MAEN,SAAA,cAAyB,CAAzB,YAAyB,MAAA,CAAA,GAAA,EAAtB,OAAM,cAAa,CAAA,CAAA,CAAA"}
+{"version":3,"file":"ToastItem.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Toast/ToastItem.vue"],"sourcesContent":["<script lang=\"ts\">\nimport type { LabelOf } from \"../../lib/labels\";\n\n/**\n * Everything a toast publishes that is not the host's own copy — including the\n * two strings Reka UI would otherwise supply in English of its own accord.\n *\n * Declared here rather than in `Toast.vue`, which is where a reader would look\n * for it, and the reason is a module cycle rather than a preference.\n * `Toast.vue` imports this file; this file needs the defaults for the close\n * control it renders. Declaring them in `Toast.vue` and importing them back\n * would make that a real runtime cycle where today it is a type-only one, and\n * it would cost the block that reuses this card — `ToastStack` mounts\n * `ToastItem` directly through its own provider — the whole seam. Owning them\n * here means every card resolves its own names wherever it is mounted.\n *\n * `announce` and `region` are not decoration. Reka's `ToastProvider` defaults\n * its `label` to \"Notification\" and reads it out ahead of every toast's own\n * text in a hidden live region; its `ToastViewport` names the list\n * \"Notifications ({hotkey})\". Both are real props rather than hard-coded\n * vnode attributes, so these are set rather than overridden — but leaving\n * either unset falls back to English, not to nothing.\n */\nexport interface ToastLabels {\n  /** The ✕ control on the card. */\n  readonly close: string;\n  /**\n   * Spoken before each toast's own title, in a hidden live region, to say what\n   * kind of thing has just arrived. Keep it to one word — it is a prefix on\n   * every announcement, not a sentence.\n   */\n  readonly announce: string;\n  /**\n   * The name of the list the toasts stack in. `hotkey` is the key that focuses\n   * it, as the environment reports it (\"F8\"), handed over raw so a language\n   * can put it wherever it belongs in the phrase.\n   */\n  readonly region: LabelOf<{ hotkey: string }>;\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 \"../../lib/labels\";\nimport { Info, CircleCheck, TriangleAlert, CircleX, Sparkles, X } from \"@lucide/vue\";\nimport { cn } from \"../../lib/cn\";\nimport { optional } from \"../../lib/props\";\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\" },\n  success: { icon: CircleCheck, color: \"text-success\" },\n  warning: { icon: TriangleAlert, color: \"text-warning\" },\n  destructive: { icon: CircleX, color: \"text-destructive\" },\n  accent: { icon: Sparkles, color: \"text-primary\" },\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 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":";;;;;;;;;;;;;;;;AA4CA,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;GAAY;GACvC,SAAS;IAAE,MAAM;IAAa,OAAO;GAAe;GACpD,SAAS;IAAE,MAAM;IAAe,OAAO;GAAe;GACtD,aAAa;IAAE,MAAM;IAAS,OAAO;GAAmB;GACxD,QAAQ;IAAE,MAAM;IAAU,OAAO;GAAe;EAClD;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/primitives/Tooltip/Tooltip.vue.d.ts

@@ -35,10 +35,10 @@ declare const __VLS_export: __VLS_WithSlots<import("vue").DefineComponent<{
 }> & Readonly<{
     "onUpdate:open"?: (value: boolean) => any;
 }>, {
+    delay: number;
     open: boolean | undefined;
     side: TooltipSide;
     sideOffset: number;
-    delay: number;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>, {
     trigger?: (props: {}) => any;
 } & {

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

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tooltip/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;;;;UAAnB,OAAO,GAAG,SAAS;UANnB,WAAW;gBAEL,MAAM;WAEX,MAAM;;cA0LJ,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"}
+{"version":3,"file":"Tooltip.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Tooltip/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;UAEP,OAAO,GAAG,SAAS;UANnB,WAAW;gBAEL,MAAM;;cA4LT,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/primitives/WindowControls/WindowControls.js

@@ -1,7 +1,7 @@
-import WindowControls_vue_vue_type_script_setup_true_lang_default from "./WindowControls.vue_vue_type_script_setup_true_lang.js";
+import WindowControls_vue_vue_type_script_setup_true_lang_default, { WINDOW_CONTROLS_LABELS } 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 };
+export { WINDOW_CONTROLS_LABELS, WindowControls_default as default };
 
 //# sourceMappingURL=WindowControls.js.map

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

@@ -1 +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":""}
+{"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 * `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 * The three buttons' accessible names. There are four, because the middle\n * button is one control in two states and a language may well name them with\n * unrelated words.\n *\n * Every glyph here is an inline SVG marked `aria-hidden`, so these names are\n * the only thing a screen reader has to go on — a missing one is not a degraded\n * label but an unnamed button.\n */\nexport interface WindowControlsLabels {\n  /** Send the window to the taskbar. */\n  readonly minimize: string;\n  /** Fill the screen. The middle button's name while the window is restored. */\n  readonly maximize: string;\n  /** Return to the previous size. The same button's name while maximized. */\n  readonly restore: string;\n  /** Close the window. */\n  readonly close: string;\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 \"../../lib/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/primitives/WindowControls/WindowControls.vue.d.ts

@@ -1,41 +1,97 @@
+import { type LabelOverrides } from "../../lib/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.
  */
-/** Accessible names for the three buttons — overridable by the host for i18n. */
+/** The desktop platform that owns the window chrome. */
+export type WindowPlatform = "windows" | "macos" | "linux";
+/**
+ * The three buttons' accessible names. There are four, because the middle
+ * button is one control in two states and a language may well name them with
+ * unrelated words.
+ *
+ * Every glyph here is an inline SVG marked `aria-hidden`, so these names are
+ * the only thing a screen reader has to go on — a missing one is not a degraded
+ * label but an unnamed button.
+ */
 export interface WindowControlsLabels {
-    minimize: string;
-    maximize: string;
-    restore: string;
-    close: string;
+    /** Send the window to the taskbar. */
+    readonly minimize: string;
+    /** Fill the screen. The middle button's name while the window is restored. */
+    readonly maximize: string;
+    /** Return to the previous size. The same button's name while maximized. */
+    readonly restore: string;
+    /** Close the window. */
+    readonly close: string;
 }
+/**
+ * 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;
-    /** Accessible names for the three buttons, for a host localising the chrome. */
-    labels?: WindowControlsLabels;
+    /**
+     * 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;
-    /** Accessible names for the three buttons, for a host localising the chrome. */
-    labels?: WindowControlsLabels;
+    /**
+     * 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;
-    labels: WindowControlsLabels;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 //# sourceMappingURL=WindowControls.vue.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"WindowControls.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/WindowControls/WindowControls.vue"],"names":[],"mappings":"AAiJA,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAGlE;;;;;;;;;;;;;;GAcG;AAEH,wDAAwD;AACxD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,OAAO,GAAG,OAAO,CAAC;AAE3D;;;;;;;;GAQG;AACH,MAAM,WAAW,oBAAoB;IACnC,sCAAsC;IACtC,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,8EAA8E;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAC1B,2EAA2E;IAC3E,QAAQ,CAAC,OAAO,EAAE,MAAM,CAAC;IACzB,wBAAwB;IACxB,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACxB;AAED;;;GAGG;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/primitives/WindowControls/WindowControls.vue_vue_type_script_setup_true_lang.js

@@ -1,6 +1,8 @@
-import { createElementBlock, createElementVNode, defineComponent, openBlock } from "vue";
+import { useLabels } from "../../lib/labels.js";
+import { createCommentVNode, createElementBlock, createElementVNode, defineComponent, openBlock, unref } from "vue";
 //#region src/primitives/WindowControls/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" }
 };
@@ -21,19 +23,25 @@ var _hoisted_5 = {
 	"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: { default: () => ({
-			minimize: "Minimize",
-			maximize: "Maximize",
-			restore: "Restore",
-			close: "Close"
-		}) }
+		labels: {}
 	},
 	emits: [
 		"minimize",
@@ -41,13 +49,15 @@ var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 		"close"
 	],
 	setup(__props, { emit: __emit }) {
+		const props = __props;
 		const emit = __emit;
+		const text = useLabels("windowControls", WINDOW_CONTROLS_LABELS, () => props.labels);
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", _hoisted_1, [
+			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": __props.labels.minimize,
+					"aria-label": unref(text).minimize,
 					"data-testid": "win-minimize",
 					onClick: _cache[0] || (_cache[0] = ($event) => emit("minimize"))
 				}, [..._cache[3] || (_cache[3] = [createElementVNode("svg", {
@@ -64,7 +74,7 @@ var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				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,
+					"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", {
@@ -89,7 +99,7 @@ var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 				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,
+					"aria-label": unref(text).close,
 					"data-testid": "win-close",
 					onClick: _cache[2] || (_cache[2] = ($event) => emit("close"))
 				}, [..._cache[6] || (_cache[6] = [createElementVNode("svg", {
@@ -101,11 +111,11 @@ var WindowControls_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ d
 					d: "M0 0 L10 10 M10 0 L0 10",
 					stroke: "currentColor"
 				})], -1)])], 8, _hoisted_6)
-			]);
+			])) : createCommentVNode("", true);
 		};
 	}
 });
 //#endregion
-export { WindowControls_vue_vue_type_script_setup_true_lang_default as default };
+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

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

@@ -1 +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"}
+{"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 * `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 * The three buttons' accessible names. There are four, because the middle\n * button is one control in two states and a language may well name them with\n * unrelated words.\n *\n * Every glyph here is an inline SVG marked `aria-hidden`, so these names are\n * the only thing a screen reader has to go on — a missing one is not a degraded\n * label but an unnamed button.\n */\nexport interface WindowControlsLabels {\n  /** Send the window to the taskbar. */\n  readonly minimize: string;\n  /** Fill the screen. The middle button's name while the window is restored. */\n  readonly maximize: string;\n  /** Return to the previous size. The same button's name while maximized. */\n  readonly restore: string;\n  /** Close the window. */\n  readonly close: string;\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 \"../../lib/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4CA,IAAa,yBAA+C;CAC1D,UAAU;CACV,UAAU;CACV,SAAS;CACT,OAAO;AACT;;;;;;;;;;;;;;;;;EAMA,MAAM,QAAQ;EAyBd,MAAM,OAAO;EASb,MAAM,OAAO,UAAU,kBAAkB,8BAA8B,MAAM,MAAM;;GAQzE,OAAA,QAAA,aAAQ,WADhB,UAAA,GAAA,mBA4CM,OA5CN,YA4CM;IAvCJ,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,IAAA,CAAI,CAAC;KAClB,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,eAAY;IAC1D,GAAA,CAAA,mBAA0D,QAAA;KAApD,GAAE;KAAM,OAAM;KAAK,QAAO;KAAI,MAAK;;IAI7C,mBAcS,UAAA;KAbP,MAAK;KACL,OAAM;KACL,cAAY,QAAA,cAAc,MAAA,IAAA,CAAI,CAAC,UAAU,MAAA,IAAA,CAAI,CAAC;KAC/C,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,UAAA;IAEA,GAAA,CAAA,CAAA,QAAA,eAAZ,UAAA,GAAA,mBAEM,OAFN,YAEM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CADJ,mBAA+E,QAAA;KAAzE,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAI,MAAK;KAAO,QAAO;IAEhE,GAAA,MAAA,EAAA,CAAA,EAAA,CAAA,MAAA,UAAA,GAAA,mBAGM,OAHN,YAGM,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAFJ,mBAA+E,QAAA;KAAzE,GAAE;KAAM,GAAE;KAAM,OAAM;KAAI,QAAO;KAAI,MAAK;KAAO,QAAO;IAC9D,GAAA,MAAA,EAAA,GAAA,mBAA2E,QAAA;KAArE,GAAE;KAA+B,MAAK;KAAO,QAAO;;IAI9D,mBAUS,UAAA;KATP,MAAK;KACL,OAAM;KACL,cAAY,MAAA,IAAA,CAAI,CAAC;KAClB,eAAY;KACX,SAAK,OAAA,OAAA,OAAA,MAAA,WAAE,KAAI,OAAA;IAEZ,GAAA,CAAA,GAAA,OAAA,OAAA,OAAA,KAAA,CAAA,mBAEM,OAAA;KAFD,OAAM;KAAK,QAAO;KAAK,SAAQ;KAAY,eAAY;IAC1D,GAAA,CAAA,mBAA0D,QAAA;KAApD,GAAE;KAA0B,QAAO"}