@threadlabs/looma 0.29.17 → 0.30.0

package/vue/chunks/UiEditorLinkForm.js

@@ -502,46 +502,44 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 					createVNode(UiStack_default, { gap: "s" }, {
 						default: withCtx(() => [
 							createVNode(UiFormField_default, { invalid: checkedProps.value.error !== "" }, {
+								label: withCtx(() => [createElementVNode("label", {
+									slot: "label",
+									for: guarded.value
+								}, toDisplayString(unref(text)(unref(fieldLabel))), 9, _hoisted_2)]),
 								default: withCtx(() => [
-									createElementVNode("label", {
-										slot: "label",
-										for: guarded.value
-									}, toDisplayString(unref(text)(unref(fieldLabel))), 9, _hoisted_2),
 									checkedProps.value.searchable ? (openBlock(), createBlock(UiInputGroup_default, {
 										key: 0,
 										"prefix-kind": "icon"
 									}, {
-										default: withCtx(() => [
-											createVNode(UiIcon_default, {
-												slot: "prefix",
-												name: guardedBinding.value
-											}, null, 8, ["name"]),
-											createVNode(UiInput_default, {
-												"data-link-destination": "",
-												"data-link-search": "",
-												type: "text",
-												role: "searchbox",
-												autocomplete: "off",
-												id: guardedBinding2.value,
-												placeholder: checkedProps.value.placeholder,
-												value: checkedProps.value.value
-											}, null, 8, [
-												"id",
-												"placeholder",
-												"value"
-											]),
-											checkedProps.value.value !== "" ? (openBlock(), createBlock(UiIconButton_default, {
-												key: 0,
-												slot: "action",
-												label: "Clear search",
-												variant: "ghost",
-												size: "sm",
-												"data-link-clear": ""
-											}, {
-												default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
-												_: 1
-											})) : createCommentVNode("v-if", true)
-										]),
+										prefix: withCtx(() => [createVNode(UiIcon_default, {
+											slot: "prefix",
+											name: guardedBinding.value
+										}, null, 8, ["name"])]),
+										action: withCtx(() => [checkedProps.value.value !== "" ? (openBlock(), createBlock(UiIconButton_default, {
+											key: 0,
+											slot: "action",
+											label: "Clear search",
+											variant: "ghost",
+											size: "sm",
+											"data-link-clear": ""
+										}, {
+											default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+											_: 1
+										})) : createCommentVNode("v-if", true)]),
+										default: withCtx(() => [createVNode(UiInput_default, {
+											"data-link-destination": "",
+											"data-link-search": "",
+											type: "text",
+											role: "searchbox",
+											autocomplete: "off",
+											id: guardedBinding2.value,
+											placeholder: checkedProps.value.placeholder,
+											value: checkedProps.value.value
+										}, null, 8, [
+											"id",
+											"placeholder",
+											"value"
+										])]),
 										_: 1
 									})) : createCommentVNode("v-if", true),
 									_cache[2] || (_cache[2] = createTextVNode(toDisplayString(" "), -1)),
@@ -591,40 +589,38 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 												selected: result.id === checkedProps.value.selected,
 												"data-link-id": result.id
 											}, {
-												default: withCtx(() => [
-													createVNode(UiIcon_default, {
-														slot: "leading",
-														name: "file-text"
-													}),
-													createVNode(UiText_default, {
-														slot: "title",
-														as: "strong",
-														size: "sm",
-														weight: "medium",
-														truncate: true,
-														title: result.label
-													}, {
-														default: withCtx(() => [createTextVNode(toDisplayString(result.label), 1)]),
-														_: 2
-													}, 1032, ["title"]),
-													result.detail ? (openBlock(), createBlock(UiText_default, {
-														key: 0,
-														slot: "meta",
-														as: "span",
-														size: "xs",
-														tone: "secondary",
-														truncate: true,
-														title: result.detail
-													}, {
-														default: withCtx(() => [createTextVNode(toDisplayString(result.detail), 1)]),
-														_: 2
-													}, 1032, ["title"])) : createCommentVNode("v-if", true),
-													result.id === checkedProps.value.selected ? (openBlock(), createBlock(UiIcon_default, {
-														key: 1,
-														slot: "trailing",
-														name: "check"
-													})) : createCommentVNode("v-if", true)
-												]),
+												leading: withCtx(() => [createVNode(UiIcon_default, {
+													slot: "leading",
+													name: "file-text"
+												})]),
+												title: withCtx(() => [createVNode(UiText_default, {
+													slot: "title",
+													as: "strong",
+													size: "sm",
+													weight: "medium",
+													truncate: true,
+													title: result.label
+												}, {
+													default: withCtx(() => [createTextVNode(toDisplayString(result.label), 1)]),
+													_: 2
+												}, 1032, ["title"])]),
+												meta: withCtx(() => [result.detail ? (openBlock(), createBlock(UiText_default, {
+													key: 0,
+													slot: "meta",
+													as: "span",
+													size: "xs",
+													tone: "secondary",
+													truncate: true,
+													title: result.detail
+												}, {
+													default: withCtx(() => [createTextVNode(toDisplayString(result.detail), 1)]),
+													_: 2
+												}, 1032, ["title"])) : createCommentVNode("v-if", true)]),
+												trailing: withCtx(() => [result.id === checkedProps.value.selected ? (openBlock(), createBlock(UiIcon_default, {
+													key: 0,
+													slot: "trailing",
+													name: "check"
+												})) : createCommentVNode("v-if", true)]),
 												_: 2
 											}, 1032, ["selected", "data-link-id"]);
 										}), 128))]),
@@ -653,10 +649,11 @@ var UiEditorLinkForm_default = /* @__PURE__ */ defineComponent({
 					checkedProps.value.textEditable ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
 						_cache[9] || (_cache[9] = createTextVNode(toDisplayString(" "), -1)),
 						createVNode(UiFormField_default, null, {
-							default: withCtx(() => [createElementVNode("label", {
+							label: withCtx(() => [createElementVNode("label", {
 								slot: "label",
 								for: guardedBinding4.value
-							}, "Text", 8, _hoisted_3), createVNode(UiInput_default, {
+							}, "Text", 8, _hoisted_3)]),
+							default: withCtx(() => [createVNode(UiInput_default, {
 								"data-link-text": "",
 								size: "sm",
 								id: guardedBinding5.value,

package/vue/chunks/UiEditorMentionMenu.js

@@ -601,6 +601,6 @@ var UiEditorMentionMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_defaul
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-55589cd0"]]);
+}), [["__scopeId", "data-v-1d0e386e"]]);
 //#endregion
 export { UiEditorMentionMenu_default as t };

package/vue/chunks/UiEditorMentionMenuItem.js

@@ -126,6 +126,6 @@ var UiEditorMentionMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_de
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e0fc387b"]]);
+}), [["__scopeId", "data-v-73154cbc"]]);
 //#endregion
 export { UiEditorMentionMenuItem_default as t };

package/vue/chunks/UiEditorSlashMenu.js

@@ -538,6 +538,6 @@ var UiEditorSlashMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-76cbf078"]]);
+}), [["__scopeId", "data-v-71bb5340"]]);
 //#endregion
 export { UiEditorSlashMenu_default as t };

package/vue/chunks/UiEditorSlashMenuGroup.js

@@ -62,6 +62,6 @@ var UiEditorSlashMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-82e91c99"]]);
+}), [["__scopeId", "data-v-e584b052"]]);
 //#endregion
 export { UiEditorSlashMenuGroup_default as t };

package/vue/chunks/UiEditorSlashMenuItem.js

@@ -177,6 +177,6 @@ var UiEditorSlashMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_defa
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0a8af404"]]);
+}), [["__scopeId", "data-v-a6dfc10a"]]);
 //#endregion
 export { UiEditorSlashMenuItem_default as t };

package/vue/chunks/UiEditorSurface.js

@@ -36,7 +36,7 @@ var UiEditorSurface_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-editor-surface");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.density && "density", checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ class: "ui-editor-surface" }, unref(nativeAttrs)(_ctx.$attrs), {
@@ -50,6 +50,6 @@ var UiEditorSurface_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-7a8edf0d"]]);
+}), [["__scopeId", "data-v-d18241d8"]]);
 //#endregion
 export { UiEditorSurface_default as t };

package/vue/chunks/UiEditorTableContextMenu.js

@@ -483,6 +483,6 @@ var UiEditorTableContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_d
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e097b12e"]]);
+}), [["__scopeId", "data-v-92a63fc7"]]);
 //#endregion
 export { UiEditorTableContextMenu_default as t };

package/vue/chunks/UiEditorTableOverlay.js

@@ -1,4 +1,4 @@
-import { _ as uniqueKeys, b as warnUnless, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
+import { _ as uniqueKeys, i as checkHydratedRoot, n as KeyedBoundary, o as createDispatch, p as nativeAttrs, t as _plugin_vue_export_helper_default, v as useComponentHost, x as warnUnless, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, normalizeClass, normalizeStyle, openBlock, provide, ref, renderList, toDisplayString, unref, watchSyncEffect, withCtx, withDirectives } from "vue";
@@ -975,6 +975,6 @@ var UiEditorTableOverlay_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ee21258b"]]);
+}), [["__scopeId", "data-v-4b5158d8"]]);
 //#endregion
 export { UiEditorTableOverlay_default as t };

package/vue/chunks/UiEditorTableToolbar.js

@@ -686,6 +686,6 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e2bf310f"]]);
+}), [["__scopeId", "data-v-bb390d8a"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -38,7 +38,7 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 		const root = ref(null);
 		const stripElement = useTemplateRef("stripElement");
 		checkHydratedRoot("div", "ui-editor-toolbar");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.floating && "floating"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-editor-toolbar/ui-editor-toolbar.js"), {
@@ -84,6 +84,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-12d0fc42"]]);
+}), [["__scopeId", "data-v-0d195603"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.js

@@ -88,7 +88,7 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("button", "ui-floating-action-button");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.mobileOnly && "mobileOnly"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -109,6 +109,6 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6f00f36e"]]);
+}), [["__scopeId", "data-v-dc1bb283"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -104,7 +104,7 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		checkHydratedRoot("div", "ui-form-field");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.invalid && "invalid"].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-form-field/ui-form-field.js"), {
@@ -144,7 +144,7 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				createElementVNode("div", _hoisted_2, [
 					renderSlot(_ctx.$slots, "label", {}, void 0, true),
 					_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
-					createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "label-action", {}, void 0, true)])
+					createElementVNode("span", _hoisted_3, [renderSlot(_ctx.$slots, "labelAction", {}, void 0, true)])
 				]),
 				renderSlot(_ctx.$slots, "default", {}, void 0, true),
 				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "help", {}, void 0, true)]),
@@ -155,6 +155,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3df24b15"]]);
+}), [["__scopeId", "data-v-34ce3159"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -95,7 +95,7 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("div", "ui-grid");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.gap && "gap",
 			checkedProps.value.gap != null && `gap=${encodeURIComponent(checkedProps.value.gap)}`,
@@ -117,6 +117,6 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5a72c4da"]]);
+}), [["__scopeId", "data-v-9c48ced1"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -2,7 +2,11 @@ import { d as list, i as checkHydratedRoot, p as nativeAttrs, r as attribute, s
 import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { Fragment, computed, createCommentVNode, createElementBlock, defineComponent, mergeProps, openBlock, renderList, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiIcon.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-icon-prop-name"];
+var _hoisted_1 = [
+	"data-ui-icon-prop-name",
+	"data-ui-icon-prop-tone",
+	"data-ui-icon-state"
+];
 var _hoisted_2 = {
 	viewBox: "0 0 24 24",
 	fill: "none",
@@ -37,27 +41,59 @@ var _hoisted_6 = [
 var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiIcon",
-	props: { name: {
-		type: null,
-		default: ""
-	} },
+	props: {
+		name: {
+			type: null,
+			default: ""
+		},
+		tone: {
+			type: null,
+			default: "inherit"
+		}
+	},
 	setup(__props) {
-		const propValidityContract = { props: { name: {
-			type: {
-				kind: "terminal",
-				name: "string"
+		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: ""
 			},
-			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: ""
-		} } };
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "Icon colour. inherit follows its control; secondary and muted keep a supporting icon quiet without a text wrapper.",
+				values: [
+					"inherit",
+					"secondary",
+					"muted"
+				],
+				default: "inherit"
+			}
+		} };
 		const props = __props;
-		const acceptedProps = { name: "" };
-		const checkedProps = computed(() => ({ name: checkedProp(props["name"], {
-			kind: "terminal",
-			name: "string"
-		}, false, "name", acceptedProps) }));
+		const acceptedProps = {
+			name: "",
+			tone: "inherit"
+		};
+		const checkedProps = computed(() => ({
+			name: checkedProp(props["name"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "name", acceptedProps),
+			tone: checkedProp(props["tone"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "tone", acceptedProps)
+		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -1157,13 +1193,17 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]
 		})[checkedProps.value.name]);
 		checkHydratedRoot("span", "ui-icon");
+		/** The values the styles' :host() and :state() rules test. */
+		const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return withDirectives((openBlock(), createElementBlock("span", mergeProps({
 				class: "ui-icon",
 				"aria-hidden": "true"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"data-hn": "",
-				"data-ui-icon-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false)
+				"data-ui-icon-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-icon-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-icon-state": hostState.value || void 0
 			}), [(openBlock(), createElementBlock("svg", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(unref(list)(unref(shapes)), (shape, index) => {
 				return openBlock(), createElementBlock("g", { key: index }, [
 					shape.tag === "path" ? (openBlock(), createElementBlock("path", {
@@ -1199,6 +1239,6 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-effc7962"]]);
+}), [["__scopeId", "data-v-ad35ca89"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -305,7 +305,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}, concat(checkedProps.value.loading || checkedProps.value.pending)));
 		});
 		checkHydratedRoot("button", "ui-icon-button");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.tone && "tone",
 			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
@@ -396,6 +396,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-213e5302"]]);
+}), [["__scopeId", "data-v-be7ffcbd"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiImage.js

@@ -186,7 +186,7 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		const root = ref(null);
 		const frameElement = useTemplateRef("frameElement");
 		checkHydratedRoot("figure", "ui-image");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.placement && "placement",
 			checkedProps.value.placement != null && `placement=${encodeURIComponent(checkedProps.value.placement)}`,
@@ -301,6 +301,6 @@ var UiImage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-f2961d7d"]]);
+}), [["__scopeId", "data-v-b836c426"]]);
 //#endregion
 export { UiImage_default as t };

package/vue/chunks/UiInput.js

@@ -635,7 +635,7 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 		});
 		const root = ref(null);
 		checkHydratedRoot("input", "ui-input");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
 		useComponentHost(() => import("@threadlabs/looma/components/ui-input/ui-input.js"), {
@@ -702,6 +702,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e3a04b2a"]]);
+}), [["__scopeId", "data-v-b49fbdd3"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiInputGroup.js

@@ -147,7 +147,7 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
 		checkHydratedRoot("div", "ui-input-group");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
@@ -210,6 +210,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-67685f70"]]);
+}), [["__scopeId", "data-v-0439a7bd"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiList.js

@@ -119,7 +119,7 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
 		checkHydratedRoot(checkedProps.value.as === "ol" ? "ol" : "ul", "ui-list");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.as && "as",
 			checkedProps.value.as != null && `as=${encodeURIComponent(checkedProps.value.as)}`,
@@ -165,6 +165,6 @@ var UiList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-412a5bd3"]]);
+}), [["__scopeId", "data-v-eecf02c4"]]);
 //#endregion
 export { UiList_default as t };

package/vue/chunks/UiListItem.js

@@ -169,7 +169,7 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		const reflectedProp = useReflectedProp();
 		checkHydratedRoot("li", "ui-list-item");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
@@ -208,6 +208,6 @@ var UiListItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c50dcf2f"]]);
+}), [["__scopeId", "data-v-1ac2e335"]]);
 //#endregion
 export { UiListItem_default as t };

package/vue/chunks/UiListbox.js

@@ -471,6 +471,6 @@ var UiListbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-76073eb8"]]);
+}), [["__scopeId", "data-v-98fb1747"]]);
 //#endregion
 export { UiListbox_default as t };

package/vue/chunks/UiMenu.js

@@ -183,7 +183,7 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const internalOpen = ref(false);
 		provide("html-next:ui-menu:internalOpen", internalOpen);
 		checkHydratedRoot("div", "ui-menu");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.density && "density",
 			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`,
@@ -272,6 +272,6 @@ var UiMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-67d0bf55"]]);
+}), [["__scopeId", "data-v-517e7744"]]);
 //#endregion
 export { UiMenu_default as t };

package/vue/chunks/UiMenuGroup.js

@@ -59,6 +59,6 @@ var UiMenuGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-48a37e2e"]]);
+}), [["__scopeId", "data-v-4813fee5"]]);
 //#endregion
 export { UiMenuGroup_default as t };

package/vue/chunks/UiMenuItem.js

@@ -225,7 +225,7 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		});
 		provide("html-next:ui-menu-item:internalChecked", internalChecked);
 		checkHydratedRoot(checkedProps.value.href && checkedProps.value.type === "action" ? "a" : "div", "ui-menu-item");
-		/** The values the styles' :host() prop and state rules test. */
+		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.tone && "tone",
 			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
@@ -359,6 +359,6 @@ var UiMenuItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-62ab8027"]]);
+}), [["__scopeId", "data-v-19376d17"]]);
 //#endregion
 export { UiMenuItem_default as t };