@threadlabs/looma 0.24.0 → 0.25.0

package/vue/UiTreeItem.vue

@@ -1,8 +1,20 @@
-<!-- Generated by HTML Next 1.0.0-alpha.26 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.29 for Vue 3.5. Do not edit. -->
+<script lang="ts">
+const htmlNextAuthoredCheck2Reported = new Set<string>()
+function htmlNextAuthoredCheck2(accepted: boolean, location: string, message: string): boolean {
+  if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+    htmlNextAuthoredCheck2Reported.add(location)
+    console.warn(message)
+  }
+  return accepted
+}
+</script>
+
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
+import { acceptsControllerWrite } from './props'
 import { checkedProp, propValidityState, vPropValidity } from './props'
 import UiButton from './UiButton.vue'
 
@@ -305,14 +317,14 @@ const emit = defineEmits<{
 }>()
 
 const root = ref<HTMLElement | null>(null)
-const rowElement = useTemplateRef<HTMLElement>('row')
-const dragHandleElement = useTemplateRef<HTMLElement>('dragHandle')
-const disclosureElement = useTemplateRef<HTMLElement>('disclosure')
-const leadingElement = useTemplateRef<HTMLElement>('leading')
-const labelElement = useTemplateRef<HTMLElement>('label')
-const labelTextElement = useTemplateRef<HTMLElement>('labelText')
-const actionsElement = useTemplateRef<HTMLElement>('actions')
-const childrenElement = useTemplateRef<HTMLElement>('children')
+const rowElement = useTemplateRef<HTMLElement>('rowElement')
+const dragHandleElement = useTemplateRef<HTMLElement>('dragHandleElement')
+const disclosureElement = useTemplateRef<HTMLElement>('disclosureElement')
+const leadingElement = useTemplateRef<HTMLElement>('leadingElement')
+const labelElement = useTemplateRef<HTMLElement>('labelElement')
+const labelTextElement = useTemplateRef<HTMLElement>('labelTextElement')
+const actionsElement = useTemplateRef<HTMLElement>('actionsElement')
+const childrenElement = useTemplateRef<HTMLElement>('childrenElement')
 const internalExpanded = ref(false)
 const structuralLevel = ref(1)
 const tabStop = ref(false)
@@ -320,14 +332,24 @@ const isContainer = ref(false)
 const moving = ref(false)
 let guardedPrevious: any
 const guarded = computed(() => {
-  if (!(structuralLevel.value == null || Number.isInteger(structuralLevel.value))) {
-    return guardedPrevious
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      structuralLevel.value == null || Number.isInteger(structuralLevel.value),
+      'structuralLevel:structuralLevel',
+      './components/ui-tree-item/ui-tree-item.html: HR007: Reference structuralLevel does not satisfy its declared type.',
+    ))
+  ) return guardedPrevious
   return guardedPrevious = structuralLevel.value
 })
 let guardedBindingPrevious: any = null
 const guardedBinding = computed(() => {
-  if (!(moving.value == null || typeof moving.value === 'boolean')) return guardedBindingPrevious
+  if (
+    !(htmlNextAuthoredCheck2(
+      moving.value == null || typeof moving.value === 'boolean',
+      '{ true: concat(\'Cancel moving \', label), false: concat(\'Drag \', label, \' to reorder\') }[concat(moving)]:moving',
+      './components/ui-tree-item/ui-tree-item.html: HR007: Reference moving does not satisfy its declared type.',
+    ))
+  ) return guardedBindingPrevious
   const candidate: any = ((objectValue: any, indexValue: any) =>
     objectValue === Symbol.for('html-next.invalid-result')
       || indexValue === Symbol.for('html-next.invalid-result')
@@ -406,9 +428,13 @@ const guardedBinding = computed(() => {
 })
 let guardedBinding2Previous: any
 const guardedBinding2 = computed(() => {
-  if (!(isContainer.value == null || typeof isContainer.value === 'boolean')) {
-    return guardedBinding2Previous
-  }
+  if (
+    !(htmlNextAuthoredCheck2(
+      isContainer.value == null || typeof isContainer.value === 'boolean',
+      'not isContainer:isContainer',
+      './components/ui-tree-item/ui-tree-item.html: HR007: Reference isContainer does not satisfy its declared type.',
+    ))
+  ) return guardedBinding2Previous
   return guardedBinding2Previous = !isContainer.value
 })
 let guardedBinding3Previous: any = null
@@ -420,8 +446,16 @@ const guardedBinding3 = computed(() => {
 let guardedBinding4Previous: any
 const guardedBinding4 = computed(() => {
   if (
-    !((internalExpanded.value == null || typeof internalExpanded.value === 'boolean')
-      && (isContainer.value == null || typeof isContainer.value === 'boolean'))
+    !(htmlNextAuthoredCheck2(
+      internalExpanded.value == null || typeof internalExpanded.value === 'boolean',
+      'not (isContainer and internalExpanded):internalExpanded',
+      './components/ui-tree-item/ui-tree-item.html: HR007: Reference internalExpanded does not satisfy its declared type.',
+    )
+      && htmlNextAuthoredCheck2(
+        isContainer.value == null || typeof isContainer.value === 'boolean',
+        'not (isContainer and internalExpanded):isContainer',
+        './components/ui-tree-item/ui-tree-item.html: HR007: Reference isContainer does not satisfy its declared type.',
+      ))
   ) return guardedBinding4Previous
   return guardedBinding4Previous = !(isContainer.value && internalExpanded.value)
 })
@@ -456,14 +490,15 @@ const hostState = computed(() =>
   ].filter(Boolean).join(' ')
 )
 
-const isExpandDetail = (detail: unknown): boolean =>
-  detail !== null && typeof detail === 'object' && !Array.isArray(detail)
+const isExpandDetail = (
+  detail: unknown,
+): boolean => (detail !== null && typeof detail === 'object' && !Array.isArray(detail)
   && typeof (detail as Record<string, unknown>)['id'] === 'string'
   && typeof (detail as Record<string, unknown>)['expanded'] === 'boolean'
   && ((detail as Record<string, unknown>)['trigger'] === 'keyboard'
     || (detail as Record<string, unknown>)['trigger'] === 'pointer'
     || (detail as Record<string, unknown>)['trigger'] === 'programmatic')
-  && Object.keys(detail as object).every((key) => ['id', 'expanded', 'trigger'].includes(key))
+  && Object.keys(detail as object).every((key) => ['id', 'expanded', 'trigger'].includes(key)))
 const dispatch = createDispatch(root, emit as (name: string, detail: unknown) => void, {
   declared: { expand: { bubbles: false, composed: true, cancelable: false } },
   checks: {
@@ -475,6 +510,18 @@ const dispatch = createDispatch(root, emit as (name: string, detail: unknown) =>
 useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
   root,
   dispatch,
+  acceptsState: (name: string, keys: readonly string[], value: unknown) =>
+    acceptsControllerWrite(
+      value,
+      ({
+        internalExpanded: { kind: 'terminal', name: 'boolean' },
+        structuralLevel: { kind: 'terminal', name: 'integer' },
+        tabStop: { kind: 'terminal', name: 'boolean' },
+        isContainer: { kind: 'terminal', name: 'boolean' },
+        moving: { kind: 'terminal', name: 'boolean' },
+      } as Record<string, any>)[name],
+      keys,
+    ),
   controllerSource: {
     specifier: '../components/ui-tree-item/ui-tree-item.js',
     definition: './components/ui-tree-item/ui-tree-item.html',
@@ -577,14 +624,14 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
     :data-ui-tree-item-state="hostState || undefined"
     ref="root"
   >
-    <div class="row" ref="row">
+    <div class="row" ref="rowElement">
       <button
         v-if="checkedProps.sortable && !checkedProps.disabled"
         class="drag-handle"
         type="button"
         draggable="true"
         :aria-label="guardedBinding"
-        ref="dragHandle"
+        ref="dragHandleElement"
       >
         <svg
           aria-hidden="true"
@@ -609,7 +656,7 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
         type="button"
         :disabled="checkedProps.disabled ?? undefined"
         :hidden="guardedBinding2"
-        ref="disclosure"
+        ref="disclosureElement"
       >
         <span class="disclosure-icon" aria-hidden="true"></span>
       </button>
@@ -621,11 +668,11 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
           :disabled="checkedProps.disabled ?? undefined"
           :aria-label="guardedBinding3"
         ></label>
-      <span class="leading" ref="leading"><slot name="leading" /></span>
-      <span class="label" ref="label"><span class="label-text" ref="labelText"><slot name="label">{{
-            checkedProps.label
-          }}</slot></span></span>
-      <span class="actions" ref="actions"><UiButton
+      <span class="leading" ref="leadingElement"><slot name="leading" /></span>
+      <span class="label" ref="labelElement"><span class="label-text" ref="labelTextElement"><slot
+            name="label"
+          >{{ checkedProps.label }}</slot></span></span>
+      <span class="actions" ref="actionsElement"><UiButton
           v-if="moving"
           data-tree-cancel-move=""
           variant="ghost"
@@ -636,7 +683,9 @@ function concat<T extends unknown[]>(...values: T): ConcatResult<T> {
         <span><slot name="actions" /></span></span>
       <span class="drop-indicator row-drop-indicator" aria-hidden="true"></span>
     </div>
-    <div class="children" role="group" :hidden="guardedBinding4" ref="children"><slot /></div>
+    <div class="children" role="group" :hidden="guardedBinding4" ref="childrenElement">
+      <slot />
+    </div>
     <span class="drop-indicator subtree-drop-indicator" aria-hidden="true"></span>
   </div>
 </template>

package/vue/chunks/UiActionBar.js

@@ -32,6 +32,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-e0615598"]]);
+}), [["__scopeId", "data-v-47966a1c"]]);
 //#endregion
 export { UiActionBar_default as t };

package/vue/chunks/UiAffordanceScope.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAffordanceScope.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -100,6 +100,10 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 		useComponentHost(() => import("@threadlabs/looma/components/ui-affordance-scope/ui-affordance-scope.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { engaged: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-affordance-scope/ui-affordance-scope.js",
 				definition: "./components/ui-affordance-scope/ui-affordance-scope.html"
@@ -130,6 +134,6 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-c541c0bf"]]);
+}), [["__scopeId", "data-v-4483d92e"]]);
 //#endregion
 export { UiAffordanceScope_default as t };

package/vue/chunks/UiAvatar.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatar.vue?vue&type=script&setup=true&lang.ts
@@ -19,6 +19,14 @@ var _hoisted_2 = ["src", "hidden"];
 var _hoisted_3 = ["aria-hidden", "hidden"];
 var _hoisted_4 = ["hidden"];
 var _hoisted_5 = ["hidden"];
+var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
+function htmlNextAuthoredCheck2(accepted, location, message) {
+	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+		htmlNextAuthoredCheck2Reported.add(location);
+		console.warn(message);
+	}
+	return accepted;
+}
 //#endregion
 //#region .build/vue/UiAvatar.vue
 var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -209,39 +217,39 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		}
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const imageElement = useTemplateRef("image");
+		const imageElement = useTemplateRef("imageElement");
 		const hasImage = ref(false);
 		const hasAuthoredImage = ref(false);
 		const initials = ref("?");
 		const showGlyph = ref(false);
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!((hasAuthoredImage.value == null || typeof hasAuthoredImage.value === "boolean") && (hasImage.value == null || typeof hasImage.value === "boolean"))) return guardedPrevious;
+			if (!(htmlNextAuthoredCheck2(hasAuthoredImage.value == null || typeof hasAuthoredImage.value === "boolean", "hasAuthoredImage or not hasImage:hasAuthoredImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasAuthoredImage does not satisfy its declared type.") && htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "hasAuthoredImage or not hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type."))) return guardedPrevious;
 			return guardedPrevious = hasAuthoredImage.value || !hasImage.value;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!(hasImage.value == null || typeof hasImage.value === "boolean")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = hasImage.value;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!(hasImage.value == null || typeof hasImage.value === "boolean")) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(hasImage.value == null || typeof hasImage.value === "boolean", "hasImage:hasImage", "./components/ui-avatar/ui-avatar.html: HR007: Reference hasImage does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = hasImage.value;
 		});
 		let guardedBinding3Previous;
 		const guardedBinding3 = computed(() => {
-			if (!(showGlyph.value == null || typeof showGlyph.value === "boolean")) return guardedBinding3Previous;
+			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding3Previous;
 			return guardedBinding3Previous = showGlyph.value;
 		});
 		let guardedBinding4Previous;
 		const guardedBinding4 = computed(() => {
-			if (!(initials.value == null || typeof initials.value === "string")) return guardedBinding4Previous;
+			if (!htmlNextAuthoredCheck2(initials.value == null || typeof initials.value === "string", "$initials:initials", "./components/ui-avatar/ui-avatar.html: HR007: Reference initials does not satisfy its declared type.")) return guardedBinding4Previous;
 			return guardedBinding4Previous = initials.value;
 		});
 		let guardedBinding5Previous;
 		const guardedBinding5 = computed(() => {
-			if (!(showGlyph.value == null || typeof showGlyph.value === "boolean")) return guardedBinding5Previous;
+			if (!htmlNextAuthoredCheck2(showGlyph.value == null || typeof showGlyph.value === "boolean", "not showGlyph:showGlyph", "./components/ui-avatar/ui-avatar.html: HR007: Reference showGlyph does not satisfy its declared type.")) return guardedBinding5Previous;
 			return guardedBinding5Previous = !showGlyph.value;
 		});
 		provide("html-next:ui-avatar:hasImage", hasImage);
@@ -269,6 +277,24 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 		useComponentHost(() => import("@threadlabs/looma/components/ui-avatar/ui-avatar.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				hasImage: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				hasAuthoredImage: {
+					kind: "terminal",
+					name: "boolean"
+				},
+				initials: {
+					kind: "terminal",
+					name: "string"
+				},
+				showGlyph: {
+					kind: "terminal",
+					name: "boolean"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-avatar/ui-avatar.js",
 				definition: "./components/ui-avatar/ui-avatar.html"
@@ -322,7 +348,8 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 					"aria-hidden": "true",
 					src: checkedProps.value.src ?? void 0,
 					hidden: guarded.value,
-					ref: "image"
+					ref_key: "imageElement",
+					ref: imageElement
 				}, null, 8, _hoisted_2),
 				createElementVNode("span", {
 					class: "fallback",
@@ -335,6 +362,6 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5b9584a4"]]);
+}), [["__scopeId", "data-v-b539c7e9"]]);
 //#endregion
 export { UiAvatar_default as t };

package/vue/chunks/UiAvatarGroup.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, toDisplayString, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiAvatarGroup.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -13,6 +13,14 @@ var _hoisted_1 = [
 	"data-ui-avatar-group-state"
 ];
 var _hoisted_2 = ["hidden", "aria-label"];
+var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
+function htmlNextAuthoredCheck2(accepted, location, message) {
+	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+		htmlNextAuthoredCheck2Reported.add(location);
+		console.warn(message);
+	}
+	return accepted;
+}
 //#endregion
 //#region .build/vue/UiAvatarGroup.vue
 var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -145,22 +153,22 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		}
 		const hydrationInstance = getCurrentInstance();
 		const root = ref(null);
-		const overflowElement = useTemplateRef("overflow");
+		const overflowElement = useTemplateRef("overflowElement");
 		const overflowCount = ref(0);
 		const overflowAnnouncement = ref("");
 		let guardedPrevious;
 		const guarded = computed(() => {
-			if (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(overflowCount.value == null || Number.isInteger(overflowCount.value), "not overflowCount:overflowCount", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = !overflowCount.value;
 		});
 		let guardedBindingPrevious;
 		const guardedBinding = computed(() => {
-			if (!(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string")) return guardedBindingPrevious;
+			if (!htmlNextAuthoredCheck2(overflowAnnouncement.value == null || typeof overflowAnnouncement.value === "string", "overflowAnnouncement:overflowAnnouncement", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowAnnouncement does not satisfy its declared type.")) return guardedBindingPrevious;
 			return guardedBindingPrevious = overflowAnnouncement.value;
 		});
 		let guardedBinding2Previous;
 		const guardedBinding2 = computed(() => {
-			if (!(overflowCount.value == null || Number.isInteger(overflowCount.value))) return guardedBinding2Previous;
+			if (!htmlNextAuthoredCheck2(overflowCount.value == null || Number.isInteger(overflowCount.value), "$overflowCount:overflowCount", "./components/ui-avatar-group/ui-avatar-group.html: HR007: Reference overflowCount does not satisfy its declared type.")) return guardedBinding2Previous;
 			return guardedBinding2Previous = overflowCount.value;
 		});
 		provide("html-next:ui-avatar-group:overflowCount", overflowCount);
@@ -179,6 +187,16 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 		useComponentHost(() => import("@threadlabs/looma/components/ui-avatar-group/ui-avatar-group.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, {
+				overflowCount: {
+					kind: "terminal",
+					name: "integer"
+				},
+				overflowAnnouncement: {
+					kind: "terminal",
+					name: "string"
+				}
+			}[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-avatar-group/ui-avatar-group.js",
 				definition: "./components/ui-avatar-group/ui-avatar-group.html"
@@ -225,13 +243,14 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				role: "img",
 				hidden: guarded.value,
 				"aria-label": guardedBinding.value,
-				ref: "overflow"
+				ref_key: "overflowElement",
+				ref: overflowElement
 			}, toDisplayString("+" + (guardedBinding2.value ?? "")), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-85029628"]]);
+}), [["__scopeId", "data-v-7e72d264"]]);
 //#endregion
 export { UiAvatarGroup_default as t };

package/vue/chunks/UiBadge.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBadge.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -169,6 +169,6 @@ var UiBadge_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-9da6c6bc"]]);
+}), [["__scopeId", "data-v-b1009c5d"]]);
 //#endregion
 export { UiBadge_default as t };

package/vue/chunks/UiBreadcrumbItem.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { computed, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbItem.vue?vue&type=script&setup=true&lang.ts
@@ -108,6 +108,6 @@ var UiBreadcrumbItem_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-a24a4f55"]]);
+}), [["__scopeId", "data-v-fc0641df"]]);
 //#endregion
 export { UiBreadcrumbItem_default as t };

package/vue/chunks/UiBreadcrumbs.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiBreadcrumbs.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["aria-label", "data-label"];
@@ -64,6 +64,6 @@ var UiBreadcrumbs_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-0cddfec8"]]);
+}), [["__scopeId", "data-v-e86cf7cf"]]);
 //#endregion
 export { UiBreadcrumbs_default as t };

package/vue/chunks/UiButton.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus, r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState } from "./props.js";
 import { t as UiIcon_default } from "./UiIcon.js";
 import { t as UiSpinner_default } from "./UiSpinner.js";
 import { computed, createBlock, createCommentVNode, createElementBlock, createElementVNode, createVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
@@ -755,6 +755,6 @@ var UiButton_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-ecae2439"]]);
+}), [["__scopeId", "data-v-5c174bca"]]);
 //#endregion
 export { UiButton_default as t };

package/vue/chunks/UiCallout.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createCommentVNode, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCallout.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = ["data-tone", "data-ui-callout-state"];
@@ -160,6 +160,6 @@ var UiCallout_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-3384cc00"]]);
+}), [["__scopeId", "data-v-317e6e6e"]]);
 //#endregion
 export { UiCallout_default as t };

package/vue/chunks/UiCard.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { n as preserveRootFocus } from "./host.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCard.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -267,6 +267,6 @@ var UiCard_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE_
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-397f2e1f"]]);
+}), [["__scopeId", "data-v-fa2ae386"]]);
 //#endregion
 export { UiCard_default as t };

package/vue/chunks/UiCheckbox.js

@@ -1,6 +1,6 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
 import { r as useComponentHost, t as createDispatch } from "./host.js";
-import { i as vPropValidity, n as propValidityState, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp, r as propValidityState, t as acceptsControllerWrite } from "./props.js";
 import { r as vBindControl } from "./control.js";
 import { computed, createElementBlock, createElementVNode, defineComponent, getCurrentInstance, mergeProps, openBlock, provide, ref, renderSlot, unref, useTemplateRef, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCheckbox.vue?vue&type=script&setup=true&lang.ts
@@ -25,11 +25,14 @@ var _hoisted_2 = [
 ];
 var _hoisted_3 = { class: "text" };
 var _hoisted_4 = { class: "label" };
-var _hoisted_5 = {
-	class: "description",
-	"aria-hidden": "true",
-	ref: "description"
-};
+var htmlNextAuthoredCheck2Reported = /* @__PURE__ */ new Set();
+function htmlNextAuthoredCheck2(accepted, location, message) {
+	if (!accepted && !htmlNextAuthoredCheck2Reported.has(location)) {
+		htmlNextAuthoredCheck2Reported.add(location);
+		console.warn(message);
+	}
+	return accepted;
+}
 //#endregion
 //#region .build/vue/UiCheckbox.vue
 var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PURE__ */ defineComponent({
@@ -226,12 +229,12 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		const hydrationInstance = getCurrentInstance();
 		const emit = __emit;
 		const root = ref(null);
-		const inputElement = useTemplateRef("input");
-		const descriptionElement = useTemplateRef("description");
+		const inputElement = useTemplateRef("inputElement");
+		const descriptionElement = useTemplateRef("descriptionElement");
 		const internalChecked = ref(false);
 		let guardedPrevious;
 		computed(() => {
-			if (!(internalChecked.value == null || typeof internalChecked.value === "boolean")) return guardedPrevious;
+			if (!htmlNextAuthoredCheck2(internalChecked.value == null || typeof internalChecked.value === "boolean", "internalChecked:internalChecked", "./components/ui-checkbox/ui-checkbox.html: HR007: Reference internalChecked does not satisfy its declared type.")) return guardedPrevious;
 			return guardedPrevious = internalChecked.value;
 		});
 		provide("html-next:ui-checkbox:internalChecked", internalChecked);
@@ -262,6 +265,10 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 		useComponentHost(() => import("@threadlabs/looma/components/ui-checkbox/ui-checkbox.js"), {
 			root,
 			dispatch,
+			acceptsState: (name, keys, value) => acceptsControllerWrite(value, { internalChecked: {
+				kind: "terminal",
+				name: "boolean"
+			} }[name], keys),
 			controllerSource: {
 				specifier: "../components/ui-checkbox/ui-checkbox.js",
 				definition: "./components/ui-checkbox/ui-checkbox.html"
@@ -313,19 +320,25 @@ var UiCheckbox_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__P
 				required: checkedProps.value.required ?? void 0,
 				name: checkedProps.value.name ?? void 0,
 				"^value": checkedProps.value.value ?? void 0,
-				ref: "input"
+				ref_key: "inputElement",
+				ref: inputElement
 			}, null, 40, _hoisted_2), [[unref(vBindControl), {
 				tag: "input",
 				name: "checked",
 				value: internalChecked.value,
 				nativeProperty: true,
 				defaultChecked: false
-			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", _hoisted_5, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
+			}]]), createElementVNode("span", _hoisted_3, [createElementVNode("span", _hoisted_4, [renderSlot(_ctx.$slots, "default", {}, void 0, true)]), createElementVNode("span", {
+				class: "description",
+				"aria-hidden": "true",
+				ref_key: "descriptionElement",
+				ref: descriptionElement
+			}, [renderSlot(_ctx.$slots, "description", {}, void 0, true)], 512)])], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
 				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-158b8c9b"]]);
+}), [["__scopeId", "data-v-ce204e6e"]]);
 //#endregion
 export { UiCheckbox_default as t };

package/vue/chunks/UiCluster.js

@@ -1,5 +1,5 @@
 import { t as _plugin_vue_export_helper_default } from "./_plugin-vue_export-helper.js";
-import { i as vPropValidity, t as checkedProp } from "./props.js";
+import { a as vPropValidity, n as checkedProp } from "./props.js";
 import { computed, createElementBlock, defineComponent, getCurrentInstance, mergeProps, openBlock, renderSlot, unref, watchSyncEffect, withDirectives } from "vue";
 //#region .build/vue/UiCluster.vue?vue&type=script&setup=true&lang.ts
 var _hoisted_1 = [
@@ -164,6 +164,6 @@ var UiCluster_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PU
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-dde65f80"]]);
+}), [["__scopeId", "data-v-fafdad21"]]);
 //#endregion
 export { UiCluster_default as t };