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

package/dist/esm/select/src/SelectArrowStyles.js

@@ -0,0 +1,31 @@
+import styled, { css } from "styled-components";
+import { ArrowBottom } from "../../icons/src/index";
+const commonCSS = css`
+  transform: rotate(${(param)=>{
+    let { $opened  } = param;
+    return $opened ? 180 : 0;
+}}deg);
+  transition: transform ${(param)=>{
+    let { theme  } = param;
+    return theme.duration.norm;
+}} ease;
+  opacity: ${(param)=>{
+    let { $disabled  } = param;
+    return $disabled ? 0.5 : 1;
+}};
+`;
+export const SelectArrowBigStyle = styled(ArrowBottom)`
+  ${commonCSS};
+  fill: var(--lido-color-textSecondary);
+`;
+export const SelectArrowSmallStyle = styled.div`
+  ${commonCSS};
+  color: var(--lido-color-text);
+
+  border: 3px solid currentColor;
+  border-bottom-width: 0px;
+  border-left-color: transparent;
+  border-right-color: transparent;
+`;
+
+//# sourceMappingURL=SelectArrowStyles.js.map

package/dist/esm/select/src/SelectArrowStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectArrowStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { ArrowBottom } from '@lidofinance/icons'\n\ntype InjectedProps = {\n  $opened: boolean\n  $disabled: boolean\n}\n\nconst commonCSS = css<InjectedProps>`\n  transform: rotate(${({ $opened }) => ($opened ? 180 : 0)}deg);\n  transition: transform ${({ theme }) => theme.duration.norm} ease;\n  opacity: ${({ $disabled }) => ($disabled ? 0.5 : 1)};\n`\n\nexport const SelectArrowBigStyle = styled(ArrowBottom)<InjectedProps>`\n  ${commonCSS};\n  fill: var(--lido-color-textSecondary);\n`\n\nexport const SelectArrowSmallStyle = styled.div<InjectedProps>`\n  ${commonCSS};\n  color: var(--lido-color-text);\n\n  border: 3px solid currentColor;\n  border-bottom-width: 0px;\n  border-left-color: transparent;\n  border-right-color: transparent;\n`\n"],"names":["styled","css","ArrowBottom","commonCSS","$opened","theme","duration","norm","$disabled","SelectArrowBigStyle","SelectArrowSmallStyle","div"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAC/C,SAASC,WAAW,QAAQ,uBAAoB,CAAA;AAOhD,MAAMC,SAAS,GAAGF,GAAG,AAAe,CAAC;oBACjB,EAAE,SAAiB;QAAhB,EAAEG,OAAO,CAAA,EAAE;WAAMA,OAAO,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC,CAAC;wBACnC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,QAAQ,CAACC,IAAI;AAAD,CAAC,CAAC;WAClD,EAAE,SAAmB;QAAlB,EAAEC,SAAS,CAAA,EAAE;WAAMA,SAAS,GAAG,GAAG,GAAG,CAAC;AAAA,CAAC,CAAC;AACtD,CAAC;AAED,OAAO,MAAMC,mBAAmB,GAAGT,MAAM,CAACE,WAAW,CAAC,AAAe,CAAC;EACpE,EAAEC,SAAS,CAAC;;AAEd,CAAC,CAAA;AAED,OAAO,MAAMO,qBAAqB,GAAGV,MAAM,CAACW,GAAG,AAAe,CAAC;EAC7D,EAAER,SAAS,CAAC;;;;;;;AAOd,CAAC,CAAA"}

package/dist/esm/select/src/SelectIcon.js

@@ -0,0 +1,15 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { SelectIconDecoratorStyle, SelectIconStyle } from "./SelectIconStyles";
+function SelectIcon(props, ref) {
+    const { icon , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(SelectIconStyle, _extends({}, rest, {
+        fullwidth: false,
+        arrow: "small",
+        leftDecorator: /*#__PURE__*/ React.createElement(SelectIconDecoratorStyle, null, icon),
+        ref: ref
+    }));
+}
+export default /*#__PURE__*/ forwardRef(SelectIcon);
+
+//# sourceMappingURL=SelectIcon.js.map

package/dist/esm/select/src/SelectIcon.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectIcon.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { SelectIconProps } from './types'\nimport { SelectIconDecoratorStyle, SelectIconStyle } from './SelectIconStyles'\n\nfunction SelectIcon(\n  props: SelectIconProps,\n  ref?: ForwardedRef<HTMLInputElement>\n) {\n  const { icon, ...rest } = props\n\n  return (\n    <SelectIconStyle\n      {...rest}\n      fullwidth={false}\n      arrow='small'\n      leftDecorator={\n        <SelectIconDecoratorStyle>{icon}</SelectIconDecoratorStyle>\n      }\n      ref={ref}\n    />\n  )\n}\n\nexport default forwardRef(SelectIcon)\n"],"names":["React","forwardRef","SelectIconDecoratorStyle","SelectIconStyle","SelectIcon","props","ref","icon","rest","fullwidth","arrow","leftDecorator"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,SAASC,wBAAwB,EAAEC,eAAe,QAAQ,oBAAoB,CAAA;AAE9E,SAASC,UAAU,CACjBC,KAAsB,EACtBC,GAAoC,EACpC;IACA,MAAM,EAAEC,IAAI,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAE/B,qBACE,oBAACF,eAAe,eACVK,IAAI;QACRC,SAAS,EAAE,KAAK;QAChBC,KAAK,EAAC,OAAO;QACbC,aAAa,gBACX,oBAACT,wBAAwB,QAAEK,IAAI,CAA4B;QAE7DD,GAAG,EAAEA,GAAG;OACR,CACH;AACH,CAAC;AAED,6BAAeL,UAAU,CAACG,UAAU,CAAC,CAAA"}

package/dist/esm/select/src/SelectIconStyles.js

@@ -0,0 +1,18 @@
+import styled from "styled-components";
+import Select from "./Select";
+export const SelectIconStyle = styled(Select)`
+  input {
+    width: 0;
+  }
+`;
+export const SelectIconDecoratorStyle = styled.span`
+  margin-right: -24px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+
+  align-self: stretch;
+  justify-self: stretch;
+`;
+
+//# sourceMappingURL=SelectIconStyles.js.map

package/dist/esm/select/src/SelectIconStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectIconStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport Select from './Select'\n\nexport const SelectIconStyle = styled(Select)`\n  input {\n    width: 0;\n  }\n`\n\nexport const SelectIconDecoratorStyle = styled.span`\n  margin-right: -24px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  align-self: stretch;\n  justify-self: stretch;\n`\n"],"names":["styled","Select","SelectIconStyle","SelectIconDecoratorStyle","span"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AACtC,OAAOC,MAAM,MAAM,UAAU,CAAA;AAE7B,OAAO,MAAMC,eAAe,GAAGF,MAAM,CAACC,MAAM,CAAC,CAAC;;;;AAI9C,CAAC,CAAA;AAED,OAAO,MAAME,wBAAwB,GAAGH,MAAM,CAACI,IAAI,CAAC;;;;;;;;AAQpD,CAAC,CAAA"}

package/dist/esm/select/src/SelectStyles.js

@@ -0,0 +1,40 @@
+import styled, { css } from "styled-components";
+import { Input } from "../../input/src/index";
+const smallCSS = css`
+  input {
+    font-size: ${(param)=>{
+    let { theme  } = param;
+    return theme.fontSizesMap.xxs;
+}}px;
+    line-height: 1.7em;
+    letter-spacing: 0.04em;
+    text-transform: uppercase;
+    font-weight: 800;
+  }
+`;
+export const SelectWrapperStyle = styled(Input)`
+  &,
+  input {
+    user-select: none;
+    cursor: ${(param)=>{
+    let { disabled  } = param;
+    return disabled ? 'default' : 'pointer';
+}};
+
+    &::selection {
+      background: transparent;
+    }
+  }
+
+  input {
+    appearance: none;
+    overflow: hidden;
+  }
+
+  ${(param)=>{
+    let { variant  } = param;
+    return variant === 'small' ? smallCSS : '';
+}}
+`;
+
+//# sourceMappingURL=SelectStyles.js.map

package/dist/esm/select/src/SelectStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/SelectStyles.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { Input } from '@lidofinance/input'\nimport { SelectProps } from './types'\n\nconst smallCSS = css`\n  input {\n    font-size: ${({ theme }) => theme.fontSizesMap.xxs}px;\n    line-height: 1.7em;\n    letter-spacing: 0.04em;\n    text-transform: uppercase;\n    font-weight: 800;\n  }\n`\n\nexport const SelectWrapperStyle = styled(Input)<SelectProps>`\n  &,\n  input {\n    user-select: none;\n    cursor: ${({ disabled }) => (disabled ? 'default' : 'pointer')};\n\n    &::selection {\n      background: transparent;\n    }\n  }\n\n  input {\n    appearance: none;\n    overflow: hidden;\n  }\n\n  ${({ variant }) => (variant === 'small' ? smallCSS : '')}\n`\n"],"names":["styled","css","Input","smallCSS","theme","fontSizesMap","xxs","SelectWrapperStyle","disabled","variant"],"mappings":"AAAA,OAAOA,MAAM,IAAIC,GAAG,QAAQ,mBAAmB,CAAA;AAC/C,SAASC,KAAK,QAAQ,uBAAoB,CAAA;AAG1C,MAAMC,QAAQ,GAAGF,GAAG,CAAC;;eAEN,EAAE,SAAeG;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK,CAACC,YAAY,CAACC,GAAG;AAAD,CAAC,CAAC;;;;;;AAMvD,CAAC;AAED,OAAO,MAAMC,kBAAkB,GAAGP,MAAM,CAACE,KAAK,CAAC,AAAa,CAAC;;;;YAIjD,EAAE,SAAkB;QAAjB,EAAEM,QAAQ,CAAA,EAAE;WAAMA,QAAQ,GAAG,SAAS,GAAG,SAAS;AAAA,CAAC,CAAC;;;;;;;;;;;;EAYjE,EAAE,SAAiB;QAAhB,EAAEC,OAAO,CAAA,EAAE;WAAMA,OAAO,KAAK,OAAO,GAAGN,QAAQ,GAAG,EAAE;AAAA,CAAC,CAAC;AAC3D,CAAC,CAAA"}

package/dist/esm/select/src/index.js

@@ -0,0 +1,6 @@
+export { default as Select } from "./Select";
+export { default as SelectIcon } from "./SelectIcon";
+export { default as Option } from "./Option";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/select/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/index.ts"],"sourcesContent":["export { default as Select } from './Select'\nexport { default as SelectIcon } from './SelectIcon'\nexport { default as Option } from './Option'\nexport * from './types'\n"],"names":["default","Select","SelectIcon","Option"],"mappings":"AAAA,SAASA,OAAO,IAAIC,MAAM,QAAQ,UAAU,CAAA;AAC5C,SAASD,OAAO,IAAIE,UAAU,QAAQ,cAAc,CAAA;AACpD,SAASF,OAAO,IAAIG,MAAM,QAAQ,UAAU,CAAA;AAC5C,cAAc,SAAS,CAAA"}

package/dist/esm/select/src/types.js

@@ -0,0 +1,8 @@
+import React from "react";
+export var SelectArrow;
+(function(SelectArrow) {
+    SelectArrow[SelectArrow["small"] = 0] = "small";
+    SelectArrow[SelectArrow["default"] = 1] = "default";
+})(SelectArrow || (SelectArrow = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/select/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/types.ts"],"sourcesContent":["import { InputProps } from '@lidofinance/input'\nimport { PopupMenuItemProps } from '@lidofinance/popup-menu'\nimport React from 'react'\nexport type { Theme } from '@lidofinance/theme'\n\nexport type OptionValue = string | number\nexport type SelectHandleChange = (value: OptionValue) => void\n\nexport enum SelectArrow {\n  small,\n  default,\n}\nexport type SelectArrows = keyof typeof SelectArrow\n\nexport type SelectProps = Omit<\n  InputProps,\n  'type' | 'readonly' | 'onChange' | 'value' | 'defaultValue'\n> & {\n  anchorRef?: React.RefObject<HTMLElement | null>\n  arrow?: SelectArrows\n  value?: OptionValue\n  defaultValue?: OptionValue\n  onChange: SelectHandleChange\n}\n\nexport type SelectIconProps = Omit<\n  SelectProps,\n  'leftDecorator' | 'fullwidth' | 'arrow'\n> & {\n  icon: React.ReactNode\n}\n\nexport type OptionProps = Omit<PopupMenuItemProps, 'value' | 'children'> & {\n  value: OptionValue\n  children: string\n  onChange?: SelectHandleChange\n}\n"],"names":["React","SelectArrow","small","default"],"mappings":"AAEA,OAAOA,KAAK,MAAM,OAAO,CAAA;WAMlB,WAGN;UAHWC,WAAW;IAAXA,WAAW,CAAXA,WAAW,CACrBC,OAAK,IAALA,CAAK,IAALA,OAAK;IADKD,WAAW,CAAXA,WAAW,CAErBE,SAAO,IAAPA,CAAO,IAAPA,SAAO;GAFGF,WAAW,KAAXA,WAAW"}

package/dist/esm/select/src/useSelect.js

@@ -0,0 +1,89 @@
+import React, { useCallback, useMemo, useState, Children, cloneElement, useEffect } from "react";
+import { isElement } from "react-is";
+export const useSelect = (props)=>{
+    const { disabled , onClick , onChange , onKeyDown , children  } = props;
+    const [opened, setOpened] = useState(false);
+    const handleOpen = useCallback(()=>{
+        if (disabled) return;
+        setOpened(true);
+    }, [
+        disabled
+    ]);
+    const handleClick = useCallback((event)=>{
+        handleOpen();
+        onClick === null || onClick === void 0 ? void 0 : onClick(event);
+    }, [
+        handleOpen,
+        onClick
+    ]);
+    const handleClose = useCallback(()=>{
+        setOpened(false);
+    }, []);
+    const handleChange = useCallback((value)=>{
+        handleClose();
+        setLocalValue(value);
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+    }, [
+        handleClose,
+        onChange
+    ]);
+    const handleKeyDown = useCallback((event)=>{
+        if ([
+            'ArrowDown',
+            'ArrowUp',
+            'Enter',
+            ' '
+        ].includes(event.key)) {
+            event.preventDefault();
+            handleOpen();
+        }
+        onKeyDown === null || onKeyDown === void 0 ? void 0 : onKeyDown(event);
+    }, [
+        handleOpen,
+        onKeyDown
+    ]);
+    var _value, ref;
+    const outerValue = (ref = (_value = props.value) !== null && _value !== void 0 ? _value : props.defaultValue) !== null && ref !== void 0 ? ref : null;
+    const [localValue, setLocalValue] = useState(outerValue);
+    useEffect(()=>{
+        setLocalValue(outerValue);
+    }, [
+        outerValue
+    ]);
+    const { values , options  } = useMemo(()=>{
+        const values = new Map();
+        const options = Children.map(children, (child)=>{
+            if (!isElement(child)) return child;
+            const value = child.props.value;
+            const title = String(child.props.children);
+            if (values.get(value) === undefined) {
+                values.set(value, title);
+            }
+            return cloneElement(child, {
+                active: value === localValue,
+                onChange: handleChange
+            });
+        });
+        return {
+            values,
+            options
+        };
+    }, [
+        localValue,
+        children,
+        handleChange
+    ]);
+    const selectedTitle = localValue != null ? values.get(localValue) : null;
+    const defaultTitle = String(localValue !== null && localValue !== void 0 ? localValue : '');
+    const title = selectedTitle !== null && selectedTitle !== void 0 ? selectedTitle : defaultTitle;
+    return {
+        handleClick,
+        handleClose,
+        handleKeyDown,
+        opened,
+        title,
+        options
+    };
+};
+
+//# sourceMappingURL=useSelect.js.map

package/dist/esm/select/src/useSelect.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/useSelect.ts"],"sourcesContent":["import React, {\n  useCallback,\n  useMemo,\n  useState,\n  Children,\n  cloneElement,\n  useEffect,\n} from 'react'\nimport { isElement } from 'react-is'\nimport { SelectProps, SelectHandleChange, OptionValue } from './types'\n\ntype SelectHandleClick = (\n  event: React.MouseEvent<HTMLInputElement, MouseEvent>\n) => void\n\ntype SelectHandleKeyDown = (\n  event: React.KeyboardEvent<HTMLInputElement>\n) => void\n\ntype SelectHandleClose = () => void\n\ntype UseSelect = (props: SelectProps) => {\n  handleClick: SelectHandleClick\n  handleClose: SelectHandleClose\n  handleKeyDown: SelectHandleKeyDown\n  opened: boolean\n  title: string\n  options: React.ReactNode\n}\n\nexport const useSelect: UseSelect = (props) => {\n  const { disabled, onClick, onChange, onKeyDown, children } = props\n  const [opened, setOpened] = useState(false)\n\n  const handleOpen = useCallback(() => {\n    if (disabled) return\n    setOpened(true)\n  }, [disabled])\n\n  const handleClick: SelectHandleClick = useCallback(\n    (event) => {\n      handleOpen()\n      onClick?.(event)\n    },\n    [handleOpen, onClick]\n  )\n\n  const handleClose = useCallback(() => {\n    setOpened(false)\n  }, [])\n\n  const handleChange: SelectHandleChange = useCallback(\n    (value) => {\n      handleClose()\n      setLocalValue(value)\n      onChange?.(value)\n    },\n    [handleClose, onChange]\n  )\n\n  const handleKeyDown: SelectHandleKeyDown = useCallback(\n    (event) => {\n      if (['ArrowDown', 'ArrowUp', 'Enter', ' '].includes(event.key)) {\n        event.preventDefault()\n        handleOpen()\n      }\n      onKeyDown?.(event)\n    },\n    [handleOpen, onKeyDown]\n  )\n\n  const outerValue = props.value ?? props.defaultValue ?? null\n  const [localValue, setLocalValue] = useState<OptionValue | null>(outerValue)\n\n  useEffect(() => {\n    setLocalValue(outerValue)\n  }, [outerValue])\n\n  const { values, options } = useMemo(() => {\n    const values = new Map<OptionValue, string>()\n\n    const options: React.ReactNode = Children.map(children, (child) => {\n      if (!isElement(child)) return child\n\n      const value = child.props.value\n      const title = String(child.props.children)\n\n      if (values.get(value) === undefined) {\n        values.set(value, title)\n      }\n\n      return cloneElement(child, {\n        active: value === localValue,\n        onChange: handleChange,\n      })\n    })\n\n    return { values, options }\n  }, [localValue, children, handleChange])\n\n  const selectedTitle = localValue != null ? values.get(localValue) : null\n  const defaultTitle = String(localValue ?? '')\n  const title = selectedTitle ?? defaultTitle\n\n  return {\n    handleClick,\n    handleClose,\n    handleKeyDown,\n    opened,\n    title,\n    options,\n  }\n}\n"],"names":["React","useCallback","useMemo","useState","Children","cloneElement","useEffect","isElement","useSelect","props","disabled","onClick","onChange","onKeyDown","children","opened","setOpened","handleOpen","handleClick","event","handleClose","handleChange","value","setLocalValue","handleKeyDown","includes","key","preventDefault","outerValue","defaultValue","localValue","values","options","Map","map","child","title","String","get","undefined","set","active","selectedTitle","defaultTitle"],"mappings":"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"}

package/dist/esm/select/src/useSelectWidth.js

@@ -0,0 +1,24 @@
+import React, { useCallback, useState, useEffect } from "react";
+export const useSelectWidth = (opened, anchorRef)=>{
+    const [width, setWidth] = useState();
+    const updateWidth = useCallback(()=>{
+        if (!anchorRef.current) return;
+        const rect = anchorRef.current.getBoundingClientRect();
+        setWidth(rect.width);
+    }, [
+        anchorRef
+    ]);
+    useEffect(()=>{
+        if (!opened || !anchorRef.current) return;
+        const observer = new ResizeObserver(updateWidth);
+        observer.observe(anchorRef.current);
+        return ()=>observer.disconnect();
+    }, [
+        opened,
+        anchorRef,
+        updateWidth
+    ]);
+    return width;
+};
+
+//# sourceMappingURL=useSelectWidth.js.map

package/dist/esm/select/src/useSelectWidth.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/select/src/useSelectWidth.ts"],"sourcesContent":["import React, { useCallback, useState, useEffect } from 'react'\n\nexport const useSelectWidth = <T extends HTMLElement>(\n  opened: boolean,\n  anchorRef: React.RefObject<T | null>\n): number | undefined => {\n  const [width, setWidth] = useState<number>()\n\n  const updateWidth = useCallback(() => {\n    if (!anchorRef.current) return\n    const rect = anchorRef.current.getBoundingClientRect()\n\n    setWidth(rect.width)\n  }, [anchorRef])\n\n  useEffect(() => {\n    if (!opened || !anchorRef.current) return\n\n    const observer = new ResizeObserver(updateWidth)\n    observer.observe(anchorRef.current)\n\n    return (): void => observer.disconnect()\n  }, [opened, anchorRef, updateWidth])\n\n  return width\n}\n"],"names":["React","useCallback","useState","useEffect","useSelectWidth","opened","anchorRef","width","setWidth","updateWidth","current","rect","getBoundingClientRect","observer","ResizeObserver","observe","disconnect"],"mappings":"AAAA,OAAOA,KAAK,IAAIC,WAAW,EAAEC,QAAQ,EAAEC,SAAS,QAAQ,OAAO,CAAA;AAE/D,OAAO,MAAMC,cAAc,GAAG,CAC5BC,MAAe,EACfC,SAAoC,GACb;IACvB,MAAM,CAACC,KAAK,EAAEC,QAAQ,CAAC,GAAGN,QAAQ,EAAU;IAE5C,MAAMO,WAAW,GAAGR,WAAW,CAAC,IAAM;QACpC,IAAI,CAACK,SAAS,CAACI,OAAO,EAAE,OAAM;QAC9B,MAAMC,IAAI,GAAGL,SAAS,CAACI,OAAO,CAACE,qBAAqB,EAAE;QAEtDJ,QAAQ,CAACG,IAAI,CAACJ,KAAK,CAAC;IACtB,CAAC,EAAE;QAACD,SAAS;KAAC,CAAC;IAEfH,SAAS,CAAC,IAAM;QACd,IAAI,CAACE,MAAM,IAAI,CAACC,SAAS,CAACI,OAAO,EAAE,OAAM;QAEzC,MAAMG,QAAQ,GAAG,IAAIC,cAAc,CAACL,WAAW,CAAC;QAChDI,QAAQ,CAACE,OAAO,CAACT,SAAS,CAACI,OAAO,CAAC;QAEnC,OAAO,IAAYG,QAAQ,CAACG,UAAU,EAAE,CAAA;IAC1C,CAAC,EAAE;QAACX,MAAM;QAAEC,SAAS;QAAEG,WAAW;KAAC,CAAC;IAEpC,OAAOF,KAAK,CAAA;AACd,CAAC,CAAA"}

package/dist/esm/service-page/src/ServicePage.js

@@ -0,0 +1,16 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { ServicePageStyle, ServicePageInsideStyle } from "./ServicePageStyles";
+import { H1 } from "../../heading/src/index";
+import { Text } from "../../text/src/index";
+function ServicePage(props, ref) {
+    const { title , children , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(ServicePageStyle, _extends({}, rest, {
+        ref: ref
+    }), /*#__PURE__*/ React.createElement(ServicePageInsideStyle, null, /*#__PURE__*/ React.createElement(H1, null, title), /*#__PURE__*/ React.createElement(Text, {
+        color: "secondary"
+    }, children)));
+}
+export default /*#__PURE__*/ forwardRef(ServicePage);
+
+//# sourceMappingURL=ServicePage.js.map

package/dist/esm/service-page/src/ServicePage.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/service-page/src/ServicePage.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { ServicePageStyle, ServicePageInsideStyle } from './ServicePageStyles'\nimport { H1 } from '@lidofinance/heading'\nimport { Text } from '@lidofinance/text'\nimport { ServicePageProps } from './types'\n\nfunction ServicePage(\n  props: ServicePageProps,\n  ref?: ForwardedRef<HTMLDivElement>\n) {\n  const { title, children, ...rest } = props\n  return (\n    <ServicePageStyle {...rest} ref={ref}>\n      <ServicePageInsideStyle>\n        <H1>{title}</H1>\n        <Text color='secondary'>{children}</Text>\n      </ServicePageInsideStyle>\n    </ServicePageStyle>\n  )\n}\n\nexport default forwardRef(ServicePage)\n"],"names":["React","forwardRef","ServicePageStyle","ServicePageInsideStyle","H1","Text","ServicePage","props","ref","title","children","rest","color"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,gBAAgB,EAAEC,sBAAsB,QAAQ,qBAAqB,CAAA;AAC9E,SAASC,EAAE,QAAQ,yBAAsB,CAAA;AACzC,SAASC,IAAI,QAAQ,sBAAmB,CAAA;AAGxC,SAASC,WAAW,CAClBC,KAAuB,EACvBC,GAAkC,EAClC;IACA,MAAM,EAAEC,KAAK,CAAA,EAAEC,QAAQ,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGJ,KAAK;IAC1C,qBACE,oBAACL,gBAAgB,eAAKS,IAAI;QAAEH,GAAG,EAAEA,GAAG;sBAClC,oBAACL,sBAAsB,sBACrB,oBAACC,EAAE,QAAEK,KAAK,CAAM,gBAChB,oBAACJ,IAAI;QAACO,KAAK,EAAC,WAAW;OAAEF,QAAQ,CAAQ,CAClB,CACR,CACpB;AACH,CAAC;AAED,6BAAeT,UAAU,CAACK,WAAW,CAAC,CAAA"}

package/dist/esm/service-page/src/ServicePageStyles.js

@@ -0,0 +1,17 @@
+import styled from "styled-components";
+export const ServicePageStyle = styled.div`
+  height: 100vh;
+  display: flex;
+  align-items: center;
+  text-align: center;
+`;
+export const ServicePageInsideStyle = styled.div`
+  box-sizing: border-box;
+  margin: 0 auto;
+  min-width: 320px;
+  width: 100%;
+  padding: 0 32px;
+  max-width: 560px;
+`;
+
+//# sourceMappingURL=ServicePageStyles.js.map

package/dist/esm/service-page/src/ServicePageStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/service-page/src/ServicePageStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nexport const ServicePageStyle = styled.div`\n  height: 100vh;\n  display: flex;\n  align-items: center;\n  text-align: center;\n`\n\nexport const ServicePageInsideStyle = styled.div`\n  box-sizing: border-box;\n  margin: 0 auto;\n  min-width: 320px;\n  width: 100%;\n  padding: 0 32px;\n  max-width: 560px;\n`\n"],"names":["styled","ServicePageStyle","div","ServicePageInsideStyle"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,MAAMC,gBAAgB,GAAGD,MAAM,CAACE,GAAG,CAAC;;;;;AAK3C,CAAC,CAAA;AAED,OAAO,MAAMC,sBAAsB,GAAGH,MAAM,CAACE,GAAG,CAAC;;;;;;;AAOjD,CAAC,CAAA"}

package/dist/esm/service-page/src/index.js

@@ -0,0 +1,4 @@
+export { default as ServicePage } from "./ServicePage";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/service-page/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/service-page/src/index.ts"],"sourcesContent":["export { default as ServicePage } from './ServicePage'\nexport * from './types'\n"],"names":["default","ServicePage"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe,CAAA;AACtD,cAAc,SAAS,CAAA"}

package/dist/esm/service-page/src/types.js

@@ -0,0 +1,3 @@
+import React from "react";
+
+//# sourceMappingURL=types.js.map

package/dist/esm/service-page/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/service-page/src/types.ts"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nimport React from 'react'\n\nexport type ServicePageProps = LidoComponentProps<\n  'div',\n  {\n    title: React.ReactNode\n  }\n>\n"],"names":["React"],"mappings":"AACA,OAAOA,KAAK,MAAM,OAAO,CAAA"}

package/dist/esm/stack/src/HStack.js

@@ -0,0 +1,14 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import Stack from "./Stack";
+function HStack(props, ref) {
+    const { reverse =false , ...rest } = props;
+    const direction = reverse ? 'row-reverse' : 'row';
+    return /*#__PURE__*/ React.createElement(Stack, _extends({
+        direction: direction,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(HStack);
+
+//# sourceMappingURL=HStack.js.map

package/dist/esm/stack/src/HStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/HStack.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { HStackProps } from './types'\nimport Stack from './Stack'\n\nfunction HStack(props: HStackProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { reverse = false, ...rest } = props\n  const direction = reverse ? 'row-reverse' : 'row'\n\n  return <Stack direction={direction} ref={ref} {...rest} />\n}\n\nexport default forwardRef(HStack)\n"],"names":["React","forwardRef","Stack","HStack","props","ref","reverse","rest","direction"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,OAAOC,KAAK,MAAM,SAAS,CAAA;AAE3B,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAkC,EAAE;IACtE,MAAM,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAC1C,MAAMI,SAAS,GAAGF,OAAO,GAAG,aAAa,GAAG,KAAK;IAEjD,qBAAO,oBAACJ,KAAK;QAACM,SAAS,EAAEA,SAAS;QAAEH,GAAG,EAAEA,GAAG;OAAME,IAAI,EAAI,CAAA;AAC5D,CAAC;AAED,6BAAeN,UAAU,CAACE,MAAM,CAAC,CAAA"}

package/dist/esm/stack/src/Stack.js

@@ -0,0 +1,20 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { StackProvider } from "./StackProvider";
+import { StackStyle } from "./StackStyles";
+function Stack(props, ref) {
+    const { align ='flex-start' , justify ='flex-start' , direction ='row' , wrap ='wrap' , spacing , children , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(StackStyle, _extends({
+        $align: align,
+        $justify: justify,
+        $direction: direction,
+        $wrap: wrap,
+        $spacing: spacing,
+        ref: ref
+    }, rest), /*#__PURE__*/ React.createElement(StackProvider, {
+        spacing: spacing
+    }, children));
+}
+export default /*#__PURE__*/ forwardRef(Stack);
+
+//# sourceMappingURL=Stack.js.map

package/dist/esm/stack/src/Stack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/Stack.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { StackProvider } from './StackProvider'\nimport { StackStyle } from './StackStyles'\nimport { StackProps } from './types'\n\nfunction Stack(props: StackProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const {\n    align = 'flex-start',\n    justify = 'flex-start',\n    direction = 'row',\n    wrap = 'wrap',\n    spacing,\n    children,\n    ...rest\n  } = props\n\n  return (\n    <StackStyle\n      $align={align}\n      $justify={justify}\n      $direction={direction}\n      $wrap={wrap}\n      $spacing={spacing}\n      ref={ref}\n      {...rest}\n    >\n      <StackProvider spacing={spacing}>{children}</StackProvider>\n    </StackStyle>\n  )\n}\n\nexport default forwardRef(Stack)\n"],"names":["React","forwardRef","StackProvider","StackStyle","Stack","props","ref","align","justify","direction","wrap","spacing","children","rest","$align","$justify","$direction","$wrap","$spacing"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,aAAa,QAAQ,iBAAiB,CAAA;AAC/C,SAASC,UAAU,QAAQ,eAAe,CAAA;AAG1C,SAASC,KAAK,CAACC,KAAiB,EAAEC,GAAkC,EAAE;IACpE,MAAM,EACJC,KAAK,EAAG,YAAY,CAAA,EACpBC,OAAO,EAAG,YAAY,CAAA,EACtBC,SAAS,EAAG,KAAK,CAAA,EACjBC,IAAI,EAAG,MAAM,CAAA,EACbC,OAAO,CAAA,EACPC,QAAQ,CAAA,EACR,GAAGC,IAAI,EACR,GAAGR,KAAK;IAET,qBACE,oBAACF,UAAU;QACTW,MAAM,EAAEP,KAAK;QACbQ,QAAQ,EAAEP,OAAO;QACjBQ,UAAU,EAAEP,SAAS;QACrBQ,KAAK,EAAEP,IAAI;QACXQ,QAAQ,EAAEP,OAAO;QACjBL,GAAG,EAAEA,GAAG;OACJO,IAAI,iBAER,oBAACX,aAAa;QAACS,OAAO,EAAEA,OAAO;OAAGC,QAAQ,CAAiB,CAChD,CACd;AACH,CAAC;AAED,6BAAeX,UAAU,CAACG,KAAK,CAAC,CAAA"}

package/dist/esm/stack/src/StackItem.js

@@ -0,0 +1,18 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import { StackItemStyle } from "./StackItemStyles";
+import { useStackContext } from "./StackProvider";
+function StackItem(props, ref) {
+    const { grow =0 , shrink =0 , basis ='auto' , ...rest } = props;
+    const { spacing  } = useStackContext();
+    return /*#__PURE__*/ React.createElement(StackItemStyle, _extends({
+        $grow: grow,
+        $shrink: shrink,
+        $basis: basis,
+        $spacing: spacing,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(StackItem);
+
+//# sourceMappingURL=StackItem.js.map

package/dist/esm/stack/src/StackItem.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/StackItem.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { StackItemStyle } from './StackItemStyles'\nimport { useStackContext } from './StackProvider'\nimport { StackItemProps } from './types'\n\nfunction StackItem(props: StackItemProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { grow = 0, shrink = 0, basis = 'auto', ...rest } = props\n  const { spacing } = useStackContext()\n\n  return (\n    <StackItemStyle\n      $grow={grow}\n      $shrink={shrink}\n      $basis={basis}\n      $spacing={spacing}\n      ref={ref}\n      {...rest}\n    />\n  )\n}\n\nexport default forwardRef(StackItem)\n"],"names":["React","forwardRef","StackItemStyle","useStackContext","StackItem","props","ref","grow","shrink","basis","rest","spacing","$grow","$shrink","$basis","$spacing"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AACvD,SAASC,cAAc,QAAQ,mBAAmB,CAAA;AAClD,SAASC,eAAe,QAAQ,iBAAiB,CAAA;AAGjD,SAASC,SAAS,CAACC,KAAqB,EAAEC,GAAkC,EAAE;IAC5E,MAAM,EAAEC,IAAI,EAAG,CAAC,CAAA,EAAEC,MAAM,EAAG,CAAC,CAAA,EAAEC,KAAK,EAAG,MAAM,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGL,KAAK;IAC/D,MAAM,EAAEM,OAAO,CAAA,EAAE,GAAGR,eAAe,EAAE;IAErC,qBACE,oBAACD,cAAc;QACbU,KAAK,EAAEL,IAAI;QACXM,OAAO,EAAEL,MAAM;QACfM,MAAM,EAAEL,KAAK;QACbM,QAAQ,EAAEJ,OAAO;QACjBL,GAAG,EAAEA,GAAG;OACJI,IAAI,EACR,CACH;AACH,CAAC;AAED,6BAAeT,UAAU,CAACG,SAAS,CAAC,CAAA"}

package/dist/esm/stack/src/StackItemStyles.js

@@ -0,0 +1,24 @@
+import styled from "styled-components";
+export const StackItemStyle = styled.div`
+  box-sizing: border-box;
+  margin: 0;
+  padding: ${(param)=>{
+    let { $spacing , theme  } = param;
+    return $spacing ? theme.spaceMap[$spacing] / 2 : 0;
+}}px;
+
+  flex-grow: ${(param)=>{
+    let { $grow  } = param;
+    return $grow;
+}};
+  flex-shrink: ${(param)=>{
+    let { $shrink  } = param;
+    return $shrink;
+}};
+  flex-basis: ${(param)=>{
+    let { $basis  } = param;
+    return $basis;
+}};
+`;
+
+//# sourceMappingURL=StackItemStyles.js.map

package/dist/esm/stack/src/StackItemStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/StackItemStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport { StackSpacings } from './types'\n\nexport const StackItemStyle = styled.div<{\n  $grow: number\n  $shrink: number\n  $basis: string\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  box-sizing: border-box;\n  margin: 0;\n  padding: ${({ $spacing, theme }) =>\n    $spacing ? theme.spaceMap[$spacing] / 2 : 0}px;\n\n  flex-grow: ${({ $grow }) => $grow};\n  flex-shrink: ${({ $shrink }) => $shrink};\n  flex-basis: ${({ $basis }) => $basis};\n`\n"],"names":["styled","StackItemStyle","div","$spacing","theme","spaceMap","$grow","$shrink","$basis"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAItC,OAAO,MAAMC,cAAc,GAAGD,MAAM,CAACE,GAAG,AAMtC,CAAC;;;WAGQ,EAAE,SACTC;QADU,EAAEA,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE;WAC7BD,QAAQ,GAAGC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AAAD,CAAC,CAAC;;aAEnC,EAAE,SAAeG;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK;AAAD,CAAC,CAAC;eACrB,EAAE,SAAiBC;QAAhB,EAAEA,OAAO,CAAA,EAAE;WAAKA,OAAO;AAAD,CAAC,CAAC;cAC5B,EAAE,SAAgBC;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAKA,MAAM;AAAD,CAAC,CAAC;AACvC,CAAC,CAAA"}

package/dist/esm/stack/src/StackProvider.js

@@ -0,0 +1,16 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { createContext, useContext } from "react";
+const Context = /*#__PURE__*/ createContext({});
+export const useStackContext = ()=>{
+    return useContext(Context);
+};
+export const StackProvider = (props)=>{
+    const { spacing , ...rest } = props;
+    return /*#__PURE__*/ React.createElement(Context.Provider, _extends({
+        value: {
+            spacing
+        }
+    }, rest));
+};
+
+//# sourceMappingURL=StackProvider.js.map

package/dist/esm/stack/src/StackProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/StackProvider.tsx"],"sourcesContent":["import React, { PropsWithChildren, createContext, useContext, FC } from 'react'\nimport { StackSpacings } from './types'\n\nexport interface StackContext {\n  spacing?: StackSpacings\n}\n\nconst Context = createContext({} as StackContext)\n\nexport const useStackContext = (): StackContext => {\n  return useContext(Context)\n}\n\nexport const StackProvider: FC<PropsWithChildren<StackContext>> = (props) => {\n  const { spacing, ...rest } = props\n\n  return <Context.Provider value={{ spacing }} {...rest} />\n}\n"],"names":["React","createContext","useContext","Context","useStackContext","StackProvider","props","spacing","rest","Provider","value"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAuBC,aAAa,EAAEC,UAAU,QAAY,OAAO,CAAA;AAO/E,MAAMC,OAAO,iBAAGF,aAAa,CAAC,EAAE,CAAiB;AAEjD,OAAO,MAAMG,eAAe,GAAG,IAAoB;IACjD,OAAOF,UAAU,CAACC,OAAO,CAAC,CAAA;AAC5B,CAAC,CAAA;AAED,OAAO,MAAME,aAAa,GAAwC,CAACC,KAAK,GAAK;IAC3E,MAAM,EAAEC,OAAO,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGF,KAAK;IAElC,qBAAO,oBAACH,OAAO,CAACM,QAAQ;QAACC,KAAK,EAAE;YAAEH,OAAO;SAAE;OAAMC,IAAI,EAAI,CAAA;AAC3D,CAAC,CAAA"}

package/dist/esm/stack/src/StackStyles.js

@@ -0,0 +1,26 @@
+import styled from "styled-components";
+export const StackStyle = styled.div`
+  display: flex;
+  align-items: ${(param)=>{
+    let { $align  } = param;
+    return $align;
+}};
+  justify-content: ${(param)=>{
+    let { $justify  } = param;
+    return $justify;
+}};
+  flex-direction: ${(param)=>{
+    let { $direction  } = param;
+    return $direction;
+}};
+  flex-wrap: ${(param)=>{
+    let { $wrap  } = param;
+    return $wrap;
+}};
+  margin: ${(param)=>{
+    let { $spacing , theme  } = param;
+    return $spacing ? -theme.spaceMap[$spacing] / 2 : 0;
+}}px;
+`;
+
+//# sourceMappingURL=StackStyles.js.map

package/dist/esm/stack/src/StackStyles.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/StackStyles.tsx"],"sourcesContent":["import styled from 'styled-components'\nimport { Theme } from '@lidofinance/theme'\nimport {\n  StackAligns,\n  StackDirections,\n  StackJustifies,\n  StackSpacings,\n  StackWraps,\n} from './types'\n\nexport const StackStyle = styled.div<{\n  $align: StackAligns\n  $justify: StackJustifies\n  $direction: StackDirections\n  $wrap: StackWraps\n  $spacing?: StackSpacings\n  theme: Theme\n}>`\n  display: flex;\n  align-items: ${({ $align }) => $align};\n  justify-content: ${({ $justify }) => $justify};\n  flex-direction: ${({ $direction }) => $direction};\n  flex-wrap: ${({ $wrap }) => $wrap};\n  margin: ${({ $spacing, theme }) =>\n    $spacing ? -theme.spaceMap[$spacing] / 2 : 0}px;\n`\n"],"names":["styled","StackStyle","div","$align","$justify","$direction","$wrap","$spacing","theme","spaceMap"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB,CAAA;AAUtC,OAAO,MAAMC,UAAU,GAAGD,MAAM,CAACE,GAAG,AAOlC,CAAC;;eAEY,EAAE,SAAgBC;QAAf,EAAEA,MAAM,CAAA,EAAE;WAAKA,MAAM;AAAD,CAAC,CAAC;mBACrB,EAAE,SAAkBC;QAAjB,EAAEA,QAAQ,CAAA,EAAE;WAAKA,QAAQ;AAAD,CAAC,CAAC;kBAC9B,EAAE,SAAoBC;QAAnB,EAAEA,UAAU,CAAA,EAAE;WAAKA,UAAU;AAAD,CAAC,CAAC;aACtC,EAAE,SAAeC;QAAd,EAAEA,KAAK,CAAA,EAAE;WAAKA,KAAK;AAAD,CAAC,CAAC;UAC1B,EAAE,SACRC;QADS,EAAEA,QAAQ,CAAA,EAAEC,KAAK,CAAA,EAAE;WAC5BD,QAAQ,GAAG,CAACC,KAAK,CAACC,QAAQ,CAACF,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC;AAAD,CAAC,CAAC;AACjD,CAAC,CAAA"}

package/dist/esm/stack/src/VStack.js

@@ -0,0 +1,14 @@
+import _extends from "@swc/helpers/src/_extends.mjs";
+import React, { forwardRef } from "react";
+import Stack from "./Stack";
+function VStack(props, ref) {
+    const { reverse =false , ...rest } = props;
+    const direction = reverse ? 'column-reverse' : 'column';
+    return /*#__PURE__*/ React.createElement(Stack, _extends({
+        direction: direction,
+        ref: ref
+    }, rest));
+}
+export default /*#__PURE__*/ forwardRef(VStack);
+
+//# sourceMappingURL=VStack.js.map

package/dist/esm/stack/src/VStack.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/VStack.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef } from 'react'\nimport { VStackProps } from './types'\nimport Stack from './Stack'\n\nfunction VStack(props: VStackProps, ref?: ForwardedRef<HTMLDivElement>) {\n  const { reverse = false, ...rest } = props\n  const direction = reverse ? 'column-reverse' : 'column'\n\n  return <Stack direction={direction} ref={ref} {...rest} />\n}\n\nexport default forwardRef(VStack)\n"],"names":["React","forwardRef","Stack","VStack","props","ref","reverse","rest","direction"],"mappings":"AAAA;AAAA,OAAOA,KAAK,IAAkBC,UAAU,QAAQ,OAAO,CAAA;AAEvD,OAAOC,KAAK,MAAM,SAAS,CAAA;AAE3B,SAASC,MAAM,CAACC,KAAkB,EAAEC,GAAkC,EAAE;IACtE,MAAM,EAAEC,OAAO,EAAG,KAAK,CAAA,EAAE,GAAGC,IAAI,EAAE,GAAGH,KAAK;IAC1C,MAAMI,SAAS,GAAGF,OAAO,GAAG,gBAAgB,GAAG,QAAQ;IAEvD,qBAAO,oBAACJ,KAAK;QAACM,SAAS,EAAEA,SAAS;QAAEH,GAAG,EAAEA,GAAG;OAAME,IAAI,EAAI,CAAA;AAC5D,CAAC;AAED,6BAAeN,UAAU,CAACE,MAAM,CAAC,CAAA"}

package/dist/esm/stack/src/index.js

@@ -0,0 +1,7 @@
+export { default as Stack } from "./Stack";
+export { default as StackItem } from "./StackItem";
+export { default as HStack } from "./HStack";
+export { default as VStack } from "./VStack";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/stack/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/index.ts"],"sourcesContent":["export { default as Stack } from './Stack'\nexport { default as StackItem } from './StackItem'\nexport { default as HStack } from './HStack'\nexport { default as VStack } from './VStack'\nexport * from './types'\n"],"names":["default","Stack","StackItem","HStack","VStack"],"mappings":"AAAA,SAASA,OAAO,IAAIC,KAAK,QAAQ,SAAS,CAAA;AAC1C,SAASD,OAAO,IAAIE,SAAS,QAAQ,aAAa,CAAA;AAClD,SAASF,OAAO,IAAIG,MAAM,QAAQ,UAAU,CAAA;AAC5C,SAASH,OAAO,IAAII,MAAM,QAAQ,UAAU,CAAA;AAC5C,cAAc,SAAS,CAAA"}

package/dist/esm/stack/src/types.js

@@ -0,0 +1,44 @@
+export var StackAlign;
+(function(StackAlign) {
+    StackAlign[StackAlign['center'] = 0] = 'center';
+    StackAlign[StackAlign['stretch'] = 1] = 'stretch';
+    StackAlign[StackAlign['flex-start'] = 2] = 'flex-start';
+    StackAlign[StackAlign['flex-end'] = 3] = 'flex-end';
+    StackAlign[StackAlign['baseline'] = 4] = 'baseline';
+})(StackAlign || (StackAlign = {}));
+export var StackJustify;
+(function(StackJustify) {
+    StackJustify[StackJustify['center'] = 0] = 'center';
+    StackJustify[StackJustify['start'] = 1] = 'start';
+    StackJustify[StackJustify['end'] = 2] = 'end';
+    StackJustify[StackJustify['stretch'] = 3] = 'stretch';
+    StackJustify[StackJustify['flex-start'] = 4] = 'flex-start';
+    StackJustify[StackJustify['flex-end'] = 5] = 'flex-end';
+    StackJustify[StackJustify['space-around'] = 6] = 'space-around';
+    StackJustify[StackJustify['space-between'] = 7] = 'space-between';
+    StackJustify[StackJustify['space-evenly'] = 8] = 'space-evenly';
+})(StackJustify || (StackJustify = {}));
+export var StackDirection;
+(function(StackDirection) {
+    StackDirection[StackDirection['row'] = 0] = 'row';
+    StackDirection[StackDirection['row-reverse'] = 1] = 'row-reverse';
+    StackDirection[StackDirection['column'] = 2] = 'column';
+    StackDirection[StackDirection['column-reverse'] = 3] = 'column-reverse';
+})(StackDirection || (StackDirection = {}));
+export var StackWrap;
+(function(StackWrap) {
+    StackWrap[StackWrap['nowrap'] = 0] = 'nowrap';
+    StackWrap[StackWrap['wrap'] = 1] = 'wrap';
+    StackWrap[StackWrap['wrap-reverse'] = 2] = 'wrap-reverse';
+})(StackWrap || (StackWrap = {}));
+export var StackSpacing;
+(function(StackSpacing) {
+    StackSpacing[StackSpacing["xs"] = 0] = "xs";
+    StackSpacing[StackSpacing["sm"] = 1] = "sm";
+    StackSpacing[StackSpacing["md"] = 2] = "md";
+    StackSpacing[StackSpacing["lg"] = 3] = "lg";
+    StackSpacing[StackSpacing["xl"] = 4] = "xl";
+    StackSpacing[StackSpacing["xxl"] = 5] = "xxl";
+})(StackSpacing || (StackSpacing = {}));
+
+//# sourceMappingURL=types.js.map

package/dist/esm/stack/src/types.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/stack/src/types.tsx"],"sourcesContent":["import { LidoComponentProps } from '@lidofinance/utils'\nexport type { Theme } from '@lidofinance/theme'\n\nexport enum StackAlign {\n  'center',\n  'stretch',\n  'flex-start',\n  'flex-end',\n  'baseline',\n}\nexport type StackAligns = keyof typeof StackAlign\n\nexport enum StackJustify {\n  'center',\n  'start',\n  'end',\n  'stretch',\n  'flex-start',\n  'flex-end',\n  'space-around',\n  'space-between',\n  'space-evenly',\n}\nexport type StackJustifies = keyof typeof StackJustify\n\nexport enum StackDirection {\n  'row',\n  'row-reverse',\n  'column',\n  'column-reverse',\n}\nexport type StackDirections = keyof typeof StackDirection\n\nexport enum StackWrap {\n  'nowrap',\n  'wrap',\n  'wrap-reverse',\n}\nexport type StackWraps = keyof typeof StackWrap\n\nexport enum StackSpacing {\n  xs,\n  sm,\n  md,\n  lg,\n  xl,\n  xxl,\n}\nexport type StackSpacings = keyof typeof StackSpacing\n\nexport type StackProps = LidoComponentProps<\n  'div',\n  {\n    align?: StackAligns\n    justify?: StackJustifies\n    direction?: StackDirections\n    wrap?: StackWraps\n    spacing?: StackSpacings\n  }\n>\n\nexport type StackItemProps = LidoComponentProps<\n  'div',\n  {\n    grow?: number\n    shrink?: number\n    basis?: string\n  }\n>\n\nexport type HStackProps = {\n  reverse?: boolean\n} & Omit<StackProps, 'direction'>\n\nexport type VStackProps = {\n  reverse?: boolean\n} & Omit<StackProps, 'direction'>\n"],"names":["StackAlign","StackJustify","StackDirection","StackWrap","StackSpacing","xs","sm","md","lg","xl","xxl"],"mappings":"AAAA,WAGO,UAMN;UANWA,UAAU;IAAVA,UAAU,CAAVA,UAAU,CACpB,QAAQ,IAAR,CAAQ,IAAR,QAAQ;IADEA,UAAU,CAAVA,UAAU,CAEpB,SAAS,IAAT,CAAS,IAAT,SAAS;IAFCA,UAAU,CAAVA,UAAU,CAGpB,YAAY,IAAZ,CAAY,IAAZ,YAAY;IAHFA,UAAU,CAAVA,UAAU,CAIpB,UAAU,IAAV,CAAU,IAAV,UAAU;IAJAA,UAAU,CAAVA,UAAU,CAKpB,UAAU,IAAV,CAAU,IAAV,UAAU;GALAA,UAAU,KAAVA,UAAU;WASf,YAUN;UAVWC,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtB,QAAQ,IAAR,CAAQ,IAAR,QAAQ;IADEA,YAAY,CAAZA,YAAY,CAEtB,OAAO,IAAP,CAAO,IAAP,OAAO;IAFGA,YAAY,CAAZA,YAAY,CAGtB,KAAK,IAAL,CAAK,IAAL,KAAK;IAHKA,YAAY,CAAZA,YAAY,CAItB,SAAS,IAAT,CAAS,IAAT,SAAS;IAJCA,YAAY,CAAZA,YAAY,CAKtB,YAAY,IAAZ,CAAY,IAAZ,YAAY;IALFA,YAAY,CAAZA,YAAY,CAMtB,UAAU,IAAV,CAAU,IAAV,UAAU;IANAA,YAAY,CAAZA,YAAY,CAOtB,cAAc,IAAd,CAAc,IAAd,cAAc;IAPJA,YAAY,CAAZA,YAAY,CAQtB,eAAe,IAAf,CAAe,IAAf,eAAe;IARLA,YAAY,CAAZA,YAAY,CAStB,cAAc,IAAd,CAAc,IAAd,cAAc;GATJA,YAAY,KAAZA,YAAY;WAajB,cAKN;UALWC,cAAc;IAAdA,cAAc,CAAdA,cAAc,CACxB,KAAK,IAAL,CAAK,IAAL,KAAK;IADKA,cAAc,CAAdA,cAAc,CAExB,aAAa,IAAb,CAAa,IAAb,aAAa;IAFHA,cAAc,CAAdA,cAAc,CAGxB,QAAQ,IAAR,CAAQ,IAAR,QAAQ;IAHEA,cAAc,CAAdA,cAAc,CAIxB,gBAAgB,IAAhB,CAAgB,IAAhB,gBAAgB;GAJNA,cAAc,KAAdA,cAAc;WAQnB,SAIN;UAJWC,SAAS;IAATA,SAAS,CAATA,SAAS,CACnB,QAAQ,IAAR,CAAQ,IAAR,QAAQ;IADEA,SAAS,CAATA,SAAS,CAEnB,MAAM,IAAN,CAAM,IAAN,MAAM;IAFIA,SAAS,CAATA,SAAS,CAGnB,cAAc,IAAd,CAAc,IAAd,cAAc;GAHJA,SAAS,KAATA,SAAS;WAOd,YAON;UAPWC,YAAY;IAAZA,YAAY,CAAZA,YAAY,CACtBC,IAAE,IAAFA,CAAE,IAAFA,IAAE;IADQD,YAAY,CAAZA,YAAY,CAEtBE,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAFQF,YAAY,CAAZA,YAAY,CAGtBG,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAHQH,YAAY,CAAZA,YAAY,CAItBI,IAAE,IAAFA,CAAE,IAAFA,IAAE;IAJQJ,YAAY,CAAZA,YAAY,CAKtBK,IAAE,IAAFA,CAAE,IAAFA,IAAE;IALQL,YAAY,CAAZA,YAAY,CAMtBM,KAAG,IAAHA,CAAG,IAAHA,KAAG;GANON,YAAY,KAAZA,YAAY"}

package/dist/esm/styled-system/src/index.js

@@ -0,0 +1,4 @@
+export { default as withStyledSystem } from "./withStyledSystem";
+export * from './types';
+
+//# sourceMappingURL=index.js.map

package/dist/esm/styled-system/src/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../packages/styled-system/src/index.ts"],"sourcesContent":["export { default as withStyledSystem } from './withStyledSystem'\nexport * from './types'\n"],"names":["default","withStyledSystem"],"mappings":"AAAA,SAASA,OAAO,IAAIC,gBAAgB,QAAQ,oBAAoB,CAAA;AAChE,cAAc,SAAS,CAAA"}