@threadlabs/looma 0.22.13 → 0.23.0

package/vue/chunks/UiText.js

@@ -6,111 +6,133 @@ import { computed, createElementBlock, defineComponent, getCurrentInstance, merg
 var _hoisted_1 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_2 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_3 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_4 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_5 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_6 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_7 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_8 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_9 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_10 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 var _hoisted_11 = [
 	"data-align",
 	"data-as",
+	"data-font",
 	"data-size",
 	"data-tone",
 	"data-truncate",
 	"data-variant",
 	"data-weight",
+	"data-wrap",
 	"data-ui-text-state"
 ];
 //#endregion
@@ -127,6 +149,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			type: null,
 			default: "p"
 		},
+		font: {
+			type: null,
+			default: "inherit"
+		},
 		size: {
 			type: null,
 			default: "inherit"
@@ -146,6 +172,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		weight: {
 			type: null,
 			default: "inherit"
+		},
+		wrap: {
+			type: null,
+			default: "normal"
 		}
 	},
 	setup(__props) {
@@ -184,6 +214,17 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				],
 				default: "p"
 			},
+			font: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "font" },
+				description: "Use sans for UI text rendered outside its original font context; inherit preserves the surrounding typeface.",
+				values: ["inherit", "sans"],
+				default: "inherit"
+			},
 			size: {
 				type: {
 					kind: "terminal",
@@ -261,17 +302,30 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 					"semibold"
 				],
 				default: "inherit"
+			},
+			wrap: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "wrap" },
+				description: "Use anywhere for unbroken values such as long destinations; ordinary prose keeps its normal wrapping.",
+				values: ["normal", "anywhere"],
+				default: "normal"
 			}
 		} };
 		const props = __props;
 		const acceptedProps = {
 			align: "start",
 			as: "p",
+			font: "inherit",
 			size: "inherit",
 			tone: "default",
 			truncate: false,
 			variant: "body",
-			weight: "inherit"
+			weight: "inherit",
+			wrap: "normal"
 		};
 		const checkedProps = computed(() => ({
 			align: checkedProp(props["align"], {
@@ -282,6 +336,10 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "keyword"
 			}, false, "as", acceptedProps),
+			font: checkedProp(props["font"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "font", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
@@ -301,7 +359,11 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			weight: checkedProp(props["weight"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "weight", acceptedProps)
+			}, false, "weight", acceptedProps),
+			wrap: checkedProp(props["wrap"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "wrap", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -342,7 +404,11 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			checkedProps.value.variant != null && `variant=${encodeURIComponent(checkedProps.value.variant)}`,
 			checkedProps.value.truncate && "truncate",
 			checkedProps.value.align && "align",
-			checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`
+			checkedProps.value.align != null && `align=${encodeURIComponent(checkedProps.value.align)}`,
+			checkedProps.value.font && "font",
+			checkedProps.value.font != null && `font=${encodeURIComponent(checkedProps.value.font)}`,
+			checkedProps.value.wrap && "wrap",
+			checkedProps.value.wrap != null && `wrap=${encodeURIComponent(checkedProps.value.wrap)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return checkedProps.value.as === "span" ? withDirectives((openBlock(), createElementBlock("span", mergeProps({
@@ -351,11 +417,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_1)), [[unref(vPropValidity), {
@@ -367,11 +435,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_2)), [[unref(vPropValidity), {
@@ -383,11 +453,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_3)), [[unref(vPropValidity), {
@@ -399,11 +471,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_4)), [[unref(vPropValidity), {
@@ -415,11 +489,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_5)), [[unref(vPropValidity), {
@@ -431,11 +507,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_6)), [[unref(vPropValidity), {
@@ -447,11 +525,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_7)), [[unref(vPropValidity), {
@@ -463,11 +543,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_8)), [[unref(vPropValidity), {
@@ -479,11 +561,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_9)), [[unref(vPropValidity), {
@@ -495,11 +579,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_10)), [[unref(vPropValidity), {
@@ -511,11 +597,13 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, nativeAttrs(_ctx.$attrs), {
 				"data-align": reflectedProp("align", "align", checkedProps.value.align, void 0, false),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
+				"data-font": reflectedProp("font", "font", checkedProps.value.font, void 0, false),
 				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-truncate": reflectedProp("truncate", "truncate", checkedProps.value.truncate, void 0, false),
 				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
 				"data-weight": reflectedProp("weight", "weight", checkedProps.value.weight, void 0, false),
+				"data-wrap": 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")], 16, _hoisted_11)), [[unref(vPropValidity), {
@@ -524,6 +612,6 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6dc4d971"]]);
+}), [["__scopeId", "data-v-09b7a2ed"]]);
 //#endregion
 export { UiText_default as t };

package/vue/chunks/UiTextarea.js

@@ -294,6 +294,6 @@ var UiTextarea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-80fd27c3"]]);
+}), [["__scopeId", "data-v-a08ffedd"]]);
 //#endregion
 export { UiTextarea_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-c2203cd3"]]);
+}), [["__scopeId", "data-v-05c0f5c7"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -241,6 +241,6 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3a5d9920"]]);
+}), [["__scopeId", "data-v-d9c7b1ba"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -287,6 +287,6 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-56fb49c0"]]);
+}), [["__scopeId", "data-v-18773426"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -33,6 +33,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-e4d0ab3d"]]);
+}), [["__scopeId", "data-v-ee7d0a23"]]);
 //#endregion
 export { UiTopBar_default as t };

package/vue/chunks/UiTreeItem.js

@@ -579,6 +579,6 @@ var UiTreeItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-cec2ae88"]]);
+}), [["__scopeId", "data-v-567c1a55"]]);
 //#endregion
 export { UiTreeItem_default as t };