@threadlabs/looma 0.19.0 → 0.20.0

package/vue/chunks/UiContainer.js

@@ -1,24 +1,82 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiContainer.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-container-state"];
+var _hoisted_1 = [
+	"data-gutters",
+	"data-measure",
+	"data-ui-container-state"
+];
 //#endregion
 //#region .build/vue/UiContainer.vue
 var UiContainer_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiContainer",
 	props: {
-		gutters: {},
-		measure: {}
+		gutters: {
+			type: null,
+			default: null
+		},
+		measure: {
+			type: null,
+			default: null
+		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			gutters: checkedProp(props["gutters"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "gutters", void 0, [
+				"s",
+				"m",
+				"l"
+			]),
+			measure: checkedProp(props["measure"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "measure", void 0, ["narrow", "wide"])
+		}));
+		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 hydrationNode = getCurrentInstance()?.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-container> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-container> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.measure && `measure measure=${props.measure}`, props.gutters && `gutters gutters=${props.gutters}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			checkedProps.value.measure && "measure",
+			checkedProps.value.measure != null && `measure=${encodeURIComponent(checkedProps.value.measure)}`,
+			checkedProps.value.gutters && "gutters",
+			checkedProps.value.gutters != null && `gutters=${encodeURIComponent(checkedProps.value.gutters)}`
+		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, _ctx.$attrs, { "data-ui-container-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-container" }, nativeAttrs(_ctx.$attrs), {
+				"data-gutters": reflectedProp("gutters", "gutters", checkedProps.value.gutters, void 0, false),
+				"data-measure": reflectedProp("measure", "measure", checkedProps.value.measure, void 0, false),
+				"data-ui-container-state": hostState.value || void 0
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-4c3cd815"]]);
+}), [["__scopeId", "data-v-ad7555ae"]]);
 //#endregion
 export { UiContainer_default as t };

package/vue/chunks/UiContextMenu.js

@@ -1,9 +1,10 @@
 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 { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, useTemplateRef } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-context-menu/ui-context-menu.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, useTemplateRef, watchSyncEffect } from "vue";
 //#region .build/vue/UiContextMenu.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = {
+var _hoisted_1 = ["data-for", "data-open"];
+var _hoisted_2 = {
 	class: "menu",
 	role: "menu",
 	"aria-orientation": "vertical",
@@ -15,9 +16,12 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	inheritAttrs: false,
 	__name: "UiContextMenu",
 	props: {
-		for: { default: "" },
+		for: {
+			type: null,
+			default: ""
+		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		}
 	},
@@ -29,10 +33,45 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			for: checkedProp(props["for"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "for", void 0, void 0),
+			open: checkedProp(props["open"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "open", void 0, void 0)
+		}));
+		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 menuElement = useTemplateRef("menu");
 		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-context-menu> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-context-menu> has an incompatible root."
+			})
+		});
 		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",
@@ -51,20 +90,26 @@ var UiContextMenu_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			},
 			modeled: ["open"]
 		});
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-context-menu/ui-context-menu.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-context-menu/ui-context-menu.js",
+				definition: "./components/ui-context-menu/ui-context-menu.html"
+			},
+			props: checkedProps,
 			refs: { menu: menuElement },
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-context-menu" }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("span", mergeProps({ "data-component": "ui-context-menu" }, nativeAttrs(_ctx.$attrs), {
+				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
+				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("div", _hoisted_1, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16);
+			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-dccd300f"]]);
+}), [["__scopeId", "data-v-68f9fdd8"]]);
 //#endregion
 export { UiContextMenu_default as t };

package/vue/chunks/UiCover.js

@@ -1,21 +1,56 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiCover.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-cover-state"];
+var _hoisted_1 = ["data-size", "data-ui-cover-state"];
 //#endregion
 //#region .build/vue/UiCover.vue
 var UiCover_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiCover",
-	props: { size: { default: "screen" } },
+	props: { size: {
+		type: null,
+		default: "screen"
+	} },
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({ size: checkedProp(props["size"], {
+			kind: "terminal",
+			name: "keyword"
+		}, false, "size", void 0, ["screen", "fill"]) }));
+		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 hydrationNode = getCurrentInstance()?.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-cover> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-cover> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.size && `size size=${props.size}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.size && "size", checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cover" }, _ctx.$attrs, { "data-ui-cover-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-cover" }, nativeAttrs(_ctx.$attrs), {
+				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
+				"data-ui-cover-state": hostState.value || void 0
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-2c13f2c3"]]);
+}), [["__scopeId", "data-v-82fcf5fe"]]);
 //#endregion
 export { UiCover_default as t };

package/vue/chunks/UiDescriptionItem.js

@@ -1,16 +1,51 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot, toDisplayString } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, toDisplayString, watchSyncEffect } from "vue";
+//#region .build/vue/UiDescriptionItem.vue?vue&type=script&setup=true&lang.ts
+var _hoisted_1 = ["data-term"];
 //#endregion
 //#region .build/vue/UiDescriptionItem.vue
 var UiDescriptionItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiDescriptionItem",
-	props: { term: { default: "" } },
+	props: { term: {
+		type: null,
+		default: ""
+	} },
 	setup(__props) {
+		const props = __props;
+		const checkedProps = computed(() => ({ term: checkedProp(props["term"], {
+			kind: "terminal",
+			name: "string"
+		}, false, "term", void 0, void 0) }));
+		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 hydrationNode = getCurrentInstance()?.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-description-item> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-description-item> has an incompatible root."
+			})
+		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-description-item" }, _ctx.$attrs), [createElementVNode("dt", null, toDisplayString(__props.term), 1), createElementVNode("dd", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16);
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-description-item" }, nativeAttrs(_ctx.$attrs), { "data-term": reflectedProp("term", "term", checkedProps.value.term, void 0, false) }), [createElementVNode("dt", null, toDisplayString(checkedProps.value.term), 1), createElementVNode("dd", null, [renderSlot(_ctx.$slots, "default", {}, void 0, true)])], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-314f8d3a"]]);
+}), [["__scopeId", "data-v-dcfe801a"]]);
 //#endregion
 export { UiDescriptionItem_default as t };

package/vue/chunks/UiDescriptionList.js

@@ -1,29 +1,99 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiDescriptionList.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-description-list-state"];
+var _hoisted_1 = [
+	"data-columns",
+	"data-density",
+	"data-layout",
+	"data-ui-description-list-state"
+];
 //#endregion
 //#region .build/vue/UiDescriptionList.vue
 var UiDescriptionList_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiDescriptionList",
 	props: {
-		columns: {},
-		density: { default: "comfortable" },
-		layout: { default: "rows" }
+		columns: {
+			type: null,
+			default: null
+		},
+		density: {
+			type: null,
+			default: "comfortable"
+		},
+		layout: {
+			type: null,
+			default: "rows"
+		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			columns: checkedProp(props["columns"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "columns", void 0, [
+				"2",
+				"3",
+				"4"
+			]),
+			density: checkedProp(props["density"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "density", void 0, ["comfortable", "compact"]),
+			layout: checkedProp(props["layout"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "layout", void 0, [
+				"rows",
+				"stacked",
+				"grid",
+				"tiles"
+			])
+		}));
+		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 hydrationNode = getCurrentInstance()?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "dl")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-description-list> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-description-list> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
-			props.layout && `layout layout=${props.layout}`,
-			props.columns && `columns columns=${props.columns}`,
-			props.density && `density density=${props.density}`
+			checkedProps.value.layout && "layout",
+			checkedProps.value.layout != null && `layout=${encodeURIComponent(checkedProps.value.layout)}`,
+			checkedProps.value.columns && "columns",
+			checkedProps.value.columns != null && `columns=${encodeURIComponent(checkedProps.value.columns)}`,
+			checkedProps.value.density && "density",
+			checkedProps.value.density != null && `density=${encodeURIComponent(checkedProps.value.density)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("dl", mergeProps({ "data-component": "ui-description-list" }, _ctx.$attrs, { "data-ui-description-list-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			return openBlock(), createElementBlock("dl", mergeProps({ "data-component": "ui-description-list" }, nativeAttrs(_ctx.$attrs), {
+				"data-columns": reflectedProp("columns", "columns", checkedProps.value.columns, void 0, false),
+				"data-density": reflectedProp("density", "density", checkedProps.value.density, void 0, false),
+				"data-layout": reflectedProp("layout", "layout", checkedProps.value.layout, void 0, false),
+				"data-ui-description-list-state": hostState.value || void 0
+			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-99b2855c"]]);
+}), [["__scopeId", "data-v-5123bca4"]]);
 //#endregion
 export { UiDescriptionList_default as t };

package/vue/chunks/UiDialog.js

@@ -1,10 +1,21 @@
 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 UiScrollArea_default } from "./UiScrollArea.js";
-import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef, withCtx } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-dialog/ui-dialog.js";
+import { computed, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, ref, renderSlot, toDisplayString, useTemplateRef, watchSyncEffect, withCtx } from "vue";
 //#region .build/vue/UiDialog.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label", "data-ui-dialog-state"];
+var _hoisted_1 = [
+	"aria-label",
+	"data-alert",
+	"data-closedby",
+	"data-for",
+	"data-label",
+	"data-modal",
+	"data-modeless",
+	"data-open",
+	"data-size",
+	"data-ui-dialog-state"
+];
 var _hoisted_2 = {
 	key: 0,
 	class: "title"
@@ -22,25 +33,37 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	__name: "UiDialog",
 	props: {
 		alert: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		closedby: {},
-		for: { default: "" },
-		label: {},
+		closedby: {
+			type: null,
+			default: null
+		},
+		for: {
+			type: null,
+			default: ""
+		},
+		label: {
+			type: null,
+			default: null
+		},
 		modal: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		modeless: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		size: { default: "md" }
+		size: {
+			type: null,
+			default: "md"
+		}
 	},
 	emits: [
 		"update:open",
@@ -49,13 +72,85 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			alert: checkedProp(props["alert"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "alert", void 0, void 0),
+			closedby: checkedProp(props["closedby"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "closedby", void 0, [
+				"any",
+				"closerequest",
+				"none"
+			]),
+			for: checkedProp(props["for"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "for", void 0, void 0),
+			label: checkedProp(props["label"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "label", void 0, void 0),
+			modal: checkedProp(props["modal"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "modal", void 0, void 0),
+			modeless: checkedProp(props["modeless"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "modeless", void 0, void 0),
+			open: checkedProp(props["open"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "open", void 0, void 0),
+			size: checkedProp(props["size"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "size", void 0, [
+				"sm",
+				"md",
+				"lg",
+				"fullscreen"
+			])
+		}));
+		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 closeElement = useTemplateRef("close");
 		const internalOpen = ref(false);
 		const accessibleLabel = ref("Dialog");
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "dialog")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-dialog> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-dialog> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.size && `size size=${props.size}`, props.alert && "alert"].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			checkedProps.value.size && "size",
+			checkedProps.value.size != null && `size=${encodeURIComponent(checkedProps.value.size)}`,
+			checkedProps.value.alert && "alert"
+		].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["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"open",
 			"reason",
@@ -73,10 +168,14 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			},
 			modeled: ["open"]
 		});
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-dialog/ui-dialog.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-dialog/ui-dialog.js",
+				definition: "./components/ui-dialog/ui-dialog.html"
+			},
+			props: checkedProps,
 			refs: { close: closeElement },
 			state: {
 				internalOpen,
@@ -84,13 +183,21 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("dialog", mergeProps({ "data-component": "ui-dialog" }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("dialog", mergeProps({ "data-component": "ui-dialog" }, nativeAttrs(_ctx.$attrs), {
 				"aria-label": accessibleLabel.value,
+				"data-alert": reflectedProp("alert", "alert", checkedProps.value.alert, void 0, false),
+				"data-closedby": reflectedProp("closedby", "closedby", checkedProps.value.closedby, void 0, false),
+				"data-for": reflectedProp("for", "for", checkedProps.value.for, void 0, false),
+				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
+				"data-modal": reflectedProp("modal", "modal", checkedProps.value.modal, void 0, false),
+				"data-modeless": reflectedProp("modeless", "modeless", checkedProps.value.modeless, void 0, false),
+				"data-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
+				"data-size": reflectedProp("size", "size", checkedProps.value.size, void 0, false),
 				"data-ui-dialog-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [
-				createElementVNode("header", null, [__props.label ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString(__props.label), 1)) : createCommentVNode("v-if", true), createElementVNode("button", _hoisted_3, null, 512)]),
+				createElementVNode("header", null, [checkedProps.value.label ? (openBlock(), createElementBlock("h2", _hoisted_2, toDisplayString(checkedProps.value.label), 1)) : createCommentVNode("v-if", true), createElementVNode("button", _hoisted_3, null, 512)]),
 				createVNode(UiScrollArea_default, { class: "body" }, {
 					default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, void 0, true)]),
 					_: 3
@@ -99,6 +206,6 @@ var UiDialog_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-eb581d80"]]);
+}), [["__scopeId", "data-v-a1b59c36"]]);
 //#endregion
 export { UiDialog_default as t };