@threadlabs/looma 0.22.9 → 0.22.10

package/vanilla/UiStatusMessage.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiStatusMessageEventMap {
 }
 export interface UiStatusMessageElement extends HTMLDivElement {

package/vanilla/UiStatusMessage.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import "../styles/ui-status-message.css";
 

package/vanilla/UiSwitch.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiSwitchEventMap {
   change: CustomEvent<{ readonly checked: boolean; readonly value: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiSwitch.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-switch/ui-switch.js";
 import "../styles/ui-switch.css";

package/vanilla/UiSwitcher.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiSwitcherEventMap {
 }
 export interface UiSwitcherElement extends HTMLDivElement {

package/vanilla/UiSwitcher.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-switcher/ui-switcher.js";
 import "../styles/ui-switcher.css";

package/vanilla/UiTable.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTableEventMap {
 }
 export interface UiTableElement extends HTMLDivElement {

package/vanilla/UiTable.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-table/ui-table.js";
 import "../styles/ui-table.css";

package/vanilla/UiTabs.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTabsEventMap {
   select: CustomEvent<{ readonly value: string; readonly previousValue: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiTabs.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-tabs/ui-tabs.js";
 import "../styles/ui-tabs.css";

package/vanilla/UiText.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTextEventMap {
 }
 export interface UiTextElement extends HTMLElement {

package/vanilla/UiText.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { componentRootIndex, manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import "../styles/ui-text.css";
 

package/vanilla/UiTextarea.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTextareaEventMap {
 }
 export interface UiTextareaElement extends HTMLTextAreaElement {

package/vanilla/UiTextarea.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-textarea/ui-textarea.js";
 import "../styles/ui-textarea.css";

package/vanilla/UiToast.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiToastEventMap {
   dismiss: CustomEvent<{ readonly id: string; readonly reason: "action" | "timeout"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiToast.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-toast/ui-toast.js";
 import "../styles/ui-toast.css";

package/vanilla/UiToastRegion.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiToastRegionEventMap {
   dismiss: CustomEvent<{ readonly id: string; readonly reason: "action" | "timeout"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiToastRegion.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-toast-region/ui-toast-region.js";
 import "../styles/ui-toast-region.css";

package/vanilla/UiTooltip.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTooltipEventMap {
   open: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   close: CustomEvent<{ readonly open: boolean; readonly reason: "action" | "programmatic" | "light-dismiss" | "escape"; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;

package/vanilla/UiTooltip.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-tooltip/ui-tooltip.js";
 import "../styles/ui-tooltip.css";

package/vanilla/UiTopBar.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTopBarEventMap {
 }
 export interface UiTopBarElement extends HTMLElement {

package/vanilla/UiTopBar.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import "../styles/ui-top-bar.css";
 
 export function createUiTopBar(options = {}) {

package/vanilla/UiTree.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTreeEventMap {
   reorder: CustomEvent<{ readonly sourceId: string; readonly targetId: string; readonly position: "before" | "inside" | "after"; readonly sourceType: string; readonly targetType: string; readonly sourceScope: string; readonly targetScope: string; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
   "reorder-rejected": CustomEvent<{ readonly sourceId: string; readonly targetId: string; readonly position: "before" | "inside" | "after"; readonly reason: "max-depth"; readonly maxDepth: number; readonly resultingDepth: number; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;

package/vanilla/UiTree.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-tree/ui-tree.js";
 import "../styles/ui-tree.css";

package/vanilla/UiTreeItem.d.ts

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 export interface UiTreeItemEventMap {
   expand: CustomEvent<{ readonly id: string; readonly expanded: boolean; readonly trigger: "keyboard" | "pointer" | "programmatic" }>;
 }

package/vanilla/UiTreeItem.js

@@ -1,4 +1,4 @@
-// Generated by HTML Next 1.0.0-alpha.18 for Vanilla DOM. Do not edit.
+// Generated by HTML Next 1.0.0-alpha.19 for Vanilla DOM. Do not edit.
 import { manageComponentLifecycle } from "@nextwebwg/html-next/runtime";
 import * as controller from "../components/ui-tree-item/ui-tree-item.js";
 import "../styles/ui-tree-item.css";

package/vue/UiActionBar.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/UiAffordanceScope.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 })
 
@@ -26,23 +26,26 @@ const propValidityContract = {
       default: 16,
     },
   },
-}
+} as const
 const props = defineProps({
   guide: { type: null as unknown as PropType<'dot' | 'none' | null>, default: 'dot' },
   nearRadius: { type: null as unknown as PropType<number | null>, default: 16 },
 })
+const acceptedProps: Record<string, unknown> = { guide: 'dot', nearRadius: 16 }
 const checkedProps = computed(() => ({
   guide: checkedProp<'dot' | 'none'>(
     props['guide'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'guide',
+    acceptedProps,
   ) as 'dot' | 'none',
   nearRadius: checkedProp<number>(
     props['nearRadius'],
     { kind: 'terminal', name: 'number' },
     false,
     'nearRadius',
+    acceptedProps,
   ) as number,
 }))
 void checkedProps.value
@@ -122,6 +125,16 @@ useComponentHost(() => import('../components/ui-affordance-scope/ui-affordance-s
     definition: './components/ui-affordance-scope/ui-affordance-scope.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: ['guide', 'nearRadius'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   state: { engaged },
 })
 </script>
@@ -130,7 +143,7 @@ useComponentHost(() => import('../components/ui-affordance-scope/ui-affordance-s
   <span
     data-component="ui-affordance-scope"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-guide="reflectedProp('guide', 'guide', checkedProps.guide, undefined, false)"
     :data-near-radius="reflectedProp('nearRadius', 'near-radius', checkedProps.nearRadius, undefined, false)"
     :data-ui-affordance-scope-state="hostState || undefined"

package/vue/UiAvatar.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'
 import UiIcon from './UiIcon.vue'
 
 defineOptions({ inheritAttrs: false })
@@ -75,7 +75,7 @@ const propValidityContract = {
         'The image to show, cropped to fill the circle. Until it loads, or if it fails, the avatar shows initials instead. An img element authored inside the avatar\n      takes precedence over src.',
     },
   },
-}
+} as const
 const props = defineProps({
   active: { type: null as unknown as PropType<boolean | null>, default: false },
   alt: { type: null as unknown as PropType<string | null>, default: '' },
@@ -86,50 +86,73 @@ const props = defineProps({
   size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | null>, default: 'md' },
   src: { type: null as unknown as PropType<string | null>, default: null },
 })
+const acceptedProps: Record<string, unknown> = {
+  active: false,
+  alt: '',
+  decorative: false,
+  fallback: '',
+  name: '',
+  shape: 'circle',
+  size: 'md',
+  src: null,
+}
 const checkedProps = computed(() => ({
   active: checkedProp<boolean>(
     props['active'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'active',
+    acceptedProps,
   ) as boolean,
   alt: checkedProp<string>(
     props['alt'],
     { kind: 'terminal', name: 'string' },
     false,
     'alt',
+    acceptedProps,
   ) as string,
   decorative: checkedProp<boolean>(
     props['decorative'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'decorative',
+    acceptedProps,
   ) as boolean,
   fallback: checkedProp<string>(
     props['fallback'],
     { kind: 'terminal', name: 'string' },
     false,
     'fallback',
+    acceptedProps,
   ) as string,
   name: checkedProp<string>(
     props['name'],
     { kind: 'terminal', name: 'string' },
     false,
     'name',
+    acceptedProps,
   ) as string,
   shape: checkedProp<'circle' | 'square'>(
     props['shape'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'shape',
+    acceptedProps,
   ) as 'circle' | 'square',
   size: checkedProp<'xs' | 'sm' | 'md'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
+    acceptedProps,
   ) as 'xs' | 'sm' | 'md',
-  src: checkedProp<string>(props['src'], { kind: 'terminal', name: 'string' }, false, 'src'),
+  src: checkedProp<string>(
+    props['src'],
+    { kind: 'terminal', name: 'string' },
+    false,
+    'src',
+    acceptedProps,
+  ),
 }))
 void checkedProps.value
 watchSyncEffect(() => {
@@ -258,6 +281,16 @@ useComponentHost(() => import('../components/ui-avatar/ui-avatar.js'), {
     definition: './components/ui-avatar/ui-avatar.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: ['active', 'alt', 'decorative', 'fallback', 'name', 'shape', 'size', 'src'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { image: imageElement },
   state: { hasImage, hasAuthoredImage, initials, showGlyph },
 })
@@ -267,7 +300,7 @@ useComponentHost(() => import('../components/ui-avatar/ui-avatar.js'), {
   <span
     data-component="ui-avatar"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-active="reflectedProp('active', 'active', checkedProps.active, undefined, false)"
     :data-alt="reflectedProp('alt', 'alt', checkedProps.alt, undefined, false)"
     :data-decorative="reflectedProp('decorative', 'decorative', checkedProps.decorative, undefined, false)"

package/vue/UiAvatarGroup.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 })
 
@@ -50,7 +50,7 @@ const propValidityContract = {
         'The true number of people when only some avatars are authored. The overflow badge counts the people beyond the visible avatars; it never counts fewer than\n      the authored avatars.',
     },
   },
-}
+} as const
 const props = defineProps({
   label: { type: null as unknown as PropType<string | null>, default: 'People' },
   max: { type: null as unknown as PropType<number | null>, default: 5 },
@@ -58,32 +58,49 @@ const props = defineProps({
   size: { type: null as unknown as PropType<'xs' | 'sm' | 'md' | null>, default: 'md' },
   total: { type: null as unknown as PropType<number | null>, default: null },
 })
+const acceptedProps: Record<string, unknown> = {
+  label: 'People',
+  max: 5,
+  overflowLabel: '{count} more',
+  size: 'md',
+  total: null,
+}
 const checkedProps = computed(() => ({
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   max: checkedProp<number>(
     props['max'],
     { kind: 'terminal', name: 'number' },
     false,
     'max',
+    acceptedProps,
   ) as number,
   overflowLabel: checkedProp<string>(
     props['overflowLabel'],
     { kind: 'terminal', name: 'string' },
     false,
     'overflowLabel',
+    acceptedProps,
   ) as string,
   size: checkedProp<'xs' | 'sm' | 'md'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
+    acceptedProps,
   ) as 'xs' | 'sm' | 'md',
-  total: checkedProp<number>(props['total'], { kind: 'terminal', name: 'integer' }, false, 'total'),
+  total: checkedProp<number>(
+    props['total'],
+    { kind: 'terminal', name: 'integer' },
+    false,
+    'total',
+    acceptedProps,
+  ),
 }))
 void checkedProps.value
 watchSyncEffect(() => {
@@ -178,6 +195,16 @@ useComponentHost(() => import('../components/ui-avatar-group/ui-avatar-group.js'
     definition: './components/ui-avatar-group/ui-avatar-group.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: ['label', 'max', 'overflowLabel', 'size', 'total'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { overflow: overflowElement },
   state: { overflowCount, overflowAnnouncement },
 })
@@ -189,7 +216,7 @@ useComponentHost(() => import('../components/ui-avatar-group/ui-avatar-group.js'
     role="group"
     v-bind="nativeAttrs($attrs)"
     :aria-label="checkedProps.label ?? undefined"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
     :data-max="reflectedProp('max', 'max', checkedProps.max, undefined, false)"
     :data-overflow-label="reflectedProp('overflowLabel', 'overflow-label', checkedProps.overflowLabel, undefined, false)"

package/vue/UiBadge.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 { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -45,7 +45,7 @@ const propValidityContract = {
       default: 'subtle',
     },
   },
-}
+} as const
 const props = defineProps({
   shape: { type: null as unknown as PropType<'pill' | 'tag' | null>, default: 'pill' },
   size: { type: null as unknown as PropType<'xs' | 'md' | null>, default: 'md' },
@@ -60,30 +60,40 @@ const props = defineProps({
     default: 'subtle',
   },
 })
+const acceptedProps: Record<string, unknown> = {
+  shape: 'pill',
+  size: 'md',
+  tone: 'neutral',
+  variant: 'subtle',
+}
 const checkedProps = computed(() => ({
   shape: checkedProp<'pill' | 'tag'>(
     props['shape'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'shape',
+    acceptedProps,
   ) as 'pill' | 'tag',
   size: checkedProp<'xs' | 'md'>(
     props['size'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'size',
+    acceptedProps,
   ) as 'xs' | 'md',
   tone: checkedProp<'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger'>(
     props['tone'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'tone',
+    acceptedProps,
   ) as 'neutral' | 'accent' | 'info' | 'success' | 'warning' | 'danger',
   variant: checkedProp<'solid' | 'subtle' | 'outline'>(
     props['variant'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'variant',
+    acceptedProps,
   ) as 'solid' | 'subtle' | 'outline',
 }))
 void checkedProps.value
@@ -158,7 +168,7 @@ const hostState = computed(() =>
   <span
     data-component="ui-badge"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-shape="reflectedProp('shape', 'shape', checkedProps.shape, undefined, false)"
     :data-size="reflectedProp('size', 'size', checkedProps.size, undefined, false)"
     :data-tone="reflectedProp('tone', 'tone', checkedProps.tone, undefined, false)"

package/vue/UiBreadcrumbItem.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 { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -18,16 +18,18 @@ const propValidityContract = {
       default: false,
     },
   },
-}
+} as const
 const props = defineProps({
   current: { type: null as unknown as PropType<boolean | null>, default: false },
 })
+const acceptedProps: Record<string, unknown> = { current: false }
 const checkedProps = computed(() => ({
   current: checkedProp<boolean>(
     props['current'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'current',
+    acceptedProps,
   ) as boolean,
 }))
 void checkedProps.value
@@ -118,7 +120,7 @@ function attribute(value: unknown): any {
     : attribute(
       (({ true: 'page', false: null }) as Record<string, any>)[`${checkedProps.current ?? ''}`],
     )"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-current="reflectedProp('current', 'current', checkedProps.current, undefined, false)"
     :data-ui-breadcrumb-item-state="hostState || undefined"
   >

package/vue/UiBreadcrumbs.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 { computed, getCurrentInstance, watchSyncEffect } from 'vue'
 import type { PropType } from 'vue'
@@ -16,16 +16,18 @@ const propValidityContract = {
       default: 'Breadcrumb',
     },
   },
-}
+} as const
 const props = defineProps({
   label: { type: null as unknown as PropType<string | null>, default: 'Breadcrumb' },
 })
+const acceptedProps: Record<string, unknown> = { label: 'Breadcrumb' }
 const checkedProps = computed(() => ({
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
 }))
 void checkedProps.value
@@ -89,7 +91,7 @@ if (
     data-component="ui-breadcrumbs"
     v-bind="nativeAttrs($attrs)"
     :aria-label="checkedProps.label ?? undefined"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
   >
     <ol role="list"><slot /></ol>