@ironsource/shared-ui 2.2.0-rc.5 → 2.2.0-rc.7

package/components/appHeader/AppHeader.vue2.js

@@ -1,11 +1,11 @@
- import "../../AppHeader.vue_vue_type_style_index_0_scoped_538ccdc6_lang.css"; import { defineComponent as h, computed as o, openBlock as m, createElementBlock as p, normalizeClass as C, createElementVNode as n, mergeProps as r, unref as e, createVNode as i, withCtx as b, createTextVNode as v, toDisplayString as z, createCommentVNode as A } from "vue";
-import c from "../icon/v4/IconV4.vue.js";
+ import "../../AppHeader.vue_vue_type_style_index_0_scoped_18bc6c0d_lang.css"; import { defineComponent as x, computed as s, openBlock as m, createElementBlock as c, normalizeClass as I, createElementVNode as o, mergeProps as r, unref as t, createVNode as i, withCtx as C, createTextVNode as v, toDisplayString as b, createCommentVNode as A } from "vue";
+import p from "../icon/v4/IconV4.vue.js";
 import "../icon/v4/IconFlag.vue.js";
 import T from "../typography/v4/Typography.vue.js";
 import g from "../inlineCopy/InlineCopy.vue.js";
-import { useTestIdAttrs as N } from "../../utils/testIds.js";
-import { AppHeaderTestIdModifiers as l } from "../../testids/index.js";
-const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"], P = { class: "name-container" }, D = /* @__PURE__ */ h({
+import { useTestIdAttrs as z } from "../../utils/testIds.js";
+import { AppHeaderTestIdModifiers as n } from "../../testids/index.js";
+const N = { class: "image-container" }, w = ["src", "alt"], k = ["data-platform"], B = { class: "name-container" }, O = /* @__PURE__ */ x({
   __name: "AppHeader",
   props: {
     image: { default: "" },
@@ -17,62 +17,61 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
     showAbIcon: { type: Boolean, default: !1 }
   },
   emits: ["copyToClipboard"],
-  setup(t, { emit: f }) {
-    const a = t, y = o(
+  setup(e, { emit: y }) {
+    const a = e, f = s(
       () => a.platform ? a.platform.toLowerCase() : ""
-    ), u = o(
-      () => a.type === "normal" ? "24px" : "20px"
-    ), x = o(
+    ), u = s(
       () => a.type === "small" ? "18px" : null
-    ), I = o(
+    ), h = s(
       () => a.type === "normal" ? "h2" : "subtitle1"
-    ), s = N(a.testId, l);
-    return (S, d) => (m(), p("div", {
-      class: C(["app-header", `size-${t.type}`])
+    ), l = z(a.testId, n);
+    return (P, d) => (m(), c("div", {
+      class: I(["app-header", `size-${e.type}`])
     }, [
-      n("div", w, [
-        n("img", {
-          src: t.image,
-          alt: t.name
-        }, null, 8, k)
+      o("div", N, [
+        o("img", {
+          src: e.image,
+          alt: e.name
+        }, null, 8, w)
       ]),
-      n("div", r({
-        class: "icon-container",
-        "data-platform": t.platform
-      }, e(s)[e(l).APP_PLATFORM]), [
-        i(e(c), {
+      o("div", r({
+        class: ["icon-container", `icon-container--${e.type}`],
+        "data-platform": e.platform
+      }, t(l)[t(n).APP_PLATFORM]), [
+        i(t(p), {
           type: "branded",
-          name: e(y),
-          size: e(u)
-        }, null, 8, ["name", "size"])
-      ], 16, B),
-      n("div", P, [
-        i(e(T), r({
-          variant: e(I),
+          name: t(f),
+          size: "24px",
+          circled: e.type === "small"
+        }, null, 8, ["name", "circled"])
+      ], 16, k),
+      o("div", B, [
+        i(t(T), r({
+          variant: t(h),
           class: "title"
-        }, e(s)[e(l).TITLE]), {
-          default: b(() => [
-            v(z(t.name), 1)
+        }, t(l)[t(n).TITLE]), {
+          default: C(() => [
+            v(b(e.name), 1)
           ]),
           _: 1
         }, 16, ["variant"]),
-        i(e(g), {
-          text: t.appKey,
+        i(t(g), {
+          text: e.appKey,
           size: "medium",
           class: "inline-copy",
-          "hide-text-value": t.type === "small",
-          "test-id": t.testId,
-          "icon-size": e(x),
+          "hide-text-value": e.type === "small",
+          "test-id": e.testId,
+          "icon-size": t(u),
           "tooltip-header": "Copy app key",
-          "tooltip-text": t.appKey,
-          onCopy: d[0] || (d[0] = (V) => f("copyToClipboard"))
+          "tooltip-text": e.appKey,
+          onCopy: d[0] || (d[0] = (V) => y("copyToClipboard"))
         }, null, 8, ["text", "hide-text-value", "test-id", "icon-size", "tooltip-text"])
       ]),
-      t.showAbIcon ? (m(), p("div", r({
+      e.showAbIcon ? (m(), c("div", r({
         key: 0,
         class: "ab-icon-wrapper"
-      }, e(s)[e(l).AB_ICON]), [
-        i(e(c), {
+      }, t(l)[t(n).AB_ICON]), [
+        i(t(p), {
           type: "ab-test",
           name: "ab",
           size: "28px"
@@ -82,5 +81,5 @@ const w = { class: "image-container" }, k = ["src", "alt"], B = ["data-platform"
   }
 });
 export {
-  D as default
+  O as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./ButtonV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; //*');
-const c = /* @__PURE__ */ e(o, [["__scopeId", "data-v-852be7ec"]]);
+/* empty css               */import t from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; //*');
+const s = /* @__PURE__ */ t(o, [["__scopeId", "data-v-a59af1ad"]]);
 export {
-  c as default
+  s as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_852be7ec_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
+ import "../../../ButtonV4.vue_vue_type_style_index_0_scoped_a59af1ad_lang.css"; import { defineComponent as N, computed as h, openBlock as n, createElementBlock as s, normalizeClass as c, createElementVNode as r, createBlock as f, unref as t, createCommentVNode as o, createVNode as u, withCtx as m, renderSlot as d, createTextVNode as z, toDisplayString as b } from "vue";
 import I from "../../typography/v4/Typography.vue.js";
 import y from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";

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

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

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

@@ -1,4 +1,4 @@
- import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_2076b5ab_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
+ import "../../../ToggleButtonGroupAB.vue_vue_type_style_index_0_scoped_0fc9ddf5_lang.css"; import { defineComponent as b, ref as u, computed as A, openBlock as f, createElementBlock as C, createVNode as n, mergeProps as s, unref as e, withCtx as t, createTextVNode as B, createBlock as y, createElementVNode as N, renderSlot as w, createCommentVNode as O } from "vue";
 import c from "./ButtonV4.vue.js";
 import { useVModel as R } from "@vueuse/core";
 import x from "../../icon/v4/IconV4.vue.js";

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

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

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

@@ -1,15 +1,12 @@
- import "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_af4ae3c3_lang.css"; 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 "../../../CheckboxV4.vue_vue_type_style_index_0_scoped_88525d86_lang.css"; import { defineComponent as V, openBlock as l, createElementBlock as $, mergeProps as i, unref as e, createElementVNode as r, createBlock as a, createCommentVNode as n, normalizeClass as I, withCtx as S, renderSlot as A, createTextVNode as F, toDisplayString as T, pushScopeId as g, popScopeId as v } from "vue";
+import D 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-af4ae3c3"), 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({
+import { CheckboxTestIdModifiers as d } from "../../../testids/index.js";
+import { checkboxCommon as w } from "../common/Checkbox.common.js";
+import { useTestIdAttrs as R } from "../../../utils/testIds.js";
+const z = (t) => (g("data-v-88525d86"), t = t(), v(), t), H = ["for"], K = { class: "checkboxes" }, M = ["id", "disabled", "checked", ".indeterminate"], W = /* @__PURE__ */ z(() => /* @__PURE__ */ r("span", { class: "checkbox__inner" }, null, -1)), j = { class: "states" }, Z = /* @__PURE__ */ V({
   __name: "CheckboxV4",
   props: {
     isChecked: { type: Boolean },
@@ -21,91 +18,75 @@ const M = (t) => (A("data-v-af4ae3c3"), t = t(), T(), t), W = ["for"], j = { cla
   },
   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),
+    const k = t, {
+      id: f,
+      checkbox: x,
+      isFocusVisible: B,
+      handleFocus: h,
+      handleBlur: p,
+      indeterminate: u,
+      checked: y,
+      unchecked: E,
+      updateValue: C
+    } = w(k, b), c = R(k.testId, d);
+    return (m, o) => (l(), $("label", i({
+      for: e(f),
       class: [{
-        "focus-visible": e(S),
+        "focus-visible": e(B),
         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),
+    }, e(c)[e(d).WRAPPER]), [
+      r("span", K, [
+        r("input", i({ ...m.$attrs, ...e(c)[e(d).FIELD] }, {
+          id: e(f),
+          ref: e(x),
           disabled: t.disabled,
-          checked: e(m),
+          checked: e(y),
           class: "input",
-          ".indeterminate": e(d),
+          ".indeterminate": e(u),
           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)
+          onBlur: o[0] || (o[0] = //@ts-ignore
+          (...s) => e(p) && e(p)(...s)),
+          onFocus: o[1] || (o[1] = //@ts-ignore
+          (...s) => e(h) && e(h)(...s)),
+          onClick: o[2] || (o[2] = (s) => b("click", s)),
+          onInput: o[3] || (o[3] = //@ts-ignore
+          (...s) => e(C) && e(C)(...s))
+        }), null, 16, M),
+        W,
+        r("span", j, [
+          e(y) ? (l(), a(N, i({
+            key: 0,
+            class: ["icon checked", { disabled: t.disabled }],
+            color: t.color
+          }, e(c)[e(d).CHECKED]), null, 16, ["class", "color"])) : n("", !0),
+          e(u) ? (l(), a(P, {
+            key: 1,
+            color: t.color,
+            class: I(["icon indeterminate", { disabled: t.disabled }])
+          }, null, 8, ["color", "class"])) : n("", !0),
+          e(E) && !e(u) ? (l(), a(L, {
+            key: 2,
+            class: I(["icon unchecked", { disabled: t.disabled }]),
+            disabled: t.disabled
+          }, null, 8, ["class", "disabled"])) : n("", !0)
         ])
       ]),
-      t.label || k.$slots.default ? (o(), n(e(v), a({
+      t.label || m.$slots.default ? (l(), a(e(D), i({
         key: 0,
         variant: "body2",
         class: "checkbox-label"
-      }, e(r)[e(i).LABEL]), {
-        default: V(() => [
-          $(k.$slots, "default", {}, () => [
-            F(g(t.label), 1)
+      }, e(c)[e(d).LABEL]), {
+        default: S(() => [
+          A(m.$slots, "default", {}, () => [
+            F(T(t.label), 1)
           ], !0)
         ]),
         _: 3
-      }, 16)) : c("", !0)
-    ], 16, W));
+      }, 16)) : n("", !0)
+    ], 16, H));
   }
 });
 export {
-  le as default
+  Z as default
 };

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

@@ -1,29 +1,29 @@
-import { defineComponent as o, openBlock as r, createElementBlock as l, createElementVNode as t, unref as n } from "vue";
-import { darkerColor as c } from "../../../../utils/color.js";
-const i = {
+import { defineComponent as o, openBlock as r, createElementBlock as n, createElementVNode as t, unref as l } from "vue";
+import { darkerColor as i } from "../../../../utils/color.js";
+const c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, s = ["fill"], d = ["stroke"], h = /* @__PURE__ */ t("path", {
+}, s = ["fill"], a = ["stroke"], d = /* @__PURE__ */ t("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), m = /* @__PURE__ */ o({
+}, null, -1), f = /* @__PURE__ */ o({
   __name: "CheckedState",
   props: {
     color: { default: null }
   },
   setup(e) {
-    return (a, u) => (r(), l("svg", i, [
+    return (h, m) => (r(), n("svg", c, [
       t("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
-        fill: e.color || "#0091FF"
+        fill: e.color || "var(--primary-main)"
       }, null, 8, s),
       t("rect", {
         x: "0.5",
@@ -31,12 +31,12 @@ const i = {
         width: "15",
         height: "15",
         rx: "3.5",
-        stroke: e.color ? n(c)(e.color) : "#0880EA"
-      }, null, 8, d),
-      h
+        stroke: e.color ? l(i)(e.color) : "var(--primary-dark)"
+      }, null, 8, a),
+      d
     ]));
   }
 });
 export {
-  m as default
+  f as default
 };

package/components/checkbox/v4/icons/IndeterminateState.vue.js

@@ -1,10 +1,10 @@
-import { defineComponent as o, openBlock as r, createElementBlock as l, createElementVNode as t, unref as n } from "vue";
+import { defineComponent as o, openBlock as r, createElementBlock as n, createElementVNode as t, unref as l } from "vue";
 import { darkerColor as i } from "../../../../utils/color.js";
 const c = {
   xmlns: "http://www.w3.org/2000/svg",
   viewBox: "0 0 16 16",
   fill: "none"
-}, s = ["fill"], d = ["stroke"], h = /* @__PURE__ */ t("line", {
+}, s = ["fill"], a = ["stroke"], d = /* @__PURE__ */ t("line", {
   x1: "4.75",
   y1: "8.25",
   x2: "11.25",
@@ -18,14 +18,14 @@ const c = {
     color: { default: null }
   },
   setup(e) {
-    return (a, m) => (r(), l("svg", c, [
+    return (h, m) => (r(), n("svg", c, [
       t("rect", {
         x: "0.5",
         y: "0.5",
         width: "15",
         height: "15",
         rx: "3.5",
-        fill: e.color || "#0091FF"
+        fill: e.color || "var(--primary-main)"
       }, null, 8, s),
       t("rect", {
         x: "0.5",
@@ -33,9 +33,9 @@ const c = {
         width: "15",
         height: "15",
         rx: "3.5",
-        stroke: e.color ? n(i)(e.color) : "#0880EA"
-      }, null, 8, d),
-      h
+        stroke: e.color ? l(i)(e.color) : "var(--primary-dark)"
+      }, null, 8, a),
+      d
     ]));
   }
 });

package/components/checkbox/v4/icons/UncheckedState.vue.d.ts

@@ -1,2 +1,29 @@
-declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
+declare const _default: import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean;
+}>, {
+    disabled: boolean;
+}>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    disabled?: boolean;
+}>, {
+    disabled: boolean;
+}>>>, {
+    disabled: boolean;
+}>;
 export default _default;
+type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
+type __VLS_TypePropsToRuntimeProps<T> = {
+    [K in keyof T]-?: {} extends Pick<T, K> ? {
+        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+    } : {
+        type: import('vue').PropType<T[K]>;
+        required: true;
+    };
+};
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};

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

@@ -1,32 +1,34 @@
-import { openBlock as e, createElementBlock as o, createElementVNode as t } from "vue";
-import c from "../../../../_virtual/_plugin-vue_export-helper.js";
-const r = {}, n = {
+import { defineComponent as o, openBlock as n, createElementBlock as l, createElementVNode as e } from "vue";
+const r = {
   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", {
+}, c = ["fill"], s = /* @__PURE__ */ e("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", _]]);
+}, null, -1), h = /* @__PURE__ */ o({
+  __name: "UncheckedState",
+  props: {
+    disabled: { type: Boolean, default: !1 }
+  },
+  setup(t) {
+    return (a, i) => (n(), l("svg", r, [
+      e("rect", {
+        x: "0.5",
+        y: "0.5",
+        width: "15",
+        height: "15",
+        rx: "3.5",
+        fill: t.disabled ? "var(--action-disabled-background)" : "var(--background-inset)"
+      }, null, 8, c),
+      s
+    ]));
+  }
+});
 export {
-  x as default
+  h as default
 };

package/components/checkbox/v4/icons/UncheckedState.vue2.js

@@ -0,0 +1,4 @@
+import f from "./UncheckedState.vue.js";
+export {
+  f as default
+};

package/components/chip/v4/ChipV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./ChipV4.vue2.js";
-/* empty css             */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-a4d3a12e"]]);
+/* empty css             */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; //*');
+const t = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a221c649"]]);
 export {
   t as default
 };

package/components/chip/v4/ChipV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a4d3a12e_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
+ import "../../../ChipV4.vue_vue_type_style_index_0_scoped_a221c649_lang.css"; import { defineComponent as i, openBlock as o, createElementBlock as d, mergeProps as s, unref as t, renderSlot as c, createVNode as f, withCtx as n, createTextVNode as p, toDisplayString as u } from "vue";
 import { ChipTestIdModifiers as a } from "../../../testids/index.js";
 import { useTestIdAttrs as m } from "../../../utils/testIds.js";
 import h from "../../typography/v4/Typography.vue.js";

package/components/columnPicker/ColumnPicker.vue.js

@@ -1,7 +1,7 @@
 import o from "./ColumnPicker.vue2.js";
 /* empty css                   */import e from "../../_virtual/_plugin-vue_export-helper.js";
-// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-ea8c7024"]]);
+// import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css"; //*');
+const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-01c4e08f"]]);
 export {
   t as default
 };

package/components/columnPicker/ColumnPicker.vue2.js

@@ -1,4 +1,4 @@
- import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_ea8c7024_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
+ import "../../ColumnPicker.vue_vue_type_style_index_0_scoped_01c4e08f_lang.css"; import { defineComponent as ie, ref as K, watch as ne, computed as c, provide as se, openBlock as d, createElementBlock as m, Fragment as S, renderSlot as oe, createVNode as r, unref as s, withCtx as p, createElementVNode as u, mergeProps as ae, renderList as R, withModifiers as U, createTextVNode as k, toDisplayString as V, withDirectives as de, createBlock as W, vShow as re, createCommentVNode as q, isRef as ue } from "vue";
 import ce from "./OptionChip.vue.js";
 import "../dropdown/v4/DropdownV4.vue.js";
 import "../dropdown/v4/DefaultDropdownTrigger.vue.js";

package/components/dialog/v4/DialogV4.vue.js

@@ -1,7 +1,7 @@
 import o from "./DialogV4.vue2.js";
-/* empty css               */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; //*');
-const t = /* @__PURE__ */ e(o, [["__scopeId", "data-v-cc99f1e3"]]);
+/* empty css               */import _ from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css"; //*');
+const a = /* @__PURE__ */ _(o, [["__scopeId", "data-v-a6710278"]]);
 export {
-  t as default
+  a as default
 };

package/components/dialog/v4/DialogV4.vue2.js

@@ -1,4 +1,4 @@
- import "../../../DialogV4.vue_vue_type_style_index_0_scoped_cc99f1e3_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
+ import "../../../DialogV4.vue_vue_type_style_index_0_scoped_a6710278_lang.css"; import { defineComponent as k, openBlock as l, createBlock as s, Teleport as T, createVNode as L, Transition as D, withCtx as d, unref as t, createElementBlock as C, createElementVNode as g, mergeProps as B, renderSlot as b, createCommentVNode as u, createTextVNode as O, toDisplayString as p } from "vue";
 import { NOOP as I } from "@vue/shared";
 import N from "../../typography/v4/Typography.vue.js";
 import { Reason as v } from "../common/Reason.js";

package/components/dropdown/v4/AppDropdownTrigger.vue.js

@@ -1,7 +1,7 @@
 import o from "./AppDropdownTrigger.vue2.js";
-/* empty css                         */import e from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; //*');
-const s = /* @__PURE__ */ e(o, [["__scopeId", "data-v-858cefbf"]]);
+/* empty css                         */import p from "../../../_virtual/_plugin-vue_export-helper.js";
+// import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css"; //*');
+const s = /* @__PURE__ */ p(o, [["__scopeId", "data-v-f86477a9"]]);
 export {
   s as default
 };

package/components/dropdown/v4/AppDropdownTrigger.vue2.js

@@ -1,4 +1,4 @@
- import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_858cefbf_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
+ import "../../../AppDropdownTrigger.vue_vue_type_style_index_0_scoped_f86477a9_lang.css"; import { defineComponent as B, computed as y, ref as O, watch as w, nextTick as z, openBlock as a, createElementBlock as i, normalizeClass as N, createElementVNode as d, mergeProps as C, unref as t, renderSlot as f, createCommentVNode as c, createVNode as s, withCtx as m, toDisplayString as S } from "vue";
 import r from "../../icon/v4/IconV4.vue.js";
 import "../../icon/v4/IconFlag.vue.js";
 import D from "../../typography/v4/Typography.vue.js";