@threadlabs/looma 0.26.3 → 0.26.5

package/vue/chunks/UiButton.js

@@ -82,7 +82,8 @@ var _hoisted_10 = {
 	key: 0,
 	class: "spinner-wrap"
 };
-var _hoisted_11 = [
+var _hoisted_11 = { class: "badge" };
+var _hoisted_12 = [
 	"type",
 	"disabled",
 	"aria-disabled",
@@ -103,10 +104,11 @@ var _hoisted_11 = [
 	"data-variant",
 	"data-ui-button-state"
 ];
-var _hoisted_12 = {
+var _hoisted_13 = {
 	key: 0,
 	class: "spinner-wrap"
 };
+var _hoisted_14 = { class: "badge" };
 //#endregion
 //#region .build/vue/UiButton.vue
 var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -722,7 +724,11 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-button-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [checkedProps.value.loading || checkedProps.value.pending ? (openBlock(), createElementBlock("span", _hoisted_10, [createVNode(UiSpinner_default, { size: "sm" })])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_9)), [[unref(vPropValidity), {
+			}), [
+				checkedProps.value.loading || checkedProps.value.pending ? (openBlock(), createElementBlock("span", _hoisted_10, [createVNode(UiSpinner_default, { size: "sm" })])) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				createElementVNode("span", _hoisted_11, [renderSlot(_ctx.$slots, "badge", {}, void 0, true)])
+			], 16, _hoisted_9)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]) : withDirectives((openBlock(), createElementBlock("button", mergeProps({
@@ -749,12 +755,16 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-button-state": hostState.value || void 0,
 				ref: "@html-next/root"
-			}), [checkedProps.value.loading || checkedProps.value.pending ? (openBlock(), createElementBlock("span", _hoisted_12, [createVNode(UiSpinner_default, { size: "sm" })])) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_11)), [[unref(vPropValidity), {
+			}), [
+				checkedProps.value.loading || checkedProps.value.pending ? (openBlock(), createElementBlock("span", _hoisted_13, [createVNode(UiSpinner_default, { size: "sm" })])) : createCommentVNode("v-if", true),
+				renderSlot(_ctx.$slots, "default", {}, void 0, true),
+				createElementVNode("span", _hoisted_14, [renderSlot(_ctx.$slots, "badge", {}, void 0, true)])
+			], 16, _hoisted_12)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-37d5b9a2"]]);
+}), [["__scopeId", "data-v-e56c4e01"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -160,6 +160,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-948263db"]]);
+}), [["__scopeId", "data-v-ca7a11cb"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiIconButton.js

@@ -369,6 +369,6 @@ var UiIconButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b66a1661"]]);
+}), [["__scopeId", "data-v-219fa683"]]);
 //#endregion
 export { UiIconButton_default as t };

package/vue/chunks/UiInputGroup.js

@@ -8,6 +8,7 @@ var _hoisted_1 = [
 	"data-disabled",
 	"data-multiline",
 	"data-prefix-kind",
+	"data-variant",
 	"data-ui-input-group-state"
 ];
 var _hoisted_2 = { class: "affix" };
@@ -35,6 +36,10 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		prefixKind: {
 			type: null,
 			default: "text"
+		},
+		variant: {
+			type: null,
+			default: "outline"
 		}
 	},
 	setup(__props) {
@@ -80,6 +85,17 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				description: "Text affixes have their own framing. An icon prefix shares the field surface and uses one compact icon-to-value gap.",
 				values: ["text", "icon"],
 				default: "text"
+			},
+			variant: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "variant" },
+				description: "outline uses the standard field edge and surface. subtle uses a quiet decorative edge and muted surface for a multiline composer. Both retain the same\n      focus, invalid and disabled states, and the field inside shares the group's one frame.",
+				values: ["outline", "subtle"],
+				default: "outline"
 			}
 		} };
 		const props = __props;
@@ -87,7 +103,8 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			actionPosition: "below",
 			disabled: false,
 			multiline: false,
-			prefixKind: "text"
+			prefixKind: "text",
+			variant: "outline"
 		};
 		const checkedProps = computed(() => ({
 			actionPosition: checkedProp(props["actionPosition"], {
@@ -105,7 +122,11 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			prefixKind: checkedProp(props["prefixKind"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "prefixKind", acceptedProps)
+			}, false, "prefixKind", acceptedProps),
+			variant: checkedProp(props["variant"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "variant", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -135,6 +156,8 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
+			checkedProps.value.variant && "variant",
+			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
 			checkedProps.value.disabled && "disabled",
 			checkedProps.value.prefixKind && "prefixKind",
 			checkedProps.value.prefixKind != null && `prefixKind=${encodeURIComponent(checkedProps.value.prefixKind)}`,
@@ -160,7 +183,8 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"actionPosition",
 				"disabled",
 				"multiline",
-				"prefixKind"
+				"prefixKind",
+				"variant"
 			],
 			propValidity: (name) => propValidityState({
 				contract: propValidityContract,
@@ -173,6 +197,7 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
 				"data-multiline": reflectedProp("multiline", "multiline", checkedProps.value.multiline, void 0, false),
 				"data-prefix-kind": reflectedProp("prefixKind", "prefix-kind", checkedProps.value.prefixKind, void 0, false),
+				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-ui-input-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -187,6 +212,6 @@ var UiInputGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a7fb387e"]]);
+}), [["__scopeId", "data-v-ac4d8095"]]);
 //#endregion
 export { UiInputGroup_default as t };

package/vue/chunks/UiToast.js

@@ -174,6 +174,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-241766bc"]]);
+}), [["__scopeId", "data-v-af4b9641"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -313,6 +313,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4234b07d"]]);
+}), [["__scopeId", "data-v-1a7d67f7"]]);
 //#endregion
 export { UiToastRegion_default as t };