@onereach/ui-components 25.3.5 → 25.3.6

package/dist/types/components/or-search-v3/OrSearch.vue.d.ts

@@ -0,0 +1,358 @@
+import { InputBoxSize, InputBoxVariant } from '@onereach/ui-components.or-input-box-v3';
+import { PropType } from 'vue';
+import { SearchModelValue } from './types';
+declare const _default: import("vue").DefineComponent<{
+    modelValue: {
+        type: PropType<SearchModelValue>;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+}, {
+    controlAttributes: {
+        required: boolean | undefined;
+        minlength: number | undefined;
+        maxlength: number | undefined;
+        pattern: string | undefined;
+        min: number | undefined;
+        max: number | undefined;
+        step: number | undefined;
+        readonly: boolean | undefined;
+        disabled: boolean | undefined;
+        'force-state': string | undefined;
+        id: string | undefined;
+    };
+    root: import("vue").Ref<({
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: {
+            name?: string | undefined;
+            disabled?: boolean | undefined;
+            type?: "number" | "search" | "text" | "password" | undefined;
+            variant?: "styled" | "unstyled" | "embedded" | undefined;
+            size?: "m" | "s" | undefined;
+            required?: boolean | undefined;
+            readonly?: boolean | undefined;
+            modelValue?: import("@onereach/ui-components.or-input-v3").InputModelValue;
+            autocomplete?: string | undefined;
+            inputmode?: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal" | undefined;
+            label?: string | undefined;
+            placeholder?: string | undefined;
+            hint?: string | undefined;
+            error?: string | boolean | undefined;
+            loading?: boolean | undefined;
+            key?: string | number | symbol | undefined;
+            ref?: import("vue").VNodeRef | undefined;
+            ref_for?: boolean | undefined;
+            ref_key?: string | undefined;
+            onVnodeBeforeMount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeMounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUpdate?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUpdated?: (((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void) | ((vnode: import("vue").VNode, oldVNode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeBeforeUnmount?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            onVnodeUnmounted?: (((vnode: import("vue").VNode) => void) | ((vnode: import("vue").VNode) => void)[]) | undefined;
+            class?: unknown;
+            style?: unknown;
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+        };
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot<any> | undefined;
+        }>;
+        $root: import("vue").ComponentPublicInstance | null;
+        $parent: import("vue").ComponentPublicInstance | null;
+        $emit: (event: "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", ...args: any[]) => void;
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            modelValue: {
+                type: PropType<import("@onereach/ui-components.or-input-v3").InputModelValue>;
+                default: undefined;
+            };
+            name: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            type: {
+                type: PropType<`${import("@onereach/ui-components.or-input-v3").InputType}`>;
+                default: () => import("@onereach/ui-components.or-input-v3").InputType;
+            };
+            autocomplete: {
+                type: StringConstructor;
+                default: string;
+            };
+            inputmode: {
+                type: PropType<`${import("@onereach/ui-components.or-input-v3").InputMode}`>;
+                default: import("@onereach/ui-components.or-input-v3").InputMode;
+            };
+            variant: {
+                type: PropType<`${InputBoxVariant}`>;
+                default: undefined;
+            };
+            size: {
+                type: PropType<`${InputBoxSize}`>;
+                default: undefined;
+            };
+            label: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            placeholder: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            hint: {
+                type: StringConstructor;
+                default: undefined;
+            };
+            error: {
+                type: (BooleanConstructor | StringConstructor)[];
+                default: undefined;
+            };
+            loading: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            required: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            readonly: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+            disabled: {
+                type: BooleanConstructor;
+                default: boolean;
+            };
+        }>> & {
+            onFocus?: ((...args: any[]) => any) | undefined;
+            onBlur?: ((...args: any[]) => any) | undefined;
+            onInput?: ((...args: any[]) => any) | undefined;
+            "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+            onKeydown?: ((...args: any[]) => any) | undefined;
+            onKeyup?: ((...args: any[]) => any) | undefined;
+        }, {
+            attributes: {
+                required: boolean | undefined;
+                minlength: number | undefined;
+                maxlength: number | undefined;
+                pattern: string | undefined;
+                min: number | undefined;
+                max: number | undefined;
+                step: number | undefined;
+                readonly: boolean | undefined;
+                disabled: boolean | undefined;
+                'force-state': string | undefined;
+                id: string | undefined;
+            };
+            root: import("vue").Ref<HTMLElement | undefined>;
+            rootStyles: import("vue").ComputedRef<string[]>;
+            control: import("vue").Ref<HTMLInputElement | undefined>;
+            controlStyles: import("vue").ComputedRef<string[]>;
+            model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<import("@onereach/ui-components.or-input-v3").InputModelValue>;
+            disclosed: import("vue").Ref<boolean>;
+            length: import("vue").ComputedRef<number>;
+            maxLength: import("vue").ComputedRef<number | undefined>;
+            clear: () => void;
+            focus: () => void;
+            blur: () => void;
+            isMobile: import("vue").ComputedRef<boolean>;
+        }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], string, {
+            name: string;
+            disabled: boolean;
+            type: "number" | "search" | "text" | "password";
+            variant: "styled" | "unstyled" | "embedded";
+            size: "m" | "s";
+            required: boolean;
+            readonly: boolean;
+            modelValue: import("@onereach/ui-components.or-input-v3").InputModelValue;
+            autocomplete: string;
+            inputmode: "search" | "none" | "text" | "tel" | "url" | "email" | "numeric" | "decimal";
+            label: string;
+            placeholder: string;
+            hint: string;
+            error: string | boolean;
+            loading: boolean;
+        }, {}, string, {}> & {
+            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]) => any : (...args: any) => any, options?: import("vue").WatchOptions): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        modelValue: {
+            type: PropType<import("@onereach/ui-components.or-input-v3").InputModelValue>;
+            default: undefined;
+        };
+        name: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        type: {
+            type: PropType<`${import("@onereach/ui-components.or-input-v3").InputType}`>;
+            default: () => import("@onereach/ui-components.or-input-v3").InputType;
+        };
+        autocomplete: {
+            type: StringConstructor;
+            default: string;
+        };
+        inputmode: {
+            type: PropType<`${import("@onereach/ui-components.or-input-v3").InputMode}`>;
+            default: import("@onereach/ui-components.or-input-v3").InputMode;
+        };
+        variant: {
+            type: PropType<`${InputBoxVariant}`>;
+            default: undefined;
+        };
+        size: {
+            type: PropType<`${InputBoxSize}`>;
+            default: undefined;
+        };
+        label: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        placeholder: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        hint: {
+            type: StringConstructor;
+            default: undefined;
+        };
+        error: {
+            type: (BooleanConstructor | StringConstructor)[];
+            default: undefined;
+        };
+        loading: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        required: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        readonly: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & {
+        onFocus?: ((...args: any[]) => any) | undefined;
+        onBlur?: ((...args: any[]) => any) | undefined;
+        onInput?: ((...args: any[]) => any) | undefined;
+        "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+        onKeydown?: ((...args: any[]) => any) | undefined;
+        onKeyup?: ((...args: any[]) => any) | undefined;
+    } & import("vue").ShallowUnwrapRef<{
+        attributes: {
+            required: boolean | undefined;
+            minlength: number | undefined;
+            maxlength: number | undefined;
+            pattern: string | undefined;
+            min: number | undefined;
+            max: number | undefined;
+            step: number | undefined;
+            readonly: boolean | undefined;
+            disabled: boolean | undefined;
+            'force-state': string | undefined;
+            id: string | undefined;
+        };
+        root: import("vue").Ref<HTMLElement | undefined>;
+        rootStyles: import("vue").ComputedRef<string[]>;
+        control: import("vue").Ref<HTMLInputElement | undefined>;
+        controlStyles: import("vue").ComputedRef<string[]>;
+        model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<import("@onereach/ui-components.or-input-v3").InputModelValue>;
+        disclosed: import("vue").Ref<boolean>;
+        length: import("vue").ComputedRef<number>;
+        maxLength: import("vue").ComputedRef<number | undefined>;
+        clear: () => void;
+        focus: () => void;
+        blur: () => void;
+        isMobile: import("vue").ComputedRef<boolean>;
+    }> & {} & import("vue").ComponentCustomProperties & {}) | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    model: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<SearchModelValue>;
+    draft: import("vue").Ref<SearchModelValue>;
+    clear: () => void;
+    focus: () => void;
+    blur: () => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("search" | "clear" | "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup")[], "search" | "clear" | "focus" | "blur" | "input" | "update:modelValue" | "keydown" | "keyup", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    modelValue: {
+        type: PropType<SearchModelValue>;
+        default: undefined;
+    };
+    variant: {
+        type: PropType<`${InputBoxVariant}`>;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${InputBoxSize}`>;
+        default: undefined;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+    debounce: {
+        type: NumberConstructor;
+        default: number;
+    };
+}>> & {
+    onFocus?: ((...args: any[]) => any) | undefined;
+    onBlur?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onKeydown?: ((...args: any[]) => any) | undefined;
+    onKeyup?: ((...args: any[]) => any) | undefined;
+    onSearch?: ((...args: any[]) => any) | undefined;
+    onClear?: ((...args: any[]) => any) | undefined;
+}, {
+    variant: "styled" | "unstyled" | "embedded";
+    size: "m" | "s";
+    debounce: number;
+    modelValue: SearchModelValue;
+    placeholder: string;
+}, {}>;
+export default _default;

package/dist/types/components/or-search-v3/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OrSearchV3 } from './OrSearch.vue';
+export * from './types';

package/dist/types/components/or-search-v3/types.d.ts

@@ -0,0 +1,2 @@
+import { ModelValue } from '@onereach/ui-components-common/types';
+export type SearchModelValue = ModelValue<string>;

package/dist/types/components/or-segmented-control-v3/OrSegmentedControl.vue.d.ts

@@ -0,0 +1,50 @@
+import { PropType } from 'vue';
+import { SegmentedControlSize } from './props';
+import { SegmentedControlOption } from './types';
+declare const _default: import("vue").DefineComponent<{
+    options: {
+        type: PropType<SegmentedControlOption[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${SegmentedControlSize}`>;
+        default: () => SegmentedControlSize;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    proxyModelValue: import("@onereach/ui-components-common/hooks").UseProxyModelValueReturn<string | undefined>;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    options: {
+        type: PropType<SegmentedControlOption[]>;
+        default: () => never[];
+    };
+    modelValue: {
+        type: StringConstructor;
+        default: undefined;
+    };
+    size: {
+        type: PropType<`${SegmentedControlSize}`>;
+        default: () => SegmentedControlSize;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    disabled: boolean;
+    size: "m" | "s";
+    options: SegmentedControlOption[];
+    modelValue: string;
+}, {}>;
+export default _default;

package/dist/types/components/or-segmented-control-v3/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const isVue3 = true;
+export declare const isVue2 = false;

package/dist/types/components/or-segmented-control-v3/index.d.ts

@@ -0,0 +1,3 @@
+export { default as OrSegmentedControlV3 } from './OrSegmentedControl.vue';
+export * from './props';
+export * from './types';

package/dist/types/components/or-segmented-control-v3/partials/or-segmented-control-item/OrSegmentedControlItem.vue.d.ts

@@ -0,0 +1,37 @@
+import { PropType } from 'vue';
+import { SegmentedControlSize } from '../../props';
+declare const _default: import("vue").DefineComponent<{
+    size: {
+        type: PropType<SegmentedControlSize>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, {
+    root: import("vue").Ref<HTMLElement | undefined>;
+    rootStyles: import("vue").ComputedRef<string[]>;
+    onClick: (event: Event) => void;
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    size: {
+        type: PropType<SegmentedControlSize>;
+        required: true;
+    };
+    selected: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    disabled: boolean;
+    selected: boolean;
+}, {}>;
+export default _default;

package/dist/types/components/or-segmented-control-v3/partials/or-segmented-control-item/styles.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlSize } from '../../props';
+export declare const SegmentedControlItemRoot: string[];
+export declare const SegmentedControlItemRootSizes: Record<SegmentedControlSize, string[]>;

package/dist/types/components/or-segmented-control-v3/props.d.ts

@@ -0,0 +1,4 @@
+export declare enum SegmentedControlSize {
+    M = "m",
+    S = "s"
+}

package/dist/types/components/or-segmented-control-v3/styles.d.ts

@@ -0,0 +1,3 @@
+import { SegmentedControlSize } from './props';
+export declare const SegmentedControlRoot: string[];
+export declare const SegmentedControlRootSizes: Record<SegmentedControlSize, string[]>;

package/dist/types/components/or-segmented-control-v3/types.d.ts

@@ -0,0 +1,4 @@
+export interface SegmentedControlOption {
+    value: string;
+    label: string;
+}