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

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

@@ -0,0 +1,29 @@
+import { HTMLAttributes } from 'react';
+import { SelectButtonThemeType } from './SelectButton.theme';
+export interface SelectButtonProps extends HTMLAttributes<HTMLButtonElement> {
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: SelectButtonThemeType;
+    /**
+     * Custom CSS class for component.
+     */
+    className?: string;
+    /**
+     * Callback that is called when the component is clicked.
+     */
+    onToggle?: () => void;
+    /**
+     * Whether the button is invalid.
+     *
+     * If the value is `true`, the appropriate styles are applied.
+     * @default false
+     */
+    isInvalid?: boolean;
+    /**
+     * An attribute indicating whether the element is disabled.
+     * If `true', the user will not be able to interact with the component.
+     */
+    isDisabled?: boolean;
+}
+//# sourceMappingURL=SelectButton.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.props.d.ts","sourceRoot":"","sources":["../../../src/components/SelectButton/SelectButton.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAE7D,MAAM,WAAW,iBAAkB,SAAQ,cAAc,CAAC,iBAAiB,CAAC;IAC1E;;OAEG;IACH,KAAK,EAAE,qBAAqB,CAAC;IAC7B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB;;OAEG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB;;;;;OAKG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB;;;OAGG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB"}

package/dist/components/SelectButton/SelectButton.props.js

@@ -0,0 +1 @@
+

package/dist/components/SelectButton/SelectButton.theme.d.ts

@@ -0,0 +1,8 @@
+type SelectButtonThemeKey = '--crm-ui-kit-select-button-background-color' | '--crm-ui-kit-select-button-padding' | '--crm-ui-kit-select-button-height' | '--crm-ui-kit-select-button-z-index' | '--crm-ui-kit-select-button-width' | '--crm-ui-kit-select-button-font-size' | '--crm-ui-kit-select-button-line-height' | '--crm-ui-kit-select-button-border-width' | '--crm-ui-kit-select-button-border-radius' | '--crm-ui-kit-select-button-border' | '--crm-ui-kit-select-button-disabled-border' | '--crm-ui-kit-select-button-disabled-border-opacity' | '--crm-ui-kit-select-button-disabled-border-color' | '--crm-ui-kit-select-button-error-border' | '--crm-ui-kit-select-button-error-color' | '--crm-ui-kit-select-button-focus-visible-border' | '--crm-ui-kit-select-button-color';
+export type SelectButtonThemeType = {
+    [K in SelectButtonThemeKey]: string;
+};
+export declare const SelectButtonLightTheme: SelectButtonThemeType;
+export declare const SelectButtonDarkTheme: SelectButtonThemeType;
+export {};
+//# sourceMappingURL=SelectButton.theme.d.ts.map

package/dist/components/SelectButton/SelectButton.theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.theme.d.ts","sourceRoot":"","sources":["../../../src/components/SelectButton/SelectButton.theme.ts"],"names":[],"mappings":"AAAA,KAAK,oBAAoB,GACrB,6CAA6C,GAC7C,oCAAoC,GACpC,mCAAmC,GACnC,oCAAoC,GACpC,kCAAkC,GAClC,sCAAsC,GACtC,wCAAwC,GACxC,yCAAyC,GACzC,0CAA0C,GAC1C,mCAAmC,GACnC,4CAA4C,GAC5C,oDAAoD,GACpD,kDAAkD,GAClD,yCAAyC,GACzC,wCAAwC,GACxC,iDAAiD,GACjD,kCAAkC,CAAC;AAEvC,MAAM,MAAM,qBAAqB,GAAG;KACjC,CAAC,IAAI,oBAAoB,GAAG,MAAM;CACpC,CAAC;AA2BF,eAAO,MAAM,sBAAsB,EAAE,qBAWpC,CAAC;AAEF,eAAO,MAAM,qBAAqB,EAAE,qBAWnC,CAAC"}

package/dist/components/SelectButton/SelectButton.theme.js

@@ -0,0 +1,30 @@
+const t = {
+  "--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)"
+}, r = {
+  ...t,
+  "--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)"
+}, e = {
+  ...t,
+  "--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)"
+};
+export {
+  e as SelectButtonDarkTheme,
+  r as SelectButtonLightTheme
+};

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

@@ -0,0 +1,4 @@
+export { SelectButton } from './SelectButton';
+export { type SelectButtonProps } from './SelectButton.props';
+export { SelectButtonLightTheme, SelectButtonDarkTheme, type SelectButtonThemeType, } from './SelectButton.theme';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/SelectButton/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,gBAAgB,CAAC;AAC9C,OAAO,EAAE,KAAK,iBAAiB,EAAE,MAAM,sBAAsB,CAAC;AAC9D,OAAO,EACL,sBAAsB,EACtB,qBAAqB,EACrB,KAAK,qBAAqB,GAC3B,MAAM,sBAAsB,CAAC"}

package/dist/components/SelectButton/index.js

@@ -0,0 +1,7 @@
+import { SelectButton as o } from "./SelectButton.js";
+import { SelectButtonDarkTheme as m, SelectButtonLightTheme as c } from "./SelectButton.theme.js";
+export {
+  o as SelectButton,
+  m as SelectButtonDarkTheme,
+  c as SelectButtonLightTheme
+};

package/dist/components/Spinner/Spinner.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAK1C,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAO/C,eAAO,MAAM,OAAO,mGAmBlB,CAAC"}

package/dist/components/Spinner/Spinner.js

@@ -0,0 +1,29 @@
+import { jsx as a } from "react/jsx-runtime";
+import { forwardRef as c } from "react";
+import { c as i } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as d } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import '../../assets/Spinner.css';const f = "_spinner_4ps24_11", l = "_centered_4ps24_29", e = {
+  spinner: f,
+  centered: l
+}, _ = c((s, n) => {
+  const { isCentered: r = !1, className: t = "", theme: m, ...o } = s, p = d(m);
+  return /* @__PURE__ */ a(
+    "span",
+    {
+      ref: n,
+      className: i(
+        e.spinner,
+        {
+          [e.centered]: r
+        },
+        p,
+        t
+      ),
+      ...o
+    }
+  );
+});
+_.displayName = "Spinner";
+export {
+  _ as Spinner
+};

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

@@ -0,0 +1,14 @@
+import { SpinnerTheme } from './Spinner.themes';
+type SpanProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+export interface SpinnerProps extends SpanProps {
+    /**
+     * Specifies whether the object should be centered.
+     */
+    isCentered?: boolean;
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: SpinnerTheme;
+}
+export {};
+//# sourceMappingURL=Spinner.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.props.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAEhD,KAAK,SAAS,GAAG,KAAK,CAAC,iBAAiB,CACtC,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,eAAe,CAChB,CAAC;AAEF,MAAM,WAAW,YAAa,SAAQ,SAAS;IAC7C;;OAEG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,KAAK,EAAE,YAAY,CAAC;CACrB"}

package/dist/components/Spinner/Spinner.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,7 @@
+type SpinnerThemeKey = '--crm-ui-kit-spinner-border-color' | '--crm-ui-kit-spinner-circle-size' | '--crm-ui-kit-spinner-border-width' | '--crm-ui-kit-spinner-border-style';
+export type SpinnerTheme = {
+    [K in SpinnerThemeKey]: string;
+};
+export declare const SpinnerPrimaryTheme: SpinnerTheme;
+export {};
+//# sourceMappingURL=Spinner.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.themes.ts"],"names":[],"mappings":"AAAA,KAAK,eAAe,GAChB,mCAAmC,GACnC,kCAAkC,GAClC,mCAAmC,GACnC,mCAAmC,CAAC;AAExC,MAAM,MAAM,YAAY,GAAG;KACxB,CAAC,IAAI,eAAe,GAAG,MAAM;CAC/B,CAAC;AAEF,eAAO,MAAM,mBAAmB,EAAE,YAKjC,CAAC"}

package/dist/components/Spinner/Spinner.themes.js

@@ -0,0 +1,9 @@
+const r = {
+  "--crm-ui-kit-spinner-border-color": "var(--crm-ui-kit-color-bright-blue)",
+  "--crm-ui-kit-spinner-border-width": "2px",
+  "--crm-ui-kit-spinner-circle-size": "16px",
+  "--crm-ui-kit-spinner-border-style": "solid"
+};
+export {
+  r as SpinnerPrimaryTheme
+};

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

@@ -0,0 +1,4 @@
+export { Spinner } from './Spinner';
+export { type SpinnerTheme, SpinnerPrimaryTheme } from './Spinner.themes';
+export { type SpinnerProps } from './Spinner.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Spinner/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,KAAK,YAAY,EAAE,mBAAmB,EAAE,MAAM,kBAAkB,CAAC;AAC1E,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/components/Spinner/index.js

@@ -0,0 +1,6 @@
+import { Spinner as m } from "./Spinner.js";
+import { SpinnerPrimaryTheme as o } from "./Spinner.themes.js";
+export {
+  m as Spinner,
+  o as SpinnerPrimaryTheme
+};

package/dist/components/Switcher/Switcher.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.d.ts","sourceRoot":"","sources":["../../../src/components/Switcher/Switcher.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAsB,MAAM,kBAAkB,CAAC;AAOpE,eAAO,MAAM,QAAQ,EAwBf,YAAY,CAAC"}

package/dist/components/Switcher/Switcher.js

@@ -0,0 +1,36 @@
+import { jsxs as l, jsx as s } from "react/jsx-runtime";
+import { forwardRef as h } from "react";
+import { c as e } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as w } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { VisuallyHiddenInput as u } from "../VisuallyHiddenInput/VisuallyHiddenInput.js";
+import { Label as _ } from "../Label/Label.js";
+import '../../assets/Switcher.css';const f = "_wrapper_1n2ce_1", N = "_switcher_1n2ce_18", d = "_input_1n2ce_64", r = {
+  wrapper: f,
+  switcher: N,
+  input: d
+}, t = h((a, c) => {
+  const {
+    className: p = "",
+    value: m = "Y",
+    theme: o,
+    ...i
+  } = a, n = w(o);
+  return /* @__PURE__ */ l("div", { className: e(r.wrapper, n, p), children: [
+    /* @__PURE__ */ s(
+      u,
+      {
+        className: e(r.input),
+        ref: c,
+        value: m,
+        type: "checkbox",
+        ...i
+      }
+    ),
+    /* @__PURE__ */ s("span", { className: e(r.switcher) })
+  ] });
+});
+t.Label = _;
+t.displayName = "Switcher";
+export {
+  t as Switcher
+};

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

@@ -0,0 +1,18 @@
+import { VisuallyHiddenInputProps } from '../VisuallyHiddenInput/VisuallyHiddenInput.props';
+import { LabelProps } from '../Label';
+import { SwitcherTheme } from './Switcher.themes';
+type BaseSwitcherProps = {
+    /**
+     * Object with CSS properties of the theme.
+     */
+    theme: SwitcherTheme;
+};
+export type SwitcherProps = VisuallyHiddenInputProps<BaseSwitcherProps>;
+export type SwitcherType = React.ForwardRefExoticComponent<SwitcherProps & React.RefAttributes<HTMLInputElement>> & {
+    /**
+     * Label component.
+     */
+    Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLLabelElement>>;
+};
+export {};
+//# sourceMappingURL=Switcher.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.props.d.ts","sourceRoot":"","sources":["../../../src/components/Switcher/Switcher.props.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,wBAAwB,EAAE,MAAM,8DAA8D,CAAC;AAE7G,OAAO,EAAE,KAAK,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,mBAAmB,CAAC;AAEvD,KAAK,iBAAiB,GAAG;IACvB;;OAEG;IACH,KAAK,EAAE,aAAa,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,aAAa,GAAG,wBAAwB,CAAC,iBAAiB,CAAC,CAAC;AAExE,MAAM,MAAM,YAAY,GAAG,KAAK,CAAC,yBAAyB,CACxD,aAAa,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACtD,GAAG;IACF;;OAEG;IACH,KAAK,EAAE,KAAK,CAAC,yBAAyB,CACpC,UAAU,GAAG,KAAK,CAAC,aAAa,CAAC,gBAAgB,CAAC,CACnD,CAAC;CACH,CAAC"}

package/dist/components/Switcher/Switcher.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,7 @@
+type SwitcherThemeKey = '--crm-ui-kit-switcher-active-element-color' | '--crm-ui-kit-switcher-border-color' | '--crm-ui-kit-switcher-circle-size' | '--crm-ui-kit-switcher-line-border-radius' | '--crm-ui-kit-switcher-line-width' | '--crm-ui-kit-switcher-border-width' | '--crm-ui-kit-switcher-disabled-opacity' | '--crm-ui-kit-switcher-focus-visible-outline-color' | '--crm-ui-kit-switcher-focus-visible-outline-width' | '--crm-ui-kit-switcher-focus-visible-outline-style' | '--crm-ui-kit-switcher-focus-visible-outline-offset' | '--crm-ui-kit-switcher-focus-visible-border-radius';
+export type SwitcherTheme = {
+    [K in SwitcherThemeKey]: string;
+};
+export declare const SwitcherPrimaryTheme: SwitcherTheme;
+export {};
+//# sourceMappingURL=Switcher.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Switcher/Switcher.themes.ts"],"names":[],"mappings":"AAAA,KAAK,gBAAgB,GACjB,4CAA4C,GAC5C,oCAAoC,GACpC,mCAAmC,GACnC,0CAA0C,GAC1C,kCAAkC,GAClC,oCAAoC,GACpC,wCAAwC,GACxC,mDAAmD,GACnD,mDAAmD,GACnD,mDAAmD,GACnD,oDAAoD,GACpD,mDAAmD,CAAC;AAExD,MAAM,MAAM,aAAa,GAAG;KACzB,CAAC,IAAI,gBAAgB,GAAG,MAAM;CAChC,CAAC;AAEF,eAAO,MAAM,oBAAoB,EAAE,aAuBlC,CAAC"}

package/dist/components/Switcher/Switcher.themes.js

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

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

@@ -0,0 +1,4 @@
+export { Switcher } from './Switcher';
+export { type SwitcherTheme, SwitcherPrimaryTheme } from './Switcher.themes';
+export { type SwitcherProps } from './Switcher.props';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Switcher/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,YAAY,CAAC;AACtC,OAAO,EAAE,KAAK,aAAa,EAAE,oBAAoB,EAAE,MAAM,mBAAmB,CAAC;AAC7E,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC"}

package/dist/components/Switcher/index.js

@@ -0,0 +1,6 @@
+import { Switcher as m } from "./Switcher.js";
+import { SwitcherPrimaryTheme as t } from "./Switcher.themes.js";
+export {
+  m as Switcher,
+  t as SwitcherPrimaryTheme
+};

package/dist/components/Text/Text.d.ts

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

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

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

package/dist/components/Text/Text.js

@@ -0,0 +1,59 @@
+import { jsx as x } from "react/jsx-runtime";
+import { forwardRef as f } from "react";
+import { c as h } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as g } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import '../../assets/Text.css';const w = "_text_1thgf_1", d = "_ellipsis_1thgf_7", N = "_line_clamp_1thgf_13", C = "_s_1thgf_23", y = "_m_1thgf_28", T = "_ms_1thgf_33", k = "_l_1thgf_13", u = "_xl_1thgf_43", s = {
+  text: w,
+  ellipsis: d,
+  line_clamp: N,
+  s: C,
+  m: y,
+  ms: T,
+  l: k,
+  xl: u
+}, z = {
+  s: s.s,
+  m: s.m,
+  ms: s.ms,
+  l: s.l,
+  xl: s.xl
+}, E = f((m, c) => {
+  const {
+    children: n,
+    className: o = "",
+    isEllipsis: i = !1,
+    maxRows: e = 1,
+    theme: _,
+    style: a = {},
+    size: t,
+    ...r
+  } = m, p = g(_), l = e > 1;
+  switch (t) {
+    case "s":
+    case "m":
+    case "ms":
+    case "l":
+    case "xl":
+      return /* @__PURE__ */ x(
+        "span",
+        {
+          ref: c,
+          style: {
+            ...l && { WebkitLineClamp: e },
+            ...a
+          },
+          className: h(s.text, z[t], p, o, {
+            [s.ellipsis]: i,
+            [s.line_clamp]: l
+          }),
+          ...r,
+          children: n
+        }
+      );
+  }
+  throw new Error("Unknown size was presented");
+});
+E.displayName = "Text";
+export {
+  E as Text
+};

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

@@ -0,0 +1,32 @@
+import { default as React } from 'react';
+import { TextTheme } from './Text.themes';
+type SpanAttributes = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
+export type TextSizes = 's' | 'm' | 'ms' | 'l' | 'xl';
+export interface TextProps extends SpanAttributes {
+    /**
+     * Text size.
+     *
+     * - `s - 11/15`
+     * - `m - 13/20`
+     * - `ms - 13/15`
+     * - `l - 15/20`
+     * - `xl - 18/24`
+     */
+    size: TextSizes;
+    /**
+     * Trim text when it overflows the container.
+     *
+     * Note: The element must have a defined width for overflow to occur.
+     */
+    isEllipsis?: boolean;
+    /**
+     * Number of lines after which the text should be truncated.
+     */
+    maxRows?: number;
+    /**
+     * Object with CSS theme properties.
+     */
+    theme: TextTheme;
+}
+export {};
+//# sourceMappingURL=Text.props.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.props.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.props.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAE,SAAS,EAAE,MAAM,eAAe,CAAC;AAE1C,KAAK,cAAc,GAAG,KAAK,CAAC,iBAAiB,CAC3C,KAAK,CAAC,cAAc,CAAC,eAAe,CAAC,EACrC,eAAe,CAChB,CAAC;AAEF,MAAM,MAAM,SAAS,GAAG,GAAG,GAAG,GAAG,GAAG,IAAI,GAAG,GAAG,GAAG,IAAI,CAAC;AAEtD,MAAM,WAAW,SAAU,SAAQ,cAAc;IAC/C;;;;;;;;OAQG;IACH,IAAI,EAAE,SAAS,CAAC;IAChB;;;;OAIG;IACH,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB;;OAEG;IACH,KAAK,EAAE,SAAS,CAAC;CAClB"}

package/dist/components/Text/Text.props.js

@@ -0,0 +1 @@
+

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

@@ -0,0 +1,12 @@
+type TextThemeKey = '--crm-ui-kit-text-color' | '--crm-ui-kit-text-font' | '--crm-ui-kit-text-size-s-font-size' | '--crm-ui-kit-text-size-s-line-height' | '--crm-ui-kit-text-size-m-font-size' | '--crm-ui-kit-text-size-m-line-height' | '--crm-ui-kit-text-size-ms-font-size' | '--crm-ui-kit-text-size-ms-line-height' | '--crm-ui-kit-text-size-l-font-size' | '--crm-ui-kit-text-size-l-line-height' | '--crm-ui-kit-text-size-xl-font-size' | '--crm-ui-kit-text-size-xl-line-height';
+export type TextTheme = {
+    [K in TextThemeKey]: string;
+};
+type TextBaseSizesThemeType = Omit<TextTheme, '--crm-ui-kit-text-color' | '--crm-ui-kit-text-font'>;
+export declare const TextBaseSizesTheme: TextBaseSizesThemeType;
+export declare const TextPrimaryTheme: TextTheme;
+export declare const TextSecondaryLightTheme: TextTheme;
+export declare const TextSecondaryDarkTheme: TextTheme;
+export declare const TextErrorTheme: TextTheme;
+export {};
+//# sourceMappingURL=Text.themes.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Text.themes.d.ts","sourceRoot":"","sources":["../../../src/components/Text/Text.themes.ts"],"names":[],"mappings":"AAAA,KAAK,YAAY,GACb,yBAAyB,GACzB,wBAAwB,GACxB,oCAAoC,GACpC,sCAAsC,GACtC,oCAAoC,GACpC,sCAAsC,GACtC,qCAAqC,GACrC,uCAAuC,GACvC,oCAAoC,GACpC,sCAAsC,GACtC,qCAAqC,GACrC,uCAAuC,CAAC;AAE5C,MAAM,MAAM,SAAS,GAAG;KACrB,CAAC,IAAI,YAAY,GAAG,MAAM;CAC5B,CAAC;AAEF,KAAK,sBAAsB,GAAG,IAAI,CAChC,SAAS,EACT,yBAAyB,GAAG,wBAAwB,CACrD,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,sBAWhC,CAAC;AAEF,eAAO,MAAM,gBAAgB,EAAE,SAI9B,CAAC;AAEF,eAAO,MAAM,uBAAuB,EAAE,SAIrC,CAAC;AAEF,eAAO,MAAM,sBAAsB,EAAE,SAIpC,CAAC;AAEF,eAAO,MAAM,cAAc,EAAE,SAI5B,CAAC"}

package/dist/components/Text/Text.themes.js

@@ -0,0 +1,35 @@
+const t = {
+  "--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"
+}, e = {
+  ...t,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-primary)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, i = {
+  ...t,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-light)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, r = {
+  ...t,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-palette-text-secondary-dark)",
+  "--crm-ui-kit-text-font": "PT Sans"
+}, x = {
+  ...t,
+  "--crm-ui-kit-text-color": "var(--crm-ui-kit-color-error)",
+  "--crm-ui-kit-text-font": "PT Sans"
+};
+export {
+  t as TextBaseSizesTheme,
+  x as TextErrorTheme,
+  e as TextPrimaryTheme,
+  r as TextSecondaryDarkTheme,
+  i as TextSecondaryLightTheme
+};

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

@@ -0,0 +1,4 @@
+export { Text } from './Text';
+export { type TextProps, type TextSizes } from './Text.props';
+export { type TextTheme, TextPrimaryTheme, TextSecondaryDarkTheme, TextSecondaryLightTheme, TextErrorTheme, } from './Text.themes';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Text/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAC;AAC9B,OAAO,EAAE,KAAK,SAAS,EAAE,KAAK,SAAS,EAAE,MAAM,cAAc,CAAC;AAC9D,OAAO,EACL,KAAK,SAAS,EACd,gBAAgB,EAChB,sBAAsB,EACtB,uBAAuB,EACvB,cAAc,GACf,MAAM,eAAe,CAAC"}

package/dist/components/Text/index.js

@@ -0,0 +1,9 @@
+import { Text as T } from "./Text.js";
+import { TextErrorTheme as m, TextPrimaryTheme as o, TextSecondaryDarkTheme as x, TextSecondaryLightTheme as h } from "./Text.themes.js";
+export {
+  T as Text,
+  m as TextErrorTheme,
+  o as TextPrimaryTheme,
+  x as TextSecondaryDarkTheme,
+  h as TextSecondaryLightTheme
+};

package/dist/components/TextArea/TextArea.d.ts

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"TextArea.d.ts","sourceRoot":"","sources":["../../../src/components/TextArea/TextArea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAqB,MAAM,OAAO,CAAC;AAiB1C,OAAO,EAAE,KAAK,aAAa,EAAE,MAAM,kBAAkB,CAAC;AAOtD,eAAO,MAAM,QAAQ,wGAsDnB,CAAC"}

package/dist/components/TextArea/TextArea.js

@@ -0,0 +1,75 @@
+import { jsxs as u, jsx as i } from "react/jsx-runtime";
+import { forwardRef as N } from "react";
+import { c as a } from "../../index-L8X2o7IH.mjs";
+import { useThemeClassName as q } from "../../hooks/useThemeClassName/useThemeClassName.js";
+import { noop as T } from "../../utils/noop/noop.js";
+import { mergeRefs as w } from "../../lib/utils.js";
+import { CustomScrollClassName as y } from "../../stylesheets/utils/BaseClasses/BaseClasses.js";
+import { Text as z } from "../Text/Text.js";
+import { TextPrimaryTheme as A } from "../Text/Text.themes.js";
+import { useAutosizeTextarea as C } from "./hooks/useResizeTextArea.js";
+import '../../assets/TextArea.css';const R = "_wrapper_1afq7_1", O = "_textarea_container_1afq7_7", g = "_textarea_1afq7_7", j = "_placeholder_visible_1afq7_46", D = "_disabled_1afq7_64", P = "_invalid_description_1afq7_69", B = "_invalid_1afq7_69", e = {
+  wrapper: R,
+  textarea_container: O,
+  textarea: g,
+  placeholder_visible: j,
+  disabled: D,
+  invalid_description: P,
+  invalid: B
+}, E = N((n, d) => {
+  const {
+    className: m = "",
+    isDisabled: r,
+    isReadOnly: c,
+    isInvalid: s = !1,
+    isAutosized: t = !1,
+    isPlaceholderVisibleOnFocus: _ = !1,
+    invalidDescription: o,
+    onAutosize: p = T,
+    maxHeight: f,
+    value: l,
+    theme: x,
+    ...v
+  } = n, h = q(x), b = C(p, t, [
+    l,
+    t
+  ]);
+  return /* @__PURE__ */ u("div", { className: a(e.wrapper, h, m), children: [
+    /* @__PURE__ */ i(
+      "div",
+      {
+        className: a(e.textarea_container, {
+          [e.invalid]: s,
+          [e.disabled]: r
+        }),
+        children: /* @__PURE__ */ i(
+          "textarea",
+          {
+            style: { maxHeight: f },
+            ref: w(b, d),
+            className: a(y, e.textarea, {
+              [e.placeholder_visible]: _
+            }),
+            disabled: r,
+            readOnly: c,
+            value: l,
+            ...v
+          }
+        )
+      }
+    ),
+    !!(s && o) && /* @__PURE__ */ i(
+      z,
+      {
+        className: a(e.invalid_description),
+        size: "m",
+        theme: A,
+        children: o
+      }
+    )
+  ] });
+});
+E.displayName = "TextArea";
+export {
+  E as TextArea
+};