ropav 0.3.0 → 0.4.0

package/dist/components/autocomplete/index.d.ts

@@ -1,37 +1,37 @@
-import AutocompleteClearButton from "./autocomplete-clear-button.vue";
-import AutocompleteFilter from "./autocomplete-filter.vue";
-import AutocompleteIndicator from "./autocomplete-indicator.vue";
-import AutocompletePopover from "./autocomplete-popover.vue";
-import AutocompleteRoot from "./autocomplete-root.vue";
-import AutocompleteTrigger from "./autocomplete-trigger.vue";
-import AutocompleteValue from "./autocomplete-value.vue";
+import AutocompleteClearButton from "./autocomplete-clear-button.js";
+import AutocompleteFilter from "./autocomplete-filter.js";
+import AutocompleteIndicator from "./autocomplete-indicator.js";
+import AutocompletePopover from "./autocomplete-popover.js";
+import AutocompleteRoot from "./autocomplete-root.js";
+import AutocompleteTrigger from "./autocomplete-trigger.js";
+import AutocompleteValue from "./autocomplete-value.js";
 export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
-        default?: (props: import("./autocomplete.types").AutocompleteRootSlotProps) => unknown;
+        default?: (props: import("./autocomplete.types.js").AutocompleteRootSlotProps) => unknown;
     };
-    emit: ((evt: "change", value: import("../..").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../..").SelectedValue) => void);
+    emit: ((evt: "change", value: import("../../index.js").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").SelectedValue) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
         class?: string;
         items: readonly T[];
-        itemKey?: ((item: T, index: number) => import("../..").CollectionKey) | undefined;
+        itemKey?: ((item: T, index: number) => import("../../index.js").CollectionKey) | undefined;
         itemTextValue?: ((item: T) => string | undefined) | undefined;
         itemDisabled?: ((item: T) => boolean) | undefined;
-        selectionMode?: import("../..").SelectSelectionMode;
-        value?: import("../..").SelectedValue;
-        defaultValue?: import("../..").SelectedValue;
+        selectionMode?: import("../../index.js").SelectSelectionMode;
+        value?: import("../../index.js").SelectedValue;
+        defaultValue?: import("../../index.js").SelectedValue;
         isOpen?: boolean;
         defaultOpen?: boolean;
         shouldCloseOnSelect?: boolean;
         allowsEmptyCollection?: boolean;
-        disabledKeys?: Iterable<import("../..").CollectionKey>;
-        disabledBehavior?: import("../..").DisabledBehavior;
+        disabledKeys?: Iterable<import("../../index.js").CollectionKey>;
+        disabledBehavior?: import("../../index.js").DisabledBehavior;
         isDisabled?: boolean;
         isRequired?: boolean;
         isInvalid?: boolean;
-        validate?: import("../..").ValidationFunction<import("../..").SelectedValue>;
-        validationBehavior?: import("../..").ValidationBehavior;
+        validate?: import("../../index.js").ValidationFunction<import("../../index.js").SelectedValue>;
+        validationBehavior?: import("../../index.js").ValidationBehavior;
         name?: string;
         form?: string;
         autoComplete?: string;
@@ -41,21 +41,21 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
         ariaDescribedby?: string;
         variant?: import("@ropav/styles").AutocompleteVariants["variant"];
         fullWidth?: boolean;
-        onChange?: ((value: import("../..").SelectedValue) => any) | undefined;
+        onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
         onClear?: (() => any) | undefined;
         onFocusChange?: ((isFocused: boolean) => any) | undefined;
         onOpenChange?: ((isOpen: boolean) => any) | undefined;
         "onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
-        "onUpdate:value"?: ((value: import("../..").SelectedValue) => any) | undefined;
+        "onUpdate:value"?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?: (props: import("./autocomplete.types").AutocompleteRootSlotProps) => unknown;
+        default?: (props: import("./autocomplete.types.js").AutocompleteRootSlotProps) => unknown;
     };
-    emit: ((evt: "change", value: import("../..").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../..").SelectedValue) => void);
+    emit: ((evt: "change", value: import("../../index.js").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").SelectedValue) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & {
@@ -79,7 +79,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
     Filter: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteFilterSlotProps<T>) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteFilterSlotProps<T>) => unknown;
         };
         emit: ((evt: "inputChange", value: string) => void) & ((evt: "update:inputValue", value: string) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -98,7 +98,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteFilterSlotProps<T>) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteFilterSlotProps<T>) => unknown;
         };
         emit: ((evt: "inputChange", value: string) => void) & ((evt: "update:inputValue", value: string) => void);
     }>) => import('vue').VNode & {
@@ -134,7 +134,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
-            placement?: import("../..").Placement;
+            placement?: import("../../index.js").Placement;
             offset?: number;
             crossOffset?: number;
             shouldFlip?: boolean;
@@ -156,30 +156,30 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
     Root: <T>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteRootSlotProps) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteRootSlotProps) => unknown;
         };
-        emit: ((evt: "change", value: import("../..").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../..").SelectedValue) => void);
+        emit: ((evt: "change", value: import("../../index.js").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").SelectedValue) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
             items: readonly T[];
-            itemKey?: ((item: T, index: number) => import("../..").CollectionKey) | undefined;
+            itemKey?: ((item: T, index: number) => import("../../index.js").CollectionKey) | undefined;
             itemTextValue?: ((item: T) => string | undefined) | undefined;
             itemDisabled?: ((item: T) => boolean) | undefined;
-            selectionMode?: import("../..").SelectSelectionMode;
-            value?: import("../..").SelectedValue;
-            defaultValue?: import("../..").SelectedValue;
+            selectionMode?: import("../../index.js").SelectSelectionMode;
+            value?: import("../../index.js").SelectedValue;
+            defaultValue?: import("../../index.js").SelectedValue;
             isOpen?: boolean;
             defaultOpen?: boolean;
             shouldCloseOnSelect?: boolean;
             allowsEmptyCollection?: boolean;
-            disabledKeys?: Iterable<import("../..").CollectionKey>;
-            disabledBehavior?: import("../..").DisabledBehavior;
+            disabledKeys?: Iterable<import("../../index.js").CollectionKey>;
+            disabledBehavior?: import("../../index.js").DisabledBehavior;
             isDisabled?: boolean;
             isRequired?: boolean;
             isInvalid?: boolean;
-            validate?: import("../..").ValidationFunction<import("../..").SelectedValue>;
-            validationBehavior?: import("../..").ValidationBehavior;
+            validate?: import("../../index.js").ValidationFunction<import("../../index.js").SelectedValue>;
+            validationBehavior?: import("../../index.js").ValidationBehavior;
             name?: string;
             form?: string;
             autoComplete?: string;
@@ -189,28 +189,28 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
             ariaDescribedby?: string;
             variant?: import("@ropav/styles").AutocompleteVariants["variant"];
             fullWidth?: boolean;
-            onChange?: ((value: import("../..").SelectedValue) => any) | undefined;
+            onChange?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
             onClear?: (() => any) | undefined;
             onFocusChange?: ((isFocused: boolean) => any) | undefined;
             onOpenChange?: ((isOpen: boolean) => any) | undefined;
             "onUpdate:isOpen"?: ((isOpen: boolean) => any) | undefined;
-            "onUpdate:value"?: ((value: import("../..").SelectedValue) => any) | undefined;
+            "onUpdate:value"?: ((value: import("../../index.js").SelectedValue) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteRootSlotProps) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteRootSlotProps) => unknown;
         };
-        emit: ((evt: "change", value: import("../..").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../..").SelectedValue) => void);
+        emit: ((evt: "change", value: import("../../index.js").SelectedValue) => void) & ((evt: "clear") => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "openChange", isOpen: boolean) => void) & ((evt: "update:isOpen", isOpen: boolean) => void) & ((evt: "update:value", value: import("../../index.js").SelectedValue) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
     Trigger: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteTriggerSlotProps) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteTriggerSlotProps) => unknown;
         };
         emit: {};
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -223,7 +223,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteTriggerSlotProps) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteTriggerSlotProps) => unknown;
         };
         emit: {};
     }>) => import('vue').VNode & {
@@ -232,7 +232,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
     Value: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteValueSlotProps) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteValueSlotProps) => unknown;
         };
         emit: {};
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -244,7 +244,7 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./autocomplete.types").AutocompleteValueSlotProps) => unknown;
+            default?: (props: import("./autocomplete.types.js").AutocompleteValueSlotProps) => unknown;
         };
         emit: {};
     }>) => import('vue').VNode & {
@@ -252,8 +252,8 @@ export declare const Autocomplete: (<T>(__VLS_props: NonNullable<Awaited<typeof
     };
 };
 export { AutocompleteClearButton, AutocompleteFilter, AutocompleteIndicator, AutocompletePopover, AutocompleteRoot, AutocompleteTrigger, AutocompleteValue, };
-export type { AutocompleteClearButtonProps, AutocompleteFilterEmits, AutocompleteRootEmits, AutocompleteFilterProps, AutocompleteFilterSlotProps, AutocompleteIndicatorProps, AutocompletePopoverProps, AutocompleteRootProps, AutocompleteRootProps as AutocompleteProps, AutocompleteRootSlotProps, AutocompleteTriggerProps, AutocompleteTriggerSlotProps, AutocompleteValueProps, AutocompleteValueSlotProps, } from "./autocomplete.types";
-export { useAutocompleteContext } from "./autocomplete.context";
-export type { AutocompleteContext } from "./autocomplete.context";
+export type { AutocompleteClearButtonProps, AutocompleteFilterEmits, AutocompleteRootEmits, AutocompleteFilterProps, AutocompleteFilterSlotProps, AutocompleteIndicatorProps, AutocompletePopoverProps, AutocompleteRootProps, AutocompleteRootProps as AutocompleteProps, AutocompleteRootSlotProps, AutocompleteTriggerProps, AutocompleteTriggerSlotProps, AutocompleteValueProps, AutocompleteValueSlotProps, } from "./autocomplete.types.js";
+export { useAutocompleteContext } from "./autocomplete.context.js";
+export type { AutocompleteContext } from "./autocomplete.context.js";
 export { autocompleteVariants } from "@ropav/styles";
 export type { AutocompleteVariants } from "@ropav/styles";

package/dist/components/avatar/{avatar-fallback.vue.d.vue.ts → avatar-fallback.d.ts}

@@ -1,4 +1,4 @@
-import type { AvatarFallbackProps } from "./avatar.types";
+import type { AvatarFallbackProps } from "./avatar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<AvatarFallbackProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/avatar/{avatar-image.vue.d.vue.ts → avatar-image.d.ts}

@@ -1,5 +1,5 @@
-import type { ImageLoadingStatus } from "../../composables/use-image-loading-status";
-import type { AvatarImageProps } from "./avatar.types";
+import type { ImageLoadingStatus } from "../../composables/use-image-loading-status.js";
+import type { AvatarImageProps } from "./avatar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<AvatarImageProps & {
         onError?: ((event: Event) => any) | undefined;

package/dist/components/avatar/avatar-image.js

@@ -1,7 +1,7 @@
 import { composeSlotClassName } from "../../utils/compose.js";
 import { useAvatarContext } from "./avatar.context.js";
 import { useImageLoadingStatus } from "../../composables/use-image-loading-status.js";
-import { createIf, defineVaporComponent, on, renderEffect, setClass, setProp, template, unref, watch } from "vue";
+import { createIf, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setClass, setProp, shallowRef, template, unref, watch } from "vue";
 //#region src/components/avatar/avatar-image.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<img>", 1);
 var avatar_image_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PURE__*/ defineVaporComponent({
@@ -40,13 +40,23 @@ var avatar_image_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 			setImageStatus(value);
 			emit("loadingStatusChange", value);
 		}, { immediate: true });
+		/**
+		* `alt` is set by hand because an empty one cannot be bound.
+		*
+		* Vapor routes it through `setDOMProp`, which returns early when the new value equals what the
+		* element already reports - and an `img` carrying no `alt` attribute already reports `""`. So the
+		* empty default never reaches the DOM, and the attribute stays missing altogether, which is the
+		* one state that is always wrong.
+		*/
+		const image = shallowRef(null);
+		watch([image, () => props.alt], ([element, alt]) => element?.setAttribute("alt", alt ?? ""), { flush: "post" });
+		const _setTemplateRef = createTemplateRefSetter();
 		return createIf(() => unref(status) === "loaded", () => {
 			const n2 = t0();
 			on(n2, "error", ($event) => emit("error", $event));
 			on(n2, "load", ($event) => emit("load", $event));
 			renderEffect(() => {
 				const _props = props;
-				setProp(n2, "alt", _props.alt);
 				setClass(n2, unref(composeSlotClassName)(unref(slots).image, _props.class));
 				setProp(n2, "crossorigin", _props.crossOrigin);
 				setProp(n2, "loading", _props.loading);
@@ -54,6 +64,7 @@ var avatar_image_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__P
 				setProp(n2, "sizes", _props.sizes);
 				setProp(n2, "src", _props.src);
 				setProp(n2, "srcset", _props.srcSet);
+				_setTemplateRef(n2, (element) => image.value = element);
 			});
 			return n2;
 		});

package/dist/components/avatar/{avatar-root.vue.d.vue.ts → avatar-root.d.ts}

@@ -1,4 +1,4 @@
-import type { AvatarRootProps } from "./avatar.types";
+import type { AvatarRootProps } from "./avatar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<AvatarRootProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/avatar/avatar.context.d.ts

@@ -1,4 +1,4 @@
-import type { ImageLoadingStatus } from "../../composables/use-image-loading-status";
+import type { ImageLoadingStatus } from "../../composables/use-image-loading-status.js";
 import type { avatarVariants } from "@ropav/styles";
 import type { ComputedRef, Ref } from "vue";
 export interface AvatarContext {

package/dist/components/avatar/avatar.types.d.ts

@@ -10,7 +10,13 @@ export interface AvatarRootProps {
 }
 export interface AvatarImageProps {
     class?: string;
-    /** Alternative text, forwarded to the rendered `img`. */
+    /**
+     * Alternative text, forwarded to the rendered `img`.
+     *
+     * Defaults to empty, which marks the image decorative: an avatar sits beside the name it
+     * belongs to, and the fallback carries the initials, so a description here usually repeats
+     * what is already on the page. Omitting the attribute altogether is never right.
+     */
     alt?: string;
     /** Forwarded to the probe image so the request matches the rendered one. */
     crossOrigin?: "" | "anonymous" | "use-credentials";

package/dist/components/avatar/index.d.ts

@@ -1,6 +1,6 @@
-import AvatarFallback from "./avatar-fallback.vue";
-import AvatarImage from "./avatar-image.vue";
-import AvatarRoot from "./avatar-root.vue";
+import AvatarFallback from "./avatar-fallback.js";
+import AvatarImage from "./avatar-image.js";
+import AvatarRoot from "./avatar-root.js";
 export declare const Avatar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -51,7 +51,7 @@ export declare const Avatar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
     Image: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {};
-        emit: ((evt: "error", event: Event) => void) & ((evt: "load", event: Event) => void) & ((evt: "loadingStatusChange", status: import(".").ImageLoadingStatus) => void);
+        emit: ((evt: "error", event: Event) => void) & ((evt: "load", event: Event) => void) & ((evt: "loadingStatusChange", status: import("./index.js").ImageLoadingStatus) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
@@ -64,14 +64,14 @@ export declare const Avatar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
             srcSet?: string;
             onError?: ((event: Event) => any) | undefined;
             onLoad?: ((event: Event) => any) | undefined;
-            onLoadingStatusChange?: ((status: import(".").ImageLoadingStatus) => any) | undefined;
+            onLoadingStatusChange?: ((status: import("./index.js").ImageLoadingStatus) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
-        emit: ((evt: "error", event: Event) => void) & ((evt: "load", event: Event) => void) & ((evt: "loadingStatusChange", status: import(".").ImageLoadingStatus) => void);
+        emit: ((evt: "error", event: Event) => void) & ((evt: "load", event: Event) => void) & ((evt: "loadingStatusChange", status: import("./index.js").ImageLoadingStatus) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
@@ -101,7 +101,7 @@ export declare const Avatar: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
     };
 };
 export { AvatarRoot, AvatarImage, AvatarFallback };
-export type { AvatarRootProps, AvatarRootProps as AvatarProps, AvatarImageProps, AvatarFallbackProps, } from "./avatar.types";
-export type { ImageLoadingStatus } from "../../composables/use-image-loading-status";
+export type { AvatarRootProps, AvatarRootProps as AvatarProps, AvatarImageProps, AvatarFallbackProps, } from "./avatar.types.js";
+export type { ImageLoadingStatus } from "../../composables/use-image-loading-status.js";
 export { avatarVariants } from "@ropav/styles";
 export type { AvatarVariants } from "@ropav/styles";

package/dist/components/badge/{badge-anchor.vue.d.vue.ts → badge-anchor.d.ts}

@@ -1,4 +1,4 @@
-import type { BadgeAnchorProps } from "./badge.types";
+import type { BadgeAnchorProps } from "./badge.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<BadgeAnchorProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/badge/{badge-label.vue.d.vue.ts → badge-label.d.ts}

@@ -1,4 +1,4 @@
-import type { BadgeLabelProps } from "./badge.types";
+import type { BadgeLabelProps } from "./badge.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<BadgeLabelProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/badge/{badge-root.vue.d.vue.ts → badge-root.d.ts}

@@ -1,4 +1,4 @@
-import type { BadgeRootProps } from "./badge.types";
+import type { BadgeRootProps } from "./badge.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<BadgeRootProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/badge/index.d.ts

@@ -1,6 +1,6 @@
-import BadgeAnchor from "./badge-anchor.vue";
-import BadgeLabel from "./badge-label.vue";
-import BadgeRoot from "./badge-root.vue";
+import BadgeAnchor from "./badge-anchor.js";
+import BadgeLabel from "./badge-label.js";
+import BadgeRoot from "./badge-root.js";
 export declare const Badge: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -95,6 +95,6 @@ export declare const Badge: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setu
     };
 };
 export { BadgeAnchor, BadgeLabel, BadgeRoot };
-export type { BadgeAnchorProps, BadgeLabelProps, BadgeRootProps, BadgeRootProps as BadgeProps, } from "./badge.types";
+export type { BadgeAnchorProps, BadgeLabelProps, BadgeRootProps, BadgeRootProps as BadgeProps, } from "./badge.types.js";
 export { badgeVariants } from "@ropav/styles";
 export type { BadgeVariants } from "@ropav/styles";

package/dist/components/breadcrumbs/{breadcrumbs-item.vue.d.vue.ts → breadcrumbs-item.d.ts}

@@ -1,4 +1,4 @@
-import type { BreadcrumbsItemProps, BreadcrumbsItemSlotProps } from "./breadcrumbs.types";
+import type { BreadcrumbsItemProps, BreadcrumbsItemSlotProps } from "./breadcrumbs.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<BreadcrumbsItemProps & {
         onClick?: ((event: MouseEvent) => any) | undefined;

package/dist/components/breadcrumbs/{breadcrumbs-root.vue.d.vue.ts → breadcrumbs-root.d.ts}

@@ -1,4 +1,4 @@
-import type { BreadcrumbsRootProps } from "./breadcrumbs.types";
+import type { BreadcrumbsRootProps } from "./breadcrumbs.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<BreadcrumbsRootProps & {
         onAction?: ((key: string | number) => any) | undefined;

package/dist/components/breadcrumbs/breadcrumbs.context.d.ts

@@ -1,4 +1,4 @@
-import type { CollectionKey, UseCollectionReturn } from "../../composables/use-collection";
+import type { CollectionKey, UseCollectionReturn } from "../../composables/use-collection.js";
 import type { breadcrumbsVariants } from "@ropav/styles";
 import type { ComputedRef, ShallowRef } from "vue";
 export interface BreadcrumbsContext {

package/dist/components/breadcrumbs/breadcrumbs.types.d.ts

@@ -1,4 +1,4 @@
-import type { LinkRootProps } from "../link";
+import type { LinkRootProps } from "../link/index.js";
 export type BreadcrumbKey = string | number;
 export interface BreadcrumbsRootProps {
     class?: string;

package/dist/components/breadcrumbs/index.d.ts

@@ -1,5 +1,5 @@
-import BreadcrumbsItem from "./breadcrumbs-item.vue";
-import BreadcrumbsRoot from "./breadcrumbs-root.vue";
+import BreadcrumbsItem from "./breadcrumbs-item.js";
+import BreadcrumbsRoot from "./breadcrumbs-root.js";
 export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -29,7 +29,7 @@ export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VL
     Item: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./breadcrumbs.types").BreadcrumbsItemSlotProps) => unknown;
+            default?: (props: import("./breadcrumbs.types.js").BreadcrumbsItemSlotProps) => unknown;
         };
         emit: (evt: "click", event: MouseEvent) => void;
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -39,14 +39,14 @@ export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VL
             rel?: string;
             download?: string | boolean;
             ping?: string;
-            referrerPolicy?: import("..").LinkReferrerPolicy;
+            referrerPolicy?: import("../index.js").LinkReferrerPolicy;
             hrefLang?: string;
             isDisabled?: boolean;
             ariaLabel?: string;
             ariaLabelledby?: string;
             ariaDescribedby?: string;
             class?: string;
-            id?: import("./breadcrumbs.types").BreadcrumbKey;
+            id?: import("./breadcrumbs.types.js").BreadcrumbKey;
             onClick?: ((event: MouseEvent) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
@@ -54,7 +54,7 @@ export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VL
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./breadcrumbs.types").BreadcrumbsItemSlotProps) => unknown;
+            default?: (props: import("./breadcrumbs.types.js").BreadcrumbsItemSlotProps) => unknown;
         };
         emit: (evt: "click", event: MouseEvent) => void;
     }>) => import('vue').VNode & {
@@ -88,6 +88,6 @@ export declare const Breadcrumbs: ((__VLS_props: NonNullable<Awaited<typeof __VL
     };
 };
 export { BreadcrumbsItem, BreadcrumbsRoot };
-export type { BreadcrumbKey, BreadcrumbsItemProps, BreadcrumbsItemSlotProps, BreadcrumbsRootProps, BreadcrumbsRootProps as BreadcrumbsProps, } from "./breadcrumbs.types";
+export type { BreadcrumbKey, BreadcrumbsItemProps, BreadcrumbsItemSlotProps, BreadcrumbsRootProps, BreadcrumbsRootProps as BreadcrumbsProps, } from "./breadcrumbs.types.js";
 export { breadcrumbsVariants } from "@ropav/styles";
 export type { BreadcrumbsVariants } from "@ropav/styles";

package/dist/components/button/{button-root.vue.d.vue.ts → button-root.d.ts}

@@ -1,4 +1,4 @@
-import type { ButtonRootProps, ButtonSlotProps } from "./button.types";
+import type { ButtonRootProps, ButtonSlotProps } from "./button.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ButtonRootProps & {
         onClick?: ((event: MouseEvent) => any) | undefined;

package/dist/components/button/index.d.ts

@@ -1,8 +1,8 @@
-import ButtonRoot from "./button-root.vue";
+import ButtonRoot from "./button-root.js";
 export declare const Button: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
-        default?: (props: import("./button.types").ButtonSlotProps) => unknown;
+        default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
     };
     emit: (evt: "click", event: MouseEvent) => void;
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -22,7 +22,7 @@ export declare const Button: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?: (props: import("./button.types").ButtonSlotProps) => unknown;
+        default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
     };
     emit: (evt: "click", event: MouseEvent) => void;
 }>) => import('vue').VNode & {
@@ -31,7 +31,7 @@ export declare const Button: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
     Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./button.types").ButtonSlotProps) => unknown;
+            default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
         };
         emit: (evt: "click", event: MouseEvent) => void;
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -51,7 +51,7 @@ export declare const Button: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./button.types").ButtonSlotProps) => unknown;
+            default?: (props: import("./button.types.js").ButtonSlotProps) => unknown;
         };
         emit: (evt: "click", event: MouseEvent) => void;
     }>) => import('vue').VNode & {
@@ -59,6 +59,6 @@ export declare const Button: ((__VLS_props: NonNullable<Awaited<typeof __VLS_set
     };
 };
 export { ButtonRoot };
-export type { ButtonRootProps, ButtonRootProps as ButtonProps, ButtonSlotProps, } from "./button.types";
+export type { ButtonRootProps, ButtonRootProps as ButtonProps, ButtonSlotProps, } from "./button.types.js";
 export { buttonVariants } from "@ropav/styles";
 export type { ButtonVariants } from "@ropav/styles";

package/dist/components/button-group/{button-group-root.vue.d.vue.ts → button-group-root.d.ts}

@@ -1,4 +1,4 @@
-import type { ButtonGroupRootProps } from "./button-group.types";
+import type { ButtonGroupRootProps } from "./button-group.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ButtonGroupRootProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/button-group/{button-group-separator.vue.d.vue.ts → button-group-separator.d.ts}

@@ -1,4 +1,4 @@
-import type { ButtonGroupSeparatorProps } from "./button-group.types";
+import type { ButtonGroupSeparatorProps } from "./button-group.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<ButtonGroupSeparatorProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/button-group/index.d.ts

@@ -1,5 +1,5 @@
-import ButtonGroupRoot from "./button-group-root.vue";
-import ButtonGroupSeparator from "./button-group-separator.vue";
+import ButtonGroupRoot from "./button-group-root.js";
+import ButtonGroupSeparator from "./button-group-separator.js";
 export declare const ButtonGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -71,8 +71,8 @@ export declare const ButtonGroup: ((__VLS_props: NonNullable<Awaited<typeof __VL
     };
 };
 export { ButtonGroupRoot, ButtonGroupSeparator };
-export type { ButtonGroupRootProps, ButtonGroupRootProps as ButtonGroupProps, ButtonGroupSeparatorProps, } from "./button-group.types";
-export { useButtonGroupContext } from "./button-group.context";
-export type { ButtonGroupContext } from "./button-group.context";
+export type { ButtonGroupRootProps, ButtonGroupRootProps as ButtonGroupProps, ButtonGroupSeparatorProps, } from "./button-group.types.js";
+export { useButtonGroupContext } from "./button-group.context.js";
+export type { ButtonGroupContext } from "./button-group.context.js";
 export { buttonGroupVariants } from "@ropav/styles";
 export type { ButtonGroupVariants } from "@ropav/styles";

package/dist/components/calendar/{calendar-cell-indicator.vue.d.vue.ts → calendar-cell-indicator.d.ts}

@@ -1,4 +1,4 @@
-import type { CalendarCellIndicatorProps } from "./calendar.types";
+import type { CalendarCellIndicatorProps } from "./calendar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CalendarCellIndicatorProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/calendar/{calendar-cell.vue.d.vue.ts → calendar-cell.d.ts}

@@ -1,4 +1,4 @@
-import type { CalendarCellProps, CalendarCellSlotProps } from "./calendar.types";
+import type { CalendarCellProps, CalendarCellSlotProps } from "./calendar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CalendarCellProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/calendar/{calendar-grid-body.vue.d.vue.ts → calendar-grid-body.d.ts}

@@ -1,4 +1,4 @@
-import type { CalendarGridBodyProps, CalendarGridBodySlotProps } from "./calendar.types";
+import type { CalendarGridBodyProps, CalendarGridBodySlotProps } from "./calendar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CalendarGridBodyProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/calendar/{calendar-grid-header.vue.d.vue.ts → calendar-grid-header.d.ts}

@@ -1,4 +1,4 @@
-import type { CalendarGridHeaderProps, CalendarGridHeaderSlotProps } from "./calendar.types";
+import type { CalendarGridHeaderProps, CalendarGridHeaderSlotProps } from "./calendar.types.js";
 declare const __VLS_export: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, 'attrs' | 'emit' | 'slots'>>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & __VLS_PrettifyLocal<CalendarGridHeaderProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;