ropav 0.3.0 → 0.4.0

package/dist/components/index.d.ts

@@ -1,86 +1,87 @@
-export * from "./accordion";
-export * from "./alert";
-export * from "./alert-dialog";
-export * from "./autocomplete";
-export * from "./avatar";
-export * from "./badge";
-export * from "./breadcrumbs";
-export * from "./button";
-export * from "./button-group";
-export * from "./calendar";
-export * from "./calendar-year-picker";
-export * from "./card";
-export * from "./checkbox";
-export * from "./checkbox-group";
-export * from "./chip";
-export * from "./close-button";
-export * from "./color-area";
-export * from "./color-field";
-export * from "./color-picker";
-export * from "./color-slider";
-export * from "./color-swatch";
-export * from "./color-swatch-picker";
-export * from "./combo-box";
-export * from "./date-field";
-export * from "./date-picker";
-export * from "./date-range-picker";
-export * from "./description";
-export * from "./disclosure";
-export * from "./disclosure-group";
-export * from "./dnd";
-export * from "./drawer";
-export * from "./dropdown";
-export * from "./empty-state";
-export * from "./error-message";
-export * from "./field-error";
-export * from "./fieldset";
-export * from "./form";
-export * from "./header";
-export * from "./i18n-provider";
-export * from "./icons";
-export * from "./input";
-export * from "./input-group";
-export * from "./input-otp";
-export * from "./kbd";
-export * from "./label";
-export * from "./link";
-export * from "./list-box";
-export * from "./list-box-item";
-export * from "./list-box-section";
-export * from "./menu";
-export * from "./menu-item";
-export * from "./menu-section";
-export * from "./meter";
-export * from "./modal";
-export * from "./number-field";
-export * from "./pagination";
-export * from "./popover";
-export * from "./progress-bar";
-export * from "./progress-circle";
-export * from "./radio";
-export * from "./radio-group";
-export * from "./range-calendar";
-export * from "./scroll-shadow";
-export * from "./search-field";
-export * from "./select";
-export * from "./separator";
-export * from "./skeleton";
-export * from "./slider";
-export * from "./spinner";
-export * from "./surface";
-export * from "./switch";
-export * from "./switch-group";
-export * from "./table";
-export * from "./tabs";
-export * from "./tag";
-export * from "./tag-group";
-export * from "./textarea";
-export * from "./textfield";
-export * from "./time-field";
-export * from "./toast";
-export * from "./toggle-button";
-export * from "./toggle-button-group";
-export * from "./toolbar";
-export * from "./tooltip";
-export * from "./typography";
-export * from "./virtualizer";
+export * from "./accordion/index.js";
+export * from "./alert/index.js";
+export * from "./alert-dialog/index.js";
+export * from "./autocomplete/index.js";
+export * from "./avatar/index.js";
+export * from "./badge/index.js";
+export * from "./breadcrumbs/index.js";
+export * from "./button/index.js";
+export * from "./button-group/index.js";
+export * from "./calendar/index.js";
+export * from "./calendar-year-picker/index.js";
+export * from "./card/index.js";
+export * from "./checkbox/index.js";
+export * from "./checkbox-group/index.js";
+export * from "./chip/index.js";
+export * from "./close-button/index.js";
+export * from "./color-area/index.js";
+export * from "./color-field/index.js";
+export * from "./color-input-group/index.js";
+export * from "./color-picker/index.js";
+export * from "./color-slider/index.js";
+export * from "./color-swatch/index.js";
+export * from "./color-swatch-picker/index.js";
+export * from "./combo-box/index.js";
+export * from "./date-field/index.js";
+export * from "./date-picker/index.js";
+export * from "./date-range-picker/index.js";
+export * from "./description/index.js";
+export * from "./disclosure/index.js";
+export * from "./disclosure-group/index.js";
+export * from "./dnd/index.js";
+export * from "./drawer/index.js";
+export * from "./dropdown/index.js";
+export * from "./empty-state/index.js";
+export * from "./error-message/index.js";
+export * from "./field-error/index.js";
+export * from "./fieldset/index.js";
+export * from "./form/index.js";
+export * from "./header/index.js";
+export * from "./i18n-provider/index.js";
+export * from "./icons/index.js";
+export * from "./input/index.js";
+export * from "./input-group/index.js";
+export * from "./input-otp/index.js";
+export * from "./kbd/index.js";
+export * from "./label/index.js";
+export * from "./link/index.js";
+export * from "./list-box/index.js";
+export * from "./list-box-item/index.js";
+export * from "./list-box-section/index.js";
+export * from "./menu/index.js";
+export * from "./menu-item/index.js";
+export * from "./menu-section/index.js";
+export * from "./meter/index.js";
+export * from "./modal/index.js";
+export * from "./number-field/index.js";
+export * from "./pagination/index.js";
+export * from "./popover/index.js";
+export * from "./progress-bar/index.js";
+export * from "./progress-circle/index.js";
+export * from "./radio/index.js";
+export * from "./radio-group/index.js";
+export * from "./range-calendar/index.js";
+export * from "./scroll-shadow/index.js";
+export * from "./search-field/index.js";
+export * from "./select/index.js";
+export * from "./separator/index.js";
+export * from "./skeleton/index.js";
+export * from "./slider/index.js";
+export * from "./spinner/index.js";
+export * from "./surface/index.js";
+export * from "./switch/index.js";
+export * from "./switch-group/index.js";
+export * from "./table/index.js";
+export * from "./tabs/index.js";
+export * from "./tag/index.js";
+export * from "./tag-group/index.js";
+export * from "./textarea/index.js";
+export * from "./textfield/index.js";
+export * from "./time-field/index.js";
+export * from "./toast/index.js";
+export * from "./toggle-button/index.js";
+export * from "./toggle-button-group/index.js";
+export * from "./toolbar/index.js";
+export * from "./tooltip/index.js";
+export * from "./typography/index.js";
+export * from "./virtualizer/index.js";

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

@@ -1,46 +1,52 @@
-import InputRoot from "./input-root.vue";
+import InputRoot from "./input-root.js";
 export declare const Input: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {};
-    emit: {};
+    emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
         class?: string;
+        value?: string;
         variant?: import("@ropav/styles").InputVariants["variant"];
         fullWidth?: boolean;
         placeholder?: string;
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:value"?: ((value: string) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {};
-    emit: {};
+    emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & {
     Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {};
-        emit: {};
+        emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
+            value?: string;
             variant?: import("@ropav/styles").InputVariants["variant"];
             fullWidth?: boolean;
             placeholder?: string;
+            onChange?: ((value: string) => any) | undefined;
+            "onUpdate:value"?: ((value: string) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {};
-        emit: {};
+        emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
 };
 export { InputRoot };
-export type { InputRootProps, InputRootProps as InputProps } from "./input.types";
+export type { InputRootProps, InputRootProps as InputProps } from "./input.types.js";
 export { inputVariants } from "@ropav/styles";
 export type { InputVariants } from "@ropav/styles";

package/dist/components/input/input-root.d.ts

@@ -0,0 +1,22 @@
+import type { InputRootProps } from "./input.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<InputRootProps & {
+        onChange?: ((value: string) => any) | undefined;
+        "onUpdate:value"?: ((value: string) => any) | undefined;
+    }> & (typeof globalThis extends {
+        __VLS_PROPS_FALLBACK: infer P;
+    } ? P : {});
+    expose: (exposed: {}) => void;
+    attrs: any;
+    slots: {};
+    emit: ((evt: "change", value: string) => void) & ((evt: "update:value", value: string) => void);
+}>) => import('vue').VNode & {
+    __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
+};
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_PrettifyLocal<T> = (T extends any ? {
+    [K in keyof T]: T[K];
+} : {
+    [K in keyof T as K]: T[K];
+}) & {};

package/dist/components/input/input-root.js

@@ -1,8 +1,9 @@
 import { dataAttr } from "../../utils/assertion.js";
 import { useInteractionStates } from "../../composables/use-interaction-states.js";
+import { setFormValue } from "../../utils/form-value.js";
 import { useTextFieldControlContext } from "../../composables/use-text-field.js";
 import { useTextFieldContext } from "../textfield/textfield.context.js";
-import { computed, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setDynamicProps, template, unref } from "vue";
+import { computed, createTemplateRefSetter, defineVaporComponent, on, renderEffect, setDynamicProps, shallowRef, template, unref, watch } from "vue";
 import { inputVariants } from "@ropav/styles";
 //#region src/components/input/input-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<input>", 1);
@@ -10,6 +11,7 @@ var input_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 	__name: "input-root",
 	props: {
 		class: {},
+		value: {},
 		variant: { default: void 0 },
 		fullWidth: {
 			type: Boolean,
@@ -17,12 +19,16 @@ var input_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		},
 		placeholder: {}
 	},
-	setup(__props) {
+	emits: ["change", "update:value"],
+	setup(__props, { emit: __emit }) {
 		const props = __props;
+		const emit = __emit;
 		const control = useTextFieldControlContext();
 		const textField = useTextFieldContext();
-		const setElement = (element) => {
-			control?.registerElement(element instanceof HTMLInputElement ? element : null);
+		const element = shallowRef(null);
+		const setElement = (next) => {
+			element.value = next instanceof HTMLInputElement ? next : null;
+			control?.registerElement(element.value);
 		};
 		const resolvedVariant = computed(() => props.variant ?? textField?.variant.value);
 		const styles = computed(() => inputVariants({
@@ -33,9 +39,41 @@ var input_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const attrs = computed(() => {
 			const merged = { ...control?.attrs.value };
 			if (props.placeholder !== void 0) merged["placeholder"] = props.placeholder;
+			if (props.value !== void 0) merged["value"] = props.value;
 			return merged;
 		});
 		const interaction = useInteractionStates({ isDisabled: () => control?.isDisabled.value });
+		const inputCount = shallowRef(0);
+		const onInput = (event) => {
+			control?.handlers.onInput(event);
+			const next = event.currentTarget.value;
+			emit("change", next);
+			emit("update:value", next);
+			if (props.value !== void 0) inputCount.value++;
+		};
+		/**
+		* Put the text back to what the caller holds, reset source included. A `value` set on the control
+		* makes the caller the owner of it, and a caller that keeps it unchanged means the typing is
+		* rejected — but the browser has already moved the text, and Vapor skips writing `value` when the
+		* bound value has not changed, so nothing would put it back.
+		*
+		* Post-flush, because the value only settles once the listener that heard the change has updated
+		* whatever holds it. `immediate`, and with the element in the dependencies, because the reset
+		* source has to be there before a reset rather than after the first keystroke — `inputCount` alone
+		* never fires on a control nobody has typed into. See {@link setFormValue}.
+		*/
+		watch([
+			element,
+			() => props.value,
+			inputCount
+		], ([el, pinned]) => {
+			if (pinned === void 0) return;
+			setFormValue(el, pinned);
+		}, {
+			flush: "post",
+			immediate: true
+		});
+		watch(() => props.value !== void 0, (owned) => control?.setValueOwned(owned), { immediate: true });
 		const onFocus = (event) => {
 			interaction.onFocus();
 			control?.handlers.onFocus(event);
@@ -48,7 +86,7 @@ var input_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__PUR
 		const n0 = t0();
 		on(n0, "blur", onBlur);
 		on(n0, "focus", onFocus);
-		on(n0, "input", (e) => unref(control)?.handlers.onInput(e));
+		on(n0, "input", onInput);
 		on(n0, "keydown", (e) => unref(control)?.handlers.onKeydown(e));
 		on(n0, "keyup", (e) => unref(control)?.handlers.onKeyup(e));
 		on(n0, "pointerdown", (e) => unref(interaction).onPointerdown(e));

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

@@ -1,6 +1,12 @@
 import type { InputVariants } from "@ropav/styles";
 export interface InputRootProps {
     class?: string;
+    /**
+     * Text in the control. Set here it takes the control over from the surrounding field, so the
+     * caller owns the value even inside a `TextField` — exactly as a `value` prop does in React.
+     * Without a listener to go with it the text is pinned.
+     */
+    value?: string;
     /** Visual variant. Taken from the surrounding field when unset. @default "primary" */
     variant?: InputVariants["variant"];
     /** Whether the control stretches to fill its container. */

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

@@ -1,12 +1,12 @@
-import InputGroupInput from "./input-group-input.vue";
-import InputGroupPrefix from "./input-group-prefix.vue";
-import InputGroupRoot from "./input-group-root.vue";
-import InputGroupSuffix from "./input-group-suffix.vue";
-import InputGroupTextArea from "./input-group-textarea.vue";
+import InputGroupInput from "./input-group-input.js";
+import InputGroupPrefix from "./input-group-prefix.js";
+import InputGroupRoot from "./input-group-root.js";
+import InputGroupSuffix from "./input-group-suffix.js";
+import InputGroupTextArea from "./input-group-textarea.js";
 export declare const InputGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
-        default?: (props: import("./input-group.types").InputGroupRootSlotProps) => unknown;
+        default?: (props: import("./input-group.types.js").InputGroupRootSlotProps) => unknown;
     };
     emit: {};
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -23,7 +23,7 @@ export declare const InputGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?: (props: import("./input-group.types").InputGroupRootSlotProps) => unknown;
+        default?: (props: import("./input-group.types.js").InputGroupRootSlotProps) => unknown;
     };
     emit: {};
 }>) => import('vue').VNode & {
@@ -74,7 +74,7 @@ export declare const InputGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS
     Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./input-group.types").InputGroupRootSlotProps) => unknown;
+            default?: (props: import("./input-group.types.js").InputGroupRootSlotProps) => unknown;
         };
         emit: {};
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -91,7 +91,7 @@ export declare const InputGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./input-group.types").InputGroupRootSlotProps) => unknown;
+            default?: (props: import("./input-group.types.js").InputGroupRootSlotProps) => unknown;
         };
         emit: {};
     }>) => import('vue').VNode & {
@@ -141,8 +141,8 @@ export declare const InputGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS
     };
 };
 export { InputGroupInput, InputGroupPrefix, InputGroupRoot, InputGroupSuffix, InputGroupTextArea };
-export type { InputGroupRootProps, InputGroupRootProps as InputGroupProps, InputGroupRootSlotProps, InputGroupInputProps, InputGroupTextAreaProps, InputGroupPrefixProps, InputGroupSuffixProps, } from "./input-group.types";
-export { provideInputGroupContext, useInputGroupContext } from "./input-group.context";
-export type { InputGroupContext } from "./input-group.context";
+export type { InputGroupRootProps, InputGroupRootProps as InputGroupProps, InputGroupRootSlotProps, InputGroupInputProps, InputGroupTextAreaProps, InputGroupPrefixProps, InputGroupSuffixProps, } from "./input-group.types.js";
+export { provideInputGroupContext, useInputGroupContext } from "./input-group.context.js";
+export type { InputGroupContext } from "./input-group.context.js";
 export { inputGroupVariants } from "@ropav/styles";
 export type { InputGroupVariants } from "@ropav/styles";

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

@@ -1,4 +1,4 @@
-import type { InputGroupInputProps } from "./input-group.types";
+import type { InputGroupInputProps } from "./input-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<InputGroupInputProps & {
         onChange?: ((value: string) => any) | undefined;

package/dist/components/input-group/{input-group-prefix.vue.d.vue.ts → input-group-prefix.d.ts}

@@ -1,4 +1,4 @@
-import type { InputGroupPrefixProps } from "./input-group.types";
+import type { InputGroupPrefixProps } from "./input-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<InputGroupPrefixProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,4 +1,4 @@
-import type { InputGroupRootProps, InputGroupRootSlotProps } from "./input-group.types";
+import type { InputGroupRootProps, InputGroupRootSlotProps } from "./input-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<InputGroupRootProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/input-group/{input-group-suffix.vue.d.vue.ts → input-group-suffix.d.ts}

@@ -1,4 +1,4 @@
-import type { InputGroupSuffixProps } from "./input-group.types";
+import type { InputGroupSuffixProps } from "./input-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<InputGroupSuffixProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/input-group/{input-group-textarea.vue.d.vue.ts → input-group-textarea.d.ts}

@@ -1,4 +1,4 @@
-import type { InputGroupTextAreaProps } from "./input-group.types";
+import type { InputGroupTextAreaProps } from "./input-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<InputGroupTextAreaProps & {
         onChange?: ((value: string) => any) | undefined;

package/dist/components/input-otp/index.d.ts

@@ -1,7 +1,7 @@
-import InputOTPGroup from "./input-otp-group.vue";
-import InputOTPRoot from "./input-otp-root.vue";
-import InputOTPSeparator from "./input-otp-separator.vue";
-import InputOTPSlot from "./input-otp-slot.vue";
+import InputOTPGroup from "./input-otp-group.js";
+import InputOTPRoot from "./input-otp-root.js";
+import InputOTPSeparator from "./input-otp-separator.js";
+import InputOTPSlot from "./input-otp-slot.js";
 export declare const InputOTP: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -18,14 +18,14 @@ export declare const InputOTP: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         defaultValue?: string;
         pattern?: RegExp | string;
         placeholder?: string;
-        textAlign?: import("../..").InputOTPTextAlign;
+        textAlign?: import("../../index.js").InputOTPTextAlign;
         inputMode?: string;
         autoComplete?: string;
         isDisabled?: boolean;
         isInvalid?: boolean;
         validationErrors?: string[];
-        validationDetails?: import("../..").ValidationDetails;
-        pushPasswordManagerStrategy?: import("../..").PushPasswordManagerStrategy;
+        validationDetails?: import("../../index.js").ValidationDetails;
+        pushPasswordManagerStrategy?: import("../../index.js").PushPasswordManagerStrategy;
         pasteTransformer?: (pasted: string) => string;
         name?: string;
         form?: string;
@@ -85,14 +85,14 @@ export declare const InputOTP: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
             defaultValue?: string;
             pattern?: RegExp | string;
             placeholder?: string;
-            textAlign?: import("../..").InputOTPTextAlign;
+            textAlign?: import("../../index.js").InputOTPTextAlign;
             inputMode?: string;
             autoComplete?: string;
             isDisabled?: boolean;
             isInvalid?: boolean;
             validationErrors?: string[];
-            validationDetails?: import("../..").ValidationDetails;
-            pushPasswordManagerStrategy?: import("../..").PushPasswordManagerStrategy;
+            validationDetails?: import("../../index.js").ValidationDetails;
+            pushPasswordManagerStrategy?: import("../../index.js").PushPasswordManagerStrategy;
             pasteTransformer?: (pasted: string) => string;
             name?: string;
             form?: string;
@@ -152,9 +152,9 @@ export declare const InputOTP: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
     };
 };
 export { InputOTPGroup, InputOTPRoot, InputOTPSeparator, InputOTPSlot };
-export type { InputOTPRootProps, InputOTPRootProps as InputOTPProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps, } from "./input-otp.types";
-export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "../../composables/use-input-otp";
-export { provideInputOTPContext, useInputOTPContext } from "./input-otp.context";
-export type { InputOTPContext } from "./input-otp.context";
+export type { InputOTPRootProps, InputOTPRootProps as InputOTPProps, InputOTPGroupProps, InputOTPSlotProps, InputOTPSeparatorProps, } from "./input-otp.types.js";
+export { REGEXP_ONLY_CHARS, REGEXP_ONLY_DIGITS, REGEXP_ONLY_DIGITS_AND_CHARS, } from "../../composables/use-input-otp.js";
+export { provideInputOTPContext, useInputOTPContext } from "./input-otp.context.js";
+export type { InputOTPContext } from "./input-otp.context.js";
 export { inputOTPVariants } from "@ropav/styles";
 export type { InputOTPVariants } from "@ropav/styles";

package/dist/components/input-otp/{input-otp-group.vue.d.vue.ts → input-otp-group.d.ts}

@@ -1,4 +1,4 @@
-import type { InputOTPGroupProps } from "./input-otp.types";
+import type { InputOTPGroupProps } from "./input-otp.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<InputOTPGroupProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,4 +1,4 @@
-import type { InputOTPRootProps } from "./input-otp.types";
+import type { InputOTPRootProps } from "./input-otp.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<InputOTPRootProps & {
         onChange?: ((value: string) => any) | undefined;

package/dist/components/input-otp/{input-otp-separator.vue.d.vue.ts → input-otp-separator.d.ts}

@@ -1,4 +1,4 @@
-import type { InputOTPSeparatorProps } from "./input-otp.types";
+import type { InputOTPSeparatorProps } from "./input-otp.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<InputOTPSeparatorProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/input-otp/{input-otp-slot.vue.d.vue.ts → input-otp-slot.d.ts}

@@ -1,4 +1,4 @@
-import type { InputOTPSlotProps } from "./input-otp.types";
+import type { InputOTPSlotProps } from "./input-otp.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<InputOTPSlotProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/input-otp/input-otp.types.d.ts

@@ -1,6 +1,6 @@
-import type { ValidationDetails } from "../../composables/use-form-validation-state";
-import type { InputOTPTextAlign } from "../../composables/use-input-otp";
-import type { PushPasswordManagerStrategy } from "../../composables/use-password-manager-badge";
+import type { ValidationDetails } from "../../composables/use-form-validation-state.js";
+import type { InputOTPTextAlign } from "../../composables/use-input-otp.js";
+import type { PushPasswordManagerStrategy } from "../../composables/use-password-manager-badge.js";
 import type { InputOTPVariants } from "@ropav/styles";
 export interface InputOTPRootProps {
     class?: string;

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

@@ -1,6 +1,6 @@
-import KbdAbbr from "./kbd-abbr.vue";
-import KbdContent from "./kbd-content.vue";
-import KbdRoot from "./kbd-root.vue";
+import KbdAbbr from "./kbd-abbr.js";
+import KbdContent from "./kbd-content.js";
+import KbdRoot from "./kbd-root.js";
 export declare const Kbd: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
@@ -30,7 +30,7 @@ export declare const Kbd: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
-            keyValue: import("./kbd.constants").KbdKey;
+            keyValue: import("./kbd.constants.js").KbdKey;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -86,10 +86,10 @@ export declare const Kbd: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>
     };
 };
 export { KbdAbbr, KbdContent, KbdRoot };
-export type { KbdAbbrProps, KbdContentProps, KbdRootProps, KbdRootProps as KbdProps, } from "./kbd.types";
-export { kbdKeysLabelMap, kbdKeysMap } from "./kbd.constants";
-export type { KbdKey } from "./kbd.constants";
-export { useKbdContext } from "./kbd.context";
-export type { KbdContext } from "./kbd.context";
+export type { KbdAbbrProps, KbdContentProps, KbdRootProps, KbdRootProps as KbdProps, } from "./kbd.types.js";
+export { kbdKeysLabelMap, kbdKeysMap } from "./kbd.constants.js";
+export type { KbdKey } from "./kbd.constants.js";
+export { useKbdContext } from "./kbd.context.js";
+export type { KbdContext } from "./kbd.context.js";
 export { kbdVariants } from "@ropav/styles";
 export type { KbdVariants } from "@ropav/styles";

package/dist/components/kbd/{kbd-abbr.vue.d.vue.ts → kbd-abbr.d.ts}

@@ -1,4 +1,4 @@
-import type { KbdAbbrProps } from "./kbd.types";
+import type { KbdAbbrProps } from "./kbd.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<KbdAbbrProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

package/dist/components/kbd/{kbd-content.vue.d.vue.ts → kbd-content.d.ts}

@@ -1,4 +1,4 @@
-import type { KbdContentProps } from "./kbd.types";
+import type { KbdContentProps } from "./kbd.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<KbdContentProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;

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

@@ -1,4 +1,4 @@
-import type { KbdRootProps } from "./kbd.types";
+import type { KbdRootProps } from "./kbd.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<KbdRootProps> & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;