@threadlabs/looma 0.33.1 → 0.34.0

package/vue/chunks/UiSlider.js

@@ -0,0 +1,396 @@
+import { S as warnUnless, a as concat, b as useReflectedProp, d as initializedState, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { d as requireInputStatus, i as checkPropInput, l as inputRead, m as vuePropInputs, n as READY_INPUT, o as copyStateSeed, p as vPropValidity, r as acceptsControllerWrite, s as evaluateInput, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
+import { t as UiNumberInput_default } from "./UiNumberInput.js";
+import { Fragment, computed, createBlock, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
+//#region .build/vue/UiSlider.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = [
+	"data-ui-slider-prop-disabled",
+	"data-ui-slider-prop-label",
+	"data-ui-slider-prop-max",
+	"data-ui-slider-prop-min",
+	"data-ui-slider-prop-name",
+	"data-ui-slider-prop-size",
+	"data-ui-slider-prop-step",
+	"data-ui-slider-prop-unit",
+	"data-ui-slider-prop-value",
+	"data-ui-slider-state"
+];
+var _hoisted_2 = [
+	"aria-label",
+	"aria-valuetext",
+	"^value",
+	"min",
+	"max",
+	"step",
+	"disabled",
+	"name"
+];
+//#endregion
+//#region .build/vue/UiSlider.vue
+var UiSlider_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
+	inheritAttrs: false,
+	__name: "UiSlider",
+	props: {
+		disabled: { type: null },
+		label: { type: null },
+		max: { type: null },
+		min: { type: null },
+		name: { type: null },
+		size: { type: null },
+		step: { type: null },
+		unit: { type: null },
+		value: { type: null },
+		[BINDING_INPUTS_PROP]: { type: null }
+	},
+	emits: [
+		"update:value",
+		"input",
+		"change"
+	],
+	setup(__props, { emit: __emit }) {
+		const propValidityContract = { props: {
+			disabled: {
+				type: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				required: false,
+				target: { attribute: "disabled" },
+				description: "Prevents typing, stepping and pointer or keyboard changes while keeping the value visible.",
+				default: false
+			},
+			label: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "aria-label" },
+				description: "Accessible name for the editing control.",
+				default: "Value"
+			},
+			max: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "max" },
+				description: "Inclusive upper bound for dragging, keyboard steps and exact entry.",
+				default: 100
+			},
+			min: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "min" },
+				description: "Inclusive lower bound for dragging, keyboard steps and exact entry.",
+				default: 0
+			},
+			name: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "name" },
+				description: "Optional numeric form field name.",
+				default: ""
+			},
+			size: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "size" },
+				description: "Shared field and button height.",
+				values: [
+					"sm",
+					"md",
+					"lg"
+				],
+				default: "md"
+			},
+			step: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "step" },
+				description: "Positive native range and exact entry increment.",
+				default: 1
+			},
+			unit: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "unit" },
+				description: "Unit shown by the exact editor.",
+				default: ""
+			},
+			value: {
+				type: {
+					kind: "terminal",
+					name: "number"
+				},
+				required: false,
+				target: { attribute: "value" },
+				description: "Current numeric value. Native range and exact entry share bounds.",
+				default: 0
+			}
+		} };
+		const props = __props;
+		const inputTracking = vuePropInputs({
+			disabled: false,
+			label: "Value",
+			max: 100,
+			min: 0,
+			name: "",
+			size: "md",
+			step: 1,
+			unit: "",
+			value: 0
+		}, {
+			disabled: false,
+			label: "Value",
+			max: 100,
+			min: 0,
+			name: "",
+			size: "md",
+			step: 1,
+			unit: "",
+			value: 0
+		}, (name, value, source, values) => {
+			switch (name) {
+				case "disabled": return checkPropInput(value, {
+					kind: "terminal",
+					name: "boolean"
+				}, true, true);
+				case "label": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "max": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "min": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "name": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "size": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
+				case "step": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				case "unit": return checkPropInput(value, {
+					kind: "terminal",
+					name: "string"
+				}, true, true);
+				case "value": return checkPropInput(value, {
+					kind: "terminal",
+					name: "number"
+				}, true, true);
+				default: return { ok: false };
+			}
+		}, () => {
+			checkedProps.value;
+		});
+		const propInputs = inputTracking.inputs;
+		const checkedProps = computed(() => {
+			inputTracking.version.value;
+			return {
+				disabled: propInputs.value("disabled", props["disabled"], props[BINDING_INPUTS_PROP]),
+				label: propInputs.value("label", props["label"], props[BINDING_INPUTS_PROP]),
+				max: propInputs.value("max", props["max"], props[BINDING_INPUTS_PROP]),
+				min: propInputs.value("min", props["min"], props[BINDING_INPUTS_PROP]),
+				name: propInputs.value("name", props["name"], props[BINDING_INPUTS_PROP]),
+				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
+				step: propInputs.value("step", props["step"], props[BINDING_INPUTS_PROP]),
+				unit: propInputs.value("unit", props["unit"], props[BINDING_INPUTS_PROP]),
+				value: propInputs.value("value", props["value"], props[BINDING_INPUTS_PROP])
+			};
+		});
+		const inputStatus = (name, handlesError) => {
+			checkedProps.value;
+			inputTracking.version.value;
+			return requireInputStatus(propInputs.status(name), handlesError);
+		};
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		const reflectedProp = useReflectedProp();
+		const hydrationInstance = getCurrentInstance();
+		const emit = __emit;
+		const root = ref(null);
+		const rangeElement = useTemplateRef("rangeElement");
+		const current = initializedState(() => evaluateInput(() => {
+			return inputRead(checkedProps.value.value, propInputs.status("value"));
+		}), (next) => typeof next === "number" && Number.isFinite(next), copyStateSeed, () => warnUnless(false, "initializer:current", "State `current` does not satisfy its declared type."));
+		let guardedPrevious = null;
+		const guarded = computed(() => {
+			const candidate = concat(current.value, checkedProps.value.unit);
+			if (candidate === Symbol.for("html-next.invalid-result")) return guardedPrevious;
+			return guardedPrevious = candidate;
+		});
+		provide("html-next:ui-slider:current", current);
+		const declarationStatuses = { current: () => current.status() };
+		const declarationStatus = (name) => declarationStatuses[name]();
+		current.start();
+		checkHydratedRoot("span", "ui-slider");
+		/** 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 isInputDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "number" && Number.isFinite(detail["value"]) && Object.keys(detail).every((key) => ["value"].includes(key));
+		const dispatch = createDispatch(root, emit, {
+			checks: {
+				input: isInputDetail,
+				change: isInputDetail
+			},
+			modeled: ["value"]
+		});
+		useComponentHost(() => import("@threadlabs/looma/components/ui-slider/ui-slider.js"), {
+			root,
+			module: true,
+			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { current: {
+				kind: "terminal",
+				name: "number"
+			} }[name], keys),
+			controllerSource: {
+				specifier: "../components/ui-slider/ui-slider.js",
+				definition: "./components/ui-slider/ui-slider.html"
+			},
+			props: checkedProps,
+			inputs: propInputs,
+			inputTracking,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"disabled",
+				"label",
+				"max",
+				"min",
+				"name",
+				"size",
+				"step",
+				"unit",
+				"value"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
+			refs: { range: rangeElement },
+			state: { current },
+			availability: { current: () => declarationStatus("current") }
+		});
+		return (_ctx, _cache) => {
+			return withDirectives((openBlock(), createElementBlock("span", mergeProps({ class: "ui-slider" }, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-ui-slider-prop-disabled": unref(reflectedProp)("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-ui-slider-prop-label": unref(reflectedProp)("label", "label", checkedProps.value.label, void 0, false),
+				"data-ui-slider-prop-max": unref(reflectedProp)("max", "max", checkedProps.value.max, void 0, false),
+				"data-ui-slider-prop-min": unref(reflectedProp)("min", "min", checkedProps.value.min, void 0, false),
+				"data-ui-slider-prop-name": unref(reflectedProp)("name", "name", checkedProps.value.name, void 0, false),
+				"data-ui-slider-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-slider-prop-step": unref(reflectedProp)("step", "step", checkedProps.value.step, void 0, false),
+				"data-ui-slider-prop-unit": unref(reflectedProp)("unit", "unit", checkedProps.value.unit, void 0, false),
+				"data-ui-slider-prop-value": unref(reflectedProp)("value", "value", checkedProps.value.value, void 0, false),
+				"data-ui-slider-state": hostState.value || void 0,
+				ref_key: "root",
+				ref: root
+			}), [
+				createElementVNode("input", {
+					type: "range",
+					"data-ui-field-control": "",
+					"aria-label": checkedProps.value.label ?? void 0,
+					"aria-valuetext": guarded.value,
+					"^value": checkedProps.value.value?.toString(),
+					min: checkedProps.value.min?.toString(),
+					max: checkedProps.value.max?.toString(),
+					step: checkedProps.value.step?.toString(),
+					disabled: checkedProps.value.disabled ?? void 0,
+					name: checkedProps.value.name ?? void 0,
+					ref_key: "rangeElement",
+					ref: rangeElement
+				}, null, 8, _hoisted_2),
+				_cache[0] || (_cache[0] = createTextVNode(toDisplayString(" "), -1)),
+				(openBlock(true), createElementBlock(Fragment, null, renderList([unref(evaluateInput)(() => unref(concat)(unref(inputRead)(unref(current), declarationStatus("current")), unref(inputRead)(checkedProps.value.unit, inputStatus("unit", true))), unref(READY_INPUT))], (boundInput) => {
+					return openBlock(), createBlock(UiNumberInput_default, mergeProps({
+						class: "ui-number-input",
+						"data-slider-exact": "",
+						value: boundInput.value,
+						unit: checkedProps.value.unit,
+						min: checkedProps.value.min,
+						max: checkedProps.value.max,
+						step: checkedProps.value.step,
+						size: checkedProps.value.size,
+						disabled: checkedProps.value.disabled,
+						label: checkedProps.value.label
+					}, { ref_for: true }, { [unref(BINDING_INPUTS_PROP)]: {
+						value: () => boundInput,
+						unit: () => ({
+							value: checkedProps.value.unit,
+							status: inputStatus("unit", true)
+						}),
+						min: () => ({
+							value: checkedProps.value.min,
+							status: inputStatus("min", true)
+						}),
+						max: () => ({
+							value: checkedProps.value.max,
+							status: inputStatus("max", true)
+						}),
+						step: () => ({
+							value: checkedProps.value.step,
+							status: inputStatus("step", true)
+						}),
+						size: () => ({
+							value: checkedProps.value.size,
+							status: inputStatus("size", true)
+						}),
+						disabled: () => ({
+							value: checkedProps.value.disabled,
+							status: inputStatus("disabled", true)
+						}),
+						label: () => ({
+							value: checkedProps.value.label,
+							status: inputStatus("label", true)
+						})
+					} }), null, 16, [
+						"value",
+						"unit",
+						"min",
+						"max",
+						"step",
+						"size",
+						"disabled",
+						"label"
+					]);
+				}), 256))
+			], 16, _hoisted_1)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
+			}]]);
+		};
+	}
+}), [["__scopeId", "data-v-12a66d57"]]);
+//#endregion
+export { UiSlider_default as t };

package/vue/chunks/UiSpinner.js

@@ -1,5 +1,5 @@
-import { a as concat, i as checkHydratedRoot, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
+import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSpinner.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiStack.js

@@ -1,5 +1,5 @@
-import { i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiStack.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiStatusMessage.js

@@ -1,5 +1,5 @@
-import { a as concat, i as checkHydratedRoot, p as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
+import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, r as attribute, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiStatusMessage.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSwatch.js

@@ -1,5 +1,5 @@
-import { i as checkHydratedRoot, p as nativeAttrs, r as attribute, s as cycleCheckedComputed, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { c as inputRead, f as vPropValidity, i as checkPropInput, p as vuePropInputs, s as inputComputed, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, r as attribute, s as cycleCheckedComputed, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { c as inputComputed, i as checkPropInput, l as inputRead, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwatch.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiSwitch.js

@@ -1,5 +1,5 @@
-import { i as checkHydratedRoot, 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 { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
 import { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitch.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiSwitcher.js

@@ -1,5 +1,5 @@
-import { i as checkHydratedRoot, 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 { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiSwitcher.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiTable.js

@@ -1,5 +1,5 @@
-import { i as checkHydratedRoot, 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 { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiTable.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiTabs.js

@@ -1,5 +1,5 @@
-import { _ as uniqueKeys, a as concat, 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 { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
+import { a as concat, b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, n as KeyedBoundary, o as createDispatch, t as _plugin_vue_export_helper_default, v as uniqueKeys, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP, u as propValidityState } from "./props.js";
 import { Fragment, computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderList, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withCtx, withDirectives } from "vue";
 //#region .build/vue/UiTabs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -329,6 +329,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-e6b61eb2"]]);
+}), [["__scopeId", "data-v-f1705832"]]);
 //#endregion
 export { UiTabs_default as t };

package/vue/chunks/UiText.js

@@ -1,5 +1,5 @@
-import { h as preserveRootFocus, i as checkHydratedRoot, p as nativeAttrs, t as _plugin_vue_export_helper_default, y as useReflectedProp } from "./_plugin-vue_export-helper.js";
-import { f as vPropValidity, i as checkPropInput, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, g as preserveRootFocus, i as checkHydratedRoot, m as nativeAttrs, t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
+import { i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP } from "./props.js";
 import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiText.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -156,6 +156,20 @@ var _hoisted_11 = [
 	"data-ui-text-prop-wrap",
 	"data-ui-text-state"
 ];
+var _hoisted_12 = [
+	"data-ui-text-prop-align",
+	"data-ui-text-prop-as",
+	"data-ui-text-prop-font",
+	"data-ui-text-prop-grow",
+	"data-ui-text-prop-size",
+	"data-ui-text-prop-tone",
+	"data-ui-text-prop-trim",
+	"data-ui-text-prop-truncate",
+	"data-ui-text-prop-variant",
+	"data-ui-text-prop-weight",
+	"data-ui-text-prop-wrap",
+	"data-ui-text-state"
+];
 //#endregion
 //#region .build/vue/UiText.vue
 var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -195,7 +209,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				},
 				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.",
+				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, h1 to h6. Choose its document level independently from its visual variant. The default body variant keeps the existing size and weight\n      behavior.",
 				values: [
 					"p",
 					"span",
@@ -203,6 +217,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"small",
 					"strong",
 					"label",
+					"h1",
 					"h2",
 					"h3",
 					"h4",
@@ -296,9 +311,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				},
 				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.",
+				description: "body is running text. display is a page title, heading names a section, label identifies a control, and caption is supporting text. These roles set their\n      shared type scale, weight and leading; pair heading or display with an appropriate as heading element. eyebrow is a short, uppercase, tracked label that\n      names what follows, such as a group of links; code sets a value to copy or read exactly, such as an address, in the monospace face.",
 				values: [
 					"body",
+					"display",
+					"heading",
+					"label",
+					"caption",
 					"eyebrow",
 					"code"
 				],
@@ -432,7 +451,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const reflectedProp = useReflectedProp();
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
-		checkHydratedRoot(checkedProps.value.as === "span" ? "span" : checkedProps.value.as === "div" ? "div" : checkedProps.value.as === "small" ? "small" : checkedProps.value.as === "strong" ? "strong" : checkedProps.value.as === "label" ? "label" : checkedProps.value.as === "h2" ? "h2" : checkedProps.value.as === "h3" ? "h3" : checkedProps.value.as === "h4" ? "h4" : checkedProps.value.as === "h5" ? "h5" : checkedProps.value.as === "h6" ? "h6" : "p", "ui-text");
+		checkHydratedRoot(checkedProps.value.as === "span" ? "span" : checkedProps.value.as === "div" ? "div" : checkedProps.value.as === "small" ? "small" : checkedProps.value.as === "strong" ? "strong" : checkedProps.value.as === "label" ? "label" : checkedProps.value.as === "h1" ? "h1" : checkedProps.value.as === "h2" ? "h2" : checkedProps.value.as === "h3" ? "h3" : checkedProps.value.as === "h4" ? "h4" : checkedProps.value.as === "h5" ? "h5" : checkedProps.value.as === "h6" ? "h6" : "p", "ui-text");
 		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.grow && "grow",
@@ -564,7 +583,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_5)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : checkedProps.value.as === "h2" ? withDirectives((openBlock(), createElementBlock("h2", mergeProps({
+			}]]) : checkedProps.value.as === "h1" ? withDirectives((openBlock(), createElementBlock("h1", mergeProps({
 				key: 5,
 				class: "ui-text"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
@@ -586,7 +605,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_6)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : checkedProps.value.as === "h3" ? withDirectives((openBlock(), createElementBlock("h3", mergeProps({
+			}]]) : checkedProps.value.as === "h2" ? withDirectives((openBlock(), createElementBlock("h2", mergeProps({
 				key: 6,
 				class: "ui-text"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
@@ -608,7 +627,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_7)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : checkedProps.value.as === "h4" ? withDirectives((openBlock(), createElementBlock("h4", mergeProps({
+			}]]) : checkedProps.value.as === "h3" ? withDirectives((openBlock(), createElementBlock("h3", mergeProps({
 				key: 7,
 				class: "ui-text"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
@@ -630,7 +649,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_8)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : checkedProps.value.as === "h5" ? withDirectives((openBlock(), createElementBlock("h5", mergeProps({
+			}]]) : checkedProps.value.as === "h4" ? withDirectives((openBlock(), createElementBlock("h4", mergeProps({
 				key: 8,
 				class: "ui-text"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
@@ -652,7 +671,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_9)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : checkedProps.value.as === "h6" ? withDirectives((openBlock(), createElementBlock("h6", mergeProps({
+			}]]) : checkedProps.value.as === "h5" ? withDirectives((openBlock(), createElementBlock("h5", mergeProps({
 				key: 9,
 				class: "ui-text"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
@@ -674,7 +693,7 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_10)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : withDirectives((openBlock(), createElementBlock("p", mergeProps({
+			}]]) : checkedProps.value.as === "h6" ? withDirectives((openBlock(), createElementBlock("h6", mergeProps({
 				key: 10,
 				class: "ui-text"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
@@ -696,9 +715,31 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_11)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
+			}]]) : withDirectives((openBlock(), createElementBlock("p", mergeProps({
+				key: 11,
+				class: "ui-text"
+			}, unref(nativeAttrs)(_ctx.$attrs), {
+				"data-hn": "",
+				"data-hn-ui-text": "",
+				"data-ui-text-prop-align": unref(reflectedProp)("align", "align", checkedProps.value.align, void 0, false),
+				"data-ui-text-prop-as": unref(reflectedProp)("as", "as", checkedProps.value.as, void 0, false),
+				"data-ui-text-prop-font": unref(reflectedProp)("font", "font", checkedProps.value.font, void 0, false),
+				"data-ui-text-prop-grow": unref(reflectedProp)("grow", "grow", checkedProps.value.grow, void 0, false),
+				"data-ui-text-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-text-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-text-prop-trim": unref(reflectedProp)("trim", "trim", checkedProps.value.trim, void 0, false),
+				"data-ui-text-prop-truncate": unref(reflectedProp)("truncate", "truncate", checkedProps.value.truncate, void 0, false),
+				"data-ui-text-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-text-prop-weight": unref(reflectedProp)("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-ui-text-prop-wrap": unref(reflectedProp)("wrap", "wrap", checkedProps.value.wrap, void 0, false),
+				"data-ui-text-state": hostState.value || void 0,
+				ref: "@html-next/root"
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_12)), [[unref(vPropValidity), {
+				contract: propValidityContract,
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-02dd2100"]]);
+}), [["__scopeId", "data-v-386fa92e"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.js

@@ -1,5 +1,5 @@
-import { i as checkHydratedRoot, 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 { a as checkedProp, f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, t as BINDING_INPUTS_PROP } from "./props.js";
+import { b as useReflectedProp, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, t as _plugin_vue_export_helper_default, y as useComponentHost } from "./_plugin-vue_export-helper.js";
+import { a as checkedProp, i as checkPropInput, m as vuePropInputs, p as vPropValidity, t as BINDING_INPUTS_PROP, u as propValidityState } 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