@foxford/ui 2.76.1-beta-3d975b5-20250715 → 2.77.0-beta-90a741d-20250807

package/components/Modal/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var adapter=require('./adapter.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled__default.default(adapter.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?styled.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:styled.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?responsiveProperty.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__default.default.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;}"]);styled.createGlobalStyle([".bodyOpen{overflow:hidden;}"]),exports.Modal=Modal,exports.ModalClose=ModalClose;
+'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var adapter=require('./adapter.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};const Modal=styled__default.default(adapter.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:hidden auto;"," &.ReactModal__Overlay--after-open{","}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}","}"],(e=>e.zIndex||e.theme.zIndex.modal),(e=>e.valign?styled.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:styled.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?responsiveProperty.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__default.default.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;}"]);styled.createGlobalStyle([".bodyOpen{overflow:hidden;}"]),exports.Modal=Modal,exports.ModalClose=ModalClose;
 //# sourceMappingURL=style.js.map

package/components/Modal/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","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","default","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","createGlobalStyle"],"mappings":"4QAWA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KAwBD,MAAMC,MAAQC,gBAAMC,QAACC,2BAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBL,CAAyB,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAE9BM,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,OAAGA,IAAA,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,OAAGA,IADRL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAgBXR,GAAWA,EAAMS,MAAQC,mBAAQA,SAnEdV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAY1B,OAAOiB,EAAMS,OAAe1B,OAAOiB,EAAMS,OAExF,OA8DgCE,CAAiBX,GAAQ,aAAe,aAQpEY,WAAalB,gBAAAA,QAAOmB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXL,CAezB,CAAA,gJAEyBoB,OAAiBA,kBAI1C,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\n\nimport { property } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport type { 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 as keyof typeof WIDTHS]) {\n    return WIDTHS[props.width as keyof typeof WIDTHS]\n  }\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: hidden 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  }\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  }\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","default","ReactModalAdapter","withConfig","displayName","componentId","props","zIndex","theme","modal","valign","css","getPosition","overlayClassName","blurredOverlay","width","property","chooseWidthValue","ModalClose","span","createGlobalStyle"],"mappings":"4QAYA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KA0BD,MAAMC,MAAQC,gBAAMC,QAACC,2BAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBL,CAAyB,CAAA,sBAAA,6HAAA,sCAAA,gFAAA,MAE9BM,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAUtDH,GACDA,EAAMI,OACFC,OAAGA,IAAA,CAAA,eAAA,KA3BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAkByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,OAAGA,IADRL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAcXR,GAAWA,EAAMS,MAAQC,mBAAQA,SAlEdV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAY1B,OAAOiB,EAAMS,OAC1D1B,OAAOiB,EAAMS,OAGf,OA2DgCE,CAAiBX,GAAQ,aAAe,aAIpEY,WAAalB,gBAAAA,QAAOmB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXL,CAezB,CAAA,gJAEyBoB,OAAiBA,kBAI1C,CAAA"}

package/components/Modal/style.mjs

@@ -1,2 +1,2 @@
-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};
+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:hidden auto;"," &.ReactModal__Overlay--after-open{","}}&__content{width:100%;max-height:100%;position:relative;&:focus{outline:0;}","}"],(t=>t.zIndex||t.theme.zIndex.modal),(t=>t.valign?css(["align-items:",";"],(t=>{switch(t){case'top':return'flex-start';case'bottom':return'flex-end';default:return'center'}})(t.valign)):null),(t=>t.overlayClassName?null:css(t.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(t=>t.width?property((t=>typeof t.width=='number'?t.width:t.width&&typeof t.width=='string'&&WIDTHS[t.width]?WIDTHS[t.width]:'auto')(t),'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 +1 @@
-{"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"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Modal/style.ts"],"sourcesContent":["import styled, { createGlobalStyle, css } from 'styled-components'\n\nimport { property } from 'mixins/responsive-property'\nimport type { PossibleValues } from 'mixins/responsive-property'\nimport type { 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 as keyof typeof WIDTHS]) {\n    return WIDTHS[props.width as keyof typeof WIDTHS]\n  }\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: hidden 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  }\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  }\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":"qKAYA,MAAMA,OAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,KA0BD,MAAMC,MAAQC,OAAOC,mBAAkBC,WAAA,CAAAC,YAAA,QAAAC,YAAA,oBAAzBJ,CAAyB,CAAA,sBAAA,6HAAA,sCAAA,gFAAA,MAE9BK,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAUtDH,GACDA,EAAMI,OACFC,IAAG,CAAA,eAAA,KA3BQD,KACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,SACX,EAkByBE,CAAYN,EAAMI,SAEnC,OAEDJ,GACGA,EAAMO,iBAAyB,KAG1BF,IADLL,EAAMQ,eACE,CAAA,iEAMF,CAAA,wCAcXR,GAAWA,EAAMS,MAAQC,SAlENV,WACbA,EAAMS,OAAU,SAAiBT,EAAMS,MAE9CT,EAAMS,cAAgBT,EAAMS,OAAU,UAAYzB,OAAOgB,EAAMS,OAC1DzB,OAAOgB,EAAMS,OAGf,OA2DgCE,CAAiBX,GAAQ,aAAe,aAIpEY,WAAajB,OAAOkB,KAAIhB,WAAA,CAAAC,YAAA,oBAAAC,YAAA,oBAAXJ,CAezB,CAAA,gJAEyBmB,kBAIzB,CAAA"}

package/components/Notification/Notification.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');var Anchor=require('../Anchor/Anchor.js');var IconButton=require('../IconButton/IconButton.js');const Notification=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="m",status:r="system",iconProps:n={},discardButtonProps:o={},titleProps:i={},textProps:a={},actionButtonProps:c={},anchorProps:u={},title:x,text:j,hideIcon:d,sizeXXS:l,sizeXS:p,sizeS:m,sizeM:h,sizeL:z,sizeXL:I,...R}=e;const S={size:s,sizeXXS:l,sizeXS:p,sizeS:m,sizeM:h,sizeL:z,sizeXL:I};return jsxRuntime.jsxs(style.Root,{...R,...S,status:r,ref:t,children:[!d&&jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:constants.ICON_NAMES[r],sizes:constants.SIZES_ICON,...S,...n})}),jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[x&&jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...S,...i,children:x}),j&&jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:x?'0.2em':void 0,sizes:constants.SIZES_TEXT,...S,...a,children:j})]}),(c.onClick||u.href||u.to)&&jsxRuntime.jsxs(style.Controls,{children:[c.onClick&&jsxRuntime.jsx(Button.Button,{preset:"brand",black:!0,sizes:constants.SIZES_ACTION,...S,...c}),(u.href||u.to)&&jsxRuntime.jsx(Anchor.Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:c.onClick?'0.6em':void 0,...S,...u})]})]}),o.onClick&&jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(IconButton.IconButton,{icon:"close",square:!0,...S,...o})})]})})),{displayName:'Notification',sizes:constants.SIZES});exports.Notification=Notification;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');var Anchor=require('../Anchor/Anchor.js');var IconButton=require('../IconButton/IconButton.js');const Notification=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="m",status:n="system",iconProps:r={},discardButtonProps:o={},titleProps:i={},textProps:a={},actionButtonProps:c={},anchorProps:u={},title:l,text:x,hideIcon:j,sizeXXS:d,sizeXS:p,sizeS:m,sizeM:h,sizeL:z,sizeXL:I,...R}=e;const S={size:s,sizeXXS:d,sizeXS:p,sizeS:m,sizeM:h,sizeL:z,sizeXL:I};return jsxRuntime.jsxs(style.Root,{...R,...S,status:n,ref:t,children:[!j&&jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:constants.ICON_NAMES[n],sizes:constants.SIZES_ICON,...S,...r})}),jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[l?jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...S,...i,children:l}):null,x?jsxRuntime.jsx(Text.Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:l?'0.2em':void 0,sizes:constants.SIZES_TEXT,...S,...a,children:x}):null]}),c.onClick||u.href||u.to?jsxRuntime.jsxs(style.Controls,{children:[c.onClick?jsxRuntime.jsx(Button.Button,{preset:"brand",black:!0,sizes:constants.SIZES_ACTION,...S,...c}):null,u.href||u.to?jsxRuntime.jsx(Anchor.Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:c.onClick?'0.6em':void 0,...S,...u}):null]}):null]}),o.onClick?jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(IconButton.IconButton,{icon:"close",square:!0,...S,...o})}):null]})})),{displayName:'Notification',sizes:constants.SIZES});exports.Notification=Notification;
 //# sourceMappingURL=Notification.js.map

package/components/Notification/Notification.js.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.js","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, ICON_NAMES, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon preset='brand' name={ICON_NAMES[status]} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title && (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            )}\n            {text && (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            )}\n          </Styled.Content>\n          {(actionButtonProps.onClick || anchorProps.href || anchorProps.to) && (\n            <Styled.Controls>\n              {actionButtonProps.onClick && (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              )}\n              {(anchorProps.href || anchorProps.to) && (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              )}\n            </Styled.Controls>\n          )}\n        </Styled.Container>\n        {discardButtonProps.onClick && (\n          <Styled.Spacer>\n            <IconButton icon='close' square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsxs","Styled","children","_jsx","jsx","Icon","preset","name","ICON_NAMES","sizes","SIZES_ICON","jsxs","Text","as","appearance","weight","wordBreak","color","marginTop","undefined","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","icon","square","displayName","SIZES"],"mappings":"2aAuBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,WAAAA,KAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIsB,SAAA,EAChEX,GACAY,WAAAA,IAACF,MAAAA,OAAa,CAAAC,SACZC,WAAAC,IAACC,UAAI,CAACC,OAAO,QAAQC,KAAMC,UAAUA,WAAC1B,GAAS2B,MAAOC,UAAWA,cAAKX,KAAehB,MAGzFiB,WAAAW,KAACV,gBAAgB,CAAAC,SACfF,CAAAA,WAAAW,KAACV,cAAc,CAAAC,SACZb,CAAAA,GACCc,WAAAC,IAACQ,UAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACFlB,KACAd,EAAUiB,SAEbb,IAGJC,GACCa,WAAAC,IAACQ,UAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAW7B,EAAQ,aAAU8B,EAC7BV,MAAOW,UAAWA,cACdrB,KACAb,EAASgB,SAEZZ,QAILH,EAAkBkC,SAAWjC,EAAYkC,MAAQlC,EAAYmC,KAC7DvB,WAAAW,KAACV,eAAe,CAAAC,UACbf,EAAkBkC,SACjBlB,WAAAA,IAACqB,OAAAA,OAAM,CAAClB,OAAO,QAAQmB,OAAK,EAAChB,MAAOiB,UAAaA,gBAAK3B,KAAeZ,KAErEC,EAAYkC,MAAQlC,EAAYmC,KAChCpB,WAAAC,IAACuB,cAAM,CACLrB,OAAO,QACPsB,WAAS,EACTC,QAAS,CACPZ,MAAO,0BAET/B,UAAW,CACT4B,WAAY,OACZE,UAAW,cAEbc,WAAY3C,EAAkBkC,QAAU,aAAUF,KAC9CpB,KACAX,UAMbJ,EAAmBqC,SAClBlB,WAAAA,IAACF,MAAAA,OAAa,CAAAC,SACZC,WAAAC,IAAC2B,sBAAU,CAACC,KAAK,QAAQC,QAAM,KAAKlC,KAAef,QAG3C,IAGlB,CACEkD,YAtHmB,eAuHnBzB,MAAO0B,UAAAA"}
+{"version":3,"file":"Notification.js","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, ICON_NAMES, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<NotificationProps>>((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon preset='brand' name={ICON_NAMES[status]} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title ? (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : null}\n            {text ? (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {actionButtonProps.onClick || anchorProps.href || anchorProps.to ? (\n            <Styled.Controls>\n              {actionButtonProps.onClick ? (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              ) : null}\n              {anchorProps.href || anchorProps.to ? (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              ) : null}\n            </Styled.Controls>\n          ) : null}\n        </Styled.Container>\n        {discardButtonProps.onClick ? (\n          <Styled.Spacer>\n            <IconButton icon='close' square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsxs","Styled","children","_jsx","jsx","Icon","preset","name","ICON_NAMES","sizes","SIZES_ICON","jsxs","Text","as","appearance","weight","wordBreak","color","marginTop","undefined","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","icon","square","displayName","SIZES"],"mappings":"2aAwBMA,MAAAA,aAAmEC,gBAAAA,gBAIvEC,MAAAA,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,WAAAA,KAACC,MAAAA,KAAW,IAAKH,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIsB,SAAA,EAChEX,GACAY,WAAAA,IAACF,MAAAA,OAAa,CAAAC,SACZC,WAAAC,IAACC,UAAI,CAACC,OAAO,QAAQC,KAAMC,UAAUA,WAAC1B,GAAS2B,MAAOC,UAAWA,cAAKX,KAAehB,MAGzFiB,WAAAW,KAACV,gBAAgB,CAAAC,SACfF,CAAAA,WAAAW,KAACV,cAAc,CAAAC,SACZb,CAAAA,EACCc,WAAAC,IAACQ,UAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACFlB,KACAd,EAAUiB,SAEbb,IAED,KACHC,EACCa,WAAAA,IAACS,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAW7B,EAAQ,aAAU8B,EAC7BV,MAAOW,UAAWA,cACdrB,KACAb,EAASgB,SAEZZ,IAED,QAELH,EAAkBkC,SAAWjC,EAAYkC,MAAQlC,EAAYmC,GAC5DvB,WAAAW,KAACV,eAAe,CAAAC,UACbf,EAAkBkC,QACjBlB,WAAAA,IAACqB,OAAAA,OAAM,CAAClB,OAAO,QAAQmB,OAAK,EAAChB,MAAOiB,UAAaA,gBAAK3B,KAAeZ,IACnE,KACHC,EAAYkC,MAAQlC,EAAYmC,GAC/BpB,WAAAC,IAACuB,cAAM,CACLrB,OAAO,QACPsB,WAAS,EACTC,QAAS,CACPZ,MAAO,0BAET/B,UAAW,CACT4B,WAAY,OACZE,UAAW,cAEbc,WAAY3C,EAAkBkC,QAAU,aAAUF,KAC9CpB,KACAX,IAEJ,QAEJ,QAELJ,EAAmBqC,QAClBlB,WAAAA,IAACF,MAAAA,OAAa,CAAAC,SACZC,WAAAC,IAAC2B,sBAAU,CAACC,KAAK,QAAQC,QAAM,KAAKlC,KAAef,MAEnD,OACQ,IAGlB,CACEkD,YAtHmB,eAuHnBzB,MAAO0B,UAAAA"}

package/components/Notification/Notification.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,ICON_NAMES,SIZES_ICON,SIZES_TEXT,SIZES_ACTION}from'./constants.mjs';import{Root,Spacer,Container,Content,Controls}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const Notification=withMergedProps(forwardRef(((o,r)=>{const{size:t="m",status:e="system",iconProps:s={},discardButtonProps:n={},titleProps:i={},textProps:c={},actionButtonProps:a={},anchorProps:m={},title:p,text:d,hideIcon:S,sizeXXS:l,sizeXS:x,sizeS:j,sizeM:I,sizeL:f,sizeXL:h,...z}=o;const u={size:t,sizeXXS:l,sizeXS:x,sizeS:j,sizeM:I,sizeL:f,sizeXL:h};return jsxs(Root,{...z,...u,status:e,ref:r,children:[!S&&jsx(Spacer,{children:jsx(Icon,{preset:"brand",name:ICON_NAMES[e],sizes:SIZES_ICON,...u,...s})}),jsxs(Container,{children:[jsxs(Content,{children:[p&&jsx(Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...u,...i,children:p}),d&&jsx(Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:p?'0.2em':void 0,sizes:SIZES_TEXT,...u,...c,children:d})]}),(a.onClick||m.href||m.to)&&jsxs(Controls,{children:[a.onClick&&jsx(Button,{preset:"brand",black:!0,sizes:SIZES_ACTION,...u,...a}),(m.href||m.to)&&jsx(Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:a.onClick?'0.6em':void 0,...u,...m})]})]}),n.onClick&&jsx(Spacer,{children:jsx(IconButton,{icon:"close",square:!0,...u,...n})})]})})),{displayName:'Notification',sizes:SIZES});export{Notification};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,ICON_NAMES,SIZES_ICON,SIZES_TEXT,SIZES_ACTION}from'./constants.mjs';import{Root,Spacer,Container,Content,Controls}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{Button}from'../Button/Button.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{IconButton}from'../IconButton/IconButton.mjs';const Notification=withMergedProps(forwardRef(((o,r)=>{const{size:t="m",status:e="system",iconProps:n={},discardButtonProps:s={},titleProps:i={},textProps:c={},actionButtonProps:a={},anchorProps:m={},title:p,text:l,hideIcon:d,sizeXXS:S,sizeXS:x,sizeS:j,sizeM:I,sizeL:u,sizeXL:f,...h}=o;const z={size:t,sizeXXS:S,sizeXS:x,sizeS:j,sizeM:I,sizeL:u,sizeXL:f};return jsxs(Root,{...h,...z,status:e,ref:r,children:[!d&&jsx(Spacer,{children:jsx(Icon,{preset:"brand",name:ICON_NAMES[e],sizes:SIZES_ICON,...z,...n})}),jsxs(Container,{children:[jsxs(Content,{children:[p?jsx(Text,{as:"p",appearance:"body",weight:700,wordBreak:"break-word",color:"content-onmain-primary",...z,...i,children:p}):null,l?jsx(Text,{as:"p",appearance:"body",wordBreak:"break-word",color:"content-onmain-primary",marginTop:p?'0.2em':void 0,sizes:SIZES_TEXT,...z,...c,children:l}):null]}),a.onClick||m.href||m.to?jsxs(Controls,{children:[a.onClick?jsx(Button,{preset:"brand",black:!0,sizes:SIZES_ACTION,...z,...a}):null,m.href||m.to?jsx(Anchor,{preset:"brand",underline:!0,palette:{color:'content-onmain-primary'},textProps:{appearance:'body',wordBreak:'break-word'},marginLeft:a.onClick?'0.6em':void 0,...z,...m}):null]}):null]}),s.onClick?jsx(Spacer,{children:jsx(IconButton,{icon:"close",square:!0,...z,...s})}):null]})})),{displayName:'Notification',sizes:SIZES});export{Notification};
 //# sourceMappingURL=Notification.mjs.map

package/components/Notification/Notification.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, ICON_NAMES, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon preset='brand' name={ICON_NAMES[status]} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title && (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            )}\n            {text && (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            )}\n          </Styled.Content>\n          {(actionButtonProps.onClick || anchorProps.href || anchorProps.to) && (\n            <Styled.Controls>\n              {actionButtonProps.onClick && (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              )}\n              {(anchorProps.href || anchorProps.to) && (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              )}\n            </Styled.Controls>\n          )}\n        </Styled.Container>\n        {discardButtonProps.onClick && (\n          <Styled.Spacer>\n            <IconButton icon='close' square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsxs","Styled","children","_jsx","Icon","preset","name","ICON_NAMES","sizes","SIZES_ICON","Text","as","appearance","weight","wordBreak","color","marginTop","undefined","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","icon","square","displayName","SIZES"],"mappings":"geAuBMA,MAAAA,aAAmEC,gBAIvEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,KAACC,KAAW,IAAKH,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIsB,SAAA,EAChEX,GACAY,IAACF,OAAa,CAAAC,SACZC,IAACC,KAAI,CAACC,OAAO,QAAQC,KAAMC,WAAWzB,GAAS0B,MAAOC,cAAgBV,KAAehB,MAGzFiB,KAACC,UAAgB,CAAAC,SACfF,CAAAA,KAACC,QAAc,CAAAC,SACZb,CAAAA,GACCc,IAACO,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACFhB,KACAd,EAAUiB,SAEbb,IAGJC,GACCa,IAACO,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAW3B,EAAQ,aAAU4B,EAC7BT,MAAOU,cACHnB,KACAb,EAASgB,SAEZZ,QAILH,EAAkBgC,SAAW/B,EAAYgC,MAAQhC,EAAYiC,KAC7DrB,KAACC,SAAe,CAAAC,UACbf,EAAkBgC,SACjBhB,IAACmB,OAAM,CAACjB,OAAO,QAAQkB,OAAK,EAACf,MAAOgB,gBAAkBzB,KAAeZ,KAErEC,EAAYgC,MAAQhC,EAAYiC,KAChClB,IAACsB,OAAM,CACLpB,OAAO,QACPqB,WAAS,EACTC,QAAS,CACPZ,MAAO,0BAET7B,UAAW,CACT0B,WAAY,OACZE,UAAW,cAEbc,WAAYzC,EAAkBgC,QAAU,aAAUF,KAC9ClB,KACAX,UAMbJ,EAAmBmC,SAClBhB,IAACF,OAAa,CAAAC,SACZC,IAAC0B,WAAU,CAACC,KAAK,QAAQC,QAAM,KAAKhC,KAAef,QAG3C,IAGlB,CACEgD,YAtHmB,eAuHnBxB,MAAOyB"}
+{"version":3,"file":"Notification.mjs","sources":["../../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { IconButton } from 'components/IconButton'\nimport { Button } from 'components/Button'\nimport { Anchor } from 'components/Anchor'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_ICON, SIZES_TEXT, ICON_NAMES, SIZES_ACTION } from './constants'\nimport * as Styled from './style'\nimport type { NotificationProps } from './types'\n\nconst COMPONENT_NAME = 'Notification'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<div\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Notification/types.ts).\n */\nconst Notification: React.ForwardRefExoticComponent<NotificationProps> = withMergedProps<\n  NotificationProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<NotificationProps>>((props, ref) => {\n    const {\n      size = 'm',\n      status = 'system',\n      iconProps = {},\n      discardButtonProps = {},\n      titleProps = {},\n      textProps = {},\n      actionButtonProps = {},\n      anchorProps = {},\n      title,\n      text,\n      hideIcon,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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    return (\n      <Styled.Root {...restProps} {...sizeProps} status={status} ref={ref}>\n        {!hideIcon && (\n          <Styled.Spacer>\n            <Icon preset='brand' name={ICON_NAMES[status]} sizes={SIZES_ICON} {...sizeProps} {...iconProps} />\n          </Styled.Spacer>\n        )}\n        <Styled.Container>\n          <Styled.Content>\n            {title ? (\n              <Text\n                as='p'\n                appearance='body'\n                weight={700}\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                {...sizeProps}\n                {...titleProps}\n              >\n                {title}\n              </Text>\n            ) : null}\n            {text ? (\n              <Text\n                as='p'\n                appearance='body'\n                wordBreak='break-word'\n                color='content-onmain-primary'\n                marginTop={title ? '0.2em' : undefined}\n                sizes={SIZES_TEXT}\n                {...sizeProps}\n                {...textProps}\n              >\n                {text}\n              </Text>\n            ) : null}\n          </Styled.Content>\n          {actionButtonProps.onClick || anchorProps.href || anchorProps.to ? (\n            <Styled.Controls>\n              {actionButtonProps.onClick ? (\n                <Button preset='brand' black sizes={SIZES_ACTION} {...sizeProps} {...actionButtonProps} />\n              ) : null}\n              {anchorProps.href || anchorProps.to ? (\n                <Anchor\n                  preset='brand'\n                  underline\n                  palette={{\n                    color: 'content-onmain-primary',\n                  }}\n                  textProps={{\n                    appearance: 'body',\n                    wordBreak: 'break-word',\n                  }}\n                  marginLeft={actionButtonProps.onClick ? '0.6em' : undefined}\n                  {...sizeProps}\n                  {...anchorProps}\n                />\n              ) : null}\n            </Styled.Controls>\n          ) : null}\n        </Styled.Container>\n        {discardButtonProps.onClick ? (\n          <Styled.Spacer>\n            <IconButton icon='close' square {...sizeProps} {...discardButtonProps} />\n          </Styled.Spacer>\n        ) : null}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Notification }\n"],"names":["Notification","withMergedProps","forwardRef","props","ref","size","status","iconProps","discardButtonProps","titleProps","textProps","actionButtonProps","anchorProps","title","text","hideIcon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","_jsxs","Styled","children","_jsx","Icon","preset","name","ICON_NAMES","sizes","SIZES_ICON","Text","as","appearance","weight","wordBreak","color","marginTop","undefined","SIZES_TEXT","onClick","href","to","Button","black","SIZES_ACTION","Anchor","underline","palette","marginLeft","IconButton","icon","square","displayName","SIZES"],"mappings":"geAwBMA,MAAAA,aAAmEC,gBAIvEC,YAA2D,CAACC,EAAOC,KACjE,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,UACjBA,EAAY,CAAE,EAAAC,mBACdA,EAAqB,CAAE,EAAAC,WACvBA,EAAa,CAAE,EAAAC,UACfA,EAAY,CAAE,EAAAC,kBACdA,EAAoB,CAAE,EAAAC,YACtBA,EAAc,CAAE,EAAAC,MAChBA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDnB,EAEJ,MAAMoB,EAAY,CAChBlB,OACAW,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,OACEG,KAACC,KAAW,IAAKH,KAAeC,EAAWjB,OAAQA,EAAQF,IAAKA,EAAIsB,SAAA,EAChEX,GACAY,IAACF,OAAa,CAAAC,SACZC,IAACC,KAAI,CAACC,OAAO,QAAQC,KAAMC,WAAWzB,GAAS0B,MAAOC,cAAgBV,KAAehB,MAGzFiB,KAACC,UAAgB,CAAAC,SACfF,CAAAA,KAACC,QAAc,CAAAC,SACZb,CAAAA,EACCc,IAACO,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,OAAQ,IACRC,UAAU,aACVC,MAAM,4BACFhB,KACAd,EAAUiB,SAEbb,IAED,KACHC,EACCa,IAACO,KAAI,CACHC,GAAG,IACHC,WAAW,OACXE,UAAU,aACVC,MAAM,yBACNC,UAAW3B,EAAQ,aAAU4B,EAC7BT,MAAOU,cACHnB,KACAb,EAASgB,SAEZZ,IAED,QAELH,EAAkBgC,SAAW/B,EAAYgC,MAAQhC,EAAYiC,GAC5DrB,KAACC,SAAe,CAAAC,UACbf,EAAkBgC,QACjBhB,IAACmB,OAAM,CAACjB,OAAO,QAAQkB,OAAK,EAACf,MAAOgB,gBAAkBzB,KAAeZ,IACnE,KACHC,EAAYgC,MAAQhC,EAAYiC,GAC/BlB,IAACsB,OAAM,CACLpB,OAAO,QACPqB,WAAS,EACTC,QAAS,CACPZ,MAAO,0BAET7B,UAAW,CACT0B,WAAY,OACZE,UAAW,cAEbc,WAAYzC,EAAkBgC,QAAU,aAAUF,KAC9ClB,KACAX,IAEJ,QAEJ,QAELJ,EAAmBmC,QAClBhB,IAACF,OAAa,CAAAC,SACZC,IAAC0B,WAAU,CAACC,KAAK,QAAQC,QAAM,KAAKhC,KAAef,MAEnD,OACQ,IAGlB,CACEgD,YAtHmB,eAuHnBxB,MAAOyB"}

package/components/Paper/Paper.js.map

@@ -1 +1 @@
-{"version":3,"file":"Paper.js","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`](#/Разметка/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":"iJAqCO,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAClF,MAAMC,EAAaC,aAAYA,aAACP,MAAMQ,YAAaJ,GAEnD,OAAOK,WAAAA,IAACC,MAAAA,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAZAL,MAAMQ,YAAc"}
+{"version":3,"file":"Paper.js","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport type { 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\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nfunction 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\nPaper.displayName = 'Paper'\n\nexport { Paper }\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"iJAmCA,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAC3E,MAAMC,EAAaC,aAAYA,aAACP,MAAMQ,YAAaJ,GAEnD,OAAOK,WAAAA,IAACC,MAAAA,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAEAL,MAAMQ,YAAc"}

package/components/Paper/Paper.mjs.map

@@ -1 +1 @@
-{"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`](#/Разметка/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"}
+{"version":3,"file":"Paper.mjs","sources":["../../../../src/components/Paper/Paper.tsx"],"sourcesContent":["import type { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport type { ColorProperty } from 'mixins/color'\nimport { useClassname } from 'hooks/useClassname'\nimport type { 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\n/**\n * Расширен:\n * - [`SpacerProps`](#/Разметка/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nfunction 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\nPaper.displayName = 'Paper'\n\nexport { Paper }\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"wHAmCA,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAC3E,MAAMC,EAAaC,aAAaP,MAAMQ,YAAaJ,GAEnD,OAAOK,IAACC,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAEAL,MAAMQ,YAAc"}

package/components/Paper/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","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","default","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"uPAKA,MAAMA,OAAS,CACb,EAAGC,OAAAA,IAEF,CAAA,2CACD,EAAGA,OAAAA,IAEF,CAAA,6CACD,EAAGA,OAAAA,IAEF,CAAA,6CACD,EAAGA,OAAAA,IAEF,CAAA,+CACD,EAAGA,OAAAA,IAAG,CAAA,gDAKR,MAAMC,OAASD,OAAGA,IAOjB,CAAA,+GAED,MAAME,QAAUF,OAAAA,IACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,gBAAMC,QAACC,eAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdL,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMS,OAAOC,QAC/CX,GACDA,EAAMY,UACFf,OAAAA,IACgBG,CAAAA,cAAAA,KAAAA,EAAMY,WAEtB,OACHZ,GAAWA,EAAMa,MAAQA,MAAAA,MAAMb,EAAMa,MAAO,oBAAsB,OAClEb,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMc,OAASlB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Paper/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { Spacer } from 'components/Spacer'\nimport type { 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","default","Spacer","withConfig","displayName","componentId","colors","white","textAlign","color","shadow"],"mappings":"uPAKA,MAAMA,OAAS,CACb,EAAGC,OAAAA,IAEF,CAAA,2CACD,EAAGA,OAAAA,IAEF,CAAA,6CACD,EAAGA,OAAAA,IAEF,CAAA,6CACD,EAAGA,OAAAA,IAEF,CAAA,+CACD,EAAGA,OAAAA,IAAG,CAAA,gDAKR,MAAMC,OAASD,OAAGA,IAOjB,CAAA,+GAED,MAAME,QAAUF,OAAAA,IACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,eAGnC,MAAMC,KAAOC,gBAAMC,QAACC,eAAOC,WAAA,CAAAC,YAAA,cAAAC,YAAA,oBAAdL,CAAc,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEXJ,GAAUA,EAAMC,MAAMS,OAAOC,QAC/CX,GACDA,EAAMY,UACFf,OAAAA,IACgBG,CAAAA,cAAAA,KAAAA,EAAMY,WAEtB,OACHZ,GAAWA,EAAMa,MAAQA,MAAAA,MAAMb,EAAMa,MAAO,oBAAsB,OAClEb,UAAkBA,EAAMJ,QAAW,UAAYI,EAAMc,OAASlB,OAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,QAAU,OACrCC,GAAWA,EAAMF,OAASA,OAAS"}

package/components/Paper/style.mjs.map

@@ -1 +1 @@
-{"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"}
+{"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 type { 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.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\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        palette = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        layout,\n        layoutXXS,\n        layoutXS,\n        layoutS,\n        layoutM,\n        layoutL,\n        layoutXL,\n        imgSrcVertical,\n        imgSrcHorizontal,\n        loading,\n        badge,\n        caption,\n        header,\n        title,\n        content,\n        body,\n        media,\n        footer,\n        root,\n        closeButton,\n        position,\n        trigger,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          ref={ref}\n          placement={position}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={\n            <PopoverComponent\n              size={size}\n              sizeXXS={sizeXXS}\n              sizeXS={sizeXS}\n              sizeS={sizeS}\n              sizeM={sizeM}\n              sizeL={sizeL}\n              sizeXL={sizeXL}\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              layout={layout}\n              layoutXXS={layoutXXS}\n              layoutXS={layoutXS}\n              layoutS={layoutS}\n              layoutM={layoutM}\n              layoutL={layoutL}\n              layoutXL={layoutXL}\n              imgSrcVertical={imgSrcVertical}\n              imgSrcHorizontal={imgSrcHorizontal}\n              palette={palette}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              header={header}\n              title={title}\n              content={content}\n              body={body}\n              media={media}\n              footer={footer}\n              root={root}\n              closeButton={closeButton}\n            />\n          }\n        >\n          {trigger}\n        </Tooltip>\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","layout","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","imgSrcVertical","imgSrcHorizontal","loading","badge","caption","header","title","content","body","media","footer","root","closeButton","position","trigger","restProps","_jsx","Tooltip","preset","placement","deepmerge","arrow","spread","length","backgroundColor","component","jsx","PopoverComponent","children","displayName","SIZES","Component"],"mappings":"qVAgBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,QACXA,EAAU,CAAE,EAAAC,QACZA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,YACJA,EAAWC,SACXA,EAAQC,QACRA,KACGC,GACDnC,EAEJ,OACEoC,WAAAA,IAACC,QAAAA,QAAO,IACFF,EACJG,OAAO,QACPrC,IAAKA,EACLsC,UAAWN,EACX9B,OAAQqC,KAAAA,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQxC,GACzDC,QAAS,CACPwC,gBAAiBxC,EAAQwC,iBAE3BC,UACET,WAAAU,IAACC,kCAAgB,CACf7C,KAAMA,EACNG,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,eAAgBA,EAChBC,iBAAkBA,EAClBjB,QAASA,EACTkB,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNC,YAAaA,IAEhBgB,SAEAd,GACO,IAGd,CACEe,YAlGiB,UAmGjBtC,MAAOuC,MAAAA,QAGX,CACEC,UAAWJ,iBAAAA"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef<HTMLDivElement, MergedProps<PopoverProps>>((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        palette = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        layout,\n        layoutXXS,\n        layoutXS,\n        layoutS,\n        layoutM,\n        layoutL,\n        layoutXL,\n        imgSrcVertical,\n        imgSrcHorizontal,\n        loading,\n        badge,\n        caption,\n        header,\n        title,\n        content,\n        body,\n        media,\n        footer,\n        root,\n        closeButton,\n        position,\n        trigger,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          ref={ref}\n          placement={position}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={\n            <PopoverComponent\n              size={size}\n              sizeXXS={sizeXXS}\n              sizeXS={sizeXS}\n              sizeS={sizeS}\n              sizeM={sizeM}\n              sizeL={sizeL}\n              sizeXL={sizeXL}\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              layout={layout}\n              layoutXXS={layoutXXS}\n              layoutXS={layoutXS}\n              layoutS={layoutS}\n              layoutM={layoutM}\n              layoutL={layoutL}\n              layoutXL={layoutXL}\n              imgSrcVertical={imgSrcVertical}\n              imgSrcHorizontal={imgSrcHorizontal}\n              palette={palette}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              header={header}\n              title={title}\n              content={content}\n              body={body}\n              media={media}\n              footer={footer}\n              root={root}\n              closeButton={closeButton}\n            />\n          }\n        >\n          {trigger}\n        </Tooltip>\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","layout","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","imgSrcVertical","imgSrcHorizontal","loading","badge","caption","header","title","content","body","media","footer","root","closeButton","position","trigger","restProps","_jsx","Tooltip","preset","placement","deepmerge","arrow","spread","length","backgroundColor","component","jsx","PopoverComponent","children","displayName","SIZES","Component"],"mappings":"qVAiBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,QACXA,EAAU,CAAE,EAAAC,QACZA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,YACJA,EAAWC,SACXA,EAAQC,QACRA,KACGC,GACDnC,EAEJ,OACEoC,WAAAA,IAACC,QAAAA,QAAO,IACFF,EACJG,OAAO,QACPrC,IAAKA,EACLsC,UAAWN,EACX9B,OAAQqC,KAAAA,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQxC,GACzDC,QAAS,CACPwC,gBAAiBxC,EAAQwC,iBAE3BC,UACET,WAAAU,IAACC,kCAAgB,CACf7C,KAAMA,EACNG,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,eAAgBA,EAChBC,iBAAkBA,EAClBjB,QAASA,EACTkB,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNC,YAAaA,IAEhBgB,SAEAd,GACO,IAGd,CACEe,YAlGiB,UAmGjBtC,MAAOuC,MAAAA,QAGX,CACEC,UAAWJ,iBAAAA"}

package/components/Popover/Popover.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\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        palette = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        layout,\n        layoutXXS,\n        layoutXS,\n        layoutS,\n        layoutM,\n        layoutL,\n        layoutXL,\n        imgSrcVertical,\n        imgSrcHorizontal,\n        loading,\n        badge,\n        caption,\n        header,\n        title,\n        content,\n        body,\n        media,\n        footer,\n        root,\n        closeButton,\n        position,\n        trigger,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          ref={ref}\n          placement={position}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={\n            <PopoverComponent\n              size={size}\n              sizeXXS={sizeXXS}\n              sizeXS={sizeXS}\n              sizeS={sizeS}\n              sizeM={sizeM}\n              sizeL={sizeL}\n              sizeXL={sizeXL}\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              layout={layout}\n              layoutXXS={layoutXXS}\n              layoutXS={layoutXS}\n              layoutS={layoutS}\n              layoutM={layoutM}\n              layoutL={layoutL}\n              layoutXL={layoutXL}\n              imgSrcVertical={imgSrcVertical}\n              imgSrcHorizontal={imgSrcHorizontal}\n              palette={palette}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              header={header}\n              title={title}\n              content={content}\n              body={body}\n              media={media}\n              footer={footer}\n              root={root}\n              closeButton={closeButton}\n            />\n          }\n        >\n          {trigger}\n        </Tooltip>\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","layout","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","imgSrcVertical","imgSrcHorizontal","loading","badge","caption","header","title","content","body","media","footer","root","closeButton","position","trigger","restProps","_jsx","Tooltip","preset","placement","deepmerge","arrow","spread","length","backgroundColor","component","PopoverComponent","children","displayName","SIZES","Component"],"mappings":"kUAgBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,QACXA,EAAU,CAAE,EAAAC,QACZA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,YACJA,EAAWC,SACXA,EAAQC,QACRA,KACGC,GACDnC,EAEJ,OACEoC,IAACC,QAAO,IACFF,EACJG,OAAO,QACPrC,IAAKA,EACLsC,UAAWN,EACX9B,OAAQqC,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQxC,GACzDC,QAAS,CACPwC,gBAAiBxC,EAAQwC,iBAE3BC,UACET,IAACU,iBAAgB,CACf5C,KAAMA,EACNG,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,eAAgBA,EAChBC,iBAAkBA,EAClBjB,QAASA,EACTkB,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNC,YAAaA,IAEhBe,SAEAb,GACO,IAGd,CACEc,YAlGiB,UAmGjBrC,MAAOsC,QAGX,CACEC,UAAWJ"}
+{"version":3,"file":"Popover.mjs","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent } from 'components/PopoverComponent'\nimport { deepmerge } from 'shared/utils/misc'\nimport { SIZES } from './sizes'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Компонент для отображения контента поверх основного интерфейса.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef<HTMLDivElement, MergedProps<PopoverProps>>((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        palette = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        layout,\n        layoutXXS,\n        layoutXS,\n        layoutS,\n        layoutM,\n        layoutL,\n        layoutXL,\n        imgSrcVertical,\n        imgSrcHorizontal,\n        loading,\n        badge,\n        caption,\n        header,\n        title,\n        content,\n        body,\n        media,\n        footer,\n        root,\n        closeButton,\n        position,\n        trigger,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          ref={ref}\n          placement={position}\n          styles={deepmerge({ arrow: { spread: 20, length: 12 } }, styles)}\n          palette={{\n            backgroundColor: palette.backgroundColor,\n          }}\n          component={\n            <PopoverComponent\n              size={size}\n              sizeXXS={sizeXXS}\n              sizeXS={sizeXS}\n              sizeS={sizeS}\n              sizeM={sizeM}\n              sizeL={sizeL}\n              sizeXL={sizeXL}\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              layout={layout}\n              layoutXXS={layoutXXS}\n              layoutXS={layoutXS}\n              layoutS={layoutS}\n              layoutM={layoutM}\n              layoutL={layoutL}\n              layoutXL={layoutXL}\n              imgSrcVertical={imgSrcVertical}\n              imgSrcHorizontal={imgSrcHorizontal}\n              palette={palette}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              header={header}\n              title={title}\n              content={content}\n              body={body}\n              media={media}\n              footer={footer}\n              root={root}\n              closeButton={closeButton}\n            />\n          }\n        >\n          {trigger}\n        </Tooltip>\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","palette","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","layout","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","imgSrcVertical","imgSrcHorizontal","loading","badge","caption","header","title","content","body","media","footer","root","closeButton","position","trigger","restProps","_jsx","Tooltip","preset","placement","deepmerge","arrow","spread","length","backgroundColor","component","PopoverComponent","children","displayName","SIZES","Component"],"mappings":"kUAiBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAsD,CAACC,EAAOC,KAC5D,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,QACXA,EAAU,CAAE,EAAAC,QACZA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,UACNA,EAASC,SACTA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,EAAOC,SACPA,EAAQC,eACRA,EAAcC,iBACdA,EAAgBC,QAChBA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,KACPA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,KACNA,EAAIC,YACJA,EAAWC,SACXA,EAAQC,QACRA,KACGC,GACDnC,EAEJ,OACEoC,IAACC,QAAO,IACFF,EACJG,OAAO,QACPrC,IAAKA,EACLsC,UAAWN,EACX9B,OAAQqC,UAAU,CAAEC,MAAO,CAAEC,OAAQ,GAAIC,OAAQ,KAAQxC,GACzDC,QAAS,CACPwC,gBAAiBxC,EAAQwC,iBAE3BC,UACET,IAACU,iBAAgB,CACf5C,KAAMA,EACNG,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,MAAOA,EACPC,UAAWA,EACXC,OAAQA,EACRC,UAAWA,EACXC,SAAUA,EACVC,QAASA,EACTC,QAASA,EACTC,QAASA,EACTC,SAAUA,EACVC,eAAgBA,EAChBC,iBAAkBA,EAClBjB,QAASA,EACTkB,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,QAASA,EACTC,KAAMA,EACNC,MAAOA,EACPC,OAAQA,EACRC,KAAMA,EACNC,YAAaA,IAEhBe,SAEAb,GACO,IAGd,CACEc,YAlGiB,UAmGjBrC,MAAOsC,QAGX,CACEC,UAAWJ"}

package/components/PopoverComponent/PopoverComponent.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var layouts=require('./layouts.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var AspectRatio=require('../AspectRatio/AspectRatio.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="s",layout:i="vertical",sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p,root:R,badge:y,caption:S,header:h,title:g,content:z,body:T,closeButton:f,media:E,footer:B,imgSrcVertical:k,imgSrcHorizontal:I,loading:b,palette:w,closeFn:v,...P}=e;const A={size:s,sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u};const L={layout:i,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p};const X={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:sizes.SIZES_HEADER_BADGE};const V={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:sizes.SIZES_CAPTION};const C={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:z?'0.4em':void 0,wordBreak:'break-word',sizes:sizes.SIZES_TITLE};const q={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:sizes.SIZES_CONTENT};const _={...A,icon:'close',square:!0,marginTop:10,marginRight:10,sizes:sizes.SIZES_CLOSE_BUTTON,onClick:()=>{typeof v=='function'&&v()}};return jsxRuntime.jsx(style.Root,{...P,...A,...L,layouts:layouts.LAYOUTS,palette:w,ref:t,children:React.isValidElement(R)?R:typeof R=='function'?R({badgeProps:X,captionProps:V,titleProps:C,contentProps:q,closeButtonProps:_}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[(b||E||I)&&jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_HORIZONTAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(style.Img,{src:I})})}),jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[b?jsxRuntime.jsx(style.Header,{children:jsxRuntime.jsx(Skeleton.Skeleton,{width:"20%",children:jsxRuntime.jsx(Badge.Badge,{...X})})}):React.isValidElement(h)?h:typeof h=='function'?h({badgeProps:X,captionProps:V}):y||S?jsxRuntime.jsxs(style.Header,{children:[React.isValidElement(y)?y:typeof y=='function'?y(X):typeof y=='string'||typeof y=='number'?jsxRuntime.jsx(Badge.Badge,{...X,children:y}):null,React.isValidElement(S)?S:typeof S=='function'?S(V):typeof S=='string'||typeof S=='number'?jsxRuntime.jsx(Text.Text,{...V,children:S}):null]}):null,(b||E||k)&&jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_VERTICAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(style.Img,{src:k})})}),b?jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,children:jsxRuntime.jsx(Text.Text,{appearance:"subheading",marginBottom:"0.4em",sizes:sizes.SIZES_TITLE,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",marginBottom:"0.4em",sizes:sizes.SIZES_CONTENT,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",sizes:sizes.SIZES_CONTENT,...A})})]}):React.isValidElement(T)?T:typeof T=='function'?T({titleProps:C,contentProps:q}):g||z?jsxRuntime.jsxs("div",{children:[React.isValidElement(g)?g:typeof g=='function'?g(C):typeof g=='string'||typeof g=='number'?jsxRuntime.jsx(Text.Text,{...C,children:g}):null,React.isValidElement(z)?z:typeof z=='function'?z(q):typeof z=='string'||typeof z=='number'?jsxRuntime.jsx(Text.Text,{...q,children:z}):null]}):null]}),B&&jsxRuntime.jsx(style.Footer,{children:b?jsxRuntime.jsx(Skeleton.Skeleton,{width:"100%",children:jsxRuntime.jsx(Button.Button,{preset:"brand",...A})}):React.isValidElement(B)?B:null})]}),f&&jsxRuntime.jsx(style.ButtonPosition,{children:React.isValidElement(f)?f:typeof f=='function'?f(_):null})]})})})),{displayName:'PopoverComponent',sizes:sizes.SIZES});exports.PopoverComponent=PopoverComponent;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var sizes=require('./sizes.js');var layouts=require('./layouts.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var AspectRatio=require('../AspectRatio/AspectRatio.js');var Skeleton=require('../Skeleton/Skeleton.js');var Badge=require('../Badge/Badge.js');var Text=require('../Text/Text.js');var Button=require('../Button/Button.js');const PopoverComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:s="s",layout:i="vertical",sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p,root:R,badge:y,caption:S,header:h,title:g,content:z,body:T,closeButton:f,media:E,footer:B,imgSrcVertical:k,imgSrcHorizontal:I,loading:b,palette:w,closeFn:v,...P}=e;const A={size:s,sizeXXS:n,sizeXS:o,sizeS:r,sizeM:a,sizeL:l,sizeXL:u};const L={layout:i,layoutXXS:c,layoutXS:d,layoutS:x,layoutM:j,layoutL:m,layoutXL:p};const X={...A,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:sizes.SIZES_HEADER_BADGE};const V={...A,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:sizes.SIZES_CAPTION};const C={...A,as:'h2',appearance:'subheading',color:'inherit',marginBottom:z?'0.4em':void 0,wordBreak:'break-word',sizes:sizes.SIZES_TITLE};const q={...A,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:sizes.SIZES_CONTENT};const _={...A,icon:'close',square:!0,marginTop:10,marginRight:10,sizes:sizes.SIZES_CLOSE_BUTTON,onClick:()=>{typeof v=='function'&&v()}};return jsxRuntime.jsx(style.Root,{...P,...A,...L,layouts:layouts.LAYOUTS,palette:w,ref:t,children:React.isValidElement(R)?R:typeof R=='function'?R({badgeProps:X,captionProps:V,titleProps:C,contentProps:q,closeButtonProps:_}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[b||E||I?jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_HORIZONTAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"1:1",width:"100%",children:jsxRuntime.jsx(style.Img,{src:I})})}):null,jsxRuntime.jsxs(style.Container,{children:[jsxRuntime.jsxs(style.Content,{children:[b?jsxRuntime.jsx(style.Header,{children:jsxRuntime.jsx(Skeleton.Skeleton,{width:"20%",children:jsxRuntime.jsx(Badge.Badge,{...X})})}):React.isValidElement(h)?h:typeof h=='function'?h({badgeProps:X,captionProps:V}):y||S?jsxRuntime.jsxs(style.Header,{children:[React.isValidElement(y)?y:typeof y=='function'?y(X):typeof y=='string'||typeof y=='number'?jsxRuntime.jsx(Badge.Badge,{...X,children:y}):null,React.isValidElement(S)?S:typeof S=='function'?S(V):typeof S=='string'||typeof S=='number'?jsxRuntime.jsx(Text.Text,{...V,children:S}):null]}):null,b||E||k?jsxRuntime.jsx(style.Media,{...L,layouts:layouts.VISIBILITY_VERTICAL,children:b?jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(Skeleton.Skeleton,{})}):React.isValidElement(E)?E:jsxRuntime.jsx(AspectRatio.AspectRatio,{ratio:"16:9",width:"100%",children:jsxRuntime.jsx(style.Img,{src:k})})}):null,b?jsxRuntime.jsxs("div",{children:[jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,children:jsxRuntime.jsx(Text.Text,{appearance:"subheading",marginBottom:"0.4em",sizes:sizes.SIZES_TITLE,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"70%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",marginBottom:"0.4em",sizes:sizes.SIZES_CONTENT,...A})}),jsxRuntime.jsx(Skeleton.Skeleton,{borderRadius:4,width:"50%",children:jsxRuntime.jsx(Text.Text,{appearance:"body",sizes:sizes.SIZES_CONTENT,...A})})]}):React.isValidElement(T)?T:typeof T=='function'?T({titleProps:C,contentProps:q}):g||z?jsxRuntime.jsxs("div",{children:[React.isValidElement(g)?g:typeof g=='function'?g(C):typeof g=='string'||typeof g=='number'?jsxRuntime.jsx(Text.Text,{...C,children:g}):null,React.isValidElement(z)?z:typeof z=='function'?z(q):typeof z=='string'||typeof z=='number'?jsxRuntime.jsx(Text.Text,{...q,children:z}):null]}):null]}),B?jsxRuntime.jsx(style.Footer,{children:b?jsxRuntime.jsx(Skeleton.Skeleton,{width:"100%",children:jsxRuntime.jsx(Button.Button,{preset:"brand",...A})}):React.isValidElement(B)?B:null}):null]}),f?jsxRuntime.jsx(style.ButtonPosition,{children:React.isValidElement(f)?f:typeof f=='function'?f(_):null}):null]})})})),{displayName:'PopoverComponent',sizes:sizes.SIZES});exports.PopoverComponent=PopoverComponent;
 //# sourceMappingURL=PopoverComponent.js.map

package/components/PopoverComponent/PopoverComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\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 layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: 'close',\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {(loading || media || imgSrcHorizontal) && (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            )}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {(loading || media || imgSrcVertical) && (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                )}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer && (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              )}\n            </Styled.Container>\n            {closeButton && (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                  ? closeButton(closeButtonProps)\n                  : null}\n              </Styled.ButtonPosition>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","square","marginTop","SIZES_CLOSE_BUTTON","onClick","_jsx","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","jsxs","_Fragment","jsx","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.js","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\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 layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: 'close',\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","square","marginTop","SIZES_CLOSE_BUTTON","onClick","_jsx","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","jsxs","_Fragment","VISIBILITY_HORIZONTAL","jsx","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}

package/components/PopoverComponent/PopoverComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_TITLE,SIZES_CONTENT,SIZES_HEADER_BADGE,SIZES_CAPTION,SIZES_CLOSE_BUTTON}from'./sizes.mjs';import{LAYOUTS,VISIBILITY_HORIZONTAL,VISIBILITY_VERTICAL}from'./layouts.mjs';import{Root,Media,Img,Container,Content,Header,Footer,ButtonPosition}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{AspectRatio}from'../AspectRatio/AspectRatio.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 PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",layout:i="vertical",sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x,root:h,badge:j,caption:f,header:E,title:I,content:y,body:T,closeButton:g,media:B,footer:z,imgSrcVertical:L,imgSrcHorizontal:R,loading:b,palette:_,closeFn:w,...A}=e;const P={size:o,sizeXXS:s,sizeXS:n,sizeS:r,sizeM:a,sizeL:l,sizeXL:d};const V={layout:i,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x};const C={...P,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:SIZES_HEADER_BADGE};const k={...P,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:SIZES_CAPTION};const Z={...P,as:'h2',appearance:'subheading',color:'inherit',marginBottom:y?'0.4em':void 0,wordBreak:'break-word',sizes:SIZES_TITLE};const O={...P,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:SIZES_CONTENT};const X={...P,icon:'close',square:!0,marginTop:10,marginRight:10,sizes:SIZES_CLOSE_BUTTON,onClick:()=>{typeof w=='function'&&w()}};return jsx(Root,{...A,...P,...V,layouts:LAYOUTS,palette:_,ref:t,children:isValidElement(h)?h:typeof h=='function'?h({badgeProps:C,captionProps:k,titleProps:Z,contentProps:O,closeButtonProps:X}):jsxs(Fragment,{children:[(b||B||R)&&jsx(Media,{...V,layouts:VISIBILITY_HORIZONTAL,children:b?jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Img,{src:R})})}),jsxs(Container,{children:[jsxs(Content,{children:[b?jsx(Header,{children:jsx(Skeleton,{width:"20%",children:jsx(Badge,{...C})})}):isValidElement(E)?E:typeof E=='function'?E({badgeProps:C,captionProps:k}):j||f?jsxs(Header,{children:[isValidElement(j)?j:typeof j=='function'?j(C):typeof j=='string'||typeof j=='number'?jsx(Badge,{...C,children:j}):null,isValidElement(f)?f:typeof f=='function'?f(k):typeof f=='string'||typeof f=='number'?jsx(Text,{...k,children:f}):null]}):null,(b||B||L)&&jsx(Media,{...V,layouts:VISIBILITY_VERTICAL,children:b?jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Img,{src:L})})}),b?jsxs("div",{children:[jsx(Skeleton,{borderRadius:4,children:jsx(Text,{appearance:"subheading",marginBottom:"0.4em",sizes:SIZES_TITLE,...P})}),jsx(Skeleton,{borderRadius:4,width:"70%",children:jsx(Text,{appearance:"body",marginBottom:"0.4em",sizes:SIZES_CONTENT,...P})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",sizes:SIZES_CONTENT,...P})})]}):isValidElement(T)?T:typeof T=='function'?T({titleProps:Z,contentProps:O}):I||y?jsxs("div",{children:[isValidElement(I)?I:typeof I=='function'?I(Z):typeof I=='string'||typeof I=='number'?jsx(Text,{...Z,children:I}):null,isValidElement(y)?y:typeof y=='function'?y(O):typeof y=='string'||typeof y=='number'?jsx(Text,{...O,children:y}):null]}):null]}),z&&jsx(Footer,{children:b?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...P})}):isValidElement(z)?z:null})]}),g&&jsx(ButtonPosition,{children:isValidElement(g)?g:typeof g=='function'?g(X):null})]})})})),{displayName:'PopoverComponent',sizes:SIZES});export{PopoverComponent};
+import{forwardRef,isValidElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_TITLE,SIZES_CONTENT,SIZES_HEADER_BADGE,SIZES_CAPTION,SIZES_CLOSE_BUTTON}from'./sizes.mjs';import{LAYOUTS,VISIBILITY_HORIZONTAL,VISIBILITY_VERTICAL}from'./layouts.mjs';import{Root,Media,Img,Container,Content,Header,Footer,ButtonPosition}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{AspectRatio}from'../AspectRatio/AspectRatio.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 PopoverComponent=withMergedProps(forwardRef(((e,t)=>{const{size:o="s",layout:i="vertical",sizeXXS:n,sizeXS:s,sizeS:r,sizeM:a,sizeL:l,sizeXL:d,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x,root:h,badge:j,caption:f,header:E,title:I,content:y,body:T,closeButton:g,media:B,footer:z,imgSrcVertical:L,imgSrcHorizontal:R,loading:b,palette:_,closeFn:w,...A}=e;const P={size:o,sizeXXS:n,sizeXS:s,sizeS:r,sizeM:a,sizeL:l,sizeXL:d};const V={layout:i,layoutXXS:c,layoutXS:p,layoutS:m,layoutM:S,layoutL:u,layoutXL:x};const C={...P,borderRadius:8,marginRight:12,resetDefaultMargin:!0,sizes:SIZES_HEADER_BADGE};const k={...P,as:'span',appearance:'caption',color:'content-onmain-tertiary',weight:700,wordBreak:'break-word',sizes:SIZES_CAPTION};const Z={...P,as:'h2',appearance:'subheading',color:'inherit',marginBottom:y?'0.4em':void 0,wordBreak:'break-word',sizes:SIZES_TITLE};const O={...P,as:'p',appearance:'body',color:'inherit',wordBreak:'break-word',sizes:SIZES_CONTENT};const X={...P,icon:'close',square:!0,marginTop:10,marginRight:10,sizes:SIZES_CLOSE_BUTTON,onClick:()=>{typeof w=='function'&&w()}};return jsx(Root,{...A,...P,...V,layouts:LAYOUTS,palette:_,ref:t,children:isValidElement(h)?h:typeof h=='function'?h({badgeProps:C,captionProps:k,titleProps:Z,contentProps:O,closeButtonProps:X}):jsxs(Fragment,{children:[b||B||R?jsx(Media,{...V,layouts:VISIBILITY_HORIZONTAL,children:b?jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"1:1",width:"100%",children:jsx(Img,{src:R})})}):null,jsxs(Container,{children:[jsxs(Content,{children:[b?jsx(Header,{children:jsx(Skeleton,{width:"20%",children:jsx(Badge,{...C})})}):isValidElement(E)?E:typeof E=='function'?E({badgeProps:C,captionProps:k}):j||f?jsxs(Header,{children:[isValidElement(j)?j:typeof j=='function'?j(C):typeof j=='string'||typeof j=='number'?jsx(Badge,{...C,children:j}):null,isValidElement(f)?f:typeof f=='function'?f(k):typeof f=='string'||typeof f=='number'?jsx(Text,{...k,children:f}):null]}):null,b||B||L?jsx(Media,{...V,layouts:VISIBILITY_VERTICAL,children:b?jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Skeleton,{})}):isValidElement(B)?B:jsx(AspectRatio,{ratio:"16:9",width:"100%",children:jsx(Img,{src:L})})}):null,b?jsxs("div",{children:[jsx(Skeleton,{borderRadius:4,children:jsx(Text,{appearance:"subheading",marginBottom:"0.4em",sizes:SIZES_TITLE,...P})}),jsx(Skeleton,{borderRadius:4,width:"70%",children:jsx(Text,{appearance:"body",marginBottom:"0.4em",sizes:SIZES_CONTENT,...P})}),jsx(Skeleton,{borderRadius:4,width:"50%",children:jsx(Text,{appearance:"body",sizes:SIZES_CONTENT,...P})})]}):isValidElement(T)?T:typeof T=='function'?T({titleProps:Z,contentProps:O}):I||y?jsxs("div",{children:[isValidElement(I)?I:typeof I=='function'?I(Z):typeof I=='string'||typeof I=='number'?jsx(Text,{...Z,children:I}):null,isValidElement(y)?y:typeof y=='function'?y(O):typeof y=='string'||typeof y=='number'?jsx(Text,{...O,children:y}):null]}):null]}),z?jsx(Footer,{children:b?jsx(Skeleton,{width:"100%",children:jsx(Button,{preset:"brand",...P})}):isValidElement(z)?z:null}):null]}),g?jsx(ButtonPosition,{children:isValidElement(g)?g:typeof g=='function'?g(X):null}):null]})})})),{displayName:'PopoverComponent',sizes:SIZES});export{PopoverComponent};
 //# sourceMappingURL=PopoverComponent.mjs.map

package/components/PopoverComponent/PopoverComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\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 layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: 'close',\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {(loading || media || imgSrcHorizontal) && (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            )}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {(loading || media || imgSrcVertical) && (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                )}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer && (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              )}\n            </Styled.Container>\n            {closeButton && (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                  ? closeButton(closeButtonProps)\n                  : null}\n              </Styled.ButtonPosition>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","square","marginTop","SIZES_CLOSE_BUTTON","onClick","_jsx","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"PopoverComponent.mjs","sources":["../../../../src/components/PopoverComponent/PopoverComponent.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Badge } from 'components/Badge'\nimport { Text } from 'components/Text'\nimport { Button } from 'components/Button'\nimport { Skeleton } from 'components/Skeleton'\nimport { AspectRatio } from 'components/AspectRatio'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { BadgeProps } from 'components/Badge'\nimport type { TextProps } from 'components/Text'\nimport { SIZES, SIZES_CLOSE_BUTTON, SIZES_HEADER_BADGE, SIZES_CAPTION, SIZES_TITLE, SIZES_CONTENT } from './sizes'\nimport { LAYOUTS, VISIBILITY_HORIZONTAL, VISIBILITY_VERTICAL } from './layouts'\nimport * as Styled from './style'\nimport type { PopoverComponentProps } from './types'\n\nconst COMPONENT_NAME = 'PopoverComponent'\n\nconst PopoverComponent: React.ForwardRefExoticComponent<PopoverComponentProps> = withMergedProps<\n  PopoverComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<PopoverComponentProps>>((props, ref) => {\n    const {\n      size = 's',\n      layout = 'vertical',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n      root,\n      badge,\n      caption,\n      header,\n      title,\n      content,\n      body,\n      closeButton,\n      media,\n      footer,\n      imgSrcVertical,\n      imgSrcHorizontal,\n      loading,\n      palette,\n      closeFn,\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 layoutProps = {\n      layout,\n      layoutXXS,\n      layoutXS,\n      layoutS,\n      layoutM,\n      layoutL,\n      layoutXL,\n    }\n\n    const badgeProps: BadgeProps = {\n      ...sizeProps,\n      borderRadius: 8,\n      marginRight: 12,\n      resetDefaultMargin: true,\n      sizes: SIZES_HEADER_BADGE,\n    }\n\n    const captionProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'caption',\n      color: 'content-onmain-tertiary',\n      weight: 700,\n      wordBreak: 'break-word',\n      sizes: SIZES_CAPTION,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'h2',\n      appearance: 'subheading',\n      color: 'inherit',\n      marginBottom: content ? '0.4em' : undefined,\n      wordBreak: 'break-word',\n      sizes: SIZES_TITLE,\n    }\n\n    const contentProps: TextProps = {\n      ...sizeProps,\n      as: 'p',\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: SIZES_CONTENT,\n    }\n\n    const closeButtonProps: IconButtonProps = {\n      ...sizeProps,\n      icon: 'close',\n      square: true,\n      marginTop: 10,\n      marginRight: 10,\n      sizes: SIZES_CLOSE_BUTTON,\n      onClick: () => {\n        if (typeof closeFn === 'function') closeFn()\n      },\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} {...layoutProps} layouts={LAYOUTS} palette={palette} ref={ref}>\n        {isValidElement(root) ? (\n          root\n        ) : typeof root === 'function' ? (\n          root({\n            badgeProps,\n            captionProps,\n            titleProps,\n            contentProps,\n            closeButtonProps,\n          })\n        ) : (\n          <>\n            {loading || media || imgSrcHorizontal ? (\n              <Styled.Media {...layoutProps} layouts={VISIBILITY_HORIZONTAL}>\n                {loading ? (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Skeleton />\n                  </AspectRatio>\n                ) : isValidElement(media) ? (\n                  media\n                ) : (\n                  <AspectRatio ratio='1:1' width='100%'>\n                    <Styled.Img src={imgSrcHorizontal} />\n                  </AspectRatio>\n                )}\n              </Styled.Media>\n            ) : null}\n            <Styled.Container>\n              <Styled.Content>\n                {loading ? (\n                  <Styled.Header>\n                    <Skeleton width='20%'>\n                      <Badge {...badgeProps} />\n                    </Skeleton>\n                  </Styled.Header>\n                ) : isValidElement(header) ? (\n                  header\n                ) : typeof header === 'function' ? (\n                  header({\n                    badgeProps,\n                    captionProps,\n                  })\n                ) : badge || caption ? (\n                  <Styled.Header>\n                    {isValidElement(badge) ? (\n                      badge\n                    ) : typeof badge === 'function' ? (\n                      badge(badgeProps)\n                    ) : typeof badge === 'string' || typeof badge === 'number' ? (\n                      <Badge {...badgeProps}>{badge}</Badge>\n                    ) : null}\n                    {isValidElement(caption) ? (\n                      caption\n                    ) : typeof caption === 'function' ? (\n                      caption(captionProps)\n                    ) : typeof caption === 'string' || typeof caption === 'number' ? (\n                      <Text {...captionProps}>{caption}</Text>\n                    ) : null}\n                  </Styled.Header>\n                ) : null}\n                {loading || media || imgSrcVertical ? (\n                  <Styled.Media {...layoutProps} layouts={VISIBILITY_VERTICAL}>\n                    {loading ? (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Skeleton />\n                      </AspectRatio>\n                    ) : isValidElement(media) ? (\n                      media\n                    ) : (\n                      <AspectRatio ratio='16:9' width='100%'>\n                        <Styled.Img src={imgSrcVertical} />\n                      </AspectRatio>\n                    )}\n                  </Styled.Media>\n                ) : null}\n                {loading ? (\n                  <div>\n                    <Skeleton borderRadius={4}>\n                      <Text appearance='subheading' marginBottom='0.4em' sizes={SIZES_TITLE} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='70%'>\n                      <Text appearance='body' marginBottom='0.4em' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                    <Skeleton borderRadius={4} width='50%'>\n                      <Text appearance='body' sizes={SIZES_CONTENT} {...sizeProps} />\n                    </Skeleton>\n                  </div>\n                ) : isValidElement(body) ? (\n                  body\n                ) : typeof body === 'function' ? (\n                  body({\n                    titleProps,\n                    contentProps,\n                  })\n                ) : title || content ? (\n                  <div>\n                    {isValidElement(title) ? (\n                      title\n                    ) : typeof title === 'function' ? (\n                      title(titleProps)\n                    ) : typeof title === 'string' || typeof title === 'number' ? (\n                      <Text {...titleProps}>{title}</Text>\n                    ) : null}\n                    {isValidElement(content) ? (\n                      content\n                    ) : typeof content === 'function' ? (\n                      content(contentProps)\n                    ) : typeof content === 'string' || typeof content === 'number' ? (\n                      <Text {...contentProps}>{content}</Text>\n                    ) : null}\n                  </div>\n                ) : null}\n              </Styled.Content>\n              {footer ? (\n                <Styled.Footer>\n                  {loading ? (\n                    <Skeleton width='100%'>\n                      <Button preset='brand' {...sizeProps} />\n                    </Skeleton>\n                  ) : isValidElement(footer) ? (\n                    footer\n                  ) : null}\n                </Styled.Footer>\n              ) : null}\n            </Styled.Container>\n            {closeButton ? (\n              <Styled.ButtonPosition>\n                {isValidElement(closeButton)\n                  ? closeButton\n                  : typeof closeButton === 'function'\n                    ? closeButton(closeButtonProps)\n                    : null}\n              </Styled.ButtonPosition>\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { PopoverComponent }\n"],"names":["PopoverComponent","withMergedProps","forwardRef","props","ref","size","layout","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","layoutXXS","layoutXS","layoutS","layoutM","layoutL","layoutXL","root","badge","caption","header","title","content","body","closeButton","media","footer","imgSrcVertical","imgSrcHorizontal","loading","palette","closeFn","restProps","sizeProps","layoutProps","badgeProps","borderRadius","marginRight","resetDefaultMargin","sizes","SIZES_HEADER_BADGE","captionProps","as","appearance","color","weight","wordBreak","SIZES_CAPTION","titleProps","marginBottom","undefined","SIZES_TITLE","contentProps","SIZES_CONTENT","closeButtonProps","icon","square","marginTop","SIZES_CLOSE_BUTTON","onClick","_jsx","Styled","layouts","LAYOUTS","children","isValidElement","_jsxs","_Fragment","VISIBILITY_HORIZONTAL","AspectRatio","ratio","width","Skeleton","src","Badge","Text","VISIBILITY_VERTICAL","Button","preset","displayName","SIZES"],"mappings":"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"}

package/components/Progress/Progress.js.map

@@ -1 +1 @@
-{"version":3,"file":"Progress.js","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","jsx","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"4OA+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,WAAAA,IAACC,MAAAA,KAAW,CAACR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAAMM,SAChFF,WAAAG,IAACF,UAAU,CAACG,MAAON,EAAUJ,UAAWW,QAAQX,MAGtD,CA9BAH,SAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAW,GAGbH,SAASgB,OAASC,gBAAAA,eAClBjB,SAASkB,UAAYC,mBAAAA,kBACrBnB,SAASoB,YAAc"}
+{"version":3,"file":"Progress.js","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { 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\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nfunction 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\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\nexport { Progress }\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled","children","jsx","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"4OAoBA,SAASA,SAASC,GAChB,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,WAAAA,IAACC,MAAAA,KAAW,CAACR,UAAWA,EAAWE,gBAAiBA,EAAiBC,MAAOA,EAAMM,SAChFF,WAAAG,IAACF,UAAU,CAACG,MAAON,EAAUJ,UAAWW,QAAQX,MAGtD,CAEAH,SAASe,aAAe,CACtBT,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAW,GAGbH,SAASgB,OAASC,gBAAAA,eAClBjB,SAASkB,UAAYC,mBAAAA,kBACrBnB,SAASoB,YAAc"}

package/components/Progress/Progress.mjs.map

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"Progress.mjs","sources":["../../../../src/components/Progress/Progress.tsx"],"sourcesContent":["import type { ColorProperty } from 'mixins/color'\nimport type { 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\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'backgroundColor'>`](#/Миксины)\n */\nfunction 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\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\nexport { Progress }\n"],"names":["Progress","props","className","isLoading","backgroundColor","color","percent","_percent","parseInt","_jsx","Styled","children","width","Boolean","defaultProps","Circle","ProgressCircle","Segmented","ProgressSegmented","displayName"],"mappings":"oNAoBA,SAASA,SAASC,GAChB,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,CAEAH,SAASc,aAAe,CACtBR,QAAS,EACTD,MAAO,QACPD,gBAAiB,OACjBD,WAAW,GAGbH,SAASe,OAASC,eAClBhB,SAASiB,UAAYC,kBACrBlB,SAASmB,YAAc"}

package/components/Progress/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const move=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>styled.css(["background-color:",";"],tinycolor__default.default(o).setAlpha(.6).toString());const isLoading=styled.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__default.default.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color.color(o.backgroundColor,bgColor):null),(o=>o.color?color.color(o.color):null));const Bar=styled__default.default.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?styled.css(["width:","%;"],o.width):styled.css(["width:0%;"])));exports.Bar=Bar,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var color=require('../../mixins/color.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const move=styled.keyframes(["0%{background-position:0 0;}100%{background-position:50px 50px;}"]);const bgColor=o=>styled.css(["background-color:",";"],tinycolor__default.default(o).setAlpha(.6).toString());const isLoading=styled.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__default.default.div.withConfig({displayName:"Progress__Root",componentId:"ui__sc-1vq95i6-0"})(["display:block;height:4px;border-radius:40px;overflow:hidden;"," ",""],(o=>o.backgroundColor?color.color(o.backgroundColor,bgColor):null),(o=>o.color?color.color(o.color):null));const Bar=styled__default.default.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?styled.css(["width:","%;"],o.width):styled.css(["width:0%;"])));exports.Bar=Bar,exports.Root=Root;
 //# sourceMappingURL=style.js.map