@threadlabs/looma 0.27.3 → 0.27.5

package/vue/UiTabs.vue

@@ -36,6 +36,14 @@ const propValidityContract = {
       values: ['comfortable', 'compact'],
       default: 'comfortable',
     },
+    group: {
+      type: { kind: 'terminal', name: 'string' },
+      required: false,
+      target: { attribute: 'group' },
+      description:
+        'Tabs with the same nonempty group share one selection: choosing a tab selects the tab with the same label in every other Tabs of that group in the\n      document, and the choice is remembered for the next visit. Use it for alternatives a reader picks once, such as a package manager or language.',
+      default: '',
+    },
     label: {
       type: { kind: 'terminal', name: 'string' },
       required: false,
@@ -77,6 +85,7 @@ const props = defineProps({
     type: null as unknown as PropType<'comfortable' | 'compact' | null>,
     default: 'comfortable',
   },
+  group: { type: null as unknown as PropType<string | null>, default: '' },
   label: { type: null as unknown as PropType<string | null>, default: 'Tabs' },
   orientation: {
     type: null as unknown as PropType<'horizontal' | 'vertical' | null>,
@@ -88,6 +97,7 @@ const props = defineProps({
 const acceptedProps: Record<string, unknown> = {
   activation: 'auto',
   density: 'comfortable',
+  group: '',
   label: 'Tabs',
   orientation: 'horizontal',
   stretch: false,
@@ -108,6 +118,13 @@ const checkedProps = computed(() => ({
     'density',
     acceptedProps,
   ) as 'comfortable' | 'compact',
+  group: checkedProp<string>(
+    props['group'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'group',
+    acceptedProps,
+  ) as string,
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
@@ -300,7 +317,7 @@ useComponentHost(() => import('../components/ui-tabs/ui-tabs.js'), {
       ? (incoming[name] ?? incoming[kebab] ?? null)
       : null
   },
-  propNames: ['activation', 'density', 'label', 'orientation', 'stretch', 'value'],
+  propNames: ['activation', 'density', 'group', 'label', 'orientation', 'stretch', 'value'],
   propValidity: (name: string) =>
     propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { list: listElement, panels: panelsElement },
@@ -366,6 +383,7 @@ function uniqueKeys<T>(
     v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-activation="reflectedProp('activation', 'activation', checkedProps.activation, undefined, false)"
     :data-density="reflectedProp('density', 'density', checkedProps.density, undefined, false)"
+    :data-group="reflectedProp('group', 'group', checkedProps.group, undefined, false)"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
     :data-orientation="reflectedProp('orientation', 'orientation', checkedProps.orientation, undefined, false)"
     :data-stretch="reflectedProp('stretch', 'stretch', checkedProps.stretch, undefined, false)"

package/vue/chunks/UiBadge.js

@@ -97,7 +97,7 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 				},
 				required: false,
 				target: { attribute: "variant" },
-				description: "Emphasis. subtle sets toned text over a soft wash; solid fills with the tone and uses contrasting text; outline keeps the surface with a toned edge.\n      inverse uses a translucent contrasting surface and toned ink for a count or label on a filled control of that tone. Neutral looks the same in solid and\n      subtle. overlay inherits the containing filled control's text colour on a faint translucent fill, without a visible rim or shadow. Its small circle is\n      20px. When space is constrained, the label truncates with an ellipsis while its full text remains available.",
+				description: "Emphasis. subtle sets toned text over a soft wash; solid fills with the tone and uses contrasting text; outline keeps the surface with a toned edge.\n      inverse uses a translucent contrasting surface and toned ink for a count or label on a filled control of that tone. Neutral looks the same in solid and\n      subtle. overlay inherits the containing filled control's text colour on a faint translucent fill, with a quiet single-pixel boundary and no shadow. Its small circle is\n      20px. When space is constrained, the label truncates with an ellipsis while its full text remains available.",
 				values: [
 					"solid",
 					"subtle",
@@ -181,6 +181,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-380f0aab"]]);
+}), [["__scopeId", "data-v-9a500035"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiCallout.js

@@ -1,8 +1,12 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { a as vPropValidity, n as checkedProp } from "./props.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-tone", "data-ui-callout-state"];
+var _hoisted_1 = [
+	"data-heading",
+	"data-tone",
+	"data-ui-callout-state"
+];
 var _hoisted_2 = {
 	class: "icon",
 	"aria-hidden": "true"
@@ -52,41 +56,93 @@ var _hoisted_7 = {
 	"stroke-linecap": "round",
 	"stroke-linejoin": "round"
 };
-var _hoisted_8 = { class: "content" };
+var _hoisted_8 = {
+	key: 5,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_9 = {
+	key: 6,
+	viewBox: "0 0 24 24",
+	fill: "none",
+	stroke: "currentColor",
+	"stroke-width": "2",
+	"stroke-linecap": "round",
+	"stroke-linejoin": "round"
+};
+var _hoisted_10 = { class: "content" };
+var _hoisted_11 = {
+	key: 0,
+	class: "heading"
+};
 //#endregion
 //#region .build/vue/UiCallout.vue
 var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiCallout",
-	props: { tone: {
-		type: null,
-		default: "info"
-	} },
+	props: {
+		heading: {
+			type: null,
+			default: ""
+		},
+		tone: {
+			type: null,
+			default: "info"
+		}
+	},
 	setup(__props) {
-		const propValidityContract = { props: { tone: {
-			type: {
-				kind: "terminal",
-				name: "keyword"
+		const propValidityContract = { props: {
+			heading: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "heading" },
+				description: "A short heading above the message, such as \"Before you upgrade\". Optional; without it the message stands alone.",
+				default: ""
 			},
-			required: false,
-			target: { attribute: "tone" },
-			description: "Which kind of message the callout carries, shown by its icon and colour: info (the default) for information, neutral for a muted aside, warning for a\n      caution, success for a confirmation, and danger for a harmful consequence. note remains as an alias for neutral.",
-			values: [
-				"info",
-				"neutral",
-				"note",
-				"warning",
-				"success",
-				"danger"
-			],
-			default: "info"
-		} } };
+			tone: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "tone" },
+				description: "Which kind of message the callout carries, shown by its icon and colour: info (the default) for information, note or neutral for a muted aside, tip for\n      advice, important for something the reader must not miss, warning for a caution, danger (or its alias caution) for a harmful consequence, and success for\n      a confirmation. These are the tones of VitePress, Docusaurus and GitHub alerts.",
+				values: [
+					"info",
+					"neutral",
+					"note",
+					"tip",
+					"important",
+					"warning",
+					"caution",
+					"success",
+					"danger"
+				],
+				default: "info"
+			}
+		} };
 		const props = __props;
-		const acceptedProps = { tone: "info" };
-		const checkedProps = computed(() => ({ tone: checkedProp(props["tone"], {
-			kind: "terminal",
-			name: "keyword"
-		}, false, "tone", acceptedProps) }));
+		const acceptedProps = {
+			heading: "",
+			tone: "info"
+		};
+		const checkedProps = computed(() => ({
+			heading: checkedProp(props["heading"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "heading", acceptedProps),
+			tone: checkedProp(props["tone"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "tone", acceptedProps)
+		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
 			checkedProps.value;
@@ -118,6 +174,7 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				"data-component": "ui-callout",
 				role: "note"
 			}, nativeAttrs(_ctx.$attrs), {
+				"data-heading": reflectedProp("heading", "heading", checkedProps.value.heading, void 0, false),
 				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-ui-callout-state": hostState.value || void 0
 			}), [createElementVNode("span", _hoisted_2, [
@@ -135,17 +192,27 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					createElementVNode("path", { d: "M13 2v7h7" }, null, -1),
 					createElementVNode("path", { d: "m9.5 17.5 4-4 2 2-4 4H9.5v-2Z" }, null, -1)
 				])])) : createCommentVNode("v-if", true),
-				checkedProps.value.tone === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [
+				checkedProps.value.tone === "tip" ? (openBlock(), createElementBlock("svg", _hoisted_5, [..._cache[2] || (_cache[2] = [
+					createElementVNode("path", { d: "M15 14c.2-1 .7-1.7 1.5-2.5 1-.9 1.5-2.2 1.5-3.5A6 6 0 0 0 6 8c0 1 .2 2.2 1.5 3.5.7.7 1.3 1.5 1.5 2.5" }, null, -1),
+					createElementVNode("path", { d: "M9 18h6" }, null, -1),
+					createElementVNode("path", { d: "M10 22h4" }, null, -1)
+				])])) : createCommentVNode("v-if", true),
+				checkedProps.value.tone === "important" ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[3] || (_cache[3] = [
+					createElementVNode("path", { d: "M22 17a2 2 0 0 1-2 2H6.828a2 2 0 0 0-1.414.586l-2.202 2.202A.71.71 0 0 1 2 21.286V5a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2z" }, null, -1),
+					createElementVNode("path", { d: "M12 15h.01" }, null, -1),
+					createElementVNode("path", { d: "M12 7v4" }, null, -1)
+				])])) : createCommentVNode("v-if", true),
+				checkedProps.value.tone === "warning" ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[4] || (_cache[4] = [
 					createElementVNode("path", { d: "m21.73 18-8-14a2 2 0 0 0-3.46 0l-8 14A2 2 0 0 0 4 21h16a2 2 0 0 0 1.73-3Z" }, null, -1),
 					createElementVNode("path", { d: "M12 9v4" }, null, -1),
 					createElementVNode("path", { d: "M12 17h.01" }, null, -1)
 				])])) : createCommentVNode("v-if", true),
-				checkedProps.value.tone === "success" ? (openBlock(), createElementBlock("svg", _hoisted_6, [..._cache[3] || (_cache[3] = [createElementVNode("circle", {
+				checkedProps.value.tone === "success" ? (openBlock(), createElementBlock("svg", _hoisted_8, [..._cache[5] || (_cache[5] = [createElementVNode("circle", {
 					cx: "12",
 					cy: "12",
 					r: "10"
 				}, null, -1), createElementVNode("path", { d: "m9 12 2 2 4-4" }, null, -1)])])) : createCommentVNode("v-if", true),
-				checkedProps.value.tone === "danger" ? (openBlock(), createElementBlock("svg", _hoisted_7, [..._cache[4] || (_cache[4] = [
+				checkedProps.value.tone === "danger" || checkedProps.value.tone === "caution" ? (openBlock(), createElementBlock("svg", _hoisted_9, [..._cache[6] || (_cache[6] = [
 					createElementVNode("circle", {
 						cx: "12",
 						cy: "12",
@@ -154,12 +221,12 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 					createElementVNode("path", { d: "m15 9-6 6" }, null, -1),
 					createElementVNode("path", { d: "m9 9 6 6" }, null, -1)
 				])])) : createCommentVNode("v-if", true)
-			]), createElementVNode("div", _hoisted_8, [renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			]), createElementVNode("div", _hoisted_10, [checkedProps.value.heading ? (openBlock(), createElementBlock("strong", _hoisted_11, toDisplayString(checkedProps.value.heading), 1)) : createCommentVNode("v-if", true), renderSlot(_ctx.$slots, "default")])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c8674799"]]);
+}), [["__scopeId", "data-v-492ee9df"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiTabs.js

@@ -6,6 +6,7 @@ import { Fragment, computed, createElementBlock, createElementVNode, createVNode
 var _hoisted_1 = [
 	"data-activation",
 	"data-density",
+	"data-group",
 	"data-label",
 	"data-orientation",
 	"data-stretch",
@@ -33,6 +34,10 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			type: null,
 			default: "comfortable"
 		},
+		group: {
+			type: null,
+			default: ""
+		},
 		label: {
 			type: null,
 			default: "Tabs"
@@ -75,6 +80,16 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				values: ["comfortable", "compact"],
 				default: "comfortable"
 			},
+			group: {
+				type: {
+					kind: "terminal",
+					name: "string"
+				},
+				required: false,
+				target: { attribute: "group" },
+				description: "Tabs with the same nonempty group share one selection: choosing a tab selects the tab with the same label in every other Tabs of that group in the\n      document, and the choice is remembered for the next visit. Use it for alternatives a reader picks once, such as a package manager or language.",
+				default: ""
+			},
 			label: {
 				type: {
 					kind: "terminal",
@@ -121,6 +136,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 		const acceptedProps = {
 			activation: "auto",
 			density: "comfortable",
+			group: "",
 			label: "Tabs",
 			orientation: "horizontal",
 			stretch: false,
@@ -135,6 +151,10 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 				kind: "terminal",
 				name: "keyword"
 			}, false, "density", acceptedProps),
+			group: checkedProp(props["group"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "group", acceptedProps),
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
@@ -270,6 +290,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			propNames: [
 				"activation",
 				"density",
+				"group",
 				"label",
 				"orientation",
 				"stretch",
@@ -325,6 +346,7 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			return withDirectives((openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-tabs" }, nativeAttrs(_ctx.$attrs), {
 				"data-activation": reflectedProp("activation", "activation", checkedProps.value.activation, void 0, false),
 				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
+				"data-group": reflectedProp("group", "group", checkedProps.value.group, void 0, false),
 				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
 				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
 				"data-stretch": reflectedProp("stretch", "stretch", checkedProps.value.stretch, void 0, false),
@@ -362,6 +384,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3bf68b5f"]]);
+}), [["__scopeId", "data-v-f10f6ffb"]]);
 //#endregion
 export { UiTabs_default as t };