@central-design-system/components 4.0.0-alpha.2 → 4.0.0-alpha.3

package/dist/types/components/CdsOtpInput/CdsOtpField.vue.d.ts

@@ -0,0 +1,25 @@
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+    index: {
+        type: NumberConstructor;
+        required: true;
+    };
+}>> & Readonly<{}>, {
+    style: import("vue").StyleValue;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
+export default _default;

package/dist/types/components/CdsOtpInput/CdsOtpGroup.vue.d.ts

@@ -0,0 +1,34 @@
+import type { CdsOtpGroupSlots } from './api/CdsOtpInput.types';
+type __VLS_Slots = CdsOtpGroupSlots;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+    merged: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+    merged: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    style: import("vue").StyleValue;
+    merged: boolean | null;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/CdsOtpInput/CdsOtpInput.vue.d.ts

@@ -0,0 +1,222 @@
+import './CdsOtpInput.scss';
+import type { CdsOtpInputSlots } from './api/CdsOtpInput.types';
+type __VLS_Slots = CdsOtpInputSlots;
+declare function focus(): void;
+declare function blur(): void;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<import("../../composables/useTheme").Theme | string>;
+        default: undefined;
+    };
+    size: {
+        type: import("vue").PropType<import("../../composables/useSize").Size | number>;
+        default: string;
+        validator: (value: import("../../composables/useSize").Size | any) => boolean;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | string>;
+        default: undefined;
+    };
+    focused: BooleanConstructor;
+    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
+    disabled: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    maxWidth: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    minHeight: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+    color: StringConstructor;
+    baseColor: StringConstructor;
+    activeColor: StringConstructor;
+    bgColor: StringConstructor;
+    textColor: StringConstructor;
+    autofocus: BooleanConstructor;
+    divider: StringConstructor;
+    focusAll: BooleanConstructor;
+    merged: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    length: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    masked: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<number | string>;
+        default: undefined;
+    };
+    pattern: {
+        type: import("vue").PropType<import("./index.ts").OtpInputPattern | RegExp>;
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./index.ts").CdsOtpInputType>;
+        default: string;
+        validator: (value: import("./index.ts").CdsOtpInputType) => boolean;
+    };
+    error: BooleanConstructor;
+}>, {
+    /** Ref-ссылка на скрытый input, который принимает ввод кода */
+    inputRef: import("vue").Ref<HTMLInputElement | undefined, HTMLInputElement | undefined>;
+    /** Состояние фокуса поля */
+    isFocused: import("vue").Ref<boolean | undefined, boolean | undefined> & {
+        readonly externalValue: boolean | undefined;
+    };
+    /** Установить фокус на поле */
+    focus: typeof focus;
+    /** Снять фокус с поля */
+    blur: typeof blur;
+    /** Очистить введённый код */
+    reset: () => void;
+}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
+    finish: (value: string) => any;
+    "update:modelValue": (value: string) => any;
+    "update:focused": (focused: boolean) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: import("vue").PropType<import("../../composables/useTheme").Theme | string>;
+        default: undefined;
+    };
+    size: {
+        type: import("vue").PropType<import("../../composables/useSize").Size | number>;
+        default: string;
+        validator: (value: import("../../composables/useSize").Size | any) => boolean;
+    };
+    loading: {
+        type: import("vue").PropType<boolean | string>;
+        default: undefined;
+    };
+    focused: BooleanConstructor;
+    'onUpdate:focused': import("vue").PropType<(args_0: boolean) => void>;
+    disabled: {
+        type: import("vue").PropType<boolean | null>;
+        default: null;
+    };
+    width: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    height: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    maxWidth: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    maxHeight: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    minWidth: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    minHeight: {
+        type: import("vue").PropType<string | number>;
+        default: undefined;
+    };
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+    color: StringConstructor;
+    baseColor: StringConstructor;
+    activeColor: StringConstructor;
+    bgColor: StringConstructor;
+    textColor: StringConstructor;
+    autofocus: BooleanConstructor;
+    divider: StringConstructor;
+    focusAll: BooleanConstructor;
+    merged: BooleanConstructor;
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    length: {
+        type: import("vue").PropType<number | string>;
+        default: number;
+    };
+    masked: BooleanConstructor;
+    modelValue: {
+        type: import("vue").PropType<number | string>;
+        default: undefined;
+    };
+    pattern: {
+        type: import("vue").PropType<import("./index.ts").OtpInputPattern | RegExp>;
+        default: undefined;
+    };
+    placeholder: StringConstructor;
+    type: {
+        type: import("vue").PropType<import("./index.ts").CdsOtpInputType>;
+        default: string;
+        validator: (value: import("./index.ts").CdsOtpInputType) => boolean;
+    };
+    error: BooleanConstructor;
+}>> & Readonly<{
+    onFinish?: ((value: string) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: string) => any) | undefined;
+    "onUpdate:focused"?: ((focused: boolean) => any) | undefined;
+}>, {
+    length: string | number;
+    type: import("./index.ts").CdsOtpInputType;
+    error: boolean;
+    height: string | number;
+    width: string | number;
+    maxHeight: string | number;
+    maxWidth: string | number;
+    minHeight: string | number;
+    minWidth: string | number;
+    loading: string | boolean;
+    label: string;
+    style: import("vue").StyleValue;
+    pattern: RegExp | "numeric" | "alpha" | "alphanumeric" | "unicode-alpha" | "unicode-alphanumeric";
+    autofocus: boolean;
+    disabled: boolean | null;
+    size: number | "xs" | "sm" | "md" | "lg" | "xl";
+    theme: string;
+    modelValue: string | number;
+    focused: boolean;
+    masked: boolean;
+    focusAll: boolean;
+    merged: boolean;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/CdsOtpInput/CdsOtpSeparator.vue.d.ts

@@ -0,0 +1,25 @@
+import type { CdsOtpSeparatorSlots } from './api/CdsOtpInput.types';
+type __VLS_Slots = CdsOtpSeparatorSlots;
+declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    class: import("vue").PropType<import("../../core").ClassValue>;
+    style: {
+        type: import("vue").PropType<import("vue").StyleValue>;
+        default: null;
+    };
+}>> & Readonly<{}>, {
+    style: import("vue").StyleValue;
+}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
+declare const _default: typeof __VLS_export;
+export default _default;
+type __VLS_WithSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/dist/types/components/CdsOtpInput/api/CdsOtpInput.constants.d.ts

@@ -0,0 +1,9 @@
+import type { InjectionKey } from 'vue';
+import type { CdsOtpInputContext } from './CdsOtpInput.types';
+export declare const CdsOtpInputConstants: import("../../../core").ComponentConstants<"CdsOtpInput"> & {
+    types: readonly ["text", "password", "number"];
+};
+export declare const CdsOtpFieldConstants: import("../../../core").ComponentConstants<"CdsOtpField">;
+export declare const CdsOtpGroupConstants: import("../../../core").ComponentConstants<"CdsOtpGroup">;
+export declare const CdsOtpSeparatorConstants: import("../../../core").ComponentConstants<"CdsOtpSeparator">;
+export declare const CdsOtpInputSymbol: InjectionKey<CdsOtpInputContext>;

package/dist/types/components/CdsOtpInput/api/CdsOtpInput.props.d.ts

@@ -0,0 +1,340 @@
+import type { PropType } from 'vue';
+import type { OtpInputPattern } from '../composables/useOtpInput';
+import type { CdsOtpInputType } from './CdsOtpInput.types';
+export declare const defineCdsOtpInputProps: <Defaults extends {
+    theme?: unknown;
+    size?: unknown;
+    loading?: unknown;
+    focused?: unknown;
+    'onUpdate:focused'?: unknown;
+    disabled?: unknown;
+    width?: unknown;
+    height?: unknown;
+    maxWidth?: unknown;
+    maxHeight?: unknown;
+    minWidth?: unknown;
+    minHeight?: unknown;
+    class?: unknown;
+    style?: unknown;
+    color?: unknown;
+    baseColor?: unknown;
+    activeColor?: unknown;
+    bgColor?: unknown;
+    textColor?: unknown;
+    autofocus?: unknown;
+    divider?: unknown;
+    focusAll?: unknown;
+    merged?: unknown;
+    label?: unknown;
+    length?: unknown;
+    masked?: unknown;
+    modelValue?: unknown;
+    pattern?: unknown;
+    placeholder?: unknown;
+    type?: unknown;
+    error?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    theme: unknown extends Defaults["theme"] ? {
+        type: PropType<import("../../../composables/useTheme").Theme | string>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<import("../../../composables/useTheme").Theme | string>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["theme"] ? string : string | Defaults["theme"]>;
+        default: unknown extends Defaults["theme"] ? string : string | Defaults["theme"];
+    };
+    size: unknown extends Defaults["size"] ? {
+        type: PropType<import("../../../composables/useSize").Size | number>;
+        default: string;
+        validator: (value: import("../../../composables/useSize").Size | any) => boolean;
+    } : Omit<{
+        type: PropType<import("../../../composables/useSize").Size | number>;
+        default: string;
+        validator: (value: import("../../../composables/useSize").Size | any) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["size"] ? number | "xs" | "sm" | "md" | "lg" | "xl" : number | "xs" | "sm" | "md" | "lg" | "xl" | Defaults["size"]>;
+        default: unknown extends Defaults["size"] ? number | "xs" | "sm" | "md" | "lg" | "xl" : NonNullable<number | "xs" | "sm" | "md" | "lg" | "xl"> | Defaults["size"];
+    };
+    loading: unknown extends Defaults["loading"] ? {
+        type: PropType<boolean | string>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<boolean | string>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["loading"] ? string | boolean : string | boolean | Defaults["loading"]>;
+        default: unknown extends Defaults["loading"] ? string | boolean : NonNullable<string | boolean> | Defaults["loading"];
+    };
+    focused: unknown extends Defaults["focused"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"]>;
+        default: unknown extends Defaults["focused"] ? boolean : boolean | Defaults["focused"];
+    };
+    'onUpdate:focused': unknown extends Defaults["onUpdate:focused"] ? PropType<(args_0: boolean) => void> : {
+        type: PropType<unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"]>;
+        default: unknown extends Defaults["onUpdate:focused"] ? (args_0: boolean) => void : ((args_0: boolean) => void) | Defaults["onUpdate:focused"];
+    };
+    disabled: unknown extends Defaults["disabled"] ? {
+        type: PropType<boolean | null>;
+        default: null;
+    } : Omit<{
+        type: PropType<boolean | null>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["disabled"] ? boolean | null : boolean | Defaults["disabled"] | null>;
+        default: unknown extends Defaults["disabled"] ? boolean | null : NonNullable<boolean | null> | Defaults["disabled"];
+    };
+    width: unknown extends Defaults["width"] ? {
+        type: PropType<string | number>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["width"] ? string | number : string | number | Defaults["width"]>;
+        default: unknown extends Defaults["width"] ? string | number : NonNullable<string | number> | Defaults["width"];
+    };
+    height: unknown extends Defaults["height"] ? {
+        type: PropType<string | number>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["height"] ? string | number : string | number | Defaults["height"]>;
+        default: unknown extends Defaults["height"] ? string | number : NonNullable<string | number> | Defaults["height"];
+    };
+    maxWidth: unknown extends Defaults["maxWidth"] ? {
+        type: PropType<string | number>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["maxWidth"] ? string | number : string | number | Defaults["maxWidth"]>;
+        default: unknown extends Defaults["maxWidth"] ? string | number : NonNullable<string | number> | Defaults["maxWidth"];
+    };
+    maxHeight: unknown extends Defaults["maxHeight"] ? {
+        type: PropType<string | number>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["maxHeight"] ? string | number : string | number | Defaults["maxHeight"]>;
+        default: unknown extends Defaults["maxHeight"] ? string | number : NonNullable<string | number> | Defaults["maxHeight"];
+    };
+    minWidth: unknown extends Defaults["minWidth"] ? {
+        type: PropType<string | number>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["minWidth"] ? string | number : string | number | Defaults["minWidth"]>;
+        default: unknown extends Defaults["minWidth"] ? string | number : NonNullable<string | number> | Defaults["minWidth"];
+    };
+    minHeight: unknown extends Defaults["minHeight"] ? {
+        type: PropType<string | number>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<string | number>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["minHeight"] ? string | number : string | number | Defaults["minHeight"]>;
+        default: unknown extends Defaults["minHeight"] ? string | number : NonNullable<string | number> | Defaults["minHeight"];
+    };
+    class: unknown extends Defaults["class"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["class"] ? any : any>;
+        default: unknown extends Defaults["class"] ? any : any;
+    };
+    style: unknown extends Defaults["style"] ? {
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    } : Omit<{
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
+        default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"];
+    };
+    color: unknown extends Defaults["color"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["color"] ? string : string | Defaults["color"]>;
+        default: unknown extends Defaults["color"] ? string : string | Defaults["color"];
+    };
+    baseColor: unknown extends Defaults["baseColor"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"]>;
+        default: unknown extends Defaults["baseColor"] ? string : string | Defaults["baseColor"];
+    };
+    activeColor: unknown extends Defaults["activeColor"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"]>;
+        default: unknown extends Defaults["activeColor"] ? string : string | Defaults["activeColor"];
+    };
+    bgColor: unknown extends Defaults["bgColor"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"]>;
+        default: unknown extends Defaults["bgColor"] ? string : string | Defaults["bgColor"];
+    };
+    textColor: unknown extends Defaults["textColor"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["textColor"] ? string : string | Defaults["textColor"]>;
+        default: unknown extends Defaults["textColor"] ? string : string | Defaults["textColor"];
+    };
+    autofocus: unknown extends Defaults["autofocus"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"]>;
+        default: unknown extends Defaults["autofocus"] ? boolean : boolean | Defaults["autofocus"];
+    };
+    divider: unknown extends Defaults["divider"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["divider"] ? string : string | Defaults["divider"]>;
+        default: unknown extends Defaults["divider"] ? string : string | Defaults["divider"];
+    };
+    focusAll: unknown extends Defaults["focusAll"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["focusAll"] ? boolean : boolean | Defaults["focusAll"]>;
+        default: unknown extends Defaults["focusAll"] ? boolean : boolean | Defaults["focusAll"];
+    };
+    merged: unknown extends Defaults["merged"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["merged"] ? boolean : boolean | Defaults["merged"]>;
+        default: unknown extends Defaults["merged"] ? boolean : boolean | Defaults["merged"];
+    };
+    label: unknown extends Defaults["label"] ? {
+        type: StringConstructor;
+        default: string;
+    } : Omit<{
+        type: StringConstructor;
+        default: string;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["label"] ? string : string | Defaults["label"]>;
+        default: unknown extends Defaults["label"] ? string : string | Defaults["label"];
+    };
+    length: unknown extends Defaults["length"] ? {
+        type: PropType<number | string>;
+        default: number;
+    } : Omit<{
+        type: PropType<number | string>;
+        default: number;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["length"] ? string | number : string | number | Defaults["length"]>;
+        default: unknown extends Defaults["length"] ? string | number : NonNullable<string | number> | Defaults["length"];
+    };
+    masked: unknown extends Defaults["masked"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["masked"] ? boolean : boolean | Defaults["masked"]>;
+        default: unknown extends Defaults["masked"] ? boolean : boolean | Defaults["masked"];
+    };
+    modelValue: unknown extends Defaults["modelValue"] ? {
+        type: PropType<number | string>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<number | string>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["modelValue"] ? string | number : string | number | Defaults["modelValue"]>;
+        default: unknown extends Defaults["modelValue"] ? string | number : NonNullable<string | number> | Defaults["modelValue"];
+    };
+    pattern: unknown extends Defaults["pattern"] ? {
+        type: PropType<OtpInputPattern | RegExp>;
+        default: undefined;
+    } : Omit<{
+        type: PropType<OtpInputPattern | RegExp>;
+        default: undefined;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["pattern"] ? RegExp | "numeric" | "alpha" | "alphanumeric" | "unicode-alpha" | "unicode-alphanumeric" : RegExp | "numeric" | "alpha" | "alphanumeric" | "unicode-alpha" | "unicode-alphanumeric" | Defaults["pattern"]>;
+        default: unknown extends Defaults["pattern"] ? RegExp | "numeric" | "alpha" | "alphanumeric" | "unicode-alpha" | "unicode-alphanumeric" : Defaults["pattern"] | NonNullable<RegExp | "numeric" | "alpha" | "alphanumeric" | "unicode-alpha" | "unicode-alphanumeric">;
+    };
+    placeholder: unknown extends Defaults["placeholder"] ? StringConstructor : {
+        type: PropType<unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"]>;
+        default: unknown extends Defaults["placeholder"] ? string : string | Defaults["placeholder"];
+    };
+    type: unknown extends Defaults["type"] ? {
+        type: PropType<CdsOtpInputType>;
+        default: string;
+        validator: (value: CdsOtpInputType) => boolean;
+    } : Omit<{
+        type: PropType<CdsOtpInputType>;
+        default: string;
+        validator: (value: CdsOtpInputType) => boolean;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["type"] ? CdsOtpInputType : CdsOtpInputType | Defaults["type"]>;
+        default: unknown extends Defaults["type"] ? CdsOtpInputType : Defaults["type"] | NonNullable<CdsOtpInputType>;
+    };
+    error: unknown extends Defaults["error"] ? BooleanConstructor : {
+        type: PropType<unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"]>;
+        default: unknown extends Defaults["error"] ? boolean : boolean | Defaults["error"];
+    };
+};
+export declare const defineCdsOtpFieldProps: <Defaults extends {
+    class?: unknown;
+    style?: unknown;
+    index?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    class: unknown extends Defaults["class"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["class"] ? any : any>;
+        default: unknown extends Defaults["class"] ? any : any;
+    };
+    style: unknown extends Defaults["style"] ? {
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    } : Omit<{
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
+        default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"];
+    };
+    index: unknown extends Defaults["index"] ? {
+        type: NumberConstructor;
+        required: true;
+    } : Omit<{
+        type: NumberConstructor;
+        required: true;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["index"] ? number : number | Defaults["index"]>;
+        default: unknown extends Defaults["index"] ? number : number | Defaults["index"];
+    };
+};
+export declare const defineCdsOtpGroupProps: <Defaults extends {
+    class?: unknown;
+    style?: unknown;
+    merged?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    class: unknown extends Defaults["class"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["class"] ? any : any>;
+        default: unknown extends Defaults["class"] ? any : any;
+    };
+    style: unknown extends Defaults["style"] ? {
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    } : Omit<{
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
+        default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"];
+    };
+    merged: unknown extends Defaults["merged"] ? {
+        type: PropType<boolean | null>;
+        default: null;
+    } : Omit<{
+        type: PropType<boolean | null>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["merged"] ? boolean | null : boolean | Defaults["merged"] | null>;
+        default: unknown extends Defaults["merged"] ? boolean | null : NonNullable<boolean | null> | Defaults["merged"];
+    };
+};
+export declare const defineCdsOtpSeparatorProps: <Defaults extends {
+    class?: unknown;
+    style?: unknown;
+} = {}>(defaults?: Defaults | undefined) => {
+    class: unknown extends Defaults["class"] ? PropType<any> : {
+        type: PropType<unknown extends Defaults["class"] ? any : any>;
+        default: unknown extends Defaults["class"] ? any : any;
+    };
+    style: unknown extends Defaults["style"] ? {
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    } : Omit<{
+        type: PropType<import("vue").StyleValue>;
+        default: null;
+    }, "type" | "default"> & {
+        type: PropType<unknown extends Defaults["style"] ? import("vue").StyleValue : import("vue").StyleValue | Defaults["style"]>;
+        default: unknown extends Defaults["style"] ? import("vue").StyleValue : NonNullable<import("vue").StyleValue> | Defaults["style"];
+    };
+};