@kommo-crm/crm-react-ui-kit 1.0.1

package/LICENCE

@@ -0,0 +1,13 @@
+Copyright (c) 2025-present QSOFT LLC.
+
+Permission is hereby granted, free of charge, to any person obtaining a copy of this software and associated documentation files (the "Software"), to deal in the Software without restriction, including without limitation the rights to use, copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Software, and to permit persons to whom the Software is furnished to do so, subject to the following conditions:
+
+1. The above copyright notice and this permission notice shall be included in all copies or substantial portions of the Software.
+
+2. The rights granted herein may only be exercised to develop and distribute applications that integrate with or interoperate with Kommo’s software or services.
+
+3. In the case of external, stand-alone applications that do not embed directly into Kommo, the rights granted herein may only be exercised to develop and distribute:
+   a) non-commercial open-source applications, or
+   b) commercial applications that are clearly dissimilar in appearance and functionality from Kommo’s products and services, as determined solely by QSOFT LLC.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.

package/README.md

@@ -0,0 +1,59 @@
+<h1 align="center">@kommo-crm/crm-react-ui-kit</h1>
+
+> Ready-to-use React components that implement the design of [Kommo](https://www.kommo.com/)
+
+[Storybook](https://storybook.kommo.com) preview
+
+## Installation
+
+| npm                                 | yarn                                   | pnpm                                   |
+| ----------------------------------- | -------------------------------------- | -------------------------------------- |
+| `npm i @kommo-crm/crm-react-ui-kit` | `yarn add @kommo-crm/crm-react-ui-kit` | `pnpm add @kommo-crm/crm-react-ui-kit` |
+
+## Commands
+
+### Install dependencies and build
+
+```sh
+yarn install && yarn build
+```
+
+### Storybook Commands
+
+| Command                | Runs                               |
+| ---------------------- | ---------------------------------- |
+| `yarn lint`            | Lints your code                    |
+| `yarn storybook`       | Start Storybook on port 6006       |
+| `yarn build-storybook` | Build Storybook for static hosting |
+
+## Testing
+
+**Run Unit tests:**
+
+```sh
+yarn test
+```
+
+### Working with Playwright
+
+> For `Playwright` to work, [Docker](https://www.docker.com) must be installed
+
+**Run screenshot tests:**
+
+```sh
+yarn test:e2e
+```
+
+**Generate screenshots:**
+
+```sh
+yarn test:e2e:update-snapshots
+```
+
+## Contribute to this repo
+
+Pull requests are welcome. See the [contribution guidelines](./.github/CONTRIBUTING.md) for more information.
+
+## Licenses
+
+Source code is under a [custom license](./LICENCE) based on MIT.

package/dist/Accordion.module-0NEfElzm.mjs

@@ -0,0 +1,6 @@
+import './assets/Accordion.css';const p = "_wrapper_391nf_1", r = {
+  wrapper: p
+};
+export {
+  r as s
+};

package/dist/ItemRoot.module-DaaOqYPx.mjs

@@ -0,0 +1,7 @@
+import './assets/ItemRoot2.css';const o = "_item_root_12q32_1", t = "_disabled_12q32_7", _ = {
+  item_root: o,
+  disabled: t
+};
+export {
+  _ as s
+};

package/dist/ItemRoot.module-fiKLca_h.mjs

@@ -0,0 +1,7 @@
+import './assets/ItemRoot.css';const o = "_item_root_7dbe8_1", t = "_disabled_7dbe8_7", e = {
+  item_root: o,
+  disabled: t
+};
+export {
+  e as s
+};

package/dist/List-AX0nB9Ji.mjs

@@ -0,0 +1,141 @@
+import { jsx as R } from "react/jsx-runtime";
+import w, { useState as I, useEffect as E, useCallback as C, forwardRef as y } from "react";
+import { c as A } from "./index-L8X2o7IH.mjs";
+import { useThemeClassName as H } from "./hooks/useThemeClassName/useThemeClassName.js";
+import { CustomScrollClassName as K } from "./stylesheets/utils/BaseClasses/BaseClasses.js";
+import { noop as g } from "./utils/noop/noop.js";
+import './assets/List.css';var x = "ArrowUp", T = "ArrowDown", D = "Escape", b = "Enter", k = "Space", O = [x, T, b, k], P = (s) => {
+  const {
+    itemsLength: o,
+    onSelect: r,
+    onToggle: e,
+    onHoveredIndexChange: a = () => {
+    },
+    isOpened: t = !1,
+    hoveredIndex: c = 0,
+    listRef: u
+  } = s, [n, p] = I(c);
+  E(() => {
+    p(c);
+  }, [c]);
+  const f = (i) => {
+    p(i), a(i);
+  }, d = C((i) => {
+    if (!u || !u.current)
+      return;
+    const m = u.current, v = m.querySelector(
+      `li:nth-child(${i + 1})`
+    );
+    if (!v)
+      return;
+    const N = m.getBoundingClientRect().top, S = v.getBoundingClientRect().top, L = m.scrollTop + (S - N) - m.offsetHeight / 2 + v.offsetHeight / 2;
+    m.scrollTop = L, f(i);
+  }, []), h = C(
+    (i) => {
+      switch (O.includes(i.code) && i.preventDefault(), i.code) {
+        case D:
+          t && e(!1);
+          break;
+        case x:
+          t && d(
+            n > 0 ? n - 1 : o - 1
+          );
+          break;
+        case T:
+          t && d(
+            n < o - 1 ? n + 1 : 0
+          );
+          break;
+        case b:
+        case k:
+          t && n >= 0 && n < o ? r(n) : e(!0);
+          break;
+      }
+    },
+    [n, t, o, r, e]
+  );
+  return E(() => {
+    t && (f(n), d(n));
+  }, [t]), {
+    currentHoveredIndex: n,
+    updateHoveredIndex: f,
+    updateListPosition: d,
+    onKeyDown: h
+  };
+}, B = (s, o) => s.filter((r) => r !== o), l = {}, Y = (s) => {
+  for (const o in l) {
+    const r = l[o];
+    for (let e = r.length - 1; e > -1; e--) {
+      const { ref: a, handler: t } = r[e], c = a.current;
+      if (c) {
+        if (c.contains(s.target))
+          break;
+        t(s);
+        break;
+      }
+    }
+  }
+};
+document.addEventListener("click", Y);
+var J = (s) => {
+  const { handler: o, ref: r, context: e = "global" } = s;
+  E(() => {
+    l[e] || (l[e] = []);
+    const a = { handler: o, ref: r };
+    return setTimeout(() => {
+      var t;
+      (t = l[e]) == null || t.push(a);
+    }), () => {
+      l[e] = B(l[e], a);
+    };
+  }, [o, r, e]);
+};
+const j = "_list_133sa_1", U = "_opened_133sa_11", _ = {
+  list: j,
+  opened: U
+}, q = y((s, o) => {
+  const {
+    className: r = "",
+    theme: e,
+    children: a,
+    isOpened: t,
+    hoveredIndex: c = 0,
+    onSelect: u = g,
+    onToggle: n = g,
+    onHoveredIndexChange: p = g,
+    ...f
+  } = s, d = H(e), { onKeyDown: h } = P({
+    itemsLength: w.Children.toArray(a).length,
+    onSelect: u,
+    onToggle: n,
+    isOpened: t,
+    listRef: o,
+    hoveredIndex: c,
+    onHoveredIndexChange: p
+  });
+  return t && /* @__PURE__ */ R(
+    "ul",
+    {
+      onKeyDown: h,
+      ref: o,
+      tabIndex: 0,
+      className: A(
+        K,
+        _.list,
+        d,
+        {
+          [_.opened]: t
+        },
+        r
+      ),
+      role: "list",
+      ...f,
+      children: a
+    }
+  );
+});
+q.displayName = "List";
+export {
+  q as L,
+  J as u
+};

package/dist/Tab.module-Bh4dewE1.mjs

@@ -0,0 +1,7 @@
+import './assets/Tab.css';const t = "_button_12unc_1", e = "_selected_12unc_48", c = {
+  button: t,
+  selected: e
+};
+export {
+  c as s
+};

package/dist/assets/Accordion.css

@@ -0,0 +1 @@
+._wrapper_391nf_1{width:var(--crm-ui-kit-accordion-width)}

package/dist/assets/Arrow.css

@@ -0,0 +1 @@
+._wrapper_hk1oh_1{display:flex;width:var(--crm-ui-kit-select-arrow-width);height:var(--crm-ui-kit-select-arrow-height);margin:var(--crm-ui-kit-select-margin)}

package/dist/assets/BaseClasses.css

@@ -0,0 +1 @@
+._custom_scroll_6bijz_1{scrollbar-color:var(--crm-ui-kit-palette-scrollbar-thumb-background) inherit}._custom_scroll_6bijz_1::-webkit-scrollbar{width:var(--crm-ui-kit-palette-scrollbar-width)}._custom_scroll_6bijz_1::-webkit-scrollbar-track{background:var(--crm-ui-kit-palette-scrollbar-track-background);border-radius:var(--crm-ui-kit-palette-scrollbar-track-border-radius)}._custom_scroll_6bijz_1::-webkit-scrollbar-thumb{border-radius:var(--crm-ui-kit-palette-scrollbar-thumb-border-radius);background:var(--crm-ui-kit-palette-scrollbar-thumb-background)}

package/dist/assets/BaseInput.css

@@ -0,0 +1 @@
+._input_x5289_1{padding:0;display:block;box-sizing:border-box;width:100%;font-size:var(--crm-ui-kit-base-input-font-size);line-height:var(--crm-ui-kit-base-input-line-height);background:inherit;color:var(--crm-ui-kit-base-input-color);padding-left:var(--crm-ui-kit-base-input-padding-left);padding-right:var(--crm-ui-kit-base-input-padding-right);height:var(--crm-ui-kit-base-input-height);outline:none;border-radius:inherit;border:none}._input_x5289_1::placeholder{font-weight:400;color:var(--crm-ui-kit-base-input-placeholder-color)}._input_x5289_1:not(._placeholder_visible_x5289_23):focus::placeholder{color:transparent}._input_x5289_1:disabled{color:var(--crm-ui-kit-base-input-disabled-color)}

package/dist/assets/Button.css

@@ -0,0 +1 @@
+@keyframes _buttonShakeAnimation_5it8y_1{0%,to{transform:translate(0)}25%,75%{transform:translate(-10px)}50%{transform:translate(10px)}}._button_5it8y_17{z-index:var(--crm-ui-kit-button-z-index);height:var(--crm-ui-kit-button-height);padding:var(--crm-ui-kit-button-padding);font-size:var(--crm-ui-kit-button-font-size);font-weight:var(--crm-ui-kit-button-font-weight);line-height:var(--crm-ui-kit-button-line-height);white-space:nowrap;text-decoration:none;vertical-align:middle;color:var(--crm-ui-kit-button-color);border-width:var(--crm-ui-kit-button-border-width);border-radius:var(--crm-ui-kit-button-border-radius);border-color:var(--crm-ui-kit-button-border-color);border-style:var(--crm-ui-kit-button-border-style);background:var(--crm-ui-kit-button-background-color);outline:none;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}._button_5it8y_17+._button_5it8y_17{margin-left:var(--crm-ui-kit-button-sibling-element-spacing)}._button_5it8y_17:not(._disabled_5it8y_43):active{transform:translateY(1px)}._button_5it8y_17:not(._disabled_5it8y_43):hover{color:var(--crm-ui-kit-button-hover-color);background:var(--crm-ui-kit-button-hover-background-color);border-width:var(--crm-ui-kit-button-hover-border-width);border-radius:var(--crm-ui-kit-button-hover-border-radius);border-color:var(--crm-ui-kit-button-hover-border-color);border-style:var(--crm-ui-kit-button-hover-border-style)}._disabled_5it8y_43{color:var(--crm-ui-kit-button-disabled-color);background:var(--crm-ui-kit-button-disabled-background-color);border-color:var(--crm-ui-kit-button-disabled-border-color);opacity:var(--crm-ui-kit-button-disabled-opacity);cursor:default}._content_5it8y_65{display:flex;box-sizing:border-box;align-items:center;justify-content:center;text-align:center}._before_5it8y_73{display:inline-flex;margin-right:var(--crm-ui-kit-button-elements-spacing)}._after_5it8y_78{display:inline-flex;margin-left:var(--crm-ui-kit-button-elements-spacing)}._spinner_container_5it8y_83{position:relative;margin:auto;height:14px;width:12px}._invalid_5it8y_90{animation:.3s _buttonShakeAnimation_5it8y_1;animation-fill-mode:both}._success_5it8y_95{color:var(--crm-ui-kit-button-success-color);background:var(--crm-ui-kit-button-success-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}._success_5it8y_95:not(._disabled_5it8y_43):hover{background:var(--crm-ui-kit-button-success-hover-background-color);border-color:var(--crm-ui-kit-button-success-border-color)}

package/dist/assets/Callout.css

@@ -0,0 +1 @@
+._wrapper_9bqqz_1{display:flex;padding:var(--crm-ui-kit-callout-padding);background-color:var(--crm-ui-kit-callout-background-color);border-radius:var(--crm-ui-kit-callout-border-radius)}._icon_9bqqz_8{flex-shrink:0;margin-right:8px;color:var(--crm-ui-kit-callout-icon-color)}

package/dist/assets/Checkbox.css

@@ -0,0 +1 @@
+._wrapper_1u7sv_1{width:var(--crm-ui-kit-checkbox-size);height:var(--crm-ui-kit-checkbox-size)}._input_1u7sv_6:checked~._checkbox_1u7sv_7:not(._indeterminate_1u7sv_7){background:var(--crm-ui-kit-checkbox-checked-background)}._input_1u7sv_6:indeterminate~._checkbox_1u7sv_7._indeterminate_1u7sv_7,._input_1u7sv_6:checked~._checkbox_1u7sv_7._indeterminate_1u7sv_7{background:var(--crm-ui-kit-checkbox-indeterminate-background)}._input_1u7sv_6:disabled~._checkbox_1u7sv_7,._input_1u7sv_6:disabled:checked~._checkbox_1u7sv_7{background-color:var(--crm-ui-kit-checkbox-disabled-background-color)}._input_1u7sv_6:focus-visible~._checkbox_1u7sv_7{outline-color:var(--crm-ui-kit-checkbox-focus-visible-outline-color);outline-width:var(--crm-ui-kit-checkbox-focus-visible-outline-width);outline-style:var(--crm-ui-kit-checkbox-focus-visible-outline-style);border-radius:var(--crm-ui-kit-checkbox-focus-visible-border-radius);outline-offset:var(--crm-ui-kit-checkbox-focus-visible-outline-offset)}._checkbox_1u7sv_7{--crm-ui-kit-checkbox-box-size: calc( var(--crm-ui-kit-checkbox-size) - (var(--crm-ui-kit-checkbox-border-width) * 2) );position:relative;cursor:pointer;display:block;z-index:var(--crm-ui-kit-checkbox-z-index);width:var(--crm-ui-kit-checkbox-box-size);height:var(--crm-ui-kit-checkbox-box-size);background-color:var(--crm-ui-kit-checkbox-background-color);border-width:var(--crm-ui-kit-checkbox-border-width);border-style:var(--crm-ui-kit-checkbox-border-style);border-color:var(--crm-ui-kit-palette-border-primary);border-radius:var(--crm-ui-kit-checkbox-border-radius);-webkit-user-select:none;user-select:none}._invalid_1u7sv_50{border-color:var(--crm-ui-kit-checkbox-error-border-color)}._touchable_1u7sv_54 *:not(input){pointer-events:none}

package/dist/assets/CheckboxGroup.css

@@ -0,0 +1 @@
+._checkbox_group_12s2l_1{display:flex;flex-direction:column;align-items:flex-start}._checkbox_group_12s2l_1>*:not(:last-child){margin-bottom:var(--crm-ui-kit-checkbox-group-spacing)}._horizontal_12s2l_11{flex-direction:row}._horizontal_12s2l_11>*:not(:last-child){margin-bottom:0;margin-right:var(--crm-ui-kit-checkbox-group-spacing)}

package/dist/assets/ContentBlock.css

@@ -0,0 +1 @@
+._block_1efq7_1{box-sizing:var(--crm-ui-kit-content-block-box-sizing);padding:var(--crm-ui-kit-content-block-padding);border-radius:var(--crm-ui-kit-content-block-border-radius);box-shadow:var(--crm-ui-kit-content-block-box-shadow);background:var(--crm-ui-kit-content-block-background)}

package/dist/assets/FilterTabs.css

@@ -0,0 +1 @@
+._filter_tabs_1gtnv_1{display:flex;flex-direction:column;align-items:flex-start}._filter_tabs_1gtnv_1>*:not(:last-child){margin-bottom:var(--crm-ui-kit-filter-tabs-spacing)}._horizontal_1gtnv_11{flex-direction:row}._horizontal_1gtnv_11>*:not(:last-child){margin-bottom:0;margin-right:var(--crm-ui-kit-filter-tabs-spacing)}

package/dist/assets/Icon.css

@@ -0,0 +1 @@
+._wrapper_16vko_1{width:var(--crm-ui-kit-select-icon-width);height:var(--crm-ui-kit-select-icon-height);margin:var(--crm-ui-kit-select-icon-margin)}

package/dist/assets/InlineInput.css

@@ -0,0 +1 @@
+._wrapper_vhy8z_1{--crm-ui-kit-base-input-font-size: var(--crm-ui-kit-inline-input-font-size);--crm-ui-kit-base-input-line-height: var( --crm-ui-kit-inline-input-line-height );--crm-ui-kit-base-input-padding-left: var( --crm-ui-kit-inline-input-padding-left );--crm-ui-kit-base-input-height: var(--crm-ui-kit-inline-input-height);--crm-ui-kit-base-input-padding-right: var( --crm-ui-kit-inline-input-padding-right );--crm-ui-kit-base-input-color: var(--crm-ui-kit-inline-input-color);--crm-ui-kit-base-input-placeholder-color: var( --crm-ui-kit-inline-input-placeholder-color );--crm-ui-kit-base-input-disabled-color: var( --crm-ui-kit-inline-input-disabled-color );display:flex;width:100%}._input_container_vhy8z_25{display:flex;width:var(--crm-ui-kit-inline-input-width);align-items:flex-end;background:transparent;border:none;border-radius:0%;border-color:var(--crm-ui-kit-inline-input-border-color);border-bottom-style:var(--crm-ui-kit-inline-input-border-style);border-bottom-width:var(--crm-ui-kit-inline-input-border-width)}._input_container_vhy8z_25:focus-within{border-color:var(--crm-ui-kit-inline-input-focus-border-color)}._after_container_vhy8z_42{display:flex;margin-left:var(--crm-ui-kit-inline-input-invalid-description-offset)}._after_vhy8z_42{min-width:var(--crm-ui-kit-inline-input-after-min-width);display:flex;align-self:center;justify-content:center}._has_after_vhy8z_54{padding-right:0}._invalid_description_container_vhy8z_58{position:relative;justify-content:center;width:auto;margin-left:calc(var(--crm-ui-kit-inline-input-invalid-description-offset) + var(--crm-ui-kit-inline-input-invalid-description-arrow-width));padding:var(--crm-ui-kit-inline-input-invalid-description-padding-x) var(--crm-ui-kit-inline-input-invalid-description-padding-y);border-radius:var( --crm-ui-kit-inline-input-invalid-description-border-radius );background-color:var( --crm-ui-kit-inline-input-invalid-description-background-color )}._invalid_description_container_vhy8z_58:before{content:"";position:absolute;left:var(--crm-ui-kit-inline-input-invalid-description-arrow-left);top:var(--crm-ui-kit-inline-input-invalid-description-arrow-top);rotate:-90deg;border-left:var(--crm-ui-kit-inline-input-invalid-description-arrow-width) solid transparent;border-right:var(--crm-ui-kit-inline-input-invalid-description-arrow-width) solid transparent;border-bottom:var( --crm-ui-kit-inline-input-invalid-description-arrow-width ) solid var(--crm-ui-kit-inline-input-invalid-description-background-color)}._invalid_description_container_vhy8z_58 ._invalid_description_vhy8z_58{color:var(--crm-ui-kit-inline-input-invalid-description-color)}._disabled_vhy8z_98{opacity:var(--crm-ui-kit-inline-input-disabled-opacity)}

package/dist/assets/Input.css

@@ -0,0 +1 @@
+._wrapper_1jjpd_1{--crm-ui-kit-base-input-height: calc( var(--crm-ui-kit-input-height) - calc(var(--crm-ui-kit-input-border-width) * 2) );--crm-ui-kit-base-input-font-size: var(--crm-ui-kit-input-font-size);--crm-ui-kit-base-input-line-height: var(--crm-ui-kit-input-line-height);--crm-ui-kit-base-input-padding-left: var(--crm-ui-kit-input-padding-left);--crm-ui-kit-base-input-padding-right: var(--crm-ui-kit-input-padding-right);--crm-ui-kit-base-input-color: var(--crm-ui-kit-input-color);--crm-ui-kit-base-input-placeholder-color: var( --crm-ui-kit-input-placeholder-color );--crm-ui-kit-base-input-disabled-color: var( --crm-ui-kit-input-disabled-color );display:flex;flex-direction:column;width:100%}._input_wrapper_1jjpd_23{display:flex;flex-direction:column}._input_container_1jjpd_28{display:flex;width:calc(var(--crm-ui-kit-input-width) - calc(var(--crm-ui-kit-input-border-width) * 2));height:var(--crm-ui-kit-input-height);border-top:var(--crm-ui-kit-input-border-top);border-bottom:var(--crm-ui-kit-input-border-bottom);border-left:var(--crm-ui-kit-input-border-left);border-right:var(--crm-ui-kit-input-border-right);border-radius:var(--crm-ui-kit-input-border-radius);background:var(--crm-ui-kit-input-background-color)}._after_1jjpd_44{min-width:var(--crm-ui-kit-input-after-min-width);display:flex;align-self:center;justify-content:center}._has_after_1jjpd_51{padding-right:0}._invalid_1jjpd_55{border-color:var(--crm-ui-kit-input-error-border-color);border-top:var(--crm-ui-kit-input-error-border-top);border-bottom:var(--crm-ui-kit-input-error-border-bottom);border-left:var(--crm-ui-kit-input-error-border-left);border-right:var(--crm-ui-kit-input-error-border-right)}._invalid_1jjpd_55 input::placeholder{color:var(--crm-ui-kit-input-error-placeholder-color)}._invalid_1jjpd_55 input{color:var(--crm-ui-kit-input-error-color)}._disabled_1jjpd_72{opacity:var(--crm-ui-kit-input-disabled-opacity);border-top:var(--crm-ui-kit-input-disabled-border-top);border-bottom:var(--crm-ui-kit-input-disabled-border-bottom);border-left:var(--crm-ui-kit-input-disabled-border-left);border-right:var(--crm-ui-kit-input-disabled-border-right)}._invalid_description_1jjpd_81{margin-top:var(--crm-ui-kit-input-error-description-offset-placement-bottom)}._invalid_description_right_1jjpd_85{flex-direction:row}._invalid_description_right_1jjpd_85 ._invalid_description_1jjpd_81{align-self:center;margin-top:0;margin-left:var( --crm-ui-kit-input-error-description-offset-placement-right )}

package/dist/assets/Item.css

@@ -0,0 +1 @@
+._item_mywsb_1{display:flex;align-items:center;position:relative;overflow:hidden;padding:var(--crm-ui-kit-select-item-padding);margin:var(--crm-ui-kit-select-item-margin);box-sizing:border-box;cursor:pointer;list-style-type:none;font-size:var(--crm-ui-kit-select-item-font-size);font-weight:var(--crm-ui-kit-select-item-font-weight);white-space:nowrap;text-overflow:ellipsis;word-wrap:normal}._item_mywsb_1:hover{background-color:var(--crm-ui-kit-select-item-hover-background-color)}._selected_mywsb_24{background:var(--crm-ui-kit-select-item-selected-background);background-color:var(--crm-ui-kit-select-item-selected-background-color)}._hovered_mywsb_30{background-color:var(--crm-ui-kit-select-item-hovered-background-color)}

package/dist/assets/Item2.css

@@ -0,0 +1 @@
+._wrapper_1l5nn_1{margin-bottom:var(--crm-ui-kit-accordion-item-margin-bottom);background-color:var(--crm-ui-kit-accordion-item-background-color);border:1px solid var(--crm-ui-kit-accordion-item-border-color);border-radius:var(--crm-ui-kit-accordion-item-border-radius);box-shadow:var(--crm-ui-kit-accordion-item-box-shadow)}._wrapper_1l5nn_1:last-child{margin-bottom:0}._header_1l5nn_13{display:flex;align-items:center;justify-content:space-between;padding:var(--crm-ui-kit-accordion-item-padding)}._header_left_1l5nn_20{overflow:hidden;display:flex;align-items:center;width:100%}._before_title_1l5nn_27{display:flex;align-items:center;justify-content:center;margin-right:12px}._chevron_container_1l5nn_34{transform:rotate(-90deg);display:flex;flex-shrink:0;align-items:center;justify-content:center;width:24px;height:auto}._chevron_icon_1l5nn_44{color:var(--crm-ui-kit-accordion-item-chevron-icon-color)}._content_1l5nn_48{padding:var(--crm-ui-kit-accordion-item-padding);padding-top:0;word-break:break-word}._active_1l5nn_54 ._content_1l5nn_48{display:block}._active_1l5nn_54 ._chevron_container_1l5nn_34{transform:rotate(0)}._content_1l5nn_48{display:none}

package/dist/assets/ItemRoot.css

@@ -0,0 +1 @@
+._item_root_7dbe8_1{display:flex;align-items:center;justify-content:center}._disabled_7dbe8_7{opacity:var(--crm-ui-kit-filter-tabs-item-root-disabled-opacity)}

package/dist/assets/ItemRoot2.css

@@ -0,0 +1 @@
+._item_root_12q32_1{display:flex;align-items:center;justify-content:center}._disabled_12q32_7{opacity:var(--crm-ui-kit-checkbox-group-item-root-disabled-opacity)}

package/dist/assets/ItemRoot3.css

@@ -0,0 +1 @@
+._item_root_jon4b_1{display:flex;align-items:center;justify-content:center}._disabled_jon4b_7{opacity:var(--crm-ui-kit-radio-group-item-root-disabled-opacity)}

package/dist/assets/Label.css

@@ -0,0 +1 @@
+._wrapper_77ijt_1:not(:last-child){margin-bottom:var(--crm-ui-kit-label-group-margin-bottom)}._wrapper_77ijt_1{display:flex;flex-direction:column}._top_77ijt_10 ._text_container_77ijt_10{margin-bottom:var(--crm-ui-kit-label-spacing)}._centered_77ijt_14{align-items:center}._left_77ijt_18,._right_77ijt_19{display:inline-flex}._left_77ijt_18{flex-direction:row}._left_77ijt_18 ._text_container_77ijt_10{margin-right:var(--crm-ui-kit-label-spacing)}._right_77ijt_19{flex-direction:row-reverse}._right_77ijt_19 ._text_container_77ijt_10{margin-left:var(--crm-ui-kit-label-spacing)}._text_container_77ijt_10{width:var(--crm-ui-kit-label-text-width)}._text_description_77ijt_43{margin-top:var(--crm-ui-kit-label-description-spacing)}

package/dist/assets/Link.css

@@ -0,0 +1 @@
+._link_knf7l_1{color:var(--crm-ui-kit-link-color);text-decoration:var(--crm-ui-kit-link-text-decoration)}._link_knf7l_1:hover{color:var(--crm-ui-kit-link-hover-color)}._link_knf7l_1:focus-visible{outline-color:var(--crm-ui-kit-link-focus-visible-outline-color);outline-width:var(--crm-ui-kit-link-focus-visible-outline-width);outline-style:var(--crm-ui-kit-link-focus-visible-outline-style);border-radius:var(--crm-ui-kit-link-focus-visible-border-radius);outline-offset:var(--crm-ui-kit-link-focus-visible-outline-offset)}

package/dist/assets/List.css

@@ -0,0 +1 @@
+._list_133sa_1{display:none;z-index:"auto";-webkit-overflow-scrolling:touch;padding:0;margin:0;color:var(--crm-ui-kit-list-color)}._opened_133sa_11{position:absolute;top:var(--crm-ui-kit-list-top);left:var(--crm-ui-kit-list-left);overflow:auto;display:block;width:var(--crm-ui-kit-list-width);max-height:var(--crm-ui-kit-list-max-height);padding-right:var(--crm-ui-kit-list-padding-right);margin-right:var(--crm-ui-kit-list-margin-right);box-sizing:content-box;background-color:var(--crm-ui-kit-list-background-color);border-width:var(--crm-ui-kit-list-border-width);border-style:var(--crm-ui-kit-list-border-style);border-color:var(--crm-ui-kit-list-border-color);border-radius:var(--crm-ui-kit-list-border-radius);outline:var(--crm-ui-kit-list-outline);z-index:var(--crm-ui-kit-list-z-index)}

package/dist/assets/Option.css

@@ -0,0 +1 @@
+._text_gk4uj_1{display:flex;min-width:0}

package/dist/assets/Radio.css

@@ -0,0 +1 @@
+._wrapper_142z1_1{width:var(--crm-ui-kit-radio-size);height:var(--crm-ui-kit-radio-size)}._radio_142z1_6{--crm-ui-kit-radio-box-size: calc( var(--crm-ui-kit-radio-size) - (var(--crm-ui-kit-radio-border-width) * 2) );position:relative;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--crm-ui-kit-radio-z-index);width:var(--crm-ui-kit-radio-box-size);height:var(--crm-ui-kit-radio-box-size);background-color:var(--crm-ui-kit-radio-background-color);border-width:var(--crm-ui-kit-radio-border-width);border-style:var(--crm-ui-kit-radio-border-style);border-color:var(--crm-ui-kit-radio-border-color);border-radius:var(--crm-ui-kit-radio-border-radius);-webkit-user-select:none;user-select:none}._input_142z1_28:checked~._radio_142z1_6:after{content:"";width:var(--crm-ui-kit-radio-checked-circle-size);height:var(--crm-ui-kit-radio-checked-circle-size);border-radius:50%;background-color:var(--crm-ui-kit-radio-checked-circle-color)}._input_142z1_28:focus-visible~._radio_142z1_6{outline-color:var(--crm-ui-kit-radio-focus-visible-outline-color);outline-width:var(--crm-ui-kit-radio-focus-visible-outline-width);outline-style:var(--crm-ui-kit-radio-focus-visible-outline-style);border-radius:50%;outline-offset:var(--crm-ui-kit-radio-focus-visible-outline-offset)}._input_142z1_28:disabled~._radio_142z1_6{cursor:default;background:transparent}

package/dist/assets/RadioGroup.css

@@ -0,0 +1 @@
+._radiogroup_1ofha_1{display:flex;flex-direction:column;align-items:flex-start}._radiogroup_1ofha_1>*:not(:last-child){margin-bottom:var(--crm-ui-kit-radio-group-spacing)}._horizontal_1ofha_11{flex-direction:row}._horizontal_1ofha_11>*:not(:last-child){margin-bottom:0;margin-right:var(--crm-ui-kit-radio-group-spacing)}

package/dist/assets/Select.css

@@ -0,0 +1 @@
+._select_11uzo_1{position:relative;z-index:var(--crm-ui-kit-select-z-index)}._opened_11uzo_6{z-index:var(--crm-ui-kit-select-opened-z-index)}

package/dist/assets/SelectButton.css

@@ -0,0 +1 @@
+._button_14jv2_1{display:flex;align-items:center;box-sizing:border-box;position:relative;z-index:var(--crm-ui-kit-select-button-z-index);width:var(--crm-ui-kit-select-button-width);height:var(--crm-ui-kit-select-button-height);padding:var(--crm-ui-kit-select-button-padding);text-overflow:ellipsis;overflow:hidden;white-space:nowrap;text-align:left;border:var(--crm-ui-kit-select-button-border);border-radius:var(--crm-ui-kit-select-button-border-radius);background:var(--crm-ui-kit-select-button-background-color);color:var(--crm-ui-kit-select-button-color);font-size:var(--crm-ui-kit-select-button-font-size);line-height:var(--crm-ui-kit-select-button-line-height);cursor:pointer;outline:none}._button_14jv2_1:focus-visible{border:var(--crm-ui-kit-select-button-focus-visible-border)}._invalid_14jv2_34{border:var(--crm-ui-kit-select-button-error-border);color:var(--crm-ui-kit-select-button-error-color)}._disabled_14jv2_39{border:var(--crm-ui-kit-select-button-disabled-border);opacity:var(--crm-ui-kit-select-button-disabled-border-opacity);cursor:initial}

package/dist/assets/Spinner.css

@@ -0,0 +1 @@
+@keyframes _spinnerAnimation_4ps24_1{0%{transform:rotate(0)}to{transform:rotate(1turn)}}._spinner_4ps24_11{display:block}._spinner_4ps24_11:before{content:"";display:block;width:var(--crm-ui-kit-spinner-circle-size);height:var(--crm-ui-kit-spinner-circle-size);border-style:var(--crm-ui-kit-spinner-border-style);border-color:transparent;border-width:var(--crm-ui-kit-spinner-border-width);border-top-color:var(--crm-ui-kit-spinner-border-color);border-left-color:var(--crm-ui-kit-spinner-border-color);border-radius:100%;animation:_spinnerAnimation_4ps24_1 .9s linear infinite}._centered_4ps24_29{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}

package/dist/assets/Switcher.css

@@ -0,0 +1 @@
+._wrapper_1n2ce_1{--crm-ui-kit-switcher-height: calc( var(--crm-ui-kit-switcher-circle-size) + (var(--crm-ui-kit-switcher-border-width) * 2) );--crm-ui-kit-switcher-width: calc( (var(--crm-ui-kit-switcher-border-width) * 2) + var(--crm-ui-kit-switcher-circle-size) + var(--crm-ui-kit-switcher-line-width) );width:var(--crm-ui-kit-switcher-width);height:var(--crm-ui-kit-switcher-height)}._switcher_1n2ce_18{position:relative;overflow:visible;display:block;width:var(--crm-ui-kit-switcher-width);height:var(--crm-ui-kit-switcher-height);cursor:pointer;background:none;border:none;border-radius:0}._switcher_1n2ce_18:before{content:"";position:absolute;left:0;right:inherit;top:50%;height:var(--crm-ui-kit-switcher-border-width);width:var(--crm-ui-kit-switcher-line-width);background:var(--crm-ui-kit-switcher-border-color);border-radius:var(--crm-ui-kit-switcher-line-border-radius);box-shadow:none}._switcher_1n2ce_18:after{content:"";position:absolute;right:1px;left:inherit;top:calc(50% - (var(--crm-ui-kit-switcher-circle-size) / 2) - var(--crm-ui-kit-switcher-border-width));width:var(--crm-ui-kit-switcher-circle-size);height:var(--crm-ui-kit-switcher-circle-size);border-radius:50%;border-color:transparent;border-width:var(--crm-ui-kit-switcher-border-width);border-style:solid;background:var(--crm-ui-kit-switcher-active-element-color);box-shadow:none}._input_1n2ce_64:disabled+._switcher_1n2ce_18{opacity:var(--crm-ui-kit-switcher-disabled-opacity);cursor:default}._input_1n2ce_64:focus-visible+._switcher_1n2ce_18{outline-color:var(--crm-ui-kit-switcher-focus-visible-outline-color);outline-width:var(--crm-ui-kit-switcher-focus-visible-outline-width);outline-style:var(--crm-ui-kit-switcher-focus-visible-outline-style);border-radius:var(--crm-ui-kit-switcher-focus-visible-border-radius);outline-offset:var(--crm-ui-kit-switcher-focus-visible-outline-offset)}._input_1n2ce_64:not(:checked)+._switcher_1n2ce_18:before{right:0;left:inherit;top:50%;background:var(--crm-ui-kit-switcher-border-color)}._input_1n2ce_64:not(:checked)+._switcher_1n2ce_18:after{left:1px;right:inherit;border-color:var(--crm-ui-kit-switcher-border-color);border-width:var(--crm-ui-kit-switcher-border-width);border-style:solid;background:inherit}

package/dist/assets/Tab.css

@@ -0,0 +1 @@
+._button_12unc_1{position:relative;display:flex;align-items:center;justify-content:center;background:none;border:none;padding:6px 12px;margin:0;font:inherit;color:var(--crm-ui-kit-filter-tabs-tab-text-color);text-align:inherit;cursor:pointer;outline:none;z-index:var(--crm-ui-kit-filter-tabs-tab-z-index);background-color:var(--crm-ui-kit-filter-tabs-tab-background-color);border-width:var(--crm-ui-kit-filter-tabs-tab-border-width);border-style:var(--crm-ui-kit-filter-tabs-tab-border-style);border-color:transparent;border-radius:var(--crm-ui-kit-filter-tabs-tab-border-radius);-webkit-user-select:none;user-select:none}._button_12unc_1>*{color:inherit;transform:translateY(1px)}._button_12unc_1:hover{background-color:var(--crm-ui-kit-filter-tabs-tab-hover-background-color);color:var(--crm-ui-kit-filter-tabs-tab-action-color)}._button_12unc_1:focus-visible{outline-color:var(--crm-ui-kit-filter-tabs-tab-focus-visible-outline-color);outline-width:var(--crm-ui-kit-filter-tabs-tab-focus-visible-outline-width);outline-style:var(--crm-ui-kit-filter-tabs-tab-focus-visible-outline-style);outline-offset:var(--crm-ui-kit-filter-tabs-tab-focus-visible-outline-offset)}._button_12unc_1:disabled{cursor:default;pointer-events:none}._selected_12unc_48{color:var(--crm-ui-kit-filter-tabs-tab-action-color);border-color:var(--crm-ui-kit-filter-tabs-tab-action-color)}

package/dist/assets/Text.css

@@ -0,0 +1 @@
+._text_1thgf_1{display:inline-block;font-family:var(--crm-ui-kit-text-font),Arial,sans-serif;color:var(--crm-ui-kit-text-color)}._ellipsis_1thgf_7{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}._line_clamp_1thgf_13{display:-webkit-box;overflow:hidden;-moz-box-orient:vertical;-webkit-box-orient:vertical;white-space:wrap;word-break:break-word}._s_1thgf_23{font-size:var(--crm-ui-kit-text-size-s-font-size);line-height:var(--crm-ui-kit-text-size-s-line-height)}._m_1thgf_28{font-size:var(--crm-ui-kit-text-size-m-font-size);line-height:var(--crm-ui-kit-text-size-m-line-height)}._ms_1thgf_33{font-size:var(--crm-ui-kit-text-size-ms-font-size);line-height:var(--crm-ui-kit-text-size-ms-line-height)}._l_1thgf_13{font-size:var(--crm-ui-kit-text-size-l-font-size);line-height:var(--crm-ui-kit-text-size-l-line-height)}._xl_1thgf_43{font-size:var(--crm-ui-kit-text-size-xl-font-size);line-height:var(--crm-ui-kit-text-size-xl-line-height)}

package/dist/assets/TextArea.css

@@ -0,0 +1 @@
+._wrapper_1afq7_1{display:flex;width:var(--crm-ui-kit-textarea-width);flex-direction:column}._textarea_container_1afq7_7{flex:1;border-width:var(--crm-ui-kit-textarea-border-width);border-style:var(--crm-ui-kit-textarea-border-style);border-color:var(--crm-ui-kit-textarea-border-color);border-radius:var(--crm-ui-kit-textarea-border-radius);background:var(--crm-ui-kit-textarea-background-color);padding-right:var(--crm-ui-kit-textarea-scrollbar-offset)}._textarea_1afq7_7{display:block;box-sizing:border-box;width:100%;min-height:var(--crm-ui-kit-textarea-min-height);padding:var(--crm-ui-kit-textarea-padding-top) var(--crm-ui-kit-textarea-padding-horizontal) var(--crm-ui-kit-textarea-padding-bottom);font-size:var(--crm-ui-kit-textarea-font-size);line-height:var(--crm-ui-kit-textarea-line-height);font-weight:var(--crm-ui-kit-textarea-font-weight);color:var(--crm-ui-kit-textarea-color);scrollbar-color:var(--crm-ui-kit-palette-scrollbar-thumb-background) inherit;outline:none;border:none;border-radius:inherit;background:inherit;resize:none}._textarea_1afq7_7::placeholder{font-weight:inherit;color:var(--crm-ui-kit-textarea-placeholder-color)}._textarea_1afq7_7:not(._placeholder_visible_1afq7_46):focus::placeholder{color:transparent}._textarea_1afq7_7:disabled{background:var(--crm-ui-kit-textarea-disabled-background-color);color:var(--crm-ui-kit-textarea-disabled-color)}._disabled_1afq7_64{border-color:var(--crm-ui-kit-textarea-disabled-border-color);opacity:var(--crm-ui-kit-textarea-disabled-opacity)}._invalid_description_1afq7_69{color:var(--crm-ui-kit-textarea-error-color);margin-top:var(--crm-ui-kit-textarea-spacing)}._invalid_1afq7_69{border-color:var(--crm-ui-kit-textarea-error-border-color)}

package/dist/assets/VisuallyHiddenInput.css

@@ -0,0 +1 @@
+._input_onafw_1{position:fixed;scale:0;width:0px;height:0px}

package/dist/assets/icons.css

@@ -0,0 +1 @@
+:root{--crm-ui-kit-icon-checked-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='_x2014__Item_1_' x='0px' y='0px' width='12px' height='11px' viewBox='0 0 12 11' enable-background='new 0 0 12 11' xml:space='preserve'%3E%3Cg id='check.svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23363b44' d='M11.476,0.151c-0.377-0.296-0.997-0.139-1.359,0.324L5.153,6.53 C5.077,6.624,4.884,6.657,4.785,6.595L1.723,4.688C1.24,4.342,0.624,4.366,0.349,4.753c-0.268,0.378-0.18,0.994,0.209,1.464 l3.509,4.234C4.361,10.805,4.742,11,5.14,11c0.465,0,0.895-0.266,1.177-0.728l5.264-8.615C11.916,1.109,11.871,0.462,11.476,0.151 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--crm-ui-kit-icon-minus: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' baseProfile='full' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' width='10' height='4' viewBox='0 0 10 4'%3E%3Cg transform='scale(NaN)' %3E%3Cpath fill-rule='evenodd' fill='%23363b44' d='M-0.444,0.111 C-0.444,0.111 1.809,-0.139 4.046,-0.139 C6.253,-0.139 8.445,0.111 8.445,0.111 C8.445,0.111 8.445,1.583 8.445,1.583 C8.445,1.583 6.305,2.056 4.125,2.056 C1.862,2.056 -0.444,1.583 -0.444,1.583 C-0.444,1.583 -0.444,0.111 -0.444,0.111 Z'/%3E%3C/g%3E%3C/svg%3E");--crm-ui-kit-icon-check-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='%23363b44'%3E%3Cpath id='feed-task' d='M249.01,1487.73l-5.878,6.28-0.1-.11-0.1.11-2.939-3.14,0.693-.74,2.348,2.51,5.286-5.65Z' transform='translate(-240 -1487)'/%3E%3C/svg%3E%0A")}:root[data-crm-ui-kit-theme=alternative]{--crm-ui-kit-icon-checked-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' version='1.1' id='_x2014__Item_1_' x='0px' y='0px' width='12px' height='11px' viewBox='0 0 12 11' enable-background='new 0 0 12 11' xml:space='preserve'%3E%3Cg id='check.svg'%3E%3Cg%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' fill='%23f2f2f2' d='M11.476,0.151c-0.377-0.296-0.997-0.139-1.359,0.324L5.153,6.53 C5.077,6.624,4.884,6.657,4.785,6.595L1.723,4.688C1.24,4.342,0.624,4.366,0.349,4.753c-0.268,0.378-0.18,0.994,0.209,1.464 l3.509,4.234C4.361,10.805,4.742,11,5.14,11c0.465,0,0.895-0.266,1.177-0.728l5.264-8.615C11.916,1.109,11.871,0.462,11.476,0.151 z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");--crm-ui-kit-icon-minus: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3C!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.1//EN' 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3E%3Csvg version='1.1' baseProfile='full' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xmlns:ev='http://www.w3.org/2001/xml-events' width='10' height='4' viewBox='0 0 10 4'%3E%3Cg transform='scale(NaN)' %3E%3Cpath fill-rule='evenodd' fill='%23f2f2f2' d='M-0.444,0.111 C-0.444,0.111 1.809,-0.139 4.046,-0.139 C6.253,-0.139 8.445,0.111 8.445,0.111 C8.445,0.111 8.445,1.583 8.445,1.583 C8.445,1.583 6.305,2.056 4.125,2.056 C1.862,2.056 -0.444,1.583 -0.444,1.583 C-0.444,1.583 -0.444,0.111 -0.444,0.111 Z'/%3E%3C/g%3E%3C/svg%3E");--crm-ui-kit-icon-check-mark: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='9' height='7' viewBox='0 0 9 7' fill='%23ffffff'%3E%3Cpath id='feed-task' d='M249.01,1487.73l-5.878,6.28-0.1-.11-0.1.11-2.939-3.14,0.693-.74,2.348,2.51,5.286-5.65Z' transform='translate(-240 -1487)'/%3E%3C/svg%3E%0A")}

package/dist/assets/theme.css

@@ -0,0 +1 @@
+:root{--crm-ui-kit-base-font-size: 15px;--crm-ui-kit-color-white: #ffffff;--crm-ui-kit-color-white-smoke: #f1f1f1;--crm-ui-kit-color-platinum: #e3e3e3;--crm-ui-kit-color-very-light-gray: #cdcdcd;--crm-ui-kit-color-bright-gray: #ededed;--crm-ui-kit-color-cultured: #f5f5f5;--crm-ui-kit-color-platinum-mist: #e8eaeb;--crm-ui-kit-color-silver-sand: #c5c5c5;--crm-ui-kit-color-dark-gray: #aaaaaa;--crm-ui-kit-color-lotion: #fcfcfc;--crm-ui-kit-color-philippine-silver: #b5b5b5;--crm-ui-kit-color-spanish-gray: #92989b;--crm-ui-kit-color-dusk-gray: #69768d;--crm-ui-kit-color-weldon-blue: #8092ad;--crm-ui-kit-color-dusk-teal: #516570;--crm-ui-kit-color-slate-blue: #596683;--crm-ui-kit-color-steel-blue: #6a7991;--crm-ui-kit-color-yankees-blue: #153043;--crm-ui-kit-color-nato-blue: #132b3c;--crm-ui-kit-color-deep-navy-blue: #19374d;--crm-ui-kit-color-dark-slate-gray: #284860;--crm-ui-kit-color-cello: #394e5f;--crm-ui-kit-color-shadow-blue: #7f8ba4;--crm-ui-kit-color-dark-silver: #6b6d72;--crm-ui-kit-color-bright-blue: #158fd2;--crm-ui-kit-color-blueberry: #4c8bf7;--crm-ui-kit-color-dodger-blue: #1691ff;--crm-ui-kit-color-cobalt-blue: #0057a9;--crm-ui-kit-color-cerulean-blue: #4077d6;--crm-ui-kit-color-azure-blue: #4d85e6;--crm-ui-kit-color-navy-blue: #013d75;--crm-ui-kit-color-onyx: #363b44;--crm-ui-kit-color-dark-gunmetal: #0f2231;--crm-ui-ki-color-mustard-yellow: #e5b023;--crm-ui-kit-color-goldenrod: #d2a01a;--crm-ui-kit-color-amber: #dba922;--crm-ui-kit-color-error: #f37575;--crm-ui-kit-color-light-gray: #eaeaea;--crm-ui-kit-color-dark-slate: #394e5f;--crm-ui-kit-color-dreams-violet: #a294da;--crm-ui-kit-color-tolopea: #0e0142;--crm-ui-kit-color-dark-slate-blue: #264154;--crm-ui-kit-color-grey: #b3b6bd;--crm-ui-kit-color-light-grey: #dfdfdf;--crm-ui-kit-color-ghost-white: #f5f7fc;--crm-ui-kit-color-lavender: #e5eeff;--crm-ui-kit-color-metallic-blue: #264b79;--crm-ui-kit-color-anti-flash-white: #f2f2f2;--crm-ui-kit-color-pure-white: #fcfcfc;--crm-ui-kit-color-cloud-white: #f8f8f9;--crm-ui-kit-color-deep-teal: #142f41;--crm-ui-kit-color-deep-blue: #142d3f;--crm-ui-kit-color-misty-rose: #fde1e1;--crm-ui-kit-color-panache: #edf7f1;--crm-ui-kit-color-zumthor: #e5eeff;--crm-ui-kit-color-orange-white: #fef7ec;--crm-ui-kit-color-japanese-indigo: #2b3d43;--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-spanish-gray );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-dark-silver);--crm-ui-kit-palette-active-element-900: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-silver-sand);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-platinum);--crm-ui-kit-palette-switcher-border-default: var( --crm-ui-kit-color-dusk-teal );--crm-ui-kit-palette-border-active: var(--crm-ui-kit-color-blueberry);--crm-ui-kit-palette-border-error: var(--crm-ui-kit-color-error);--crm-ui-kit-palette-background-default: var(--crm-ui-kit-color-cultured);--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-white);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-white-smoke );--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-ghost-white );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-lavender );--crm-ui-kit-palette-surface-text-color: var(--crm-ui-kit-color-onyx);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-navy-blue);--crm-ui-kit-palette-focus-visible-color: var(--crm-ui-kit-color-cobalt-blue);--crm-ui-kit-palette-placeholder-primary: var( --crm-ui-kit-color-philippine-silver );--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-dark-gray);--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-lotion );--crm-ui-kit-palette-focus-visible-outline-width: 2px;--crm-ui-kit-palette-focus-visible-border-radius: 3px;--crm-ui-kit-palette-focus-visible-outline-offset: 1px;--crm-ui-kit-palette-focus-visible-outline-style: solid;--crm-ui-kit-palette-scrollbar-width: 7px;--crm-ui-kit-palette-scrollbar-track-background: inherit;--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-very-light-gray );--crm-ui-kit-palette-scrollbar-track-border-radius: 3px;--crm-ui-kit-palette-scrollbar-thumb-border-radius: 30px;--crm-ui-kit-disabled-opacity: .6;--crm-ui-kit-palette-content-block-box-shadow: 0 2px 1px 0 var(--crm-ui-kit-color-bright-gray);--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-misty-rose );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-orange-white );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-zumthor );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-panache );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06)}:root[data-crm-ui-kit-theme=alternative]{--crm-ui-kit-palette-background-default: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-background-primary: var(--crm-ui-kit-color-yankees-blue);--crm-ui-kit-palette-background-primary-disabled: var( --crm-ui-kit-color-nato-blue );--crm-ui-kit-palette-text-primary: var(--crm-ui-kit-color-anti-flash-white);--crm-ui-kit-palette-text-secondary-light: var( --crm-ui-kit-color-shadow-blue );--crm-ui-kit-palette-text-secondary-dark: var(--crm-ui-kit-color-weldon-blue);--crm-ui-kit-palette-link-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-box-shadow-default: var(--crm-ui-kit-color-nato-blue);--crm-ui-kit-palette-border-default: var(--crm-ui-kit-color-slate-blue);--crm-ui-kit-palette-border-primary: var(--crm-ui-kit-color-dark-slate-gray);--crm-ui-kit-palette-placeholder-primary: var(--crm-ui-kit-color-dusk-gray);--crm-ui-kit-palette-placeholder-default: var(--crm-ui-kit-color-steel-blue);--crm-ui-kit-palette-surface-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-surface-hover-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-surface-text-color: var( --crm-ui-kit-color-anti-flash-white );--crm-ui-kit-palette-link-hover-primary: var(--crm-ui-kit-color-dodger-blue);--crm-ui-kit-palette-scrollbar-thumb-background: var( --crm-ui-kit-color-cello );--crm-ui-kit-palette-button-classic-hover-background: var( --crm-ui-kit-color-deep-navy-blue );--crm-ui-kit-palette-content-block-box-shadow: none;--crm-ui-kit-palette-callout-error-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-callout-warning-background-color: var( --crm-ui-kit-color-japanese-indigo );--crm-ui-kit-palette-callout-info-background-color: var( --crm-ui-kit-color-metallic-blue );--crm-ui-kit-palette-callout-success-background-color: var( --crm-ui-kit-color-dark-gunmetal );--crm-ui-kit-palette-accordion-item-box-shadow: 0px 1px 6px 2px rgba(0, 19, 45, .06)}

package/dist/components/Accordion/Accordion.context.d.ts

@@ -0,0 +1,5 @@
+import { AccordionContextProps } from './Accordion.props';
+declare const DISPLAY_NAME = "Accordion";
+declare const AccordionProvider: import('../../lib/react/createComponentContext').ContextProps<AccordionContextProps>, useAccordionContext: (consumerName: string) => NonNullable<AccordionContextProps>;
+export { AccordionProvider, useAccordionContext, DISPLAY_NAME };
+//# sourceMappingURL=Accordion.context.d.ts.map

package/dist/components/Accordion/Accordion.context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.context.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.context.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAE1D,QAAA,MAAM,YAAY,cAAc,CAAC;AAEjC,QAAA,MAAO,iBAAiB,wFAAE,mBAAmB,8DACgB,CAAC;AAE9D,OAAO,EAAE,iBAAiB,EAAE,mBAAmB,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/Accordion/Accordion.context.js

@@ -0,0 +1,7 @@
+import { createComponentContext as o } from "../../lib/react/createComponentContext/createComponentContext.js";
+const t = "Accordion", [n, r] = o(t);
+export {
+  n as AccordionProvider,
+  t as DISPLAY_NAME,
+  r as useAccordionContext
+};

package/dist/components/Accordion/Accordion.d.ts

@@ -0,0 +1,3 @@
+import { AccordionType } from './Accordion.props';
+export declare const Accordion: AccordionType;
+//# sourceMappingURL=Accordion.d.ts.map

package/dist/components/Accordion/Accordion.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,aAAa,EAAuB,MAAM,mBAAmB,CAAC;AAUvE,eAAO,MAAM,SAAS,EAWhB,aAAa,CAAC"}

package/dist/components/Accordion/Accordion.js

@@ -0,0 +1,15 @@
+import { jsx as i } from "react/jsx-runtime";
+import { forwardRef as m } from "react";
+import { AccordionMultiple as n } from "./components/AccordionMultiple/AccordionMultiple.js";
+import { AccordionSingle as e } from "./components/AccordionSingle/AccordionSingle.js";
+import { Item as l } from "./components/Item/Item.js";
+import { DISPLAY_NAME as s } from "./Accordion.context.js";
+const c = m((t, o) => {
+  const { type: p, ...r } = t;
+  return p === "multiple" ? /* @__PURE__ */ i(n, { ...r, ref: o }) : /* @__PURE__ */ i(e, { ...r, ref: o });
+});
+c.displayName = s;
+c.Item = l;
+export {
+  c as Accordion
+};

package/dist/components/Accordion/Accordion.props.d.ts

@@ -0,0 +1,25 @@
+import { AccordionThemeType } from './Accordion.themes';
+import { AccordionMultipleImplProps, AccordionMultipleContextProps } from './components/AccordionMultiple/AccordionMultiple.props';
+import { AccordionSingleImplProps, AccordionSingleContextProps } from './components/AccordionSingle/AccordionSingle.props';
+import { ItemProps } from './components/Item/Item.props';
+type DivProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
+export interface BaseAccordionProps extends Omit<DivProps, 'onChange'> {
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: AccordionThemeType;
+    /**
+     * Items content.
+     */
+    children: React.ReactElement<ItemProps> | React.ReactElement<ItemProps>[];
+}
+export type AccordionProps = AccordionSingleImplProps | AccordionMultipleImplProps;
+export type AccordionType = React.ForwardRefExoticComponent<AccordionProps & React.RefAttributes<HTMLDivElement>> & {
+    /**
+     * Item component.
+     */
+    Item: React.FC<ItemProps>;
+};
+export type AccordionContextProps = AccordionMultipleContextProps | AccordionSingleContextProps;
+export {};
+//# sourceMappingURL=Accordion.props.d.ts.map

package/dist/components/Accordion/Accordion.props.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.props.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AACxD,OAAO,EACL,0BAA0B,EAC1B,6BAA6B,EAC9B,MAAM,wDAAwD,CAAC;AAChE,OAAO,EACL,wBAAwB,EACxB,2BAA2B,EAC5B,MAAM,oDAAoD,CAAC;AAC5D,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAC;AAEzD,KAAK,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CACrC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EACpC,cAAc,CACf,CAAC;AAEF,MAAM,WAAW,kBAAmB,SAAQ,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC;IACpE;;OAEG;IACH,KAAK,EAAE,kBAAkB,CAAC;IAC1B;;OAEG;IACH,QAAQ,EAAE,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,GAAG,KAAK,CAAC,YAAY,CAAC,SAAS,CAAC,EAAE,CAAC;CAC3E;AAED,MAAM,MAAM,cAAc,GACtB,wBAAwB,GACxB,0BAA0B,CAAC;AAE/B,MAAM,MAAM,aAAa,GAAG,KAAK,CAAC,yBAAyB,CACzD,cAAc,GAAG,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,CACrD,GAAG;IACF;;OAEG;IACH,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAAC,CAAC;CAC3B,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAC7B,6BAA6B,GAC7B,2BAA2B,CAAC"}

package/dist/components/Accordion/Accordion.props.js

@@ -0,0 +1 @@
+

package/dist/components/Accordion/Accordion.themes.d.ts

@@ -0,0 +1,8 @@
+type KeyType<T extends string> = {
+    [K in T]: string;
+};
+type AccordionThemeKey = '--crm-ui-kit-accordion-width';
+export type AccordionThemeType = KeyType<AccordionThemeKey>;
+export declare const AccordionTheme: AccordionThemeType;
+export {};
+//# sourceMappingURL=Accordion.themes.d.ts.map

package/dist/components/Accordion/Accordion.themes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/Accordion.themes.ts"],"names":[],"mappings":"AAAA,KAAK,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI;KAC9B,CAAC,IAAI,CAAC,GAAG,MAAM;CACjB,CAAC;AAEF,KAAK,iBAAiB,GAAG,8BAA8B,CAAC;AAExD,MAAM,MAAM,kBAAkB,GAAG,OAAO,CAAC,iBAAiB,CAAC,CAAC;AAE5D,eAAO,MAAM,cAAc,EAAE,kBAE5B,CAAC"}

package/dist/components/Accordion/Accordion.themes.js

@@ -0,0 +1,6 @@
+const c = {
+  "--crm-ui-kit-accordion-width": "100%"
+};
+export {
+  c as AccordionTheme
+};

package/dist/components/Accordion/components/AccordionMultiple/AccordionMultiple.d.ts

@@ -0,0 +1,4 @@
+import { default as React } from 'react';
+import { AccordionMultipleProps } from './AccordionMultiple.props';
+export declare const AccordionMultiple: React.ForwardRefExoticComponent<Omit<AccordionMultipleProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
+//# sourceMappingURL=AccordionMultiple.d.ts.map

package/dist/components/Accordion/components/AccordionMultiple/AccordionMultiple.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMultiple.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/AccordionMultiple/AccordionMultiple.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,OAAO,EAAE,sBAAsB,EAAE,MAAM,2BAA2B,CAAC;AAQnE,eAAO,MAAM,iBAAiB,4GAqD7B,CAAC"}

package/dist/components/Accordion/components/AccordionMultiple/AccordionMultiple.js

@@ -0,0 +1,44 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as g } from "react";
+import { c as A } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as P } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { noop as V } from "../../../../utils/noop/noop.js";
+import { AccordionProvider as x } from "../../Accordion.context.js";
+import { s as M } from "../../../../Accordion.module-0NEfElzm.mjs";
+const D = "AccordionMultiple", S = N(
+  (t, s) => {
+    const {
+      className: c = "",
+      theme: i,
+      children: m,
+      value: u = [],
+      defaultValue: d = [],
+      onChange: f = V,
+      ...p
+    } = t, h = P(i), [a, C] = g(d), l = "value" in t, o = l ? u : a, v = (e) => o.includes(e) ? o.filter((r) => r !== e) : [...o, e];
+    return /* @__PURE__ */ n(
+      x,
+      {
+        value: o,
+        defaultValue: a,
+        onChange: (e) => {
+          const r = v(e);
+          l || C(r), f(r);
+        },
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            ref: s,
+            className: A(M.wrapper, h, c),
+            ...p,
+            children: m
+          }
+        )
+      }
+    );
+  }
+);
+S.displayName = D;
+export {
+  S as AccordionMultiple
+};

package/dist/components/Accordion/components/AccordionMultiple/AccordionMultiple.props.d.ts

@@ -0,0 +1,29 @@
+import { BaseAccordionProps } from '../../Accordion.props';
+export interface AccordionMultipleProps extends BaseAccordionProps {
+    /**
+     * Opened item.
+     */
+    value?: string[];
+    /**
+     * Default value.
+     * Used for Uncontrolled Accordion.
+     */
+    defaultValue?: string[];
+    /**
+     * Callback for changing the opened item.
+     */
+    onChange?: (value: string[]) => void;
+}
+export interface AccordionMultipleImplProps extends AccordionMultipleProps {
+    /**
+     * The type of accordion in which there may be several opened items.
+     */
+    type: 'multiple';
+}
+export interface AccordionMultipleContextProps extends Pick<AccordionMultipleProps, 'value' | 'defaultValue'> {
+    /**
+     * Callback for changing the opened item.
+     */
+    onChange: (value: string) => void;
+}
+//# sourceMappingURL=AccordionMultiple.props.d.ts.map