@flysk-tech/amocrm-kommo-vue-ui-kit 0.2.1 → 0.2.3

package/dist/index.js

@@ -1,26 +1,26 @@
-import { ref as k, computed as _, readonly as G, provide as st, inject as at, onMounted as te, onUnmounted as ct, watch as P, onBeforeUnmount as qt, defineComponent as g, createElementBlock as v, openBlock as p, mergeProps as $, unref as r, createBlock as E, createElementVNode as T, normalizeClass as x, createTextVNode as L, renderSlot as I, createCommentVNode as A, toDisplayString as D, createVNode as M, Fragment as me, useAttrs as ut, normalizeStyle as V, nextTick as pe, withCtx as z, getCurrentInstance as dt, reactive as ie, useSlots as oe, Teleport as Ae, renderList as Ut, resolveDynamicComponent as Re, withModifiers as he, createStaticVNode as _e, toRef as De, watchEffect as mt } from "vue";
-var ce = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ALTERNATIVE = "alternative", e))(ce || {});
-const zn = "data-crm-ui-kit-theme", Ln = "default", pt = Symbol("theme-provider");
+import { ref as k, computed as b, readonly as G, provide as st, inject as at, onMounted as ie, onUnmounted as ct, watch as P, onBeforeUnmount as qt, defineComponent as g, createElementBlock as v, openBlock as p, mergeProps as $, unref as o, createBlock as M, createElementVNode as T, normalizeClass as x, createTextVNode as L, renderSlot as I, createCommentVNode as A, toDisplayString as D, createVNode as z, Fragment as pe, useAttrs as ut, normalizeStyle as V, nextTick as he, withCtx as O, getCurrentInstance as dt, reactive as re, useSlots as oe, Teleport as Ae, renderList as Ut, resolveDynamicComponent as Re, withModifiers as be, createStaticVNode as _e, toRef as De, watchEffect as mt } from "vue";
+var ue = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ALTERNATIVE = "alternative", e))(ue || {});
+const On = "data-crm-ui-kit-theme", Ln = "default", pt = Symbol("theme-provider");
 function Pn(e) {
-  const o = k({
+  const r = k({
     mode: "light",
     customVariables: {},
     ...e
-  }), i = _(() => o.value.mode === "dark" ? ce.ALTERNATIVE : ce.DEFAULT), t = (c) => {
-    o.value = {
-      ...o.value,
+  }), i = b(() => r.value.mode === "dark" ? ue.ALTERNATIVE : ue.DEFAULT), t = (c) => {
+    r.value = {
+      ...r.value,
       ...c
-    }, Fe(o.value);
+    }, Fe(r.value);
   }, l = (c) => {
-    const u = c === ce.ALTERNATIVE ? "dark" : "light";
+    const u = c === ue.ALTERNATIVE ? "dark" : "light";
     t({ mode: u });
   }, n = () => {
-    const c = o.value.mode === "light" ? "dark" : "light";
+    const c = r.value.mode === "light" ? "dark" : "light";
     t({ mode: c });
   };
-  Fe(o.value);
+  Fe(r.value);
   const s = {
-    themeConfig: G(o),
+    themeConfig: G(r),
     appearance: G(i),
     setTheme: t,
     setAppearance: l,
@@ -37,26 +37,26 @@ function ht() {
   return e;
 }
 function Fe(e) {
-  typeof document > "u" || (document.documentElement.setAttribute("data-theme", e.mode), e.customVariables && Object.entries(e.customVariables).forEach(([o, i]) => {
-    document.documentElement.style.setProperty(o, i);
+  typeof document > "u" || (document.documentElement.setAttribute("data-theme", e.mode), e.customVariables && Object.entries(e.customVariables).forEach(([r, i]) => {
+    document.documentElement.style.setProperty(r, i);
   }));
 }
 function Gn() {
   const { themeConfig: e } = ht();
-  return _(() => e.value.mode);
+  return b(() => e.value.mode);
 }
 function Nn() {
   const { themeConfig: e } = ht();
-  return _(() => e.value.customVariables || {});
+  return b(() => e.value.customVariables || {});
 }
-function jt(e, o) {
-  const i = typeof o == "object" && "value" in o ? o : _(() => o), t = _(() => {
+function jt(e, r) {
+  const i = typeof r == "object" && "value" in r ? r : b(() => r), t = b(() => {
     const n = {};
     return Object.entries(i.value).forEach(([s, c]) => {
       const u = `--crm-ui-kit-${e}-${s}`;
       n[u] = String(c);
     }), n;
-  }), l = _(() => {
+  }), l = b(() => {
     const n = {};
     return Object.entries(t.value).forEach(([s, c]) => {
       n[s] = c;
@@ -67,27 +67,27 @@ function jt(e, o) {
     styleVars: G(l)
   };
 }
-function Fn(e, o) {
+function Fn(e, r) {
   return function(t) {
-    const l = _(() => ({
-      ...o,
+    const l = b(() => ({
+      ...r,
       ...t
     }));
     return jt(e, l);
   };
 }
 function Be(e) {
-  const o = k(), i = k(!1), t = (l) => {
+  const r = k(), i = k(!1), t = (l) => {
     if (typeof document > "u") return null;
     let n = document.querySelector(l);
     return n || (n = document.createElement("div"), n.setAttribute("id", l.replace("#", "")), document.body.appendChild(n)), n;
   };
-  return te(() => {
-    typeof document > "u" || (e ? o.value = t(e) || document.body : o.value = document.body, i.value = !0);
+  return ie(() => {
+    typeof document > "u" || (e ? r.value = t(e) || document.body : r.value = document.body, i.value = !0);
   }), ct(() => {
-    e && o.value && o.value !== document.body && o.value.children.length === 0 && o.value.remove();
+    e && r.value && r.value !== document.body && r.value.children.length === 0 && r.value.remove();
   }), {
-    portalTarget: G(o),
+    portalTarget: G(r),
     isReady: G(i)
   };
 }
@@ -109,9 +109,9 @@ function qn() {
 function Un() {
   return Be(Ve.DROPDOWN);
 }
-function Kt(e, o = []) {
-  const i = k(e), t = k(null), l = k(!1), n = _(() => t.value === null), s = () => {
-    for (const d of o) {
+function Kt(e, r = []) {
+  const i = k(e), t = k(null), l = k(!1), n = b(() => t.value === null), s = () => {
+    for (const d of r) {
       const h = d(i.value);
       if (h !== !0)
         return t.value = h, !1;
@@ -132,22 +132,22 @@ function Kt(e, o = []) {
     touch: u
   };
 }
-function jn(e, o = {}) {
+function jn(e, r = {}) {
   const i = {}, t = k({});
   Object.keys(e).forEach((a) => {
-    const m = o[a] || [];
+    const m = r[a] || [];
     i[a] = Kt(e[a], m);
   });
-  const l = _(() => Object.values(i).every((a) => a.isValid.value)), n = _(() => Object.values(i).some((a) => a.error.value !== null)), s = (a) => {
+  const l = b(() => Object.values(i).every((a) => a.isValid.value)), n = b(() => Object.values(i).some((a) => a.error.value !== null)), s = (a) => {
     const m = i[a];
     if (!m) return !0;
-    const b = m.validate();
-    return !b && m.error.value ? t.value[a] = m.error.value : delete t.value[a], b;
+    const _ = m.validate();
+    return !_ && m.error.value ? t.value[a] = m.error.value : delete t.value[a], _;
   }, c = () => {
     let a = !0;
     const m = {};
-    return Object.keys(i).forEach((b) => {
-      !s(b) && i[b].error.value && (m[b] = i[b].error.value, a = !1);
+    return Object.keys(i).forEach((_) => {
+      !s(_) && i[_].error.value && (m[_] = i[_].error.value, a = !1);
     }), t.value = m, a;
   }, u = () => {
     Object.values(i).forEach((a) => a.clearError()), t.value = {};
@@ -177,38 +177,38 @@ function jn(e, o = {}) {
   };
 }
 const Kn = {
-  required: (e = "Поле обязательно для заполнения") => (o) => o == null || o === "" ? e : !0,
-  minLength: (e, o) => (i) => i && i.length < e ? o || `Минимальная длина: ${e} символов` : !0,
-  maxLength: (e, o) => (i) => i && i.length > e ? o || `Максимальная длина: ${e} символов` : !0,
+  required: (e = "Поле обязательно для заполнения") => (r) => r == null || r === "" ? e : !0,
+  minLength: (e, r) => (i) => i && i.length < e ? r || `Минимальная длина: ${e} символов` : !0,
+  maxLength: (e, r) => (i) => i && i.length > e ? r || `Максимальная длина: ${e} символов` : !0,
   email: (e = "Некорректный email адрес") => {
-    const o = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return (i) => i && !o.test(i) ? e : !0;
+    const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return (i) => i && !r.test(i) ? e : !0;
   },
-  pattern: (e, o = "Некорректный формат") => (i) => i && !e.test(i) ? o : !0
+  pattern: (e, r = "Некорректный формат") => (i) => i && !e.test(i) ? r : !0
 }, Wt = "crm-ui-kit-theme";
 let Zt = 0;
-const ne = /* @__PURE__ */ new Map(), Jt = (e) => {
-  const o = `${Wt}-${++Zt}`, i = document.createElement("style"), t = Object.entries(e).map(([l, n]) => `${l}: ${n};`).join(`
+const se = /* @__PURE__ */ new Map(), Jt = (e) => {
+  const r = `${Wt}-${++Zt}`, i = document.createElement("style"), t = Object.entries(e).map(([l, n]) => `${l}: ${n};`).join(`
   `);
-  return i.textContent = `.${o} {
+  return i.textContent = `.${r} {
   ${t}
-}`, document.head.appendChild(i), { className: o, styleElement: i };
-}, Ee = (e) => {
-  const o = k("");
+}`, document.head.appendChild(i), { className: r, styleElement: i };
+}, Me = (e) => {
+  const r = k("");
   let i = e, t;
   const l = (n) => {
-    t && (t.refCount--, t.refCount === 0 && (t.styleElement.remove(), ne.delete(i))), i = n;
-    const s = ne.get(n);
+    t && (t.refCount--, t.refCount === 0 && (t.styleElement.remove(), se.delete(i))), i = n;
+    const s = se.get(n);
     if (s)
-      s.refCount++, o.value = s.className, t = s;
+      s.refCount++, r.value = s.className, t = s;
     else {
       const { className: c, styleElement: u } = Jt(n), d = { className: c, styleElement: u, refCount: 1 };
-      ne.set(n, d), o.value = c, t = d;
+      se.set(n, d), r.value = c, t = d;
     }
   };
   return l(e), P(() => e, l), qt(() => {
-    t && (t.refCount--, t.refCount === 0 && (t.styleElement.remove(), ne.delete(i)));
-  }), o;
+    t && (t.refCount--, t.refCount === 0 && (t.styleElement.remove(), se.delete(i)));
+  }), r;
 }, Wn = () => {
 };
 function Zn(e = "amocrm") {
@@ -217,29 +217,29 @@ function Zn(e = "amocrm") {
 function Jn(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Xn(e, o) {
+function Xn(e, r) {
   let i;
   return function(...l) {
     const n = () => {
       clearTimeout(i), e(...l);
     };
-    clearTimeout(i), i = setTimeout(n, o);
+    clearTimeout(i), i = setTimeout(n, r);
   };
 }
-function Qn(e, o) {
+function Qn(e, r) {
   let i;
   return function(...t) {
-    i || (e.apply(this, t), i = !0, setTimeout(() => i = !1, o));
+    i || (e.apply(this, t), i = !0, setTimeout(() => i = !1, r));
   };
 }
 function He(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
-function Xt(e, o) {
+function Xt(e, r) {
   const i = { ...e };
-  for (const t in o)
-    if (o.hasOwnProperty(t)) {
-      const l = o[t], n = i[t];
+  for (const t in r)
+    if (r.hasOwnProperty(t)) {
+      const l = r[t], n = i[t];
       He(l) && He(n) ? i[t] = Xt(n, l) : i[t] = l;
     }
   return i;
@@ -261,7 +261,7 @@ const Qt = "BaseInput-module__input___pIIgE", ei = "BaseInput-module__placeholde
   input: Qt,
   placeholder_visible: ei,
   placeholderVisible: ti
-}, ii = ["disabled", "readonly"], Me = /* @__PURE__ */ g({
+}, ii = ["disabled", "readonly"], ze = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: {
@@ -269,26 +269,26 @@ const Qt = "BaseInput-module__input___pIIgE", ei = "BaseInput-module__placeholde
     isReadonly: { type: Boolean, default: !1 },
     isPlaceholderVisibleOnFocus: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = k(null);
-    return o({
+    return r({
       inputRef: i
     }), (t, l) => (p(), v("input", $(t.$attrs, {
       ref_key: "inputRef",
       ref: i,
       class: [
-        r(Ye).input,
+        o(Ye).input,
         {
-          [r(Ye).placeholder_visible]: e.isPlaceholderVisibleOnFocus
+          [o(Ye).placeholder_visible]: e.isPlaceholderVisibleOnFocus
         }
       ],
       disabled: e.isDisabled,
       readonly: e.isReadonly
     }), null, 16, ii));
   }
-}), oi = "VisuallyHiddenInput-module__input___deWRN", ri = {
-  input: oi
-}, be = /* @__PURE__ */ g({
+}), ri = "VisuallyHiddenInput-module__input___deWRN", oi = {
+  input: ri
+}, fe = /* @__PURE__ */ g({
   __name: "VisuallyHiddenInput",
   props: {
     isDisabled: { type: Boolean },
@@ -299,15 +299,15 @@ const Qt = "BaseInput-module__input___pIIgE", ei = "BaseInput-module__placeholde
     isChecked: { type: Boolean },
     isDefaultChecked: { type: Boolean }
   },
-  setup(e, { expose: o }) {
-    const i = e, t = k(null), l = _(() => {
+  setup(e, { expose: r }) {
+    const i = e, t = k(null), l = b(() => {
       const { isChecked: s, isDefaultChecked: c, ...u } = i;
       return s !== void 0 ? { checked: s, ...u } : u;
     }), n = () => {
       var s;
       return ((s = t.value) == null ? void 0 : s.inputRef) ?? null;
     };
-    return te(() => {
+    return ie(() => {
       if (i.isDefaultChecked) {
         const s = n();
         s && (s.checked = !0);
@@ -315,12 +315,12 @@ const Qt = "BaseInput-module__input___pIIgE", ei = "BaseInput-module__placeholde
     }), i.isChecked !== void 0 && P(() => i.isChecked, (s) => {
       const c = n();
       c && (c.checked = !!s);
-    }), o({
+    }), r({
       inputRef: t
-    }), (s, c) => (p(), E(Me, $({
+    }), (s, c) => (p(), M(ze, $({
       ref_key: "inputRef",
       ref: t,
-      class: r(ri).input
+      class: o(oi).input
     }, l.value), null, 16, ["class"]));
   }
 }), li = "Spinner-module__spinner___SZoUP", ni = "Spinner-module__spinner_animation___LJyzJ", si = "Spinner-module__spinner_animation___LJyzJ", ai = "Spinner-module__centered___vcz-G", qe = {
@@ -335,13 +335,13 @@ const Qt = "BaseInput-module__input___pIIgE", ei = "BaseInput-module__placeholde
     theme: { default: void 0 }
   },
   setup(e) {
-    return (o, i) => (p(), v("span", $({
+    return (r, i) => (p(), v("span", $({
       class: [
-        r(qe).spinner,
-        { [r(qe).centered]: e.isCentered }
+        o(qe).spinner,
+        { [o(qe).centered]: e.isCentered }
       ],
       style: e.theme || {}
-    }, o.$attrs), null, 16));
+    }, r.$attrs), null, 16));
   }
 });
 function ui() {
@@ -368,12 +368,12 @@ function di() {
     }
   };
 }
-const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdWL", hi = "Button-module__content___PpYVU", _i = "Button-module__before___iPqpW", bi = "Button-module__after___NzIvd", fi = "Button-module__spinner_container___FC3J2", vi = "Button-module__spinner_container___FC3J2", ki = "Button-module__invalid___--B-C", xi = "Button-module__buttonShakeAnimation___awnKy", yi = "Button-module__success___CHTsg", q = {
+const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdWL", hi = "Button-module__content___PpYVU", bi = "Button-module__before___iPqpW", _i = "Button-module__after___NzIvd", fi = "Button-module__spinner_container___FC3J2", vi = "Button-module__spinner_container___FC3J2", ki = "Button-module__invalid___--B-C", xi = "Button-module__buttonShakeAnimation___awnKy", yi = "Button-module__success___CHTsg", U = {
   button: mi,
   disabled: pi,
   content: hi,
-  before: _i,
-  after: bi,
+  before: bi,
+  after: _i,
   spinner_container: fi,
   spinnerContainer: vi,
   invalid: ki,
@@ -392,19 +392,19 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     isClickableWhileDisabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { expose: o, emit: i }) {
+  setup(e, { expose: r, emit: i }) {
     const t = e, l = i, { shouldShowInvalidAnimation: n, showInvalidAnimation: s } = ui(), { shouldShowSuccessfulState: c, showSuccessfulState: u } = di();
-    o({ showInvalidAnimation: s, showSuccessfulState: u });
-    const d = _(() => {
-      var a, m, b, S, X;
+    r({ showInvalidAnimation: s, showSuccessfulState: u });
+    const d = b(() => {
+      var a, m, _, S, q;
       const y = {
         "--crm-ui-kit-spinner-border-color": (a = t.theme) == null ? void 0 : a["--crm-ui-kit-button-spinner-border-color"],
         "--crm-ui-kit-spinner-border-width": (m = t.theme) == null ? void 0 : m["--crm-ui-kit-button-spinner-border-width"],
-        "--crm-ui-kit-spinner-circle-size": (b = t.theme) == null ? void 0 : b["--crm-ui-kit-button-spinner-circle-size"],
+        "--crm-ui-kit-spinner-circle-size": (_ = t.theme) == null ? void 0 : _["--crm-ui-kit-button-spinner-circle-size"],
         "--crm-ui-kit-spinner-border-style": (S = t.theme) == null ? void 0 : S["--crm-ui-kit-button-spinner-border-style"]
       }, f = {
         ...y,
-        "--crm-ui-kit-spinner-border-color": (X = t.theme) == null ? void 0 : X["--crm-ui-kit-button-spinner-disabled-border-color"]
+        "--crm-ui-kit-spinner-border-color": (q = t.theme) == null ? void 0 : q["--crm-ui-kit-button-spinner-disabled-border-color"]
       };
       return { defaultTheme: y, disabledTheme: f };
     }), h = (y) => {
@@ -413,11 +413,11 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     return (y, f) => (p(), v("button", $(y.$attrs, {
       type: e.type,
       class: [
-        r(q).button,
+        o(U).button,
         {
-          [r(q).invalid]: r(n),
-          [r(q).success]: r(c),
-          [r(q).disabled]: e.isDisabled
+          [o(U).invalid]: o(n),
+          [o(U).success]: o(c),
+          [o(U).disabled]: e.isDisabled
         }
       ],
       style: e.theme,
@@ -425,23 +425,23 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       onClick: h
     }), [
       T("span", {
-        class: x(r(q).content)
+        class: x(o(U).content)
       }, [
-        r(c) ? (p(), v("span", Ci, [
+        o(c) ? (p(), v("span", Ci, [
           L(D(e.successfulStateText) + " ", 1),
           e.successfulStateText ? A("", !0) : I(y.$slots, "default", { key: 0 })
         ])) : e.isLoading ? (p(), v("span", {
           key: 1,
-          class: x(r(q).spinner_container)
+          class: x(o(U).spinner_container)
         }, [
-          M(ci, {
+          z(ci, {
             theme: e.isDisabled ? d.value.disabledTheme : d.value.defaultTheme,
             "is-centered": !0
           }, null, 8, ["theme"])
-        ], 2)) : (p(), v(me, { key: 2 }, [
+        ], 2)) : (p(), v(pe, { key: 2 }, [
           e.before ? (p(), v("span", {
             key: 0,
-            class: x(r(q).before)
+            class: x(o(U).before)
           }, [
             I(y.$slots, "before", {}, () => [
               L(D(e.before), 1)
@@ -452,7 +452,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
           ]),
           e.after ? (p(), v("span", {
             key: 1,
-            class: x(r(q).after)
+            class: x(o(U).after)
           }, [
             I(y.$slots, "after", {}, () => [
               L(D(e.after), 1)
@@ -462,7 +462,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       ], 2)
     ], 16, gi));
   }
-}), Oe = {
+}), Ee = {
   "--crm-ui-kit-button-z-index": "1",
   "--crm-ui-kit-button-height": "36px",
   "--crm-ui-kit-button-elements-spacing": "4px",
@@ -488,7 +488,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-button-spinner-circle-size": "16px",
   "--crm-ui-kit-button-spinner-border-style": "solid"
 }, is = {
-  ...Oe,
+  ...Ee,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-palette-background-primary)",
@@ -498,8 +498,8 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-palette-button-classic-hover-background)",
   "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, os = {
-  ...Oe,
+}, rs = {
+  ...Ee,
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-color-white)",
   "--crm-ui-kit-button-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
   "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -511,8 +511,8 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-button-hover-border-color": "var(--crm-ui-kit-color-cerulean-blue)",
   "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-white)",
   "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-color-bright-blue)"
-}, rs = {
-  ...Oe,
+}, os = {
+  ...Ee,
   "--crm-ui-kit-button-height": "30px",
   "--crm-ui-kit-button-color": "var(--crm-ui-kit-palette-text-secondary-light)",
   "--crm-ui-kit-button-padding": "0px 8px",
@@ -524,7 +524,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-button-hover-background-color": "inherit",
   "--crm-ui-kit-button-hover-border-color": "transparent",
   "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-palette-text-secondary-light)"
-}, fe = {
+}, ve = {
   "--crm-ui-kit-text-size-s-font-size": "11px",
   "--crm-ui-kit-text-size-s-line-height": "15px",
   "--crm-ui-kit-text-size-m-font-size": "13px",
@@ -535,23 +535,23 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-text-size-l-line-height": "20px",
   "--crm-ui-kit-text-size-xl-font-size": "18px",
   "--crm-ui-kit-text-size-xl-line-height": "24px"
-}, ze = {
-  ...fe,
+}, Oe = {
+  ...ve,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-text-font": "PT Sans"
 }, ls = {
-  ...fe,
+  ...ve,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-light)",
   "--crm-ui-kit-text-font": "PT Sans"
 }, ns = {
-  ...fe,
+  ...ve,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
   "--crm-ui-kit-text-font": "PT Sans"
 }, Ii = {
-  ...fe,
+  ...ve,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-color-error)",
   "--crm-ui-kit-text-font": "PT Sans"
-}, _t = {
+}, bt = {
   "--crm-ui-kit-input-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-input-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-input-error-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -573,8 +573,8 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-input-padding-left": "9px",
   "--crm-ui-kit-input-height": "34px",
   "--crm-ui-kit-input-width": "100%"
-}, bt = {
-  ..._t,
+}, _t = {
+  ...bt,
   "--crm-ui-kit-input-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
   "--crm-ui-kit-input-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
   "--crm-ui-kit-input-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
@@ -588,7 +588,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-input-disabled-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-input-disabled-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)"
 }, $i = {
-  ..._t,
+  ...bt,
   "--crm-ui-kit-input-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-input-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-input-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
@@ -601,7 +601,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-input-disabled-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-input-disabled-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-input-disabled-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)"
-}, wi = Ii, ss = bt, as = $i, Si = "Input-module__wrapper___dpfdV", Ti = "Input-module__input_wrapper___iVA--", Ai = "Input-module__input_wrapper___iVA--", Ri = "Input-module__input_container___TOBIn", Di = "Input-module__input_container___TOBIn", Bi = "Input-module__input___505b7", Vi = "Input-module__placeholder_visible___O2Udj", Ei = "Input-module__placeholder_visible___O2Udj", Mi = "Input-module__after___dpDKi", Oi = "Input-module__has_after___ADuC4", zi = "Input-module__has_after___ADuC4", Li = "Input-module__invalid___no7WZ", Pi = "Input-module__disabled___ProN9", Gi = "Input-module__invalid_description___xpoxv", Ni = "Input-module__invalid_description___xpoxv", Fi = "Input-module__invalid_description_right___-zM0v", Hi = "Input-module__invalid_description_right___-zM0v", Y = {
+}, wi = Ii, ss = _t, as = $i, Si = "Input-module__wrapper___dpfdV", Ti = "Input-module__input_wrapper___iVA--", Ai = "Input-module__input_wrapper___iVA--", Ri = "Input-module__input_container___TOBIn", Di = "Input-module__input_container___TOBIn", Bi = "Input-module__input___505b7", Vi = "Input-module__placeholder_visible___O2Udj", Mi = "Input-module__placeholder_visible___O2Udj", zi = "Input-module__after___dpDKi", Ei = "Input-module__has_after___ADuC4", Oi = "Input-module__has_after___ADuC4", Li = "Input-module__invalid___no7WZ", Pi = "Input-module__disabled___ProN9", Gi = "Input-module__invalid_description___xpoxv", Ni = "Input-module__invalid_description___xpoxv", Fi = "Input-module__invalid_description_right___-zM0v", Hi = "Input-module__invalid_description_right___-zM0v", Y = {
   wrapper: Si,
   input_wrapper: Ti,
   inputWrapper: Ai,
@@ -609,10 +609,10 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   inputContainer: Di,
   input: Bi,
   placeholder_visible: Vi,
-  placeholderVisible: Ei,
-  after: Mi,
-  has_after: Oi,
-  hasAfter: zi,
+  placeholderVisible: Mi,
+  after: zi,
+  has_after: Ei,
+  hasAfter: Oi,
   invalid: Li,
   disabled: Pi,
   invalid_description: Gi,
@@ -634,15 +634,15 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     modelValue: { default: void 0 }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(e, { expose: o, emit: i }) {
-    const t = ut(), l = _(() => {
-      const { class: m, style: b, ...S } = t;
+  setup(e, { expose: r, emit: i }) {
+    const t = ut(), l = b(() => {
+      const { class: m, style: _, ...S } = t;
       return n.modelValue !== void 0 ? { ...S, value: n.modelValue } : S;
-    }), n = e, s = i, c = k(null), u = _(() => n.theme || bt), d = _(() => ({
+    }), n = e, s = i, c = k(null), u = b(() => n.theme || _t), d = b(() => ({
       ...wi
     })), h = (m) => {
-      const b = m.target;
-      s("update:modelValue", b.value), s("input", m);
+      const _ = m.target;
+      s("update:modelValue", _.value), s("input", m);
     }, y = (m) => {
       s("change", m);
     }, f = (m) => {
@@ -650,33 +650,33 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     }, a = (m) => {
       s("blur", m);
     };
-    return o({
+    return r({
       inputRef: c
-    }), (m, b) => (p(), v("div", {
-      class: x([r(Y).wrapper, m.$attrs.class]),
+    }), (m, _) => (p(), v("div", {
+      class: x([o(Y).wrapper, m.$attrs.class]),
       style: V(u.value)
     }, [
       T("div", {
         class: x([
-          r(Y).input_wrapper,
+          o(Y).input_wrapper,
           {
-            [r(Y).invalid_description_right]: e.invalidDescriptionPlacement === "right"
+            [o(Y).invalid_description_right]: e.invalidDescriptionPlacement === "right"
           }
         ])
       }, [
         T("div", {
           class: x([
-            r(Y).input_container,
+            o(Y).input_container,
             {
-              [r(Y).invalid]: e.isInvalid,
-              [r(Y).disabled]: e.isDisabled
+              [o(Y).invalid]: e.isInvalid,
+              [o(Y).disabled]: e.isDisabled
             }
           ])
         }, [
-          M(Me, $(l.value, {
+          z(ze, $(l.value, {
             ref_key: "inputRef",
             ref: c,
-            class: { [r(Y).has_after]: !!e.after || !!m.$slots.after },
+            class: { [o(Y).has_after]: !!e.after || !!m.$slots.after },
             "is-disabled": e.isDisabled,
             "is-readonly": e.isReadonly,
             "is-placeholder-visible-on-focus": e.isPlaceholderVisibleOnFocus,
@@ -687,7 +687,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
           }), null, 16, ["class", "is-disabled", "is-readonly", "is-placeholder-visible-on-focus"]),
           e.after || m.$slots.after ? (p(), v("div", {
             key: 0,
-            class: x(r(Y).after)
+            class: x(o(Y).after)
           }, [
             I(m.$slots, "after", {}, () => [
               L(D(e.after), 1)
@@ -696,13 +696,13 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
         ], 2),
         e.isInvalid && e.invalidDescription ? (p(), v("div", {
           key: 0,
-          class: x(r(Y).invalid_description),
+          class: x(o(Y).invalid_description),
           style: V(d.value)
         }, D(e.invalidDescription), 7)) : A("", !0)
       ], 2)
     ], 6));
   }
-}), Yi = "TextArea-module__wrapper___Bn4Tw", qi = "TextArea-module__textarea_container___FS0Tq", Ui = "TextArea-module__textarea_container___FS0Tq", ji = "TextArea-module__textarea___zZCio", Ki = "TextArea-module__placeholder_visible___eCc8w", Wi = "TextArea-module__placeholder_visible___eCc8w", Zi = "TextArea-module__disabled___lHxCa", Ji = "TextArea-module__invalid_description___B6FfM", Xi = "TextArea-module__invalid_description___B6FfM", Qi = "TextArea-module__invalid___lqbKp", Z = {
+}), Yi = "TextArea-module__wrapper___Bn4Tw", qi = "TextArea-module__textarea_container___FS0Tq", Ui = "TextArea-module__textarea_container___FS0Tq", ji = "TextArea-module__textarea___zZCio", Ki = "TextArea-module__placeholder_visible___eCc8w", Wi = "TextArea-module__placeholder_visible___eCc8w", Zi = "TextArea-module__disabled___lHxCa", Ji = "TextArea-module__invalid_description___B6FfM", Xi = "TextArea-module__invalid_description___B6FfM", Qi = "TextArea-module__invalid___lqbKp", J = {
   wrapper: Yi,
   textarea_container: qi,
   textareaContainer: Ui,
@@ -713,7 +713,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   invalid_description: Ji,
   invalidDescription: Xi,
   invalid: Qi
-}, eo = ["disabled", "readonly", "value"], us = /* @__PURE__ */ g({
+}, er = ["disabled", "readonly", "value"], us = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -728,12 +728,12 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     modelValue: { default: "" }
   },
   emits: ["update:modelValue", "autosize"],
-  setup(e, { expose: o, emit: i }) {
+  setup(e, { expose: r, emit: i }) {
     const t = e, l = i, n = k(null), s = (u) => {
       const d = u.target;
       l("update:modelValue", d.value), t.isAutosized && c();
     }, c = () => {
-      !n.value || !t.isAutosized || pe(() => {
+      !n.value || !t.isAutosized || he(() => {
         n.value && (n.value.style.height = "auto", n.value.style.height = `${n.value.scrollHeight}px`, l("autosize"));
       });
     };
@@ -747,18 +747,18 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       (u) => {
         u && c();
       }
-    ), o({
+    ), r({
       textareaRef: n
     }), (u, d) => (p(), v("div", {
-      class: x(r(Z).wrapper),
+      class: x(o(J).wrapper),
       style: V(e.theme)
     }, [
       T("div", {
         class: x([
-          r(Z).textarea_container,
+          o(J).textarea_container,
           {
-            [r(Z).invalid]: e.isInvalid,
-            [r(Z).disabled]: e.isDisabled
+            [o(J).invalid]: e.isInvalid,
+            [o(J).disabled]: e.isDisabled
           }
         ])
       }, [
@@ -766,9 +766,9 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
           ref_key: "textareaRef",
           ref: n,
           class: [
-            r(Z).textarea,
+            o(J).textarea,
             {
-              [r(Z).placeholder_visible]: e.isPlaceholderVisibleOnFocus
+              [o(J).placeholder_visible]: e.isPlaceholderVisibleOnFocus
             }
           ],
           style: { maxHeight: e.maxHeight ? `${e.maxHeight}px` : void 0 },
@@ -776,11 +776,11 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
           readonly: e.isReadOnly,
           value: e.modelValue,
           onInput: s
-        }), null, 16, eo)
+        }), null, 16, er)
       ], 2),
       e.isInvalid && e.invalidDescription ? (p(), v("div", {
         key: 0,
-        class: x(r(Z).invalid_description)
+        class: x(o(J).invalid_description)
       }, D(e.invalidDescription), 3)) : A("", !0)
     ], 6));
   }
@@ -815,16 +815,16 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
 }, ms = {
   ...ft,
   "--crm-ui-kit-textarea-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, to = "Text-module__text___XXjeA", io = "Text-module__ellipsis___79OkO", oo = "Text-module__line_clamp___joAdp", ro = "Text-module__line_clamp___joAdp", lo = "Text-module__s___sApyd", no = "Text-module__m___SHtLp", so = "Text-module__ms___jfRqe", ao = "Text-module__l___GNH3i", co = "Text-module__xl___qII75", se = {
-  text: to,
-  ellipsis: io,
-  line_clamp: oo,
-  lineClamp: ro,
-  s: lo,
-  m: no,
-  ms: so,
-  l: ao,
-  xl: co
+}, tr = "Text-module__text___XXjeA", ir = "Text-module__ellipsis___79OkO", rr = "Text-module__line_clamp___joAdp", or = "Text-module__line_clamp___joAdp", lr = "Text-module__s___sApyd", nr = "Text-module__m___SHtLp", sr = "Text-module__ms___jfRqe", ar = "Text-module__l___GNH3i", cr = "Text-module__xl___qII75", ae = {
+  text: tr,
+  ellipsis: ir,
+  line_clamp: rr,
+  lineClamp: or,
+  s: lr,
+  m: nr,
+  ms: sr,
+  l: ar,
+  xl: cr
 }, Le = /* @__PURE__ */ g({
   __name: "Text",
   props: {
@@ -835,17 +835,17 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     style: { default: () => ({}) }
   },
   setup(e) {
-    const o = e;
-    if (!["s", "m", "ms", "l", "xl"].includes(o.size))
+    const r = e;
+    if (!["s", "m", "ms", "l", "xl"].includes(r.size))
       throw new Error("Unknown size was presented");
-    const t = _(() => o.maxRows > 1);
+    const t = b(() => r.maxRows > 1);
     return (l, n) => (p(), v("span", $(l.$attrs, {
       class: [
-        r(se).text,
-        r(se)[e.size],
+        o(ae).text,
+        o(ae)[e.size],
         {
-          [r(se).ellipsis]: e.isEllipsis,
-          [r(se).line_clamp]: t.value
+          [o(ae).ellipsis]: e.isEllipsis,
+          [o(ae).line_clamp]: t.value
         }
       ],
       style: {
@@ -889,25 +889,25 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   ...vt,
   "--crm-ui-kit-inline-input-border-color": "var(--crm-ui-kit-color-blueberry)",
   "--crm-ui-kit-inline-input-focus-border-color": "var(--crm-ui-kit-color-blueberry)"
-}, uo = {
-  ...ze,
+}, ur = {
+  ...Oe,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-inline-input-invalid-description-color)",
   "--crm-ui-kit-text-size-m-line-height": "15px"
-}, mo = "InlineInput-module__wrapper___qm49n", po = "InlineInput-module__input_container___gEtfR", ho = "InlineInput-module__input_container___gEtfR", _o = "InlineInput-module__after_container___zn-12", bo = "InlineInput-module__after_container___zn-12", fo = "InlineInput-module__after___-G08s", vo = "InlineInput-module__has_after___5vayE", ko = "InlineInput-module__has_after___5vayE", xo = "InlineInput-module__invalid_description_container___-HlH-", yo = "InlineInput-module__invalid_description_container___-HlH-", go = "InlineInput-module__invalid_description___lJpY9", Co = "InlineInput-module__invalid_description___lJpY9", Io = "InlineInput-module__disabled___bzvEo", U = {
-  wrapper: mo,
-  input_container: po,
-  inputContainer: ho,
-  after_container: _o,
-  afterContainer: bo,
-  after: fo,
-  has_after: vo,
-  hasAfter: ko,
-  invalid_description_container: xo,
-  invalidDescriptionContainer: yo,
-  invalid_description: go,
-  invalidDescription: Co,
-  disabled: Io
-}, _s = /* @__PURE__ */ g({
+}, dr = "InlineInput-module__wrapper___qm49n", mr = "InlineInput-module__input_container___gEtfR", pr = "InlineInput-module__input_container___gEtfR", hr = "InlineInput-module__after_container___zn-12", br = "InlineInput-module__after_container___zn-12", _r = "InlineInput-module__after___-G08s", fr = "InlineInput-module__has_after___5vayE", vr = "InlineInput-module__has_after___5vayE", kr = "InlineInput-module__invalid_description_container___-HlH-", xr = "InlineInput-module__invalid_description_container___-HlH-", yr = "InlineInput-module__invalid_description___lJpY9", gr = "InlineInput-module__invalid_description___lJpY9", Cr = "InlineInput-module__disabled___bzvEo", j = {
+  wrapper: dr,
+  input_container: mr,
+  inputContainer: pr,
+  after_container: hr,
+  afterContainer: br,
+  after: _r,
+  has_after: fr,
+  hasAfter: vr,
+  invalid_description_container: kr,
+  invalidDescriptionContainer: xr,
+  invalid_description: yr,
+  invalidDescription: gr,
+  disabled: Cr
+}, bs = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "InlineInput",
   props: {
@@ -921,32 +921,32 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     modelValue: { default: void 0 }
   },
   emits: ["update:modelValue", "input"],
-  setup(e, { expose: o, emit: i }) {
-    const t = e, l = i, n = ut(), s = _(() => {
+  setup(e, { expose: r, emit: i }) {
+    const t = e, l = i, n = ut(), s = b(() => {
       const { class: d, style: h, ...y } = n;
       return t.modelValue !== void 0 ? { ...y, value: t.modelValue } : y;
     }), c = (d) => {
       const h = d.target;
       l("update:modelValue", h.value), l("input", d);
     }, u = k(null);
-    return o({
+    return r({
       inputRef: u
     }), (d, h) => (p(), v("div", {
-      class: x(r(U).wrapper),
+      class: x(o(j).wrapper),
       style: V(e.theme)
     }, [
       T("div", {
         class: x([
-          r(U).input_container,
+          o(j).input_container,
           {
-            [r(U).disabled]: e.isDisabled
+            [o(j).disabled]: e.isDisabled
           }
         ])
       }, [
-        M(Me, $(s.value, {
+        z(ze, $(s.value, {
           ref_key: "inputRef",
           ref: u,
-          class: { [r(U).has_after]: !!e.after },
+          class: { [o(j).has_after]: !!e.after },
           "is-disabled": e.isDisabled,
           "is-readonly": e.isReadonly,
           "is-placeholder-visible-on-focus": e.isPlaceholderVisibleOnFocus,
@@ -955,22 +955,22 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       ], 2),
       e.after ? (p(), v("div", {
         key: 0,
-        class: x(r(U).after_container)
+        class: x(o(j).after_container)
       }, [
         T("div", {
-          class: x(r(U).after)
+          class: x(o(j).after)
         }, D(e.after), 3)
       ], 2)) : A("", !0),
       e.isInvalid ? (p(), v("div", {
         key: 1,
-        class: x(r(U).invalid_description_container)
+        class: x(o(j).invalid_description_container)
       }, [
-        M(Le, {
+        z(Le, {
           size: "m",
-          theme: r(uo),
-          class: x(r(U).invalid_description)
+          theme: o(ur),
+          class: x(o(j).invalid_description)
         }, {
-          default: z(() => [
+          default: O(() => [
             L(D(e.invalidDescription), 1)
           ]),
           _: 1
@@ -978,11 +978,11 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       ], 2)) : A("", !0)
     ], 6));
   }
-}), $o = "Switcher-module__wrapper___Bamq6", wo = "Switcher-module__switcher___MjuSh", So = "Switcher-module__input___-K2Ku", Ie = {
-  wrapper: $o,
-  switcher: wo,
-  input: So
-}, bs = /* @__PURE__ */ g({
+}), Ir = "Switcher-module__wrapper___Bamq6", $r = "Switcher-module__switcher___MjuSh", wr = "Switcher-module__input___-K2Ku", Ie = {
+  wrapper: Ir,
+  switcher: $r,
+  input: wr
+}, _s = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Switcher",
   props: {
@@ -995,19 +995,19 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     isDefaultChecked: { type: Boolean },
     theme: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = e, t = k(null);
-    return o({
+    return r({
       inputRef: t
     }), (l, n) => (p(), v("div", {
-      class: x(r(Ie).wrapper),
+      class: x(o(Ie).wrapper),
       style: V(e.theme)
     }, [
-      M(be, $(l.$attrs, {
+      z(fe, $(l.$attrs, {
         id: i.id,
         ref_key: "inputRef",
         ref: t,
-        class: r(Ie).input,
+        class: o(Ie).input,
         type: "checkbox",
         "is-disabled": i.isDisabled,
         "is-readonly": i.isReadonly,
@@ -1017,21 +1017,21 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
         name: i.name
       }), null, 16, ["id", "class", "is-disabled", "is-readonly", "is-checked", "is-default-checked", "value", "name"]),
       T("span", {
-        class: x(r(Ie).switcher)
+        class: x(o(Ie).switcher)
       }, null, 2)
     ], 6));
   }
-}), To = "Label-module__wrapper___NGGOS", Ao = "Label-module__top___-lhYX", Ro = "Label-module__text_container___UrUIG", Do = "Label-module__text_container___UrUIG", Bo = "Label-module__centered___l3-JI", Vo = "Label-module__left___YkSoh", Eo = "Label-module__right___KNrND", Mo = "Label-module__text_description___UScdu", Oo = "Label-module__text_description___UScdu", J = {
-  wrapper: To,
-  top: Ao,
-  text_container: Ro,
-  textContainer: Do,
-  centered: Bo,
-  left: Vo,
-  right: Eo,
-  text_description: Mo,
-  textDescription: Oo
-}, zo = { key: 0 }, fs = /* @__PURE__ */ g({
+}), Sr = "Label-module__wrapper___NGGOS", Tr = "Label-module__top___-lhYX", Ar = "Label-module__text_container___UrUIG", Rr = "Label-module__text_container___UrUIG", Dr = "Label-module__centered___l3-JI", Br = "Label-module__left___YkSoh", Vr = "Label-module__right___KNrND", Mr = "Label-module__text_description___UScdu", zr = "Label-module__text_description___UScdu", X = {
+  wrapper: Sr,
+  top: Tr,
+  text_container: Ar,
+  textContainer: Rr,
+  centered: Dr,
+  left: Br,
+  right: Vr,
+  text_description: Mr,
+  textDescription: zr
+}, Er = { key: 0 }, fs = /* @__PURE__ */ g({
   __name: "Label",
   props: {
     theme: {},
@@ -1040,13 +1040,13 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     textPlacement: { default: "top" },
     isCentered: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = e, t = k(null), l = {
-      top: J.top,
-      left: J.left,
-      right: J.right
-    }, n = _(() => l[i.textPlacement]);
-    return o({
+      top: X.top,
+      left: X.left,
+      right: X.right
+    }, n = b(() => l[i.textPlacement]);
+    return r({
       labelRef: t
     }), (s, c) => (p(), v("label", $(s.$attrs, {
       ref_key: "labelRef",
@@ -1054,23 +1054,23 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       class: [
         n.value,
         {
-          [r(J).centered]: e.isCentered
+          [o(X).centered]: e.isCentered
         }
       ],
       style: e.theme
     }), [
       e.text || e.description || s.$slots.text || s.$slots.description ? (p(), v("div", {
         key: 0,
-        class: x(r(J).text_container)
+        class: x(o(X).text_container)
       }, [
-        e.text || s.$slots.text ? (p(), v("span", zo, [
+        e.text || s.$slots.text ? (p(), v("span", Er, [
           I(s.$slots, "text", {}, () => [
             L(D(e.text), 1)
           ])
         ])) : A("", !0),
         e.description || s.$slots.description ? (p(), v("div", {
           key: 1,
-          class: x(r(J).text_description)
+          class: x(o(X).text_description)
         }, [
           I(s.$slots, "description", {}, () => [
             L(D(e.description), 1)
@@ -1093,11 +1093,11 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-switcher-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
   "--crm-ui-kit-switcher-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
   "--crm-ui-kit-switcher-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
-}, Lo = "SelectButton-module__button___rXDb-", Po = "SelectButton-module__invalid___9dO2z", Go = "SelectButton-module__disabled___sqM8-", $e = {
-  button: Lo,
-  invalid: Po,
-  disabled: Go
-}, No = ["disabled"], Fo = "Enter", Ho = "Space", kt = /* @__PURE__ */ g({
+}, Or = "SelectButton-module__button___rXDb-", Lr = "SelectButton-module__invalid___9dO2z", Pr = "SelectButton-module__disabled___sqM8-", $e = {
+  button: Or,
+  invalid: Lr,
+  disabled: Pr
+}, Gr = ["disabled"], Nr = "Enter", Fr = "Space", kt = /* @__PURE__ */ g({
   __name: "SelectButton",
   props: {
     theme: {},
@@ -1105,13 +1105,13 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["toggle"],
-  setup(e, { expose: o, emit: i }) {
+  setup(e, { expose: r, emit: i }) {
     const t = i, l = k(null), n = () => {
       t("toggle");
     }, s = (c) => {
-      [Fo, Ho].includes(c.code) && (c.preventDefault(), n());
+      [Nr, Fr].includes(c.code) && (c.preventDefault(), n());
     };
-    return o({
+    return r({
       buttonRef: l
     }), (c, u) => (p(), v("button", $({
       ref_key: "buttonRef",
@@ -1119,10 +1119,10 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     }, c.$attrs, {
       type: "button",
       class: [
-        r($e).button,
+        o($e).button,
         {
-          [r($e).invalid]: e.isInvalid,
-          [r($e).disabled]: e.isDisabled
+          [o($e).invalid]: e.isInvalid,
+          [o($e).disabled]: e.isDisabled
         }
       ],
       style: e.theme,
@@ -1131,7 +1131,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       onKeydown: s
     }), [
       I(c.$slots, "default")
-    ], 16, No));
+    ], 16, Gr));
   }
 }), xt = {
   "--crm-ui-kit-select-button-border-width": "1px",
@@ -1158,25 +1158,25 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-select-button-border": "var(--crm-ui-kit-select-button-border-width) solid var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-select-button-error-border": "var(--crm-ui-kit-select-button-border-width) solid var(--crm-ui-kit-palette-border-error)",
   "--crm-ui-kit-select-button-disabled-border": "var(--crm-ui-kit-select-button-border-width) solid var(--crm-ui-kit-palette-border-primary)"
-}, F = (e, o) => {
+}, F = (e, r) => {
   const i = Symbol(e);
   return [(n) => {
     st(i, n);
   }, (n) => {
-    const s = at(i, o);
+    const s = at(i, r);
     if (s)
       return s;
     throw new Error(
       `\`${n}\` must be used within \`${e}\``
     );
   }];
-}, yt = "Select", [Yo, ve] = F(yt), qo = "Select-module__select___U4LyF", Uo = "Select-module__opened___IOv4m", Ue = {
-  select: qo,
-  opened: Uo
-}, jo = g({
+}, yt = "Select", [Hr, ke] = F(yt), Yr = "Select-module__select___U4LyF", qr = "Select-module__opened___IOv4m", Ue = {
+  select: Yr,
+  opened: qr
+}, Ur = g({
   name: yt
 }), ys = /* @__PURE__ */ g({
-  ...jo,
+  ...Ur,
   props: {
     theme: {},
     value: {},
@@ -1187,15 +1187,15 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     isDefaultOpen: { type: Boolean }
   },
   emits: ["change", "openChange"],
-  setup(e, { expose: o, emit: i }) {
-    const l = e, n = i, s = k(null), c = k(l.isDefaultOpen ?? !1), u = k(-1), d = k(l.defaultValue), h = _(() => l.value !== void 0), y = dt(), f = _(() => {
+  setup(e, { expose: r, emit: i }) {
+    const l = e, n = i, s = k(null), c = k(l.isDefaultOpen ?? !1), u = k(-1), d = k(l.defaultValue), h = b(() => l.value !== void 0), y = dt(), f = b(() => {
       const R = y == null ? void 0 : y.vnode;
       return R != null && R.props ? "isOpen" in R.props || "is-open" in R.props : !1;
-    }), a = _(
+    }), a = b(
       () => h.value ? l.value : d.value
-    ), m = _(
+    ), m = b(
       () => f.value ? !!l.isOpen : c.value
-    ), ge = ie({
+    ), Q = re({
       get hoveredIndex() {
         return u.value;
       },
@@ -1227,15 +1227,15 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
         return l.defaultValue;
       }
     });
-    return Yo(ge), o({
+    return Hr(Q), r({
       selectRef: s
     }), (R, Ne) => (p(), v("div", $(R.$attrs, {
       ref_key: "selectRef",
       ref: s,
       class: [
-        r(Ue).select,
+        o(Ue).select,
         {
-          [r(Ue).opened]: m.value
+          [o(Ue).opened]: m.value
         }
       ],
       style: e.theme
@@ -1246,42 +1246,42 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
 }), gs = {
   "--crm-ui-kit-select-z-index": "auto",
   "--crm-ui-kit-select-opened-z-index": "60"
-}, Ko = "Option-module__text___taK9J", Wo = {
-  text: Ko
-}, re = /* @__PURE__ */ g({
+}, jr = "Option-module__text___taK9J", Kr = {
+  text: jr
+}, le = /* @__PURE__ */ g({
   __name: "Option",
   props: {
     class: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = e, t = {
-      ...ze,
+      ...Oe,
       "--crm-ui-kit-text-color": "inherit"
     }, l = k(null);
-    return o({
+    return r({
       optionRef: l
     }), (n, s) => (p(), v("span", {
       ref_key: "optionRef",
       ref: l,
-      class: x([r(Wo).text, i.class])
+      class: x([o(Kr).text, i.class])
     }, [
-      M(Le, {
+      z(Le, {
         theme: t,
         size: "l",
         "is-ellipsis": !0
       }, {
-        default: z(() => [
+        default: O(() => [
           I(n.$slots, "default")
         ]),
         _: 3
       })
     ], 2));
   }
-}), Zo = "Item-module__item___MhuKP", Jo = "Item-module__selected___vlZkB", Xo = "Item-module__hovered___Zad41", we = {
-  item: Zo,
-  selected: Jo,
-  hovered: Xo
-}, Qo = "Select.Item", Cs = /* @__PURE__ */ g({
+}), Wr = "Item-module__item___MhuKP", Zr = "Item-module__selected___vlZkB", Jr = "Item-module__hovered___Zad41", we = {
+  item: Wr,
+  selected: Zr,
+  hovered: Jr
+}, Xr = "Select.Item", Cs = /* @__PURE__ */ g({
   __name: "Item",
   props: {
     item: {},
@@ -1289,24 +1289,24 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     class: {},
     theme: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, t = ve(Qo), l = k(null), n = _(() => {
+  setup(e, { expose: r }) {
+    const i = e, t = ke(Xr), l = k(null), n = b(() => {
       var u;
       return ((u = t.value) == null ? void 0 : u.value) === i.item.value;
-    }), s = _(() => t.hoveredIndex === i.index), c = (u) => {
+    }), s = b(() => t.hoveredIndex === i.index), c = (u) => {
       u.preventDefault(), t.onHoveredIndexChange(i.index), typeof t.onChange == "function" && t.onChange(i.item);
     };
-    return o({
+    return r({
       itemRef: l
     }), (u, d) => (p(), v("li", $({
       ref_key: "itemRef",
       ref: l
     }, u.$attrs, {
       class: [
-        r(we).item,
+        o(we).item,
         {
-          [r(we).selected]: n.value,
-          [r(we).hovered]: s.value
+          [o(we).selected]: n.value,
+          [o(we).hovered]: s.value
         },
         i.class
       ],
@@ -1314,8 +1314,8 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       onClick: c
     }), [
       I(u.$slots, "default", {}, () => [
-        M(re, null, {
-          default: z(() => [
+        z(le, null, {
+          default: O(() => [
             L(D(e.item.option), 1)
           ]),
           _: 1
@@ -1332,29 +1332,29 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-select-item-selected-background": "var(--crm-ui-kit-icon-check-mark) 8px 14px no-repeat",
   "--crm-ui-kit-select-item-hovered-background-color": "var(--crm-ui-kit-palette-background-default)",
   "--crm-ui-kit-select-item-hover-background-color": "var(--crm-ui-kit-palette-background-default)"
-}, er = "Arrow-module__wrapper___MpIq-", tr = {
-  wrapper: er
-}, ir = 20, or = 20, $s = /* @__PURE__ */ g({
+}, Qr = "Arrow-module__wrapper___MpIq-", eo = {
+  wrapper: Qr
+}, to = 20, io = 20, $s = /* @__PURE__ */ g({
   __name: "Arrow",
   props: {
     theme: {},
     class: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = e, t = k(null);
-    return o({
+    return r({
       arrowRef: t
     }), (l, n) => (p(), v("span", {
       ref_key: "arrowRef",
       ref: t,
-      class: x([r(tr).wrapper, i.class]),
+      class: x([o(eo).wrapper, i.class]),
       style: V(e.theme)
     }, [
       I(l.$slots, "default", {}, () => [
         (p(), v("svg", {
           xmlns: "http://www.w3.org/2000/svg",
-          width: ir,
-          height: or,
+          width: to,
+          height: io,
           fill: "none",
           viewBox: "0 0 21 21"
         }, [...n[0] || (n[0] = [
@@ -1372,22 +1372,22 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-select-arrow-width": "20px",
   "--crm-ui-kit-select-arrow-height": "20px",
   "--crm-ui-kit-select-margin": "0 0 0 auto"
-}, rr = "Icon-module__wrapper___LScci", lr = {
-  wrapper: rr
+}, ro = "Icon-module__wrapper___LScci", oo = {
+  wrapper: ro
 }, Ss = /* @__PURE__ */ g({
   __name: "Icon",
   props: {
     theme: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = k(null);
-    return o({
+    return r({
       iconRef: i
     }), (t, l) => t.$slots.default ? (p(), v("span", {
       key: 0,
       ref_key: "iconRef",
       ref: i,
-      class: x(r(lr).wrapper),
+      class: x(o(oo).wrapper),
       style: V(e.theme)
     }, [
       I(t.$slots, "default")
@@ -1397,9 +1397,9 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-select-icon-width": "20px",
   "--crm-ui-kit-select-icon-height": "20px",
   "--crm-ui-kit-select-icon-margin": "0 6px 0 0"
-}, nr = "List-module__list___yt0s5", sr = "List-module__opened___-UDVm", je = {
-  list: nr,
-  opened: sr
+}, lo = "List-module__list___yt0s5", no = "List-module__opened___-UDVm", je = {
+  list: lo,
+  opened: no
 }, Ke = /* @__PURE__ */ g({
   __name: "List",
   props: {
@@ -1408,8 +1408,8 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     hoveredIndex: { default: 0 }
   },
   emits: ["select", "toggle", "hoveredIndexChange"],
-  setup(e, { expose: o, emit: i }) {
-    const t = e, l = i, n = k(null), s = oe(), c = _(() => s.default ? s.default().length : 0), u = (d) => {
+  setup(e, { expose: r, emit: i }) {
+    const t = e, l = i, n = k(null), s = oe(), c = b(() => s.default ? s.default().length : 0), u = (d) => {
       const { hoveredIndex: h } = t;
       switch (d.code) {
         case "ArrowDown":
@@ -1427,7 +1427,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
           break;
       }
     };
-    return o({
+    return r({
       listRef: n
     }), (d, h) => e.isOpened ? (p(), v("ul", $({ key: 0 }, d.$attrs, {
       ref_key: "listRef",
@@ -1435,9 +1435,9 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       tabindex: "0",
       role: "list",
       class: [
-        r(je).list,
+        o(je).list,
         {
-          [r(je).opened]: e.isOpened
+          [o(je).opened]: e.isOpened
         }
       ],
       style: e.theme,
@@ -1461,13 +1461,13 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-list-border-radius": "3px",
   "--crm-ui-kit-list-outline": "none",
   "--crm-ui-kit-list-color": "var(--crm-ui-kit-palette-text-primary)"
-}, ar = "Select.Button", Rs = /* @__PURE__ */ g({
+}, so = "Select.Button", Rs = /* @__PURE__ */ g({
   __name: "Button",
   props: {
     theme: {}
   },
-  setup(e, { expose: o }) {
-    const i = ve(ar), t = k(null), l = () => {
+  setup(e, { expose: r }) {
+    const i = ke(so), t = k(null), l = () => {
       i.onOpen(!i.isOpened);
     };
     return P(
@@ -1476,49 +1476,49 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
         var c, u;
         s && !n && ((u = (c = t.value) == null ? void 0 : c.buttonRef) == null || u.focus());
       }
-    ), o({
+    ), r({
       buttonRef: t
-    }), (n, s) => (p(), E(kt, $({
+    }), (n, s) => (p(), M(kt, $({
       ref_key: "buttonRef",
       ref: t
     }, n.$attrs, {
       theme: e.theme,
-      "is-disabled": r(i).isDisabled,
-      "is-invalid": r(i).isInvalid,
+      "is-disabled": o(i).isDisabled,
+      "is-invalid": o(i).isInvalid,
       onToggle: l
     }), {
-      default: z(() => [
+      default: O(() => [
         I(n.$slots, "default")
       ]),
       _: 3
     }, 16, ["theme", "is-disabled", "is-invalid"]));
   }
-}), gt = ({ ref: e, handler: o }) => {
+}), gt = ({ ref: e, handler: r }) => {
   const i = (t) => {
-    e.value && !e.value.contains(t.target) && o();
+    e.value && !e.value.contains(t.target) && r();
   };
-  te(() => {
+  ie(() => {
     document.addEventListener("mousedown", i);
   }), ct(() => {
     document.removeEventListener("mousedown", i);
   });
-}, cr = "Select.List", Ds = /* @__PURE__ */ g({
+}, ao = "Select.List", Ds = /* @__PURE__ */ g({
   __name: "SelectList",
   props: {
     theme: {},
     class: {},
     container: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, t = ve(cr), l = k(null), n = oe(), s = _(() => n.default ? n.default().map((m) => {
-      var b;
-      return (b = m.props) == null ? void 0 : b.item;
-    }).filter(Boolean) : []), c = _(() => {
+  setup(e, { expose: r }) {
+    const i = e, t = ke(ao), l = k(null), n = oe(), s = b(() => n.default ? n.default().map((m) => {
+      var _;
+      return (_ = m.props) == null ? void 0 : _.item;
+    }).filter(Boolean) : []), c = b(() => {
       const a = {};
-      return s.value.forEach((m, b) => {
-        (m == null ? void 0 : m.value) !== void 0 && (a[String(m.value)] = b);
+      return s.value.forEach((m, _) => {
+        (m == null ? void 0 : m.value) !== void 0 && (a[String(m.value)] = _);
       }), a;
-    }), u = _(() => {
+    }), u = b(() => {
       if (t.value) {
         const a = c.value[String(t.value.value)];
         if (a !== void 0) return a;
@@ -1531,7 +1531,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     }, y = (a) => {
       const m = s.value[a];
       m && typeof t.onChange == "function" && t.onChange(m);
-    }, f = _(() => {
+    }, f = b(() => {
       var a;
       return ((a = l.value) == null ? void 0 : a.listRef) ?? null;
     });
@@ -1543,92 +1543,92 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     }), P(
       () => t.isOpened,
       (a) => {
-        var m, b;
-        a && ((b = (m = l.value) == null ? void 0 : m.listRef) == null || b.focus());
+        var m, _;
+        a && ((_ = (m = l.value) == null ? void 0 : m.listRef) == null || _.focus());
       }
-    ), o({
+    ), r({
       listRef: l
-    }), (a, m) => e.container ? (p(), E(Ae, {
+    }), (a, m) => e.container ? (p(), M(Ae, {
       key: 0,
       to: e.container
     }, [
-      M(Ke, {
+      z(Ke, {
         ref_key: "listRef",
         ref: l,
         class: x(i.class),
-        "is-opened": r(t).isOpened,
+        "is-opened": o(t).isOpened,
         theme: e.theme,
         "hovered-index": u.value,
         onHoveredIndexChange: d,
         onToggle: h,
         onSelect: y
       }, {
-        default: z(() => [
+        default: O(() => [
           I(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "is-opened", "theme", "hovered-index"])
-    ], 8, ["to"])) : (p(), E(Ke, {
+    ], 8, ["to"])) : (p(), M(Ke, {
       key: 1,
       ref_key: "listRef",
       ref: l,
       class: x(i.class),
-      "is-opened": r(t).isOpened,
+      "is-opened": o(t).isOpened,
       theme: e.theme,
       "hovered-index": u.value,
       onHoveredIndexChange: d,
       onToggle: h,
       onSelect: y
     }, {
-      default: z(() => [
+      default: O(() => [
         I(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "is-opened", "theme", "hovered-index"]));
   }
-}), ur = "Select.Value", Bs = /* @__PURE__ */ g({
+}), co = "Select.Value", Bs = /* @__PURE__ */ g({
   __name: "Value",
   props: {
     placeholder: { default: "" },
     class: { default: "" },
     name: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, t = ve(ur), l = _(() => !t.value), n = k(null);
-    return o({
+  setup(e, { expose: r }) {
+    const i = e, t = ke(co), l = b(() => !t.value), n = k(null);
+    return r({
       optionRef: n
     }), (s, c) => {
       var u;
-      return p(), v(me, null, [
-        s.$slots.default ? I(s.$slots, "default", { key: 0 }) : (p(), E(re, {
+      return p(), v(pe, null, [
+        s.$slots.default ? I(s.$slots, "default", { key: 0 }) : (p(), M(le, {
           key: 1,
           ref_key: "optionRef",
           ref: n,
           class: x(i.class)
         }, {
-          default: z(() => {
+          default: O(() => {
             var d;
             return [
-              L(D(l.value ? e.placeholder : (d = r(t).value) == null ? void 0 : d.option), 1)
+              L(D(l.value ? e.placeholder : (d = o(t).value) == null ? void 0 : d.option), 1)
             ];
           }),
           _: 1
         }, 8, ["class"])),
-        M(be, {
+        z(fe, {
           name: e.name,
           type: "hidden",
-          value: (u = r(t).value) == null ? void 0 : u.value
+          value: (u = o(t).value) == null ? void 0 : u.value
         }, null, 8, ["name", "value"])
       ], 64);
     };
   }
-}), Ct = "MultiSelect", [dr, W] = F(Ct), mr = "MultiSelect-module__multiselect___93yRK", pr = "MultiSelect-module__opened___thrIy", We = {
-  multiselect: mr,
-  opened: pr
-}, hr = g({
+}), Ct = "MultiSelect", [uo, Z] = F(Ct), mo = "MultiSelect-module__multiselect___93yRK", po = "MultiSelect-module__opened___thrIy", We = {
+  multiselect: mo,
+  opened: po
+}, ho = g({
   name: Ct
 }), Vs = /* @__PURE__ */ g({
-  ...hr,
+  ...ho,
   props: {
     theme: {},
     mode: { default: "multi" },
@@ -1642,49 +1642,49 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     isDefaultOpen: { type: Boolean }
   },
   emits: ["change", "openChange"],
-  setup(e, { expose: o, emit: i }) {
+  setup(e, { expose: r, emit: i }) {
     const t = e, l = i, n = k(null), s = k(t.isDefaultOpen ?? !1), c = k(null), u = k(""), d = k(
       new Set((t.defaultValue ?? []).map((C) => C.value))
-    ), h = _(() => t.value !== void 0), y = dt(), f = _(() => {
+    ), h = b(() => t.value !== void 0), y = dt(), f = b(() => {
       const C = y == null ? void 0 : y.vnode;
       return C != null && C.props ? "isOpen" in C.props || "is-open" in C.props : !1;
-    }), a = _(() => h.value ? new Set((t.value ?? []).map((C) => C.value)) : d.value), m = _(
+    }), a = b(() => h.value ? new Set((t.value ?? []).map((C) => C.value)) : d.value), m = b(
       () => f.value ? !!t.isOpen : s.value
-    ), b = _(() => t.items ?? []), S = _(() => {
+    ), _ = b(() => t.items ?? []), S = b(() => {
       const C = a.value;
-      return b.value.filter((w) => C.has(w.value));
-    }), X = (C) => {
+      return _.value.filter((w) => C.has(w.value));
+    }), q = (C) => {
       (t.isDisabled ?? !1) || (f.value || (s.value = C), C || (u.value = ""), l("openChange", C));
-    }, ge = (C) => {
+    }, Q = (C) => {
       if (t.mode === "single")
-        h.value || (d.value = /* @__PURE__ */ new Set([C.value])), l("change", [C]), X(!1);
+        h.value || (d.value = /* @__PURE__ */ new Set([C.value])), l("change", [C]), q(!1);
       else {
         const w = new Set(a.value);
         w.has(C.value) ? w.delete(C.value) : w.add(C.value), h.value || (d.value = w);
-        const O = b.value.filter((B) => w.has(B.value));
-        l("change", O);
+        const E = _.value.filter((B) => w.has(B.value));
+        l("change", E);
       }
     }, R = (C) => {
-      const w = b.value.filter((N) => N.group === C);
+      const w = _.value.filter((N) => N.group === C);
       if (w.length === 0) return;
-      const O = w.every((N) => a.value.has(N.value)), B = new Set(a.value);
-      O ? w.forEach((N) => B.delete(N.value)) : w.forEach((N) => B.add(N.value)), h.value || (d.value = B);
-      const H = b.value.filter((N) => B.has(N.value));
+      const E = w.every((N) => a.value.has(N.value)), B = new Set(a.value);
+      E ? w.forEach((N) => B.delete(N.value)) : w.forEach((N) => B.add(N.value)), h.value || (d.value = B);
+      const H = _.value.filter((N) => B.has(N.value));
       l("change", H);
     }, Ne = () => {
-      const C = b.value.length > 0 && b.value.every((B) => a.value.has(B.value)), w = /* @__PURE__ */ new Set();
-      C || b.value.forEach((B) => w.add(B.value)), h.value || (d.value = w);
-      const O = b.value.filter((B) => w.has(B.value));
-      l("change", O);
-    }, le = (C) => b.value.filter((w) => w.group === C), Ot = (C) => {
-      const w = le(C);
-      return w.length > 0 && w.every((O) => a.value.has(O.value));
-    }, zt = (C) => {
-      const w = le(C), O = w.filter((B) => a.value.has(B.value)).length;
-      return O > 0 && O < w.length;
-    }, Lt = () => b.value.length > 0 && b.value.every((C) => a.value.has(C.value)), Pt = () => {
-      const C = b.value.filter((w) => a.value.has(w.value)).length;
-      return C > 0 && C < b.value.length;
+      const C = _.value.length > 0 && _.value.every((B) => a.value.has(B.value)), w = /* @__PURE__ */ new Set();
+      C || _.value.forEach((B) => w.add(B.value)), h.value || (d.value = w);
+      const E = _.value.filter((B) => w.has(B.value));
+      l("change", E);
+    }, ne = (C) => _.value.filter((w) => w.group === C), Et = (C) => {
+      const w = ne(C);
+      return w.length > 0 && w.every((E) => a.value.has(E.value));
+    }, Ot = (C) => {
+      const w = ne(C), E = w.filter((B) => a.value.has(B.value)).length;
+      return E > 0 && E < w.length;
+    }, Lt = () => _.value.length > 0 && _.value.every((C) => a.value.has(C.value)), Pt = () => {
+      const C = _.value.filter((w) => a.value.has(w.value)).length;
+      return C > 0 && C < _.value.length;
     }, Gt = (C) => {
       c.value = C;
     }, Nt = (C) => {
@@ -1694,15 +1694,15 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       return w ? C.option.toLowerCase().includes(w) : !0;
     }, Ht = (C) => {
       const w = u.value.trim().toLowerCase();
-      return w ? le(C).some((B) => B.option.toLowerCase().includes(w)) : !0;
+      return w ? ne(C).some((B) => B.option.toLowerCase().includes(w)) : !0;
     };
     P(
       () => t.items,
       (C) => {
         if (!C) return;
-        const w = new Set(C.map((H) => H.value)), O = a.value, B = [...O].filter((H) => !w.has(H));
+        const w = new Set(C.map((H) => H.value)), E = a.value, B = [...E].filter((H) => !w.has(H));
         if (B.length > 0) {
-          const H = new Set(O);
+          const H = new Set(E);
           B.forEach((Ce) => H.delete(Ce)), h.value || (d.value = H);
           const N = C.filter((Ce) => H.has(Ce.value));
           l("change", N);
@@ -1710,7 +1710,7 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       },
       { deep: !0 }
     );
-    const Yt = ie({
+    const Yt = re({
       get values() {
         return a.value;
       },
@@ -1738,29 +1738,29 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       get searchQuery() {
         return u.value;
       },
-      onOpen: X,
-      onToggleItem: ge,
+      onOpen: q,
+      onToggleItem: Q,
       onToggleGroup: R,
       onToggleAll: Ne,
       onHoveredItemChange: Gt,
       onSearchChange: Nt,
       isItemMatchingSearch: Ft,
       isGroupMatchingSearch: Ht,
-      getGroupItems: le,
-      isGroupAllSelected: Ot,
-      isGroupPartiallySelected: zt,
+      getGroupItems: ne,
+      isGroupAllSelected: Et,
+      isGroupPartiallySelected: Ot,
       isAllSelected: Lt,
       isPartiallySelected: Pt
     });
-    return dr(Yt), o({
+    return uo(Yt), r({
       multiSelectRef: n
     }), (C, w) => (p(), v("div", $(C.$attrs, {
       ref_key: "multiSelectRef",
       ref: n,
       class: [
-        r(We).multiselect,
+        o(We).multiselect,
         {
-          [r(We).opened]: m.value
+          [o(We).opened]: m.value
         }
       ],
       style: e.theme
@@ -1768,186 +1768,17 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       I(C.$slots, "default")
     ], 16));
   }
-}), Es = {
+}), Ms = {
   "--crm-ui-kit-multiselect-z-index": "auto",
   "--crm-ui-kit-multiselect-opened-z-index": "60"
-}, _r = "MultiSelect.Trigger", Ms = /* @__PURE__ */ g({
-  __name: "Trigger",
-  props: {
-    theme: {}
-  },
-  setup(e, { expose: o }) {
-    const i = W(_r), t = k(null), l = () => {
-      i.onOpen(!i.isOpened);
-    };
-    return P(
-      () => i.isOpened,
-      (n, s) => {
-        var c, u;
-        s && !n && ((u = (c = t.value) == null ? void 0 : c.buttonRef) == null || u.focus());
-      }
-    ), o({
-      buttonRef: t
-    }), (n, s) => (p(), E(kt, $({
-      ref_key: "buttonRef",
-      ref: t
-    }, n.$attrs, {
-      theme: e.theme,
-      "is-disabled": r(i).isDisabled,
-      "is-invalid": r(i).isInvalid,
-      onToggle: l
-    }), {
-      default: z(() => [
-        I(n.$slots, "default")
-      ]),
-      _: 3
-    }, 16, ["theme", "is-disabled", "is-invalid"]));
-  }
-}), br = "MultiSelectList-module__list___lKhqs", fr = "MultiSelectList-module__empty___4vLBH", ae = {
-  list: br,
-  empty: fr
-}, vr = ["aria-multiselectable"], kr = ["aria-multiselectable"], xr = "MultiSelect.List", Os = /* @__PURE__ */ g({
-  __name: "MultiSelectList",
-  props: {
-    theme: {},
-    class: {},
-    container: {},
-    emptyText: { default: "Нет элементов" }
-  },
-  setup(e, { expose: o }) {
-    const i = e, t = W(xr), l = k(null), n = oe();
-    function s(a) {
-      var b;
-      const m = [];
-      for (const S of a)
-        (b = S.props) != null && b.item && m.push(S.props.item), Array.isArray(S.children) && m.push(...s(S.children));
-      return m;
-    }
-    const c = _(() => {
-      if (!n.default) return [];
-      const a = n.default();
-      return s(a);
-    }), u = _(() => c.value.length), d = _(() => {
-      const a = {};
-      return c.value.forEach((m, b) => {
-        (m == null ? void 0 : m.value) !== void 0 && (a[String(m.value)] = b);
-      }), a;
-    }), h = k(-1), y = _(() => {
-      const a = t.hoveredItemValue;
-      return a === null ? -1 : d.value[String(a)] ?? -1;
-    });
-    P(
-      () => t.isOpened,
-      (a) => {
-        a && (h.value = y.value);
-      }
-    );
-    const f = (a) => {
-      const m = u.value;
-      let b = h.value;
-      switch (a.code) {
-        case "ArrowDown":
-          if (a.preventDefault(), b < m - 1) {
-            b++, h.value = b;
-            const S = c.value[b];
-            S && t.onHoveredItemChange(S.value);
-          }
-          break;
-        case "ArrowUp":
-          if (a.preventDefault(), b > 0) {
-            b--, h.value = b;
-            const S = c.value[b];
-            S && t.onHoveredItemChange(S.value);
-          }
-          break;
-        case "Enter":
-        case "Space":
-          if (a.preventDefault(), b >= 0 && b < m) {
-            const S = c.value[b];
-            S && t.onToggleItem(S);
-          }
-          break;
-        case "Escape":
-          a.preventDefault(), t.onOpen(!1);
-          break;
-      }
-    };
-    return gt({
-      ref: l,
-      handler: () => {
-        t.isOpened && t.onOpen(!1);
-      }
-    }), P(
-      () => t.isOpened,
-      (a) => {
-        a && setTimeout(() => {
-          var m;
-          (m = l.value) == null || m.focus();
-        }, 0);
-      }
-    ), o({
-      listRef: l,
-      items: c,
-      itemsMap: d
-    }), (a, m) => e.container ? (p(), E(Ae, {
-      key: 0,
-      to: e.container
-    }, [
-      r(t).isOpened ? (p(), v("ul", $({
-        key: 0,
-        ref_key: "listRef",
-        ref: l
-      }, a.$attrs, {
-        tabindex: "0",
-        role: "listbox",
-        "aria-multiselectable": r(t).mode === "multi" ? "true" : void 0,
-        class: [
-          "custom-scroll",
-          r(ae).list,
-          i.class
-        ],
-        style: e.theme,
-        onKeydown: f
-      }), [
-        I(a.$slots, "default"),
-        u.value === 0 ? (p(), v("li", {
-          key: 0,
-          class: x(r(ae).empty)
-        }, D(e.emptyText), 3)) : A("", !0)
-      ], 16, vr)) : A("", !0)
-    ], 8, ["to"])) : (p(), v(me, { key: 1 }, [
-      r(t).isOpened ? (p(), v("ul", $({
-        key: 0,
-        ref_key: "listRef",
-        ref: l
-      }, a.$attrs, {
-        tabindex: "0",
-        role: "listbox",
-        "aria-multiselectable": r(t).mode === "multi" ? "true" : void 0,
-        class: [
-          "custom-scroll",
-          r(ae).list,
-          i.class
-        ],
-        style: e.theme,
-        onKeydown: f
-      }), [
-        I(a.$slots, "default"),
-        u.value === 0 ? (p(), v("li", {
-          key: 0,
-          class: x(r(ae).empty)
-        }, D(e.emptyText), 3)) : A("", !0)
-      ], 16, kr)) : A("", !0)
-    ], 64));
-  }
-}), yr = () => "ontouchstart" in window, gr = "Checkbox-module__wrapper___rznMS", Cr = "Checkbox-module__input___-039s", Ir = "Checkbox-module__checkbox___D0D4S", $r = "Checkbox-module__indeterminate___rX-dK", wr = "Checkbox-module__invalid___B4jAs", Sr = "Checkbox-module__touchable___glE4H", Q = {
-  wrapper: gr,
-  input: Cr,
-  checkbox: Ir,
-  indeterminate: $r,
-  invalid: wr,
-  touchable: Sr
-}, ke = /* @__PURE__ */ g({
+}, bo = () => "ontouchstart" in window, _o = "Checkbox-module__wrapper___rznMS", fo = "Checkbox-module__input___-039s", vo = "Checkbox-module__checkbox___D0D4S", ko = "Checkbox-module__indeterminate___rX-dK", xo = "Checkbox-module__invalid___B4jAs", yo = "Checkbox-module__touchable___glE4H", ee = {
+  wrapper: _o,
+  input: fo,
+  checkbox: vo,
+  indeterminate: ko,
+  invalid: xo,
+  touchable: yo
+}, xe = /* @__PURE__ */ g({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1962,26 +1793,26 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
     isInvalid: { type: Boolean, default: !1 },
     theme: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = e, t = k(null), l = k(!1);
-    return te(() => {
-      l.value = yr();
-    }), o({
+    return ie(() => {
+      l.value = bo();
+    }), r({
       inputRef: t
     }), (n, s) => (p(), v("div", {
       class: x([
-        r(Q).wrapper,
+        o(ee).wrapper,
         {
-          [r(Q).touchable]: l.value
+          [o(ee).touchable]: l.value
         }
       ]),
       style: V(e.theme)
     }, [
-      M(be, $(n.$attrs, {
+      z(fe, $(n.$attrs, {
         id: i.id,
         ref_key: "inputRef",
         ref: t,
-        class: r(Q).input,
+        class: o(ee).input,
         type: "checkbox",
         "is-disabled": i.isDisabled,
         "is-readonly": i.isReadonly,
@@ -1992,10 +1823,10 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
       }), null, 16, ["id", "class", "is-disabled", "is-readonly", "is-checked", "is-default-checked", "value", "name"]),
       T("span", {
         class: x([
-          r(Q).checkbox,
+          o(ee).checkbox,
           {
-            [r(Q).indeterminate]: e.checkedStyle === "indeterminate",
-            [r(Q).invalid]: e.isInvalid
+            [o(ee).indeterminate]: e.checkedStyle === "indeterminate",
+            [o(ee).invalid]: e.isInvalid
           }
         ])
       }, null, 2)
@@ -2006,30 +1837,30 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   props: {
     theme: {}
   },
-  setup(e, { expose: o }) {
-    const i = oe(), t = k(null), l = _(() => i.default ? i.default() : []);
-    return o({
+  setup(e, { expose: r }) {
+    const i = oe(), t = k(null), l = b(() => i.default ? i.default() : []);
+    return r({
       groupRef: t
     }), (n, s) => (p(), v("div", {
       ref_key: "groupRef",
       ref: t
     }, [
-      (p(!0), v(me, null, Ut(l.value, (c, u) => (p(), v("div", {
+      (p(!0), v(pe, null, Ut(l.value, (c, u) => (p(), v("div", {
         key: u,
-        class: x([r(J).wrapper]),
+        class: x([o(X).wrapper]),
         style: V(e.theme)
       }, [
-        (p(), E(Re(c)))
+        (p(), M(Re(c)))
       ], 6))), 128))
     ], 512));
   }
-}), Ls = {
+}), Es = {
   "--crm-ui-kit-label-group-margin-bottom": "16px"
-}, Tr = {
+}, go = {
   "--crm-ui-kit-label-spacing": "4px",
   "--crm-ui-kit-label-description-spacing": "4px",
   "--crm-ui-kit-label-text-width": "auto"
-}, xe = {
+}, ye = {
   "--crm-ui-kit-checkbox-z-index": "3",
   "--crm-ui-kit-checkbox-border-width": "1px",
   "--crm-ui-kit-checkbox-border-radius": "3px",
@@ -2045,40 +1876,40 @@ const mi = "Button-module__button___18Bed", pi = "Button-module__disabled___UzdW
   "--crm-ui-kit-checkbox-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
   "--crm-ui-kit-checkbox-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
 }, Pe = {
-  ...xe,
+  ...ye,
   "--crm-ui-kit-checkbox-size": "20px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
-}, Ps = {
-  ...xe,
+}, Os = {
+  ...ye,
   "--crm-ui-kit-checkbox-size": "16px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
-}, Gs = {
-  ...xe,
+}, Ls = {
+  ...ye,
   "--crm-ui-kit-checkbox-size": "20px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, Ns = {
-  ...xe,
+}, Ps = {
+  ...ye,
   "--crm-ui-kit-checkbox-size": "16px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
-};
-({
-  ...Tr
-});
-const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr = "Item-module__hovered___UY-ih", ue = {
-  item: Ar,
-  selected: Rr,
-  hovered: Dr
-}, Br = ["aria-selected", "title"], Vr = "MultiSelect.Item", Fs = /* @__PURE__ */ g({
+}, Gs = {
+  ...go,
+  "--crm-ui-kit-label-description-spacing": "8px",
+  "--crm-ui-kit-label-spacing": "8px"
+}, Co = "Item-module__item___KOHVr", Io = "Item-module__selected___rWQeZ", $o = "Item-module__hovered___UY-ih", de = {
+  item: Co,
+  selected: Io,
+  hovered: $o
+}, wo = ["aria-selected", "title"], So = "MultiSelect.Item", Ns = /* @__PURE__ */ g({
   __name: "Item",
   props: {
     item: {},
     theme: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, t = W(Vr), l = k(null), n = Pe, s = _(() => t.isItemMatchingSearch(i.item)), c = _(() => t.values.has(i.item.value)), u = _(() => t.hoveredItemValue === i.item.value), d = (h) => {
+  setup(e, { expose: r }) {
+    const i = e, t = Z(So), l = k(null), n = Pe, s = b(() => t.isItemMatchingSearch(i.item)), c = b(() => t.values.has(i.item.value)), u = b(() => t.hoveredItemValue === i.item.value), d = (h) => {
       h.preventDefault(), t.onToggleItem(i.item);
     };
-    return o({
+    return r({
       itemRef: l
     }), (h, y) => s.value ? (p(), v("li", $({
       key: 0,
@@ -2088,42 +1919,50 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
       role: "option",
       "aria-selected": c.value,
       class: [
-        r(ue).item,
+        o(de).item,
         {
-          [r(ue).selected]: c.value,
-          [r(ue).hovered]: u.value
+          [o(de).selected]: c.value,
+          [o(de).hovered]: u.value
         }
       ],
       style: e.theme,
       title: e.item.option,
       onClick: d
     }), [
-      r(t).mode === "multi" ? (p(), E(ke, {
+      o(t).mode === "multi" ? (p(), M(xe, {
         key: 0,
-        theme: r(n),
+        theme: o(n),
         "is-checked": c.value,
         tabindex: -1,
-        onClick: y[0] || (y[0] = he(() => {
+        onClick: y[0] || (y[0] = be(() => {
         }, ["stop"]))
       }, null, 8, ["theme", "is-checked"])) : A("", !0),
       I(h.$slots, "default", {}, () => [
-        M(re, null, {
-          default: z(() => [
+        z(le, null, {
+          default: O(() => [
             L(D(e.item.option), 1)
           ]),
           _: 1
         })
       ])
-    ], 16, Br)) : A("", !0);
+    ], 16, wo)) : A("", !0);
   }
-}), Er = "Group-module__group___KLx-N", Mr = "Group-module__header___eqC1O", Or = "Group-module__headerSelectable___Xrf4T", zr = "Group-module__label___uz8UE", Lr = "Group-module__children___CvJVM", Pr = "Group-module__empty___1ph2n", ee = {
-  group: Er,
-  header: Mr,
-  headerSelectable: Or,
-  label: zr,
-  children: Lr,
-  empty: Pr
-}, Gr = ["aria-label"], Nr = ["title"], Fr = "MultiSelect.Group", Hs = /* @__PURE__ */ g({
+}), Fs = {
+  "--crm-ui-kit-multiselect-item-padding": "7px 6px 7px 12px",
+  "--crm-ui-kit-multiselect-item-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-multiselect-item-font-weight": "400",
+  "--crm-ui-kit-multiselect-item-selected-background-color": "var(--crm-ui-kit-palette-background-default)",
+  "--crm-ui-kit-multiselect-item-hovered-background-color": "var(--crm-ui-kit-palette-background-default)",
+  "--crm-ui-kit-multiselect-item-hover-background-color": "var(--crm-ui-kit-palette-background-default)",
+  "--crm-ui-kit-multiselect-item-checkbox-gap": "8px"
+}, To = "Group-module__group___KLx-N", Ao = "Group-module__header___eqC1O", Ro = "Group-module__headerSelectable___Xrf4T", Do = "Group-module__label___uz8UE", Bo = "Group-module__children___CvJVM", Vo = "Group-module__empty___1ph2n", te = {
+  group: To,
+  header: Ao,
+  headerSelectable: Ro,
+  label: Do,
+  children: Bo,
+  empty: Vo
+}, Mo = ["aria-label"], zo = ["title"], Eo = "MultiSelect.Group", Hs = /* @__PURE__ */ g({
   __name: "Group",
   props: {
     group: {},
@@ -2131,212 +1970,107 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
     emptyText: { default: "Нет элементов" }
   },
   setup(e) {
-    const o = /^(#[\da-f]{3,8}|rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(,\s*(0|1|0?\.\d+))?\s*\)|hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%\s*(,\s*(0|1|0?\.\d+))?\s*\)|[a-z]{3,20})$/i, i = e, t = W(Fr), l = _(() => t.isGroupMatchingSearch(i.group.id)), n = Pe, s = oe(), c = _(() => s.default ? s.default().length === 0 : !0), u = _(
+    const r = /^(#[\da-f]{3,8}|rgba?\(\s*\d{1,3}\s*,\s*\d{1,3}\s*,\s*\d{1,3}\s*(,\s*(0|1|0?\.\d+))?\s*\)|hsla?\(\s*\d{1,3}\s*,\s*\d{1,3}%\s*,\s*\d{1,3}%\s*(,\s*(0|1|0?\.\d+))?\s*\)|[a-z]{3,20})$/i, i = e, t = Z(Eo), l = b(() => t.isGroupMatchingSearch(i.group.id)), n = Pe, s = oe(), c = b(() => s.default ? s.default().length === 0 : !0), u = b(
       () => t.isGroupAllSelected(i.group.id)
-    ), d = _(
+    ), d = b(
       () => t.isGroupPartiallySelected(i.group.id)
-    ), h = _(
+    ), h = b(
       () => u.value || d.value
-    ), y = _(
+    ), y = b(
       () => u.value ? "mark" : "indeterminate"
-    ), f = (b) => o.test(b.trim()), a = _(() => {
-      const b = { ...i.theme };
-      return i.group.color && f(i.group.color) && (b.backgroundColor = i.group.color), b;
+    ), f = (_) => r.test(_.trim()), a = b(() => {
+      const _ = { ...i.theme };
+      return i.group.color && f(i.group.color) && (_.backgroundColor = i.group.color), _;
     }), m = () => {
       t.groupSelectable && t.onToggleGroup(i.group.id);
     };
-    return (b, S) => l.value ? (p(), v("li", {
+    return (_, S) => l.value ? (p(), v("li", {
       key: 0,
-      class: x(r(ee).group),
+      class: x(o(te).group),
       role: "group",
       "aria-label": e.group.label
     }, [
       T("div", {
         class: x([
-          r(ee).header,
+          o(te).header,
           {
-            [r(ee).headerSelectable]: r(t).groupSelectable
+            [o(te).headerSelectable]: o(t).groupSelectable
           }
         ]),
         style: V(a.value),
         title: e.group.label,
         onClick: m
       }, [
-        r(t).groupSelectable ? (p(), E(ke, {
+        o(t).groupSelectable ? (p(), M(xe, {
           key: 0,
-          theme: r(n),
+          theme: o(n),
           "is-checked": h.value,
           "checked-style": y.value,
           tabindex: -1,
-          onClick: S[0] || (S[0] = he(() => {
+          onClick: S[0] || (S[0] = be(() => {
           }, ["stop"]))
         }, null, 8, ["theme", "is-checked", "checked-style"])) : A("", !0),
         T("span", {
-          class: x(r(ee).label)
+          class: x(o(te).label)
         }, D(e.group.label), 3)
-      ], 14, Nr),
+      ], 14, zo),
       T("ul", {
-        class: x(r(ee).children)
+        class: x(o(te).children)
       }, [
-        I(b.$slots, "default"),
+        I(_.$slots, "default"),
         c.value ? (p(), v("li", {
           key: 0,
-          class: x(r(ee).empty)
+          class: x(o(te).empty)
         }, D(e.emptyText), 3)) : A("", !0)
       ], 2)
-    ], 10, Gr)) : A("", !0);
-  }
-}), Hr = "MultiSelect.All", Ys = /* @__PURE__ */ g({
-  __name: "All",
-  props: {
-    theme: {},
-    label: { default: "Выбрать всё" }
-  },
-  setup(e) {
-    const o = W(Hr), i = Pe, t = _(() => o.isAllSelected()), l = _(() => o.isPartiallySelected()), n = _(
-      () => t.value || l.value
-    ), s = _(
-      () => t.value ? "mark" : "indeterminate"
-    ), c = (u) => {
-      u.preventDefault(), o.onToggleAll();
-    };
-    return (u, d) => r(o).searchQuery ? A("", !0) : (p(), v("li", {
-      key: 0,
-      class: x(r(ue).item),
-      style: V(e.theme),
-      onClick: c
-    }, [
-      M(ke, {
-        theme: r(i),
-        "is-checked": n.value,
-        "checked-style": s.value,
-        tabindex: -1,
-        onClick: d[0] || (d[0] = he(() => {
-        }, ["stop"]))
-      }, null, 8, ["theme", "is-checked", "checked-style"]),
-      M(re, null, {
-        default: z(() => [
-          L(D(e.label), 1)
-        ]),
-        _: 1
-      })
-    ], 6));
-  }
-}), Yr = "Value-module__value___Aswvw", qr = "Value-module__text___-f1lX", Ur = {
-  value: Yr,
-  text: qr
-}, jr = "MultiSelect.Value", qs = /* @__PURE__ */ g({
-  __name: "Value",
-  props: {
-    placeholder: { default: "" },
-    displayMode: { default: "count" },
-    maxDisplayItems: { default: 2 },
-    countTemplate: { default: "{n} выбрано" },
-    class: {}
-  },
-  setup(e, { expose: o }) {
-    const i = e, t = W(jr), l = k(null), n = _(() => {
-      const s = t.selectedItems;
-      if (s.length === 0)
-        return i.placeholder;
-      if (i.displayMode === "count")
-        return i.countTemplate.replace("{n}", String(s.length));
-      const c = s.slice(0, i.maxDisplayItems), u = s.length - c.length, d = c.map((h) => h.option).join(", ");
-      return u > 0 ? `${d} +${u}` : d;
-    });
-    return o({
-      optionRef: l
-    }), (s, c) => s.$slots.default ? I(s.$slots, "default", { key: 0 }) : (p(), E(re, {
-      key: 1,
-      ref_key: "optionRef",
-      ref: l,
-      class: x(r(Ur).text)
-    }, {
-      default: z(() => [
-        L(D(n.value), 1)
-      ]),
-      _: 1
-    }, 8, ["class"]));
+    ], 10, Mo)) : A("", !0);
   }
-}), Kr = "Search-module__search___cGZ5b", Wr = "Search-module__input___HP47K", Ze = {
-  search: Kr,
-  input: Wr
-}, Zr = ["placeholder", "value"], Jr = "MultiSelect.Search", Us = /* @__PURE__ */ g({
-  __name: "Search",
-  props: {
-    theme: {},
-    placeholder: { default: "Поиск..." }
-  },
-  setup(e) {
-    const o = W(Jr), i = k(null), t = (l) => {
-      o.onSearchChange(l.target.value);
-    };
-    return P(
-      () => o.isOpened,
-      (l) => {
-        l && pe(() => {
-          setTimeout(() => {
-            var n;
-            return (n = i.value) == null ? void 0 : n.focus();
-          }, 0);
-        });
-      }
-    ), (l, n) => (p(), v("li", {
-      class: x(r(Ze).search),
-      style: V(e.theme)
-    }, [
-      T("input", {
-        ref_key: "inputRef",
-        ref: i,
-        class: x(r(Ze).input),
-        type: "text",
-        placeholder: e.placeholder,
-        value: r(o).searchQuery,
-        onInput: t,
-        onKeydown: n[0] || (n[0] = he(() => {
-        }, ["stop"]))
-      }, null, 42, Zr)
-    ], 6));
-  }
-}), Xr = "Combobox-module__combobox___97Qx9", Qr = "Combobox-module__inputContainer___6t-il", el = "Combobox-module__focused___Ur996", tl = "Combobox-module__invalid___Ur1or", il = "Combobox-module__disabled___2nCcW", ol = "Combobox-module__input___KbcCI", rl = "Combobox-module__arrow___FwmsJ", ll = "Combobox-module__arrowOpen___U6A3h", j = {
-  combobox: Xr,
-  inputContainer: Qr,
-  focused: el,
-  invalid: tl,
-  disabled: il,
-  input: ol,
-  arrow: rl,
-  arrowOpen: ll
-}, nl = ["placeholder", "value", "disabled", "readonly"], sl = "MultiSelect.Combobox", js = /* @__PURE__ */ g({
+}), Ys = {
+  "--crm-ui-kit-multiselect-group-padding": "8px 12px",
+  "--crm-ui-kit-multiselect-group-font-size": "13px",
+  "--crm-ui-kit-multiselect-group-font-weight": "700",
+  "--crm-ui-kit-multiselect-group-color": "#363b44",
+  "--crm-ui-kit-multiselect-group-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-multiselect-group-text-transform": "uppercase"
+}, Oo = "Combobox-module__combobox___97Qx9", Lo = "Combobox-module__inputContainer___6t-il", Po = "Combobox-module__focused___Ur996", Go = "Combobox-module__invalid___Ur1or", No = "Combobox-module__disabled___2nCcW", Fo = "Combobox-module__input___KbcCI", Ho = "Combobox-module__arrow___FwmsJ", Yo = "Combobox-module__arrowOpen___U6A3h", K = {
+  combobox: Oo,
+  inputContainer: Lo,
+  focused: Po,
+  invalid: Go,
+  disabled: No,
+  input: Fo,
+  arrow: Ho,
+  arrowOpen: Yo
+}, qo = ["placeholder", "value", "disabled", "readonly"], Uo = "MultiSelect.Combobox", qs = /* @__PURE__ */ g({
   __name: "Combobox",
   props: {
     theme: {},
     placeholder: { default: "Поиск..." },
     groups: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, t = W(sl), l = k(null), n = k(null), s = _(() => {
+  setup(e, { expose: r }) {
+    const i = e, t = Z(Uo), l = k(null), n = k(null), s = b(() => {
       if (!i.groups) return null;
       const f = /* @__PURE__ */ new Map();
       for (const a of i.groups)
         f.set(a.id, a.label);
       return f;
-    }), c = _(() => {
+    }), c = b(() => {
       if (t.isOpened) return "";
       const f = t.selectedItems;
       if (f.length === 0) return "";
       if (f.length === 1) return f[0].option;
       if (t.isAllSelected()) return `Все (${f.length})`;
       if (s.value && f.every((a) => a.group != null)) {
-        const a = [...new Set(f.map((b) => b.group))], m = a.filter((b) => t.isGroupAllSelected(b));
+        const a = [...new Set(f.map((_) => _.group))], m = a.filter((_) => t.isGroupAllSelected(_));
         if (m.length > 0 && m.length === a.length) {
           if (m.length === 1) {
             const S = s.value.get(m[0]);
             if (S) return `${S} (${f.length})`;
           }
-          const b = s.value.get(m[0]);
-          if (b)
-            return m.length === 2 ? `${b}, ${s.value.get(m[1])}` : `${b} +${m.length - 1}`;
+          const _ = s.value.get(m[0]);
+          if (_)
+            return m.length === 2 ? `${_}, ${s.value.get(m[1])}` : `${_} +${m.length - 1}`;
         }
       }
       return `${f[0].option} +${f.length - 1}`;
@@ -2353,23 +2087,23 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
       f.code === "Escape" && (t.onOpen(!1), (a = l.value) == null || a.blur());
     };
     return P(() => t.isOpened, (f) => {
-      f && pe(() => {
+      f && he(() => {
         var a;
         return (a = l.value) == null ? void 0 : a.focus();
       });
-    }), o({ inputRef: l }), (f, a) => (p(), v("div", {
-      class: x(r(j).combobox),
+    }), r({ inputRef: l }), (f, a) => (p(), v("div", {
+      class: x(o(K).combobox),
       style: V(e.theme)
     }, [
       T("div", {
         ref_key: "containerRef",
         ref: n,
         class: x([
-          r(j).inputContainer,
+          o(K).inputContainer,
           {
-            [r(j).focused]: r(t).isOpened,
-            [r(j).invalid]: r(t).isInvalid,
-            [r(j).disabled]: r(t).isDisabled
+            [o(K).focused]: o(t).isOpened,
+            [o(K).invalid]: o(t).isInvalid,
+            [o(K).disabled]: o(t).isDisabled
           }
         ]),
         onClick: h
@@ -2377,34 +2111,353 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
         T("input", {
           ref_key: "inputRef",
           ref: l,
-          class: x(r(j).input),
+          class: x(o(K).input),
           type: "text",
           placeholder: e.placeholder,
-          value: r(t).isOpened ? r(t).searchQuery : c.value,
-          disabled: r(t).isDisabled,
-          readonly: !r(t).isOpened,
+          value: o(t).isOpened ? o(t).searchQuery : c.value,
+          disabled: o(t).isDisabled,
+          readonly: !o(t).isOpened,
           onInput: u,
           onFocus: d,
           onKeydown: y
-        }, null, 42, nl),
+        }, null, 42, qo),
         I(f.$slots, "after", {}, () => [
           T("span", {
-            class: x([r(j).arrow, { [r(j).arrowOpen]: r(t).isOpened }])
+            class: x([o(K).arrow, { [o(K).arrowOpen]: o(t).isOpened }])
           }, null, 2)
         ])
       ], 2)
     ], 6));
   }
-}), Ks = /* @__PURE__ */ g({
+}), Us = {
+  "--crm-ui-kit-multiselect-combobox-width": "100%",
+  "--crm-ui-kit-multiselect-combobox-height": "36px",
+  "--crm-ui-kit-multiselect-combobox-padding": "0 7px 0 9px",
+  "--crm-ui-kit-multiselect-combobox-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-multiselect-combobox-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-multiselect-combobox-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-multiselect-combobox-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-multiselect-combobox-border": "1px solid var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-multiselect-combobox-border-radius": "3px",
+  "--crm-ui-kit-multiselect-combobox-hover-border-color": "var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-multiselect-combobox-focus-border-color": "var(--crm-ui-kit-palette-border-active)",
+  "--crm-ui-kit-multiselect-combobox-error-border-color": "var(--crm-ui-kit-color-error)"
+}, js = {
+  "--crm-ui-kit-multiselect-combobox-width": "100%",
+  "--crm-ui-kit-multiselect-combobox-height": "24px",
+  "--crm-ui-kit-multiselect-combobox-padding": "0 2px",
+  "--crm-ui-kit-multiselect-combobox-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-multiselect-combobox-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-multiselect-combobox-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-multiselect-combobox-background-color": "transparent",
+  "--crm-ui-kit-multiselect-combobox-border": "1px solid transparent",
+  "--crm-ui-kit-multiselect-combobox-border-radius": "0",
+  "--crm-ui-kit-multiselect-combobox-hover-border-color": "transparent",
+  "--crm-ui-kit-multiselect-combobox-focus-border-color": "transparent",
+  "--crm-ui-kit-multiselect-combobox-error-border-color": "var(--crm-ui-kit-color-error)"
+}, jo = "Search-module__search___cGZ5b", Ko = "Search-module__input___HP47K", Ze = {
+  search: jo,
+  input: Ko
+}, Wo = ["placeholder", "value"], Zo = "MultiSelect.Search", Ks = /* @__PURE__ */ g({
+  __name: "Search",
+  props: {
+    theme: {},
+    placeholder: { default: "Поиск..." }
+  },
+  setup(e) {
+    const r = Z(Zo), i = k(null), t = (l) => {
+      r.onSearchChange(l.target.value);
+    };
+    return P(
+      () => r.isOpened,
+      (l) => {
+        l && he(() => {
+          setTimeout(() => {
+            var n;
+            return (n = i.value) == null ? void 0 : n.focus();
+          }, 0);
+        });
+      }
+    ), (l, n) => (p(), v("li", {
+      class: x(o(Ze).search),
+      style: V(e.theme)
+    }, [
+      T("input", {
+        ref_key: "inputRef",
+        ref: i,
+        class: x(o(Ze).input),
+        type: "text",
+        placeholder: e.placeholder,
+        value: o(r).searchQuery,
+        onInput: t,
+        onKeydown: n[0] || (n[0] = be(() => {
+        }, ["stop"]))
+      }, null, 42, Wo)
+    ], 6));
+  }
+}), Ws = {
+  "--crm-ui-kit-multiselect-search-padding": "4px 8px",
+  "--crm-ui-kit-multiselect-search-input-padding": "6px 4px",
+  "--crm-ui-kit-multiselect-search-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-multiselect-search-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-multiselect-search-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-multiselect-search-border-bottom": "1px solid var(--crm-ui-kit-palette-border-primary)"
+}, Jo = "MultiSelect.Trigger", Zs = /* @__PURE__ */ g({
+  __name: "Trigger",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const i = Z(Jo), t = k(null), l = () => {
+      i.onOpen(!i.isOpened);
+    };
+    return P(
+      () => i.isOpened,
+      (n, s) => {
+        var c, u;
+        s && !n && ((u = (c = t.value) == null ? void 0 : c.buttonRef) == null || u.focus());
+      }
+    ), r({
+      buttonRef: t
+    }), (n, s) => (p(), M(kt, $({
+      ref_key: "buttonRef",
+      ref: t
+    }, n.$attrs, {
+      theme: e.theme,
+      "is-disabled": o(i).isDisabled,
+      "is-invalid": o(i).isInvalid,
+      onToggle: l
+    }), {
+      default: O(() => [
+        I(n.$slots, "default")
+      ]),
+      _: 3
+    }, 16, ["theme", "is-disabled", "is-invalid"]));
+  }
+}), Xo = "MultiSelectList-module__list___lKhqs", Qo = "MultiSelectList-module__empty___4vLBH", ce = {
+  list: Xo,
+  empty: Qo
+}, el = ["aria-multiselectable"], tl = ["aria-multiselectable"], il = "MultiSelect.List", Js = /* @__PURE__ */ g({
+  __name: "MultiSelectList",
+  props: {
+    theme: {},
+    class: {},
+    container: {},
+    emptyText: { default: "Нет элементов" }
+  },
+  setup(e, { expose: r }) {
+    const i = e, t = Z(il), l = k(null), n = oe();
+    function s(a) {
+      var _;
+      const m = [];
+      for (const S of a)
+        if ((_ = S.props) != null && _.item && m.push(S.props.item), Array.isArray(S.children))
+          m.push(...s(S.children));
+        else if (S.children && typeof S.children == "object" && "default" in S.children && typeof S.children.default == "function") {
+          const q = S.children.default, Q = q();
+          Array.isArray(Q) && m.push(...s(Q));
+        }
+      return m;
+    }
+    const c = b(() => {
+      if (!n.default) return [];
+      const a = n.default();
+      return s(a);
+    }), u = b(() => c.value.length), d = b(() => {
+      const a = {};
+      return c.value.forEach((m, _) => {
+        (m == null ? void 0 : m.value) !== void 0 && (a[String(m.value)] = _);
+      }), a;
+    }), h = k(-1), y = b(() => {
+      const a = t.hoveredItemValue;
+      return a === null ? -1 : d.value[String(a)] ?? -1;
+    });
+    P(
+      () => t.isOpened,
+      (a) => {
+        a && (h.value = y.value);
+      }
+    );
+    const f = (a) => {
+      const m = u.value;
+      let _ = h.value;
+      switch (a.code) {
+        case "ArrowDown":
+          if (a.preventDefault(), _ < m - 1) {
+            _++, h.value = _;
+            const S = c.value[_];
+            S && t.onHoveredItemChange(S.value);
+          }
+          break;
+        case "ArrowUp":
+          if (a.preventDefault(), _ > 0) {
+            _--, h.value = _;
+            const S = c.value[_];
+            S && t.onHoveredItemChange(S.value);
+          }
+          break;
+        case "Enter":
+        case "Space":
+          if (a.preventDefault(), _ >= 0 && _ < m) {
+            const S = c.value[_];
+            S && t.onToggleItem(S);
+          }
+          break;
+        case "Escape":
+          a.preventDefault(), t.onOpen(!1);
+          break;
+      }
+    };
+    return gt({
+      ref: l,
+      handler: () => {
+        t.isOpened && t.onOpen(!1);
+      }
+    }), P(
+      () => t.isOpened,
+      (a) => {
+        a && setTimeout(() => {
+          var m;
+          (m = l.value) == null || m.focus();
+        }, 0);
+      }
+    ), r({
+      listRef: l,
+      items: c,
+      itemsMap: d
+    }), (a, m) => e.container ? (p(), M(Ae, {
+      key: 0,
+      to: e.container
+    }, [
+      o(t).isOpened ? (p(), v("ul", $({
+        key: 0,
+        ref_key: "listRef",
+        ref: l
+      }, a.$attrs, {
+        tabindex: "0",
+        role: "listbox",
+        "aria-multiselectable": o(t).mode === "multi" ? "true" : void 0,
+        class: [
+          "custom-scroll",
+          o(ce).list,
+          i.class
+        ],
+        style: e.theme,
+        onKeydown: f
+      }), [
+        I(a.$slots, "default"),
+        u.value === 0 ? (p(), v("li", {
+          key: 0,
+          class: x(o(ce).empty)
+        }, D(e.emptyText), 3)) : A("", !0)
+      ], 16, el)) : A("", !0)
+    ], 8, ["to"])) : (p(), v(pe, { key: 1 }, [
+      o(t).isOpened ? (p(), v("ul", $({
+        key: 0,
+        ref_key: "listRef",
+        ref: l
+      }, a.$attrs, {
+        tabindex: "0",
+        role: "listbox",
+        "aria-multiselectable": o(t).mode === "multi" ? "true" : void 0,
+        class: [
+          "custom-scroll",
+          o(ce).list,
+          i.class
+        ],
+        style: e.theme,
+        onKeydown: f
+      }), [
+        I(a.$slots, "default"),
+        u.value === 0 ? (p(), v("li", {
+          key: 0,
+          class: x(o(ce).empty)
+        }, D(e.emptyText), 3)) : A("", !0)
+      ], 16, tl)) : A("", !0)
+    ], 64));
+  }
+}), rl = "MultiSelect.All", Xs = /* @__PURE__ */ g({
+  __name: "All",
+  props: {
+    theme: {},
+    label: { default: "Выбрать всё" }
+  },
+  setup(e) {
+    const r = Z(rl), i = Pe, t = b(() => r.isAllSelected()), l = b(() => r.isPartiallySelected()), n = b(
+      () => t.value || l.value
+    ), s = b(
+      () => t.value ? "mark" : "indeterminate"
+    ), c = (u) => {
+      u.preventDefault(), r.onToggleAll();
+    };
+    return (u, d) => o(r).searchQuery ? A("", !0) : (p(), v("li", {
+      key: 0,
+      class: x(o(de).item),
+      style: V(e.theme),
+      onClick: c
+    }, [
+      z(xe, {
+        theme: o(i),
+        "is-checked": n.value,
+        "checked-style": s.value,
+        tabindex: -1,
+        onClick: d[0] || (d[0] = be(() => {
+        }, ["stop"]))
+      }, null, 8, ["theme", "is-checked", "checked-style"]),
+      z(le, null, {
+        default: O(() => [
+          L(D(e.label), 1)
+        ]),
+        _: 1
+      })
+    ], 6));
+  }
+}), ol = "Value-module__value___Aswvw", ll = "Value-module__text___-f1lX", nl = {
+  value: ol,
+  text: ll
+}, sl = "MultiSelect.Value", Qs = /* @__PURE__ */ g({
+  __name: "Value",
+  props: {
+    placeholder: { default: "" },
+    displayMode: { default: "count" },
+    maxDisplayItems: { default: 2 },
+    countTemplate: { default: "{n} выбрано" },
+    class: {}
+  },
+  setup(e, { expose: r }) {
+    const i = e, t = Z(sl), l = k(null), n = b(() => {
+      const s = t.selectedItems;
+      if (s.length === 0)
+        return i.placeholder;
+      if (i.displayMode === "count")
+        return i.countTemplate.replace("{n}", String(s.length));
+      const c = s.slice(0, i.maxDisplayItems), u = s.length - c.length, d = c.map((h) => h.option).join(", ");
+      return u > 0 ? `${d} +${u}` : d;
+    });
+    return r({
+      optionRef: l
+    }), (s, c) => s.$slots.default ? I(s.$slots, "default", { key: 0 }) : (p(), M(le, {
+      key: 1,
+      ref_key: "optionRef",
+      ref: l,
+      class: x(o(nl).text)
+    }, {
+      default: O(() => [
+        L(D(n.value), 1)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), ea = /* @__PURE__ */ g({
   __name: "Portal",
   props: {
     container: { default: void 0 }
   },
-  setup(e, { expose: o }) {
-    const i = e, t = k(null), l = _(() => i.container || document.body);
-    return o({
+  setup(e, { expose: r }) {
+    const i = e, t = k(null), l = b(() => i.container || document.body);
+    return r({
       portalRef: t
-    }), (n, s) => (p(), E(Ae, {
+    }), (n, s) => (p(), M(Ae, {
       to: l.value,
       disabled: !l.value
     }, [
@@ -2418,25 +2471,25 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
   }
 }), al = "ContentBlock-module__block___UvzuN", cl = {
   block: al
-}, Ws = /* @__PURE__ */ g({
+}, ta = /* @__PURE__ */ g({
   __name: "ContentBlock",
   props: {
     theme: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = k(null);
-    return o({
+    return r({
       blockRef: i
     }), (t, l) => (p(), v("div", $(t.$attrs, {
       ref_key: "blockRef",
       ref: i,
-      class: r(cl).block,
+      class: o(cl).block,
       style: e.theme
     }), [
       I(t.$slots, "default")
     ], 16));
   }
-}), Zs = {
+}), ia = {
   "--crm-ui-kit-content-block-box-sizing": "border-box",
   "--crm-ui-kit-content-block-padding": "18px 18px 29px",
   "--crm-ui-kit-content-block-border-radius": "3px",
@@ -2444,26 +2497,26 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
   "--crm-ui-kit-content-block-background": "var(--crm-ui-kit-palette-background-primary)"
 }, ul = "Link-module__link___35Vo1", dl = {
   link: ul
-}, Js = /* @__PURE__ */ g({
+}, ra = /* @__PURE__ */ g({
   __name: "Link",
   props: {
     theme: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = k(null);
-    return o({
+    return r({
       linkRef: i
     }), (t, l) => (p(), v("a", $({
       ref_key: "linkRef",
       ref: i
     }, t.$attrs, {
-      class: r(dl).link,
+      class: o(dl).link,
       style: e.theme
     }), [
       I(t.$slots, "default")
     ], 16));
   }
-}), Xs = {
+}), oa = {
   "--crm-ui-kit-link-color": "var(--crm-ui-kit-palette-link-primary)",
   "--crm-ui-kit-link-hover-color": "var(--crm-ui-kit-palette-link-hover-primary)",
   "--crm-ui-kit-link-text-decoration": "underline",
@@ -2472,7 +2525,7 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
   "--crm-ui-kit-link-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
   "--crm-ui-kit-link-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
   "--crm-ui-kit-link-focus-visible-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)"
-}, Qs = {
+}, la = {
   "--crm-ui-kit-spinner-border-color": "#158fd2",
   "--crm-ui-kit-spinner-border-width": "2px",
   "--crm-ui-kit-spinner-circle-size": "16px",
@@ -2480,28 +2533,28 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
 }, ml = "Callout-module__wrapper___gW-Zt", pl = "Callout-module__icon___4CBkz", Je = {
   wrapper: ml,
   icon: pl
-}, ea = /* @__PURE__ */ g({
+}, na = /* @__PURE__ */ g({
   __name: "Callout",
   props: {
     theme: {},
     isIconAvailable: { type: Boolean, default: !0 }
   },
-  setup(e, { expose: o }) {
-    const i = e, t = k(null), l = _(() => {
+  setup(e, { expose: r }) {
+    const i = e, t = k(null), l = b(() => {
       const { Icon: n, ...s } = i.theme;
       return s;
     });
-    return o({
+    return r({
       calloutRef: t
     }), (n, s) => (p(), v("div", $(n.$attrs, {
       ref_key: "calloutRef",
       ref: t,
-      class: r(Je).wrapper,
+      class: o(Je).wrapper,
       style: l.value
     }), [
-      e.isIconAvailable ? (p(), E(Re(e.theme.Icon), {
+      e.isIconAvailable ? (p(), M(Re(e.theme.Icon), {
         key: 0,
-        class: x(r(Je).icon)
+        class: x(o(Je).icon)
       }, null, 8, ["class"])) : A("", !0),
       I(n.$slots, "default")
     ], 16));
@@ -2512,19 +2565,19 @@ const Ar = "Item-module__item___KOHVr", Rr = "Item-module__selected___rWQeZ", Dr
   height: "20",
   fill: "none"
 };
-function _l(e, o) {
-  return p(), v("svg", hl, [...o[0] || (o[0] = [
+function bl(e, r) {
+  return p(), v("svg", hl, [...r[0] || (r[0] = [
     _e('<g clip-path="url(#a)"><path fill="currentColor" fill-rule="evenodd" d="M9 15.207q0-.468.292-.76c.195-.194.468-.272.799-.272.35 0 .623.097.818.272q.292.292.292.76c0 .468-.097.565-.292.76q-.292.292-.818.292c-.331 0-.585-.097-.799-.292Q9 15.675 9 15.207m.195-8.688h1.831v4.5l-.35 2.22h-1.13l-.351-2.22z" clip-rule="evenodd"></path><path stroke="currentColor" stroke-width="1.3" d="M8.666 2.47a1.542 1.542 0 0 1 2.671 0l7.804 13.518a1.542 1.542 0 0 1-1.335 2.313H2.197a1.542 1.542 0 0 1-1.335-2.313z"></path></g><defs><clipPath id="a"><path fill="currentColor" d="M0 0h20v20H0z"></path></clipPath></defs>', 2)
   ])]);
 }
-const bl = { render: _l }, fl = {
+const _l = { render: bl }, fl = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   fill: "currentColor"
 };
-function vl(e, o) {
-  return p(), v("svg", fl, [...o[0] || (o[0] = [
+function vl(e, r) {
+  return p(), v("svg", fl, [...r[0] || (r[0] = [
     _e('<g clip-path="url(#a)"><path d="M8.96 4.75h2.077v4.859l-.403 2.407H9.362L8.96 9.609zm-.218 9.363q0-.517.341-.812.342-.31.9-.31.59 0 .93.31.34.295.341.812 0 .516-.34.827-.342.31-.931.31-.558 0-.9-.31-.34-.31-.34-.827Z"></path><path fill-rule="evenodd" d="M10 1.625a8.375 8.375 0 1 0 0 16.75 8.375 8.375 0 0 0 0-16.75M.375 10a9.625 9.625 0 1 1 19.25 0 9.625 9.625 0 0 1-19.25 0" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path d="M0 0h20v20H0z"></path></clipPath></defs>', 2)
   ])]);
 }
@@ -2534,8 +2587,8 @@ const kl = { render: vl }, xl = {
   height: "20",
   fill: "none"
 };
-function yl(e, o) {
-  return p(), v("svg", xl, [...o[0] || (o[0] = [
+function yl(e, r) {
+  return p(), v("svg", xl, [...r[0] || (r[0] = [
     _e('<g stroke="currentColor" clip-path="url(#a)"><path stroke-width="1.299" d="M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z"></path><path stroke-width="1.299" d="M.65 10a9.35 9.35 0 1 1 18.7 0 9.35 9.35 0 0 1-18.7 0Z"></path><path stroke-width="1.455" d="m5.328 10 3.117 3.117 6.234-6.234"></path></g><defs><clipPath id="a"><path d="M0 0h20v20H0z"></path></clipPath></defs>', 2)
   ])]);
 }
@@ -2545,29 +2598,29 @@ const gl = { render: yl }, Cl = {
   height: "20",
   fill: "currentColor"
 };
-function Il(e, o) {
-  return p(), v("svg", Cl, [...o[0] || (o[0] = [
+function Il(e, r) {
+  return p(), v("svg", Cl, [...r[0] || (r[0] = [
     _e('<g clip-path="url(#a)"><path d="M10.972 15.195H9.023V8.7h1.949v6.494Zm-.285-8.72a.96.96 0 0 1-.695.278.93.93 0 0 1-.69-.284.96.96 0 0 1-.279-.695q0-.413.285-.69a.96.96 0 0 1 .695-.279q.412 0 .69.284.279.285.279.696a.93.93 0 0 1-.285.69"></path><path fill-rule="evenodd" d="M10 1.299A8.701 8.701 0 1 0 10 18.7a8.701 8.701 0 0 0 0-17.4ZM0 10C0 4.477 4.477 0 10 0s10 4.477 10 10-4.477 10-10 10S0 15.523 0 10" clip-rule="evenodd"></path></g><defs><clipPath id="a"><path d="M0 0h20v20H0z"></path></clipPath></defs>', 2)
   ])]);
 }
-const $l = { render: Il }, ye = {
+const $l = { render: Il }, ge = {
   "--crm-ui-kit-callout-padding": "12px",
   "--crm-ui-kit-callout-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)",
   "--crm-ui-kit-callout-icon-color": "var(--crm-ui-kit-palette-text-primary)"
-}, ta = {
-  ...ye,
-  Icon: bl,
+}, sa = {
+  ...ge,
+  Icon: _l,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
-}, ia = {
-  ...ye,
+}, aa = {
+  ...ge,
   Icon: kl,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
-}, oa = {
-  ...ye,
+}, ca = {
+  ...ge,
   Icon: gl,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
-}, ra = {
-  ...ye,
+}, ua = {
+  ...ge,
   Icon: $l,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
 }, It = "Accordion", [$t, wl] = F(It), Sl = "Accordion-module__wrapper___X4UEj", wt = {
@@ -2581,8 +2634,8 @@ const $l = { render: Il }, ye = {
     theme: {}
   },
   emits: ["change"],
-  setup(e, { expose: o, emit: i }) {
-    const t = e, l = i, n = k(null), s = k(t.defaultValue), c = Ee(t.theme), u = _(() => "value" in t && t.value !== void 0), d = _(
+  setup(e, { expose: r, emit: i }) {
+    const t = e, l = i, n = k(null), s = k(t.defaultValue), c = Me(t.theme), u = b(() => "value" in t && t.value !== void 0), d = b(
       () => u.value ? t.value : s.value
     ), h = (f) => t.isCollapsible && f === d.value ? void 0 : f, y = (f) => {
       const a = h(f);
@@ -2593,12 +2646,12 @@ const $l = { render: Il }, ye = {
       // computed ref
       defaultValue: De(() => t.defaultValue),
       onChange: y
-    }), o({
+    }), r({
       accordionRef: n
     }), (f, a) => (p(), v("div", $(f.$attrs, {
       ref_key: "accordionRef",
       ref: n,
-      class: [r(wt).wrapper, r(c)]
+      class: [o(wt).wrapper, o(c)]
     }), [
       I(f.$slots, "default")
     ], 16));
@@ -2611,8 +2664,8 @@ const $l = { render: Il }, ye = {
     theme: {}
   },
   emits: ["change"],
-  setup(e, { expose: o, emit: i }) {
-    const t = e, l = i, n = k(null), s = k(t.defaultValue || []), c = Ee(t.theme), u = _(() => "value" in t && t.value !== void 0), d = _(
+  setup(e, { expose: r, emit: i }) {
+    const t = e, l = i, n = k(null), s = k(t.defaultValue || []), c = Me(t.theme), u = b(() => "value" in t && t.value !== void 0), d = b(
       () => u.value ? t.value || [] : s.value
     ), h = (f) => {
       const a = d.value || [];
@@ -2626,12 +2679,12 @@ const $l = { render: Il }, ye = {
       // computed ref
       defaultValue: De(() => t.defaultValue),
       onChange: y
-    }), o({
+    }), r({
       accordionRef: n
     }), (f, a) => (p(), v("div", $(f.$attrs, {
       ref_key: "accordionRef",
       ref: n,
-      class: [r(wt).wrapper, r(c)]
+      class: [o(wt).wrapper, o(c)]
     }), [
       I(f.$slots, "default")
     ], 16));
@@ -2647,23 +2700,23 @@ const $l = { render: Il }, ye = {
     defaultValue: {},
     theme: {}
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = k(null);
-    return o({
+    return r({
       accordionRef: i
-    }), (t, l) => e.type === "multiple" ? (p(), E(Al, $({ key: 0 }, t.$props, {
+    }), (t, l) => e.type === "multiple" ? (p(), M(Al, $({ key: 0 }, t.$props, {
       ref_key: "accordionRef",
       ref: i
     }), {
-      default: z(() => [
+      default: O(() => [
         I(t.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (p(), E(Tl, $({ key: 1 }, t.$props, {
+    }, 16)) : (p(), M(Tl, $({ key: 1 }, t.$props, {
       ref_key: "accordionRef",
       ref: i
     }), {
-      default: z(() => [
+      default: O(() => [
         I(t.$slots, "default")
       ]),
       _: 3
@@ -2675,8 +2728,8 @@ const $l = { render: Il }, ye = {
   height: "7",
   fill: "none"
 };
-function Vl(e, o) {
-  return p(), v("svg", Bl, [...o[0] || (o[0] = [
+function Vl(e, r) {
+  return p(), v("svg", Bl, [...r[0] || (r[0] = [
     T("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
@@ -2685,10 +2738,10 @@ function Vl(e, o) {
     }, null, -1)
   ])]);
 }
-const El = { render: Vl }, Ml = "Item-module__wrapper___Yv5zw", Ol = "Item-module__header___Q13eV", zl = "Item-module__header_left___cPyvw", Ll = "Item-module__header_left___cPyvw", Pl = "Item-module__before_title___moIL0", Gl = "Item-module__before_title___moIL0", Nl = "Item-module__chevron_container___0McTp", Fl = "Item-module__chevron_container___0McTp", Hl = "Item-module__chevron_icon___Yku1p", Yl = "Item-module__chevron_icon___Yku1p", ql = "Item-module__content___GATuv", Ul = "Item-module__active___fMoSb", K = {
-  wrapper: Ml,
-  header: Ol,
-  header_left: zl,
+const Ml = { render: Vl }, zl = "Item-module__wrapper___Yv5zw", El = "Item-module__header___Q13eV", Ol = "Item-module__header_left___cPyvw", Ll = "Item-module__header_left___cPyvw", Pl = "Item-module__before_title___moIL0", Gl = "Item-module__before_title___moIL0", Nl = "Item-module__chevron_container___0McTp", Fl = "Item-module__chevron_container___0McTp", Hl = "Item-module__chevron_icon___Yku1p", Yl = "Item-module__chevron_icon___Yku1p", ql = "Item-module__content___GATuv", Ul = "Item-module__active___fMoSb", W = {
+  wrapper: zl,
+  header: El,
+  header_left: Ol,
   headerLeft: Ll,
   before_title: Pl,
   beforeTitle: Gl,
@@ -2706,68 +2759,68 @@ const El = { render: Vl }, Ml = "Item-module__wrapper___Yv5zw", Ol = "Item-modul
     title: {},
     before: { default: null }
   },
-  setup(e, { expose: o }) {
-    const i = e, t = k(null), { onChange: l, value: n } = wl(jl), s = Ee(i.theme), c = () => {
+  setup(e, { expose: r }) {
+    const i = e, t = k(null), { onChange: l, value: n } = wl(jl), s = Me(i.theme), c = () => {
       l(i.value);
-    }, u = _(() => {
-      const d = r(n);
+    }, u = b(() => {
+      const d = o(n);
       return Array.isArray(d) ? d.includes(i.value) : d === i.value;
     });
-    return o({
+    return r({
       itemRef: t
     }), (d, h) => (p(), v("div", $(d.$attrs, {
       ref_key: "itemRef",
       ref: t,
       class: [
-        r(K).wrapper,
+        o(W).wrapper,
         {
-          [r(K).active]: u.value
+          [o(W).active]: u.value
         },
-        r(s)
+        o(s)
       ]
     }), [
       T("div", {
-        class: x(r(K).header),
+        class: x(o(W).header),
         onClick: c
       }, [
         T("div", {
-          class: x(r(K).header_left)
+          class: x(o(W).header_left)
         }, [
           e.before ? (p(), v("div", {
             key: 0,
-            class: x(r(K).before_title)
+            class: x(o(W).before_title)
           }, [
-            (p(), E(Re(e.before)))
+            (p(), M(Re(e.before)))
           ], 2)) : A("", !0),
-          M(Le, {
-            theme: r(ze),
+          z(Le, {
+            theme: o(Oe),
             size: "xl",
             "is-ellipsis": !0
           }, {
-            default: z(() => [
+            default: O(() => [
               L(D(e.title), 1)
             ]),
             _: 1
           }, 8, ["theme"])
         ], 2),
         T("span", {
-          class: x(r(K).chevron_container)
+          class: x(o(W).chevron_container)
         }, [
-          M(r(El), {
-            class: x(r(K).chevron_icon)
+          z(o(Ml), {
+            class: x(o(W).chevron_icon)
           }, null, 8, ["class"])
         ], 2)
       ], 2),
       T("div", {
-        class: x(r(K).content)
+        class: x(o(W).content)
       }, [
         I(d.$slots, "default")
       ], 2)
     ], 16));
   }
-}), la = {
+}), da = {
   "--crm-ui-kit-accordion-width": "100%"
-}, na = {
+}, ma = {
   "--crm-ui-kit-accordion-item-border-radius": "var(--crm-ui-kit-palette-focus-visible-border-radius)",
   "--crm-ui-kit-accordion-item-box-shadow": "var(--crm-ui-kit-palette-accordion-item-box-shadow)",
   "--crm-ui-kit-accordion-item-background-color": "var(--crm-ui-kit-palette-background-primary)",
@@ -2783,7 +2836,7 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
   horizontal: Ql
 }, en = g({
   name: St
-}), sa = /* @__PURE__ */ g({
+}), pa = /* @__PURE__ */ g({
   ...en,
   props: {
     theme: {},
@@ -2792,7 +2845,7 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["change"],
-  setup(e, { expose: o, emit: i }) {
+  setup(e, { expose: r, emit: i }) {
     const t = e, l = i, n = k(null), s = k([]), c = (h) => {
       const y = s.value;
       let f = y;
@@ -2808,7 +2861,7 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
         return;
       }
       !t.isMultiSelect && !y.length && (s.value = [h]);
-    }, d = ie({
+    }, d = re({
       values: s.value,
       onChange: c,
       registerActiveName: u,
@@ -2816,15 +2869,15 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     });
     return mt(() => {
       d.values = s.value, d.isDisabled = t.isDisabled;
-    }), Zl(d), o({
+    }), Zl(d), r({
       filterTabsRef: n
     }), (h, y) => (p(), v("div", $(h.$attrs, {
       ref_key: "filterTabsRef",
       ref: n,
       class: [
-        r(Xe).filter_tabs,
+        o(Xe).filter_tabs,
         {
-          [r(Xe).horizontal]: e.orientation === "horizontal"
+          [o(Xe).horizontal]: e.orientation === "horizontal"
         }
       ],
       style: e.theme
@@ -2832,13 +2885,13 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(h.$slots, "default")
     ], 16));
   }
-}), aa = {
+}), ha = {
   "--crm-ui-kit-filter-tabs-spacing": "8px"
-}, At = "FilterTabs.ItemRoot", [tn, on] = F(At), rn = "ItemRoot-module__item_root___TqVxI", ln = "ItemRoot-module__item_root___TqVxI", nn = "ItemRoot-module__disabled___VgRs7", Qe = {
-  item_root: rn,
+}, At = "FilterTabs.ItemRoot", [tn, rn] = F(At), on = "ItemRoot-module__item_root___TqVxI", ln = "ItemRoot-module__item_root___TqVxI", nn = "ItemRoot-module__disabled___VgRs7", Qe = {
+  item_root: on,
   itemRoot: ln,
   disabled: nn
-}, ca = /* @__PURE__ */ g({
+}, ba = /* @__PURE__ */ g({
   __name: "ItemRoot",
   props: {
     isDisabled: { type: Boolean },
@@ -2848,20 +2901,20 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     class: {}
   },
   setup(e) {
-    const o = e, i = Tt(At), t = _(() => i.isDisabled), { registerActiveName: l } = i;
-    te(() => {
-      o.isDefaultActive && o.name && l(o.name);
+    const r = e, i = Tt(At), t = b(() => i.isDisabled), { registerActiveName: l } = i;
+    ie(() => {
+      r.isDefaultActive && r.name && l(r.name);
     });
-    const n = _(() => {
-      const { theme: s, class: c, isDefaultActive: u, ...d } = o;
+    const n = b(() => {
+      const { theme: s, class: c, isDefaultActive: u, ...d } = r;
       return d;
     });
     return tn(n.value), (s, c) => (p(), v("div", {
       class: x([
-        r(Qe).item_root,
-        o.class,
+        o(Qe).item_root,
+        r.class,
         {
-          [r(Qe).disabled]: t.value || e.isDisabled
+          [o(Qe).disabled]: t.value || e.isDisabled
         }
       ]),
       style: V(e.theme)
@@ -2869,44 +2922,44 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(s.$slots, "default")
     ], 6));
   }
-}), ua = {
+}), _a = {
   "--crm-ui-kit-filter-tabs-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
 }, sn = "Tab-module__button___iGASN", an = "Tab-module__selected___zxPPy", et = {
   button: sn,
   selected: an
-}, cn = ["name", "disabled"], tt = "FilterTabs.Tab", da = /* @__PURE__ */ g({
+}, cn = ["name", "disabled"], tt = "FilterTabs.Tab", fa = /* @__PURE__ */ g({
   __name: "Tab",
   props: {
     class: { default: "" },
     theme: {},
     onClick: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, { theme: t, class: l, ...n } = i, s = k(null), c = Tt(tt), { name: u, isDisabled: d } = on(tt), h = _(() => c.values.includes(u)), y = _(() => c.isDisabled), f = () => {
+  setup(e, { expose: r }) {
+    const i = e, { theme: t, class: l, ...n } = i, s = k(null), c = Tt(tt), { name: u, isDisabled: d } = rn(tt), h = b(() => c.values.includes(u)), y = b(() => c.isDisabled), f = () => {
       c.onChange(u);
     };
-    return o({
+    return r({
       buttonRef: s
     }), (a, m) => (p(), v("button", $({
       ref_key: "buttonRef",
       ref: s
     }, n, {
       class: [
-        r(et).button,
+        o(et).button,
         {
-          [r(et).selected]: h.value
+          [o(et).selected]: h.value
         },
-        r(l)
+        o(l)
       ],
-      style: r(t),
-      name: r(u),
-      disabled: y.value || r(d),
+      style: o(t),
+      name: o(u),
+      disabled: y.value || o(d),
       onClick: f
     }), [
       I(a.$slots, "default")
     ], 16, cn));
   }
-}), ma = {
+}), va = {
   "--crm-ui-kit-filter-tabs-tab-z-index": "3",
   "--crm-ui-kit-filter-tabs-tab-action-color": "var(--crm-ui-kit-color-blueberry)",
   "--crm-ui-kit-filter-tabs-tab-border-width": "1px",
@@ -2921,7 +2974,7 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
   "--crm-ui-kit-filter-tabs-tab-hover-background-color": "var(--crm-ui-kit-palette-surface-hover-background-color)"
 }, Rt = "CheckboxGroup", [un, Ge] = F(Rt), dn = ({
   isDisabled: e,
-  onChange: o
+  onChange: r
 }) => {
   const i = k(/* @__PURE__ */ new Map()), t = k({}), l = k([]), n = (c) => {
     const u = new Map(i.value);
@@ -2940,13 +2993,13 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
         isChecked: !d.isChecked
       });
     }
-    i.value = u, typeof o.value == "function" && o.value([...u.values()], c);
+    i.value = u, typeof r.value == "function" && r.value([...u.values()], c);
   };
   return P(
     () => l.value.length,
     async () => {
       if (l.value.length) {
-        await pe();
+        await he();
         const c = [...l.value];
         l.value = [];
         const u = new Map(i.value);
@@ -2970,36 +3023,36 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
   checkbox_group: mn,
   checkboxGroup: pn,
   horizontal: hn
-}, _n = g({
+}, bn = g({
   name: Rt
-}), pa = /* @__PURE__ */ g({
-  ..._n,
+}), ka = /* @__PURE__ */ g({
+  ...bn,
   props: {
     onChange: {},
     orientation: { default: "vertical" },
     theme: {},
     isDisabled: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: o }) {
+  setup(e, { expose: r }) {
     const i = e, t = k(null), { register: l, state: n } = dn({
       onChange: De(i, "onChange"),
       isDisabled: i.isDisabled
-    }), s = ie({
+    }), s = re({
       values: n.value,
       register: l,
       isDisabled: i.isDisabled
     });
     return mt(() => {
       s.values = n.value, s.isDisabled = i.isDisabled;
-    }), un(s), o({
+    }), un(s), r({
       checkboxGroupRef: t
     }), (c, u) => (p(), v("div", $(c.$attrs, {
       ref_key: "checkboxGroupRef",
       ref: t,
       class: [
-        r(it).checkbox_group,
+        o(it).checkbox_group,
         {
-          [r(it).horizontal]: e.orientation === "horizontal"
+          [o(it).horizontal]: e.orientation === "horizontal"
         }
       ],
       style: e.theme
@@ -3007,13 +3060,13 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(c.$slots, "default")
     ], 16));
   }
-}), ha = {
+}), xa = {
   "--crm-ui-kit-checkbox-group-spacing": "8px"
-}, Dt = "CheckboxGroup.ItemRoot", [bn] = F(Dt), fn = "ItemRoot-module__item_root___kiMNv", vn = "ItemRoot-module__item_root___kiMNv", kn = "ItemRoot-module__disabled___leaqM", de = {
+}, Dt = "CheckboxGroup.ItemRoot", [_n] = F(Dt), fn = "ItemRoot-module__item_root___kiMNv", vn = "ItemRoot-module__item_root___kiMNv", kn = "ItemRoot-module__disabled___leaqM", me = {
   item_root: fn,
   itemRoot: vn,
   disabled: kn
-}, _a = /* @__PURE__ */ g({
+}, ya = /* @__PURE__ */ g({
   __name: "ItemRoot",
   props: {
     name: {},
@@ -3024,19 +3077,19 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     theme: {}
   },
   setup(e) {
-    const o = e, i = Ge(Dt), t = _(() => i.isDisabled), l = _(() => {
-      const { theme: n, class: s, ...c } = o;
+    const r = e, i = Ge(Dt), t = b(() => i.isDisabled), l = b(() => {
+      const { theme: n, class: s, ...c } = r;
       return {
-        ...i.register(o.name, c),
-        value: o.value
+        ...i.register(r.name, c),
+        value: r.value
       };
     });
-    return bn(l.value), (n, s) => (p(), v("div", {
+    return _n(l.value), (n, s) => (p(), v("div", {
       class: x([
-        r(de).item_root,
-        o.class,
+        o(me).item_root,
+        r.class,
         {
-          [r(de).disabled]: t.value || e.isDisabled
+          [o(me).disabled]: t.value || e.isDisabled
         }
       ]),
       style: V(e.theme)
@@ -3044,12 +3097,12 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(n.$slots, "default")
     ], 6));
   }
-}), ba = {
+}), ga = {
   "--crm-ui-kit-checkbox-group-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
 }, Bt = "CheckboxGroup.ItemRootSelectAll", [
   xn,
   yn
-] = F(Bt), fa = /* @__PURE__ */ g({
+] = F(Bt), Ca = /* @__PURE__ */ g({
   __name: "ItemRootSelectAll",
   props: {
     isDisabled: { type: Boolean },
@@ -3057,8 +3110,8 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     theme: {}
   },
   setup(e) {
-    const o = e, i = Ge(Bt), t = _(() => i.isDisabled), l = _(() => {
-      const { theme: n, class: s, ...c } = o;
+    const r = e, i = Ge(Bt), t = b(() => i.isDisabled), l = b(() => {
+      const { theme: n, class: s, ...c } = r;
       return {
         ...i.register("selectAll"),
         ...c
@@ -3066,10 +3119,10 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     });
     return xn(l.value), (n, s) => (p(), v("div", {
       class: x([
-        r(de).item_root,
-        o.class,
+        o(me).item_root,
+        r.class,
         {
-          [r(de).disabled]: t.value || e.isDisabled
+          [o(me).disabled]: t.value || e.isDisabled
         }
       ]),
       style: V(e.theme)
@@ -3077,7 +3130,7 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(n.$slots, "default")
     ], 6));
   }
-}), ot = "CheckboxGroup.CheckboxSelectAll", Se = "selectAll", va = /* @__PURE__ */ g({
+}), rt = "CheckboxGroup.CheckboxSelectAll", Se = "selectAll", Ia = /* @__PURE__ */ g({
   __name: "CheckboxSelectAll",
   props: {
     isReadonly: { type: Boolean },
@@ -3088,41 +3141,41 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     theme: {},
     class: { default: "" }
   },
-  setup(e, { expose: o }) {
-    const i = e, { theme: t, class: l, checkedStyle: n, ...s } = i, c = k(null), u = Ge(ot), d = yn(ot), h = () => {
+  setup(e, { expose: r }) {
+    const i = e, { theme: t, class: l, checkedStyle: n, ...s } = i, c = k(null), u = Ge(rt), d = yn(rt), h = () => {
       d.onChange({ type: Se, name: Se });
-    }, y = _(() => {
+    }, y = b(() => {
       const f = u.values, m = Array.from(f.values()).every(
-        (b) => b.isChecked
+        (_) => _.isChecked
       ) ? "mark" : "indeterminate";
       return {
         isChecked: Array.from(f.values()).some(
-          (b) => b.isChecked
+          (_) => _.isChecked
         ),
         checkedStyle: m
       };
     });
-    return o({
+    return r({
       checkboxRef: c
-    }), (f, a) => (p(), E(ke, $({
+    }), (f, a) => (p(), M(xe, $({
       ref_key: "checkboxRef",
       ref: c,
-      class: r(l),
-      theme: r(t),
+      class: o(l),
+      theme: o(t),
       value: Se,
-      "is-disabled": r(u).isDisabled || r(d).isDisabled,
+      "is-disabled": o(u).isDisabled || o(d).isDisabled,
       "is-checked": y.value.isChecked,
       "checked-style": y.value.checkedStyle
     }, s, { onChange: h }), null, 16, ["class", "theme", "is-disabled", "is-checked", "checked-style"]));
   }
-}), Vt = "RadioGroup", [gn, Et] = F(Vt), Cn = "RadioGroup-module__radiogroup___A36hR", In = "RadioGroup-module__horizontal___QsBvv", rt = {
+}), Vt = "RadioGroup", [gn, Mt] = F(Vt), Cn = "RadioGroup-module__radiogroup___A36hR", In = "RadioGroup-module__horizontal___QsBvv", ot = {
   radiogroup: Cn,
   horizontal: In
-}, Mt = "RadioGroup.ItemRoot", [$n, wn] = F(Mt), Sn = "ItemRoot-module__item_root___PGFFE", Tn = "ItemRoot-module__item_root___PGFFE", An = "ItemRoot-module__disabled___-CJGV", lt = {
+}, zt = "RadioGroup.ItemRoot", [$n, wn] = F(zt), Sn = "ItemRoot-module__item_root___PGFFE", Tn = "ItemRoot-module__item_root___PGFFE", An = "ItemRoot-module__disabled___-CJGV", lt = {
   item_root: Sn,
   itemRoot: Tn,
   disabled: An
-}, ka = /* @__PURE__ */ g({
+}, $a = /* @__PURE__ */ g({
   __name: "ItemRoot",
   props: {
     theme: {},
@@ -3136,15 +3189,15 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     onBlur: {}
   },
   setup(e) {
-    const o = e, i = Et(Mt), t = _(() => i.isDisabled), l = _(() => {
-      const { theme: n, ...s } = o;
+    const r = e, i = Mt(zt), t = b(() => i.isDisabled), l = b(() => {
+      const { theme: n, ...s } = r;
       return s;
     });
     return $n(l.value), (n, s) => (p(), v("div", {
       class: x([
-        r(lt).item_root,
+        o(lt).item_root,
         {
-          [r(lt).disabled]: t.value || e.isDisabled
+          [o(lt).disabled]: t.value || e.isDisabled
         }
       ]),
       style: V(e.theme)
@@ -3152,25 +3205,25 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(n.$slots, "default")
     ], 6));
   }
-}), xa = {
+}), wa = {
   "--crm-ui-kit-radio-group-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
 }, Rn = "Radio-module__wrapper___hnp4O", Dn = "Radio-module__radio___XkxE9", Bn = "Radio-module__input___ccZzQ", Te = {
   wrapper: Rn,
   radio: Dn,
   input: Bn
-}, nt = "RadioGroup.Radio", ya = /* @__PURE__ */ g({
+}, nt = "RadioGroup.Radio", Sa = /* @__PURE__ */ g({
   __name: "Radio",
   props: {
     class: { default: "" },
     theme: {}
   },
-  setup(e, { expose: o }) {
-    const i = e, t = k(null), l = Et(nt), {
+  setup(e, { expose: r }) {
+    const i = e, t = k(null), l = Mt(nt), {
       value: n,
       isDisabled: s,
       class: c,
       ...u
-    } = wn(nt), d = _(() => {
+    } = wn(nt), d = b(() => {
       const h = {
         name: l.name,
         onChange: l.onChange,
@@ -3184,26 +3237,26 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
         ...h
       };
     });
-    return o({
+    return r({
       inputRef: t
     }), (h, y) => (p(), v("div", {
-      class: x([r(Te).wrapper, r(c)]),
+      class: x([o(Te).wrapper, o(c)]),
       style: V(e.theme)
     }, [
-      M(be, $({
+      z(fe, $({
         ref_key: "inputRef",
         ref: t,
-        class: [r(Te).input, i.class],
+        class: [o(Te).input, i.class],
         type: "radio",
-        value: r(n),
-        "is-disabled": r(l).isDisabled || r(s)
+        value: o(n),
+        "is-disabled": o(l).isDisabled || o(s)
       }, d.value), null, 16, ["class", "value", "is-disabled"]),
       T("span", {
-        class: x(r(Te).radio)
+        class: x(o(Te).radio)
       }, null, 2)
     ], 6));
   }
-}), ga = {
+}), Ta = {
   "--crm-ui-kit-radio-size": "20px",
   "--crm-ui-kit-radio-z-index": "3",
   "--crm-ui-kit-radio-checked-circle-size": "8px",
@@ -3220,7 +3273,7 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
   "--crm-ui-kit-radio-focus-visible-border-radius": "50%"
 }, Vn = g({
   name: Vt
-}), Ca = /* @__PURE__ */ g({
+}), Aa = /* @__PURE__ */ g({
   ...Vn,
   props: {
     theme: {},
@@ -3231,8 +3284,8 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["change"],
-  setup(e, { expose: o, emit: i }) {
-    const t = e, l = i, n = k(null), c = ie({
+  setup(e, { expose: r, emit: i }) {
+    const t = e, l = i, n = k(null), c = re({
       get name() {
         return t.name;
       },
@@ -3250,16 +3303,16 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
         l("change", d.value);
       }
     });
-    return gn(c), o({
+    return gn(c), r({
       radiogroupRef: n
     }), (u, d) => (p(), v("div", $(u.$attrs, {
       ref_key: "radiogroupRef",
       ref: n,
       role: "radiogroup",
       class: [
-        r(rt).radiogroup,
+        o(ot).radiogroup,
         {
-          [r(rt).horizontal]: e.orientation === "horizontal"
+          [o(ot).horizontal]: e.orientation === "horizontal"
         }
       ],
       style: e.theme
@@ -3267,86 +3320,92 @@ const St = "FilterTabs", [Zl, Tt] = F(St), Jl = "FilterTabs-module__filter_tabs_
       I(u.$slots, "default")
     ], 16));
   }
-}), Ia = {
+}), Ra = {
   "--crm-ui-kit-radio-group-spacing": "8px"
-}, En = "0.0.1";
-function Mn(e, o) {
+}, Mn = "0.0.1";
+function zn(e, r) {
 }
-const $a = {
-  install: Mn,
-  version: En
+const Da = {
+  install: zn,
+  version: Mn
 };
 export {
-  zn as APPEARANCE_ATTRIBUTE_NAME,
+  On as APPEARANCE_ATTRIBUTE_NAME,
   Wl as Accordion,
-  na as AccordionItemTheme,
-  la as AccordionTheme,
-  ce as Appearance,
-  Me as BaseInput,
+  ma as AccordionItemTheme,
+  da as AccordionTheme,
+  ue as Appearance,
+  ze as BaseInput,
   ts as Button,
   is as ButtonNeutralTheme,
-  os as ButtonPrimaryTheme,
-  rs as ButtonSecondaryTheme,
-  ea as Callout,
-  ye as CalloutBaseValues,
-  ia as CalloutErrorTheme,
-  ra as CalloutInfoTheme,
-  oa as CalloutSuccessTheme,
-  ta as CalloutWarningTheme,
-  ke as Checkbox,
-  Gs as CheckboxDarkTheme,
-  pa as CheckboxGroup,
-  _a as CheckboxGroupItemRoot,
-  ba as CheckboxGroupItemRootTheme,
-  ha as CheckboxGroupTheme,
+  rs as ButtonPrimaryTheme,
+  os as ButtonSecondaryTheme,
+  na as Callout,
+  ge as CalloutBaseValues,
+  aa as CalloutErrorTheme,
+  ua as CalloutInfoTheme,
+  ca as CalloutSuccessTheme,
+  sa as CalloutWarningTheme,
+  xe as Checkbox,
+  Ls as CheckboxDarkTheme,
+  ka as CheckboxGroup,
+  ya as CheckboxGroupItemRoot,
+  ga as CheckboxGroupItemRootTheme,
+  xa as CheckboxGroupTheme,
+  Gs as CheckboxLabelTheme,
   Pe as CheckboxLightTheme,
-  va as CheckboxSelectAll,
-  Ns as CheckboxSmallDarkTheme,
-  Ps as CheckboxSmallLightTheme,
-  Ws as ContentBlock,
-  Zs as ContentBlockTheme,
+  Ia as CheckboxSelectAll,
+  Ps as CheckboxSmallDarkTheme,
+  Os as CheckboxSmallLightTheme,
+  ta as ContentBlock,
+  ia as ContentBlockTheme,
   Ln as DEFAULT_APPEARANCE,
-  sa as FilterTabs,
-  ua as FilterTabsItemRootTheme,
-  aa as FilterTabsTheme,
-  _s as InlineInput,
-  uo as InlineInputInvalidTextTheme,
+  pa as FilterTabs,
+  _a as FilterTabsItemRootTheme,
+  ha as FilterTabsTheme,
+  bs as InlineInput,
+  ur as InlineInputInvalidTextTheme,
   hs as InlineInputPrimaryFocusedTheme,
   ps as InlineInputPrimaryTheme,
   cs as Input,
   $i as InputDarkTheme,
   wi as InputInvalidTextTheme,
-  bt as InputLightTheme,
+  _t as InputLightTheme,
   ss as InputPrimaryTheme,
   as as InputSecondaryTheme,
-  ca as ItemRoot,
-  fa as ItemRootSelectAll,
+  ba as ItemRoot,
+  Ca as ItemRootSelectAll,
   fs as Label,
   zs as LabelGroup,
-  Ls as LabelGroupTheme,
-  Tr as LabelTheme,
-  Js as Link,
-  Xs as LinkPrimaryTheme,
+  Es as LabelGroupTheme,
+  go as LabelTheme,
+  ra as Link,
+  oa as LinkPrimaryTheme,
   Ke as List,
   As as ListTheme,
   Vs as MultiSelect,
-  Ys as MultiSelectAll,
-  js as MultiSelectCombobox,
+  Xs as MultiSelectAll,
+  qs as MultiSelectCombobox,
+  js as MultiSelectComboboxInlineTheme,
+  Us as MultiSelectComboboxTheme,
   Hs as MultiSelectGroup,
-  Fs as MultiSelectItem,
-  Os as MultiSelectList,
-  Es as MultiSelectRootTheme,
-  Us as MultiSelectSearch,
-  Ms as MultiSelectTrigger,
-  qs as MultiSelectValue,
+  Ys as MultiSelectGroupTheme,
+  Ns as MultiSelectItem,
+  Fs as MultiSelectItemTheme,
+  Js as MultiSelectList,
+  Ms as MultiSelectRootTheme,
+  Ks as MultiSelectSearch,
+  Ws as MultiSelectSearchTheme,
+  Zs as MultiSelectTrigger,
+  Qs as MultiSelectValue,
   Ve as PORTAL_TARGETS,
-  Ks as Portal,
-  ya as Radio,
-  Ca as RadioGroup,
-  ka as RadioGroupItemRoot,
-  xa as RadioGroupItemRootTheme,
-  Ia as RadioGroupTheme,
-  ga as RadioPrimaryTheme,
+  ea as Portal,
+  Sa as Radio,
+  Aa as RadioGroup,
+  $a as RadioGroupItemRoot,
+  wa as RadioGroupItemRootTheme,
+  Ra as RadioGroupTheme,
+  Ta as RadioPrimaryTheme,
   ys as Select,
   $s as SelectArrow,
   ws as SelectArrowTheme,
@@ -3359,36 +3418,36 @@ export {
   Is as SelectItemTheme,
   Ds as SelectList,
   As as SelectListTheme,
-  re as SelectOption,
+  le as SelectOption,
   gs as SelectRootTheme,
   Rs as SelectTrigger,
   Bs as SelectValue,
   ci as Spinner,
-  Qs as SpinnerTheme,
-  bs as Switcher,
+  la as SpinnerTheme,
+  _s as Switcher,
   vs as SwitcherPrimaryTheme,
   pt as THEME_PROVIDER_KEY,
-  da as Tab,
-  ma as TabPrimaryTheme,
+  fa as Tab,
+  va as TabPrimaryTheme,
   Le as Text,
   us as TextArea,
-  fe as TextBaseSizesTheme,
+  ve as TextBaseSizesTheme,
   Ii as TextErrorTheme,
-  ze as TextPrimaryTheme,
+  Oe as TextPrimaryTheme,
   ns as TextSecondaryDarkTheme,
   ls as TextSecondaryLightTheme,
   ms as TextareaDarkTheme,
   ds as TextareaLightTheme,
   Kn as ValidationRules,
-  be as VisuallyHiddenInput,
+  fe as VisuallyHiddenInput,
   Jn as cn,
   Fn as createComponentTheme,
   Hn as createPortalId,
   Xn as debounce,
   Xt as deepMerge,
-  $a as default,
+  Da as default,
   Zn as generateId,
-  Mn as install,
+  zn as install,
   He as isObject,
   es as isSupported,
   Wn as noop,
@@ -3399,13 +3458,13 @@ export {
   Kt as useFieldValidation,
   jn as useFormValidation,
   Yn as useModalPortal,
-  W as useMultiSelectContext,
+  Z as useMultiSelectContext,
   Be as usePortal,
   ht as useTheme,
-  Ee as useThemeClassName,
+  Me as useThemeClassName,
   Gn as useThemeMode,
   Nn as useThemeVariables,
   qn as useTooltipPortal,
-  En as version
+  Mn as version
 };
 //# sourceMappingURL=index.js.map