@ironsource/shared-ui 2.0.0-rc.1 → 2.0.0-rc.2

package/components/radioButton/RadioButton.vue.js

@@ -1,91 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, withDirectives, isRef, vModelRadio, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString, createBlock, createCommentVNode } from 'vue';
-import Text from '../typography/Text.vue.js';
-import { useRadio } from './useRadio.vue.js';
-import { RadioTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                             */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../RadioButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = { class: "wrapper" };
-const _hoisted_2 = ["value", "name", "disabled", "data-testid"];
-const _hoisted_3 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RadioButton",
-  props: {
-    label: { default: "" },
-    name: { default: "" },
-    helperText: { default: "" },
-    errorText: { default: "" },
-    modelValue: { default: void 0 },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const { radioRef, focus, disabled, modelValue, radioGroup } = useRadio(
-      props,
-      emit
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        class: normalizeClass(["radio-button", { "radio-button--disabled": unref(disabled) }])
-      }, [
-        createElementVNode("span", _hoisted_1, [
-          withDirectives(createElementVNode("input", {
-            ref_key: "radioRef",
-            ref: radioRef,
-            "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => isRef(modelValue) ? modelValue.value = $event : null),
-            value: __props.label,
-            name: __props.name || unref(radioGroup)?.name,
-            type: "radio",
-            disabled: unref(disabled),
-            "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).FIELD}`,
-            onFocus: _cache[1] || (_cache[1] = ($event) => focus.value = true),
-            onBlur: _cache[2] || (_cache[2] = ($event) => focus.value = false)
-          }, null, 40, _hoisted_2), [
-            [vModelRadio, unref(modelValue)]
-          ]),
-          createElementVNode("span", {
-            class: normalizeClass([{ "circle--selected": unref(modelValue) === __props.label }, "circle"])
-          }, null, 2)
-        ]),
-        createElementVNode("span", {
-          class: "label",
-          "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).LABEL}`
-        }, [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(Text, { "is-truncated": "" }, {
-              default: withCtx(() => [
-                createTextVNode(toDisplayString(__props.label), 1)
-              ]),
-              _: 1
-            })
-          ], true),
-          !__props.errorText && __props.helperText ? (openBlock(), createBlock(Text, {
-            key: 0,
-            class: "helper-text--text helper-text",
-            size: "caption"
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.helperText), 1)
-            ]),
-            _: 1
-          })) : createCommentVNode("", true),
-          __props.errorText ? (openBlock(), createBlock(Text, {
-            key: 1,
-            size: "caption",
-            class: "helper-text--error helper-text",
-            "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).ERROR_TEXT}`
-          }, {
-            default: withCtx(() => [
-              createTextVNode(toDisplayString(__props.errorText), 1)
-            ]),
-            _: 1
-          }, 8, ["data-testid"])) : createCommentVNode("", true)
-        ], 8, _hoisted_3)
-      ], 2);
-    };
-  }
-});
-var RadioButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5b237369"]]);
-
-export { RadioButton as default };

package/components/radioButton/RadioGroup.vue.js

@@ -1,60 +0,0 @@
-import { defineComponent, ref, onMounted, computed, provide, reactive, toRefs, openBlock, createElementBlock, normalizeClass, unref, renderSlot, nextTick } from 'vue';
-import { useId } from '../../composables/useId.vue.js';
-import { radioGroupKey } from './useRadio.vue.js';
-import { RadioTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                            */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../RadioGroup.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "RadioGroup",
-  props: {
-    name: { default: "" },
-    disabled: { type: Boolean, default: false },
-    modelValue: null,
-    row: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue", "change"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const radioId = useId();
-    const radioGroupRef = ref();
-    const changeEvent = (value) => {
-      emit("update:modelValue", value);
-      nextTick(() => emit("change", value));
-    };
-    onMounted(() => {
-      const radios = radioGroupRef.value?.querySelectorAll("[type=radio]");
-      const firstLabel = radios[0];
-      if (!Array.from(radios).some((radio) => radio.checked) && firstLabel) {
-        firstLabel.tabIndex = 0;
-      }
-    });
-    const name = computed(() => {
-      return props.name || radioId.value;
-    });
-    provide(
-      radioGroupKey,
-      reactive({
-        ...toRefs(props),
-        changeEvent,
-        name
-      })
-    );
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        ref_key: "radioGroupRef",
-        ref: radioGroupRef,
-        class: normalizeClass([{ "radio-group--row": __props.row }, "radio-group"]),
-        role: "radiogroup",
-        "data-testid": `${__props.testId}-${unref(RadioTestIdModifiers).GROUP}`
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var RadioGroup = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5ec84e04"]]);
-
-export { RadioGroup as default };

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

@@ -1,70 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
-import Icon from '../../icon/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-5ec84660"]]);
-
-export { Search as default };

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

@@ -1,70 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, createBlock, createCommentVNode, createElementVNode } from 'vue';
-import Icon from '../../icon/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 "../../../SearchV4.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: "SearchV4",
-  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-2c679efe"]]);
-
-export { Search as default };

package/components/skeleton/Skeleton.vue.js

@@ -1,23 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, renderSlot } from 'vue';
-/* empty css                                                          */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../Skeleton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Skeleton",
-  props: {
-    round: { type: Boolean },
-    fill: { type: Boolean }
-  },
-  setup(__props) {
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ round: __props.round, fill: __props.fill })
-      }, [
-        renderSlot(_ctx.$slots, "default", {}, void 0, true)
-      ], 2);
-    };
-  }
-});
-var Skeleton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-533b1b95"]]);
-
-export { Skeleton as default };

package/components/snackbar/Snackbar.vue.js

@@ -1,182 +0,0 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createBlock, Transition, withCtx, withDirectives, createElementVNode, normalizeClass, unref, normalizeStyle, createElementBlock, createVNode, resolveDynamicComponent, createCommentVNode, toDisplayString, renderSlot, createTextVNode, vShow, withModifiers } from 'vue';
-import { useEventListener, useTimeoutFn } from '@vueuse/core';
-import Icon from '../icon/Icon.vue.js';
-import Close from '../icon/icons/Close.vue.js';
-import Check from '../icon/icons/Check.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-/* empty css                                                                   */import IconButton from '../button/v3/IconButton.vue.js';
-/* empty css                                                                               */import 'floating-vue';
-/* empty css                                                      *//* empty css                                                                         *//* empty css                                                          */
-import "../../Snackbar.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["id"];
-const _hoisted_2 = { class: "container" };
-const _hoisted_3 = { class: "texts" };
-const _hoisted_4 = ["innerHTML"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Snackbar",
-  props: {
-    customClass: null,
-    dangerouslyUseHTMLString: { type: Boolean },
-    duration: { default: 3e3 },
-    icon: null,
-    id: null,
-    message: null,
-    offset: null,
-    onClick: null,
-    onClose: null,
-    type: { default: null },
-    position: { default: "top-right" },
-    showClose: { type: Boolean, default: true },
-    title: { default: "" },
-    zIndex: { default: 0 }
-  },
-  emits: ["destroy"],
-  setup(__props) {
-    const props = __props;
-    const TypeComponentsMap = {
-      success: Check,
-      error: Close
-    };
-    const visible = ref(false);
-    let timer = void 0;
-    const typeClass = computed(() => {
-      const type = props.type;
-      return type && TypeComponentsMap[props.type] ? type : "";
-    });
-    const iconComponent = computed(() => {
-      return TypeComponentsMap[props.type] || props.icon || "";
-    });
-    const horizontalClass = computed(
-      () => props.position.endsWith("right") ? "right" : "left"
-    );
-    const verticalProperty = computed(
-      () => props.position.startsWith("top") ? "top" : "bottom"
-    );
-    const positionStyle = computed(() => {
-      return {
-        [verticalProperty.value]: `${props.offset}px`,
-        zIndex: props.zIndex
-      };
-    });
-    function startTimer() {
-      if (props.duration > 0) {
-        ({ stop: timer } = useTimeoutFn(() => {
-          if (visible.value)
-            close();
-        }, props.duration));
-      }
-    }
-    function clearTimer() {
-      timer?.();
-    }
-    function close() {
-      visible.value = false;
-    }
-    function onKeydown({ code }) {
-      if (code === "Delete" || code === "Backspace") {
-        clearTimer();
-      } else if (code === "Escape") {
-        if (visible.value) {
-          close();
-        }
-      } else {
-        startTimer();
-      }
-    }
-    onMounted(() => {
-      startTimer();
-      visible.value = true;
-    });
-    useEventListener(document, "keydown", onKeydown);
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(Transition, {
-        name: "snackbar",
-        onBeforeLeave: __props.onClose,
-        onAfterLeave: _cache[1] || (_cache[1] = ($event) => _ctx.$emit("destroy"))
-      }, {
-        default: withCtx(() => [
-          withDirectives(createElementVNode("div", {
-            id: __props.id,
-            class: normalizeClass(["snackbar", [__props.customClass, unref(horizontalClass)]]),
-            style: normalizeStyle(unref(positionStyle)),
-            role: "alert",
-            onMouseenter: clearTimer,
-            onMouseleave: startTimer,
-            onClick: _cache[0] || (_cache[0] = (...args) => __props.onClick && __props.onClick(...args))
-          }, [
-            unref(iconComponent) ? (openBlock(), createElementBlock("div", {
-              key: 0,
-              class: normalizeClass(["start-icon-container", [unref(typeClass)]])
-            }, [
-              createVNode(unref(Icon), {
-                "font-size": unref(typeClass) ? "sm" : "lg"
-              }, {
-                default: withCtx(() => [
-                  (openBlock(), createBlock(resolveDynamicComponent(unref(iconComponent))))
-                ]),
-                _: 1
-              }, 8, ["font-size"])
-            ], 2)) : createCommentVNode("", true),
-            createElementVNode("div", _hoisted_2, [
-              createElementVNode("div", _hoisted_3, [
-                __props.title ? (openBlock(), createBlock(Text, {
-                  key: 0,
-                  size: "md",
-                  strong: "",
-                  class: "title",
-                  textContent: toDisplayString(__props.title)
-                }, null, 8, ["textContent"])) : createCommentVNode("", true),
-                withDirectives(createElementVNode("div", {
-                  class: "message",
-                  style: normalizeStyle(!!__props.title ? void 0 : { margin: 0 })
-                }, [
-                  renderSlot(_ctx.$slots, "default", {}, () => [
-                    !__props.dangerouslyUseHTMLString ? (openBlock(), createBlock(Text, {
-                      key: 0,
-                      size: "sm"
-                    }, {
-                      default: withCtx(() => [
-                        createTextVNode(toDisplayString(__props.message), 1)
-                      ]),
-                      _: 1
-                    })) : (openBlock(), createElementBlock("div", {
-                      key: 1,
-                      innerHTML: __props.message
-                    }, null, 8, _hoisted_4))
-                  ], true)
-                ], 4), [
-                  [vShow, __props.message]
-                ])
-              ]),
-              __props.showClose ? (openBlock(), createBlock(unref(IconButton), {
-                key: 0,
-                theme: "third",
-                size: "sm",
-                class: "snackbar-close-button",
-                variant: "colorized",
-                onClick: withModifiers(close, ["stop"])
-              }, {
-                default: withCtx(() => [
-                  createVNode(unref(Icon), null, {
-                    default: withCtx(() => [
-                      createVNode(Close)
-                    ]),
-                    _: 1
-                  })
-                ]),
-                _: 1
-              }, 8, ["onClick"])) : createCommentVNode("", true)
-            ])
-          ], 46, _hoisted_1), [
-            [vShow, visible.value]
-          ])
-        ]),
-        _: 3
-      }, 8, ["onBeforeLeave"]);
-    };
-  }
-});
-var SnackbarConstructor = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fdd11e8e"]]);
-
-export { SnackbarConstructor as default };

package/components/switch/v3/Switch.vue.js

@@ -1,87 +0,0 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import { useVModel } from '@vueuse/core';
-import Text from '../../typography/Text.vue.js';
-import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
-/* empty css                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../Switch.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Switch",
-  props: {
-    options: null,
-    modelValue: null,
-    size: { default: "lg" },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const box = ref(null);
-    const data = useVModel(props, "modelValue", emit);
-    const optionsRefs = ref([]);
-    const skipUnwrap = { optionsRefs };
-    const selected = ref();
-    const selectedPosition = computed(() => {
-      return {
-        left: optionsRefs.value[selected.value]?.offsetLeft,
-        width: optionsRefs.value[selected.value]?.offsetWidth
-      };
-    });
-    onMounted(() => {
-      selected.value = props.options.findIndex(
-        (option) => option === props.modelValue
-      );
-    });
-    const onClick = (option, index) => {
-      selected.value = index;
-      data.value = option;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["switch", { "switch--lg": __props.size === "lg", "switch--sm": __props.size === "sm" }]),
-        "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).WRAPPER}`
-      }, [
-        createElementVNode("span", {
-          ref_key: "box",
-          ref: box,
-          class: normalizeClass(["box", { "box--lg": __props.size === "lg", "box--sm": __props.size === "sm" }]),
-          style: normalizeStyle({
-            transform: `translateX(${unref(selectedPosition)?.left}px)`,
-            width: unref(selectedPosition)?.width + "px"
-          })
-        }, null, 6),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-          return openBlock(), createElementBlock("button", {
-            ref_for: true,
-            ref: skipUnwrap.optionsRefs,
-            key: index,
-            "aria-label": option,
-            class: normalizeClass([{ "option--selected": selected.value === index }, "option"]),
-            "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).BUTTON}`,
-            onClick: ($event) => onClick(option, index)
-          }, [
-            renderSlot(_ctx.$slots, "default", {
-              option,
-              selected: selected.value === index
-            }, () => [
-              createVNode(Text, {
-                size: "caption",
-                "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).TEXT}`
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(option), 1)
-                ]),
-                _: 2
-              }, 1032, ["data-testid"])
-            ], true)
-          ], 10, _hoisted_2);
-        }), 128))
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0266f48c"]]);
-
-export { Switch as default };

package/components/switch/v4/SwitchV4.vue.js

@@ -1,87 +0,0 @@
-import { defineComponent, ref, computed, onMounted, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, normalizeStyle, Fragment, renderList, renderSlot, createVNode, withCtx, createTextVNode, toDisplayString } from 'vue';
-import { useVModel } from '@vueuse/core';
-import Text from '../../typography/Text.vue.js';
-import { SwitchTestIdModifiers } from '../../../testids/index.vue.js';
-/* empty css                                                          */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../SwitchV4.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = ["aria-label", "data-testid", "onClick"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "SwitchV4",
-  props: {
-    options: null,
-    modelValue: null,
-    size: { default: "lg" },
-    testId: { default: "" }
-  },
-  emits: ["update:modelValue"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const box = ref(null);
-    const data = useVModel(props, "modelValue", emit);
-    const optionsRefs = ref([]);
-    const skipUnwrap = { optionsRefs };
-    const selected = ref();
-    const selectedPosition = computed(() => {
-      return {
-        left: optionsRefs.value[selected.value]?.offsetLeft,
-        width: optionsRefs.value[selected.value]?.offsetWidth
-      };
-    });
-    onMounted(() => {
-      selected.value = props.options.findIndex(
-        (option) => option === props.modelValue
-      );
-    });
-    const onClick = (option, index) => {
-      selected.value = index;
-      data.value = option;
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass(["switch", { "switch--lg": __props.size === "lg", "switch--sm": __props.size === "sm" }]),
-        "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).WRAPPER}`
-      }, [
-        createElementVNode("span", {
-          ref_key: "box",
-          ref: box,
-          class: normalizeClass(["box", { "box--lg": __props.size === "lg", "box--sm": __props.size === "sm" }]),
-          style: normalizeStyle({
-            transform: `translateX(${unref(selectedPosition)?.left}px)`,
-            width: unref(selectedPosition)?.width + "px"
-          })
-        }, null, 6),
-        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.options, (option, index) => {
-          return openBlock(), createElementBlock("button", {
-            ref_for: true,
-            ref: skipUnwrap.optionsRefs,
-            key: index,
-            "aria-label": option,
-            class: normalizeClass([{ "option--selected": selected.value === index }, "option"]),
-            "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).BUTTON}`,
-            onClick: ($event) => onClick(option, index)
-          }, [
-            renderSlot(_ctx.$slots, "default", {
-              option,
-              selected: selected.value === index
-            }, () => [
-              createVNode(Text, {
-                size: "caption",
-                "data-testid": `${__props.testId}-${unref(SwitchTestIdModifiers).TEXT}`
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(toDisplayString(option), 1)
-                ]),
-                _: 2
-              }, 1032, ["data-testid"])
-            ], true)
-          ], 10, _hoisted_2);
-        }), 128))
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Switch = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-0bfee819"]]);
-
-export { Switch as default };