@alphakits/ui 1.31.5 → 2.0.1

package/dist/sticker/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/sticker/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport interface StickerProps {\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     *  Цвет компонента\n     */\n    color: 'yellow' | 'green' | 'white' | 'gray';\n\n    /**\n     * Текст компонента\n     */\n    text: string;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n}\n\nexport const Sticker: React.FC<StickerProps> = ({\n    className, text, color, dataTestId,\n}) => (\n    <div\n        className={ cn(\n            styles.component,\n            styles[color],\n            className,\n        ) }\n        data-test-id={ dataTestId }\n    >\n        <span>{ text }</span>\n    </div>\n);\n"],"names":["Sticker","className","text","color","dataTestId","jsx","cn","styles"],"mappings":";;;AA2BO,MAAMA,IAAkC,CAAC;AAAA,EAC5C,WAAAC;AAAA,EAAW,MAAAC;AAAA,EAAM,OAAAC;AAAA,EAAO,YAAAC;AAC5B,MACI,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAYC;AAAA,MACRC,EAAO;AAAA,MACPA,EAAOJ,CAAK;AAAA,MACZF;AAAA,IAAA;AAAA,IAEJ,gBAAeG;AAAA,IAEf,UAAA,gBAAAC,EAAC,UAAO,UAAAH,EAAA,CAAM;AAAA,EAAA;AAClB;"}

package/dist/sticker/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/sticker/index.js

@@ -1 +1,5 @@
-export{Sticker}from"./component.js";import"react";import"classnames";
+import { Sticker as o } from "./component.js";
+export {
+  o as Sticker
+};
+//# sourceMappingURL=index.js.map

package/dist/sticker/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/sticker/index.module.css

@@ -0,0 +1 @@
+.index-module_component__yE8Fi{position:relative;width:-moz-fit-content;width:fit-content;margin-bottom:5px;font-size:13px;line-height:20px;font-weight:500;font-family:var(--font-family)}.index-module_component__yE8Fi span{display:inline-block;font-size:10px;font-weight:700;line-height:20px;padding:3px 8px 1px 14px}.index-module_component__yE8Fi:after{content:"";position:absolute;top:0;border-right:20px solid rgba(255,255,255,0);border-top:24px solid}.index-module_yellow__e9HEA,.index-module_white__vq66g{color:var(--color-text-primary)!important}.index-module_green__YtEMp,.index-module_blue__B76YL,.index-module_gray__nmJqT{color:var(--color-text-primary-inverted)}.index-module_yellow__e9HEA{background-color:var(--color-bg-attention)}.index-module_white__vq66g{background-color:var(--color-bg-primary)}.index-module_green__YtEMp{background-color:var(--color-bg-positive)}.index-module_gray__nmJqT{background-color:var(--color-bg-secondary-inverted)}.index-module_yellow__e9HEA:after{border-top-color:var(--color-border-attention)}.index-module_white__vq66g:after{border-top-color:var(--color-border-primary-thirdly)}.index-module_green__YtEMp:after{border-top-color:var(--color-border-positive)}.index-module_gray__nmJqT:after{border-top-color:var(--color-border-primary)}

package/dist/sticker/index.module.css.js

@@ -0,0 +1,19 @@
+import './index.module.css';
+const e = "index-module_component__yE8Fi", n = "index-module_yellow__e9HEA", o = "index-module_white__vq66g", _ = "index-module_green__YtEMp", l = "index-module_blue__B76YL", t = "index-module_gray__nmJqT", d = {
+  component: e,
+  yellow: n,
+  white: o,
+  green: _,
+  blue: l,
+  gray: t
+};
+export {
+  l as blue,
+  e as component,
+  d as default,
+  t as gray,
+  _ as green,
+  o as white,
+  n as yellow
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/sticker/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/suffix-input/component.d.ts

@@ -1,22 +1,53 @@
-/// <reference types="react" />
-import React from 'react';
-import { InputProps } from "../input/index";
-type SuffixInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
+import { default as React } from 'react';
+import { InputProps } from '../input';
+export declare type SuffixInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {
+    /**
+     * Денежное значение в минорных единицах
+     */
     value: number | undefined | null;
+    /**
+     * суффикс для вставки в инпут
+     */
     suffix?: string;
+    /**
+     * required - индикатор * лейбла для обязательного заполнения поля
+     */
     required?: boolean;
+    /**
+     * Жир
+     */
     bold?: boolean;
+    /**
+     * Обработчик события изменения значения
+     */
     onChange: (e: React.ChangeEvent<HTMLInputElement>, payload: {
         value: number | undefined | null;
     }) => void;
 };
-declare const SuffixInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange"> & {
+/**
+ * Компонент для ввода денежных значений
+ */
+export declare const SuffixInput: React.ForwardRefExoticComponent<Omit<InputProps, "value" | "type" | "onChange"> & {
+    /**
+     * Денежное значение в минорных единицах
+     */
     value: number | undefined | null;
+    /**
+     * суффикс для вставки в инпут
+     */
     suffix?: string | undefined;
+    /**
+     * required - индикатор * лейбла для обязательного заполнения поля
+     */
     required?: boolean | undefined;
+    /**
+     * Жир
+     */
     bold?: boolean | undefined;
+    /**
+     * Обработчик события изменения значения
+     */
     onChange: (e: React.ChangeEvent<HTMLInputElement>, payload: {
         value: number | undefined | null;
     }) => void;
 } & React.RefAttributes<HTMLInputElement>>;
-export { SuffixInputProps, SuffixInput };

package/dist/suffix-input/component.js

@@ -1 +1,74 @@
-import{__rest as e,__assign as o}from"tslib";import r,{forwardRef as n,useState as t,useEffect as a,useCallback as i,Fragment as l}from"react";import s from"classnames";import{Input as m}from"../input/component.js";import{withSuffix as u}from"../with-suffix/component.js";import"react-merge-refs";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../form-control/component.js";import"../portal/component.js";import"react-dom";import"../portal/utils.js";var d={container:"index-module_container__17_Uh",minorPartAndCurrency:"index-module_minorPartAndCurrency__KGrfs",suffixContainer:"index-module_suffixContainer__3DlRH",filled:"index-module_filled__2oM1c",input:"index-module_input__2zS2T"},c=u(m),f=n((function(n,m){var u,f=n.value,p=n.suffix,C=n.placeholder,v=void 0===C?"":C,_=n.bold,x=void 0===_||_,N=n.className,h=n.focusedClassName,b=n.required,j=n.dataTestId,g=n.clear,I=void 0!==g&&g,y=n.onChange,E=n.onClear,T=e(n,["value","suffix","placeholder","bold","className","focusedClassName","required","dataTestId","clear","onChange","onClear"]),q=t(f),A=q[0],P=q[1];a((function(){return A!==f?P(f):function(){}}),[f]);var k=i((function(e){P(void 0),E&&E(e)}),[E]);return r.createElement("div",{className:s(d.container,(u={},u[d.bold]=x,u[d.filled]=Boolean(A),u))},r.createElement(c,o({},T,{suffix:r.createElement(l,null,A,r.createElement("span",{className:d.minorPartAndCurrency}," ",p)),suffixContainerClassName:d.suffixContainer,clear:I,required:b,placeholder:v,value:Number.isInteger(f)?""+f:void 0,type:"number",className:s(d.component,N),focusedClassName:h,inputClassName:d.input,onChange:function(e){var o=e.target.value;y&&y(e,{value:Number.isInteger(+o)?+o:void 0})},onClear:k,dataTestId:j,ref:m})))}));export{f as SuffixInput};
+import { jsx as a, jsxs as f } from "react/jsx-runtime";
+import { forwardRef as S, useState as v, useEffect as y, useCallback as A, Fragment as j } from "react";
+import m from "classnames";
+import { Input as w } from "../input/component.js";
+import { withSuffix as k } from "../with-suffix/component.js";
+import t from "./index.module.css.js";
+const B = k(w), z = S(
+  ({
+    value: e,
+    suffix: c,
+    placeholder: l = "",
+    bold: p = !0,
+    className: d,
+    focusedClassName: x,
+    required: h,
+    dataTestId: C,
+    clear: N = !1,
+    onChange: o,
+    onClear: r,
+    ...I
+  }, b) => {
+    const [i, s] = v(e);
+    y(() => i !== e ? s(e) : () => {
+    }, [e]);
+    const g = (n) => {
+      const u = n.target.value;
+      o && o(n, { value: Number.isInteger(+u) ? +u : void 0 });
+    }, V = A(
+      (n) => {
+        s(void 0), r && r(n);
+      },
+      [r]
+    );
+    return /* @__PURE__ */ a(
+      "div",
+      {
+        className: m(t.container, {
+          [t.bold]: p,
+          [t.filled]: !!i
+        }),
+        children: /* @__PURE__ */ a(
+          B,
+          {
+            ...I,
+            suffix: /* @__PURE__ */ f(j, { children: [
+              i,
+              /* @__PURE__ */ f("span", { className: t.minorPartAndCurrency, children: [
+                " ",
+                c
+              ] })
+            ] }),
+            suffixContainerClassName: t.suffixContainer,
+            clear: N,
+            required: h,
+            placeholder: l,
+            value: Number.isInteger(e) ? "" + e : void 0,
+            type: "number",
+            className: m(t.component, d),
+            focusedClassName: x,
+            inputClassName: t.input,
+            onChange: g,
+            onClear: V,
+            dataTestId: C,
+            ref: b
+          }
+        )
+      }
+    );
+  }
+);
+export {
+  z as SuffixInput
+};
+//# sourceMappingURL=component.js.map

package/dist/suffix-input/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/suffix-input/component.tsx"],"sourcesContent":["import React, {\n    forwardRef, Fragment, useCallback, useEffect, useState,\n} from 'react';\nimport cn from 'classnames';\n\nimport { Input, InputProps } from '../input';\nimport { withSuffix } from '../with-suffix';\n\nimport styles from './index.module.css';\n\nexport type SuffixInputProps = Omit<InputProps, 'value' | 'onChange' | 'type'> & {\n    /**\n     * Денежное значение в минорных единицах\n     */\n    value: number | undefined | null;\n\n    /**\n     * суффикс для вставки в инпут\n     */\n    suffix?: string;\n\n    /**\n     * required - индикатор * лейбла для обязательного заполнения поля\n     */\n    required?: boolean;\n\n    /**\n     * Жир\n     */\n    bold?: boolean;\n\n    /**\n     * Обработчик события изменения значения\n     */\n    onChange: (\n        e: React.ChangeEvent<HTMLInputElement>,\n        payload: {\n            value: number | undefined | null;\n        },\n    ) => void;\n};\n\n/**\n * Инпут, позволяющий закрепить значок валюты\n */\nconst InputWithSuffix = withSuffix(Input);\n\n/**\n * Компонент для ввода денежных значений\n */\nexport const SuffixInput = forwardRef<HTMLInputElement, SuffixInputProps>(\n    (\n        {\n            value,\n            suffix,\n            placeholder = `${''}`,\n            bold = true,\n            className,\n            focusedClassName,\n            required,\n            dataTestId,\n            clear = false,\n            onChange,\n            onClear,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const [inputValue, setInputValue] = useState<number | undefined | null>(value);\n\n        useEffect(() => {\n            const currentAmountValue = inputValue;\n\n            if (currentAmountValue !== value) {\n                return setInputValue(value);\n            }\n\n            return () => undefined;\n            // eslint-disable-next-line react-hooks/exhaustive-deps\n        }, [value]);\n\n        const handleChange = (e: React.ChangeEvent<HTMLInputElement>) => {\n            const input = e.target;\n            const enteredValue = input.value;\n\n            // const newFormattedValue = enteredValue;\n\n            // if (inputValue && +newFormattedValue === inputValue) {\n            //     const caret = input.selectionStart;\n\n            //     window.requestAnimationFrame(() => {\n            //         input.selectionStart = caret;\n            //         input.selectionEnd = caret;\n            //     });\n            // }\n\n            // setInputValue(newFormattedValue);\n            if (onChange) {\n                onChange(e, { value: Number.isInteger(+enteredValue) ? +enteredValue : undefined });\n            }\n        };\n\n        const handleClear = useCallback(\n            (event: React.MouseEvent<HTMLButtonElement>) => {\n                setInputValue(undefined);\n\n                if (onClear) {\n                    onClear(event);\n                }\n            },\n            [onClear],\n        );\n\n        return (\n            <div\n                className={ cn(styles.container, {\n                    [styles.bold]: bold,\n                    [styles.filled]: Boolean(inputValue),\n                }) }\n            >\n                <InputWithSuffix\n                    { ...restProps }\n                    suffix={ (\n                        <Fragment>\n                            { inputValue }\n\n                            <span className={ styles.minorPartAndCurrency }>&nbsp;{ suffix }</span>\n                        </Fragment>\n                    ) }\n                    suffixContainerClassName={ styles.suffixContainer }\n                    clear={ clear }\n                    required={ required }\n                    placeholder={ placeholder }\n                    value={ Number.isInteger(value) ? '' + value : undefined }\n                    type='number'\n                    className={ cn(styles.component, className) }\n                    focusedClassName={ focusedClassName }\n                    inputClassName={ styles.input }\n                    onChange={ handleChange }\n                    onClear={ handleClear }\n                    dataTestId={ dataTestId }\n                    ref={ ref }\n                />\n            </div>\n        );\n    },\n);\n"],"names":["InputWithSuffix","withSuffix","Input","SuffixInput","forwardRef","value","suffix","placeholder","bold","className","focusedClassName","required","dataTestId","clear","onChange","onClear","restProps","ref","inputValue","setInputValue","useState","useEffect","handleChange","e","enteredValue","handleClear","useCallback","event","jsx","cn","styles","Fragment","jsxs"],"mappings":";;;;;;AA6CA,MAAMA,IAAkBC,EAAWC,CAAK,GAK3BC,IAAcC;AAAA,EACvB,CACI;AAAA,IACI,OAAAC;AAAA,IACA,QAAAC;AAAA,IACA,aAAAC,IAAc;AAAA,IACd,MAAAC,IAAO;AAAA,IACP,WAAAC;AAAA,IACA,kBAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAM,CAACC,GAAYC,CAAa,IAAIC,EAAoCf,CAAK;AAE7E,IAAAgB,EAAU,MACqBH,MAEAb,IAChBc,EAAcd,CAAK,IAGvB;OAER,CAACA,CAAK,CAAC;AAEV,UAAMiB,IAAe,CAACC,MAA2C;AAE7D,YAAMC,IADQD,EAAE,OACW;AAc3B,MAAIT,KACAA,EAASS,GAAG,EAAE,OAAO,OAAO,UAAU,CAACC,CAAY,IAAI,CAACA,IAAe,QAAW;AAAA,IAE1F,GAEMC,IAAcC;AAAA,MAChB,CAACC,MAA+C;AAC5C,QAAAR,EAAc,MAAS,GAEnBJ,KACAA,EAAQY,CAAK;AAAA,MAErB;AAAA,MACA,CAACZ,CAAO;AAAA,IAAA;AAGZ,WACI,gBAAAa;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,WAAW;AAAA,UAC7B,CAACA,EAAO,IAAI,GAAGtB;AAAA,UACf,CAACsB,EAAO,MAAM,GAAG,EAAQZ;AAAA,QAAU,CACtC;AAAA,QAED,UAAA,gBAAAU;AAAA,UAAC5B;AAAA,UAAA;AAAA,YACK,GAAGgB;AAAA,YACL,0BACKe,GAAA,EACK,UAAA;AAAA,cAAAb;AAAA,cAEF,gBAAAc,EAAC,QAAA,EAAK,WAAYF,EAAO,sBAAuB,UAAA;AAAA,gBAAA;AAAA,gBAAQxB;AAAA,cAAA,EAAA,CAAQ;AAAA,YAAA,GACpE;AAAA,YAEJ,0BAA2BwB,EAAO;AAAA,YAClC,OAAAjB;AAAA,YACA,UAAAF;AAAA,YACA,aAAAJ;AAAA,YACA,OAAQ,OAAO,UAAUF,CAAK,IAAI,KAAKA,IAAQ;AAAA,YAC/C,MAAK;AAAA,YACL,WAAYwB,EAAGC,EAAO,WAAWrB,CAAS;AAAA,YAC1C,kBAAAC;AAAA,YACA,gBAAiBoB,EAAO;AAAA,YACxB,UAAWR;AAAA,YACX,SAAUG;AAAA,YACV,YAAAb;AAAA,YACA,KAAAK;AAAA,UAAA;AAAA,QAAA;AAAA,MACJ;AAAA,IAAA;AAAA,EAGZ;AACJ;"}

package/dist/suffix-input/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/suffix-input/index.js

@@ -1 +1,5 @@
-export{SuffixInput}from"./component.js";import"tslib";import"react";import"classnames";import"../input/component.js";import"react-merge-refs";import"../button/component.js";import"../hooks/useFocus/index.js";import"../loader/component.js";import"../form-control/component.js";import"../with-suffix/component.js";import"../portal/component.js";import"react-dom";import"../portal/utils.js";
+import { SuffixInput as p } from "./component.js";
+export {
+  p as SuffixInput
+};
+//# sourceMappingURL=index.js.map

package/dist/suffix-input/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/suffix-input/index.module.css

@@ -0,0 +1 @@
+:root{--text-primary-color: var(--color-text-primary);--text-secondary-color: var(--color-text-secondary);--text-tertiary-color: var(--color-text-tertiary);--border-radius: 4px;--focus-color: var(--color-border-link);--font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Helvetica, sans-serif;--disabled-cursor: not-allowed;--arrow-transform: rotate(180deg)}:root{--amount-input-minor-part-and-currency-color: var(--color-text-secondary)}.index-module_container__tczFF{position:relative}.index-module_minorPartAndCurrency__0K7XF{color:var(--amount-input-minor-part-and-currency-color)}.index-module_suffixContainer__8eIxg>*:first-child{display:none}.index-module_filled__nKrpt .index-module_input__SIj3W,.index-module_input__SIj3W:focus{-webkit-text-fill-color:transparent;caret-color:currentColor}

package/dist/suffix-input/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const n = "index-module_container__tczFF", e = "index-module_minorPartAndCurrency__0K7XF", i = "index-module_suffixContainer__8eIxg", t = "index-module_filled__nKrpt", o = "index-module_input__SIj3W", r = {
+  container: n,
+  minorPartAndCurrency: e,
+  suffixContainer: i,
+  filled: t,
+  input: o
+};
+export {
+  n as container,
+  r as default,
+  t as filled,
+  o as input,
+  e as minorPartAndCurrency,
+  i as suffixContainer
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/suffix-input/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/super-list-header/component.d.ts

@@ -1,10 +1,13 @@
-/// <reference types="react" />
-import React from 'react';
-interface SuperListHeaderProps {
+import { default as React } from 'react';
+export interface SuperListHeaderProps {
+    /** text */
     text: string;
+    /** handleClick - действие при нажатии на icon-button */
     handleClick?: () => void;
+    /** rightAddons - Слот справа */
     rightAddons?: React.ReactNode;
+    /** leftAddons - Слот слева после текста */
     leftAddons?: React.ReactNode;
 }
-declare const SuperListHeader: React.FC<SuperListHeaderProps>;
-export { SuperListHeaderProps, SuperListHeader };
+/** Показывает заголовок списка и значение справа, которое может быть суммой всех нижестоящих значений в списке  */
+export declare const SuperListHeader: React.FC<SuperListHeaderProps>;

package/dist/super-list-header/component.js

@@ -1 +1,18 @@
-import e from"react";import{Typography as t}from"../typography/component.js";import"../typography/text/component.js";import"classnames";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var o="index-module_component__3E6RG",m="index-module_leftSide__27t82",r="index-module_leftAddons__1hmka",n="index-module_rightAddons__oESgN",a=function(a){var i=a.text,d=a.leftAddons,l=a.rightAddons;return e.createElement("div",{className:o},e.createElement("div",{className:m},e.createElement(t.Text,{color:"primary",weight:"bold",tag:"span"},i),d&&e.createElement("div",{className:r},d)),l&&e.createElement("div",{className:n},l))};export{a as SuperListHeader};
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { Typography as l } from "../typography/component.js";
+import e from "./index.module.css.js";
+const t = ({
+  text: a,
+  leftAddons: i,
+  rightAddons: s
+}) => /* @__PURE__ */ o("div", { className: e.component, children: [
+  /* @__PURE__ */ o("div", { className: e.leftSide, children: [
+    /* @__PURE__ */ r(l.Text, { color: "primary", weight: "bold", tag: "span", children: a }),
+    i && /* @__PURE__ */ r("div", { className: e.leftAddons, children: i })
+  ] }),
+  s && /* @__PURE__ */ r("div", { className: e.rightAddons, children: s })
+] });
+export {
+  t as SuperListHeader
+};
+//# sourceMappingURL=component.js.map

package/dist/super-list-header/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/super-list-header/component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport interface SuperListHeaderProps {\n    /** text */\n    text: string;\n\n    /** handleClick - действие при нажатии на icon-button */\n    handleClick?: () => void;\n\n    /** rightAddons - Слот справа */\n    rightAddons?: React.ReactNode;\n\n    /** leftAddons - Слот слева после текста */\n    leftAddons?: React.ReactNode;\n}\n\n/** Показывает заголовок списка и значение справа, которое может быть суммой всех нижестоящих значений в списке  */\n\nexport const SuperListHeader: React.FC<SuperListHeaderProps> = ({\n    text,\n    leftAddons,\n    rightAddons,\n}) => (\n    <div className={ styles.component }>\n        <div className={ styles.leftSide }>\n            <Typography.Text color=\"primary\" weight=\"bold\" tag=\"span\">\n                { text }\n            </Typography.Text>\n            { leftAddons && <div className={ styles.leftAddons }>{ leftAddons }</div> }\n        </div>\n        { rightAddons && <div className={ styles.rightAddons }>{ rightAddons }</div> }\n    </div>\n);\n"],"names":["SuperListHeader","text","leftAddons","rightAddons","jsxs","styles","jsx","Typography"],"mappings":";;;AAsBO,MAAMA,IAAkD,CAAC;AAAA,EAC5D,MAAAC;AAAA,EACA,YAAAC;AAAA,EACA,aAAAC;AACJ,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAO,WACpB,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAYC,EAAO,UACpB,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAW,MAAX,EAAgB,OAAM,WAAU,QAAO,QAAO,KAAI,QAC7C,UAAAN,EAAA,CACN;AAAA,IACEC,KAAc,gBAAAI,EAAC,OAAA,EAAI,WAAYD,EAAO,YAAe,UAAAH,EAAA,CAAY;AAAA,EAAA,GACvE;AAAA,EACEC,KAAe,gBAAAG,EAAC,OAAA,EAAI,WAAYD,EAAO,aAAgB,UAAAF,EAAA,CAAa;AAAA,EAAA,CAC1E;"}

package/dist/super-list-header/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/super-list-header/index.js

@@ -1 +1,5 @@
-export{SuperListHeader}from"./component.js";import"react";import"../typography/component.js";import"../typography/text/component.js";import"classnames";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
+import { SuperListHeader as o } from "./component.js";
+export {
+  o as SuperListHeader
+};
+//# sourceMappingURL=index.js.map

package/dist/super-list-header/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/super-list-header/index.module.css

@@ -0,0 +1 @@
+.index-module_component__cofLq{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:40px;padding:var(--gap-xs) 0;box-sizing:border-box}.index-module_leftSide__qNA7Y{display:flex;align-items:center}.index-module_leftSide__qNA7Y .index-module_leftAddons__l-m-3{margin-left:var(--gap-s)}.index-module_rightAddons__m-u4n{min-width:104px;display:flex;justify-content:flex-end;margin-left:var(--gap-m)}

package/dist/super-list-header/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const d = "index-module_component__cofLq", e = "index-module_leftSide__qNA7Y", o = "index-module_leftAddons__l-m-3", n = "index-module_rightAddons__m-u4n", t = {
+  component: d,
+  leftSide: e,
+  leftAddons: o,
+  rightAddons: n
+};
+export {
+  d as component,
+  t as default,
+  o as leftAddons,
+  e as leftSide,
+  n as rightAddons
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/super-list-header/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}

package/dist/super-list-item/component.d.ts

@@ -1,14 +1,27 @@
-/// <reference types="react" />
-import React from 'react';
-interface SuperListItemProps {
+import { default as React } from 'react';
+export interface SuperListItemProps {
+    /** text */
     text: string;
+    /** rightAddons - Слот справа */
     rightAddons?: React.ReactNode | string;
+    /** leftAddons - Слот слева */
     leftAddons?: React.ReactNode;
+    /** color - цвет текста [secondary | negative] */
     color?: 'primary' | 'negative';
+    /** weight - толщина текста [bold | regular | medium] */
     weight?: 'bold' | 'regular' | 'medium';
+    /**
+     * disabled - дисаблед состояние
+     */
     disabled?: boolean;
+    /**
+     * Подсказка
+     */
     hint?: string;
+    /**
+     * className
+     */
     className?: string;
 }
-declare const SuperListItem: React.FC<SuperListItemProps>;
-export { SuperListItemProps, SuperListItem };
+/** Показывает заголовок списка и значение справа, которое может быть суммой всех нижестоящих значений в списке  */
+export declare const SuperListItem: React.FC<SuperListItemProps>;

package/dist/super-list-item/component.js

@@ -1 +1,29 @@
-import e from"react";import t from"classnames";import{Dot as o}from"../dot/component.js";import{Typography as r}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var i="index-module_component__2owJP",m="index-module_leftSide__dDCo_",a="index-module_content__24aXn",n="index-module_leftAddons__gqGvn",l="index-module_rightAddons__QpHoK",d=function(d){var c=d.text,s=d.rightAddons,p=d.leftAddons,v=d.color,g=void 0===v?"primary":v,_=d.disabled,x=d.className,y=d.weight,h=void 0===y?"regular":y,E=d.hint;return e.createElement("div",{className:t(i,x)},e.createElement("div",{className:m},p&&!_&&e.createElement("div",{className:n},p),_&&e.createElement("div",{className:n},e.createElement(o,{size:"sm",color:"grey"})),e.createElement("div",{className:a},e.createElement(r.Text,{weight:h,color:g,view:"title",tag:"div"},c),E&&e.createElement(r.Text,{color:"secondary",view:"caps",tag:"div"},E))),s&&e.createElement("div",{className:l},"string"==typeof s?e.createElement(r.Text,{weight:h,color:g,view:"title",tag:"div"},s):s))};export{d as SuperListItem};
+import { jsxs as t, jsx as e } from "react/jsx-runtime";
+import p from "classnames";
+import { Dot as v } from "../dot/component.js";
+import { Typography as c } from "../typography/component.js";
+import i from "./index.module.css.js";
+const g = ({
+  text: d,
+  rightAddons: r,
+  leftAddons: s,
+  color: l = "primary",
+  disabled: m,
+  className: n,
+  weight: o = "regular",
+  hint: a
+}) => /* @__PURE__ */ t("div", { className: p(i.component, n), children: [
+  /* @__PURE__ */ t("div", { className: i.leftSide, children: [
+    s && !m && /* @__PURE__ */ e("div", { className: i.leftAddons, children: s }),
+    m && /* @__PURE__ */ e("div", { className: i.leftAddons, children: /* @__PURE__ */ e(v, { size: "sm", color: "grey" }) }),
+    /* @__PURE__ */ t("div", { className: i.content, children: [
+      /* @__PURE__ */ e(c.Text, { weight: o, color: l, view: "title", tag: "div", children: d }),
+      a && /* @__PURE__ */ e(c.Text, { color: "secondary", view: "caps", tag: "div", children: a })
+    ] })
+  ] }),
+  r && /* @__PURE__ */ e("div", { className: i.rightAddons, children: typeof r == "string" ? /* @__PURE__ */ e(c.Text, { weight: o, color: l, view: "title", tag: "div", children: r }) : r })
+] });
+export {
+  g as SuperListItem
+};
+//# sourceMappingURL=component.js.map

package/dist/super-list-item/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/super-list-item/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Dot } from '../dot';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport interface SuperListItemProps {\n    /** text */\n    text: string;\n\n    /** rightAddons - Слот справа */\n    rightAddons?: React.ReactNode | string;\n\n    /** leftAddons - Слот слева */\n    leftAddons?: React.ReactNode;\n\n    /** color - цвет текста [secondary | negative] */\n    color?: 'primary' | 'negative';\n\n    /** weight - толщина текста [bold | regular | medium] */\n    weight?: 'bold' | 'regular' | 'medium';\n\n    /**\n     * disabled - дисаблед состояние\n     */\n    disabled?: boolean;\n    /**\n     * Подсказка\n     */\n    hint?: string;\n    /**\n     * className\n     */\n    className?: string;\n}\n\n/** Показывает заголовок списка и значение справа, которое может быть суммой всех нижестоящих значений в списке  */\n\nexport const SuperListItem: React.FC<SuperListItemProps> = ({\n    text,\n    rightAddons,\n    leftAddons,\n    color = 'primary',\n    disabled,\n    className,\n    weight = 'regular',\n    hint,\n}) => (\n    <div className={ cn(styles.component, className) }>\n        <div className={ styles.leftSide }>\n            { leftAddons && !disabled && (\n                <div className={ styles.leftAddons }>\n                    { leftAddons }\n                </div>\n            ) }\n\n            { disabled && (\n                <div className={ styles.leftAddons }>\n                    <Dot size=\"sm\" color=\"grey\" />\n                </div>\n            ) }\n            <div className={ styles.content }>\n                <Typography.Text weight={ weight } color={ color } view=\"title\" tag=\"div\">\n                    { text }\n                </Typography.Text>\n\n                { hint && (\n                    <Typography.Text color=\"secondary\" view=\"caps\" tag=\"div\">\n                        { hint }\n                    </Typography.Text>\n                ) }\n\n            </div>\n        </div>\n        { rightAddons && (\n            <div className={ styles.rightAddons }>{\n                typeof rightAddons === 'string' ? (\n                    <Typography.Text weight={ weight } color={ color } view=\"title\" tag=\"div\">\n                        { rightAddons }\n                    </Typography.Text>\n                ) : rightAddons\n            }\n            </div>\n        ) }\n    </div>\n);\n"],"names":["SuperListItem","text","rightAddons","leftAddons","color","disabled","className","weight","hint","cn","styles","jsxs","jsx","Dot","Typography"],"mappings":";;;;;AAwCO,MAAMA,IAA8C,CAAC;AAAA,EACxD,MAAAC;AAAA,EACA,aAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC,IAAQ;AAAA,EACR,UAAAC;AAAA,EACA,WAAAC;AAAA,EACA,QAAAC,IAAS;AAAA,EACT,MAAAC;AACJ,wBACK,OAAA,EAAI,WAAYC,EAAGC,EAAO,WAAWJ,CAAS,GAC3C,UAAA;AAAA,EAAA,gBAAAK,EAAC,OAAA,EAAI,WAAYD,EAAO,UAClB,UAAA;AAAA,IAAAP,KAAc,CAACE,KACb,gBAAAO,EAAC,SAAI,WAAYF,EAAO,YAClB,UAAAP,GACN;AAAA,IAGFE,KACE,gBAAAO,EAAC,OAAA,EAAI,WAAYF,EAAO,YACpB,UAAA,gBAAAE,EAACC,GAAA,EAAI,MAAK,MAAK,OAAM,OAAA,CAAO,GAChC;AAAA,IAEJ,gBAAAF,EAAC,OAAA,EAAI,WAAYD,EAAO,SACpB,UAAA;AAAA,MAAA,gBAAAE,EAACE,EAAW,MAAX,EAAgB,QAAAP,GAAkB,OAAAH,GAAgB,MAAK,SAAQ,KAAI,OAC9D,UAAAH,EAAA,CACN;AAAA,MAEEO,KACE,gBAAAI,EAACE,EAAW,MAAX,EAAgB,OAAM,aAAY,MAAK,QAAO,KAAI,OAC7C,UAAAN,EAAA,CACN;AAAA,IAAA,EAAA,CAGR;AAAA,EAAA,GACJ;AAAA,EACEN,uBACG,OAAA,EAAI,WAAYQ,EAAO,aACpB,UAAA,OAAOR,KAAgB,WACnB,gBAAAU,EAACE,EAAW,MAAX,EAAgB,QAAAP,GAAkB,OAAAH,GAAgB,MAAK,SAAQ,KAAI,OAC9D,UAAAF,EAAA,CACN,IACAA,EAAA,CAER;AAAA,EAAA,CAER;"}

package/dist/super-list-item/index.d.ts

@@ -1 +1 @@
-export * from "./component";
+export * from './component';

package/dist/super-list-item/index.js

@@ -1 +1,5 @@
-export{SuperListItem}from"./component.js";import"react";import"classnames";import"../dot/component.js";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
+import { SuperListItem as t } from "./component.js";
+export {
+  t as SuperListItem
+};
+//# sourceMappingURL=index.js.map

package/dist/super-list-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/super-list-item/index.module.css

@@ -0,0 +1 @@
+.index-module_component__exnSI{display:flex;align-items:flex-start;justify-content:space-between;width:100%;box-sizing:border-box}.index-module_leftSide__t9PJZ{display:flex;align-items:flex-start}.index-module_leftSide__t9PJZ .index-module_content__Z53Wl{display:flex;gap:2px;flex-direction:column}.index-module_leftSide__t9PJZ .index-module_leftAddons__AhXk-{position:relative;margin-right:4px;top:-2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.index-module_rightAddons__UjV9O{min-width:104px;display:flex;justify-content:flex-end;margin-left:var(--gap-m);text-align:right}

package/dist/super-list-item/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const n = "index-module_component__exnSI", e = "index-module_leftSide__t9PJZ", t = "index-module_content__Z53Wl", o = "index-module_leftAddons__AhXk-", d = "index-module_rightAddons__UjV9O", s = {
+  component: n,
+  leftSide: e,
+  content: t,
+  leftAddons: o,
+  rightAddons: d
+};
+export {
+  n as component,
+  t as content,
+  s as default,
+  o as leftAddons,
+  e as leftSide,
+  d as rightAddons
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/super-list-item/index.module.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;"}

package/dist/switch/component.d.ts

@@ -1,33 +1,85 @@
-/// <reference types="react" />
-import React from 'react';
-import { ChangeEvent, InputHTMLAttributes, ReactNode } from "react";
-type Align = 'start' | 'center';
-type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange'> & {
+import { default as React, ChangeEvent, InputHTMLAttributes, ReactNode } from 'react';
+declare type Align = 'start' | 'center';
+export declare type SwitchProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'type' | 'hint' | 'onChange'> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
     checked?: boolean;
+    /**
+     * Текст подписи к переключателю
+     */
     label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
     hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
     reversed?: boolean;
+    /**
+     * Выравнивание
+     */
     align?: Align;
+    /**
+     * Дополнительный слот
+     */
     addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
     block?: boolean;
+    /**
+     * Обработчик переключения компонента
+     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name: InputHTMLAttributes<HTMLInputElement>['name'];
     }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "hint"> & {
+export declare const Switch: React.ForwardRefExoticComponent<Omit<React.InputHTMLAttributes<HTMLInputElement>, "type" | "onChange" | "hint"> & {
+    /**
+     * Управление состоянием вкл/выкл компонента
+     */
     checked?: boolean | undefined;
+    /**
+     * Текст подписи к переключателю
+     */
     label?: ReactNode;
+    /**
+     * Текст подсказки снизу
+     */
     hint?: ReactNode;
+    /**
+     * Переключатель будет отрисован справа от контента
+     */
     reversed?: boolean | undefined;
+    /**
+     * Выравнивание
+     */
     align?: Align | undefined;
+    /**
+     * Дополнительный слот
+     */
     addons?: React.ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
     block?: boolean | undefined;
+    /**
+     * Обработчик переключения компонента
+     */
     onChange: (event: ChangeEvent<HTMLInputElement>, payload: {
         checked: boolean;
         name: InputHTMLAttributes<HTMLInputElement>['name'];
     }) => void;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { SwitchProps, Switch };
+export {};