@vizejs/ui 0.429.2 → 0.431.0

package/registry/files/families/disclosure/accordion/accordion-trigger.vue

@@ -92,8 +92,8 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled="collapsible.disabled.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-expanded="collapsible.open.value ? 'true' : 'false'"
     :aria-controls="collapsible.contentId.value"
     :aria-disabled="item.locked.value ? 'true' : undefined"

package/registry/files/families/disclosure/collapsible/collapsible-trigger.vue

@@ -84,8 +84,8 @@ defineExpose(exposed);
     ref="element"
     :type
     :disabled="triggerDisabled"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-expanded="context.open.value ? 'true' : 'false'"
     :aria-controls="context.contentId.value"
     data-vize-ui="collapsible-trigger"

package/registry/files/families/editor/rich-text/rich-text-bubble-menu.vue

@@ -97,7 +97,7 @@ defineExpose({ element });
       <div
         ref="element"
         v-bind="menuProps"
-        :aria-label="ariaLabel"
+        :aria-label
         :aria-controls="editor.contentId.value"
         data-vize-ui="rich-text-bubble-menu"
         part="bubble-menu"

package/registry/files/families/editor/rich-text/rich-text-content.vue

@@ -292,9 +292,9 @@ defineExpose({ element, focus } satisfies Omit<RichTextContentExpose, "element">
     :id="editor.contentId.value"
     ref="element"
     v-bind="contentProps"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :spellcheck="spellcheck ? 'true' : 'false'"
     data-vize-ui="rich-text-content"
     part="content"

package/registry/files/families/editor/rich-text/rich-text-toolbar-button.vue

@@ -86,7 +86,7 @@ const buttonProps = computed(() => ({
     ref="element"
     v-bind="buttonProps"
     type="button"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-pressed="pressed === null ? undefined : pressed ? 'true' : 'false'"
     :aria-disabled="unavailable ? 'true' : undefined"
     data-vize-ui="rich-text-toolbar-button"

package/registry/files/families/editor/rich-text/rich-text-toolbar.vue

@@ -34,7 +34,7 @@ defineExpose({ element });
   <div
     ref="element"
     v-bind="toolbarProps"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="editor.contentId.value"
     data-vize-ui="rich-text-toolbar"
     part="toolbar"

package/registry/files/families/feedback/alert/alert.vue

@@ -98,16 +98,16 @@ defineExpose(exposed);
     ref="element"
     :role
     :hidden="open ? undefined : true"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-live="live"
     :aria-atomic="atomic ? 'true' : 'false'"
     data-vize-ui="alert"
     :data-state="state"
     :data-variant="variant"
   >
-    <slot :open :role :state="state" :variant />
+    <slot :open :role :state :variant />
   </div>
 </template>
 

package/registry/files/families/feedback/banner/banner.vue

@@ -205,7 +205,7 @@ defineExpose(exposed);
     ref="element"
     :hidden="!openValue"
     :role="renderedAriaRole"
-    :aria-hidden="ariaHidden"
+    :aria-hidden
     :aria-label="renderedAriaLabel"
     :aria-labelledby="renderedAriaLabelledby"
     :aria-describedby="renderedAriaDescribedby"

package/registry/files/families/feedback/callout/callout.vue

@@ -179,7 +179,7 @@ defineExpose(exposed);
 <template>
   <component
     :is="as"
-    :id="id"
+    :id
     ref="element"
     part="root"
     :role="ariaState === 'decorative' ? undefined : role"

package/registry/files/families/feedback/empty-state/empty-state.vue

@@ -87,7 +87,7 @@ defineExpose(exposed);
     :data-density="density"
     :data-orientation="orientation"
   >
-    <slot :density="density" :orientation="orientation" :state="state" :tone="tone" />
+    <slot :density :orientation :state :tone />
   </component>
 </template>
 

package/registry/files/families/feedback/meter/meter.vue

@@ -152,9 +152,9 @@ defineExpose(exposed);
     :low="currentLow ?? undefined"
     :high="currentHigh ?? undefined"
     :optimum="currentOptimum ?? undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="meter"
     part="root"
     :data-state="state"
@@ -176,11 +176,11 @@ defineExpose(exposed);
       :low="currentLow"
       :high="currentHigh"
       :optimum="currentOptimum"
-      :percent="percent"
-      :range="range"
-      :optimal="optimal"
-      :invalid="invalid"
-      :state="state"
+      :percent
+      :range
+      :optimal
+      :invalid
+      :state
     />
   </meter>
 </template>

package/registry/files/families/feedback/progress/progress.vue

@@ -81,9 +81,9 @@ defineExpose(exposed);
     ref="element"
     :value="currentValue ?? undefined"
     :max="currentMax"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-valuetext="ariaValueText"
     data-vize-ui="progress"
     part="root"
@@ -94,14 +94,7 @@ defineExpose(exposed);
     :data-max="currentMax"
     :data-percent="percent ?? undefined"
   >
-    <slot
-      :value="currentValue"
-      :max="currentMax"
-      :percent="percent"
-      :indeterminate="indeterminate"
-      :complete="complete"
-      :state="state"
-    />
+    <slot :value="currentValue" :max="currentMax" :percent :indeterminate :complete :state />
   </progress>
 </template>
 

package/registry/files/families/feedback/progress-bar/progress-bar.vue

@@ -210,7 +210,7 @@ defineExpose(exposed);
     :dir="direction"
     :aria-label="accessibleLabel"
     :aria-labelledby="labelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-describedby
     :aria-valuemin="currentMin"
     :aria-valuemax="currentMax"
     :aria-valuenow="currentValue ?? undefined"

package/registry/files/families/feedback/toast/toast-close.vue

@@ -52,7 +52,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="toast-close"
     part="close"
     @click="onClick"

package/registry/files/families/form/angle-picker/angle-picker.vue

@@ -288,16 +288,16 @@ defineExpose(exposed);
     aria-valuemin="0"
     :aria-valuemax="maxAngle"
     :aria-valuetext="valueText"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
     :aria-disabled="disabled ? 'true' : undefined"
     :aria-readonly="readOnly ? 'true' : undefined"
     part="root"
     data-vize-ui="angle-picker"
-    :data-state="dataState"
+    :data-state
     :style="rootStyle"
     @keydown="onKeydown"
     @pointerdown="drag.onPointerdown"

package/registry/files/families/form/color-picker/color-picker-area.vue

@@ -263,8 +263,8 @@ defineExpose(exposed);
       aria-roledescription="2D slider"
       v-bind="thumbProps"
       :aria-label="label"
-      :aria-labelledby="ariaLabelledby"
-      :aria-describedby="ariaDescribedby"
+      :aria-labelledby
+      :aria-describedby
       :aria-valuemin="xMin"
       :aria-valuemax="xMax"
       :aria-valuenow="xValue"

package/registry/files/families/form/color-picker/color-picker-channel-slider.vue

@@ -254,8 +254,8 @@ defineExpose(exposed);
       ref="thumb"
       v-bind="thumbProps"
       :aria-label="label"
-      :aria-labelledby="ariaLabelledby"
-      :aria-describedby="ariaDescribedby"
+      :aria-labelledby
+      :aria-describedby
       :aria-orientation="orientation"
       :aria-valuemin="min"
       :aria-valuemax="max"

package/registry/files/families/form/color-picker/color-picker-eye-dropper.vue

@@ -152,7 +152,7 @@ defineExpose(exposed);
     type="button"
     :disabled="buttonDisabled"
     :hidden="!supported && unsupported === 'hide' ? true : undefined"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-busy="picking ? 'true' : undefined"
     data-vize-ui="color-picker-eye-dropper"
     part="eye-dropper"

package/registry/files/families/form/color-picker/color-picker-field.vue

@@ -171,9 +171,9 @@ defineExpose(exposed);
     :placeholder
     :disabled="context.disabled.value"
     :readonly="context.readOnly.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-invalid="state === 'invalid' ? 'true' : undefined"
     data-vize-ui="color-picker-field"
     part="field"

package/registry/files/families/form/color-picker/color-picker-swatch-group.vue

@@ -137,9 +137,9 @@ defineExpose(exposed);
     :id="groupId"
     ref="element"
     role="radiogroup"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="context.disabled.value ? 'true' : undefined"
     :aria-readonly="context.readOnly.value ? 'true' : undefined"
     data-vize-ui="color-picker-swatch-group"

package/registry/files/families/form/editable/editable-preview.vue

@@ -55,7 +55,7 @@ function onKeydown(event: KeyboardEvent): void {
     @dblclick="onDblclick"
     @keydown="onKeydown"
   >
-    <slot :value="context.value.value" :empty="empty">{{
+    <slot :value="context.value.value" :empty>{{
       empty ? (context.placeholder.value ?? "") : context.value.value
     }}</slot>
   </span>

package/registry/files/families/form/editable/editable-trigger.vue

@@ -46,7 +46,7 @@ function onClick(): void {
     type="button"
     :hidden="!shown"
     :disabled="!context.interactive.value"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.inputId.value"
     :part="`${action}-trigger`"
     data-vize-ui="editable-trigger"

package/registry/files/families/form/editable/editable.vue

@@ -333,7 +333,7 @@ defineExpose(exposed);
     ref="root"
     part="root"
     data-vize-ui="editable"
-    :data-state="dataState"
+    :data-state
     :data-empty="valueState.value.value.length === 0 ? 'true' : undefined"
     :data-disabled="disabled ? 'true' : undefined"
     :data-invalid="ariaInvalidValue === undefined ? undefined : 'true'"

package/registry/files/families/form/error-summary/error-summary.vue

@@ -100,7 +100,7 @@ defineExpose({
             :href="'#' + field.id"
             @click="(event) => onFieldLink(field, event)"
           >
-            <slot name="field" :field="field">{{ linkText(field) }}</slot>
+            <slot name="field" :field>{{ linkText(field) }}</slot>
           </a>
         </li>
       </ul>

package/registry/files/families/form/fieldset/fieldset.vue

@@ -135,7 +135,7 @@ defineExpose({ element, invalid: isInvalid, id: wiring.fieldId });
     :aria-describedby="describedBy"
     part="root"
     data-vize-ui="fieldset"
-    :data-state="dataState"
+    :data-state
     :data-invalid="isInvalid ? 'true' : 'false'"
   >
     <slot v-bind="slotState" />

package/registry/files/families/form/file-upload/file-upload-clear.vue

@@ -68,8 +68,8 @@ defineExpose(exposed);
   <button
     ref="element"
     type="button"
-    :disabled="disabled"
-    :aria-label="ariaLabel"
+    :disabled
+    :aria-label
     data-vize-ui="file-upload-clear"
     part="clear"
     :data-disabled="disabled ? 'true' : undefined"

package/registry/files/families/form/file-upload/file-upload-dropzone.vue

@@ -285,9 +285,9 @@ defineExpose(exposed);
     :role="roleValue"
     :tabindex="interactive ? 0 : undefined"
     :aria-disabled="openOnClick && disabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     data-vize-ui="file-upload-dropzone"
     part="dropzone"
     :data-state="state"

package/registry/files/families/form/file-upload/file-upload-item-delete.vue

@@ -57,8 +57,8 @@ function onClick(event: MouseEvent): void {
   <button
     ref="element"
     type="button"
-    :disabled="disabled"
-    :aria-label="ariaLabel"
+    :disabled
+    :aria-label
     data-vize-ui="file-upload-item-delete"
     part="item-delete"
     @click="onClick"

package/registry/files/families/form/file-upload/file-upload-item-group.vue

@@ -37,8 +37,8 @@ const slotState = computed<FileUploadItemGroupSlotState>(() => ({
 
 <template>
   <ul
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     data-vize-ui="file-upload-item-group"
     part="item-group"
     :data-state="state"

package/registry/files/families/form/file-upload/file-upload-trigger.vue

@@ -75,9 +75,9 @@ defineExpose(exposed);
   <button
     ref="element"
     type="button"
-    :disabled="disabled"
-    :aria-label="ariaLabel"
-    :aria-describedby="ariaDescribedby"
+    :disabled
+    :aria-label
+    :aria-describedby
     data-vize-ui="file-upload-trigger"
     part="trigger"
     :data-disabled="disabled ? 'true' : undefined"

package/registry/files/families/form/form-wizard/form-wizard-progress.vue

@@ -42,13 +42,13 @@ const valueText = computed(() =>
   <progress
     :max="context.count.value"
     :value="step"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-valuetext="valueText"
     part="progress"
     data-vize-ui="form-wizard-progress"
     :style="{ '--vize-form-wizard-progress': `${context.progress.value * 100}%` }"
   >
-    <slot :step="step" :count="context.count.value" :progress="context.progress.value">{{
+    <slot :step :count="context.count.value" :progress="context.progress.value">{{
       valueText
     }}</slot>
   </progress>

package/registry/files/families/form/form-wizard/form-wizard-step.vue

@@ -47,7 +47,7 @@ onScopeDispose(() => context.registerPanel(step, null));
     :data-step="step"
     :data-state="active ? 'active' : context.isVisited(step) ? 'visited' : 'upcoming'"
   >
-    <slot :active="active" :index="index" />
+    <slot :active :index />
   </section>
 </template>
 

package/registry/files/families/form/form-wizard/form-wizard.vue

@@ -342,12 +342,12 @@ defineExpose(exposed);
     :id="baseId"
     ref="root"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-busy="validating ? 'true' : undefined"
     part="root"
     data-vize-ui="form-wizard"
-    :data-state="dataState"
+    :data-state
     :data-step="current"
   >
     <slot v-bind="slotState" />

package/registry/files/families/form/input/text-input.vue

@@ -299,14 +299,14 @@ defineExpose(exposed);
     :autocomplete
     :inputmode="inputMode"
     :enterkeyhint="enterKeyHint"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
     data-vize-ui="input"
-    :data-state="dataState"
-    :data-empty="dataEmpty"
+    :data-state
+    :data-empty
     :data-composing="composing ? 'true' : 'false'"
     @input="onInput"
     @change="onChange"

package/registry/files/families/form/input-mask/masked-input.vue

@@ -117,14 +117,14 @@ defineExpose(exposed);
     :placeholder
     :autocomplete
     :inputmode="inputMode ?? controller.inputMode.value"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
     part="input"
     data-vize-ui="masked-input"
-    :data-state="dataState"
+    :data-state
     :data-complete="controller.complete.value ? 'true' : 'false'"
     @input="onInput"
   />

package/registry/files/families/form/knob/knob.vue

@@ -358,16 +358,16 @@ defineExpose(exposed);
     :aria-valuemin="bounds.min"
     :aria-valuemax="bounds.max"
     :aria-valuetext="getValueText?.(value)"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-errormessage="ariaInvalidValue === undefined ? undefined : ariaErrormessage"
     :aria-invalid="ariaInvalidValue"
     :aria-disabled="disabled ? 'true' : undefined"
     :aria-readonly="readOnly ? 'true' : undefined"
     part="root"
     data-vize-ui="knob"
-    :data-state="dataState"
+    :data-state
     :style="rootStyle"
     @keydown="onKeydown"
     @pointerdown="drag.onPointerdown"

package/registry/files/families/form/mention/mention-content.vue

@@ -213,7 +213,7 @@ defineExpose({ element });
               ref="element"
               v-bind="contentBindings"
               tabindex="-1"
-              :aria-label="ariaLabel"
+              :aria-label
               :aria-busy="context.status.value === 'loading' ? 'true' : undefined"
               data-vize-ui="mention-content"
               part="content"

package/registry/files/families/form/number-field/number-field-decrement.vue

@@ -16,7 +16,7 @@ const trigger = useNumberFieldTrigger("decrement");
   <button
     type="button"
     tabindex="-1"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="trigger.context.inputId.value"
     :disabled="trigger.disabled.value"
     part="decrement"

package/registry/files/families/form/number-field/number-field-increment.vue

@@ -16,7 +16,7 @@ const trigger = useNumberFieldTrigger("increment");
   <button
     type="button"
     tabindex="-1"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="trigger.context.inputId.value"
     :disabled="trigger.disabled.value"
     part="increment"

package/registry/files/families/form/number-field/number-field.vue

@@ -319,7 +319,7 @@ defineExpose(exposed);
     ref="root"
     part="root"
     data-vize-ui="number-field"
-    :data-state="dataState"
+    :data-state
     :data-disabled="disabled ? 'true' : undefined"
     :data-readonly="readOnly ? 'true' : undefined"
     :data-required="required ? 'true' : undefined"

package/registry/files/families/form/password-field/password-field.vue

@@ -298,7 +298,7 @@ defineExpose(exposed);
     ref="root"
     part="root"
     data-vize-ui="password-field"
-    :data-state="dataState"
+    :data-state
     :data-visible="visibleState.value.value ? 'true' : 'false'"
     :data-caps-lock="capsLock ? 'true' : undefined"
     :data-disabled="disabled ? 'true' : undefined"

package/registry/files/families/form/phone-field/phone-field.vue

@@ -321,7 +321,7 @@ defineExpose(exposed);
     role="group"
     part="root"
     data-vize-ui="phone-field"
-    :data-state="dataState"
+    :data-state
     :data-country="activeCountry.code"
     :data-disabled="disabled ? 'true' : undefined"
   >

package/registry/files/families/form/pin-input/pin-input.vue

@@ -348,11 +348,11 @@ defineExpose(exposed);
   <div
     ref="root"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     part="root"
     data-vize-ui="pin-input"
-    :data-state="dataState"
+    :data-state
     :data-complete="complete ? 'true' : 'false'"
     :data-disabled="disabled ? 'true' : undefined"
     :data-invalid="ariaInvalidValue === undefined ? undefined : 'true'"

package/registry/files/families/form/range-slider/range-slider-thumb.vue

@@ -71,7 +71,7 @@ function onKeydown(event: KeyboardEvent): void {
     ref="element"
     role="slider"
     tabindex="0"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-labelledby="ariaLabel === undefined ? context.ariaLabelledby.value : undefined"
     :aria-describedby="context.ariaDescribedby.value"
     :aria-errormessage="

package/registry/files/families/form/range-slider/range-slider.vue

@@ -265,11 +265,11 @@ defineExpose(exposed);
   <span
     ref="root"
     role="group"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     part="root"
     data-vize-ui="range-slider"
-    :data-state="dataState"
+    :data-state
     :data-orientation="orientation"
     :data-dir="dir"
     :data-disabled="disabled ? 'true' : undefined"

package/registry/files/families/form/rating/rating.vue

@@ -111,7 +111,7 @@ defineExpose(exposed);
     :aria-required="requiredState ? 'true' : undefined"
     data-vize-ui="rating"
     part="root"
-    :data-state="dataState"
+    :data-state
     :data-value="currentValue ?? undefined"
     :data-min="minValue"
     :data-max="maxValue"
@@ -191,8 +191,8 @@ defineExpose(exposed);
       :min="minValue"
       :max="maxValue"
       :count="itemCount"
-      :items="items"
-      :percent="percent"
+      :items
+      :percent
       :direction="directionState"
       :disabled="disabledState"
       :read-only="readOnlyState"