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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionMultiple.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/AccordionMultiple/AccordionMultiple.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,WAAW,sBAAuB,SAAQ,kBAAkB;IAChE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,EAAE,CAAC;IACjB;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,EAAE,CAAC;IACxB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;CACtC;AAED,MAAM,WAAW,0BAA2B,SAAQ,sBAAsB;IACxE;;OAEG;IACH,IAAI,EAAE,UAAU,CAAC;CAClB;AAED,MAAM,WAAW,6BACf,SAAQ,IAAI,CAAC,sBAAsB,EAAE,OAAO,GAAG,cAAc,CAAC;IAC9D;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSingle.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/AccordionSingle/AccordionSingle.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA+B,MAAM,OAAO,CAAC;AASpD,OAAO,EAAE,oBAAoB,EAAE,MAAM,yBAAyB,CAAC;AAQ/D,eAAO,MAAM,eAAe,0GAsD3B,CAAC"}

package/dist/components/Accordion/components/AccordionSingle/AccordionSingle.js

@@ -0,0 +1,45 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as N, useState as A } from "react";
+import { c as P } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as S } 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 D } from "../../../../Accordion.module-0NEfElzm.mjs";
+const b = "AccordionSingle", j = N(
+  (o, s) => {
+    const {
+      className: c = "",
+      theme: i,
+      children: m,
+      value: u,
+      defaultValue: d,
+      onChange: f = V,
+      isCollapsible: p = !1,
+      ...h
+    } = o, C = S(i), [r, g] = A(d), t = "value" in o, a = t ? u : r, v = (e) => p && e === a ? void 0 : e;
+    return /* @__PURE__ */ n(
+      x,
+      {
+        value: a,
+        defaultValue: r,
+        onChange: (e) => {
+          const l = v(e);
+          t || g(l), f(l);
+        },
+        children: /* @__PURE__ */ n(
+          "div",
+          {
+            ref: s,
+            className: P(D.wrapper, C, c),
+            ...h,
+            children: m
+          }
+        )
+      }
+    );
+  }
+);
+j.displayName = b;
+export {
+  j as AccordionSingle
+};

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

@@ -0,0 +1,33 @@
+import { BaseAccordionProps } from '../../Accordion.props';
+export interface AccordionSingleProps extends BaseAccordionProps {
+    /**
+     * Flag determining whether the accordion can be fully closed.
+     */
+    isCollapsible?: boolean;
+    /**
+     * Opened item.
+     */
+    value?: string;
+    /**
+     * Default value.
+     * Used for Uncontrolled Accordion.
+     */
+    defaultValue?: string;
+    /**
+     * Callback for changing the opened item.
+     */
+    onChange?: (value?: string) => void;
+}
+export interface AccordionSingleImplProps extends AccordionSingleProps {
+    /**
+     * Accordion type where only one item can be opened.
+     */
+    type: 'single';
+}
+export interface AccordionSingleContextProps extends Pick<AccordionSingleProps, 'value' | 'defaultValue'> {
+    /**
+     * Callback for changing the opened item.
+     */
+    onChange: (value: string) => void;
+}
+//# sourceMappingURL=AccordionSingle.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"AccordionSingle.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/AccordionSingle/AccordionSingle.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAE3D,MAAM,WAAW,oBAAqB,SAAQ,kBAAkB;IAC9D;;OAEG;IACH,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAC;IACf;;;OAGG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;CACrC;AAED,MAAM,WAAW,wBAAyB,SAAQ,oBAAoB;IACpE;;OAEG;IACH,IAAI,EAAE,QAAQ,CAAC;CAChB;AAED,MAAM,WAAW,2BACf,SAAQ,IAAI,CAAC,oBAAoB,EAAE,OAAO,GAAG,cAAc,CAAC;IAC5D;;OAEG;IACH,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}

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

@@ -0,0 +1 @@
+

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/Item/Item.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAU1C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAS9C,eAAO,MAAM,IAAI,kFAqDf,CAAC"}

package/dist/components/Accordion/components/Item/Item.js

@@ -0,0 +1,59 @@
+import { jsxs as a, jsx as t } from "react/jsx-runtime";
+import * as s from "react";
+import { forwardRef as x } from "react";
+import { c as n } from "../../../../index-L8X2o7IH.mjs";
+import { useThemeClassName as C } from "../../../../hooks/useThemeClassName/useThemeClassName.js";
+import { Text as A } from "../../../Text/Text.js";
+import { TextPrimaryTheme as g } from "../../../Text/Text.themes.js";
+import { useAccordionContext as b } from "../../Accordion.context.js";
+import '../../../../assets/Item2.css';const y = (r) => /* @__PURE__ */ s.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: 10, height: 7, fill: "none", ...r }, /* @__PURE__ */ s.createElement("path", { fill: "currentColor", fillRule: "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.603.603 0 0 1-.14.114.573.573 0 0 1-.83-.026L.175 1.713a.706.706 0 0 1 0-.933Z", clipRule: "evenodd" })), E = "_wrapper_1l5nn_1", L = "_header_1l5nn_13", R = "_header_left_1l5nn_20", T = "_before_title_1l5nn_27", I = "_chevron_container_1l5nn_34", j = "_chevron_icon_1l5nn_44", k = "_content_1l5nn_48", D = "_active_1l5nn_54", e = {
+  wrapper: E,
+  header: L,
+  header_left: R,
+  before_title: T,
+  chevron_container: I,
+  chevron_icon: j,
+  content: k,
+  active: D
+}, i = "Accordion.Item", M = x((r, _) => {
+  const {
+    theme: m,
+    children: h,
+    value: o,
+    title: d,
+    before: l = null,
+    className: v = "",
+    ...p
+  } = r, f = C(m), { onChange: u, value: c } = b(i), N = () => {
+    u(o);
+  }, w = Array.isArray(c) ? c.includes(o) : c === o;
+  return /* @__PURE__ */ a(
+    "div",
+    {
+      ref: _,
+      className: n(
+        e.wrapper,
+        {
+          [e.active]: w
+        },
+        f,
+        v
+      ),
+      ...p,
+      children: [
+        /* @__PURE__ */ a("div", { className: n(e.header), onClick: N, children: [
+          /* @__PURE__ */ a("div", { className: n(e.header_left), children: [
+            l && /* @__PURE__ */ t("div", { className: n(e.before_title), children: l }),
+            /* @__PURE__ */ t(A, { theme: g, size: "xl", isEllipsis: !0, children: d })
+          ] }),
+          /* @__PURE__ */ t("span", { className: n(e.chevron_container), children: /* @__PURE__ */ t(y, { className: n(e.chevron_icon) }) })
+        ] }),
+        /* @__PURE__ */ t("div", { className: n(e.content), children: h })
+      ]
+    }
+  );
+});
+M.displayName = i;
+export {
+  M as Item
+};

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

@@ -0,0 +1,29 @@
+import { ReactNode } from 'react';
+import { AccordionItemThemeType } from './Item.themes';
+export interface ItemProps {
+    /**
+     * Object with CSS theme properties
+     */
+    theme: AccordionItemThemeType;
+    /**
+     * Item value.
+     */
+    value: string;
+    /**
+     * Drop-down content.
+     */
+    children: ReactNode;
+    /**
+     * Title.
+     */
+    title: string;
+    /**
+     * Content to the left of the title.
+     */
+    before?: ReactNode;
+    /**
+     * Custom class.
+     */
+    className?: string;
+}
+//# sourceMappingURL=Item.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.props.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/Item/Item.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAElC,OAAO,EAAE,sBAAsB,EAAE,MAAM,eAAe,CAAC;AAEvD,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,KAAK,EAAE,sBAAsB,CAAC;IAC9B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB"}

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

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,8 @@
+type KeyType<T extends string> = {
+    [K in T]: string;
+};
+type ItemThemeKey = '--crm-ui-kit-accordion-item-border-radius' | '--crm-ui-kit-accordion-item-border-color' | '--crm-ui-kit-accordion-item-box-shadow' | '--crm-ui-kit-accordion-item-background-color' | '--crm-ui-kit-accordion-item-padding' | '--crm-ui-kit-accordion-item-margin-bottom' | '--crm-ui-kit-accordion-item-chevron-icon-color';
+export type AccordionItemThemeType = KeyType<ItemThemeKey>;
+export declare const AccordionItemTheme: AccordionItemThemeType;
+export {};
+//# sourceMappingURL=Item.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Item.themes.d.ts","sourceRoot":"","sources":["../../../../../src/components/Accordion/components/Item/Item.themes.ts"],"names":[],"mappings":"AAAA,KAAK,OAAO,CAAC,CAAC,SAAS,MAAM,IAAI;KAC9B,CAAC,IAAI,CAAC,GAAG,MAAM;CACjB,CAAC;AAEF,KAAK,YAAY,GACb,2CAA2C,GAC3C,0CAA0C,GAC1C,wCAAwC,GACxC,8CAA8C,GAC9C,qCAAqC,GACrC,2CAA2C,GAC3C,gDAAgD,CAAC;AAErD,MAAM,MAAM,sBAAsB,GAAG,OAAO,CAAC,YAAY,CAAC,CAAC;AAE3D,eAAO,MAAM,kBAAkB,EAAE,sBAahC,CAAC"}

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

@@ -0,0 +1,12 @@
+const i = {
+  "--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)"
+};
+export {
+  i as AccordionItemTheme
+};

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

@@ -0,0 +1,6 @@
+export { Accordion } from './Accordion';
+export { AccordionTheme, type AccordionThemeType } from './Accordion.themes';
+export { type AccordionProps } from './Accordion.props';
+export { AccordionItemTheme, type AccordionItemThemeType, } from './components/Item/Item.themes';
+export { type ItemProps } from './components/Item/Item.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Accordion/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,KAAK,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7E,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAExD,OAAO,EACL,kBAAkB,EAClB,KAAK,sBAAsB,GAC5B,MAAM,+BAA+B,CAAC;AACvC,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,8BAA8B,CAAC"}

package/dist/components/Accordion/index.js

@@ -0,0 +1,8 @@
+import { Accordion as e } from "./Accordion.js";
+import { AccordionTheme as m } from "./Accordion.themes.js";
+import { AccordionItemTheme as d } from "./components/Item/Item.themes.js";
+export {
+  e as Accordion,
+  d as AccordionItemTheme,
+  m as AccordionTheme
+};

package/dist/components/BaseInput/BaseInput.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../src/components/BaseInput/BaseInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAG1C,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AAMxD,eAAO,MAAM,SAAS,sGAwBpB,CAAC"}

package/dist/components/BaseInput/BaseInput.js

@@ -0,0 +1,35 @@
+import { jsx as n } from "react/jsx-runtime";
+import { forwardRef as p } from "react";
+import { c } from "../../index-L8X2o7IH.mjs";
+import '../../assets/BaseInput.css';const d = "_input_x5289_1", _ = "_placeholder_visible_x5289_23", e = {
+  input: d,
+  placeholder_visible: _
+}, m = p((s, i) => {
+  const {
+    className: l = "",
+    isDisabled: a,
+    isReadonly: o,
+    isPlaceholderVisibleOnFocus: r = !1,
+    ...t
+  } = s;
+  return /* @__PURE__ */ n(
+    "input",
+    {
+      ref: i,
+      className: c(
+        e.input,
+        {
+          [e.placeholder_visible]: r
+        },
+        l
+      ),
+      disabled: a,
+      readOnly: o,
+      ...t
+    }
+  );
+});
+m.displayName = "BaseInput";
+export {
+  m as BaseInput
+};

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

@@ -0,0 +1,17 @@
+type Input = Omit<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, 'disabled' | 'readonly'>;
+export interface BaseInputProps extends Input {
+    /**
+     * `disabled` status.
+     */
+    isDisabled?: boolean;
+    /**
+     * `readonly` status.
+     */
+    isReadonly?: boolean;
+    /**
+     * Is `placeholder` should be visible when Input in `focus`.
+     */
+    isPlaceholderVisibleOnFocus?: boolean;
+}
+export {};
+//# sourceMappingURL=BaseInput.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.props.d.ts","sourceRoot":"","sources":["../../../src/components/BaseInput/BaseInput.props.ts"],"names":[],"mappings":"AAAA,KAAK,KAAK,GAAG,IAAI,CACf,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,gBAAgB,CACjB,EACD,UAAU,GAAG,UAAU,CACxB,CAAC;AAEF,MAAM,WAAW,cAAe,SAAQ,KAAK;IAC3C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,2BAA2B,CAAC,EAAE,OAAO,CAAC;CACvC"}

package/dist/components/BaseInput/BaseInput.props.js

@@ -0,0 +1 @@
+

package/dist/components/BaseInput/index.d.ts

@@ -0,0 +1,3 @@
+export { type BaseInputProps } from './BaseInput.props';
+export { BaseInput } from './BaseInput';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/BaseInput/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/BaseInput/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,MAAM,mBAAmB,CAAC;AACxD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC"}

package/dist/components/BaseInput/index.js

@@ -0,0 +1,4 @@
+import { BaseInput as p } from "./BaseInput.js";
+export {
+  p as BaseInput
+};

package/dist/components/Button/Button.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,OAAO,EAAE,KAAK,WAAW,EAAE,MAAM,gBAAgB,CAAC;AA4BlD,eAAO,MAAM,MAAM,oGAoFjB,CAAC"}

package/dist/components/Button/Button.js

@@ -0,0 +1,94 @@
+import { jsxs as R, jsx as e } from "react/jsx-runtime";
+import T, { forwardRef as A, useMemo as I } from "react";
+import { c as i } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as g } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { noop as j } from "../../utils/noop/noop.js";
+import { Spinner as z } from "../Spinner/Spinner.js";
+import { useShowInvalidAnimation as B } from "./hooks/useShowInvalidAnimation/useShowInvalidAnimation.js";
+import { useShowSuccessfulState as D } from "./hooks/useShowSuccessfulState/useShowSuccessfulState.js";
+import '../../assets/Button.css';const M = "_button_5it8y_17", F = "_disabled_5it8y_43", L = "_content_5it8y_65", W = "_before_5it8y_73", q = "_after_5it8y_78", E = "_spinner_container_5it8y_83", G = "_invalid_5it8y_90", H = "_success_5it8y_95", n = {
+  button: M,
+  disabled: F,
+  content: L,
+  before: W,
+  after: q,
+  spinner_container: E,
+  invalid: G,
+  success: H
+}, J = (t) => {
+  const r = {
+    "--crm-ui-kit-spinner-border-color": t["--crm-ui-kit-button-spinner-border-color"],
+    "--crm-ui-kit-spinner-border-width": t["--crm-ui-kit-button-spinner-border-width"],
+    "--crm-ui-kit-spinner-circle-size": t["--crm-ui-kit-button-spinner-circle-size"],
+    "--crm-ui-kit-spinner-border-style": t["--crm-ui-kit-button-spinner-border-style"]
+  }, o = {
+    ...r,
+    "--crm-ui-kit-spinner-border-color": t["--crm-ui-kit-button-spinner-disabled-border-color"]
+  };
+  return { defaultTheme: r, disabledTheme: o };
+}, K = A((t, r) => {
+  const {
+    className: o = "",
+    type: b = "button",
+    onClick: f = j,
+    theme: c,
+    isLoading: l,
+    isDisabled: a,
+    before: d,
+    after: u,
+    children: _,
+    showInvalidAnimationRef: h,
+    showSuccessfulStateRef: k,
+    successfulStateText: y,
+    isClickableWhileDisabled: S = !1,
+    ...w
+  } = t, N = g(c), m = I(() => J(c), [c]), v = B(
+    h
+  ), p = D(
+    k
+  ), C = (x) => {
+    l || f(x);
+  };
+  let s = null;
+  switch (!0) {
+    case p:
+      s = /* @__PURE__ */ e("span", { children: y || s });
+      break;
+    case l:
+      s = /* @__PURE__ */ e("span", { className: i(n.spinner_container), children: /* @__PURE__ */ e(
+        z,
+        {
+          theme: a ? m.disabledTheme : m.defaultTheme,
+          isCentered: !0
+        }
+      ) });
+      break;
+    default:
+      s = /* @__PURE__ */ R(T.Fragment, { children: [
+        d && /* @__PURE__ */ e("span", { className: i(n.before), children: d }),
+        /* @__PURE__ */ e("span", { children: _ }),
+        u && /* @__PURE__ */ e("span", { className: i(n.after), children: u })
+      ] });
+      break;
+  }
+  return /* @__PURE__ */ e(
+    "button",
+    {
+      ...w,
+      ref: r,
+      type: b,
+      onClick: C,
+      className: i(n.button, N, o, {
+        [n.invalid]: v,
+        [n.success]: p,
+        [n.disabled]: a
+      }),
+      disabled: a && !S,
+      children: /* @__PURE__ */ e("span", { className: i(n.content), children: s })
+    }
+  );
+});
+K.displayName = "Button";
+export {
+  K as Button
+};

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

@@ -0,0 +1,43 @@
+import { default as React } from 'react';
+import { ButtonThemeType } from './Button.themes';
+type Button = Omit<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, 'disabled'>;
+export interface ButtonProps extends Button {
+    /**
+     * Loading state in the button.
+     */
+    isLoading?: boolean;
+    /**
+     * `disabled` state.
+     */
+    isDisabled?: boolean;
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: ButtonThemeType;
+    /**
+     * Adds an icon on the left.
+     */
+    before?: React.ReactNode;
+    /**
+     * Adds an icon on the right.
+     */
+    after?: React.ReactNode;
+    /**
+     * Ref for the `showSavedState` function, which calls the `saved` state.
+     */
+    showSuccessfulStateRef?: React.MutableRefObject<(onAnimationEnd?: () => void) => void | null>;
+    /**
+     * Ref for the `showInvalidAnimation` function, which calls the `invalid` state.
+     */
+    showInvalidAnimationRef?: React.MutableRefObject<(onAnimationEnd?: () => void) => void | null>;
+    /**
+     * The text displayed at `triggerSavedRef.current()'.
+     */
+    successfulStateText?: React.ReactNode;
+    /**
+     * Whether the click on the blocked button will be processed.
+     */
+    isClickableWhileDisabled?: boolean;
+}
+export {};
+//# sourceMappingURL=Button.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.props.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,KAAK,MAAM,GAAG,IAAI,CAChB,KAAK,CAAC,iBAAiB,CACrB,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAC7C,iBAAiB,CAClB,EACD,UAAU,CACX,CAAC;AAEF,MAAM,WAAW,WAAY,SAAQ,MAAM;IACzC;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,eAAe,CAAC;IACvB;;OAEG;IACH,MAAM,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACzB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB;;OAEG;IACH,sBAAsB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAC7C,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,CAC7C,CAAC;IACF;;OAEG;IACH,uBAAuB,CAAC,EAAE,KAAK,CAAC,gBAAgB,CAC9C,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,CAC7C,CAAC;IACF;;OAEG;IACH,mBAAmB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACtC;;OAEG;IACH,wBAAwB,CAAC,EAAE,OAAO,CAAC;CACpC"}

package/dist/components/Button/Button.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,9 @@
+type ButtonThemeKey = '--crm-ui-kit-button-z-index' | '--crm-ui-kit-button-height' | '--crm-ui-kit-button-color' | '--crm-ui-kit-button-font-size' | '--crm-ui-kit-button-line-height' | '--crm-ui-kit-button-font-weight' | '--crm-ui-kit-button-padding' | '--crm-ui-kit-button-elements-spacing' | '--crm-ui-kit-button-sibling-element-spacing' | '--crm-ui-kit-button-border-width' | '--crm-ui-kit-button-border-color' | '--crm-ui-kit-button-border-style' | '--crm-ui-kit-button-border-radius' | '--crm-ui-kit-button-background-color' | '--crm-ui-kit-button-disabled-opacity' | '--crm-ui-kit-button-disabled-color' | '--crm-ui-kit-button-disabled-background-color' | '--crm-ui-kit-button-disabled-border-color' | '--crm-ui-kit-button-spinner-disabled-border-color' | '--crm-ui-kit-button-hover-color' | '--crm-ui-kit-button-hover-background-color' | '--crm-ui-kit-button-hover-border-width' | '--crm-ui-kit-button-hover-border-color' | '--crm-ui-kit-button-hover-border-style' | '--crm-ui-kit-button-hover-border-radius' | '--crm-ui-kit-button-success-color' | '--crm-ui-kit-button-success-background-color' | '--crm-ui-kit-button-success-hover-background-color' | '--crm-ui-kit-button-success-border-color' | '--crm-ui-kit-button-spinner-border-color' | '--crm-ui-kit-button-spinner-circle-size' | '--crm-ui-kit-button-spinner-border-width' | '--crm-ui-kit-button-spinner-border-style';
+export type ButtonThemeType = {
+    [K in ButtonThemeKey]: string;
+};
+export declare const ButtonNeutralTheme: ButtonThemeType;
+export declare const ButtonPrimaryTheme: ButtonThemeType;
+export declare const ButtonSecondaryTheme: ButtonThemeType;
+export {};
+//# sourceMappingURL=Button.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.themes.ts"],"names":[],"mappings":"AAAA,KAAK,cAAc,GACf,6BAA6B,GAC7B,4BAA4B,GAC5B,2BAA2B,GAC3B,+BAA+B,GAC/B,iCAAiC,GACjC,iCAAiC,GACjC,6BAA6B,GAC7B,sCAAsC,GACtC,6CAA6C,GAC7C,kCAAkC,GAClC,kCAAkC,GAClC,kCAAkC,GAClC,mCAAmC,GACnC,sCAAsC,GACtC,sCAAsC,GACtC,oCAAoC,GACpC,+CAA+C,GAC/C,2CAA2C,GAC3C,mDAAmD,GACnD,iCAAiC,GACjC,4CAA4C,GAC5C,wCAAwC,GACxC,wCAAwC,GACxC,wCAAwC,GACxC,yCAAyC,GACzC,mCAAmC,GACnC,8CAA8C,GAC9C,oDAAoD,GACpD,0CAA0C,GAC1C,0CAA0C,GAC1C,yCAAyC,GACzC,0CAA0C,GAC1C,0CAA0C,CAAC;AAE/C,MAAM,MAAM,eAAe,GAAG;KAC3B,CAAC,IAAI,cAAc,GAAG,MAAM;CAC9B,CAAC;AAsCF,eAAO,MAAM,kBAAkB,EAAE,eAuBhC,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,eA0BhC,CAAC;AACF,eAAO,MAAM,oBAAoB,EAAE,eAiBlC,CAAC"}

package/dist/components/Button/Button.themes.js

@@ -0,0 +1,68 @@
+const r = {
+  "--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-ki-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"
+}, t = {
+  ...r,
+  "--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)"
+}, i = {
+  ...r,
+  "--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)"
+}, o = {
+  ...r,
+  "--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)"
+};
+export {
+  t as ButtonNeutralTheme,
+  i as ButtonPrimaryTheme,
+  o as ButtonSecondaryTheme
+};

package/dist/components/Button/hooks/index.d.ts

@@ -0,0 +1,3 @@
+export { useShowInvalidAnimation } from './useShowInvalidAnimation/useShowInvalidAnimation';
+export { useShowSuccessfulState } from './useShowSuccessfulState/useShowSuccessfulState';
+//# sourceMappingURL=index.d.ts.map

package/dist/components/Button/hooks/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/Button/hooks/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,uBAAuB,EAAE,MAAM,mDAAmD,CAAC;AAC5F,OAAO,EAAE,sBAAsB,EAAE,MAAM,iDAAiD,CAAC"}

package/dist/components/Button/hooks/index.js

@@ -0,0 +1,6 @@
+import { useShowInvalidAnimation as t } from "./useShowInvalidAnimation/useShowInvalidAnimation.js";
+import { useShowSuccessfulState as s } from "./useShowSuccessfulState/useShowSuccessfulState.js";
+export {
+  t as useShowInvalidAnimation,
+  s as useShowSuccessfulState
+};

package/dist/components/Button/hooks/useShowInvalidAnimation/useShowInvalidAnimation.d.ts

@@ -0,0 +1,4 @@
+type Ref = React.MutableRefObject<(onAnimationEnd?: () => void) => void | null>;
+export declare const useShowInvalidAnimation: (showInvalidAnimationRef?: Ref) => boolean;
+export {};
+//# sourceMappingURL=useShowInvalidAnimation.d.ts.map

package/dist/components/Button/hooks/useShowInvalidAnimation/useShowInvalidAnimation.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useShowInvalidAnimation.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/hooks/useShowInvalidAnimation/useShowInvalidAnimation.tsx"],"names":[],"mappings":"AAIA,KAAK,GAAG,GAAG,KAAK,CAAC,gBAAgB,CAAC,CAAC,cAAc,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,GAAG,IAAI,CAAC,CAAC;AAEhF,eAAO,MAAM,uBAAuB,6BACR,GAAG,KAC5B,OAqBF,CAAC"}

package/dist/components/Button/hooks/useShowInvalidAnimation/useShowInvalidAnimation.js

@@ -0,0 +1,16 @@
+import { useState as r, useEffect as s } from "react";
+import { noop as u } from "../../../../utils/noop/noop.js";
+const l = (o) => {
+  const [e, t] = r(!1);
+  return s(() => {
+    const n = (i = u) => {
+      t(!0), setTimeout(() => {
+        t(!1), i();
+      }, 400);
+    };
+    o && (o.current = n);
+  }, [o]), e;
+};
+export {
+  l as useShowInvalidAnimation
+};