@knime/kds-components 0.30.2 → 0.30.4

package/dist/src/forms/inputs/ZonedDateTimeInput/KdsZonedDateTimeInput.vue.d.ts

@@ -0,0 +1,1682 @@
+import { Temporal } from 'temporal-polyfill';
+import { KdsTimeInputGranularity } from '../TimeInput/types.ts';
+import { KdsZonedDateTimeInputProps } from './types.ts';
+type __VLS_Props = KdsZonedDateTimeInputProps;
+type __VLS_PublicProps = {
+    modelValue?: Temporal.ZonedDateTime | null;
+    "granularity"?: KdsTimeInputGranularity;
+} & __VLS_Props;
+declare const _default: import('vue').DefineComponent<__VLS_PublicProps, {
+    focus: (options?: FocusOptions) => void;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+    "update:modelValue": (value: Temporal.ZonedDateTime | null) => any;
+    "update:granularity": (value: KdsTimeInputGranularity) => any;
+}, string, import('vue').PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
+    "onUpdate:modelValue"?: ((value: Temporal.ZonedDateTime | null) => any) | undefined;
+    "onUpdate:granularity"?: ((value: KdsTimeInputGranularity) => any) | undefined;
+}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
+    dateInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: Temporal.PlainDate | null;
+    } & Omit<import('../types.ts').KdsInputFieldProps, "placeholder"> & {
+        minDate?: Temporal.PlainDate | null;
+        maxDate?: Temporal.PlainDate | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+    }>, {
+        focus: (options?: FocusOptions) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: Temporal.PlainDate | null) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        baseInput: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly id?: string | undefined;
+                readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                readonly min?: number | string | undefined;
+                readonly max?: number | string | undefined;
+                readonly ariaExpanded?: boolean | undefined;
+                readonly step?: number | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                readonly error?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly ariaLabelledby?: string | undefined;
+                readonly ariaDescribedby?: string | undefined;
+                readonly ariaInvalid?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly ariaValuenow?: number | undefined;
+                readonly ariaValuemin?: number | undefined;
+                readonly ariaValuemax?: number | undefined;
+                readonly ariaValuetext?: string | undefined;
+                readonly ariaActivedescendant?: string | undefined;
+                readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                readonly ariaControls?: string | undefined;
+                readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                readonly unit?: string | undefined;
+                readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly pattern?: string | undefined;
+                readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
+                readonly onInput?: ((event: Event) => any) | undefined;
+                readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                input: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string;
+            } & {
+                id?: string;
+                type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                min?: number | string;
+                max?: number | string;
+                ariaExpanded?: boolean;
+                step?: number;
+                placeholder?: string;
+                disabled?: boolean;
+                leadingIcon?: import('../../../index.ts').KdsIconName;
+                trailingIcon?: import('../../../index.ts').KdsIconName;
+                error?: boolean;
+                autocomplete?: string;
+                ariaLabel?: string;
+                ariaLabelledby?: string;
+                ariaDescribedby?: string;
+                ariaInvalid?: boolean;
+                role?: string;
+                ariaValuenow?: number;
+                ariaValuemin?: number;
+                ariaValuemax?: number;
+                ariaValuetext?: string;
+                ariaActivedescendant?: string;
+                ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                ariaControls?: string;
+                ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                unit?: string;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                clearable?: boolean;
+                pattern?: string;
+                segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+            }> & Readonly<{
+                onInput?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                input: (event: Event) => any;
+                click: (event: MouseEvent) => any;
+                blur: (event: FocusEvent) => any;
+                focus: (event: FocusEvent) => any;
+                keydown: (event: KeyboardEvent) => any;
+                paste: (event: ClipboardEvent) => any;
+                "update:modelValue": (value: string) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            modelValue?: string;
+        } & {
+            id?: string;
+            type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            min?: number | string;
+            max?: number | string;
+            ariaExpanded?: boolean;
+            step?: number;
+            placeholder?: string;
+            disabled?: boolean;
+            leadingIcon?: import('../../../index.ts').KdsIconName;
+            trailingIcon?: import('../../../index.ts').KdsIconName;
+            error?: boolean;
+            autocomplete?: string;
+            ariaLabel?: string;
+            ariaLabelledby?: string;
+            ariaDescribedby?: string;
+            ariaInvalid?: boolean;
+            role?: string;
+            ariaValuenow?: number;
+            ariaValuemin?: number;
+            ariaValuemax?: number;
+            ariaValuetext?: string;
+            ariaActivedescendant?: string;
+            ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+            ariaControls?: string;
+            ariaAutocomplete?: "none" | "inline" | "list" | "both";
+            unit?: string;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+            clearable?: boolean;
+            pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+        }> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, "focus"> & {
+            focus: (options?: FocusOptions) => void;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                leading?(_: {}): any;
+                trailing?(_: {}): any;
+            };
+        }) | null;
+        popoverRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: ({
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../../../index.ts').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../../../index.ts').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement?: Exclude<import('../../../index.ts').KdsPopoverPlacement, "custom"> | undefined;
+                readonly customPlacementPosition?: never | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } | {
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../../../index.ts').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../../../index.ts').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement: "custom";
+                readonly customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                popoverEl: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:modelValue", value: boolean) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('../../../index.ts').KdsPopoverRole;
+                popoverType?: import('../../../index.ts').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('../../../index.ts').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('../../../index.ts').KdsPopoverRole;
+                popoverType?: import('../../../index.ts').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<{} & (Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../index.ts').KdsPopoverRole;
+            popoverType?: import('../../../index.ts').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../index.ts').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../index.ts').KdsPopoverRole;
+            popoverType?: import('../../../index.ts').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), "anchorStyle" | "popoverId"> & {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        datePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue?: Temporal.PlainDate | null;
+        } & import('../DateInput/types.ts').KdsDatePickerProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: Temporal.PlainDate | null) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            dayGridRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DateInput/_helper/types.ts').DatePickerDayGridProps> & Readonly<{
+                onDateSelect?: ((date: Temporal.PlainDate) => any) | undefined;
+                "onUpdate:focusYear"?: ((year: number) => any) | undefined;
+                "onUpdate:focusMonth"?: ((month: number) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                dateSelect: (date: Temporal.PlainDate) => any;
+                "update:focusYear": (year: number) => any;
+                "update:focusMonth": (month: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                gridRef: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('../DateInput/_helper/types.ts').DatePickerDayGridProps> & Readonly<{
+                onDateSelect?: ((date: Temporal.PlainDate) => any) | undefined;
+                "onUpdate:focusYear"?: ((year: number) => any) | undefined;
+                "onUpdate:focusMonth"?: ((month: number) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+            monthGridRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DateInput/_helper/types.ts').DatePickerMonthGridProps> & Readonly<{
+                "onUpdate:focusYear"?: ((year: number) => any) | undefined;
+                onMonthSelect?: ((year: number, month: number) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:focusYear": (year: number) => any;
+                monthSelect: (year: number, month: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                gridRef: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('../DateInput/_helper/types.ts').DatePickerMonthGridProps> & Readonly<{
+                "onUpdate:focusYear"?: ((year: number) => any) | undefined;
+                onMonthSelect?: ((year: number, month: number) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+            yearGridRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<import('../DateInput/_helper/types.ts').DatePickerYearGridProps> & Readonly<{
+                "onUpdate:focusYear"?: ((year: number) => any) | undefined;
+                onYearSelect?: ((year: number) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:focusYear": (year: number) => any;
+                yearSelect: (year: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                gridRef: HTMLDivElement;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, Readonly<import('../DateInput/_helper/types.ts').DatePickerYearGridProps> & Readonly<{
+                "onUpdate:focusYear"?: ((year: number) => any) | undefined;
+                onYearSelect?: ((year: number) => any) | undefined;
+            }>, {
+                focus: () => void;
+            }, {}, {}, {}, {}> | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue?: Temporal.PlainDate | null;
+        } & import('../DateInput/types.ts').KdsDatePickerProps> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, {}> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: Temporal.PlainDate | null;
+    } & Omit<import('../types.ts').KdsInputFieldProps, "placeholder"> & {
+        minDate?: Temporal.PlainDate | null;
+        maxDate?: Temporal.PlainDate | null;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Temporal.PlainDate | null) => any) | undefined;
+    }>, {
+        focus: (options?: FocusOptions) => void;
+    }, {}, {}, {}, {}> | null;
+    timeInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+        modelValue?: Temporal.PlainTime | null;
+        granularity?: KdsTimeInputGranularity;
+    } & Omit<import('../types.ts').KdsInputFieldProps, "placeholder"> & {
+        maxGranularity?: KdsTimeInputGranularity;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Temporal.PlainTime | null) => any) | undefined;
+        "onUpdate:granularity"?: ((value: KdsTimeInputGranularity) => any) | undefined;
+    }>, {
+        focus: (options?: FocusOptions) => void;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+        "update:modelValue": (value: Temporal.PlainTime | null) => any;
+        "update:granularity": (value: KdsTimeInputGranularity) => any;
+    }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+        baseInput: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: {
+                readonly modelValue?: string | undefined;
+                readonly id?: string | undefined;
+                readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                readonly min?: number | string | undefined;
+                readonly max?: number | string | undefined;
+                readonly ariaExpanded?: boolean | undefined;
+                readonly step?: number | undefined;
+                readonly placeholder?: string | undefined;
+                readonly disabled?: boolean | undefined;
+                readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                readonly error?: boolean | undefined;
+                readonly autocomplete?: string | undefined;
+                readonly ariaLabel?: string | undefined;
+                readonly ariaLabelledby?: string | undefined;
+                readonly ariaDescribedby?: string | undefined;
+                readonly ariaInvalid?: boolean | undefined;
+                readonly role?: string | undefined;
+                readonly ariaValuenow?: number | undefined;
+                readonly ariaValuemin?: number | undefined;
+                readonly ariaValuemax?: number | undefined;
+                readonly ariaValuetext?: string | undefined;
+                readonly ariaActivedescendant?: string | undefined;
+                readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                readonly ariaControls?: string | undefined;
+                readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                readonly unit?: string | undefined;
+                readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                readonly clearable?: boolean | undefined;
+                readonly pattern?: string | undefined;
+                readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
+                readonly onInput?: ((event: Event) => any) | undefined;
+                readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                input: HTMLInputElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<{
+                modelValue?: string;
+            } & {
+                id?: string;
+                type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                min?: number | string;
+                max?: number | string;
+                ariaExpanded?: boolean;
+                step?: number;
+                placeholder?: string;
+                disabled?: boolean;
+                leadingIcon?: import('../../../index.ts').KdsIconName;
+                trailingIcon?: import('../../../index.ts').KdsIconName;
+                error?: boolean;
+                autocomplete?: string;
+                ariaLabel?: string;
+                ariaLabelledby?: string;
+                ariaDescribedby?: string;
+                ariaInvalid?: boolean;
+                role?: string;
+                ariaValuenow?: number;
+                ariaValuemin?: number;
+                ariaValuemax?: number;
+                ariaValuetext?: string;
+                ariaActivedescendant?: string;
+                ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                ariaControls?: string;
+                ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                unit?: string;
+                inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                clearable?: boolean;
+                pattern?: string;
+                segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+            }> & Readonly<{
+                onInput?: ((event: Event) => any) | undefined;
+                onClick?: ((event: MouseEvent) => any) | undefined;
+                onBlur?: ((event: FocusEvent) => any) | undefined;
+                onFocus?: ((event: FocusEvent) => any) | undefined;
+                onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                input: (event: Event) => any;
+                click: (event: MouseEvent) => any;
+                blur: (event: FocusEvent) => any;
+                focus: (event: FocusEvent) => any;
+                keydown: (event: KeyboardEvent) => any;
+                paste: (event: ClipboardEvent) => any;
+                "update:modelValue": (value: string) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<Readonly<{
+            modelValue?: string;
+        } & {
+            id?: string;
+            type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+            min?: number | string;
+            max?: number | string;
+            ariaExpanded?: boolean;
+            step?: number;
+            placeholder?: string;
+            disabled?: boolean;
+            leadingIcon?: import('../../../index.ts').KdsIconName;
+            trailingIcon?: import('../../../index.ts').KdsIconName;
+            error?: boolean;
+            autocomplete?: string;
+            ariaLabel?: string;
+            ariaLabelledby?: string;
+            ariaDescribedby?: string;
+            ariaInvalid?: boolean;
+            role?: string;
+            ariaValuenow?: number;
+            ariaValuemin?: number;
+            ariaValuemax?: number;
+            ariaValuetext?: string;
+            ariaActivedescendant?: string;
+            ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+            ariaControls?: string;
+            ariaAutocomplete?: "none" | "inline" | "list" | "both";
+            unit?: string;
+            inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+            clearable?: boolean;
+            pattern?: string;
+            segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+        }> & Readonly<{
+            onInput?: ((event: Event) => any) | undefined;
+            onClick?: ((event: MouseEvent) => any) | undefined;
+            onBlur?: ((event: FocusEvent) => any) | undefined;
+            onFocus?: ((event: FocusEvent) => any) | undefined;
+            onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+            onPaste?: ((event: ClipboardEvent) => any) | undefined;
+            "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+        }>, "focus"> & {
+            focus: (options?: FocusOptions) => void;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                leading?(_: {}): any;
+                trailing?(_: {}): any;
+            };
+        }) | null;
+        popoverRef: ({
+            $: import('vue').ComponentInternalInstance;
+            $data: {};
+            $props: ({
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../../../index.ts').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../../../index.ts').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement?: Exclude<import('../../../index.ts').KdsPopoverPlacement, "custom"> | undefined;
+                readonly customPlacementPosition?: never | undefined;
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            } | {
+                readonly modelValue?: boolean | undefined;
+                readonly role?: import('../../../index.ts').KdsPopoverRole | undefined;
+                readonly popoverType?: import('../../../index.ts').KdsPopoverType | undefined;
+                readonly fullWidth?: boolean | undefined;
+                readonly maxInlineSize?: string | undefined;
+                readonly content?: string | undefined;
+                readonly placement: "custom";
+                readonly customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+                readonly "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }) & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+            $attrs: import('vue').Attrs;
+            $refs: {
+                [x: string]: unknown;
+            } & {
+                popoverEl: HTMLDivElement;
+            };
+            $slots: Readonly<{
+                [name: string]: import('vue').Slot<any> | undefined;
+            }>;
+            $root: import('vue').ComponentPublicInstance | null;
+            $parent: import('vue').ComponentPublicInstance | null;
+            $host: Element | null;
+            $emit: (event: "update:modelValue", value: boolean) => void;
+            $el: HTMLDivElement;
+            $options: import('vue').ComponentOptionsBase<Readonly<({
+                modelValue?: boolean;
+            } & {
+                role?: import('../../../index.ts').KdsPopoverRole;
+                popoverType?: import('../../../index.ts').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement?: Exclude<import('../../../index.ts').KdsPopoverPlacement, "custom">;
+                customPlacementPosition?: never;
+            }) | ({
+                modelValue?: boolean;
+            } & {
+                role?: import('../../../index.ts').KdsPopoverRole;
+                popoverType?: import('../../../index.ts').KdsPopoverType;
+                fullWidth?: boolean;
+                maxInlineSize?: string;
+                content?: string;
+            } & {
+                placement: "custom";
+                customPlacementPosition: {
+                    x: number;
+                    y: number;
+                };
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+            }>, {
+                anchorStyle: Record<string, string>;
+                popoverId: string;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: boolean) => any;
+            }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                beforeCreate?: (() => void) | (() => void)[];
+                created?: (() => void) | (() => void)[];
+                beforeMount?: (() => void) | (() => void)[];
+                mounted?: (() => void) | (() => void)[];
+                beforeUpdate?: (() => void) | (() => void)[];
+                updated?: (() => void) | (() => void)[];
+                activated?: (() => void) | (() => void)[];
+                deactivated?: (() => void) | (() => void)[];
+                beforeDestroy?: (() => void) | (() => void)[];
+                beforeUnmount?: (() => void) | (() => void)[];
+                destroyed?: (() => void) | (() => void)[];
+                unmounted?: (() => void) | (() => void)[];
+                renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+            };
+            $forceUpdate: () => void;
+            $nextTick: typeof import('vue').nextTick;
+            $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+        } & Readonly<{}> & Omit<{} & (Readonly<({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../index.ts').KdsPopoverRole;
+            popoverType?: import('../../../index.ts').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement?: Exclude<import('../../../index.ts').KdsPopoverPlacement, "custom">;
+            customPlacementPosition?: never;
+        }) | ({
+            modelValue?: boolean;
+        } & {
+            role?: import('../../../index.ts').KdsPopoverRole;
+            popoverType?: import('../../../index.ts').KdsPopoverType;
+            fullWidth?: boolean;
+            maxInlineSize?: string;
+            content?: string;
+        } & {
+            placement: "custom";
+            customPlacementPosition: {
+                x: number;
+                y: number;
+            };
+        })> & Readonly<{
+            "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
+        }>), "anchorStyle" | "popoverId"> & {
+            anchorStyle: Record<string, string>;
+            popoverId: string;
+        } & {} & import('vue').ComponentCustomProperties & {} & {
+            $slots: {
+                default?(_: {}): any;
+            };
+        }) | null;
+        timePickerRef: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<{
+            modelValue: Temporal.PlainTime | null;
+            granularity?: KdsTimeInputGranularity;
+        } & {
+            maxGranularity: KdsTimeInputGranularity;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Temporal.PlainTime | null) => any) | undefined;
+            "onUpdate:granularity"?: ((value: KdsTimeInputGranularity) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+            "update:modelValue": (value: Temporal.PlainTime | null) => any;
+            "update:granularity": (value: KdsTimeInputGranularity) => any;
+        }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+            hourInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            }) | ({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                baseInput: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly modelValue?: string | undefined;
+                        readonly id?: string | undefined;
+                        readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                        readonly min?: number | string | undefined;
+                        readonly max?: number | string | undefined;
+                        readonly ariaExpanded?: boolean | undefined;
+                        readonly step?: number | undefined;
+                        readonly placeholder?: string | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                        readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                        readonly error?: boolean | undefined;
+                        readonly autocomplete?: string | undefined;
+                        readonly ariaLabel?: string | undefined;
+                        readonly ariaLabelledby?: string | undefined;
+                        readonly ariaDescribedby?: string | undefined;
+                        readonly ariaInvalid?: boolean | undefined;
+                        readonly role?: string | undefined;
+                        readonly ariaValuenow?: number | undefined;
+                        readonly ariaValuemin?: number | undefined;
+                        readonly ariaValuemax?: number | undefined;
+                        readonly ariaValuetext?: string | undefined;
+                        readonly ariaActivedescendant?: string | undefined;
+                        readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                        readonly ariaControls?: string | undefined;
+                        readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                        readonly unit?: string | undefined;
+                        readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                        readonly clearable?: boolean | undefined;
+                        readonly pattern?: string | undefined;
+                        readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
+                        readonly onInput?: ((event: Event) => any) | undefined;
+                        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: import('vue').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        input: HTMLInputElement;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+                    $el: HTMLDivElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        modelValue?: string;
+                    } & {
+                        id?: string;
+                        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                        min?: number | string;
+                        max?: number | string;
+                        ariaExpanded?: boolean;
+                        step?: number;
+                        placeholder?: string;
+                        disabled?: boolean;
+                        leadingIcon?: import('../../../index.ts').KdsIconName;
+                        trailingIcon?: import('../../../index.ts').KdsIconName;
+                        error?: boolean;
+                        autocomplete?: string;
+                        ariaLabel?: string;
+                        ariaLabelledby?: string;
+                        ariaDescribedby?: string;
+                        ariaInvalid?: boolean;
+                        role?: string;
+                        ariaValuenow?: number;
+                        ariaValuemin?: number;
+                        ariaValuemax?: number;
+                        ariaValuetext?: string;
+                        ariaActivedescendant?: string;
+                        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                        ariaControls?: string;
+                        ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                        unit?: string;
+                        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                        clearable?: boolean;
+                        pattern?: string;
+                        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+                    }> & Readonly<{
+                        onInput?: ((event: Event) => any) | undefined;
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                        onBlur?: ((event: FocusEvent) => any) | undefined;
+                        onFocus?: ((event: FocusEvent) => any) | undefined;
+                        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    }>, {
+                        focus: (options?: FocusOptions) => void;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        input: (event: Event) => any;
+                        click: (event: MouseEvent) => any;
+                        blur: (event: FocusEvent) => any;
+                        focus: (event: FocusEvent) => any;
+                        keydown: (event: KeyboardEvent) => any;
+                        paste: (event: ClipboardEvent) => any;
+                        "update:modelValue": (value: string) => any;
+                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<{
+                    modelValue?: string;
+                } & {
+                    id?: string;
+                    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                    min?: number | string;
+                    max?: number | string;
+                    ariaExpanded?: boolean;
+                    step?: number;
+                    placeholder?: string;
+                    disabled?: boolean;
+                    leadingIcon?: import('../../../index.ts').KdsIconName;
+                    trailingIcon?: import('../../../index.ts').KdsIconName;
+                    error?: boolean;
+                    autocomplete?: string;
+                    ariaLabel?: string;
+                    ariaLabelledby?: string;
+                    ariaDescribedby?: string;
+                    ariaInvalid?: boolean;
+                    role?: string;
+                    ariaValuenow?: number;
+                    ariaValuemin?: number;
+                    ariaValuemax?: number;
+                    ariaValuetext?: string;
+                    ariaActivedescendant?: string;
+                    ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                    ariaControls?: string;
+                    ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                    unit?: string;
+                    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                    clearable?: boolean;
+                    pattern?: string;
+                    segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+                }> & Readonly<{
+                    onInput?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onBlur?: ((event: FocusEvent) => any) | undefined;
+                    onFocus?: ((event: FocusEvent) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>, "focus"> & {
+                    focus: (options?: FocusOptions) => void;
+                } & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        leading?(_: {}): any;
+                        trailing?(_: {}): any;
+                    };
+                }) | null;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            }) | ({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }>), {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, {}> | null;
+            secondInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            }) | ({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                baseInput: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly modelValue?: string | undefined;
+                        readonly id?: string | undefined;
+                        readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                        readonly min?: number | string | undefined;
+                        readonly max?: number | string | undefined;
+                        readonly ariaExpanded?: boolean | undefined;
+                        readonly step?: number | undefined;
+                        readonly placeholder?: string | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                        readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                        readonly error?: boolean | undefined;
+                        readonly autocomplete?: string | undefined;
+                        readonly ariaLabel?: string | undefined;
+                        readonly ariaLabelledby?: string | undefined;
+                        readonly ariaDescribedby?: string | undefined;
+                        readonly ariaInvalid?: boolean | undefined;
+                        readonly role?: string | undefined;
+                        readonly ariaValuenow?: number | undefined;
+                        readonly ariaValuemin?: number | undefined;
+                        readonly ariaValuemax?: number | undefined;
+                        readonly ariaValuetext?: string | undefined;
+                        readonly ariaActivedescendant?: string | undefined;
+                        readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                        readonly ariaControls?: string | undefined;
+                        readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                        readonly unit?: string | undefined;
+                        readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                        readonly clearable?: boolean | undefined;
+                        readonly pattern?: string | undefined;
+                        readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
+                        readonly onInput?: ((event: Event) => any) | undefined;
+                        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: import('vue').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        input: HTMLInputElement;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+                    $el: HTMLDivElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        modelValue?: string;
+                    } & {
+                        id?: string;
+                        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                        min?: number | string;
+                        max?: number | string;
+                        ariaExpanded?: boolean;
+                        step?: number;
+                        placeholder?: string;
+                        disabled?: boolean;
+                        leadingIcon?: import('../../../index.ts').KdsIconName;
+                        trailingIcon?: import('../../../index.ts').KdsIconName;
+                        error?: boolean;
+                        autocomplete?: string;
+                        ariaLabel?: string;
+                        ariaLabelledby?: string;
+                        ariaDescribedby?: string;
+                        ariaInvalid?: boolean;
+                        role?: string;
+                        ariaValuenow?: number;
+                        ariaValuemin?: number;
+                        ariaValuemax?: number;
+                        ariaValuetext?: string;
+                        ariaActivedescendant?: string;
+                        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                        ariaControls?: string;
+                        ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                        unit?: string;
+                        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                        clearable?: boolean;
+                        pattern?: string;
+                        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+                    }> & Readonly<{
+                        onInput?: ((event: Event) => any) | undefined;
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                        onBlur?: ((event: FocusEvent) => any) | undefined;
+                        onFocus?: ((event: FocusEvent) => any) | undefined;
+                        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    }>, {
+                        focus: (options?: FocusOptions) => void;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        input: (event: Event) => any;
+                        click: (event: MouseEvent) => any;
+                        blur: (event: FocusEvent) => any;
+                        focus: (event: FocusEvent) => any;
+                        keydown: (event: KeyboardEvent) => any;
+                        paste: (event: ClipboardEvent) => any;
+                        "update:modelValue": (value: string) => any;
+                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<{
+                    modelValue?: string;
+                } & {
+                    id?: string;
+                    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                    min?: number | string;
+                    max?: number | string;
+                    ariaExpanded?: boolean;
+                    step?: number;
+                    placeholder?: string;
+                    disabled?: boolean;
+                    leadingIcon?: import('../../../index.ts').KdsIconName;
+                    trailingIcon?: import('../../../index.ts').KdsIconName;
+                    error?: boolean;
+                    autocomplete?: string;
+                    ariaLabel?: string;
+                    ariaLabelledby?: string;
+                    ariaDescribedby?: string;
+                    ariaInvalid?: boolean;
+                    role?: string;
+                    ariaValuenow?: number;
+                    ariaValuemin?: number;
+                    ariaValuemax?: number;
+                    ariaValuetext?: string;
+                    ariaActivedescendant?: string;
+                    ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                    ariaControls?: string;
+                    ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                    unit?: string;
+                    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                    clearable?: boolean;
+                    pattern?: string;
+                    segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+                }> & Readonly<{
+                    onInput?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onBlur?: ((event: FocusEvent) => any) | undefined;
+                    onFocus?: ((event: FocusEvent) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>, "focus"> & {
+                    focus: (options?: FocusOptions) => void;
+                } & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        leading?(_: {}): any;
+                        trailing?(_: {}): any;
+                    };
+                }) | null;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            }) | ({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }>), {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, {}> | null;
+            millisecondInput: import('vue').CreateComponentPublicInstanceWithMixins<Readonly<({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            }) | ({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }>, {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                "update:modelValue": (value: number) => any;
+            }, import('vue').PublicProps, {}, false, {}, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, {
+                baseInput: ({
+                    $: import('vue').ComponentInternalInstance;
+                    $data: {};
+                    $props: {
+                        readonly modelValue?: string | undefined;
+                        readonly id?: string | undefined;
+                        readonly type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search" | undefined;
+                        readonly min?: number | string | undefined;
+                        readonly max?: number | string | undefined;
+                        readonly ariaExpanded?: boolean | undefined;
+                        readonly step?: number | undefined;
+                        readonly placeholder?: string | undefined;
+                        readonly disabled?: boolean | undefined;
+                        readonly leadingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                        readonly trailingIcon?: import('../../../index.ts').KdsIconName | undefined;
+                        readonly error?: boolean | undefined;
+                        readonly autocomplete?: string | undefined;
+                        readonly ariaLabel?: string | undefined;
+                        readonly ariaLabelledby?: string | undefined;
+                        readonly ariaDescribedby?: string | undefined;
+                        readonly ariaInvalid?: boolean | undefined;
+                        readonly role?: string | undefined;
+                        readonly ariaValuenow?: number | undefined;
+                        readonly ariaValuemin?: number | undefined;
+                        readonly ariaValuemax?: number | undefined;
+                        readonly ariaValuetext?: string | undefined;
+                        readonly ariaActivedescendant?: string | undefined;
+                        readonly ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true" | undefined;
+                        readonly ariaControls?: string | undefined;
+                        readonly ariaAutocomplete?: "none" | "inline" | "list" | "both" | undefined;
+                        readonly unit?: string | undefined;
+                        readonly inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search" | undefined;
+                        readonly clearable?: boolean | undefined;
+                        readonly pattern?: string | undefined;
+                        readonly segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig | undefined;
+                        readonly onInput?: ((event: Event) => any) | undefined;
+                        readonly onClick?: ((event: MouseEvent) => any) | undefined;
+                        readonly onBlur?: ((event: FocusEvent) => any) | undefined;
+                        readonly onFocus?: ((event: FocusEvent) => any) | undefined;
+                        readonly onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        readonly onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        readonly "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    } & import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps;
+                    $attrs: import('vue').Attrs;
+                    $refs: {
+                        [x: string]: unknown;
+                    } & {
+                        input: HTMLInputElement;
+                    };
+                    $slots: Readonly<{
+                        [name: string]: import('vue').Slot<any> | undefined;
+                    }>;
+                    $root: import('vue').ComponentPublicInstance | null;
+                    $parent: import('vue').ComponentPublicInstance | null;
+                    $host: Element | null;
+                    $emit: ((event: "input", event: Event) => void) & ((event: "click", event: MouseEvent) => void) & ((event: "blur", event: FocusEvent) => void) & ((event: "focus", event: FocusEvent) => void) & ((event: "keydown", event: KeyboardEvent) => void) & ((event: "paste", event: ClipboardEvent) => void) & ((event: "update:modelValue", value: string) => void);
+                    $el: HTMLDivElement;
+                    $options: import('vue').ComponentOptionsBase<Readonly<{
+                        modelValue?: string;
+                    } & {
+                        id?: string;
+                        type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                        min?: number | string;
+                        max?: number | string;
+                        ariaExpanded?: boolean;
+                        step?: number;
+                        placeholder?: string;
+                        disabled?: boolean;
+                        leadingIcon?: import('../../../index.ts').KdsIconName;
+                        trailingIcon?: import('../../../index.ts').KdsIconName;
+                        error?: boolean;
+                        autocomplete?: string;
+                        ariaLabel?: string;
+                        ariaLabelledby?: string;
+                        ariaDescribedby?: string;
+                        ariaInvalid?: boolean;
+                        role?: string;
+                        ariaValuenow?: number;
+                        ariaValuemin?: number;
+                        ariaValuemax?: number;
+                        ariaValuetext?: string;
+                        ariaActivedescendant?: string;
+                        ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                        ariaControls?: string;
+                        ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                        unit?: string;
+                        inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                        clearable?: boolean;
+                        pattern?: string;
+                        segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+                    }> & Readonly<{
+                        onInput?: ((event: Event) => any) | undefined;
+                        onClick?: ((event: MouseEvent) => any) | undefined;
+                        onBlur?: ((event: FocusEvent) => any) | undefined;
+                        onFocus?: ((event: FocusEvent) => any) | undefined;
+                        onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                        onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                        "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                    }>, {
+                        focus: (options?: FocusOptions) => void;
+                    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {
+                        input: (event: Event) => any;
+                        click: (event: MouseEvent) => any;
+                        blur: (event: FocusEvent) => any;
+                        focus: (event: FocusEvent) => any;
+                        keydown: (event: KeyboardEvent) => any;
+                        paste: (event: ClipboardEvent) => any;
+                        "update:modelValue": (value: string) => any;
+                    }, string, {}, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
+                        beforeCreate?: (() => void) | (() => void)[];
+                        created?: (() => void) | (() => void)[];
+                        beforeMount?: (() => void) | (() => void)[];
+                        mounted?: (() => void) | (() => void)[];
+                        beforeUpdate?: (() => void) | (() => void)[];
+                        updated?: (() => void) | (() => void)[];
+                        activated?: (() => void) | (() => void)[];
+                        deactivated?: (() => void) | (() => void)[];
+                        beforeDestroy?: (() => void) | (() => void)[];
+                        beforeUnmount?: (() => void) | (() => void)[];
+                        destroyed?: (() => void) | (() => void)[];
+                        unmounted?: (() => void) | (() => void)[];
+                        renderTracked?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        renderTriggered?: ((e: import('vue').DebuggerEvent) => void) | ((e: import('vue').DebuggerEvent) => void)[];
+                        errorCaptured?: ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void) | ((err: unknown, instance: import('vue').ComponentPublicInstance | null, info: string) => boolean | void)[];
+                    };
+                    $forceUpdate: () => void;
+                    $nextTick: typeof import('vue').nextTick;
+                    $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (...args: [R, R, import('@vue/reactivity').OnCleanup]) => any : (...args: [any, any, import('@vue/reactivity').OnCleanup]) => any, options?: import('vue').WatchOptions): import('vue').WatchStopHandle;
+                } & Readonly<{}> & Omit<Readonly<{
+                    modelValue?: string;
+                } & {
+                    id?: string;
+                    type?: "text" | "email" | "password" | "number" | "tel" | "url" | "search";
+                    min?: number | string;
+                    max?: number | string;
+                    ariaExpanded?: boolean;
+                    step?: number;
+                    placeholder?: string;
+                    disabled?: boolean;
+                    leadingIcon?: import('../../../index.ts').KdsIconName;
+                    trailingIcon?: import('../../../index.ts').KdsIconName;
+                    error?: boolean;
+                    autocomplete?: string;
+                    ariaLabel?: string;
+                    ariaLabelledby?: string;
+                    ariaDescribedby?: string;
+                    ariaInvalid?: boolean;
+                    role?: string;
+                    ariaValuenow?: number;
+                    ariaValuemin?: number;
+                    ariaValuemax?: number;
+                    ariaValuetext?: string;
+                    ariaActivedescendant?: string;
+                    ariaHaspopup?: "listbox" | "menu" | "dialog" | "grid" | "tree" | "true";
+                    ariaControls?: string;
+                    ariaAutocomplete?: "none" | "inline" | "list" | "both";
+                    unit?: string;
+                    inputmode?: "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | "search";
+                    clearable?: boolean;
+                    pattern?: string;
+                    segments?: import('../useInputSegments.helpers.ts').KdsInputSegmentsConfig;
+                }> & Readonly<{
+                    onInput?: ((event: Event) => any) | undefined;
+                    onClick?: ((event: MouseEvent) => any) | undefined;
+                    onBlur?: ((event: FocusEvent) => any) | undefined;
+                    onFocus?: ((event: FocusEvent) => any) | undefined;
+                    onKeydown?: ((event: KeyboardEvent) => any) | undefined;
+                    onPaste?: ((event: ClipboardEvent) => any) | undefined;
+                    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+                }>, "focus"> & {
+                    focus: (options?: FocusOptions) => void;
+                } & {} & import('vue').ComponentCustomProperties & {} & {
+                    $slots: {
+                        leading?(_: {}): any;
+                        trailing?(_: {}): any;
+                    };
+                }) | null;
+            }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+                P: {};
+                B: {};
+                D: {};
+                C: {};
+                M: {};
+                Defaults: {};
+            }, {} & (Readonly<({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label: string;
+                ariaLabel?: never;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            }) | ({
+                modelValue?: number;
+            } & {
+                description?: string;
+            } & {
+                label?: never;
+                ariaLabel: string;
+            } & {
+                id?: string;
+            } & {
+                error?: boolean | undefined;
+                subText?: string | undefined;
+                validating?: boolean | undefined;
+                preserveSubTextSpace?: boolean | undefined;
+            } & {
+                placeholder?: string;
+                disabled?: boolean;
+                autocomplete?: string;
+            } & {
+                unit?: string;
+                min?: number;
+                max?: number;
+                step?: number;
+            })> & Readonly<{
+                "onUpdate:modelValue"?: ((value: number) => any) | undefined;
+            }>), {
+                focus: (options?: FocusOptions) => void;
+            }, {}, {}, {}, {}> | null;
+        }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+            P: {};
+            B: {};
+            D: {};
+            C: {};
+            M: {};
+            Defaults: {};
+        }, Readonly<{
+            modelValue: Temporal.PlainTime | null;
+            granularity?: KdsTimeInputGranularity;
+        } & {
+            maxGranularity: KdsTimeInputGranularity;
+        }> & Readonly<{
+            "onUpdate:modelValue"?: ((value: Temporal.PlainTime | null) => any) | undefined;
+            "onUpdate:granularity"?: ((value: KdsTimeInputGranularity) => any) | undefined;
+        }>, {
+            focus: () => void;
+        }, {}, {}, {}, {}> | null;
+    }, HTMLDivElement, import('vue').ComponentProvideOptions, {
+        P: {};
+        B: {};
+        D: {};
+        C: {};
+        M: {};
+        Defaults: {};
+    }, Readonly<{
+        modelValue?: Temporal.PlainTime | null;
+        granularity?: KdsTimeInputGranularity;
+    } & Omit<import('../types.ts').KdsInputFieldProps, "placeholder"> & {
+        maxGranularity?: KdsTimeInputGranularity;
+    }> & Readonly<{
+        "onUpdate:modelValue"?: ((value: Temporal.PlainTime | null) => any) | undefined;
+        "onUpdate:granularity"?: ((value: KdsTimeInputGranularity) => any) | undefined;
+    }>, {
+        focus: (options?: FocusOptions) => void;
+    }, {}, {}, {}, {}> | null;
+}, HTMLFieldSetElement>;
+export default _default;
+//# sourceMappingURL=KdsZonedDateTimeInput.vue.d.ts.map