@threadlabs/looma 0.22.14 → 0.23.0

package/vue/chunks/UiNavItem.js

@@ -10,9 +10,12 @@ var _hoisted_1 = [
 	"aria-current",
 	"data-as",
 	"data-current",
+	"data-density",
 	"data-href",
 	"data-rel",
-	"data-target"
+	"data-target",
+	"data-variant",
+	"data-ui-nav-item-state"
 ];
 var _hoisted_2 = { class: "leading" };
 var _hoisted_3 = { class: "content" };
@@ -22,9 +25,12 @@ var _hoisted_6 = [
 	"aria-current",
 	"data-as",
 	"data-current",
+	"data-density",
 	"data-href",
 	"data-rel",
-	"data-target"
+	"data-target",
+	"data-variant",
+	"data-ui-nav-item-state"
 ];
 var _hoisted_7 = { class: "leading" };
 var _hoisted_8 = { class: "content" };
@@ -44,6 +50,10 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			type: null,
 			default: "false"
 		},
+		density: {
+			type: null,
+			default: "comfortable"
+		},
 		href: {
 			type: null,
 			default: null
@@ -55,6 +65,10 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 		target: {
 			type: null,
 			default: null
+		},
+		variant: {
+			type: null,
+			default: "surface"
 		}
 	},
 	setup(__props) {
@@ -77,7 +91,7 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				},
 				required: false,
 				target: { attribute: "current" },
-				description: "Marks the item as where you are: it takes the selected surface, a stronger label, and a bar on its start edge, and states aria-current, which assistive\n      technology announces. \"true\" means the current page (aria-current=\"page\"); \"step\" marks the current step of a process, and \"location\" the current place in\n      a set, such as a section of a record. Set it on one item at a time.",
+				description: "Marks the item as where you are: it takes the selected surface, the selected text, and the chosen surface or line treatment, and states aria-current, which\n      assistive technology announces. \"true\" means the current page (aria-current=\"page\"); \"step\" marks the current step of a process, and \"location\" the\n      current place in a set, such as a section of a record. Set it on one item at a time.",
 				values: [
 					"true",
 					"false",
@@ -87,6 +101,17 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				],
 				default: "false"
 			},
+			density: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "density" },
+				description: "Compact uses smaller type and row spacing to sit alongside a compact tree; comfortable keeps the regular navigation row.",
+				values: ["comfortable", "compact"],
+				default: "comfortable"
+			},
 			href: {
 				type: {
 					kind: "terminal",
@@ -113,15 +138,28 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				required: false,
 				target: { attribute: "target" },
 				description: "Where a link opens, as on a native link. Only meaningful with as=\"a\"."
+			},
+			variant: {
+				type: {
+					kind: "terminal",
+					name: "keyword"
+				},
+				required: false,
+				target: { attribute: "variant" },
+				description: "surface marks the current row with a quiet filled surface and shared corners. line uses square corners and a continuous logical start edge. Both retain the\n      resting label weight and expose aria-current.",
+				values: ["surface", "line"],
+				default: "surface"
 			}
 		} };
 		const props = __props;
 		const acceptedProps = {
 			as: "button",
 			current: "false",
+			density: "comfortable",
 			href: null,
 			rel: null,
-			target: null
+			target: null,
+			variant: "surface"
 		};
 		const checkedProps = computed(() => ({
 			as: checkedProp(props["as"], {
@@ -132,6 +170,10 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				kind: "terminal",
 				name: "keyword"
 			}, false, "current", acceptedProps),
+			density: checkedProp(props["density"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "density", acceptedProps),
 			href: checkedProp(props["href"], {
 				kind: "terminal",
 				name: "string"
@@ -143,7 +185,11 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			target: checkedProp(props["target"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "target", acceptedProps)
+			}, false, "target", acceptedProps),
+			variant: checkedProp(props["variant"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "variant", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -172,6 +218,13 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				message: "Server markup for <ui-nav-item> has an incompatible root."
 			})
 		});
+		/** 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.density && "density",
+			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`
+		].filter(Boolean).join(" "));
 		function text(value) {
 			if (Array.isArray(value)) return value.map(text).join(" ");
 			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
@@ -209,9 +262,12 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				}[`${checkedProps.value.current ?? ""}`]),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
+				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
 				"data-href": reflectedProp("href", "href", checkedProps.value.href, void 0, false),
 				"data-rel": reflectedProp("rel", "rel", checkedProps.value.rel, void 0, false),
 				"data-target": reflectedProp("target", "target", checkedProps.value.target, void 0, false),
+				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-nav-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
 				_cache[0] || (_cache[0] = createElementVNode("span", {
@@ -249,9 +305,12 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 				}[`${checkedProps.value.current ?? ""}`]),
 				"data-as": reflectedProp("as", "as", checkedProps.value.as, void 0, false),
 				"data-current": reflectedProp("current", "current", checkedProps.value.current, void 0, false),
+				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
 				"data-href": reflectedProp("href", "href", checkedProps.value.href, void 0, false),
 				"data-rel": reflectedProp("rel", "rel", checkedProps.value.rel, void 0, false),
 				"data-target": reflectedProp("target", "target", checkedProps.value.target, void 0, false),
+				"data-variant": reflectedProp("variant", "variant", checkedProps.value.variant, void 0, false),
+				"data-ui-nav-item-state": hostState.value || void 0,
 				ref: "@html-next/root"
 			}), [
 				_cache[1] || (_cache[1] = createElementVNode("span", {
@@ -266,6 +325,6 @@ var UiNavItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-be6a08a1"]]);
+}), [["__scopeId", "data-v-d666b895"]]);
 //#endregion
 export { UiNavItem_default as t };

package/vue/chunks/UiPopover.js

@@ -214,6 +214,6 @@ var UiPopover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-639bc886"]]);
+}), [["__scopeId", "data-v-af0419ac"]]);
 //#endregion
 export { UiPopover_default as t };

package/vue/chunks/UiRadio.js

@@ -272,6 +272,6 @@ var UiRadio_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-24dcb5e7"]]);
+}), [["__scopeId", "data-v-12f949e0"]]);
 //#endregion
 export { UiRadio_default as t };

package/vue/chunks/UiSearchResultRow.js

@@ -144,6 +144,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-b1b33060"]]);
+}), [["__scopeId", "data-v-694c84bd"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.js

@@ -194,6 +194,6 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-34344651"]]);
+}), [["__scopeId", "data-v-a424b50e"]]);
 //#endregion
 export { UiSearchShell_default as t };

package/vue/chunks/UiSection.js

@@ -138,6 +138,6 @@ var UiSection_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-4d63405c"]]);
+}), [["__scopeId", "data-v-b4bd9f21"]]);
 //#endregion
 export { UiSection_default as t };

package/vue/chunks/UiSelect.js

@@ -226,6 +226,6 @@ var UiSelect_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-6c41bae6"]]);
+}), [["__scopeId", "data-v-c860e6d6"]]);
 //#endregion
 export { UiSelect_default as t };

package/vue/chunks/UiSeparator.js

@@ -64,6 +64,6 @@ var UiSeparator_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c7e9e599"]]);
+}), [["__scopeId", "data-v-737072fb"]]);
 //#endregion
 export { UiSeparator_default as t };

package/vue/chunks/UiSidebar.js

@@ -336,6 +336,6 @@ var UiSidebar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0c38d4ad"]]);
+}), [["__scopeId", "data-v-2d6c1f5b"]]);
 //#endregion
 export { UiSidebar_default as t };

package/vue/chunks/UiStatusMessage.js

@@ -161,6 +161,6 @@ var UiStatusMessage_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/*
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-88f21c6f"]]);
+}), [["__scopeId", "data-v-5fb7d380"]]);
 //#endregion
 export { UiStatusMessage_default as t };

package/vue/chunks/UiSwitch.js

@@ -273,6 +273,6 @@ var UiSwitch_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-33b369b6"]]);
+}), [["__scopeId", "data-v-29e0ae86"]]);
 //#endregion
 export { UiSwitch_default as t };

package/vue/chunks/UiTable.js

@@ -127,6 +127,6 @@ var UiTable_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dfbf191c"]]);
+}), [["__scopeId", "data-v-72d151ba"]]);
 //#endregion
 export { UiTable_default as t };

package/vue/chunks/UiTabs.js

@@ -327,6 +327,6 @@ var UiTabs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-290ef814"]]);
+}), [["__scopeId", "data-v-653b2813"]]);
 //#endregion
 export { UiTabs_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 };