@alphakits/ui 1.31.5 → 2.0.1

package/dist/calendar-input/utils.d.ts

@@ -1,9 +1,11 @@
-declare const DATE_FORMAT = "dd.MM.yyyy";
-declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
-declare const DATE_MASK: (string | RegExp)[];
-declare const IS_BROWSER: boolean;
-declare const SUPPORTS_INPUT_TYPE_DATE: boolean;
-declare const isCompleteDateInput: (input: string) => boolean;
-declare const parseDateString: (value: string, dateFormat?: string) => Date;
-declare function isInputDateSupported(): boolean;
-export { DATE_FORMAT, NATIVE_DATE_FORMAT, DATE_MASK, IS_BROWSER, SUPPORTS_INPUT_TYPE_DATE, isCompleteDateInput, parseDateString, isInputDateSupported };
+export declare const DATE_FORMAT = "dd.MM.yyyy";
+export declare const NATIVE_DATE_FORMAT = "yyyy-MM-dd";
+export declare const DATE_MASK: (string | RegExp)[];
+export declare const IS_BROWSER: boolean;
+export declare const SUPPORTS_INPUT_TYPE_DATE: boolean;
+export declare const isCompleteDateInput: (input: string) => boolean;
+export declare const parseDateString: (value: string, dateFormat?: string) => Date;
+/**
+ * Возвращает `true`, если поддерживается `input[type="date"]`
+ */
+export declare function isInputDateSupported(): boolean;

package/dist/calendar-input/utils.js

@@ -1 +1,17 @@
-import{parse as t}from"date-fns";var e="dd.MM.yyyy",d="yyyy-MM-dd",n=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],r="undefined"!=typeof window,u=r&&o(),a=function(t){return t.length===n.length},i=function(d,n){return void 0===n&&(n=e),t(d,n,new Date)};function o(){var t=document.createElement("input");return t.setAttribute("type","date"),t.setAttribute("value","a"),"a"!==t.value}export{e as DATE_FORMAT,n as DATE_MASK,r as IS_BROWSER,d as NATIVE_DATE_FORMAT,u as SUPPORTS_INPUT_TYPE_DATE,a as isCompleteDateInput,o as isInputDateSupported,i as parseDateString};
+import { parse as n } from "../utils/date/index.js";
+const d = "dd.MM.yyyy", c = "yyyy-MM-dd", o = [/\d/, /\d/, ".", /\d/, /\d/, ".", /\d/, /\d/, /\d/, /\d/], s = typeof window != "undefined", r = s && u(), a = (t) => t.length === o.length, i = (t, e = d) => n(t, e);
+function u() {
+  const t = document.createElement("input"), e = "a";
+  return t.setAttribute("type", "date"), t.setAttribute("value", e), t.value !== e;
+}
+export {
+  d as DATE_FORMAT,
+  o as DATE_MASK,
+  s as IS_BROWSER,
+  c as NATIVE_DATE_FORMAT,
+  r as SUPPORTS_INPUT_TYPE_DATE,
+  a as isCompleteDateInput,
+  u as isInputDateSupported,
+  i as parseDateString
+};
+//# sourceMappingURL=utils.js.map

package/dist/calendar-input/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../src/calendar-input/utils.ts"],"sourcesContent":["import { parse } from '../utils/date';\n\nexport const DATE_FORMAT = 'dd.MM.yyyy';\nexport const NATIVE_DATE_FORMAT = 'yyyy-MM-dd';\nexport const DATE_MASK = [/\\d/, /\\d/, '.', /\\d/, /\\d/, '.', /\\d/, /\\d/, /\\d/, /\\d/];\nexport const IS_BROWSER = typeof window !== 'undefined';\nexport const SUPPORTS_INPUT_TYPE_DATE = IS_BROWSER && isInputDateSupported();\n\nexport const isCompleteDateInput = (input: string) => input.length === DATE_MASK.length;\n\nexport const parseDateString = (value: string, dateFormat = DATE_FORMAT) =>\n    parse(value, dateFormat, new Date());\n\n/**\n * Возвращает `true`, если поддерживается `input[type=\"date\"]`\n */\nexport function isInputDateSupported() {\n    const input = document.createElement('input');\n    const value = 'a';\n\n    input.setAttribute('type', 'date');\n    input.setAttribute('value', value);\n\n    return input.value !== value;\n}\n"],"names":["DATE_FORMAT","NATIVE_DATE_FORMAT","DATE_MASK","IS_BROWSER","SUPPORTS_INPUT_TYPE_DATE","isInputDateSupported","isCompleteDateInput","input","parseDateString","value","dateFormat","parse"],"mappings":";AAEO,MAAMA,IAAc,cACdC,IAAqB,cACrBC,IAAY,CAAC,MAAM,MAAM,KAAK,MAAM,MAAM,KAAK,MAAM,MAAM,MAAM,IAAI,GACrEC,IAAa,OAAO,UAAW,aAC/BC,IAA2BD,KAAcE,EAAA,GAEzCC,IAAsB,CAACC,MAAkBA,EAAM,WAAWL,EAAU,QAEpEM,IAAkB,CAACC,GAAeC,IAAaV,MACxDW,EAAMF,GAAOC,CAAsB;AAKhC,SAASL,IAAuB;AACnC,QAAME,IAAQ,SAAS,cAAc,OAAO,GACtCE,IAAQ;AAEd,SAAAF,EAAM,aAAa,QAAQ,MAAM,GACjCA,EAAM,aAAa,SAASE,CAAK,GAE1BF,EAAM,UAAUE;AAC3B;"}

package/dist/card/component.d.ts

@@ -1,6 +1,5 @@
-/// <reference types="react" />
-import React from 'react';
-interface CardProps {
+import { default as React } from 'react';
+export interface CardProps {
     view?: 'default' | 'compact' | 'full';
     title?: string;
     subtitle?: string;
@@ -10,5 +9,4 @@ interface CardProps {
     imagesAddons?: React.ReactNode;
     orientation?: 'vertival' | 'horizontal';
 }
-declare const Card: React.FC<CardProps>;
-export { CardProps, Card };
+export declare const Card: React.FC<CardProps>;

package/dist/card/component.js

@@ -1 +1,54 @@
-import t from"react";import e from"classnames";import{Typography as o}from"../typography/component.js";import{CardImages as i}from"./images/index.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"tslib";import"../typography/title/component.js";import"../image/image-base.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";var m={component:"index-module_component__3PnQP",full:"index-module_full__12Sb8",titleWrap:"index-module_titleWrap__3UvvS",content:"index-module_content__sjkL_"},n=function(n){var r=n.view,a=void 0===r?"default":r,s=n.bottomAddons,p=n.images,l=void 0===p?[]:p,c=n.orientation,d=void 0===c?"horizontal":c,g=n.title,u=n.subtitle,v=n.titleAddons;return t.createElement("div",{className:e([m.component,m[a]])},!!l.length&&t.createElement(i,{orientation:d,images:l,view:a}),t.createElement("div",{className:m.content},t.createElement("div",{className:m.titleWrap},t.createElement(o.Text,{view:"title",color:"primary",weight:"medium",tag:"div"},g),v),t.createElement(o.Text,{weight:"medium",view:"caps",tag:"div",className:m.subtitle,color:"secondary"},u),s))};export{n as Card};
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import n from "classnames";
+import { Typography as m } from "../typography/component.js";
+import { CardImages as p } from "./images/index.js";
+import e from "./index.module.css.js";
+const y = ({
+  view: i = "default",
+  bottomAddons: a,
+  images: o = [],
+  orientation: l = "horizontal",
+  title: c,
+  subtitle: s,
+  titleAddons: d
+}) => /* @__PURE__ */ r("div", { className: n([e.component, e[i]]), children: [
+  !!o.length && /* @__PURE__ */ t(
+    p,
+    {
+      orientation: l,
+      images: o,
+      view: i
+    }
+  ),
+  /* @__PURE__ */ r("div", { className: e.content, children: [
+    /* @__PURE__ */ r("div", { className: e.titleWrap, children: [
+      /* @__PURE__ */ t(
+        m.Text,
+        {
+          view: "title",
+          color: "primary",
+          weight: "medium",
+          tag: "div",
+          children: c
+        }
+      ),
+      d
+    ] }),
+    /* @__PURE__ */ t(
+      m.Text,
+      {
+        weight: "medium",
+        view: "caps",
+        tag: "div",
+        className: e.subtitle,
+        color: "secondary",
+        children: s
+      }
+    ),
+    a
+  ] })
+] });
+export {
+  y as Card
+};
+//# sourceMappingURL=component.js.map

package/dist/card/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/card/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Typography } from '../typography';\n\nimport { CardImages } from './images';\n\nimport styles from './index.module.css';\n\nexport interface CardProps {\n    view?: 'default' | 'compact' | 'full';\n    title?: string;\n    subtitle?: string;\n    images?: string[];\n    bottomAddons?: React.ReactNode;\n    titleAddons?: React.ReactNode;\n    imagesAddons?: React.ReactNode;\n    orientation?: 'vertival' | 'horizontal';\n}\n\nexport const Card: React.FC<CardProps> = ({\n    view = 'default',\n    bottomAddons,\n    images = [],\n    orientation = 'horizontal',\n    title,\n    subtitle,\n    titleAddons,\n}) => (\n    <div className={ cn([styles.component, styles[view]]) }>\n        { !!images.length && (\n            <CardImages\n                orientation={ orientation }\n                images={ images }\n                view={ view }\n            />\n        ) }\n\n        <div className={ styles.content }>\n            <div className={ styles.titleWrap }>\n                <Typography.Text\n                    view=\"title\"\n                    color=\"primary\"\n                    weight=\"medium\"\n                    tag=\"div\"\n                >\n                    { title }\n                </Typography.Text>\n                { titleAddons }\n            </div>\n\n            <Typography.Text\n                weight=\"medium\"\n                view=\"caps\"\n                tag=\"div\"\n                className={ styles.subtitle }\n                color=\"secondary\"\n            >\n                { subtitle }\n            </Typography.Text>\n\n            { bottomAddons }\n\n        </div>\n    </div>\n);\n"],"names":["Card","view","bottomAddons","images","orientation","title","subtitle","titleAddons","jsxs","cn","styles","jsx","CardImages","Typography"],"mappings":";;;;;AAoBO,MAAMA,IAA4B,CAAC;AAAA,EACtC,MAAAC,IAAO;AAAA,EACP,cAAAC;AAAA,EACA,QAAAC,IAAS,CAAA;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,aAAAC;AACJ,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAG,CAACC,EAAO,WAAWA,EAAOT,CAAI,CAAC,CAAC,GAC9C,UAAA;AAAA,EAAA,CAAC,CAACE,EAAO,UACP,gBAAAQ;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,aAAAR;AAAA,MACA,QAAAD;AAAA,MACA,MAAAF;AAAA,IAAA;AAAA,EAAA;AAAA,EAIR,gBAAAO,EAAC,OAAA,EAAI,WAAYE,EAAO,SACpB,UAAA;AAAA,IAAA,gBAAAF,EAAC,OAAA,EAAI,WAAYE,EAAO,WACpB,UAAA;AAAA,MAAA,gBAAAC;AAAA,QAACE,EAAW;AAAA,QAAX;AAAA,UACG,MAAK;AAAA,UACL,OAAM;AAAA,UACN,QAAO;AAAA,UACP,KAAI;AAAA,UAEF,UAAAR;AAAA,QAAA;AAAA,MAAA;AAAA,MAEJE;AAAA,IAAA,GACN;AAAA,IAEA,gBAAAI;AAAA,MAACE,EAAW;AAAA,MAAX;AAAA,QACG,QAAO;AAAA,QACP,MAAK;AAAA,QACL,KAAI;AAAA,QACJ,WAAYH,EAAO;AAAA,QACnB,OAAM;AAAA,QAEJ,UAAAJ;AAAA,MAAA;AAAA,IAAA;AAAA,IAGJJ;AAAA,EAAA,EAAA,CAEN;AAAA,EAAA,CACJ;"}

package/dist/card/images/index.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-import React from 'react';
-import { CardProps } from "../component";
-declare const CardImages: React.FC<Pick<CardProps, 'images' | 'orientation' | 'view'>>;
-export { CardImages };
+import { default as React } from 'react';
+import { CardProps } from '../component';
+export declare const CardImages: React.FC<Pick<CardProps, 'images' | 'orientation' | 'view'>>;

package/dist/card/images/index.js

@@ -1 +1,13 @@
-import t from"react";import o from"classnames";import{ImageBase as e}from"../../image/image-base.js";import"../../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../../spinner/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"../../image/types.js";import"../../image/utils.js";var i={container:"index-module_container__2U9Es",content:"index-module_content__2xV1i",full:"index-module_full__273IY",vertical:"index-module_vertical__14AyS",horizontal:"index-module_horizontal__20kzV"},n=function(n){var r=n.images,m=void 0===r?[]:r,a=n.orientation,p=void 0===a?"horizontal":a,s=n.view,l=void 0===s?"default":s;return t.createElement("div",{className:o([i[p],i.container])},t.createElement("div",{className:o([i.content,i[l]])},t.createElement(e,{src:m[0]})))};export{n as CardImages};
+import { jsx as o } from "react/jsx-runtime";
+import e from "classnames";
+import { ImageBase as s } from "../../image/image-base.js";
+import r from "./index.module.css.js";
+const d = ({
+  images: m = [],
+  orientation: t = "horizontal",
+  view: a = "default"
+}) => /* @__PURE__ */ o("div", { className: e([r[t], r.container]), children: /* @__PURE__ */ o("div", { className: e([r.content, r[a]]), children: /* @__PURE__ */ o(s, { src: m[0] }) }) });
+export {
+  d as CardImages
+};
+//# sourceMappingURL=index.js.map

package/dist/card/images/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/card/images/index.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { ImageBase } from '../../image/image-base';\nimport { CardProps } from '../component';\n\nimport styles from './index.module.css';\n\nexport const CardImages: React.FC<Pick<CardProps, 'images' | 'orientation' | 'view'>> = ({\n    images = [],\n    orientation = 'horizontal',\n    view = 'default',\n}) => (\n    <div className={ cn([styles[orientation], styles.container]) }>\n        <div className={ cn([styles.content, styles[view]]) }>\n\n            <ImageBase src={ images[0] } />\n        </div>\n    </div>\n);\n"],"names":["CardImages","images","orientation","view","jsx","cn","styles","ImageBase"],"mappings":";;;;AAQO,MAAMA,IAA2E,CAAC;AAAA,EACrF,QAAAC,IAAS,CAAA;AAAA,EACT,aAAAC,IAAc;AAAA,EACd,MAAAC,IAAO;AACX,MACI,gBAAAC,EAAC,OAAA,EAAI,WAAYC,EAAG,CAACC,EAAOJ,CAAW,GAAGI,EAAO,SAAS,CAAC,GACvD,4BAAC,OAAA,EAAI,WAAYD,EAAG,CAACC,EAAO,SAASA,EAAOH,CAAI,CAAC,CAAC,GAE9C,UAAA,gBAAAC,EAACG,GAAA,EAAU,KAAMN,EAAO,CAAC,EAAA,CAAI,GACjC,EAAA,CACJ;"}

package/dist/card/images/index.module.css

@@ -0,0 +1 @@
+.index-module_container__Mgsi8{position:relative;width:100%}.index-module_content__kPkqx{border-radius:8px 8px 0 0;overflow:hidden;position:absolute;inset:-1px -1px 0}.index-module_content__kPkqx.index-module_full__0jSVz>*{border-radius:8px}.index-module_vertical__dSwj7{height:350px}.index-module_horizontal__vc5Qw{height:200px}

package/dist/card/images/index.module.css.js

@@ -0,0 +1,17 @@
+import './index.module.css';
+const n = "index-module_container__Mgsi8", o = "index-module_content__kPkqx", t = "index-module_full__0jSVz", e = "index-module_vertical__dSwj7", l = "index-module_horizontal__vc5Qw", c = {
+  container: n,
+  content: o,
+  full: t,
+  vertical: e,
+  horizontal: l
+};
+export {
+  n as container,
+  o as content,
+  c as default,
+  t as full,
+  l as horizontal,
+  e as vertical
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/card/images/index.module.css.js.map

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

package/dist/card/index.d.ts

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

package/dist/card/index.js

@@ -1 +1,5 @@
-export{Card}from"./component.js";import"react";import"classnames";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"./images/index.js";import"../image/image-base.js";import"../use-image-render-component-9bd646ff.js";import"@alphakits/icons/dist/PhotoM";import"@alphakits/icons/dist/PhotoS";import"../spinner/component.js";import"../image/types.js";import"../image/utils.js";
+import { Card as a } from "./component.js";
+export {
+  a as Card
+};
+//# sourceMappingURL=index.js.map

package/dist/card/index.js.map

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

package/dist/card/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)}.index-module_component__ovb41{width:300px;border-radius:8px;border:1px solid var(--color-border-primary);position:relative}.index-module_component__ovb41.index-module_full__mqhKr{padding:8px}.index-module_titleWrap__UsXkt{display:flex;align-items:center;justify-content:space-between}.index-module_content__taI9l{padding:16px}

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

@@ -0,0 +1,15 @@
+import './index.module.css';
+const t = "index-module_component__ovb41", n = "index-module_full__mqhKr", e = "index-module_titleWrap__UsXkt", o = "index-module_content__taI9l", l = {
+  component: t,
+  full: n,
+  titleWrap: e,
+  content: o
+};
+export {
+  t as component,
+  o as content,
+  l as default,
+  n as full,
+  e as titleWrap
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/cell/base/component.d.ts

@@ -1,13 +1,17 @@
-/// <reference types="react" />
-import React from 'react';
-import { PureProps } from "../pure/component";
-type BaseProps = {
+import { default as React } from 'react';
+import { PureProps } from '../pure/component';
+export declare type BaseProps = {
+    /** Заголовок */
     title?: React.ReactNode;
+    /** Подзаголовок */
     subtitle?: React.ReactNode;
+    /** Css-класс для стилизации */
     className?: string;
+    /** Размер ячейки */
     size?: PureProps['size'];
+    /** Id компонента для тестов */
     dataTestId?: string;
+    /** addon - контейнер для фото или иконки */
     addon?: React.ReactNode;
 };
-declare const Base: React.FC<BaseProps>;
-export { BaseProps, Base };
+export declare const Base: React.FC<BaseProps>;

package/dist/cell/base/component.js

@@ -1 +1,57 @@
-import e,{useRef as t}from"react";import o from"classnames";import{getDataTestId as m}from"../../__internal/utils/getDataTestId.js";import{useFocus as r}from"../../hooks/useFocus/index.js";import{Typography as i}from"../../typography/component.js";import{Pure as a}from"../pure/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 s="index-module_component__2592K",l="index-module_title__3aV9N",n="index-module_subtitle__1qfeh",p="index-module_focused__1vVeT",c=function(c){var d,u=c.className,_=c.dataTestId,x=c.title,y=c.subtitle,f=c.size,g=void 0===f?"m":f,h=c.addon,j=t(null),v=r(j,"keyboard")[0];return e.createElement(a,{slot:h,className:o(s,(d={},d[p]=v,d),u),dataTestId:m("cell-action",_,!0),tabIndex:0,size:g,ref:j},e.createElement(e.Fragment,null,x&&e.createElement(i.Text,{view:"title",color:"primary",weight:"medium",tag:"div",className:l},x),y&&e.createElement(i.Text,{weight:"medium",view:"caps",tag:"div",className:n,color:"secondary"},y)))};export{c as Base};
+import { jsx as o, jsxs as l } from "react/jsx-runtime";
+import p, { useRef as f } from "react";
+import u from "classnames";
+import { getDataTestId as g } from "../../__internal/utils/getDataTestId.js";
+import { useFocus as h } from "../../hooks/useFocus/index.js";
+import { Typography as s } from "../../typography/component.js";
+import { Pure as x } from "../pure/component.js";
+import e from "./index.module.css.js";
+const j = ({
+  className: c,
+  dataTestId: i,
+  title: t,
+  subtitle: r,
+  size: a = "m",
+  addon: n
+}) => {
+  const m = f(null), [d] = h(m, "keyboard");
+  return /* @__PURE__ */ o(
+    x,
+    {
+      slot: n,
+      className: u(e.component, { [e.focused]: d }, c),
+      dataTestId: g("cell-action", i, !0),
+      tabIndex: 0,
+      size: a,
+      ref: m,
+      children: /* @__PURE__ */ l(p.Fragment, { children: [
+        t && /* @__PURE__ */ o(
+          s.Text,
+          {
+            view: "title",
+            color: "primary",
+            weight: "medium",
+            tag: "div",
+            className: e.title,
+            children: t
+          }
+        ),
+        r && /* @__PURE__ */ o(
+          s.Text,
+          {
+            weight: "medium",
+            view: "caps",
+            tag: "div",
+            className: e.subtitle,
+            color: "secondary",
+            children: r
+          }
+        )
+      ] })
+    }
+  );
+};
+export {
+  j as Base
+};
+//# sourceMappingURL=component.js.map

package/dist/cell/base/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/cell/base/component.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '../../__internal/utils';\nimport { useFocus } from '../../hooks/useFocus';\nimport { Typography } from '../../typography';\nimport { Pure, PureProps } from '../pure/component';\n\nimport styles from './index.module.css';\n\nexport type BaseProps = {\n    /** Заголовок */\n    title?: React.ReactNode;\n    /** Подзаголовок */\n    subtitle?: React.ReactNode;\n    /** Css-класс для стилизации */\n    className?: string;\n    /** Размер ячейки */\n    size?: PureProps['size'];\n    /** Id компонента для тестов */\n    dataTestId?: string;\n\n    /** addon - контейнер для фото или иконки */\n    addon?: React.ReactNode;\n};\n\nexport const Base: React.FC<BaseProps> = ({\n    className,\n    dataTestId,\n    title,\n    subtitle,\n    size = 'm',\n    addon,\n}) => {\n    const componentRef = useRef<HTMLDivElement>(null);\n    const [focused] = useFocus(componentRef, 'keyboard');\n\n    return (\n        <Pure\n            slot={ addon }\n            className={ cn(styles.component, { [styles.focused]: focused }, className) }\n            dataTestId={ getDataTestId('cell-action', dataTestId, true) }\n            tabIndex={ 0 }\n            size={ size }\n            ref={ componentRef }\n        >\n            <React.Fragment>\n                { title && (\n                    <Typography.Text\n                        view=\"title\"\n                        color=\"primary\"\n                        weight=\"medium\"\n                        tag=\"div\"\n                        className={ styles.title }\n                    >\n                        { title }\n                    </Typography.Text>\n                ) }\n                { subtitle && (\n                    <Typography.Text\n                        weight=\"medium\"\n                        view=\"caps\"\n                        tag=\"div\"\n                        className={ styles.subtitle }\n                        color=\"secondary\"\n                    >\n                        { subtitle }\n                    </Typography.Text>\n                ) }\n            </React.Fragment>\n        </Pure>\n    );\n};\n"],"names":["Base","className","dataTestId","title","subtitle","size","addon","componentRef","useRef","focused","useFocus","jsx","Pure","cn","styles","getDataTestId","jsxs","React","Typography"],"mappings":";;;;;;;;AA0BO,MAAMA,IAA4B,CAAC;AAAA,EACtC,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,MAAAC,IAAO;AAAA,EACP,OAAAC;AACJ,MAAM;AACF,QAAMC,IAAeC,EAAuB,IAAI,GAC1C,CAACC,CAAO,IAAIC,EAASH,GAAc,UAAU;AAEnD,SACI,gBAAAI;AAAA,IAACC;AAAA,IAAA;AAAA,MACG,MAAON;AAAA,MACP,WAAYO,EAAGC,EAAO,WAAW,EAAE,CAACA,EAAO,OAAO,GAAGL,EAAA,GAAWR,CAAS;AAAA,MACzE,YAAac,EAAc,eAAeb,GAAY,EAAI;AAAA,MAC1D,UAAW;AAAA,MACX,MAAAG;AAAA,MACA,KAAME;AAAA,MAEN,UAAA,gBAAAS,EAACC,EAAM,UAAN,EACK,UAAA;AAAA,QAAAd,KACE,gBAAAQ;AAAA,UAACO,EAAW;AAAA,UAAX;AAAA,YACG,MAAK;AAAA,YACL,OAAM;AAAA,YACN,QAAO;AAAA,YACP,KAAI;AAAA,YACJ,WAAYJ,EAAO;AAAA,YAEjB,UAAAX;AAAA,UAAA;AAAA,QAAA;AAAA,QAGRC,KACE,gBAAAO;AAAA,UAACO,EAAW;AAAA,UAAX;AAAA,YACG,QAAO;AAAA,YACP,MAAK;AAAA,YACL,KAAI;AAAA,YACJ,WAAYJ,EAAO;AAAA,YACnB,OAAM;AAAA,YAEJ,UAAAV;AAAA,UAAA;AAAA,QAAA;AAAA,MACN,EAAA,CAER;AAAA,IAAA;AAAA,EAAA;AAGZ;"}

package/dist/cell/base/index.module.css

@@ -0,0 +1 @@
+.index-module_component__BNjZ4{outline:none}.index-module_component__BNjZ4 .index-module_superEllipse__FONr7{--super-ellipse-success-icon-color: var(--color-graphic-thirdly)}.index-module_component__BNjZ4 .index-module_iconMixColors__Zfj6O{color:var(--color-graphic-primary)}.index-module_iconMixColors__Zfj6O,.index-module_superEllipse__FONr7{--super-ellipse-transition: fill .15s ease-in-out;--super-ellipse-icon-transition: color .15s ease-in-out;transition:transform .15s ease-in-out}.index-module_title__VeYlM{display:flex;align-items:center}.index-module_title__VeYlM+.index-module_subtitle__OOoZr{margin-top:var(--gap-2xs)}.index-module_focused__ootMA{outline:2px solid var(--focus-color);outline-offset:2px}

package/dist/cell/base/index.module.css.js

@@ -0,0 +1,15 @@
+import './index.module.css';
+const e = "index-module_component__BNjZ4", t = "index-module_title__VeYlM", o = "index-module_subtitle__OOoZr", n = "index-module_focused__ootMA", s = {
+  component: e,
+  title: t,
+  subtitle: o,
+  focused: n
+};
+export {
+  e as component,
+  s as default,
+  n as focused,
+  o as subtitle,
+  t as title
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/cell/base/index.module.css.js.map

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

package/dist/cell/component.d.ts

@@ -1,7 +1,17 @@
-import { Base } from "./base/component";
-import { Pure } from "./pure/component";
-declare const Cell: {
+import { Base } from './base/component';
+import { Pure } from './pure/component';
+/**
+ * Ячейки
+ *
+ * @module Pure - простая ячейка
+ * @module Action - ячейка действия
+ * @module Autopayment - ячейка шаблона или автоплатежа
+ * @module Transaction - ячейка транзакции
+ * @module Catalog - ячейка каталога
+ * @module Subscription - ячейка подписки
+ * @module Base - ячейка без действия
+ */
+export declare const Cell: {
     Pure: typeof Pure;
     Base: typeof Base;
 };
-export { Cell };

package/dist/cell/component.js

@@ -1 +1,10 @@
-import{Base as o}from"./base/component.js";import{Pure as t}from"./pure/component.js";import"react";import"classnames";import"../__internal/utils/getDataTestId.js";import"../hooks/useFocus/index.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";var p={Pure:t,Base:o};export{p as Cell};
+import { Base as o } from "./base/component.js";
+import { Pure as r } from "./pure/component.js";
+const t = {
+  Pure: r,
+  Base: o
+};
+export {
+  t as Cell
+};
+//# sourceMappingURL=component.js.map

package/dist/cell/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/cell/component.tsx"],"sourcesContent":["import { Base } from './base/component';\nimport { Pure } from './pure/component';\n\n/**\n * Ячейки\n *\n * @module Pure - простая ячейка\n * @module Action - ячейка действия\n * @module Autopayment - ячейка шаблона или автоплатежа\n * @module Transaction - ячейка транзакции\n * @module Catalog - ячейка каталога\n * @module Subscription - ячейка подписки\n * @module Base - ячейка без действия\n */\nexport const Cell: {\n    Pure: typeof Pure;\n    Base: typeof Base;\n} = {\n    Pure,\n    Base,\n};\n"],"names":["Cell","Pure","Base"],"mappings":";;AAcO,MAAMA,IAGT;AAAA,EACA,MAAAC;AAAA,EACA,MAAAC;AACJ;"}

package/dist/cell/index.d.ts

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

package/dist/cell/index.js

@@ -1 +1,5 @@
-export{Cell}from"./component.js";import"./base/component.js";import"react";import"classnames";import"../__internal/utils/getDataTestId.js";import"../hooks/useFocus/index.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"./pure/component.js";
+import { Cell as o } from "./component.js";
+export {
+  o as Cell
+};
+//# sourceMappingURL=index.js.map

package/dist/cell/index.js.map

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

package/dist/cell/pure/component.d.ts

@@ -1,15 +1,24 @@
-/// <reference types="react" />
-import React from 'react';
-import { HTMLAttributes } from "react";
-type ComponentProps = {
+import { default as React, HTMLAttributes } from 'react';
+declare type ComponentProps = {
     children?: React.ReactNode;
+    /** Слот для иконки */
     slot?: React.ReactNode;
+    /** Порядок отображения слота и children */
     order?: 'normal' | 'reverse';
+    /** Направление */
     direction?: 'horizontal' | 'vertical';
+    /** Размер ячейки */
     size?: 's' | 'm' | 'l';
+    /** Сss-класс для стилизации контейнера */
     className?: string;
+    /** Id компонента для тестов */
     dataTestId?: string;
 };
-type PureProps = Omit<HTMLAttributes<HTMLDivElement>, 'slot'> & ComponentProps;
-declare const Pure: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "slot"> & ComponentProps & React.RefAttributes<HTMLDivElement>>;
-export { PureProps, Pure };
+export declare type PureProps = Omit<HTMLAttributes<HTMLDivElement>, 'slot'> & ComponentProps;
+/**
+ * Ячейка
+ *
+ * Отвечает за отступы и вертикальное или горизонтальное положение
+ */
+export declare const Pure: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLDivElement>, "slot"> & ComponentProps & React.RefAttributes<HTMLDivElement>>;
+export {};

package/dist/cell/pure/component.js

@@ -1 +1,40 @@
-import{__rest as e,__assign as r}from"tslib";import d,{forwardRef as o}from"react";import l from"classnames";import{getDataTestId as a}from"../../__internal/utils/getDataTestId.js";var i={component:"index-module_component__1-n7X",s:"index-module_s__1EjLa",m:"index-module_m__2W-Ki",l:"index-module_l__3-a7m",horizontal:"index-module_horizontal__3TyOF",normalOrder:"index-module_normalOrder__2lVPG",reverseOrder:"index-module_reverseOrder__3HvPd",vertical:"index-module_vertical__n6pzF",addon:"index-module_addon__1NNHT",child:"index-module_child__l7HAT"},n=o((function(o,n){var m,t=o.slot,_=o.size,s=void 0===_?"m":_,c=o.order,v=void 0===c?"normal":c,u=o.direction,x=void 0===u?"horizontal":u,p=o.children,h=o.className,N=o.dataTestId,O=e(o,["slot","size","order","direction","children","className","dataTestId"]),f=((m={})[i.normalOrder]="normal"===v&&t,m[i.reverseOrder]="reverse"===v&&t,m[i[x]]=!0,m);return d.createElement("div",r({ref:n,className:l(i.component,i[s],r({},f),h),"data-test-id":a("cell-pure",N,!0)},O),t&&d.createElement("div",{className:l(i.addon,r({},f))},t),d.createElement("div",{className:l(i.child,r({},f))},p))}));export{n as Pure};
+import { jsxs as f, jsx as s } from "react/jsx-runtime";
+import { forwardRef as u } from "react";
+import m from "classnames";
+import { getDataTestId as v } from "../../__internal/utils/getDataTestId.js";
+import r from "./index.module.css.js";
+const g = u(
+  ({
+    slot: e,
+    size: t = "m",
+    order: o = "normal",
+    direction: d = "horizontal",
+    children: i,
+    className: n,
+    dataTestId: c,
+    ...l
+  }, p) => {
+    const a = {
+      [r.normalOrder]: o === "normal" && e,
+      [r.reverseOrder]: o === "reverse" && e,
+      [r[d]]: !0
+    };
+    return /* @__PURE__ */ f(
+      "div",
+      {
+        ref: p,
+        className: m(r.component, r[t], { ...a }, n),
+        "data-test-id": v("cell-pure", c, !0),
+        ...l,
+        children: [
+          e && /* @__PURE__ */ s("div", { className: m(r.addon, { ...a }), children: e }),
+          /* @__PURE__ */ s("div", { className: m(r.child, { ...a }), children: i })
+        ]
+      }
+    );
+  }
+);
+export {
+  g as Pure
+};
+//# sourceMappingURL=component.js.map

package/dist/cell/pure/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../../src/cell/pure/component.tsx"],"sourcesContent":["import React, { forwardRef, HTMLAttributes } from 'react';\nimport cn from 'classnames';\n\nimport { getDataTestId } from '../../__internal/utils';\n\nimport styles from './index.module.css';\n\ntype ComponentProps = {\n    children?: React.ReactNode;\n    /** Слот для иконки */\n    slot?: React.ReactNode;\n    /** Порядок отображения слота и children */\n    order?: 'normal' | 'reverse';\n    /** Направление */\n    direction?: 'horizontal' | 'vertical';\n    /** Размер ячейки */\n    size?: 's' | 'm' | 'l';\n    /** Сss-класс для стилизации контейнера */\n    className?: string;\n    /** Id компонента для тестов */\n    dataTestId?: string;\n};\n\nexport type PureProps = Omit<HTMLAttributes<HTMLDivElement>, 'slot'> & ComponentProps;\n\n/**\n * Ячейка\n *\n * Отвечает за отступы и вертикальное или горизонтальное положение\n */\nexport const Pure = forwardRef<HTMLDivElement, PureProps>(\n    (\n        {\n            slot,\n            size = 'm',\n            order = 'normal',\n            direction = 'horizontal',\n            children,\n            className,\n            dataTestId,\n            ...props\n        },\n        ref,\n    ) => {\n        const addClasses = {\n            [styles.normalOrder]: order === 'normal' && slot,\n            [styles.reverseOrder]: order === 'reverse' && slot,\n            [styles[direction]]: true,\n        };\n\n        return (\n            <div\n                ref={ ref }\n                className={ cn(styles.component, styles[size], { ...addClasses }, className) }\n                data-test-id={ getDataTestId('cell-pure', dataTestId, true) }\n                { ...props }\n            >\n                { slot && <div className={ cn(styles.addon, { ...addClasses }) }>{ slot }</div> }\n                <div className={ cn(styles.child, { ...addClasses }) }>{ children }</div>\n            </div>\n        );\n    },\n);\n"],"names":["Pure","forwardRef","slot","size","order","direction","children","className","dataTestId","props","ref","addClasses","styles","jsxs","cn","getDataTestId","jsx"],"mappings":";;;;;AA8BO,MAAMA,IAAOC;AAAA,EAChB,CACI;AAAA,IACI,MAAAC;AAAA,IACA,MAAAC,IAAO;AAAA,IACP,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,YAAAC;AAAA,IACA,GAAGC;AAAA,EAAA,GAEPC,MACC;AACD,UAAMC,IAAa;AAAA,MACf,CAACC,EAAO,WAAW,GAAGR,MAAU,YAAYF;AAAA,MAC5C,CAACU,EAAO,YAAY,GAAGR,MAAU,aAAaF;AAAA,MAC9C,CAACU,EAAOP,CAAS,CAAC,GAAG;AAAA,IAAA;AAGzB,WACI,gBAAAQ;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,KAAAH;AAAA,QACA,WAAYI,EAAGF,EAAO,WAAWA,EAAOT,CAAI,GAAG,EAAE,GAAGQ,EAAA,GAAcJ,CAAS;AAAA,QAC3E,gBAAeQ,EAAc,aAAaP,GAAY,EAAI;AAAA,QACxD,GAAGC;AAAA,QAEH,UAAA;AAAA,UAAAP,KAAQ,gBAAAc,EAAC,OAAA,EAAI,WAAYF,EAAGF,EAAO,OAAO,EAAE,GAAGD,EAAA,CAAY,GAAM,UAAAT,EAAA,CAAM;AAAA,UACzE,gBAAAc,EAAC,OAAA,EAAI,WAAYF,EAAGF,EAAO,OAAO,EAAE,GAAGD,GAAY,GAAM,UAAAL,EAAA,CAAU;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAG/E;AACJ;"}

package/dist/cell/pure/index.d.ts

@@ -1 +0,0 @@
-export {};

package/dist/cell/pure/index.js

@@ -1 +1,2 @@
 
+//# sourceMappingURL=index.js.map

package/dist/cell/pure/index.js.map

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

package/dist/cell/pure/index.module.css

@@ -0,0 +1 @@
+.index-module_component__iR2UT{display:grid;align-items:center}.index-module_component__iR2UT.index-module_s__GdoGW{min-height:48px}.index-module_component__iR2UT.index-module_m__JynKE{min-height:56px}.index-module_component__iR2UT.index-module_l__cl-vr{min-height:68px}.index-module_component__iR2UT.index-module_horizontal__4AlHR{grid-template-rows:0 auto 0}.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_s__GdoGW{gap:var(--gap-2xs) var(--gap-xs)}.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_m__JynKE{gap:var(--gap-2xs) var(--gap-s)}.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_l__cl-vr{gap:var(--gap-s) var(--gap-m)}.index-module_horizontal__4AlHR.index-module_normalOrder__DKaDw{grid-template-columns:minmax(40px,min-content) auto}.index-module_horizontal__4AlHR.index-module_reverseOrder__1O-1g{grid-template-columns:auto minmax(40px,min-content)}.index-module_component__iR2UT.index-module_horizontal__4AlHR:before,.index-module_component__iR2UT.index-module_horizontal__4AlHR:after{content:""}.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_normalOrder__DKaDw:before,.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_normalOrder__DKaDw:after,.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_reverseOrder__1O-1g:before,.index-module_component__iR2UT.index-module_horizontal__4AlHR.index-module_reverseOrder__1O-1g:after{grid-column:span 2}.index-module_component__iR2UT.index-module_vertical__qSAhd{grid-auto-flow:row;justify-items:center;text-align:center}.index-module_component__iR2UT.index-module_vertical__qSAhd.index-module_m__JynKE,.index-module_component__iR2UT.index-module_vertical__qSAhd.index-module_l__cl-vr{gap:var(--gap-m)}.index-module_component__iR2UT.index-module_vertical__qSAhd.index-module_s__GdoGW{gap:var(--gap-s)}.index-module_addon__BlWHe{line-height:0}.index-module_addon__BlWHe.index-module_reverseOrder__1O-1g{order:2}.index-module_child__LJU5r.index-module_reverseOrder__1O-1g{order:1}.index-module_addon__BlWHe.index-module_horizontal__4AlHR.index-module_reverseOrder__1O-1g,.index-module_child__LJU5r.index-module_horizontal__4AlHR.index-module_reverseOrder__1O-1g{grid-row:2/3}

package/dist/cell/pure/index.module.css.js

@@ -0,0 +1,27 @@
+import './index.module.css';
+const e = "index-module_component__iR2UT", o = "index-module_s__GdoGW", d = "index-module_m__JynKE", n = "index-module_l__cl-vr", l = "index-module_horizontal__4AlHR", r = "index-module_normalOrder__DKaDw", _ = "index-module_reverseOrder__1O-1g", t = "index-module_vertical__qSAhd", c = "index-module_addon__BlWHe", i = "index-module_child__LJU5r", s = {
+  component: e,
+  s: o,
+  m: d,
+  l: n,
+  horizontal: l,
+  normalOrder: r,
+  reverseOrder: _,
+  vertical: t,
+  addon: c,
+  child: i
+};
+export {
+  c as addon,
+  i as child,
+  e as component,
+  s as default,
+  l as horizontal,
+  n as l,
+  d as m,
+  r as normalOrder,
+  _ as reverseOrder,
+  o as s,
+  t as vertical
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/cell/pure/index.module.css.js.map

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