@threadlabs/looma 0.16.2 → 0.16.3

package/vue/UiText.d.ts

@@ -1,13 +1,13 @@
 type __VLS_Props = {
     align?: 'start' | 'center';
-    as?: 'p' | 'span' | 'div' | 'small' | 'strong' | 'label';
+    as?: 'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
     size?: 'inherit' | 'xs' | 'sm' | 'md' | 'lg';
     tone?: 'default' | 'secondary' | 'muted' | 'accent' | 'danger' | 'success' | 'info' | 'warning';
     truncate?: boolean;
     variant?: 'body' | 'eyebrow' | 'code';
     weight?: 'inherit' | 'normal' | 'medium' | 'semibold';
 };
-declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {};
+declare var __VLS_1: {}, __VLS_3: {}, __VLS_5: {}, __VLS_7: {}, __VLS_9: {}, __VLS_11: {}, __VLS_13: {}, __VLS_15: {}, __VLS_17: {}, __VLS_19: {}, __VLS_21: {};
 type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_1) => any;
 } & {
@@ -20,13 +20,23 @@ type __VLS_Slots = {} & {
     default?: (props: typeof __VLS_9) => any;
 } & {
     default?: (props: typeof __VLS_11) => any;
+} & {
+    default?: (props: typeof __VLS_13) => any;
+} & {
+    default?: (props: typeof __VLS_15) => any;
+} & {
+    default?: (props: typeof __VLS_17) => any;
+} & {
+    default?: (props: typeof __VLS_19) => any;
+} & {
+    default?: (props: typeof __VLS_21) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
     size: "inherit" | "xs" | "sm" | "md" | "lg";
     tone: "default" | "secondary" | "muted" | "accent" | "danger" | "success" | "info" | "warning";
     variant: "body" | "eyebrow" | "code";
     align: "start" | "center";
-    as: "p" | "span" | "div" | "small" | "strong" | "label";
+    as: "p" | "span" | "div" | "small" | "strong" | "label" | "h2" | "h3" | "h4" | "h5" | "h6";
     truncate: boolean;
     weight: "inherit" | "normal" | "medium" | "semibold";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;

package/vue/UiText.vue

@@ -7,7 +7,7 @@ defineOptions({ inheritAttrs: false })
 const props = withDefaults(
   defineProps<{
     align?: 'start' | 'center'
-    as?: 'p' | 'span' | 'div' | 'small' | 'strong' | 'label'
+    as?: 'p' | 'span' | 'div' | 'small' | 'strong' | 'label' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6'
     size?: 'inherit' | 'xs' | 'sm' | 'md' | 'lg'
     tone?: 'default' | 'secondary' | 'muted' | 'accent' | 'danger' | 'success' | 'info' | 'warning'
     truncate?: boolean
@@ -71,6 +71,46 @@ const hostState = computed(() =>
     v-bind="$attrs"
     :data-ui-text-state="hostState || undefined"
   ><slot /></label>
+  <h2
+    v-else-if="as === 'h2'"
+    data-component="ui-text"
+    v-bind="$attrs"
+    :data-ui-text-state="hostState || undefined"
+  >
+    <slot />
+  </h2>
+  <h3
+    v-else-if="as === 'h3'"
+    data-component="ui-text"
+    v-bind="$attrs"
+    :data-ui-text-state="hostState || undefined"
+  >
+    <slot />
+  </h3>
+  <h4
+    v-else-if="as === 'h4'"
+    data-component="ui-text"
+    v-bind="$attrs"
+    :data-ui-text-state="hostState || undefined"
+  >
+    <slot />
+  </h4>
+  <h5
+    v-else-if="as === 'h5'"
+    data-component="ui-text"
+    v-bind="$attrs"
+    :data-ui-text-state="hostState || undefined"
+  >
+    <slot />
+  </h5>
+  <h6
+    v-else-if="as === 'h6'"
+    data-component="ui-text"
+    v-bind="$attrs"
+    :data-ui-text-state="hostState || undefined"
+  >
+    <slot />
+  </h6>
   <p v-else data-component="ui-text" v-bind="$attrs" :data-ui-text-state="hostState || undefined">
     <slot />
   </p>
@@ -78,7 +118,8 @@ const hostState = computed(() =>
 
 <style scoped>
 /* Running text, set on the type scale and in a tone that says what it is, so a view never styles
-       text of its own. The root is a paragraph unless as= names a span, div, small, strong, or label. */
+       text of its own. The root is a paragraph unless as= names a span, div, small, strong, label, or
+       heading. */
 [data-component~="ui-text"] {
   margin: 0;
   min-inline-size: 0;
@@ -86,6 +127,13 @@ const hostState = computed(() =>
   text-align: start;
 }
 
+/* A heading drops the browser's heading size and weight, so size and weight set it as they set
+   any text, and inherit keeps the text around it. */
+[data-component~="ui-text"]:is(h2, h3, h4, h5, h6) {
+  font-size: inherit;
+  font-weight: inherit;
+}
+
 [data-component~="ui-text"][data-ui-text-state~="size=xs"] {
   font-size: var(--ui-font-size-xs);
   line-height: var(--ui-line-height);

package/vue/chunks/UiButton.js

@@ -134,6 +134,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			})) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_2));
 		};
 	}
-}), [["__scopeId", "data-v-3f3120c8"]]);
+}), [["__scopeId", "data-v-2d967790"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiFormField.js

@@ -51,6 +51,6 @@ var UiFormField_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-453329c8"]]);
+}), [["__scopeId", "data-v-60c91d56"]]);
 //#endregion
 export { UiFormField_default as t };

package/vue/chunks/UiInput.js

@@ -66,6 +66,6 @@ var UiInput_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}), null, 16, _hoisted_1)), [[vModelDynamic, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-35d265bd"]]);
+}), [["__scopeId", "data-v-aa3c35f4"]]);
 //#endregion
 export { UiInput_default as t };

package/vue/chunks/UiNavItem.js

@@ -106,6 +106,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			], 16, _hoisted_6));
 		};
 	}
-}), [["__scopeId", "data-v-369595b1"]]);
+}), [["__scopeId", "data-v-7f1c22fc"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiSelect.js

@@ -60,6 +60,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[vModelSelect, model.value]]);
 		};
 	}
-}), [["__scopeId", "data-v-981584d4"]]);
+}), [["__scopeId", "data-v-3f68a24f"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiText.js

@@ -7,6 +7,11 @@ var _hoisted_3 = ["data-ui-text-state"];
 var _hoisted_4 = ["data-ui-text-state"];
 var _hoisted_5 = ["data-ui-text-state"];
 var _hoisted_6 = ["data-ui-text-state"];
+var _hoisted_7 = ["data-ui-text-state"];
+var _hoisted_8 = ["data-ui-text-state"];
+var _hoisted_9 = ["data-ui-text-state"];
+var _hoisted_10 = ["data-ui-text-state"];
+var _hoisted_11 = ["data-ui-text-state"];
 //#endregion
 //#region .build/vue/UiText.vue
 var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -51,12 +56,27 @@ var UiText_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_4)) : __props.as === "label" ? (openBlock(), createElementBlock("label", mergeProps({
 				key: 4,
 				"data-component": "ui-text"
-			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_5)) : (openBlock(), createElementBlock("p", mergeProps({
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_5)) : __props.as === "h2" ? (openBlock(), createElementBlock("h2", mergeProps({
 				key: 5,
 				"data-component": "ui-text"
-			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_6));
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_6)) : __props.as === "h3" ? (openBlock(), createElementBlock("h3", mergeProps({
+				key: 6,
+				"data-component": "ui-text"
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_7)) : __props.as === "h4" ? (openBlock(), createElementBlock("h4", mergeProps({
+				key: 7,
+				"data-component": "ui-text"
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_8)) : __props.as === "h5" ? (openBlock(), createElementBlock("h5", mergeProps({
+				key: 8,
+				"data-component": "ui-text"
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_9)) : __props.as === "h6" ? (openBlock(), createElementBlock("h6", mergeProps({
+				key: 9,
+				"data-component": "ui-text"
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_10)) : (openBlock(), createElementBlock("p", mergeProps({
+				key: 10,
+				"data-component": "ui-text"
+			}, _ctx.$attrs, { "data-ui-text-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_11));
 		};
 	}
-}), [["__scopeId", "data-v-f6cb02e5"]]);
+}), [["__scopeId", "data-v-80b3e712"]]);
 //#endregion
 export { UiText_default as t };