@threadlabs/looma 0.33.1 → 0.35.0

package/vue/chunks/UiButton.js

@@ -1,10 +1,12 @@
-import { a as concat, h as preserveRootFocus, i as checkHydratedRoot, o as createDispatch, p as nativeAttrs, r as attribute, 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 { a as concat, b as useReflectedProp, g as preserveRootFocus, i as checkHydratedRoot, m as nativeAttrs, o as createDispatch, r as attribute, s as cycleCheckedComputed, t as _plugin_vue_export_helper_default, y as useComponentHost } 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, u as propValidityState } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiButton.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
+	"data-appearance",
+	"data-tone",
 	"href",
 	"target",
 	"rel",
@@ -17,6 +19,7 @@ var _hoisted_1 = [
 	"data-ui-button-prop-href",
 	"data-ui-button-prop-loading",
 	"data-ui-button-prop-pending",
+	"data-ui-button-prop-preset",
 	"data-ui-button-prop-rel",
 	"data-ui-button-prop-shape",
 	"data-ui-button-prop-size",
@@ -40,6 +43,8 @@ var _hoisted_4 = {
 	"data-hn-ui-button": ""
 };
 var _hoisted_5 = [
+	"data-appearance",
+	"data-tone",
 	"type",
 	"disabled",
 	"aria-disabled",
@@ -50,6 +55,7 @@ var _hoisted_5 = [
 	"data-ui-button-prop-href",
 	"data-ui-button-prop-loading",
 	"data-ui-button-prop-pending",
+	"data-ui-button-prop-preset",
 	"data-ui-button-prop-rel",
 	"data-ui-button-prop-shape",
 	"data-ui-button-prop-size",
@@ -73,6 +79,8 @@ var _hoisted_8 = {
 	"data-hn-ui-button": ""
 };
 var _hoisted_9 = [
+	"data-appearance",
+	"data-tone",
 	"href",
 	"target",
 	"rel",
@@ -85,6 +93,7 @@ var _hoisted_9 = [
 	"data-ui-button-prop-href",
 	"data-ui-button-prop-loading",
 	"data-ui-button-prop-pending",
+	"data-ui-button-prop-preset",
 	"data-ui-button-prop-rel",
 	"data-ui-button-prop-shape",
 	"data-ui-button-prop-size",
@@ -105,6 +114,8 @@ var _hoisted_11 = {
 	"data-hn-ui-button": ""
 };
 var _hoisted_12 = [
+	"data-appearance",
+	"data-tone",
 	"type",
 	"disabled",
 	"aria-disabled",
@@ -115,6 +126,7 @@ var _hoisted_12 = [
 	"data-ui-button-prop-href",
 	"data-ui-button-prop-loading",
 	"data-ui-button-prop-pending",
+	"data-ui-button-prop-preset",
 	"data-ui-button-prop-rel",
 	"data-ui-button-prop-shape",
 	"data-ui-button-prop-size",
@@ -146,6 +158,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		href: { type: null },
 		loading: { type: null },
 		pending: { type: null },
+		preset: { type: null },
 		rel: { type: null },
 		shape: { type: null },
 		size: { type: null },
@@ -219,6 +232,23 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				description: "Deprecated alias for loading.",
 				default: false
 			},
+			preset: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "preset" },
+				description: "A shortcut that sets appearance and tone together: primary is solid accent, standard is solid neutral, quiet is ghost neutral, and destructive is solid\n      danger. A named preset takes precedence over variant and tone. Leave it at none to choose variant and tone independently.",
+				values: [
+					"none",
+					"primary",
+					"standard",
+					"quiet",
+					"destructive"
+				],
+				default: "none"
+			},
 			rel: {
 				type: {
 					kind: "terminal",
@@ -335,6 +365,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			href: null,
 			loading: false,
 			pending: false,
+			preset: "none",
 			rel: null,
 			shape: "rounded",
 			size: "md",
@@ -349,6 +380,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			disabled: false,
 			loading: false,
 			pending: false,
+			preset: "none",
 			shape: "rounded",
 			size: "md",
 			stretch: false,
@@ -381,6 +413,10 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					kind: "terminal",
 					name: "boolean"
 				}, true, true);
+				case "preset": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
 				case "rel": return checkPropInput(value, {
 					kind: "terminal",
 					name: "string"
@@ -428,6 +464,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				href: propInputs.value("href", props["href"], props[BINDING_INPUTS_PROP]),
 				loading: propInputs.value("loading", props["loading"], props[BINDING_INPUTS_PROP]),
 				pending: propInputs.value("pending", props["pending"], props[BINDING_INPUTS_PROP]),
+				preset: propInputs.value("preset", props["preset"], props[BINDING_INPUTS_PROP]),
 				rel: propInputs.value("rel", props["rel"], props[BINDING_INPUTS_PROP]),
 				shape: propInputs.value("shape", props["shape"], props[BINDING_INPUTS_PROP]),
 				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
@@ -446,6 +483,35 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		const hydrationInstance = getCurrentInstance();
 		const root = useTemplateRef("@html-next/root");
 		preserveRootFocus(root);
+		const appearance = inputComputed(() => ({
+			none: inputRead(checkedProps.value.variant, propInputs.status("variant")),
+			primary: "solid",
+			standard: "solid",
+			quiet: "ghost",
+			destructive: "solid"
+		})[inputRead(checkedProps.value.preset, propInputs.status("preset"))], (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
+		});
+		let colorTonePrevious = null;
+		const colorTone = inputComputed(() => {
+			return ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])((() => {
+				const value = {
+					none: ((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
+						true: "danger",
+						false: inputRead(checkedProps.value.tone, propInputs.status("tone"))
+					}, concat(inputRead(checkedProps.value.variant, propInputs.status("variant")) === "danger")),
+					primary: "accent",
+					standard: "neutral",
+					quiet: "neutral",
+					destructive: "danger"
+				};
+				return Object.values(value).some((entry) => entry === Symbol.for("html-next.invalid-result")) ? Symbol.for("html-next.invalid-result") : value;
+			})(), inputRead(checkedProps.value.preset, propInputs.status("preset")));
+		}, (read) => {
+			const value = cycleCheckedComputed(read);
+			return { get: () => value.value };
+		}, (next) => next === Symbol.for("html-next.invalid-result") ? colorTonePrevious : colorTonePrevious = next);
 		let guardedPrevious = null;
 		const guarded = computed(() => {
 			if (((objectValue, indexValue) => objectValue === Symbol.for("html-next.invalid-result") || indexValue === Symbol.for("html-next.invalid-result") ? Symbol.for("html-next.invalid-result") : objectValue[indexValue])({
@@ -558,7 +624,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				false: null
 			}, concat(checkedProps.value.loading || checkedProps.value.pending)));
 		});
-		checkHydratedRoot(checkedProps.value.variant === "card" && checkedProps.value.as === "a" ? "a" : checkedProps.value.variant === "card" ? "button" : checkedProps.value.as === "a" ? "a" : "button", "ui-button");
+		checkHydratedRoot(appearance.get() === "card" && checkedProps.value.as === "a" ? "a" : appearance.get() === "card" ? "button" : checkedProps.value.as === "a" ? "a" : "button", "ui-button");
 		/** The values the styles' :host() and :state() rules test. */
 		const hostState = computed(() => [
 			checkedProps.value.align && "align",
@@ -568,10 +634,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
 			checkedProps.value.shape && "shape",
 			checkedProps.value.shape != null && `shape=${encodeURIComponent(checkedProps.value.shape)}`,
-			checkedProps.value.variant && "variant",
-			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
-			checkedProps.value.tone && "tone",
-			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
 			checkedProps.value.loading && "loading",
 			checkedProps.value.pending && "pending"
 		].filter(Boolean).join(" "));
@@ -599,6 +661,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"href",
 				"loading",
 				"pending",
+				"preset",
 				"rel",
 				"shape",
 				"size",
@@ -611,15 +674,25 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			propValidity: (name) => propValidityState({
 				contract: propValidityContract,
 				values: { ...props }
-			}, name)
+			}, name),
+			computed: {
+				appearance,
+				colorTone
+			},
+			availability: {
+				appearance: () => appearance.status(),
+				colorTone: () => colorTone.status()
+			}
 		});
 		return (_ctx, _cache) => {
-			return checkedProps.value.variant === "card" && checkedProps.value.as === "a" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
+			return unref(appearance).get() === "card" && checkedProps.value.as === "a" ? withDirectives((openBlock(), createElementBlock("a", mergeProps({
 				key: 0,
 				class: "ui-button"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"data-hn": "",
 				"data-hn-ui-button": "",
+				"data-appearance": unref(attribute)(unref(appearance).get()),
+				"data-tone": unref(attribute)(unref(colorTone).get()),
 				href: guarded.value,
 				target: checkedProps.value.target ?? void 0,
 				rel: checkedProps.value.rel ?? void 0,
@@ -632,6 +705,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
 				"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
+				"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
 				"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
 				"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
@@ -659,12 +733,14 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
-			}]]) : checkedProps.value.variant === "card" ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
+			}]]) : unref(appearance).get() === "card" ? withDirectives((openBlock(), createElementBlock("button", mergeProps({
 				key: 1,
 				class: "ui-button"
 			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"data-hn": "",
 				"data-hn-ui-button": "",
+				"data-appearance": unref(attribute)(unref(appearance).get()),
+				"data-tone": unref(attribute)(unref(colorTone).get()),
 				type: checkedProps.value.type ?? void 0,
 				disabled: checkedProps.value.disabled ?? void 0,
 				"aria-disabled": guardedBinding3.value,
@@ -675,6 +751,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
 				"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
+				"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
 				"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
 				"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
@@ -708,6 +785,8 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"data-hn": "",
 				"data-hn-ui-button": "",
+				"data-appearance": unref(attribute)(unref(appearance).get()),
+				"data-tone": unref(attribute)(unref(colorTone).get()),
 				href: guardedBinding4.value,
 				target: checkedProps.value.target ?? void 0,
 				rel: checkedProps.value.rel ?? void 0,
@@ -720,6 +799,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
 				"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
+				"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
 				"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
 				"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
@@ -748,6 +828,8 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}, unref(nativeAttrs)(_ctx.$attrs), {
 				"data-hn": "",
 				"data-hn-ui-button": "",
+				"data-appearance": unref(attribute)(unref(appearance).get()),
+				"data-tone": unref(attribute)(unref(colorTone).get()),
 				type: checkedProps.value.type ?? void 0,
 				disabled: checkedProps.value.disabled ?? void 0,
 				"aria-disabled": guardedBinding7.value,
@@ -758,6 +840,7 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-ui-button-prop-href": unref(reflectedProp)("href", "href", checkedProps.value.href, void 0, false),
 				"data-ui-button-prop-loading": unref(reflectedProp)("loading", "loading", checkedProps.value.loading, void 0, false),
 				"data-ui-button-prop-pending": unref(reflectedProp)("pending", "pending", checkedProps.value.pending, void 0, false),
+				"data-ui-button-prop-preset": unref(reflectedProp)("preset", "preset", checkedProps.value.preset, void 0, false),
 				"data-ui-button-prop-rel": unref(reflectedProp)("rel", "rel", checkedProps.value.rel, void 0, false),
 				"data-ui-button-prop-shape": unref(reflectedProp)("shape", "shape", checkedProps.value.shape, void 0, false),
 				"data-ui-button-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
@@ -783,6 +866,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-8d08f911"]]);
+}), [["__scopeId", "data-v-bb40b79e"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.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, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiCard.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/UiCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -7,6 +7,7 @@ var _hoisted_1 = [
 	"data-ui-card-prop-padding",
 	"data-ui-card-prop-size",
 	"data-ui-card-prop-tone",
+	"data-ui-card-prop-treatment",
 	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
@@ -15,6 +16,7 @@ var _hoisted_2 = [
 	"data-ui-card-prop-padding",
 	"data-ui-card-prop-size",
 	"data-ui-card-prop-tone",
+	"data-ui-card-prop-treatment",
 	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
@@ -23,6 +25,7 @@ var _hoisted_3 = [
 	"data-ui-card-prop-padding",
 	"data-ui-card-prop-size",
 	"data-ui-card-prop-tone",
+	"data-ui-card-prop-treatment",
 	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
@@ -31,6 +34,7 @@ var _hoisted_4 = [
 	"data-ui-card-prop-padding",
 	"data-ui-card-prop-size",
 	"data-ui-card-prop-tone",
+	"data-ui-card-prop-treatment",
 	"data-ui-card-prop-variant",
 	"data-ui-card-state"
 ];
@@ -44,6 +48,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		padding: { type: null },
 		size: { type: null },
 		tone: { type: null },
+		treatment: { type: null },
 		variant: { type: null },
 		[BINDING_INPUTS_PROP]: { type: null }
 	},
@@ -104,7 +109,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				},
 				required: false,
 				target: { attribute: "tone" },
-				description: "accent, info, success and warning add a quiet semantic surface. danger retains its strong leading edge for consequential content. Row highlights follow the\n      surface hue; action controls retain their own intent.",
+				description: "accent, info, success, warning and danger add a quiet semantic surface without changing card geometry. Row highlights follow the\n      surface hue; action controls retain their own intent.",
 				values: [
 					"neutral",
 					"accent",
@@ -115,6 +120,17 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				],
 				default: "neutral"
 			},
+			treatment: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "treatment" },
+				description: "How much of the theme's decorative material the surface expresses. standard preserves its restrained treatment; expressive uses the full material treatment.\n      This does not add elevation or require glass.",
+				values: ["standard", "expressive"],
+				default: "standard"
+			},
 			variant: {
 				type: {
 					kind: "terminal",
@@ -122,7 +138,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				},
 				required: false,
 				target: { attribute: "variant" },
-				description: "The surface. outlined is a bordered panel on the page; subtle is a quiet filled one with no border, for supporting details set apart from the flow;\n      elevated floats above the page with a shadow, for a view's one card, such as sign-in.",
+				description: "The surface. outlined is a bordered panel on the page; subtle is a quiet filled one with no border, for supporting details set apart from the flow;\n      elevated adds a subtle lift above the page, for a view's one card, such as sign-in. Treatment independently controls decorative material.",
 				values: [
 					"outlined",
 					"subtle",
@@ -137,12 +153,14 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			padding: "md",
 			size: "content",
 			tone: "neutral",
+			treatment: "standard",
 			variant: "outlined"
 		}, {
 			as: "div",
 			padding: "md",
 			size: "content",
 			tone: "neutral",
+			treatment: "standard",
 			variant: "outlined"
 		}, (name, value, source, values) => {
 			switch (name) {
@@ -162,6 +180,10 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					kind: "terminal",
 					name: "keyword"
 				}, true, true);
+				case "treatment": return checkPropInput(value, {
+					kind: "terminal",
+					name: "keyword"
+				}, true, true);
 				case "variant": return checkPropInput(value, {
 					kind: "terminal",
 					name: "keyword"
@@ -179,6 +201,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				padding: propInputs.value("padding", props["padding"], props[BINDING_INPUTS_PROP]),
 				size: propInputs.value("size", props["size"], props[BINDING_INPUTS_PROP]),
 				tone: propInputs.value("tone", props["tone"], props[BINDING_INPUTS_PROP]),
+				treatment: propInputs.value("treatment", props["treatment"], props[BINDING_INPUTS_PROP]),
 				variant: propInputs.value("variant", props["variant"], props[BINDING_INPUTS_PROP])
 			};
 		});
@@ -196,6 +219,8 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.padding != null && `padding=${encodeURIComponent(checkedProps.value.padding)}`,
 			checkedProps.value.variant && "variant",
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
+			checkedProps.value.treatment && "treatment",
+			checkedProps.value.treatment != null && `treatment=${encodeURIComponent(checkedProps.value.treatment)}`,
 			checkedProps.value.tone && "tone",
 			checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`,
 			checkedProps.value.size && "size",
@@ -212,6 +237,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
 				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-treatment": unref(reflectedProp)("treatment", "treatment", checkedProps.value.treatment, void 0, false),
 				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
@@ -228,6 +254,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
 				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-treatment": unref(reflectedProp)("treatment", "treatment", checkedProps.value.treatment, void 0, false),
 				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
@@ -244,6 +271,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
 				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-treatment": unref(reflectedProp)("treatment", "treatment", checkedProps.value.treatment, void 0, false),
 				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
@@ -260,6 +288,7 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				"data-ui-card-prop-padding": unref(reflectedProp)("padding", "padding", checkedProps.value.padding, void 0, false),
 				"data-ui-card-prop-size": unref(reflectedProp)("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-card-prop-tone": unref(reflectedProp)("tone", "tone", checkedProps.value.tone, void 0, false),
+				"data-ui-card-prop-treatment": unref(reflectedProp)("treatment", "treatment", checkedProps.value.treatment, void 0, false),
 				"data-ui-card-prop-variant": unref(reflectedProp)("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-card-state": hostState.value || void 0,
 				ref: "@html-next/root"
@@ -269,6 +298,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a65679fe"]]);
+}), [["__scopeId", "data-v-2c59052c"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.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/UiCheckbox.vue?vue&type=script&setup=true&lang.ts
@@ -356,6 +356,6 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0e08e52b"]]);
+}), [["__scopeId", "data-v-4950a023"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.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/UiCluster.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiColorPicker.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 { t as UiInput_default } from "./UiInput.js";
 import { computed, createElementBlock, createElementVNode, createTextVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiColorPicker.vue?vue&type=script&setup=true&lang.ts

package/vue/chunks/UiCombobox.js

@@ -1,5 +1,5 @@
-import { _ as uniqueKeys, a as concat, b as useScopedSlotName, 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 { f as vPropValidity, i as checkPropInput, l as propValidityState, p as vuePropInputs, r as acceptsControllerWrite, t as BINDING_INPUTS_PROP } from "./props.js";
+import { S as warnUnless, 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, x as useScopedSlotName, 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 { t as UiBadge_default } from "./UiBadge.js";
 import { r as vBindControl } from "./control.js";
 import { t as UiTooltip_default } from "./UiTooltip.js";

package/vue/chunks/UiContainer.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/UiContainer.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [

package/vue/chunks/UiContextMenu.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, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-context-menu-prop-for", "data-ui-context-menu-prop-open"];

package/vue/chunks/UiCover.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/UiCover.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-ui-cover-prop-size", "data-ui-cover-state"];