@alphakits/ui 1.31.4 → 2.0.0

package/dist/portal/utils.js

@@ -1 +1,16 @@
-var e="escape-navigator-portal",t=function(){var t;return document.querySelectorAll("["+e+"]")[0]||((t=document.createElement("div")).setAttribute(e,""),document.body.appendChild(t),t)};function n(e,t){"function"==typeof e?e(t):e&&(e.current=t)}export{e as PORTAL_CONTAINER_ATTRIBUTE,t as getDefaultPortalContainer,n as setRef};
+const o = "escape-navigator-portal", n = () => {
+  const t = () => {
+    const e = document.createElement("div");
+    return e.setAttribute(o, ""), document.body.appendChild(e), e;
+  };
+  return document.querySelectorAll(`[${o}]`)[0] || t();
+};
+function c(t, e) {
+  typeof t == "function" ? t(e) : t && (t.current = e);
+}
+export {
+  o as PORTAL_CONTAINER_ATTRIBUTE,
+  n as getDefaultPortalContainer,
+  c as setRef
+};
+//# sourceMappingURL=utils.js.map

package/dist/portal/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/portal/utils.ts"],"sourcesContent":["import { MutableRefObject, RefObject } from 'react';\n\nexport const PORTAL_CONTAINER_ATTRIBUTE = 'escape-navigator-portal';\n\nexport const getDefaultPortalContainer = (): Element => {\n    const createRoot = () => {\n        const root = document.createElement('div');\n\n        root.setAttribute(PORTAL_CONTAINER_ATTRIBUTE, '');\n        document.body.appendChild(root);\n\n        return root;\n    };\n\n    return document.querySelectorAll(`[${PORTAL_CONTAINER_ATTRIBUTE}]`)[0] || createRoot();\n};\n\nexport function setRef<T>(\n    ref: RefObject<T> | ((instance: T | null) => void) | null | undefined,\n    value: T | null,\n): void {\n    if (typeof ref === 'function') {\n        ref(value);\n    } else if (ref) {\n        // eslint-disable-next-line no-param-reassign\n        (ref as MutableRefObject<T | null>).current = value;\n    }\n}\n"],"names":["PORTAL_CONTAINER_ATTRIBUTE","getDefaultPortalContainer","createRoot","root","setRef","ref","value"],"mappings":"AAEO,MAAMA,IAA6B,2BAE7BC,IAA4B,MAAe;AACpD,QAAMC,IAAa,MAAM;AACrB,UAAMC,IAAO,SAAS,cAAc,KAAK;AAEzC,WAAAA,EAAK,aAAaH,GAA4B,EAAE,GAChD,SAAS,KAAK,YAAYG,CAAI,GAEvBA;AAAA,EACX;AAEA,SAAO,SAAS,iBAAiB,IAAIH,CAA0B,GAAG,EAAE,CAAC,KAAKE,EAAA;AAC9E;AAEO,SAASE,EACZC,GACAC,GACI;AACJ,EAAI,OAAOD,KAAQ,aACfA,EAAIC,CAAK,IACFD,MAENA,EAAmC,UAAUC;AAEtD;"}

package/dist/progress-bar/component.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
-import React from 'react';
-type ProgressBarProps = {
+import { default as React } from 'react';
+export declare type ProgressBarProps = {
     value?: number;
     block?: boolean;
     renderValue?: boolean;
     className?: string;
     view?: 'multicolor' | 'negative' | 'positive' | 'accent' | 'secondary' | 'warning';
 };
-declare const ProgressBar: React.FC<ProgressBarProps>;
-export { ProgressBarProps, ProgressBar };
+export declare const ProgressBar: React.FC<ProgressBarProps>;

package/dist/progress-bar/component.js

@@ -1 +1,30 @@
-import e from"react";import o from"classnames";import{Typography as i}from"../typography/component.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";var r={progress_bar:"index-module_progress_bar__3nlr2",block:"index-module_block__2aONS",inner:"index-module_inner__z5AVV",indicator:"index-module_indicator__2ioud",multicolor:"index-module_multicolor__1ADvJ",_30:"index-module__30__1suFf",_60:"index-module__60__3eFsq",negative:"index-module_negative__6JYfz",positive:"index-module_positive__2XpHn",accent:"index-module_accent__3ZoIe",secondary:"index-module_secondary__146J-",warning:"index-module_warning__1gFQM"},t=function(t){var n,l,m=t.value,_=void 0===m?0:m,d=t.block,a=t.renderValue,c=void 0===a||a,s=t.className,p=void 0===s?"":s,u=t.view,v=void 0===u?"multicolor":u,x=Number(_)&&Number(_)>=0?_:0;return e.createElement("div",{className:o(r.progress_bar,p,(n={},n[r.block]=d,n))},e.createElement("div",{style:{width:x+"%"},className:o(r.indicator,r[v],(l={},l[r._30]=x>=30&&"multicolor"===v,l[r._60]=x>=60&&"multicolor"===v,l))}),c&&e.createElement("div",{className:r.inner},e.createElement(i.Text,{view:"title",weight:"medium",color:"primary"},(x>100?100:x)+" %")))};export{t as ProgressBar};
+import { jsxs as a, jsx as m } from "react/jsx-runtime";
+import s from "classnames";
+import { Typography as n } from "../typography/component.js";
+import r from "./index.module.css.js";
+const y = ({
+  value: t = 0,
+  block: e,
+  renderValue: l = !0,
+  className: c = "",
+  view: i = "multicolor"
+}) => {
+  const o = Number(t) && Number(t) >= 0 ? t : 0;
+  return /* @__PURE__ */ a("div", { className: s(r.progress_bar, c, { [r.block]: e }), children: [
+    /* @__PURE__ */ m(
+      "div",
+      {
+        style: { width: `${o}%` },
+        className: s(r.indicator, r[i], {
+          [r._30]: o >= 30 && i === "multicolor",
+          [r._60]: o >= 60 && i === "multicolor"
+        })
+      }
+    ),
+    l && /* @__PURE__ */ m("div", { className: r.inner, children: /* @__PURE__ */ m(n.Text, { view: "title", weight: "medium", color: "primary", children: `${o > 100 ? 100 : o} %` }) })
+  ] });
+};
+export {
+  y as ProgressBar
+};
+//# sourceMappingURL=component.js.map

package/dist/progress-bar/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/progress-bar/component.tsx"],"sourcesContent":["/* eslint-disable no-underscore-dangle */\nimport React from 'react';\nimport cn from 'classnames';\n\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport type ProgressBarProps = {\n    value?: number;\n    block?: boolean;\n    renderValue?: boolean;\n    className?: string;\n    view?: 'multicolor' | 'negative' | 'positive' | 'accent' | 'secondary' | 'warning';\n};\n\nexport const ProgressBar: React.FC<ProgressBarProps> = ({\n    value = 0,\n    block,\n    renderValue = true,\n    className = '',\n    view = 'multicolor',\n}) => {\n    const trustValue = Number(value) && Number(value) >= 0 ? value : 0;\n\n    return (\n        <div className={cn(styles.progress_bar, className, { [styles.block]: block })}>\n            <div\n                style={{ width: `${trustValue}%` }}\n                className={cn(styles.indicator, styles[view], {\n                    [styles._30]: trustValue >= 30 && view === 'multicolor',\n                    [styles._60]: trustValue >= 60 && view === 'multicolor',\n                })}\n            />\n            {renderValue && (\n                <div className={styles.inner}>\n                    <Typography.Text view='title' weight='medium' color='primary'>\n                        {`${trustValue > 100 ? 100 : trustValue} %`}\n                    </Typography.Text>\n                </div>\n            )}\n        </div>\n    );\n};\n"],"names":["ProgressBar","value","block","renderValue","className","view","trustValue","jsxs","cn","styles","jsx","Typography"],"mappings":";;;;AAgBO,MAAMA,IAA0C,CAAC;AAAA,EACpD,OAAAC,IAAQ;AAAA,EACR,OAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC,IAAY;AAAA,EACZ,MAAAC,IAAO;AACX,MAAM;AACF,QAAMC,IAAa,OAAOL,CAAK,KAAK,OAAOA,CAAK,KAAK,IAAIA,IAAQ;AAEjE,SACI,gBAAAM,EAAC,OAAA,EAAI,WAAWC,EAAGC,EAAO,cAAcL,GAAW,EAAE,CAACK,EAAO,KAAK,GAAGP,EAAA,CAAO,GACxE,UAAA;AAAA,IAAA,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAO,EAAE,OAAO,GAAGJ,CAAU,IAAA;AAAA,QAC7B,WAAWE,EAAGC,EAAO,WAAWA,EAAOJ,CAAI,GAAG;AAAA,UAC1C,CAACI,EAAO,GAAG,GAAGH,KAAc,MAAMD,MAAS;AAAA,UAC3C,CAACI,EAAO,GAAG,GAAGH,KAAc,MAAMD,MAAS;AAAA,QAAA,CAC9C;AAAA,MAAA;AAAA,IAAA;AAAA,IAEJF,uBACI,OAAA,EAAI,WAAWM,EAAO,OACnB,UAAA,gBAAAC,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,UAAS,OAAM,WAC/C,UAAA,GAAGL,IAAa,MAAM,MAAMA,CAAU,KAAA,CAC3C,EAAA,CACJ;AAAA,EAAA,GAER;AAER;"}

package/dist/progress-bar/index.d.ts

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

package/dist/progress-bar/index.js

@@ -1 +1,5 @@
-export{ProgressBar}from"./component.js";import"react";import"classnames";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";
+import { ProgressBar as e } from "./component.js";
+export {
+  e as ProgressBar
+};
+//# sourceMappingURL=index.js.map

package/dist/progress-bar/index.js.map

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

package/dist/progress-bar/index.module.css

@@ -0,0 +1 @@
+.index-module_progress_bar__IyWaN{height:36px;width:62px;min-width:62px;padding:3px;background-color:var(--color-bg-secondary);box-sizing:border-box;border-radius:12px;position:relative;overflow:hidden}.index-module_progress_bar__IyWaN.index-module_block__hDRE1{width:100%}.index-module_progress_bar__IyWaN.index-module_block__hDRE1 .index-module_inner__L-nUW{background-color:transparent}.index-module_progress_bar__IyWaN .index-module_inner__L-nUW{inset:3px;background-color:var(--color-bg-primary);border-radius:9px;display:flex;align-items:center;justify-content:center;position:absolute}.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P{position:absolute;left:0;top:0;bottom:0}.index-module_multicolor__m9mPD:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-negative)}.index-module_multicolor__m9mPD.index-module__30__6cywX:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-attention)}.index-module_multicolor__m9mPD.index-module__60__jXfAf:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-accent)}.index-module_negative__8XFWO:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-negative)}.index-module_positive__ikFFz:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-positive)}.index-module_accent__zSev5:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-accent)}.index-module_secondary__UTeRl:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-secondary-inverted)}.index-module_warning__vYomw:is(.index-module_progress_bar__IyWaN .index-module_indicator__F5x4P){background-color:var(--color-bg-attention)}

package/dist/progress-bar/index.module.css.js

@@ -0,0 +1,31 @@
+import './index.module.css';
+const e = "index-module_progress_bar__IyWaN", n = "index-module_block__hDRE1", o = "index-module_inner__L-nUW", _ = "index-module_indicator__F5x4P", i = "index-module_multicolor__m9mPD", c = "index-module__30__6cywX", d = "index-module__60__jXfAf", t = "index-module_negative__8XFWO", s = "index-module_positive__ikFFz", r = "index-module_accent__zSev5", l = "index-module_secondary__UTeRl", a = "index-module_warning__vYomw", m = {
+  progress_bar: e,
+  block: n,
+  inner: o,
+  indicator: _,
+  multicolor: i,
+  _30: c,
+  _60: d,
+  negative: t,
+  positive: s,
+  accent: r,
+  secondary: l,
+  warning: a
+};
+export {
+  c as _30,
+  d as _60,
+  r as accent,
+  n as block,
+  m as default,
+  _ as indicator,
+  o as inner,
+  i as multicolor,
+  t as negative,
+  s as positive,
+  e as progress_bar,
+  l as secondary,
+  a as warning
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/progress-bar/index.module.css.js.map

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

package/dist/progress-index/component.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
-import React from 'react';
-import { ProgressBarProps } from "../progress-bar/index";
-type ProgressIndexProps = {
+import { default as React } from 'react';
+import { ProgressBarProps } from '../progress-bar';
+export declare type ProgressIndexProps = {
     value: number;
     onClick?: () => void;
     title: string;
     subtitle?: string;
 } & Omit<ProgressBarProps, 'value'>;
-declare const ProgressIndex: React.FC<ProgressIndexProps>;
-export { ProgressIndexProps, ProgressIndex };
+export declare const ProgressIndex: React.FC<ProgressIndexProps>;

package/dist/progress-index/component.js

@@ -1 +1,21 @@
-import{__rest as e,__assign as t}from"tslib";import o from"react";import{ProgressBar as r}from"../progress-bar/component.js";import{Typography as i}from"../typography/component.js";import"classnames";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"../typography/title/component.js";var m="index-module_progress_index__1G7T4",l="index-module_text__1s7bQ",a=function(a){var n=a.onClick,p=a.value,s=a.title,c=a.subtitle,d=e(a,["onClick","value","title","subtitle"]);return o.createElement("button",{type:"button",onClick:n,disabled:!n,className:m},o.createElement("div",{className:l},o.createElement(i.Text,{tag:"div",view:"title",color:"primary",weight:"medium"},s),c&&o.createElement(i.Text,{tag:"div",view:"caps",color:"secondary",weight:"medium"},c)),o.createElement(r,t({value:p},d)))};export{a as ProgressIndex};
+import { jsxs as t, jsx as r } from "react/jsx-runtime";
+import { ProgressBar as p } from "../progress-bar/component.js";
+import { Typography as i } from "../typography/component.js";
+import s from "./index.module.css.js";
+const x = ({
+  onClick: e,
+  value: m,
+  title: d,
+  subtitle: o,
+  ...a
+}) => /* @__PURE__ */ t("button", { type: "button", onClick: e, disabled: !e, className: s.progress_index, children: [
+  /* @__PURE__ */ t("div", { className: s.text, children: [
+    /* @__PURE__ */ r(i.Text, { tag: "div", view: "title", color: "primary", weight: "medium", children: d }),
+    o && /* @__PURE__ */ r(i.Text, { tag: "div", view: "caps", color: "secondary", weight: "medium", children: o })
+  ] }),
+  /* @__PURE__ */ r(p, { value: m, ...a })
+] });
+export {
+  x as ProgressIndex
+};
+//# sourceMappingURL=component.js.map

package/dist/progress-index/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/progress-index/component.tsx"],"sourcesContent":["import React from 'react';\n\nimport { ProgressBar, ProgressBarProps } from '../progress-bar';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\nexport type ProgressIndexProps = {\n    value: number;\n    onClick?: () => void;\n    title: string;\n    subtitle?: string;\n} & Omit<ProgressBarProps, 'value'>;\n\nexport const ProgressIndex: React.FC<ProgressIndexProps> = ({\n    onClick,\n    value,\n    title,\n    subtitle,\n    ...progressBarProps\n}) => (\n    <button type='button' onClick={onClick} disabled={!onClick} className={styles.progress_index}>\n        <div className={styles.text}>\n            <Typography.Text tag='div' view='title' color='primary' weight='medium'>\n                {title}\n            </Typography.Text>\n            {subtitle && (\n                <Typography.Text tag='div' view='caps' color='secondary' weight='medium'>\n                    {subtitle}\n                </Typography.Text>\n            )}\n        </div>\n        <ProgressBar value={value} {...progressBarProps} />\n    </button>\n);\n"],"names":["ProgressIndex","onClick","value","title","subtitle","progressBarProps","jsxs","styles","jsx","Typography","ProgressBar"],"mappings":";;;;AAcO,MAAMA,IAA8C,CAAC;AAAA,EACxD,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,MACI,gBAAAC,EAAC,UAAA,EAAO,MAAK,UAAS,SAAAL,GAAkB,UAAU,CAACA,GAAS,WAAWM,EAAO,gBAC1E,UAAA;AAAA,EAAA,gBAAAD,EAAC,OAAA,EAAI,WAAWC,EAAO,MACnB,UAAA;AAAA,IAAA,gBAAAC,EAACC,EAAW,MAAX,EAAgB,KAAI,OAAM,MAAK,SAAQ,OAAM,WAAU,QAAO,UAC1D,UAAAN,EAAA,CACL;AAAA,IACCC,KACG,gBAAAI,EAACC,EAAW,MAAX,EAAgB,KAAI,OAAM,MAAK,QAAO,OAAM,aAAY,QAAO,UAC3D,UAAAL,EAAA,CACL;AAAA,EAAA,GAER;AAAA,EACA,gBAAAI,EAACE,GAAA,EAAY,OAAAR,GAAe,GAAGG,EAAA,CAAkB;AAAA,EAAA,CACrD;"}

package/dist/progress-index/index.d.ts

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

package/dist/progress-index/index.js

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

package/dist/progress-index/index.js.map

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

package/dist/progress-index/index.module.css

@@ -0,0 +1 @@
+.index-module_progress_index__ocqgT{padding:0 13px 0 16px;border:none;outline:none;height:60px;min-height:60px;width:100%;display:flex;align-items:center;justify-content:space-between;background:var(--color-bg-primary);border-radius:8px;margin-bottom:16px}.index-module_progress_index__ocqgT:not(:disabled){cursor:pointer}.index-module_progress_index__ocqgT .index-module_text__xbaIJ{text-align:left}

package/dist/progress-index/index.module.css.js

@@ -0,0 +1,11 @@
+import './index.module.css';
+const e = "index-module_progress_index__ocqgT", s = "index-module_text__xbaIJ", t = {
+  progress_index: e,
+  text: s
+};
+export {
+  t as default,
+  e as progress_index,
+  s as text
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/progress-index/index.module.css.js.map

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

package/dist/radio/component.d.ts

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

package/dist/radio/component.js

@@ -1 +1,66 @@
-import{__rest as e,__assign as a}from"tslib";import n,{forwardRef as d,useRef as l}from"react";import c from"react-merge-refs";import t from"classnames";import{useFocus as o}from"../hooks/useFocus/index.js";var s={container:"index-module_container__3wj9U",checked:"index-module_checked__2THO5",disabled:"index-module_disabled__nUlq9",circle:"index-module_circle__rCfxn",label:"index-module_label__2f22f",hint:"index-module_hint__2ljb7",focused:"index-module_focused__3gAAB",m:"index-module_m__2yr-A",s:"index-module_s__YbNuM",content:"index-module_content__H6xTw",start:"index-module_start__2IMae",center:"index-module_center__2EfOb",addons:"index-module_addons__vaTct",block:"index-module_block__sXKkt"},i=d((function(d,i){var m,r=d.onChange,_=d.className,u=d.name,b=d.disabled,x=d.dataTestId,h=d.label,f=d.checked,k=d.hint,p=d.size,N=void 0===p?"m":p,g=d.align,E=void 0===g?"center":g,v=d.addons,T=d.block,C=e(d,["onChange","className","name","disabled","dataTestId","label","checked","hint","size","align","addons","block"]),j=l(null),y=o(j,"keyboard")[0];return n.createElement("label",{className:t(s.container,s[N],s[E],_,(m={},m[s.disabled]=b,m[s.checked]=f,m[s.focused]=y,m[s.block]=T,m)),ref:c([j,i])},n.createElement("input",a({type:"radio",onChange:function(e){r&&r(e,{checked:e.target.checked,name:u})},"data-test-id":x,disabled:b,checked:f,name:u},C)),n.createElement("span",{className:s.circle}),n.createElement("span",{className:s.content},n.createElement("span",{className:s.label},h),k&&n.createElement("span",{className:s.hint},k)),v&&n.createElement("span",{className:s.addons},v))}));export{i as Radio};
+import { jsxs as i, jsx as s } from "react/jsx-runtime";
+import { forwardRef as x, useRef as y } from "react";
+import j from "react-merge-refs";
+import w from "classnames";
+import { useFocus as C } from "../hooks/useFocus/index.js";
+import e from "./index.module.css.js";
+const E = x(
+  ({
+    onChange: r,
+    className: d,
+    name: a,
+    disabled: c,
+    dataTestId: f,
+    label: p,
+    checked: o,
+    hint: l,
+    size: h = "m",
+    align: u = "center",
+    addons: n,
+    block: N,
+    ...b
+  }, R) => {
+    const t = y(null), [k] = C(t, "keyboard"), g = (m) => {
+      r && r(m, { checked: m.target.checked, name: a });
+    };
+    return (
+      // eslint-disable-next-line jsx-a11y/label-has-associated-control
+      /* @__PURE__ */ i(
+        "label",
+        {
+          className: w(e.container, e[h], e[u], d, {
+            [e.disabled]: c,
+            [e.checked]: o,
+            [e.focused]: k,
+            [e.block]: N
+          }),
+          ref: j([t, R]),
+          children: [
+            /* @__PURE__ */ s(
+              "input",
+              {
+                type: "radio",
+                onChange: g,
+                "data-test-id": f,
+                disabled: c,
+                checked: o,
+                name: a,
+                ...b
+              }
+            ),
+            /* @__PURE__ */ s("span", { className: e.circle }),
+            /* @__PURE__ */ i("span", { className: e.content, children: [
+              /* @__PURE__ */ s("span", { className: e.label, children: p }),
+              l && /* @__PURE__ */ s("span", { className: e.hint, children: l })
+            ] }),
+            n && /* @__PURE__ */ s("span", { className: e.addons, children: n })
+          ]
+        }
+      )
+    );
+  }
+);
+export {
+  E as Radio
+};
+//# sourceMappingURL=component.js.map

package/dist/radio/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/radio/component.tsx"],"sourcesContent":["import React, {\n    ChangeEvent, forwardRef, InputHTMLAttributes, ReactNode, useRef,\n} from 'react';\nimport mergeRefs from 'react-merge-refs';\nimport cn from 'classnames';\n\nimport { useFocus } from '../hooks/useFocus';\n\nimport styles from './index.module.css';\n\ntype NativeProps = InputHTMLAttributes<HTMLInputElement>;\ntype Align = 'start' | 'center';\n\nexport type RadioProps = Omit<\n    NativeProps,\n    'size' | 'type' | 'onChange' | 'checked' | 'disabled' | 'name' | 'className'\n> & {\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Текст подсказки снизу\n     */\n    hint?: ReactNode;\n\n    /**\n     * Текст подписи\n     */\n    label?: ReactNode;\n\n    /**\n     * Размер компонента\n     */\n    size?: 's' | 'm';\n\n    /**\n     * Управление состоянием отмечен/не отмечен\n     */\n    checked?: boolean;\n\n    /**\n     * Управление состоянием активен / не активен\n     */\n    disabled?: boolean;\n\n    /**\n     * Html аттрибут name инпута\n     */\n    name?: string;\n\n    /**\n     * Класс компонента\n     */\n    className?: string;\n\n    /**\n     * Выравнивание\n     */\n    align?: Align;\n\n    /**\n     * Дополнительный слот\n     */\n    addons?: React.ReactNode;\n\n    /**\n     * Растягивать ли компонент на всю ширину\n     */\n    block?: boolean;\n\n    /**\n     * Обработчик на выбор элемента\n     */\n    onChange: (\n        event: ChangeEvent<HTMLInputElement>,\n        payload: {\n            checked: boolean;\n            name?: string;\n        },\n    ) => void;\n};\n\nexport const Radio = forwardRef<HTMLLabelElement, RadioProps>(\n    (\n        {\n            onChange,\n            className,\n            name,\n            disabled,\n            dataTestId,\n            label,\n            checked,\n            hint,\n            size = 'm',\n            align = 'center',\n            addons,\n            block,\n            ...restProps\n        },\n        ref,\n    ) => {\n        const labelRef = useRef<HTMLLabelElement>(null);\n\n        const [focused] = useFocus(labelRef, 'keyboard');\n\n        const handleChange = (event: ChangeEvent<HTMLInputElement>) => {\n            if (onChange) {\n                onChange(event, { checked: event.target.checked, name });\n            }\n        };\n\n        return (\n            // eslint-disable-next-line jsx-a11y/label-has-associated-control\n            <label\n                className={ cn(styles.container, styles[size], styles[align], className, {\n                    [styles.disabled]: disabled,\n                    [styles.checked]: checked,\n                    [styles.focused]: focused,\n                    [styles.block]: block,\n                }) }\n                ref={ mergeRefs([labelRef, ref]) }\n            >\n                <input\n                    type=\"radio\"\n                    onChange={ handleChange }\n                    data-test-id={ dataTestId }\n                    disabled={ disabled }\n                    checked={ checked }\n                    name={ name }\n                    { ...restProps }\n                />\n                <span className={ styles.circle } />\n                <span className={ styles.content }>\n                    <span className={ styles.label }>{ label }</span>\n                    { hint && <span className={ styles.hint }>{ hint }</span> }\n                </span>\n                { addons && <span className={ styles.addons }>{ addons }</span> }\n            </label>\n        );\n    },\n);\n"],"names":["Radio","forwardRef","onChange","className","name","disabled","dataTestId","label","checked","hint","size","align","addons","block","restProps","ref","labelRef","useRef","focused","useFocus","handleChange","event","jsxs","cn","styles","mergeRefs","jsx"],"mappings":";;;;;;AAoFO,MAAMA,IAAQC;AAAA,EACjB,CACI;AAAA,IACI,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,MAAAC;AAAA,IACA,UAAAC;AAAA,IACA,YAAAC;AAAA,IACA,OAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,QAAAC;AAAA,IACA,OAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAWC,EAAyB,IAAI,GAExC,CAACC,CAAO,IAAIC,EAASH,GAAU,UAAU,GAEzCI,IAAe,CAACC,MAAyC;AAC3D,MAAInB,KACAA,EAASmB,GAAO,EAAE,SAASA,EAAM,OAAO,SAAS,MAAAjB,GAAM;AAAA,IAE/D;AAEA;AAAA;AAAA,MAEI,gBAAAkB;AAAA,QAAC;AAAA,QAAA;AAAA,UACG,WAAYC,EAAGC,EAAO,WAAWA,EAAOd,CAAI,GAAGc,EAAOb,CAAK,GAAGR,GAAW;AAAA,YACrE,CAACqB,EAAO,QAAQ,GAAGnB;AAAA,YACnB,CAACmB,EAAO,OAAO,GAAGhB;AAAA,YAClB,CAACgB,EAAO,OAAO,GAAGN;AAAA,YAClB,CAACM,EAAO,KAAK,GAAGX;AAAA,UAAA,CACnB;AAAA,UACD,KAAMY,EAAU,CAACT,GAAUD,CAAG,CAAC;AAAA,UAE/B,UAAA;AAAA,YAAA,gBAAAW;AAAA,cAAC;AAAA,cAAA;AAAA,gBACG,MAAK;AAAA,gBACL,UAAWN;AAAA,gBACX,gBAAed;AAAA,gBACf,UAAAD;AAAA,gBACA,SAAAG;AAAA,gBACA,MAAAJ;AAAA,gBACE,GAAGU;AAAA,cAAA;AAAA,YAAA;AAAA,YAET,gBAAAY,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAA,CAAS;AAAA,YAClC,gBAAAF,EAAC,QAAA,EAAK,WAAYE,EAAO,SACrB,UAAA;AAAA,cAAA,gBAAAE,EAAC,QAAA,EAAK,WAAYF,EAAO,OAAU,UAAAjB,GAAO;AAAA,cACxCE,KAAQ,gBAAAiB,EAAC,QAAA,EAAK,WAAYF,EAAO,MAAS,UAAAf,EAAA,CAAM;AAAA,YAAA,GACtD;AAAA,YACEG,KAAU,gBAAAc,EAAC,QAAA,EAAK,WAAYF,EAAO,QAAW,UAAAZ,EAAA,CAAQ;AAAA,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA;AAAA,EAGpE;AACJ;"}

package/dist/radio/index.d.ts

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

package/dist/radio/index.js

@@ -1 +1,5 @@
-export{Radio}from"./component.js";import"tslib";import"react";import"react-merge-refs";import"classnames";import"../hooks/useFocus/index.js";
+import { Radio as a } from "./component.js";
+export {
+  a as Radio
+};
+//# sourceMappingURL=index.js.map

package/dist/radio/index.js.map

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

package/dist/radio/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{--radio-hint-color: var(--color-text-secondary);--radio-label-color: var(--color-text-primary);--radio-bg-color: var(--color-graphic-primary-inverted);--radio-border-color: var(--color-graphic-secondary);--radio-hover-bg-color: var(--radio-bg-color);--radio-hover-border-color: color-mix(in srgb, var(--radio-border-color) 30%, white);--radio-active-bg-color: var(--radio-bg-color);--radio-active-border-color: color-mix(in srgb, var(--radio-border-color) 10%, white);--radio-checked-bg-color: var(--color-graphic-positive);--radio-checked-border-color: var(--color-graphic-positive);--radio-checked-hover-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 30%, white);--radio-checked-hover-border-color: var(--radio-checked-border-color);--radio-checked-active-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 10%, white);--radio-checked-active-border-color: var(--radio-checked-border-color);--radio-disabled-bg-color: var(--radio-bg-color);--radio-disabled-border-color: color-mix(in srgb, var(--radio-border-color) 50%, white);--radio-checked-disabled-bg-color: color-mix(in srgb, var(--radio-checked-bg-color) 50%, white);--radio-checked-disabled-border-color: color-mix(in srgb, var(--radio-checked-border-color) 50%, white)}.index-module_container__NjKG8{display:inline-flex;align-items:flex-start;cursor:pointer}.index-module_container__NjKG8:not(.index-module_checked__DggTk):not(.index-module_disabled__I93VR) .index-module_circle__IS2Pq{background-color:var(--radio-bg-color);border:1px solid var(--radio-border-color)}.index-module_container__NjKG8:not(.index-module_checked__DggTk):not(.index-module_disabled__I93VR):hover:not(:active) .index-module_circle__IS2Pq{background-color:var(--radio-hover-bg-color);border-color:var(--radio-hover-border-color)}.index-module_container__NjKG8:not(.index-module_checked__DggTk):not(.index-module_disabled__I93VR):active .index-module_circle__IS2Pq{background-color:var(--radio-active-bg-color);border-color:var(--radio-active-border-color)}.index-module_container__NjKG8.index-module_disabled__I93VR{cursor:var(--disabled-cursor)}.index-module_container__NjKG8.index-module_disabled__I93VR .index-module_label__P4KpD{color:color-mix(in srgb,var(--radio-label-color) 50%,white)}.index-module_container__NjKG8.index-module_disabled__I93VR .index-module_hint__jS9lo{color:color-mix(in srgb,var(--radio-hint-color) 50%,white)}.index-module_container__NjKG8.index-module_disabled__I93VR .index-module_circle__IS2Pq{background-color:var(--radio-disabled-bg-color);border:1px solid var(--radio-disabled-border-color)}.index-module_container__NjKG8.index-module_checked__DggTk:not(:active) .index-module_circle__IS2Pq:before,.index-module_container__NjKG8.index-module_checked__DggTk.index-module_disabled__I93VR:active .index-module_circle__IS2Pq:before{opacity:1}.index-module_container__NjKG8.index-module_checked__DggTk .index-module_circle__IS2Pq{background-color:var(--radio-checked-bg-color);border:1px solid var(--radio-checked-border-color)}.index-module_container__NjKG8.index-module_checked__DggTk:hover .index-module_circle__IS2Pq{background-color:var(--radio-checked-hover-bg-color);border-color:var(--radio-checked-hover-border-color)}.index-module_container__NjKG8.index-module_checked__DggTk:active .index-module_circle__IS2Pq{background-color:var(--radio-checked-active-bg-color);border-color:var(--radio-checked-active-border-color)}.index-module_container__NjKG8.index-module_focused__uweBa .index-module_circle__IS2Pq{outline:2px solid var(--focus-color);outline-offset:2px}.index-module_container__NjKG8.index-module_disabled__I93VR.index-module_checked__DggTk .index-module_circle__IS2Pq{background-color:var(--radio-checked-disabled-bg-color);border-color:var(--radio-checked-disabled-border-color)}.index-module_container__NjKG8 input{position:absolute;z-index:-1;opacity:0}.index-module_circle__IS2Pq{flex-shrink:0;width:16px;height:16px;box-sizing:border-box;border-radius:8px;position:relative;transition:background-color .2s ease,border .2s ease}.index-module_circle__IS2Pq:before{content:"";background-color:var(--color-bg-primary);position:absolute;width:6px;height:6px;border-radius:3px;margin:auto;inset:0;transition:opacity .2s ease;opacity:0}.index-module_m__LBuKe .index-module_circle__IS2Pq{width:20px;height:20px;border-radius:10px}.index-module_s__IS3y5 .index-module_circle__IS2Pq{margin-top:2px}.index-module_m__LBuKe .index-module_content__u8t0O{margin-left:calc(var(--gap-m) - 2px)}.index-module_s__IS3y5 .index-module_content__u8t0O{margin-left:var(--gap-s)}.index-module_content__u8t0O{display:flex;flex-direction:column}.index-module_start__rPJkZ{align-items:flex-start}.index-module_center__e5lXo{align-items:center}.index-module_addons__2cNoB{margin-left:auto;padding-left:var(--gap-m);line-height:24px}.index-module_block__Qhaf7{width:100%}.index-module_label__P4KpD{font-size:15px;line-height:20px;font-weight:500;font-family:var(--font-family);color:var(--radio-label-color)}.index-module_hint__jS9lo{font-size:13px;line-height:24px;font-weight:500;font-family:var(--font-family);color:var(--radio-hint-color)}

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

@@ -0,0 +1,35 @@
+import './index.module.css';
+const e = "index-module_container__NjKG8", n = "index-module_checked__DggTk", o = "index-module_disabled__I93VR", d = "index-module_circle__IS2Pq", c = "index-module_label__P4KpD", _ = "index-module_hint__jS9lo", t = "index-module_focused__uweBa", l = "index-module_m__LBuKe", s = "index-module_s__IS3y5", i = "index-module_content__u8t0O", u = "index-module_start__rPJkZ", a = "index-module_center__e5lXo", m = "index-module_addons__2cNoB", x = "index-module_block__Qhaf7", r = {
+  container: e,
+  checked: n,
+  disabled: o,
+  circle: d,
+  label: c,
+  hint: _,
+  focused: t,
+  m: l,
+  s,
+  content: i,
+  start: u,
+  center: a,
+  addons: m,
+  block: x
+};
+export {
+  m as addons,
+  x as block,
+  a as center,
+  n as checked,
+  d as circle,
+  e as container,
+  i as content,
+  r as default,
+  o as disabled,
+  t as focused,
+  _ as hint,
+  c as label,
+  l as m,
+  s,
+  u as start
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/radio-group/component.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { FlexColumnsProps } from "../flex-columns/index";
-type RadioGroupProps = <T>(props: {
+import { default as React } from 'react';
+import { FlexColumnsProps } from '../flex-columns';
+export declare type RadioGroupProps = <T>(props: {
     title?: string;
     subtitle?: string;
     selected: T;
@@ -14,5 +13,4 @@ type RadioGroupProps = <T>(props: {
     error?: string | null;
     view?: 'default' | 'tab';
 } & FlexColumnsProps) => React.ReactElement;
-declare const RadioGroup: RadioGroupProps;
-export { RadioGroupProps, RadioGroup };
+export declare const RadioGroup: RadioGroupProps;

package/dist/radio-group/component.js

@@ -1 +1,91 @@
-import e from"react";import t from"classnames";import{FlexColumns as o}from"../flex-columns/component.js";import{Radio as r}from"../radio/component.js";import{Typography as n}from"../typography/component.js";import"tslib";import"react-merge-refs";import"../hooks/useFocus/index.js";import"../typography/text/component.js";import"../colors.module-31cce552.js";import"../typography/title/index.js";import"../typography/title/component.js";var i="index-module_text__1xpOV",a="index-module_subtitle__1_nhZ",m="index-module_error__3a1A_",l="index-module_buttons_wrap__14ZXK",c="index-module_buttons_wrap_error__1Wgsl",d="index-module_button__14_DV",s="index-module_selected__3lxTQ",u=function(u){var p,_=u.title,g=u.subtitle,y=u.selected,v=u.data,x=void 0===v?[]:v,f=u.onChange,h=u.columns,k=void 0===h?1:h,w=u.gr,b=void 0===w?20:w,E=u.gc,j=void 0===E?20:E,T=u.dataTestId,N=u.error,C=u.view,I=void 0===C?"default":C,V=function(e){return T?"radio_"+T+"_"+e:"radio_"+e};return e.createElement("div",null,(_||g)&&e.createElement("div",{className:i},_&&e.createElement(n.Text,{tag:"div",view:"title",color:"primary",weight:"bold"},_),g&&e.createElement(n.Text,{className:a,tag:"div",view:"caps",color:"secondary",weight:"medium"},g)),"default"===I?e.createElement(o,{columns:k,gr:b,gc:j},null==x?void 0:x.map((function(t,o){return e.createElement(r,{key:t.key+t.content,dataTestId:V(o),onChange:function(){return f(t.key)},checked:t.key===y,label:t.content})}))):e.createElement(o,{columns:x.length,gc:0,gr:0,className:t(l,(p={},p[c]=!!N,p))},x.map((function(o){var r;return e.createElement("button",{type:"button",onClick:function(){return f(o.key)},key:o.key+o.content,className:t(d,(r={},r[s]=o.key===y,r))},e.createElement(n.Text,{view:"title",weight:"regular",color:o.key===y?"primary-inverted":"primary"},o.content))}))),!!N&&e.createElement(n.Text,{className:m,view:"caps",weight:"medium",color:"negative"},N))};export{u as RadioGroup};
+import { jsxs as p, jsx as r } from "react/jsx-runtime";
+import d from "classnames";
+import { FlexColumns as h } from "../flex-columns/component.js";
+import { Radio as f } from "../radio/component.js";
+import { Typography as i } from "../typography/component.js";
+import o from "./index.module.css.js";
+const j = ({
+  title: n,
+  subtitle: l,
+  selected: m,
+  data: t = [],
+  onChange: s,
+  columns: y = 1,
+  gr: u = 20,
+  gc: g = 20,
+  dataTestId: a,
+  error: c,
+  view: v = "default"
+}) => {
+  const w = (e) => a ? `radio_${a}_${e}` : `radio_${e}`;
+  return /* @__PURE__ */ p("div", { children: [
+    (n || l) && /* @__PURE__ */ p("div", { className: o.text, children: [
+      n && /* @__PURE__ */ r(i.Text, { tag: "div", view: "title", color: "primary", weight: "bold", children: n }),
+      l && /* @__PURE__ */ r(
+        i.Text,
+        {
+          className: o.subtitle,
+          tag: "div",
+          view: "caps",
+          color: "secondary",
+          weight: "medium",
+          children: l
+        }
+      )
+    ] }),
+    v === "default" ? /* @__PURE__ */ r(h, { columns: y, gr: u, gc: g, children: t == null ? void 0 : t.map((e, k) => /* @__PURE__ */ r(
+      f,
+      {
+        dataTestId: w(k),
+        onChange: () => s(e.key),
+        checked: e.key === m,
+        label: e.content
+      },
+      e.key + e.content
+    )) }) : /* @__PURE__ */ r(
+      h,
+      {
+        columns: t.length,
+        gc: 0,
+        gr: 0,
+        className: d(o.buttons_wrap, {
+          [o.buttons_wrap_error]: !!c
+        }),
+        children: t.map((e) => /* @__PURE__ */ r(
+          "button",
+          {
+            type: "button",
+            onClick: () => s(e.key),
+            className: d(o.button, {
+              [o.selected]: e.key === m
+            }),
+            children: /* @__PURE__ */ r(
+              i.Text,
+              {
+                view: "title",
+                weight: "regular",
+                color: e.key === m ? "primary-inverted" : "primary",
+                children: e.content
+              }
+            )
+          },
+          e.key + e.content
+        ))
+      }
+    ),
+    !!c && /* @__PURE__ */ r(
+      i.Text,
+      {
+        className: o.error,
+        view: "caps",
+        weight: "medium",
+        color: "negative",
+        children: c
+      }
+    )
+  ] });
+};
+export {
+  j as RadioGroup
+};
+//# sourceMappingURL=component.js.map