@threadlabs/looma 0.19.1 → 0.21.0

package/vue/chunks/UiToast.js

@@ -1,11 +1,16 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef, withCtx } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-toast/ui-toast.js";
+import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, useTemplateRef, watchSyncEffect, withCtx } from "vue";
 //#region .build/vue/UiToast.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["role", "data-ui-toast-state"];
+var _hoisted_1 = [
+	"role",
+	"data-duration",
+	"data-tone",
+	"data-ui-toast-state"
+];
 var _hoisted_2 = { class: "message" };
 var _hoisted_3 = {
 	class: "action",
@@ -17,27 +22,78 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 	inheritAttrs: false,
 	__name: "UiToast",
 	props: {
-		duration: { default: 0 },
-		tone: { default: "neutral" }
+		duration: {
+			type: null,
+			default: 0
+		},
+		tone: {
+			type: null,
+			default: "neutral"
+		}
 	},
 	emits: ["dismiss"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			duration: checkedProp(props["duration"], {
+				kind: "terminal",
+				name: "number"
+			}, false, "duration", void 0, void 0),
+			tone: checkedProp(props["tone"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "tone", void 0, [
+				"neutral",
+				"info",
+				"success",
+				"warning",
+				"danger"
+			])
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const actionElement = useTemplateRef("action");
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-toast> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-toast> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.tone && `tone tone=${props.tone}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.tone && "tone", checkedProps.value.tone != null && `tone=${encodeURIComponent(checkedProps.value.tone)}`].filter(Boolean).join(" "));
 		const isDismissDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"id",
 			"reason",
 			"trigger"
 		].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: { dismiss: isDismissDetail } });
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-toast/ui-toast.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-toast/ui-toast.js",
+				definition: "./components/ui-toast/ui-toast.html"
+			},
+			props: checkedProps,
 			refs: { action: actionElement }
 		});
 		function text(value) {
@@ -49,14 +105,16 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			return value === true ? "" : text(value);
 		}
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-toast" }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-toast" }, nativeAttrs(_ctx.$attrs), {
 				role: attribute({
 					neutral: "status",
 					info: "status",
 					success: "status",
 					warning: "status",
 					danger: "alert"
-				}[__props.tone]),
+				}[checkedProps.value.tone]),
+				"data-duration": reflectedProp("duration", "duration", checkedProps.value.duration, void 0, false),
+				"data-tone": reflectedProp("tone", "tone", checkedProps.value.tone, void 0, false),
 				"data-ui-toast-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
@@ -76,6 +134,6 @@ var UiToast_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-55bfd2e0"]]);
+}), [["__scopeId", "data-v-37c4db56"]]);
 //#endregion
 export { UiToast_default as t };

package/vue/chunks/UiToastRegion.js

@@ -1,11 +1,15 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiIconButton_default } from "./UiIconButton.js";
-import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, withCtx } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-toast-region/ui-toast-region.js";
+import { Fragment, computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, h, mergeProps, normalizeClass, openBlock, ref, renderList, renderSlot, toDisplayString, unref, watchSyncEffect, withCtx } from "vue";
 //#region .build/vue/UiToastRegion.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-toast-region-state"];
+var _hoisted_1 = [
+	"data-duration",
+	"data-placement",
+	"data-ui-toast-region-state"
+];
 var _hoisted_2 = [
 	"id",
 	"role",
@@ -19,33 +23,145 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	inheritAttrs: false,
 	__name: "UiToastRegion",
 	props: {
-		duration: { default: 0 },
-		placement: { default: "top" }
+		duration: {
+			type: null,
+			default: 0
+		},
+		placement: {
+			type: null,
+			default: "top"
+		}
 	},
 	emits: ["dismiss"],
 	setup(__props, { expose: __expose, emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			duration: checkedProp(props["duration"], {
+				kind: "terminal",
+				name: "number"
+			}, false, "duration", void 0, void 0),
+			placement: checkedProp(props["placement"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "placement", void 0, [
+				"top",
+				"top-start",
+				"top-end",
+				"bottom",
+				"bottom-start",
+				"bottom-end"
+			])
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const KeyedFailure = defineComponent({
+			props: { error: {
+				type: null,
+				required: true
+			} },
+			setup(props) {
+				return () => {
+					throw props.error;
+				};
+			}
+		});
+		const KeyedBoundary = defineComponent({ setup(_props, { slots }) {
+			let last = [];
+			return () => {
+				try {
+					last = slots.default?.() ?? [];
+					return last;
+				} catch (error) {
+					if (!(error instanceof Error) || error.diagnostic?.code !== "HR004") throw error;
+					if (typeof window === "undefined") throw error;
+					return [...last, h(KeyedFailure, { error })];
+				}
+			};
+		} });
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const toasts = ref([]);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "div")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-toast-region> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-toast-region> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.placement && `placement placement=${props.placement}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.placement && "placement", checkedProps.value.placement != null && `placement=${encodeURIComponent(checkedProps.value.placement)}`].filter(Boolean).join(" "));
 		const isDismissDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["id"] === "string" && (detail["reason"] === "action" || detail["reason"] === "timeout") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"id",
 			"reason",
 			"trigger"
 		].includes(key));
 		const dispatch = createDispatch(root, emit, { checks: { dismiss: isDismissDetail } });
-		const { host, ready } = useComponentHost(controllerModule.default, {
+		const { host, ready } = useComponentHost(() => import("@threadlabs/looma/components/ui-toast-region/ui-toast-region.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-toast-region/ui-toast-region.js",
+				definition: "./components/ui-toast-region/ui-toast-region.html"
+			},
+			props: checkedProps,
 			state: { toasts }
 		});
 		__expose({ show: async (...args) => {
-			await ready();
-			return controllerModule["show"](host, ...args);
+			const controllerModule = await ready();
+			if (controllerModule === void 0) throw new TypeError("Controller method `show` is not ready for <ui-toast-region>.");
+			const method = Reflect.get(controllerModule, "show");
+			if (typeof method !== "function") throw Object.assign(/* @__PURE__ */ new Error("HJ003: Controller does not export method `show`."), {
+				name: "HtmlDiagnosticError",
+				diagnostic: Object.freeze({
+					code: "HJ003",
+					message: "Controller does not export method `show`."
+				})
+			});
+			return method(host, ...args);
 		} });
+		function text(value) {
+			if (Array.isArray(value)) return value.map(text).join(" ");
+			return value === null || value === void 0 || typeof value === "object" ? "" : String(value);
+		}
+		function uniqueKeys(items, keyOf) {
+			const seen = /* @__PURE__ */ new Set();
+			for (let index = 0; index < items.length; index += 1) {
+				const key = keyOf(items[index], index, {
+					index,
+					first: index === 0,
+					last: index === items.length - 1,
+					count: items.length
+				});
+				if (seen.has(key)) {
+					const message = `A keyed list produced duplicate key \`${text(key)}\`.`;
+					throw Object.assign(/* @__PURE__ */ new Error(`HR004: ${message}`), {
+						name: "HtmlDiagnosticError",
+						diagnostic: Object.freeze({
+							code: "HR004",
+							message
+						})
+					});
+				}
+				seen.add(key);
+			}
+			return items;
+		}
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-toast-region",
@@ -53,32 +169,37 @@ var UiToastRegion_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				"aria-label": "Notifications",
 				"aria-live": "polite",
 				popover: "manual"
-			}, _ctx.$attrs, {
+			}, nativeAttrs(_ctx.$attrs), {
+				"data-duration": reflectedProp("duration", "duration", checkedProps.value.duration, void 0, false),
+				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
 				"data-ui-toast-region-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [renderSlot(_ctx.$slots, "default"), (openBlock(true), createElementBlock(Fragment, null, renderList(toasts.value, (toast) => {
-				return openBlock(), createElementBlock("div", {
-					key: toast.id,
-					class: normalizeClass(["toast", { closing: toast.closing }]),
-					id: toast.id,
-					role: toast.role,
-					"data-tone": toast.tone
-				}, [createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1), createElementVNode("span", {
-					class: "dismiss",
-					"data-toast": toast.id
-				}, [createVNode(UiIconButton_default, {
-					size: "sm",
-					variant: "ghost",
-					round: true,
-					label: `Dismiss ${toast.message}`
-				}, {
-					default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
-					_: 1
-				}, 8, ["label"])], 8, _hoisted_4)], 10, _hoisted_2);
-			}), 128))], 16, _hoisted_1);
+			}), [renderSlot(_ctx.$slots, "default"), createVNode(unref(KeyedBoundary), null, {
+				default: withCtx(() => [(openBlock(true), createElementBlock(Fragment, null, renderList(uniqueKeys(toasts.value, (toast, index, loop) => toast.id), (toast) => {
+					return openBlock(), createElementBlock("div", {
+						key: toast.id,
+						class: normalizeClass(["toast", { closing: toast.closing }]),
+						id: toast.id,
+						role: toast.role,
+						"data-tone": toast.tone
+					}, [createElementVNode("span", _hoisted_3, toDisplayString(toast.message), 1), createElementVNode("span", {
+						class: "dismiss",
+						"data-toast": toast.id
+					}, [createVNode(UiIconButton_default, {
+						size: "sm",
+						variant: "ghost",
+						round: true,
+						label: `Dismiss ${toast.message}`
+					}, {
+						default: withCtx(() => [createVNode(UiIcon_default, { name: "x" })]),
+						_: 1
+					}, 8, ["label"])], 8, _hoisted_4)], 10, _hoisted_2);
+				}), 128))]),
+				_: 1
+			})], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-41fb91b0"]]);
+}), [["__scopeId", "data-v-5291fcf8"]]);
 //#endregion
 export { UiToastRegion_default as t };

package/vue/chunks/UiTooltip.js

@@ -1,9 +1,19 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { n as useComponentHost, t as createDispatch } from "./host.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-tooltip/ui-tooltip.js";
+import { r as useComponentHost, t as createDispatch } from "./host.js";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiTooltip.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["hidden", "data-ui-tooltip-state"];
+var _hoisted_1 = [
+	"hidden",
+	"data-for",
+	"data-hide-delay",
+	"data-inverse",
+	"data-open",
+	"data-placement",
+	"data-show-delay",
+	"data-trigger",
+	"data-ui-tooltip-state"
+];
 var _hoisted_2 = { class: "surface" };
 //#endregion
 //#region .build/vue/UiTooltip.vue
@@ -11,19 +21,34 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	inheritAttrs: false,
 	__name: "UiTooltip",
 	props: {
-		for: { default: "" },
-		hideDelay: { default: 100 },
+		for: {
+			type: null,
+			default: ""
+		},
+		hideDelay: {
+			type: null,
+			default: 100
+		},
 		inverse: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		placement: { default: "top" },
-		showDelay: { default: 500 },
-		trigger: { default: "hover" }
+		placement: {
+			type: null,
+			default: "top"
+		},
+		showDelay: {
+			type: null,
+			default: 500
+		},
+		trigger: {
+			type: null,
+			default: "hover"
+		}
 	},
 	emits: [
 		"update:open",
@@ -33,11 +58,83 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			for: checkedProp(props["for"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "for", void 0, void 0),
+			hideDelay: checkedProp(props["hideDelay"], {
+				kind: "terminal",
+				name: "number"
+			}, false, "hideDelay", void 0, void 0),
+			inverse: checkedProp(props["inverse"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "inverse", void 0, void 0),
+			open: checkedProp(props["open"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "open", void 0, void 0),
+			placement: checkedProp(props["placement"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "placement", void 0, [
+				"top",
+				"top-start",
+				"top-end",
+				"bottom",
+				"bottom-start",
+				"bottom-end",
+				"left",
+				"left-start",
+				"left-end",
+				"right",
+				"right-start",
+				"right-end"
+			]),
+			showDelay: checkedProp(props["showDelay"], {
+				kind: "terminal",
+				name: "number"
+			}, false, "showDelay", void 0, void 0),
+			trigger: checkedProp(props["trigger"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "trigger", void 0, [
+				"hover",
+				"click",
+				"focus"
+			])
+		}));
+		checkedProps.value;
+		watchSyncEffect(() => {
+			checkedProps.value;
+		});
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const componentInstance = getCurrentInstance();
+		function reflectedProp(name, kebab, value, fallback, bound, separator) {
+			const incoming = componentInstance?.vnode.props;
+			if (!bound && (incoming === null || incoming === void 0 || !Object.hasOwn(incoming, name) && !Object.hasOwn(incoming, kebab))) return fallback;
+			if (value === null || value === void 0) return void 0;
+			return Array.isArray(value) && separator !== void 0 ? value.join(separator) : typeof value === "object" ? JSON.stringify(value) : String(value);
+		}
+		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
 		const internalOpen = ref(false);
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "span")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-tooltip> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-tooltip> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.inverse && "inverse"].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.inverse && "inverse"].filter(Boolean).join(" "));
 		const isOpenDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["open"] === "boolean" && (detail["reason"] === "action" || detail["reason"] === "programmatic" || detail["reason"] === "light-dismiss" || detail["reason"] === "escape") && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"open",
 			"reason",
@@ -50,24 +147,35 @@ var UiTooltip_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			},
 			modeled: ["open", "trigger"]
 		});
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-tooltip/ui-tooltip.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-tooltip/ui-tooltip.js",
+				definition: "./components/ui-tooltip/ui-tooltip.html"
+			},
+			props: checkedProps,
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("span", mergeProps({
 				"data-component": "ui-tooltip",
 				role: "tooltip"
-			}, _ctx.$attrs, {
+			}, nativeAttrs(_ctx.$attrs), {
 				hidden: !internalOpen.value,
+				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
+				"data-hide-delay": reflectedProp("hideDelay", "hide-delay", checkedProps.value.hideDelay, void 0, false),
+				"data-inverse": reflectedProp("inverse", "inverse", checkedProps.value.inverse, void 0, false),
+				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-placement": reflectedProp("placement", "placement", checkedProps.value.placement, void 0, false),
+				"data-show-delay": reflectedProp("showDelay", "show-delay", checkedProps.value.showDelay, void 0, false),
+				"data-trigger": reflectedProp("trigger", "trigger", checkedProps.value.trigger, void 0, false),
 				"data-ui-tooltip-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-0e272bf3"]]);
+}), [["__scopeId", "data-v-ca78dfb6"]]);
 //#endregion
 export { UiTooltip_default as t };

package/vue/chunks/UiTopBar.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot } from "vue";
 //#region .build/vue/UiTopBar.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = { class: "leading" };
 var _hoisted_2 = { class: "title" };
@@ -11,8 +11,21 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	inheritAttrs: false,
 	__name: "UiTopBar",
 	setup(__props) {
+		function nativeAttrs(attrs) {
+			const names = Object.keys(attrs);
+			if (!names.some((name) => Object.hasOwn(Object.prototype, name))) return attrs;
+			return Object.fromEntries(names.map((name) => [Object.hasOwn(Object.prototype, name) ? name === "__proto__" ? "__Proto__" : name[0].toUpperCase() + name.slice(1) : name, attrs[name]]));
+		}
+		const hydrationNode = getCurrentInstance()?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "header")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-top-bar> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-top-bar> has an incompatible root."
+			})
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("header", mergeProps({ "data-component": "ui-top-bar" }, _ctx.$attrs), [
+			return openBlock(), createElementBlock("header", mergeProps({ "data-component": "ui-top-bar" }, nativeAttrs(_ctx.$attrs)), [
 				createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "leading", {}, void 0, true)]),
 				createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "search", {}, void 0, true)]),
@@ -20,6 +33,6 @@ var UiTopBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16);
 		};
 	}
-}), [["__scopeId", "data-v-28fc45f7"]]);
+}), [["__scopeId", "data-v-0608ed10"]]);
 //#endregion
 export { UiTopBar_default as t };