@vizejs/ui 0.429.2 → 0.431.0

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

@@ -250,8 +250,8 @@ defineExpose(exposed);
   <div
     role="search"
     data-vize-ui="search-field"
-    :data-state="dataState"
-    :data-empty="dataEmpty"
+    :data-state
+    :data-empty
     :data-composing="composing ? 'true' : 'false'"
   >
     <input
@@ -267,14 +267,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="search-field-input"
-      :data-state="dataState"
-      :data-empty="dataEmpty"
+      :data-state
+      :data-empty
       :data-composing="composing ? 'true' : 'false'"
       @input="onInput"
       @change="onChange"
@@ -289,7 +289,7 @@ defineExpose(exposed);
       :disabled="clearDisabled"
       :aria-label="clearLabel"
       data-vize-ui="search-field-clear"
-      :data-empty="dataEmpty"
+      :data-empty
       @click="onClearClick"
     >
       <slot name="clear" v-bind="clearSlotState" />

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

@@ -282,7 +282,7 @@ defineExpose(exposed);
     ref="root"
     data-vize-ui="slider"
     part="root"
-    :data-state="dataState"
+    :data-state
     :data-orientation="orientationState"
     :data-dir="directionState"
     :data-value="currentValue"
@@ -308,9 +308,9 @@ defineExpose(exposed);
       :disabled="disabledState"
       :required="requiredState"
       :dir="directionState"
-      :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-orientation="orientationState"
@@ -319,7 +319,7 @@ defineExpose(exposed);
       :orient="orientationState === 'vertical' ? 'vertical' : undefined"
       data-vize-ui="slider-input"
       part="control"
-      :data-state="dataState"
+      :data-state
       :data-orientation="orientationState"
       :data-dir="directionState"
       :data-value="currentValue"

package/registry/files/families/form/textarea/textarea-control.vue

@@ -328,14 +328,14 @@ defineExpose(exposed);
     :maxlength
     :spellcheck
     :wrap
-    :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="textarea"
-    :data-state="dataState"
-    :data-empty="dataEmpty"
+    :data-state
+    :data-empty
     :data-composing="composing ? 'true' : 'false'"
     @input="onInput"
     @change="onChange"

package/registry/files/families/foundations/id/deterministic-id-provider.vue

@@ -50,7 +50,7 @@ defineExpose({ namespace, prefix: resolvedPrefix });
 </script>
 
 <template>
-  <slot :namespace="namespace" :prefix="resolvedPrefix" />
+  <slot :namespace :prefix="resolvedPrefix" />
 </template>
 
 <style scoped>

package/registry/files/families/foundations/primitive/primitive-element.vue

@@ -25,7 +25,7 @@ defineExpose({ element });
 <template>
   <component :is="as" ref="element" data-vize-ui="primitive">
     <template v-for="name in getSlotNames()" :key="name" #[name]>
-      <slot :name="name" />
+      <slot :name />
     </template>
   </component>
 </template>

package/registry/files/families/interaction/swipe-actions/swipe-actions-tray.vue

@@ -36,7 +36,7 @@ onScopeDispose(() => context.registerTray(side, null));
     :data-side="side"
     :data-state="open ? 'open' : 'closed'"
   >
-    <slot :open="open" />
+    <slot :open />
   </div>
 </template>
 

package/registry/files/families/interaction/swipe-actions/swipe-actions.vue

@@ -317,7 +317,7 @@ defineExpose(exposed);
     :is="as"
     part="root"
     data-vize-ui="swipe-actions"
-    :data-state="dataState"
+    :data-state
     :data-open="state.value.value ?? undefined"
     :data-full-swipe="fullSwipeSide ?? undefined"
     :data-dir="dir"

package/registry/files/families/layout/aspect-ratio/aspect-ratio.vue

@@ -62,11 +62,11 @@ defineExpose(exposed);
     :is="as"
     ref="element"
     data-vize-ui="aspect-ratio"
-    :data-state="dataState"
+    :data-state
     :data-vize-aspect-ratio="ratioText"
     v-bind="intrinsicProps"
   >
-    <slot :ratio="normalizedRatio" :invalid="invalid" />
+    <slot :ratio="normalizedRatio" :invalid />
   </component>
 </template>
 

package/registry/files/families/layout/avatar-group/avatar-group.vue

@@ -132,8 +132,8 @@ defineExpose(exposed);
 <template>
   <ul
     ref="element"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :style
     data-vize-ui="avatar-group"
     part="root"

package/registry/files/families/layout/dashboard-grid/dashboard-grid.vue

@@ -146,7 +146,7 @@ defineExpose({ element, layout: state.value, rows });
     :data-disabled="disabled ? '' : undefined"
     :style="gridStyle"
   >
-    <slot :rows="rows" />
+    <slot :rows />
   </div>
 </template>
 

package/registry/files/families/layout/icon/icon-button.vue

@@ -171,7 +171,7 @@ function hasText(value: string | undefined): boolean {
     :aria-busy="loadingValue ? 'true' : undefined"
     :aria-label="ariaLabelledbyValue === undefined ? ariaLabelValue : undefined"
     :aria-labelledby="ariaLabelledbyValue"
-    :aria-describedby="ariaDescribedby"
+    :aria-describedby
     data-vize-ui="icon-button"
     part="root"
     :data-state="state"

package/registry/files/families/layout/icon/icon.vue

@@ -121,22 +121,22 @@ function hasText(value: string | undefined): boolean {
 <template>
   <component
     :is="as"
-    :id="id"
+    :id
     ref="element"
     :role="ariaState === 'img' ? 'img' : undefined"
     :aria-hidden="ariaState === 'decorative' ? 'true' : undefined"
     :aria-label="ariaLabelValue"
     :aria-labelledby="ariaLabelledbyValue"
     :aria-describedby="ariaDescribedbyValue"
-    :viewBox="viewBox"
-    :width="width"
-    :height="height"
+    :viewBox
+    :width
+    :height
     :focusable="focusable ? 'true' : 'false'"
-    :fill="fill"
-    :stroke="stroke"
-    :stroke-width="strokeWidth"
-    :stroke-linecap="strokeLinecap"
-    :stroke-linejoin="strokeLinejoin"
+    :fill
+    :stroke
+    :stroke-width
+    :stroke-linecap
+    :stroke-linejoin
     data-vize-ui="icon"
     part="root"
     :data-aria-state="ariaState"

package/registry/files/families/layout/master-detail/master-detail.vue

@@ -152,7 +152,7 @@ defineExpose({ layout, select, back, selected: current });
       tabindex="-1"
       :aria-label="masterLabel"
     >
-      <slot name="master" :selected="current" :layout="layout" :select="select" />
+      <slot name="master" :selected="current" :layout :select />
     </section>
     <section
       v-if="showDetail && current !== null"
@@ -161,10 +161,10 @@ defineExpose({ layout, select, back, selected: current });
       tabindex="-1"
       :aria-label="detailLabel"
     >
-      <slot name="detail" :selected="current" :layout="layout" :back="back" />
+      <slot name="detail" :selected="current" :layout :back />
     </section>
     <section v-else-if="layout === 'split'" data-part="empty" :aria-label="detailLabel">
-      <slot name="empty" :layout="layout" />
+      <slot name="empty" :layout />
     </section>
   </div>
 </template>

package/registry/files/families/layout/responsive/responsive-show.vue

@@ -80,7 +80,7 @@ defineExpose({ visible, width: breakpoint.width });
     :hidden="!visible"
     :style="wrapperStyle"
   >
-    <slot v-if="visible || hideMode === 'hidden'" :visible="visible" />
+    <slot v-if="visible || hideMode === 'hidden'" :visible />
   </div>
 </template>
 

package/registry/files/families/layout/safe-area/safe-area.vue

@@ -60,7 +60,7 @@ const insetEdges = computed(() => {
     :data-insets="insetEdges"
     :style
   >
-    <slot :insets="insets" />
+    <slot :insets />
   </component>
 </template>
 

package/registry/files/families/layout/sidebar/sidebar-rail.vue

@@ -64,7 +64,7 @@ defineExpose(exposed);
     type="button"
     tabindex="-1"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-expanded="expanded ? 'true' : 'false'"
     :aria-controls="context.sidebarId.value"
     data-vize-ui="sidebar-rail"

package/registry/files/families/layout/sidebar/sidebar-root.vue

@@ -97,7 +97,7 @@ defineExpose(exposed);
     v-else
     :id="context.sidebarId.value"
     ref="element"
-    :aria-label="ariaLabel"
+    :aria-label
     :inert="offcanvasHidden ? true : undefined"
     data-vize-ui="sidebar-root"
     part="root"

package/registry/files/families/layout/sidebar/sidebar-trigger.vue

@@ -63,7 +63,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-expanded="expanded ? 'true' : 'false'"
     :aria-controls="context.sidebarId.value"
     data-vize-ui="sidebar-trigger"

package/registry/files/families/layout/splitter/splitter-handle.vue

@@ -200,8 +200,8 @@ defineExpose(exposed);
     :aria-valuemax="valueMax"
     :aria-controls="controlsId"
     :aria-disabled="handleDisabled ? 'true' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     data-vize-ui="splitter-handle"
     part="handle"
     :data-state="handleState"

package/registry/files/families/layout/sticky-stack/sticky-stack-item.vue

@@ -105,7 +105,7 @@ defineExpose({ element, top, stuck, measure });
     :data-disabled="disabled ? '' : undefined"
     :style="itemStyle"
   >
-    <slot :top="top" :stuck="stuck" />
+    <slot :top :stuck />
   </component>
 </template>
 

package/registry/files/families/layout/sticky-stack/sticky-stack.vue

@@ -80,7 +80,7 @@ defineExpose({ total, refresh });
 
 <template>
   <component :is="as" data-vize-ui="sticky-stack" :style="rootStyle">
-    <slot :total="total" />
+    <slot :total />
   </component>
 </template>
 

package/registry/files/families/layout/window-manager/window-dock.vue

@@ -40,7 +40,7 @@ function toggle(id: string): void {
 
 <template>
   <nav :aria-label="label" data-vize-ui="window-dock">
-    <slot :windows="windows">
+    <slot :windows>
       <button
         v-for="window in windows"
         :key="window.id"

package/registry/files/families/layout/window-manager/window-manager.vue

@@ -219,7 +219,7 @@ defineExpose({ element, layout: state.value, activeId, measure });
 
 <template>
   <div ref="element" data-vize-ui="window-manager" :style="rootStyle">
-    <slot :active-id="activeId" :windows="windows" />
+    <slot :active-id :windows />
   </div>
 </template>
 

package/registry/files/families/media/audio-visualizer/audio-visualizer.vue

@@ -173,7 +173,7 @@ defineExpose(exposed);
   <div
     ref="element"
     :role="ariaLabel === undefined ? undefined : 'img'"
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-hidden="ariaLabel === undefined ? 'true' : undefined"
     data-vize-ui="audio-visualizer-root"
     part="root"

package/registry/files/families/media/carousel/carousel-autoplay-toggle.vue

@@ -49,7 +49,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.viewportId.value"
     data-vize-ui="carousel-autoplay-toggle"
     part="autoplay-toggle"

package/registry/files/families/media/carousel/carousel-indicator-group.vue

@@ -41,8 +41,8 @@ defineExpose(exposed);
   <div
     ref="element"
     role="tablist"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :aria-orientation="context.orientation.value"
     data-vize-ui="carousel-indicator-group"
     part="indicator-group"

package/registry/files/families/media/carousel/carousel-next.vue

@@ -48,7 +48,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.viewportId.value"
     data-vize-ui="carousel-next"
     part="next"

package/registry/files/families/media/carousel/carousel-previous.vue

@@ -48,7 +48,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.viewportId.value"
     data-vize-ui="carousel-previous"
     part="previous"

package/registry/files/families/media/carousel/carousel-root.vue

@@ -492,8 +492,8 @@ defineExpose(exposed);
     :id="baseId"
     ref="element"
     :aria-roledescription="roleDescription"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :dir="dirState"
     data-vize-ui="carousel-root"
     part="root"

package/registry/files/families/media/image-compare/image-compare-handle.vue

@@ -95,8 +95,8 @@ defineExpose(exposed);
     ref="element"
     v-bind="handleProps"
     :aria-label="label"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-labelledby
+    :aria-describedby
     :aria-orientation="context.orientation.value"
     aria-valuemin="0"
     aria-valuemax="100"

package/registry/files/families/media/lightbox/lightbox-trigger.vue

@@ -58,7 +58,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     aria-haspopup="dialog"
     :aria-expanded="context.open.value && current ? 'true' : 'false'"
     :aria-controls="dialog.contentId.value"

package/registry/files/families/media/marquee/marquee-root.vue

@@ -298,8 +298,8 @@ defineExpose(exposed);
     :id="baseId"
     ref="element"
     role="marquee"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :style
     data-vize-ui="marquee-root"
     part="root"

package/registry/files/families/media/media-player/media-player-root.vue

@@ -679,8 +679,8 @@ defineExpose(exposed);
     :id="baseId"
     ref="element"
     :role="ariaLabel !== undefined || ariaLabelledby !== undefined ? 'group' : undefined"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
+    :aria-label
+    :aria-labelledby
     :dir
     data-vize-ui="media-player-root"
     part="root"

package/registry/files/families/media/media-player/media-player-seek-slider.vue

@@ -147,7 +147,7 @@ defineExpose(exposed);
       ref="thumb"
       v-bind="thumbProps"
       :aria-label="label"
-      :aria-labelledby="ariaLabelledby"
+      :aria-labelledby
       aria-orientation="horizontal"
       :aria-valuemin="0"
       :aria-valuemax="Math.floor(duration)"

package/registry/files/families/media/media-player/media-player-volume-slider.vue

@@ -127,7 +127,7 @@ defineExpose(exposed);
       ref="thumb"
       v-bind="thumbProps"
       :aria-label="label"
-      :aria-labelledby="ariaLabelledby"
+      :aria-labelledby
       aria-orientation="horizontal"
       :aria-valuemin="0"
       :aria-valuemax="100"

package/registry/files/families/media/pan-zoom/pan-zoom-fit.vue

@@ -50,7 +50,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="pan-zoom-fit"
     part="fit"
     @click="onClick"

package/registry/files/families/media/pan-zoom/pan-zoom-reset.vue

@@ -50,7 +50,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="pan-zoom-reset"
     part="reset"
     @click="onClick"

package/registry/files/families/media/pan-zoom/pan-zoom-viewport.vue

@@ -244,9 +244,9 @@ defineExpose(exposed);
     role="group"
     :tabindex="context.disabled.value ? undefined : 0"
     :aria-roledescription="context.messages.value.roleDescription"
-    :aria-label="ariaLabel"
-    :aria-labelledby="ariaLabelledby"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-labelledby
+    :aria-describedby
     :aria-disabled="context.disabled.value ? 'true' : undefined"
     data-vize-ui="pan-zoom-viewport"
     part="viewport"

package/registry/files/families/media/pan-zoom/pan-zoom-zoom-in.vue

@@ -50,7 +50,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="pan-zoom-zoom-in"
     part="zoom-in"
     @click="onClick"

package/registry/files/families/media/pan-zoom/pan-zoom-zoom-out.vue

@@ -50,7 +50,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     data-vize-ui="pan-zoom-zoom-out"
     part="zoom-out"
     @click="onClick"

package/registry/files/families/media/signature-pad/signature-pad-canvas.vue

@@ -164,8 +164,8 @@ defineExpose(exposed);
     ref="element"
     xmlns="http://www.w3.org/2000/svg"
     role="img"
-    :aria-label="ariaLabel"
-    :aria-describedby="ariaDescribedby"
+    :aria-label
+    :aria-describedby
     :viewBox
     data-vize-ui="signature-pad-canvas"
     part="canvas"

package/registry/files/families/media/webcam-capture/webcam-capture-shutter.vue

@@ -59,7 +59,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.id.value"
     data-vize-ui="webcam-capture-shutter"
     part="shutter"

package/registry/files/families/media/webcam-capture/webcam-capture-start-button.vue

@@ -53,7 +53,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.id.value"
     data-vize-ui="webcam-capture-start-button"
     part="start-button"

package/registry/files/families/media/webcam-capture/webcam-capture-stop-button.vue

@@ -50,7 +50,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.id.value"
     data-vize-ui="webcam-capture-stop-button"
     part="stop-button"

package/registry/files/families/media/webcam-capture/webcam-capture-switch-camera.vue

@@ -50,7 +50,7 @@ defineExpose(exposed);
     ref="element"
     type="button"
     :disabled
-    :aria-label="ariaLabel"
+    :aria-label
     :aria-controls="context.id.value"
     data-vize-ui="webcam-capture-switch-camera"
     part="switch-camera"

package/registry/files/families/menus/dropdown-menu/dropdown-menu-trigger.vue

@@ -112,7 +112,7 @@ defineExpose({ element, focus } satisfies Omit<MenuTriggerExpose, "element"> & {
     ref="element"
     type="button"
     :disabled="disabledState"
-    :aria-label="ariaLabel"
+    :aria-label
     aria-haspopup="menu"
     :aria-expanded="level.open.value ? 'true' : 'false'"
     :aria-controls="level.open.value ? level.contentId.value : undefined"

package/registry/files/families/menus/menu/menu-checkbox-item.vue

@@ -128,7 +128,7 @@ defineExpose({
     v-bind="item.interactiveProps"
     :id="item.id.value"
     ref="element"
-    :aria-checked="ariaChecked"
+    :aria-checked
     :aria-disabled="item.disabled.value ? 'true' : undefined"
     data-vize-ui="menu-checkbox-item"
     part="item"
@@ -140,7 +140,7 @@ defineExpose({
       :checked="checkedState.value.value"
       :disabled="item.disabled.value"
       :highlighted="item.highlighted.value"
-      :state="state"
+      :state
     />
   </div>
 </template>

package/registry/files/families/menus/menu/menu-content.vue

@@ -203,7 +203,7 @@ defineExpose(exposed);
               ref="element"
               v-bind="menu.contentProps"
               :dir="tree.dir.value"
-              :aria-label="ariaLabel"
+              :aria-label
               :aria-labelledby="labelledby"
               data-vize-ui="menu-content"
               :data-menu-kind="tree.kind"

package/registry/files/families/menus/menu/menu-radio-item.vue

@@ -110,12 +110,7 @@ defineExpose({
     :data-disabled="item.disabled.value ? 'true' : undefined"
     :data-highlighted="item.highlighted.value ? 'true' : undefined"
   >
-    <slot
-      :checked="checked"
-      :disabled="item.disabled.value"
-      :highlighted="item.highlighted.value"
-      :state="state"
-    />
+    <slot :checked :disabled="item.disabled.value" :highlighted="item.highlighted.value" :state />
   </div>
 </template>