@ironsource/shared-ui 2.0.0-rc.8 → 2.0.0-rc.9

package/Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css

@@ -0,0 +1 @@
+.label[data-v-35545b8c]{color:#41454d}.flex[data-v-35545b8c]{display:flex;align-items:center;justify-content:center;grid-column-gap:6px}button.with-left-icon.sm[data-v-35545b8c] .flex{grid-column-gap:4px}button.with-left-icon.sm[data-v-35545b8c] .content{margin:0 12px 0 8px}button.with-left-icon.md[data-v-35545b8c] .content{margin:0 16px 0 12px}button.with-left-icon.lg[data-v-35545b8c] .content{margin:0 24px 0 12px}button.with-right-icon.sm[data-v-35545b8c] .flex{grid-column-gap:4px}button.with-right-icon.sm[data-v-35545b8c] .content{margin:0 8px 0 12px}button.with-right-icon.md[data-v-35545b8c] .content{margin:0 12px 0 16px}button.with-right-icon.lg[data-v-35545b8c] .content{margin:0 12px 0 24px}.icon[data-v-35545b8c],.loading[data-v-35545b8c]{vertical-align:middle}

package/CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css

@@ -0,0 +1 @@
+.card-panel[data-v-3cda0f04]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-paper);padding:calc(var(--spacing-300) - 2px) var(--spacing-300)}.card-panel--has-next[data-v-3cda0f04]{border-bottom-right-radius:0;border-bottom-left-radius:0}.card-panel--has-next+.card-panel[data-v-3cda0f04]{border-top:0;border-top-right-radius:0;border-top-left-radius:0}

package/FoldableSection.vue_vue_type_style_index_0_scoped_51b5b56d_lang.css

@@ -0,0 +1 @@
+.title-wrapper[data-v-51b5b56d]{display:flex;align-items:center;gap:var(--spacing-50);color:var(--text-primary);margin-bottom:var(--spacing-100);max-width:fit-content;cursor:pointer}.toggle-icon[data-v-51b5b56d]{color:var(--action-active)}.v-enter-active[data-v-51b5b56d],.v-leave-active[data-v-51b5b56d]{transition:opacity .25s ease}.v-enter-from[data-v-51b5b56d],.v-leave-to[data-v-51b5b56d]{opacity:0}

package/FormCard.vue_vue_type_style_index_0_scoped_bb7d27f9_lang.css

@@ -0,0 +1 @@
+.form-card[data-v-bb7d27f9]{border-radius:var(--border-radius-sm);border:1px solid var(--common-divider);background:var(--background-default)}.card-header[data-v-bb7d27f9]{display:flex;flex-direction:row;align-items:center;min-height:var(--spacing-700);border-radius:calc(var(--border-radius-sm) - 1px) calc(var(--border-radius-sm) - 1px) 0 0;color:var(--text-primary);background:var(--background-paper-elevation-0);padding:0 var(--spacing-300)}.card-content[data-v-bb7d27f9]{padding:var(--spacing-300) var(--spacing-400)}.card-content--no-padding[data-v-bb7d27f9]{padding:0}.form-actions[data-v-bb7d27f9]{display:flex;flex-direction:row;justify-content:flex-end;align-items:center;min-height:var(--spacing-700)}.form-action[data-v-bb7d27f9]{margin-left:var(--spacing-100)}

package/MenuItem.vue_vue_type_style_index_0_scoped_67e53b85_lang.css

@@ -0,0 +1 @@
+.label[data-v-67e53b85]{color:#41454d}.menu-item[data-v-67e53b85]{display:flex;padding:12px 8px;align-items:center;border-radius:8px;cursor:pointer;color:#41454d}.menu-item[data-v-67e53b85]:hover{background:#f7f8f9}.start-icon[data-v-67e53b85]{margin-right:8px;color:#b7bbc0;display:flex}

package/ToggleV4.vue_vue_type_style_index_0_scoped_ef31fecc_lang.css

@@ -0,0 +1 @@
+.toggle .toggle-body[data-v-ef31fecc]:hover{outline-color:var(--action-active)}.toggle .toggle-disabled[data-v-ef31fecc]{background-color:var(--action-disabled-background);outline-color:var(--action-outlined-border)}.toggle .toggle-disabled .toggle-head[data-v-ef31fecc]{background-color:var(--action-disabled)}.toggle .toggle-disabled[data-v-ef31fecc]:hover{outline-color:var(--action-outlined-border)}.toggle--color-primary .toggle-active[data-v-ef31fecc]{background-color:var(--primary-main);outline-color:var(--primary-dark)}.toggle--color-primary .toggle-active .toggle-head[data-v-ef31fecc]{background-color:var(--common-white)}.toggle--color-primary .toggle-active .loader[data-v-ef31fecc]{border-color:var(--primary-darker);border-bottom-color:transparent}.toggle--color-primary .toggle-active[data-v-ef31fecc]:hover{background-color:var(--primary-main-50-p);outline-color:var(--primary-main)}.toggle--color-primary .toggle-active.toggle-disabled[data-v-ef31fecc]{background-color:var(--primary-main-8-p);outline-color:var(--primary-main-50-p)}.toggle--color-primary .toggle-active.toggle-disabled .toggle-head[data-v-ef31fecc]{background-color:var(--primary-main-50-p)}.toggle--color-test .toggle-active[data-v-ef31fecc]{background-color:var(--warning-main);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active .toggle-head[data-v-ef31fecc]{background-color:var(--common-white)}.toggle--color-test .toggle-active .loader[data-v-ef31fecc]{border-color:var(--warning-darker);border-bottom-color:transparent}.toggle--color-test .toggle-active[data-v-ef31fecc]:hover{background-color:var(--warning-main-50-p);outline-color:var(--warning-dark)}.toggle--color-test .toggle-active.toggle-disabled[data-v-ef31fecc]{background-color:var(--warning-main-8-p);outline-color:var(--warning-main-50-p)}.toggle--color-test .toggle-active.toggle-disabled .toggle-head[data-v-ef31fecc]{background-color:var(--warning-main-50-p)}.toggle--size-small .toggle-body[data-v-ef31fecc],.toggle--size-small .toggle-wrap[data-v-ef31fecc]{height:1rem}.toggle--size-small .toggle-active .toggle-head[data-v-ef31fecc]{transform:translate(.75rem)}.toggle--size-small .toggle-head[data-v-ef31fecc]{width:.75rem;height:.75rem}.toggle--size-small .toggle-body[data-v-ef31fecc]{width:1.75rem}.toggle--size-small .loader[data-v-ef31fecc]{width:9px;height:9px}.toggle--size-medium .toggle-body[data-v-ef31fecc],.toggle--size-medium .toggle-wrap[data-v-ef31fecc]{height:1.25rem}.toggle--size-medium .toggle-active .toggle-head[data-v-ef31fecc]{transform:translate(1rem)}.toggle--size-medium .toggle-head[data-v-ef31fecc]{width:1rem;height:1rem}.toggle--size-medium .toggle-body[data-v-ef31fecc]{width:2.25rem}.toggle--size-medium .loader[data-v-ef31fecc]{width:12px;height:12px}.toggle-wrap[data-v-ef31fecc]{display:flex;align-items:center;gap:var(--spacing-50)}.toggle-body[data-v-ef31fecc]{border-radius:100px;background-color:var(--action-hover);outline:1px solid var(--action-outlined-border);outline-offset:-1px;position:relative;cursor:pointer;display:inline-block;margin-right:var(--spacing-100)}.toggle-body.toggle-disabled[data-v-ef31fecc]{cursor:default}.toggle-head[data-v-ef31fecc]{border-radius:100px;background-color:var(--action-active);position:absolute;left:.125rem;top:.125rem;transition:transform .25s linear,background-color .25s linear;display:flex;justify-content:center;align-items:center}.toggle-checkbox[data-v-ef31fecc]{display:none}.toggle-text[data-v-ef31fecc]{color:var(--text-primary)}.feedback-text[data-v-ef31fecc]{display:block;padding-top:var(--spacing-150)}.info-icon[data-v-ef31fecc]{color:var(--action-active)}.loader[data-v-ef31fecc]{border:1px solid var(--action-active);border-bottom-color:transparent;border-radius:100%;display:inline-block;box-sizing:border-box;animation:rotation-ef31fecc 1s linear infinite}.loader.loader-active[data-v-ef31fecc]{border-bottom-color:transparent}@keyframes rotation-ef31fecc{0%{transform:rotate(0)}to{transform:rotate(360deg)}}

package/Tooltip.vue_vue_type_style_index_0_scoped_9020a179_lang.css

@@ -0,0 +1 @@
+div[data-v-9020a179]{display:block}

package/TooltipV4.vue_vue_type_style_index_0_scoped_21f12d1a_lang.css

@@ -0,0 +1 @@
+div[data-v-21f12d1a]{display:block}

package/components/appTrigger/AppTrigger.vue2.js

@@ -1,15 +1,14 @@
- import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as g, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
+ import "../../AppTrigger.vue_vue_type_style_index_0_scoped_121aac8b_lang.css"; import { defineComponent as w, computed as t, openBlock as m, createElementBlock as L, normalizeClass as S, unref as e, renderSlot as c, createElementVNode as f, createBlock as v, createCommentVNode as D, createVNode as s, withCtx as p, createTextVNode as z, toDisplayString as N } from "vue";
 import V from "../appIcon/AppIcon.vue.js";
 import "../button/v3/Button.vue.js";
 import X from "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";
 import T from "../icon/v3/Icon.vue.js";
-import "../tooltip/v3/Tooltip.vue.js";
+import O from "../tooltip/v3/Tooltip.vue.js";
 import "../typography/Heading.vue.js";
-import O from "../typography/Text.vue.js";
+import k from "../typography/Text.vue.js";
 import { AppTriggerTestIdModifiers as o } from "../../testids/index.js";
-import k from "../tooltip/v3/Tooltip.vue2.js";
-const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__PURE__ */ w({
+const b = ["data-testid"], G = { class: "app-trigger__left-image" }, Z = /* @__PURE__ */ w({
   __name: "AppTrigger",
   props: {
     selected: { default: null },
@@ -19,22 +18,22 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
     testId: { default: "" }
   },
   setup(l) {
-    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : m.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
+    const n = l, y = "All apps selected", B = "No apps to select", $ = t(() => n.singleAppSelection && h.value ? B : n.singleAppSelection && u.value ? `${i.value?.name}` : g.value ? y : u.value ? `${i.value?.name}` : `${a.value} apps selected`), C = "widgetsz", x = "cube-background", P = t(
       () => n.singleAppSelection && h.value ? x : C
-    ), I = t(() => !m.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), _ = t(() => !a.value || !r.value ? "" : i.value?.icon), A = t(() => n.loading ? "" : u.value ? i.value.appKey : m.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), m = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
-    return (d, M) => (g(), L("div", {
+    ), I = t(() => !g.value || n.singleAppSelection && u.value ? i.value.platform.toLowerCase() : null), A = t(() => !a.value || !r.value ? "" : i.value?.icon), _ = t(() => n.loading ? "" : u.value ? i.value.appKey : g.value ? R.value : a.value <= 0 ? `${i.value?.name}` : `${i.value?.name} and ${a.value - 1}+`), a = t(() => n.selected?.length || 0), r = t(() => n.options?.length || 0), u = t(() => a.value === 1), h = t(() => r.value === 0), g = t(() => n.loading || r.value === a.value || !a.value), R = t(() => r.value === 1 ? `${E.value?.name}` : `${E.value?.name} and ${r.value - 1}+`), i = t(() => n.selected?.[0]), E = t(() => n.options?.[0]);
+    return (d, M) => (m(), L("div", {
       class: S(["app-trigger", {
-        "app-trigger--with-icons": e(a) > 0 || e(m)
+        "app-trigger--with-icons": e(a) > 0 || e(g)
       }]),
       "data-testid": `${l.testId}-${e(o).WRAPPER}`
     }, [
       c(d.$slots, "left-image", {}, () => [
         f("div", G, [
-          e(_) ? (g(), v(e(V), {
+          e(A) ? (m(), v(e(V), {
             key: 0,
             size: "xl",
-            src: e(_)
-          }, null, 8, ["src"])) : (g(), v(e(T), {
+            src: e(A)
+          }, null, 8, ["src"])) : (m(), v(e(T), {
             key: 1,
             class: "trigger-icon",
             "font-size": "2rem",
@@ -43,7 +42,7 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
         ])
       ], !0),
       c(d.$slots, "left-icon", {}, () => [
-        e(I) ? (g(), v(e(T), {
+        e(I) ? (m(), v(e(T), {
           key: 0,
           class: "app-trigger__left-icon",
           name: e(I),
@@ -57,12 +56,12 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
         }])
       }, [
         c(d.$slots, "title", {}, () => [
-          s(e(k), {
+          s(e(O), {
             text: e($),
             "data-testid": `${l.testId}-${e(o).TITLE_TOOLTIP_TEXT}`
           }, {
             default: p(() => [
-              s(e(O), {
+              s(e(k), {
                 strong: "",
                 class: "title",
                 "is-truncated": "",
@@ -80,19 +79,19 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
         ], !0),
         c(d.$slots, "description", {}, () => [
           f("div", null, [
-            s(e(k), {
-              text: e(A),
+            s(e(O), {
+              text: e(_),
               "data-testid": `${l.testId}-${e(o).DESCRIPTION_TOOLTIP_TEXT}`
             }, {
               default: p(() => [
-                s(e(O), {
+                s(e(k), {
                   class: "app-trigger__description",
                   size: "xs",
                   "is-truncated": "",
                   "test-id": `${l.testId}-${e(o).DESCRIPTION_TEXT}`
                 }, {
                   default: p(() => [
-                    z(N(e(A)), 1)
+                    z(N(e(_)), 1)
                   ]),
                   _: 1
                 }, 8, ["test-id"])
@@ -121,5 +120,5 @@ const b = ["data-testid"], G = { class: "app-trigger__left-image" }, ee = /* @__
   }
 });
 export {
-  ee as default
+  Z as default
 };

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

@@ -1,7 +1,7 @@
 import o from "./Button.vue2.js";
 /* empty css             */import t from "../../../_virtual/_plugin-vue_export-helper.js";
-// import "../../../Button.vue_vue_type_style_index_0_scoped_bfe31a93_lang.css"; //*');
-const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-bfe31a93"]]);
+// import "../../../Button.vue_vue_type_style_index_0_scoped_35545b8c_lang.css"; //*');
+const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-35545b8c"]]);
 export {
-  p as default
+  c as default
 };

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

@@ -1,4 +1,4 @@
- import "../../../Button.vue_vue_type_style_index_0_scoped_bfe31a93_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 "../../../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";

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

@@ -1,10 +1,9 @@
  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 f from "./IconButton.vue.js";
+import d from "./IconButton.vue.js";
 import "./ScrollButton.vue.js";
-import "../../tooltip/v3/Tooltip.vue.js";
-import d from "../../tooltip/v3/Tooltip.vue2.js";
+import f from "../../tooltip/v3/Tooltip.vue.js";
 const g = /* @__PURE__ */ r({
   __name: "ScrollButton",
   props: {
@@ -18,7 +17,7 @@ const g = /* @__PURE__ */ r({
     const a = () => {
       n("scrolled");
     };
-    return (p, h) => t.show ? (i(), c(o(f), {
+    return (p, h) => t.show ? (i(), c(o(d), {
       key: 0,
       class: m(["scroll-button", t.position]),
       theme: "third",
@@ -27,7 +26,7 @@ const g = /* @__PURE__ */ r({
       onClick: a
     }, {
       default: e(() => [
-        l(o(d), {
+        l(o(f), {
           text: t.tooltipText,
           delay: 400
         }, {

package/components/includeExclude/IncludeExcludeAppTrigger.vue2.js

@@ -1,14 +1,13 @@
- import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css"; import { defineComponent as A, computed as t, openBlock as d, createElementBlock as N, normalizeClass as y, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as T, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as _ } from "vue";
+ import "../../IncludeExcludeAppTrigger.vue_vue_type_style_index_0_scoped_f738b223_lang.css"; import { defineComponent as A, computed as t, openBlock as d, createElementBlock as N, normalizeClass as y, unref as e, renderSlot as u, createElementVNode as g, createBlock as f, createCommentVNode as V, createVNode as i, withCtx as s, createTextVNode as I, toDisplayString as w } from "vue";
 import "../button/v3/Button.vue.js";
-import V from "../button/v3/IconButton.vue.js";
+import _ from "../button/v3/IconButton.vue.js";
 import "../button/v3/ScrollButton.vue.js";
 import "../typography/Heading.vue.js";
-import w from "../typography/Text.vue.js";
+import B from "../typography/Text.vue.js";
 import v from "../icon/v3/Icon.vue.js";
-import "../tooltip/v3/Tooltip.vue.js";
+import C from "../tooltip/v3/Tooltip.vue.js";
 import E from "../appIcon/AppIcon.vue.js";
-import B from "../tooltip/v3/Tooltip.vue2.js";
-const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A({
+const D = { class: "include-exclude-trigger-left-image" }, J = /* @__PURE__ */ A({
   __name: "IncludeExcludeAppTrigger",
   props: {
     selected: { default: null },
@@ -16,7 +15,7 @@ const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A
     loading: { type: Boolean, default: !1 }
   },
   setup(m) {
-    const n = m, C = "All apps selected", x = t(() => c.value ? C : p.value ? `${r.value?.name}` : `${l.value} apps selected`), $ = t(() => c.value ? null : r.value.platform.toLowerCase()), h = t(() => !l.value || !a.value ? "" : r.value?.icon), z = t(() => n.loading ? "" : p.value ? r.value.appKey : c.value ? S.value : l.value <= 0 ? `${r.value?.name}` : `${r.value?.name} and ${l.value - 1}+`), l = t(() => n.selected?.length || 0), a = t(() => n.options?.length || 0), p = t(() => l.value === 1), c = t(() => n.loading || a.value === l.value || !l.value), S = t(() => a.value === 1 ? `${k.value?.name}` : `${k.value?.name} and ${a.value - 1}+`), r = t(() => n.selected?.[0]), k = t(() => n.options?.[0]);
+    const n = m, S = "All apps selected", x = t(() => c.value ? S : p.value ? `${r.value?.name}` : `${l.value} apps selected`), $ = t(() => c.value ? null : r.value.platform.toLowerCase()), h = t(() => !l.value || !a.value ? "" : r.value?.icon), z = t(() => n.loading ? "" : p.value ? r.value.appKey : c.value ? T.value : l.value <= 0 ? `${r.value?.name}` : `${r.value?.name} and ${l.value - 1}+`), l = t(() => n.selected?.length || 0), a = t(() => n.options?.length || 0), p = t(() => l.value === 1), c = t(() => n.loading || a.value === l.value || !l.value), T = t(() => a.value === 1 ? `${k.value?.name}` : `${k.value?.name} and ${a.value - 1}+`), r = t(() => n.selected?.[0]), k = t(() => n.options?.[0]);
     return (o, K) => (d(), N("div", {
       class: y(["include-exclude-trigger-container", {
         "include-exclude-trigger-container--with-icons": e(l) > 0 || e(c)
@@ -42,7 +41,7 @@ const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A
           class: "include-exclude-trigger-left-icon",
           name: e($),
           "font-size": "md"
-        }, null, 8, ["name"])) : T("", !0)
+        }, null, 8, ["name"])) : V("", !0)
       ], !0),
       g("div", {
         class: y(["include-exclude-trigger-middle-section", {
@@ -51,16 +50,16 @@ const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A
         }])
       }, [
         u(o.$slots, "title", {}, () => [
-          i(e(B), { text: e(x) }, {
+          i(e(C), { text: e(x) }, {
             default: s(() => [
-              i(e(w), {
+              i(e(B), {
                 strong: "",
                 class: "title",
                 "is-truncated": "",
                 size: "sm"
               }, {
                 default: s(() => [
-                  I(_(e(x)), 1)
+                  I(w(e(x)), 1)
                 ]),
                 _: 1
               })
@@ -70,15 +69,15 @@ const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A
         ], !0),
         u(o.$slots, "description", {}, () => [
           g("div", null, [
-            i(e(B), { text: e(z) }, {
+            i(e(C), { text: e(z) }, {
               default: s(() => [
-                i(e(w), {
+                i(e(B), {
                   class: "include-exclude-trigger-description",
                   size: "xs",
                   "is-truncated": ""
                 }, {
                   default: s(() => [
-                    I(_(e(z)), 1)
+                    I(w(e(z)), 1)
                   ]),
                   _: 1
                 })
@@ -89,7 +88,7 @@ const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A
         ], !0)
       ], 2),
       u(o.$slots, "right-icon", {}, () => [
-        i(e(V), {
+        i(e(_), {
           class: "include-exclude-trigger-right-icon",
           theme: "third"
         }, {
@@ -106,5 +105,5 @@ const D = { class: "include-exclude-trigger-left-image" }, P = /* @__PURE__ */ A
   }
 });
 export {
-  P as default
+  J as default
 };

package/components/includeExclude/IncludeExcludeOption.vue2.js

@@ -1,20 +1,19 @@
- import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css"; import { defineComponent as E, ref as N, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as T } from "vue";
+ import "../../IncludeExcludeOption.vue_vue_type_style_index_0_scoped_91bc7787_lang.css"; import { defineComponent as T, ref as E, computed as v, openBlock as o, createElementBlock as a, normalizeClass as k, unref as e, createElementVNode as m, createBlock as p, createCommentVNode as n, renderSlot as x, createVNode as c, withCtx as d, createTextVNode as h, toDisplayString as y, withModifiers as N } from "vue";
 import "../typography/Heading.vue.js";
 import C from "../typography/Text.vue.js";
 import { useIncludeExcludeContext as z } from "./IncludeExcludeContext.js";
 import { useId as S } from "../../composables/useId.js";
 import V from "../checkbox/v3/Checkbox.vue.js";
-import "../tooltip/v3/Tooltip.vue.js";
+import $ from "../tooltip/v3/Tooltip.vue.js";
 import D from "../icon/v3/Icon.vue.js";
 import { NOOP as M } from "@vue/shared";
-import $ from "../tooltip/v3/Tooltip.vue2.js";
 const P = {
   key: 1,
   class: "image"
 }, j = {
   key: 2,
   class: "start-icon"
-}, q = { class: "text-container" }, A = { key: 0 }, X = /* @__PURE__ */ E({
+}, q = { class: "text-container" }, A = { key: 0 }, W = /* @__PURE__ */ T({
   __name: "IncludeExcludeOption",
   props: {
     option: null,
@@ -25,7 +24,7 @@ const P = {
     titleText: { default: "" }
   },
   setup(t) {
-    const r = t, l = z("IncludeExcludeOption"), g = S().value, w = N(null), B = () => {
+    const r = t, l = z("IncludeExcludeOption"), g = S().value, w = E(null), B = () => {
       l.select(r.option);
     }, f = !0, b = 200, I = v(() => l.activeIndex.value !== null ? l.activeOption.value === r.option : !1), u = v(() => l.selectedOption.value.includes(r.option));
     return (i, s) => (o(), a("div", {
@@ -103,7 +102,7 @@ const P = {
       t.clearable && e(u) ? (o(), a("div", A, [
         m("button", {
           class: "clear-button",
-          onClick: s[1] || (s[1] = T((O) => e(l).removeSelection(t.option), ["prevent", "stop"]))
+          onClick: s[1] || (s[1] = N((O) => e(l).removeSelection(t.option), ["prevent", "stop"]))
         }, [
           c(e(D), { name: "close-bold" })
         ])
@@ -112,5 +111,5 @@ const P = {
   }
 });
 export {
-  X as default
+  W as default
 };

package/components/includeExclude/IncludeExcludeOptionDraggable.vue2.js

@@ -1,18 +1,17 @@
- import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css"; import { defineComponent as w, ref as z, computed as b, openBlock as o, createElementBlock as a, unref as t, normalizeClass as v, createElementVNode as c, renderSlot as p, createCommentVNode as n, createVNode as s, withCtx as r, createTextVNode as y, toDisplayString as x, createBlock as B, withModifiers as E } from "vue";
+ import "../../IncludeExcludeOptionDraggable.vue_vue_type_style_index_0_scoped_a91fcaa5_lang.css"; import { defineComponent as T, ref as w, computed as b, openBlock as o, createElementBlock as a, unref as t, normalizeClass as v, createElementVNode as d, renderSlot as p, createCommentVNode as n, createVNode as s, withCtx as r, createTextVNode as y, toDisplayString as x, createBlock as z, withModifiers as B } from "vue";
 import "../typography/Heading.vue.js";
-import $ from "../typography/Text.vue.js";
-import { useIncludeExcludeContext as T } from "./IncludeExcludeContext.js";
+import h from "../typography/Text.vue.js";
+import { useIncludeExcludeContext as E } from "./IncludeExcludeContext.js";
 import { useId as N } from "../../composables/useId.js";
-import "../tooltip/v3/Tooltip.vue.js";
+import k from "../tooltip/v3/Tooltip.vue.js";
 import O from "../icon/v3/Icon.vue.js";
-import h from "../tooltip/v3/Tooltip.vue2.js";
 const S = ["id"], V = {
   key: 0,
   class: "image"
 }, D = {
   key: 1,
   class: "start-icon"
-}, M = { class: "text-container" }, j = { key: 0 }, Q = /* @__PURE__ */ w({
+}, M = { class: "text-container" }, j = { key: 0 }, P = /* @__PURE__ */ T({
   __name: "IncludeExcludeOptionDraggable",
   props: {
     option: null,
@@ -22,9 +21,9 @@ const S = ["id"], V = {
     titleText: { default: "" }
   },
   setup(e) {
-    const d = e, l = T("IncludeExcludeOption"), k = N().value, C = z(null), u = !0, m = 200, I = b(() => l.activeIndex.value !== null ? l.activeOption.value === d.option : !1), f = b(() => l.selectedOption.value.includes(d.option));
+    const c = e, l = E("IncludeExcludeOption"), $ = N().value, C = w(null), u = !0, m = 200, I = b(() => l.activeIndex.value !== null ? l.activeOption.value === c.option : !1), f = b(() => l.selectedOption.value.includes(c.option));
     return (i, g) => (o(), a("div", {
-      id: t(k).toString(),
+      id: t($).toString(),
       ref_key: "el",
       ref: C,
       class: v(["item-container-draggable", {
@@ -35,7 +34,7 @@ const S = ["id"], V = {
         "item-container-draggable--two-lines": e.subtitle?.length
       }])
     }, [
-      c("div", {
+      d("div", {
         class: v(["item", {
           "item--multi": u,
           "item--with-icon": i.$slots["icon-start"] || i.$slots.image,
@@ -48,13 +47,13 @@ const S = ["id"], V = {
         i.$slots["icon-start"] ? (o(), a("div", D, [
           p(i.$slots, "icon-start", {}, void 0, !0)
         ])) : n("", !0),
-        c("div", M, [
-          s(t(h), {
+        d("div", M, [
+          s(t(k), {
             delay: m,
             text: e.titleText
           }, {
             default: r(() => [
-              s(t($), {
+              s(t(h), {
                 size: "sm",
                 "is-truncated": ""
               }, {
@@ -66,12 +65,12 @@ const S = ["id"], V = {
             ]),
             _: 1
           }, 8, ["text"]),
-          s(t(h), {
+          s(t(k), {
             delay: m,
             text: e.subtitle
           }, {
             default: r(() => [
-              e.subtitle ? (o(), B(t($), {
+              e.subtitle ? (o(), z(t(h), {
                 key: 0,
                 class: "subtitle",
                 size: "caption",
@@ -88,9 +87,9 @@ const S = ["id"], V = {
         ])
       ], 2),
       e.clearable && t(f) ? (o(), a("div", j, [
-        c("button", {
+        d("button", {
           class: "clear-button",
-          onClick: g[0] || (g[0] = E((q) => t(l).removeSelection(e.option), ["prevent", "stop"]))
+          onClick: g[0] || (g[0] = B((q) => t(l).removeSelection(e.option), ["prevent", "stop"]))
         }, [
           s(t(O), {
             "font-size": "sm",
@@ -103,5 +102,5 @@ const S = ["id"], V = {
   }
 });
 export {
-  Q as default
+  P as default
 };

package/components/input/v3/Input.vue2.js

@@ -3,12 +3,11 @@ import "../../button/v3/Button.vue.js";
 import w from "../../button/v3/IconButton.vue.js";
 import "../../button/v3/ScrollButton.vue.js";
 import b from "../../icon/v3/Icon.vue.js";
-import "../../tooltip/v3/Tooltip.vue.js";
+import A from "../../tooltip/v3/Tooltip.vue.js";
 import "../../typography/Heading.vue.js";
 import T from "../../typography/Text.vue.js";
 import { InputTestIdModifiers as s } from "../../../testids/index.js";
 import { inputCommon as V } from "../common/Input.common.js";
-import A from "../../tooltip/v3/Tooltip.vue2.js";
 const P = ["data-testid"], F = ["data-testid"], K = { class: "info-icon-wrapper" }, M = {
   key: 0,
   class: "icon-container icon-before"
@@ -17,7 +16,7 @@ const P = ["data-testid"], F = ["data-testid"], K = { class: "info-icon-wrapper"
   class: "icon-container icon-after"
 }, W = { key: 2 }, Y = { key: 3 }, j = ["data-testid"], q = {
   inheritAttrs: !1
-}, ie = /* @__PURE__ */ L({
+}, oe = /* @__PURE__ */ L({
   ...q,
   __name: "Input",
   props: {
@@ -208,5 +207,5 @@ const P = ["data-testid"], F = ["data-testid"], K = { class: "info-icon-wrapper"
   }
 });
 export {
-  ie as default
+  oe as default
 };

package/components/input/v4/TextField.vue2.js

@@ -1,7 +1,7 @@
- import "../../../TextField.vue_vue_type_style_index_0_scoped_d4dc4582_lang.css"; import { defineComponent as K, computed as w, ref as G, openBlock as l, createElementBlock as o, mergeProps as y, unref as t, createBlock as u, createCommentVNode as n, createElementVNode as g, normalizeClass as M, renderSlot as F, withCtx as v, createTextVNode as h, toDisplayString as x, withKeys as W, withModifiers as $, createVNode as p, pushScopeId as j, popScopeId as q } from "vue";
+ import "../../../TextField.vue_vue_type_style_index_0_scoped_d4dc4582_lang.css"; import { defineComponent as K, computed as w, ref as G, openBlock as l, createElementBlock as o, mergeProps as y, unref as t, createBlock as u, createCommentVNode as n, createElementVNode as g, normalizeClass as M, renderSlot as F, withCtx as v, createTextVNode as h, toDisplayString as x, withKeys as W, withModifiers as S, createVNode as p, pushScopeId as j, popScopeId as q } from "vue";
 import b from "../../icon/v4/IconV4.vue.js";
 import J from "../../tooltip/v4/TooltipV4.vue.js";
-/* empty css                               */import T from "../../typography/v4/Typography.vue.js";
+import T from "../../typography/v4/Typography.vue.js";
 import { InputTestIdModifiers as f } from "../../../testids/index.js";
 import { inputCommon as Q } from "../common/Input.common.js";
 import U from "../../shared/FieldLabel.vue.js";
@@ -24,7 +24,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
   class: "max-length"
 }, oe = /* @__PURE__ */ Z(() => /* @__PURE__ */ g("span", { class: "max-length__divider" }, "/", -1)), de = {
   inheritAttrs: !1
-}, pe = /* @__PURE__ */ K({
+}, xe = /* @__PURE__ */ K({
   ...de,
   __name: "TextField",
   props: {
@@ -55,7 +55,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
     inlineErrorText: { default: "" }
   },
   emits: ["update:modelValue", "apply"],
-  setup(e, { expose: S, emit: I }) {
+  setup(e, { expose: $, emit: I }) {
     const s = e, c = Y(s.testId, f), P = () => {
       s.showApply ? I("apply") : d?.confirmable && O();
     }, z = () => A.value.focus(), {
@@ -70,7 +70,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
       handleInput: C,
       handleKeypress: E
     } = Q(s, I), L = w(() => d.value?.value ?? s.modelValue), H = w(() => (L.value || "").length), m = G(!1), R = w(() => m.value && s.type === "password" ? "text" : s.type);
-    return S({
+    return $({
       manualFocus: z
     }), (r, a) => (l(), o("div", y({
       class: {
@@ -128,7 +128,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
           (...i) => t(C) && t(C)(...i)),
           onFocus: a[1] || (a[1] = (i) => k.value = !0),
           onBlur: a[2] || (a[2] = (i) => k.value = !1),
-          onKeyup: a[3] || (a[3] = W($(
+          onKeyup: a[3] || (a[3] = W(S(
             //@ts-ignore
             (...i) => t(B) && t(B)(...i),
             ["prevent"]
@@ -139,7 +139,7 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
         e.showApply || t(d)?.confirmable && !t(d)?.error?.value ? (l(), o("div", {
           key: 2,
           class: "apply-button",
-          onClick: $(P, ["stop", "prevent"])
+          onClick: S(P, ["stop", "prevent"])
         }, [
           p(t(b), {
             name: "check",
@@ -215,5 +215,5 @@ const Z = (e) => (j("data-v-d4dc4582"), e = e(), q(), e), _ = {
   }
 });
 export {
-  pe as default
+  xe as default
 };

package/components/layout/CardPanel.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToRuntimeProps<{
+    noPadding?: boolean;
+}>, {
+    noPadding: 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<{
+    noPadding?: boolean;
+}>, {
+    noPadding: boolean;
+}>>>, {
+    noPadding: boolean;
+}>, {
+    default?(_: {}): any;
+}>;
+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];
+} & {};
+type __VLS_WithTemplateSlots<T, S> = T & {
+    new (): {
+        $slots: S;
+    };
+};

package/components/layout/CardPanel.vue.js

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

package/components/layout/CardPanel.vue2.js

@@ -0,0 +1,25 @@
+ import "../../CardPanel.vue_vue_type_style_index_0_scoped_3cda0f04_lang.css"; import { defineComponent as t, ref as a, onMounted as r, openBlock as s, createElementBlock as d, normalizeClass as c, renderSlot as f } from "vue";
+const u = /* @__PURE__ */ t({
+  __name: "CardPanel",
+  props: {
+    noPadding: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const e = a(null), n = a(!1);
+    return r(() => {
+      n.value = e.value?.nextSibling?.classList?.contains("card-panel") || null;
+    }), (o, i) => (s(), d("div", {
+      ref_key: "rootRef",
+      ref: e,
+      class: c(["card-panel", {
+        "card-panel--no-padding": l.noPadding,
+        "card-panel--has-next": n.value
+      }])
+    }, [
+      f(o.$slots, "default", {}, void 0, !0)
+    ], 2));
+  }
+});
+export {
+  u as default
+};