@ironsource/shared-ui 2.0.0-test.9 → 2.0.1

package/components/radioButton/v4/RadioGroupV4.vue2.js

@@ -0,0 +1,29 @@
+ import "../../../RadioGroupV4.vue_vue_type_style_index_0_scoped_f8e8cbab_lang.css"; import { defineComponent as u, openBlock as n, createElementBlock as p, mergeProps as f, unref as r, renderSlot as i } from "vue";
+import { RadioTestIdModifiers as t } from "../../../testids/index.js";
+import { radioGroupCommon as m } from "../common/radioGroup.common.js";
+import { useTestIdAttrs as c } from "../../../utils/testIds.js";
+const _ = /* @__PURE__ */ u({
+  __name: "RadioGroupV4",
+  props: {
+    name: { default: "" },
+    disabled: { type: Boolean, default: !1 },
+    modelValue: null,
+    row: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { emit: a }) {
+    const o = e, d = c(o.testId, t), { radioGroupRef: s } = m(o, a);
+    return (l, g) => (n(), p("div", f({
+      ref_key: "radioGroupRef",
+      ref: s,
+      class: [{ "radio-group--row": e.row }, "radio-group"],
+      role: "radiogroup"
+    }, r(d)[r(t).GROUP]), [
+      i(l.$slots, "default", {}, void 0, !0)
+    ], 16));
+  }
+});
+export {
+  _ as default
+};

package/components/radioButton/v4/index.d.ts

@@ -0,0 +1,334 @@
+import { default as RadioButton } from './RadioButtonV4.vue';
+import { default as RadioGroup } from './RadioGroupV4.vue';
+declare const RadioButtonTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            name: string;
+            label: string;
+            testId: string;
+            modelValue: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            value: {
+                type: import("vue").PropType<unknown>;
+                required: true;
+            };
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            label: {
+                type: import("vue").PropType<string>;
+                required: true;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                default: any;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
+        }, string, {
+            name: string;
+            label: string;
+            testId: string;
+            modelValue: string;
+        }, {}, 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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        value: {
+            type: import("vue").PropType<unknown>;
+            required: true;
+        };
+        name: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        label: {
+            type: import("vue").PropType<string>;
+            required: true;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            default: any;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    value: {
+        type: import("vue").PropType<unknown>;
+        required: true;
+    };
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    label: {
+        type: import("vue").PropType<string>;
+        required: true;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        default: any;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, {
+    name: string;
+    label: string;
+    testId: string;
+    modelValue: string;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})) | ({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            name: string;
+            testId: string;
+            disabled: boolean;
+            row: boolean;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "testId" | "disabled" | "row">;
+        $attrs: {
+            [x: string]: unknown;
+        };
+        $refs: {
+            [x: string]: unknown;
+        };
+        $slots: Readonly<{
+            [name: string]: import("vue").Slot;
+        }>;
+        $root: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $parent: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>;
+        $emit: ((event: "update:modelValue", ...args: any[]) => void) & ((event: "change", ...args: any[]) => void);
+        $el: any;
+        $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+            name: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            testId: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            disabled: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+            modelValue: {
+                type: import("vue").PropType<string>;
+                required: true;
+            };
+            row: {
+                type: import("vue").PropType<boolean>;
+                default: boolean;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        }, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+            "update:modelValue": (...args: any[]) => void;
+            change: (...args: any[]) => void;
+        }, string, {
+            name: string;
+            testId: string;
+            disabled: boolean;
+            row: 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<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, info: string) => boolean | void) | ((err: unknown, instance: import("vue").ComponentPublicInstance<{}, {}, {}, {}, {}, {}, {}, {}, false, import("vue").ComponentOptionsBase<any, any, any, any, any, any, any, any, any, {}, {}, string>, {}>, 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_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean>): import("vue").WatchStopHandle;
+    } & Readonly<import("vue").ExtractPropTypes<{
+        name: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        testId: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        disabled: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+        modelValue: {
+            type: import("vue").PropType<string>;
+            required: true;
+        };
+        row: {
+            type: import("vue").PropType<boolean>;
+            default: boolean;
+        };
+    }>> & {
+        onChange?: (...args: any[]) => any;
+        "onUpdate:modelValue"?: (...args: any[]) => any;
+    } & import("vue").ShallowUnwrapRef<{}> & {} & import("vue").ComponentCustomProperties & {};
+    __isFragment?: never;
+    __isTeleport?: never;
+    __isSuspense?: never;
+} & import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
+    name: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    testId: {
+        type: import("vue").PropType<string>;
+        default: string;
+    };
+    disabled: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+    modelValue: {
+        type: import("vue").PropType<string>;
+        required: true;
+    };
+    row: {
+        type: import("vue").PropType<boolean>;
+        default: boolean;
+    };
+}>> & {
+    onChange?: (...args: any[]) => any;
+    "onUpdate:modelValue"?: (...args: any[]) => any;
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    "update:modelValue": (...args: any[]) => void;
+    change: (...args: any[]) => void;
+}, string, {
+    name: string;
+    testId: string;
+    disabled: boolean;
+    row: boolean;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
+    };
+})))[];
+export { RadioButton, RadioGroup, RadioButtonTypes };

package/components/radioButton/v4/index.js

@@ -0,0 +1,8 @@
+import o from "./RadioButtonV4.vue.js";
+import t from "./RadioGroupV4.vue.js";
+const p = () => [o, t];
+export {
+  o as RadioButton,
+  p as RadioButtonTypes,
+  t as RadioGroup
+};

package/components/search/common/Search.common.d.ts

@@ -5,5 +5,6 @@ export declare const searchCommon: (props: any, emit: any) => {
     showClear: import("vue").ComputedRef<boolean>;
     rightIcon: import("vue").ComputedRef<"cancel" | "search">;
     onRightIconClick: () => void;
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
+    clearValue: () => void;
 };

package/components/search/common/Search.common.js

@@ -1,20 +1,21 @@
-import { ref as m, computed as e } from "vue";
-const I = (t, a) => {
-  const u = m(), c = (d) => {
-    a("update:modelValue", d.target.value);
-  }, s = () => {
-    a("update:modelValue", ""), o();
+import { ref as d, computed as e } from "vue";
+const I = (a, u) => {
+  const t = d(), s = (m) => {
+    u("update:modelValue", m.target.value);
+  }, o = () => {
+    u("update:modelValue", ""), t.value.focus ? l() : t.value.manualFocus();
   }, i = () => {
-    n.value ? s() : o();
-  }, o = () => u.value.focus(), n = e(() => t.modelValue !== ""), r = e(() => t.variant === "inline-table"), l = e(() => t.variant === "transparent"), v = e(() => ((r.value || l.value) && n.value, n.value)), f = e(() => l.value || r.value), h = e(() => n.value ? "cancel" : "search");
+    n.value ? o() : l();
+  }, l = () => t.value.focus(), n = e(() => a.modelValue !== ""), r = e(() => a.variant === "inline-table"), c = e(() => a.variant === "transparent"), v = e(() => ((r.value || c.value) && n.value, n.value)), f = e(() => c.value || r.value), h = e(() => n.value ? "cancel" : "search");
   return {
     showLeftIcon: f,
-    updateValue: c,
+    updateValue: s,
     showRightIcon: v,
     showClear: n,
     rightIcon: h,
     onRightIconClick: i,
-    inputRef: u
+    inputRef: t,
+    clearValue: o
   };
 };
 export {

package/components/search/v3/Search.vue.d.ts

@@ -11,7 +11,7 @@ declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_T
     disabled: boolean;
     testId: string;
 }>, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{

package/components/search/v3/Search.vue.js

@@ -1,7 +1,7 @@
 import e from "./Search.vue2.js";
 /* empty css             */import o from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Search.vue_vue_type_style_index_0_scoped_446ea6ad_lang.css"; //*');
-const t = /* @__PURE__ */ o(e, [["__scopeId", "data-v-446ea6ad"]]);
+// import "../../../Search.vue_vue_type_style_index_0_scoped_63beaf6b_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-63beaf6b"]]);
 export {
-  t as default
+  a as default
 };

package/components/search/v3/Search.vue2.js

@@ -1,5 +1,5 @@
- import "../../../Search.vue_vue_type_style_index_0_scoped_446ea6ad_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
-import r from "../../icon/Icon.vue.js";
+ import "../../../Search.vue_vue_type_style_index_0_scoped_63beaf6b_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
+import r from "../../icon/v3/Icon.vue.js";
 import { SearchTestIdModifiers as o } from "../../../testids/index.js";
 import { searchCommon as p } from "../common/Search.common.js";
 const z = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], L = /* @__PURE__ */ v({

package/components/search/v3/index.d.ts

@@ -24,7 +24,7 @@ declare const SearchTypes: () => import("vue").DefineComponent<{
         required: true;
     };
 }, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: string) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{

package/components/search/v4/SearchV4.vue.d.ts

@@ -1,38 +1,33 @@
 declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
-    variant?: 'default' | 'inline-table' | 'transparent';
-    size?: 'sm' | 'md';
     disabled?: boolean;
     testId?: string;
+    autoFocus?: boolean;
 }>, {
-    variant: string;
-    size: string;
     disabled: boolean;
     testId: string;
+    autoFocus: boolean;
 }>, {
-    inputRef: import("vue").Ref<HTMLInputElement>;
+    inputRef: import("vue").Ref<any>;
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string) => void;
+    "update:modelValue": (value: string | number) => void;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
     modelValue: string;
     placeholder: string;
-    variant?: 'default' | 'inline-table' | 'transparent';
-    size?: 'sm' | 'md';
     disabled?: boolean;
     testId?: string;
+    autoFocus?: boolean;
 }>, {
-    variant: string;
-    size: string;
     disabled: boolean;
     testId: string;
+    autoFocus: boolean;
 }>>> & {
-    "onUpdate:modelValue"?: (value: string) => any;
+    "onUpdate:modelValue"?: (value: string | number) => any;
 }, {
-    size: 'sm' | 'md';
     testId: string;
-    variant: 'default' | 'inline-table' | 'transparent';
     disabled: boolean;
+    autoFocus: boolean;
 }>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;

package/components/search/v4/SearchV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./SearchV4.vue2.js";
 /* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_71404005_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-71404005"]]);
+// import "../../../SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-215f0f29"]]);
 export {
   c as default
 };

package/components/search/v4/SearchV4.vue2.js

@@ -1,62 +1,57 @@
- import "../../../SearchV4.vue_vue_type_style_index_0_scoped_71404005_lang.css"; import { defineComponent as v, openBlock as a, createElementBlock as b, normalizeClass as l, unref as e, createBlock as i, createCommentVNode as c, createElementVNode as g } from "vue";
-import r from "../../icon/Icon.vue.js";
-import { SearchTestIdModifiers as o } from "../../../testids/index.js";
-import { searchCommon as p } from "../common/Search.common.js";
-const z = ["data-testid"], E = ["value", "placeholder", "disabled", "data-testid"], L = /* @__PURE__ */ v({
+ import "../../../SearchV4.vue_vue_type_style_index_0_scoped_215f0f29_lang.css"; import { defineComponent as p, openBlock as V, createElementBlock as h, mergeProps as u, unref as e, createVNode as a, withCtx as x, withDirectives as I, createElementVNode as v, vShow as C } from "vue";
+import c from "../../icon/v4/IconV4.vue.js";
+import { SearchTestIdModifiers as d } from "../../../testids/index.js";
+import { searchCommon as b } from "../common/Search.common.js";
+import B from "../../input/v4/TextField.vue.js";
+import { useTestIdAttrs as g } from "../../../utils/testIds.js";
+const T = /* @__PURE__ */ p({
   __name: "SearchV4",
   props: {
     modelValue: null,
     placeholder: null,
-    variant: { default: "default" },
-    size: { default: "sm" },
     disabled: { type: Boolean, default: !1 },
-    testId: { default: "" }
+    testId: { default: "" },
+    autoFocus: { type: Boolean, default: !1 }
   },
   emits: ["update:modelValue"],
-  setup(t, { expose: u, emit: m }) {
-    const f = t, {
-      showLeftIcon: h,
-      updateValue: d,
-      showRightIcon: I,
-      showClear: C,
-      rightIcon: k,
-      onRightIconClick: V,
-      inputRef: n
-    } = p(f, m);
-    return u({
-      inputRef: n
-    }), (R, s) => (a(), b("div", {
-      class: l(["search-container", `${t.size}`]),
-      "data-testid": `${t.testId}-${e(o).CONTAINER}`
-    }, [
-      e(h) ? (a(), i(e(r), {
-        key: 0,
-        class: "search-left-icon",
-        name: "search-bold",
-        "font-size": "sm"
-      })) : c("", !0),
-      g("input", {
+  setup(t, { expose: f, emit: r }) {
+    const s = t, { inputRef: i, clearValue: n } = b(s, r), m = g(s.testId, d);
+    return f({
+      inputRef: i
+    }), (k, o) => (V(), h("div", u({ class: "search-container" }, e(m)[e(d).CONTAINER]), [
+      a(e(B), {
         ref_key: "inputRef",
-        ref: n,
-        class: l({ [t.variant]: !0, activated: t.modelValue !== "" }),
-        value: t.modelValue,
+        ref: i,
+        "model-value": t.modelValue,
+        "icon-before-name": "search",
+        "auto-focus": t.autoFocus,
         placeholder: t.placeholder,
         disabled: t.disabled,
-        "data-testid": `${t.testId}-${e(o).FIELD}`,
-        onInput: s[0] || (s[0] = //@ts-ignore
-        (...$) => e(d) && e(d)(...$))
-      }, null, 42, E),
-      e(I) ? (a(), i(e(r), {
-        key: 1,
-        class: l(["search-right-icon", { "search-right-icon-clear": e(C) }]),
-        name: e(k),
-        "font-size": "sm",
-        "data-testid": `${t.testId}-${e(o).CLOSE}`,
-        onClick: e(V)
-      }, null, 8, ["class", "name", "data-testid", "onClick"])) : c("", !0)
-    ], 10, z));
+        "test-id": t.testId,
+        "onUpdate:modelValue": o[0] || (o[0] = (l) => r("update:modelValue", l))
+      }, {
+        iconBefore: x(() => [
+          a(e(c), {
+            name: "magnifying-glass",
+            size: "16px"
+          })
+        ]),
+        _: 1
+      }, 8, ["model-value", "auto-focus", "placeholder", "disabled", "test-id"]),
+      I(v("div", u({ class: "x-circle-wrapper" }, e(m)[e(d).CLEAR], {
+        onClick: o[1] || (o[1] = //@ts-ignore
+        (...l) => e(n) && e(n)(...l))
+      }), [
+        a(e(c), {
+          name: "x-circle",
+          size: "16px"
+        })
+      ], 16), [
+        [C, !!t.modelValue]
+      ])
+    ], 16));
   }
 });
 export {
-  L as default
+  T as default
 };