@threadlabs/looma 0.21.6 → 0.22.1

package/vue/chunks/UiEditorTableToolbar.js

@@ -1,8 +1,8 @@
 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 { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx } from "vue";
+import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiEditorTableToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"hidden",
@@ -107,6 +107,105 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			actions: {
+				type: {
+					kind: "list",
+					item: {
+						kind: "constrained",
+						base: {
+							kind: "terminal",
+							name: "keyword"
+						},
+						values: [
+							"align-left",
+							"align-center",
+							"align-right",
+							"background-none",
+							"background-gray",
+							"background-yellow",
+							"background-blue",
+							"background-green",
+							"background-red",
+							"add-row-before",
+							"add-row-after",
+							"add-column-before",
+							"add-column-after",
+							"toggle-header-row",
+							"toggle-header-column",
+							"move-row-up",
+							"move-row-down",
+							"move-column-left",
+							"move-column-right",
+							"clear-cells",
+							"merge-cells",
+							"split-cell",
+							"delete-row",
+							"delete-column",
+							"delete-table"
+						]
+					}
+				},
+				required: false,
+				target: { attribute: "actions" },
+				description: "The complete set of commands the current selection permits."
+			},
+			cellAlignment: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "cellalignment" },
+				description: "Marks the alignment command that is active for the current cell.",
+				values: [
+					"left",
+					"center",
+					"right"
+				],
+				default: "left"
+			},
+			cellBackground: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "cellbackground" },
+				description: "Identifies the background choice that is active for the current cell.",
+				default: ""
+			},
+			headerColumn: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "headercolumn" },
+				description: "Whether the table's first column currently uses header cells.",
+				default: false
+			},
+			headerRow: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "headerrow" },
+				description: "Whether the table's first row currently uses header cells.",
+				default: false
+			},
+			open: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "open" },
+				description: "Shows the toolbar while a table selection is active.",
+				default: false
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			actions: checkedProp(props["actions"], {
@@ -145,31 +244,27 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 						"delete-table"
 					]
 				}
-			}, false, "actions", void 0, void 0),
+			}, false, "actions"),
 			cellAlignment: checkedProp(props["cellAlignment"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "cellAlignment", void 0, [
-				"left",
-				"center",
-				"right"
-			]),
+			}, false, "cellAlignment"),
 			cellBackground: checkedProp(props["cellBackground"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "cellBackground", void 0, void 0),
+			}, false, "cellBackground"),
 			headerColumn: checkedProp(props["headerColumn"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "headerColumn", void 0, void 0),
+			}, false, "headerColumn"),
 			headerRow: checkedProp(props["headerRow"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "headerRow", void 0, void 0),
+			}, false, "headerRow"),
 			open: checkedProp(props["open"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "open", void 0, void 0)
+			}, false, "open")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -220,6 +315,17 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		const sections = ref([]);
 		const hasOverflow = ref(false);
 		const overflowOpen = ref(false);
+		let guardedPrevious;
+		const guarded = computed(() => {
+			if (!(overflowOpen.value == null || typeof overflowOpen.value === "boolean")) return guardedPrevious;
+			return guardedPrevious = overflowOpen.value;
+		});
+		provide("html-next:ui-editor-table-toolbar:alignments", alignments);
+		provide("html-next:ui-editor-table-toolbar:structure", structure);
+		provide("html-next:ui-editor-table-toolbar:swatches", swatches);
+		provide("html-next:ui-editor-table-toolbar:sections", sections);
+		provide("html-next:ui-editor-table-toolbar:hasOverflow", hasOverflow);
+		provide("html-next:ui-editor-table-toolbar:overflowOpen", overflowOpen);
 		const hydrationNode = hydrationInstance?.vnode.el;
 		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-editor-table-toolbar> has an incompatible root."), {
 			name: "HtmlDiagnosticError",
@@ -279,7 +385,7 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			return items;
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-table-toolbar",
 				role: "toolbar",
 				"aria-label": "Table actions"
@@ -325,7 +431,7 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					class: "more",
 					"data-action": "toggle-overflow",
 					"aria-haspopup": "menu",
-					"aria-expanded": overflowOpen.value
+					"aria-expanded": guarded.value
 				}, [
 					createVNode(UiIcon_default, { name: "table" }),
 					_cache[0] || (_cache[0] = createElementVNode("span", null, "Table options", -1)),
@@ -382,9 +488,12 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 					}), 128))]),
 					_: 1
 				})])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-1f1a5f80"]]);
+}), [["__scopeId", "data-v-743438e5"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -1,7 +1,7 @@
 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 { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, useTemplateRef, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiEditorToolbar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-floating", "data-ui-editor-toolbar-state"];
 var _hoisted_2 = {
@@ -18,11 +18,21 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		default: false
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { floating: {
+			type: {
+				kind: "terminal",
+				name: "boolean"
+			},
+			required: false,
+			target: { attribute: "floating" },
+			description: "Shows the toolbar as a floating bar beside the selection rather than pinned to the editor.",
+			default: false
+		} } };
 		const props = __props;
 		const checkedProps = computed(() => ({ floating: checkedProp(props["floating"], {
 			kind: "terminal",
 			name: "boolean"
-		}, false, "floating", void 0, void 0) }));
+		}, false, "floating") }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -64,7 +74,7 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			refs: { strip: stripElement }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-toolbar",
 				role: "toolbar",
 				"aria-label": "Editor toolbar"
@@ -73,9 +83,12 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 				"data-ui-editor-toolbar-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1);
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-322dbae6"]]);
+}), [["__scopeId", "data-v-8b6b2b9a"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiFloatingActionButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-label",
@@ -30,20 +30,52 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Disables the button, so it cannot be pressed or focused, and gives it a flat muted treatment.",
+				default: false
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "aria-label" },
+				description: "The button's accessible name. The button usually holds only an icon, so name the action it performs.",
+				default: ""
+			},
+			mobileOnly: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "mobileonly" },
+				description: "Hides the button on viewports 768px wide and wider, for a shortcut that only phones need. Make sure the action is reachable another way at those\n      widths.",
+				default: false
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			disabled: checkedProp(props["disabled"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "disabled", void 0, void 0),
+			}, false, "disabled"),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label", void 0, void 0),
+			}, false, "label"),
 			mobileOnly: checkedProp(props["mobileOnly"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "mobileOnly", void 0, void 0)
+			}, false, "mobileOnly")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -72,7 +104,7 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [checkedProps.value.mobileOnly && "mobileOnly"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("button", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("button", mergeProps({
 				"data-component": "ui-floating-action-button",
 				type: "button"
 			}, nativeAttrs(_ctx.$attrs), {
@@ -82,9 +114,12 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
 				"data-mobile-only": reflectedProp("mobileOnly", "mobile-only", checkedProps.value.mobileOnly, void 0, false),
 				"data-ui-floating-action-button-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0d430bd2"]]);
+}), [["__scopeId", "data-v-1c7d51b6"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -1,7 +1,7 @@
 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 { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiFormField.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-disabled",
@@ -33,20 +33,52 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Disables the field's control: the first input, textarea, or select inside it. The field writes this to the control whenever it updates, so set it here\n      rather than on the control.",
+				default: false
+			},
+			invalid: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "invalid" },
+				description: "Marks the field's control invalid by setting aria-invalid on it. Only while invalid, the error slot appears and becomes part of the control's\n      description.",
+				default: false
+			},
+			required: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "required" },
+				description: "Marks the field's control required, for native form validation. Like disabled, it is written to the control, so set it here rather than on the control. It\n      adds no visual marker; show one in the label if the form needs it.",
+				default: false
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			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"),
 			required: checkedProp(props["required"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "required", void 0, void 0)
+			}, false, "required")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -87,7 +119,7 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			props: checkedProps
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-form-field" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-form-field" }, nativeAttrs(_ctx.$attrs), {
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
 				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
@@ -99,9 +131,12 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				renderSlot(_ctx.$slots, "default"),
 				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "help")]),
 				createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "error")])
-			], 16, _hoisted_1);
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9f4b2277"]]);
+}), [["__scopeId", "data-v-04471fa7"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as checkedProp } from "./props.js";
-import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiGrid.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"data-columns",
@@ -28,30 +28,61 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		}
 	},
 	setup(__props) {
+		const propValidityContract = { props: {
+			columns: {
+				type: {
+					kind: "terminal",
+					name: "integer"
+				},
+				required: false,
+				target: { attribute: "columns" },
+				description: "Maximum columns when there is room. Omit for no cap. The grid still drops columns as its container narrows; it never forces a fixed column count."
+			},
+			gap: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "gap" },
+				description: "Space between cells, on the spacing scale: xs is 0.5rem, s 0.75rem, m 1rem (also the default), l 1.5rem, and xl 2rem. The --ui-grid-gap custom property,\n      set on the grid itself, overrides it; set on an ancestor, it does nothing.",
+				values: [
+					"xs",
+					"s",
+					"m",
+					"l",
+					"xl"
+				]
+			},
+			min: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "min" },
+				description: "The narrowest a column may get before the grid drops to fewer columns: sm is 12rem (also the default), md is 16rem, and lg is 20rem. The grid fits as many\n      equal columns as its width allows, and a single column never overflows a narrower container.",
+				values: [
+					"sm",
+					"md",
+					"lg"
+				]
+			}
+		} };
 		const props = __props;
 		const checkedProps = computed(() => ({
 			columns: checkedProp(props["columns"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "columns", void 0, void 0),
+			}, false, "columns"),
 			gap: checkedProp(props["gap"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "gap", void 0, [
-				"xs",
-				"s",
-				"m",
-				"l",
-				"xl"
-			]),
+			}, false, "gap"),
 			min: checkedProp(props["min"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "min", void 0, [
-				"sm",
-				"md",
-				"lg"
-			])
+			}, false, "min")
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -85,15 +116,18 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.min != null && `min=${encodeURIComponent(checkedProps.value.min)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, nativeAttrs(_ctx.$attrs), {
+			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, nativeAttrs(_ctx.$attrs), {
 				style: { "--_grid-column-cap": checkedProps.value.columns ?? void 0 },
 				"data-columns": reflectedProp("columns", "columns", checkedProps.value.columns, void 0, false),
 				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
 				"data-min": reflectedProp("min", "min", checkedProps.value.min, void 0, false),
 				"data-ui-grid-state": hostState.value || void 0
-			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a3f05e77"]]);
+}), [["__scopeId", "data-v-a0085a10"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { t as checkedProp } from "./props.js";
-import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderList, unref, watchSyncEffect } from "vue";
+import { r as vPropValidity, t as checkedProp } from "./props.js";
+import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderList, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-name"];
 var _hoisted_2 = {
@@ -42,11 +42,21 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		default: ""
 	} },
 	setup(__props) {
+		const propValidityContract = { props: { name: {
+			type: {
+				kind: "terminal",
+				name: "string"
+			},
+			required: false,
+			target: { attribute: "name" },
+			description: "Which icon to draw, by its name in Looma's icon set (LOOMA_ICONS), such as \"align-left\". An unknown or empty name draws nothing. The icon is hidden from\n      assistive technology, so name the control it sits in.",
+			default: ""
+		} } };
 		const props = __props;
 		const checkedProps = computed(() => ({ name: checkedProp(props["name"], {
 			kind: "terminal",
 			name: "string"
-		}, false, "name", void 0, void 0) }));
+		}, false, "name") }));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -1074,7 +1084,7 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			return Array.isArray(value) ? value : [];
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps({
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				"data-component": "ui-icon",
 				"aria-hidden": "true"
 			}, nativeAttrs(_ctx.$attrs), { "data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false) }), [(openBlock(), createElementBlock("svg", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(list(unref(shapes)), (shape, index) => {
@@ -1106,9 +1116,12 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 						y2: attribute(shape.y2)
 					}, null, 8, _hoisted_6)) : createCommentVNode("v-if", true)
 				]);
-			}), 128))]))], 16, _hoisted_1);
+			}), 128))]))], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...checkedProps.value }
+			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3b79b619"]]);
+}), [["__scopeId", "data-v-b3883ba1"]]);
 //#endregion
 export { UiIcon_default as t };