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

package/components/button/icon/LoaderDotsIcon.vue.js

@@ -1,22 +0,0 @@
-import { openBlock, createElementBlock, createStaticVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../LoaderDotsIcon.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
-  width: "52",
-  height: "14",
-  viewBox: "0 0 52 14"
-};
-const _hoisted_2 = /*#__PURE__*/createStaticVNode("<circle fill=\"currentColor\" cx=\"6\" cy=\"7\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\".1\"></animate></circle><circle fill=\"currentColor\" cx=\"26\" cy=\"7\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\".2\"></animate></circle><circle fill=\"currentColor\" cx=\"46\" cy=\"7\" r=\"6\"><animate attributeName=\"opacity\" dur=\"1s\" values=\"0;1;0\" repeatCount=\"indefinite\" begin=\".3\"></animate></circle>", 3);
-const _hoisted_5 = [
-  _hoisted_2
-];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_5))
-}
-var LoaderDotsIcon = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { LoaderDotsIcon as default };

package/components/button/v3/Button.vue.js

@@ -1,102 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, createSlots, withCtx, createElementVNode, normalizeClass, createBlock, createCommentVNode } from 'vue';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../../typography/Text.vue.js';
-import Icon from '../../icon/Icon.vue.js';
-import { sizeToFont, iconSizeMap } from '../consts.vue.js';
-import LoaderDotsIcon from '../icon/LoaderDotsIcon.vue.js';
-/* empty css                                                        */
-import "../../../Button.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Button",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" },
-    theme: { default: "primary" },
-    loading: { type: Boolean, default: false },
-    isTruncated: { type: Boolean },
-    strong: { type: Boolean, default: true },
-    leftIconName: { default: null },
-    rightIconName: { default: null },
-    testId: { default: "" }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderWidthLargeInPixel = 32;
-    const loaderWidthMedSmallInPixel = 24;
-    const loaderWidth = computed(
-      () => props.size === "lg" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
-    );
-    const textSize = computed(() => sizeToFont[props.size]);
-    const computedIconWidth = computed(() => `${iconSizeMap[props.size]}px`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        class: [[
-          __props.size,
-          __props.theme,
-          __props.variant,
-          { loading: __props.loading },
-          {
-            "with-left-icon": !!__props.leftIconName,
-            "with-right-icon": !!__props.rightIconName
-          }
-        ], "button-wrap"],
-        "data-testid": props.testId
-      }, _ctx.$attrs), [
-        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createVNode(unref(Text), {
-              size: unref(textSize),
-              strong: __props.strong,
-              class: "content"
-            }, createSlots({
-              default: withCtx(() => [
-                createElementVNode("div", {
-                  class: normalizeClass({
-                    flex: __props.leftIconName || __props.rightIconName
-                  })
-                }, [
-                  __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
-                    key: 0,
-                    name: __props.leftIconName,
-                    "font-size": unref(computedIconWidth)
-                  }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true),
-                  __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
-                    key: 1,
-                    name: __props.rightIconName,
-                    "font-size": unref(computedIconWidth)
-                  }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
-                ], 2)
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.loader ? {
-                name: "loader",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "loader", {}, void 0, true)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["size", "strong"])
-          ], true)
-        ])) : createCommentVNode("", true),
-        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
-          createVNode(unref(Icon), {
-            "font-size": unref(loaderWidth),
-            class: "loading"
-          }, {
-            default: withCtx(() => [
-              createVNode(LoaderDotsIcon)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ], true) : createCommentVNode("", true)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-4bb422e4"]]);
-
-export { Button as default };

package/components/button/v3/IconButton.vue.js

@@ -1,51 +0,0 @@
-import { defineComponent, computed, openBlock, createBlock, mergeProps, withCtx, createElementVNode, normalizeClass, renderSlot, createVNode, unref } from 'vue';
-import Icon from '../../icon/Icon.vue.js';
-import ButtonBase from '../common/ButtonBase.vue.js';
-import { loaderSizeMap } from '../consts.vue.js';
-import LoaderCircleIcon from '../icon/LoaderCircleIcon.vue.js';
-/* empty css                                                            */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../IconButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "IconButton",
-  props: {
-    size: { default: "md" },
-    variant: { default: "solid" }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderSize = computed(() => loaderSizeMap[props.size] + "px");
-    return (_ctx, _cache) => {
-      return openBlock(), createBlock(ButtonBase, mergeProps({
-        size: __props.size,
-        "is-truncated": false
-      }, _ctx.$attrs, {
-        variant: __props.variant,
-        class: "icon-base"
-      }), {
-        content: withCtx(() => [
-          createElementVNode("div", {
-            class: normalizeClass(["icon", { [__props.size]: true, [__props.variant]: true }])
-          }, [
-            renderSlot(_ctx.$slots, "default", {}, void 0, true)
-          ], 2)
-        ]),
-        loader: withCtx(() => [
-          createVNode(unref(Icon), {
-            "font-size": unref(loaderSize),
-            class: "loading"
-          }, {
-            default: withCtx(() => [
-              createVNode(LoaderCircleIcon)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ]),
-        _: 3
-      }, 16, ["size", "variant"]);
-    };
-  }
-});
-var IconButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-e3fa1ea6"]]);
-
-export { IconButton as default };

package/components/button/v3/ScrollButton.vue.js

@@ -1,48 +0,0 @@
-import { defineComponent, openBlock, createBlock, unref, normalizeClass, withCtx, createVNode, createCommentVNode } from 'vue';
-import Icon from '../../icon/Icon.vue.js';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-/* empty css                                                                     *//* empty css                                                        */import IconButton from './IconButton.vue.js';
-import _sfc_main$1 from '../../tooltip/Tooltip.vue.js';
-/* empty css                                                              */
-import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ScrollButton",
-  props: {
-    show: { type: Boolean, default: false },
-    iconName: { default: "angle-up" },
-    tooltipText: { default: "Back to top" },
-    position: { default: "bottom-right" }
-  },
-  emits: ["scrolled"],
-  setup(__props, { emit }) {
-    const onScroll = () => {
-      emit("scrolled");
-    };
-    return (_ctx, _cache) => {
-      return __props.show ? (openBlock(), createBlock(unref(IconButton), {
-        key: 0,
-        class: normalizeClass(["scroll-button", __props.position]),
-        theme: "third",
-        variant: "borderless",
-        size: "lg",
-        onClick: onScroll
-      }, {
-        default: withCtx(() => [
-          createVNode(unref(_sfc_main$1), {
-            text: __props.tooltipText,
-            delay: 400
-          }, {
-            default: withCtx(() => [
-              createVNode(unref(Icon), { name: __props.iconName }, null, 8, ["name"])
-            ]),
-            _: 1
-          }, 8, ["text"])
-        ]),
-        _: 1
-      }, 8, ["class"])) : createCommentVNode("", true);
-    };
-  }
-});
-var ScrollButton = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-fbd33082"]]);
-
-export { ScrollButton as default };

package/components/button/v4/ButtonV4.vue.js

@@ -1,99 +0,0 @@
-import { defineComponent, computed, openBlock, createElementBlock, mergeProps, renderSlot, createVNode, unref, createSlots, withCtx, createElementVNode, normalizeClass, createBlock, createCommentVNode } from 'vue';
-/* empty css                                                                        */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../../typography/Text.vue.js';
-import Icon from '../../icon/Icon.vue.js';
-import { sizeToFont, iconSizeMap } from '../consts.vue.js';
-import LoaderDotsIcon from '../icon/LoaderDotsIcon.vue.js';
-/* empty css                                                          */
-import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = { key: 0 };
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "ButtonV4",
-  props: {
-    size: { default: "medium" },
-    variant: { default: "contained" },
-    color: { default: "primary" },
-    testId: { default: "" },
-    loading: { type: Boolean, default: false },
-    leftIconName: { default: null },
-    rightIconName: { default: null }
-  },
-  setup(__props) {
-    const props = __props;
-    const loaderWidthLargeInPixel = 32;
-    const loaderWidthMedSmallInPixel = 24;
-    const loaderWidth = computed(
-      () => props.size === "large" ? loaderWidthLargeInPixel + "px" : loaderWidthMedSmallInPixel + "px"
-    );
-    const textSize = computed(() => sizeToFont[props.size]);
-    const computedIconWidth = computed(() => `${iconSizeMap[props.size]}px`);
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", mergeProps({
-        class: [[
-          __props.size,
-          __props.color,
-          __props.variant,
-          { loading: __props.loading },
-          {
-            "with-left-icon": !!__props.leftIconName,
-            "with-right-icon": !!__props.rightIconName
-          }
-        ], "button-wrap"],
-        "data-testid": props.testId
-      }, _ctx.$attrs), [
-        !__props.loading ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "content", {}, () => [
-            createVNode(unref(Text), {
-              size: unref(textSize),
-              class: "content"
-            }, createSlots({
-              default: withCtx(() => [
-                createElementVNode("div", {
-                  class: normalizeClass({
-                    flex: __props.leftIconName || __props.rightIconName
-                  })
-                }, [
-                  __props.leftIconName ? (openBlock(), createBlock(unref(Icon), {
-                    key: 0,
-                    name: __props.leftIconName,
-                    "font-size": unref(computedIconWidth)
-                  }, null, 8, ["name", "font-size"])) : createCommentVNode("", true),
-                  renderSlot(_ctx.$slots, "default", {}, void 0, true),
-                  __props.rightIconName ? (openBlock(), createBlock(unref(Icon), {
-                    key: 1,
-                    name: __props.rightIconName,
-                    "font-size": unref(computedIconWidth)
-                  }, null, 8, ["name", "font-size"])) : createCommentVNode("", true)
-                ], 2)
-              ]),
-              _: 2
-            }, [
-              _ctx.$slots.loader ? {
-                name: "loader",
-                fn: withCtx(() => [
-                  renderSlot(_ctx.$slots, "loader", {}, void 0, true)
-                ]),
-                key: "0"
-              } : void 0
-            ]), 1032, ["size"])
-          ], true)
-        ])) : createCommentVNode("", true),
-        __props.loading ? renderSlot(_ctx.$slots, "loader", { key: 1 }, () => [
-          createVNode(unref(Icon), {
-            "font-size": unref(loaderWidth),
-            class: "loading"
-          }, {
-            default: withCtx(() => [
-              createVNode(LoaderDotsIcon)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ], true) : createCommentVNode("", true)
-      ], 16, _hoisted_1);
-    };
-  }
-});
-var Button = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-2972de6e"]]);
-
-export { Button as default };

package/components/checkbox/Checkbox.vue.js

@@ -1,116 +0,0 @@
-import { defineComponent, ref, computed, openBlock, createElementBlock, normalizeClass, unref, createElementVNode, mergeProps, createVNode, withCtx, createBlock, createCommentVNode, renderSlot, createTextVNode, toDisplayString, pushScopeId, popScopeId } from 'vue';
-import { CheckboxTestIdModifiers } from '../../testids/index.vue.js';
-/* empty css                                                                     */import _export_sfc from '../../_virtual/plugin-vue_export-helper.vue.js';
-import Text from '../typography/Text.vue.js';
-import Icon from '../icon/Icon.vue.js';
-import Unchecked from './icons/unchecked.vue.js';
-import Checked from './icons/checked.vue.js';
-import Indeterminate from './icons/indeterminate.vue.js';
-import useIsFocusVisible from '../../composables/useIsFocusVisible.vue.js';
-import { useId } from '../../composables/useId.vue.js';
-/* empty css                                                          */
-import "../../Checkbox.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _withScopeId = (n) => (pushScopeId("data-v-53fc4034"), n = n(), popScopeId(), n);
-const _hoisted_1 = ["data-testid"];
-const _hoisted_2 = { class: "checkboxes" };
-const _hoisted_3 = ["disabled", "checked", ".indeterminate", "data-testid"];
-const _hoisted_4 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("span", { class: "checkbox__inner" }, null, -1));
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Checkbox",
-  props: {
-    isChecked: { type: Boolean },
-    isIndeterminate: { type: Boolean },
-    disabled: { type: Boolean },
-    size: { default: "md" },
-    label: { default: "" },
-    testId: { default: "" }
-  },
-  emits: ["update:isChecked", "click"],
-  setup(__props, { emit }) {
-    const props = __props;
-    const checkbox = ref(null);
-    const id = `checkbox-${useId().value}`;
-    const {
-      isFocusVisibleRef,
-      onFocus: handleFocusVisible,
-      onBlur: handleBlurVisible
-    } = useIsFocusVisible();
-    const isFocusVisible = ref(false);
-    const handleFocus = (event) => {
-      handleFocusVisible(event);
-      if (isFocusVisibleRef.value === true) {
-        isFocusVisible.value = true;
-      }
-    };
-    const handleBlur = (event) => {
-      handleBlurVisible(event);
-      if (isFocusVisibleRef.value === false) {
-        isFocusVisible.value = false;
-      }
-    };
-    const indeterminate = computed(() => !props.isChecked && props.isIndeterminate);
-    const checked = computed(() => props.isChecked);
-    const unchecked = computed(() => !checked.value && !props.isIndeterminate);
-    const updateValue = (e) => {
-      emit("update:isChecked", e.target.checked);
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("label", {
-        for: id,
-        class: normalizeClass([[__props.size, { "focus-visible": isFocusVisible.value, disabled: __props.disabled }], "checkbox"]),
-        "data-testid": `${__props.testId}-${unref(CheckboxTestIdModifiers).WRAPPER}`
-      }, [
-        createElementVNode("span", _hoisted_2, [
-          createElementVNode("input", mergeProps(_ctx.$attrs, {
-            id,
-            ref: checkbox.value,
-            disabled: __props.disabled,
-            checked: unref(checked),
-            class: "input",
-            ".indeterminate": unref(indeterminate),
-            type: "checkbox",
-            "data-testid": `${__props.testId}-${unref(CheckboxTestIdModifiers).FIELD}`,
-            onBlur: handleBlur,
-            onFocus: handleFocus,
-            onClick: _cache[0] || (_cache[0] = ($event) => emit("click", $event)),
-            onInput: updateValue
-          }), null, 16, _hoisted_3),
-          _hoisted_4,
-          createVNode(unref(Icon), { "font-size": __props.size }, {
-            default: withCtx(() => [
-              unref(checked) ? (openBlock(), createBlock(Checked, {
-                key: 0,
-                class: "checkbox-icon checked"
-              })) : createCommentVNode("", true),
-              unref(indeterminate) ? (openBlock(), createBlock(Indeterminate, {
-                key: 1,
-                class: "checkbox-icon indeterminate"
-              })) : createCommentVNode("", true),
-              unref(unchecked) && !unref(indeterminate) ? (openBlock(), createBlock(Unchecked, {
-                key: 2,
-                class: "checkbox-icon unchecked"
-              })) : createCommentVNode("", true)
-            ]),
-            _: 1
-          }, 8, ["font-size"])
-        ]),
-        __props.label || _ctx.$slots.default ? (openBlock(), createBlock(unref(Text), {
-          key: 0,
-          size: __props.size,
-          class: "checkbox-text",
-          "data-testid": `${__props.testId}-${unref(CheckboxTestIdModifiers).LABEL}`
-        }, {
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createTextVNode(toDisplayString(__props.label), 1)
-            ], true)
-          ]),
-          _: 3
-        }, 8, ["size", "data-testid"])) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Checkbox = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-53fc4034"]]);
-
-export { Checkbox as default };

package/components/checkbox/icons/checked.vue.js

@@ -1,34 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../Checked.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("rect", {
-  width: "16",
-  height: "16",
-  rx: "4",
-  fill: "currentColor"
-}, null, -1);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("path", {
-  "fill-rule": "evenodd",
-  "clip-rule": "evenodd",
-  d: "M7.10356 11.8625L12.8536 6.46499C13.0488 6.28171 13.0488 5.98452 12.8536 5.80124L12.1465 5.13748C11.9512 4.95417 11.6346 4.95417 11.4393 5.13748L6.75 9.53936L4.56066 7.48422C4.36541 7.30093 4.04881 7.30093 3.85353 7.48422L3.14644 8.14797C2.95119 8.33125 2.95119 8.62844 3.14644 8.81172L6.39644 11.8625C6.59172 12.0458 6.90828 12.0458 7.10356 11.8625Z",
-  fill: "white"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4))
-}
-var Checked = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { Checked as default };

package/components/checkbox/icons/indeterminate.vue.js

@@ -1,35 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../Indeterminate.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("rect", {
-  width: "16",
-  height: "16",
-  rx: "4",
-  fill: "currentColor"
-}, null, -1);
-const _hoisted_3 = /*#__PURE__*/createElementVNode("rect", {
-  x: "4",
-  y: "7",
-  width: "8",
-  height: "2",
-  fill: "white"
-}, null, -1);
-const _hoisted_4 = [
-  _hoisted_2,
-  _hoisted_3
-];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_4))
-}
-var Indeterminate = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { Indeterminate as default };

package/components/checkbox/icons/unchecked.vue.js

@@ -1,30 +0,0 @@
-import { openBlock, createElementBlock, createElementVNode } from 'vue';
-import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-////import "../../Unchecked.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _sfc_main = {};
-
-const _hoisted_1 = {
-  viewBox: "0 0 16 16",
-  fill: "none",
-  xmlns: "http://www.w3.org/2000/svg"
-};
-const _hoisted_2 = /*#__PURE__*/createElementVNode("rect", {
-  x: "1",
-  y: "1",
-  width: "14",
-  height: "14",
-  rx: "3",
-  stroke: "currentColor",
-  "stroke-width": "2"
-}, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-
-function _sfc_render(_ctx, _cache) {
-  return (openBlock(), createElementBlock("svg", _hoisted_1, _hoisted_3))
-}
-var Unchecked = /*#__PURE__*/_export_sfc(_sfc_main, [['render',_sfc_render]]);
-
-export { Unchecked as default };

package/components/chip/v3/Chip.vue.js

@@ -1,69 +0,0 @@
-import { defineComponent, openBlock, createElementBlock, normalizeClass, unref, renderSlot, createCommentVNode, createElementVNode, toDisplayString, createVNode } from 'vue';
-import Icon from '../../icon/Icon.vue.js';
-import { ChipTestIdModifiers } from '../../../testids/index.vue.js';
-/* empty css                                                      */import _export_sfc from '../../../_virtual/plugin-vue_export-helper.vue.js';
-
-import "../../../Chip.vue_vue_type_style_index_0_scoped_true_lang.css";
-const _hoisted_1 = ["disabled", "data-testid"];
-const _hoisted_2 = {
-  key: 0,
-  class: "icon icon--start"
-};
-const _hoisted_3 = {
-  key: 0,
-  class: "prefix"
-};
-const _hoisted_4 = {
-  key: 1,
-  class: "icon icon--end"
-};
-const _hoisted_5 = ["data-testid"];
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  __name: "Chip",
-  props: {
-    selected: { type: Boolean, default: false },
-    clearable: { type: Boolean, default: false },
-    prefix: { default: null },
-    disabled: { type: Boolean, default: false },
-    testId: { default: "" }
-  },
-  emits: ["cleared"],
-  setup(__props, { emit }) {
-    const cleared = (event) => {
-      event.stopPropagation();
-      emit("cleared");
-    };
-    return (_ctx, _cache) => {
-      return openBlock(), createElementBlock("button", {
-        class: normalizeClass(["chip-container", { selected: __props.selected, disabled: __props.disabled }]),
-        disabled: __props.disabled,
-        "data-testid": `${__props.testId}-${unref(ChipTestIdModifiers).WRAPPER}`
-      }, [
-        _ctx.$slots["icon-start"] ? (openBlock(), createElementBlock("span", _hoisted_2, [
-          renderSlot(_ctx.$slots, "icon-start", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        createElementVNode("span", null, [
-          !!__props.prefix ? (openBlock(), createElementBlock("span", _hoisted_3, toDisplayString(__props.prefix) + ":", 1)) : createCommentVNode("", true),
-          renderSlot(_ctx.$slots, "default", {}, void 0, true)
-        ]),
-        _ctx.$slots["icon-end"] ? (openBlock(), createElementBlock("span", _hoisted_4, [
-          renderSlot(_ctx.$slots, "icon-end", {}, void 0, true)
-        ])) : createCommentVNode("", true),
-        __props.clearable ? (openBlock(), createElementBlock("button", {
-          key: 2,
-          class: "clear-icon",
-          "data-testid": `${__props.testId}-${unref(ChipTestIdModifiers).CLEAR}`,
-          onClick: cleared
-        }, [
-          createVNode(unref(Icon), {
-            name: "close-bold",
-            "font-size": "sm"
-          })
-        ], 8, _hoisted_5)) : createCommentVNode("", true)
-      ], 10, _hoisted_1);
-    };
-  }
-});
-var Chip = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-95d1a5dc"]]);
-
-export { Chip as default };