@lidofinance/lido-ui 1.10.13 → 2.0.0-next.2

package/LICENSE.txt

@@ -18,4 +18,4 @@ FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
 AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
 LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
 OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
-SOFTWARE.
+SOFTWARE.

package/README.md

@@ -4,6 +4,10 @@
 
 Check out our Storybook at [https://ui.lido.fi](https://ui.lido.fi)
 
+## Breaking Changes
+
+`useSystemTheme` hook will no longer return light theme as a fallback when system theme was not identified. A check needs to be added after upgrading.
+
 ## Getting Started
 
 Simply add `lido-ui` to your dependencies:
@@ -33,3 +37,63 @@ Simply import any components and use in your project:
 ```js
 import { Button } from '@lidofinance/lido-ui'
 ```
+
+## Developing
+
+- `yarn dev` - Start Storybook locally to start developing components.
+- `yarn build` - Build all components.
+- `yarn test` - Run tests across components.
+- `yarn lint` - Run eslint across components.
+
+### Initial setup
+
+1. To get started, install the dependencies:
+
+```
+yarn install
+```
+
+2. Build the packages:
+
+```
+yarn build
+```
+
+3. Run the storybook:
+
+```
+yarn dev
+```
+
+### Adding a new package
+
+#### Add files
+
+1. Add a new package directory into the `packages` dir.
+2. Add `package.json`, check other packages to find out what you can copy from their `package.json` files.
+3. Fill in correctly the `name` field in the `package.json`.
+4. Add `README.md` and `LICENSE.txt`. You can copy `tsconfig.json` and `.npmignore` from other packages.
+5. Add the `src` directory, where the package's code will be placed.
+
+#### Run commands in the following order
+
+```
+yarn combine
+```
+
+It triggers a script, which updates the main `lido-ui` package. The script finds all packages, including the new one,
+and adds them to dependencies of `lido-ui` and to exports in its index file.
+
+```
+yarn install && yarn build
+```
+
+## Publishing
+
+Packages are automatically published to npm when you push to master. The publication is based on [semantic-release](https://github.com/semantic-release/semantic-release) and [@qiwi/multi-semantic-release](https://github.com/qiwi/multi-semantic-release).
+
+For correct version detection, please follow the [conventional commit format](https://www.conventionalcommits.org/en/v1.0.0/).
+
+## Linking
+
+To include a local version of modified lido in your project, run `yarn link` in `packages/lido` and run `yarn link lido` in project you want to use it in. Make sure to run `yarn unlink lido` after it's no longer needed.

package/dist/cjs/accordion/src/Accordion.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _accordionStyles = require("./AccordionStyles");
+const _useExpanded = require("./useExpanded");
+function Accordion(props, ref) {
+    const { defaultExpanded , summary , children , ...rest } = props;
+    const { toggleProps , collapseProps , isExpanded  } = (0, _useExpanded.useExpanded)(props);
+    return /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionStyle, _extends({}, rest, {
+        ref: ref
+    }), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionSummaryStyle, _extends({}, toggleProps), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionTitleStyle, null, summary), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionArrowStyle, {
+        $expanded: isExpanded
+    })), /*#__PURE__*/ _react.default.createElement("div", _extends({}, collapseProps), /*#__PURE__*/ _react.default.createElement(_accordionStyles.AccordionContentStyle, null, children)));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Accordion);
+
+//# sourceMappingURL=Accordion.js.map

package/dist/cjs/accordion/src/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/Accordion.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { AccordionProps } from './types'\nimport {\n  AccordionStyle,\n  AccordionSummaryStyle,\n  AccordionTitleStyle,\n  AccordionArrowStyle,\n  AccordionContentStyle,\n} from './AccordionStyles'\nimport { useExpanded } from './useExpanded'\n\nfunction Accordion(props: AccordionProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { defaultExpanded, summary, children, ...rest } = props\n  const { toggleProps, collapseProps, isExpanded } = useExpanded(props)\n\n  return (\n    <AccordionStyle {...rest} ref={ref}>\n      <AccordionSummaryStyle {...toggleProps}>\n        <AccordionTitleStyle>{summary}</AccordionTitleStyle>\n        <AccordionArrowStyle $expanded={isExpanded} />\n      </AccordionSummaryStyle>\n      <div {...collapseProps}>\n        <AccordionContentStyle>{children}</AccordionContentStyle>\n      </div>\n    </AccordionStyle>\n  )\n}\n\nexport default forwardRef(Accordion)\n"],"names":["Accordion","props","ref","defaultExpanded","summary","children","rest","toggleProps","collapseProps","isExpanded","useExpanded","AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","$expanded","div","AccordionContentStyle","forwardRef"],"mappings":"AAAA;;;;+BA4BA,SAAoC;;aAApC,QAAoC;;;;6DA5BY,OAAO;iCAQhD,mBAAmB;6BACE,eAAe;AAE3C,SAASA,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,eAAe,CAAA,EAAEC,OAAO,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAC7D,MAAM,EAAEM,WAAW,CAAA,EAAEC,aAAa,CAAA,EAAEC,UAAU,CAAA,EAAE,GAAGC,IAAAA,YAAW,YAAA,EAACT,KAAK,CAAC;IAErE,qBACE,6BAACU,gBAAc,eAAA,eAAKL,IAAI;QAAEJ,GAAG,EAAEA,GAAG;sBAChC,6BAACU,gBAAqB,sBAAA,eAAKL,WAAW,iBACpC,6BAACM,gBAAmB,oBAAA,QAAET,OAAO,CAAuB,gBACpD,6BAACU,gBAAmB,oBAAA;QAACC,SAAS,EAAEN,UAAU;MAAI,CACxB,gBACxB,6BAACO,KAAG,eAAKR,aAAa,iBACpB,6BAACS,gBAAqB,sBAAA,QAAEZ,QAAQ,CAAyB,CACrD,CACS,CAClB;AACH,CAAC;MAED,QAAoC,iBAArBa,IAAAA,MAAU,WAAA,EAAClB,SAAS,CAAC"}

package/dist/cjs/accordion/src/AccordionStyles.js

@@ -0,0 +1,123 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AccordionStyle: ()=>AccordionStyle,
+    AccordionSummaryStyle: ()=>AccordionSummaryStyle,
+    AccordionTitleStyle: ()=>AccordionTitleStyle,
+    AccordionArrowStyle: ()=>AccordionArrowStyle,
+    AccordionContentStyle: ()=>AccordionContentStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _icons = require("../../icons/src/index");
+const AccordionStyle = _styledComponents.default.div`
+  margin: 0 0 ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.sm;
+}}px 0;
+  background: var(--lido-color-foreground);
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xl;
+}}px;
+`;
+const AccordionSummaryStyle = _styledComponents.default.div`
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px
+    ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  outline: none;
+  min-height: 40px;
+  box-sizing: content-box;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+`;
+const AccordionTitleStyle = _styledComponents.default.div`
+  color: var(--lido-color-text);
+  flex-grow: 1;
+  font-weight: 800;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xs;
+}}px;
+  line-height: 1.6em;
+`;
+const AccordionArrowStyle = (0, _styledComponents.default)(_icons.ArrowBottom)`
+  flex-shrink: 0;
+  transform: rotate(${(props)=>props.$expanded ? 180 : 0}deg);
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.norm;
+}} ease;
+  margin: -2px;
+  margin-left: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.md;
+}}px;
+  fill: var(--lido-color-textSecondary);
+`;
+const AccordionContentStyle = _styledComponents.default.div`
+  color: var(--lido-color-textSecondary);
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+  padding-top: 0;
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+    padding-top: 0;
+  }
+
+  p,
+  ul,
+  ol {
+    margin: 0 0 1.6em 0;
+
+    &:last-child {
+      margin-bottom: 0;
+    }
+  }
+
+  ul,
+  ol {
+    padding: 0 0 0 1.5em;
+  }
+`;
+
+//# sourceMappingURL=AccordionStyles.js.map

package/dist/cjs/accordion/src/AccordionStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/AccordionStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { ArrowBottom } from '@lidofinance/icons'\n\nexport const AccordionStyle = styled.div`\n  margin: 0 0 ${({ theme }) => theme.spaceMap.sm}px 0;\n  background: var(--lido-color-foreground);\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n`\n\nexport const AccordionSummaryStyle = styled.div`\n  padding: ${({ theme }) => theme.spaceMap.lg}px\n    ${({ theme }) => theme.spaceMap.xxl}px;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  outline: none;\n  min-height: 40px;\n  box-sizing: content-box;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const AccordionTitleStyle = styled.div`\n  color: var(--lido-color-text);\n  flex-grow: 1;\n  font-weight: 800;\n  font-size: ${({ theme }) => theme.fontSizesMap.xs}px;\n  line-height: 1.6em;\n`\n\nexport const AccordionArrowStyle = styled(ArrowBottom)<{ $expanded: boolean }>`\n  flex-shrink: 0;\n  transform: rotate(${(props) => (props.$expanded ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  margin: -2px;\n  margin-left: ${({ theme }) => theme.spaceMap.md}px;\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const AccordionContentStyle = styled.div`\n  color: var(--lido-color-textSecondary);\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n  padding-top: 0;\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n    padding-top: 0;\n  }\n\n  p,\n  ul,\n  ol {\n    margin: 0 0 1.6em 0;\n\n    &:last-child {\n      margin-bottom: 0;\n    }\n  }\n\n  ul,\n  ol {\n    padding: 0 0 0 1.5em;\n  }\n`\n"],"names":["AccordionStyle","AccordionSummaryStyle","AccordionTitleStyle","AccordionArrowStyle","AccordionContentStyle","styled","div","theme","spaceMap","sm","borderRadiusesMap","xl","lg","xxl","mediaQueries","md","fontSizesMap","xs","ArrowBottom","props","$expanded","duration","norm","xxs"],"mappings":"AAAA;;;;;;;;;;;IAGaA,cAAc,MAAdA,cAAc;IAMdC,qBAAqB,MAArBA,qBAAqB;IAerBC,mBAAmB,MAAnBA,mBAAmB;IAQnBC,mBAAmB,MAAnBA,mBAAmB;IASnBC,qBAAqB,MAArBA,qBAAqB;;;uEAzCf,mBAAmB;uBACV,uBAAoB;AAEzC,MAAMJ,cAAc,GAAGK,iBAAM,QAAA,CAACC,GAAG,CAAC;cAC3B,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,EAAE;AAAD,CAAC,CAAC;;iBAEhC,EAAE,SAAeF;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACG,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;AAC7D,CAAC;AAEM,MAAMV,qBAAqB,GAAGI,iBAAM,QAAA,CAACC,GAAG,CAAC;WACrC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;IAC1C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;;;;;;EAQtC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMV,mBAAmB,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;aAIjC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;;AAEpD,CAAC;AAEM,MAAMd,mBAAmB,GAAGE,IAAAA,iBAAM,QAAA,EAACa,MAAW,YAAA,CAAC,AAAwB,CAAC;;oBAE3D,EAAE,CAACC,KAAK,GAAMA,KAAK,CAACC,SAAS,GAAG,GAAG,GAAG,CAAC,AAAC,CAAC;wBACrC,EAAE,SAAeb;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACc,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;;eAE9C,EAAE,SAAef;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACO,EAAE;AAAD,CAAC,CAAC;;AAElD,CAAC;AAEM,MAAMX,qBAAqB,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC;;WAErC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACK,GAAG;AAAD,CAAC,CAAC;;;aAGlC,EAAE,SAAeN;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACS,YAAY,CAACO,GAAG;AAAD,CAAC,CAAC;;;EAGnD,EAAE,SAAehB;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACO,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeR;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACI,EAAE;AAAD,CAAC,CAAC;;;;;;;;;;;;;;;;;;AAkBhD,CAAC"}

package/dist/cjs/accordion/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Accordion", {
+    enumerable: true,
+    get: ()=>_accordion.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _accordion = /*#__PURE__*/ _interopRequireDefault(require("./Accordion"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/accordion/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/index.ts"],"sourcesContent":["export { default as Accordion } from './Accordion'\nexport * from './types'\n"],"names":["Accordion"],"mappings":"AAAA;;;;+BAAoBA,WAAS;;aAATA,UAAS,QAAA;;;;gEAAQ,aAAa;oBACpC,SAAS"}

package/dist/cjs/accordion/src/types.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = /*#__PURE__*/ _interopRequireDefault(require("react"));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/accordion/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type AccordionProps = LidoComponentProps<\n  'div',\n  {\n    defaultExpanded?: boolean\n    summary: React.ReactNode\n  }\n>\n"],"names":[],"mappings":"AAAA;;;;;4DACkB,OAAO"}

package/dist/cjs/accordion/src/useExpanded.js

@@ -0,0 +1,33 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "useExpanded", {
+    enumerable: true,
+    get: ()=>useExpanded
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _react = require("react");
+const _reactCollapsed = /*#__PURE__*/ _interopRequireDefault(require("react-collapsed"));
+const useExpanded = (param)=>{
+    let { defaultExpanded =false  } = param;
+    const [isExpanded, setExpanded] = (0, _react.useState)(defaultExpanded);
+    (0, _react.useEffect)(()=>{
+        setExpanded(defaultExpanded);
+    }, [
+        defaultExpanded
+    ]);
+    const handleToggle = (0, _react.useCallback)(()=>setExpanded((previous)=>!previous), []);
+    const { getToggleProps , getCollapseProps  } = (0, _reactCollapsed.default)({
+        isExpanded
+    });
+    return {
+        toggleProps: getToggleProps({
+            onClick: handleToggle
+        }),
+        collapseProps: getCollapseProps(),
+        isExpanded
+    };
+};
+
+//# sourceMappingURL=useExpanded.js.map

package/dist/cjs/accordion/src/useExpanded.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/accordion/src/useExpanded.ts"],"sourcesContent":["import { useCallback, useEffect, useState } from 'react'\nimport { AccordionProps } from './types'\nimport useCollapse from 'react-collapsed'\nimport {\n  GetCollapsePropsOutput,\n  GetTogglePropsOutput,\n} from 'react-collapsed/dist/types'\n\ntype UseExpanded = (props: AccordionProps) => {\n  toggleProps: GetTogglePropsOutput\n  collapseProps: GetCollapsePropsOutput\n  isExpanded: boolean\n}\n\nexport const useExpanded: UseExpanded = ({ defaultExpanded = false }) => {\n  const [isExpanded, setExpanded] = useState(defaultExpanded)\n\n  useEffect(() => {\n    setExpanded(defaultExpanded)\n  }, [defaultExpanded])\n\n  const handleToggle = useCallback(\n    () => setExpanded((previous) => !previous),\n    []\n  )\n\n  const { getToggleProps, getCollapseProps } = useCollapse({ isExpanded })\n\n  return {\n    toggleProps: getToggleProps({ onClick: handleToggle }),\n    collapseProps: getCollapseProps(),\n    isExpanded,\n  }\n}\n"],"names":["useExpanded","defaultExpanded","isExpanded","setExpanded","useState","useEffect","handleToggle","useCallback","previous","getToggleProps","getCollapseProps","useCollapse","toggleProps","onClick","collapseProps"],"mappings":"AAAA;;;;+BAcaA,aAAW;;aAAXA,WAAW;;;uBAdyB,OAAO;qEAEhC,iBAAiB;AAYlC,MAAMA,WAAW,GAAgB,SAAiC;QAAhC,EAAEC,eAAe,EAAG,KAAK,CAAA,EAAE;IAClE,MAAM,CAACC,UAAU,EAAEC,WAAW,CAAC,GAAGC,IAAAA,MAAQ,SAAA,EAACH,eAAe,CAAC;IAE3DI,IAAAA,MAAS,UAAA,EAAC,IAAM;QACdF,WAAW,CAACF,eAAe,CAAC;IAC9B,CAAC,EAAE;QAACA,eAAe;KAAC,CAAC;IAErB,MAAMK,YAAY,GAAGC,IAAAA,MAAW,YAAA,EAC9B,IAAMJ,WAAW,CAAC,CAACK,QAAQ,GAAK,CAACA,QAAQ,CAAC,EAC1C,EAAE,CACH;IAED,MAAM,EAAEC,cAAc,CAAA,EAAEC,gBAAgB,CAAA,EAAE,GAAGC,IAAAA,eAAW,QAAA,EAAC;QAAET,UAAU;KAAE,CAAC;IAExE,OAAO;QACLU,WAAW,EAAEH,cAAc,CAAC;YAAEI,OAAO,EAAEP,YAAY;SAAE,CAAC;QACtDQ,aAAa,EAAEJ,gBAAgB,EAAE;QACjCR,UAAU;KACX,CAAA;AACH,CAAC"}

package/dist/cjs/address/src/Address.js

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _addressStyles = require("./AddressStyles");
+const _trimAddress = require("./trimAddress");
+function Address(props, ref) {
+    const { symbols =3 , address , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_addressStyles.AddressStyle, _extends({}, rest, {
+        ref: ref
+    }), /*#__PURE__*/ _react.default.createElement(_addressStyles.AddressFullStyle, null, address), /*#__PURE__*/ _react.default.createElement(_addressStyles.AddressTrimmedStyle, null, (0, _trimAddress.trimAddress)(address, symbols)));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Address);
+
+//# sourceMappingURL=Address.js.map

package/dist/cjs/address/src/Address.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/Address.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { AddressProps } from './types'\nimport {\n  AddressStyle,\n  AddressFullStyle,\n  AddressTrimmedStyle,\n} from './AddressStyles'\nimport { trimAddress } from './trimAddress'\n\nfunction Address(props: AddressProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { symbols = 3, address, ...rest } = props\n\n  return (\n    <AddressStyle {...rest} ref={ref}>\n      <AddressFullStyle>{address}</AddressFullStyle>\n      <AddressTrimmedStyle>{trimAddress(address, symbols)}</AddressTrimmedStyle>\n    </AddressStyle>\n  )\n}\n\nexport default forwardRef(Address)\n"],"names":["Address","props","ref","symbols","address","rest","AddressStyle","AddressFullStyle","AddressTrimmedStyle","trimAddress","forwardRef"],"mappings":"AAAA;;;;+BAoBA,SAAkC;;aAAlC,QAAkC;;;;6DApBc,OAAO;+BAMhD,iBAAiB;6BACI,eAAe;AAE3C,SAASA,OAAO,CAACC,KAAmB,EAAEC,GAAkC,EAAE;IACxE,MAAM,EAAEC,OAAO,EAAG,CAAC,CAAA,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAE/C,qBACE,6BAACK,cAAY,aAAA,eAAKD,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAC9B,6BAACK,cAAgB,iBAAA,QAAEH,OAAO,CAAoB,gBAC9C,6BAACI,cAAmB,oBAAA,QAAEC,IAAAA,YAAW,YAAA,EAACL,OAAO,EAAED,OAAO,CAAC,CAAuB,CAC7D,CAChB;AACH,CAAC;MAED,QAAkC,iBAAnBO,IAAAA,MAAU,WAAA,EAACV,OAAO,CAAC"}

package/dist/cjs/address/src/AddressStyles.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    AddressStyle: ()=>AddressStyle,
+    AddressFullStyle: ()=>AddressFullStyle,
+    AddressTrimmedStyle: ()=>AddressTrimmedStyle
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const AddressStyle = _styledComponents.default.div`
+  position: relative;
+  display: inline-block;
+  font-weight: 400;
+`;
+const AddressFullStyle = _styledComponents.default.span`
+  position: absolute;
+  overflow: hidden;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  color: transparent;
+`;
+const AddressTrimmedStyle = _styledComponents.default.span`
+  user-select: none;
+  pointer-events: none;
+`;
+
+//# sourceMappingURL=AddressStyles.js.map

package/dist/cjs/address/src/AddressStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/AddressStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const AddressStyle = styled.div`\n  position: relative;\n  display: inline-block;\n  font-weight: 400;\n`\n\nexport const AddressFullStyle = styled.span`\n  position: absolute;\n  overflow: hidden;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  color: transparent;\n`\n\nexport const AddressTrimmedStyle = styled.span`\n  user-select: none;\n  pointer-events: none;\n`\n"],"names":["AddressStyle","AddressFullStyle","AddressTrimmedStyle","styled","div","span"],"mappings":"AAAA;;;;;;;;;;;IAEaA,YAAY,MAAZA,YAAY;IAMZC,gBAAgB,MAAhBA,gBAAgB;IAUhBC,mBAAmB,MAAnBA,mBAAmB;;;uEAlBb,mBAAmB;AAE/B,MAAMF,YAAY,GAAGG,iBAAM,QAAA,CAACC,GAAG,CAAC;;;;AAIvC,CAAC;AAEM,MAAMH,gBAAgB,GAAGE,iBAAM,QAAA,CAACE,IAAI,CAAC;;;;;;;;AAQ5C,CAAC;AAEM,MAAMH,mBAAmB,GAAGC,iBAAM,QAAA,CAACE,IAAI,CAAC;;;AAG/C,CAAC"}

package/dist/cjs/address/src/index.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Address", {
+    enumerable: true,
+    get: ()=>_address.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _address = /*#__PURE__*/ _interopRequireDefault(require("./Address"));
+_exportStar(require("./trimAddress"), exports);
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/address/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/index.ts"],"sourcesContent":["export { default as Address } from './Address'\nexport * from './trimAddress'\nexport * from './types'\n"],"names":["Address"],"mappings":"AAAA;;;;+BAAoBA,SAAO;;aAAPA,QAAO,QAAA;;;;8DAAQ,WAAW;oBAChC,eAAe;oBACf,SAAS"}

package/dist/cjs/address/src/trimAddress.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "trimAddress", {
+    enumerable: true,
+    get: ()=>trimAddress
+});
+const trimAddress = (address, symbols)=>{
+    if (symbols <= 0) return '';
+    if (symbols * 2 >= address.length) return address;
+    const left = address.slice(0, symbols);
+    const right = address.slice(-symbols);
+    return `${left}...${right}`;
+};
+
+//# sourceMappingURL=trimAddress.js.map

package/dist/cjs/address/src/trimAddress.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/trimAddress.ts"],"sourcesContent":["export const trimAddress = (address: string, symbols: number): string => {\n  if (symbols <= 0) return ''\n  if (symbols * 2 >= address.length) return address\n\n  const left = address.slice(0, symbols)\n  const right = address.slice(-symbols)\n\n  return `${left}...${right}`\n}\n"],"names":["trimAddress","address","symbols","length","left","slice","right"],"mappings":"AAAA;;;;+BAAaA,aAAW;;aAAXA,WAAW;;AAAjB,MAAMA,WAAW,GAAG,CAACC,OAAe,EAAEC,OAAe,GAAa;IACvE,IAAIA,OAAO,IAAI,CAAC,EAAE,OAAO,EAAE,CAAA;IAC3B,IAAIA,OAAO,GAAG,CAAC,IAAID,OAAO,CAACE,MAAM,EAAE,OAAOF,OAAO,CAAA;IAEjD,MAAMG,IAAI,GAAGH,OAAO,CAACI,KAAK,CAAC,CAAC,EAAEH,OAAO,CAAC;IACtC,MAAMI,KAAK,GAAGL,OAAO,CAACI,KAAK,CAAC,CAACH,OAAO,CAAC;IAErC,OAAO,CAAC,EAAEE,IAAI,CAAC,GAAG,EAAEE,KAAK,CAAC,CAAC,CAAA;AAC7B,CAAC"}

package/dist/cjs/address/src/types.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/address/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/address/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\n\nexport type AddressProps = LidoComponentProps<\n  'div',\n  {\n    address: string\n    symbols?: number\n  }\n>\n"],"names":[],"mappings":"AAAA"}

package/dist/cjs/block/src/Block.js

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _extends = require("@swc/helpers/lib/_extends.js").default;
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _react = /*#__PURE__*/ _interopRequireWildcard(require("react"));
+const _blockStyles = require("./BlockStyles");
+function Block(props, ref) {
+    const { color ='foreground' , variant ='flat' , paddingLess =false , ...rest } = props;
+    return /*#__PURE__*/ _react.default.createElement(_blockStyles.BlockStyle, _extends({
+        $color: color,
+        $variant: variant,
+        $paddingLess: paddingLess,
+        ref: ref
+    }, rest));
+}
+const _default = /*#__PURE__*/ (0, _react.forwardRef)(Block);
+
+//# sourceMappingURL=Block.js.map

package/dist/cjs/block/src/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/Block.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { BlockStyle } from './BlockStyles'\nimport { BlockProps } from './types'\n\nfunction Block(props: BlockProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    color = 'foreground',\n    variant = 'flat',\n    paddingLess = false,\n    ...rest\n  } = props\n\n  return (\n    <BlockStyle\n      $color={color}\n      $variant={variant}\n      $paddingLess={paddingLess}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(Block)\n"],"names":["Block","props","ref","color","variant","paddingLess","rest","BlockStyle","$color","$variant","$paddingLess","forwardRef"],"mappings":"AAAA;;;;+BAuBA,SAAgC;;aAAhC,QAAgC;;;;6DAvBgB,OAAO;6BAC5B,eAAe;AAG1C,SAASA,KAAK,CAACC,KAAiB,EAAEC,GAAkC,EAAE;IACpE,MAAM,EACJC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,MAAM,CAAA,EAChBC,WAAW,EAAG,KAAK,CAAA,EACnB,GAAGC,IAAI,EACR,GAAGL,KAAK;IAET,qBACE,6BAACM,YAAU,WAAA;QACTC,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEL,OAAO;QACjBM,YAAY,EAAEL,WAAW;QACzBH,GAAG,EAAEA,GAAG;OACJI,IAAI,EACR,CACH;AACH,CAAC;MAED,QAAgC,iBAAjBK,IAAAA,MAAU,WAAA,EAACX,KAAK,CAAC"}

package/dist/cjs/block/src/BlockStyles.js

@@ -0,0 +1,81 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "BlockStyle", {
+    enumerable: true,
+    get: ()=>BlockStyle
+});
+const _interopRequireWildcard = require("@swc/helpers/lib/_interop_require_wildcard.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireWildcard(require("styled-components"));
+const colors = {
+    foreground: (0, _styledComponents.css)`
+    background: var(--lido-color-foreground);
+    color: var(--lido-color-textSecondary);
+  `,
+    background: (0, _styledComponents.css)`
+    background: var(--lido-color-background);
+    color: var(--lido-color-textSecondary);
+  `,
+    accent: (0, _styledComponents.css)`
+    background: var(--lido-color-accent);
+    color: var(--lido-color-accentContrast);
+  `
+};
+const variants = {
+    flat: (0, _styledComponents.css)`
+    box-shadow: none;
+  `,
+    shadow: (0, _styledComponents.css)`
+    box-shadow: ${(param)=>{
+        let { theme  } = param;
+        return theme.boxShadows.lg;
+    }}
+      var(--lido-colors-shadowLight);
+  `
+};
+const paddings = (0, _styledComponents.css)`
+  padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.xxl;
+}}px;
+
+  ${(param)=>{
+    let { theme  } = param;
+    return theme.mediaQueries.md;
+}} {
+    padding: ${(param)=>{
+    let { theme  } = param;
+    return theme.spaceMap.lg;
+}}px;
+  }
+`;
+const BlockStyle = _styledComponents.default.div`
+  font-weight: 400;
+  font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+  line-height: 1.6em;
+  border-radius: ${(param)=>{
+    let { theme  } = param;
+    return theme.borderRadiusesMap.xl;
+}}px;
+  margin: 0;
+
+  ${(param)=>{
+    let { $paddingLess  } = param;
+    return !$paddingLess && paddings;
+}}
+
+  ${(param)=>{
+    let { $variant  } = param;
+    return variants[$variant];
+}}
+  ${(param)=>{
+    let { $color  } = param;
+    return colors[$color];
+}}
+`;
+
+//# sourceMappingURL=BlockStyles.js.map

package/dist/cjs/block/src/BlockStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/BlockStyles.tsx"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { BlockVariants, BlockColors } from './types'\n\ntype InjectedProps = {\n  $variant: BlockVariants\n  $color: BlockColors\n  $paddingLess: boolean\n  theme: Theme\n}\n\nconst colors = {\n  foreground: css`\n    background: var(--lido-color-foreground);\n    color: var(--lido-color-textSecondary);\n  `,\n  background: css`\n    background: var(--lido-color-background);\n    color: var(--lido-color-textSecondary);\n  `,\n  accent: css`\n    background: var(--lido-color-accent);\n    color: var(--lido-color-accentContrast);\n  `,\n}\n\nconst variants = {\n  flat: css`\n    box-shadow: none;\n  `,\n  shadow: css`\n    box-shadow: ${({ theme }) => theme.boxShadows.lg}\n      var(--lido-colors-shadowLight);\n  `,\n}\n\nconst paddings = css`\n  padding: ${({ theme }) => theme.spaceMap.xxl}px;\n\n  ${({ theme }) => theme.mediaQueries.md} {\n    padding: ${({ theme }) => theme.spaceMap.lg}px;\n  }\n`\n\nexport const BlockStyle = styled.div<InjectedProps>`\n  font-weight: 400;\n  font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n  line-height: 1.6em;\n  border-radius: ${({ theme }) => theme.borderRadiusesMap.xl}px;\n  margin: 0;\n\n  ${({ $paddingLess }) => !$paddingLess && paddings}\n\n  ${({ $variant }) => variants[$variant]}\n  ${({ $color }) => colors[$color]}\n`\n"],"names":["BlockStyle","colors","foreground","css","background","accent","variants","flat","shadow","theme","boxShadows","lg","paddings","spaceMap","xxl","mediaQueries","md","styled","div","fontSizesMap","xxs","borderRadiusesMap","xl","$paddingLess","$variant","$color"],"mappings":"AAAA;;;;+BA4CaA,YAAU;;aAAVA,UAAU;;;wEA5CK,mBAAmB;AAW/C,MAAMC,MAAM,GAAG;IACbC,UAAU,EAAEC,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDC,UAAU,EAAED,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGhB,CAAC;IACDE,MAAM,EAAEF,IAAAA,iBAAG,IAAA,CAAA,CAAC;;;EAGZ,CAAC;CACF;AAED,MAAMG,QAAQ,GAAG;IACfC,IAAI,EAAEJ,IAAAA,iBAAG,IAAA,CAAA,CAAC;;EAEV,CAAC;IACDK,MAAM,EAAEL,IAAAA,iBAAG,IAAA,CAAA,CAAC;gBACE,EAAE,SAAeM;YAAd,EAAEA,KAAK,CAAA,EAAE;eAAKA,KAAK,CAACC,UAAU,CAACC,EAAE;IAAD,CAAC,CAAC;;EAEnD,CAAC;CACF;AAED,MAAMC,QAAQ,GAAGT,IAAAA,iBAAG,IAAA,CAAA,CAAC;WACV,EAAE,SAAeM;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACC,GAAG;AAAD,CAAC,CAAC;;EAE7C,EAAE,SAAeL;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACM,YAAY,CAACC,EAAE;AAAD,CAAC,CAAC;aAC5B,EAAE,SAAeP;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACI,QAAQ,CAACF,EAAE;AAAD,CAAC,CAAC;;AAEhD,CAAC;AAEM,MAAMX,UAAU,GAAGiB,iBAAM,QAAA,CAACC,GAAG,AAAe,CAAC;;aAEvC,EAAE,SAAeT;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACU,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;iBAEpC,EAAE,SAAeX;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACY,iBAAiB,CAACC,EAAE;AAAD,CAAC,CAAC;;;EAG3D,EAAE,SAAsB;QAArB,EAAEC,YAAY,CAAA,EAAE;WAAK,CAACA,YAAY,IAAIX,QAAQ;AAAD,CAAC,CAAC;;EAElD,EAAE,SAAkBN;QAAjB,EAAEkB,QAAQ,CAAA,EAAE;WAAKlB,QAAQ,CAACkB,QAAQ,CAAC;AAAD,CAAC,CAAC;EACvC,EAAE,SAAgBvB;QAAf,EAAEwB,MAAM,CAAA,EAAE;WAAKxB,MAAM,CAACwB,MAAM,CAAC;AAAD,CAAC,CAAC;AACnC,CAAC"}

package/dist/cjs/block/src/index.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "Block", {
+    enumerable: true,
+    get: ()=>_block.default
+});
+const _exportStar = require("@swc/helpers/lib/_export_star.js").default;
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _block = /*#__PURE__*/ _interopRequireDefault(require("./Block"));
+_exportStar(require("./types"), exports);
+
+//# sourceMappingURL=index.js.map

package/dist/cjs/block/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/index.ts"],"sourcesContent":["export { default as Block } from './Block'\nexport * from './types'\n"],"names":["Block"],"mappings":"AAAA;;;;+BAAoBA,OAAK;;aAALA,MAAK,QAAA;;;;4DAAQ,SAAS;oBAC5B,SAAS"}

package/dist/cjs/block/src/types.js

@@ -0,0 +1,27 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+function _export(target, all) {
+    for(var name in all)Object.defineProperty(target, name, {
+        enumerable: true,
+        get: all[name]
+    });
+}
+_export(exports, {
+    BlockVariant: ()=>BlockVariant,
+    BlockColor: ()=>BlockColor
+});
+var BlockVariant;
+(function(BlockVariant) {
+    BlockVariant[BlockVariant["flat"] = 0] = "flat";
+    BlockVariant[BlockVariant["shadow"] = 1] = "shadow";
+})(BlockVariant || (BlockVariant = {}));
+var BlockColor;
+(function(BlockColor) {
+    BlockColor[BlockColor["foreground"] = 0] = "foreground";
+    BlockColor[BlockColor["background"] = 1] = "background";
+    BlockColor[BlockColor["accent"] = 2] = "accent";
+})(BlockColor || (BlockColor = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/cjs/block/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/block/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum BlockVariant {\n  flat,\n  shadow,\n}\nexport type BlockVariants = keyof typeof BlockVariant\n\nexport enum BlockColor {\n  foreground,\n  background,\n  accent,\n}\nexport type BlockColors = keyof typeof BlockColor\n\nexport type BlockProps = LidoComponentProps<\n  'div',\n  {\n    color?: BlockColors\n    variant?: BlockVariants\n    paddingLess?: boolean\n  }\n>\n"],"names":["BlockVariant","flat","shadow","BlockColor","foreground","background","accent"],"mappings":"AAAA;;;;;;;;;;;;;;IAGO,YAGN;UAHWA,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,MAAI,IAAJA,CAAI,IAAJA,MAAI;IADMD,YAAY,CAAZA,YAAY,CAEtBE,QAAM,IAANA,CAAM,IAANA,QAAM;GAFIF,YAAY,KAAZA,YAAY;IAMjB,UAIN;UAJWG,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpBC,YAAU,IAAVA,CAAU,IAAVA,YAAU;IADAD,UAAU,CAAVA,UAAU,CAEpBE,YAAU,IAAVA,CAAU,IAAVA,YAAU;IAFAF,UAAU,CAAVA,UAAU,CAGpBG,QAAM,IAANA,CAAM,IAANA,QAAM;GAHIH,UAAU,KAAVA,UAAU"}

package/dist/cjs/box/src/Box.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", {
+    value: true
+});
+Object.defineProperty(exports, "default", {
+    enumerable: true,
+    get: ()=>_default
+});
+const _interopRequireDefault = require("@swc/helpers/lib/_interop_require_default.js").default;
+const _styledComponents = /*#__PURE__*/ _interopRequireDefault(require("styled-components"));
+const _styledSystem = require("../../styled-system/src/index");
+const Box = _styledComponents.default.div``;
+const _default = (0, _styledSystem.withStyledSystem)(Box);
+
+//# sourceMappingURL=Box.js.map

package/dist/cjs/box/src/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/box/src/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { withStyledSystem } from '@lidofinance/styled-system'\n\nconst Box = styled.div``\n\nexport default withStyledSystem(Box)\n"],"names":["Box","styled","div","withStyledSystem"],"mappings":"AAAA;;;;+BAKA,SAAoC;;aAApC,QAAoC;;;uEALjB,mBAAmB;8BACL,+BAA4B;AAE7D,MAAMA,GAAG,GAAGC,iBAAM,QAAA,CAACC,GAAG,CAAC,CAAC;MAExB,QAAoC,GAArBC,IAAAA,aAAgB,iBAAA,EAACH,GAAG,CAAC"}