@ironsource/shared-ui 2.0.0-rc.3 → 2.0.0-rc.5

package/components/radioButton/index.d.ts

@@ -1,118 +1,332 @@
 import { default as RadioButton } from './RadioButton.vue';
 import { default as RadioGroup } from './RadioGroup.vue';
-declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
+declare const RadioButtonTypes: () => (({
+    new (...args: any[]): {
+        $: import("vue").ComponentInternalInstance;
+        $data: {};
+        $props: Partial<{
+            name: string;
+            label: string;
+            testId: string;
+            modelValue: string;
+            helperText: string;
+            errorText: string;
+        }> & Omit<Readonly<import("vue").ExtractPropTypes<{
+            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;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            errorText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            onChange?: (...args: any[]) => any;
+            "onUpdate:modelValue"?: (...args: any[]) => any;
+        } & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, "name" | "label" | "testId" | "modelValue" | "helperText" | "errorText">;
+        $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;
+            };
+            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;
+            };
+            helperText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+            errorText: {
+                type: import("vue").PropType<string>;
+                default: string;
+            };
+        }>> & {
+            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;
+            helperText: string;
+            errorText: 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<{
+        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;
+        };
+        helperText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+        errorText: {
+            type: import("vue").PropType<string>;
+            default: string;
+        };
+    }>> & {
+        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;
     };
     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;
     };
     helperText: {
         type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
     errorText: {
         type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    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;
-    };
-    helperText: {
-        type: import("vue").PropType<string>;
-    } & {
-        default: string;
-    };
-    errorText: {
-        type: import("vue").PropType<string>;
-    } & {
         default: string;
     };
 }>> & {
     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;
     helperText: string;
     errorText: string;
-}> | import("vue").DefineComponent<{
-    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;
+}, {}, string> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default?(_: {}): any;
     };
-    row: {
-        type: import("vue").PropType<boolean>;
-    } & {
-        default: boolean;
-    };
-}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change")[], "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+})) | ({
+    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: {
@@ -121,16 +335,22 @@ declare const RadioButtonTypes: () => (import("vue").DefineComponent<{
     };
     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/index.js

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

package/components/radioButton/useRadio.js

@@ -0,0 +1,24 @@
+import { ref as c, inject as m, computed as l, toRaw as b } from "vue";
+const f = Symbol("radioGroupKey"), V = (o, d) => {
+  const u = c(), e = m(f, void 0), a = l(() => !!e), t = l({
+    get() {
+      return a.value ? e?.modelValue : o.modelValue;
+    },
+    set(n) {
+      a.value ? e?.changeEvent(n) : d && d("update:modelValue", n), u.value && (u.value.checked = o.modelValue === o.label);
+    }
+  }), r = l(() => e?.disabled), s = c(!1), i = l(() => b(e.disabled) || a.value && t.value !== o.label ? -1 : 0);
+  return {
+    radioRef: u,
+    isGroup: a,
+    radioGroup: e,
+    focus: s,
+    disabled: r,
+    tabIndex: i,
+    modelValue: t
+  };
+};
+export {
+  f as radioGroupKey,
+  V as useRadio
+};

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

@@ -0,0 +1,23 @@
+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 ? 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: s,
+    showRightIcon: v,
+    showClear: n,
+    rightIcon: h,
+    onRightIconClick: i,
+    inputRef: t,
+    clearValue: o
+  };
+};
+export {
+  I as searchCommon
+};

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<{
@@ -45,7 +45,10 @@ type __VLS_TypePropsToRuntimeProps<T> = {
     };
 };
 type __VLS_WithDefaults<P, D> = {
-    [K in keyof Pick<P, keyof P>]: K extends keyof D ? P[K] & {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
         default: D[K];
-    } : P[K];
+    }> : P[K];
 };
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,70 +1,7 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
-import Icon from '../../icon/v3/Icon.vue.js';
-import { SearchTestIdModifiers } from '../../../testids/index.vue.js';
-import { searchCommon } from '../common/Search.common.vue.js';
-/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../Search.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["value", "placeholder", "disabled", "data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Search",
-  props: {
-    modelValue: null,
-    placeholder: null,
-    variant: { default: "default" },
-    size: { default: "sm" },
-    disabled: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { expose, emit }) {
-    const props = __props;
-    const {
-      showLeftIcon,
-      updateValue,
-      showRightIcon,
-      showClear,
-      rightIcon,
-      onRightIconClick,
-      inputRef
-    } = searchCommon(props, emit);
-    expose({
-      inputRef
-    });
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["search-container", `${__props.size}`]),
-        "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).CONTAINER}`
-      }, [
-        unref(showLeftIcon) ? (openBlock(), createBlock(unref(Icon), {
-          key: 0,
-          class: "search-left-icon",
-          name: "search-bold",
-          "font-size": "sm"
-        })) : createCommentVNode("", true),
-        createElementVNode("input", {
-          ref_key: "inputRef",
-          ref: inputRef,
-          class: normalizeClass({ [__props.variant]: true, activated: __props.modelValue !== "" }),
-          value: __props.modelValue,
-          placeholder: __props.placeholder,
-          disabled: __props.disabled,
-          "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).FIELD}`,
-          onInput: _cache[0] || (_cache[0] = (...args) => unref(updateValue) && unref(updateValue)(...args))
-        }, null, 42, _hoisted_2),
-        unref(showRightIcon) ? (openBlock(), createBlock(unref(Icon), {
-          key: 1,
-          class: normalizeClass(["search-right-icon", { "search-right-icon-clear": unref(showClear) }]),
-          name: unref(rightIcon),
-          "font-size": "sm",
-          "data-testid": `${__props.testId}-${unref(SearchTestIdModifiers).CLOSE}`,
-          onClick: unref(onRightIconClick)
-        }, null, 8, ["class", "name", "data-testid", "onClick"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Search = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-64d62abc"]]);
-
-export { Search as default };
+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_63beaf6b_lang.css"; //*');
+const a = /* @__PURE__ */ o(e, [["__scopeId", "data-v-63beaf6b"]]);
+export {
+  a as default
+};

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

@@ -0,0 +1,62 @@
+ 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({
+  __name: "Search",
+  props: {
+    modelValue: null,
+    placeholder: null,
+    variant: { default: "default" },
+    size: { default: "sm" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  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", {
+        ref_key: "inputRef",
+        ref: n,
+        class: l({ [t.variant]: !0, activated: t.modelValue !== "" }),
+        value: t.modelValue,
+        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));
+  }
+});
+export {
+  L as default
+};