@threadlabs/looma 0.5.1 → 0.5.2

package/vue/chunks/UiEditorTableToolbar.js

@@ -71,53 +71,29 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 		cellAlignment: { default: "left" },
 		cellBackground: { default: "" },
 		open: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	emits: ["action"],
 	setup(__props, { emit: __emit }) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v),
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const emit = __emit;
 		const root = ref(null);
-		const refs = {};
-		const state_alignments = ref([]);
-		const state_structure = ref([]);
-		const state_swatches = ref([]);
-		const state_sections = ref([]);
-		const state_hasOverflow = ref(false);
-		const state_overflowOpen = ref(false);
+		const alignments = ref([]);
+		const structure = ref([]);
+		const swatches = ref([]);
+		const sections = ref([]);
+		const hasOverflow = ref(false);
+		const overflowOpen = ref(false);
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
-			const declared = { "action": {
-				"bubbles": true,
-				"composed": true,
-				"cancelable": false
+		function dispatch(name, detail) {
+			const declared = { action: {
+				bubbles: true,
+				composed: true,
+				cancelable: false
 			} };
-			const checks = { "action": (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key)) };
+			const checks = { action: (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && (detail["action"] === "align-left" || detail["action"] === "align-center" || detail["action"] === "align-right" || detail["action"] === "background-none" || detail["action"] === "background-gray" || detail["action"] === "background-yellow" || detail["action"] === "background-blue" || detail["action"] === "background-green" || detail["action"] === "background-red" || detail["action"] === "add-row-before" || detail["action"] === "add-row-after" || detail["action"] === "add-column-before" || detail["action"] === "add-column-after" || detail["action"] === "clear-cells" || detail["action"] === "merge-cells" || detail["action"] === "split-cell" || detail["action"] === "delete-row" || detail["action"] === "delete-column" || detail["action"] === "delete-table") && Object.keys(detail).every((key) => ["action"].includes(key)) };
 			if (detail !== void 0 && checks[name] !== void 0 && !checks[name](detail)) throw new TypeError(`HR002: Event \`${name}\` detail does not satisfy its declared type.`);
 			emit(name, detail);
 			return root.value?.dispatchEvent(new CustomEvent(name, {
@@ -126,39 +102,39 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				...declared[name],
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "alignments") return state_alignments.value;
-			if (name === "structure") return state_structure.value;
-			if (name === "swatches") return state_swatches.value;
-			if (name === "sections") return state_sections.value;
-			if (name === "hasOverflow") return state_hasOverflow.value;
-			if (name === "overflowOpen") return state_overflowOpen.value;
+			if (name === "alignments") return alignments.value;
+			if (name === "structure") return structure.value;
+			if (name === "swatches") return swatches.value;
+			if (name === "sections") return sections.value;
+			if (name === "hasOverflow") return hasOverflow.value;
+			if (name === "overflowOpen") return overflowOpen.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "alignments") {
-				state_alignments.value = value;
+				alignments.value = value;
 				return true;
 			}
 			if (name === "structure") {
-				state_structure.value = value;
+				structure.value = value;
 				return true;
 			}
 			if (name === "swatches") {
-				state_swatches.value = value;
+				swatches.value = value;
 				return true;
 			}
 			if (name === "sections") {
-				state_sections.value = value;
+				sections.value = value;
 				return true;
 			}
 			if (name === "hasOverflow") {
-				state_hasOverflow.value = value;
+				hasOverflow.value = value;
 				return true;
 			}
 			if (name === "overflowOpen") {
-				state_overflowOpen.value = value;
+				overflowOpen.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -172,7 +148,7 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -227,73 +203,73 @@ var UiEditorTableToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_defau
 				role: "toolbar",
 				"aria-label": "Table actions"
 			}, _ctx.$attrs, {
-				hidden: hn.attr(!hn.t(props.open)),
+				hidden: !__props.open,
 				ref_key: "root",
 				ref: root
 			}), [
-				hn.t(state_alignments.value) ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_alignments.value, void 0, [], void 0), (item, index) => {
+				alignments.value.length ? (openBlock(), createElementBlock("div", _hoisted_2, [(openBlock(true), createElementBlock(Fragment, null, renderList(alignments.value, (item) => {
 					return openBlock(), createElementBlock("button", {
-						key: item?.action,
+						key: item.action,
 						type: "button",
-						class: normalizeClass(["icon-button", { "active": hn.t(item?.active) }]),
-						"data-action": hn.attr(item?.action),
-						"aria-label": hn.enumerated(item?.label),
-						title: hn.attr(item?.label),
-						"aria-pressed": hn.enumerated(item?.active)
-					}, [createVNode(UiIcon_default, { name: item?.action }, null, 8, ["name"])], 10, _hoisted_3);
+						class: normalizeClass(["icon-button", { active: item.active }]),
+						"data-action": item.action,
+						"aria-label": item.label,
+						title: item.label,
+						"aria-pressed": item.active
+					}, [createVNode(UiIcon_default, { name: item.action }, null, 8, ["name"])], 10, _hoisted_3);
 				}), 128))])) : createCommentVNode("v-if", true),
-				hn.t(hn.t(state_alignments.value) && hn.t(state_structure.value)) ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
-				hn.t(state_structure.value) ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_structure.value, void 0, [], void 0), (item, index) => {
+				alignments.value.length && structure.value.length ? (openBlock(), createElementBlock("div", _hoisted_4)) : createCommentVNode("v-if", true),
+				structure.value.length ? (openBlock(), createElementBlock("div", _hoisted_5, [(openBlock(true), createElementBlock(Fragment, null, renderList(structure.value, (item) => {
 					return openBlock(), createElementBlock("button", {
-						key: item?.action,
+						key: item.action,
 						type: "button",
-						"data-action": hn.attr(item?.action)
-					}, [createVNode(UiIcon_default, { name: item?.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(hn.text(item?.label)), 1)], 8, _hoisted_6);
+						"data-action": item.action
+					}, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 8, _hoisted_6);
 				}), 128))])) : createCommentVNode("v-if", true),
-				hn.t(hn.t(hn.t(state_alignments.value) || hn.t(state_structure.value)) && hn.t(state_hasOverflow.value)) ? (openBlock(), createElementBlock("div", _hoisted_7)) : createCommentVNode("v-if", true),
-				hn.t(state_hasOverflow.value) ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("button", {
+				(alignments.value.length || structure.value.length) && hasOverflow.value ? (openBlock(), createElementBlock("div", _hoisted_7)) : createCommentVNode("v-if", true),
+				hasOverflow.value ? (openBlock(), createElementBlock("div", _hoisted_8, [createElementVNode("button", {
 					type: "button",
 					class: "more",
 					"data-action": "toggle-overflow",
 					"aria-haspopup": "menu",
-					"aria-expanded": hn.enumerated(state_overflowOpen.value)
+					"aria-expanded": overflowOpen.value
 				}, [
 					createVNode(UiIcon_default, { name: "table" }),
 					_cache[0] || (_cache[0] = createElementVNode("span", null, "Table options", -1)),
 					createElementVNode("span", _hoisted_10, [createVNode(UiIcon_default, { name: "chevron-down" })])
-				], 8, _hoisted_9), hn.t(state_overflowOpen.value) ? (openBlock(), createElementBlock("div", _hoisted_11, [hn.t(state_swatches.value) ? (openBlock(), createElementBlock("div", _hoisted_12, [_cache[1] || (_cache[1] = createElementVNode("div", {
+				], 8, _hoisted_9), overflowOpen.value ? (openBlock(), createElementBlock("div", _hoisted_11, [swatches.value.length ? (openBlock(), createElementBlock("div", _hoisted_12, [_cache[1] || (_cache[1] = createElementVNode("div", {
 					class: "menu-heading",
 					role: "presentation"
-				}, "Background", -1)), createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_swatches.value, void 0, [], void 0), (swatch, index) => {
+				}, "Background", -1)), createElementVNode("div", _hoisted_13, [(openBlock(true), createElementBlock(Fragment, null, renderList(swatches.value, (swatch) => {
 					return openBlock(), createElementBlock("button", {
-						key: swatch?.action,
+						key: swatch.action,
 						type: "button",
-						class: normalizeClass(["swatch-button", { "selected": hn.t(swatch?.selected) }]),
+						class: normalizeClass(["swatch-button", { selected: swatch.selected }]),
 						role: "menuitemradio",
-						"aria-checked": hn.enumerated(swatch?.selected),
-						"data-action": hn.attr(swatch?.action)
+						"aria-checked": swatch.selected,
+						"data-action": swatch.action
 					}, [createElementVNode("span", {
-						class: normalizeClass(["swatch", { "default": hn.t(!hn.t(swatch?.color)) }]),
-						style: normalizeStyle({ "--ui-editor-table-toolbar-swatch": hn.text(swatch?.color) })
-					}, null, 6), createElementVNode("span", null, toDisplayString(hn.text(swatch?.label)), 1)], 10, _hoisted_14);
-				}), 128))])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_sections.value, void 0, [], void 0), (section, index) => {
+						class: normalizeClass(["swatch", { default: !swatch.color }]),
+						style: normalizeStyle({ "--ui-editor-table-toolbar-swatch": swatch.color })
+					}, null, 6), createElementVNode("span", null, toDisplayString(swatch.label), 1)], 10, _hoisted_14);
+				}), 128))])])) : createCommentVNode("v-if", true), (openBlock(true), createElementBlock(Fragment, null, renderList(sections.value, (section) => {
 					return openBlock(), createElementBlock("div", {
-						key: section?.heading,
+						key: section.heading,
 						class: "menu-section divided",
 						role: "none"
-					}, [createElementVNode("div", _hoisted_15, toDisplayString(hn.text(section?.heading)), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(section?.items, void 0, [], void 0), (item, index) => {
+					}, [createElementVNode("div", _hoisted_15, toDisplayString(section.heading), 1), (openBlock(true), createElementBlock(Fragment, null, renderList(section.items, (item) => {
 						return openBlock(), createElementBlock("button", {
-							key: item?.action,
+							key: item.action,
 							type: "button",
 							role: "menuitem",
-							"data-action": hn.attr(item?.action),
-							class: normalizeClass({ "danger": hn.t(item?.danger) })
-						}, [createVNode(UiIcon_default, { name: item?.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(hn.text(item?.label)), 1)], 10, _hoisted_16);
+							"data-action": item.action,
+							class: normalizeClass({ danger: item.danger })
+						}, [createVNode(UiIcon_default, { name: item.icon }, null, 8, ["name"]), createElementVNode("span", null, toDisplayString(item.label), 1)], 10, _hoisted_16);
 					}), 128))]);
 				}), 128))])) : createCommentVNode("v-if", true)])) : createCommentVNode("v-if", true)
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-6f66c7f4"]]);
+}), [["__scopeId", "data-v-b2b27930"]]);
 //#endregion
 export { UiEditorTableToolbar_default as t };

package/vue/chunks/UiEditorToolbar.js

@@ -8,22 +8,13 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 	inheritAttrs: false,
 	__name: "UiEditorToolbar",
 	props: { floating: {
-		type: [Boolean, null],
+		type: Boolean,
 		default: false
 	} },
 	setup(__props) {
-		const hn = { t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false) };
 		const props = __props;
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["floating"].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
-		function read(name) {
-			return props[name];
-		}
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.floating && "floating"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-editor-toolbar",
@@ -32,6 +23,6 @@ var UiEditorToolbar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}, _ctx.$attrs, { "data-ui-editor-toolbar-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2c94f261"]]);
+}), [["__scopeId", "data-v-890a1e69"]]);
 //#endregion
 export { UiEditorToolbar_default as t };

package/vue/chunks/UiFloatingActionButton.js

@@ -13,44 +13,30 @@ var UiFloatingActionButton_default = /*#__PURE__*/ _plugin_vue_export_helper_def
 	__name: "UiFloatingActionButton",
 	props: {
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		label: { default: "" },
 		mobileOnly: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	setup(__props) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v)
-		};
 		const props = __props;
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["mobileOnly"].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
-		function read(name) {
-			return props[name];
-		}
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.mobileOnly && "mobileOnly"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", mergeProps({
 				"data-component": "ui-floating-action-button",
 				type: "button"
 			}, _ctx.$attrs, {
-				"aria-label": hn.enumerated(props.label),
-				disabled: hn.attr(props.disabled),
+				"aria-label": __props.label,
+				disabled: __props.disabled,
 				"data-ui-floating-action-button-state": hostState.value || void 0
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-b94e6e26"]]);
+}), [["__scopeId", "data-v-a6b9e9ca"]]);
 //#endregion
 export { UiFloatingActionButton_default as t };

package/vue/chunks/UiFormField.js

@@ -1,6 +1,10 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
+import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, onBeforeUnmount, onMounted, openBlock, ref, renderSlot, shallowRef, watchEffect } from "vue";
 import * as controllerModule from "@threadlabs/looma/components/ui-form-field/ui-form-field.js";
+//#region .build/vue/UiFormField.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = { class: "label" };
+var _hoisted_2 = { class: "help" };
+var _hoisted_3 = { class: "error" };
 //#endregion
 //#region .build/vue/UiFormField.vue
 var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -8,30 +12,29 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 	__name: "UiFormField",
 	props: {
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		invalid: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		required: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		}
 	},
 	setup(__props) {
 		const props = __props;
 		const root = ref(null);
-		const refs = {};
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
 			return props[name];
 		}
@@ -47,7 +50,7 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -101,13 +104,13 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 				ref_key: "root",
 				ref: root
 			}), [
-				renderSlot(_ctx.$slots, "label"),
+				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "label")]),
 				renderSlot(_ctx.$slots, "default"),
-				renderSlot(_ctx.$slots, "help"),
-				renderSlot(_ctx.$slots, "error")
+				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "help")]),
+				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "error")])
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-31c8915e"]]);
+}), [["__scopeId", "data-v-ae3bcdfb"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiGrid.js

@@ -12,22 +12,13 @@ var UiGrid_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		min: {}
 	},
 	setup(__props) {
-		const hn = { t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false) };
 		const props = __props;
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => ["gap", "min"].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
-		function read(name) {
-			return props[name];
-		}
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [props.gap && `gap gap=${props.gap}`, props.min && `min min=${props.min}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-grid" }, _ctx.$attrs, { "data-ui-grid-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-60709c03"]]);
+}), [["__scopeId", "data-v-c390a71d"]]);
 //#endregion
 export { UiGrid_default as t };

package/vue/chunks/UiIcon.js

@@ -31,47 +31,24 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 	__name: "UiIcon",
 	props: { name: { default: "" } },
 	setup(__props) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			shape: (items, where, sort, limit) => {
-				let list = Array.isArray(items) ? items.slice() : [];
-				if (where !== void 0) list = list.filter((item) => hn.t(where(item)));
-				if (sort.length > 0) {
-					const field = (item, path) => item !== null && typeof item === "object" && !Array.isArray(item) ? path.split(".").reduce((value, key) => value?.[key], item) : item;
-					const compare = (a, b) => typeof a === "number" && typeof b === "number" ? a - b : hn.text(a).localeCompare(hn.text(b));
-					list.sort((a, b) => {
-						for (const key of sort) {
-							const descending = key.startsWith("-");
-							const order = compare(field(a, descending ? key.slice(1) : key), field(b, descending ? key.slice(1) : key));
-							if (order !== 0) return descending ? -order : order;
-						}
-						return 0;
-					});
-				}
-				return typeof limit === "number" ? list.slice(0, Math.max(0, Math.trunc(limit))) : list;
-			}
-		};
 		const props = __props;
 		const root = ref(null);
-		const refs = {};
-		const state_shapes = ref([]);
+		const shapes = ref([]);
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				detail
 			})) ?? true;
-		};
+		}
 		function read(name) {
-			if (name === "shapes") return state_shapes.value;
+			if (name === "shapes") return shapes.value;
 			return props[name];
 		}
 		function write(name, value) {
 			if (name === "shapes") {
-				state_shapes.value = value;
+				shapes.value = value;
 				return true;
 			}
 			throw new TypeError(`Only declared state is writable; \`${name}\` is not.`);
@@ -85,7 +62,7 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -141,30 +118,30 @@ var UiIcon_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, _ctx.$attrs, {
 				ref_key: "root",
 				ref: root
-			}), [(openBlock(), createElementBlock("svg", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(hn.shape(state_shapes.value, void 0, [], void 0), (shape, index) => {
+			}), [(openBlock(), createElementBlock("svg", _hoisted_1, [(openBlock(true), createElementBlock(Fragment, null, renderList(shapes.value, (shape, index) => {
 				return openBlock(), createElementBlock("g", { key: index }, [
-					hn.t(shape?.tag === "path") ? (openBlock(), createElementBlock("path", {
+					shape.tag === "path" ? (openBlock(), createElementBlock("path", {
 						key: 0,
-						d: hn.attr(shape?.d)
+						d: shape.d
 					}, null, 8, _hoisted_2)) : createCommentVNode("v-if", true),
-					hn.t(shape?.tag === "circle") ? (openBlock(), createElementBlock("circle", {
+					shape.tag === "circle" ? (openBlock(), createElementBlock("circle", {
 						key: 1,
-						cx: hn.attr(shape?.cx),
-						cy: hn.attr(shape?.cy),
-						r: hn.attr(shape?.r)
+						cx: shape.cx,
+						cy: shape.cy,
+						r: shape.r
 					}, null, 8, _hoisted_3)) : createCommentVNode("v-if", true),
-					hn.t(shape?.tag === "rect") ? (openBlock(), createElementBlock("rect", {
+					shape.tag === "rect" ? (openBlock(), createElementBlock("rect", {
 						key: 2,
-						x: hn.attr(shape?.x),
-						y: hn.attr(shape?.y),
-						width: hn.attr(shape?.width),
-						height: hn.attr(shape?.height),
-						rx: hn.attr(shape?.rx)
+						x: shape.x,
+						y: shape.y,
+						width: shape.width,
+						height: shape.height,
+						rx: shape.rx
 					}, null, 8, _hoisted_4)) : createCommentVNode("v-if", true)
 				]);
 			}), 128))]))], 16);
 		};
 	}
-}), [["__scopeId", "data-v-519add28"]]);
+}), [["__scopeId", "data-v-b2b50d17"]]);
 //#endregion
 export { UiIcon_default as t };

package/vue/chunks/UiIconButton.js

@@ -14,51 +14,39 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	__name: "UiIconButton",
 	props: {
 		anticipatory: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		disabled: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		label: {},
 		round: {
-			type: [Boolean, null],
+			type: Boolean,
 			default: false
 		},
 		size: { default: "md" },
 		variant: { default: "ghost" }
 	},
 	setup(__props) {
-		const hn = {
-			t: (v) => v === true || (typeof v === "string" ? v.length > 0 : typeof v === "number" ? v !== 0 && v === v : Array.isArray(v) ? v.length > 0 : v !== null && typeof v === "object" ? Object.keys(v).length > 0 : false),
-			text: (v) => v === void 0 || v === null ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? "" : String(v),
-			attr: (v) => v === void 0 || v === null || v === false ? void 0 : v === true ? "" : Array.isArray(v) ? v.map(hn.text).join(" ") : typeof v === "object" ? void 0 : String(v),
-			enumerated: (v) => typeof v === "boolean" ? String(v) : hn.attr(v)
-		};
 		const props = __props;
 		const root = ref(null);
-		const refs = {};
+		/** The values the styles' :host-state() rules test. */
+		const hostState = computed(() => [
+			props.anticipatory && "anticipatory",
+			props.variant && `variant variant=${props.variant}`,
+			props.size && `size size=${props.size}`,
+			props.round && "round"
+		].filter(Boolean).join(" "));
 		/** Dispatches a component event to Vue listeners and, for controllers and page code, on the root. */
-		const dispatch = (name, detail) => {
+		function dispatch(name, detail) {
 			return root.value?.dispatchEvent(new CustomEvent(name, {
 				bubbles: true,
 				composed: true,
 				detail
 			})) ?? true;
-		};
-		/** The resolved values the styles' :host-state() rules test. */
-		const hostState = computed(() => [
-			"anticipatory",
-			"variant",
-			"size",
-			"round"
-		].flatMap((name) => {
-			const value = read(name);
-			const tokens = hn.t(value) ? [name] : [];
-			if (typeof value === "string" || typeof value === "number") tokens.push(`${name}=${encodeURIComponent(String(value))}`);
-			return tokens;
-		}).join(" "));
+		}
 		function read(name) {
 			return props[name];
 		}
@@ -74,7 +62,7 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				get: (_target, name) => typeof name === "string" ? read(name) : void 0,
 				set: (_target, name, value) => typeof name === "string" && write(name, value)
 			}),
-			refs,
+			refs: {},
 			elements: new Proxy({}, { get: (_target, name) => {
 				if (typeof name !== "string" || root.value === null) return void 0;
 				return (root.value instanceof HTMLFormElement ? root.value : root.value.querySelector("form"))?.elements.namedItem(name) ?? root.value.querySelector(`[name="${CSS.escape(name)}"]`) ?? void 0;
@@ -128,14 +116,14 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-component": "ui-icon-button",
 				type: "button"
 			}, _ctx.$attrs, {
-				disabled: hn.attr(props.disabled),
-				"aria-label": hn.enumerated(props.label),
+				disabled: __props.disabled,
+				"aria-label": __props.label,
 				"data-ui-icon-button-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-1326805b"]]);
+}), [["__scopeId", "data-v-9ff7e192"]]);
 //#endregion
 export { UiIconButton_default as t };