@threadlabs/looma 0.22.8 → 0.22.10

package/vue/UiEditorMentionMenu.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 })
 
@@ -90,7 +90,7 @@ const propValidityContract = {
       default: 0,
     },
   },
-}
+} as const
 const props = defineProps({
   anchorRect: {
     type: null as unknown as PropType<
@@ -125,6 +125,16 @@ const props = defineProps({
   query: { type: null as unknown as PropType<string | null>, default: '' },
   selectedIndex: { type: null as unknown as PropType<number | null>, default: 0 },
 })
+const acceptedProps: Record<string, unknown> = {
+  anchorRect: null,
+  items: null,
+  label: 'Mentions',
+  loading: false,
+  loadingLabel: 'Searching…',
+  open: false,
+  query: '',
+  selectedIndex: 0,
+}
 const checkedProps = computed(() => ({
   anchorRect: checkedProp<
     {
@@ -155,6 +165,7 @@ const checkedProps = computed(() => ({
     },
     false,
     'anchorRect',
+    acceptedProps,
   ),
   items: checkedProp<
     readonly ({
@@ -180,42 +191,49 @@ const checkedProps = computed(() => ({
     },
     false,
     'items',
+    acceptedProps,
   ),
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   loading: checkedProp<boolean>(
     props['loading'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'loading',
+    acceptedProps,
   ) as boolean,
   loadingLabel: checkedProp<string>(
     props['loadingLabel'],
     { kind: 'terminal', name: 'string' },
     false,
     'loadingLabel',
+    acceptedProps,
   ) as string,
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
   query: checkedProp<string>(
     props['query'],
     { kind: 'terminal', name: 'string' },
     false,
     'query',
+    acceptedProps,
   ) as string,
   selectedIndex: checkedProp<number>(
     props['selectedIndex'],
     { kind: 'terminal', name: 'integer' },
     false,
     'selectedIndex',
+    acceptedProps,
   ) as number,
 }))
 void checkedProps.value
@@ -314,6 +332,25 @@ useComponentHost(() => import('../components/ui-editor-mention-menu/ui-editor-me
     definition: './components/ui-editor-mention-menu/ui-editor-mention-menu.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: [
+    'anchorRect',
+    'items',
+    'label',
+    'loading',
+    'loadingLabel',
+    'open',
+    'query',
+    'selectedIndex',
+  ],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { empty: emptyElement },
   state: { visible, rows, searching, active, prefix },
 })
@@ -326,7 +363,7 @@ useComponentHost(() => import('../components/ui-editor-mention-menu/ui-editor-me
     v-bind="nativeAttrs($attrs)"
     :aria-busy="checkedProps.loading ?? undefined"
     :hidden="guarded"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-anchor-rect="reflectedProp('anchorRect', 'anchor-rect', checkedProps.anchorRect, undefined, false)"
     :data-items="reflectedProp('items', 'items', checkedProps.items, undefined, false)"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"

package/vue/UiEditorMentionMenuItem.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'
@@ -31,30 +31,34 @@ const propValidityContract = {
       default: '',
     },
   },
-}
+} as const
 const props = defineProps({
   detail: { type: null as unknown as PropType<string | null>, default: '' },
   initials: { type: null as unknown as PropType<string | null>, default: '' },
   value: { type: null as unknown as PropType<string | null>, default: '' },
 })
+const acceptedProps: Record<string, unknown> = { detail: '', initials: '', value: '' }
 const checkedProps = computed(() => ({
   detail: checkedProp<string>(
     props['detail'],
     { kind: 'terminal', name: 'string' },
     false,
     'detail',
+    acceptedProps,
   ) as string,
   initials: checkedProp<string>(
     props['initials'],
     { kind: 'terminal', name: 'string' },
     false,
     'initials',
+    acceptedProps,
   ) as string,
   value: checkedProp<string>(
     props['value'],
     { kind: 'terminal', name: 'string' },
     false,
     'value',
+    acceptedProps,
   ) as string,
 }))
 void checkedProps.value
@@ -119,7 +123,7 @@ if (
     role="option"
     tabindex="-1"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-detail="reflectedProp('detail', 'detail', checkedProps.detail, undefined, false)"
     :data-initials="reflectedProp('initials', 'initials', checkedProps.initials, undefined, false)"
     :data-value="reflectedProp('value', 'value', checkedProps.value, undefined, true)"

package/vue/UiEditorSlashMenu.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 })
@@ -79,7 +79,7 @@ const propValidityContract = {
       default: 0,
     },
   },
-}
+} as const
 const props = defineProps({
   anchorRect: {
     type: null as unknown as PropType<
@@ -112,6 +112,14 @@ const props = defineProps({
   query: { type: null as unknown as PropType<string | null>, default: '' },
   selectedIndex: { type: null as unknown as PropType<number | null>, default: 0 },
 })
+const acceptedProps: Record<string, unknown> = {
+  anchorRect: null,
+  items: null,
+  label: 'Insert block',
+  open: false,
+  query: '',
+  selectedIndex: 0,
+}
 const checkedProps = computed(() => ({
   anchorRect: checkedProp<
     {
@@ -142,6 +150,7 @@ const checkedProps = computed(() => ({
     },
     false,
     'anchorRect',
+    acceptedProps,
   ),
   items: checkedProp<
     readonly ({
@@ -167,30 +176,35 @@ const checkedProps = computed(() => ({
     },
     false,
     'items',
+    acceptedProps,
   ),
   label: checkedProp<string>(
     props['label'],
     { kind: 'terminal', name: 'string' },
     false,
     'label',
+    acceptedProps,
   ) as string,
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
   query: checkedProp<string>(
     props['query'],
     { kind: 'terminal', name: 'string' },
     false,
     'query',
+    acceptedProps,
   ) as string,
   selectedIndex: checkedProp<number>(
     props['selectedIndex'],
     { kind: 'terminal', name: 'integer' },
     false,
     'selectedIndex',
+    acceptedProps,
   ) as number,
 }))
 void checkedProps.value
@@ -285,6 +299,16 @@ useComponentHost(() => import('../components/ui-editor-slash-menu/ui-editor-slas
     definition: './components/ui-editor-slash-menu/ui-editor-slash-menu.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: ['anchorRect', 'items', 'label', 'open', 'query', 'selectedIndex'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   refs: { empty: emptyElement },
   state: { visible, active, rows },
 })
@@ -296,7 +320,7 @@ useComponentHost(() => import('../components/ui-editor-slash-menu/ui-editor-slas
     role="listbox"
     v-bind="nativeAttrs($attrs)"
     :hidden="guarded"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-anchor-rect="reflectedProp('anchorRect', 'anchor-rect', checkedProps.anchorRect, undefined, false)"
     :data-items="reflectedProp('items', 'items', checkedProps.items, undefined, false)"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"

package/vue/UiEditorSlashMenuGroup.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: '',
     },
   },
-}
+} as const
 const props = defineProps({
   label: { type: null as unknown as PropType<string | null>, default: '' },
 })
+const acceptedProps: Record<string, unknown> = { label: '' }
 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-editor-slash-menu-group"
     role="presentation"
     v-bind="nativeAttrs($attrs)"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-label="reflectedProp('label', 'label', checkedProps.label, undefined, false)"
   >
     <div role="group" :aria-label="checkedProps.label ?? undefined">

package/vue/UiEditorSlashMenuItem.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'
@@ -46,7 +46,7 @@ const propValidityContract = {
       default: '',
     },
   },
-}
+} as const
 const props = defineProps({
   description: { type: null as unknown as PropType<string | null>, default: '' },
   disabled: { type: null as unknown as PropType<boolean | null>, default: false },
@@ -54,36 +54,48 @@ const props = defineProps({
   keywords: { type: null as unknown as PropType<string | null>, default: '' },
   value: { type: null as unknown as PropType<string | null>, default: '' },
 })
+const acceptedProps: Record<string, unknown> = {
+  description: '',
+  disabled: false,
+  icon: '',
+  keywords: '',
+  value: '',
+}
 const checkedProps = computed(() => ({
   description: checkedProp<string>(
     props['description'],
     { kind: 'terminal', name: 'string' },
     false,
     'description',
+    acceptedProps,
   ) as string,
   disabled: checkedProp<boolean>(
     props['disabled'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'disabled',
+    acceptedProps,
   ) as boolean,
   icon: checkedProp<string>(
     props['icon'],
     { kind: 'terminal', name: 'string' },
     false,
     'icon',
+    acceptedProps,
   ) as string,
   keywords: checkedProp<string>(
     props['keywords'],
     { kind: 'terminal', name: 'string' },
     false,
     'keywords',
+    acceptedProps,
   ) as string,
   value: checkedProp<string>(
     props['value'],
     { kind: 'terminal', name: 'string' },
     false,
     'value',
+    acceptedProps,
   ) as string,
 }))
 void checkedProps.value
@@ -149,7 +161,7 @@ if (
     tabindex="-1"
     v-bind="nativeAttrs($attrs)"
     :aria-disabled="checkedProps.disabled ?? undefined"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-description="reflectedProp('description', 'description', checkedProps.description, undefined, false)"
     :data-disabled="reflectedProp('disabled', 'disabled', checkedProps.disabled, undefined, false)"
     :data-icon="reflectedProp('icon', 'icon', checkedProps.icon, undefined, false)"

package/vue/UiEditorTableContextMenu.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,
@@ -11,7 +11,7 @@ import {
 } from 'vue'
 import type { PropType, VNode } 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 })
@@ -94,7 +94,7 @@ const propValidityContract = {
       default: 'cell',
     },
   },
-}
+} as const
 const props = defineProps({
   actions: {
     type: null as unknown as PropType<
@@ -134,6 +134,14 @@ const props = defineProps({
   open: { type: null as unknown as PropType<boolean | null>, default: false },
   scope: { type: null as unknown as PropType<'cell' | 'row' | 'column' | null>, default: 'cell' },
 })
+const acceptedProps: Record<string, unknown> = {
+  actions: null,
+  cellBackground: '',
+  headerColumn: false,
+  headerRow: false,
+  open: false,
+  scope: 'cell',
+}
 const checkedProps = computed(() => ({
   actions: checkedProp<
     readonly (
@@ -201,36 +209,42 @@ const checkedProps = computed(() => ({
     },
     false,
     'actions',
+    acceptedProps,
   ),
   cellBackground: checkedProp<string>(
     props['cellBackground'],
     { kind: 'terminal', name: 'string' },
     false,
     'cellBackground',
+    acceptedProps,
   ) as string,
   headerColumn: checkedProp<boolean>(
     props['headerColumn'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'headerColumn',
+    acceptedProps,
   ) as boolean,
   headerRow: checkedProp<boolean>(
     props['headerRow'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'headerRow',
+    acceptedProps,
   ) as boolean,
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
   scope: checkedProp<'cell' | 'row' | 'column'>(
     props['scope'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'scope',
+    acceptedProps,
   ) as 'cell' | 'row' | 'column',
 }))
 void checkedProps.value
@@ -409,6 +423,16 @@ useComponentHost(
       definition: './components/ui-editor-table-context-menu/ui-editor-table-context-menu.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: ['actions', 'cellBackground', 'headerColumn', 'headerRow', 'open', 'scope'],
+    propValidity: (name: string) =>
+      propValidityState({ contract: propValidityContract, values: { ...props } }, name),
     state: { swatches, sections },
   },
 )
@@ -461,7 +485,7 @@ function uniqueKeys<T>(
     role="menu"
     v-bind="nativeAttrs($attrs)"
     :hidden="!checkedProps.open"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-actions="reflectedProp('actions', 'actions', checkedProps.actions, undefined, false)"
     :data-cell-background="reflectedProp('cellBackground', 'cell-background', checkedProps.cellBackground, undefined, false)"
     :data-header-column="reflectedProp('headerColumn', 'header-column', checkedProps.headerColumn, undefined, false)"

package/vue/UiEditorTableOverlay.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,
@@ -11,7 +11,7 @@ import {
 } from 'vue'
 import type { PropType, VNode } 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 })
@@ -89,7 +89,7 @@ const propValidityContract = {
       default: false,
     },
   },
-}
+} as const
 const props = defineProps({
   geometry: {
     type: null as unknown as PropType<
@@ -118,6 +118,7 @@ const props = defineProps({
   },
   open: { type: null as unknown as PropType<boolean | null>, default: false },
 })
+const acceptedProps: Record<string, unknown> = { geometry: null, open: false }
 const checkedProps = computed(() => ({
   geometry: checkedProp<
     {
@@ -193,12 +194,14 @@ const checkedProps = computed(() => ({
     },
     false,
     'geometry',
+    acceptedProps,
   ),
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
 }))
 void checkedProps.value
@@ -498,6 +501,16 @@ useComponentHost(() => import('../components/ui-editor-table-overlay/ui-editor-t
     definition: './components/ui-editor-table-overlay/ui-editor-table-overlay.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: ['geometry', 'open'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   state: { rows, cols, hovered, active, activeKey },
 })
 
@@ -541,7 +554,7 @@ function uniqueKeys<T>(
     aria-label="Table controls"
     v-bind="nativeAttrs($attrs)"
     :hidden="!checkedProps.open"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-geometry="reflectedProp('geometry', 'geometry', checkedProps.geometry, undefined, false)"
     :data-open="reflectedProp('open', 'open', checkedProps.open, undefined, false)"
     ref="root"

package/vue/UiEditorTableToolbar.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,
@@ -11,7 +11,7 @@ import {
 } from 'vue'
 import type { PropType, VNode } 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 })
@@ -94,7 +94,7 @@ const propValidityContract = {
       default: false,
     },
   },
-}
+} as const
 const props = defineProps({
   actions: {
     type: null as unknown as PropType<
@@ -137,6 +137,14 @@ const props = defineProps({
   headerRow: { type: null as unknown as PropType<boolean | null>, default: false },
   open: { type: null as unknown as PropType<boolean | null>, default: false },
 })
+const acceptedProps: Record<string, unknown> = {
+  actions: null,
+  cellAlignment: 'left',
+  cellBackground: '',
+  headerColumn: false,
+  headerRow: false,
+  open: false,
+}
 const checkedProps = computed(() => ({
   actions: checkedProp<
     readonly (
@@ -204,36 +212,42 @@ const checkedProps = computed(() => ({
     },
     false,
     'actions',
+    acceptedProps,
   ),
   cellAlignment: checkedProp<'left' | 'center' | 'right'>(
     props['cellAlignment'],
     { kind: 'terminal', name: 'keyword' },
     false,
     'cellAlignment',
+    acceptedProps,
   ) as 'left' | 'center' | 'right',
   cellBackground: checkedProp<string>(
     props['cellBackground'],
     { kind: 'terminal', name: 'string' },
     false,
     'cellBackground',
+    acceptedProps,
   ) as string,
   headerColumn: checkedProp<boolean>(
     props['headerColumn'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'headerColumn',
+    acceptedProps,
   ) as boolean,
   headerRow: checkedProp<boolean>(
     props['headerRow'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'headerRow',
+    acceptedProps,
   ) as boolean,
   open: checkedProp<boolean>(
     props['open'],
     { kind: 'terminal', name: 'boolean' },
     false,
     'open',
+    acceptedProps,
   ) as boolean,
 }))
 void checkedProps.value
@@ -429,6 +443,16 @@ useComponentHost(() => import('../components/ui-editor-table-toolbar/ui-editor-t
     definition: './components/ui-editor-table-toolbar/ui-editor-table-toolbar.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: ['actions', 'cellAlignment', 'cellBackground', 'headerColumn', 'headerRow', 'open'],
+  propValidity: (name: string) =>
+    propValidityState({ contract: propValidityContract, values: { ...props } }, name),
   state: { alignments, structure, swatches, sections, hasOverflow, overflowOpen },
 })
 
@@ -481,7 +505,7 @@ function uniqueKeys<T>(
     aria-label="Table actions"
     v-bind="nativeAttrs($attrs)"
     :hidden="!checkedProps.open"
-    v-prop-validity="{ contract: propValidityContract, values: { ...checkedProps } }"
+    v-prop-validity="{ contract: propValidityContract, values: { ...props } }"
     :data-actions="reflectedProp('actions', 'actions', checkedProps.actions, undefined, false)"
     :data-cell-alignment="reflectedProp('cellAlignment', 'cell-alignment', checkedProps.cellAlignment, undefined, false)"
     :data-cell-background="reflectedProp('cellBackground', 'cell-background', checkedProps.cellBackground, undefined, false)"