@threadlabs/looma 0.21.6 → 0.22.1

package/vue/chunks/UiText.js

@@ -1,7 +1,7 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus } from "./host.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, useTemplateRef, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiText.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-align",
@@ -149,72 +149,150 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			align: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "align" },
+				description: "Aligns the text within its line.",
+				values: ["start", "center"],
+				default: "start"
+			},
+			as: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "as" },
+				description: "The native element the text renders: a paragraph by default, inline span, small, or strong within a line, a div for a block, a label for a control, or a\n      heading, h2 to h6, below a Page Header's h1 and a Section's h2. A heading takes its size and weight from size and weight, like any other text.",
+				values: [
+					"p",
+					"span",
+					"div",
+					"small",
+					"strong",
+					"label",
+					"h2",
+					"h3",
+					"h4",
+					"h5",
+					"h6"
+				],
+				default: "p"
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "The step on the type scale. inherit (the default) keeps the size of the text around it; xs is for fine print, sm for supporting text such as help and\n      metadata, md is body text, and lg is a lead paragraph.",
+				values: [
+					"inherit",
+					"xs",
+					"sm",
+					"md",
+					"lg"
+				],
+				default: "inherit"
+			},
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "The text's colour, by meaning. secondary is supporting prose such as a description; muted is quieter still, for metadata and hints; accent draws the eye;\n      danger states an error; success confirms one; info marks something moving forward normally; warning marks something that needs attention. Colour alone\n      does not carry the meaning, so the words must say it too.",
+				values: [
+					"default",
+					"secondary",
+					"muted",
+					"accent",
+					"danger",
+					"success",
+					"info",
+					"warning"
+				],
+				default: "default"
+			},
+			truncate: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "truncate" },
+				description: "Keeps the text on one line, ending in an ellipsis when it does not fit.",
+				default: false
+			},
+			variant: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "variant" },
+				description: "body is running text. eyebrow is a short, uppercase, tracked label that names what follows, such as a group of links; code sets a value to copy or read\n      exactly, such as an address, in the monospace face.",
+				values: [
+					"body",
+					"eyebrow",
+					"code"
+				],
+				default: "body"
+			},
+			weight: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "weight" },
+				description: "The weight. inherit keeps the surrounding weight; medium and semibold emphasise a name or a figure.",
+				values: [
+					"inherit",
+					"normal",
+					"medium",
+					"semibold"
+				],
+				default: "inherit"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			align: checkedProp(props["align"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "align", void 0, ["start", "center"]),
+			}, false, "align"),
 			as: checkedProp(props["as"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "as", void 0, [
-				"p",
-				"span",
-				"div",
-				"small",
-				"strong",
-				"label",
-				"h2",
-				"h3",
-				"h4",
-				"h5",
-				"h6"
-			]),
+			}, false, "as"),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size", void 0, [
-				"inherit",
-				"xs",
-				"sm",
-				"md",
-				"lg"
-			]),
+			}, false, "size"),
 			tone: checkedProp(props["tone"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "tone", void 0, [
-				"default",
-				"secondary",
-				"muted",
-				"accent",
-				"danger",
-				"success",
-				"info",
-				"warning"
-			]),
+			}, false, "tone"),
 			truncate: checkedProp(props["truncate"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "truncate", void 0, void 0),
+			}, false, "truncate"),
 			variant: checkedProp(props["variant"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "variant", void 0, [
-				"body",
-				"eyebrow",
-				"code"
-			]),
+			}, false, "variant"),
 			weight: checkedProp(props["weight"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "weight", void 0, [
-				"inherit",
-				"normal",
-				"medium",
-				"semibold"
-			])
+			}, false, "weight")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -258,7 +336,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return checkedProps.value.as === "span" ? (openBlock(), createElementBlock("span", mergeProps({
+			return checkedProps.value.as === "span" ? withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				key: 0,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -271,7 +349,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)) : checkedProps.value.as === "div" ? (openBlock(), createElementBlock("div", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "div" ? withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				key: 1,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -284,7 +365,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)) : checkedProps.value.as === "small" ? (openBlock(), createElementBlock("small", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_2)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "small" ? withDirectives((openBlock(), createElementBlock("small", mergeProps({
 				key: 2,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -297,7 +381,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)) : checkedProps.value.as === "strong" ? (openBlock(), createElementBlock("strong", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_3)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "strong" ? withDirectives((openBlock(), createElementBlock("strong", mergeProps({
 				key: 3,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -310,7 +397,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_4)) : checkedProps.value.as === "label" ? (openBlock(), createElementBlock("label", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_4)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "label" ? withDirectives((openBlock(), createElementBlock("label", mergeProps({
 				key: 4,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -323,7 +413,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_5)) : checkedProps.value.as === "h2" ? (openBlock(), createElementBlock("h2", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_5)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "h2" ? withDirectives((openBlock(), createElementBlock("h2", mergeProps({
 				key: 5,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -336,7 +429,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_6)) : checkedProps.value.as === "h3" ? (openBlock(), createElementBlock("h3", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_6)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "h3" ? withDirectives((openBlock(), createElementBlock("h3", mergeProps({
 				key: 6,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -349,7 +445,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_7)) : checkedProps.value.as === "h4" ? (openBlock(), createElementBlock("h4", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_7)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "h4" ? withDirectives((openBlock(), createElementBlock("h4", mergeProps({
 				key: 7,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -362,7 +461,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_8)) : checkedProps.value.as === "h5" ? (openBlock(), createElementBlock("h5", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_8)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "h5" ? withDirectives((openBlock(), createElementBlock("h5", mergeProps({
 				key: 8,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -375,7 +477,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_9)) : checkedProps.value.as === "h6" ? (openBlock(), createElementBlock("h6", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_9)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : checkedProps.value.as === "h6" ? withDirectives((openBlock(), createElementBlock("h6", mergeProps({
 				key: 9,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -388,7 +493,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_10)) : (openBlock(), createElementBlock("p", mergeProps({
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_10)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]) : withDirectives((openBlock(), createElementBlock("p", mergeProps({
 				key: 10,
 				"data-component": "ui-text"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -401,9 +509,12 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
 				"data-ui-text-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_11));
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_11)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-d8e1d0ab"]]);
+}), [["__scopeId", "data-v-2d046497"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { n as readBoundControl, r as vBindControl } from "./control.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTextarea.vue?vue&type=script&setup=true&lang.ts
@@ -62,48 +62,130 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 	},
 	emits: ["update:modelValue"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			autosize: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "autosize" },
+				description: "Grow with the text while keeping rows as the minimum visible height. Uses CSS field sizing where supported; other browsers keep the native rows\n      behavior.",
+				default: false
+			},
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Prevents editing and form submission.",
+				default: false
+			},
+			invalid: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "aria-invalid" },
+				description: "Exposes invalid state to assistive technology and styling.",
+				default: false
+			},
+			readonly: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "readonly" },
+				description: "Allows selection without allowing edits.",
+				default: false
+			},
+			required: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "required" },
+				description: "Marks the control as required for form validation.",
+				default: false
+			},
+			rows: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "rows" },
+				description: "Initial number of visible text rows.",
+				default: 4
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "Padding and type size, matching Input's sizes so a textarea sits with fields of the same size; rows sets its height. sm has tighter padding and smaller\n      text, for compact forms; lg has roomier padding. Under a coarse pointer, sm keeps body-size text.",
+				values: [
+					"sm",
+					"md",
+					"lg"
+				],
+				default: "md"
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "The textarea's text. Setting or changing it replaces the live text; between changes the user's typing stands, so follow input events to keep it in step. It\n      is also the textarea's default, so a form reset returns to it."
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			autosize: checkedProp(props["autosize"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "autosize", void 0, void 0),
+			}, false, "autosize"),
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			invalid: checkedProp(props["invalid"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "invalid", void 0, void 0),
+			}, false, "invalid"),
 			readonly: checkedProp(props["readonly"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "readonly", void 0, void 0),
+			}, false, "readonly"),
 			required: checkedProp(props["required"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "required", void 0, void 0),
+			}, false, "required"),
 			rows: checkedProp(props["rows"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "rows", void 0, void 0),
+			}, false, "rows"),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size", void 0, [
-				"sm",
-				"md",
-				"lg"
-			]),
+			}, false, "size"),
 			value: checkedProp(props["value"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "value", void 0, void 0),
+			}, false, "value"),
 			modelValue: checkedProp(props.modelValue, {
 				kind: "terminal",
 				name: "string"
-			}, false, "modelValue", void 0, void 0)
+			}, false, "modelValue")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -172,7 +254,10 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				"data-ui-textarea-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), null, 16, _hoisted_1)), [[unref(vBindControl), {
+			}), null, 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}], [unref(vBindControl), {
 				tag: "textarea",
 				name: "value",
 				value: model.value,
@@ -180,6 +265,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2fa6c9e6"]]);
+}), [["__scopeId", "data-v-7b06d21e"]]);
 //#endregion
 export { UiTextarea_default as t };

package/vue/chunks/UiToast.js

@@ -1,9 +1,9 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { t as checkedProp } from "./props.js";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, useTemplateRef, watchSyncEffect, withCtx } from "vue";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiToast.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"role",
@@ -33,22 +33,45 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	},
 	emits: ["dismiss"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			duration: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "duration" },
+				description: "Milliseconds before requesting dismissal; 0 keeps the toast until an action dismisses it. The timer pauses on hover or focus.",
+				default: 0
+			},
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "Semantic accent for this message. Danger uses an assertive alert role; the other tones use polite status semantics.",
+				values: [
+					"neutral",
+					"info",
+					"success",
+					"warning",
+					"danger"
+				],
+				default: "neutral"
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			duration: checkedProp(props["duration"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "duration", void 0, void 0),
+			}, false, "duration"),
 			tone: checkedProp(props["tone"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "tone", void 0, [
-				"neutral",
-				"info",
-				"success",
-				"warning",
-				"danger"
-			])
+			}, false, "tone")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -105,7 +128,7 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return value === true ? "" : text(value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-toast" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-toast" }, nativeAttrs(_ctx.$attrs), {
 				role: attribute({
 					neutral: "status",
 					info: "status",
@@ -131,9 +154,12 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 					default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
 					_: 1
 				})
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-598e79a1"]]);
+}), [["__scopeId", "data-v-bbd857f1"]]);
 //#endregion
 export { UiToast_default as t };