@ironsource/shared-ui 2.1.0-rc.2 → 2.1.0

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

@@ -0,0 +1,59 @@
+ import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; import { defineComponent as d, computed as f, openBlock as n, createBlock as a, mergeProps as u, createSlots as I, withCtx as m, createElementVNode as z, normalizeClass as N, unref as o, createCommentVNode as s, renderSlot as c } from "vue";
+import r from "../../icon/v3/Icon.vue.js";
+import h from "./ButtonBase.vue.js";
+import { iconSizeMap as g } from "../common/consts.js";
+const w = /* @__PURE__ */ d({
+  __name: "Button",
+  props: {
+    leftIconName: { default: null },
+    rightIconName: { default: null },
+    size: { default: "md" },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const l = e, i = f(() => `${g[l.size]}px`);
+    return (t, k) => (n(), a(h, u({
+      class: [
+        e.size,
+        {
+          "with-left-icon": !!e.leftIconName,
+          "with-right-icon": !!e.rightIconName
+        }
+      ],
+      size: e.size,
+      "data-testid": l.testId
+    }, t.$attrs), I({
+      default: m(() => [
+        z("div", {
+          class: N({
+            flex: e.leftIconName || e.rightIconName
+          })
+        }, [
+          e.leftIconName ? (n(), a(o(r), {
+            key: 0,
+            name: e.leftIconName,
+            "font-size": o(i)
+          }, null, 8, ["name", "font-size"])) : s("", !0),
+          c(t.$slots, "default", {}, void 0, !0),
+          e.rightIconName ? (n(), a(o(r), {
+            key: 1,
+            name: e.rightIconName,
+            "font-size": o(i)
+          }, null, 8, ["name", "font-size"])) : s("", !0)
+        ], 2)
+      ]),
+      _: 2
+    }, [
+      t.$slots.loader ? {
+        name: "loader",
+        fn: m(() => [
+          c(t.$slots, "loader", {}, void 0, !0)
+        ]),
+        key: "0"
+      } : void 0
+    ]), 1040, ["class", "size", "data-testid"]));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./ButtonBase.vue2.js";
+/* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-9021cac4"]]);
+export {
+  c as default
+};

package/components/button/v3/ButtonBase.vue2.js

@@ -0,0 +1,54 @@
+ import "../../../ButtonBase.vue_vue_type_style_index_0_scoped_9021cac4_lang.css"; import { defineComponent as p, computed as l, openBlock as s, createElementBlock as i, mergeProps as z, renderSlot as n, createVNode as a, unref as o, withCtx as d, createCommentVNode as m } from "vue";
+import "../../typography/Heading.vue.js";
+import h from "../../typography/Text.vue.js";
+import B from "../../icon/v3/Icon.vue.js";
+import { sizeToFont as y } from "../common/consts.js";
+import x from "./LoaderDotsIcon.vue.js";
+const k = { key: 0 }, W = /* @__PURE__ */ p({
+  __name: "ButtonBase",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" },
+    theme: { default: "primary" },
+    loading: { type: Boolean, default: !1 },
+    isTruncated: { type: Boolean },
+    strong: { type: Boolean, default: !0 }
+  },
+  setup(e) {
+    const r = e, u = 32, c = 24, f = l(
+      () => r.size === "lg" ? u + "px" : c + "px"
+    ), g = l(() => y[r.size]);
+    return (t, I) => (s(), i("button", z({
+      class: [[e.size, e.theme, e.variant, { loading: e.loading }], "button-wrap"]
+    }, t.$attrs), [
+      e.loading ? m("", !0) : (s(), i("span", k, [
+        n(t.$slots, "content", {}, () => [
+          a(o(h), {
+            size: o(g),
+            strong: e.strong,
+            class: "content"
+          }, {
+            default: d(() => [
+              n(t.$slots, "default", {}, void 0, !0)
+            ]),
+            _: 3
+          }, 8, ["size", "strong"])
+        ], !0)
+      ])),
+      e.loading ? n(t.$slots, "loader", { key: 1 }, () => [
+        a(o(B), {
+          "font-size": o(f),
+          class: "loading"
+        }, {
+          default: d(() => [
+            a(x)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ], !0) : m("", !0)
+    ], 16));
+  }
+});
+export {
+  W as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./IconButton.vue2.js";
+/* empty css                 */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-6dffd3f6"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,45 @@
+ import "../../../IconButton.vue_vue_type_style_index_0_scoped_6dffd3f6_lang.css"; import { defineComponent as s, computed as c, openBlock as l, createBlock as d, mergeProps as m, withCtx as t, createElementVNode as f, normalizeClass as u, renderSlot as z, createVNode as a, unref as r } from "vue";
+import p from "../../icon/v3/Icon.vue.js";
+import v from "./ButtonBase.vue.js";
+import { loaderSizeMap as B } from "../common/consts.js";
+import C from "./LoaderCircleIcon.vue.js";
+const N = /* @__PURE__ */ s({
+  __name: "IconButton",
+  props: {
+    size: { default: "md" },
+    variant: { default: "solid" }
+  },
+  setup(e) {
+    const n = e, i = c(() => B[n.size] + "px");
+    return (o, I) => (l(), d(v, m({
+      size: e.size,
+      "is-truncated": !1
+    }, o.$attrs, {
+      variant: e.variant,
+      class: "icon-base"
+    }), {
+      content: t(() => [
+        f("div", {
+          class: u(["icon", { [e.size]: !0, [e.variant]: !0 }])
+        }, [
+          z(o.$slots, "default", {}, void 0, !0)
+        ], 2)
+      ]),
+      loader: t(() => [
+        a(r(p), {
+          "font-size": r(i),
+          class: "loading"
+        }, {
+          default: t(() => [
+            a(C)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ]),
+      _: 3
+    }, 16, ["size", "variant"]));
+  }
+});
+export {
+  N as default
+};

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

@@ -0,0 +1,33 @@
+import { openBlock as t, createElementBlock as r, createElementVNode as e } from "vue";
+import o from "../../../_virtual/_plugin-vue_export-helper.js";
+const n = {}, c = {
+  width: "100",
+  height: "100",
+  viewBox: "0 0 100 100"
+}, s = /* @__PURE__ */ e("circle", {
+  cx: "50",
+  cy: "50",
+  fill: "none",
+  stroke: "currentColor",
+  "stroke-width": "6",
+  r: "35",
+  "stroke-dasharray": "164.93361431346415 56.97787143782138"
+}, [
+  /* @__PURE__ */ e("animateTransform", {
+    attributeName: "transform",
+    type: "rotate",
+    repeatCount: "indefinite",
+    dur: "1s",
+    values: "0 50 50;360 50 50",
+    keyTimes: "0;1"
+  })
+], -1), i = [
+  s
+];
+function a(_, d) {
+  return t(), r("svg", c, i);
+}
+const l = /* @__PURE__ */ o(n, [["render", a]]);
+export {
+  l as default
+};

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

@@ -0,0 +1,16 @@
+import { openBlock as e, createElementBlock as t, createStaticVNode as i } from "vue";
+import c from "../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, a = {
+  width: "52",
+  height: "14",
+  viewBox: "0 0 52 14"
+}, n = /* @__PURE__ */ i('<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), o = [
+  n
+];
+function l(s, u) {
+  return e(), t("svg", a, o);
+}
+const _ = /* @__PURE__ */ c(r, [["render", l]]);
+export {
+  _ as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./ScrollButton.vue2.js";
+/* empty css                   */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_35ed2cfe_lang.css"; //*');
+const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-35ed2cfe"]]);
+export {
+  s as default
+};

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

@@ -0,0 +1,45 @@
+ import "../../../ScrollButton.vue_vue_type_style_index_0_scoped_35ed2cfe_lang.css"; import { defineComponent as r, openBlock as i, createBlock as c, unref as o, normalizeClass as m, withCtx as e, createVNode as l, createCommentVNode as s } from "vue";
+import u from "../../icon/v3/Icon.vue.js";
+import "./Button.vue.js";
+import d from "./IconButton.vue.js";
+import "./ScrollButton.vue.js";
+import f from "../../tooltip/v3/Tooltip.vue.js";
+const g = /* @__PURE__ */ r({
+  __name: "ScrollButton",
+  props: {
+    show: { type: Boolean, default: !1 },
+    iconName: { default: "angle-up" },
+    tooltipText: { default: "Back to top" },
+    position: { default: "bottom-right" }
+  },
+  emits: ["scrolled"],
+  setup(t, { emit: n }) {
+    const a = () => {
+      n("scrolled");
+    };
+    return (p, h) => t.show ? (i(), c(o(d), {
+      key: 0,
+      class: m(["scroll-button", t.position]),
+      theme: "third",
+      variant: "borderless",
+      size: "lg",
+      onClick: a
+    }, {
+      default: e(() => [
+        l(o(f), {
+          text: t.tooltipText,
+          delay: 400
+        }, {
+          default: e(() => [
+            l(o(u), { name: t.iconName }, null, 8, ["name"])
+          ]),
+          _: 1
+        }, 8, ["text"])
+      ]),
+      _: 1
+    }, 8, ["class"])) : s("", !0);
+  }
+});
+export {
+  g as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./ButtonV4.vue2.js";
+/* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-38c0ed72"]]);
+export {
+  c as default
+};

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

@@ -0,0 +1,90 @@
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_38c0ed72_lang.css"; import { defineComponent as N, computed as h, openBlock as a, createElementBlock as s, normalizeClass as i, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as n, createVNode as c, withCtx as u, renderSlot as m, createTextVNode as z, toDisplayString as g } from "vue";
+import I from "../../typography/v4/Typography.vue.js";
+import y from "../../icon/v4/IconV4.vue.js";
+import b from "../../loader/v4/Loader.vue.js";
+const k = ["data-testid", "disabled"], v = { key: 0 }, V = /* @__PURE__ */ N({
+  __name: "ButtonV4",
+  props: {
+    variant: { default: "contained" },
+    color: { default: "primary" },
+    size: { default: "medium" },
+    loading: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" },
+    content: { default: "" },
+    startIconName: { default: null },
+    endIconName: { default: null },
+    startIconType: { default: "regular" },
+    endIconType: { default: "regular" }
+  },
+  setup(e) {
+    const d = e, o = h(
+      () => d.size === "small" || d.size === "medium" ? 16 : 20
+    );
+    return (l, w) => (a(), s("button", {
+      class: i([[
+        e.size,
+        e.color,
+        e.variant,
+        { loading: e.loading },
+        {
+          "with-start-icon": !!e.startIconName,
+          "with-end-icon": !!e.endIconName
+        }
+      ], "button-wrap"]),
+      "data-testid": d.testId,
+      disabled: e.disabled
+    }, [
+      e.loading ? n("", !0) : (a(), s("span", v, [
+        r("div", {
+          class: i({
+            flex: e.startIconName || e.endIconName
+          })
+        }, [
+          e.startIconName ? (a(), f(t(y), {
+            key: 0,
+            name: e.startIconName,
+            size: `${t(o)}px`,
+            type: e.startIconType,
+            class: "start-icon"
+          }, null, 8, ["name", "size", "type"])) : n("", !0),
+          c(t(I), { variant: "button" }, {
+            default: u(() => [
+              m(l.$slots, "default", {}, () => [
+                z(g(e.content), 1)
+              ], !0)
+            ]),
+            _: 3
+          }),
+          e.endIconName ? (a(), f(t(y), {
+            key: 1,
+            name: e.endIconName,
+            size: `${t(o)}px`,
+            type: e.endIconType,
+            class: "end-icon"
+          }, null, 8, ["name", "size", "type"])) : n("", !0)
+        ], 2)
+      ])),
+      e.loading ? m(l.$slots, "loader", { key: 1 }, () => [
+        c(t(b), { "max-width": t(o) }, {
+          default: u(() => [
+            r("div", {
+              class: i({ "content-with-icon": e.startIconName || e.endIconName })
+            }, [
+              c(t(I), { variant: "button" }, {
+                default: u(() => [
+                  m(l.$slots, "default", {}, void 0, !0)
+                ]),
+                _: 3
+              })
+            ], 2)
+          ]),
+          _: 3
+        }, 8, ["max-width"])
+      ], !0) : n("", !0)
+    ], 10, k));
+  }
+});
+export {
+  V as default
+};

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

@@ -0,0 +1,7 @@
+import o from "./IconButtonV4.vue2.js";
+/* empty css                   */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css"; //*');
+const e = /* @__PURE__ */ t(o, [["__scopeId", "data-v-2ca54aa8"]]);
+export {
+  e as default
+};

package/components/button/v4/IconButtonV4.vue2.js

@@ -0,0 +1,35 @@
+ import "../../../IconButtonV4.vue_vue_type_style_index_0_scoped_2ca54aa8_lang.css"; import { defineComponent as s, computed as l, openBlock as i, createElementBlock as u, normalizeClass as c, unref as a, renderSlot as m, createVNode as r } from "vue";
+import f from "../../icon/v4/IconV4.vue.js";
+const p = ["data-testid", "disabled"], I = /* @__PURE__ */ s({
+  __name: "IconButtonV4",
+  props: {
+    variant: { default: "default" },
+    color: { default: "default" },
+    size: { default: "medium" },
+    type: { default: "regular" },
+    iconName: { default: "pencil-simple" },
+    disabled: { type: Boolean, default: !1 },
+    testId: { default: "" }
+  },
+  setup(e) {
+    const t = e, n = l(
+      () => t.size === "small" || t.size === "medium" ? "20px" : "24px"
+    ), d = l(() => `variant-${t.variant}`);
+    return (o, z) => (i(), u("button", {
+      class: c([[e.size, e.color, a(d)], "button-wrap"]),
+      "data-testid": t.testId,
+      disabled: e.disabled
+    }, [
+      m(o.$slots, "default", {}, () => [
+        r(a(f), {
+          type: e.type,
+          name: e.iconName || "pencil-simple",
+          size: a(n)
+        }, null, 8, ["type", "name", "size"])
+      ], !0)
+    ], 10, p));
+  }
+});
+export {
+  I as default
+};

package/components/checkbox/v3/Checkbox.vue.js

@@ -0,0 +1,7 @@
+import o from "./Checkbox.vue2.js";
+/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; //*');
+const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-58dedb90"]]);
+export {
+  c as default
+};

package/components/checkbox/v3/Checkbox.vue2.js

@@ -0,0 +1,99 @@
+ import "../../../Checkbox.vue_vue_type_style_index_0_scoped_58dedb90_lang.css"; import { defineComponent as z, openBlock as i, createElementBlock as B, unref as e, normalizeClass as E, createElementVNode as r, mergeProps as V, createVNode as S, withCtx as p, createBlock as s, createCommentVNode as c, renderSlot as F, createTextVNode as N, toDisplayString as g, pushScopeId as D, popScopeId as L } from "vue";
+import "../../typography/Heading.vue.js";
+import P from "../../typography/Text.vue.js";
+import T from "../../icon/v3/Icon.vue.js";
+import v from "./icons/unchecked.vue.js";
+import w from "./icons/checked.vue.js";
+import A from "./icons/indeterminate.vue.js";
+import { CheckboxTestIdModifiers as a } from "../../../testids/index.js";
+import { checkboxCommon as R } from "../common/Checkbox.common.js";
+const H = (t) => (D("data-v-58dedb90"), t = t(), L(), t), K = ["for", "data-testid"], M = { class: "checkboxes" }, U = ["id", "disabled", "checked", ".indeterminate", "data-testid"], W = /* @__PURE__ */ H(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), _ = /* @__PURE__ */ z({
+  __name: "Checkbox",
+  props: {
+    isChecked: { type: Boolean },
+    isIndeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    size: { default: "md" },
+    label: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:isChecked", "click"],
+  setup(t, { emit: u }) {
+    const x = t;
+    function I() {
+      console.log("side-effect");
+    }
+    I();
+    const {
+      id: m,
+      checkbox: C,
+      isFocusVisible: $,
+      handleFocus: k,
+      handleBlur: f,
+      indeterminate: n,
+      checked: b,
+      unchecked: y,
+      updateValue: h
+    } = R(x, u);
+    return (l, d) => (i(), B("label", {
+      for: e(m),
+      class: E([[t.size, { "focus-visible": e($), disabled: t.disabled }], "checkbox"]),
+      "data-testid": `${t.testId}-${e(a).WRAPPER}`
+    }, [
+      r("span", M, [
+        r("input", V(l.$attrs, {
+          id: e(m),
+          ref: e(C),
+          disabled: t.disabled,
+          checked: e(b),
+          class: "input",
+          ".indeterminate": e(n),
+          type: "checkbox",
+          "data-testid": `${t.testId}-${e(a).FIELD}`,
+          onBlur: d[0] || (d[0] = //@ts-ignore
+          (...o) => e(f) && e(f)(...o)),
+          onFocus: d[1] || (d[1] = //@ts-ignore
+          (...o) => e(k) && e(k)(...o)),
+          onClick: d[2] || (d[2] = (o) => u("click", o)),
+          onInput: d[3] || (d[3] = //@ts-ignore
+          (...o) => e(h) && e(h)(...o))
+        }), null, 16, U),
+        W,
+        S(e(T), { "font-size": t.size }, {
+          default: p(() => [
+            e(b) ? (i(), s(w, {
+              key: 0,
+              class: "checkbox-icon checked",
+              "data-testid": `${t.testId}-${e(a).CHECKED}`
+            }, null, 8, ["data-testid"])) : c("", !0),
+            e(n) ? (i(), s(A, {
+              key: 1,
+              class: "checkbox-icon indeterminate"
+            })) : c("", !0),
+            e(y) && !e(n) ? (i(), s(v, {
+              key: 2,
+              class: "checkbox-icon unchecked"
+            })) : c("", !0)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ]),
+      t.label || l.$slots.default ? (i(), s(e(P), {
+        key: 0,
+        size: t.size,
+        class: "checkbox-text",
+        "data-testid": `${t.testId}-${e(a).LABEL}`
+      }, {
+        default: p(() => [
+          F(l.$slots, "default", {}, () => [
+            N(g(t.label), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["size", "data-testid"])) : c("", !0)
+    ], 10, K));
+  }
+});
+export {
+  _ as default
+};

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

@@ -0,0 +1,27 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const l = {}, r = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, c = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), i = /* @__PURE__ */ e("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), s = [
+  c,
+  i
+];
+function _(d, h) {
+  return t(), o("svg", r, s);
+}
+const p = /* @__PURE__ */ n(l, [["render", _]]);
+export {
+  p as default
+};

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

@@ -0,0 +1,28 @@
+import { openBlock as t, createElementBlock as o, createElementVNode as e } from "vue";
+import n from "../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, c = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, i = /* @__PURE__ */ e("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "currentColor"
+}, null, -1), l = /* @__PURE__ */ e("rect", {
+  x: "4",
+  y: "7",
+  width: "8",
+  height: "2",
+  fill: "white"
+}, null, -1), s = [
+  i,
+  l
+];
+function _(h, d) {
+  return t(), o("svg", c, s);
+}
+const w = /* @__PURE__ */ n(r, [["render", _]]);
+export {
+  w as default
+};

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

@@ -0,0 +1,24 @@
+import { openBlock as e, createElementBlock as t, createElementVNode as o } from "vue";
+import r from "../../../../_virtual/_plugin-vue_export-helper.js";
+const c = {}, n = {
+  viewBox: "0 0 16 16",
+  fill: "none",
+  xmlns: "http://www.w3.org/2000/svg"
+}, s = /* @__PURE__ */ o("rect", {
+  x: "1",
+  y: "1",
+  width: "14",
+  height: "14",
+  rx: "3",
+  stroke: "currentColor",
+  "stroke-width": "2"
+}, null, -1), _ = [
+  s
+];
+function i(l, d) {
+  return e(), t("svg", n, _);
+}
+const m = /* @__PURE__ */ r(c, [["render", i]]);
+export {
+  m as default
+};

package/components/checkbox/v4/CheckboxV4.vue.js

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