@flysk-tech/amocrm-kommo-vue-ui-kit 0.1.1 → 0.2.0

package/dist/index.js

@@ -1,250 +1,250 @@
-import { ref as _, computed as k, readonly as A, provide as Oe, inject as Me, onMounted as j, onUnmounted as Ne, watch as G, onBeforeUnmount as dt, defineComponent as f, createElementBlock as b, openBlock as m, mergeProps as w, unref as n, createBlock as B, watchEffect as K, createElementVNode as $, normalizeClass as v, toDisplayString as T, createVNode as D, Fragment as ce, createCommentVNode as R, renderSlot as y, createTextVNode as z, useAttrs as mt, normalizeStyle as S, nextTick as Fe, withCtx as V, getCurrentInstance as pt, reactive as J, useSlots as ue, Teleport as Ge, renderList as ht, resolveDynamicComponent as de, createStaticVNode as X, toRef as me } from "vue";
-var W = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ALTERNATIVE = "alternative", e))(W || {});
-const yn = "data-crm-ui-kit-theme", gn = "default", He = Symbol("theme-provider");
-function wn(e) {
-  const r = _({
+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 Yt, defineComponent as y, createElementBlock as v, openBlock as p, mergeProps as I, unref as r, createBlock as E, createElementVNode as T, normalizeClass as x, createTextVNode as L, renderSlot as $, createCommentVNode as A, toDisplayString as D, createVNode as M, Fragment as me, useAttrs as qt, normalizeStyle as V, nextTick as pe, withCtx as z, getCurrentInstance as ut, 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 dt } from "vue";
+var ce = /* @__PURE__ */ ((e) => (e.DEFAULT = "default", e.ALTERNATIVE = "alternative", e))(ce || {});
+const zl = "data-crm-ui-kit-theme", Ll = "default", mt = Symbol("theme-provider");
+function Pl(e) {
+  const o = k({
     mode: "light",
     customVariables: {},
     ...e
-  }), t = k(() => r.value.mode === "dark" ? W.ALTERNATIVE : W.DEFAULT), i = (s) => {
-    r.value = {
-      ...r.value,
-      ...s
-    }, ye(r.value);
-  }, o = (s) => {
-    const c = s === W.ALTERNATIVE ? "dark" : "light";
-    i({ mode: c });
+  }), i = _(() => o.value.mode === "dark" ? ce.ALTERNATIVE : ce.DEFAULT), t = (c) => {
+    o.value = {
+      ...o.value,
+      ...c
+    }, Fe(o.value);
+  }, n = (c) => {
+    const u = c === ce.ALTERNATIVE ? "dark" : "light";
+    t({ mode: u });
   }, l = () => {
-    const s = r.value.mode === "light" ? "dark" : "light";
-    i({ mode: s });
+    const c = o.value.mode === "light" ? "dark" : "light";
+    t({ mode: c });
   };
-  ye(r.value);
-  const a = {
-    themeConfig: A(r),
-    appearance: A(t),
-    setTheme: i,
-    setAppearance: o,
+  Fe(o.value);
+  const s = {
+    themeConfig: G(o),
+    appearance: G(i),
+    setTheme: t,
+    setAppearance: n,
     toggleTheme: l
   };
-  return Oe(He, a), a;
+  return st(mt, s), s;
 }
-function qe() {
-  const e = Me(He);
+function pt() {
+  const e = at(mt);
   if (!e)
     throw new Error(
       "useTheme must be used within a component that has provideTheme() called in a parent component"
     );
   return e;
 }
-function ye(e) {
-  typeof document > "u" || (document.documentElement.setAttribute("data-theme", e.mode), e.customVariables && Object.entries(e.customVariables).forEach(([r, t]) => {
-    document.documentElement.style.setProperty(r, t);
+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);
   }));
 }
-function In() {
-  const { themeConfig: e } = qe();
-  return k(() => e.value.mode);
+function Gl() {
+  const { themeConfig: e } = pt();
+  return _(() => e.value.mode);
 }
-function Cn() {
-  const { themeConfig: e } = qe();
-  return k(() => e.value.customVariables || {});
+function Nl() {
+  const { themeConfig: e } = pt();
+  return _(() => e.value.customVariables || {});
 }
-function bt(e, r) {
-  const t = typeof r == "object" && "value" in r ? r : k(() => r), i = k(() => {
+function jt(e, o) {
+  const i = typeof o == "object" && "value" in o ? o : _(() => o), t = _(() => {
     const l = {};
-    return Object.entries(t.value).forEach(([a, s]) => {
-      const c = `--crm-ui-kit-${e}-${a}`;
-      l[c] = String(s);
+    return Object.entries(i.value).forEach(([s, c]) => {
+      const u = `--crm-ui-kit-${e}-${s}`;
+      l[u] = String(c);
     }), l;
-  }), o = k(() => {
+  }), n = _(() => {
     const l = {};
-    return Object.entries(i.value).forEach(([a, s]) => {
-      l[a] = s;
+    return Object.entries(t.value).forEach(([s, c]) => {
+      l[s] = c;
     }), l;
   });
   return {
-    cssVariables: A(i),
-    styleVars: A(o)
+    cssVariables: G(t),
+    styleVars: G(n)
   };
 }
-function $n(e, r) {
-  return function(i) {
-    const o = k(() => ({
-      ...r,
-      ...i
+function Fl(e, o) {
+  return function(t) {
+    const n = _(() => ({
+      ...o,
+      ...t
     }));
-    return bt(e, o);
+    return jt(e, n);
   };
 }
-function pe(e) {
-  const r = _(), t = _(!1), i = (o) => {
+function Be(e) {
+  const o = k(), i = k(!1), t = (n) => {
     if (typeof document > "u") return null;
-    let l = document.querySelector(o);
-    return l || (l = document.createElement("div"), l.setAttribute("id", o.replace("#", "")), document.body.appendChild(l)), l;
+    let l = document.querySelector(n);
+    return l || (l = document.createElement("div"), l.setAttribute("id", n.replace("#", "")), document.body.appendChild(l)), l;
   };
-  return j(() => {
-    typeof document > "u" || (e ? r.value = i(e) || document.body : r.value = document.body, t.value = !0);
-  }), Ne(() => {
-    e && r.value && r.value !== document.body && r.value.children.length === 0 && r.value.remove();
+  return te(() => {
+    typeof document > "u" || (e ? o.value = t(e) || document.body : o.value = document.body, i.value = !0);
+  }), ct(() => {
+    e && o.value && o.value !== document.body && o.value.children.length === 0 && o.value.remove();
   }), {
-    portalTarget: A(r),
-    isReady: A(t)
+    portalTarget: G(o),
+    isReady: G(i)
   };
 }
-function Tn(e = "amocrm-portal") {
+function Hl(e = "amocrm-portal") {
   return `${e}-${Math.random().toString(36).substr(2, 9)}`;
 }
-const he = {
+const Ve = {
   MODAL: "#amocrm-modal-portal",
   TOOLTIP: "#amocrm-tooltip-portal",
   DROPDOWN: "#amocrm-dropdown-portal",
   NOTIFICATION: "#amocrm-notification-portal"
 };
-function Rn() {
-  return pe(he.MODAL);
+function Yl() {
+  return Be(Ve.MODAL);
 }
-function Sn() {
-  return pe(he.TOOLTIP);
+function ql() {
+  return Be(Ve.TOOLTIP);
 }
-function Dn() {
-  return pe(he.DROPDOWN);
+function Ul() {
+  return Be(Ve.DROPDOWN);
 }
-function _t(e, r = []) {
-  const t = _(e), i = _(null), o = _(!1), l = k(() => i.value === null), a = () => {
-    for (const d of r) {
-      const p = d(t.value);
-      if (p !== !0)
-        return i.value = p, !1;
+function Kt(e, o = []) {
+  const i = k(e), t = k(null), n = k(!1), l = _(() => t.value === null), s = () => {
+    for (const d of o) {
+      const h = d(i.value);
+      if (h !== !0)
+        return t.value = h, !1;
     }
-    return i.value = null, !0;
-  }, s = () => {
-    i.value = null;
+    return t.value = null, !0;
   }, c = () => {
-    o.value = !0;
+    t.value = null;
+  }, u = () => {
+    n.value = !0;
   };
   return {
-    value: t,
-    error: A(i),
-    isValid: A(l),
-    isDirty: A(o),
-    validate: a,
-    clearError: s,
-    touch: c
+    value: i,
+    error: G(t),
+    isValid: G(l),
+    isDirty: G(n),
+    validate: s,
+    clearError: c,
+    touch: u
   };
 }
-function An(e, r = {}) {
-  const t = {}, i = _({});
-  Object.keys(e).forEach((u) => {
-    const h = r[u] || [];
-    t[u] = _t(e[u], h);
+function jl(e, o = {}) {
+  const i = {}, t = k({});
+  Object.keys(e).forEach((a) => {
+    const m = o[a] || [];
+    i[a] = Kt(e[a], m);
   });
-  const o = k(() => Object.values(t).every((u) => u.isValid.value)), l = k(() => Object.values(t).some((u) => u.error.value !== null)), a = (u) => {
-    const h = t[u];
-    if (!h) return !0;
-    const I = h.validate();
-    return !I && h.error.value ? i.value[u] = h.error.value : delete i.value[u], I;
-  }, s = () => {
-    let u = !0;
-    const h = {};
-    return Object.keys(t).forEach((I) => {
-      !a(I) && t[I].error.value && (h[I] = t[I].error.value, u = !1);
-    }), i.value = h, u;
+  const n = _(() => Object.values(i).every((a) => a.isValid.value)), l = _(() => 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;
   }, c = () => {
-    Object.values(t).forEach((u) => u.clearError()), i.value = {};
-  }, d = (u) => {
-    var h;
-    (h = t[u]) == null || h.clearError(), delete i.value[u];
-  }, p = (u, h) => {
-    t[u] && (t[u].error.value = h, i.value[u] = h);
-  }, g = (u) => {
-    var h;
-    return (h = t[u]) == null ? void 0 : h.value.value;
-  }, x = (u, h) => {
-    t[u] && (t[u].value.value = h);
+    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);
+    }), t.value = m, a;
+  }, u = () => {
+    Object.values(i).forEach((a) => a.clearError()), t.value = {};
+  }, d = (a) => {
+    var m;
+    (m = i[a]) == null || m.clearError(), delete t.value[a];
+  }, h = (a, m) => {
+    i[a] && (i[a].error.value = m, t.value[a] = m);
+  }, g = (a) => {
+    var m;
+    return (m = i[a]) == null ? void 0 : m.value.value;
+  }, f = (a, m) => {
+    i[a] && (i[a].value.value = m);
   };
   return {
-    fields: t,
-    errors: A(i),
-    isFormValid: A(o),
-    hasErrors: A(l),
-    validateField: a,
-    validateForm: s,
-    clearErrors: c,
+    fields: i,
+    errors: G(t),
+    isFormValid: G(n),
+    hasErrors: G(l),
+    validateField: s,
+    validateForm: c,
+    clearErrors: u,
     clearFieldError: d,
-    setFieldError: p,
+    setFieldError: h,
     getFieldValue: g,
-    setFieldValue: x
+    setFieldValue: f
   };
 }
-const Bn = {
-  required: (e = "Поле обязательно для заполнения") => (r) => r == null || r === "" ? e : !0,
-  minLength: (e, r) => (t) => t && t.length < e ? r || `Минимальная длина: ${e} символов` : !0,
-  maxLength: (e, r) => (t) => t && t.length > e ? r || `Максимальная длина: ${e} символов` : !0,
+const Kl = {
+  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,
   email: (e = "Некорректный email адрес") => {
-    const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
-    return (t) => t && !r.test(t) ? e : !0;
+    const o = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return (i) => i && !o.test(i) ? e : !0;
   },
-  pattern: (e, r = "Некорректный формат") => (t) => t && !e.test(t) ? r : !0
-}, kt = "crm-ui-kit-theme";
-let ft = 0;
-const Y = /* @__PURE__ */ new Map(), vt = (e) => {
-  const r = `${kt}-${++ft}`, t = document.createElement("style"), i = Object.entries(e).map(([o, l]) => `${o}: ${l};`).join(`
+  pattern: (e, o = "Некорректный формат") => (i) => i && !e.test(i) ? o : !0
+}, Wt = "crm-ui-kit-theme";
+let Zt = 0;
+const le = /* @__PURE__ */ new Map(), Jt = (e) => {
+  const o = `${Wt}-${++Zt}`, i = document.createElement("style"), t = Object.entries(e).map(([n, l]) => `${n}: ${l};`).join(`
   `);
-  return t.textContent = `.${r} {
-  ${i}
-}`, document.head.appendChild(t), { className: r, styleElement: t };
-}, be = (e) => {
-  const r = _("");
-  let t = e, i;
-  const o = (l) => {
-    i && (i.refCount--, i.refCount === 0 && (i.styleElement.remove(), Y.delete(t))), t = l;
-    const a = Y.get(l);
-    if (a)
-      a.refCount++, r.value = a.className, i = a;
+  return i.textContent = `.${o} {
+  ${t}
+}`, document.head.appendChild(i), { className: o, styleElement: i };
+}, Ee = (e) => {
+  const o = k("");
+  let i = e, t;
+  const n = (l) => {
+    t && (t.refCount--, t.refCount === 0 && (t.styleElement.remove(), le.delete(i))), i = l;
+    const s = le.get(l);
+    if (s)
+      s.refCount++, o.value = s.className, t = s;
     else {
-      const { className: s, styleElement: c } = vt(l), d = { className: s, styleElement: c, refCount: 1 };
-      Y.set(l, d), r.value = s, i = d;
+      const { className: c, styleElement: u } = Jt(l), d = { className: c, styleElement: u, refCount: 1 };
+      le.set(l, d), o.value = c, t = d;
     }
   };
-  return o(e), G(() => e, o), dt(() => {
-    i && (i.refCount--, i.refCount === 0 && (i.styleElement.remove(), Y.delete(t)));
-  }), r;
-}, zn = () => {
+  return n(e), P(() => e, n), Yt(() => {
+    t && (t.refCount--, t.refCount === 0 && (t.styleElement.remove(), le.delete(i)));
+  }), o;
+}, Wl = () => {
 };
-function Vn(e = "amocrm") {
+function Zl(e = "amocrm") {
   return `${e}-${Math.random().toString(36).substr(2, 9)}`;
 }
-function En(...e) {
+function Jl(...e) {
   return e.filter(Boolean).join(" ");
 }
-function Ln(e, r) {
-  let t;
-  return function(...o) {
+function Xl(e, o) {
+  let i;
+  return function(...n) {
     const l = () => {
-      clearTimeout(t), e(...o);
+      clearTimeout(i), e(...n);
     };
-    clearTimeout(t), t = setTimeout(l, r);
+    clearTimeout(i), i = setTimeout(l, o);
   };
 }
-function Pn(e, r) {
-  let t;
-  return function(...i) {
-    t || (e.apply(this, i), t = !0, setTimeout(() => t = !1, r));
+function Ql(e, o) {
+  let i;
+  return function(...t) {
+    i || (e.apply(this, t), i = !0, setTimeout(() => i = !1, o));
   };
 }
-function ge(e) {
+function He(e) {
   return e !== null && typeof e == "object" && !Array.isArray(e);
 }
-function xt(e, r) {
-  const t = { ...e };
-  for (const i in r)
-    if (r.hasOwnProperty(i)) {
-      const o = r[i], l = t[i];
-      ge(o) && ge(l) ? t[i] = xt(l, o) : t[i] = o;
+function Xt(e, o) {
+  const i = { ...e };
+  for (const t in o)
+    if (o.hasOwnProperty(t)) {
+      const n = o[t], l = i[t];
+      He(n) && He(l) ? i[t] = Xt(l, n) : i[t] = n;
     }
-  return t;
+  return i;
 }
-function On(e) {
+function es(e) {
   if (typeof window > "u") return !1;
   switch (e) {
     case "IntersectionObserver":
@@ -257,11 +257,11 @@ function On(e) {
       return !1;
   }
 }
-const yt = "BaseInput-module__input___pIIgE", gt = "BaseInput-module__placeholder_visible___qkWAb", wt = "BaseInput-module__placeholder_visible___qkWAb", we = {
-  input: yt,
-  placeholder_visible: gt,
-  placeholderVisible: wt
-}, It = ["disabled", "readonly"], _e = /* @__PURE__ */ f({
+const Qt = "BaseInput-module__input___pIIgE", ei = "BaseInput-module__placeholder_visible___qkWAb", ti = "BaseInput-module__placeholder_visible___qkWAb", Ye = {
+  input: Qt,
+  placeholder_visible: ei,
+  placeholderVisible: ti
+}, ii = ["disabled", "readonly"], Me = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "BaseInput",
   props: {
@@ -269,26 +269,26 @@ const yt = "BaseInput-module__input___pIIgE", gt = "BaseInput-module__placeholde
     isReadonly: { type: Boolean, default: !1 },
     isPlaceholderVisibleOnFocus: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: r }) {
-    const t = _(null);
-    return r({
-      inputRef: t
-    }), (i, o) => (m(), b("input", w(i.$attrs, {
+  setup(e, { expose: o }) {
+    const i = k(null);
+    return o({
+      inputRef: i
+    }), (t, n) => (p(), v("input", I(t.$attrs, {
       ref_key: "inputRef",
-      ref: t,
+      ref: i,
       class: [
-        n(we).input,
+        r(Ye).input,
         {
-          [n(we).placeholder_visible]: e.isPlaceholderVisibleOnFocus
+          [r(Ye).placeholder_visible]: e.isPlaceholderVisibleOnFocus
         }
       ],
       disabled: e.isDisabled,
       readonly: e.isReadonly
-    }), null, 16, It));
+    }), null, 16, ii));
   }
-}), Ct = "VisuallyHiddenInput-module__input___deWRN", $t = {
-  input: Ct
-}, Q = /* @__PURE__ */ f({
+}), oi = "VisuallyHiddenInput-module__input___deWRN", ri = {
+  input: oi
+}, be = /* @__PURE__ */ y({
   __name: "VisuallyHiddenInput",
   props: {
     isDisabled: { type: Boolean },
@@ -299,87 +299,87 @@ const yt = "BaseInput-module__input___pIIgE", gt = "BaseInput-module__placeholde
     isChecked: { type: Boolean },
     isDefaultChecked: { type: Boolean }
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), o = k(() => {
-      const { isChecked: a, isDefaultChecked: s, ...c } = t;
-      return a !== void 0 ? { checked: a, ...c } : c;
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), n = _(() => {
+      const { isChecked: s, isDefaultChecked: c, ...u } = i;
+      return s !== void 0 ? { checked: s, ...u } : u;
     }), l = () => {
-      var a;
-      return ((a = i.value) == null ? void 0 : a.inputRef) ?? null;
+      var s;
+      return ((s = t.value) == null ? void 0 : s.inputRef) ?? null;
     };
-    return j(() => {
-      if (t.isDefaultChecked) {
-        const a = l();
-        a && (a.checked = !0);
+    return te(() => {
+      if (i.isDefaultChecked) {
+        const s = l();
+        s && (s.checked = !0);
       }
-    }), t.isChecked !== void 0 && G(() => t.isChecked, (a) => {
-      const s = l();
-      s && (s.checked = !!a);
-    }), r({
-      inputRef: i
-    }), (a, s) => (m(), B(_e, w({
+    }), i.isChecked !== void 0 && P(() => i.isChecked, (s) => {
+      const c = l();
+      c && (c.checked = !!s);
+    }), o({
+      inputRef: t
+    }), (s, c) => (p(), E(Me, I({
       ref_key: "inputRef",
-      ref: i,
-      class: n($t).input
-    }, o.value), null, 16, ["class"]));
+      ref: t,
+      class: r(ri).input
+    }, n.value), null, 16, ["class"]));
   }
-}), Tt = "Spinner-module__spinner___SZoUP", Rt = "Spinner-module__spinner_animation___LJyzJ", St = "Spinner-module__spinner_animation___LJyzJ", Dt = "Spinner-module__centered___vcz-G", Ie = {
-  spinner: Tt,
-  spinner_animation: Rt,
-  spinnerAnimation: St,
-  centered: Dt
-}, At = /* @__PURE__ */ f({
+}), ni = "Spinner-module__spinner___SZoUP", li = "Spinner-module__spinner_animation___LJyzJ", si = "Spinner-module__spinner_animation___LJyzJ", ai = "Spinner-module__centered___vcz-G", qe = {
+  spinner: ni,
+  spinner_animation: li,
+  spinnerAnimation: si,
+  centered: ai
+}, ci = /* @__PURE__ */ y({
   __name: "Spinner",
   props: {
     isCentered: { type: Boolean, default: !1 },
     theme: { default: void 0 }
   },
   setup(e) {
-    return (r, t) => (m(), b("span", w({
+    return (o, i) => (p(), v("span", I({
       class: [
-        n(Ie).spinner,
-        { [n(Ie).centered]: e.isCentered }
+        r(qe).spinner,
+        { [r(qe).centered]: e.isCentered }
       ],
       style: e.theme || {}
-    }, r.$attrs), null, 16));
+    }, o.$attrs), null, 16));
   }
 });
-function Bt() {
-  const e = _(!1);
+function ui() {
+  const e = k(!1);
   return {
     shouldShowInvalidAnimation: e,
-    showInvalidAnimation: (t = () => {
+    showInvalidAnimation: (i = () => {
     }) => {
       e.value = !0, setTimeout(() => {
-        e.value = !1, t();
+        e.value = !1, i();
       }, 400);
     }
   };
 }
-function zt() {
-  const e = _(!1);
+function di() {
+  const e = k(!1);
   return {
     shouldShowSuccessfulState: e,
-    showSuccessfulState: (t = () => {
+    showSuccessfulState: (i = () => {
     }) => {
       e.value = !0, setTimeout(() => {
-        e.value = !1, t();
+        e.value = !1, i();
       }, 1500);
     }
   };
 }
-const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdWL", Lt = "Button-module__content___PpYVU", Pt = "Button-module__before___iPqpW", Ot = "Button-module__after___NzIvd", Mt = "Button-module__spinner_container___FC3J2", Nt = "Button-module__spinner_container___FC3J2", Ft = "Button-module__invalid___--B-C", Gt = "Button-module__buttonShakeAnimation___awnKy", Ht = "Button-module__success___CHTsg", P = {
-  button: Vt,
-  disabled: Et,
-  content: Lt,
-  before: Pt,
-  after: Ot,
-  spinner_container: Mt,
-  spinnerContainer: Nt,
-  invalid: Ft,
-  buttonShakeAnimation: Gt,
-  success: Ht
-}, qt = ["type", "disabled"], jt = { key: 0 }, Mn = /* @__PURE__ */ f({
+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 = {
+  button: mi,
+  disabled: pi,
+  content: hi,
+  before: _i,
+  after: bi,
+  spinner_container: fi,
+  spinnerContainer: vi,
+  invalid: ki,
+  buttonShakeAnimation: xi,
+  success: yi
+}, gi = ["type", "disabled"], Ci = { key: 0 }, ts = /* @__PURE__ */ y({
   __name: "Button",
   props: {
     type: { default: "button" },
@@ -388,87 +388,81 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     isDisabled: { type: Boolean, default: !1 },
     before: {},
     after: {},
-    children: {},
-    showInvalidAnimationRef: {},
-    showSuccessfulStateRef: {},
     successfulStateText: {},
     isClickableWhileDisabled: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(e, { emit: r }) {
-    const t = e, i = r, { shouldShowInvalidAnimation: o, showInvalidAnimation: l } = Bt(), { shouldShowSuccessfulState: a, showSuccessfulState: s } = zt();
-    K(() => {
-      t.showInvalidAnimationRef && (t.showInvalidAnimationRef.value = l);
-    }), K(() => {
-      t.showSuccessfulStateRef && (t.showSuccessfulStateRef.value = s);
-    });
-    const c = k(() => {
-      var x, u, h, I, H;
-      const p = {
-        "--crm-ui-kit-spinner-border-color": (x = t.theme) == null ? void 0 : x["--crm-ui-kit-button-spinner-border-color"],
-        "--crm-ui-kit-spinner-border-width": (u = t.theme) == null ? void 0 : u["--crm-ui-kit-button-spinner-border-width"],
-        "--crm-ui-kit-spinner-circle-size": (h = t.theme) == null ? void 0 : h["--crm-ui-kit-button-spinner-circle-size"],
-        "--crm-ui-kit-spinner-border-style": (I = t.theme) == null ? void 0 : I["--crm-ui-kit-button-spinner-border-style"]
-      }, g = {
-        ...p,
-        "--crm-ui-kit-spinner-border-color": (H = t.theme) == null ? void 0 : H["--crm-ui-kit-button-spinner-disabled-border-color"]
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, { shouldShowInvalidAnimation: l, showInvalidAnimation: s } = ui(), { shouldShowSuccessfulState: c, showSuccessfulState: u } = di();
+    o({ showInvalidAnimation: s, showSuccessfulState: u });
+    const d = _(() => {
+      var a, m, b, S, X;
+      const g = {
+        "--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-border-style": (S = t.theme) == null ? void 0 : S["--crm-ui-kit-button-spinner-border-style"]
+      }, f = {
+        ...g,
+        "--crm-ui-kit-spinner-border-color": (X = t.theme) == null ? void 0 : X["--crm-ui-kit-button-spinner-disabled-border-color"]
       };
-      return { defaultTheme: p, disabledTheme: g };
-    }), d = (p) => {
-      t.isDisabled && !t.isClickableWhileDisabled || t.isLoading || i("click", p);
+      return { defaultTheme: g, disabledTheme: f };
+    }), h = (g) => {
+      t.isDisabled && !t.isClickableWhileDisabled || t.isLoading || n("click", g);
     };
-    return (p, g) => (m(), b("button", w(p.$attrs, {
+    return (g, f) => (p(), v("button", I(g.$attrs, {
       type: e.type,
       class: [
-        n(P).button,
+        r(q).button,
         {
-          [n(P).invalid]: n(o),
-          [n(P).success]: n(a),
-          [n(P).disabled]: e.isDisabled
+          [r(q).invalid]: r(l),
+          [r(q).success]: r(c),
+          [r(q).disabled]: e.isDisabled
         }
       ],
       style: e.theme,
       disabled: (e.isDisabled || e.isLoading) && !e.isClickableWhileDisabled,
-      onClick: d
+      onClick: h
     }), [
-      $("span", {
-        class: v(n(P).content)
+      T("span", {
+        class: x(r(q).content)
       }, [
-        n(a) ? (m(), b("span", jt, T(e.successfulStateText || e.children), 1)) : e.isLoading ? (m(), b("span", {
+        r(c) ? (p(), v("span", Ci, [
+          L(D(e.successfulStateText) + " ", 1),
+          e.successfulStateText ? A("", !0) : $(g.$slots, "default", { key: 0 })
+        ])) : e.isLoading ? (p(), v("span", {
           key: 1,
-          class: v(n(P).spinner_container)
+          class: x(r(q).spinner_container)
         }, [
-          D(At, {
-            theme: e.isDisabled ? c.value.disabledTheme : c.value.defaultTheme,
+          M(ci, {
+            theme: e.isDisabled ? d.value.disabledTheme : d.value.defaultTheme,
             "is-centered": !0
           }, null, 8, ["theme"])
-        ], 2)) : (m(), b(ce, { key: 2 }, [
-          e.before ? (m(), b("span", {
+        ], 2)) : (p(), v(me, { key: 2 }, [
+          e.before ? (p(), v("span", {
             key: 0,
-            class: v(n(P).before)
+            class: x(r(q).before)
           }, [
-            y(p.$slots, "before", {}, () => [
-              z(T(e.before), 1)
-            ])
-          ], 2)) : R("", !0),
-          $("span", null, [
-            y(p.$slots, "default", {}, () => [
-              z(T(e.children), 1)
+            $(g.$slots, "before", {}, () => [
+              L(D(e.before), 1)
             ])
+          ], 2)) : A("", !0),
+          T("span", null, [
+            $(g.$slots, "default")
           ]),
-          e.after ? (m(), b("span", {
+          e.after ? (p(), v("span", {
             key: 1,
-            class: v(n(P).after)
+            class: x(r(q).after)
           }, [
-            y(p.$slots, "after", {}, () => [
-              z(T(e.after), 1)
+            $(g.$slots, "after", {}, () => [
+              L(D(e.after), 1)
             ])
-          ], 2)) : R("", !0)
+          ], 2)) : A("", !0)
         ], 64))
       ], 2)
-    ], 16, qt));
+    ], 16, gi));
   }
-}), ke = {
+}), Oe = {
   "--crm-ui-kit-button-z-index": "1",
   "--crm-ui-kit-button-height": "36px",
   "--crm-ui-kit-button-elements-spacing": "4px",
@@ -493,8 +487,8 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
   "--crm-ui-kit-button-spinner-border-width": "2px",
   "--crm-ui-kit-button-spinner-circle-size": "16px",
   "--crm-ui-kit-button-spinner-border-style": "solid"
-}, Nn = {
-  ...ke,
+}, is = {
+  ...Oe,
   "--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)",
@@ -504,8 +498,8 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, Fn = {
-  ...ke,
+}, os = {
+  ...Oe,
   "--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)",
@@ -517,8 +511,8 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, Gn = {
-  ...ke,
+}, rs = {
+  ...Oe,
   "--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",
@@ -530,7 +524,7 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, ee = {
+}, fe = {
   "--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",
@@ -541,23 +535,23 @@ const Vt = "Button-module__button___18Bed", Et = "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"
-}, fe = {
-  ...ee,
+}, ze = {
+  ...fe,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-text-font": "PT Sans"
-}, Hn = {
-  ...ee,
+}, ns = {
+  ...fe,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-light)",
   "--crm-ui-kit-text-font": "PT Sans"
-}, qn = {
-  ...ee,
+}, ls = {
+  ...fe,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
   "--crm-ui-kit-text-font": "PT Sans"
-}, Yt = {
-  ...ee,
+}, $i = {
+  ...fe,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-color-error)",
   "--crm-ui-kit-text-font": "PT Sans"
-}, je = {
+}, ht = {
   "--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)",
@@ -579,8 +573,8 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
   "--crm-ui-kit-input-padding-left": "9px",
   "--crm-ui-kit-input-height": "34px",
   "--crm-ui-kit-input-width": "100%"
-}, Ye = {
-  ...je,
+}, _t = {
+  ...ht,
   "--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)",
@@ -593,8 +587,8 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, Ut = {
-  ...je,
+}, Ii = {
+  ...ht,
   "--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)",
@@ -607,25 +601,25 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, Wt = Yt, jn = Ye, Yn = Ut, Kt = "Input-module__wrapper___dpfdV", Zt = "Input-module__input_wrapper___iVA--", Jt = "Input-module__input_wrapper___iVA--", Xt = "Input-module__input_container___TOBIn", Qt = "Input-module__input_container___TOBIn", ei = "Input-module__input___505b7", ti = "Input-module__placeholder_visible___O2Udj", ii = "Input-module__placeholder_visible___O2Udj", ri = "Input-module__after___dpDKi", oi = "Input-module__has_after___ADuC4", ni = "Input-module__has_after___ADuC4", li = "Input-module__invalid___no7WZ", ai = "Input-module__disabled___ProN9", si = "Input-module__invalid_description___xpoxv", ci = "Input-module__invalid_description___xpoxv", ui = "Input-module__invalid_description_right___-zM0v", di = "Input-module__invalid_description_right___-zM0v", E = {
-  wrapper: Kt,
-  input_wrapper: Zt,
-  inputWrapper: Jt,
-  input_container: Xt,
-  inputContainer: Qt,
-  input: ei,
-  placeholder_visible: ti,
-  placeholderVisible: ii,
-  after: ri,
-  has_after: oi,
-  hasAfter: ni,
-  invalid: li,
-  disabled: ai,
-  invalid_description: si,
-  invalidDescription: ci,
-  invalid_description_right: ui,
-  invalidDescriptionRight: di
-}, Un = /* @__PURE__ */ f({
+}, wi = $i, ss = _t, as = Ii, 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 = {
+  wrapper: Si,
+  input_wrapper: Ti,
+  inputWrapper: Ai,
+  input_container: Ri,
+  inputContainer: Di,
+  input: Bi,
+  placeholder_visible: Vi,
+  placeholderVisible: Ei,
+  after: Mi,
+  has_after: Oi,
+  hasAfter: zi,
+  invalid: Li,
+  disabled: Pi,
+  invalid_description: Gi,
+  invalidDescription: Ni,
+  invalid_description_right: Fi,
+  invalidDescriptionRight: Hi
+}, cs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Input",
   props: {
@@ -640,86 +634,86 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     modelValue: { default: "" }
   },
   emits: ["update:modelValue", "input", "change", "focus", "blur"],
-  setup(e, { expose: r, emit: t }) {
-    const i = mt(), o = k(() => {
-      const { class: h, style: I, ...H } = i;
-      return H;
-    }), l = e, a = t, s = _(null), c = k(() => l.theme || Ye), d = k(() => ({
-      ...Wt
-    })), p = (h) => {
-      const I = h.target;
-      a("update:modelValue", I.value), a("input", h);
-    }, g = (h) => {
-      a("change", h);
-    }, x = (h) => {
-      a("focus", h);
-    }, u = (h) => {
-      a("blur", h);
+  setup(e, { expose: o, emit: i }) {
+    const t = qt(), n = _(() => {
+      const { class: m, style: b, ...S } = t;
+      return S;
+    }), l = e, s = i, c = k(null), u = _(() => l.theme || _t), d = _(() => ({
+      ...wi
+    })), h = (m) => {
+      const b = m.target;
+      s("update:modelValue", b.value), s("input", m);
+    }, g = (m) => {
+      s("change", m);
+    }, f = (m) => {
+      s("focus", m);
+    }, a = (m) => {
+      s("blur", m);
     };
-    return r({
-      inputRef: s
-    }), (h, I) => (m(), b("div", {
-      class: v([n(E).wrapper, h.$attrs.class]),
-      style: S(c.value)
+    return o({
+      inputRef: c
+    }), (m, b) => (p(), v("div", {
+      class: x([r(Y).wrapper, m.$attrs.class]),
+      style: V(u.value)
     }, [
-      $("div", {
-        class: v([
-          n(E).input_wrapper,
+      T("div", {
+        class: x([
+          r(Y).input_wrapper,
           {
-            [n(E).invalid_description_right]: e.invalidDescriptionPlacement === "right"
+            [r(Y).invalid_description_right]: e.invalidDescriptionPlacement === "right"
           }
         ])
       }, [
-        $("div", {
-          class: v([
-            n(E).input_container,
+        T("div", {
+          class: x([
+            r(Y).input_container,
             {
-              [n(E).invalid]: e.isInvalid,
-              [n(E).disabled]: e.isDisabled
+              [r(Y).invalid]: e.isInvalid,
+              [r(Y).disabled]: e.isDisabled
             }
           ])
         }, [
-          D(_e, w(o.value, {
+          M(Me, I(n.value, {
             ref_key: "inputRef",
-            ref: s,
-            class: { [n(E).has_after]: !!e.after || !!h.$slots.after },
+            ref: c,
+            class: { [r(Y).has_after]: !!e.after || !!m.$slots.after },
             "is-disabled": e.isDisabled,
             "is-readonly": e.isReadonly,
             "is-placeholder-visible-on-focus": e.isPlaceholderVisibleOnFocus,
-            onInput: p,
+            onInput: h,
             onChange: g,
-            onFocus: x,
-            onBlur: u
+            onFocus: f,
+            onBlur: a
           }), null, 16, ["class", "is-disabled", "is-readonly", "is-placeholder-visible-on-focus"]),
-          e.after || h.$slots.after ? (m(), b("div", {
+          e.after || m.$slots.after ? (p(), v("div", {
             key: 0,
-            class: v(n(E).after)
+            class: x(r(Y).after)
           }, [
-            y(h.$slots, "after", {}, () => [
-              z(T(e.after), 1)
+            $(m.$slots, "after", {}, () => [
+              L(D(e.after), 1)
             ])
-          ], 2)) : R("", !0)
+          ], 2)) : A("", !0)
         ], 2),
-        e.isInvalid && e.invalidDescription ? (m(), b("div", {
+        e.isInvalid && e.invalidDescription ? (p(), v("div", {
           key: 0,
-          class: v(n(E).invalid_description),
-          style: S(d.value)
-        }, T(e.invalidDescription), 7)) : R("", !0)
+          class: x(r(Y).invalid_description),
+          style: V(d.value)
+        }, D(e.invalidDescription), 7)) : A("", !0)
       ], 2)
     ], 6));
   }
-}), mi = "TextArea-module__wrapper___Bn4Tw", pi = "TextArea-module__textarea_container___FS0Tq", hi = "TextArea-module__textarea_container___FS0Tq", bi = "TextArea-module__textarea___zZCio", _i = "TextArea-module__placeholder_visible___eCc8w", ki = "TextArea-module__placeholder_visible___eCc8w", fi = "TextArea-module__disabled___lHxCa", vi = "TextArea-module__invalid_description___B6FfM", xi = "TextArea-module__invalid_description___B6FfM", yi = "TextArea-module__invalid___lqbKp", N = {
-  wrapper: mi,
-  textarea_container: pi,
-  textareaContainer: hi,
-  textarea: bi,
-  placeholder_visible: _i,
-  placeholderVisible: ki,
-  disabled: fi,
-  invalid_description: vi,
-  invalidDescription: xi,
-  invalid: yi
-}, gi = ["disabled", "readonly", "value"], Wn = /* @__PURE__ */ f({
+}), 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 = {
+  wrapper: Yi,
+  textarea_container: qi,
+  textareaContainer: Ui,
+  textarea: ji,
+  placeholder_visible: Ki,
+  placeholderVisible: Wi,
+  disabled: Zi,
+  invalid_description: Ji,
+  invalidDescription: Xi,
+  invalid: Qi
+}, eo = ["disabled", "readonly", "value"], us = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "TextArea",
   props: {
@@ -734,63 +728,63 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     modelValue: { default: "" }
   },
   emits: ["update:modelValue", "autosize"],
-  setup(e, { expose: r, emit: t }) {
-    const i = e, o = t, l = _(null), a = (c) => {
-      const d = c.target;
-      o("update:modelValue", d.value), i.isAutosized && s();
-    }, s = () => {
-      !l.value || !i.isAutosized || Fe(() => {
-        l.value && (l.value.style.height = "auto", l.value.style.height = `${l.value.scrollHeight}px`, o("autosize"));
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = k(null), s = (u) => {
+      const d = u.target;
+      n("update:modelValue", d.value), t.isAutosized && c();
+    }, c = () => {
+      !l.value || !t.isAutosized || pe(() => {
+        l.value && (l.value.style.height = "auto", l.value.style.height = `${l.value.scrollHeight}px`, n("autosize"));
       });
     };
-    return G(
-      () => i.modelValue,
+    return P(
+      () => t.modelValue,
       () => {
-        i.isAutosized && s();
+        t.isAutosized && c();
       }
-    ), G(
-      () => i.isAutosized,
-      (c) => {
-        c && s();
+    ), P(
+      () => t.isAutosized,
+      (u) => {
+        u && c();
       }
-    ), r({
+    ), o({
       textareaRef: l
-    }), (c, d) => (m(), b("div", {
-      class: v(n(N).wrapper),
-      style: S(e.theme)
+    }), (u, d) => (p(), v("div", {
+      class: x(r(Z).wrapper),
+      style: V(e.theme)
     }, [
-      $("div", {
-        class: v([
-          n(N).textarea_container,
+      T("div", {
+        class: x([
+          r(Z).textarea_container,
           {
-            [n(N).invalid]: e.isInvalid,
-            [n(N).disabled]: e.isDisabled
+            [r(Z).invalid]: e.isInvalid,
+            [r(Z).disabled]: e.isDisabled
           }
         ])
       }, [
-        $("textarea", w(c.$attrs, {
+        T("textarea", I(u.$attrs, {
           ref_key: "textareaRef",
           ref: l,
           class: [
-            n(N).textarea,
+            r(Z).textarea,
             {
-              [n(N).placeholder_visible]: e.isPlaceholderVisibleOnFocus
+              [r(Z).placeholder_visible]: e.isPlaceholderVisibleOnFocus
             }
           ],
           style: { maxHeight: e.maxHeight ? `${e.maxHeight}px` : void 0 },
           disabled: e.isDisabled,
           readonly: e.isReadOnly,
           value: e.modelValue,
-          onInput: a
-        }), null, 16, gi)
+          onInput: s
+        }), null, 16, eo)
       ], 2),
-      e.isInvalid && e.invalidDescription ? (m(), b("div", {
+      e.isInvalid && e.invalidDescription ? (p(), v("div", {
         key: 0,
-        class: v(n(N).invalid_description)
-      }, T(e.invalidDescription), 3)) : R("", !0)
+        class: x(r(Z).invalid_description)
+      }, D(e.invalidDescription), 3)) : A("", !0)
     ], 6));
   }
-}), Ue = {
+}), bt = {
   "--crm-ui-kit-textarea-disabled-border-color": "var(--crm-ui-kit-palette-border-primary)",
   "--crm-ui-kit-textarea-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-textarea-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -815,23 +809,23 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
   "--crm-ui-kit-textarea-border-style": "solid",
   "--crm-ui-kit-textarea-scrollbar-thumb-background": "var(--crm-ui-kit-palette-scrollbar-thumb-background)",
   "--crm-ui-kit-textarea-scrollbar-offset": "4px"
-}, Kn = {
-  ...Ue,
+}, ds = {
+  ...bt,
   "--crm-ui-kit-textarea-border-color": "var(--crm-ui-kit-palette-border-default)"
-}, Zn = {
-  ...Ue,
+}, ms = {
+  ...bt,
   "--crm-ui-kit-textarea-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, wi = "Text-module__text___XXjeA", Ii = "Text-module__ellipsis___79OkO", Ci = "Text-module__line_clamp___joAdp", $i = "Text-module__line_clamp___joAdp", Ti = "Text-module__s___sApyd", Ri = "Text-module__m___SHtLp", Si = "Text-module__ms___jfRqe", Di = "Text-module__l___GNH3i", Ai = "Text-module__xl___qII75", U = {
-  text: wi,
-  ellipsis: Ii,
-  line_clamp: Ci,
-  lineClamp: $i,
-  s: Ti,
-  m: Ri,
-  ms: Si,
-  l: Di,
-  xl: Ai
-}, ve = /* @__PURE__ */ f({
+}, to = "Text-module__text___XXjeA", io = "Text-module__ellipsis___79OkO", oo = "Text-module__line_clamp___joAdp", ro = "Text-module__line_clamp___joAdp", no = "Text-module__s___sApyd", lo = "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: no,
+  m: lo,
+  ms: so,
+  l: ao,
+  xl: co
+}, Le = /* @__PURE__ */ y({
   __name: "Text",
   props: {
     size: {},
@@ -841,29 +835,29 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     style: { default: () => ({}) }
   },
   setup(e) {
-    const r = e;
-    if (!["s", "m", "ms", "l", "xl"].includes(r.size))
+    const o = e;
+    if (!["s", "m", "ms", "l", "xl"].includes(o.size))
       throw new Error("Unknown size was presented");
-    const i = k(() => r.maxRows > 1);
-    return (o, l) => (m(), b("span", w(o.$attrs, {
+    const t = _(() => o.maxRows > 1);
+    return (n, l) => (p(), v("span", I(n.$attrs, {
       class: [
-        n(U).text,
-        n(U)[e.size],
+        r(se).text,
+        r(se)[e.size],
         {
-          [n(U).ellipsis]: e.isEllipsis,
-          [n(U).line_clamp]: i.value
+          [r(se).ellipsis]: e.isEllipsis,
+          [r(se).line_clamp]: t.value
         }
       ],
       style: {
-        ...i.value && { WebkitLineClamp: e.maxRows },
+        ...t.value && { WebkitLineClamp: e.maxRows },
         ...e.theme,
         ...e.style
       }
     }), [
-      y(o.$slots, "default")
+      $(n.$slots, "default")
     ], 16));
   }
-}), We = {
+}), ft = {
   "--crm-ui-kit-inline-input-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-inline-input-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
   "--crm-ui-kit-inline-input-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
@@ -887,33 +881,33 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
   "--crm-ui-kit-inline-input-invalid-description-arrow-width": "4px",
   "--crm-ui-kit-inline-input-invalid-description-arrow-top": "13px",
   "--crm-ui-kit-inline-input-invalid-description-arrow-left": "-5px"
-}, Jn = {
-  ...We,
+}, ps = {
+  ...ft,
   "--crm-ui-kit-inline-input-border-color": "transparent",
   "--crm-ui-kit-inline-input-focus-border-color": "var(--crm-ui-kit-color-blueberry)"
-}, Xn = {
-  ...We,
+}, hs = {
+  ...ft,
   "--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)"
-}, Bi = {
-  ...fe,
+}, uo = {
+  ...ze,
   "--crm-ui-kit-text-color": "var(--crm-ui-kit-inline-input-invalid-description-color)",
   "--crm-ui-kit-text-size-m-line-height": "15px"
-}, zi = "InlineInput-module__wrapper___qm49n", Vi = "InlineInput-module__input_container___gEtfR", Ei = "InlineInput-module__input_container___gEtfR", Li = "InlineInput-module__after_container___zn-12", Pi = "InlineInput-module__after_container___zn-12", Oi = "InlineInput-module__after___-G08s", Mi = "InlineInput-module__has_after___5vayE", Ni = "InlineInput-module__has_after___5vayE", Fi = "InlineInput-module__invalid_description_container___-HlH-", Gi = "InlineInput-module__invalid_description_container___-HlH-", Hi = "InlineInput-module__invalid_description___lJpY9", qi = "InlineInput-module__invalid_description___lJpY9", ji = "InlineInput-module__disabled___bzvEo", O = {
-  wrapper: zi,
-  input_container: Vi,
-  inputContainer: Ei,
-  after_container: Li,
-  afterContainer: Pi,
-  after: Oi,
-  has_after: Mi,
-  hasAfter: Ni,
-  invalid_description_container: Fi,
-  invalidDescriptionContainer: Gi,
-  invalid_description: Hi,
-  invalidDescription: qi,
-  disabled: ji
-}, Qn = /* @__PURE__ */ f({
+}, 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", $o = "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: $o
+}, _s = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "InlineInput",
   props: {
@@ -925,59 +919,59 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     after: {},
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = _(null);
-    return r({
-      inputRef: t
-    }), (i, o) => (m(), b("div", {
-      class: v(n(O).wrapper),
-      style: S(e.theme)
+  setup(e, { expose: o }) {
+    const i = k(null);
+    return o({
+      inputRef: i
+    }), (t, n) => (p(), v("div", {
+      class: x(r(U).wrapper),
+      style: V(e.theme)
     }, [
-      $("div", {
-        class: v([
-          n(O).input_container,
+      T("div", {
+        class: x([
+          r(U).input_container,
           {
-            [n(O).disabled]: e.isDisabled
+            [r(U).disabled]: e.isDisabled
           }
         ])
       }, [
-        D(_e, w(i.$attrs, {
+        M(Me, I(t.$attrs, {
           ref_key: "inputRef",
-          ref: t,
-          class: { [n(O).has_after]: !!e.after },
+          ref: i,
+          class: { [r(U).has_after]: !!e.after },
           "is-disabled": e.isDisabled
         }), null, 16, ["class", "is-disabled"])
       ], 2),
-      e.after ? (m(), b("div", {
+      e.after ? (p(), v("div", {
         key: 0,
-        class: v(n(O).after_container)
+        class: x(r(U).after_container)
       }, [
-        $("div", {
-          class: v(n(O).after)
-        }, T(e.after), 3)
-      ], 2)) : R("", !0),
-      e.isInvalid ? (m(), b("div", {
+        T("div", {
+          class: x(r(U).after)
+        }, D(e.after), 3)
+      ], 2)) : A("", !0),
+      e.isInvalid ? (p(), v("div", {
         key: 1,
-        class: v(n(O).invalid_description_container)
+        class: x(r(U).invalid_description_container)
       }, [
-        D(ve, {
+        M(Le, {
           size: "m",
-          theme: n(Bi),
-          class: v(n(O).invalid_description)
+          theme: r(uo),
+          class: x(r(U).invalid_description)
         }, {
-          default: V(() => [
-            z(T(e.invalidDescription), 1)
+          default: z(() => [
+            L(D(e.invalidDescription), 1)
           ]),
           _: 1
         }, 8, ["theme", "class"])
-      ], 2)) : R("", !0)
+      ], 2)) : A("", !0)
     ], 6));
   }
-}), Yi = "Switcher-module__wrapper___Bamq6", Ui = "Switcher-module__switcher___MjuSh", Wi = "Switcher-module__input___-K2Ku", oe = {
-  wrapper: Yi,
-  switcher: Ui,
-  input: Wi
-}, el = /* @__PURE__ */ f({
+}), Io = "Switcher-module__wrapper___Bamq6", wo = "Switcher-module__switcher___MjuSh", So = "Switcher-module__input___-K2Ku", $e = {
+  wrapper: Io,
+  switcher: wo,
+  input: So
+}, bs = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Switcher",
   props: {
@@ -990,43 +984,43 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     isDefaultChecked: { type: Boolean },
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null);
-    return r({
-      inputRef: i
-    }), (o, l) => (m(), b("div", {
-      class: v(n(oe).wrapper),
-      style: S(e.theme)
+  setup(e, { expose: o }) {
+    const i = e, t = k(null);
+    return o({
+      inputRef: t
+    }), (n, l) => (p(), v("div", {
+      class: x(r($e).wrapper),
+      style: V(e.theme)
     }, [
-      D(Q, w(o.$attrs, {
-        id: t.id,
+      M(be, I(n.$attrs, {
+        id: i.id,
         ref_key: "inputRef",
-        ref: i,
-        class: n(oe).input,
+        ref: t,
+        class: r($e).input,
         type: "checkbox",
-        "is-disabled": t.isDisabled,
-        "is-readonly": t.isReadonly,
-        "is-checked": t.isChecked,
-        "is-default-checked": t.isDefaultChecked,
-        value: t.value,
-        name: t.name
+        "is-disabled": i.isDisabled,
+        "is-readonly": i.isReadonly,
+        "is-checked": i.isChecked,
+        "is-default-checked": i.isDefaultChecked,
+        value: i.value,
+        name: i.name
       }), null, 16, ["id", "class", "is-disabled", "is-readonly", "is-checked", "is-default-checked", "value", "name"]),
-      $("span", {
-        class: v(n(oe).switcher)
+      T("span", {
+        class: x(r($e).switcher)
       }, null, 2)
     ], 6));
   }
-}), Ki = "Label-module__wrapper___NGGOS", Zi = "Label-module__top___-lhYX", Ji = "Label-module__text_container___UrUIG", Xi = "Label-module__text_container___UrUIG", Qi = "Label-module__centered___l3-JI", er = "Label-module__left___YkSoh", tr = "Label-module__right___KNrND", ir = "Label-module__text_description___UScdu", rr = "Label-module__text_description___UScdu", F = {
-  wrapper: Ki,
-  top: Zi,
-  text_container: Ji,
-  textContainer: Xi,
-  centered: Qi,
-  left: er,
-  right: tr,
-  text_description: ir,
-  textDescription: rr
-}, or = { key: 0 }, tl = /* @__PURE__ */ f({
+}), 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__ */ y({
   __name: "Label",
   props: {
     theme: {},
@@ -1035,47 +1029,47 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     textPlacement: { default: "top" },
     isCentered: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), o = {
-      top: F.top,
-      left: F.left,
-      right: F.right
-    }, l = k(() => o[t.textPlacement]);
-    return r({
-      labelRef: i
-    }), (a, s) => (m(), b("label", w(a.$attrs, {
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), n = {
+      top: J.top,
+      left: J.left,
+      right: J.right
+    }, l = _(() => n[i.textPlacement]);
+    return o({
+      labelRef: t
+    }), (s, c) => (p(), v("label", I(s.$attrs, {
       ref_key: "labelRef",
-      ref: i,
+      ref: t,
       class: [
         l.value,
         {
-          [n(F).centered]: e.isCentered
+          [r(J).centered]: e.isCentered
         }
       ],
       style: e.theme
     }), [
-      e.text || e.description || a.$slots.text || a.$slots.description ? (m(), b("div", {
+      e.text || e.description || s.$slots.text || s.$slots.description ? (p(), v("div", {
         key: 0,
-        class: v(n(F).text_container)
+        class: x(r(J).text_container)
       }, [
-        e.text || a.$slots.text ? (m(), b("span", or, [
-          y(a.$slots, "text", {}, () => [
-            z(T(e.text), 1)
+        e.text || s.$slots.text ? (p(), v("span", zo, [
+          $(s.$slots, "text", {}, () => [
+            L(D(e.text), 1)
           ])
-        ])) : R("", !0),
-        e.description || a.$slots.description ? (m(), b("div", {
+        ])) : A("", !0),
+        e.description || s.$slots.description ? (p(), v("div", {
           key: 1,
-          class: v(n(F).text_description)
+          class: x(r(J).text_description)
         }, [
-          y(a.$slots, "description", {}, () => [
-            z(T(e.description), 1)
+          $(s.$slots, "description", {}, () => [
+            L(D(e.description), 1)
           ])
-        ], 2)) : R("", !0)
-      ], 2)) : R("", !0),
-      y(a.$slots, "default")
+        ], 2)) : A("", !0)
+      ], 2)) : A("", !0),
+      $(s.$slots, "default")
     ], 16));
   }
-}), il = {
+}), vs = {
   "--crm-ui-kit-switcher-active-element-color": "var(--crm-ui-kit-palette-active-element-900)",
   "--crm-ui-kit-switcher-border-color": "var(--crm-ui-kit-palette-switcher-border-default)",
   "--crm-ui-kit-switcher-line-border-radius": "26px",
@@ -1088,11 +1082,11 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, nr = "SelectButton-module__button___rXDb-", lr = "SelectButton-module__invalid___9dO2z", ar = "SelectButton-module__disabled___sqM8-", ne = {
-  button: nr,
-  invalid: lr,
-  disabled: ar
-}, sr = ["disabled"], cr = "Enter", ur = "Space", dr = /* @__PURE__ */ f({
+}, Lo = "SelectButton-module__button___rXDb-", Po = "SelectButton-module__invalid___9dO2z", Go = "SelectButton-module__disabled___sqM8-", Ie = {
+  button: Lo,
+  invalid: Po,
+  disabled: Go
+}, No = ["disabled"], Fo = "Enter", Ho = "Space", vt = /* @__PURE__ */ y({
   __name: "SelectButton",
   props: {
     theme: {},
@@ -1100,35 +1094,35 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["toggle"],
-  setup(e, { expose: r, emit: t }) {
-    const i = t, o = _(null), l = () => {
-      i("toggle");
-    }, a = (s) => {
-      [cr, ur].includes(s.code) && (s.preventDefault(), l());
+  setup(e, { expose: o, emit: i }) {
+    const t = i, n = k(null), l = () => {
+      t("toggle");
+    }, s = (c) => {
+      [Fo, Ho].includes(c.code) && (c.preventDefault(), l());
     };
-    return r({
-      buttonRef: o
-    }), (s, c) => (m(), b("button", w({
+    return o({
+      buttonRef: n
+    }), (c, u) => (p(), v("button", I({
       ref_key: "buttonRef",
-      ref: o
-    }, s.$attrs, {
+      ref: n
+    }, c.$attrs, {
       type: "button",
       class: [
-        n(ne).button,
+        r(Ie).button,
         {
-          [n(ne).invalid]: e.isInvalid,
-          [n(ne).disabled]: e.isDisabled
+          [r(Ie).invalid]: e.isInvalid,
+          [r(Ie).disabled]: e.isDisabled
         }
       ],
       style: e.theme,
       disabled: e.isDisabled,
       onClick: l,
-      onKeydown: a
+      onKeydown: s
     }), [
-      y(s.$slots, "default")
-    ], 16, sr));
+      $(c.$slots, "default")
+    ], 16, No));
   }
-}), Ke = {
+}), kt = {
   "--crm-ui-kit-select-button-border-width": "1px",
   "--crm-ui-kit-select-button-z-index": "10",
   "--crm-ui-kit-select-button-height": "36px",
@@ -1143,35 +1137,35 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
   "--crm-ui-kit-select-button-line-height": "20px",
   "--crm-ui-kit-select-button-focus-visible-border": "1px solid var(--crm-ui-kit-palette-border-active)",
   "--crm-ui-kit-select-button-color": "var(--crm-ui-kit-palette-text-primary)"
-}, rl = {
-  ...Ke,
+}, ks = {
+  ...kt,
   "--crm-ui-kit-select-button-border": "var(--crm-ui-kit-select-button-border-width) solid var(--crm-ui-kit-palette-border-default)",
   "--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)"
-}, ol = {
-  ...Ke,
+}, xs = {
+  ...kt,
   "--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)"
-}, L = (e, r) => {
-  const t = Symbol(e);
+}, F = (e, o) => {
+  const i = Symbol(e);
   return [(l) => {
-    Oe(t, l);
+    st(i, l);
   }, (l) => {
-    const a = Me(t, r);
-    if (a)
-      return a;
+    const s = at(i, o);
+    if (s)
+      return s;
     throw new Error(
       `\`${l}\` must be used within \`${e}\``
     );
   }];
-}, Ze = "Select", [mr, te] = L(Ze), pr = "Select-module__select___U4LyF", hr = "Select-module__opened___IOv4m", Ce = {
-  select: pr,
-  opened: hr
-}, br = f({
-  name: Ze
-}), nl = /* @__PURE__ */ f({
-  ...br,
+}, xt = "Select", [Yo, ve] = F(xt), qo = "Select-module__select___U4LyF", Uo = "Select-module__opened___IOv4m", Ue = {
+  select: qo,
+  opened: Uo
+}, jo = y({
+  name: xt
+}), ys = /* @__PURE__ */ y({
+  ...jo,
   props: {
     theme: {},
     value: {},
@@ -1182,101 +1176,101 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     isDefaultOpen: { type: Boolean }
   },
   emits: ["change", "openChange"],
-  setup(e, { expose: r, emit: t }) {
-    const o = e, l = t, a = _(null), s = _(o.isDefaultOpen ?? !1), c = _(-1), d = _(o.defaultValue), p = k(() => o.value !== void 0), g = pt(), x = k(() => {
-      const C = g == null ? void 0 : g.vnode;
-      return C != null && C.props ? "isOpen" in C.props || "is-open" in C.props : !1;
-    }), u = k(
-      () => p.value ? o.value : d.value
-    ), h = k(
-      () => x.value ? !!o.isOpen : s.value
-    ), ut = J({
+  setup(e, { expose: o, emit: i }) {
+    const n = e, l = i, s = k(null), c = k(n.isDefaultOpen ?? !1), u = k(-1), d = k(n.defaultValue), h = _(() => n.value !== void 0), g = ut(), f = _(() => {
+      const R = g == null ? void 0 : g.vnode;
+      return R != null && R.props ? "isOpen" in R.props || "is-open" in R.props : !1;
+    }), a = _(
+      () => h.value ? n.value : d.value
+    ), m = _(
+      () => f.value ? !!n.isOpen : c.value
+    ), ge = ie({
       get hoveredIndex() {
-        return c.value;
+        return u.value;
       },
-      set hoveredIndex(C) {
-        c.value = C;
+      set hoveredIndex(R) {
+        u.value = R;
       },
-      onHoveredIndexChange: (C) => {
-        c.value = C;
+      onHoveredIndexChange: (R) => {
+        u.value = R;
       },
-      onChange: (C) => {
-        p.value || (d.value = C), l("change", C), s.value = !1;
+      onChange: (R) => {
+        h.value || (d.value = R), l("change", R), c.value = !1;
       },
       get isOpened() {
-        return h.value;
+        return m.value;
       },
-      onOpen: (C) => {
-        !(o.isDisabled ?? !1) && !x.value && (s.value = C, l("openChange", C));
+      onOpen: (R) => {
+        !(n.isDisabled ?? !1) && !f.value && (c.value = R, l("openChange", R));
       },
       get isDisabled() {
-        return o.isDisabled ?? !1;
+        return n.isDisabled ?? !1;
       },
       get isInvalid() {
-        return o.isInvalid ?? !1;
+        return n.isInvalid ?? !1;
       },
       get value() {
-        return u.value;
+        return a.value;
       },
       get defaultValue() {
-        return o.defaultValue;
+        return n.defaultValue;
       }
     });
-    return mr(ut), r({
-      selectRef: a
-    }), (C, vn) => (m(), b("div", w(C.$attrs, {
+    return Yo(ge), o({
+      selectRef: s
+    }), (R, Ne) => (p(), v("div", I(R.$attrs, {
       ref_key: "selectRef",
-      ref: a,
+      ref: s,
       class: [
-        n(Ce).select,
+        r(Ue).select,
         {
-          [n(Ce).opened]: h.value
+          [r(Ue).opened]: m.value
         }
       ],
       style: e.theme
     }), [
-      y(C.$slots, "default")
+      $(R.$slots, "default")
     ], 16));
   }
-}), ll = {
+}), gs = {
   "--crm-ui-kit-select-z-index": "auto",
   "--crm-ui-kit-select-opened-z-index": "60"
-}, _r = "Option-module__text___taK9J", kr = {
-  text: _r
-}, Je = /* @__PURE__ */ f({
+}, Ko = "Option-module__text___taK9J", Wo = {
+  text: Ko
+}, re = /* @__PURE__ */ y({
   __name: "Option",
   props: {
     class: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = {
-      ...fe,
+  setup(e, { expose: o }) {
+    const i = e, t = {
+      ...ze,
       "--crm-ui-kit-text-color": "inherit"
-    }, o = _(null);
-    return r({
-      optionRef: o
-    }), (l, a) => (m(), b("span", {
+    }, n = k(null);
+    return o({
+      optionRef: n
+    }), (l, s) => (p(), v("span", {
       ref_key: "optionRef",
-      ref: o,
-      class: v([n(kr).text, t.class])
+      ref: n,
+      class: x([r(Wo).text, i.class])
     }, [
-      D(ve, {
-        theme: i,
+      M(Le, {
+        theme: t,
         size: "l",
         "is-ellipsis": !0
       }, {
-        default: V(() => [
-          y(l.$slots, "default")
+        default: z(() => [
+          $(l.$slots, "default")
         ]),
         _: 3
       })
     ], 2));
   }
-}), fr = "Item-module__item___MhuKP", vr = "Item-module__selected___vlZkB", xr = "Item-module__hovered___Zad41", le = {
-  item: fr,
-  selected: vr,
-  hovered: xr
-}, yr = "Select.Item", al = /* @__PURE__ */ f({
+}), 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__ */ y({
   __name: "Item",
   props: {
     item: {},
@@ -1284,41 +1278,41 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     class: {},
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = te(yr), o = _(null), l = k(() => {
-      var c;
-      return ((c = i.value) == null ? void 0 : c.value) === t.item.value;
-    }), a = k(() => i.hoveredIndex === t.index), s = (c) => {
-      c.preventDefault(), i.onHoveredIndexChange(t.index), typeof i.onChange == "function" && i.onChange(t.item);
+  setup(e, { expose: o }) {
+    const i = e, t = ve(Qo), n = k(null), l = _(() => {
+      var u;
+      return ((u = t.value) == null ? void 0 : u.value) === i.item.value;
+    }), s = _(() => t.hoveredIndex === i.index), c = (u) => {
+      u.preventDefault(), t.onHoveredIndexChange(i.index), typeof t.onChange == "function" && t.onChange(i.item);
     };
-    return r({
-      itemRef: o
-    }), (c, d) => (m(), b("li", w({
+    return o({
+      itemRef: n
+    }), (u, d) => (p(), v("li", I({
       ref_key: "itemRef",
-      ref: o
-    }, c.$attrs, {
+      ref: n
+    }, u.$attrs, {
       class: [
-        n(le).item,
+        r(we).item,
         {
-          [n(le).selected]: l.value,
-          [n(le).hovered]: a.value
+          [r(we).selected]: l.value,
+          [r(we).hovered]: s.value
         },
-        t.class
+        i.class
       ],
       style: e.theme,
-      onClick: s
+      onClick: c
     }), [
-      y(c.$slots, "default", {}, () => [
-        D(Je, null, {
-          default: V(() => [
-            z(T(e.item.option), 1)
+      $(u.$slots, "default", {}, () => [
+        M(re, null, {
+          default: z(() => [
+            L(D(e.item.option), 1)
           ]),
           _: 1
         })
       ])
     ], 16));
   }
-}), sl = {
+}), $s = {
   "--crm-ui-kit-select-item-padding": "7px 6px 7px 22px",
   "--crm-ui-kit-select-item-margin": "0px -11px 0px 0px",
   "--crm-ui-kit-select-item-font-size": "var(--crm-ui-kit-base-font-size)",
@@ -1327,33 +1321,33 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, gr = "Arrow-module__wrapper___MpIq-", wr = {
-  wrapper: gr
-}, Ir = 20, Cr = 20, cl = /* @__PURE__ */ f({
+}, er = "Arrow-module__wrapper___MpIq-", tr = {
+  wrapper: er
+}, ir = 20, or = 20, Is = /* @__PURE__ */ y({
   __name: "Arrow",
   props: {
     theme: {},
     class: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null);
-    return r({
-      arrowRef: i
-    }), (o, l) => (m(), b("span", {
+  setup(e, { expose: o }) {
+    const i = e, t = k(null);
+    return o({
+      arrowRef: t
+    }), (n, l) => (p(), v("span", {
       ref_key: "arrowRef",
-      ref: i,
-      class: v([n(wr).wrapper, t.class]),
-      style: S(e.theme)
+      ref: t,
+      class: x([r(tr).wrapper, i.class]),
+      style: V(e.theme)
     }, [
-      y(o.$slots, "default", {}, () => [
-        (m(), b("svg", {
+      $(n.$slots, "default", {}, () => [
+        (p(), v("svg", {
           xmlns: "http://www.w3.org/2000/svg",
-          width: Ir,
-          height: Cr,
+          width: ir,
+          height: or,
           fill: "none",
           viewBox: "0 0 21 21"
         }, [...l[0] || (l[0] = [
-          $("path", {
+          T("path", {
             fill: "currentColor",
             "fill-rule": "evenodd",
             d: "m5.25 8.826 1-1 4.5 4.4 4.5-4.4 1 1-5.5 5.5-5.5-5.5Z",
@@ -1363,39 +1357,39 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
       ])
     ], 6));
   }
-}), ul = {
+}), ws = {
   "--crm-ui-kit-select-arrow-width": "20px",
   "--crm-ui-kit-select-arrow-height": "20px",
   "--crm-ui-kit-select-margin": "0 0 0 auto"
-}, $r = "Icon-module__wrapper___LScci", Tr = {
-  wrapper: $r
-}, dl = /* @__PURE__ */ f({
+}, rr = "Icon-module__wrapper___LScci", nr = {
+  wrapper: rr
+}, Ss = /* @__PURE__ */ y({
   __name: "Icon",
   props: {
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = _(null);
-    return r({
-      iconRef: t
-    }), (i, o) => i.$slots.default ? (m(), b("span", {
+  setup(e, { expose: o }) {
+    const i = k(null);
+    return o({
+      iconRef: i
+    }), (t, n) => t.$slots.default ? (p(), v("span", {
       key: 0,
       ref_key: "iconRef",
-      ref: t,
-      class: v(n(Tr).wrapper),
-      style: S(e.theme)
+      ref: i,
+      class: x(r(nr).wrapper),
+      style: V(e.theme)
     }, [
-      y(i.$slots, "default")
-    ], 6)) : R("", !0);
+      $(t.$slots, "default")
+    ], 6)) : A("", !0);
   }
-}), ml = {
+}), Ts = {
   "--crm-ui-kit-select-icon-width": "20px",
   "--crm-ui-kit-select-icon-height": "20px",
   "--crm-ui-kit-select-icon-margin": "0 6px 0 0"
-}, Rr = "List-module__list___yt0s5", Sr = "List-module__opened___-UDVm", $e = {
-  list: Rr,
-  opened: Sr
-}, Te = /* @__PURE__ */ f({
+}, lr = "List-module__list___yt0s5", sr = "List-module__opened___-UDVm", je = {
+  list: lr,
+  opened: sr
+}, Ke = /* @__PURE__ */ y({
   __name: "List",
   props: {
     theme: {},
@@ -1403,46 +1397,45 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     hoveredIndex: { default: 0 }
   },
   emits: ["select", "toggle", "hoveredIndexChange"],
-  setup(e, { expose: r, emit: t }) {
-    const i = e, o = t, l = _(null), a = ue(), s = k(() => a.default ? a.default().length : 0), c = (d) => {
-      const { hoveredIndex: p } = i;
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = k(null), s = oe(), c = _(() => s.default ? s.default().length : 0), u = (d) => {
+      const { hoveredIndex: h } = t;
       switch (d.code) {
         case "ArrowDown":
-          d.preventDefault(), p < s.value - 1 && o("hoveredIndexChange", p + 1);
+          d.preventDefault(), h < c.value - 1 && n("hoveredIndexChange", h + 1);
           break;
         case "ArrowUp":
-          d.preventDefault(), p > 0 && o("hoveredIndexChange", p - 1);
+          d.preventDefault(), h > 0 && n("hoveredIndexChange", h - 1);
           break;
         case "Enter":
         case "Space":
-          d.preventDefault(), o("select", p);
+          d.preventDefault(), n("select", h);
           break;
         case "Escape":
-          d.preventDefault(), o("toggle", !1);
+          d.preventDefault(), n("toggle", !1);
           break;
       }
     };
-    return r({
+    return o({
       listRef: l
-    }), (d, p) => e.isOpened ? (m(), b("ul", w({ key: 0 }, d.$attrs, {
+    }), (d, h) => e.isOpened ? (p(), v("ul", I({ key: 0 }, d.$attrs, {
       ref_key: "listRef",
       ref: l,
       tabindex: "0",
       role: "list",
       class: [
-        "custom-scroll",
-        n($e).list,
+        r(je).list,
         {
-          [n($e).opened]: e.isOpened
+          [r(je).opened]: e.isOpened
         }
       ],
       style: e.theme,
-      onKeydown: c
+      onKeydown: u
     }), [
-      y(d.$slots, "default")
-    ], 16)) : R("", !0);
+      $(d.$slots, "default")
+    ], 16)) : A("", !0);
   }
-}), pl = {
+}), As = {
   "--crm-ui-kit-list-top": "0px",
   "--crm-ui-kit-list-max-height": "211px",
   "--crm-ui-kit-list-z-index": "30",
@@ -1457,175 +1450,493 @@ const Vt = "Button-module__button___18Bed", Et = "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)"
-}, Dr = "Select.Button", hl = /* @__PURE__ */ f({
+}, ar = "Select.Button", Rs = /* @__PURE__ */ y({
   __name: "Button",
   props: {
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = te(Dr), i = _(null), o = () => {
-      t.onOpen(!t.isOpened);
+  setup(e, { expose: o }) {
+    const i = ve(ar), t = k(null), n = () => {
+      i.onOpen(!i.isOpened);
     };
-    return G(
-      () => t.isOpened,
-      (l, a) => {
-        var s, c;
-        a && !l && ((c = (s = i.value) == null ? void 0 : s.buttonRef) == null || c.focus());
+    return P(
+      () => i.isOpened,
+      (l, s) => {
+        var c, u;
+        s && !l && ((u = (c = t.value) == null ? void 0 : c.buttonRef) == null || u.focus());
       }
-    ), r({
-      buttonRef: i
-    }), (l, a) => (m(), B(dr, w({
+    ), o({
+      buttonRef: t
+    }), (l, s) => (p(), E(vt, I({
       ref_key: "buttonRef",
-      ref: i
+      ref: t
     }, l.$attrs, {
       theme: e.theme,
-      "is-disabled": n(t).isDisabled,
-      "is-invalid": n(t).isInvalid,
-      onToggle: o
+      "is-disabled": r(i).isDisabled,
+      "is-invalid": r(i).isInvalid,
+      onToggle: n
     }), {
-      default: V(() => [
-        y(l.$slots, "default")
+      default: z(() => [
+        $(l.$slots, "default")
       ]),
       _: 3
     }, 16, ["theme", "is-disabled", "is-invalid"]));
   }
-}), Ar = ({ ref: e, handler: r }) => {
-  const t = (i) => {
-    e.value && !e.value.contains(i.target) && r();
+}), yt = ({ ref: e, handler: o }) => {
+  const i = (t) => {
+    e.value && !e.value.contains(t.target) && o();
   };
-  j(() => {
-    document.addEventListener("mousedown", t);
-  }), Ne(() => {
-    document.removeEventListener("mousedown", t);
+  te(() => {
+    document.addEventListener("mousedown", i);
+  }), ct(() => {
+    document.removeEventListener("mousedown", i);
   });
-}, Br = "Select.List", bl = /* @__PURE__ */ f({
+}, cr = "Select.List", Ds = /* @__PURE__ */ y({
   __name: "SelectList",
   props: {
     theme: {},
     class: {},
     container: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = te(Br), o = _(null), l = ue(), a = k(() => l.default ? l.default().map((h) => {
-      var I;
-      return (I = h.props) == null ? void 0 : I.item;
-    }).filter(Boolean) : []), s = k(() => {
-      const u = {};
-      return a.value.forEach((h, I) => {
-        (h == null ? void 0 : h.value) !== void 0 && (u[String(h.value)] = I);
-      }), u;
-    }), c = k(() => {
-      if (i.value) {
-        const u = s.value[String(i.value.value)];
-        if (u !== void 0) return u;
+  setup(e, { expose: o }) {
+    const i = e, t = ve(cr), n = k(null), l = oe(), s = _(() => l.default ? l.default().map((m) => {
+      var b;
+      return (b = m.props) == null ? void 0 : b.item;
+    }).filter(Boolean) : []), c = _(() => {
+      const a = {};
+      return s.value.forEach((m, b) => {
+        (m == null ? void 0 : m.value) !== void 0 && (a[String(m.value)] = b);
+      }), a;
+    }), u = _(() => {
+      if (t.value) {
+        const a = c.value[String(t.value.value)];
+        if (a !== void 0) return a;
       }
-      return i.hoveredIndex;
-    }), d = (u) => {
-      i.onHoveredIndexChange(u);
-    }, p = (u) => {
-      i.onOpen(u);
-    }, g = (u) => {
-      const h = a.value[u];
-      h && typeof i.onChange == "function" && i.onChange(h);
-    }, x = k(() => {
-      var u;
-      return ((u = o.value) == null ? void 0 : u.listRef) ?? null;
+      return t.hoveredIndex;
+    }), d = (a) => {
+      t.onHoveredIndexChange(a);
+    }, h = (a) => {
+      t.onOpen(a);
+    }, g = (a) => {
+      const m = s.value[a];
+      m && typeof t.onChange == "function" && t.onChange(m);
+    }, f = _(() => {
+      var a;
+      return ((a = n.value) == null ? void 0 : a.listRef) ?? null;
     });
-    return Ar({
-      ref: x,
+    return yt({
+      ref: f,
       handler: () => {
-        i.isOpened && i.onOpen(!1);
+        t.isOpened && t.onOpen(!1);
       }
-    }), G(
-      () => i.isOpened,
-      (u) => {
-        var h, I;
-        u && ((I = (h = o.value) == null ? void 0 : h.listRef) == null || I.focus());
+    }), P(
+      () => t.isOpened,
+      (a) => {
+        var m, b;
+        a && ((b = (m = n.value) == null ? void 0 : m.listRef) == null || b.focus());
       }
-    ), r({
-      listRef: o
-    }), (u, h) => e.container ? (m(), B(Ge, {
+    ), o({
+      listRef: n
+    }), (a, m) => e.container ? (p(), E(Ae, {
       key: 0,
       to: e.container
     }, [
-      D(Te, {
+      M(Ke, {
         ref_key: "listRef",
-        ref: o,
-        class: v(t.class),
-        "is-opened": n(i).isOpened,
+        ref: n,
+        class: x(i.class),
+        "is-opened": r(t).isOpened,
         theme: e.theme,
-        "hovered-index": c.value,
+        "hovered-index": u.value,
         onHoveredIndexChange: d,
-        onToggle: p,
+        onToggle: h,
         onSelect: g
       }, {
-        default: V(() => [
-          y(u.$slots, "default")
+        default: z(() => [
+          $(a.$slots, "default")
         ]),
         _: 3
       }, 8, ["class", "is-opened", "theme", "hovered-index"])
-    ], 8, ["to"])) : (m(), B(Te, {
+    ], 8, ["to"])) : (p(), E(Ke, {
       key: 1,
       ref_key: "listRef",
-      ref: o,
-      class: v(t.class),
-      "is-opened": n(i).isOpened,
+      ref: n,
+      class: x(i.class),
+      "is-opened": r(t).isOpened,
       theme: e.theme,
-      "hovered-index": c.value,
+      "hovered-index": u.value,
       onHoveredIndexChange: d,
-      onToggle: p,
+      onToggle: h,
       onSelect: g
     }, {
-      default: V(() => [
-        y(u.$slots, "default")
+      default: z(() => [
+        $(a.$slots, "default")
       ]),
       _: 3
     }, 8, ["class", "is-opened", "theme", "hovered-index"]));
   }
-}), zr = "Select.Value", _l = /* @__PURE__ */ f({
+}), ur = "Select.Value", Bs = /* @__PURE__ */ y({
   __name: "Value",
   props: {
     placeholder: { default: "" },
     class: { default: "" },
     name: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = te(zr), o = k(() => !i.value), l = _(null);
-    return r({
+  setup(e, { expose: o }) {
+    const i = e, t = ve(ur), n = _(() => !t.value), l = k(null);
+    return o({
       optionRef: l
-    }), (a, s) => {
-      var c;
-      return m(), b(ce, null, [
-        a.$slots.default ? y(a.$slots, "default", { key: 0 }) : (m(), B(Je, {
+    }), (s, c) => {
+      var u;
+      return p(), v(me, null, [
+        s.$slots.default ? $(s.$slots, "default", { key: 0 }) : (p(), E(re, {
           key: 1,
           ref_key: "optionRef",
           ref: l,
-          class: v(t.class)
+          class: x(i.class)
         }, {
-          default: V(() => {
+          default: z(() => {
             var d;
             return [
-              z(T(o.value ? e.placeholder : (d = n(i).value) == null ? void 0 : d.option), 1)
+              L(D(n.value ? e.placeholder : (d = r(t).value) == null ? void 0 : d.option), 1)
             ];
           }),
           _: 1
         }, 8, ["class"])),
-        D(Q, {
+        M(be, {
           name: e.name,
           type: "hidden",
-          value: (c = n(i).value) == null ? void 0 : c.value
+          value: (u = r(t).value) == null ? void 0 : u.value
         }, null, 8, ["name", "value"])
       ], 64);
     };
   }
-}), Vr = () => "ontouchstart" in window, Er = "Checkbox-module__wrapper___rznMS", Lr = "Checkbox-module__input___-039s", Pr = "Checkbox-module__checkbox___D0D4S", Or = "Checkbox-module__indeterminate___rX-dK", Mr = "Checkbox-module__invalid___B4jAs", Nr = "Checkbox-module__touchable___glE4H", q = {
-  wrapper: Er,
-  input: Lr,
-  checkbox: Pr,
-  indeterminate: Or,
-  invalid: Mr,
-  touchable: Nr
-}, Fr = /* @__PURE__ */ f({
+}), gt = "MultiSelect", [dr, W] = F(gt), mr = "MultiSelect-module__multiselect___93yRK", pr = "MultiSelect-module__opened___thrIy", We = {
+  multiselect: mr,
+  opened: pr
+}, hr = y({
+  name: gt
+}), Vs = /* @__PURE__ */ y({
+  ...hr,
+  props: {
+    theme: {},
+    mode: { default: "multi" },
+    groupSelectable: { type: Boolean, default: !1 },
+    value: {},
+    defaultValue: {},
+    items: {},
+    isInvalid: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isOpen: { type: Boolean },
+    isDefaultOpen: { type: Boolean }
+  },
+  emits: ["change", "openChange"],
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = 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), g = ut(), f = _(() => {
+      const C = g == null ? void 0 : g.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 = _(
+      () => f.value ? !!t.isOpen : s.value
+    ), b = _(() => t.items ?? []), S = _(() => {
+      const C = a.value;
+      return b.value.filter((w) => C.has(w.value));
+    }), X = (C) => {
+      (t.isDisabled ?? !1) || (f.value || (s.value = C), C || (u.value = ""), n("openChange", C));
+    }, ge = (C) => {
+      if (t.mode === "single")
+        h.value || (d.value = /* @__PURE__ */ new Set([C.value])), n("change", [C]), X(!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));
+        n("change", O);
+      }
+    }, R = (C) => {
+      const w = b.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));
+      n("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));
+      n("change", O);
+    }, ne = (C) => b.value.filter((w) => w.group === C), Mt = (C) => {
+      const w = ne(C);
+      return w.length > 0 && w.every((O) => a.value.has(O.value));
+    }, Ot = (C) => {
+      const w = ne(C), O = w.filter((B) => a.value.has(B.value)).length;
+      return O > 0 && O < w.length;
+    }, zt = () => b.value.length > 0 && b.value.every((C) => a.value.has(C.value)), Lt = () => {
+      const C = b.value.filter((w) => a.value.has(w.value)).length;
+      return C > 0 && C < b.value.length;
+    }, Pt = (C) => {
+      c.value = C;
+    }, Gt = (C) => {
+      u.value = C;
+    }, Nt = (C) => {
+      const w = u.value.trim().toLowerCase();
+      return w ? C.option.toLowerCase().includes(w) : !0;
+    }, Ft = (C) => {
+      const w = u.value.trim().toLowerCase();
+      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));
+        if (B.length > 0) {
+          const H = new Set(O);
+          B.forEach((Ce) => H.delete(Ce)), h.value || (d.value = H);
+          const N = C.filter((Ce) => H.has(Ce.value));
+          n("change", N);
+        }
+      },
+      { deep: !0 }
+    );
+    const Ht = ie({
+      get values() {
+        return a.value;
+      },
+      get selectedItems() {
+        return S.value;
+      },
+      get isOpened() {
+        return m.value;
+      },
+      get isDisabled() {
+        return t.isDisabled ?? !1;
+      },
+      get isInvalid() {
+        return t.isInvalid ?? !1;
+      },
+      get hoveredItemValue() {
+        return c.value;
+      },
+      get mode() {
+        return t.mode ?? "multi";
+      },
+      get groupSelectable() {
+        return t.groupSelectable ?? !1;
+      },
+      get searchQuery() {
+        return u.value;
+      },
+      onOpen: X,
+      onToggleItem: ge,
+      onToggleGroup: R,
+      onToggleAll: Ne,
+      onHoveredItemChange: Pt,
+      onSearchChange: Gt,
+      isItemMatchingSearch: Nt,
+      isGroupMatchingSearch: Ft,
+      getGroupItems: ne,
+      isGroupAllSelected: Mt,
+      isGroupPartiallySelected: Ot,
+      isAllSelected: zt,
+      isPartiallySelected: Lt
+    });
+    return dr(Ht), o({
+      multiSelectRef: l
+    }), (C, w) => (p(), v("div", I(C.$attrs, {
+      ref_key: "multiSelectRef",
+      ref: l,
+      class: [
+        r(We).multiselect,
+        {
+          [r(We).opened]: m.value
+        }
+      ],
+      style: e.theme
+    }), [
+      $(C.$slots, "default")
+    ], 16));
+  }
+}), Es = {
+  "--crm-ui-kit-multiselect-z-index": "auto",
+  "--crm-ui-kit-multiselect-opened-z-index": "60"
+}, _r = "MultiSelect.Trigger", Ms = /* @__PURE__ */ y({
+  __name: "Trigger",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: o }) {
+    const i = W(_r), t = k(null), n = () => {
+      i.onOpen(!i.isOpened);
+    };
+    return P(
+      () => i.isOpened,
+      (l, s) => {
+        var c, u;
+        s && !l && ((u = (c = t.value) == null ? void 0 : c.buttonRef) == null || u.focus());
+      }
+    ), o({
+      buttonRef: t
+    }), (l, s) => (p(), E(vt, I({
+      ref_key: "buttonRef",
+      ref: t
+    }, l.$attrs, {
+      theme: e.theme,
+      "is-disabled": r(i).isDisabled,
+      "is-invalid": r(i).isInvalid,
+      onToggle: n
+    }), {
+      default: z(() => [
+        $(l.$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__ */ y({
+  __name: "MultiSelectList",
+  props: {
+    theme: {},
+    class: {},
+    container: {},
+    emptyText: { default: "Нет элементов" }
+  },
+  setup(e, { expose: o }) {
+    const i = e, t = W(xr), n = k(null), l = 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 (!l.default) return [];
+      const a = l.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), g = _(() => {
+      const a = t.hoveredItemValue;
+      return a === null ? -1 : d.value[String(a)] ?? -1;
+    });
+    P(
+      () => t.isOpened,
+      (a) => {
+        a && (h.value = g.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 yt({
+      ref: n,
+      handler: () => {
+        t.isOpened && t.onOpen(!1);
+      }
+    }), P(
+      () => t.isOpened,
+      (a) => {
+        a && setTimeout(() => {
+          var m;
+          (m = n.value) == null || m.focus();
+        }, 0);
+      }
+    ), o({
+      listRef: n,
+      items: c,
+      itemsMap: d
+    }), (a, m) => e.container ? (p(), E(Ae, {
+      key: 0,
+      to: e.container
+    }, [
+      r(t).isOpened ? (p(), v("ul", I({
+        key: 0,
+        ref_key: "listRef",
+        ref: n
+      }, 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
+      }), [
+        $(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", I({
+        key: 0,
+        ref_key: "listRef",
+        ref: n
+      }, 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
+      }), [
+        $(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", $r = "Checkbox-module__checkbox___D0D4S", Ir = "Checkbox-module__indeterminate___rX-dK", wr = "Checkbox-module__invalid___B4jAs", Sr = "Checkbox-module__touchable___glE4H", Q = {
+  wrapper: gr,
+  input: Cr,
+  checkbox: $r,
+  indeterminate: Ir,
+  invalid: wr,
+  touchable: Sr
+}, ke = /* @__PURE__ */ y({
   inheritAttrs: !1,
   __name: "Checkbox",
   props: {
@@ -1640,74 +1951,74 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
     isInvalid: { type: Boolean, default: !1 },
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), o = _(!1);
-    return j(() => {
-      o.value = Vr();
-    }), r({
-      inputRef: i
-    }), (l, a) => (m(), b("div", {
-      class: v([
-        n(q).wrapper,
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), n = k(!1);
+    return te(() => {
+      n.value = yr();
+    }), o({
+      inputRef: t
+    }), (l, s) => (p(), v("div", {
+      class: x([
+        r(Q).wrapper,
         {
-          [n(q).touchable]: o.value
+          [r(Q).touchable]: n.value
         }
       ]),
-      style: S(e.theme)
+      style: V(e.theme)
     }, [
-      D(Q, w(l.$attrs, {
-        id: t.id,
+      M(be, I(l.$attrs, {
+        id: i.id,
         ref_key: "inputRef",
-        ref: i,
-        class: n(q).input,
+        ref: t,
+        class: r(Q).input,
         type: "checkbox",
-        "is-disabled": t.isDisabled,
-        "is-readonly": t.isReadonly,
-        "is-checked": t.isChecked,
-        "is-default-checked": t.isDefaultChecked,
-        value: t.value,
-        name: t.name
+        "is-disabled": i.isDisabled,
+        "is-readonly": i.isReadonly,
+        "is-checked": i.isChecked,
+        "is-default-checked": i.isDefaultChecked,
+        value: i.value,
+        name: i.name
       }), null, 16, ["id", "class", "is-disabled", "is-readonly", "is-checked", "is-default-checked", "value", "name"]),
-      $("span", {
-        class: v([
-          n(q).checkbox,
+      T("span", {
+        class: x([
+          r(Q).checkbox,
           {
-            [n(q).indeterminate]: e.checkedStyle === "indeterminate",
-            [n(q).invalid]: e.isInvalid
+            [r(Q).indeterminate]: e.checkedStyle === "indeterminate",
+            [r(Q).invalid]: e.isInvalid
           }
         ])
       }, null, 2)
     ], 6));
   }
-}), kl = /* @__PURE__ */ f({
+}), zs = /* @__PURE__ */ y({
   __name: "LabelGroup",
   props: {
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = ue(), i = _(null), o = k(() => t.default ? t.default() : []);
-    return r({
-      groupRef: i
-    }), (l, a) => (m(), b("div", {
+  setup(e, { expose: o }) {
+    const i = oe(), t = k(null), n = _(() => i.default ? i.default() : []);
+    return o({
+      groupRef: t
+    }), (l, s) => (p(), v("div", {
       ref_key: "groupRef",
-      ref: i
+      ref: t
     }, [
-      (m(!0), b(ce, null, ht(o.value, (s, c) => (m(), b("div", {
-        key: c,
-        class: v([n(F).wrapper]),
-        style: S(e.theme)
+      (p(!0), v(me, null, Ut(n.value, (c, u) => (p(), v("div", {
+        key: u,
+        class: x([r(J).wrapper]),
+        style: V(e.theme)
       }, [
-        (m(), B(de(s)))
+        (p(), E(Re(c)))
       ], 6))), 128))
     ], 512));
   }
-}), fl = {
+}), Ls = {
   "--crm-ui-kit-label-group-margin-bottom": "16px"
-}, Gr = {
+}, Tr = {
   "--crm-ui-kit-label-spacing": "4px",
   "--crm-ui-kit-label-description-spacing": "4px",
   "--crm-ui-kit-label-text-width": "auto"
-}, ie = {
+}, xe = {
   "--crm-ui-kit-checkbox-z-index": "3",
   "--crm-ui-kit-checkbox-border-width": "1px",
   "--crm-ui-kit-checkbox-border-radius": "3px",
@@ -1722,95 +2033,426 @@ const Vt = "Button-module__button___18Bed", Et = "Button-module__disabled___UzdW
   "--crm-ui-kit-checkbox-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
   "--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)"
-}, vl = {
-  ...ie,
+}, Pe = {
+  ...xe,
   "--crm-ui-kit-checkbox-size": "20px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
-}, xl = {
-  ...ie,
+}, Ps = {
+  ...xe,
   "--crm-ui-kit-checkbox-size": "16px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
-}, yl = {
-  ...ie,
+}, Gs = {
+  ...xe,
   "--crm-ui-kit-checkbox-size": "20px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, gl = {
-  ...ie,
+}, Ns = {
+  ...xe,
   "--crm-ui-kit-checkbox-size": "16px",
   "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
 };
 ({
-  ...Gr
+  ...Tr
 });
-const wl = /* @__PURE__ */ f({
+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__ */ y({
+  __name: "Item",
+  props: {
+    item: {},
+    theme: {}
+  },
+  setup(e, { expose: o }) {
+    const i = e, t = W(Vr), n = k(null), l = Pe, s = _(() => t.isItemMatchingSearch(i.item)), c = _(() => t.values.has(i.item.value)), u = _(() => t.hoveredItemValue === i.item.value), d = (h) => {
+      h.preventDefault(), t.onToggleItem(i.item);
+    };
+    return o({
+      itemRef: n
+    }), (h, g) => s.value ? (p(), v("li", I({
+      key: 0,
+      ref_key: "itemRef",
+      ref: n
+    }, h.$attrs, {
+      role: "option",
+      "aria-selected": c.value,
+      class: [
+        r(ue).item,
+        {
+          [r(ue).selected]: c.value,
+          [r(ue).hovered]: u.value
+        }
+      ],
+      style: e.theme,
+      title: e.item.option,
+      onClick: d
+    }), [
+      r(t).mode === "multi" ? (p(), E(ke, {
+        key: 0,
+        theme: r(l),
+        "is-checked": c.value,
+        tabindex: -1,
+        onClick: g[0] || (g[0] = he(() => {
+        }, ["stop"]))
+      }, null, 8, ["theme", "is-checked"])) : A("", !0),
+      $(h.$slots, "default", {}, () => [
+        M(re, null, {
+          default: z(() => [
+            L(D(e.item.option), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ], 16, Br)) : 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__ */ y({
+  __name: "Group",
+  props: {
+    group: {},
+    theme: {},
+    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), n = _(() => t.isGroupMatchingSearch(i.group.id)), l = Pe, s = oe(), c = _(() => s.default ? s.default().length === 0 : !0), u = _(
+      () => t.isGroupAllSelected(i.group.id)
+    ), d = _(
+      () => t.isGroupPartiallySelected(i.group.id)
+    ), h = _(
+      () => u.value || d.value
+    ), g = _(
+      () => 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;
+    }), m = () => {
+      t.groupSelectable && t.onToggleGroup(i.group.id);
+    };
+    return (b, S) => n.value ? (p(), v("li", {
+      key: 0,
+      class: x(r(ee).group),
+      role: "group",
+      "aria-label": e.group.label
+    }, [
+      T("div", {
+        class: x([
+          r(ee).header,
+          {
+            [r(ee).headerSelectable]: r(t).groupSelectable
+          }
+        ]),
+        style: V(a.value),
+        title: e.group.label,
+        onClick: m
+      }, [
+        r(t).groupSelectable ? (p(), E(ke, {
+          key: 0,
+          theme: r(l),
+          "is-checked": h.value,
+          "checked-style": g.value,
+          tabindex: -1,
+          onClick: S[0] || (S[0] = he(() => {
+          }, ["stop"]))
+        }, null, 8, ["theme", "is-checked", "checked-style"])) : A("", !0),
+        T("span", {
+          class: x(r(ee).label)
+        }, D(e.group.label), 3)
+      ], 14, Nr),
+      T("ul", {
+        class: x(r(ee).children)
+      }, [
+        $(b.$slots, "default"),
+        c.value ? (p(), v("li", {
+          key: 0,
+          class: x(r(ee).empty)
+        }, D(e.emptyText), 3)) : A("", !0)
+      ], 2)
+    ], 10, Gr)) : A("", !0);
+  }
+}), Hr = "MultiSelect.All", Ys = /* @__PURE__ */ y({
+  __name: "All",
+  props: {
+    theme: {},
+    label: { default: "Выбрать всё" }
+  },
+  setup(e) {
+    const o = W(Hr), i = Pe, t = _(() => o.isAllSelected()), n = _(() => o.isPartiallySelected()), l = _(
+      () => t.value || n.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": l.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__ */ y({
+  __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), n = k(null), l = _(() => {
+      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: n
+    }), (s, c) => s.$slots.default ? $(s.$slots, "default", { key: 0 }) : (p(), E(re, {
+      key: 1,
+      ref_key: "optionRef",
+      ref: n,
+      class: x(r(Ur).text)
+    }, {
+      default: z(() => [
+        L(D(l.value), 1)
+      ]),
+      _: 1
+    }, 8, ["class"]));
+  }
+}), Kr = "Search-module__search___cGZ5b", Wr = "Search-module__input___HP47K", Ze = {
+  search: Kr,
+  input: Wr
+}, Zr = ["placeholder", "value"], Jr = "MultiSelect.Search", Us = /* @__PURE__ */ y({
+  __name: "Search",
+  props: {
+    theme: {},
+    placeholder: { default: "Поиск..." }
+  },
+  setup(e) {
+    const o = W(Jr), i = k(null), t = (n) => {
+      o.onSearchChange(n.target.value);
+    };
+    return P(
+      () => o.isOpened,
+      (n) => {
+        n && pe(() => {
+          setTimeout(() => {
+            var l;
+            return (l = i.value) == null ? void 0 : l.focus();
+          }, 0);
+        });
+      }
+    ), (n, l) => (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: l[0] || (l[0] = he(() => {
+        }, ["stop"]))
+      }, null, 42, Zr)
+    ], 6));
+  }
+}), Xr = "Combobox-module__combobox___97Qx9", Qr = "Combobox-module__inputContainer___6t-il", en = "Combobox-module__focused___Ur996", tn = "Combobox-module__invalid___Ur1or", on = "Combobox-module__disabled___2nCcW", rn = "Combobox-module__input___KbcCI", nn = "Combobox-module__arrow___FwmsJ", ln = "Combobox-module__arrowOpen___U6A3h", j = {
+  combobox: Xr,
+  inputContainer: Qr,
+  focused: en,
+  invalid: tn,
+  disabled: on,
+  input: rn,
+  arrow: nn,
+  arrowOpen: ln
+}, sn = ["placeholder", "value", "disabled", "readonly"], an = "MultiSelect.Combobox", js = /* @__PURE__ */ y({
+  __name: "Combobox",
+  props: {
+    theme: {},
+    placeholder: { default: "Поиск..." },
+    groups: {}
+  },
+  setup(e, { expose: o }) {
+    const i = e, t = W(an), n = k(null), l = k(null), s = _(() => {
+      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 = _(() => {
+      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));
+        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}`;
+        }
+      }
+      return `${f[0].option} +${f.length - 1}`;
+    }), u = (f) => {
+      const a = f.target.value;
+      t.onSearchChange(a);
+    }, d = () => {
+      t.isDisabled || t.onOpen(!0);
+    }, h = () => {
+      var f;
+      (f = n.value) == null || f.focus();
+    }, g = (f) => {
+      var a;
+      f.code === "Escape" && (t.onOpen(!1), (a = n.value) == null || a.blur());
+    };
+    return P(() => t.isOpened, (f) => {
+      f && pe(() => {
+        var a;
+        return (a = n.value) == null ? void 0 : a.focus();
+      });
+    }), o({ inputRef: n }), (f, a) => (p(), v("div", {
+      class: x(r(j).combobox),
+      style: V(e.theme)
+    }, [
+      T("div", {
+        ref_key: "containerRef",
+        ref: l,
+        class: x([
+          r(j).inputContainer,
+          {
+            [r(j).focused]: r(t).isOpened,
+            [r(j).invalid]: r(t).isInvalid,
+            [r(j).disabled]: r(t).isDisabled
+          }
+        ]),
+        onClick: h
+      }, [
+        T("input", {
+          ref_key: "inputRef",
+          ref: n,
+          class: x(r(j).input),
+          type: "text",
+          placeholder: e.placeholder,
+          value: r(t).isOpened ? r(t).searchQuery : c.value,
+          disabled: r(t).isDisabled,
+          readonly: !r(t).isOpened,
+          onInput: u,
+          onFocus: d,
+          onKeydown: g
+        }, null, 42, sn),
+        $(f.$slots, "after", {}, () => [
+          T("span", {
+            class: x([r(j).arrow, { [r(j).arrowOpen]: r(t).isOpened }])
+          }, null, 2)
+        ])
+      ], 2)
+    ], 6));
+  }
+}), Ks = /* @__PURE__ */ y({
   __name: "Portal",
   props: {
     container: { default: void 0 }
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), o = k(() => t.container || document.body);
-    return r({
-      portalRef: i
-    }), (l, a) => (m(), B(Ge, {
-      to: o.value,
-      disabled: !o.value
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), n = _(() => i.container || document.body);
+    return o({
+      portalRef: t
+    }), (l, s) => (p(), E(Ae, {
+      to: n.value,
+      disabled: !n.value
     }, [
-      $("div", w({
+      T("div", I({
         ref_key: "portalRef",
-        ref: i
+        ref: t
       }, l.$attrs), [
-        y(l.$slots, "default")
+        $(l.$slots, "default")
       ], 16)
     ], 8, ["to", "disabled"]));
   }
-}), Hr = "ContentBlock-module__block___UvzuN", qr = {
-  block: Hr
-}, Il = /* @__PURE__ */ f({
+}), cn = "ContentBlock-module__block___UvzuN", un = {
+  block: cn
+}, Ws = /* @__PURE__ */ y({
   __name: "ContentBlock",
   props: {
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = _(null);
-    return r({
-      blockRef: t
-    }), (i, o) => (m(), b("div", w(i.$attrs, {
+  setup(e, { expose: o }) {
+    const i = k(null);
+    return o({
+      blockRef: i
+    }), (t, n) => (p(), v("div", I(t.$attrs, {
       ref_key: "blockRef",
-      ref: t,
-      class: n(qr).block,
+      ref: i,
+      class: r(un).block,
       style: e.theme
     }), [
-      y(i.$slots, "default")
+      $(t.$slots, "default")
     ], 16));
   }
-}), Cl = {
+}), Zs = {
   "--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",
   "--crm-ui-kit-content-block-box-shadow": "var(--crm-ui-kit-palette-content-block-box-shadow)",
   "--crm-ui-kit-content-block-background": "var(--crm-ui-kit-palette-background-primary)"
-}, jr = "Link-module__link___35Vo1", Yr = {
-  link: jr
-}, $l = /* @__PURE__ */ f({
+}, dn = "Link-module__link___35Vo1", mn = {
+  link: dn
+}, Js = /* @__PURE__ */ y({
   __name: "Link",
   props: {
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = _(null);
-    return r({
-      linkRef: t
-    }), (i, o) => (m(), b("a", w({
+  setup(e, { expose: o }) {
+    const i = k(null);
+    return o({
+      linkRef: i
+    }), (t, n) => (p(), v("a", I({
       ref_key: "linkRef",
-      ref: t
-    }, i.$attrs, {
-      class: n(Yr).link,
+      ref: i
+    }, t.$attrs, {
+      class: r(mn).link,
       style: e.theme
     }), [
-      y(i.$slots, "default")
+      $(t.$slots, "default")
     ], 16));
   }
-}), Tl = {
+}), Xs = {
   "--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",
@@ -1819,107 +2461,107 @@ const wl = /* @__PURE__ */ f({
   "--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)"
-}, Rl = {
+}, Qs = {
   "--crm-ui-kit-spinner-border-color": "#158fd2",
   "--crm-ui-kit-spinner-border-width": "2px",
   "--crm-ui-kit-spinner-circle-size": "16px",
   "--crm-ui-kit-spinner-border-style": "solid"
-}, Ur = "Callout-module__wrapper___gW-Zt", Wr = "Callout-module__icon___4CBkz", Re = {
-  wrapper: Ur,
-  icon: Wr
-}, Sl = /* @__PURE__ */ f({
+}, pn = "Callout-module__wrapper___gW-Zt", hn = "Callout-module__icon___4CBkz", Je = {
+  wrapper: pn,
+  icon: hn
+}, ea = /* @__PURE__ */ y({
   __name: "Callout",
   props: {
     theme: {},
     isIconAvailable: { type: Boolean, default: !0 }
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), o = k(() => {
-      const { Icon: l, ...a } = t.theme;
-      return a;
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), n = _(() => {
+      const { Icon: l, ...s } = i.theme;
+      return s;
     });
-    return r({
-      calloutRef: i
-    }), (l, a) => (m(), b("div", w(l.$attrs, {
+    return o({
+      calloutRef: t
+    }), (l, s) => (p(), v("div", I(l.$attrs, {
       ref_key: "calloutRef",
-      ref: i,
-      class: n(Re).wrapper,
-      style: o.value
+      ref: t,
+      class: r(Je).wrapper,
+      style: n.value
     }), [
-      e.isIconAvailable ? (m(), B(de(e.theme.Icon), {
+      e.isIconAvailable ? (p(), E(Re(e.theme.Icon), {
         key: 0,
-        class: v(n(Re).icon)
-      }, null, 8, ["class"])) : R("", !0),
-      y(l.$slots, "default")
+        class: x(r(Je).icon)
+      }, null, 8, ["class"])) : A("", !0),
+      $(l.$slots, "default")
     ], 16));
   }
-}), Kr = {
+}), _n = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   fill: "none"
 };
-function Zr(e, r) {
-  return m(), b("svg", Kr, [...r[0] || (r[0] = [
-    X('<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)
+function bn(e, o) {
+  return p(), v("svg", _n, [...o[0] || (o[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 Jr = { render: Zr }, Xr = {
+const fn = { render: bn }, vn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   fill: "currentColor"
 };
-function Qr(e, r) {
-  return m(), b("svg", Xr, [...r[0] || (r[0] = [
-    X('<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)
+function kn(e, o) {
+  return p(), v("svg", vn, [...o[0] || (o[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)
   ])]);
 }
-const eo = { render: Qr }, to = {
+const xn = { render: kn }, yn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   fill: "none"
 };
-function io(e, r) {
-  return m(), b("svg", to, [...r[0] || (r[0] = [
-    X('<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)
+function gn(e, o) {
+  return p(), v("svg", yn, [...o[0] || (o[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)
   ])]);
 }
-const ro = { render: io }, oo = {
+const Cn = { render: gn }, $n = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "20",
   height: "20",
   fill: "currentColor"
 };
-function no(e, r) {
-  return m(), b("svg", oo, [...r[0] || (r[0] = [
-    X('<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)
+function In(e, o) {
+  return p(), v("svg", $n, [...o[0] || (o[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 lo = { render: no }, re = {
+const wn = { render: In }, ye = {
   "--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)"
-}, Dl = {
-  ...re,
-  Icon: Jr,
+}, ta = {
+  ...ye,
+  Icon: fn,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
-}, Al = {
-  ...re,
-  Icon: eo,
+}, ia = {
+  ...ye,
+  Icon: xn,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
-}, Bl = {
-  ...re,
-  Icon: ro,
+}, oa = {
+  ...ye,
+  Icon: Cn,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
-}, zl = {
-  ...re,
-  Icon: lo,
+}, ra = {
+  ...ye,
+  Icon: wn,
   "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
-}, Xe = "Accordion", [Qe, ao] = L(Xe), so = "Accordion-module__wrapper___X4UEj", et = {
-  wrapper: so
-}, co = /* @__PURE__ */ f({
+}, Ct = "Accordion", [$t, Sn] = F(Ct), Tn = "Accordion-module__wrapper___X4UEj", It = {
+  wrapper: Tn
+}, An = /* @__PURE__ */ y({
   __name: "AccordionSingle",
   props: {
     isCollapsible: { type: Boolean, default: !1 },
@@ -1928,29 +2570,29 @@ const lo = { render: no }, re = {
     theme: {}
   },
   emits: ["change"],
-  setup(e, { expose: r, emit: t }) {
-    const i = e, o = t, l = _(null), a = _(i.defaultValue), s = be(i.theme), c = k(() => "value" in i && i.value !== void 0), d = k(
-      () => c.value ? i.value : a.value
-    ), p = (x) => i.isCollapsible && x === d.value ? void 0 : x, g = (x) => {
-      const u = p(x);
-      c.value || (a.value = u), o("change", u);
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = k(null), s = k(t.defaultValue), c = Ee(t.theme), u = _(() => "value" in t && t.value !== void 0), d = _(
+      () => u.value ? t.value : s.value
+    ), h = (f) => t.isCollapsible && f === d.value ? void 0 : f, g = (f) => {
+      const a = h(f);
+      u.value || (s.value = a), n("change", a);
     };
-    return Qe({
+    return $t({
       value: d,
       // computed ref
-      defaultValue: me(() => i.defaultValue),
+      defaultValue: De(() => t.defaultValue),
       onChange: g
-    }), r({
+    }), o({
       accordionRef: l
-    }), (x, u) => (m(), b("div", w(x.$attrs, {
+    }), (f, a) => (p(), v("div", I(f.$attrs, {
       ref_key: "accordionRef",
       ref: l,
-      class: [n(et).wrapper, n(s)]
+      class: [r(It).wrapper, r(c)]
     }), [
-      y(x.$slots, "default")
+      $(f.$slots, "default")
     ], 16));
   }
-}), uo = /* @__PURE__ */ f({
+}), Rn = /* @__PURE__ */ y({
   __name: "AccordionMultiple",
   props: {
     value: {},
@@ -1958,35 +2600,35 @@ const lo = { render: no }, re = {
     theme: {}
   },
   emits: ["change"],
-  setup(e, { expose: r, emit: t }) {
-    const i = e, o = t, l = _(null), a = _(i.defaultValue || []), s = be(i.theme), c = k(() => "value" in i && i.value !== void 0), d = k(
-      () => c.value ? i.value || [] : a.value
-    ), p = (x) => {
-      const u = d.value || [];
-      return u.includes(x) ? u.filter((h) => h !== x) : [...u, x];
-    }, g = (x) => {
-      const u = p(x);
-      c.value || (a.value = u), o("change", u);
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = k(null), s = k(t.defaultValue || []), c = Ee(t.theme), u = _(() => "value" in t && t.value !== void 0), d = _(
+      () => u.value ? t.value || [] : s.value
+    ), h = (f) => {
+      const a = d.value || [];
+      return a.includes(f) ? a.filter((m) => m !== f) : [...a, f];
+    }, g = (f) => {
+      const a = h(f);
+      u.value || (s.value = a), n("change", a);
     };
-    return Qe({
+    return $t({
       value: d,
       // computed ref
-      defaultValue: me(() => i.defaultValue),
+      defaultValue: De(() => t.defaultValue),
       onChange: g
-    }), r({
+    }), o({
       accordionRef: l
-    }), (x, u) => (m(), b("div", w(x.$attrs, {
+    }), (f, a) => (p(), v("div", I(f.$attrs, {
       ref_key: "accordionRef",
       ref: l,
-      class: [n(et).wrapper, n(s)]
+      class: [r(It).wrapper, r(c)]
     }), [
-      y(x.$slots, "default")
+      $(f.$slots, "default")
     ], 16));
   }
-}), mo = f({
-  name: Xe
-}), po = /* @__PURE__ */ f({
-  ...mo,
+}), Dn = y({
+  name: Ct
+}), Bn = /* @__PURE__ */ y({
+  ...Dn,
   props: {
     type: {},
     isCollapsible: { type: Boolean },
@@ -1994,37 +2636,37 @@ const lo = { render: no }, re = {
     defaultValue: {},
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = _(null);
-    return r({
-      accordionRef: t
-    }), (i, o) => e.type === "multiple" ? (m(), B(uo, w({ key: 0 }, i.$props, {
+  setup(e, { expose: o }) {
+    const i = k(null);
+    return o({
+      accordionRef: i
+    }), (t, n) => e.type === "multiple" ? (p(), E(Rn, I({ key: 0 }, t.$props, {
       ref_key: "accordionRef",
-      ref: t
+      ref: i
     }), {
-      default: V(() => [
-        y(i.$slots, "default")
+      default: z(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
-    }, 16)) : (m(), B(co, w({ key: 1 }, i.$props, {
+    }, 16)) : (p(), E(An, I({ key: 1 }, t.$props, {
       ref_key: "accordionRef",
-      ref: t
+      ref: i
     }), {
-      default: V(() => [
-        y(i.$slots, "default")
+      default: z(() => [
+        $(t.$slots, "default")
       ]),
       _: 3
     }, 16));
   }
-}), ho = {
+}), Vn = {
   xmlns: "http://www.w3.org/2000/svg",
   width: "10",
   height: "7",
   fill: "none"
 };
-function bo(e, r) {
-  return m(), b("svg", ho, [...r[0] || (r[0] = [
-    $("path", {
+function En(e, o) {
+  return p(), v("svg", Vn, [...o[0] || (o[0] = [
+    T("path", {
       fill: "currentColor",
       "fill-rule": "evenodd",
       d: "M.176.78a.574.574 0 0 1 .857 0L4.96 5.058 8.967.692a.573.573 0 0 1 .857 0 .705.705 0 0 1 0 .933L5.485 6.351a.6.6 0 0 1-.14.114.573.573 0 0 1-.83-.026L.175 1.713a.706.706 0 0 1 0-.933Z",
@@ -2032,20 +2674,20 @@ function bo(e, r) {
     }, null, -1)
   ])]);
 }
-const _o = { render: bo }, ko = "Item-module__wrapper___Yv5zw", fo = "Item-module__header___Q13eV", vo = "Item-module__header_left___cPyvw", xo = "Item-module__header_left___cPyvw", yo = "Item-module__before_title___moIL0", go = "Item-module__before_title___moIL0", wo = "Item-module__chevron_container___0McTp", Io = "Item-module__chevron_container___0McTp", Co = "Item-module__chevron_icon___Yku1p", $o = "Item-module__chevron_icon___Yku1p", To = "Item-module__content___GATuv", Ro = "Item-module__active___fMoSb", M = {
-  wrapper: ko,
-  header: fo,
-  header_left: vo,
-  headerLeft: xo,
-  before_title: yo,
-  beforeTitle: go,
-  chevron_container: wo,
-  chevronContainer: Io,
-  chevron_icon: Co,
-  chevronIcon: $o,
-  content: To,
-  active: Ro
-}, So = "Accordion.Item", Do = /* @__PURE__ */ f({
+const Mn = { render: En }, On = "Item-module__wrapper___Yv5zw", zn = "Item-module__header___Q13eV", Ln = "Item-module__header_left___cPyvw", Pn = "Item-module__header_left___cPyvw", Gn = "Item-module__before_title___moIL0", Nn = "Item-module__before_title___moIL0", Fn = "Item-module__chevron_container___0McTp", Hn = "Item-module__chevron_container___0McTp", Yn = "Item-module__chevron_icon___Yku1p", qn = "Item-module__chevron_icon___Yku1p", Un = "Item-module__content___GATuv", jn = "Item-module__active___fMoSb", K = {
+  wrapper: On,
+  header: zn,
+  header_left: Ln,
+  headerLeft: Pn,
+  before_title: Gn,
+  beforeTitle: Nn,
+  chevron_container: Fn,
+  chevronContainer: Hn,
+  chevron_icon: Yn,
+  chevronIcon: qn,
+  content: Un,
+  active: jn
+}, Kn = "Accordion.Item", Wn = /* @__PURE__ */ y({
   __name: "Item",
   props: {
     theme: {},
@@ -2053,68 +2695,68 @@ const _o = { render: bo }, ko = "Item-module__wrapper___Yv5zw", fo = "Item-modul
     title: {},
     before: { default: null }
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), { onChange: o, value: l } = ao(So), a = be(t.theme), s = () => {
-      o(t.value);
-    }, c = k(() => {
-      const d = n(l);
-      return Array.isArray(d) ? d.includes(t.value) : d === t.value;
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), { onChange: n, value: l } = Sn(Kn), s = Ee(i.theme), c = () => {
+      n(i.value);
+    }, u = _(() => {
+      const d = r(l);
+      return Array.isArray(d) ? d.includes(i.value) : d === i.value;
     });
-    return r({
-      itemRef: i
-    }), (d, p) => (m(), b("div", w(d.$attrs, {
+    return o({
+      itemRef: t
+    }), (d, h) => (p(), v("div", I(d.$attrs, {
       ref_key: "itemRef",
-      ref: i,
+      ref: t,
       class: [
-        n(M).wrapper,
+        r(K).wrapper,
         {
-          [n(M).active]: c.value
+          [r(K).active]: u.value
         },
-        n(a)
+        r(s)
       ]
     }), [
-      $("div", {
-        class: v(n(M).header),
-        onClick: s
+      T("div", {
+        class: x(r(K).header),
+        onClick: c
       }, [
-        $("div", {
-          class: v(n(M).header_left)
+        T("div", {
+          class: x(r(K).header_left)
         }, [
-          e.before ? (m(), b("div", {
+          e.before ? (p(), v("div", {
             key: 0,
-            class: v(n(M).before_title)
+            class: x(r(K).before_title)
           }, [
-            (m(), B(de(e.before)))
-          ], 2)) : R("", !0),
-          D(ve, {
-            theme: n(fe),
+            (p(), E(Re(e.before)))
+          ], 2)) : A("", !0),
+          M(Le, {
+            theme: r(ze),
             size: "xl",
             "is-ellipsis": !0
           }, {
-            default: V(() => [
-              z(T(e.title), 1)
+            default: z(() => [
+              L(D(e.title), 1)
             ]),
             _: 1
           }, 8, ["theme"])
         ], 2),
-        $("span", {
-          class: v(n(M).chevron_container)
+        T("span", {
+          class: x(r(K).chevron_container)
         }, [
-          D(n(_o), {
-            class: v(n(M).chevron_icon)
+          M(r(Mn), {
+            class: x(r(K).chevron_icon)
           }, null, 8, ["class"])
         ], 2)
       ], 2),
-      $("div", {
-        class: v(n(M).content)
+      T("div", {
+        class: x(r(K).content)
       }, [
-        y(d.$slots, "default")
+        $(d.$slots, "default")
       ], 2)
     ], 16));
   }
-}), Vl = {
+}), na = {
   "--crm-ui-kit-accordion-width": "100%"
-}, El = {
+}, la = {
   "--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)",
@@ -2122,16 +2764,16 @@ const _o = { render: bo }, ko = "Item-module__wrapper___Yv5zw", fo = "Item-modul
   "--crm-ui-kit-accordion-item-margin-bottom": "16px",
   "--crm-ui-kit-accordion-item-chevron-icon-color": "var(--crm-ui-kit-palette-text-primary)",
   "--crm-ui-kit-accordion-item-border-color": "var(--crm-ui-kit-palette-border-primary)"
-}, Ao = po;
-Ao.Item = Do;
-const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs___-haM1", Vo = "FilterTabs-module__filter_tabs___-haM1", Eo = "FilterTabs-module__horizontal___e2s9c", Se = {
-  filter_tabs: zo,
-  filterTabs: Vo,
-  horizontal: Eo
-}, Lo = f({
-  name: tt
-}), Ll = /* @__PURE__ */ f({
-  ...Lo,
+}, Zn = Bn;
+Zn.Item = Wn;
+const wt = "FilterTabs", [Jn, St] = F(wt), Xn = "FilterTabs-module__filter_tabs___-haM1", Qn = "FilterTabs-module__filter_tabs___-haM1", el = "FilterTabs-module__horizontal___e2s9c", Xe = {
+  filter_tabs: Xn,
+  filterTabs: Qn,
+  horizontal: el
+}, tl = y({
+  name: wt
+}), sa = /* @__PURE__ */ y({
+  ...tl,
   props: {
     theme: {},
     orientation: { default: "horizontal" },
@@ -2139,53 +2781,53 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["change"],
-  setup(e, { expose: r, emit: t }) {
-    const i = e, o = t, l = _(null), a = _([]), s = (p) => {
-      const g = a.value;
-      let x = g;
-      if (!p && a.value.length && (x = []), p) {
-        const u = a.value.includes(p);
-        i.isMultiSelect && (x = u ? g.filter((h) => h !== p) : [...g, p]), !i.isMultiSelect && !u && (x = [p]);
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = k(null), s = k([]), c = (h) => {
+      const g = s.value;
+      let f = g;
+      if (!h && s.value.length && (f = []), h) {
+        const a = s.value.includes(h);
+        t.isMultiSelect && (f = a ? g.filter((m) => m !== h) : [...g, h]), !t.isMultiSelect && !a && (f = [h]);
       }
-      a.value = x, o("change", x, p);
-    }, c = (p) => {
-      const g = a.value;
-      if (i.isMultiSelect) {
-        a.value = [...g, p];
+      s.value = f, n("change", f, h);
+    }, u = (h) => {
+      const g = s.value;
+      if (t.isMultiSelect) {
+        s.value = [...g, h];
         return;
       }
-      !i.isMultiSelect && !g.length && (a.value = [p]);
-    }, d = J({
-      values: a.value,
-      onChange: s,
-      registerActiveName: c,
-      isDisabled: i.isDisabled
+      !t.isMultiSelect && !g.length && (s.value = [h]);
+    }, d = ie({
+      values: s.value,
+      onChange: c,
+      registerActiveName: u,
+      isDisabled: t.isDisabled
     });
-    return K(() => {
-      d.values = a.value, d.isDisabled = i.isDisabled;
-    }), Bo(d), r({
+    return dt(() => {
+      d.values = s.value, d.isDisabled = t.isDisabled;
+    }), Jn(d), o({
       filterTabsRef: l
-    }), (p, g) => (m(), b("div", w(p.$attrs, {
+    }), (h, g) => (p(), v("div", I(h.$attrs, {
       ref_key: "filterTabsRef",
       ref: l,
       class: [
-        n(Se).filter_tabs,
+        r(Xe).filter_tabs,
         {
-          [n(Se).horizontal]: e.orientation === "horizontal"
+          [r(Xe).horizontal]: e.orientation === "horizontal"
         }
       ],
       style: e.theme
     }), [
-      y(p.$slots, "default")
+      $(h.$slots, "default")
     ], 16));
   }
-}), Pl = {
+}), aa = {
   "--crm-ui-kit-filter-tabs-spacing": "8px"
-}, rt = "FilterTabs.ItemRoot", [Po, Oo] = L(rt), Mo = "ItemRoot-module__item_root___TqVxI", No = "ItemRoot-module__item_root___TqVxI", Fo = "ItemRoot-module__disabled___VgRs7", De = {
-  item_root: Mo,
-  itemRoot: No,
-  disabled: Fo
-}, Ol = /* @__PURE__ */ f({
+}, Tt = "FilterTabs.ItemRoot", [il, ol] = F(Tt), rl = "ItemRoot-module__item_root___TqVxI", nl = "ItemRoot-module__item_root___TqVxI", ll = "ItemRoot-module__disabled___VgRs7", Qe = {
+  item_root: rl,
+  itemRoot: nl,
+  disabled: ll
+}, ca = /* @__PURE__ */ y({
   __name: "ItemRoot",
   props: {
     isDisabled: { type: Boolean },
@@ -2195,65 +2837,65 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     class: {}
   },
   setup(e) {
-    const r = e, t = it(rt), i = k(() => t.isDisabled), { registerActiveName: o } = t;
-    j(() => {
-      r.isDefaultActive && r.name && o(r.name);
+    const o = e, i = St(Tt), t = _(() => i.isDisabled), { registerActiveName: n } = i;
+    te(() => {
+      o.isDefaultActive && o.name && n(o.name);
     });
-    const l = k(() => {
-      const { theme: a, class: s, isDefaultActive: c, ...d } = r;
+    const l = _(() => {
+      const { theme: s, class: c, isDefaultActive: u, ...d } = o;
       return d;
     });
-    return Po(l.value), (a, s) => (m(), b("div", {
-      class: v([
-        n(De).item_root,
-        r.class,
+    return il(l.value), (s, c) => (p(), v("div", {
+      class: x([
+        r(Qe).item_root,
+        o.class,
         {
-          [n(De).disabled]: i.value || e.isDisabled
+          [r(Qe).disabled]: t.value || e.isDisabled
         }
       ]),
-      style: S(e.theme)
+      style: V(e.theme)
     }, [
-      y(a.$slots, "default")
+      $(s.$slots, "default")
     ], 6));
   }
-}), Ml = {
+}), ua = {
   "--crm-ui-kit-filter-tabs-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
-}, Go = "Tab-module__button___iGASN", Ho = "Tab-module__selected___zxPPy", Ae = {
-  button: Go,
-  selected: Ho
-}, qo = ["name", "disabled"], Be = "FilterTabs.Tab", Nl = /* @__PURE__ */ f({
+}, sl = "Tab-module__button___iGASN", al = "Tab-module__selected___zxPPy", et = {
+  button: sl,
+  selected: al
+}, cl = ["name", "disabled"], tt = "FilterTabs.Tab", da = /* @__PURE__ */ y({
   __name: "Tab",
   props: {
     class: { default: "" },
     theme: {},
     onClick: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, { theme: i, class: o, ...l } = t, a = _(null), s = it(Be), { name: c, isDisabled: d } = Oo(Be), p = k(() => s.values.includes(c)), g = k(() => s.isDisabled), x = () => {
-      s.onChange(c);
+  setup(e, { expose: o }) {
+    const i = e, { theme: t, class: n, ...l } = i, s = k(null), c = St(tt), { name: u, isDisabled: d } = ol(tt), h = _(() => c.values.includes(u)), g = _(() => c.isDisabled), f = () => {
+      c.onChange(u);
     };
-    return r({
-      buttonRef: a
-    }), (u, h) => (m(), b("button", w({
+    return o({
+      buttonRef: s
+    }), (a, m) => (p(), v("button", I({
       ref_key: "buttonRef",
-      ref: a
+      ref: s
     }, l, {
       class: [
-        n(Ae).button,
+        r(et).button,
         {
-          [n(Ae).selected]: p.value
+          [r(et).selected]: h.value
         },
-        n(o)
+        r(n)
       ],
-      style: n(i),
-      name: n(c),
-      disabled: g.value || n(d),
-      onClick: x
+      style: r(t),
+      name: r(u),
+      disabled: g.value || r(d),
+      onClick: f
     }), [
-      y(u.$slots, "default")
-    ], 16, qo));
+      $(a.$slots, "default")
+    ], 16, cl));
   }
-}), Fl = {
+}), ma = {
   "--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",
@@ -2266,101 +2908,101 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
   "--crm-ui-kit-filter-tabs-tab-background-color": "var(--crm-ui-kit-palette-surface-background-color)",
   "--crm-ui-kit-filter-tabs-tab-text-color": "var(--crm-ui-kit-palette-surface-text-color)",
   "--crm-ui-kit-filter-tabs-tab-hover-background-color": "var(--crm-ui-kit-palette-surface-hover-background-color)"
-}, ot = "CheckboxGroup", [jo, xe] = L(ot), Yo = ({
+}, At = "CheckboxGroup", [ul, Ge] = F(At), dl = ({
   isDisabled: e,
-  onChange: r
+  onChange: o
 }) => {
-  const t = _(/* @__PURE__ */ new Map()), i = _({}), o = _([]), l = (s) => {
-    const c = new Map(t.value);
-    if (s.type === "selectAll" && !e) {
-      const d = Array.from(c.values()).some(
-        (p) => p.isChecked && !p.isDisabled
+  const i = k(/* @__PURE__ */ new Map()), t = k({}), n = k([]), l = (c) => {
+    const u = new Map(i.value);
+    if (c.type === "selectAll" && !e) {
+      const d = Array.from(u.values()).some(
+        (h) => h.isChecked && !h.isDisabled
       );
-      c.forEach((p) => {
-        p.isDisabled || (p.isChecked = !d);
+      u.forEach((h) => {
+        h.isDisabled || (h.isChecked = !d);
       });
     }
-    if (s.type === "checkbox" && !e) {
-      const d = c.get(s.name);
-      d && !d.isDisabled && c.set(d.name, {
+    if (c.type === "checkbox" && !e) {
+      const d = u.get(c.name);
+      d && !d.isDisabled && u.set(d.name, {
         ...d,
         isChecked: !d.isChecked
       });
     }
-    t.value = c, typeof r.value == "function" && r.value([...c.values()], s);
+    i.value = u, typeof o.value == "function" && o.value([...u.values()], c);
   };
-  return G(
-    () => o.value.length,
+  return P(
+    () => n.value.length,
     async () => {
-      if (o.value.length) {
-        await Fe();
-        const s = [...o.value];
-        o.value = [];
-        const c = new Map(t.value);
-        s.forEach((d) => c.set(d.name, d)), t.value = c;
+      if (n.value.length) {
+        await pe();
+        const c = [...n.value];
+        n.value = [];
+        const u = new Map(i.value);
+        c.forEach((d) => u.set(d.name, d)), i.value = u;
       }
     },
     { flush: "post" }
   ), {
-    state: t,
-    register: (s, c = {}) => (s !== "selectAll" && !i.value[s] && (i.value[s] = !0, o.value.push({
-      name: s,
-      isChecked: !!c.isDefaultChecked,
-      isDisabled: !!c.isDisabled
+    state: i,
+    register: (c, u = {}) => (c !== "selectAll" && !t.value[c] && (t.value[c] = !0, n.value.push({
+      name: c,
+      isChecked: !!u.isDefaultChecked,
+      isDisabled: !!u.isDisabled
     })), {
-      name: s,
+      name: c,
       onChange: l,
-      ...c
+      ...u
     })
   };
-}, Uo = "CheckboxGroup-module__checkbox_group___4vTLu", Wo = "CheckboxGroup-module__checkbox_group___4vTLu", Ko = "CheckboxGroup-module__horizontal___ge9lI", ze = {
-  checkbox_group: Uo,
-  checkboxGroup: Wo,
-  horizontal: Ko
-}, Zo = f({
-  name: ot
-}), Gl = /* @__PURE__ */ f({
-  ...Zo,
+}, ml = "CheckboxGroup-module__checkbox_group___4vTLu", pl = "CheckboxGroup-module__checkbox_group___4vTLu", hl = "CheckboxGroup-module__horizontal___ge9lI", it = {
+  checkbox_group: ml,
+  checkboxGroup: pl,
+  horizontal: hl
+}, _l = y({
+  name: At
+}), pa = /* @__PURE__ */ y({
+  ..._l,
   props: {
     onChange: {},
     orientation: { default: "vertical" },
     theme: {},
     isDisabled: { type: Boolean, default: !1 }
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), { register: o, state: l } = Yo({
-      onChange: me(t, "onChange"),
-      isDisabled: t.isDisabled
-    }), a = J({
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), { register: n, state: l } = dl({
+      onChange: De(i, "onChange"),
+      isDisabled: i.isDisabled
+    }), s = ie({
       values: l.value,
-      register: o,
-      isDisabled: t.isDisabled
+      register: n,
+      isDisabled: i.isDisabled
     });
-    return K(() => {
-      a.values = l.value, a.isDisabled = t.isDisabled;
-    }), jo(a), r({
-      checkboxGroupRef: i
-    }), (s, c) => (m(), b("div", w(s.$attrs, {
+    return dt(() => {
+      s.values = l.value, s.isDisabled = i.isDisabled;
+    }), ul(s), o({
+      checkboxGroupRef: t
+    }), (c, u) => (p(), v("div", I(c.$attrs, {
       ref_key: "checkboxGroupRef",
-      ref: i,
+      ref: t,
       class: [
-        n(ze).checkbox_group,
+        r(it).checkbox_group,
         {
-          [n(ze).horizontal]: e.orientation === "horizontal"
+          [r(it).horizontal]: e.orientation === "horizontal"
         }
       ],
       style: e.theme
     }), [
-      y(s.$slots, "default")
+      $(c.$slots, "default")
     ], 16));
   }
-}), Hl = {
+}), ha = {
   "--crm-ui-kit-checkbox-group-spacing": "8px"
-}, nt = "CheckboxGroup.ItemRoot", [Jo] = L(nt), Xo = "ItemRoot-module__item_root___kiMNv", Qo = "ItemRoot-module__item_root___kiMNv", en = "ItemRoot-module__disabled___leaqM", Z = {
-  item_root: Xo,
-  itemRoot: Qo,
-  disabled: en
-}, ql = /* @__PURE__ */ f({
+}, Rt = "CheckboxGroup.ItemRoot", [bl] = F(Rt), fl = "ItemRoot-module__item_root___kiMNv", vl = "ItemRoot-module__item_root___kiMNv", kl = "ItemRoot-module__disabled___leaqM", de = {
+  item_root: fl,
+  itemRoot: vl,
+  disabled: kl
+}, _a = /* @__PURE__ */ y({
   __name: "ItemRoot",
   props: {
     name: {},
@@ -2371,32 +3013,32 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     theme: {}
   },
   setup(e) {
-    const r = e, t = xe(nt), i = k(() => t.isDisabled), o = k(() => {
-      const { theme: l, class: a, ...s } = r;
+    const o = e, i = Ge(Rt), t = _(() => i.isDisabled), n = _(() => {
+      const { theme: l, class: s, ...c } = o;
       return {
-        ...t.register(r.name, s),
-        value: r.value
+        ...i.register(o.name, c),
+        value: o.value
       };
     });
-    return Jo(o.value), (l, a) => (m(), b("div", {
-      class: v([
-        n(Z).item_root,
-        r.class,
+    return bl(n.value), (l, s) => (p(), v("div", {
+      class: x([
+        r(de).item_root,
+        o.class,
         {
-          [n(Z).disabled]: i.value || e.isDisabled
+          [r(de).disabled]: t.value || e.isDisabled
         }
       ]),
-      style: S(e.theme)
+      style: V(e.theme)
     }, [
-      y(l.$slots, "default")
+      $(l.$slots, "default")
     ], 6));
   }
-}), jl = {
+}), ba = {
   "--crm-ui-kit-checkbox-group-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
-}, lt = "CheckboxGroup.ItemRootSelectAll", [
-  tn,
-  rn
-] = L(lt), Yl = /* @__PURE__ */ f({
+}, Dt = "CheckboxGroup.ItemRootSelectAll", [
+  xl,
+  yl
+] = F(Dt), fa = /* @__PURE__ */ y({
   __name: "ItemRootSelectAll",
   props: {
     isDisabled: { type: Boolean },
@@ -2404,27 +3046,27 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     theme: {}
   },
   setup(e) {
-    const r = e, t = xe(lt), i = k(() => t.isDisabled), o = k(() => {
-      const { theme: l, class: a, ...s } = r;
+    const o = e, i = Ge(Dt), t = _(() => i.isDisabled), n = _(() => {
+      const { theme: l, class: s, ...c } = o;
       return {
-        ...t.register("selectAll"),
-        ...s
+        ...i.register("selectAll"),
+        ...c
       };
     });
-    return tn(o.value), (l, a) => (m(), b("div", {
-      class: v([
-        n(Z).item_root,
-        r.class,
+    return xl(n.value), (l, s) => (p(), v("div", {
+      class: x([
+        r(de).item_root,
+        o.class,
         {
-          [n(Z).disabled]: i.value || e.isDisabled
+          [r(de).disabled]: t.value || e.isDisabled
         }
       ]),
-      style: S(e.theme)
+      style: V(e.theme)
     }, [
-      y(l.$slots, "default")
+      $(l.$slots, "default")
     ], 6));
   }
-}), Ve = "CheckboxGroup.CheckboxSelectAll", ae = "selectAll", Ul = /* @__PURE__ */ f({
+}), ot = "CheckboxGroup.CheckboxSelectAll", Se = "selectAll", va = /* @__PURE__ */ y({
   __name: "CheckboxSelectAll",
   props: {
     isReadonly: { type: Boolean },
@@ -2435,41 +3077,41 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     theme: {},
     class: { default: "" }
   },
-  setup(e, { expose: r }) {
-    const t = e, { theme: i, class: o, checkedStyle: l, ...a } = t, s = _(null), c = xe(Ve), d = rn(Ve), p = () => {
-      d.onChange({ type: ae, name: ae });
-    }, g = k(() => {
-      const x = c.values, h = Array.from(x.values()).every(
-        (I) => I.isChecked
+  setup(e, { expose: o }) {
+    const i = e, { theme: t, class: n, checkedStyle: l, ...s } = i, c = k(null), u = Ge(ot), d = yl(ot), h = () => {
+      d.onChange({ type: Se, name: Se });
+    }, g = _(() => {
+      const f = u.values, m = Array.from(f.values()).every(
+        (b) => b.isChecked
       ) ? "mark" : "indeterminate";
       return {
-        isChecked: Array.from(x.values()).some(
-          (I) => I.isChecked
+        isChecked: Array.from(f.values()).some(
+          (b) => b.isChecked
         ),
-        checkedStyle: h
+        checkedStyle: m
       };
     });
-    return r({
-      checkboxRef: s
-    }), (x, u) => (m(), B(Fr, w({
+    return o({
+      checkboxRef: c
+    }), (f, a) => (p(), E(ke, I({
       ref_key: "checkboxRef",
-      ref: s,
-      class: n(o),
-      theme: n(i),
-      value: ae,
-      "is-disabled": n(c).isDisabled || n(d).isDisabled,
+      ref: c,
+      class: r(n),
+      theme: r(t),
+      value: Se,
+      "is-disabled": r(u).isDisabled || r(d).isDisabled,
       "is-checked": g.value.isChecked,
       "checked-style": g.value.checkedStyle
-    }, a, { onChange: p }), null, 16, ["class", "theme", "is-disabled", "is-checked", "checked-style"]));
+    }, s, { onChange: h }), null, 16, ["class", "theme", "is-disabled", "is-checked", "checked-style"]));
   }
-}), at = "RadioGroup", [on, st] = L(at), nn = "RadioGroup-module__radiogroup___A36hR", ln = "RadioGroup-module__horizontal___QsBvv", Ee = {
-  radiogroup: nn,
-  horizontal: ln
-}, ct = "RadioGroup.ItemRoot", [an, sn] = L(ct), cn = "ItemRoot-module__item_root___PGFFE", un = "ItemRoot-module__item_root___PGFFE", dn = "ItemRoot-module__disabled___-CJGV", Le = {
-  item_root: cn,
-  itemRoot: un,
-  disabled: dn
-}, Wl = /* @__PURE__ */ f({
+}), Bt = "RadioGroup", [gl, Vt] = F(Bt), Cl = "RadioGroup-module__radiogroup___A36hR", $l = "RadioGroup-module__horizontal___QsBvv", rt = {
+  radiogroup: Cl,
+  horizontal: $l
+}, Et = "RadioGroup.ItemRoot", [Il, wl] = F(Et), Sl = "ItemRoot-module__item_root___PGFFE", Tl = "ItemRoot-module__item_root___PGFFE", Al = "ItemRoot-module__disabled___-CJGV", nt = {
+  item_root: Sl,
+  itemRoot: Tl,
+  disabled: Al
+}, ka = /* @__PURE__ */ y({
   __name: "ItemRoot",
   props: {
     theme: {},
@@ -2483,74 +3125,74 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     onBlur: {}
   },
   setup(e) {
-    const r = e, t = st(ct), i = k(() => t.isDisabled), o = k(() => {
-      const { theme: l, ...a } = r;
-      return a;
+    const o = e, i = Vt(Et), t = _(() => i.isDisabled), n = _(() => {
+      const { theme: l, ...s } = o;
+      return s;
     });
-    return an(o.value), (l, a) => (m(), b("div", {
-      class: v([
-        n(Le).item_root,
+    return Il(n.value), (l, s) => (p(), v("div", {
+      class: x([
+        r(nt).item_root,
         {
-          [n(Le).disabled]: i.value || e.isDisabled
+          [r(nt).disabled]: t.value || e.isDisabled
         }
       ]),
-      style: S(e.theme)
+      style: V(e.theme)
     }, [
-      y(l.$slots, "default")
+      $(l.$slots, "default")
     ], 6));
   }
-}), Kl = {
+}), xa = {
   "--crm-ui-kit-radio-group-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
-}, mn = "Radio-module__wrapper___hnp4O", pn = "Radio-module__radio___XkxE9", hn = "Radio-module__input___ccZzQ", se = {
-  wrapper: mn,
-  radio: pn,
-  input: hn
-}, Pe = "RadioGroup.Radio", Zl = /* @__PURE__ */ f({
+}, Rl = "Radio-module__wrapper___hnp4O", Dl = "Radio-module__radio___XkxE9", Bl = "Radio-module__input___ccZzQ", Te = {
+  wrapper: Rl,
+  radio: Dl,
+  input: Bl
+}, lt = "RadioGroup.Radio", ya = /* @__PURE__ */ y({
   __name: "Radio",
   props: {
     class: { default: "" },
     theme: {}
   },
-  setup(e, { expose: r }) {
-    const t = e, i = _(null), o = st(Pe), {
+  setup(e, { expose: o }) {
+    const i = e, t = k(null), n = Vt(lt), {
       value: l,
-      isDisabled: a,
-      class: s,
-      ...c
-    } = sn(Pe), d = k(() => {
-      const p = {
-        name: o.name,
-        onChange: o.onChange,
-        ...c
+      isDisabled: s,
+      class: c,
+      ...u
+    } = wl(lt), d = _(() => {
+      const h = {
+        name: n.name,
+        onChange: n.onChange,
+        ...u
       };
-      return o.defaultValue ? {
-        isDefaultChecked: o.defaultValue === l,
-        ...p
+      return n.defaultValue ? {
+        isDefaultChecked: n.defaultValue === l,
+        ...h
       } : {
-        isChecked: o.value === l,
-        ...p
+        isChecked: n.value === l,
+        ...h
       };
     });
-    return r({
-      inputRef: i
-    }), (p, g) => (m(), b("div", {
-      class: v([n(se).wrapper, n(s)]),
-      style: S(e.theme)
+    return o({
+      inputRef: t
+    }), (h, g) => (p(), v("div", {
+      class: x([r(Te).wrapper, r(c)]),
+      style: V(e.theme)
     }, [
-      D(Q, w({
+      M(be, I({
         ref_key: "inputRef",
-        ref: i,
-        class: [n(se).input, t.class],
+        ref: t,
+        class: [r(Te).input, i.class],
         type: "radio",
-        value: n(l),
-        "is-disabled": n(o).isDisabled || n(a)
+        value: r(l),
+        "is-disabled": r(n).isDisabled || r(s)
       }, d.value), null, 16, ["class", "value", "is-disabled"]),
-      $("span", {
-        class: v(n(se).radio)
+      T("span", {
+        class: x(r(Te).radio)
       }, null, 2)
     ], 6));
   }
-}), Jl = {
+}), ga = {
   "--crm-ui-kit-radio-size": "20px",
   "--crm-ui-kit-radio-z-index": "3",
   "--crm-ui-kit-radio-checked-circle-size": "8px",
@@ -2565,10 +3207,10 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
   "--crm-ui-kit-radio-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
   "--crm-ui-kit-radio-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
   "--crm-ui-kit-radio-focus-visible-border-radius": "50%"
-}, bn = f({
-  name: at
-}), Xl = /* @__PURE__ */ f({
-  ...bn,
+}, Vl = y({
+  name: Bt
+}), Ca = /* @__PURE__ */ y({
+  ...Vl,
   props: {
     theme: {},
     orientation: { default: "vertical" },
@@ -2578,170 +3220,181 @@ const tt = "FilterTabs", [Bo, it] = L(tt), zo = "FilterTabs-module__filter_tabs_
     isDisabled: { type: Boolean, default: !1 }
   },
   emits: ["change"],
-  setup(e, { expose: r, emit: t }) {
-    const i = e, o = t, l = _(null), s = J({
+  setup(e, { expose: o, emit: i }) {
+    const t = e, n = i, l = k(null), c = ie({
       get name() {
-        return i.name;
+        return t.name;
       },
       get value() {
-        return i.value;
+        return t.value;
       },
       get defaultValue() {
-        return i.defaultValue;
+        return t.defaultValue;
       },
       get isDisabled() {
-        return i.isDisabled;
+        return t.isDisabled;
       },
-      onChange: (c) => {
-        const d = c.target;
-        o("change", d.value);
+      onChange: (u) => {
+        const d = u.target;
+        n("change", d.value);
       }
     });
-    return on(s), r({
+    return gl(c), o({
       radiogroupRef: l
-    }), (c, d) => (m(), b("div", w(c.$attrs, {
+    }), (u, d) => (p(), v("div", I(u.$attrs, {
       ref_key: "radiogroupRef",
       ref: l,
       role: "radiogroup",
       class: [
-        n(Ee).radiogroup,
+        r(rt).radiogroup,
         {
-          [n(Ee).horizontal]: e.orientation === "horizontal"
+          [r(rt).horizontal]: e.orientation === "horizontal"
         }
       ],
       style: e.theme
     }), [
-      y(c.$slots, "default")
+      $(u.$slots, "default")
     ], 16));
   }
-}), Ql = {
+}), $a = {
   "--crm-ui-kit-radio-group-spacing": "8px"
-}, _n = "0.0.1";
-function kn(e, r) {
+}, El = "0.0.1";
+function Ml(e, o) {
 }
-const ea = {
-  install: kn,
-  version: _n
+const Ia = {
+  install: Ml,
+  version: El
 };
 export {
-  yn as APPEARANCE_ATTRIBUTE_NAME,
-  Ao as Accordion,
-  El as AccordionItemTheme,
-  Vl as AccordionTheme,
-  W as Appearance,
-  _e as BaseInput,
-  Mn as Button,
-  Nn as ButtonNeutralTheme,
-  Fn as ButtonPrimaryTheme,
-  Gn as ButtonSecondaryTheme,
-  Sl as Callout,
-  re as CalloutBaseValues,
-  Al as CalloutErrorTheme,
-  zl as CalloutInfoTheme,
-  Bl as CalloutSuccessTheme,
-  Dl as CalloutWarningTheme,
-  Fr as Checkbox,
-  yl as CheckboxDarkTheme,
-  Gl as CheckboxGroup,
-  ql as CheckboxGroupItemRoot,
-  jl as CheckboxGroupItemRootTheme,
-  Hl as CheckboxGroupTheme,
-  vl as CheckboxLightTheme,
-  Ul as CheckboxSelectAll,
-  gl as CheckboxSmallDarkTheme,
-  xl as CheckboxSmallLightTheme,
-  Il as ContentBlock,
-  Cl as ContentBlockTheme,
-  gn as DEFAULT_APPEARANCE,
-  Ll as FilterTabs,
-  Ml as FilterTabsItemRootTheme,
-  Pl as FilterTabsTheme,
-  Qn as InlineInput,
-  Bi as InlineInputInvalidTextTheme,
-  Xn as InlineInputPrimaryFocusedTheme,
-  Jn as InlineInputPrimaryTheme,
-  Un as Input,
-  Ut as InputDarkTheme,
-  Wt as InputInvalidTextTheme,
-  Ye as InputLightTheme,
-  jn as InputPrimaryTheme,
-  Yn as InputSecondaryTheme,
-  Ol as ItemRoot,
-  Yl as ItemRootSelectAll,
-  tl as Label,
-  kl as LabelGroup,
-  fl as LabelGroupTheme,
-  Gr as LabelTheme,
-  $l as Link,
-  Tl as LinkPrimaryTheme,
-  Te as List,
-  pl as ListTheme,
-  he as PORTAL_TARGETS,
-  wl as Portal,
-  Zl as Radio,
-  Xl as RadioGroup,
-  Wl as RadioGroupItemRoot,
-  Kl as RadioGroupItemRootTheme,
-  Ql as RadioGroupTheme,
-  Jl as RadioPrimaryTheme,
-  nl as Select,
-  cl as SelectArrow,
-  ul as SelectArrowTheme,
-  dr as SelectButton,
-  ol as SelectButtonDarkTheme,
-  rl as SelectButtonLightTheme,
-  dl as SelectIcon,
-  ml as SelectIconTheme,
-  al as SelectItem,
-  sl as SelectItemTheme,
-  bl as SelectList,
-  pl as SelectListTheme,
-  Je as SelectOption,
-  ll as SelectRootTheme,
-  hl as SelectTrigger,
-  _l as SelectValue,
-  At as Spinner,
-  Rl as SpinnerTheme,
-  el as Switcher,
-  il as SwitcherPrimaryTheme,
-  He as THEME_PROVIDER_KEY,
-  Nl as Tab,
-  Fl as TabPrimaryTheme,
-  ve as Text,
-  Wn as TextArea,
-  ee as TextBaseSizesTheme,
-  Yt as TextErrorTheme,
-  fe as TextPrimaryTheme,
-  qn as TextSecondaryDarkTheme,
-  Hn as TextSecondaryLightTheme,
-  Zn as TextareaDarkTheme,
-  Kn as TextareaLightTheme,
-  Bn as ValidationRules,
-  Q as VisuallyHiddenInput,
-  En as cn,
-  $n as createComponentTheme,
-  Tn as createPortalId,
-  Ln as debounce,
-  xt as deepMerge,
-  ea as default,
-  Vn as generateId,
-  kn as install,
-  ge as isObject,
-  On as isSupported,
-  zn as noop,
-  wn as provideTheme,
-  Pn as throttle,
-  bt as useComponentTheme,
-  Dn as useDropdownPortal,
-  _t as useFieldValidation,
-  An as useFormValidation,
-  Rn as useModalPortal,
-  pe as usePortal,
-  qe as useTheme,
-  be as useThemeClassName,
-  In as useThemeMode,
-  Cn as useThemeVariables,
-  Sn as useTooltipPortal,
-  _n as version
+  zl as APPEARANCE_ATTRIBUTE_NAME,
+  Zn as Accordion,
+  la as AccordionItemTheme,
+  na as AccordionTheme,
+  ce as Appearance,
+  Me 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,
+  Pe as CheckboxLightTheme,
+  va as CheckboxSelectAll,
+  Ns as CheckboxSmallDarkTheme,
+  Ps as CheckboxSmallLightTheme,
+  Ws as ContentBlock,
+  Zs as ContentBlockTheme,
+  Ll as DEFAULT_APPEARANCE,
+  sa as FilterTabs,
+  ua as FilterTabsItemRootTheme,
+  aa as FilterTabsTheme,
+  _s as InlineInput,
+  uo as InlineInputInvalidTextTheme,
+  hs as InlineInputPrimaryFocusedTheme,
+  ps as InlineInputPrimaryTheme,
+  cs as Input,
+  Ii as InputDarkTheme,
+  wi as InputInvalidTextTheme,
+  _t as InputLightTheme,
+  ss as InputPrimaryTheme,
+  as as InputSecondaryTheme,
+  ca as ItemRoot,
+  fa as ItemRootSelectAll,
+  fs as Label,
+  zs as LabelGroup,
+  Ls as LabelGroupTheme,
+  Tr as LabelTheme,
+  Js as Link,
+  Xs as LinkPrimaryTheme,
+  Ke as List,
+  As as ListTheme,
+  Vs as MultiSelect,
+  Ys as MultiSelectAll,
+  js as MultiSelectCombobox,
+  Hs as MultiSelectGroup,
+  Fs as MultiSelectItem,
+  Os as MultiSelectList,
+  Es as MultiSelectRootTheme,
+  Us as MultiSelectSearch,
+  Ms as MultiSelectTrigger,
+  qs as MultiSelectValue,
+  Ve as PORTAL_TARGETS,
+  Ks as Portal,
+  ya as Radio,
+  Ca as RadioGroup,
+  ka as RadioGroupItemRoot,
+  xa as RadioGroupItemRootTheme,
+  $a as RadioGroupTheme,
+  ga as RadioPrimaryTheme,
+  ys as Select,
+  Is as SelectArrow,
+  ws as SelectArrowTheme,
+  vt as SelectButton,
+  xs as SelectButtonDarkTheme,
+  ks as SelectButtonLightTheme,
+  Ss as SelectIcon,
+  Ts as SelectIconTheme,
+  Cs as SelectItem,
+  $s as SelectItemTheme,
+  Ds as SelectList,
+  As as SelectListTheme,
+  re as SelectOption,
+  gs as SelectRootTheme,
+  Rs as SelectTrigger,
+  Bs as SelectValue,
+  ci as Spinner,
+  Qs as SpinnerTheme,
+  bs as Switcher,
+  vs as SwitcherPrimaryTheme,
+  mt as THEME_PROVIDER_KEY,
+  da as Tab,
+  ma as TabPrimaryTheme,
+  Le as Text,
+  us as TextArea,
+  fe as TextBaseSizesTheme,
+  $i as TextErrorTheme,
+  ze as TextPrimaryTheme,
+  ls as TextSecondaryDarkTheme,
+  ns as TextSecondaryLightTheme,
+  ms as TextareaDarkTheme,
+  ds as TextareaLightTheme,
+  Kl as ValidationRules,
+  be as VisuallyHiddenInput,
+  Jl as cn,
+  Fl as createComponentTheme,
+  Hl as createPortalId,
+  Xl as debounce,
+  Xt as deepMerge,
+  Ia as default,
+  Zl as generateId,
+  Ml as install,
+  He as isObject,
+  es as isSupported,
+  Wl as noop,
+  Pl as provideTheme,
+  Ql as throttle,
+  jt as useComponentTheme,
+  Ul as useDropdownPortal,
+  Kt as useFieldValidation,
+  jl as useFormValidation,
+  Yl as useModalPortal,
+  W as useMultiSelectContext,
+  Be as usePortal,
+  pt as useTheme,
+  Ee as useThemeClassName,
+  Gl as useThemeMode,
+  Nl as useThemeVariables,
+  ql as useTooltipPortal,
+  El as version
 };
 //# sourceMappingURL=index.js.map