@threadlabs/looma 0.19.0 → 0.20.0

package/vue/chunks/UiRadioGroup.js

@@ -1,12 +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, toDisplayString } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-radio-group/ui-radio-group.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, toDisplayString, watchSyncEffect } from "vue";
 //#region .build/vue/UiRadioGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"aria-required",
 	"aria-invalid",
 	"disabled",
+	"data-disabled",
+	"data-invalid",
+	"data-label",
+	"data-name",
+	"data-orientation",
+	"data-required",
+	"data-value",
 	"data-ui-radio-group-state"
 ];
 //#endregion
@@ -16,21 +23,33 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	__name: "UiRadioGroup",
 	props: {
 		disabled: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		invalid: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		label: { default: "Options" },
-		name: { default: "" },
-		orientation: { default: "horizontal" },
+		label: {
+			type: null,
+			default: "Options"
+		},
+		name: {
+			type: null,
+			default: ""
+		},
+		orientation: {
+			type: null,
+			default: "horizontal"
+		},
 		required: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		value: { default: "" }
+		value: {
+			type: null,
+			default: ""
+		}
 	},
 	emits: [
 		"update:value",
@@ -39,11 +58,70 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 	],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			disabled: checkedProp(props["disabled"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "disabled", void 0, void 0),
+			invalid: checkedProp(props["invalid"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "invalid", void 0, void 0),
+			label: checkedProp(props["label"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "label", void 0, void 0),
+			name: checkedProp(props["name"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "name", void 0, void 0),
+			orientation: checkedProp(props["orientation"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "orientation", void 0, ["horizontal", "vertical"]),
+			required: checkedProp(props["required"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "required", void 0, void 0),
+			value: checkedProp(props["value"], {
+				kind: "terminal",
+				name: "string"
+			}, false, "value", 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 internalValue = ref("");
+		const hydrationNode = hydrationInstance?.vnode.el;
+		if (typeof window !== "undefined" && hydrationNode != null && (!(hydrationNode instanceof Element) || hydrationNode.localName !== "fieldset")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-radio-group> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-radio-group> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.invalid && "invalid", props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [
+			checkedProps.value.invalid && "invalid",
+			checkedProps.value.orientation && "orientation",
+			checkedProps.value.orientation != null && `orientation=${encodeURIComponent(checkedProps.value.orientation)}`
+		].filter(Boolean).join(" "));
 		const isSelectDetail = (detail) => detail !== null && typeof detail === "object" && !Array.isArray(detail) && typeof detail["value"] === "string" && typeof detail["previousValue"] === "string" && (detail["trigger"] === "keyboard" || detail["trigger"] === "pointer" || detail["trigger"] === "programmatic") && Object.keys(detail).every((key) => [
 			"value",
 			"previousValue",
@@ -61,26 +139,37 @@ var UiRadioGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @_
 			},
 			modeled: ["value"]
 		});
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-radio-group/ui-radio-group.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-radio-group/ui-radio-group.js",
+				definition: "./components/ui-radio-group/ui-radio-group.html"
+			},
+			props: checkedProps,
 			state: { internalValue }
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("fieldset", mergeProps({
 				"data-component": "ui-radio-group",
 				role: "radiogroup"
-			}, _ctx.$attrs, {
-				"aria-required": __props.required,
-				"aria-invalid": __props.invalid,
-				disabled: __props.disabled,
+			}, nativeAttrs(_ctx.$attrs), {
+				"aria-required": checkedProps.value.required ?? void 0,
+				"aria-invalid": checkedProps.value.invalid ?? void 0,
+				disabled: checkedProps.value.disabled ?? void 0,
+				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-invalid": reflectedProp("invalid", "invalid", checkedProps.value.invalid, void 0, false),
+				"data-label": reflectedProp("label", "label", checkedProps.value.label, void 0, false),
+				"data-name": reflectedProp("name", "name", checkedProps.value.name, void 0, false),
+				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
+				"data-required": reflectedProp("required", "required", checkedProps.value.required, void 0, false),
+				"data-value": reflectedProp("value", "value", checkedProps.value.value, void 0, false),
 				"data-ui-radio-group-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
-			}), [createElementVNode("legend", null, toDisplayString(__props.label), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
+			}), [createElementVNode("legend", null, toDisplayString(checkedProps.value.label), 1), renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-3a85bfdd"]]);
+}), [["__scopeId", "data-v-518a5194"]]);
 //#endregion
 export { UiRadioGroup_default as t };

package/vue/chunks/UiReel.js

@@ -1,33 +1,104 @@
 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/UiReel.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-reel-state"];
+var _hoisted_1 = [
+	"data-gap",
+	"data-item-width",
+	"data-snap",
+	"data-ui-reel-state"
+];
 //#endregion
 //#region .build/vue/UiReel.vue
 var UiReel_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiReel",
 	props: {
-		gap: {},
-		itemWidth: {},
-		snap: {}
+		gap: {
+			type: null,
+			default: null
+		},
+		itemWidth: {
+			type: null,
+			default: null
+		},
+		snap: {
+			type: null,
+			default: null
+		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			gap: checkedProp(props["gap"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "gap", void 0, [
+				"xs",
+				"s",
+				"m",
+				"l",
+				"xl"
+			]),
+			itemWidth: checkedProp(props["itemWidth"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "itemWidth", void 0, [
+				"sm",
+				"md",
+				"lg"
+			]),
+			snap: checkedProp(props["snap"], {
+				kind: "terminal",
+				name: "keyword"
+			}, false, "snap", void 0, ["start", "center"])
+		}));
+		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-reel> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-reel> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
 		const hostState = computed(() => [
-			props.gap && `gap gap=${props.gap}`,
-			props.itemWidth && `itemWidth itemWidth=${props.itemWidth}`,
-			props.snap && `snap snap=${props.snap}`
+			checkedProps.value.gap && "gap",
+			checkedProps.value.gap != null && `gap=${encodeURIComponent(checkedProps.value.gap)}`,
+			checkedProps.value.itemWidth && "itemWidth",
+			checkedProps.value.itemWidth != null && `itemWidth=${encodeURIComponent(checkedProps.value.itemWidth)}`,
+			checkedProps.value.snap && "snap",
+			checkedProps.value.snap != null && `snap=${encodeURIComponent(checkedProps.value.snap)}`
 		].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", mergeProps({
 				"data-component": "ui-reel",
 				role: "region",
 				tabindex: "0"
-			}, _ctx.$attrs, { "data-ui-reel-state": hostState.value || void 0 }), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
+			}, nativeAttrs(_ctx.$attrs), {
+				"data-gap": reflectedProp("gap", "gap", checkedProps.value.gap, void 0, false),
+				"data-item-width": reflectedProp("itemWidth", "item-width", checkedProps.value.itemWidth, void 0, false),
+				"data-snap": reflectedProp("snap", "snap", checkedProps.value.snap, void 0, false),
+				"data-ui-reel-state": hostState.value || void 0
+			}), [renderSlot(_ctx.$slots, "default")], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-bc21210d"]]);
+}), [["__scopeId", "data-v-7fdd6403"]]);
 //#endregion
 export { UiReel_default as t };

package/vue/chunks/UiScrollArea.js

@@ -1,9 +1,9 @@
 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, useTemplateRef } from "vue";
-import * as controllerModule from "@threadlabs/looma/components/ui-scroll-area/ui-scroll-area.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/UiScrollArea.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["data-ui-scroll-area-state"];
+var _hoisted_1 = ["data-orientation", "data-ui-scroll-area-state"];
 var _hoisted_2 = {
 	class: "content",
 	ref: "content"
@@ -13,28 +13,65 @@ var _hoisted_2 = {
 var UiScrollArea_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
 	inheritAttrs: false,
 	__name: "UiScrollArea",
-	props: { orientation: { default: "vertical" } },
+	props: { orientation: {
+		type: null,
+		default: "vertical"
+	} },
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({ orientation: checkedProp(props["orientation"], {
+			kind: "terminal",
+			name: "keyword"
+		}, false, "orientation", void 0, ["vertical", "horizontal"]) }));
+		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 root = ref(null);
 		const contentElement = useTemplateRef("content");
+		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-scroll-area> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-scroll-area> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.orientation && `orientation orientation=${props.orientation}`].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.orientation && "orientation", checkedProps.value.orientation != null && `orientation=${encodeURIComponent(checkedProps.value.orientation)}`].filter(Boolean).join(" "));
 		const dispatch = createDispatch(root);
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-scroll-area/ui-scroll-area.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-scroll-area/ui-scroll-area.js",
+				definition: "./components/ui-scroll-area/ui-scroll-area.html"
+			},
+			props: checkedProps,
 			refs: { content: contentElement }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-scroll-area" }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-scroll-area" }, nativeAttrs(_ctx.$attrs), {
+				"data-orientation": reflectedProp("orientation", "orientation", checkedProps.value.orientation, void 0, false),
 				"data-ui-scroll-area-state": hostState.value || void 0,
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 512)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-719a7115"]]);
+}), [["__scopeId", "data-v-1ba05dc6"]]);
 //#endregion
 export { UiScrollArea_default as t };

package/vue/chunks/UiSearchResultRow.js

@@ -1,9 +1,12 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { computed, createElementBlock, createElementVNode, defineComponent, mergeProps, openBlock, renderSlot } from "vue";
+import { t as checkedProp } from "./props.js";
+import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, watchSyncEffect } from "vue";
 //#region .build/vue/UiSearchResultRow.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
 	"disabled",
 	"aria-current",
+	"data-disabled",
+	"data-selected",
 	"data-ui-search-result-row-state"
 ];
 var _hoisted_2 = { class: "leading" };
@@ -19,25 +22,61 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 	__name: "UiSearchResultRow",
 	props: {
 		disabled: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		selected: {
-			type: Boolean,
+			type: null,
 			default: false
 		}
 	},
 	setup(__props) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			disabled: checkedProp(props["disabled"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "disabled", void 0, void 0),
+			selected: checkedProp(props["selected"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "selected", 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 !== "button")) throw Object.assign(/* @__PURE__ */ new Error("HR005: Server markup for <ui-search-result-row> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-search-result-row> has an incompatible root."
+			})
+		});
 		/** The values the styles' :host-state() rules test. */
-		const hostState = computed(() => [props.selected && "selected"].filter(Boolean).join(" "));
+		const hostState = computed(() => [checkedProps.value.selected && "selected"].filter(Boolean).join(" "));
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("button", mergeProps({
 				"data-component": "ui-search-result-row",
 				type: "button"
-			}, _ctx.$attrs, {
-				disabled: __props.disabled,
-				"aria-current": __props.selected,
+			}, nativeAttrs(_ctx.$attrs), {
+				disabled: checkedProps.value.disabled ?? void 0,
+				"aria-current": checkedProps.value.selected ?? void 0,
+				"data-disabled": reflectedProp("disabled", "disabled", checkedProps.value.disabled, void 0, false),
+				"data-selected": reflectedProp("selected", "selected", checkedProps.value.selected, void 0, false),
 				"data-ui-search-result-row-state": hostState.value || void 0
 			}), [
 				createElementVNode("span", _hoisted_2, [renderSlot(_ctx.$slots, "leading")]),
@@ -50,6 +89,6 @@ var UiSearchResultRow_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-5fd17258"]]);
+}), [["__scopeId", "data-v-cc294658"]]);
 //#endregion
 export { UiSearchResultRow_default as t };

package/vue/chunks/UiSearchShell.js

@@ -1,14 +1,20 @@
 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-search-shell/ui-search-shell.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/UiSearchShell.vue?vue&type=script&setup=true&lang.ts
-var _hoisted_1 = ["aria-label"];
-var _hoisted_2 = { class: "panel" };
-var _hoisted_3 = { class: "search" };
-var _hoisted_4 = { class: "status" };
-var _hoisted_5 = { class: "body" };
-var _hoisted_6 = { class: "actions" };
+var _hoisted_1 = [
+	"data-dismissible",
+	"data-label",
+	"data-modal",
+	"data-open"
+];
+var _hoisted_2 = ["aria-label"];
+var _hoisted_3 = { class: "panel" };
+var _hoisted_4 = { class: "search" };
+var _hoisted_5 = { class: "status" };
+var _hoisted_6 = { class: "body" };
+var _hoisted_7 = { class: "actions" };
 //#endregion
 //#region .build/vue/UiSearchShell.vue
 var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -16,26 +22,72 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 	__name: "UiSearchShell",
 	props: {
 		dismissible: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
-		label: { default: "Search" },
+		label: {
+			type: null,
+			default: "Search"
+		},
 		modal: {
-			type: Boolean,
+			type: null,
 			default: false
 		},
 		open: {
-			type: Boolean,
+			type: null,
 			default: false
 		}
 	},
 	emits: ["update:open", "close"],
 	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const checkedProps = computed(() => ({
+			dismissible: checkedProp(props["dismissible"], {
+				kind: "terminal",
+				name: "boolean"
+			}, false, "dismissible", 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),
+			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 dialogElement = useTemplateRef("dialog");
 		const internalOpen = ref(false);
+		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-search-shell> has an incompatible root."), {
+			name: "HtmlDiagnosticError",
+			diagnostic: Object.freeze({
+				code: "HR005",
+				message: "Server markup for <ui-search-shell> has an incompatible root."
+			})
+		});
 		const isCloseDetail = (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",
@@ -45,28 +97,36 @@ var UiSearchShell_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			checks: { close: isCloseDetail },
 			modeled: ["open"]
 		});
-		useComponentHost(controllerModule.default, {
+		useComponentHost(() => import("@threadlabs/looma/components/ui-search-shell/ui-search-shell.js"), {
 			root,
 			dispatch,
-			props,
+			controllerSource: {
+				specifier: "../components/ui-search-shell/ui-search-shell.js",
+				definition: "./components/ui-search-shell/ui-search-shell.html"
+			},
+			props: checkedProps,
 			refs: { dialog: dialogElement },
 			state: { internalOpen }
 		});
 		return (_ctx, _cache) => {
-			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-search-shell" }, _ctx.$attrs, {
+			return openBlock(), createElementBlock("div", mergeProps({ "data-component": "ui-search-shell" }, nativeAttrs(_ctx.$attrs), {
+				"data-dismissible": reflectedProp("dismissible", "dismissible", checkedProps.value.dismissible, 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-open": reflectedProp("open", "open", checkedProps.value.open, void 0, false),
 				ref_key: "root",
 				ref: root
 			}), [createElementVNode("dialog", {
-				"aria-label": __props.label,
+				"aria-label": checkedProps.value.label ?? void 0,
 				ref: "dialog"
-			}, [createElementVNode("div", _hoisted_2, [
-				createElementVNode("div", _hoisted_3, [renderSlot(_ctx.$slots, "search")]),
-				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "status")]),
-				createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "body")]),
-				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "footer")])
-			])], 8, _hoisted_1)], 16);
+			}, [createElementVNode("div", _hoisted_3, [
+				createElementVNode("div", _hoisted_4, [renderSlot(_ctx.$slots, "search")]),
+				createElementVNode("div", _hoisted_5, [renderSlot(_ctx.$slots, "status")]),
+				createElementVNode("div", _hoisted_6, [renderSlot(_ctx.$slots, "body")]),
+				createElementVNode("div", _hoisted_7, [renderSlot(_ctx.$slots, "footer")])
+			])], 8, _hoisted_2)], 16, _hoisted_1);
 		};
 	}
-}), [["__scopeId", "data-v-b1cde00b"]]);
+}), [["__scopeId", "data-v-52f6abb1"]]);
 //#endregion
 export { UiSearchShell_default as t };