@alphakits/ui 1.31.5 → 2.0.0

package/dist/sidepanel/component.js

@@ -1 +1,41 @@
-import{__rest as e,__assign as t}from"tslib";import o from"react";import n from"classnames";import{FlexColumns as r}from"../flex-columns/component.js";import{SidepanelHeader as m}from"../sidepanel-header/component.js";import{Skeleton as i}from"../skeleton/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";var d="index-module_header__HKUWA",l="index-module_loader__1YPlZ",a="index-module_input__26gct",s="index-module_footer__1B3rl",c="index-module_noSticky__3L4bH",p="index-module_content__2mtGl",u=function(u){var _,h=u.dataTestId,y=u.title,b=u.loading,g=u.headerRightAddons,f=u.subtitle,j=u.noCloser,x=u.headerBottomAddons,A=u.noStickyFooter,k=u.noStickyHeader,v=u.bottomAddons,E=u.children,N=e(u,["dataTestId","title","loading","headerRightAddons","subtitle","noCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children"]);return o.createElement(o.Fragment,null,b?o.createElement(r,{className:l,columns:1,gr:20},new Array(7).fill("").map((function(e,t){return o.createElement(i,{key:t,animate:!0,visible:!0,className:a})}))):o.createElement("div",null,o.createElement(m,t({title:y,className:k?void 0:d,subtitle:f,noCloser:j,dataTestId:h,rightAddons:g,bottomAddons:x},N)),o.createElement("div",{className:p},E),v&&o.createElement("div",{className:n(s,(_={},_[c]=A,_))},v)))};export{u as Sidepanel};
+import { jsx as e, jsxs as u } from "react/jsx-runtime";
+import v from "react";
+import N from "classnames";
+import { FlexColumns as x } from "../flex-columns/component.js";
+import { SidepanelHeader as S } from "../sidepanel-header/component.js";
+import { Skeleton as g } from "../skeleton/component.js";
+import r from "./index.module.css.js";
+const H = ({
+  dataTestId: i,
+  title: m,
+  loading: t,
+  headerRightAddons: a,
+  subtitle: l,
+  noCloser: s,
+  headerBottomAddons: n,
+  noStickyFooter: c,
+  noStickyHeader: d,
+  bottomAddons: o,
+  children: p,
+  ...f
+}) => /* @__PURE__ */ e(v.Fragment, { children: t ? /* @__PURE__ */ e(x, { className: r.loader, columns: 1, gr: 20, children: new Array(7).fill("").map((y, h) => /* @__PURE__ */ e(g, { animate: !0, visible: !0, className: r.input }, h)) }) : /* @__PURE__ */ u("div", { children: [
+  /* @__PURE__ */ e(
+    S,
+    {
+      title: m,
+      className: d ? void 0 : r.header,
+      subtitle: l,
+      noCloser: s,
+      dataTestId: i,
+      rightAddons: a,
+      bottomAddons: n,
+      ...f
+    }
+  ),
+  /* @__PURE__ */ e("div", { className: r.content, children: p }),
+  o && /* @__PURE__ */ e("div", { className: N(r.footer, { [r.noSticky]: c }), children: o })
+] }) });
+export {
+  H as Sidepanel
+};
+//# sourceMappingURL=component.js.map

package/dist/sidepanel/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/sidepanel/component.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { SidepanelHeader } from '../sidepanel-header';\nimport { Skeleton } from '../skeleton';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelProps = {\n    title?: string;\n    loading?: boolean;\n    subtitle?: string;\n    headerRightAddons?: React.ReactNode;\n    headerBottomAddons?: React.ReactNode;\n    bottomAddons?: React.ReactNode;\n    dataTestId?: string;\n    noCloser?: boolean;\n    noStickyFooter?: boolean;\n    noStickyHeader?: boolean;\n} & Back;\n\nexport const Sidepanel: React.FC<SidepanelProps> = ({\n    dataTestId,\n    title,\n    loading,\n    headerRightAddons,\n    subtitle,\n    noCloser,\n    headerBottomAddons,\n    noStickyFooter,\n    noStickyHeader,\n    bottomAddons,\n    children,\n    ...props\n}) => (\n    <React.Fragment>\n        { loading ? (\n            <FlexColumns className={ styles.loader } columns={ 1 } gr={ 20 }>\n                { new Array(7).fill('').map((_, i) => (\n                    <Skeleton key={ i } animate={ true } visible={ true } className={ styles.input } />\n                )) }\n            </FlexColumns>\n        ) : (\n            <div>\n                <SidepanelHeader\n                    title={ title }\n                    className={ noStickyHeader ? undefined : styles.header }\n                    subtitle={ subtitle }\n                    noCloser={ noCloser }\n                    dataTestId={ dataTestId }\n                    rightAddons={ headerRightAddons }\n                    bottomAddons={ headerBottomAddons }\n                    { ...props }\n                />\n\n                <div className={ styles.content }>\n                    { children }\n                </div>\n\n                { bottomAddons && (\n                    <div className={ classNames(styles.footer, { [styles.noSticky]: noStickyFooter }) }>\n                        { bottomAddons }\n                    </div>\n                ) }\n            </div>\n        ) }\n    </React.Fragment>\n);\n"],"names":["Sidepanel","dataTestId","title","loading","headerRightAddons","subtitle","noCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children","props","React","FlexColumns","styles","_","i","jsx","Skeleton","SidepanelHeader","classNames"],"mappings":";;;;;;;AAgCO,MAAMA,IAAsC,CAAC;AAAA,EAChD,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,wBACKC,EAAM,UAAN,EACK,UAAAV,sBACGW,GAAA,EAAY,WAAYC,EAAO,QAAS,SAAU,GAAI,IAAK,IACtD,UAAA,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,CAACC,GAAGC,MAC5B,gBAAAC,EAACC,GAAA,EAAmB,SAAU,IAAO,SAAU,IAAO,WAAYJ,EAAO,MAAA,GAAzDE,CAAiE,CACpF,EAAA,CACL,sBAEC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,OAAAlB;AAAA,MACA,WAAYO,IAAiB,SAAYM,EAAO;AAAA,MAChD,UAAAV;AAAA,MACA,UAAAC;AAAA,MACA,YAAAL;AAAA,MACA,aAAcG;AAAA,MACd,cAAeG;AAAA,MACb,GAAGK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGT,gBAAAM,EAAC,OAAA,EAAI,WAAYH,EAAO,SAClB,UAAAJ,GACN;AAAA,EAEED,KACE,gBAAAQ,EAAC,OAAA,EAAI,WAAYG,EAAWN,EAAO,QAAQ,EAAE,CAACA,EAAO,QAAQ,GAAGP,EAAA,CAAgB,GAC1E,UAAAE,EAAA,CACN;AAAA,EAAA,CAER,EAAA,CAER;"}

package/dist/sidepanel/index.d.ts

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

package/dist/sidepanel/index.js

@@ -1 +1,5 @@
-export{Sidepanel}from"./component.js";import"tslib";import"react";import"classnames";import"../flex-columns/component.js";import"../sidepanel-header/component.js";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../typography/component.js";import"../typography/text/component.js";import"../colors.module-347c19ce.js";import"../typography/title/index.js";import"../typography/title/component.js";import"../skeleton/component.js";
+import { Sidepanel as p } from "./component.js";
+export {
+  p as Sidepanel
+};
+//# sourceMappingURL=index.js.map

package/dist/sidepanel/index.js.map

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

package/dist/sidepanel/index.module.css

@@ -0,0 +1 @@
+.index-module_header__mPZ5T{position:sticky;top:0;z-index:998}.index-module_loader__AwSf2{padding:32px;box-sizing:border-box}.index-module_input__4qiE9{height:56px;width:100%;z-index:1000}.index-module_footer__gMIpz{backdrop-filter:saturate(200%) blur(6px);position:sticky;bottom:0;padding:16px 32px;z-index:99}.index-module_footer__gMIpz.index-module_noSticky__LgClY{position:relative;padding-bottom:32px}.index-module_content__3wIEH{padding:4px 32px 32px;flex:1}@media(max-width:823px){.index-module_content__3wIEH{padding:4px 16px 16px!important}.index-module_footer__gMIpz,.index-module_loader__AwSf2{padding:16px!important}}

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

@@ -0,0 +1,19 @@
+import './index.module.css';
+const e = "index-module_header__mPZ5T", o = "index-module_loader__AwSf2", n = "index-module_input__4qiE9", t = "index-module_footer__gMIpz", d = "index-module_noSticky__LgClY", _ = "index-module_content__3wIEH", c = {
+  header: e,
+  loader: o,
+  input: n,
+  footer: t,
+  noSticky: d,
+  content: _
+};
+export {
+  _ as content,
+  c as default,
+  t as footer,
+  e as header,
+  n as input,
+  o as loader,
+  d as noSticky
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/sidepanel-header/component.d.ts

@@ -1,21 +1,35 @@
-/// <reference types="react" />
-import React from 'react';
-import { TFunction } from "../modal/index";
-type Back = {
+import { default as React } from 'react';
+import { TFunction } from '../modal';
+declare type Back = {
     back?: () => void;
     t: TFunction;
 } | {
     back?: never;
     t?: never;
 };
-type SidepanelHeaderProps = {
+export declare type SidepanelHeaderProps = {
+    /**
+     * Кастомный класс
+     */
     className?: string;
+    /**
+     * title
+     */
     title?: string;
+    /**
+     * rightAddons - слот слева
+     */
     rightAddons?: React.ReactNode;
+    /**
+     * bottomAddons - слот внизу
+     */
     bottomAddons?: React.ReactNode;
+    /**
+     * Id компонента для тестов
+     */
     noCloser?: boolean;
     dataTestId?: string;
     subtitle?: string;
 } & Back;
-declare const SidepanelHeader: React.FC<SidepanelHeaderProps>;
-export { SidepanelHeaderProps, SidepanelHeader };
+export declare const SidepanelHeader: React.FC<SidepanelHeaderProps>;
+export {};

package/dist/sidepanel-header/component.js

@@ -1 +1,39 @@
-import e from"react";import t from"classnames";import{BackButton as o}from"../back-button/component.js";import{FlexColumns as r}from"../flex-columns/component.js";import{Typography as m}from"../typography/component.js";import"../button-arrow/component.js";import"@alphakits/icons";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_wrapper__2MUBI",l="index-module_heading__1vASq",n="index-module_title__3AX5z",a="index-module_bottomAddons__2aL0E",s="index-module_rightAddons__3M42h",c="index-module_noCloser__2nxnu",d=function(t){var o=t.title,i=t.subtitle;return e.createElement(r,{columns:1,gr:4,className:n},e.createElement(m.Title,{color:"primary",tag:"div",view:"small",weight:"bold"},o),i&&e.createElement(m.Text,{view:"title",weight:"regular",color:"secondary"},i))},p=function(r){var m,n=r.className,p=r.dataTestId,u=r.title,_=r.rightAddons,b=r.back,g=r.subtitle,x=r.t,h=r.bottomAddons,v=r.noCloser;return e.createElement("div",{"data-test-id":p,className:t(i,n)},(b||u||_)&&e.createElement("div",{className:l},b&&x&&e.createElement(o,{onClick:b,t:x}),!b&&u&&e.createElement(d,{title:u,subtitle:g}),_&&e.createElement("div",{className:t(s,(m={},m[c]=!!v,m))},_)),!!b&&u&&e.createElement(d,{title:u,subtitle:g}),!!h&&e.createElement("div",{className:a},h))};export{p as SidepanelHeader};
+import { jsxs as a, jsx as r } from "react/jsx-runtime";
+import p from "classnames";
+import { BackButton as f } from "../back-button/component.js";
+import { FlexColumns as g } from "../flex-columns/component.js";
+import { Typography as t } from "../typography/component.js";
+import e from "./index.module.css.js";
+const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr: 4, className: e.title, children: [
+  /* @__PURE__ */ r(t.Title, { color: "primary", tag: "div", view: "small", weight: "bold", children: m }),
+  l && /* @__PURE__ */ r(t.Text, { view: "title", weight: "regular", color: "secondary", children: l })
+] }), j = ({
+  className: m,
+  dataTestId: l,
+  title: o,
+  rightAddons: s,
+  back: i,
+  subtitle: c,
+  t: d,
+  bottomAddons: n,
+  noCloser: v
+}) => /* @__PURE__ */ a(
+  "div",
+  {
+    "data-test-id": l,
+    className: p(e.wrapper, m),
+    children: [
+      (i || o || s) && /* @__PURE__ */ a("div", { className: e.heading, children: [
+        i && d && /* @__PURE__ */ r(f, { onClick: i, t: d }),
+        !i && o && /* @__PURE__ */ r(h, { title: o, subtitle: c }),
+        s && /* @__PURE__ */ r("div", { className: p(e.rightAddons, { [e.noCloser]: !!v }), children: s })
+      ] }),
+      !!i && o && /* @__PURE__ */ r(h, { title: o, subtitle: c }),
+      !!n && /* @__PURE__ */ r("div", { className: e.bottomAddons, children: n })
+    ]
+  }
+);
+export {
+  j as SidepanelHeader
+};
+//# sourceMappingURL=component.js.map

package/dist/sidepanel-header/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/sidepanel-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { BackButton } from '../back-button';\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelHeaderProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    /**\n     * title\n     */\n    title?: string;\n\n    /**\n     * rightAddons - слот слева\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * bottomAddons - слот внизу\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Id компонента для тестов\n     */\n    noCloser?: boolean;\n    dataTestId?: string;\n\n    subtitle?: string;\n} & Back;\n\nconst Title = ({ title, subtitle }: {title: string; subtitle?: string}) => (\n    <FlexColumns columns={ 1 } gr={ 4 } className={ styles.title }>\n\n        <Typography.Title color=\"primary\" tag=\"div\" view=\"small\" weight=\"bold\">\n            { title }\n        </Typography.Title>\n\n        { subtitle && (\n            <Typography.Text view=\"title\" weight=\"regular\" color=\"secondary\">\n                { subtitle }\n            </Typography.Text>\n        ) }\n\n    </FlexColumns>\n);\n\nexport const SidepanelHeader: React.FC<SidepanelHeaderProps> = ({\n    className,\n    dataTestId,\n    title,\n    rightAddons,\n    back,\n    subtitle,\n    t,\n    bottomAddons,\n    noCloser,\n}) => (\n    <div\n        data-test-id={ dataTestId }\n        className={ cn(styles.wrapper, className) }\n    >\n        { (back || title || rightAddons) && (\n            <div className={ styles.heading }>\n                { back && t && (\n                    <BackButton onClick={ back } t={ t } />\n                ) }\n\n                { !back && title && (\n                    <Title title={ title } subtitle={ subtitle } />\n                ) }\n\n                { rightAddons && <div className={ cn(styles.rightAddons, { [styles.noCloser]: !!noCloser }) }>{ rightAddons }</div> }\n            </div>\n        ) }\n\n        { !!back && title && (\n            <Title title={ title } subtitle={ subtitle } />\n        ) }\n\n        { !!bottomAddons && <div className={ styles.bottomAddons }>{ bottomAddons }</div> }\n\n    </div>\n);\n"],"names":["Title","title","subtitle","jsxs","FlexColumns","styles","jsx","Typography","SidepanelHeader","className","dataTestId","rightAddons","back","t","bottomAddons","noCloser","cn","BackButton"],"mappings":";;;;;;AAgDA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,QACpB,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,GAAI,WAAYC,EAAO,OAEnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,OAAX,EAAiB,OAAM,WAAU,KAAI,OAAM,MAAK,SAAQ,QAAO,QAC1D,UAAAN,EAAA,CACN;AAAA,EAEEC,KACE,gBAAAI,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,WAAU,OAAM,aAC/C,UAAAL,EAAA,CACN;AAAA,GAGR,GAGSM,IAAkD,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,aAAAU;AAAA,EACA,MAAAC;AAAA,EACA,UAAAV;AAAA,EACA,GAAAW;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAZ;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAeO;AAAA,IACf,WAAYM,EAAGX,EAAO,SAASI,CAAS;AAAA,IAErC,UAAA;AAAA,OAAAG,KAAQX,KAASU,MAChB,gBAAAR,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,QAAAO,KAAQC,KACN,gBAAAP,EAACW,GAAA,EAAW,SAAUL,GAAO,GAAAC,GAAQ;AAAA,QAGvC,CAACD,KAAQX,KACP,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,QAG/CS,KAAe,gBAAAL,EAAC,OAAA,EAAI,WAAYU,EAAGX,EAAO,aAAa,EAAE,CAACA,EAAO,QAAQ,GAAG,CAAC,CAACU,EAAA,CAAU,GAAM,UAAAJ,EAAA,CAAa;AAAA,MAAA,GACjH;AAAA,MAGF,CAAC,CAACC,KAAQX,KACR,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,MAG/C,CAAC,CAACY,KAAgB,gBAAAR,EAAC,SAAI,WAAYD,EAAO,cAAiB,UAAAS,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAE/E;"}

package/dist/sidepanel-header/index.d.ts

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

package/dist/sidepanel-header/index.js

@@ -1 +1,5 @@
-export{SidepanelHeader}from"./component.js";import"react";import"classnames";import"../back-button/component.js";import"../button-arrow/component.js";import"@alphakits/icons";import"../flex-columns/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 { SidepanelHeader as a } from "./component.js";
+export {
+  a as SidepanelHeader
+};
+//# sourceMappingURL=index.js.map

package/dist/sidepanel-header/index.js.map

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

package/dist/sidepanel-header/index.module.css

@@ -0,0 +1 @@
+.index-module_wrapper__QxqDy{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.index-module_heading__XGDyC{display:flex;justify-content:space-between;min-height:48px}.index-module_title__jwxcv,.index-module_bottomAddons__3yzd0{padding-bottom:8px;padding-top:8px}.index-module_rightAddons__aZFaJ{margin-right:48px;height:48px;display:flex;align-items:center}.index-module_noCloser__O7u0p{margin-right:0}@media(max-width:823px){.index-module_wrapper__QxqDy{padding:16px 16px 12px!important}}

package/dist/sidepanel-header/index.module.css.js

@@ -0,0 +1,19 @@
+import './index.module.css';
+const o = "index-module_wrapper__QxqDy", d = "index-module_heading__XGDyC", e = "index-module_title__jwxcv", n = "index-module_bottomAddons__3yzd0", t = "index-module_rightAddons__aZFaJ", s = "index-module_noCloser__O7u0p", _ = {
+  wrapper: o,
+  heading: d,
+  title: e,
+  bottomAddons: n,
+  rightAddons: t,
+  noCloser: s
+};
+export {
+  n as bottomAddons,
+  _ as default,
+  d as heading,
+  s as noCloser,
+  t as rightAddons,
+  e as title,
+  o as wrapper
+};
+//# sourceMappingURL=index.module.css.js.map

package/dist/sidepanel-header/index.module.css.js.map

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

package/dist/skeleton/component.d.ts

@@ -1,11 +1,21 @@
-/// <reference types="react" />
-import React from 'react';
-type SkeletonProps = {
+import { default as React } from 'react';
+export declare type SkeletonProps = {
     children?: React.ReactNode;
+    /**
+     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером
+     */
     visible?: boolean;
+    /**
+     * Флаг явного включения анимации скелета
+     */
     animate?: boolean;
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
 };
-declare const Skeleton: React.FC<SkeletonProps>;
-export { SkeletonProps, Skeleton };
+export declare const Skeleton: React.FC<SkeletonProps>;

package/dist/skeleton/component.js

@@ -1 +1,22 @@
-import e from"react";import a from"classnames";var t="index-module_component__2KkUQ",m="index-module_animate__2fRrK",n=function(n){var r,i=n.visible,d=n.animate,l=void 0===d||d,o=n.className,s=n.dataTestId,c=n.children;return i?e.createElement("div",{className:a(t,(r={},r[m]=l,r),o),"data-test-id":s},c):e.createElement(e.Fragment,null,c)};export{n as Skeleton};
+import { jsx as r } from "react/jsx-runtime";
+import i from "react";
+import s from "classnames";
+import o from "./index.module.css.js";
+const d = ({
+  visible: e,
+  animate: m = !0,
+  className: a,
+  dataTestId: n,
+  children: t
+}) => e ? /* @__PURE__ */ r(
+  "div",
+  {
+    className: s(o.component, { [o.animate]: m }, a),
+    "data-test-id": n,
+    children: t
+  }
+) : /* @__PURE__ */ r(i.Fragment, { children: t });
+export {
+  d as Skeleton
+};
+//# sourceMappingURL=component.js.map

package/dist/skeleton/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/skeleton/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport styles from './index.module.css';\n\nexport type SkeletonProps = {\n    children?: React.ReactNode;\n    /**\n     * Флаг, явно задающий состояние, при котором контент закрывается прелоадером\n     */\n    visible?: boolean;\n    /**\n     * Флаг явного включения анимации скелета\n     */\n    animate?: boolean;\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n};\n\nexport const Skeleton: React.FC<SkeletonProps> = ({\n    visible,\n    animate = true,\n    className,\n    dataTestId,\n    children,\n}) => {\n    if (visible) {\n        return (\n            <div\n                className={ cn(styles.component, { [styles.animate]: animate }, className) }\n                data-test-id={ dataTestId }\n            >\n                { children }\n            </div>\n        );\n    }\n\n    return <React.Fragment>{ children }</React.Fragment>;\n};\n"],"names":["Skeleton","visible","animate","className","dataTestId","children","jsx","cn","styles","React"],"mappings":";;;;AAyBO,MAAMA,IAAoC,CAAC;AAAA,EAC9C,SAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,UAAAC;AACJ,MACQJ,IAEI,gBAAAK;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,WAAYC,EAAGC,EAAO,WAAW,EAAE,CAACA,EAAO,OAAO,GAAGN,EAAA,GAAWC,CAAS;AAAA,IACzE,gBAAeC;AAAA,IAEb,UAAAC;AAAA,EAAA;AAAA,IAKP,gBAAAC,EAACG,EAAM,UAAN,EAAiB,UAAAJ,EAAA,CAAU;"}

package/dist/skeleton/index.d.ts

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

package/dist/skeleton/index.js

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

package/dist/skeleton/index.js.map

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

package/dist/skeleton/index.module.css

@@ -0,0 +1 @@
+:root{--skeleton-background-filter: none;--skeleton-default-color: var(--color-bg-secondary)}.index-module_component__-McTc{position:relative;display:inline-block;border-radius:var(--gap-2xs);overflow:hidden}.index-module_component__-McTc>*{visibility:hidden}.index-module_component__-McTc:before{content:"";position:absolute;border-radius:var(--gap-2xs);inset:0;background:var(--skeleton-default-color);backdrop-filter:var(--skeleton-background-filter)}.index-module_animate__-bLCJ:after{content:"";position:absolute;top:0;left:0;width:500%;height:100%;transform:translate(-80%);animation-name:index-module_animation__jl9lA;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;background:linear-gradient(to left,#0000,#0000 40%,#00000006,#0000 60%,#0000)}@keyframes index-module_animation__jl9lA{0%{transform:translate(-80%)}67%{transform:translate(0)}to{transform:translate(0)}}

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

@@ -0,0 +1,11 @@
+import './index.module.css';
+const n = "index-module_component__-McTc", e = "index-module_animate__-bLCJ", o = {
+  component: n,
+  animate: e
+};
+export {
+  e as animate,
+  n as component,
+  o as default
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/space/Item.d.ts

@@ -1,7 +1,6 @@
-/// <reference types="react" />
-import React from 'react';
-import { Direction } from "./utils";
-interface ItemProps {
+import { default as React } from 'react';
+import { Direction } from './utils';
+export interface ItemProps {
     className: string;
     horizontalSize: number;
     verticalSize: number;
@@ -13,4 +12,4 @@ interface ItemProps {
     wrap?: boolean;
 }
 declare const Item: (props: ItemProps) => JSX.Element | null;
-export { Item as default, ItemProps };
+export default Item;

package/dist/space/Item.js

@@ -1 +1,36 @@
-import{__assign as e}from"tslib";import t from"react";var r=function(r){var a=r.className,i=r.horizontalSize,l=r.verticalSize,n=r.length,m=r.direction,o=r.index,c=r.children,d=r.divider,s=r.wrap,g={};return"vertical"===m?o<n&&(g={marginBottom:i/(d?2:1)}):g=e(e({},o<n&&{marginRight:i/(d?2:1)}),s&&{paddingBottom:l}),null==c?null:t.createElement(t.Fragment,null,t.createElement("div",{className:a,style:g},c),o<n-1&&d&&t.createElement("span",{style:e({width:"100%"},g)},d))};export{r as default};
+import { jsxs as h, jsx as o } from "react/jsx-runtime";
+import f from "react";
+const u = (a) => {
+  const {
+    className: d,
+    horizontalSize: l,
+    verticalSize: s,
+    length: e,
+    direction: m,
+    index: r,
+    children: n,
+    divider: i,
+    wrap: c
+  } = a;
+  let t = {};
+  return m === "vertical" ? r < e && (t = { marginBottom: l / (i ? 2 : 1) }) : t = {
+    ...r < e && { marginRight: l / (i ? 2 : 1) },
+    ...c && { paddingBottom: s }
+  }, n == null ? null : /* @__PURE__ */ h(f.Fragment, { children: [
+    /* @__PURE__ */ o("div", { className: d, style: t, children: n }),
+    r < e - 1 && i && /* @__PURE__ */ o(
+      "span",
+      {
+        style: {
+          width: "100%",
+          ...t
+        },
+        children: i
+      }
+    )
+  ] });
+};
+export {
+  u as default
+};
+//# sourceMappingURL=Item.js.map

package/dist/space/Item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Item.js","sources":["../../src/space/Item.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Direction } from './utils';\n\nexport interface ItemProps {\n    className: string;\n    horizontalSize: number;\n    verticalSize: number;\n    length: number;\n    children: React.ReactNode;\n    index: number;\n    direction?: Direction;\n    divider?: string | React.ReactNode;\n    wrap?: boolean;\n}\n\nconst Item = (props: ItemProps) => {\n    const {\n        className,\n        horizontalSize,\n        verticalSize,\n        length,\n        direction,\n        index,\n        children,\n        divider,\n        wrap,\n    } = props;\n\n    let style: React.CSSProperties = {};\n\n    if (direction === 'vertical') {\n        if (index < length) {\n            style = { marginBottom: horizontalSize / (divider ? 2 : 1) };\n        }\n    } else {\n        style = {\n            ...(index < length && { marginRight: horizontalSize / (divider ? 2 : 1) }),\n            ...(wrap && { paddingBottom: verticalSize }),\n        };\n    }\n\n    if (children === null || children === undefined) {\n        return null;\n    }\n\n    return (\n        <React.Fragment>\n            <div className={ className } style={ style }>\n                { children }\n            </div>\n            { index < length - 1 && divider && (\n                <span\n                    style={ {\n                        width: '100%',\n                        ...style,\n                    } }\n                >\n                    { divider }\n                </span>\n            ) }\n        </React.Fragment>\n    );\n};\n\nexport default Item;\n"],"names":["Item","props","className","horizontalSize","verticalSize","length","direction","index","children","divider","wrap","style","jsxs","React","jsx"],"mappings":";;AAgBA,MAAMA,IAAO,CAACC,MAAqB;AAC/B,QAAM;AAAA,IACF,WAAAC;AAAA,IACA,gBAAAC;AAAA,IACA,cAAAC;AAAA,IACA,QAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC;AAAA,IACA,UAAAC;AAAA,IACA,SAAAC;AAAA,IACA,MAAAC;AAAA,EAAA,IACAT;AAEJ,MAAIU,IAA6B,CAAA;AAajC,SAXIL,MAAc,aACVC,IAAQF,MACRM,IAAQ,EAAE,cAAcR,KAAkBM,IAAU,IAAI,GAAA,KAG5DE,IAAQ;AAAA,IACJ,GAAIJ,IAAQF,KAAU,EAAE,aAAaF,KAAkBM,IAAU,IAAI,GAAA;AAAA,IACrE,GAAIC,KAAQ,EAAE,eAAeN,EAAA;AAAA,EAAa,GAI9CI,KAAa,OACN,OAIP,gBAAAI,EAACC,EAAM,UAAN,EACG,UAAA;AAAA,IAAA,gBAAAC,EAAC,OAAA,EAAI,WAAAZ,GAAwB,OAAAS,GACvB,UAAAH,EAAA,CACN;AAAA,IACED,IAAQF,IAAS,KAAKI,KACpB,gBAAAK;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,OAAQ;AAAA,UACJ,OAAO;AAAA,UACP,GAAGH;AAAA,QAAA;AAAA,QAGL,UAAAF;AAAA,MAAA;AAAA,IAAA;AAAA,EACN,GAER;AAER;"}

package/dist/space/component.d.ts

@@ -1,17 +1,44 @@
-/// <reference types="react" />
-import React from 'react';
-import { ReactNode } from "react";
-import { Direction, Align, Size } from "./utils";
-type SpaceProps = {
+import { default as React, ReactNode } from 'react';
+import { Direction, Align, Size } from './utils';
+export declare type SpaceProps = {
+    /**
+     * Выравнивание
+     */
     align?: Align;
+    /**
+     * Направление
+     */
     direction?: Direction;
+    /**
+     * Размер отступов
+     */
     size?: Size | [Size, Size];
+    /**
+     * Дополнительный класс
+     */
     className?: string;
+    /**
+     * Дочерние компоненты
+     */
     children: ReactNode;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
     dataTestId?: string;
+    /**
+     * Автоматический перенос строк, полезно при direction = 'horizontal'
+     */
     wrap?: boolean;
+    /**
+     * Компонент разделителя
+     */
     divider?: string | ReactNode;
+    /**
+     * Растягивать ли компонент на всю ширину
+     */
     fullWidth?: boolean;
 };
-declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>>;
-export { SpaceProps, Space };
+/**
+ * Позаимствовано с благодарностью из Ant Design
+ */
+export declare const Space: React.ForwardRefExoticComponent<SpaceProps & React.RefAttributes<HTMLDivElement>>;

package/dist/space/component.js

@@ -1 +1,71 @@
-import{__assign as e}from"tslib";import t,{forwardRef as i,Children as r}from"react";import n from"classnames";import a from"./Item.js";var o={spaceContainer:"index-module_spaceContainer__3Dq0d",spaceContainerFullWidth:"index-module_spaceContainerFullWidth__xJUHo",vertical:"index-module_vertical__on3nF",center:"index-module_center__7A1ZE",start:"index-module_start__1K4MQ",end:"index-module_end__o7H21",spaceItemFullWidth:"index-module_spaceItemFullWidth__jOTm4",spaceItem:"index-module_spaceItem__2F_mi"},l={s:12,m:16,l:20},d=i((function(i,d){var m,c,s=i.children,u=i.className,_=i.align,p=void 0===_?"start":_,v=i.direction,f=void 0===v?"vertical":v,h=i.size,x=void 0===h?"m":h,F=i.wrap,W=void 0!==F&&F,I=i.divider,g=void 0!==I&&I,y=i.fullWidth,C=void 0!==y&&y,z=t.useMemo((function(){return(Array.isArray(x)?x:[x,x]).map((function(e){return function(e){return"string"==typeof e?l[e]:e||0}(e)}))}),[x]),A=z[0],w=z[1],E=r.toArray(s);if(0===E.length)return null;var N=n(o.spaceContainer,o[f],((m={})[o[p]]=p,m[o.spaceContainerFullWidth]=C,m),u),j=n(o.spaceItem,((c={})[o.spaceItemFullWidth]=C,c)),H=E.map((function(e,i){return t.createElement(a,{className:j,key:j+"-"+i,direction:f,horizontalSize:A,verticalSize:w,length:E.length,index:i,wrap:W,divider:g},e)}));return t.createElement("div",{className:N,style:e({},W&&{flexWrap:"wrap",marginBottom:-w}),ref:d},H)}));export{d as Space};
+import { jsx as d } from "react/jsx-runtime";
+import z, { forwardRef as W, Children as w } from "react";
+import f from "classnames";
+import A from "./Item.js";
+import e from "./index.module.css.js";
+const I = {
+  s: 12,
+  m: 16,
+  l: 20
+}, F = (t) => typeof t == "string" ? I[t] : t || 0, M = W((t, h) => {
+  const {
+    children: u,
+    className: N,
+    align: n = "start",
+    direction: o = "vertical",
+    size: r = "m",
+    wrap: i = !1,
+    divider: g = !1,
+    fullWidth: l = !1
+  } = t, [C, c] = z.useMemo(
+    () => (Array.isArray(r) ? r : [r, r]).map(
+      (s) => F(s)
+    ),
+    [r]
+  ), a = w.toArray(u);
+  if (a.length === 0)
+    return null;
+  const y = e[o], S = e[n], v = f(
+    e.spaceContainer,
+    y,
+    {
+      [S]: n,
+      [e.spaceContainerFullWidth]: l
+    },
+    N
+  ), m = f(e.spaceItem, {
+    [e.spaceItemFullWidth]: l
+  }), x = a.map((s, p) => (
+    /* eslint-disable react/no-array-index-key */
+    /* @__PURE__ */ d(
+      A,
+      {
+        className: m,
+        direction: o,
+        horizontalSize: C,
+        verticalSize: c,
+        length: a.length,
+        index: p,
+        wrap: i,
+        divider: g,
+        children: s
+      },
+      `${m}-${p}`
+    )
+  ));
+  return /* @__PURE__ */ d(
+    "div",
+    {
+      className: v,
+      style: {
+        ...i && { flexWrap: "wrap", marginBottom: -c }
+      },
+      ref: h,
+      children: x
+    }
+  );
+});
+export {
+  M as Space
+};
+//# sourceMappingURL=component.js.map

package/dist/space/component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"component.js","sources":["../../src/space/component.tsx"],"sourcesContent":["import React, { ReactNode, Children, forwardRef } from 'react';\nimport classNames from 'classnames';\nimport Item from './Item';\nimport styles from './index.module.css';\nimport { Direction, Align, Size } from './utils';\n\nexport type SpaceProps = {\n    /**\n     * Выравнивание\n     */\n    align?: Align;\n\n    /**\n     * Направление\n     */\n    direction?: Direction;\n\n    /**\n     * Размер отступов\n     */\n    size?: Size | [Size, Size];\n\n    /**\n     * Дополнительный класс\n     */\n    className?: string;\n\n    /**\n     * Дочерние компоненты\n     */\n    children: ReactNode;\n\n    /**\n     * Идентификатор для систем автоматизированного тестирования\n     */\n    dataTestId?: string;\n\n    /**\n     * Автоматический перенос строк, полезно при direction = 'horizontal'\n     */\n    wrap?: boolean;\n\n    /**\n     * Компонент разделителя\n     */\n    divider?: string | ReactNode;\n\n    /**\n     * Растягивать ли компонент на всю ширину\n     */\n    fullWidth?: boolean;\n};\n\nconst SpaceSizes: { [key in Size]: number } = {\n    s: 12,\n    m: 16,\n    l: 20,\n};\n\nconst getNumberSize = (size: Size) => {\n    return typeof size === 'string' ? SpaceSizes[size] : size || 0;\n};\n\n/**\n * Позаимствовано с благодарностью из Ant Design\n */\n\nexport const Space = forwardRef<HTMLDivElement, SpaceProps>((props, ref) => {\n    const {\n        children,\n        className,\n        align = 'start',\n        direction = 'vertical',\n        size = 'm',\n        wrap = false,\n        divider = false,\n        fullWidth = false,\n    } = props;\n\n    const [horizontalSize, verticalSize] = React.useMemo(\n        () =>\n            ((Array.isArray(size) ? size : [size, size]) as [Size, Size]).map((item) =>\n                getNumberSize(item),\n            ),\n        [size],\n    );\n\n    const childNodes = Children.toArray(children);\n\n    if (childNodes.length === 0) {\n        return null;\n    }\n\n    const directionClassName = styles[direction];\n    const alignClassName = styles[align];\n\n    const containerClassName = classNames(\n        styles.spaceContainer,\n        directionClassName,\n        {\n            [alignClassName]: align,\n            [styles.spaceContainerFullWidth]: fullWidth,\n        },\n        className,\n    );\n\n    const itemClassName = classNames(styles.spaceItem, {\n        [styles.spaceItemFullWidth]: fullWidth,\n    });\n\n    const nodes = childNodes.map((child, i) => (\n        /* eslint-disable react/no-array-index-key */\n        <Item\n            className={itemClassName}\n            key={`${itemClassName}-${i}`}\n            direction={direction}\n            horizontalSize={horizontalSize}\n            verticalSize={verticalSize}\n            length={childNodes.length}\n            index={i}\n            wrap={wrap}\n            divider={divider}\n        >\n            {child}\n        </Item>\n        /* eslint-enable */\n    ));\n\n    return (\n        <div\n            className={containerClassName}\n            style={{\n                ...(wrap && { flexWrap: 'wrap', marginBottom: -verticalSize }),\n            }}\n            ref={ref}\n        >\n            {nodes}\n        </div>\n    );\n});\n"],"names":["SpaceSizes","getNumberSize","size","Space","forwardRef","props","ref","children","className","align","direction","wrap","divider","fullWidth","horizontalSize","verticalSize","React","item","childNodes","Children","directionClassName","styles","alignClassName","containerClassName","classNames","itemClassName","nodes","child","i","jsx","Item"],"mappings":";;;;;AAqDA,MAAMA,IAAwC;AAAA,EAC1C,GAAG;AAAA,EACH,GAAG;AAAA,EACH,GAAG;AACP,GAEMC,IAAgB,CAACC,MACZ,OAAOA,KAAS,WAAWF,EAAWE,CAAI,IAAIA,KAAQ,GAOpDC,IAAQC,EAAuC,CAACC,GAAOC,MAAQ;AACxE,QAAM;AAAA,IACF,UAAAC;AAAA,IACA,WAAAC;AAAA,IACA,OAAAC,IAAQ;AAAA,IACR,WAAAC,IAAY;AAAA,IACZ,MAAAR,IAAO;AAAA,IACP,MAAAS,IAAO;AAAA,IACP,SAAAC,IAAU;AAAA,IACV,WAAAC,IAAY;AAAA,EAAA,IACZR,GAEE,CAACS,GAAgBC,CAAY,IAAIC,EAAM;AAAA,IACzC,OACM,MAAM,QAAQd,CAAI,IAAIA,IAAO,CAACA,GAAMA,CAAI,GAAoB;AAAA,MAAI,CAACe,MAC/DhB,EAAcgB,CAAI;AAAA,IAAA;AAAA,IAE1B,CAACf,CAAI;AAAA,EAAA,GAGHgB,IAAaC,EAAS,QAAQZ,CAAQ;AAE5C,MAAIW,EAAW,WAAW;AACtB,WAAO;AAGX,QAAME,IAAqBC,EAAOX,CAAS,GACrCY,IAAiBD,EAAOZ,CAAK,GAE7Bc,IAAqBC;AAAAA,IACvBH,EAAO;AAAA,IACPD;AAAA,IACA;AAAA,MACI,CAACE,CAAc,GAAGb;AAAA,MAClB,CAACY,EAAO,uBAAuB,GAAGR;AAAA,IAAA;AAAA,IAEtCL;AAAA,EAAA,GAGEiB,IAAgBD,EAAWH,EAAO,WAAW;AAAA,IAC/C,CAACA,EAAO,kBAAkB,GAAGR;AAAA,EAAA,CAChC,GAEKa,IAAQR,EAAW,IAAI,CAACS,GAAOC;AAAA;AAAA,IAEjC,gBAAAC;AAAA,MAACC;AAAA,MAAA;AAAA,QACG,WAAWL;AAAA,QAEX,WAAAf;AAAA,QACA,gBAAAI;AAAA,QACA,cAAAC;AAAA,QACA,QAAQG,EAAW;AAAA,QACnB,OAAOU;AAAA,QACP,MAAAjB;AAAA,QACA,SAAAC;AAAA,QAEC,UAAAe;AAAA,MAAA;AAAA,MATI,GAAGF,CAAa,IAAIG,CAAC;AAAA,IAAA;AAAA,GAYjC;AAED,SACI,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACG,WAAWN;AAAA,MACX,OAAO;AAAA,QACH,GAAIZ,KAAQ,EAAE,UAAU,QAAQ,cAAc,CAACI,EAAA;AAAA,MAAa;AAAA,MAEhE,KAAAT;AAAA,MAEC,UAAAoB;AAAA,IAAA;AAAA,EAAA;AAGb,CAAC;"}

package/dist/space/index.d.ts

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

package/dist/space/index.js

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

package/dist/space/index.js.map

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

package/dist/space/index.module.css

@@ -0,0 +1 @@
+.index-module_spaceContainer__Onnxn{display:inline-flex}.index-module_spaceContainerFullWidth__W7-9v{width:100%}.index-module_vertical__EjIme{flex-direction:column}.index-module_center__VDiFi{align-items:center}.index-module_start__WKuO-{align-items:flex-start}.index-module_end__FzVWP{align-items:flex-end}.index-module_spaceItemFullWidth__C58tA{width:100%}.index-module_spaceItem__oUYtC:empty{display:none}

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

@@ -0,0 +1,23 @@
+import './index.module.css';
+const e = "index-module_spaceContainer__Onnxn", t = "index-module_spaceContainerFullWidth__W7-9v", n = "index-module_vertical__EjIme", c = "index-module_center__VDiFi", s = "index-module_start__WKuO-", a = "index-module_end__FzVWP", d = "index-module_spaceItemFullWidth__C58tA", i = "index-module_spaceItem__oUYtC", l = {
+  spaceContainer: e,
+  spaceContainerFullWidth: t,
+  vertical: n,
+  center: c,
+  start: s,
+  end: a,
+  spaceItemFullWidth: d,
+  spaceItem: i
+};
+export {
+  c as center,
+  l as default,
+  a as end,
+  e as spaceContainer,
+  t as spaceContainerFullWidth,
+  i as spaceItem,
+  d as spaceItemFullWidth,
+  s as start,
+  n as vertical
+};
+//# sourceMappingURL=index.module.css.js.map

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

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

package/dist/space/utils.d.ts

@@ -1,11 +1,9 @@
-/// <reference types="react" />
-import React from 'react';
-type Align = 'start' | 'end' | 'center';
-type Direction = 'horizontal' | 'vertical';
-type Size = 's' | 'm' | 'l' | number;
-declare const SpaceContext: React.Context<{
+import { default as React } from 'react';
+export declare type Align = 'start' | 'end' | 'center';
+export declare type Direction = 'horizontal' | 'vertical';
+export declare type Size = 's' | 'm' | 'l' | number;
+export declare const SpaceContext: React.Context<{
     length: number;
     horizontalSize: number;
     verticalSize: number;
 }>;
-export { Align, Direction, Size, SpaceContext };

package/dist/space/utils.js

@@ -1 +1,10 @@
-import e from"react";var t=e.createContext({length:0,horizontalSize:0,verticalSize:0});export{t as SpaceContext};
+import t from "react";
+const o = t.createContext({
+  length: 0,
+  horizontalSize: 0,
+  verticalSize: 0
+});
+export {
+  o as SpaceContext
+};
+//# sourceMappingURL=utils.js.map