@flysk-tech/amocrm-kommo-vue-ui-kit 0.0.1

package/dist/index.js

@@ -0,0 +1,2747 @@
+import { ref as k, computed as f, readonly as A, provide as Oe, inject as Ne, onMounted as j, onUnmounted as Me, watch as G, onBeforeUnmount as dt, defineComponent as v, createElementBlock as _, openBlock as m, mergeProps as g, unref as o, createBlock as B, watchEffect as K, createElementVNode as $, normalizeClass as x, 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 = k({
+    mode: "light",
+    customVariables: {},
+    ...e
+  }), t = f(() => r.value.mode === "dark" ? W.ALTERNATIVE : W.DEFAULT), i = (s) => {
+    r.value = {
+      ...r.value,
+      ...s
+    }, ye(r.value);
+  }, n = (s) => {
+    const c = s === W.ALTERNATIVE ? "dark" : "light";
+    i({ mode: c });
+  }, a = () => {
+    const s = r.value.mode === "light" ? "dark" : "light";
+    i({ mode: s });
+  };
+  ye(r.value);
+  const l = {
+    themeConfig: A(r),
+    appearance: A(t),
+    setTheme: i,
+    setAppearance: n,
+    toggleTheme: a
+  };
+  return Oe(He, l), l;
+}
+function qe() {
+  const e = Ne(He);
+  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 In() {
+  const { themeConfig: e } = qe();
+  return f(() => e.value.mode);
+}
+function Cn() {
+  const { themeConfig: e } = qe();
+  return f(() => e.value.customVariables || {});
+}
+function bt(e, r) {
+  const t = typeof r == "object" && "value" in r ? r : f(() => r), i = f(() => {
+    const a = {};
+    return Object.entries(t.value).forEach(([l, s]) => {
+      const c = `--crm-ui-kit-${e}-${l}`;
+      a[c] = String(s);
+    }), a;
+  }), n = f(() => {
+    const a = {};
+    return Object.entries(i.value).forEach(([l, s]) => {
+      a[l] = s;
+    }), a;
+  });
+  return {
+    cssVariables: A(i),
+    styleVars: A(n)
+  };
+}
+function $n(e, r) {
+  return function(i) {
+    const n = f(() => ({
+      ...r,
+      ...i
+    }));
+    return bt(e, n);
+  };
+}
+function pe(e) {
+  const r = k(), t = k(!1), i = (n) => {
+    if (typeof document > "u") return null;
+    let a = document.querySelector(n);
+    return a || (a = document.createElement("div"), a.setAttribute("id", n.replace("#", "")), document.body.appendChild(a)), a;
+  };
+  return j(() => {
+    typeof document > "u" || (e ? r.value = i(e) || document.body : r.value = document.body, t.value = !0);
+  }), Me(() => {
+    e && r.value && r.value !== document.body && r.value.children.length === 0 && r.value.remove();
+  }), {
+    portalTarget: A(r),
+    isReady: A(t)
+  };
+}
+function Tn(e = "amocrm-portal") {
+  return `${e}-${Math.random().toString(36).substr(2, 9)}`;
+}
+const he = {
+  MODAL: "#amocrm-modal-portal",
+  TOOLTIP: "#amocrm-tooltip-portal",
+  DROPDOWN: "#amocrm-dropdown-portal",
+  NOTIFICATION: "#amocrm-notification-portal"
+};
+function Rn() {
+  return pe(he.MODAL);
+}
+function Sn() {
+  return pe(he.TOOLTIP);
+}
+function Dn() {
+  return pe(he.DROPDOWN);
+}
+function _t(e, r = []) {
+  const t = k(e), i = k(null), n = k(!1), a = f(() => i.value === null), l = () => {
+    for (const u of r) {
+      const h = u(t.value);
+      if (h !== !0)
+        return i.value = h, !1;
+    }
+    return i.value = null, !0;
+  }, s = () => {
+    i.value = null;
+  }, c = () => {
+    n.value = !0;
+  };
+  return {
+    value: t,
+    error: A(i),
+    isValid: A(a),
+    isDirty: A(n),
+    validate: l,
+    clearError: s,
+    touch: c
+  };
+}
+function An(e, r = {}) {
+  const t = {}, i = k({});
+  Object.keys(e).forEach((d) => {
+    const b = r[d] || [];
+    t[d] = _t(e[d], b);
+  });
+  const n = f(() => Object.values(t).every((d) => d.isValid.value)), a = f(() => Object.values(t).some((d) => d.error.value !== null)), l = (d) => {
+    const b = t[d];
+    if (!b) return !0;
+    const I = b.validate();
+    return !I && b.error.value ? i.value[d] = b.error.value : delete i.value[d], I;
+  }, s = () => {
+    let d = !0;
+    const b = {};
+    return Object.keys(t).forEach((I) => {
+      !l(I) && t[I].error.value && (b[I] = t[I].error.value, d = !1);
+    }), i.value = b, d;
+  }, c = () => {
+    Object.values(t).forEach((d) => d.clearError()), i.value = {};
+  }, u = (d) => {
+    var b;
+    (b = t[d]) == null || b.clearError(), delete i.value[d];
+  }, h = (d, b) => {
+    t[d] && (t[d].error.value = b, i.value[d] = b);
+  }, w = (d) => {
+    var b;
+    return (b = t[d]) == null ? void 0 : b.value.value;
+  }, p = (d, b) => {
+    t[d] && (t[d].value.value = b);
+  };
+  return {
+    fields: t,
+    errors: A(i),
+    isFormValid: A(n),
+    hasErrors: A(a),
+    validateField: l,
+    validateForm: s,
+    clearErrors: c,
+    clearFieldError: u,
+    setFieldError: h,
+    getFieldValue: w,
+    setFieldValue: p
+  };
+}
+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,
+  email: (e = "Некорректный email адрес") => {
+    const r = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
+    return (t) => t && !r.test(t) ? 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(([n, a]) => `${n}: ${a};`).join(`
+  `);
+  return t.textContent = `.${r} {
+  ${i}
+}`, document.head.appendChild(t), { className: r, styleElement: t };
+}, be = (e) => {
+  const r = k("");
+  let t = e, i;
+  const n = (a) => {
+    i && (i.refCount--, i.refCount === 0 && (i.styleElement.remove(), Y.delete(t))), t = a;
+    const l = Y.get(a);
+    if (l)
+      l.refCount++, r.value = l.className, i = l;
+    else {
+      const { className: s, styleElement: c } = vt(a), u = { className: s, styleElement: c, refCount: 1 };
+      Y.set(a, u), r.value = s, i = u;
+    }
+  };
+  return n(e), G(() => e, n), dt(() => {
+    i && (i.refCount--, i.refCount === 0 && (i.styleElement.remove(), Y.delete(t)));
+  }), r;
+}, zn = () => {
+};
+function Vn(e = "amocrm") {
+  return `${e}-${Math.random().toString(36).substr(2, 9)}`;
+}
+function En(...e) {
+  return e.filter(Boolean).join(" ");
+}
+function Ln(e, r) {
+  let t;
+  return function(...n) {
+    const a = () => {
+      clearTimeout(t), e(...n);
+    };
+    clearTimeout(t), t = setTimeout(a, r);
+  };
+}
+function Pn(e, r) {
+  let t;
+  return function(...i) {
+    t || (e.apply(this, i), t = !0, setTimeout(() => t = !1, r));
+  };
+}
+function ge(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 n = r[i], a = t[i];
+      ge(n) && ge(a) ? t[i] = xt(a, n) : t[i] = n;
+    }
+  return t;
+}
+function On(e) {
+  if (typeof window > "u") return !1;
+  switch (e) {
+    case "IntersectionObserver":
+      return "IntersectionObserver" in window;
+    case "ResizeObserver":
+      return "ResizeObserver" in window;
+    case "MutationObserver":
+      return "MutationObserver" in window;
+    default:
+      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__ */ v({
+  inheritAttrs: !1,
+  __name: "BaseInput",
+  props: {
+    isDisabled: { type: Boolean, default: !1 },
+    isReadonly: { type: Boolean, default: !1 },
+    isPlaceholderVisibleOnFocus: { type: Boolean, default: !1 }
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      inputRef: t
+    }), (i, n) => (m(), _("input", g(i.$attrs, {
+      ref_key: "inputRef",
+      ref: t,
+      class: [
+        o(we).input,
+        {
+          [o(we).placeholder_visible]: e.isPlaceholderVisibleOnFocus
+        }
+      ],
+      disabled: e.isDisabled,
+      readonly: e.isReadonly
+    }), null, 16, It));
+  }
+}), Ct = "VisuallyHiddenInput-module__input___deWRN", $t = {
+  input: Ct
+}, Q = /* @__PURE__ */ v({
+  __name: "VisuallyHiddenInput",
+  props: {
+    isDisabled: { type: Boolean },
+    isReadonly: { type: Boolean },
+    value: {},
+    name: {},
+    id: {},
+    isChecked: { type: Boolean },
+    isDefaultChecked: { type: Boolean }
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), n = f(() => {
+      const { isChecked: l, isDefaultChecked: s, ...c } = t;
+      return l !== void 0 ? { checked: l, ...c } : c;
+    }), a = () => {
+      var l;
+      return ((l = i.value) == null ? void 0 : l.inputRef) ?? null;
+    };
+    return j(() => {
+      if (t.isDefaultChecked) {
+        const l = a();
+        l && (l.checked = !0);
+      }
+    }), t.isChecked !== void 0 && G(() => t.isChecked, (l) => {
+      const s = a();
+      s && (s.checked = !!l);
+    }), r({
+      inputRef: i
+    }), (l, s) => (m(), B(_e, g({
+      ref_key: "inputRef",
+      ref: i,
+      class: o($t).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__ */ v({
+  __name: "Spinner",
+  props: {
+    isCentered: { type: Boolean, default: !1 },
+    theme: { default: void 0 }
+  },
+  setup(e) {
+    return (r, t) => (m(), _("span", g({
+      class: [
+        o(Ie).spinner,
+        { [o(Ie).centered]: e.isCentered }
+      ],
+      style: e.theme || {}
+    }, r.$attrs), null, 16));
+  }
+});
+function Bt() {
+  const e = k(!1);
+  return {
+    shouldShowInvalidAnimation: e,
+    showInvalidAnimation: (t = () => {
+    }) => {
+      e.value = !0, setTimeout(() => {
+        e.value = !1, t();
+      }, 400);
+    }
+  };
+}
+function zt() {
+  const e = k(!1);
+  return {
+    shouldShowSuccessfulState: e,
+    showSuccessfulState: (t = () => {
+    }) => {
+      e.value = !0, setTimeout(() => {
+        e.value = !1, t();
+      }, 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", Nt = "Button-module__spinner_container___FC3J2", Mt = "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: Nt,
+  spinnerContainer: Mt,
+  invalid: Ft,
+  buttonShakeAnimation: Gt,
+  success: Ht
+}, qt = ["type", "disabled"], jt = { key: 0 }, Nn = /* @__PURE__ */ v({
+  __name: "Button",
+  props: {
+    type: { default: "button" },
+    theme: {},
+    isLoading: { type: Boolean, default: !1 },
+    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: n, showInvalidAnimation: a } = Bt(), { shouldShowSuccessfulState: l, showSuccessfulState: s } = zt();
+    K(() => {
+      t.showInvalidAnimationRef && (t.showInvalidAnimationRef.value = a);
+    }), K(() => {
+      t.showSuccessfulStateRef && (t.showSuccessfulStateRef.value = s);
+    });
+    const c = f(() => {
+      var p, d, b, I, H;
+      const h = {
+        "--crm-ui-kit-spinner-border-color": (p = t.theme) == null ? void 0 : p["--crm-ui-kit-button-spinner-border-color"],
+        "--crm-ui-kit-spinner-border-width": (d = t.theme) == null ? void 0 : d["--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": (I = t.theme) == null ? void 0 : I["--crm-ui-kit-button-spinner-border-style"]
+      }, w = {
+        ...h,
+        "--crm-ui-kit-spinner-border-color": (H = t.theme) == null ? void 0 : H["--crm-ui-kit-button-spinner-disabled-border-color"]
+      };
+      return { defaultTheme: h, disabledTheme: w };
+    }), u = (h) => {
+      t.isDisabled && !t.isClickableWhileDisabled || t.isLoading || i("click", h);
+    };
+    return (h, w) => (m(), _("button", g(h.$attrs, {
+      type: e.type,
+      class: [
+        o(P).button,
+        {
+          [o(P).invalid]: o(n),
+          [o(P).success]: o(l),
+          [o(P).disabled]: e.isDisabled
+        }
+      ],
+      style: e.theme,
+      disabled: (e.isDisabled || e.isLoading) && !e.isClickableWhileDisabled,
+      onClick: u
+    }), [
+      $("span", {
+        class: x(o(P).content)
+      }, [
+        o(l) ? (m(), _("span", jt, T(e.successfulStateText || e.children), 1)) : e.isLoading ? (m(), _("span", {
+          key: 1,
+          class: x(o(P).spinner_container)
+        }, [
+          D(At, {
+            theme: e.isDisabled ? c.value.disabledTheme : c.value.defaultTheme,
+            "is-centered": !0
+          }, null, 8, ["theme"])
+        ], 2)) : (m(), _(ce, { key: 2 }, [
+          e.before ? (m(), _("span", {
+            key: 0,
+            class: x(o(P).before)
+          }, [
+            y(h.$slots, "before", {}, () => [
+              z(T(e.before), 1)
+            ])
+          ], 2)) : R("", !0),
+          $("span", null, [
+            y(h.$slots, "default", {}, () => [
+              z(T(e.children), 1)
+            ])
+          ]),
+          e.after ? (m(), _("span", {
+            key: 1,
+            class: x(o(P).after)
+          }, [
+            y(h.$slots, "after", {}, () => [
+              z(T(e.after), 1)
+            ])
+          ], 2)) : R("", !0)
+        ], 64))
+      ], 2)
+    ], 16, qt));
+  }
+}), ke = {
+  "--crm-ui-kit-button-z-index": "1",
+  "--crm-ui-kit-button-height": "36px",
+  "--crm-ui-kit-button-elements-spacing": "4px",
+  "--crm-ui-kit-button-font-size": "14px",
+  "--crm-ui-kit-button-line-height": "14px",
+  "--crm-ui-kit-button-font-weight": "bold",
+  "--crm-ui-kit-button-sibling-element-spacing": "7px",
+  "--crm-ui-kit-button-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)",
+  "--crm-ui-kit-button-padding": "0px 10px",
+  "--crm-ui-kit-button-border-width": "1px",
+  "--crm-ui-kit-button-border-style": "solid",
+  "--crm-ui-kit-button-border-radius": "3px",
+  "--crm-ui-kit-button-hover-border-width": "1px",
+  "--crm-ui-kit-button-hover-border-style": "solid",
+  "--crm-ui-kit-button-hover-border-radius": "3px",
+  "--crm-ui-kit-button-success-color": "var(--crm-ui-kit-color-white)",
+  "--crm-ui-kit-button-success-background-color": "var(--crm-ui-kit-color-mustard-yellow)",
+  "--crm-ui-kit-button-success-hover-background-color": "var(--crm-ui-kit-color-amber)",
+  "--crm-ui-kit-button-success-border-color": "var(--crm-ui-kit-color-goldenrod)",
+  "--crm-ui-kit-button-spinner-border-color": "var(--crm-ui-kit-color-bright-blue)",
+  "--crm-ui-kit-button-spinner-disabled-border-color": "var(--crm-ui-kit-color-bright-blue)",
+  "--crm-ui-kit-button-spinner-border-width": "2px",
+  "--crm-ui-kit-button-spinner-circle-size": "16px",
+  "--crm-ui-kit-button-spinner-border-style": "solid"
+}, Mn = {
+  ...ke,
+  "--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)",
+  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-button-disabled-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-button-disabled-border-color": "var(--crm-ui-kit-palette-border-primary)",
+  "--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,
+  "--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)",
+  "--crm-ui-kit-button-disabled-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-button-disabled-border-color": "var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-button-background-color": "var(--crm-ui-kit-palette-active-element-900)",
+  "--crm-ui-kit-button-hover-color": "var(--crm-ui-kit-color-white)",
+  "--crm-ui-kit-button-hover-background-color": "var(--crm-ui-kit-color-azure-blue)",
+  "--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,
+  "--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",
+  "--crm-ui-kit-button-border-color": "transparent",
+  "--crm-ui-kit-button-background-color": "inherit",
+  "--crm-ui-kit-button-disabled-color": "var(--crm-ui-kit-palette-text-secondary-light)",
+  "--crm-ui-kit-button-disabled-background-color": "inherit",
+  "--crm-ui-kit-button-disabled-border-color": "transparent",
+  "--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 = {
+  "--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",
+  "--crm-ui-kit-text-size-m-line-height": "20px",
+  "--crm-ui-kit-text-size-ms-font-size": "13px",
+  "--crm-ui-kit-text-size-ms-line-height": "15px",
+  "--crm-ui-kit-text-size-l-font-size": "15px",
+  "--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,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, Hn = {
+  ...ee,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-light)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, qn = {
+  ...ee,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, Yt = {
+  ...ee,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, je = {
+  "--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)",
+  "--crm-ui-kit-input-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-input-error-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-input-error-description-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-input-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-input-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-input-border-width": "1px",
+  "--crm-ui-kit-input-line-height": "19.42px",
+  "--crm-ui-kit-input-disabled-opacity": "0.6",
+  "--crm-ui-kit-input-disabled-background-color": "transparent",
+  "--crm-ui-kit-input-error-placement-right-width": "250px",
+  "--crm-ui-kit-input-after-min-width": "36px",
+  "--crm-ui-kit-input-error-description-offset-placement-bottom": "5px",
+  "--crm-ui-kit-input-error-description-offset-placement-right": "10px",
+  "--crm-ui-kit-input-border-radius": "3px",
+  "--crm-ui-kit-input-padding-right": "9px",
+  "--crm-ui-kit-input-padding-left": "9px",
+  "--crm-ui-kit-input-height": "34px",
+  "--crm-ui-kit-input-width": "100%"
+}, Ye = {
+  ...je,
+  "--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)",
+  "--crm-ui-kit-input-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-default)",
+  "--crm-ui-kit-input-error-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-disabled-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--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,
+  "--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)",
+  "--crm-ui-kit-input-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-input-error-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-bottom": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-left": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-error-border-right": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-input-disabled-border-top": "var(--crm-ui-kit-input-border-width) solid var(--crm-ui-kit-palette-border-primary)",
+  "--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", ai = "Input-module__invalid___no7WZ", li = "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: ai,
+  disabled: li,
+  invalid_description: si,
+  invalidDescription: ci,
+  invalid_description_right: ui,
+  invalidDescriptionRight: di
+}, Un = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "Input",
+  props: {
+    isDisabled: { type: Boolean, default: !1 },
+    isReadonly: { type: Boolean, default: !1 },
+    isPlaceholderVisibleOnFocus: { type: Boolean, default: !1 },
+    isInvalid: { type: Boolean, default: !1 },
+    after: { default: void 0 },
+    invalidDescription: { default: void 0 },
+    invalidDescriptionPlacement: { default: "bottom" },
+    theme: {},
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue", "input", "change", "focus", "blur"],
+  setup(e, { expose: r, emit: t }) {
+    const i = mt(), n = f(() => {
+      const { class: b, style: I, ...H } = i;
+      return H;
+    }), a = e, l = t, s = k(null), c = f(() => a.theme || Ye), u = f(() => ({
+      ...Wt
+    })), h = (b) => {
+      const I = b.target;
+      l("update:modelValue", I.value), l("input", b);
+    }, w = (b) => {
+      l("change", b);
+    }, p = (b) => {
+      l("focus", b);
+    }, d = (b) => {
+      l("blur", b);
+    };
+    return r({
+      inputRef: s
+    }), (b, I) => (m(), _("div", {
+      class: x([o(E).wrapper, b.$attrs.class]),
+      style: S(c.value)
+    }, [
+      $("div", {
+        class: x([
+          o(E).input_wrapper,
+          {
+            [o(E).invalid_description_right]: e.invalidDescriptionPlacement === "right"
+          }
+        ])
+      }, [
+        $("div", {
+          class: x([
+            o(E).input_container,
+            {
+              [o(E).invalid]: e.isInvalid,
+              [o(E).disabled]: e.isDisabled
+            }
+          ])
+        }, [
+          D(_e, g(n.value, {
+            ref_key: "inputRef",
+            ref: s,
+            class: { [o(E).has_after]: !!e.after || !!b.$slots.after },
+            "is-disabled": e.isDisabled,
+            "is-readonly": e.isReadonly,
+            "is-placeholder-visible-on-focus": e.isPlaceholderVisibleOnFocus,
+            onInput: h,
+            onChange: w,
+            onFocus: p,
+            onBlur: d
+          }), null, 16, ["class", "is-disabled", "is-readonly", "is-placeholder-visible-on-focus"]),
+          e.after || b.$slots.after ? (m(), _("div", {
+            key: 0,
+            class: x(o(E).after)
+          }, [
+            y(b.$slots, "after", {}, () => [
+              z(T(e.after), 1)
+            ])
+          ], 2)) : R("", !0)
+        ], 2),
+        e.isInvalid && e.invalidDescription ? (m(), _("div", {
+          key: 0,
+          class: x(o(E).invalid_description),
+          style: S(u.value)
+        }, T(e.invalidDescription), 7)) : R("", !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", M = {
+  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__ */ v({
+  inheritAttrs: !1,
+  __name: "TextArea",
+  props: {
+    isInvalid: { type: Boolean, default: !1 },
+    invalidDescription: {},
+    isAutosized: { type: Boolean, default: !1 },
+    maxHeight: {},
+    isPlaceholderVisibleOnFocus: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 },
+    isReadOnly: { type: Boolean, default: !1 },
+    theme: {},
+    modelValue: { default: "" }
+  },
+  emits: ["update:modelValue", "autosize"],
+  setup(e, { expose: r, emit: t }) {
+    const i = e, n = t, a = k(null), l = (c) => {
+      const u = c.target;
+      n("update:modelValue", u.value), i.isAutosized && s();
+    }, s = () => {
+      !a.value || !i.isAutosized || Fe(() => {
+        a.value && (a.value.style.height = "auto", a.value.style.height = `${a.value.scrollHeight}px`, n("autosize"));
+      });
+    };
+    return G(
+      () => i.modelValue,
+      () => {
+        i.isAutosized && s();
+      }
+    ), G(
+      () => i.isAutosized,
+      (c) => {
+        c && s();
+      }
+    ), r({
+      textareaRef: a
+    }), (c, u) => (m(), _("div", {
+      class: x(o(M).wrapper),
+      style: S(e.theme)
+    }, [
+      $("div", {
+        class: x([
+          o(M).textarea_container,
+          {
+            [o(M).invalid]: e.isInvalid,
+            [o(M).disabled]: e.isDisabled
+          }
+        ])
+      }, [
+        $("textarea", g(c.$attrs, {
+          ref_key: "textareaRef",
+          ref: a,
+          class: [
+            o(M).textarea,
+            {
+              [o(M).placeholder_visible]: e.isPlaceholderVisibleOnFocus
+            }
+          ],
+          style: { maxHeight: e.maxHeight ? `${e.maxHeight}px` : void 0 },
+          disabled: e.isDisabled,
+          readonly: e.isReadOnly,
+          value: e.modelValue,
+          onInput: l
+        }), null, 16, gi)
+      ], 2),
+      e.isInvalid && e.invalidDescription ? (m(), _("div", {
+        key: 0,
+        class: x(o(M).invalid_description)
+      }, T(e.invalidDescription), 3)) : R("", !0)
+    ], 6));
+  }
+}), Ue = {
+  "--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)",
+  "--crm-ui-kit-textarea-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-textarea-error-border-color": "var(--crm-ui-kit-palette-border-error)",
+  "--crm-ui-kit-textarea-error-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-textarea-error-placeholder-color": "var(--crm-ui-kit-palette-placeholder-primary)",
+  "--crm-ui-kit-textarea-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-textarea-disabled-background-color": "transparent",
+  "--crm-ui-kit-textarea-disabled-opacity": "0.6",
+  "--crm-ui-kit-textarea-font-weight": "400",
+  "--crm-ui-kit-textarea-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-textarea-line-height": "19px",
+  "--crm-ui-kit-textarea-padding-top": "8px",
+  "--crm-ui-kit-textarea-padding-horizontal": "9px",
+  "--crm-ui-kit-textarea-padding-bottom": "7px",
+  "--crm-ui-kit-textarea-border-radius": "3px",
+  "--crm-ui-kit-textarea-spacing": "4px",
+  "--crm-ui-kit-textarea-width": "100%",
+  "--crm-ui-kit-textarea-min-height": "56px",
+  "--crm-ui-kit-textarea-border-width": "1px",
+  "--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,
+  "--crm-ui-kit-textarea-border-color": "var(--crm-ui-kit-palette-border-default)"
+}, Zn = {
+  ...Ue,
+  "--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__ */ v({
+  __name: "Text",
+  props: {
+    size: {},
+    isEllipsis: { type: Boolean, default: !1 },
+    maxRows: { default: 1 },
+    theme: {},
+    style: { default: () => ({}) }
+  },
+  setup(e) {
+    const r = e;
+    if (!["s", "m", "ms", "l", "xl"].includes(r.size))
+      throw new Error("Unknown size was presented");
+    const i = f(() => r.maxRows > 1);
+    return (n, a) => (m(), _("span", g(n.$attrs, {
+      class: [
+        o(U).text,
+        o(U)[e.size],
+        {
+          [o(U).ellipsis]: e.isEllipsis,
+          [o(U).line_clamp]: i.value
+        }
+      ],
+      style: {
+        ...i.value && { WebkitLineClamp: e.maxRows },
+        ...e.theme,
+        ...e.style
+      }
+    }), [
+      y(n.$slots, "default")
+    ], 16));
+  }
+}), We = {
+  "--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)",
+  "--crm-ui-kit-inline-input-invalid-description-color": "var(--crm-ui-kit-color-white)",
+  "--crm-ui-kit-inline-input-invalid-description-background-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-inline-input-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--crm-ui-kit-input-after-min-width": "36px",
+  "--crm-ui-kit-inline-input-line-height": "20px",
+  "--crm-ui-kit-inline-input-width": "100%",
+  "--crm-ui-kit-inline-input-height": "19px",
+  "--crm-ui-kit-inline-input-invalid-description-width": "auto",
+  "--crm-ui-kit-inline-input-disabled-opacity": "0.6",
+  "--crm-ui-kit-inline-input-padding-left": "1px",
+  "--crm-ui-kit-inline-input-padding-right": "1px",
+  "--crm-ui-kit-inline-input-border-style": "solid",
+  "--crm-ui-kit-inline-input-border-width": "1px",
+  "--crm-ui-kit-inline-input-invalid-description-offset": "5px",
+  "--crm-ui-kit-inline-input-invalid-description-padding-x": "5px",
+  "--crm-ui-kit-inline-input-invalid-description-padding-y": "9px",
+  "--crm-ui-kit-inline-input-invalid-description-border-radius": "3px",
+  "--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,
+  "--crm-ui-kit-inline-input-border-color": "transparent",
+  "--crm-ui-kit-inline-input-focus-border-color": "var(--crm-ui-kit-color-blueberry)"
+}, Xn = {
+  ...We,
+  "--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,
+  "--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", Ni = "InlineInput-module__has_after___5vayE", Mi = "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: Ni,
+  hasAfter: Mi,
+  invalid_description_container: Fi,
+  invalidDescriptionContainer: Gi,
+  invalid_description: Hi,
+  invalidDescription: qi,
+  disabled: ji
+}, Qn = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "InlineInput",
+  props: {
+    isDisabled: { type: Boolean },
+    isReadonly: { type: Boolean },
+    isPlaceholderVisibleOnFocus: { type: Boolean },
+    isInvalid: { type: Boolean, default: !1 },
+    invalidDescription: {},
+    after: {},
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      inputRef: t
+    }), (i, n) => (m(), _("div", {
+      class: x(o(O).wrapper),
+      style: S(e.theme)
+    }, [
+      $("div", {
+        class: x([
+          o(O).input_container,
+          {
+            [o(O).disabled]: e.isDisabled
+          }
+        ])
+      }, [
+        D(_e, g(i.$attrs, {
+          ref_key: "inputRef",
+          ref: t,
+          class: { [o(O).has_after]: !!e.after },
+          "is-disabled": e.isDisabled
+        }), null, 16, ["class", "is-disabled"])
+      ], 2),
+      e.after ? (m(), _("div", {
+        key: 0,
+        class: x(o(O).after_container)
+      }, [
+        $("div", {
+          class: x(o(O).after)
+        }, T(e.after), 3)
+      ], 2)) : R("", !0),
+      e.isInvalid ? (m(), _("div", {
+        key: 1,
+        class: x(o(O).invalid_description_container)
+      }, [
+        D(ve, {
+          size: "m",
+          theme: o(Bi),
+          class: x(o(O).invalid_description)
+        }, {
+          default: V(() => [
+            z(T(e.invalidDescription), 1)
+          ]),
+          _: 1
+        }, 8, ["theme", "class"])
+      ], 2)) : R("", !0)
+    ], 6));
+  }
+}), Yi = "Switcher-module__wrapper___Bamq6", Ui = "Switcher-module__switcher___MjuSh", Wi = "Switcher-module__input___-K2Ku", oe = {
+  wrapper: Yi,
+  switcher: Ui,
+  input: Wi
+}, ea = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "Switcher",
+  props: {
+    isDisabled: { type: Boolean },
+    isReadonly: { type: Boolean },
+    value: {},
+    name: {},
+    id: {},
+    isChecked: { type: Boolean },
+    isDefaultChecked: { type: Boolean },
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null);
+    return r({
+      inputRef: i
+    }), (n, a) => (m(), _("div", {
+      class: x(o(oe).wrapper),
+      style: S(e.theme)
+    }, [
+      D(Q, g(n.$attrs, {
+        id: t.id,
+        ref_key: "inputRef",
+        ref: i,
+        class: o(oe).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
+      }), null, 16, ["id", "class", "is-disabled", "is-readonly", "is-checked", "is-default-checked", "value", "name"]),
+      $("span", {
+        class: x(o(oe).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 }, ta = /* @__PURE__ */ v({
+  __name: "Label",
+  props: {
+    theme: {},
+    text: {},
+    description: {},
+    textPlacement: { default: "top" },
+    isCentered: { type: Boolean, default: !1 }
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), n = {
+      top: F.top,
+      left: F.left,
+      right: F.right
+    }, a = f(() => n[t.textPlacement]);
+    return r({
+      labelRef: i
+    }), (l, s) => (m(), _("label", g(l.$attrs, {
+      ref_key: "labelRef",
+      ref: i,
+      class: [
+        a.value,
+        {
+          [o(F).centered]: e.isCentered
+        }
+      ],
+      style: e.theme
+    }), [
+      e.text || e.description || l.$slots.text || l.$slots.description ? (m(), _("div", {
+        key: 0,
+        class: x(o(F).text_container)
+      }, [
+        e.text || l.$slots.text ? (m(), _("span", or, [
+          y(l.$slots, "text", {}, () => [
+            z(T(e.text), 1)
+          ])
+        ])) : R("", !0),
+        e.description || l.$slots.description ? (m(), _("div", {
+          key: 1,
+          class: x(o(F).text_description)
+        }, [
+          y(l.$slots, "description", {}, () => [
+            z(T(e.description), 1)
+          ])
+        ], 2)) : R("", !0)
+      ], 2)) : R("", !0),
+      y(l.$slots, "default")
+    ], 16));
+  }
+}), ia = {
+  "--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",
+  "--crm-ui-kit-switcher-circle-size": "14px",
+  "--crm-ui-kit-switcher-line-width": "9px",
+  "--crm-ui-kit-switcher-border-width": "1px",
+  "--crm-ui-kit-switcher-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)",
+  "--crm-ui-kit-switcher-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
+  "--crm-ui-kit-switcher-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--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-", ar = "SelectButton-module__invalid___9dO2z", lr = "SelectButton-module__disabled___sqM8-", ne = {
+  button: nr,
+  invalid: ar,
+  disabled: lr
+}, sr = ["disabled"], cr = "Enter", ur = "Space", dr = /* @__PURE__ */ v({
+  __name: "SelectButton",
+  props: {
+    theme: {},
+    isInvalid: { type: Boolean, default: !1 },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["toggle"],
+  setup(e, { expose: r, emit: t }) {
+    const i = t, n = k(null), a = () => {
+      i("toggle");
+    }, l = (s) => {
+      [cr, ur].includes(s.code) && (s.preventDefault(), a());
+    };
+    return r({
+      buttonRef: n
+    }), (s, c) => (m(), _("button", g({
+      ref_key: "buttonRef",
+      ref: n
+    }, s.$attrs, {
+      type: "button",
+      class: [
+        o(ne).button,
+        {
+          [o(ne).invalid]: e.isInvalid,
+          [o(ne).disabled]: e.isDisabled
+        }
+      ],
+      style: e.theme,
+      disabled: e.isDisabled,
+      onClick: a,
+      onKeydown: l
+    }), [
+      y(s.$slots, "default")
+    ], 16, sr));
+  }
+}), Ke = {
+  "--crm-ui-kit-select-button-border-width": "1px",
+  "--crm-ui-kit-select-button-z-index": "10",
+  "--crm-ui-kit-select-button-height": "36px",
+  "--crm-ui-kit-select-button-width": "100%",
+  "--crm-ui-kit-select-button-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-select-button-error-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-select-button-border-radius": "3px",
+  "--crm-ui-kit-select-button-padding": "0px 7px 0px 9px",
+  "--crm-ui-kit-select-button-disabled-border-color": "var(--crm-ui-kit-color-grey)",
+  "--crm-ui-kit-select-button-disabled-border-opacity": "0.5",
+  "--crm-ui-kit-select-button-font-size": "var(--crm-ui-kit-base-font-size)",
+  "--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)"
+}, ra = {
+  ...Ke,
+  "--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)"
+}, oa = {
+  ...Ke,
+  "--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);
+  return [(a) => {
+    Oe(t, a);
+  }, (a) => {
+    const l = Ne(t, r);
+    if (l)
+      return l;
+    throw new Error(
+      `\`${a}\` 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 = v({
+  name: Ze
+}), na = /* @__PURE__ */ v({
+  ...br,
+  props: {
+    theme: {},
+    value: {},
+    defaultValue: {},
+    isInvalid: { type: Boolean },
+    isDisabled: { type: Boolean },
+    isOpen: { type: Boolean },
+    isDefaultOpen: { type: Boolean }
+  },
+  emits: ["change", "openChange"],
+  setup(e, { expose: r, emit: t }) {
+    const n = e, a = t, l = k(null), s = k(n.isDefaultOpen ?? !1), c = k(-1), u = k(n.defaultValue), h = f(() => n.value !== void 0), w = pt(), p = f(() => {
+      const C = w == null ? void 0 : w.vnode;
+      return C != null && C.props ? "isOpen" in C.props || "is-open" in C.props : !1;
+    }), d = f(
+      () => h.value ? n.value : u.value
+    ), b = f(
+      () => p.value ? !!n.isOpen : s.value
+    ), ut = J({
+      get hoveredIndex() {
+        return c.value;
+      },
+      set hoveredIndex(C) {
+        c.value = C;
+      },
+      onHoveredIndexChange: (C) => {
+        c.value = C;
+      },
+      onChange: (C) => {
+        h.value || (u.value = C), a("change", C), s.value = !1;
+      },
+      get isOpened() {
+        return b.value;
+      },
+      onOpen: (C) => {
+        !(n.isDisabled ?? !1) && !p.value && (s.value = C, a("openChange", C));
+      },
+      get isDisabled() {
+        return n.isDisabled ?? !1;
+      },
+      get isInvalid() {
+        return n.isInvalid ?? !1;
+      },
+      get value() {
+        return d.value;
+      },
+      get defaultValue() {
+        return n.defaultValue;
+      }
+    });
+    return mr(ut), r({
+      selectRef: l
+    }), (C, vn) => (m(), _("div", g(C.$attrs, {
+      ref_key: "selectRef",
+      ref: l,
+      class: [
+        o(Ce).select,
+        {
+          [o(Ce).opened]: b.value
+        }
+      ],
+      style: e.theme
+    }), [
+      y(C.$slots, "default")
+    ], 16));
+  }
+}), aa = {
+  "--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__ */ v({
+  __name: "Option",
+  props: {
+    className: {}
+  },
+  setup(e, { expose: r }) {
+    const t = {
+      ...fe,
+      "--crm-ui-kit-text-color": "inherit"
+    }, i = k(null);
+    return r({
+      optionRef: i
+    }), (n, a) => (m(), _("span", {
+      ref_key: "optionRef",
+      ref: i,
+      class: x([o(kr).text, e.className])
+    }, [
+      D(ve, {
+        theme: t,
+        size: "l",
+        "is-ellipsis": !0
+      }, {
+        default: V(() => [
+          y(n.$slots, "default")
+        ]),
+        _: 3
+      })
+    ], 2));
+  }
+}), fr = "Item-module__item___MhuKP", vr = "Item-module__selected___vlZkB", xr = "Item-module__hovered___Zad41", ae = {
+  item: fr,
+  selected: vr,
+  hovered: xr
+}, yr = "Select.Item", la = /* @__PURE__ */ v({
+  __name: "Item",
+  props: {
+    item: {},
+    index: {},
+    className: {},
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = te(yr), n = k(null), a = f(() => {
+      var c;
+      return ((c = i.value) == null ? void 0 : c.value) === t.item.value;
+    }), l = f(() => i.hoveredIndex === t.index), s = (c) => {
+      c.preventDefault(), i.onHoveredIndexChange(t.index), typeof i.onChange == "function" && i.onChange(t.item);
+    };
+    return r({
+      itemRef: n
+    }), (c, u) => (m(), _("li", g({
+      ref_key: "itemRef",
+      ref: n
+    }, c.$attrs, {
+      class: [
+        o(ae).item,
+        {
+          [o(ae).selected]: a.value,
+          [o(ae).hovered]: l.value
+        },
+        e.className
+      ],
+      style: e.theme,
+      onClick: s
+    }), [
+      y(c.$slots, "default", {}, () => [
+        D(Je, null, {
+          default: V(() => [
+            z(T(e.item.option), 1)
+          ]),
+          _: 1
+        })
+      ])
+    ], 16));
+  }
+}), sa = {
+  "--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)",
+  "--crm-ui-kit-select-item-font-weight": "400",
+  "--crm-ui-kit-select-item-selected-background-color": "var(--crm-ui-kit-palette-background-default)",
+  "--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, ca = /* @__PURE__ */ v({
+  __name: "Arrow",
+  props: {
+    theme: {},
+    className: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      arrowRef: t
+    }), (i, n) => (m(), _("span", {
+      ref_key: "arrowRef",
+      ref: t,
+      class: x([o(wr).wrapper, e.className]),
+      style: S(e.theme)
+    }, [
+      y(i.$slots, "default", {}, () => [
+        (m(), _("svg", {
+          xmlns: "http://www.w3.org/2000/svg",
+          width: Ir,
+          height: Cr,
+          fill: "none",
+          viewBox: "0 0 21 21"
+        }, [...n[0] || (n[0] = [
+          $("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",
+            "clip-rule": "evenodd"
+          }, null, -1)
+        ])]))
+      ])
+    ], 6));
+  }
+}), ua = {
+  "--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
+}, da = /* @__PURE__ */ v({
+  __name: "Icon",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      iconRef: t
+    }), (i, n) => i.$slots.default ? (m(), _("span", {
+      key: 0,
+      ref_key: "iconRef",
+      ref: t,
+      class: x(o(Tr).wrapper),
+      style: S(e.theme)
+    }, [
+      y(i.$slots, "default")
+    ], 6)) : R("", !0);
+  }
+}), ma = {
+  "--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__ */ v({
+  __name: "List",
+  props: {
+    theme: {},
+    isOpened: { type: Boolean },
+    hoveredIndex: { default: 0 }
+  },
+  emits: ["select", "toggle", "hoveredIndexChange"],
+  setup(e, { expose: r, emit: t }) {
+    const i = e, n = t, a = k(null), l = ue(), s = f(() => l.default ? l.default().length : 0), c = (u) => {
+      const { hoveredIndex: h } = i;
+      switch (u.code) {
+        case "ArrowDown":
+          u.preventDefault(), h < s.value - 1 && n("hoveredIndexChange", h + 1);
+          break;
+        case "ArrowUp":
+          u.preventDefault(), h > 0 && n("hoveredIndexChange", h - 1);
+          break;
+        case "Enter":
+        case "Space":
+          u.preventDefault(), n("select", h);
+          break;
+        case "Escape":
+          u.preventDefault(), n("toggle", !1);
+          break;
+      }
+    };
+    return r({
+      listRef: a
+    }), (u, h) => e.isOpened ? (m(), _("ul", g({ key: 0 }, u.$attrs, {
+      ref_key: "listRef",
+      ref: a,
+      tabindex: "0",
+      role: "list",
+      class: [
+        "custom-scroll",
+        o($e).list,
+        {
+          [o($e).opened]: e.isOpened
+        }
+      ],
+      style: e.theme,
+      onKeydown: c
+    }), [
+      y(u.$slots, "default")
+    ], 16)) : R("", !0);
+  }
+}), pa = {
+  "--crm-ui-kit-list-top": "0px",
+  "--crm-ui-kit-list-max-height": "211px",
+  "--crm-ui-kit-list-z-index": "30",
+  "--crm-ui-kit-list-border-style": "solid",
+  "--crm-ui-kit-list-left": "-13px",
+  "--crm-ui-kit-list-width": "100%",
+  "--crm-ui-kit-list-padding-right": "11px",
+  "--crm-ui-kit-list-margin-right": "-13px",
+  "--crm-ui-kit-list-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-list-border-width": "1px",
+  "--crm-ui-kit-list-border-color": "var(--crm-ui-kit-palette-border-primary)",
+  "--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", ha = /* @__PURE__ */ v({
+  __name: "Button",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = te(Dr), i = k(null), n = () => {
+      t.onOpen(!t.isOpened);
+    };
+    return G(
+      () => t.isOpened,
+      (a, l) => {
+        var s, c;
+        l && !a && ((c = (s = i.value) == null ? void 0 : s.buttonRef) == null || c.focus());
+      }
+    ), r({
+      buttonRef: i
+    }), (a, l) => (m(), B(dr, g({
+      ref_key: "buttonRef",
+      ref: i
+    }, a.$attrs, {
+      theme: e.theme,
+      "is-disabled": o(t).isDisabled,
+      "is-invalid": o(t).isInvalid,
+      onToggle: n
+    }), {
+      default: V(() => [
+        y(a.$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();
+  };
+  j(() => {
+    document.addEventListener("mousedown", t);
+  }), Me(() => {
+    document.removeEventListener("mousedown", t);
+  });
+}, Br = "Select.List", ba = /* @__PURE__ */ v({
+  __name: "SelectList",
+  props: {
+    theme: {},
+    className: {},
+    container: {}
+  },
+  setup(e, { expose: r }) {
+    const t = te(Br), i = k(null), n = ue(), a = f(() => n.default ? n.default().map((d) => {
+      var b;
+      return (b = d.props) == null ? void 0 : b.item;
+    }).filter(Boolean) : []), l = f(() => {
+      const p = {};
+      return a.value.forEach((d, b) => {
+        (d == null ? void 0 : d.value) !== void 0 && (p[String(d.value)] = b);
+      }), p;
+    }), s = f(() => {
+      if (t.value) {
+        const p = l.value[String(t.value.value)];
+        if (p !== void 0) return p;
+      }
+      return t.hoveredIndex;
+    }), c = (p) => {
+      t.onHoveredIndexChange(p);
+    }, u = (p) => {
+      t.onOpen(p);
+    }, h = (p) => {
+      const d = a.value[p];
+      d && typeof t.onChange == "function" && t.onChange(d);
+    }, w = f(() => {
+      var p;
+      return ((p = i.value) == null ? void 0 : p.listRef) ?? null;
+    });
+    return Ar({
+      ref: w,
+      handler: () => {
+        t.isOpened && t.onOpen(!1);
+      }
+    }), G(
+      () => t.isOpened,
+      (p) => {
+        var d, b;
+        p && ((b = (d = i.value) == null ? void 0 : d.listRef) == null || b.focus());
+      }
+    ), r({
+      listRef: i
+    }), (p, d) => e.container ? (m(), B(Ge, {
+      key: 0,
+      to: e.container
+    }, [
+      D(Te, {
+        ref_key: "listRef",
+        ref: i,
+        "class-name": e.className,
+        "is-opened": o(t).isOpened,
+        theme: e.theme,
+        "hovered-index": s.value,
+        onHoveredIndexChange: c,
+        onToggle: u,
+        onSelect: h
+      }, {
+        default: V(() => [
+          y(p.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["class-name", "is-opened", "theme", "hovered-index"])
+    ], 8, ["to"])) : (m(), B(Te, {
+      key: 1,
+      ref_key: "listRef",
+      ref: i,
+      "class-name": e.className,
+      "is-opened": o(t).isOpened,
+      theme: e.theme,
+      "hovered-index": s.value,
+      onHoveredIndexChange: c,
+      onToggle: u,
+      onSelect: h
+    }, {
+      default: V(() => [
+        y(p.$slots, "default")
+      ]),
+      _: 3
+    }, 8, ["class-name", "is-opened", "theme", "hovered-index"]));
+  }
+}), zr = "Select.Value", _a = /* @__PURE__ */ v({
+  __name: "Value",
+  props: {
+    placeholder: { default: "" },
+    className: { default: "" },
+    name: {}
+  },
+  setup(e, { expose: r }) {
+    const t = te(zr), i = f(() => !t.value), n = k(null);
+    return r({
+      optionRef: n
+    }), (a, l) => {
+      var s;
+      return m(), _(ce, null, [
+        a.$slots.default ? y(a.$slots, "default", { key: 0 }) : (m(), B(Je, {
+          key: 1,
+          ref_key: "optionRef",
+          ref: n,
+          "class-name": e.className
+        }, {
+          default: V(() => {
+            var c;
+            return [
+              z(T(i.value ? e.placeholder : (c = o(t).value) == null ? void 0 : c.option), 1)
+            ];
+          }),
+          _: 1
+        }, 8, ["class-name"])),
+        D(Q, {
+          name: e.name,
+          type: "hidden",
+          value: (s = o(t).value) == null ? void 0 : s.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", Nr = "Checkbox-module__invalid___B4jAs", Mr = "Checkbox-module__touchable___glE4H", q = {
+  wrapper: Er,
+  input: Lr,
+  checkbox: Pr,
+  indeterminate: Or,
+  invalid: Nr,
+  touchable: Mr
+}, Fr = /* @__PURE__ */ v({
+  inheritAttrs: !1,
+  __name: "Checkbox",
+  props: {
+    isDisabled: { type: Boolean },
+    isReadonly: { type: Boolean },
+    value: {},
+    name: {},
+    id: {},
+    isChecked: { type: Boolean },
+    isDefaultChecked: { type: Boolean },
+    checkedStyle: { default: "mark" },
+    isInvalid: { type: Boolean, default: !1 },
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), n = k(!1);
+    return j(() => {
+      n.value = Vr();
+    }), r({
+      inputRef: i
+    }), (a, l) => (m(), _("div", {
+      class: x([
+        o(q).wrapper,
+        {
+          [o(q).touchable]: n.value
+        }
+      ]),
+      style: S(e.theme)
+    }, [
+      D(Q, g(a.$attrs, {
+        id: t.id,
+        ref_key: "inputRef",
+        ref: i,
+        class: o(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
+      }), null, 16, ["id", "class", "is-disabled", "is-readonly", "is-checked", "is-default-checked", "value", "name"]),
+      $("span", {
+        class: x([
+          o(q).checkbox,
+          {
+            [o(q).indeterminate]: e.checkedStyle === "indeterminate",
+            [o(q).invalid]: e.isInvalid
+          }
+        ])
+      }, null, 2)
+    ], 6));
+  }
+}), ka = /* @__PURE__ */ v({
+  __name: "LabelGroup",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = ue(), i = k(null), n = f(() => t.default ? t.default() : []);
+    return r({
+      groupRef: i
+    }), (a, l) => (m(), _("div", {
+      ref_key: "groupRef",
+      ref: i
+    }, [
+      (m(!0), _(ce, null, ht(n.value, (s, c) => (m(), _("div", {
+        key: c,
+        class: x([o(F).wrapper]),
+        style: S(e.theme)
+      }, [
+        (m(), B(de(s)))
+      ], 6))), 128))
+    ], 512));
+  }
+}), fa = {
+  "--crm-ui-kit-label-group-margin-bottom": "16px"
+}, Gr = {
+  "--crm-ui-kit-label-spacing": "4px",
+  "--crm-ui-kit-label-description-spacing": "4px",
+  "--crm-ui-kit-label-text-width": "auto"
+}, ie = {
+  "--crm-ui-kit-checkbox-z-index": "3",
+  "--crm-ui-kit-checkbox-border-width": "1px",
+  "--crm-ui-kit-checkbox-border-radius": "3px",
+  "--crm-ui-kit-checkbox-border-style": "solid",
+  "--crm-ui-kit-checkbox-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-checkbox-disabled-background-color": "var(--crm-ui-kit-palette-background-primary-disabled)",
+  "--crm-ui-kit-checkbox-error-border-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-checkbox-checked-background": "var(--crm-ui-kit-checkbox-background-color) var(--crm-ui-kit-icon-checked-mark) no-repeat center / 70%",
+  "--crm-ui-kit-checkbox-indeterminate-background": "var(--crm-ui-kit-checkbox-background-color) var(--crm-ui-kit-icon-minus) no-repeat center",
+  "--crm-ui-kit-checkbox-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
+  "--crm-ui-kit-checkbox-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--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)"
+}, va = {
+  ...ie,
+  "--crm-ui-kit-checkbox-size": "20px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
+}, xa = {
+  ...ie,
+  "--crm-ui-kit-checkbox-size": "16px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-default)"
+}, ya = {
+  ...ie,
+  "--crm-ui-kit-checkbox-size": "20px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
+}, ga = {
+  ...ie,
+  "--crm-ui-kit-checkbox-size": "16px",
+  "--crm-ui-kit-checkbox-border-color": "var(--crm-ui-kit-palette-border-primary)"
+};
+({
+  ...Gr
+});
+const wa = /* @__PURE__ */ v({
+  __name: "Portal",
+  props: {
+    container: { default: void 0 }
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), n = f(() => t.container || document.body);
+    return r({
+      portalRef: i
+    }), (a, l) => (m(), B(Ge, {
+      to: n.value,
+      disabled: !n.value
+    }, [
+      $("div", g({
+        ref_key: "portalRef",
+        ref: i
+      }, a.$attrs), [
+        y(a.$slots, "default")
+      ], 16)
+    ], 8, ["to", "disabled"]));
+  }
+}), Hr = "ContentBlock-module__block___UvzuN", qr = {
+  block: Hr
+}, Ia = /* @__PURE__ */ v({
+  __name: "ContentBlock",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      blockRef: t
+    }), (i, n) => (m(), _("div", g(i.$attrs, {
+      ref_key: "blockRef",
+      ref: t,
+      class: o(qr).block,
+      style: e.theme
+    }), [
+      y(i.$slots, "default")
+    ], 16));
+  }
+}), Ca = {
+  "--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
+}, $a = /* @__PURE__ */ v({
+  __name: "Link",
+  props: {
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      linkRef: t
+    }), (i, n) => (m(), _("a", g({
+      ref_key: "linkRef",
+      ref: t
+    }, i.$attrs, {
+      class: o(Yr).link,
+      style: e.theme
+    }), [
+      y(i.$slots, "default")
+    ], 16));
+  }
+}), Ta = {
+  "--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",
+  "--crm-ui-kit-link-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
+  "--crm-ui-kit-link-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--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)"
+}, Ra = {
+  "--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
+}, Sa = /* @__PURE__ */ v({
+  __name: "Callout",
+  props: {
+    theme: {},
+    isIconAvailable: { type: Boolean, default: !0 }
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), n = f(() => {
+      const { Icon: a, ...l } = t.theme;
+      return l;
+    });
+    return r({
+      calloutRef: i
+    }), (a, l) => (m(), _("div", g(a.$attrs, {
+      ref_key: "calloutRef",
+      ref: i,
+      class: o(Re).wrapper,
+      style: n.value
+    }), [
+      e.isIconAvailable ? (m(), B(de(e.theme.Icon), {
+        key: 0,
+        class: x(o(Re).icon)
+      }, null, 8, ["class"])) : R("", !0),
+      y(a.$slots, "default")
+    ], 16));
+  }
+}), Kr = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "none"
+};
+function Zr(e, r) {
+  return m(), _("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)
+  ])]);
+}
+const Jr = { render: Zr }, Xr = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+function Qr(e, r) {
+  return m(), _("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)
+  ])]);
+}
+const eo = { render: Qr }, to = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "none"
+};
+function io(e, r) {
+  return m(), _("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)
+  ])]);
+}
+const ro = { render: io }, oo = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "20",
+  height: "20",
+  fill: "currentColor"
+};
+function no(e, r) {
+  return m(), _("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)
+  ])]);
+}
+const ao = { render: no }, re = {
+  "--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)"
+}, Da = {
+  ...re,
+  Icon: Jr,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-warning-background-color)"
+}, Aa = {
+  ...re,
+  Icon: eo,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-error-background-color)"
+}, Ba = {
+  ...re,
+  Icon: ro,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-success-background-color)"
+}, za = {
+  ...re,
+  Icon: ao,
+  "--crm-ui-kit-callout-background-color": "var(--crm-ui-kit-palette-callout-info-background-color)"
+}, Xe = "Accordion", [Qe, lo] = L(Xe), so = "Accordion-module__wrapper___X4UEj", et = {
+  wrapper: so
+}, co = /* @__PURE__ */ v({
+  __name: "AccordionSingle",
+  props: {
+    isCollapsible: { type: Boolean, default: !1 },
+    value: {},
+    defaultValue: {},
+    theme: {}
+  },
+  emits: ["change"],
+  setup(e, { expose: r, emit: t }) {
+    const i = e, n = t, a = k(null), l = k(i.defaultValue), s = be(i.theme), c = f(() => "value" in i && i.value !== void 0), u = f(
+      () => c.value ? i.value : l.value
+    ), h = (p) => i.isCollapsible && p === u.value ? void 0 : p, w = (p) => {
+      const d = h(p);
+      c.value || (l.value = d), n("change", d);
+    };
+    return Qe({
+      value: u,
+      // computed ref
+      defaultValue: me(() => i.defaultValue),
+      onChange: w
+    }), r({
+      accordionRef: a
+    }), (p, d) => (m(), _("div", g(p.$attrs, {
+      ref_key: "accordionRef",
+      ref: a,
+      class: [o(et).wrapper, o(s)]
+    }), [
+      y(p.$slots, "default")
+    ], 16));
+  }
+}), uo = /* @__PURE__ */ v({
+  __name: "AccordionMultiple",
+  props: {
+    value: {},
+    defaultValue: { default: () => [] },
+    theme: {}
+  },
+  emits: ["change"],
+  setup(e, { expose: r, emit: t }) {
+    const i = e, n = t, a = k(null), l = k(i.defaultValue || []), s = be(i.theme), c = f(() => "value" in i && i.value !== void 0), u = f(
+      () => c.value ? i.value || [] : l.value
+    ), h = (p) => {
+      const d = u.value || [];
+      return d.includes(p) ? d.filter((b) => b !== p) : [...d, p];
+    }, w = (p) => {
+      const d = h(p);
+      c.value || (l.value = d), n("change", d);
+    };
+    return Qe({
+      value: u,
+      // computed ref
+      defaultValue: me(() => i.defaultValue),
+      onChange: w
+    }), r({
+      accordionRef: a
+    }), (p, d) => (m(), _("div", g(p.$attrs, {
+      ref_key: "accordionRef",
+      ref: a,
+      class: [o(et).wrapper, o(s)]
+    }), [
+      y(p.$slots, "default")
+    ], 16));
+  }
+}), mo = v({
+  name: Xe
+}), po = /* @__PURE__ */ v({
+  ...mo,
+  props: {
+    type: {},
+    isCollapsible: { type: Boolean },
+    value: {},
+    defaultValue: {},
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null);
+    return r({
+      accordionRef: t
+    }), (i, n) => e.type === "multiple" ? (m(), B(uo, g({ key: 0 }, i.$props, {
+      ref_key: "accordionRef",
+      ref: t
+    }), {
+      default: V(() => [
+        y(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16)) : (m(), B(co, g({ key: 1 }, i.$props, {
+      ref_key: "accordionRef",
+      ref: t
+    }), {
+      default: V(() => [
+        y(i.$slots, "default")
+      ]),
+      _: 3
+    }, 16));
+  }
+}), ho = {
+  xmlns: "http://www.w3.org/2000/svg",
+  width: "10",
+  height: "7",
+  fill: "none"
+};
+function bo(e, r) {
+  return m(), _("svg", ho, [...r[0] || (r[0] = [
+    $("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",
+      "clip-rule": "evenodd"
+    }, 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", N = {
+  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__ */ v({
+  __name: "Item",
+  props: {
+    theme: {},
+    value: {},
+    title: {},
+    before: { default: null }
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), { onChange: n, value: a } = lo(So), l = be(t.theme), s = () => {
+      n(t.value);
+    }, c = f(() => {
+      const u = o(a);
+      return Array.isArray(u) ? u.includes(t.value) : u === t.value;
+    });
+    return r({
+      itemRef: i
+    }), (u, h) => (m(), _("div", g(u.$attrs, {
+      ref_key: "itemRef",
+      ref: i,
+      class: [
+        o(N).wrapper,
+        {
+          [o(N).active]: c.value
+        },
+        o(l)
+      ]
+    }), [
+      $("div", {
+        class: x(o(N).header),
+        onClick: s
+      }, [
+        $("div", {
+          class: x(o(N).header_left)
+        }, [
+          e.before ? (m(), _("div", {
+            key: 0,
+            class: x(o(N).before_title)
+          }, [
+            (m(), B(de(e.before)))
+          ], 2)) : R("", !0),
+          D(ve, {
+            theme: o(fe),
+            size: "xl",
+            "is-ellipsis": !0
+          }, {
+            default: V(() => [
+              z(T(e.title), 1)
+            ]),
+            _: 1
+          }, 8, ["theme"])
+        ], 2),
+        $("span", {
+          class: x(o(N).chevron_container)
+        }, [
+          D(o(_o), {
+            class: x(o(N).chevron_icon)
+          }, null, 8, ["class"])
+        ], 2)
+      ], 2),
+      $("div", {
+        class: x(o(N).content)
+      }, [
+        y(u.$slots, "default")
+      ], 2)
+    ], 16));
+  }
+}), Va = {
+  "--crm-ui-kit-accordion-width": "100%"
+}, Ea = {
+  "--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)",
+  "--crm-ui-kit-accordion-item-padding": "12px 12px 12px 22px",
+  "--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 = v({
+  name: tt
+}), La = /* @__PURE__ */ v({
+  ...Lo,
+  props: {
+    theme: {},
+    orientation: { default: "horizontal" },
+    isMultiSelect: { type: Boolean },
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(e, { expose: r, emit: t }) {
+    const i = e, n = t, a = k(null), l = k([]), s = (h) => {
+      const w = l.value;
+      let p = w;
+      if (!h && l.value.length && (p = []), h) {
+        const d = l.value.includes(h);
+        i.isMultiSelect && (p = d ? w.filter((b) => b !== h) : [...w, h]), !i.isMultiSelect && !d && (p = [h]);
+      }
+      l.value = p, n("change", p, h);
+    }, c = (h) => {
+      const w = l.value;
+      if (i.isMultiSelect) {
+        l.value = [...w, h];
+        return;
+      }
+      !i.isMultiSelect && !w.length && (l.value = [h]);
+    }, u = J({
+      values: l.value,
+      onChange: s,
+      registerActiveName: c,
+      isDisabled: i.isDisabled
+    });
+    return K(() => {
+      u.values = l.value, u.isDisabled = i.isDisabled;
+    }), Bo(u), r({
+      filterTabsRef: a
+    }), (h, w) => (m(), _("div", g(h.$attrs, {
+      ref_key: "filterTabsRef",
+      ref: a,
+      class: [
+        o(Se).filter_tabs,
+        {
+          [o(Se).horizontal]: e.orientation === "horizontal"
+        }
+      ],
+      style: e.theme
+    }), [
+      y(h.$slots, "default")
+    ], 16));
+  }
+}), Pa = {
+  "--crm-ui-kit-filter-tabs-spacing": "8px"
+}, rt = "FilterTabs.ItemRoot", [Po, Oo] = L(rt), No = "ItemRoot-module__item_root___TqVxI", Mo = "ItemRoot-module__item_root___TqVxI", Fo = "ItemRoot-module__disabled___VgRs7", De = {
+  item_root: No,
+  itemRoot: Mo,
+  disabled: Fo
+}, Oa = /* @__PURE__ */ v({
+  __name: "ItemRoot",
+  props: {
+    isDisabled: { type: Boolean },
+    isDefaultActive: { type: Boolean },
+    name: {},
+    theme: {},
+    className: {}
+  },
+  setup(e) {
+    const r = e, t = it(rt), i = f(() => t.isDisabled), { registerActiveName: n } = t;
+    j(() => {
+      r.isDefaultActive && r.name && n(r.name);
+    });
+    const a = f(() => {
+      const { theme: l, className: s, isDefaultActive: c, ...u } = r;
+      return u;
+    });
+    return Po(a.value), (l, s) => (m(), _("div", {
+      class: x([
+        o(De).item_root,
+        e.className,
+        {
+          [o(De).disabled]: i.value || e.isDisabled
+        }
+      ]),
+      style: S(e.theme)
+    }, [
+      y(l.$slots, "default")
+    ], 6));
+  }
+}), Na = {
+  "--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", Ma = /* @__PURE__ */ v({
+  __name: "Tab",
+  props: {
+    className: { default: "" },
+    theme: {},
+    onClick: {}
+  },
+  setup(e, { expose: r }) {
+    const t = e, { theme: i, className: n, ...a } = t, l = k(null), s = it(Be), { name: c, isDisabled: u } = Oo(Be), h = f(() => s.values.includes(c)), w = f(() => s.isDisabled), p = () => {
+      s.onChange(c);
+    };
+    return r({
+      buttonRef: l
+    }), (d, b) => (m(), _("button", g({
+      ref_key: "buttonRef",
+      ref: l
+    }, a, {
+      class: [
+        o(Ae).button,
+        {
+          [o(Ae).selected]: h.value
+        },
+        o(n)
+      ],
+      style: o(i),
+      name: o(c),
+      disabled: w.value || o(u),
+      onClick: p
+    }), [
+      y(d.$slots, "default")
+    ], 16, qo));
+  }
+}), Fa = {
+  "--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",
+  "--crm-ui-kit-filter-tabs-tab-border-radius": "3px",
+  "--crm-ui-kit-filter-tabs-tab-border-style": "solid",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-color": "var(--crm-ui-kit-color-cobalt-blue)",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-style": "var(--crm-ui-kit-palette-focus-visible-outline-style)",
+  "--crm-ui-kit-filter-tabs-tab-focus-visible-outline-offset": "var(--crm-ui-kit-palette-focus-visible-outline-offset)",
+  "--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 = ({
+  isDisabled: e,
+  onChange: r
+}) => {
+  const t = k(/* @__PURE__ */ new Map()), i = k({}), n = k([]), a = (s) => {
+    const c = new Map(t.value);
+    if (s.type === "selectAll" && !e) {
+      const u = Array.from(c.values()).some(
+        (h) => h.isChecked && !h.isDisabled
+      );
+      c.forEach((h) => {
+        h.isDisabled || (h.isChecked = !u);
+      });
+    }
+    if (s.type === "checkbox" && !e) {
+      const u = c.get(s.name);
+      u && !u.isDisabled && c.set(u.name, {
+        ...u,
+        isChecked: !u.isChecked
+      });
+    }
+    t.value = c, typeof r.value == "function" && r.value([...c.values()], s);
+  };
+  return G(
+    () => n.value.length,
+    async () => {
+      if (n.value.length) {
+        await Fe();
+        const s = [...n.value];
+        n.value = [];
+        const c = new Map(t.value);
+        s.forEach((u) => c.set(u.name, u)), t.value = c;
+      }
+    },
+    { flush: "post" }
+  ), {
+    state: t,
+    register: (s, c = {}) => (s !== "selectAll" && !i.value[s] && (i.value[s] = !0, n.value.push({
+      name: s,
+      isChecked: !!c.isDefaultChecked,
+      isDisabled: !!c.isDisabled
+    })), {
+      name: s,
+      onChange: a,
+      ...c
+    })
+  };
+}, 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 = v({
+  name: ot
+}), Ga = /* @__PURE__ */ v({
+  ...Zo,
+  props: {
+    onChange: {},
+    orientation: { default: "vertical" },
+    theme: {},
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  setup(e, { expose: r }) {
+    const t = e, i = k(null), { register: n, state: a } = Yo({
+      onChange: me(t, "onChange"),
+      isDisabled: t.isDisabled
+    }), l = J({
+      values: a.value,
+      register: n,
+      isDisabled: t.isDisabled
+    });
+    return K(() => {
+      l.values = a.value, l.isDisabled = t.isDisabled;
+    }), jo(l), r({
+      checkboxGroupRef: i
+    }), (s, c) => (m(), _("div", g(s.$attrs, {
+      ref_key: "checkboxGroupRef",
+      ref: i,
+      class: [
+        o(ze).checkbox_group,
+        {
+          [o(ze).horizontal]: e.orientation === "horizontal"
+        }
+      ],
+      style: e.theme
+    }), [
+      y(s.$slots, "default")
+    ], 16));
+  }
+}), 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
+}, qa = /* @__PURE__ */ v({
+  __name: "ItemRoot",
+  props: {
+    name: {},
+    value: {},
+    isDisabled: { type: Boolean },
+    isDefaultChecked: { type: Boolean },
+    className: {},
+    theme: {}
+  },
+  setup(e) {
+    const r = e, t = xe(nt), i = f(() => t.isDisabled), n = f(() => {
+      const { theme: a, className: l, ...s } = r;
+      return {
+        ...t.register(r.name, s),
+        value: r.value
+      };
+    });
+    return Jo(n.value), (a, l) => (m(), _("div", {
+      class: x([
+        o(Z).item_root,
+        e.className,
+        {
+          [o(Z).disabled]: i.value || e.isDisabled
+        }
+      ]),
+      style: S(e.theme)
+    }, [
+      y(a.$slots, "default")
+    ], 6));
+  }
+}), ja = {
+  "--crm-ui-kit-checkbox-group-item-root-disabled-opacity": "var(--crm-ui-kit-disabled-opacity)"
+}, at = "CheckboxGroup.ItemRootSelectAll", [
+  tn,
+  rn
+] = L(at), Ya = /* @__PURE__ */ v({
+  __name: "ItemRootSelectAll",
+  props: {
+    isDisabled: { type: Boolean },
+    className: {},
+    theme: {}
+  },
+  setup(e) {
+    const r = e, t = xe(at), i = f(() => t.isDisabled), n = f(() => {
+      const { theme: a, className: l, ...s } = r;
+      return {
+        ...t.register("selectAll"),
+        ...s
+      };
+    });
+    return tn(n.value), (a, l) => (m(), _("div", {
+      class: x([
+        o(Z).item_root,
+        e.className,
+        {
+          [o(Z).disabled]: i.value || e.isDisabled
+        }
+      ]),
+      style: S(e.theme)
+    }, [
+      y(a.$slots, "default")
+    ], 6));
+  }
+}), Ve = "CheckboxGroup.CheckboxSelectAll", le = "selectAll", Ua = /* @__PURE__ */ v({
+  __name: "CheckboxSelectAll",
+  props: {
+    isReadonly: { type: Boolean },
+    name: {},
+    id: {},
+    checkedStyle: {},
+    isInvalid: { type: Boolean },
+    theme: {},
+    className: { default: "" }
+  },
+  setup(e, { expose: r }) {
+    const t = e, { theme: i, className: n, checkedStyle: a, ...l } = t, s = k(null), c = xe(Ve), u = rn(Ve), h = () => {
+      u.onChange({ type: le, name: le });
+    }, w = f(() => {
+      const p = c.values, b = Array.from(p.values()).every(
+        (I) => I.isChecked
+      ) ? "mark" : "indeterminate";
+      return {
+        isChecked: Array.from(p.values()).some(
+          (I) => I.isChecked
+        ),
+        checkedStyle: b
+      };
+    });
+    return r({
+      checkboxRef: s
+    }), (p, d) => (m(), B(Fr, g({
+      ref_key: "checkboxRef",
+      ref: s,
+      class: o(n),
+      theme: o(i),
+      value: le,
+      "is-disabled": o(c).isDisabled || o(u).isDisabled,
+      "is-checked": w.value.isChecked,
+      "checked-style": w.value.checkedStyle
+    }, l, { onChange: h }), null, 16, ["class", "theme", "is-disabled", "is-checked", "checked-style"]));
+  }
+}), lt = "RadioGroup", [on, st] = L(lt), nn = "RadioGroup-module__radiogroup___A36hR", an = "RadioGroup-module__horizontal___QsBvv", Ee = {
+  radiogroup: nn,
+  horizontal: an
+}, ct = "RadioGroup.ItemRoot", [ln, 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
+}, Wa = /* @__PURE__ */ v({
+  __name: "ItemRoot",
+  props: {
+    theme: {},
+    isDisabled: { type: Boolean },
+    isReadonly: { type: Boolean },
+    value: {},
+    id: {},
+    className: {},
+    onInput: {},
+    onFocus: {},
+    onBlur: {}
+  },
+  setup(e) {
+    const r = e, t = st(ct), i = f(() => t.isDisabled), n = f(() => {
+      const { theme: a, ...l } = r;
+      return l;
+    });
+    return ln(n.value), (a, l) => (m(), _("div", {
+      class: x([
+        o(Le).item_root,
+        {
+          [o(Le).disabled]: i.value || e.isDisabled
+        }
+      ]),
+      style: S(e.theme)
+    }, [
+      y(a.$slots, "default")
+    ], 6));
+  }
+}), Ka = {
+  "--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", Za = /* @__PURE__ */ v({
+  __name: "Radio",
+  props: {
+    className: { default: "" },
+    theme: {}
+  },
+  setup(e, { expose: r }) {
+    const t = k(null), i = st(Pe), {
+      value: n,
+      isDisabled: a,
+      className: l,
+      ...s
+    } = sn(Pe), c = f(() => {
+      const u = {
+        name: i.name,
+        onChange: i.onChange,
+        ...s
+      };
+      return i.defaultValue ? {
+        isDefaultChecked: i.defaultValue === n,
+        ...u
+      } : {
+        isChecked: i.value === n,
+        ...u
+      };
+    });
+    return r({
+      inputRef: t
+    }), (u, h) => (m(), _("div", {
+      class: x([o(se).wrapper, o(l)]),
+      style: S(e.theme)
+    }, [
+      D(Q, g({
+        ref_key: "inputRef",
+        ref: t,
+        class: [o(se).input, e.className],
+        type: "radio",
+        value: o(n),
+        "is-disabled": o(i).isDisabled || o(a)
+      }, c.value), null, 16, ["class", "value", "is-disabled"]),
+      $("span", {
+        class: x(o(se).radio)
+      }, null, 2)
+    ], 6));
+  }
+}), Ja = {
+  "--crm-ui-kit-radio-size": "20px",
+  "--crm-ui-kit-radio-z-index": "3",
+  "--crm-ui-kit-radio-checked-circle-size": "8px",
+  "--crm-ui-kit-radio-checked-circle-color": "var(--crm-ui-kit-color-blueberry)",
+  "--crm-ui-kit-radio-border-width": "1px",
+  "--crm-ui-kit-radio-border-radius": "50%",
+  "--crm-ui-kit-radio-border-style": "solid",
+  "--crm-ui-kit-radio-border-color": "var(--crm-ui-kit-palette-border-primary)",
+  "--crm-ui-kit-radio-background-color": "var(--crm-ui-kit-palette-background-primary)",
+  "--crm-ui-kit-radio-focus-visible-outline-color": "var(--crm-ui-kit-palette-focus-visible-color)",
+  "--crm-ui-kit-radio-focus-visible-outline-width": "var(--crm-ui-kit-palette-focus-visible-outline-width)",
+  "--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 = v({
+  name: lt
+}), Xa = /* @__PURE__ */ v({
+  ...bn,
+  props: {
+    theme: {},
+    orientation: { default: "vertical" },
+    value: {},
+    defaultValue: {},
+    name: {},
+    isDisabled: { type: Boolean, default: !1 }
+  },
+  emits: ["change"],
+  setup(e, { expose: r, emit: t }) {
+    const i = e, n = t, a = k(null), s = J({
+      get name() {
+        return i.name;
+      },
+      get value() {
+        return i.value;
+      },
+      get defaultValue() {
+        return i.defaultValue;
+      },
+      get isDisabled() {
+        return i.isDisabled;
+      },
+      onChange: (c) => {
+        const u = c.target;
+        n("change", u.value);
+      }
+    });
+    return on(s), r({
+      radiogroupRef: a
+    }), (c, u) => (m(), _("div", g(c.$attrs, {
+      ref_key: "radiogroupRef",
+      ref: a,
+      role: "radiogroup",
+      class: [
+        o(Ee).radiogroup,
+        {
+          [o(Ee).horizontal]: e.orientation === "horizontal"
+        }
+      ],
+      style: e.theme
+    }), [
+      y(c.$slots, "default")
+    ], 16));
+  }
+}), Qa = {
+  "--crm-ui-kit-radio-group-spacing": "8px"
+}, _n = "0.0.1";
+function kn(e, r) {
+}
+const el = {
+  install: kn,
+  version: _n
+};
+export {
+  yn as APPEARANCE_ATTRIBUTE_NAME,
+  Ao as Accordion,
+  Ea as AccordionItemTheme,
+  Va as AccordionTheme,
+  W as Appearance,
+  _e as BaseInput,
+  Nn as Button,
+  Mn as ButtonNeutralTheme,
+  Fn as ButtonPrimaryTheme,
+  Gn as ButtonSecondaryTheme,
+  Sa as Callout,
+  re as CalloutBaseValues,
+  Aa as CalloutErrorTheme,
+  za as CalloutInfoTheme,
+  Ba as CalloutSuccessTheme,
+  Da as CalloutWarningTheme,
+  Fr as Checkbox,
+  ya as CheckboxDarkTheme,
+  Ga as CheckboxGroup,
+  qa as CheckboxGroupItemRoot,
+  ja as CheckboxGroupItemRootTheme,
+  Ha as CheckboxGroupTheme,
+  va as CheckboxLightTheme,
+  Ua as CheckboxSelectAll,
+  ga as CheckboxSmallDarkTheme,
+  xa as CheckboxSmallLightTheme,
+  Ia as ContentBlock,
+  Ca as ContentBlockTheme,
+  gn as DEFAULT_APPEARANCE,
+  La as FilterTabs,
+  Na as FilterTabsItemRootTheme,
+  Pa 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,
+  Oa as ItemRoot,
+  Ya as ItemRootSelectAll,
+  ta as Label,
+  ka as LabelGroup,
+  fa as LabelGroupTheme,
+  Gr as LabelTheme,
+  $a as Link,
+  Ta as LinkPrimaryTheme,
+  Te as List,
+  pa as ListTheme,
+  he as PORTAL_TARGETS,
+  wa as Portal,
+  Za as Radio,
+  Xa as RadioGroup,
+  Wa as RadioGroupItemRoot,
+  Ka as RadioGroupItemRootTheme,
+  Qa as RadioGroupTheme,
+  Ja as RadioPrimaryTheme,
+  na as Select,
+  ca as SelectArrow,
+  ua as SelectArrowTheme,
+  dr as SelectButton,
+  oa as SelectButtonDarkTheme,
+  ra as SelectButtonLightTheme,
+  da as SelectIcon,
+  ma as SelectIconTheme,
+  la as SelectItem,
+  sa as SelectItemTheme,
+  ba as SelectList,
+  pa as SelectListTheme,
+  Je as SelectOption,
+  aa as SelectRootTheme,
+  ha as SelectTrigger,
+  _a as SelectValue,
+  At as Spinner,
+  Ra as SpinnerTheme,
+  ea as Switcher,
+  ia as SwitcherPrimaryTheme,
+  He as THEME_PROVIDER_KEY,
+  Ma as Tab,
+  Fa 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,
+  el 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
+};
+//# sourceMappingURL=index.js.map