@ironsource/shared-ui 2.1.11-test.7 → 2.1.11-test.8

package/src/components/chart/ChartLegend.vue2.js

@@ -0,0 +1,72 @@
+import { defineComponent as E, ref as T, computed as r, openBlock as d, createElementBlock as n, createElementVNode as c, createVNode as u, unref as i, mergeProps as p, Fragment as y, renderList as w, withCtx as S, createTextVNode as U, toDisplayString as B } from "vue";
+import { useVirtualList as D } from "@vueuse/core";
+import N from "../typography/v4/Typography.vue.js";
+import A from "../checkbox/v4/CheckboxV4.vue.js";
+import F from "../search/v4/SearchV4.vue.js";
+import { DEFAULT_MIN_VISIBLE as H, DEFAULT_MAX_VISIBLE as M } from "./consts.js";
+const P = { class: "chart-legend" }, R = { class: "search-box" }, K = /* @__PURE__ */ E({
+  __name: "ChartLegend",
+  props: {
+    items: { default: () => [] },
+    visibleIds: { default: () => [] },
+    minVisible: { default: H },
+    maxVisible: { default: M }
+  },
+  emits: ["update:visibleIds"],
+  setup(m, { emit: b }) {
+    const s = m, h = 32, o = T(""), f = r(() => {
+      const t = o.value.toLowerCase();
+      return s.items.filter(
+        (l) => l.label.toLowerCase().includes(t)
+      );
+    }), a = (t) => s.visibleIds.includes(t.id), v = r(
+      () => s.visibleIds.length >= s.maxVisible
+    ), I = r(
+      () => s.visibleIds.length <= s.minVisible
+    ), _ = (t) => I.value && a(t) || v.value && !a(t), V = (t, l) => {
+      b(
+        "update:visibleIds",
+        t ? [...s.visibleIds, l.id] : s.visibleIds.filter((e) => e !== l.id)
+      );
+    }, { list: g, containerProps: L, wrapperProps: x } = D(f, {
+      itemHeight: h,
+      overscan: 10
+    });
+    return (t, l) => (d(), n("div", P, [
+      c("div", R, [
+        u(i(F), {
+          modelValue: o.value,
+          "onUpdate:modelValue": l[0] || (l[0] = (e) => o.value = e)
+        }, null, 8, ["modelValue"])
+      ]),
+      c("div", p({ class: "legend" }, i(L)), [
+        c("ul", p({ class: "legend__list" }, i(x)), [
+          (d(!0), n(y, null, w(i(g), ({ data: e, index: k }) => (d(), n("li", { key: k }, [
+            u(i(A), {
+              color: e.color,
+              "is-checked": a(e),
+              disabled: _(e),
+              "onUpdate:isChecked": (C) => V(C, e)
+            }, null, 8, ["color", "is-checked", "disabled", "onUpdate:isChecked"]),
+            u(i(N), {
+              variant: "body2",
+              "is-truncated": "",
+              class: "legend-label",
+              "with-tooltip": "",
+              "tooltip-text": e.label,
+              "tooltip-placement": "top"
+            }, {
+              default: S(() => [
+                U(B(e.label), 1)
+              ]),
+              _: 2
+            }, 1032, ["tooltip-text"])
+          ]))), 128))
+        ], 16)
+      ], 16)
+    ]));
+  }
+});
+export {
+  K as default
+};

package/src/components/chart/ChartLoader.vue.js

@@ -0,0 +1,25 @@
+import { openBlock as o, createElementBlock as c, pushScopeId as r, popScopeId as s, createElementVNode as t } from "vue";
+/* empty css                  */import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const d = {}, i = (e) => (r("data-v-142c444a"), e = e(), s(), e), n = { class: "chart-loader" }, p = /* @__PURE__ */ i(() => /* @__PURE__ */ t("svg", {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 1072 275",
+  preserveAspectRatio: "none",
+  width: "100%",
+  height: "100%",
+  fill: "none"
+}, [
+  /* @__PURE__ */ t("path", {
+    d: "M499.744 87.7024L499 87.4816C399.137 70.0475 293 138.418 218 173.72C120 219.848 87 235.892 0 275L1072 275C979 -57.3526 836.258 -31.5829 732 59.404C648.885 131.939 570.549 108.704 499.744 87.7024Z",
+    fill: "black",
+    "fill-opacity": "0.05"
+  })
+], -1)), _ = [
+  p
+];
+function l(e, h) {
+  return o(), c("div", n, _);
+}
+const w = /* @__PURE__ */ a(d, [["render", l], ["__scopeId", "data-v-142c444a"]]);
+export {
+  w as default
+};

package/src/components/chart/ChartTooltip.vue.js

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

package/src/components/chart/ChartTooltip.vue2.js

@@ -0,0 +1,81 @@
+import { defineComponent as y, computed as b, openBlock as a, createElementBlock as s, createElementVNode as u, createBlock as g, unref as e, withCtx as l, createTextVNode as o, toDisplayString as r, createCommentVNode as f, Fragment as h, renderList as k, normalizeStyle as v, createVNode as d } from "vue";
+import i from "../typography/v4/Typography.vue.js";
+import { formatValue as c } from "./utils/utils.js";
+const F = { class: "chart-tooltip" }, V = { class: "tooltip-title" }, p = { class: "list" }, A = {
+  key: 0,
+  class: "tooltip-footer"
+}, T = /* @__PURE__ */ y({
+  __name: "ChartTooltip",
+  props: {
+    title: { default: "" },
+    dataPoints: { default: () => [] },
+    xAxisFormat: { default: null },
+    yAxisFormat: { default: null },
+    totalLabel: { default: "Total" },
+    totalValue: { default: null }
+  },
+  setup(t) {
+    const m = t, x = b(() => m.xAxisFormat === "date" ? "dateLong" : m.xAxisFormat);
+    return (C, _) => (a(), s("div", F, [
+      u("div", V, [
+        t.title ? (a(), g(e(i), {
+          key: 0,
+          variant: "subtitle2"
+        }, {
+          default: l(() => [
+            o(r(e(c)(t.title, e(x))), 1)
+          ]),
+          _: 1
+        })) : f("", !0)
+      ]),
+      u("ul", p, [
+        (a(!0), s(h, null, k(t.dataPoints, (n) => (a(), s("li", {
+          key: n.datasetIndex,
+          class: "list__item"
+        }, [
+          u("span", {
+            class: "color-box",
+            style: v({
+              backgroundColor: String(n.dataset.pointBackgroundColor)
+            })
+          }, null, 4),
+          d(e(i), {
+            variant: "body2",
+            class: "flex-grow"
+          }, {
+            default: l(() => [
+              o(r(n.dataset.label), 1)
+            ]),
+            _: 2
+          }, 1024),
+          d(e(i), { variant: "body2" }, {
+            default: l(() => [
+              o(r(e(c)(n.parsed.y, t.yAxisFormat)), 1)
+            ]),
+            _: 2
+          }, 1024)
+        ]))), 128))
+      ]),
+      t.totalValue !== null ? (a(), s("div", A, [
+        d(e(i), {
+          variant: "body2",
+          class: "flex-grow"
+        }, {
+          default: l(() => [
+            o(r(t.totalLabel), 1)
+          ]),
+          _: 1
+        }),
+        d(e(i), { variant: "body2" }, {
+          default: l(() => [
+            o(r(e(c)(t.totalValue, t.yAxisFormat)), 1)
+          ]),
+          _: 1
+        })
+      ])) : f("", !0)
+    ]));
+  }
+});
+export {
+  T as default
+};

package/src/components/chart/SettingsHeader.vue.js

@@ -0,0 +1,7 @@
+import e from "./SettingsHeader.vue2.js";
+/* empty css                     */import o from "../../../_virtual/_plugin-vue_export-helper.js";
+console.log('scoped// import "../../SettingsHeader.vue_vue_type_style_index_0_scoped_9b6cd9d9_lang.css"; //*');
+const d = /* @__PURE__ */ o(e, [["__scopeId", "data-v-9b6cd9d9"]]);
+export {
+  d as default
+};

package/src/components/chart/SettingsHeader.vue2.js

@@ -0,0 +1,65 @@
+import { defineComponent as h, computed as g, openBlock as y, createElementBlock as f, createElementVNode as r, normalizeClass as a, createVNode as l, unref as t, isRef as v, withCtx as T, mergeProps as w, renderSlot as p } from "vue";
+import b from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import k from "../dropdown/v4/ButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ButtonFilterDropdownTrigger.vue.js";
+import "../dropdown/v4/TreeDropdown.vue.js";
+import "../dropdown/v4/OptionV4.vue.js";
+import "../dropdown/v4/ConditionalDroprown.vue.js";
+import { DROPDOWN_TYPE_OPTIONS as c } from "./consts.js";
+const _ = { class: "settings-header-container" }, B = { class: "chart-type-selection" }, x = /* @__PURE__ */ h({
+  __name: "SettingsHeader",
+  props: {
+    chartType: null,
+    hideLegend: { type: Boolean }
+  },
+  emits: ["update:chartType"],
+  setup(s, { emit: m }) {
+    const u = s, o = g({
+      get() {
+        return c.find(({ id: e }) => e === u.chartType);
+      },
+      set(e) {
+        m("update:chartType", e.id);
+      }
+    }), i = (e) => `Chart: ${e.name}`;
+    return (e, d) => (y(), f("div", _, [
+      r("div", {
+        class: a(["settings", { "settings-spacer": !s.hideLegend }])
+      }, [
+        r("div", B, [
+          l(t(b), {
+            selected: t(o),
+            "onUpdate:selected": d[0] || (d[0] = (n) => v(o) ? o.value = n : null),
+            options: t(c),
+            "option-name-key": "name",
+            "display-value": i,
+            placeholder: "Select chart type",
+            size: "small"
+          }, {
+            "dropdown-trigger": T(({ buttonTriggerProps: n }) => [
+              l(t(k), w(n, {
+                label: i(t(o))
+              }), null, 16, ["label"])
+            ]),
+            _: 1
+          }, 8, ["selected", "options"])
+        ]),
+        r("div", null, [
+          p(e.$slots, "metric", {}, void 0, !0)
+        ])
+      ], 2),
+      r("div", {
+        class: a(["breakdowns", { "breakdowns-border": !s.hideLegend }])
+      }, [
+        p(e.$slots, "breakdowns", {}, void 0, !0)
+      ], 2)
+    ]));
+  }
+});
+export {
+  x as default
+};

package/src/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";
+console.log('scoped// 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/src/components/checkbox/v3/Checkbox.vue2.js

@@ -0,0 +1,99 @@
+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/src/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/src/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/src/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/src/components/checkbox/v4/CheckboxV4.vue.js

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

package/src/components/checkbox/v4/CheckboxV4.vue2.js

@@ -0,0 +1,111 @@
+import { defineComponent as D, openBlock as o, createElementBlock as f, mergeProps as a, unref as e, createElementVNode as u, Fragment as B, createBlock as n, createCommentVNode as c, withCtx as V, renderSlot as $, createTextVNode as F, toDisplayString as g, pushScopeId as A, popScopeId as T } from "vue";
+import v from "../../typography/v4/Typography.vue.js";
+import L from "./icons/UncheckedState.vue.js";
+import N from "./icons/CheckedState.vue.js";
+import P from "./icons/IndeterminateState.vue.js";
+import w from "./icons/UncheckedDisabledState.vue.js";
+import H from "./icons/CheckedDisabledState.vue.js";
+import K from "./icons/IndeterminateDisabledState.vue.js";
+import { CheckboxTestIdModifiers as i } from "../../../testids/index.js";
+import { checkboxCommon as R } from "../common/Checkbox.common.js";
+import { useTestIdAttrs as U } from "../../../utils/testIds.js";
+const M = (t) => (A("data-v-8e5b619a"), t = t(), T(), t), W = ["for"], j = { class: "checkboxes" }, q = ["id", "disabled", "checked", ".indeterminate"], z = /* @__PURE__ */ M(() => /* @__PURE__ */ u("span", { class: "checkbox__inner" }, null, -1)), G = { class: "states" }, le = /* @__PURE__ */ D({
+  __name: "CheckboxV4",
+  props: {
+    isChecked: { type: Boolean },
+    isIndeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    label: { default: "" },
+    testId: { default: "" },
+    color: { default: null }
+  },
+  emits: ["update:isChecked", "click"],
+  setup(t, { emit: b }) {
+    const h = t, {
+      id: p,
+      checkbox: E,
+      isFocusVisible: S,
+      handleFocus: y,
+      handleBlur: C,
+      indeterminate: d,
+      checked: m,
+      unchecked: I,
+      updateValue: x
+    } = R(h, b), r = U(h.testId, i);
+    return (k, l) => (o(), f("label", a({
+      for: e(p),
+      class: [{
+        "focus-visible": e(S),
+        disabled: t.disabled
+      }, "checkbox"]
+    }, e(r)[e(i).WRAPPER]), [
+      u("span", j, [
+        u("input", a({ ...k.$attrs, ...e(r)[e(i).FIELD] }, {
+          id: e(p),
+          ref: e(E),
+          disabled: t.disabled,
+          checked: e(m),
+          class: "input",
+          ".indeterminate": e(d),
+          type: "checkbox",
+          onBlur: l[0] || (l[0] = //@ts-ignore
+          (...s) => e(C) && e(C)(...s)),
+          onFocus: l[1] || (l[1] = //@ts-ignore
+          (...s) => e(y) && e(y)(...s)),
+          onClick: l[2] || (l[2] = (s) => b("click", s)),
+          onInput: l[3] || (l[3] = //@ts-ignore
+          (...s) => e(x) && e(x)(...s))
+        }), null, 16, q),
+        z,
+        u("span", G, [
+          t.disabled ? c("", !0) : (o(), f(B, { key: 0 }, [
+            e(m) ? (o(), n(N, a({
+              key: 0,
+              class: "icon checked",
+              color: t.color
+            }, e(r)[e(i).CHECKED]), null, 16, ["color"])) : c("", !0),
+            e(d) ? (o(), n(P, {
+              key: 1,
+              color: t.color,
+              class: "icon indeterminate"
+            }, null, 8, ["color"])) : c("", !0),
+            e(I) && !e(d) ? (o(), n(L, {
+              key: 2,
+              class: "icon unchecked"
+            })) : c("", !0)
+          ], 64)),
+          t.disabled ? (o(), f(B, { key: 1 }, [
+            e(m) ? (o(), n(H, a({
+              key: 0,
+              color: t.color,
+              class: "icon checked"
+            }, e(r)[e(i).CHECKED]), null, 16, ["color"])) : c("", !0),
+            e(d) ? (o(), n(K, {
+              key: 1,
+              class: "icon indeterminate"
+            })) : c("", !0),
+            e(I) && !e(d) ? (o(), n(w, {
+              key: 2,
+              class: "icon unchecked"
+            })) : c("", !0)
+          ], 64)) : c("", !0)
+        ])
+      ]),
+      t.label || k.$slots.default ? (o(), n(e(v), a({
+        key: 0,
+        variant: "body2",
+        class: "checkbox-label"
+      }, e(r)[e(i).LABEL]), {
+        default: V(() => [
+          $(k.$slots, "default", {}, () => [
+            F(g(t.label), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 16)) : c("", !0)
+    ], 16, W));
+  }
+});
+export {
+  le as default
+};

package/src/components/checkbox/v4/icons/IndeterminateDisabledState.vue.js

@@ -0,0 +1,40 @@
+import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
+import n from "../../../../../_virtual/_plugin-vue_export-helper.js";
+const r = {}, s = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, c = /* @__PURE__ */ t("rect", {
+  width: "16",
+  height: "16",
+  rx: "4",
+  fill: "#CEE7FE"
+}, null, -1), i = /* @__PURE__ */ t("rect", {
+  x: "0.5",
+  y: "0.5",
+  width: "15",
+  height: "15",
+  rx: "3.5",
+  stroke: "#0091FF",
+  "stroke-opacity": "0.5"
+}, null, -1), l = /* @__PURE__ */ t("line", {
+  x1: "4.75",
+  y1: "8.25",
+  x2: "11.25",
+  y2: "8.25",
+  stroke: "#0091FF",
+  "stroke-opacity": "0.5",
+  "stroke-width": "1.5",
+  "stroke-linecap": "round"
+}, null, -1), _ = [
+  c,
+  i,
+  l
+];
+function d(h, a) {
+  return e(), o("svg", s, _);
+}
+const m = /* @__PURE__ */ n(r, [["render", d]]);
+export {
+  m as default
+};

package/src/components/checkbox/v4/icons/UncheckedDisabledState.vue.js

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

package/src/components/checkbox/v4/icons/UncheckedState.vue.js

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