@ironsource/shared-ui 2.1.12-test.97 → 2.1.12-test.99

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

@@ -0,0 +1,45 @@
+import { defineComponent as s, openBlock as l, createElementBlock as d, createVNode as i, unref as n, isRef as a, withCtx as c, mergeProps as u } from "vue";
+import f from "../dropdown/v4/DropdownV4.vue.js";
+import "../dropdown/v4/DefaultDropdownTrigger.vue.js";
+import g from "../dropdown/v4/IconButtonDropdownTrigger.vue.js";
+import "../dropdown/v4/ChipDropdownTrigger.vue.js";
+import "../dropdown/v4/AppDropdownTrigger.vue.js";
+import "../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/ConditionalDropdown.vue.js";
+import { useVModel as y } from "@vueuse/core";
+const k = { class: "legend-sorting" }, M = /* @__PURE__ */ s({
+  __name: "LegendSorting",
+  props: {
+    selected: {},
+    options: { default: () => [] },
+    optionNameKey: {}
+  },
+  emits: ["update:selected"],
+  setup(r, { emit: m }) {
+    const o = y(r, "selected", m);
+    return (t, p) => (l(), d("div", k, [
+      i(n(f), {
+        selected: n(o),
+        "onUpdate:selected": p[0] || (p[0] = (e) => a(o) ? o.value = e : null),
+        "display-value": (e) => e[t.optionNameKey],
+        options: t.options,
+        "option-name-key": t.optionNameKey,
+        placement: "bottom-end"
+      }, {
+        "dropdown-trigger": c(({ buttonTriggerProps: e }) => [
+          i(n(g), u(e, {
+            "icon-name": "funnel-simple",
+            "icon-type": "regular"
+          }), null, 16)
+        ]),
+        _: 1
+      }, 8, ["selected", "display-value", "options", "option-name-key"])
+    ]));
+  }
+});
+export {
+  M 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_01f78cd7_lang.css"; //*');
+const c = /* @__PURE__ */ o(e, [["__scopeId", "data-v-01f78cd7"]]);
+export {
+  c as default
+};

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

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

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

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

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

@@ -0,0 +1,61 @@
+import { defineComponent as c, useSlots as f, computed as m, openBlock as a, createElementBlock as T, createVNode as u, unref as o, withCtx as t, renderSlot as _, createElementVNode as y, createBlock as p, createTextVNode as r, toDisplayString as s, createCommentVNode as i } from "vue";
+import d from "../typography/v4/Typography.vue.js";
+import S from "../tooltip/v4/TooltipV4.vue.js";
+const v = { class: "header-row" }, k = { class: "subheader-tooltip" }, g = /* @__PURE__ */ c({
+  __name: "SubHeader",
+  props: {
+    subheader: { default: "" },
+    subheaderTooltip: { default: null },
+    showSeparator: { type: Boolean, default: !1 }
+  },
+  setup(h) {
+    const n = f(), l = h, b = m(() => n["subheader-tooltip"] || l.subheaderTooltip?.text || l.subheaderTooltip?.header);
+    return (e, w) => (a(), T("div", v, [
+      u(o(S), {
+        placement: "right",
+        disabled: !b.value
+      }, {
+        tooltip: t(() => [
+          _(e.$slots, "subheader-tooltip", {}, () => [
+            y("div", k, [
+              e.subheaderTooltip?.header ? (a(), p(o(d), {
+                key: 0,
+                variant: "h5"
+              }, {
+                default: t(() => [
+                  r(s(e.subheaderTooltip.header), 1)
+                ]),
+                _: 1
+              })) : i("", !0),
+              e.subheaderTooltip?.text ? (a(), p(o(d), {
+                key: 1,
+                variant: "body2",
+                class: "subheader-tooltip__text"
+              }, {
+                default: t(() => [
+                  r(s(e.subheaderTooltip.text), 1)
+                ]),
+                _: 1
+              })) : i("", !0)
+            ])
+          ], !0)
+        ]),
+        default: t(() => [
+          u(o(d), {
+            class: "subheader",
+            variant: "h5"
+          }, {
+            default: t(() => [
+              r(s(e.subheader + (e.showSeparator ? ":" : "")), 1)
+            ]),
+            _: 1
+          })
+        ]),
+        _: 3
+      }, 8, ["disabled"])
+    ]));
+  }
+});
+export {
+  g as default
+};

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

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

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

@@ -0,0 +1,69 @@
+import { defineComponent as g, computed as m, openBlock as l, createElementBlock as c, createElementVNode as A, createCommentVNode as i, createBlock as u, unref as o, createVNode as D, withCtx as p, createTextVNode as f, toDisplayString as d } from "vue";
+import { formatValue as r } from "./utils/utils.js";
+import v from "../typography/v4/Typography.vue.js";
+import { DateInterval as s } from "./types.js";
+import T from "../icon/v4/IconV4.vue.js";
+import k from "../icon/v4/IconFlag.vue.js";
+import { startOfWeek as _, endOfWeek as C, startOfMonth as F, endOfMonth as I } from "date-fns";
+import { LONG_DATE_FORMAT as n } from "./consts.js";
+const O = { class: "tooltip-title-wrapper" }, E = { class: "main-title" }, N = ["src"], H = /* @__PURE__ */ g({
+  __name: "TooltipHeader",
+  props: {
+    title: { default: "" },
+    xAxisFormat: { default: null },
+    xAxisDateInterval: { default: null },
+    dataPoints: { default: () => [] },
+    totalsChart: { type: Boolean, default: !1 }
+  },
+  setup(x) {
+    const e = x, a = m(() => e.dataPoints.length ? e.dataPoints[0].dataset : null), y = m(() => e.totalsChart ? a.value?.label || e.title : e.xAxisFormat === "date" ? h(new Date(e.title)) : r(e.title, e.xAxisFormat)), h = (t) => e.xAxisDateInterval === s.WEEKLY ? `
+      ${r(_(t), n)} -
+      ${r(C(t), n)}
+    ` : e.xAxisDateInterval === s.MONTHLY ? `
+      ${r(F(t), n)} -
+      ${r(I(t), n)}
+    ` : r(t, n);
+    return (t, L) => (l(), c("div", O, [
+      A("div", E, [
+        t.totalsChart && a.value?.image ? (l(), c("img", {
+          key: 0,
+          class: "title-image",
+          src: a.value?.image
+        }, null, 8, N)) : i("", !0),
+        t.totalsChart && a.value?.countryFlag ? (l(), u(o(k), {
+          key: 1,
+          "country-code": a.value.countryFlag
+        }, null, 8, ["country-code"])) : i("", !0),
+        t.totalsChart && a.value?.icon ? (l(), u(o(T), {
+          key: 2,
+          class: "platform-icon",
+          type: a.value?.iconType,
+          name: a.value?.icon,
+          size: "16px"
+        }, null, 8, ["type", "name"])) : i("", !0),
+        D(o(v), {
+          class: "title-text",
+          variant: "subtitle2"
+        }, {
+          default: p(() => [
+            f(d(y.value), 1)
+          ]),
+          _: 1
+        })
+      ]),
+      t.xAxisFormat === "date" && t.xAxisDateInterval !== o(s).WEEKLY && t.xAxisDateInterval !== o(s).MONTHLY ? (l(), u(o(v), {
+        key: 0,
+        class: "tooltip-sub-title",
+        variant: "caption"
+      }, {
+        default: p(() => [
+          f(d(o(r)(t.title, "day")), 1)
+        ]),
+        _: 1
+      })) : i("", !0)
+    ]));
+  }
+});
+export {
+  H 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,98 @@
+import { defineComponent as E, openBlock as i, createElementBlock as V, unref as e, normalizeClass as x, createElementVNode as r, mergeProps as F, createVNode as N, withCtx as b, createBlock as d, createCommentVNode as n, renderSlot as g, createTextVNode as D, toDisplayString 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 A from "./icons/unchecked.vue.js";
+import R from "./icons/checked.vue.js";
+import S from "./icons/indeterminate.vue.js";
+import { CheckboxTestIdModifiers as a } from "../../../testids/index.js";
+import { checkboxCommon as v } from "../common/Checkbox.common.js";
+const w = ["for", "data-testid"], H = { class: "checkboxes" }, K = ["id", "disabled", "checked", ".indeterminate", "data-testid"], X = /* @__PURE__ */ E({
+  __name: "Checkbox",
+  props: {
+    isChecked: { type: Boolean },
+    isIndeterminate: { type: Boolean },
+    disabled: { type: Boolean },
+    size: { default: "md" },
+    label: { default: "" },
+    testId: { default: "" }
+  },
+  emits: ["update:isChecked", "click"],
+  setup(h, { emit: C }) {
+    function I() {
+      console.log("side-effect");
+    }
+    I();
+    const $ = h, c = C, {
+      id: m,
+      checkbox: y,
+      isFocusVisible: z,
+      handleFocus: u,
+      handleBlur: k,
+      indeterminate: l,
+      checked: p,
+      unchecked: B,
+      updateValue: f
+    } = v($, c);
+    return (t, o) => (i(), V("label", {
+      for: e(m),
+      class: x([[t.size, { "focus-visible": e(z), disabled: t.disabled }], "checkbox"]),
+      "data-testid": `${t.testId}-${e(a).WRAPPER}`
+    }, [
+      r("span", H, [
+        r("input", F(t.$attrs, {
+          id: e(m),
+          ref: e(y),
+          disabled: t.disabled,
+          checked: e(p),
+          class: "input",
+          ".indeterminate": e(l),
+          type: "checkbox",
+          "data-testid": `${t.testId}-${e(a).FIELD}`,
+          onBlur: o[0] || (o[0] = //@ts-ignore
+          (...s) => e(k) && e(k)(...s)),
+          onFocus: o[1] || (o[1] = //@ts-ignore
+          (...s) => e(u) && e(u)(...s)),
+          onClick: o[2] || (o[2] = (s) => c("click", s)),
+          onInput: o[3] || (o[3] = //@ts-ignore
+          (...s) => e(f) && e(f)(...s))
+        }), null, 48, K),
+        o[4] || (o[4] = r("span", { class: "checkbox__inner" }, null, -1)),
+        N(e(T), { "font-size": t.size }, {
+          default: b(() => [
+            e(p) ? (i(), d(R, {
+              key: 0,
+              class: "checkbox-icon checked",
+              "data-testid": `${t.testId}-${e(a).CHECKED}`
+            }, null, 8, ["data-testid"])) : n("", !0),
+            e(l) ? (i(), d(S, {
+              key: 1,
+              class: "checkbox-icon indeterminate"
+            })) : n("", !0),
+            e(B) && !e(l) ? (i(), d(A, {
+              key: 2,
+              class: "checkbox-icon unchecked"
+            })) : n("", !0)
+          ]),
+          _: 1
+        }, 8, ["font-size"])
+      ]),
+      t.label || t.$slots.default ? (i(), d(e(P), {
+        key: 0,
+        size: t.size,
+        class: "checkbox-text",
+        "data-testid": `${t.testId}-${e(a).LABEL}`
+      }, {
+        default: b(() => [
+          g(t.$slots, "default", {}, () => [
+            D(L(t.label), 1)
+          ], !0)
+        ]),
+        _: 3
+      }, 8, ["size", "data-testid"])) : n("", !0)
+    ], 10, w));
+  }
+});
+export {
+  X as default
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,45 @@
+import { defineComponent as n, computed as r, openBlock as c, createElementBlock as i, createElementVNode as e } from "vue";
+import { hexColorToRgba as a } from "../../../../utils/color.js";
+const d = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, h = ["fill"], p = ["stroke"], u = ["stroke"], w = /* @__PURE__ */ n({
+  __name: "CheckedDisabledState",
+  props: {
+    color: { default: null }
+  },
+  setup(l) {
+    const o = l, t = r(() => o.color || "#0091FF"), s = r(
+      () => o.color ? a(o.color, 30) : "#CEE7FE"
+    );
+    return (_, k) => (c(), i("svg", d, [
+      e("rect", {
+        width: "16",
+        height: "16",
+        rx: "4",
+        fill: s.value
+      }, null, 8, h),
+      e("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "15",
+        height: "15",
+        rx: "3.5",
+        stroke: t.value,
+        "stroke-opacity": "0.5"
+      }, null, 8, p),
+      e("path", {
+        d: "M12.125 5.375L6.875 10.625L4.25 8",
+        stroke: t.value,
+        "stroke-opacity": "0.5",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, 8, u)
+    ]));
+  }
+});
+export {
+  w as default
+};

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

@@ -0,0 +1,42 @@
+import { defineComponent as r, openBlock as l, createElementBlock as n, createElementVNode as o, unref as s } from "vue";
+import { darkerColor as i } from "../../../../utils/color.js";
+const d = {
+  xmlns: "http://www.w3.org/2000/svg",
+  viewBox: "0 0 16 16",
+  fill: "none"
+}, c = ["fill"], h = ["stroke"], f = /* @__PURE__ */ r({
+  __name: "CheckedState",
+  props: {
+    color: { default: null }
+  },
+  setup(p) {
+    return (e, t) => (l(), n("svg", d, [
+      o("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "15",
+        height: "15",
+        rx: "3.5",
+        fill: e.color || "#0091FF"
+      }, null, 8, c),
+      o("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "15",
+        height: "15",
+        rx: "3.5",
+        stroke: e.color ? s(i)(e.color) : "#0880EA"
+      }, null, 8, h),
+      t[0] || (t[0] = o("path", {
+        d: "M12.125 5.375L6.875 10.625L4.25 8",
+        stroke: "white",
+        "stroke-width": "1.5",
+        "stroke-linecap": "round",
+        "stroke-linejoin": "round"
+      }, null, -1))
+    ]));
+  }
+});
+export {
+  f as default
+};