@ecoma-io/loom 0.1.0

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextField.vue_vue_type_script_setup_true_lang.js","names":["$slots","$emit"],"sources":["../../../src/primitives/TextField/TextField.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type TextFieldType = \"text\" | \"email\" | \"password\" | \"search\" | \"url\" | \"tel\";\n\nexport type TextFieldSize = \"sm\" | \"md\" | \"lg\";\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\n\n/**\n * TextField — single-line text entry (text · email · password · search · url ·\n * tel). The border, focus ring and invalid state live on the wrapper so\n * optional `#leading`/`#trailing` adornments (a search icon, a unit suffix)\n * sit *inside* the field and share its focus bloom, instead of every caller\n * re-inventing an icon-inside-input layout. For numeric entry reach for a\n * number field; for a bounded continuous value, a slider.\n *\n * Wrapping a rendered structure means the fallthrough `class` must land on\n * the wrapper (so a caller's `w-64`/`flex-1` sizes the whole field) while the\n * rest of the attrs (`id`, `name`, `data-testid`, `aria-describedby`,\n * `autocomplete`) belong on the real `<input>` — the split-attrs convention\n * shared with the other bare controls. The accessible name is a first-class\n * prop pair (`aria-label`/`aria-labelledby`, camelized by Vue) rather than a\n * loose fallthrough attr, so it is bound onto the input explicitly and shows\n * up in the props table — a bare input primitive can only be named by its\n * host.\n */\nwithDefaults(\n  defineProps<{\n    /** The current value. Pair with `@update:modelValue` for `v-model`. */\n    modelValue?: string;\n    /** The native input type — also the on-screen keyboard hint on mobile. */\n    type?: TextFieldType;\n    /** Text shown in the empty field. */\n    placeholder?: string;\n    /** Disables the field and blocks pointer and keyboard input. */\n    disabled?: boolean;\n    /** Error state: paints the destructive border/ring and sets aria-invalid. */\n    invalid?: boolean;\n    /** Control height. */\n    size?: TextFieldSize;\n    /** The accessible name, when no visible element already labels the field. */\n    ariaLabel?: string;\n    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */\n    ariaLabelledby?: string;\n  }>(),\n  {\n    type: \"text\",\n    disabled: false,\n    invalid: false,\n    size: \"md\",\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: inputAttrs } = useSplitAttrs();\n</script>\n\n<template>\n  <div\n    :data-disabled=\"disabled || undefined\"\n    :data-invalid=\"invalid || undefined\"\n    :class=\"\n      cn(\n        'group flex items-center gap-2 rounded-md border border-input bg-background text-foreground',\n        'transition-[color,background-color,border-color,box-shadow] duration-fast ease-out',\n        // Rim-lit at rest, the weave blooms on focus (Signature law): the field\n        // catches light instead of casting a shadow, and focus draws it tight.\n        'focus-within:outline-2 focus-within:outline-offset-2 focus-within:outline-ring',\n        !invalid && 'focus-within:shadow-halo',\n        size === 'sm' && 'h-8 px-2.5 text-xs',\n        size === 'md' && 'h-9 px-3 text-sm',\n        size === 'lg' && 'h-11 px-4 text-base',\n        invalid && 'border-destructive focus-within:outline-destructive',\n        disabled && 'cursor-not-allowed opacity-50',\n        attrs.class as string,\n      )\n    \"\n  >\n    <span\n      v-if=\"$slots.leading\"\n      class=\"inline-flex shrink-0 text-muted-foreground transition-colors duration-fast ease-out group-focus-within:text-foreground\"\n    >\n      <slot name=\"leading\" />\n    </span>\n    <input\n      v-bind=\"inputAttrs\"\n      :aria-label=\"ariaLabel\"\n      :aria-labelledby=\"ariaLabelledby\"\n      :type=\"type\"\n      :value=\"modelValue\"\n      :placeholder=\"placeholder\"\n      :disabled=\"disabled\"\n      :aria-invalid=\"invalid || undefined\"\n      class=\"min-w-0 flex-1 bg-transparent outline-none placeholder:text-muted-foreground disabled:cursor-not-allowed\"\n      @input=\"$emit('update:modelValue', ($event.target as HTMLInputElement).value)\"\n    />\n    <span\n      v-if=\"$slots.trailing\"\n      class=\"inline-flex shrink-0 text-muted-foreground transition-colors duration-fast ease-out group-focus-within:text-foreground\"\n    >\n      <slot name=\"trailing\" />\n    </span>\n  </div>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0DA,MAAM,EAAE,OAAO,MAAM,eAAe,cAAc;;GAIhD,OAAA,UAAA,GAAA,mBA4CM,OAAA;IA3CH,iBAAe,QAAA,YAAY,KAAA;IAC3B,gBAAc,QAAA,WAAW,KAAA;IACzB,OAAK,eAAS,MAAA,EAAA,CAAE,CAAA,8FAAA,sFAAA,kFAA0c,CAAA,QAAA,WAAO,4BAAwC,QAAA,SAAI,QAAA,sBAA2C,QAAA,SAAI,QAAA,oBAAyC,QAAA,SAAI,QAAA,uBAA4C,QAAA,WAAO,uDAAmE,QAAA,YAAQ,iCAA6C,MAAA,KAAA,CAAK,CAAC,KAAA,CAAA;;IAkBnxBA,KAAAA,OAAO,WADf,UAAA,GAAA,mBAKO,QALP,YAKO,CADL,WAAuB,KAAA,QAAA,SAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA;IAEzB,mBAWE,SAXF,WACU,MAUR,UAAA,GAVkB;KACjB,cAAY,QAAA;KACZ,mBAAiB,QAAA;KACjB,MAAM,QAAA;KACN,OAAO,QAAA;KACP,aAAa,QAAA;KACb,UAAU,QAAA;KACV,gBAAc,QAAA,WAAW,KAAA;KAC1B,OAAM;KACL,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEC,KAAAA,MAAK,qBAAuB,OAAO,OAA4B,KAAK;;IAGtED,KAAAA,OAAO,YADf,UAAA,GAAA,mBAKO,QALP,YAKO,CADL,WAAwB,KAAA,QAAA,UAAA,CAAA,CAAA,KAAA,mBAAA,IAAA,IAAA"}

package/dist/primitives/Textarea/Textarea.js

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

package/dist/primitives/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","names":[],"sources":["../../../src/primitives/Textarea/Textarea.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type TextareaResize = \"none\" | \"vertical\";\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\n\n/**\n * Textarea — multi-line text entry. A native `<textarea>`, single node (no\n * wrapper — unlike TextField there are no `#leading`/`#trailing` adornments to\n * frame), so `class` and the rest of the fallthrough attrs both target the\n * same element; still routed through `useSplitAttrs()` for the same reason as\n * every other primitive — a caller's `class` needs a Tailwind-aware `cn()`\n * merge, not a raw `v-bind` clobbering it. The accessible name is a\n * first-class prop pair (`aria-label`/`aria-labelledby`, camelized by Vue)\n * bound onto the textarea explicitly, the same contract as TextField.\n */\nwithDefaults(\n  defineProps<{\n    /** The current value. Pair with `@update:modelValue` for `v-model`. */\n    modelValue?: string;\n    /** Text shown in the empty field. */\n    placeholder?: string;\n    /** Disables the field and blocks pointer and keyboard input. */\n    disabled?: boolean;\n    /** Error state: paints the destructive border/ring and sets aria-invalid. */\n    invalid?: boolean;\n    /** Initial height in text rows. */\n    rows?: number;\n    /** Whether a person can drag-resize the field; `none` locks it to `rows`. */\n    resize?: TextareaResize;\n    /** The accessible name, when no visible element already labels the field. */\n    ariaLabel?: string;\n    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */\n    ariaLabelledby?: string;\n  }>(),\n  {\n    disabled: false,\n    invalid: false,\n    rows: 3,\n    resize: \"vertical\",\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: textareaAttrs } = useSplitAttrs();\n</script>\n\n<template>\n  <textarea\n    v-bind=\"textareaAttrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"ariaLabelledby\"\n    :value=\"modelValue\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :rows=\"rows\"\n    :aria-invalid=\"invalid || undefined\"\n    :class=\"\n      cn(\n        'rounded-md border border-input bg-background text-foreground px-3 py-2 text-sm',\n        'transition-[color,background-color,border-color,box-shadow] duration-fast ease-out',\n        // Rim-lit at rest, the weave blooms on focus (Signature law).\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        !invalid && 'focus-visible:shadow-halo',\n        'placeholder:text-muted-foreground',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        invalid && 'border-destructive focus-visible:outline-destructive',\n        resize === 'none' ? 'resize-none' : 'resize-y',\n        attrs.class as string,\n      )\n    \"\n    @input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)\"\n  />\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,48 @@
+export type TextareaResize = "none" | "vertical";
+declare const _default: typeof __VLS_export;
+export default _default;
+declare const __VLS_export: import("vue").DefineComponent<{
+    /** The current value. Pair with `@update:modelValue` for `v-model`. */
+    modelValue?: string;
+    /** Text shown in the empty field. */
+    placeholder?: string;
+    /** Disables the field and blocks pointer and keyboard input. */
+    disabled?: boolean;
+    /** Error state: paints the destructive border/ring and sets aria-invalid. */
+    invalid?: boolean;
+    /** Initial height in text rows. */
+    rows?: number;
+    /** Whether a person can drag-resize the field; `none` locks it to `rows`. */
+    resize?: TextareaResize;
+    /** The accessible name, when no visible element already labels the field. */
+    ariaLabel?: string;
+    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */
+    ariaLabelledby?: string;
+}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (value: string) => any;
+}, string, import("vue").PublicProps, Readonly<{
+    /** The current value. Pair with `@update:modelValue` for `v-model`. */
+    modelValue?: string;
+    /** Text shown in the empty field. */
+    placeholder?: string;
+    /** Disables the field and blocks pointer and keyboard input. */
+    disabled?: boolean;
+    /** Error state: paints the destructive border/ring and sets aria-invalid. */
+    invalid?: boolean;
+    /** Initial height in text rows. */
+    rows?: number;
+    /** Whether a person can drag-resize the field; `none` locks it to `rows`. */
+    resize?: TextareaResize;
+    /** The accessible name, when no visible element already labels the field. */
+    ariaLabel?: string;
+    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */
+    ariaLabelledby?: string;
+}> & Readonly<{
+    "onUpdate:modelValue"?: (value: string) => any;
+}>, {
+    disabled: boolean;
+    invalid: boolean;
+    resize: TextareaResize;
+    rows: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=Textarea.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Textarea/Textarea.vue"],"names":[],"mappings":"AAqFA,MAAM,MAAM,cAAc,GAAG,MAAM,GAAG,UAAU,CAAC;wBAC5B,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAYd,uEAAuE;iBAC1D,MAAM;IACnB,qCAAqC;kBACvB,MAAM;IACpB,gEAAgE;eACrD,OAAO;IAClB,6EAA6E;cACnE,OAAO;IACjB,mCAAmC;WAC5B,MAAM;IACb,6EAA6E;aACpE,cAAc;IACvB,6EAA6E;gBACjE,MAAM;IAClB,0FAA0F;qBACzE,MAAM;;;;IAfvB,uEAAuE;iBAC1D,MAAM;IACnB,qCAAqC;kBACvB,MAAM;IACpB,gEAAgE;eACrD,OAAO;IAClB,6EAA6E;cACnE,OAAO;IACjB,mCAAmC;WAC5B,MAAM;IACb,6EAA6E;aACpE,cAAc;IACvB,6EAA6E;gBACjE,MAAM;IAClB,0FAA0F;qBACzE,MAAM;;;;cAVZ,OAAO;aAER,OAAO;YAIR,cAAc;UAFhB,MAAM;6EAyFb,CAAC"}

package/dist/primitives/Textarea/Textarea.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import { cn } from "../../lib/cn.js";
+import { useSplitAttrs } from "../../lib/attrs.js";
+import { createElementBlock, defineComponent, mergeProps, openBlock, unref } from "vue";
+//#region src/primitives/Textarea/Textarea.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"aria-label",
+	"aria-labelledby",
+	"value",
+	"placeholder",
+	"disabled",
+	"rows",
+	"aria-invalid"
+];
+var Textarea_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
+	inheritAttrs: false,
+	__name: "Textarea",
+	props: {
+		modelValue: {},
+		placeholder: {},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		invalid: {
+			type: Boolean,
+			default: false
+		},
+		rows: { default: 3 },
+		resize: { default: "vertical" },
+		ariaLabel: {},
+		ariaLabelledby: {}
+	},
+	emits: ["update:modelValue"],
+	setup(__props) {
+		const { attrs, rest: textareaAttrs } = useSplitAttrs();
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("textarea", mergeProps(unref(textareaAttrs), {
+				"aria-label": __props.ariaLabel,
+				"aria-labelledby": __props.ariaLabelledby,
+				value: __props.modelValue,
+				placeholder: __props.placeholder,
+				disabled: __props.disabled,
+				rows: __props.rows,
+				"aria-invalid": __props.invalid || void 0,
+				class: unref(cn)("rounded-md border border-input bg-background text-foreground px-3 py-2 text-sm", "transition-[color,background-color,border-color,box-shadow] duration-fast ease-out", "focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring", !__props.invalid && "focus-visible:shadow-halo", "placeholder:text-muted-foreground", "disabled:cursor-not-allowed disabled:opacity-50", __props.invalid && "border-destructive focus-visible:outline-destructive", __props.resize === "none" ? "resize-none" : "resize-y", unref(attrs).class),
+				onInput: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:modelValue", $event.target.value))
+			}), null, 16, _hoisted_1);
+		};
+	}
+});
+//#endregion
+export { Textarea_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Textarea.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.vue_vue_type_script_setup_true_lang.js","names":["$emit"],"sources":["../../../src/primitives/Textarea/Textarea.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type TextareaResize = \"none\" | \"vertical\";\n</script>\n\n<script setup lang=\"ts\">\nimport { cn } from \"../../lib/cn\";\nimport { useSplitAttrs } from \"../../lib/attrs\";\n\n/**\n * Textarea — multi-line text entry. A native `<textarea>`, single node (no\n * wrapper — unlike TextField there are no `#leading`/`#trailing` adornments to\n * frame), so `class` and the rest of the fallthrough attrs both target the\n * same element; still routed through `useSplitAttrs()` for the same reason as\n * every other primitive — a caller's `class` needs a Tailwind-aware `cn()`\n * merge, not a raw `v-bind` clobbering it. The accessible name is a\n * first-class prop pair (`aria-label`/`aria-labelledby`, camelized by Vue)\n * bound onto the textarea explicitly, the same contract as TextField.\n */\nwithDefaults(\n  defineProps<{\n    /** The current value. Pair with `@update:modelValue` for `v-model`. */\n    modelValue?: string;\n    /** Text shown in the empty field. */\n    placeholder?: string;\n    /** Disables the field and blocks pointer and keyboard input. */\n    disabled?: boolean;\n    /** Error state: paints the destructive border/ring and sets aria-invalid. */\n    invalid?: boolean;\n    /** Initial height in text rows. */\n    rows?: number;\n    /** Whether a person can drag-resize the field; `none` locks it to `rows`. */\n    resize?: TextareaResize;\n    /** The accessible name, when no visible element already labels the field. */\n    ariaLabel?: string;\n    /** The id of the visible element that labels the field (e.g. a Field wrapper's label). */\n    ariaLabelledby?: string;\n  }>(),\n  {\n    disabled: false,\n    invalid: false,\n    rows: 3,\n    resize: \"vertical\",\n  },\n);\n\ndefineEmits<{ \"update:modelValue\": [value: string] }>();\n\ndefineOptions({ inheritAttrs: false });\nconst { attrs, rest: textareaAttrs } = useSplitAttrs();\n</script>\n\n<template>\n  <textarea\n    v-bind=\"textareaAttrs\"\n    :aria-label=\"ariaLabel\"\n    :aria-labelledby=\"ariaLabelledby\"\n    :value=\"modelValue\"\n    :placeholder=\"placeholder\"\n    :disabled=\"disabled\"\n    :rows=\"rows\"\n    :aria-invalid=\"invalid || undefined\"\n    :class=\"\n      cn(\n        'rounded-md border border-input bg-background text-foreground px-3 py-2 text-sm',\n        'transition-[color,background-color,border-color,box-shadow] duration-fast ease-out',\n        // Rim-lit at rest, the weave blooms on focus (Signature law).\n        'focus-visible:outline-2 focus-visible:outline-offset-2 focus-visible:outline-ring',\n        !invalid && 'focus-visible:shadow-halo',\n        'placeholder:text-muted-foreground',\n        'disabled:cursor-not-allowed disabled:opacity-50',\n        invalid && 'border-destructive focus-visible:outline-destructive',\n        resize === 'none' ? 'resize-none' : 'resize-y',\n        attrs.class as string,\n      )\n    \"\n    @input=\"$emit('update:modelValue', ($event.target as HTMLTextAreaElement).value)\"\n  />\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgDA,MAAM,EAAE,OAAO,MAAM,kBAAkB,cAAc;;GAInD,OAAA,UAAA,GAAA,mBAwBE,YAxBF,WACU,MAuBR,aAAA,GAvBqB;IACpB,cAAY,QAAA;IACZ,mBAAiB,QAAA;IACjB,OAAO,QAAA;IACP,aAAa,QAAA;IACb,UAAU,QAAA;IACV,MAAM,QAAA;IACN,gBAAc,QAAA,WAAW,KAAA;IACzB,OAAc,MAAA,EAAA,CAAE,CAAA,kFAAA,sFAAA,qFAAuW,CAAA,QAAA,WAAO,6BAAA,qCAAA,mDAAiJ,QAAA,WAAO,wDAAoE,QAAA,WAAM,SAAA,gBAAA,YAAkD,MAAA,KAAA,CAAK,CAAC,KAAA;IAcxpB,SAAK,OAAA,OAAA,OAAA,MAAA,WAAEA,KAAAA,MAAK,qBAAuB,OAAO,OAA+B,KAAK"}

package/dist/primitives/Toast/Toast.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.js","names":[],"sources":["../../../src/primitives/Toast/Toast.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastVariant = \"info\" | \"success\" | \"warning\" | \"destructive\" | \"ai\";\n</script>\n\n<script setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from \"reka-ui\";\nimport { optional } from \"../../lib/props\";\nimport ToastItem 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 */\nwithDefaults(\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    // `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</script>\n\n<template>\n  <ToastProvider>\n    <ToastItem\n      v-bind=\"optional({ open, description, actionLabel })\"\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      class=\"fixed bottom-0 right-0 z-[100] flex w-[min(92vw,24rem)] flex-col gap-2 p-4 outline-none\"\n    />\n  </ToastProvider>\n</template>\n"],"mappings":""}

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

@@ -0,0 +1,46 @@
+export type ToastVariant = "info" | "success" | "warning" | "destructive" | "ai";
+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;
+}, {}, {}, {}, {}, 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;
+}> & Readonly<{
+    "onUpdate:open"?: (value: boolean) => any;
+    onAction?: () => any;
+}>, {
+    variant: ToastVariant;
+    open: boolean | undefined;
+    closable: boolean;
+    duration: number;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
+//# sourceMappingURL=Toast.vue.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Toast.vue.d.ts","sourceRoot":"","sources":["../../../src/primitives/Toast/Toast.vue"],"names":[],"mappings":"AAqFA,MAAM,MAAM,YAAY,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,aAAa,GAAG,IAAI,CAAC;wBAC5D,OAAO,YAAY;AAAxC,wBAAyC;AACzC,QAAA,MAAM,YAAY;IAmBd,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;;;;;IAbpB,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;;;;;aANV,YAAY;UANf,OAAO,GAAG,SAAS;cAUf,OAAO;cAFP,MAAM;6EA2IjB,CAAC"}

package/dist/primitives/Toast/Toast.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,52 @@
+import { optional } from "../../lib/props.js";
+import ToastItem_default from "./ToastItem.js";
+import { createBlock, createVNode, defineComponent, mergeProps, openBlock, unref, withCtx } from "vue";
+import { ToastProvider, ToastViewport } from "reka-ui";
+//#region src/primitives/Toast/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: {}
+	},
+	emits: ["update:open", "action"],
+	setup(__props) {
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastProvider), null, {
+				default: withCtx(() => [createVNode(ToastItem_default, mergeProps(unref(optional)({
+					open: __props.open,
+					description: __props.description,
+					actionLabel: __props.actionLabel
+				}), {
+					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), { class: "fixed bottom-0 right-0 z-[100] flex w-[min(92vw,24rem)] flex-col gap-2 p-4 outline-none" })]),
+				_: 1
+			});
+		};
+	}
+});
+//#endregion
+export { Toast_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=Toast.vue_vue_type_script_setup_true_lang.js.map

package/dist/primitives/Toast/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":["../../../src/primitives/Toast/Toast.vue"],"sourcesContent":["<script lang=\"ts\">\nexport type ToastVariant = \"info\" | \"success\" | \"warning\" | \"destructive\" | \"ai\";\n</script>\n\n<script setup lang=\"ts\">\nimport { ToastProvider, ToastViewport } from \"reka-ui\";\nimport { optional } from \"../../lib/props\";\nimport ToastItem 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 */\nwithDefaults(\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    // `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</script>\n\n<template>\n  <ToastProvider>\n    <ToastItem\n      v-bind=\"optional({ open, description, actionLabel })\"\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      class=\"fixed bottom-0 right-0 z-[100] flex w-[min(92vw,24rem)] flex-col gap-2 p-4 outline-none\"\n    />\n  </ToastProvider>\n</template>\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;GA6DE,OAAA,UAAA,GAAA,YAcgB,MAAA,aAAA,GAAA,MAAA;IAbd,SAAA,cAQE,CARF,YAQE,mBARF,WACU,MAOR,QAAA,CAPgB,CAAA;KAAA,MAAG,QAAA;KAAI,aAAE,QAAA;KAAW,aAAE,QAAA;IAAW,CAAA,GAAA;KAChD,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,YAEE,MAAA,aAAA,GAAA,EADA,OAAM,0FAAyF,CAAA,CAAA,CAAA"}

package/dist/primitives/Toast/ToastItem.js

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

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

@@ -0,0 +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":""}

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

@@ -0,0 +1,38 @@
+import type { ToastVariant } from "./Toast.vue";
+/**
+ * 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`.
+ */
+type __VLS_Props = {
+    /** 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;
+};
+declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:open": (value: boolean) => any;
+    action: () => any;
+}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
+    "onUpdate:open"?: (value: boolean) => any;
+    onAction?: () => any;
+}>, {
+    variant: ToastVariant;
+    open: boolean | undefined;
+    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

@@ -0,0 +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"}

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

@@ -0,0 +1,114 @@
+import { cn } from "../../lib/cn.js";
+import { optional } from "../../lib/props.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 { 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 = {
+	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`.
+*/
+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: {}
+	},
+	emits: ["update:open", "action"],
+	setup(__props) {
+		const props = __props;
+		const toastAccents = {
+			info: {
+				icon: Info,
+				color: "text-info"
+			},
+			success: {
+				icon: CircleCheck,
+				color: "text-success"
+			},
+			warning: {
+				icon: TriangleAlert,
+				color: "text-warning"
+			},
+			destructive: {
+				icon: CircleX,
+				color: "text-destructive"
+			},
+			ai: {
+				icon: Sparkles,
+				color: "text-primary"
+			}
+		};
+		const accent = computed(() => toastAccents[props.variant]);
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(unref(ToastRoot), mergeProps(unref(optional)({ open: __props.open }), {
+				duration: __props.duration,
+				class: "outline-none",
+				"onUpdate:open": _cache[1] || (_cache[1] = ($event) => _ctx.$emit("update:open", $event))
+			}), {
+				default: withCtx(() => [createElementVNode("div", { class: normalizeClass(unref(cn)("relative flex animate-toast-in items-start gap-3 rounded-md border border-border bg-popover p-3 pr-8 text-popover-foreground shadow-lg", __props.variant === "ai" && "border-primary/40")) }, [
+					__props.variant === "ai" ? (openBlock(), createElementBlock("span", _hoisted_1)) : createCommentVNode("", true),
+					(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" }, {
+						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: 1,
+						"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)]),
+						_: 1
+					}, 8, ["alt-text"])) : createCommentVNode("", true),
+					__props.closable ? (openBlock(), createBlock(unref(ToastClose), {
+						key: 2,
+						"aria-label": "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)
+				], 2)]),
+				_: 1
+			}, 16, ["duration"]);
+		};
+	}
+});
+//#endregion
+export { 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

@@ -0,0 +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"}

package/dist/primitives/Tooltip/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 src/primitives/Tooltip/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/primitives/Tooltip/Tooltip.js.map

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

package/dist/primitives/Tooltip/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;
+}>, {
+    open: boolean | undefined;
+    side: TooltipSide;
+    sideOffset: number;
+    delay: number;
+}, {}, {}, {}, 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/primitives/Tooltip/Tooltip.vue.d.ts.map

@@ -0,0 +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"}

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

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