@threadlabs/looma 0.22.9 → 0.22.11

package/vue/UiTooltip.vue

@@ -1,9 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -77,7 +77,7 @@ const propValidityContract = {
       default: 'hover',
     },
   },
-}
+} as const
 const props = defineProps({
   for: { type: null as unknown as PropType<string | null>, default: '' },
   hideDelay: { type: null as unknown as PropType<number | null>, default: 100 },
@@ -107,30 +107,43 @@ const props = defineProps({
     default: 'hover',
   },
 })
+const acceptedProps: Record<string, unknown> = {
+  for: '',
+  hideDelay: 100,
+  inverse: false,
+  open: false,
+  placement: 'top',
+  showDelay: 500,
+  trigger: 'hover',
+}
 const checkedProps = computed(() => ({
   for: checkedProp<string>(
     props['for'],
     { kind: 'terminal', name: 'string' },
     false,
     'for',
+    acceptedProps,
   ) as string,
   hideDelay: checkedProp<number>(
     props['hideDelay'],
     { kind: 'terminal', name: 'number' },
     false,
     'hideDelay',
+    acceptedProps,
   ) as number,
   inverse: checkedProp<boolean>(
     props['inverse'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'inverse',
+    acceptedProps,
   ) as boolean,
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
   placement: checkedProp<
     | 'top'
@@ -145,7 +158,7 @@ const checkedProps = computed(() => ({
     | 'right'
     | 'right-start'
     | 'right-end'
-  >(props['placement'], { kind: 'terminal', name: 'keyword' }, false, 'placement') as
+  >(props['placement'], { kind: 'terminal', name: 'keyword' }, false, 'placement', acceptedProps) as
     | 'top'
     | 'top-start'
     | 'top-end'
@@ -163,12 +176,14 @@ const checkedProps = computed(() => ({
     { kind: 'terminal', name: 'number' },
     false,
     'showDelay',
+    acceptedProps,
   ) as number,
   trigger: checkedProp<'hover' | 'click' | 'focus'>(
     props['trigger'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'trigger',
+    acceptedProps,
   ) as 'hover' | 'click' | 'focus',
 }))
 void checkedProps.value
@@ -292,6 +307,16 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
     definition: './components/ui-tooltip/ui-tooltip.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: ['for', 'hideDelay', 'inverse', 'open', 'placement', 'showDelay', 'trigger'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   state: { internalOpen },
 })
 </script>
@@ -302,7 +327,7 @@ useComponentHost(() => import('../components/ui-tooltip/ui-tooltip.js'), {
     role="tooltip"
     v-bind="nativeAttrs($attrs)"
     :hidden="guarded"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-for="reflectedProp('for', 'for', checkedProps.for, undefined, false)"
     :data-hide-delay="reflectedProp('hideDelay', 'hide-delay', checkedProps.hideDelay, undefined, false)"
     :data-inverse="reflectedProp('inverse', 'inverse', checkedProps.inverse, undefined, false)"

package/vue/UiTopBar.vue

@@ -1,4 +1,4 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { getCurrentInstance } from 'vue'
 

package/vue/UiTree.vue

@@ -1,9 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, ref, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -59,7 +59,7 @@ const propValidityContract = {
       default: 'none',
     },
   },
-}
+} as const
 const props = defineProps({
   density: {
     type: null as unknown as PropType<'comfortable' | 'compact' | null>,
@@ -74,42 +74,56 @@ const props = defineProps({
     default: 'none',
   },
 })
+const acceptedProps: Record<string, unknown> = {
+  density: 'comfortable',
+  hoverExpandDelay: 700,
+  label: 'Tree',
+  marquee: false,
+  maxDepth: 0,
+  selection: 'none',
+}
 const checkedProps = computed(() => ({
   density: checkedProp<'comfortable' | 'compact'>(
     props['density'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'density',
+    acceptedProps,
   ) as 'comfortable' | 'compact',
   hoverExpandDelay: checkedProp<number>(
     props['hoverExpandDelay'],
     { kind: 'terminal', name: 'number' },
     false,
     'hoverExpandDelay',
+    acceptedProps,
   ) as number,
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   marquee: checkedProp<boolean>(
     props['marquee'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'marquee',
+    acceptedProps,
   ) as boolean,
   maxDepth: checkedProp<number>(
     props['maxDepth'],
     { kind: 'terminal', name: 'number' },
     false,
     'maxDepth',
+    acceptedProps,
   ) as number,
   selection: checkedProp<'none' | 'single' | 'multiple'>(
     props['selection'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'selection',
+    acceptedProps,
   ) as 'none' | 'single' | 'multiple',
 }))
 void checkedProps.value
@@ -283,6 +297,16 @@ useComponentHost(() => import('../components/ui-tree/ui-tree.js'), {
     definition: './components/ui-tree/ui-tree.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: ['density', 'hoverExpandDelay', 'label', 'marquee', 'maxDepth', 'selection'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
 })
 </script>
 
@@ -291,7 +315,7 @@ useComponentHost(() => import('../components/ui-tree/ui-tree.js'), {
     data-component="ui-tree"
     role="tree"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-density="reflectedProp('density', 'density', checkedProps.density, undefined, false)"
     :data-hover-expand-delay="reflectedProp(
       'hoverExpandDelay',

package/vue/UiTreeItem.d.ts

@@ -140,8 +140,8 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
 }>, {
     label: string | null;
     marquee: boolean | null;
-    disabled: boolean | null;
     selected: boolean | null;
+    disabled: boolean | null;
     expanded: boolean | null;
     container: boolean | null;
     lazy: boolean | null;

package/vue/UiTreeItem.vue

@@ -1,9 +1,9 @@
-<!-- Generated by HTML Next 1.0.0-alpha.18 for Vue 3.5. Do not edit. -->
+<!-- Generated by HTML Next 1.0.0-alpha.19 for Vue 3.5. Do not edit. -->
 <script setup lang="ts">
 import { computed, getCurrentInstance, provide, ref, useTemplateRef, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
 import { createDispatch, useComponentHost } from './host'
-import { checkedProp, vPropValidity } from './props'
+import { checkedProp, propValidityState, vPropValidity } from './props'
 
 defineOptions({ inheritAttrs: false })
 
@@ -120,7 +120,7 @@ const propValidityContract = {
         'Overrides how many levels sit beneath this item when the tree checks maxDepth for a drag of it. Unset, the tree counts the rendered descendants; set it\n      when some are not rendered, such as children that load later.',
     },
   },
-}
+} as const
 const props = defineProps({
   accepts: { type: null as unknown as PropType<string | null>, default: '' },
   container: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -137,90 +137,120 @@ const props = defineProps({
   sortable: { type: null as unknown as PropType<boolean | null>, default: false },
   subtreeDepth: { type: null as unknown as PropType<number | null>, default: null },
 })
+const acceptedProps: Record<string, unknown> = {
+  accepts: '',
+  container: false,
+  disabled: false,
+  dragType: 'item',
+  dropDepth: null,
+  dropScope: '',
+  expanded: false,
+  itemId: '',
+  label: '',
+  lazy: false,
+  marquee: false,
+  selected: false,
+  sortable: false,
+  subtreeDepth: null,
+}
 const checkedProps = computed(() => ({
   accepts: checkedProp<string>(
     props['accepts'],
     { kind: 'terminal', name: 'string' },
     false,
     'accepts',
+    acceptedProps,
   ) as string,
   container: checkedProp<boolean>(
     props['container'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'container',
+    acceptedProps,
   ) as boolean,
   disabled: checkedProp<boolean>(
     props['disabled'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'disabled',
+    acceptedProps,
   ) as boolean,
   dragType: checkedProp<string>(
     props['dragType'],
     { kind: 'terminal', name: 'string' },
     false,
     'dragType',
+    acceptedProps,
   ) as string,
   dropDepth: checkedProp<number>(
     props['dropDepth'],
     { kind: 'terminal', name: 'number' },
     false,
     'dropDepth',
+    acceptedProps,
   ),
   dropScope: checkedProp<string>(
     props['dropScope'],
     { kind: 'terminal', name: 'string' },
     false,
     'dropScope',
+    acceptedProps,
   ) as string,
   expanded: checkedProp<boolean>(
     props['expanded'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'expanded',
+    acceptedProps,
   ) as boolean,
   itemId: checkedProp<string>(
     props['itemId'],
     { kind: 'terminal', name: 'string' },
     false,
     'itemId',
+    acceptedProps,
   ) as string,
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   lazy: checkedProp<boolean>(
     props['lazy'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'lazy',
+    acceptedProps,
   ) as boolean,
   marquee: checkedProp<boolean>(
     props['marquee'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'marquee',
+    acceptedProps,
   ) as boolean,
   selected: checkedProp<boolean>(
     props['selected'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'selected',
+    acceptedProps,
   ) as boolean,
   sortable: checkedProp<boolean>(
     props['sortable'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'sortable',
+    acceptedProps,
   ) as boolean,
   subtreeDepth: checkedProp<number>(
     props['subtreeDepth'],
     { kind: 'terminal', name: 'number' },
     false,
     'subtreeDepth',
+    acceptedProps,
   ),
 }))
 void checkedProps.value
@@ -362,6 +392,31 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     definition: './components/ui-tree-item/ui-tree-item.html',
   },
   props: checkedProps,
+  propInputs: (name: string) => {
+    const incoming = hydrationInstance?.vnode.props
+    const kebab = name.replace(/[A-Z]/g, (letter) => '-' + letter.toLowerCase())
+    return incoming !== null && incoming !== undefined
+      ? (incoming[name] ?? incoming[kebab] ?? null)
+      : null
+  },
+  propNames: [
+    'accepts',
+    'container',
+    'disabled',
+    'dragType',
+    'dropDepth',
+    'dropScope',
+    'expanded',
+    'itemId',
+    'label',
+    'lazy',
+    'marquee',
+    'selected',
+    'sortable',
+    'subtreeDepth',
+  ],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: {
     row: rowElement,
     dragHandle: dragHandleElement,
@@ -385,7 +440,7 @@ useComponentHost(() => import('../components/ui-tree-item/ui-tree-item.js'), {
     :aria-level="guarded"
     :aria-selected="checkedProps.selected ?? undefined"
     :aria-disabled="checkedProps.disabled ?? undefined"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-accepts="reflectedProp('accepts', 'accepts', checkedProps.accepts, undefined, true)"
     :data-container="reflectedProp('container', 'container', checkedProps.container, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"

package/vue/chunks/UiActionBar.js

@@ -32,6 +32,6 @@ var UiActionBar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__
 			])], 16);
 		};
 	}
-}), [["__scopeId", "data-v-747b5545"]]);
+}), [["__scopeId", "data-v-0d1b03c6"]]);
 //#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 { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, n as propValidityState, t as checkedProp } 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 = [
@@ -48,15 +48,19 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			guide: "dot",
+			nearRadius: 16
+		};
 		const checkedProps = computed(() => ({
 			guide: checkedProp(props["guide"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "guide"),
+			}, false, "guide", acceptedProps),
 			nearRadius: checkedProp(props["nearRadius"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "nearRadius")
+			}, false, "nearRadius", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -101,6 +105,16 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				definition: "./components/ui-affordance-scope/ui-affordance-scope.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: ["guide", "nearRadius"],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			state: { engaged }
 		});
 		return (_ctx, _cache) => {
@@ -112,10 +126,10 @@ var UiAffordanceScope_default = /*#__PURE__*/ _plugin_vue_export_helper_default(
 				ref: root
 			}), [renderSlot(_ctx.$slots, "default", {}, void 0, true)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-2dd38c7c"]]);
+}), [["__scopeId", "data-v-0c7e6f0e"]]);
 //#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 { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, n as propValidityState, t as checkedProp } 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
@@ -147,39 +147,49 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			active: false,
+			alt: "",
+			decorative: false,
+			fallback: "",
+			name: "",
+			shape: "circle",
+			size: "md",
+			src: null
+		};
 		const checkedProps = computed(() => ({
 			active: checkedProp(props["active"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "active"),
+			}, false, "active", acceptedProps),
 			alt: checkedProp(props["alt"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "alt"),
+			}, false, "alt", acceptedProps),
 			decorative: checkedProp(props["decorative"], {
 				kind: "terminal",
 				name: "boolean"
-			}, false, "decorative"),
+			}, false, "decorative", acceptedProps),
 			fallback: checkedProp(props["fallback"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "fallback"),
+			}, false, "fallback", acceptedProps),
 			name: checkedProp(props["name"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "name"),
+			}, false, "name", acceptedProps),
 			shape: checkedProp(props["shape"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "shape"),
+			}, false, "shape", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size"),
+			}, false, "size", acceptedProps),
 			src: checkedProp(props["src"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "src")
+			}, false, "src", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -264,6 +274,25 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				definition: "./components/ui-avatar/ui-avatar.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"active",
+				"alt",
+				"decorative",
+				"fallback",
+				"name",
+				"shape",
+				"size",
+				"src"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			refs: { image: imageElement },
 			state: {
 				hasImage,
@@ -302,10 +331,10 @@ var UiAvatar_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @__PUR
 				}, [createElementVNode("span", { hidden: guardedBinding3.value }, toDisplayString(guardedBinding4.value), 9, _hoisted_4), createElementVNode("span", { hidden: guardedBinding5.value }, [createVNode(UiIcon_default, { name: "user-round" })], 8, _hoisted_5)], 8, _hoisted_3)
 			], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-5d788a6e"]]);
+}), [["__scopeId", "data-v-5cd53487"]]);
 //#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 { r as vPropValidity, t as checkedProp } from "./props.js";
+import { i as vPropValidity, n as propValidityState, t as checkedProp } 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 = [
@@ -98,27 +98,34 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 			}
 		} };
 		const props = __props;
+		const acceptedProps = {
+			label: "People",
+			max: 5,
+			overflowLabel: "{count} more",
+			size: "md",
+			total: null
+		};
 		const checkedProps = computed(() => ({
 			label: checkedProp(props["label"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "label"),
+			}, false, "label", acceptedProps),
 			max: checkedProp(props["max"], {
 				kind: "terminal",
 				name: "number"
-			}, false, "max"),
+			}, false, "max", acceptedProps),
 			overflowLabel: checkedProp(props["overflowLabel"], {
 				kind: "terminal",
 				name: "string"
-			}, false, "overflowLabel"),
+			}, false, "overflowLabel", acceptedProps),
 			size: checkedProp(props["size"], {
 				kind: "terminal",
 				name: "keyword"
-			}, false, "size"),
+			}, false, "size", acceptedProps),
 			total: checkedProp(props["total"], {
 				kind: "terminal",
 				name: "integer"
-			}, false, "total")
+			}, false, "total", acceptedProps)
 		}));
 		checkedProps.value;
 		watchSyncEffect(() => {
@@ -172,6 +179,22 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				definition: "./components/ui-avatar-group/ui-avatar-group.html"
 			},
 			props: checkedProps,
+			propInputs: (name) => {
+				const incoming = hydrationInstance?.vnode.props;
+				const kebab = name.replace(/[A-Z]/g, (letter) => "-" + letter.toLowerCase());
+				return incoming !== null && incoming !== void 0 ? incoming[name] ?? incoming[kebab] ?? null : null;
+			},
+			propNames: [
+				"label",
+				"max",
+				"overflowLabel",
+				"size",
+				"total"
+			],
+			propValidity: (name) => propValidityState({
+				contract: propValidityContract,
+				values: { ...props }
+			}, name),
 			refs: { overflow: overflowElement },
 			state: {
 				overflowCount,
@@ -200,10 +223,10 @@ var UiAvatarGroup_default = /*#__PURE__*/ _plugin_vue_export_helper_default(/* @
 				ref: "overflow"
 			}, toDisplayString(`+${overflowCount.value}`), 9, _hoisted_2)], 16, _hoisted_1)), [[unref(vPropValidity), {
 				contract: propValidityContract,
-				values: { ...checkedProps.value }
+				values: { ...props }
 			}]]);
 		};
 	}
-}), [["__scopeId", "data-v-db7f37f5"]]);
+}), [["__scopeId", "data-v-d3d2981c"]]);
 //#endregion
 export { UiAvatarGroup_default as t };