@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/MenuComponent/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'elevated', 'maxHeight'].includes(propKey)\n)\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledMenuComponentProps>({\n    shouldForwardProp: shouldForwardMenuComponentProp,\n  })\n  .attrs(<Required<Pick<StyledMenuComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      width: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n    }),\n  })`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof props.maxHeight === 'string' ? props.maxHeight : `${props.maxHeight}px`};\n  `}\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","displayName","componentId","maxHeight","responsiveSize"],"mappings":"0KAKA,MAAMA,+BAAiCC,yBACpCC,IAAa,CAAC,QAAS,WAAY,aAAaC,SAASD,KAG5D,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,YAGfY,UAAWN,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,aAKV,MAAMa,KAAOC,OAAOC,IACxBC,WAAqC,CACpCC,kBAAmBtB,iCAEpBuB,MAA0E,CACzEC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,aAAcF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,QAErDL,WAAA,CAAAO,YAAA,sBAAAC,YAAA,oBARgBV,CAQhB,CAAA,GAAA,IAAA,IAAA,KACCP,GAAU,4NAQUA,EAAMkB,WAAc,SAAWlB,EAAMkB,UAAY,GAAGlB,EAAMkB,uBAG9ElB,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,SAG/DqB"}

package/components/MenuContainer/MenuContainer.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const MenuContainer=forwardRef(((o,e)=>{const{closeButtonProps:r={},children:t,showCloseButton:n,closeFn:s}=o;return jsxs(Root,{ref:e,children:[n&&jsx(CloseButton,{square:!0,size:"m",icon:"close",...r,onClick:o=>{s&&s(),r.onClick&&r.onClick(o)}}),t]})}));export{MenuContainer};
-//# sourceMappingURL=MenuContainer.mjs.map

package/components/MenuContainer/MenuContainer.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuContainer.mjs","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n  return (\n    <Styled.Root ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["MenuContainer","forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled","_jsx","square","size","icon","onClick","evt"],"mappings":"gHAYMA,MAAAA,cAAqEC,YAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,GAAYL,EAEtE,OACEM,KAACC,KAAW,CAACN,IAAKA,EAAIE,UACnBC,GACCI,IAACD,YAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAK,WACDT,EACJU,QAAUC,IACJR,GAASA,IACTH,EAAiBU,SAASV,EAAiBU,QAAQC,EAAI,IAIhEV,IACW"}

package/components/MenuContainer/style.mjs

@@ -1,2 +0,0 @@
-import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const shouldForwardMenuContainerProp=createShouldForwardProp();const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled(IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);export{CloseButton,Root};
-//# sourceMappingURL=style.mjs.map

package/components/MenuContainer/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuContainer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { IconButton } from 'components/IconButton'\nimport type { StyledMenuContainerProps } from './types'\n\nconst shouldForwardMenuContainerProp = createShouldForwardProp()\n\nexport const Root = styled.div.withConfig<StyledMenuContainerProps>({\n  shouldForwardProp: shouldForwardMenuContainerProp,\n})`\n  box-sizing: border-box;\n  position: relative;\n  padding: 8px;\n  border-radius: inherit;\n`\n\nexport const CloseButton = styled(IconButton)`\n  position: absolute;\n  top: 8px;\n  right: 8px;\n`\n"],"names":["shouldForwardMenuContainerProp","createShouldForwardProp","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","CloseButton","IconButton"],"mappings":"6JAKA,MAAMA,+BAAiCC,0BAEhC,MAAMC,KAAOC,OAAOC,IAAIC,WAAqC,CAClEC,kBAAmBN,iCACnBK,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAOnB,CAAA,+EAEM,MAAMM,YAAcN,OAAOO,YAAWL,WAAA,CAAAE,YAAA,6BAAAC,YAAA,oBAAlBL,CAI1B,CAAA"}

package/components/MenuDivider/MenuDivider.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root,HorizontalLine}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const MenuDivider=forwardRef(((e,r)=>{const{textProps:t={},children:o,text:i,...s}=e;const n=useMergedPalette(s);return jsxs(Root,{...s,palette:n,ref:r,children:[(o||i)&&jsx(Text,{appearance:"body",size:"xs",color:"inherit",marginTop:8,marginBottom:4,...t,children:o??i}),jsx(HorizontalLine,{})]})}));export{MenuDivider};
-//# sourceMappingURL=MenuDivider.mjs.map

package/components/MenuDivider/MenuDivider.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport { Text } from 'components/Text'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuDividerProps](https://github.com/foxford/ui/blob/master/src/components/MenuDivider/types.ts)\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = forwardRef<HTMLDivElement, MenuDividerProps>(\n  (props, ref) => {\n    const { textProps = {}, children, text, ...restProps } = props\n\n    const palette = useMergedPalette(restProps)\n\n    return (\n      <Styled.Root {...restProps} palette={palette} ref={ref}>\n        {(children || text) && (\n          <Text appearance='body' size='xs' color='inherit' marginTop={8} marginBottom={4} {...textProps}>\n            {children ?? text}\n          </Text>\n        )}\n        <Styled.HorizontalLine />\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","forwardRef","props","ref","textProps","children","text","restProps","palette","useMergedPalette","_jsxs","Styled","_jsx","Text","appearance","size","color","marginTop","marginBottom"],"mappings":"qNAcMA,MAAAA,YAAiEC,YACrE,CAACC,EAAOC,KACN,MAAMC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,KAAEA,KAASC,GAAcL,EAEzD,MAAMM,EAAUC,iBAAiBF,GAEjC,OACEG,KAACC,KAAW,IAAKJ,EAAWC,QAASA,EAASL,IAAKA,EAAIE,SAAA,EACnDA,GAAYC,IACZM,IAACC,KAAI,CAACC,WAAW,OAAOC,KAAK,KAAKC,MAAM,UAAUC,UAAW,EAAGC,aAAc,KAAOd,EAASC,SAC3FA,GAAYC,IAGjBM,IAACD,qBACW"}

package/components/MenuDivider/style.mjs

@@ -1,2 +0,0 @@
-import styled from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardMenuDividerProp=createShouldForwardProp();const HorizontalLine=styled.div.withConfig({displayName:"MenuDivider__HorizontalLine",componentId:"ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Root",componentId:"ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(o=>{return`\n  color: ${(r={color:o.theme.colors['content-onmain-tertiary'],lineColor:o.theme.colors['border-onmain-default-large'],...o.palette}).color};\n\n  & > ${HorizontalLine} {\n    background-color: ${r.lineColor};\n  }\n`;var r}));export{HorizontalLine,Root};
-//# sourceMappingURL=style.mjs.map

package/components/MenuDivider/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n  box-sizing: border-box;\n  height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n  padding: 4px 16px;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","props","template","palette","color","theme","colors","lineColor"],"mappings":"wGAIA,MAAMA,6BAA+BC,gCAExBC,eAAiBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAVJ,CAG7B,CAAA,sCAUM,MAAMK,KAAOL,OAAOC,IAAIC,WAAmC,CAChEI,kBAAmBT,+BACnBK,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAFkBJ,CAQfO,CAAAA,2EAAAA,KAAAA,IACDC,MAjB8C,eAAhCC,EAiBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAnBIC,mBAEXX,2CACgBU,EAAQI,oBAJdJ,KAqBZ"}

package/components/MenuList/MenuList.mjs

@@ -1,2 +0,0 @@
-import{forwardRef,isValidElement,Fragment,Children,cloneElement}from'react';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const HOT_KEYS=[keyboardKeys.ArrowUp.key,keyboardKeys.ArrowDown.key];const MenuList=forwardRef(((e,s)=>{const{role:r="list",gap:o=4,size:i,sizeXXS:n,sizeXS:t,sizeS:l,sizeM:c,sizeL:a,sizeXL:d,sizeUnits:p,sizes:m,...f}=e;const y={size:i,sizeXXS:n,sizeXS:t,sizeS:l,sizeM:c,sizeL:a,sizeXL:d,sizeUnits:p,sizes:m};const z=isValidElement(f.children)&&f.children.type===Fragment&&typeof f.children.props=='object'&&f.children.props!==null?f.children.props.children:f.children;return jsx(Root,{...f,role:r,gap:o,onKeyDown:e=>{if(f.onKeyDown&&f.onKeyDown(e),HOT_KEYS.includes(e.key)){e.preventDefault();const s=[...e.currentTarget.children];let r=s.findIndex((s=>s.contains(e.target)));for(;r>=0&&r<s.length;){r=keyboardKeys.ArrowUp.validate(e.key)?--r:++r;const o=s[r];if(o instanceof HTMLElement&&focusFirstFocusable(o))break}}},ref:s,children:Children.map(z,((e,s)=>jsx("li",isValidElement(e)?{children:cloneElement(e,{...y,...typeof e.props=='object'&&e.props!==null?e.props:{}})}:{children:e},s)))})}));export{MenuList};
-//# sourceMappingURL=MenuList.mjs.map

package/components/MenuList/MenuList.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"MenuList.mjs","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            while (idx >= 0 && idx < listItems.length) {\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              const nextItem = listItems[idx]\n\n              if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n                break\n              }\n            }\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return <li key={idx}>{child}</li>\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","validate","nextItem","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement"],"mappings":"8PAMA,MAAMA,SAAW,CAACC,aAAaC,QAAQC,IAAKF,aAAaG,UAAUD,KAY7DE,MAAAA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,iBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,IAACC,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC7B,SAAS8B,SAASD,EAAI1B,KAAM,CAC9B0B,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CACzCL,EAAMjC,aAAaC,QAAQsC,SAASX,EAAI1B,OAAS+B,IAAQA,EAEzD,MAAMO,EAAWT,EAAUE,GAE3B,GAAIO,aAAoBC,aAAeC,oBAAoBF,GACzD,KAEJ,CACF,GAEFjC,IAAKA,EAAIc,SAERsB,SAASC,IAAIvB,GAAU,CAACwB,EAAOZ,IAIrBR,IAAA,KAHLH,eAAeuB,GAGV,CAAAxB,SAAeyB,aAAaD,EAAO,IAAKzB,YAFrByB,EAAMvC,OAAU,UAAYuC,EAAMvC,QAAU,KAAOuC,EAAMvC,MAAQ,CAAA,KAKtF,CAAAe,SAAewB,GAHJZ,MAKR"}

package/components/MenuList/style.mjs

@@ -1,2 +0,0 @@
-import styled from'styled-components';const Root=styled.ul.withConfig({shouldForwardProp:n=>!['showCloseButton','closeButtonProps','closeFn','gap'].includes(n)}).withConfig({displayName:"MenuList__Root",componentId:"ui__sc-afqmnb-0"})(["",""],(n=>`\n    box-sizing: border-box;\n    appearance: none;\n    list-style-type: none;\n    margin: 0;\n    padding: 8px;\n    border-radius: inherit;\n\n    & > li:not(:last-child) {\n      margin-bottom: ${typeof n.gap=='string'?n.gap:`${n.gap}px`};\n    }  \n  `));export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/MenuList/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuList/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport type { StyledMenuListProps } from './types'\n\nexport const Root = styled.ul.withConfig<StyledMenuListProps>({\n  shouldForwardProp: (propKey) => !['showCloseButton', 'closeButtonProps', 'closeFn', 'gap'].includes(propKey),\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    list-style-type: none;\n    margin: 0;\n    padding: 8px;\n    border-radius: inherit;\n\n    & > li:not(:last-child) {\n      margin-bottom: ${typeof props.gap === 'string' ? props.gap : `${props.gap}px`};\n    }  \n  `}\n`\n"],"names":["Root","styled","ul","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","gap"],"mappings":"sCAGO,MAAMA,KAAOC,OAAOC,GAAGC,WAAgC,CAC5DC,kBAAoBC,IAAa,CAAC,kBAAmB,mBAAoB,UAAW,OAAOC,SAASD,KACpGF,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAFkBP,CAElB,CAAA,GAAA,KACGQ,GAAU,kNASeA,EAAMC,KAAQ,SAAWD,EAAMC,IAAM,GAAGD,EAAMC"}

package/components/Modal/Close.mjs

@@ -1,2 +0,0 @@
-import{ModalClose as ModalClose$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';function ModalClose({className:o,onClick:s}){return jsx(ModalClose$1,{className:o,onClick:s,children:jsx(Icon,{name:"tinyCross",color:"#D9D9D9"})})}export{ModalClose};
-//# sourceMappingURL=Close.mjs.map

package/components/Modal/Close.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Close.mjs","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","className","onClick","_jsx","Styled","children","Icon","name","color"],"mappings":"0HAQO,SAASA,YAAWC,UAAEA,EAASC,QAAEA,IACtC,OACEC,IAACC,aAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,IAACG,KAAI,CAACC,KAAK,YAAYC,MAAM,aAGnC"}

package/components/Modal/Modal.mjs

@@ -1,2 +0,0 @@
-import ReactModal from'react-modal';import{ModalClose}from'./Close.mjs';import{Modal as Modal$1}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Modal(e){const{blurredOverlay:l,children:o,closeTimeoutMS:a,contentLabel:s,isOpen:n,onAfterOpen:t,onRequestClose:d,overlayClassName:r,role:i,shouldCloseOnOverlayClick:m,width:c,valign:p,className:u,style:M,zIndex:C}=e;return jsx(Modal$1,{blurredOverlay:l,closeTimeoutMS:a,contentLabel:s,isOpen:Boolean(n),onAfterOpen:t,onRequestClose:d,portalClassName:u,overlayClassName:r,bodyOpenClassName:"modal--open",role:i,zIndex:C,valign:p,width:c,shouldCloseOnOverlayClick:m,children:jsx("div",{style:M,children:o})})}typeof window!='undefined'&&(()=>{const e=document.body;e&&e instanceof HTMLElement&&ReactModal.setAppElement(e)})(),Modal.defaultProps={blurredOverlay:!1,closeTimeoutMS:0,zIndex:9e3,contentLabel:'',isOpen:!1,role:'dialog',shouldCloseOnOverlayClick:!0,width:'m',valign:'center',className:'modal'},Modal.Close=ModalClose,Modal.displayName='Modal';export{Modal};
-//# sourceMappingURL=Modal.mjs.map

package/components/Modal/Modal.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Modal.mjs","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n  const appElement = document.body\n\n  if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n  setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Boolean indicating if the overlay background should be blurred\n   */\n  blurredOverlay?: boolean\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Modal class name\n   */\n  className?: string\n  /**\n   * Number indicating the milliseconds to wait before closing the modal.\n   */\n  closeTimeoutMS?: number\n  /**\n   * String indicating how the content container should be announced to screenreaders\n   */\n  contentLabel?: string\n  /**\n   * Boolean describing if the modal should be shown or not.\n   */\n  isOpen?: boolean\n  /**\n   * Function that will be run after the modal has opened.\n   */\n  onAfterOpen?(): void\n  /**\n   * Function that will be run when the modal is requested to be closed, prior to actually closing.\n   */\n  onRequestClose?(): void\n  /**\n   * Custom overlay CSS class name\n   */\n  overlayClassName?: string | Classes\n  /**\n   * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n   */\n  role?: string\n  /**\n   * Boolean indicating if the overlay should close the modal\n   */\n  shouldCloseOnOverlayClick?: boolean\n  /**\n   * Vertical align\n   */\n  valign?: 'top' | 'center' | 'bottom'\n  /**\n   * z-index\n   */\n  zIndex?: number\n}\n\nModal.defaultProps = {\n  blurredOverlay: false,\n  closeTimeoutMS: 0,\n  zIndex: 9000,\n  contentLabel: '',\n  isOpen: false,\n  role: 'dialog',\n  shouldCloseOnOverlayClick: true,\n  width: 'm',\n  valign: 'center',\n  className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n  const {\n    blurredOverlay,\n    children,\n    closeTimeoutMS,\n    contentLabel,\n    isOpen,\n    onAfterOpen,\n    onRequestClose,\n    overlayClassName,\n    role,\n    shouldCloseOnOverlayClick,\n    width,\n    valign,\n    className,\n    style,\n    zIndex,\n  } = props\n\n  return (\n    <Styled.Modal\n      blurredOverlay={blurredOverlay}\n      closeTimeoutMS={closeTimeoutMS}\n      contentLabel={contentLabel}\n      isOpen={Boolean(isOpen)}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onRequestClose}\n      portalClassName={className}\n      overlayClassName={overlayClassName}\n      bodyOpenClassName='modal--open'\n      role={role}\n      zIndex={zIndex}\n      valign={valign}\n      width={width}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    >\n      <div style={style}>{children}</div>\n    </Styled.Modal>\n  )\n}\n"],"names":["Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled","Boolean","portalClassName","bodyOpenClassName","window","appElement","document","body","HTMLElement","ReactModal","setAppElement","setAppModalElement","defaultProps","Close","ModalClose","displayName"],"mappings":"qJAkGO,SAASA,MAAMC,GACpB,MAAMC,eACJA,EAAcC,SACdA,EAAQC,eACRA,EAAcC,aACdA,EAAYC,OACZA,EAAMC,YACNA,EAAWC,eACXA,EAAcC,iBACdA,EAAgBC,KAChBA,EAAIC,0BACJA,EAAyBC,MACzBA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,OACLA,GACEf,EAEJ,OACEgB,IAACC,QAAY,CACXhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAA0BR,SAErDc,IAAA,MAAA,CAAKF,MAAOA,EAAMZ,SAAEA,KAG1B,QA5HWmB,QAAW,aAPtB,MACE,MAAMC,EAAaC,SAASC,KAExBF,GAAcA,aAAsBG,aAAaC,WAAWC,cAAcL,EAChF,EAIEM,GA6DF7B,MAAM8B,aAAe,CACnB5B,gBAAgB,EAChBE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAQ,EACRI,KAAM,SACNC,2BAA2B,EAC3BC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,MAAM+B,MAAQC,WACdhC,MAAMiC,YAAc"}

package/components/Modal/adapter.mjs

@@ -1,2 +0,0 @@
-import ReactModal from'react-modal';import cx from'clsx';import{jsx}from'react/jsx-runtime';const ReactModalAdapter=({className:a,isOpen:e,overlayClassName:o,style:t,...s})=>{const r=`${a}__overlay`;return jsx(ReactModal,{portalClassName:a,className:`${a}__content`,isOpen:Boolean(e),overlayClassName:cx(r,o),...s})};export{ReactModalAdapter};
-//# sourceMappingURL=adapter.mjs.map

package/components/Modal/adapter.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"adapter.mjs","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n  className,\n  isOpen,\n  overlayClassName,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  style: _style,\n  ...props\n}: ModalProps) => {\n  const contentClassName = `${className}__content`\n  const overlayClassNameLocal = `${className}__overlay`\n\n  return (\n    <ReactModal\n      portalClassName={className}\n      className={contentClassName}\n      isOpen={Boolean(isOpen)}\n      overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n      {...props}\n    />\n  )\n}\n"],"names":["ReactModalAdapter","className","isOpen","overlayClassName","style","_style","props","overlayClassNameLocal","_jsx","ReactModal","portalClassName","Boolean","cx"],"mappings":"4FAIO,MAAMA,kBAA0CA,EACrDC,YACAC,SACAC,mBAEAC,MAAOC,KACJC,MAGH,MAAMC,EAAwB,GAAGN,aAEjC,OACEO,IAACC,WAAU,CACTC,gBAAiBT,EACjBA,UANqB,GAAGA,aAOxBC,OAAQS,QAAQT,GAChBC,iBAAkBS,GAAGL,EAAuBJ,MACxCG,GACJ"}

package/components/Modal/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css,createGlobalStyle}from'styled-components';import{property}from'../../mixins/responsive-property.mjs';import{ReactModalAdapter}from'./adapter.mjs';const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled(ReactModalAdapter).withConfig({displayName:"Modal",componentId:"ui__sc-1ilisuf-0"})(["&__overlay{z-index:",";display:flex;flex-direction:row;justify-content:center;position:fixed;top:0;left:0;right:0;bottom:0;overflow-x:none;overflow-y:auto;"," &.ReactModal__Overlay--after-open{","}&.ReactModal__Overlay--before-close{}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}"," &.ReactModal__Content--after-open{}&.ReactModal__Content--before-close{}}"],(e=>e.zIndex||e.theme.zIndex.modal),(e=>e.valign?css(["align-items:",";"],(e=>{switch(e){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(e.valign)):null),(e=>e.overlayClassName?null:css(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?property((e=>typeof e.width=='number'?e.width:e.width&&typeof e.width=='string'&&WIDTHS[e.width]?WIDTHS[e.width]:'auto')(e),'max-width'):null));const ModalClose=styled.span.withConfig({displayName:"Modal__ModalClose",componentId:"ui__sc-1ilisuf-1"})(["opacity:1;transition:0.3s;position:absolute;right:20px;top:20px;cursor:pointer;z-index:10;svg{width:18px;height:18px;}&:hover{opacity:0.5;}"]);createGlobalStyle([".bodyOpen{overflow:hidden;}"]);export{Modal,ModalClose};
-//# sourceMappingURL=style.mjs.map

package/components/Modal/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\nimport ReactModal from 'react-modal'\nimport { property, PossibleValues } from 'mixins/responsive-property'\nimport { ModalProps } from './Modal'\nimport { ReactModalAdapter } from './adapter'\n\ninterface ReactModalProps extends ReactModal.Props {\n  zIndex?: ModalProps['zIndex']\n  valign?: ModalProps['valign']\n}\n\nconst WIDTHS = {\n  xxxs: 100,\n  xxs: 200,\n  xs: 300,\n  s: 400,\n  m: 500,\n  l: 600,\n  xl: 740,\n  xxl: 800,\n  xxxl: 900,\n}\n\nconst chooseWidthValue = (props: ModalProps): PossibleValues => {\n  if (typeof props.width === 'number') return props.width\n\n  if (props.width && typeof props.width === 'string' && WIDTHS[props.width]) return WIDTHS[props.width]\n\n  return 'auto'\n}\n\nconst getPosition = (valign: ModalProps['valign']) => {\n  switch (valign) {\n    case 'top':\n      return 'flex-start'\n    case 'bottom':\n      return 'flex-end'\n    case 'center':\n      return 'center'\n    default:\n      return 'center'\n  }\n}\n\nexport const Modal = styled(ReactModalAdapter)<ReactModalProps>`\n  &__overlay {\n    z-index: ${(props) => props.zIndex || props.theme.zIndex.modal};\n    display: flex;\n    flex-direction: row;\n    justify-content: center;\n    position: fixed;\n    top: 0;\n    left: 0;\n    right: 0;\n    bottom: 0;\n    overflow-x: none;\n    overflow-y: auto;\n    ${(props) =>\n      props.valign\n        ? css`\n            align-items: ${getPosition(props.valign)};\n          `\n        : null}\n    &.ReactModal__Overlay--after-open {\n      ${(props) => {\n        if (props.overlayClassName) return null\n\n        if (props.blurredOverlay) {\n          return css`\n            background: rgba(246, 247, 251, 0.3);\n            backdrop-filter: blur(3.5px);\n          `\n        }\n\n        return css`\n          background: rgba(246, 247, 251, 0.9);\n        `\n      }}\n    }\n    &.ReactModal__Overlay--before-close {\n    }\n  }\n\n  &__content {\n    width: 100%;\n    max-height: 100%;\n    position: relative;\n    &:focus {\n      outline: 0;\n    }\n    ${(props) => (props.width ? property(chooseWidthValue(props), 'max-width') : null)}\n    &.ReactModal__Content--after-open {\n    }\n    &.ReactModal__Content--before-close {\n    }\n  }\n`\n\nexport const ModalClose = styled.span`\n  opacity: 1;\n  transition: 0.3s;\n  position: absolute;\n  right: 20px;\n  top: 20px;\n  cursor: pointer;\n  z-index: 10;\n  svg {\n    width: 18px;\n    height: 18px;\n  }\n  &:hover {\n    opacity: 0.5;\n  }\n`\n\nexport const GlobalRoot = createGlobalStyle`\n  .bodyOpen {\n    overflow: hidden;\n  }\n`\n"],"names":["WIDTHS","xxxs","xxs","xs","s","m","l","xl","xxl","xxxl","Modal","styled","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","createGlobalStyle"],"mappings":"qKAWA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KAwBD,MAAMC,MAAQC,OAAOC,mBAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,IAAG,CAAA,eAAA,KA5BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAmByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAgBXR,GAAWA,EAAMS,MAAQC,SAnENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAAezB,OAAOgB,EAAMS,OAExF,OA8DgCE,CAAiBX,GAAQ,aAAe,aAQpEY,WAAajB,OAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAezB,CAAA,gJAEyBmB,kBAIzB,CAAA"}

package/components/Paper/Paper.mjs

@@ -1,2 +0,0 @@
-import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Paper({padding:s="m",rounded:a=!0,shadow:e=!0,className:o,...r}){const m=useClassname(Paper.displayName,o);return jsx(Root,{padding:s,rounded:a,shadow:e,className:m,...r})}Paper.displayName='Paper';export{Paper};
-//# sourceMappingURL=Paper.mjs.map

package/components/Paper/Paper.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Paper.mjs","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport { SpacerProps } from 'components/Spacer'\nimport * as Styled from './style'\n\nexport interface PaperProps extends SpacerProps, ColorProperty, ResponsiveNamedProperty<'padding'> {\n  /**\n   * Set to true to generate a circlular paper container\n   */\n  circle?: boolean\n  /**\n   * Paper with rounded corners\n   */\n  rounded?: boolean\n  /**\n   * Paper with shadow\n   */\n  shadow?: boolean\n  /**\n   * This number represents the zDepth of the paper shadow\n   */\n  zDepth?: false | 0 | 1 | 2 | 3 | 4\n  /**\n   * Text align\n   */\n  textAlign?: 'left' | 'center' | 'right'\n}\n\nPaper.displayName = 'Paper'\n\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"wHAqCO,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAClF,MAAMC,EAAaC,aAAaP,MAAMQ,YAAaJ,GAEnD,OAAOK,IAACC,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAZAL,MAAMQ,YAAc"}

package/components/Paper/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const zDepth={0:css(["box-shadow:0 2px 0 0 rgba(0,0,0,0.11);"]),1:css(["box-shadow:0 2px 4px 0 rgba(0,0,0,0.08);"]),2:css(["box-shadow:0 6px 20px 0 rgba(0,0,0,0.1);"]),3:css(["box-shadow:0 10px 20px 0 rgba(0,0,0,0.08);"]),4:css(["box-shadow:0 10px 40px 0 rgba(0,0,0,0.14);"])};const circle=css(["border-radius:50%;justify-content:center;display:flex;align-items:center;min-width:100px;min-height:100px;"]);const rounded=css(["border-radius:",";"],(o=>o.theme.borderRadius));const Root=styled(Spacer).withConfig({displayName:"Paper__Root",componentId:"ui__sc-1tlpowq-0"})(["box-sizing:border-box;background-color:",";"," "," "," "," ",""],(o=>o.theme.colors.white),(o=>o.textAlign?css(["text-align:",";"],o.textAlign):null),(o=>o.color?color(o.color,'background-color'):null),(o=>typeof o.zDepth=='number'&&o.shadow?zDepth[o.zDepth]:null),(o=>o.rounded?rounded:null),(o=>o.circle?circle:null));export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/Paper/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport { PaperProps } from './Paper'\n\nconst zDepth = {\n  0: css`\n    box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.11);\n  `,\n  1: css`\n    box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08);\n  `,\n  2: css`\n    box-shadow: 0 6px 20px 0 rgba(0, 0, 0, 0.1);\n  `,\n  3: css`\n    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.08);\n  `,\n  4: css`\n    box-shadow: 0 10px 40px 0 rgba(0, 0, 0, 0.14);\n  `,\n}\n\nconst circle = css`\n  border-radius: 50%;\n  justify-content: center;\n  display: flex;\n  align-items: center;\n  min-width: 100px;\n  min-height: 100px;\n`\n\nconst rounded = css`\n  border-radius: ${(props) => props.theme.borderRadius};\n`\n\nexport const Root = styled(Spacer)<PaperProps>`\n  box-sizing: border-box;\n  background-color: ${(props) => props.theme.colors.white};\n  ${(props) =>\n    props.textAlign\n      ? css`\n          text-align: ${props.textAlign};\n        `\n      : null}\n  ${(props) => (props.color ? color(props.color, 'background-color') : null)}\n  ${(props) => (typeof props.zDepth === 'number' && props.shadow ? zDepth[props.zDepth] : null)}\n  ${(props) => (props.rounded ? rounded : null)}\n  ${(props) => (props.circle ? circle : null)}\n`\n"],"names":["zDepth","css","circle","rounded","props","theme","borderRadius","Root","styled","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"8HAKA,MAAMA,OAAS,CACb,EAAGC,IAEF,CAAA,2CACD,EAAGA,IAEF,CAAA,6CACD,EAAGA,IAEF,CAAA,6CACD,EAAGA,IAEF,CAAA,+CACD,EAAGA,IAAG,CAAA,gDAKR,MAAMC,OAASD,IAOd,CAAA,+GAED,MAAME,QAAUF,IACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdJ,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMQ,OAAOC,QAC/CV,GACDA,EAAMW,UACFd,IACgBG,CAAAA,cAAAA,KAAAA,EAAMW,WAEtB,OACHX,GAAWA,EAAMY,MAAQA,MAAMZ,EAAMY,MAAO,oBAAsB,OAClEZ,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMa,OAASjB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}

package/components/Popover/Popover.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{mergeDeepLeft}from'ramda';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{jsx}from'react/jsx-runtime';import{PopoverComponent}from'../PopoverComponent/PopoverComponent.mjs';import{SIZES_LANDSCAPE,SIZES}from'../PopoverComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const COMPONENT_NAME='Popover';const Popover=Object.assign(withMergedProps(forwardRef(((o,e)=>{const{size:t="s",styles:r={},sizes:n,sizeUnits:p,palette:s,orientation:i,loading:m,badge:a,caption:c,captionProps:P,titleProps:l,contentProps:d,controlsDirection:f,media:g,controls:C,...v}=o;return jsx(Tooltip,{...v,preset:"brand",size:t,ref:e,styles:mergeDeepLeft(r,{arrow:{spread:20,length:12}}),component:jsx(PopoverComponent,{sizes:n,sizeUnits:p,palette:s,orientation:i,loading:m,badge:a,caption:c,captionProps:P,title:v.title,titleProps:l,content:v.content,contentProps:d,controlsDirection:f,media:g,controls:C})})})),{displayName:"Popover",sizes:o=>o.orientation==='landscape'?SIZES_LANDSCAPE:SIZES}),{Component:PopoverComponent});export{COMPONENT_NAME,Popover};
-//# sourceMappingURL=Popover.mjs.map

package/components/Popover/Popover.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        sizes,\n        sizeUnits,\n        palette,\n        orientation,\n        loading,\n        badge,\n        caption,\n        captionProps,\n        titleProps,\n        contentProps,\n        controlsDirection,\n        media,\n        controls,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          size={size}\n          ref={ref}\n          styles={mergeDeepLeft(styles, {\n            arrow: {\n              spread: 20,\n              length: 12,\n            },\n          })}\n          component={\n            <PopoverComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              palette={palette}\n              orientation={orientation}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              captionProps={captionProps}\n              title={restProps.title}\n              titleProps={titleProps}\n              content={restProps.content}\n              contentProps={contentProps}\n              controlsDirection={controlsDirection}\n              media={media}\n              controls={controls}\n            />\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: (props) => {\n        return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n      },\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_jsx","Tooltip","preset","mergeDeepLeft","arrow","spread","length","component","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"sVAOMA,MAAAA,eAAiB,UAYvB,MAAMC,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,QACTA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,kBACZA,EAAiBC,MACjBA,EAAKC,SACLA,KACGC,GACDjB,EAEJ,OACEkB,IAACC,QAAO,IACFF,EACJG,OAAO,QACPlB,KAAMA,EACND,IAAKA,EACLE,OAAQkB,cAAclB,EAAQ,CAC5BmB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACEP,IAACQ,iBAAgB,CACftB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdgB,MAAOV,EAAUU,MACjBf,WAAYA,EACZgB,QAASX,EAAUW,QACnBf,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,KAGd,IAGN,CACEa,YArEiB,UAsEjBzB,MAAQJ,GACCA,EAAMO,cAAgB,YAAcuB,gBAAkBC,QAInE,CACEC,UAAWN"}

package/components/PopoverComponent/PopoverComponent.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_LANDSCAPE,SIZES}from'./constants.mjs';import{Root,CloseButton,MediaLandscape,Media,Video,Container,Content,Header,Footer}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Badge}from'../Badge/Badge.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';const COMPONENT_NAME='PopoverComponent';const PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",orientation:n="portrait",controlsDirection:s="row",badge:i={},captionProps:r={},titleProps:a={},contentProps:c={},closeButtonProps:d={},media:l={},controls:p={},sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:g,sizeXL:u,loading:S,caption:z,title:P,content:b,closeFn:f,palette:B,showCloseButton:C,...M}=e;const k={size:o,sizeXXS:m,sizeXS:x,sizeS:j,sizeM:h,sizeL:g,sizeXL:u};const{badgeProps:R={}}=i;const{imgProps:w={},videoProps:y={}}=l;const{text:E,buttonProps:I={}}=p.secondary??{};const{text:L,buttonProps:T={}}=p.primary??{};return jsxs(Root,{...M,...k,palette:B,orientation:n,controlsDirection:s,ref:t,children:[C&&jsx(CloseButton,{...d,onClick:e=>{typeof f=='function'&&f(),typeof d.onClick=='function'&&d.onClick(e)},palette:B,type:"button",children:jsx(Icon,{as:"span",name:"close",size:24})}),n==='landscape'&&jsxs(Fragment,{children:[S&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:jsx(Skeleton,{})})}),!S&&(w.src||y.src)&&jsx(MediaLandscape,{children:jsx(Media,{aspectRatio:"1:1",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})})]}),jsxs(Container,{children:[jsxs(Content,{children:[(i.text||z||S||C)&&jsx(Header,{children:S?jsx(Skeleton,{width:"20%",children:jsx(Badge,{...k,resetDefaultMargin:!0,...R})}):jsxs(Fragment,{children:[i.text&&jsx(Badge,{...k,borderRadius:8,marginRight:12,resetDefaultMargin:!0,...R,children:i.text}),z&&jsx(Text,{as:"span",appearance:"caption",size:.9,sizeUnits:"em",color:"content-onmain-tertiary",weight:700,...r,children:z})]})}),n==='portrait'&&jsxs(Fragment,{children:[S&&jsx(Media,{aspectRatio:"16:9",children:jsx(Skeleton,{})}),!S&&(w.src||y.src)&&jsx(Media,{aspectRatio:"16:9",children:w.src?jsx("img",{alt:"",...w}):jsx(Video,{controls:!0,controlsList:"nofullscreen",disablePictureInPicture:!0,...y})})]}),(P||b||S)&&jsx("div",{children:jsxs(Fragment,S?{children:[jsx(Skeleton,{borderRadius:4,marginBottom:.6,marginUnits:"em",children:jsx(Text,{appearance:"subheading",size:1.4,sizeUnits:"em",...a})}),jsx(Skeleton,{borderRadius:4,width:"70%",marginBottom:.4,marginUnits:"em",children:jsx(Text,{appearance:"body",size:"inherit",...c})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",size:"inherit",...c})})]}:{children:[P&&jsx(Text,{as:"h2",appearance:"subheading",size:1.4,color:"inherit",marginBottom:b?.4:void 0,sizeUnits:"em",marginUnits:"em",...a,children:P}),b&&jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",...c,children:b})]})})]}),(E||L||S)&&jsx(Footer,{children:S?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...k})}):jsxs(Fragment,{children:[E&&jsx(Button,{preset:"brand",black:!0,outline:!0,type:"button",marginRight:s==='row'?6:void 0,marginBottom:s==='column'?6:void 0,...k,...I,children:E}),L&&jsx(Button,{preset:"brand",black:!0,type:"button",...k,...T,children:L})]})})]})]})})),{displayName:"PopoverComponent",sizes:e=>e.orientation==='landscape'?SIZES_LANDSCAPE:SIZES});export{COMPONENT_NAME,PopoverComponent,SIZES,SIZES_LANDSCAPE};
-//# sourceMappingURL=PopoverComponent.mjs.map

package/components/PopoverComponent/PopoverComponent.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_LANDSCAPE } from './constants'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [PopoverComponentProps](https://github.com/foxford/ui/blob/master/src/components/PopoverComponent/types.ts)\n *\n */\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      orientation = 'portrait',\n      controlsDirection = 'row',\n      badge = {},\n      captionProps = {},\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      media = {},\n      controls = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      loading,\n      caption,\n      title,\n      content,\n      closeFn,\n      palette,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const { badgeProps = {} } = badge\n\n    const { imgProps = {}, videoProps = {} } = media\n\n    const { text: secondaryButtonText, buttonProps: secondaryButtonProps = {} } = controls.secondary ?? {}\n\n    const { text: primaryButtonText, buttonProps: primaryButtonProps = {} } = controls.primary ?? {}\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        palette={palette}\n        orientation={orientation}\n        controlsDirection={controlsDirection}\n        ref={ref}\n      >\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (typeof closeButtonProps.onClick === 'function') closeButtonProps.onClick(evt)\n            }}\n            palette={palette}\n            type='button'\n          >\n            <Icon as='span' name='close' size={24} />\n          </Styled.CloseButton>\n        )}\n        {orientation === 'landscape' && (\n          <>\n            {loading && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  <Skeleton />\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n            {!loading && (imgProps.src || videoProps.src) && (\n              <Styled.MediaLandscape>\n                <Styled.Media aspectRatio='1:1'>\n                  {imgProps.src ? (\n                    <img alt='' {...imgProps} />\n                  ) : (\n                    <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                  )}\n                </Styled.Media>\n              </Styled.MediaLandscape>\n            )}\n          </>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {(badge.text || caption || loading || showCloseButton) && (\n              <Styled.Header>\n                {loading ? (\n                  <Skeleton width='20%'>\n                    <Badge {...sizeProps} resetDefaultMargin {...badgeProps} />\n                  </Skeleton>\n                ) : (\n                  <>\n                    {badge.text && (\n                      <Badge {...sizeProps} borderRadius={8} marginRight={12} resetDefaultMargin {...badgeProps}>\n                        {badge.text}\n                      </Badge>\n                    )}\n                    {caption && (\n                      <Text\n                        as='span'\n                        appearance='caption'\n                        size={0.9}\n                        sizeUnits='em'\n                        color='content-onmain-tertiary'\n                        weight={700}\n                        {...captionProps}\n                      >\n                        {caption}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </Styled.Header>\n            )}\n            {orientation === 'portrait' && (\n              <>\n                {loading && (\n                  <Styled.Media aspectRatio='16:9'>\n                    <Skeleton />\n                  </Styled.Media>\n                )}\n                {!loading && (imgProps.src || videoProps.src) && (\n                  <Styled.Media aspectRatio='16:9'>\n                    {imgProps.src ? (\n                      <img alt='' {...imgProps} />\n                    ) : (\n                      <Styled.Video controls controlsList='nofullscreen' disablePictureInPicture {...videoProps} />\n                    )}\n                  </Styled.Media>\n                )}\n              </>\n            )}\n            {(title || content || loading) && (\n              <div>\n                {loading ? (\n                  <>\n                    <Skeleton borderRadius={4} marginBottom={0.6} marginUnits='em'>\n                      <Text appearance='subheading' size={1.4} sizeUnits='em' {...titleProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%' marginBottom={0.4} marginUnits='em'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' size='inherit' {...contentProps} />\n                    </Skeleton>\n                  </>\n                ) : (\n                  <>\n                    {title && (\n                      <Text\n                        as='h2'\n                        appearance='subheading'\n                        size={1.4}\n                        color='inherit'\n                        marginBottom={content ? 0.4 : undefined}\n                        sizeUnits='em'\n                        marginUnits='em'\n                        {...titleProps}\n                      >\n                        {title}\n                      </Text>\n                    )}\n                    {content && (\n                      <Text as='p' appearance='body' size='inherit' color='inherit' {...contentProps}>\n                        {content}\n                      </Text>\n                    )}\n                  </>\n                )}\n              </div>\n            )}\n          </Styled.Content>\n          {(secondaryButtonText || primaryButtonText || loading) && (\n            <Styled.Footer>\n              {loading ? (\n                <Skeleton width='100%'>\n                  <Button preset='brand' {...sizeProps} />\n                </Skeleton>\n              ) : (\n                <>\n                  {secondaryButtonText && (\n                    <Button\n                      preset='brand'\n                      black\n                      outline\n                      type='button'\n                      marginRight={controlsDirection === 'row' ? 6 : undefined}\n                      marginBottom={controlsDirection === 'column' ? 6 : undefined}\n                      {...sizeProps}\n                      {...secondaryButtonProps}\n                    >\n                      {secondaryButtonText}\n                    </Button>\n                  )}\n                  {primaryButtonText && (\n                    <Button preset='brand' black type='button' {...sizeProps} {...primaryButtonProps}>\n                      {primaryButtonText}\n                    </Button>\n                  )}\n                </>\n              )}\n            </Styled.Footer>\n          )}\n        </Styled.Container>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n    },\n  }\n)\n\nexport { PopoverComponent }\n\nexport { COMPONENT_NAME, SIZES_LANDSCAPE, SIZES }\n"],"names":["COMPONENT_NAME","PopoverComponent","withMergedProps","forwardRef","props","ref","size","orientation","controlsDirection","badge","captionProps","titleProps","contentProps","closeButtonProps","media","controls","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","loading","caption","title","content","closeFn","palette","showCloseButton","restProps","sizeProps","badgeProps","imgProps","videoProps","text","secondaryButtonText","buttonProps","secondaryButtonProps","secondary","primaryButtonText","primaryButtonProps","primary","_jsxs","Styled","children","_jsx","onClick","evt","type","Icon","as","name","_Fragment","aspectRatio","Skeleton","src","alt","controlsList","disablePictureInPicture","width","Badge","resetDefaultMargin","borderRadius","marginRight","Text","appearance","sizeUnits","color","weight","marginBottom","marginUnits","undefined","Button","preset","black","outline","displayName","sizes","SIZES_LANDSCAPE","SIZES"],"mappings":"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"}

package/components/PopoverComponent/constants.mjs

@@ -1,2 +0,0 @@
-const SIZES={xxxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:600,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:560,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:356,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:280,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:260,padding:'1.6em',borderRadius:16,fontSize:12}};const SIZES_LANDSCAPE={xxxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xxl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},xl:{width:900,padding:'1.6em',borderRadius:16,fontSize:22},l:{width:792,padding:'1.6em',borderRadius:16,fontSize:20},m:{width:600,padding:'1.6em',borderRadius:16,fontSize:16},s:{width:520,padding:'1.6em',borderRadius:16,fontSize:14},xs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12},xxxs:{width:375,padding:'1.6em',borderRadius:16,fontSize:12}};export{SIZES,SIZES_LANDSCAPE};
-//# sourceMappingURL=constants.mjs.map

package/components/PopoverComponent/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/PopoverComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 560,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 356,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 280,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 260,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n\nexport const SIZES_LANDSCAPE: Sizes = {\n  xxxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xxl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  xl: {\n    width: 900,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 22,\n  },\n  l: {\n    width: 792,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 20,\n  },\n  m: {\n    width: 600,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 16,\n  },\n  s: {\n    width: 520,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 14,\n  },\n  xs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n  xxxs: {\n    width: 375,\n    padding: '1.6em',\n    borderRadius: 16,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","width","padding","borderRadius","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_LANDSCAPE"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,KAIP,MAAMS,gBAAyB,CACpCb,KAAM,CACJC,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZC,IAAK,CACHJ,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZE,GAAI,CACFL,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZG,EAAG,CACDN,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZI,EAAG,CACDP,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZK,EAAG,CACDR,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZM,GAAI,CACFT,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZO,IAAK,CACHV,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU,IAEZQ,KAAM,CACJX,MAAO,IACPC,QAAS,QACTC,aAAc,GACdC,SAAU"}

package/components/PopoverComponent/style.mjs

@@ -1,2 +0,0 @@
-import styled from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardPopoverComponentProp=createShouldForwardProp((o=>!['orientation','controlsDirection','black','contrast','elevated'].includes(o)));const MediaLandscape=styled.div.withConfig({displayName:"PopoverComponent__MediaLandscape",componentId:"ui__sc-hvg57g-0"})(["box-sizing:border-box;flex-shrink:0;width:45%;margin-right:1.6em;"]);const Media=styled.div.withConfig({shouldForwardProp:o=>o!=='aspectRatio'}).withConfig({displayName:"PopoverComponent__Media",componentId:"ui__sc-hvg57g-1"})(["",""],(o=>`\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${o.aspectRatio==='16:9'?'56.25%':'100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `));const Footer=styled.div.withConfig({displayName:"PopoverComponent__Footer",componentId:"ui__sc-hvg57g-2"})(["display:flex;flex-wrap:wrap;margin-top:1.6em;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardPopoverComponentProp}).attrs((o=>({dynamicSizeDeclaration:(e,n)=>({fontSize:typeof e=='string'?e:`${e}${n}`,width:o.orientation==='portrait'?'28em':'40em',padding:'1.6em',borderRadius:16})}))).withConfig({displayName:"PopoverComponent__Root",componentId:"ui__sc-hvg57g-3"})(["box-sizing:border-box;display:inline-flex;isolation:isolate;position:relative;"," "," ",""],(o=>`\n    flex-direction: ${o.orientation==='landscape'?'row':'column'};\n    & ${Footer} {\n      flex-direction: ${o.controlsDirection};\n    }\n  `),(o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,mediaPlaceholderColor:o.theme.colors['bg-oncolor-hover'],...o.palette}).color};\n  background-color: ${e.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${e.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${e.mediaPlaceholderColor};\n  }\n`;var e}),responsiveSize);const Container=styled.div.withConfig({displayName:"PopoverComponent__Container",componentId:"ui__sc-hvg57g-4"})(["box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between;flex-grow:1;"]);const Header=styled.div.withConfig({displayName:"PopoverComponent__Header",componentId:"ui__sc-hvg57g-5"})(["box-sizing:border-box;display:flex;align-items:center;margin-right:20px;"]);const Content=styled.div.withConfig({displayName:"PopoverComponent__Content",componentId:"ui__sc-hvg57g-6"})(["box-sizing:border-box;word-break:break-word;& > *:not(:last-child){margin-bottom:1.6em;}"]);const Video=styled.video.withConfig({displayName:"PopoverComponent__Video",componentId:"ui__sc-hvg57g-7"})(["",""],focus);const CloseButton=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"PopoverComponent__CloseButton",componentId:"ui__sc-hvg57g-8"})(["box-sizing:border-box;position:absolute;top:10px;right:10px;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(e={closeColor:o.theme.colors['content-onmain-tertiary'],closeBackgroundColor:o.theme.colors.transparent,closeColorHover:o.theme.colors['content-onmain-primary'],closeBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),closeColorActive:o.theme.colors['content-onmain-primary'],closeBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],closeColorDisabled:o.theme.colors['content-disabled'],closeBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).closeColor};\n  background-color: ${e.closeBackgroundColor};\n  &:hover {\n    color: ${e.closeColorHover};\n    background-color: ${e.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${e.closeColorActive};\n    background-color: ${e.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${e.closeColorDisabled};\n    background-color: ${e.closeBackgroundColorDisabled};\n  }\n`;var e}),focus);export{CloseButton,Container,Content,Footer,Header,Media,MediaLandscape,Root,Video};
-//# sourceMappingURL=style.mjs.map

package/components/PopoverComponent/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/PopoverComponent/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type {\n  PopoverComponentPalette,\n  StyledPopoverComponentProps,\n  StyledPopoverComponentCloseProps,\n  StyledPopoverComponentMediaProps,\n} from './types'\n\nconst shouldForwardPopoverComponentProp = createShouldForwardProp(\n  (propKey) => !['orientation', 'controlsDirection', 'black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const MediaLandscape = styled.div`\n  box-sizing: border-box;\n  flex-shrink: 0;\n  width: 45%;\n  margin-right: 1.6em;\n`\n\nexport const Media = styled.div.withConfig<StyledPopoverComponentMediaProps>({\n  shouldForwardProp: (propKey) => propKey !== 'aspectRatio',\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    position: relative;\n    height: 0;\n    padding-bottom: ${props.aspectRatio === '16:9' ? '56.25%' : '100%'};\n    border-radius: 8px;\n\n    & > * {\n      box-sizing: border-box;\n      position: absolute;\n      top: 0;\n      left: 0;\n      height: 100%;\n      width: 100%;\n    }\n\n    & img,\n    & video {\n      border-radius: inherit;\n      object-fit: contain;\n      height: 100%;\n      width: 100%;\n    }  \n  `}\n`\n\nexport const Footer = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  margin-top: 1.6em;\n`\n\nconst template = (\n  palette: Pick<PopoverComponentPalette, 'color' | 'backgroundColor' | 'shadowColor' | 'mediaPlaceholderColor'>\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & ${Media} img,\n  & ${Media} video {\n    background-color: ${palette.mediaPlaceholderColor};\n  }\n`\n\nconst closeTemplate = (\n  palette: Pick<\n    PopoverComponentPalette,\n    | 'closeColor'\n    | 'closeBackgroundColor'\n    | 'closeColorHover'\n    | 'closeBackgroundColorHover'\n    | 'closeColorActive'\n    | 'closeBackgroundColorActive'\n    | 'closeColorDisabled'\n    | 'closeBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.closeColor};\n  background-color: ${palette.closeBackgroundColor};\n  &:hover {\n    color: ${palette.closeColorHover};\n    background-color: ${palette.closeBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.closeColorActive};\n    background-color: ${palette.closeBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.closeColorDisabled};\n    background-color: ${palette.closeBackgroundColorDisabled};\n  }\n`\n\nexport const Root = styled.div\n  .withConfig<StyledPopoverComponentProps>({\n    shouldForwardProp: shouldForwardPopoverComponentProp,\n  })\n  .attrs<StyledPopoverComponentProps>(\n    (props): Required<Pick<StyledPopoverComponentProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.orientation === 'portrait' ? '28em' : '40em',\n        padding: '1.6em',\n        borderRadius: 16,\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  display: inline-flex;\n  isolation: isolate;\n  position: relative;\n\n  ${(props) => `\n    flex-direction: ${props.orientation === 'landscape' ? 'row' : 'column'};\n    & ${Footer} {\n      flex-direction: ${props.controlsDirection};\n    }\n  `}\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-primary'],\n      backgroundColor: props.theme.colors['bg-onmain-primary'],\n      shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n      mediaPlaceholderColor: props.theme.colors['bg-oncolor-hover'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n`\n\nexport const Container = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  flex-grow: 1;\n`\n\nexport const Header = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  margin-right: 20px;\n`\n\nexport const Content = styled.div`\n  box-sizing: border-box;\n  word-break: break-word;\n\n  & > *:not(:last-child) {\n    margin-bottom: 1.6em;\n  }\n`\n\nexport const Video = styled.video`\n  ${focus}\n`\n\nexport const CloseButton = styled.button.withConfig<StyledPopoverComponentCloseProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  position: absolute;\n  top: 10px;\n  right: 10px;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    closeTemplate({\n      closeColor: props.theme.colors['content-onmain-tertiary'],\n      closeBackgroundColor: props.theme.colors.transparent,\n      closeColorHover: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      closeColorActive: props.theme.colors['content-onmain-primary'],\n      closeBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      closeColorDisabled: props.theme.colors['content-disabled'],\n      closeBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardPopoverComponentProp","createShouldForwardProp","propKey","includes","MediaLandscape","styled","div","withConfig","displayName","componentId","Media","shouldForwardProp","props","aspectRatio","Footer","Root","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","orientation","padding","borderRadius","controlsDirection","template","palette","color","theme","colors","backgroundColor","shadowColor","elevated","transparent","mediaPlaceholderColor","responsiveSize","Container","Header","Content","Video","video","focus","CloseButton","button","disabled","closeTemplate","closeColor","closeBackgroundColor","closeColorHover","closeBackgroundColorHover","tinycolor","lighten","toString","closeColorActive","closeBackgroundColorActive","closeColorDisabled","closeBackgroundColorDisabled"],"mappings":"kTAaA,MAAMA,kCAAoCC,yBACvCC,IAAa,CAAC,cAAe,oBAAqB,QAAS,WAAY,YAAYC,SAASD,WAGlFE,eAAiBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,mCAAAC,YAAA,mBAAVJ,CAK7B,CAAA,sEAEM,MAAMK,MAAQL,OAAOC,IAAIC,WAA6C,CAC3EI,kBAAoBT,GAAYA,IAAY,gBAC5CK,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAFmBJ,CAEnB,CAAA,GAAA,KACGO,GAAU,+FAIOA,EAAMC,cAAgB,OAAS,SAAW,iVAsBnDC,OAAST,OAAOC,IAAGC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,mBAAVJ,CAIrB,CAAA,kDA4CM,MAAMU,KAAOV,OAAOC,IACxBC,WAAwC,CACvCI,kBAAmBX,oCAEpBgB,OACEJ,IAAkF,CACjFK,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,MAAOT,EAAMU,cAAgB,WAAa,OAAS,OACnDC,QAAS,QACTC,aAAc,SAGnBjB,WAAA,CAAAC,YAAA,yBAAAC,YAAA,mBAbiBJ,CAajB,CAAA,iFAAA,IAAA,IAAA,KAMEO,GAAU,yBACOA,EAAMU,cAAgB,YAAc,MAAQ,oBAC1DR,mCACgBF,EAAMa,kCAIzBb,IACDc,MAnEC,eADHC,EAoEW,CACPC,MAAOhB,EAAMiB,MAAMC,OAAO,0BAC1BC,gBAAiBnB,EAAMiB,MAAMC,OAAO,qBACpCE,YAAapB,EAAMqB,SAAWrB,EAAMiB,MAAMC,OAAO,oBAAsBlB,EAAMiB,MAAMC,OAAOI,YAC1FC,sBAAuBvB,EAAMiB,MAAMC,OAAO,uBACvClB,EAAMe,UAvEIC,+BACGD,EAAQI,sDACKJ,EAAQK,wBAErCtB,mBACAA,wCACkBiB,EAAQQ,gCAR9BR,KA0EI,GAEFS,sBAGSC,UAAYhC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAVJ,CAMxB,CAAA,8GAEYiC,OAASjC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,2BAAAC,YAAA,mBAAVJ,CAKrB,CAAA,mFAEYkC,QAAUlC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,4BAAAC,YAAA,mBAAVJ,CAOtB,CAAA,mGAEYmC,MAAQnC,OAAOoC,MAAKlC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAZJ,CAAY,CAAA,GAAA,IAC7BqC,OAGG,MAAMC,YAActC,OAAOuC,OAAOrC,WAA6C,CACpFI,kBAAoBT,IAAa,CAAC,WAAWC,SAASD,KACtDK,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAFyBJ,CAEzB,CAAA,gMAAA,IAAA,IAAA,KAaWO,GAAWA,EAAMiC,SAAW,cAAgB,YAEpDjC,IACDkC,MArGC,eAXHnB,EAgHgB,CACZoB,WAAYnC,EAAMiB,MAAMC,OAAO,2BAC/BkB,qBAAsBpC,EAAMiB,MAAMC,OAAOI,YACzCe,gBAAiBrC,EAAMiB,MAAMC,OAAO,0BACpCoB,0BAA2BC,UAAUvC,EAAMiB,MAAMC,OAAO,qBAAqBsB,QAAQ,IAAIC,WACzFC,iBAAkB1C,EAAMiB,MAAMC,OAAO,0BACrCyB,2BAA4B3C,EAAMiB,MAAMC,OAAO,oBAC/C0B,mBAAoB5C,EAAMiB,MAAMC,OAAO,oBACvC2B,6BAA8B7C,EAAMiB,MAAMC,OAAOI,eAC9CtB,EAAMe,UA7GIoB,oCACGpB,EAAQqB,kDAEjBrB,EAAQsB,2CACGtB,EAAQuB,6DAGnBvB,EAAQ2B,4CACG3B,EAAQ4B,gEAGnB5B,EAAQ6B,8CACG7B,EAAQ8B,uCAxB9B9B,KA0HI,GAEFe"}

package/components/Progress/Progress.mjs

@@ -1,2 +0,0 @@
-import{Root,Bar}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{ProgressCircle}from'../Progress.Circle/Progress.Circle.mjs';import{ProgressSegmented}from'../Progress.Segmented/Progress.Segmented.mjs';function Progress(r){const{className:e,isLoading:o,backgroundColor:s,color:g,percent:t}=r;let n=typeof t=='string'?parseInt(t,10):t||0;return n>100&&(n=100),n<0&&(n=0),jsx(Root,{className:e,backgroundColor:s,color:g,children:jsx(Bar,{width:n,isLoading:Boolean(o)})})}Progress.defaultProps={percent:0,color:'green',backgroundColor:'alto',isLoading:!1},Progress.Circle=ProgressCircle,Progress.Segmented=ProgressSegmented,Progress.displayName='Progress';export{Progress};
-//# sourceMappingURL=Progress.mjs.map

package/components/Progress/Progress.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.mjs","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport { ProgressSegmented } from 'components/Progress.Segmented'\nimport { ProgressCircle } from 'components/Progress.Circle'\nimport * as Styled from './style'\n\nexport interface ProgressProps extends BaseProps, ColorProperty, ColorProperty<'backgroundColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  isLoading?: boolean\n}\n\nProgress.defaultProps = {\n  percent: 0,\n  color: 'green',\n  backgroundColor: 'alto',\n  isLoading: false,\n}\n\nProgress.Circle = ProgressCircle\nProgress.Segmented = ProgressSegmented\nProgress.displayName = 'Progress'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nexport function Progress(props: ProgressProps) {\n  const { className, isLoading, backgroundColor, color, percent } = props\n\n  let _percent: number = typeof percent === 'string' ? parseInt(percent, 10) : percent || 0\n\n  if (_percent > 100) _percent = 100\n  if (_percent < 0) _percent = 0\n\n  return (\n    <Styled.Root className={className} backgroundColor={backgroundColor} color={color}>\n      <Styled.Bar width={_percent} isLoading={Boolean(isLoading)} />\n    </Styled.Root>\n  )\n}\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled","children","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"oNA+BO,SAASA,SAASC,GACvB,MAAMC,UAAEA,EAASC,UAAEA,EAASC,gBAAEA,EAAeC,MAAEA,EAAKC,QAAEA,GAAYL,EAElE,IAAIM,SAA0BD,GAAY,SAAWE,SAASF,EAAS,IAAMA,GAAW,EAKxF,OAHIC,EAAW,MAAKA,EAAW,KAC3BA,EAAW,IAAGA,EAAW,GAG3BE,IAACC,KAAW,CAACR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAAMM,SAChFF,IAACC,IAAU,CAACE,MAAOL,EAAUJ,UAAWU,QAAQV,MAGtD,CA9BAH,SAASc,aAAe,CACtBR,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAW,GAGbH,SAASe,OAASC,eAClBhB,SAASiB,UAAYC,kBACrBlB,SAASmB,YAAc"}

package/components/Progress/style.mjs

@@ -1,2 +0,0 @@
-import styled,{keyframes,css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{color}from'../../mixins/color.mjs';const move=keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>css(["background-color:",";"],tinycolor(o).setAlpha(.6).toString());const isLoading=css(["background-image:linear-gradient( -45deg,rgba(255,255,255,0.4) 25%,transparent 25%,transparent 50%,rgba(255,255,255,0.4) 50%,rgba(255,255,255,0.4) 75%,transparent 75%,transparent );background-size:25px 25px;animation:"," 2s linear infinite;"],move);const Root=styled.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color(o.backgroundColor,bgColor):null),(o=>o.color?color(o.color):null));const Bar=styled.div.withConfig({shouldForwardProp:()=>!1}).withConfig({displayName:"Progress__Bar",componentId:"ui__sc-1vq95i6-1"})(["width:0;transition:width 1s ease-in-out;height:100%;border-radius:inherit;color:inherit;background-color:currentColor;"," ",""],(o=>o.isLoading?isLoading:null),(o=>o.width?css(["width:","%;"],o.width):css(["width:0%;"])));export{Bar,Root};
-//# sourceMappingURL=style.mjs.map

package/components/Progress/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { color } from 'mixins/color'\nimport { ProgressProps } from './Progress'\n\nconst move = keyframes`\n  0% {\n    background-position: 0 0;\n  }\n  100% {\n    background-position: 50px 50px;\n  }\n`\n\nconst bgColor = (color: string) => css`\n  background-color: ${tinycolor(color).setAlpha(0.6).toString()};\n`\n\nconst isLoading = css`\n  background-image: linear-gradient(\n    -45deg,\n    rgba(255, 255, 255, 0.4) 25%,\n    transparent 25%,\n    transparent 50%,\n    rgba(255, 255, 255, 0.4) 50%,\n    rgba(255, 255, 255, 0.4) 75%,\n    transparent 75%,\n    transparent\n  );\n  background-size: 25px 25px;\n  animation: ${move} 2s linear infinite;\n`\n\nexport const Root = styled.div<Pick<ProgressProps, 'backgroundColor' | 'color'>>`\n  display: block;\n  height: 4px;\n  border-radius: 40px;\n  overflow: hidden;\n  ${(props) => (props.backgroundColor ? color(props.backgroundColor, bgColor) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n`\n\nexport const Bar = styled.div.withConfig<{ width: number; isLoading: boolean }>({\n  shouldForwardProp: () => false,\n})`\n  width: 0;\n  transition: width 1s ease-in-out;\n  height: 100%;\n  border-radius: inherit;\n  color: inherit;\n  background-color: currentColor;\n  ${(props) => (props.isLoading ? isLoading : null)}\n  ${(props) =>\n    props.width\n      ? css`\n          width: ${props.width}%;\n        `\n      : css`\n          width: 0%;\n        `}\n`\n"],"names":["move","keyframes","bgColor","color","css","tinycolor","setAlpha","toString","isLoading","Root","styled","div","withConfig","displayName","componentId","props","backgroundColor","Bar","shouldForwardProp","width"],"mappings":"kMAKA,MAAMA,KAAOC,UAOZ,CAAA,qEAED,MAAMC,QAAWC,GAAkBC,IAAG,CAAA,oBAAA,KAChBC,UAAUF,GAAOG,SAAS,IAAKC,YAGrD,MAAMC,UAAYJ,IAAG,CAAA,4NAAA,wBAYNJ,YAGFS,KAAOC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,oBAAVJ,CAAU,CAAA,+DAAA,IAAA,KAKzBK,GAAWA,EAAMC,gBAAkBb,MAAMY,EAAMC,gBAAiBd,SAAW,OAC3Ea,GAAWA,EAAMZ,MAAQA,MAAMY,EAAMZ,OAAS,OAG5C,MAAMc,IAAMP,OAAOC,IAAIC,WAAkD,CAC9EM,kBAAmBA,KAAM,IACzBN,WAAA,CAAAC,YAAA,gBAAAC,YAAA,oBAFiBJ,CASdK,CAAAA,yHAAAA,IAAAA,KAAAA,GAAWA,EAAMP,UAAYA,UAAY,OACzCO,GACDA,EAAMI,MACFf,IACWW,CAAAA,SAAAA,MAAAA,EAAMI,OAEjBf,IAAG,CAAA"}

package/components/Progress.Circle/Progress.Circle.mjs

@@ -1,2 +0,0 @@
-import{PureComponent}from'react';import{Root,Content}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function polarToCartesian(s,e,r,t){const o=(t-90)*Math.PI/180;return{x:s+r*Math.cos(o),y:e+r*Math.sin(o)}}function describeArc(s,e,r,t,o,n=!1){const c=polarToCartesian(s,e,r,o);const i=polarToCartesian(s,e,r,t);const a=o-t;const l=(a<0?-a:a)<=180?'1':'0';return['M',c.x,c.y,'A',r,r,0,n?+!+l:l,0,i.x,i.y].join(' ')}class ProgressCircle extends PureComponent{static displayName='Progress.Circle';static defaultProps={size:84,progress:0,strokeLineWidth:2,strokeBGWidth:2,resultColor:'accent',progressStartAngle:180};constructor(s){super(s),this.state={bgAngleDiff:0,describeArcProgress:null,describeArcBg:null}}componentDidMount(){this.renderSvg()}componentDidUpdate(s){const{progress:e,size:r}=this.props;const{progress:t,size:o}=s;e===t&&r===o||this.renderSvg()}renderSvg=()=>{const{size:s,progress:e,strokeLineWidth:r,strokeBGWidth:t,progressStartAngle:o}=this.props;const n=r>t?r:t;const c=s/2+n/2;const i=o;const a=i-.5;const l=c-n/2;const d=c-n/2;const p=c-n;const g=i-a;const h=describeArc(l,d,p,o,o-.5+ +e/100*360,!0);const u=describeArc(l,d,p,i,a);this.setState({describeArcProgress:h,describeArcBg:u,bgAngleDiff:g<0?-g:g})};render(){const{size:s,children:e,content:r,strokeLineWidth:t,strokeBGWidth:o,resultColor:n,strokeBGColor:c,status:i,progress:a,className:l,style:d}=this.props;const{bgAngleDiff:p,describeArcProgress:g,describeArcBg:h}=this.state;return jsxs(Root,{className:l,style:d,size:s,strokeBGColor:c,resultColor:n,status:i,children:[jsx("svg",{width:s,height:s,viewBox:`0 0 ${s} ${s}`,children:jsxs("g",{className:'pathBox',children:[jsx("path",{className:"bg",d:p<360&&h?h:'',fill:"none",strokeWidth:o,strokeLinecap:"round"}),jsx("path",{className:"line",d:Boolean(+a)&&g?g:'',strokeWidth:t,strokeLinecap:"round"})]})}),(e||r)&&jsx(Content,{children:e||r})]})}}export{ProgressCircle};
-//# sourceMappingURL=Progress.Circle.mjs.map

package/components/Progress.Circle/Progress.Circle.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.Circle.mjs","sources":["../../../../src/components/Progress.Circle/Progress.Circle.tsx"],"sourcesContent":["/* eslint-disable no-use-before-define */\nimport { PureComponent } from 'react'\nimport { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nfunction polarToCartesian(centerX: number, centerY: number, radius: number, angleInDegrees: number) {\n  const angleInRadians = ((angleInDegrees - 90) * Math.PI) / 180.0\n\n  return {\n    x: centerX + radius * Math.cos(angleInRadians),\n    y: centerY + radius * Math.sin(angleInRadians),\n  }\n}\n\nfunction describeArc(x: number, y: number, radius: number, startAngle: number, endAngle: number, reverse = false) {\n  const start = polarToCartesian(x, y, radius, endAngle)\n  const end = polarToCartesian(x, y, radius, startAngle)\n\n  const diff = endAngle - startAngle\n  const angleDiff = diff < 0 ? -diff : diff\n\n  const sweep = angleDiff <= 180 ? '1' : '0'\n  const arcSweep = reverse ? +!+sweep : sweep\n\n  return ['M', start.x, start.y, 'A', radius, radius, 0, arcSweep, 0, end.x, end.y].join(' ')\n}\n\nexport interface ProgressCircleProps extends BaseProps, ColorProperty<'resultColor'>, ColorProperty<'strokeBGColor'> {\n  /**\n   * status ['fail', 'success', 'started']\n   */\n  status?: 'fail' | 'success' | 'started'\n  /**\n   * progress percent\n   */\n  progress?: number\n  /**\n   * width and height\n   */\n  size?: number\n  /**\n   * React children\n   */\n  children?: React.ReactNode\n  /**\n   * width progress line\n   */\n  strokeLineWidth?: number\n  /**\n   * width background line\n   */\n  strokeBGWidth?: number\n  /**\n   * start angle of progress\n   */\n  progressStartAngle?: number\n  /**\n   * @ignore @deprecated Use children\n   */\n  content?: string | number\n}\n\ninterface ProgressCircleState {\n  bgAngleDiff: number\n  describeArcProgress: string | null\n  describeArcBg: string | null\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'resultColor'>`](#/Миксины)\n * - [`Color<'strokeBGColor'>`](#/Миксины)\n */\nexport class ProgressCircle extends PureComponent<\n  typeof ProgressCircle.defaultProps & ProgressCircleProps,\n  ProgressCircleState\n> {\n  static displayName = 'Progress.Circle'\n  static defaultProps = {\n    size: 84,\n    progress: 0,\n    strokeLineWidth: 2,\n    strokeBGWidth: 2,\n    resultColor: 'accent',\n    progressStartAngle: 180,\n  }\n\n  constructor(props: typeof ProgressCircle.defaultProps & ProgressCircleProps) {\n    super(props)\n    this.state = {\n      bgAngleDiff: 0,\n      describeArcProgress: null,\n      describeArcBg: null,\n    }\n  }\n\n  componentDidMount() {\n    this.renderSvg()\n  }\n\n  componentDidUpdate(prevProps: ProgressCircleProps) {\n    const { progress, size } = this.props\n    const { progress: prevProgress, size: prevSize } = prevProps\n\n    if (progress !== prevProgress || size !== prevSize) {\n      this.renderSvg()\n    }\n  }\n\n  renderSvg = () => {\n    const { size, progress, strokeLineWidth, strokeBGWidth, progressStartAngle } = this.props\n\n    const thickness = strokeLineWidth > strokeBGWidth ? strokeLineWidth : strokeBGWidth\n\n    const center = size / 2 + thickness / 2\n    const progressGap = 0.5\n    const progressEndAngle = progressStartAngle - progressGap + (+progress / 100) * 360\n    const bgStartAngle = progressStartAngle\n    const bgEndAngle = bgStartAngle - progressGap\n\n    const centerX = center - thickness / 2\n    const centerY = center - thickness / 2\n    const radius = center - thickness\n    const diff = bgStartAngle - bgEndAngle\n\n    const describeArcProgress = describeArc(centerX, centerY, radius, progressStartAngle, progressEndAngle, true)\n\n    const describeArcBg = describeArc(centerX, centerY, radius, bgStartAngle, bgEndAngle)\n\n    const bgAngleDiff = diff < 0 ? -diff : diff\n\n    this.setState({\n      describeArcProgress,\n      describeArcBg,\n      bgAngleDiff,\n    })\n  }\n\n  render() {\n    const {\n      size,\n      children,\n      content,\n      strokeLineWidth,\n      strokeBGWidth,\n      resultColor,\n      strokeBGColor,\n      status,\n      progress,\n      className,\n      style,\n    } = this.props\n\n    const { bgAngleDiff, describeArcProgress, describeArcBg } = this.state\n\n    return (\n      <Styled.Root\n        className={className}\n        style={style}\n        size={size}\n        strokeBGColor={strokeBGColor}\n        resultColor={resultColor}\n        status={status}\n      >\n        <svg width={size} height={size} viewBox={`0 0 ${size} ${size}`}>\n          <g className={'pathBox'}>\n            <path\n              className='bg'\n              d={bgAngleDiff < 360 && describeArcBg ? describeArcBg : ''}\n              fill='none'\n              strokeWidth={strokeBGWidth}\n              strokeLinecap='round'\n            />\n            <path\n              className='line'\n              d={Boolean(+progress) && describeArcProgress ? describeArcProgress : ''}\n              strokeWidth={strokeLineWidth}\n              strokeLinecap='round'\n            />\n          </g>\n        </svg>\n        {(children || content) && <Styled.Content>{children || content}</Styled.Content>}\n      </Styled.Root>\n    )\n  }\n}\n"],"names":["polarToCartesian","centerX","centerY","radius","angleInDegrees","angleInRadians","Math","PI","x","cos","y","sin","describeArc","startAngle","endAngle","reverse","start","end","diff","sweep","join","ProgressCircle","PureComponent","static","size","progress","strokeLineWidth","strokeBGWidth","resultColor","progressStartAngle","constructor","props","super","this","state","bgAngleDiff","describeArcProgress","describeArcBg","componentDidMount","renderSvg","componentDidUpdate","prevProps","prevProgress","prevSize","thickness","center","bgStartAngle","bgEndAngle","setState","render","children","content","strokeBGColor","status","className","style","_jsxs","Styled","_jsx","width","height","viewBox","d","fill","strokeWidth","strokeLinecap","Boolean"],"mappings":"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"}

package/components/Progress.Circle/style.mjs

@@ -1,2 +0,0 @@
-import styled from'styled-components';import{color,getColor}from'../../mixins/color.mjs';const Root=styled.div.withConfig({shouldForwardProp:o=>o==='children'}).withConfig({displayName:"ProgressCircle__Root",componentId:"ui__sc-yu7d34-0"})(["position:relative;width:",";height:",";flex-shrink:0;svg{width:100%;height:100%;font-size:0px;}.line{fill:none;display:block;","}.bg{stroke:",";fill:rgba(255,255,255,0);&.fail{stroke:#f1512c;}&.success{stroke:#7bb909;}&.started{stroke:#459ff3;}}"],(o=>o.size?`${o.size}px`:'84px'),(o=>o.size?`${o.size}px`:'84px'),(o=>o.resultColor?color(o.resultColor,'stroke'):null),(o=>o.strokeBGColor?getColor(o.strokeBGColor,o):"rgba(0, 0, 0, 0.12)"));const Content=styled.div.withConfig({displayName:"ProgressCircle__Content",componentId:"ui__sc-yu7d34-1"})(["position:absolute;left:0;top:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;img{border-radius:50%;}"]);export{Content,Root};
-//# sourceMappingURL=style.mjs.map

package/components/Progress.Circle/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Circle/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { ProgressCircleProps } from './Progress.Circle'\n\nexport const Root = styled.div.withConfig({\n  shouldForwardProp: (prop) => prop === 'children',\n})<Pick<ProgressCircleProps, 'size' | 'resultColor' | 'strokeBGColor' | 'status'>>`\n  position: relative;\n  width: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  height: ${(props) => (props.size ? `${props.size}px` : '84px')};\n  flex-shrink: 0;\n  svg {\n    width: 100%;\n    height: 100%;\n    font-size: 0px;\n  }\n  .line {\n    fill: none;\n    display: block;\n    ${(props) => (props.resultColor ? color(props.resultColor, 'stroke') : null)}\n  }\n  .bg {\n    stroke: ${(props) => (props.strokeBGColor ? getColor(props.strokeBGColor, props) : `rgba(0, 0, 0, 0.12)`)};\n    fill: rgba(255, 255, 255, 0);\n    &.fail {\n      stroke: #f1512c;\n    }\n    &.success {\n      stroke: #7bb909;\n    }\n    &.started {\n      stroke: #459ff3;\n    }\n  }\n`\n\nexport const Content = styled.div`\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  img {\n    border-radius: 50%;\n  }\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","displayName","componentId","props","size","resultColor","color","strokeBGColor","getColor","Content"],"mappings":"yFAIO,MAAMA,KAAOC,OAAOC,IAAIC,WAAW,CACxCC,kBAAoBC,GAASA,IAAS,aACtCF,WAAA,CAAAG,YAAA,uBAAAC,YAAA,mBAFkBN,CAElB,CAAA,2BAAA,WAAA,0FAAA,eAAA,2GAEUO,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAC3CD,GAAWA,EAAMC,KAAO,GAAGD,EAAMC,SAAW,SAUlDD,GAAWA,EAAME,YAAcC,MAAMH,EAAME,YAAa,UAAY,OAG5DF,GAAWA,EAAMI,cAAgBC,SAASL,EAAMI,cAAeJ,GAAS,8BAc1EM,QAAUb,OAAOC,IAAGC,WAAA,CAAAG,YAAA,0BAAAC,YAAA,mBAAVN,CAYtB,CAAA"}

package/components/Progress.Segmented/Progress.Segmented.mjs

@@ -1,2 +0,0 @@
-import{Root,Progress,Separators,Separator}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';function ProgressSegmented(e){const{percent:r,segments:s,className:o,style:t,percentColor:a,separatorColor:n,haveCircle:c,isActive:p}=e;return jsxs(Root,{className:o,style:t,percent:r,haveCircle:c,percentColor:a,isActive:p,children:[jsx(Progress,{percent:r,percentColor:a}),jsx(Separators,{children:Array.from(new Array(s+1).keys()).map(((e,r)=>jsx(Separator,{separatorColor:n},r)))})]})}ProgressSegmented.defaultProps={percent:0,percentColor:'#7fc92e',separatorColor:'#ffffff',segments:9,haveCircle:!0},ProgressSegmented.displayName='Progress.Segmented';export{ProgressSegmented};
-//# sourceMappingURL=Progress.Segmented.mjs.map

package/components/Progress.Segmented/Progress.Segmented.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Progress.Segmented.mjs","sources":["../../../../src/components/Progress.Segmented/Progress.Segmented.tsx"],"sourcesContent":["import { ColorProperty } from 'mixins/color'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface ProgressSegmentedProps\n  extends BaseProps,\n    ColorProperty<'separatorColor'>,\n    ColorProperty<'percentColor'> {\n  /**\n   * Current percent complete\n   */\n  percent?: number\n  /**\n   * segments count\n   */\n  segments?: number\n  /**\n   * custom class\n   */\n  className?: string\n  /**\n   * circle in begin progress\n   */\n  haveCircle?: boolean\n  /**\n   * active state\n   */\n  isActive?: boolean\n}\n\nProgressSegmented.defaultProps = {\n  percent: 0,\n  percentColor: '#7fc92e',\n  separatorColor: '#ffffff',\n  segments: 9,\n  haveCircle: true,\n}\n\nProgressSegmented.displayName = 'Progress.Segmented'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color<'separatorColor'>`](#/Миксины)\n * - [`Color<'percentColor'>`](#/Миксины)\n */\nexport function ProgressSegmented(props: typeof ProgressSegmented.defaultProps & ProgressSegmentedProps) {\n  const { percent, segments, className, style, percentColor, separatorColor, haveCircle, isActive } = props\n\n  return (\n    <Styled.Root\n      className={className}\n      style={style}\n      percent={percent}\n      haveCircle={haveCircle}\n      percentColor={percentColor}\n      isActive={isActive}\n    >\n      <Styled.Progress percent={percent} percentColor={percentColor} />\n      <Styled.Separators>\n        {Array.from(new Array(segments + 1).keys()).map((item, key) => (\n          <Styled.Separator separatorColor={separatorColor} key={key} />\n        ))}\n      </Styled.Separators>\n    </Styled.Root>\n  )\n}\n"],"names":["ProgressSegmented","props","percent","segments","className","style","percentColor","separatorColor","haveCircle","isActive","_jsxs","Styled","children","_jsx","Array","from","keys","map","item","key","defaultProps","displayName"],"mappings":"oGA8CO,SAASA,kBAAkBC,GAChC,MAAMC,QAAEA,EAAOC,SAAEA,EAAQC,UAAEA,EAASC,MAAEA,EAAKC,aAAEA,EAAYC,eAAEA,EAAcC,WAAEA,EAAUC,SAAEA,GAAaR,EAEpG,OACES,KAACC,KAAW,CACVP,UAAWA,EACXC,MAAOA,EACPH,QAASA,EACTM,WAAYA,EACZF,aAAcA,EACdG,SAAUA,EAASG,SAEnBC,CAAAA,IAACF,SAAe,CAACT,QAASA,EAASI,aAAcA,IACjDO,IAACF,WAAiB,CAAAC,SACfE,MAAMC,KAAK,IAAID,MAAMX,EAAW,GAAGa,QAAQC,KAAI,CAACC,EAAMC,IACrDN,IAACF,UAAgB,CAACJ,eAAgBA,GAAqBY,SAKjE,CApCAnB,kBAAkBoB,aAAe,CAC/BlB,QAAS,EACTI,aAAc,UACdC,eAAgB,UAChBJ,SAAU,EACVK,YAAY,GAGdR,kBAAkBqB,YAAc"}

package/components/Progress.Segmented/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import{color,getColor}from'../../mixins/color.mjs';import{DefaultColorNames}from'../../theme/colors.mjs';const Progress=styled.div.withConfig({displayName:"ProgressSegmented__Progress",componentId:"ui__sc-10x2wrn-0"})(["height:100%;border-radius:10px;width:",";",";"],(o=>`${o.percent||0}%`),(o=>color(o.percentColor?o.percentColor:DefaultColorNames.atlantis,'background')));const Separators=styled.div.withConfig({displayName:"ProgressSegmented__Separators",componentId:"ui__sc-10x2wrn-1"})(["position:absolute;top:0;display:flex;justify-content:space-between;width:100%;height:4px;z-index:3;"]);const Separator=styled.div.withConfig({displayName:"ProgressSegmented__Separator",componentId:"ui__sc-10x2wrn-2"})(["width:2px;height:100%;&:first-child,&:last-child{width:0;}",""],(o=>color(o.separatorColor?o.separatorColor:DefaultColorNames.white,'background')));const isEmpty=css(["& ","{&:first-child{&:before{background:rgba(0,0,0,0.1);}}}"],Separator);const Root=styled.div.withConfig({displayName:"ProgressSegmented__Root",componentId:"ui__sc-10x2wrn-3"})(["position:relative;height:4px;background:rgba(0,0,0,0.1);border-radius:10px;"," "," ",""],(o=>o.haveCircle?(o=>css(["margin-left:8px;border-radius:0 10px 10px 0;& ","{border-radius:0 10px 10px 0;}& ","{&:first-child{position:relative;&:before{position:absolute;display:block;content:'';left:-8px;top:-2px;width:8px;height:8px;border-radius:50%;background:",";}}}"],Progress,Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null),(o=>o.percent===100?(o=>css(["& ","{&:last-child{position:relative;&:before{position:absolute;top:-6px;right:-6px;display:block;content:'';background:"," url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K') center no-repeat;width:16px;height:16px;border-radius:50%;}}}"],Separator,getColor(o.percentColor||DefaultColorNames.atlantis,o)))(o):null),(o=>o.percent===0?isEmpty:null));export{Progress,Root,Separator,Separators};
-//# sourceMappingURL=style.mjs.map

package/components/Progress.Segmented/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Progress.Segmented/style.ts"],"sourcesContent":["import styled, { css, DefaultTheme } from 'styled-components'\nimport { color, getColor } from 'mixins/color'\nimport { DefaultColorNames } from 'theme/colors'\nimport { ProgressSegmentedProps } from './Progress.Segmented'\n\nexport const Progress = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'percentColor'>>`\n  height: 100%;\n  border-radius: 10px;\n  width: ${(props) => `${props.percent || 0}%`};\n  ${(props) =>\n    props.percentColor ? color(props.percentColor, 'background') : color(DefaultColorNames.atlantis, 'background')};\n`\n\nexport const Separators = styled.div`\n  position: absolute;\n  top: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n  height: 4px;\n  z-index: 3;\n`\n\nexport const Separator = styled.div<Pick<ProgressSegmentedProps, 'separatorColor'>>`\n  width: 2px;\n  height: 100%;\n  &:first-child,\n  &:last-child {\n    width: 0;\n  }\n  ${(props) =>\n    props.separatorColor ? color(props.separatorColor, 'background') : color(DefaultColorNames.white, 'background')}\n`\n\nconst haveCircle = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  margin-left: 8px;\n  border-radius: 0 10px 10px 0;\n  & ${Progress} {\n    border-radius: 0 10px 10px 0;\n  }\n  & ${Separator} {\n    &:first-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        display: block;\n        content: '';\n        left: -8px;\n        top: -2px;\n        width: 8px;\n        height: 8px;\n        border-radius: 50%;\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)};\n      }\n    }\n  }\n`\n\nconst isDone = (props: Pick<ProgressSegmentedProps, 'percentColor'> & { theme: DefaultTheme }) => css`\n  & ${Separator} {\n    &:last-child {\n      position: relative;\n      &:before {\n        position: absolute;\n        top: -6px;\n        right: -6px;\n        display: block;\n        content: '';\n        background: ${getColor(props.percentColor || DefaultColorNames.atlantis, props)}\n          url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5IiBoZWlnaHQ9IjciIHZpZXdCb3g9IjAgMCA5IDciPgogICAgPHBhdGggZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJub256ZXJvIiBkPSJNNi45MTQgMEw4IDEuMDQ1IDIuODQ4IDYgMCAzLjI2MWwxLjA4Ni0xLjA0NUwyLjg0OCAzLjkxeiIvPgo8L3N2Zz4K')\n          center no-repeat;\n        width: 16px;\n        height: 16px;\n        border-radius: 50%;\n      }\n    }\n  }\n`\n\nconst isEmpty = css`\n  & ${Separator} {\n    &:first-child {\n      &:before {\n        background: rgba(0, 0, 0, 0.1);\n      }\n    }\n  }\n`\n\nexport const Root = styled.div<Pick<ProgressSegmentedProps, 'percent' | 'haveCircle' | 'isActive' | 'percentColor'>>`\n  position: relative;\n  height: 4px;\n  background: rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  ${(props) => (props.haveCircle ? haveCircle(props) : null)}\n  ${(props) => (props.percent === 100 ? isDone(props) : null)}\n  ${(props) => (props.percent === 0 ? isEmpty : null)}\n`\n"],"names":["Progress","styled","div","withConfig","displayName","componentId","props","percent","color","percentColor","DefaultColorNames","atlantis","Separators","Separator","separatorColor","white","isEmpty","css","Root","haveCircle","getColor","isDone"],"mappings":"0JAKaA,SAAWC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,oBAAVJ,CAAU,CAAA,wCAAA,IAAA,MAGtBK,GAAU,GAAGA,EAAMC,SAAW,OACrCD,GACoBE,MAArBF,EAAMG,aAAqBH,EAAMG,aAAoCC,kBAAkBC,SAAxC,sBAGtCC,WAAaX,OAAOC,IAAGC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAVJ,CAQzB,CAAA,8GAEYY,UAAYZ,OAAOC,IAAGC,WAAA,CAAAC,YAAA,+BAAAC,YAAA,oBAAVJ,CAOpBK,CAAAA,6DAAAA,KAAAA,GACsBE,MAAvBF,EAAMQ,eAAuBR,EAAMQ,eAAsCJ,kBAAkBK,MAAxC,gBAgDvD,MAAMC,QAAUC,IAAG,CAAA,KAAA,0DACbJ,iBASOK,KAAOjB,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,oBAAVJ,CAAU,CAAA,8EAAA,IAAA,IAAA,KAKzBK,GAAWA,EAAMa,WA5DFb,IAAkFW,IAGhGjB,CAAAA,iDAAAA,mCAAAA,6JAAAA,QAAAA,SAGAa,UAYgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA0C9Ca,CAAWb,GAAS,OAClDA,GAAWA,EAAMC,UAAY,IArClBD,IAAkFW,IAC5FJ,CAAAA,KAAAA,sHAAAA,oWAAAA,UASgBO,SAASd,EAAMG,cAAgBC,kBAAkBC,SAAUL,IA2BzCe,CAAOf,GAAS,OACnDA,GAAWA,EAAMC,UAAY,EAAIS,QAAU"}

package/components/Radio/Group.mjs

@@ -1,2 +0,0 @@
-import{Group}from'./style.mjs';import{jsx}from'react/jsx-runtime';function RadioGroup({children:r,...o}){return jsx(Group,{...o,children:r})}export{RadioGroup};
-//# sourceMappingURL=Group.mjs.map

package/components/Radio/Group.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Group.mjs","sources":["../../../../src/components/Radio/Group.tsx"],"sourcesContent":["import { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface RadioGroupProps extends BaseProps {\n  inline?: boolean\n  children?: React.ReactNode\n}\n\nexport function RadioGroup({ children, ...props }: RadioGroupProps) {\n  return <Styled.Group {...props}>{children}</Styled.Group>\n}\n"],"names":["RadioGroup","children","props","_jsx","Styled"],"mappings":"kEAQO,SAASA,YAAWC,SAAEA,KAAaC,IACxC,OAAOC,IAACC,MAAY,IAAKF,EAAKD,SAAGA,GACnC"}

package/components/Radio/Radio.mjs

@@ -1,2 +0,0 @@
-import cx from'clsx';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{RadioGroup}from'./Group.mjs';import{Root}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{InputRadio}from'../InputRadio/InputRadio.mjs';function Radio(e){const s=e.checked===void 0;const o=useTheme();const{children:i,disabled:d,error:a,id:l,name:t,size:r,value:c,label:n,className:m,width:u=o.defaultInputControlsWidth,style:p,fluid:h,display:f,...x}=e;const R=useClassname(Radio.displayName);const j=cx(R,m,e.checked&&!s?`${R}--checked`:null);const y=`${R}__label`;return jsxs(Root,{className:j,style:p,disabled:d,error:a,htmlFor:l||t,size:r,width:u,display:f,fluid:h,children:[jsx("input",{...x,id:l||t,name:t,type:"radio",value:c,disabled:d,...s?{defaultChecked:e.defaultChecked}:{checked:e.checked}}),jsxs("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 20 20",children:[jsx("circle",{cx:"10",cy:"10",r:"9",stroke:"#727D8A",strokeWidth:"2",fill:"#fff"}),jsx("circle",{cx:"10",cy:"10",r:"5",fill:"#727D8A"})]}),(n||i)&&jsx("span",{className:y,children:n||i})]})}Radio.defaultProps={disabled:!1,size:'medium',display:'inline-flex',onChange:e=>console.log(e,e.target.value)},Radio.Input=InputRadio,Radio.Group=RadioGroup,Radio.displayName='Radio';export{Radio};
-//# sourceMappingURL=Radio.mjs.map

package/components/Radio/Radio.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Radio.mjs","sources":["../../../../src/components/Radio/Radio.tsx"],"sourcesContent":["import cx from 'clsx'\nimport { useTheme } from 'styled-components'\nimport { ResponsiveProperty } from 'mixins/responsive-property'\nimport { DisplayProperty } from 'mixins/display'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport { SizeInput } from 'shared/enums/sizeInput'\nimport { InputRadio } from 'components/InputRadio'\nimport { RadioGroup } from './Group'\nimport * as Styled from './style'\n\ntype RadioInputHtmlAttributes = Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'width'>\n\nexport interface RadioProps extends BaseProps, DisplayProperty, RadioInputHtmlAttributes {\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Radio label\n   */\n  label?: string\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * A Radio can appear disabled and be unable to change states\n   */\n  disabled?: boolean\n  /**\n   * Field can show the data contains errors\n   */\n  error?: boolean\n  /**\n   * Whether or not Radio is checked\n   */\n  checked?: boolean\n  defaultChecked?: boolean\n  /**\n   * Checkbox size\n   */\n  size?: 'small' | 'medium' | 'large'\n  /**\n   * Value\n   */\n  value?: string | number\n  fluid?: boolean\n  /**\n   * Width of label. Default is `Theme.defaultInputControlsWidth`\n   */\n  width?: ResponsiveProperty<'auto' | number | keyof typeof SizeInput>\n}\n\nRadio.defaultProps = {\n  disabled: false,\n  size: 'medium',\n  display: 'inline-flex',\n  onChange: (e: React.ChangeEvent<HTMLInputElement>) => console.log(e, e.target.value), // eslint-disable-line no-console\n}\n\nRadio.Input = InputRadio\nRadio.Group = RadioGroup\nRadio.displayName = 'Radio'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - `React.InputHTMLAttributes<HTMLInputElement>`\n */\nexport function Radio(props: typeof Radio.defaultProps & RadioProps) {\n  const uncontrolled = props.checked === undefined\n  const theme = useTheme()\n\n  const {\n    children,\n    disabled,\n    error,\n    id,\n    name,\n    size,\n    value,\n    label,\n    className,\n    width = theme.defaultInputControlsWidth,\n    style,\n    fluid,\n    display,\n    ...anotherProps\n  } = props\n\n  const baseClassName = useClassname(Radio.displayName)\n  const _className = cx(baseClassName, className, props.checked && !uncontrolled ? `${baseClassName}--checked` : null)\n  const _labelClassName = `${baseClassName}__label`\n\n  const inputProps = uncontrolled ? { defaultChecked: props.defaultChecked } : { checked: props.checked }\n\n  return (\n    <Styled.Root\n      className={_className}\n      style={style}\n      disabled={disabled}\n      error={error}\n      htmlFor={id || name}\n      size={size}\n      width={width}\n      display={display}\n      fluid={fluid}\n    >\n      <input\n        {...anotherProps}\n        id={id || name}\n        name={name}\n        type='radio'\n        value={value}\n        disabled={disabled}\n        {...inputProps}\n      />\n      <svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'>\n        <circle cx='10' cy='10' r='9' stroke='#727D8A' strokeWidth='2' fill='#fff' />\n        <circle cx='10' cy='10' r='5' fill='#727D8A' />\n      </svg>\n      {(label || children) && <span className={_labelClassName}>{label || children}</span>}\n    </Styled.Root>\n  )\n}\n"],"names":["Radio","props","uncontrolled","checked","undefined","theme","useTheme","children","disabled","error","id","name","size","value","label","className","width","defaultInputControlsWidth","style","fluid","display","anotherProps","baseClassName","useClassname","displayName","_className","cx","_labelClassName","_jsxs","Styled","htmlFor","_jsx","type","defaultChecked","xmlns","viewBox","cy","r","stroke","strokeWidth","fill","defaultProps","onChange","e","console","log","target","Input","InputRadio","Group","RadioGroup"],"mappings":"mRA8EO,SAASA,MAAMC,GACpB,MAAMC,EAAeD,EAAME,eAAYC,EACvC,MAAMC,EAAQC,WAEd,MAAMC,SACJA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,GACLA,EAAEC,KACFA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,UACLA,EAASC,MACTA,EAAQX,EAAMY,0BAAyBC,MACvCA,EAAKC,MACLA,EAAKC,QACLA,KACGC,GACDpB,EAEJ,MAAMqB,EAAgBC,aAAavB,MAAMwB,aACzC,MAAMC,EAAaC,GAAGJ,EAAeP,EAAWd,EAAME,UAAYD,EAAe,GAAGoB,aAA2B,MAC/G,MAAMK,EAAkB,GAAGL,WAI3B,OACEM,KAACC,KAAW,CACVd,UAAWU,EACXP,MAAOA,EACPV,SAAUA,EACVC,MAAOA,EACPqB,QAASpB,GAAMC,EACfC,KAAMA,EACNI,MAAOA,EACPI,QAASA,EACTD,MAAOA,EAAMZ,UAEbwB,IAAA,QAAA,IACMV,EACJX,GAAIA,GAAMC,EACVA,KAAMA,EACNqB,KAAK,QACLnB,MAAOA,EACPL,SAAUA,KApBGN,EAAe,CAAE+B,eAAgBhC,EAAMgC,gBAAmB,CAAE9B,QAASF,EAAME,WAuB1FyB,KAAA,MAAA,CAAKM,MAAM,6BAA6BC,QAAQ,YAAW5B,UACzDwB,IAAA,SAAA,CAAQL,GAAG,KAAKU,GAAG,KAAKC,EAAE,IAAIC,OAAO,UAAUC,YAAY,IAAIC,KAAK,SACpET,IAAA,SAAA,CAAQL,GAAG,KAAKU,GAAG,KAAKC,EAAE,IAAIG,KAAK,gBAEnC1B,GAASP,IAAawB,IAAA,OAAA,CAAMhB,UAAWY,EAAgBpB,SAAEO,GAASP,MAG1E,CAvEAP,MAAMyC,aAAe,CACnBjC,UAAU,EACVI,KAAM,SACNQ,QAAS,cACTsB,SAAWC,GAA2CC,QAAQC,IAAIF,EAAGA,EAAEG,OAAOjC,QAGhFb,MAAM+C,MAAQC,WACdhD,MAAMiD,MAAQC,WACdlD,MAAMwB,YAAc"}

package/components/Radio/style.mjs

@@ -1,11 +0,0 @@
-import styled,{css}from'styled-components';import{screenMaxS}from'../../mixins/screen.mjs';import{responsiveProperty}from'../../mixins/responsive-property.mjs';import{display}from'../../mixins/display.mjs';const sizeRadio=(i=14)=>css(["font-size:","px;svg{width:","px;height:","px;}"],i,i,i);const disabled=css(["cursor:not-allowed;color:#d4d4d4;svg{circle:nth-child(1){stroke:#d4d4d4;}circle:nth-child(2){fill:#d4d4d4;}}& > span{cursor:not-allowed;}"]);const error=css(["svg{circle{fill:#ffeef0;stroke:#ffa3a3;}circle:nth-child(2){fill:#ffa3a3;}}"]);const Root=styled.label.withConfig({shouldForwardProp:i=>['children','htmlFor'].includes(i)}).withConfig({displayName:"Radio__Root",componentId:"ui__sc-1u0nc40-0"})(["align-items:baseline;user-select:none;cursor:pointer;width:auto;svg{position:relative;top:2px;flex-shrink:0;circle:nth-child(2){opacity:0;transition:all 0.2s ease;}}& + &{margin-left:15px;}input{display:none;appearance:none;&:checked + svg{circle:nth-child(2){opacity:1;transform:scale(1);}","}}> span{margin-left:10px;cursor:pointer;}"," "," "," "," "," "," "," ",""],(i=>i.error?null:css(["circle:not(:disabled){stroke:#48a1e6;}circle:not(:disabled):last-child{fill:#48a1e6;}"])),(i=>i.size==='small'?sizeRadio(14):null),(i=>i.size==='medium'?sizeRadio(16):null),(i=>i.size==='large'?sizeRadio(18):null),(i=>i.disabled?disabled:null),(i=>i.error?error:null),(i=>i.display?display(i.display):null),(i=>responsiveProperty('width',i.fluid&&i.width!=='auto'&&!Array.isArray(i.width)?'max-width':'width')),(i=>i.fluid?css(["width:100%;"]):null));const Group=styled.div.withConfig({shouldForwardProp:i=>i!=='inline'}).withConfig({displayName:"Radio__Group",componentId:"ui__sc-1u0nc40-1"})(["display:flex;flex-direction:column;line-height:normal;> ","{margin-left:0;&:not(:first-child){margin-top:15px;}}",""],Root,(i=>i.inline?css(["flex-direction:row;&&& > ","{margin-top:0;}> "," + ","{margin-left:15px;}",""],Root,Root,Root,screenMaxS()`
-            flex-direction: column;
-            > &{Root} {
-              margin-top: 0;
-            }
-            > ${Root} + ${Root} {
-              margin-left: 0;
-              margin-top: 15px;
-            }
-          `):null));export{Group,Root};
-//# sourceMappingURL=style.mjs.map

package/components/Radio/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Radio/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { screenMaxS } from 'mixins/screen'\nimport { responsiveProperty } from 'mixins/responsive-property'\nimport { display } from 'mixins/display'\nimport { RadioGroupProps } from './Group'\nimport { RadioProps } from './Radio'\n\nconst sizeRadio = (size = 14) => css`\n  font-size: ${size}px;\n  svg {\n    width: ${size}px;\n    height: ${size}px;\n  }\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  color: #d4d4d4;\n  svg {\n    circle:nth-child(1) {\n      stroke: #d4d4d4;\n    }\n    circle:nth-child(2) {\n      fill: #d4d4d4;\n    }\n  }\n  & > span {\n    cursor: not-allowed;\n  }\n`\n\nconst error = css`\n  svg {\n    circle {\n      fill: #ffeef0;\n      stroke: #ffa3a3;\n    }\n    circle:nth-child(2) {\n      fill: #ffa3a3;\n    }\n  }\n`\n\nexport const Root = styled.label.withConfig<RadioProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor'].includes(prop),\n})`\n  align-items: baseline;\n  user-select: none;\n  cursor: pointer;\n  width: auto;\n  svg {\n    position: relative;\n    top: 2px;\n    flex-shrink: 0;\n    circle:nth-child(2) {\n      opacity: 0;\n      transition: all 0.2s ease;\n    }\n  }\n  & + & {\n    margin-left: 15px;\n  }\n  input {\n    display: none;\n    appearance: none;\n    &:checked + svg {\n      circle:nth-child(2) {\n        opacity: 1;\n        transform: scale(1);\n      }\n      ${(props) =>\n        !props.error\n          ? css`\n              circle:not(:disabled) {\n                stroke: #48a1e6;\n              }\n              circle:not(:disabled):last-child {\n                fill: #48a1e6;\n              }\n            `\n          : null}\n    }\n  }\n  > span {\n    margin-left: 10px;\n    cursor: pointer;\n  }\n  ${(props) => (props.size === 'small' ? sizeRadio(14) : null)}\n  ${(props) => (props.size === 'medium' ? sizeRadio(16) : null)}\n  ${(props) => (props.size === 'large' ? sizeRadio(18) : null)}\n  ${(props) => (props.disabled ? disabled : null)}\n  ${(props) => (props.error ? error : null)}\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) =>\n    responsiveProperty(\n      'width',\n      props.fluid && props.width !== 'auto' && !Array.isArray(props.width) ? 'max-width' : 'width'\n    )}\n  ${(props) =>\n    props.fluid\n      ? css`\n          width: 100%;\n        `\n      : null}\n`\n\nexport const Group = styled.div.withConfig<RadioGroupProps>({\n  shouldForwardProp: (prop) => prop !== 'inline',\n})`\n  display: flex;\n  flex-direction: column;\n  line-height: normal;\n  > ${Root} {\n    margin-left: 0;\n    &:not(:first-child) {\n      margin-top: 15px;\n    }\n  }\n  ${(props) =>\n    props.inline\n      ? css`\n          flex-direction: row;\n          &&& > ${Root} {\n            margin-top: 0;\n          }\n          > ${Root} + ${Root} {\n            margin-left: 15px;\n          }\n          ${screenMaxS()`\n            flex-direction: column;\n            > &{Root} {\n              margin-top: 0;\n            }\n            > ${Root} + ${Root} {\n              margin-left: 0;\n              margin-top: 15px;\n            }\n          `}\n        `\n      : null}\n`\n"],"names":["sizeRadio","size","css","disabled","error","Root","styled","label","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","responsiveProperty","fluid","width","Array","isArray","Group","div","inline","screenMaxS"],"mappings":"8MAOA,MAAMA,UAAYA,CAACC,EAAO,KAAOC,IAAG,CAAA,aAAA,gBAAA,aAAA,QACrBD,EAEFA,EACCA,GAId,MAAME,SAAWD,IAchB,CAAA,8IAED,MAAME,MAAQF,IAUb,CAAA,gFAEM,MAAMG,KAAOC,OAAOC,MAAMC,WAAuB,CACtDC,kBAAoBC,GAAS,CAAC,WAAY,WAAWC,SAASD,KAC9DF,WAAA,CAAAI,YAAA,cAAAC,YAAA,oBAFkBP,CAElB,CAAA,qSAAA,6CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAyBOQ,GACAA,EAAMV,MASH,KARAF,IAQA,CAAA,4FAOPY,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMb,OAAS,SAAWD,UAAU,IAAM,OACrDc,GAAWA,EAAMb,OAAS,QAAUD,UAAU,IAAM,OACpDc,GAAWA,EAAMX,SAAWA,SAAW,OACvCW,GAAWA,EAAMV,MAAQA,MAAQ,OACjCU,GAAWA,EAAMC,QAAUA,QAAQD,EAAMC,SAAW,OACpDD,GACDE,mBACE,QACAF,EAAMG,OAASH,EAAMI,QAAU,SAAWC,MAAMC,QAAQN,EAAMI,OAAS,YAAc,WAEtFJ,GACDA,EAAMG,MACFf,IAAG,CAAA,gBAGH,OAGD,MAAMmB,MAAQf,OAAOgB,IAAId,WAA4B,CAC1DC,kBAAoBC,GAASA,IAAS,WACtCF,WAAA,CAAAI,YAAA,eAAAC,YAAA,oBAFmBP,CAEnB,CAAA,2DAAA,wDAAA,IAIID,MAMDS,GACDA,EAAMS,OACFrB,IAEUG,CAAAA,4BAAAA,oBAAAA,MAAAA,sBAAAA,IAAAA,KAGJA,KAAUA,KAGZmB,YAAY;;;;;gBAKRnB,UAAUA;;;;aAMlB"}

package/components/Scrollable/Scrollable.mjs

@@ -1,2 +0,0 @@
-import{PureComponent}from'react';import{Scrollbars}from'rc-scrollbars';import{withTheme}from'styled-components';import{jsx,jsxs}from'react/jsx-runtime';const withThemeScrollable=withTheme(class Scrollable extends PureComponent{static displayName='Scrollable';static defaultProps={autoHide:!1,autoHideTimeout:1e3,autoHideDuration:200,autoHeight:!1,withShadow:!1,shadowHeight:50,shadowOpacity:.15,shadowColor:'mineShaft',thumbColor:'mineShaft',thumbOpacity:.15,thumbBorderRadius:1,thumbWidth:4,trackColor:'#333333',trackOpacity:.15,trackBorderRadius:1,trackWidth:4,disabled:!1,isolate:!0};scrollable=null;ts=0;state={scrollTop:0,scrollHeight:0,clientHeight:0};componentDidMount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.addEventListener('touchstart',this.handleTouchStart,!1),this.scrollable.parentNode.addEventListener('touchmove',this.handleTouchMove,!1),this.scrollable.parentNode.addEventListener('wheel',this.handleScroll,!1),this.scrollable.parentNode.addEventListener('scroll',this.handleScroll,!1))}componentWillUnmount(){this.scrollable&&this.scrollable.parentNode&&(this.scrollable.parentNode.removeEventListener('touchstart',this.handleTouchStart),this.scrollable.parentNode.removeEventListener('touchmove',this.handleTouchMove),this.scrollable.parentNode.removeEventListener('wheel',this.handleScroll),this.scrollable.parentNode.removeEventListener('scroll',this.handleScroll))}handleTouchStart=t=>{this.ts=t.touches[0].clientY};handleTouchMove=t=>{if(!this.props.isolate||!this.scrollable)return!0;const e=this.scrollable.parentNode;if(!e)return;const r=t.changedTouches[0].clientY;const o=this.ts>r?-1:1;const l=o===1&&e.scrollTop===0;const s=o===-1&&Math.floor(e.scrollTop)===e.scrollHeight-e.clientHeight;return(l||s)&&(t.preventDefault(),this.ts=r),!0};handleScroll=t=>{if(!this.props.isolate||!this.scrollable)return!0;const e=this.scrollable.parentNode;if(!e)return;const r=(t.deltaY||t.detail)<0?1:-1;return(r===1&&e.scrollTop===0||r===-1&&e.scrollTop===e.scrollHeight-e.clientHeight)&&t.preventDefault(),!0};handleUpdate=t=>{const{scrollTop:e,scrollHeight:r,clientHeight:o}=t;this.setState({scrollTop:e,scrollHeight:r,clientHeight:o})};calculateShadowOffset(){const{scrollTop:t,scrollHeight:e,clientHeight:r}=this.state;const{shadowHeight:o=50}=this.props;const l=e-r||0;return Math.floor(o*(t*100/(l<=0?1:l))/100-o)}hexToRgb=t=>{const e=/^#?([a-f\d]{2})([a-f\d]{2})([a-f\d]{2})$/i.exec(t);return e?{r:parseInt(e[1],16),g:parseInt(e[2],16),b:parseInt(e[3],16)}:null};renderTrack=({style:t,...e},r)=>{const{trackColor:o,trackOpacity:l,trackBorderRadius:s,trackWidth:a}=this.props;const i=o?this.hexToRgb(o):null;const h={background:i?`rgba(${i.r}, ${i.g}, ${i.b}, ${l})`:"rgba(255,255,255,0)",borderRadius:`${s}px`,zIndex:14,...r==='vertical'?{right:4,top:2,bottom:2,width:`${a}px`}:{bottom:4,left:2,right:2,height:`${a}px`}};return jsx("div",{style:{...t,...h},...e})};renderThumb=({style:t,...e})=>{const{thumbColor:r,thumbOpacity:o,thumbBorderRadius:l,thumbWidth:s}=this.props;return jsx("div",{style:{...t,opacity:o,backgroundColor:this.props.theme.colors[r]||this.props.theme.colors[r],borderRadius:`${l}px`,width:`${s}px`},...e})};render(){const{children:t,withShadow:e,shadowHeight:r,shadowColor:o,shadowOpacity:l,className:s,thumbColor:a,thumbOpacity:i,thumbBorderRadius:h,thumbWidth:c,trackColor:n,trackOpacity:d,trackBorderRadius:p,trackWidth:u,isolate:b,style:m,disabled:g,...T}=this.props;if(g)return jsx("div",{children:t});const{scrollHeight:f,clientHeight:v}=this.state;const x=this.calculateShadowOffset();return jsxs("div",{style:{...m,position:'relative'},className:s,children:[e&&f>v&&x!==-r&&jsx("div",{style:{position:'absolute',display:'block',height:`${r}px`,left:0,right:0,top:`-${r}px`,opacity:l,backgroundImage:`linear-gradient(to bottom, ${this.props.theme.colors[o]} 20%, rgba(255, 255, 255, 0) 100%)`,transform:`translateY(${r+x}px)`,zIndex:10}}),e&&f>v&&x<0&&jsx("div",{style:{position:'absolute',display:'block',height:`${r}px`,left:0,right:0,bottom:0,opacity:l,backgroundImage:`linear-gradient(to top, ${this.props.theme.colors[o]} 20%, rgba(255, 255, 255, 0) 100%)`,transform:`translateY(${r+x}px)`,zIndex:10}}),jsx(Scrollbars,{renderTrackVertical:t=>this.renderTrack({...t},'vertical'),renderTrackHorizontal:t=>this.renderTrack({...t},'horizontal'),renderThumbHorizontal:this.renderThumb,renderThumbVertical:this.renderThumb,onUpdate:this.handleUpdate,hideTracksWhenNotNeeded:!0,...T,children:jsx("div",{ref:t=>{this.scrollable=t},children:t})})]})}});withThemeScrollable.displayName='Scrollable';export{withThemeScrollable as Scrollable};
-//# sourceMappingURL=Scrollable.mjs.map

package/components/Scrollable/Scrollable.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Scrollable.mjs","sources":["../../../../src/components/Scrollable/Scrollable.tsx"],"sourcesContent":["import { PureComponent } from 'react'\nimport { Scrollbars, ScrollbarsProps } from 'rc-scrollbars'\nimport { DefaultTheme, withTheme } from 'styled-components'\n\nexport interface ScrollableProps extends Partial<ScrollbarsProps> {\n  /**\n   * Children react node\n   */\n  children: React.ReactNode[] | React.ReactNode\n  /**\n   * Enable auto-hide mode\n   * @see See [github docs](https://github.com/sakhnyuk/rc-scrollbars) for description\n   */\n  autoHide?: boolean\n  /**\n   * Hide delay in ms.\n   */\n  autoHideTimeout?: number\n  /**\n   * Duration for hide animation in ms.\n   */\n  autoHideDuration?: number\n  /**\n   * Enable auto-height mode.\n   */\n  autoHeight?: boolean\n  /**\n   * Set a minimum height for auto-height mode\n   */\n  autoHeightMin?: number\n  /**\n   * Set a maximum height for auto-height mode\n   */\n  autoHeightMax?: number\n  /**\n   * Event handler\n   */\n  onScroll?(): void\n  /**\n   * Runs inside the animation frame.\n   */\n  onScrollFrame?(): void\n  /**\n   * Called when scrolling starts\n   */\n  onScrollStart?(): void\n  /**\n   * Called when scrolling stops\n   */\n  onScrollStop?(): void\n  /**\n   * Height of shadow\n   */\n  shadowHeight?: number\n  /**\n   * Show shadow in scrollable component\n   */\n  withShadow?: boolean\n  /**\n   * Color of shadow from #Colors\n   */\n  shadowColor?: string\n  /**\n   * Opacity of shadow\n   */\n  shadowOpacity?: number\n  /**\n   * Color of thumb\n   */\n  thumbColor?: string\n  /**\n   * Opacity of thumb\n   */\n  thumbOpacity?: number\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbBorderRadius?: number\n  /**\n  /**\n   * Border radius of thumb (px)\n   */\n  thumbWidth?: number\n  /**\n   * Color of track (HEX)\n   */\n  trackColor?: string\n  /**\n   * Opacity of track\n   */\n  trackOpacity?: number\n  /**\n   * Border radius of track (px)\n   */\n  trackBorderRadius?: number\n  /**\n  /**\n   * Border radius of track (px)\n   */\n  trackWidth?: number\n  /**\n   * Style for scrollable container\n   */\n  style?: object\n  /**\n   * Classname of scrollable container\n   */\n  className?: string\n  /**\n   * Disable scrollbar and return div\n   */\n  disabled?: boolean\n  /**\n   * Prevent body scrolling when start|end touched\n   */\n  isolate?: boolean\n\n  theme?: DefaultTheme\n}\n\ntype ScrollableState = {\n  scrollTop: number\n  scrollHeight: number\n  clientHeight: number\n}\n\n// eslint-disable-next-line no-use-before-define\nclass Scrollable extends PureComponent<typeof Scrollable.defaultProps & ScrollableProps, ScrollableState> {\n  static displayName = 'Scrollable'\n  static defaultProps = {\n    autoHide: false,\n    autoHideTimeout: 1000,\n    autoHideDuration: 200,\n    autoHeight: false,\n    withShadow: false,\n    shadowHeight: 50,\n    shadowOpacity: 0.15,\n    shadowColor: 'mineShaft',\n    thumbColor: 'mineShaft',\n    thumbOpacity: 0.15,\n    thumbBorderRadius: 1,\n    thumbWidth: 4,\n    trackColor: '#333333',\n    trackOpacity: 0.15,\n    trackBorderRadius: 1,\n    trackWidth: 4,\n    disabled: false,\n    isolate: true,\n  }\n\n  scrollable: HTMLDivElement | null = null\n  ts = 0\n\n  state = {\n    scrollTop: 0,\n    scrollHeight: 0,\n    clientHeight: 0,\n  }\n\n  componentDidMount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchstart', this.handleTouchStart, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('touchmove', this.handleTouchMove, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener('wheel', this.handleScroll, false)\n    ;(this.scrollable.parentNode as HTMLDivElement).addEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void,\n      false\n    )\n  }\n\n  componentWillUnmount() {\n    if (!this.scrollable || !this.scrollable.parentNode) return\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchstart', this.handleTouchStart)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('touchmove', this.handleTouchMove)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener('wheel', this.handleScroll)\n    ;(this.scrollable.parentNode as HTMLDivElement).removeEventListener(\n      'scroll',\n      this.handleScroll as (_e: Event) => void\n    )\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    this.ts = e.touches[0].clientY\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const te = e.changedTouches[0].clientY\n    const dir = this.ts > te ? -1 : 1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      Math.floor((scrollarea as HTMLDivElement).scrollTop) ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n      this.ts = te\n    }\n\n    return true\n  }\n\n  handleScroll = (e: WheelEvent) => {\n    if (!this.props.isolate || !this.scrollable) return true\n\n    const delta = e.deltaY || e.detail\n\n    const scrollarea = this.scrollable.parentNode\n\n    if (!scrollarea) return\n\n    const dir = delta < 0 ? 1 : -1\n\n    const upTouch = dir === 1 && (scrollarea as HTMLDivElement).scrollTop === 0\n    const endTouch =\n      dir === -1 &&\n      (scrollarea as HTMLDivElement).scrollTop ===\n        (scrollarea as HTMLDivElement).scrollHeight - (scrollarea as HTMLDivElement).clientHeight\n\n    if (upTouch || endTouch) {\n      e.preventDefault()\n    }\n\n    return true\n  }\n\n  handleUpdate = (values: ScrollableState) => {\n    const { scrollTop, scrollHeight, clientHeight } = values\n\n    this.setState({\n      scrollTop,\n      scrollHeight,\n      clientHeight,\n    })\n  }\n\n  calculateShadowOffset() {\n    const { scrollTop, scrollHeight, clientHeight } = this.state\n    const { shadowHeight = 50 } = this.props\n\n    const diffH = scrollHeight - clientHeight || 0\n\n    const a = (scrollTop * 100) / (diffH <= 0 ? 1 : diffH)\n    const b = (shadowHeight * a) / 100\n\n    return Math.floor(-shadowHeight + b)\n  }\n\n  hexToRgb = (hex: string) => {\n    const result = /^#?([a-f\\d]{2})([a-f\\d]{2})([a-f\\d]{2})$/i.exec(hex)\n\n    return result\n      ? {\n          r: parseInt(result[1], 16),\n          g: parseInt(result[2], 16),\n          b: parseInt(result[3], 16),\n        }\n      : null\n  }\n\n  renderTrack = ({ style, ...props }: { style: React.CSSProperties }, dir: 'vertical' | 'horizontal') => {\n    const { trackColor, trackOpacity, trackBorderRadius, trackWidth } = this.props\n\n    const hex = trackColor ? this.hexToRgb(trackColor) : null\n\n    const trackStyle = {\n      background: hex ? `rgba(${hex.r}, ${hex.g}, ${hex.b}, ${trackOpacity})` : `rgba(255,255,255,0)`,\n      borderRadius: `${trackBorderRadius}px`,\n      zIndex: 14,\n      ...(dir === 'vertical'\n        ? {\n            right: 4,\n            top: 2,\n            bottom: 2,\n            width: `${trackWidth}px`,\n          }\n        : {\n            bottom: 4,\n            left: 2,\n            right: 2,\n            height: `${trackWidth}px`,\n          }),\n    }\n\n    return (\n      <div\n        style={{\n          ...style,\n          ...trackStyle,\n        }}\n        {...props}\n      />\n    )\n  }\n\n  renderThumb = ({ style, ...scrollableProps }: { style: React.CSSProperties }) => {\n    const { thumbColor, thumbOpacity, thumbBorderRadius, thumbWidth } = this.props\n\n    const thumbStyle = {\n      opacity: thumbOpacity,\n      backgroundColor:\n        (this.props.theme as DefaultTheme).colors[thumbColor] || (this.props.theme as DefaultTheme).colors[thumbColor],\n      borderRadius: `${thumbBorderRadius}px`,\n      width: `${thumbWidth}px`,\n    }\n\n    return <div style={{ ...style, ...thumbStyle }} {...scrollableProps} />\n  }\n\n  render() {\n    const {\n      children,\n      withShadow,\n      shadowHeight,\n      shadowColor,\n      shadowOpacity,\n      className,\n      thumbColor, // eslint-disable-line\n      thumbOpacity, // eslint-disable-line\n      thumbBorderRadius, // eslint-disable-line\n      thumbWidth, // eslint-disable-line\n      trackColor, // eslint-disable-line\n      trackOpacity, // eslint-disable-line\n      trackBorderRadius, // eslint-disable-line\n      trackWidth, // eslint-disable-line\n      isolate, // eslint-disable-line\n      style,\n      disabled,\n      ...props\n    } = this.props\n\n    if (disabled) return <div>{children}</div>\n\n    const { scrollHeight, clientHeight } = this.state\n\n    const shadowOffset = this.calculateShadowOffset()\n\n    return (\n      <div\n        style={{\n          ...style,\n          position: 'relative',\n        }}\n        className={className}\n      >\n        {withShadow && scrollHeight > clientHeight && shadowOffset !== -shadowHeight && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              top: `-${shadowHeight}px`,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to bottom, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        {withShadow && scrollHeight > clientHeight && shadowOffset < 0 && (\n          <div\n            style={{\n              position: 'absolute',\n              display: 'block',\n              height: `${shadowHeight}px`,\n              left: 0,\n              right: 0,\n              bottom: 0,\n              opacity: shadowOpacity,\n              backgroundImage: `linear-gradient(to top, ${\n                (this.props.theme as DefaultTheme).colors[shadowColor]\n              } 20%, rgba(255, 255, 255, 0) 100%)`,\n              transform: `translateY(${shadowHeight + shadowOffset}px)`,\n              zIndex: 10,\n            }}\n          />\n        )}\n\n        <Scrollbars\n          renderTrackVertical={(nodeProps) => this.renderTrack({ ...nodeProps }, 'vertical')}\n          renderTrackHorizontal={(nodeProps) => this.renderTrack({ ...nodeProps }, 'horizontal')}\n          renderThumbHorizontal={this.renderThumb}\n          renderThumbVertical={this.renderThumb}\n          onUpdate={this.handleUpdate}\n          hideTracksWhenNotNeeded\n          {...props}\n        >\n          <div\n            ref={(node) => {\n              this.scrollable = node\n            }}\n          >\n            {children}\n          </div>\n        </Scrollbars>\n      </div>\n    )\n  }\n}\n\n/**\n * Scrollable component for create custom scrollable content\n *\n * Based on https://github.com/sakhnyuk/rc-scrollbars\n */\nconst withThemeScrollable = withTheme(Scrollable)\n\nwithThemeScrollable.displayName = 'Scrollable'\n\nexport { withThemeScrollable as Scrollable }\n"],"names":["withThemeScrollable","withTheme","Scrollable","PureComponent","static","autoHide","autoHideTimeout","autoHideDuration","autoHeight","withShadow","shadowHeight","shadowOpacity","shadowColor","thumbColor","thumbOpacity","thumbBorderRadius","thumbWidth","trackColor","trackOpacity","trackBorderRadius","trackWidth","disabled","isolate","scrollable","ts","state","scrollTop","scrollHeight","clientHeight","componentDidMount","this","parentNode","addEventListener","handleTouchStart","handleTouchMove","handleScroll","componentWillUnmount","removeEventListener","e","touches","clientY","props","scrollarea","te","changedTouches","dir","upTouch","endTouch","Math","floor","preventDefault","deltaY","detail","handleUpdate","values","setState","calculateShadowOffset","diffH","hexToRgb","hex","result","exec","r","parseInt","g","b","renderTrack","style","trackStyle","background","borderRadius","zIndex","right","top","bottom","width","left","height","_jsx","renderThumb","scrollableProps","opacity","backgroundColor","theme","colors","render","children","className","shadowOffset","_jsxs","position","display","backgroundImage","transform","Scrollbars","renderTrackVertical","nodeProps","renderTrackHorizontal","renderThumbHorizontal","renderThumbVertical","onUpdate","hideTracksWhenNotNeeded","ref","node","displayName"],"mappings":"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"}