ropav 0.3.0 → 0.4.0

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

@@ -1,26 +1,26 @@
-import TagGroupList from "./tag-group-list.vue";
-import TagGroupRoot from "./tag-group-root.vue";
+import TagGroupList from "./tag-group-list.js";
+import TagGroupRoot from "./tag-group-root.js";
 export declare const TagGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
         default?: () => unknown;
     };
-    emit: ((evt: "selectionChange", keys: import("../..").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../..").CollectionSelection) => void);
+    emit: ((evt: "selectionChange", keys: import("../../index.js").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../../index.js").CollectionSelection) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
         class?: string;
         size?: import("@ropav/styles").TagVariants["size"];
         variant?: import("@ropav/styles").TagVariants["variant"];
-        selectionMode?: import("../..").SelectionMode;
-        selectionBehavior?: import("../..").SelectionBehavior;
-        selectedKeys?: "all" | Iterable<import("../..").CollectionKey>;
-        defaultSelectedKeys?: "all" | Iterable<import("../..").CollectionKey>;
-        disabledKeys?: Iterable<import("../..").CollectionKey>;
-        disabledBehavior?: import("../..").DisabledBehavior;
+        selectionMode?: import("../../index.js").SelectionMode;
+        selectionBehavior?: import("../../index.js").SelectionBehavior;
+        selectedKeys?: "all" | Iterable<import("../../index.js").CollectionKey>;
+        defaultSelectedKeys?: "all" | Iterable<import("../../index.js").CollectionKey>;
+        disabledKeys?: Iterable<import("../../index.js").CollectionKey>;
+        disabledBehavior?: import("../../index.js").DisabledBehavior;
         disallowEmptySelection?: boolean;
-        onRemove?: (keys: Set<import("../..").CollectionKey>) => void;
-        onSelectionChange?: ((keys: import("../..").CollectionSelection) => any) | undefined;
-        "onUpdate:selectedKeys"?: ((keys: import("../..").CollectionSelection) => any) | undefined;
+        onRemove?: (keys: Set<import("../../index.js").CollectionKey>) => void;
+        onSelectionChange?: ((keys: import("../../index.js").CollectionSelection) => any) | undefined;
+        "onUpdate:selectedKeys"?: ((keys: import("../../index.js").CollectionSelection) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
@@ -29,7 +29,7 @@ export declare const TagGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
     slots: {
         default?: () => unknown;
     };
-    emit: ((evt: "selectionChange", keys: import("../..").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../..").CollectionSelection) => void);
+    emit: ((evt: "selectionChange", keys: import("../../index.js").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../../index.js").CollectionSelection) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & {
@@ -62,22 +62,22 @@ export declare const TagGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         slots: {
             default?: () => unknown;
         };
-        emit: ((evt: "selectionChange", keys: import("../..").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../..").CollectionSelection) => void);
+        emit: ((evt: "selectionChange", keys: import("../../index.js").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../../index.js").CollectionSelection) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
             size?: import("@ropav/styles").TagVariants["size"];
             variant?: import("@ropav/styles").TagVariants["variant"];
-            selectionMode?: import("../..").SelectionMode;
-            selectionBehavior?: import("../..").SelectionBehavior;
-            selectedKeys?: "all" | Iterable<import("../..").CollectionKey>;
-            defaultSelectedKeys?: "all" | Iterable<import("../..").CollectionKey>;
-            disabledKeys?: Iterable<import("../..").CollectionKey>;
-            disabledBehavior?: import("../..").DisabledBehavior;
+            selectionMode?: import("../../index.js").SelectionMode;
+            selectionBehavior?: import("../../index.js").SelectionBehavior;
+            selectedKeys?: "all" | Iterable<import("../../index.js").CollectionKey>;
+            defaultSelectedKeys?: "all" | Iterable<import("../../index.js").CollectionKey>;
+            disabledKeys?: Iterable<import("../../index.js").CollectionKey>;
+            disabledBehavior?: import("../../index.js").DisabledBehavior;
             disallowEmptySelection?: boolean;
-            onRemove?: (keys: Set<import("../..").CollectionKey>) => void;
-            onSelectionChange?: ((keys: import("../..").CollectionSelection) => any) | undefined;
-            "onUpdate:selectedKeys"?: ((keys: import("../..").CollectionSelection) => any) | undefined;
+            onRemove?: (keys: Set<import("../../index.js").CollectionKey>) => void;
+            onSelectionChange?: ((keys: import("../../index.js").CollectionSelection) => any) | undefined;
+            "onUpdate:selectedKeys"?: ((keys: import("../../index.js").CollectionSelection) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -86,14 +86,14 @@ export declare const TagGroup: ((__VLS_props: NonNullable<Awaited<typeof __VLS_s
         slots: {
             default?: () => unknown;
         };
-        emit: ((evt: "selectionChange", keys: import("../..").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../..").CollectionSelection) => void);
+        emit: ((evt: "selectionChange", keys: import("../../index.js").CollectionSelection) => void) & ((evt: "update:selectedKeys", keys: import("../../index.js").CollectionSelection) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
 };
 export { TagGroupList, TagGroupRoot };
-export type { TagGroupListProps, TagGroupRootProps, TagGroupRootProps as TagGroupProps, } from "./tag-group.types";
-export { useTagGroupContext } from "./tag-group.context";
-export type { TagGroupContext } from "./tag-group.context";
+export type { TagGroupListProps, TagGroupRootProps, TagGroupRootProps as TagGroupProps, } from "./tag-group.types.js";
+export { useTagGroupContext } from "./tag-group.context.js";
+export type { TagGroupContext } from "./tag-group.context.js";
 export { tagGroupVariants } from "@ropav/styles";
 export type { TagGroupVariants } from "@ropav/styles";

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

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

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

@@ -1,5 +1,5 @@
-import type { CollectionSelection } from "../../composables/use-selection-manager";
-import type { TagGroupRootProps } from "./tag-group.types";
+import type { CollectionSelection } from "../../composables/use-selection-manager.js";
+import type { TagGroupRootProps } from "./tag-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<TagGroupRootProps & {
         onSelectionChange?: ((keys: CollectionSelection) => any) | undefined;

package/dist/components/tag-group/tag-group.context.d.ts

@@ -1,8 +1,8 @@
-import type { CollectionKey, UseCollectionReturn } from "../../composables/use-collection";
-import type { UseFieldIdsReturn } from "../../composables/use-field-ids";
-import type { UseListKeyboardReturn } from "../../composables/use-list-keyboard";
-import type { UseSelectionManagerReturn } from "../../composables/use-selection-manager";
-import type { UseTypeaheadReturn } from "../../composables/use-typeahead";
+import type { CollectionKey, UseCollectionReturn } from "../../composables/use-collection.js";
+import type { UseFieldIdsReturn } from "../../composables/use-field-ids.js";
+import type { UseListKeyboardReturn } from "../../composables/use-list-keyboard.js";
+import type { UseSelectionManagerReturn } from "../../composables/use-selection-manager.js";
+import type { UseTypeaheadReturn } from "../../composables/use-typeahead.js";
 import type { TagVariants, tagGroupVariants } from "@ropav/styles";
 import type { ComputedRef, ShallowRef } from "vue";
 export interface TagGroupContext {

package/dist/components/tag-group/tag-group.types.d.ts

@@ -1,5 +1,5 @@
-import type { CollectionKey } from "../../composables/use-collection";
-import type { DisabledBehavior, SelectionBehavior, SelectionMode } from "../../composables/use-selection-manager";
+import type { CollectionKey } from "../../composables/use-collection.js";
+import type { DisabledBehavior, SelectionBehavior, SelectionMode } from "../../composables/use-selection-manager.js";
 import type { TagVariants } from "@ropav/styles";
 export interface TagGroupRootProps {
     class?: string;

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

@@ -1,46 +1,52 @@
-import TextAreaRoot from "./textarea-root.vue";
+import TextAreaRoot from "./textarea-root.js";
 export declare const TextArea: ((__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").TextAreaVariants["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").TextAreaVariants["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 { TextAreaRoot };
-export type { TextAreaRootProps, TextAreaRootProps as TextAreaProps } from "./textarea.types";
+export type { TextAreaRootProps, TextAreaRootProps as TextAreaProps } from "./textarea.types.js";
 export { textAreaVariants } from "@ropav/styles";
 export type { TextAreaVariants } from "@ropav/styles";

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

@@ -1,12 +1,15 @@
-import type { TextAreaRootProps } from "./textarea.types";
+import type { TextAreaRootProps } from "./textarea.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<TextAreaRootProps> & (typeof globalThis extends {
+    props: import('vue').PublicProps & __VLS_PrettifyLocal<TextAreaRootProps & {
+        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>>;
 };

package/dist/components/textarea/textarea-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 { textAreaVariants } from "@ropav/styles";
 //#region src/components/textarea/textarea-root.vue?vue&type=script&setup=true&vapor=true&lang.ts
 var t0 = template("<textarea>", 1);
@@ -10,6 +11,7 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 	__name: "textarea-root",
 	props: {
 		class: {},
+		value: {},
 		variant: { default: void 0 },
 		fullWidth: {
 			type: Boolean,
@@ -17,12 +19,16 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		},
 		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 HTMLTextAreaElement ? element : null);
+		const element = shallowRef(null);
+		const setElement = (next) => {
+			element.value = next instanceof HTMLTextAreaElement ? next : null;
+			control?.registerElement(element.value);
 		};
 		const resolvedVariant = computed(() => props.variant ?? textField?.variant.value);
 		const styles = computed(() => textAreaVariants({
@@ -33,9 +39,35 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		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. See the same watch in
+		* `input-root.vue`, and {@link setFormValue}, for why this cannot be left to the binding — and note
+		* that a textarea keeps its reset source in its children rather than in a `value` attribute.
+		*/
+		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 +80,7 @@ var textarea_root_vue_vue_type_script_setup_true_vapor_true_lang_default = /*@__
 		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/textarea/textarea.types.d.ts

@@ -1,6 +1,12 @@
 import type { TextAreaVariants } from "@ropav/styles";
 export interface TextAreaRootProps {
     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?: TextAreaVariants["variant"];
     /** Whether the control stretches to fill its container. */

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

@@ -1,8 +1,8 @@
-import TextFieldRoot from "./textfield-root.vue";
+import TextFieldRoot from "./textfield-root.js";
 export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
-        default?: (props: import("./textfield.types").TextFieldSlotProps) => unknown;
+        default?: (props: import("./textfield.types.js").TextFieldSlotProps) => unknown;
     };
     emit: ((evt: "change", value: string) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: string) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -16,8 +16,8 @@ export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         isReadOnly?: boolean;
         isRequired?: boolean;
         isInvalid?: boolean;
-        validate?: import("../..").ValidationFunction<string>;
-        validationBehavior?: import("../..").ValidationBehavior;
+        validate?: import("../../index.js").ValidationFunction<string>;
+        validationBehavior?: import("../../index.js").ValidationBehavior;
         name?: string;
         form?: string;
         id?: string;
@@ -45,7 +45,7 @@ export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?: (props: import("./textfield.types").TextFieldSlotProps) => unknown;
+        default?: (props: import("./textfield.types.js").TextFieldSlotProps) => unknown;
     };
     emit: ((evt: "change", value: string) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: string) => void);
 }>) => import('vue').VNode & {
@@ -54,7 +54,7 @@ export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./textfield.types").TextFieldSlotProps) => unknown;
+            default?: (props: import("./textfield.types.js").TextFieldSlotProps) => unknown;
         };
         emit: ((evt: "change", value: string) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: string) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -68,8 +68,8 @@ export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
             isReadOnly?: boolean;
             isRequired?: boolean;
             isInvalid?: boolean;
-            validate?: import("../..").ValidationFunction<string>;
-            validationBehavior?: import("../..").ValidationBehavior;
+            validate?: import("../../index.js").ValidationFunction<string>;
+            validationBehavior?: import("../../index.js").ValidationBehavior;
             name?: string;
             form?: string;
             id?: string;
@@ -97,7 +97,7 @@ export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./textfield.types").TextFieldSlotProps) => unknown;
+            default?: (props: import("./textfield.types.js").TextFieldSlotProps) => unknown;
         };
         emit: ((evt: "change", value: string) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: string) => void);
     }>) => import('vue').VNode & {
@@ -105,8 +105,8 @@ export declare const TextField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     };
 };
 export { TextFieldRoot };
-export type { TextFieldRootProps, TextFieldRootProps as TextFieldProps, TextFieldSlotProps, } from "./textfield.types";
-export { useTextFieldContext, provideTextFieldContext } from "./textfield.context";
-export type { TextFieldContext } from "./textfield.context";
+export type { TextFieldRootProps, TextFieldRootProps as TextFieldProps, TextFieldSlotProps, } from "./textfield.types.js";
+export { useTextFieldContext, provideTextFieldContext } from "./textfield.context.js";
+export type { TextFieldContext } from "./textfield.context.js";
 export { textFieldVariants } from "@ropav/styles";
 export type { TextFieldVariants } from "@ropav/styles";

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

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

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

@@ -1,4 +1,4 @@
-import type { ValidationBehavior, ValidationDetails, ValidationFunction } from "../../composables/use-form-validation-state";
+import type { ValidationBehavior, ValidationDetails, ValidationFunction } from "../../composables/use-form-validation-state.js";
 export interface TextFieldRootProps {
     class?: string;
     /** Visual variant handed down to the control inside. @default "primary" */

package/dist/components/time-field/index.d.ts

@@ -1,21 +1,21 @@
-import { DateInputGroupInput, DateInputGroupInputContainer, DateInputGroupPrefix, DateInputGroupRoot, DateInputGroupSegment, DateInputGroupSuffix } from "../date-input-group";
-import TimeFieldRoot from "./time-field-root.vue";
+import { DateInputGroupInput, DateInputGroupInputContainer, DateInputGroupPrefix, DateInputGroupRoot, DateInputGroupSegment, DateInputGroupSuffix } from "../date-input-group/index.js";
+import TimeFieldRoot from "./time-field-root.js";
 export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
     attrs: any;
     slots: {
-        default?: (props: import("./time-field.types").TimeFieldRootSlotProps) => unknown;
+        default?: (props: import("./time-field.types.js").TimeFieldRootSlotProps) => unknown;
     };
-    emit: ((evt: "change", value: import("../..").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../..").TimeValue | null) => void);
+    emit: ((evt: "change", value: import("../../index.js").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../../index.js").TimeValue | null) => void);
 }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
     props: import('vue').PublicProps & {
         class?: string;
         id?: string;
-        value?: import("../..").TimeValue | null;
-        defaultValue?: import("../..").TimeValue | null;
-        placeholderValue?: import("../..").TimeValue | null;
-        minValue?: import("../..").TimeValue | null;
-        maxValue?: import("../..").TimeValue | null;
-        granularity?: import("../..").TimeGranularity;
+        value?: import("../../index.js").TimeValue | null;
+        defaultValue?: import("../../index.js").TimeValue | null;
+        placeholderValue?: import("../../index.js").TimeValue | null;
+        minValue?: import("../../index.js").TimeValue | null;
+        maxValue?: import("../../index.js").TimeValue | null;
+        granularity?: import("../../index.js").TimeGranularity;
         hourCycle?: 12 | 24;
         hideTimeZone?: boolean;
         shouldForceLeadingZeros?: boolean;
@@ -24,8 +24,8 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         isReadOnly?: boolean;
         isRequired?: boolean;
         isInvalid?: boolean;
-        validate?: (value: import("../..").TimeValue | null) => string | string[] | true | null | undefined;
-        validationBehavior?: import("../..").ValidationBehavior;
+        validate?: (value: import("../../index.js").TimeValue | null) => string | string[] | true | null | undefined;
+        validationBehavior?: import("../../index.js").ValidationBehavior;
         name?: string;
         form?: string;
         autoFocus?: boolean;
@@ -33,25 +33,25 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         ariaLabelledby?: string;
         ariaDescribedby?: string;
         locale?: string;
-        onChange?: ((value: import("../..").TimeValue | null) => any) | undefined;
+        onChange?: ((value: import("../../index.js").TimeValue | null) => any) | undefined;
         onFocusChange?: ((isFocused: boolean) => any) | undefined;
-        "onUpdate:value"?: ((value: import("../..").TimeValue | null) => any) | undefined;
+        "onUpdate:value"?: ((value: import("../../index.js").TimeValue | null) => any) | undefined;
     } & (typeof globalThis extends {
         __VLS_PROPS_FALLBACK: infer P;
     } ? P : {});
     expose: (exposed: {}) => void;
     attrs: any;
     slots: {
-        default?: (props: import("./time-field.types").TimeFieldRootSlotProps) => unknown;
+        default?: (props: import("./time-field.types.js").TimeFieldRootSlotProps) => unknown;
     };
-    emit: ((evt: "change", value: import("../..").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../..").TimeValue | null) => void);
+    emit: ((evt: "change", value: import("../../index.js").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../../index.js").TimeValue | null) => void);
 }>) => import('vue').VNode & {
     __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
 }) & {
     Group: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import(".").TimeFieldGroupSlotProps) => unknown;
+            default?: (props: import("./index.js").TimeFieldGroupSlotProps) => unknown;
         };
         emit: {};
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -68,7 +68,7 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import(".").TimeFieldGroupSlotProps) => unknown;
+            default?: (props: import("./index.js").TimeFieldGroupSlotProps) => unknown;
         };
         emit: {};
     }>) => import('vue').VNode & {
@@ -77,7 +77,7 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     Input: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import(".").TimeFieldInputSlotProps) => unknown;
+            default?: (props: import("./index.js").TimeFieldInputSlotProps) => unknown;
         };
         emit: {};
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
@@ -90,7 +90,7 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import(".").TimeFieldInputSlotProps) => unknown;
+            default?: (props: import("./index.js").TimeFieldInputSlotProps) => unknown;
         };
         emit: {};
     }>) => import('vue').VNode & {
@@ -141,19 +141,19 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     Root: (__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>['props'], __VLS_ctx?: {
         attrs: any;
         slots: {
-            default?: (props: import("./time-field.types").TimeFieldRootSlotProps) => unknown;
+            default?: (props: import("./time-field.types.js").TimeFieldRootSlotProps) => unknown;
         };
-        emit: ((evt: "change", value: import("../..").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../..").TimeValue | null) => void);
+        emit: ((evt: "change", value: import("../../index.js").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../../index.js").TimeValue | null) => void);
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
             id?: string;
-            value?: import("../..").TimeValue | null;
-            defaultValue?: import("../..").TimeValue | null;
-            placeholderValue?: import("../..").TimeValue | null;
-            minValue?: import("../..").TimeValue | null;
-            maxValue?: import("../..").TimeValue | null;
-            granularity?: import("../..").TimeGranularity;
+            value?: import("../../index.js").TimeValue | null;
+            defaultValue?: import("../../index.js").TimeValue | null;
+            placeholderValue?: import("../../index.js").TimeValue | null;
+            minValue?: import("../../index.js").TimeValue | null;
+            maxValue?: import("../../index.js").TimeValue | null;
+            granularity?: import("../../index.js").TimeGranularity;
             hourCycle?: 12 | 24;
             hideTimeZone?: boolean;
             shouldForceLeadingZeros?: boolean;
@@ -162,8 +162,8 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
             isReadOnly?: boolean;
             isRequired?: boolean;
             isInvalid?: boolean;
-            validate?: (value: import("../..").TimeValue | null) => string | string[] | true | null | undefined;
-            validationBehavior?: import("../..").ValidationBehavior;
+            validate?: (value: import("../../index.js").TimeValue | null) => string | string[] | true | null | undefined;
+            validationBehavior?: import("../../index.js").ValidationBehavior;
             name?: string;
             form?: string;
             autoFocus?: boolean;
@@ -171,18 +171,18 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
             ariaLabelledby?: string;
             ariaDescribedby?: string;
             locale?: string;
-            onChange?: ((value: import("../..").TimeValue | null) => any) | undefined;
+            onChange?: ((value: import("../../index.js").TimeValue | null) => any) | undefined;
             onFocusChange?: ((isFocused: boolean) => any) | undefined;
-            "onUpdate:value"?: ((value: import("../..").TimeValue | null) => any) | undefined;
+            "onUpdate:value"?: ((value: import("../../index.js").TimeValue | null) => any) | undefined;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
         expose: (exposed: {}) => void;
         attrs: any;
         slots: {
-            default?: (props: import("./time-field.types").TimeFieldRootSlotProps) => unknown;
+            default?: (props: import("./time-field.types.js").TimeFieldRootSlotProps) => unknown;
         };
-        emit: ((evt: "change", value: import("../..").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../..").TimeValue | null) => void);
+        emit: ((evt: "change", value: import("../../index.js").TimeValue | null) => void) & ((evt: "focusChange", isFocused: boolean) => void) & ((evt: "update:value", value: import("../../index.js").TimeValue | null) => void);
     }>) => import('vue').VNode & {
         __ctx?: NonNullable<Awaited<typeof __VLS_setup>>;
     };
@@ -195,7 +195,7 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
     }, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>['expose'], __VLS_setup?: Promise<{
         props: import('vue').PublicProps & {
             class?: string;
-            segment: import("../..").DateSegment;
+            segment: import("../../index.js").DateSegment;
         } & (typeof globalThis extends {
             __VLS_PROPS_FALLBACK: infer P;
         } ? P : {});
@@ -232,7 +232,7 @@ export declare const TimeField: ((__VLS_props: NonNullable<Awaited<typeof __VLS_
 };
 export { DateInputGroupInput as TimeFieldInput, DateInputGroupInputContainer as TimeFieldInputContainer, DateInputGroupPrefix as TimeFieldPrefix, DateInputGroupRoot as TimeFieldGroup, DateInputGroupSegment as TimeFieldSegment, DateInputGroupSuffix as TimeFieldSuffix, };
 export { TimeFieldRoot };
-export type { TimeFieldRootProps, TimeFieldRootProps as TimeFieldProps, TimeFieldRootSlotProps, } from "./time-field.types";
-export type { DateInputGroupInputContainerProps as TimeFieldInputContainerProps, DateInputGroupInputProps as TimeFieldInputProps, DateInputGroupInputSlotProps as TimeFieldInputSlotProps, DateInputGroupPrefixProps as TimeFieldPrefixProps, DateInputGroupRootProps as TimeFieldGroupProps, DateInputGroupRootSlotProps as TimeFieldGroupSlotProps, DateInputGroupSegmentProps as TimeFieldSegmentProps, DateInputGroupSuffixProps as TimeFieldSuffixProps, } from "../date-input-group";
+export type { TimeFieldRootProps, TimeFieldRootProps as TimeFieldProps, TimeFieldRootSlotProps, } from "./time-field.types.js";
+export type { DateInputGroupInputContainerProps as TimeFieldInputContainerProps, DateInputGroupInputProps as TimeFieldInputProps, DateInputGroupInputSlotProps as TimeFieldInputSlotProps, DateInputGroupPrefixProps as TimeFieldPrefixProps, DateInputGroupRootProps as TimeFieldGroupProps, DateInputGroupRootSlotProps as TimeFieldGroupSlotProps, DateInputGroupSegmentProps as TimeFieldSegmentProps, DateInputGroupSuffixProps as TimeFieldSuffixProps, } from "../date-input-group/index.js";
 export { dateInputGroupVariants, timeFieldVariants } from "@ropav/styles";
 export type { DateInputGroupVariants, TimeFieldVariants } from "@ropav/styles";

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

@@ -1,5 +1,5 @@
-import type { TimeValue } from "../../utils/date-format";
-import type { TimeFieldRootProps, TimeFieldRootSlotProps } from "./time-field.types";
+import type { TimeValue } from "../../utils/date-format.js";
+import type { TimeFieldRootProps, TimeFieldRootSlotProps } from "./time-field.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<TimeFieldRootProps & {
         onChange?: ((value: TimeValue | null) => any) | undefined;

package/dist/components/time-field/time-field.types.d.ts

@@ -1,6 +1,6 @@
-import type { ValidationBehavior } from "../../composables/use-form-validation-state";
-import type { TimeGranularity } from "../../composables/use-time-field-state";
-import type { TimeValue } from "../../utils/date-format";
+import type { ValidationBehavior } from "../../composables/use-form-validation-state.js";
+import type { TimeGranularity } from "../../composables/use-time-field-state.js";
+import type { TimeValue } from "../../utils/date-format.js";
 export interface TimeFieldRootProps {
     class?: string;
     /** Id for the group around the segments, which is what a label points at. */