@ecoma-io/loom 0.2.0 → 0.4.0

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

@@ -0,0 +1,71 @@
+import { type LabelOverrides, type ToastLabels } from "../../../labels/src/index";
+export type ToastVariant = "info" | "success" | "warning" | "destructive" | "accent";
+export type { ToastLabels } from "../../../labels/src/index";
+export { TOAST_LABELS } from "./ToastItem.vue";
+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 everything the toast says on its own account, as any subset of
+     * `ToastLabels` — the ✕ control, the word spoken ahead of the
+     * announcement, and the name of the region the cards stack in. What this
+     * leaves out stays as the host's `provideLoomLabels` vocabulary left it,
+     * and then as Loom's English.
+     *
+     * A whole application's language belongs in that vocabulary rather than
+     * here; `title`, `description` and `actionLabel` are the per-instance copy.
+     */
+    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 everything the toast says on its own account, as any subset of
+     * `ToastLabels` — the ✕ control, the word spoken ahead of the
+     * announcement, and the name of the region the cards stack in. What this
+     * leaves out stays as the host's `provideLoomLabels` vocabulary left it,
+     * and then as Loom's English.
+     *
+     * A whole application's language belongs in that vocabulary rather than
+     * here; `title`, `description` and `actionLabel` are the per-instance copy.
+     */
+    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=Toast.vue.d.ts.map

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

@@ -0,0 +1,64 @@
+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 { TOAST_LABELS } from "./ToastItem.vue_vue_type_script_setup_true_lang.js";
+import ToastItem_default from "./ToastItem.js";
+import { computed, createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import { ToastProvider, ToastViewport } from "reka-ui";
+//#region packages/primitives/toast/src/Toast.vue?vue&type=script&setup=true&lang.ts
+var Toast_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	__name: "Toast",
+	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 regionLabel = computed(() => (hotkey) => text.value.region({ hotkey }));
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastProvider), { label: unref(text).announce }, {
+				default: withCtx(() => [createVNode(ToastItem_default, mergeProps(unref(optional)({
+					open: __props.open,
+					description: __props.description,
+					actionLabel: __props.actionLabel,
+					labels: __props.labels
+				}), {
+					title: __props.title,
+					variant: __props.variant,
+					duration: __props.duration,
+					closable: __props.closable,
+					"onUpdate:open": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:open", $event)),
+					onAction: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("action"))
+				}), null, 16, [
+					"title",
+					"variant",
+					"duration",
+					"closable"
+				]), createVNode(unref(ToastViewport), {
+					label: regionLabel.value,
+					class: "fixed bottom-0 right-0 z-toast flex w-[min(92vw,24rem)] flex-col gap-2 p-4 outline-none"
+				}, null, 8, ["label"])]),
+				_: 1
+			}, 8, ["label"]);
+		};
+	}
+});
+//#endregion
+export { TOAST_LABELS, Toast_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Toast.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../../../packages/primitives/toast/src/Toast.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastVariant = \"info\" | \"success\" | \"warning\" | \"destructive\" | \"accent\";\n\n// Re-exported so the vocabulary is reachable from the component a consumer\n// actually imports. It is declared in `ToastItem.vue` — which is where the ✕\n// it names is rendered, and which `ToastStack` mounts without this file in the\n// picture at all — and that file's docblock carries why the direction cannot\n// be reversed.\nexport type { ToastLabels } from \"@ecoma-io/loom-labels\";\nexport { TOAST_LABELS } from \"./ToastItem.vue\";\n</script>\n\n<script setup lang=\"ts\">\nimport { computed } from \"vue\";\nimport { ToastProvider, ToastViewport } from \"reka-ui\";\nimport { optional } from \"@ecoma-io/loom-core\";\nimport { useLabels, type LabelOverrides, type ToastLabels } from \"@ecoma-io/loom-labels\";\nimport ToastItem, { TOAST_LABELS } from \"./ToastItem.vue\";\n\n/**\n * Toast — a transient, self-dismissing notification the user need not act on\n * (a save confirmed, an export finished, a recoverable error). Built on Reka\n * UI's Toast: it announces to assistive tech (`role`/`aria-live`), pauses on\n * hover/focus, and is swipe/Esc dismissible.\n *\n * Presentational and self-contained — the provider + viewport are bundled so a\n * single Toast works standalone (the card itself lives in the internal\n * `ToastItem`), and it stays free of any queue logic: the host owns *when*\n * toasts open (this primitive renders one). An app that shows several at once\n * has to keep its own queue and its own provider/viewport pair — several\n * standalone `Toast`s each bundling their own viewport would stack at the\n * same screen coordinates rather than list one below the next.\n *\n * For a blocking confirmation use `Dialog`; for a persistent field/section error\n * that must stay until resolved use `InlineError`.\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     * Names for everything the toast says on its own account, as any subset of\n     * `ToastLabels` — the ✕ control, the word spoken ahead of the\n     * announcement, and the name of the region the cards stack in. What this\n     * leaves out stays as the host's `provideLoomLabels` vocabulary left it,\n     * and then as Loom's English.\n     *\n     * A whole application's language belongs in that vocabulary rather than\n     * here; `title`, `description` and `actionLabel` are the per-instance copy.\n     */\n    labels?: LabelOverrides<ToastLabels>;\n  }>(),\n  {\n    // `open` is tri-state and its third state is the default: `undefined`\n    // means the toast has not been handed an owner and manages itself. Vue\n    // would otherwise cast an absent Boolean prop to `false`, which reads as\n    // \"the host says closed\" and leaves `<Toast title=\"…\" />` rendering\n    // nothing at all. Declaring the default explicitly is what keeps\n    // `undefined` reachable.\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// Reka's `ToastViewport` accepts its label as `(hotkey: string) => string` as\n// well as a template with a `{hotkey}` hole in it, and the function form is the\n// one this seam needs: the hole would be Loom deciding where the key sits in\n// the phrase. Wrapped in a `computed` rather than written inline in the\n// template so that the identity it hands Reka changes when — and only when —\n// the resolved vocabulary does.\nconst regionLabel = computed(() => (hotkey: string) => text.value.region({ hotkey }));\n</script>\n\n<template>\n  <!-- `label` is a real Reka prop rather than a hard-coded vnode attribute, so\n       this sets it rather than racing it — but leaving it unset is not neutral:\n       Reka reads out \"Notification\" ahead of every toast, in English, from a\n       live region nothing else on the page can reach. -->\n  <ToastProvider :label=\"text.announce\">\n    <ToastItem\n      v-bind=\"optional({ open, description, actionLabel, labels })\"\n      :title=\"title\"\n      :variant=\"variant\"\n      :duration=\"duration\"\n      :closable=\"closable\"\n      @update:open=\"$emit('update:open', $event)\"\n      @action=\"$emit('action')\"\n    />\n\n    <ToastViewport\n      :label=\"regionLabel\"\n      class=\"fixed bottom-0 right-0 z-toast flex w-[min(92vw,24rem)] flex-col gap-2 p-4 outline-none\"\n    />\n  </ToastProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCA,MAAM,QAAQ;EA+Cd,MAAM,OAAO,UAAU,SAAS,oBAAoB,MAAM,MAAM;EAQhE,MAAM,cAAc,gBAAgB,WAAmB,KAAK,MAAM,OAAO,EAAE,OAAO,CAAC,CAAC;;GAQlF,OAAA,UAAA,GAAA,YAegB,MAAA,aAAA,GAAA,EAfA,OAAO,MAAA,IAAA,CAAI,CAAC,SAAA,GAAA;IAC1B,SAAA,cAQE,CARF,YAQE,mBARF,WACU,MAOR,QAAA,CAPgB,CAAA;KAAA,MAAG,QAAA;KAAI,aAAE,QAAA;KAAW,aAAE,QAAA;KAAW,QAAE,QAAA;IAAM,CAAA,GAAA;KACxD,OAAO,QAAA;KACP,SAAS,QAAA;KACT,UAAU,QAAA;KACV,UAAU,QAAA;KACV,iBAAW,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,eAAgB,MAAM;KACxC,UAAM,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,QAAA;;;;;;IAGhB,CAAA,GAAA,YAGE,MAAA,aAAA,GAAA;KAFC,OAAO,YAAA;KACR,OAAM"}

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

@@ -0,0 +1,7 @@
+import ToastItem_vue_vue_type_script_setup_true_lang_default, { TOAST_LABELS } from "./ToastItem.vue_vue_type_script_setup_true_lang.js";
+//#region packages/primitives/toast/src/ToastItem.vue
+var ToastItem_default = ToastItem_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { TOAST_LABELS, ToastItem_default as default };
+
+//# sourceMappingURL=ToastItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ToastItem.js","names":[],"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  // `-text` like its four siblings. The bare `warning` hue is a fill colour —\n  // as text it fails on the dark theme, and the functional `-text` tokens are\n  // the ones measured legible on every surface (theme.css carries the ratios).\n  warning: { icon: TriangleAlert, color: \"text-warning-text\" },\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  <!-- Entrance and exit deliberately do not share an element, and the split is\n       forced by Reka rather than taste. The swipe gesture marks ToastRoot\n       itself (data-swipe plus --reka-toast-swipe-* custom properties), so the\n       root's transform stays reserved and the entrance rides the inner card.\n       The exit cannot ride along: Presence decides an element's fate by\n       reading the computed animation-name of the node it mounted — never a\n       descendant's — and by waiting for an animationend whose target is that\n       same node (usePresence.js). A toast-out confined to the inner card would\n       leave the root's own name `none` and be unmounted before its first\n       frame; on ToastRoot it genuinely plays. -->\n  <ToastRoot\n    v-bind=\"optional({ open })\"\n    :duration=\"duration\"\n    class=\"outline-none data-[state=closed]:animate-toast-out\"\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":""}

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

@@ -0,0 +1,59 @@
+import { type LabelOverrides } from "../../../labels/src/index";
+import type { ToastVariant } from "./Toast.vue";
+import type { ToastLabels } from "../../../labels/src/index";
+/**
+
+/**
+ * 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_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-text"
+			},
+			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 data-[state=closed]:animate-toast-out",
+				"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  // `-text` like its four siblings. The bare `warning` hue is a fill colour —\n  // as text it fails on the dark theme, and the functional `-text` tokens are\n  // the ones measured legible on every surface (theme.css carries the ratios).\n  warning: { icon: TriangleAlert, color: \"text-warning-text\" },\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  <!-- Entrance and exit deliberately do not share an element, and the split is\n       forced by Reka rather than taste. The swipe gesture marks ToastRoot\n       itself (data-swipe plus --reka-toast-swipe-* custom properties), so the\n       root's transform stays reserved and the entrance rides the inner card.\n       The exit cannot ride along: Presence decides an element's fate by\n       reading the computed animation-name of the node it mounted — never a\n       descendant's — and by waiting for an animationend whose target is that\n       same node (usePresence.js). A toast-out confined to the inner card would\n       leave the root's own name `none` and be unmounted before its first\n       frame; on ToastRoot it genuinely plays. -->\n  <ToastRoot\n    v-bind=\"optional({ open })\"\n    :duration=\"duration\"\n    class=\"outline-none data-[state=closed]:animate-toast-out\"\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;GAIzD,SAAS;IAAE,MAAM;IAAe,OAAO;GAAoB;GAC3D,aAAa;IAAE,MAAM;IAAS,OAAO;GAAwB;GAC7D,QAAQ;IAAE,MAAM;IAAU,OAAO;GAAoB;EACvD;EAEA,MAAM,SAAS,eAAe,aAAa,MAAM,QAAQ;;GAcvD,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 "../../../labels/src/index";
+//# sourceMappingURL=index.d.ts.map

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-overlay 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; the paired exit is precisely what\n              // Presence is waiting to hold it for.\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. The exit needs no\n              // such split — Reka reports both open flavours as plain `closed`\n              // on the way out, so one class answers them both.\n              'data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out',\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":"AAiIA;;;;;;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;;cA8LhB,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-overlay 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 data-[state=closed]:animate-scale-out")),
+							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-overlay 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; the paired exit is precisely what\n              // Presence is waiting to hold it for.\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. The exit needs no\n              // such split — Reka reports both open flavours as plain `closed`\n              // on the way out, so one class answers them both.\n              'data-[state=delayed-open]:animate-scale-in data-[state=closed]:animate-scale-out',\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,YA2CkB,MAAA,eAAA,GAAA,EA3CA,kBAAgB,QAAA,MAAK,GAAA;IACrC,SAAA,cAyCc,CAzCd,YAyCc,MAAA,WAAA,GAzCd,WAAqB,MAyCP,QAAA,CAzCe,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,YAgCgB,MAAA,aAAA,GAAA,MAAA;MA/Bd,SAAA,cA8BiB,CA9BjB,YA8BiB,MAAA,cAAA,GAAA;OA7Bd,MAAM,QAAA;OACN,eAAa,QAAA;OACb,OAAK,eAAe,MAAA,EAAA,CAAE,CAAA,4GAAA,kFAAA,CAAA;OAoBvB,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":""}