@foxford/ui 2.39.0 → 2.40.0-beta-6e85adc-20240822

package/components/MenuDivider/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r from'styled-components';import{createShouldForwardProp as n}from'../../shared/utils/style.js';var t=n();var e=r.div.withConfig({componentId:"fox-ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);var i=r.div.withConfig({shouldForwardProp:t}).withConfig({componentId:"fox-ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(r=>{return n=o({color:r.theme.colors['content-onmain-tertiary'],lineColor:r.theme.colors['border-onmain-default-large']},r.palette),"\n  color: ".concat(n.color,";\n\n  & > ").concat(e," {\n    background-color: ").concat(n.lineColor,";\n  }\n");var n}));export{e as HorizontalLine,i as Root};
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuDividerProp=style.createShouldForwardProp();const HorizontalLine=styled__default.default.div.withConfig({displayName:"MenuDivider__HorizontalLine",componentId:"ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Root",componentId:"ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;padding:4px 16px;",""],(o=>{return`\n  color: ${(e={color:o.theme.colors['content-onmain-tertiary'],lineColor:o.theme.colors['border-onmain-default-large'],...o.palette}).color};\n\n  & > ${HorizontalLine} {\n    background-color: ${e.lineColor};\n  }\n`;var e}));exports.HorizontalLine=HorizontalLine,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuDivider/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n  box-sizing: border-box;\n  height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n  padding: 4px 16px;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","componentId","Root","shouldForwardProp","props","template","palette","_objectSpread","color","theme","colors","lineColor","concat"],"mappings":"2JAIA,IAAMA,EAA+BC,IAExBC,IAAAA,EAAiBC,EAAOC,IAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAvB,CAAA,sCAaA,IAAMI,EAAOJ,EAAOC,IAAIC,WAAmC,CAChEG,kBAAmBR,IADJK,WAAA,CAAAC,YAAA,uBAAGH,CAQfM,CAAAA,2EAAAA,KAAAA,IACDC,OAjBcC,EAiBNC,EAAA,CACNC,MAAOJ,EAAMK,MAAMC,OAAO,2BAC1BC,UAAWP,EAAMK,MAAMC,OAAO,gCAC3BN,EAAME,SApBE,cAAAM,OACNN,EAAQE,MADF,eAAAI,OAGTf,EAHS,8BAAAe,OAION,EAAQK,UAJhC,YAAkBL,IAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledMenuDividerProps, MenuDividerPalette } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div`\n  box-sizing: border-box;\n  height: 1px;\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n  padding: 4px 16px;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","displayName","componentId","Root","shouldForwardProp","props","template","palette","color","theme","colors","lineColor"],"mappings":"mNAIA,MAAMA,6BAA+BC,MAAuBA,gCAE/CC,eAAiBC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,8BAAAC,YAAA,mBAAVJ,CAG7B,CAAA,sCAUM,MAAMK,KAAOL,gBAAAA,QAAOC,IAAIC,WAAmC,CAChEI,kBAAmBT,+BACnBK,WAAA,CAAAC,YAAA,oBAAAC,YAAA,mBAFkBJ,CAQfO,CAAAA,2EAAAA,KAAAA,IACDC,MAjB8C,eAAhCC,EAiBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAnBIC,mBAEXX,2CACgBU,EAAQI,oBAJdJ,KAqBZ"}

package/components/MenuDivider/style.mjs

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

package/components/MenuDivider/style.mjs.map

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

package/components/MenuList/MenuList.js

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

package/components/MenuList/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            while (idx >= 0 && idx < listItems.length) {\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              const nextItem = listItems[idx]\n\n              if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n                break\n              }\n            }\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return <li key={idx}>{child}</li>\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","_excluded","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled.Root","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","nextItem","validate","HTMLElement","focusFirstFocusable","Children","map","child","childProps","cloneElement"],"mappings":"8fAMA,IAAMA,EAAW,CAACC,EAAaC,QAAQC,IAAKF,EAAaG,UAAUD,KAY7DE,IAAAA,EAA2DC,GAC/D,CAACC,EAAOC,KACN,IAAMC,KACJA,EAAO,OADHC,IAEJA,EAAM,EAFFC,KAGJA,EAHIC,QAIJA,EAJIC,OAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,MAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,GAEEZ,EADCa,IACDb,EAbJc,GAeA,IAAMC,EAAY,CAChBX,KAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,UAAAA,EACAC,MAAAA,GAGF,IAAMI,EACJC,EAAeJ,EAAUG,WACzBH,EAAUG,SAASE,OAASC,GACQ,iBAA7BN,EAAUG,SAAShB,OACG,OAA7Ba,EAAUG,SAAShB,MACfa,EAAUG,SAAShB,MAAMgB,SACzBH,EAAUG,SAEhB,OACEI,EAACC,SACKR,GADN,GAAA,CAEEX,KAAMA,EACNC,IAAKA,EACLmB,UAAYC,IAGV,GAFIV,EAAUS,WAAWT,EAAUS,UAAUC,GAEzC9B,EAAS+B,SAASD,EAAI3B,KAAM,CAC9B2B,EAAIE,iBAEJ,IAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CAGzC,IAAMC,EAAWR,EAFjBE,EAAMlC,EAAaC,QAAQwC,SAASZ,EAAI3B,OAASgC,IAAQA,GAIzD,GAAIM,aAAoBE,aAAeC,EAAoBH,GACzD,SAKRjC,IAAKA,EAxBPe,SA0BGsB,EAASC,IAAIvB,GAAU,CAACwB,EAAOZ,KAC9B,GAAIX,EAAeuB,GAAQ,CACzB,IAAMC,EAAoC,iBAAhBD,EAAMxC,OAAsC,OAAhBwC,EAAMxC,MAAiBwC,EAAMxC,MAAQ,GAE3F,OAAOoB,EAAA,KAAA,CAAAJ,SAAe0B,EAAaF,EAAYzB,EAAAA,EAAAA,GAAAA,GAAc0B,KAA7Cb,GAGlB,OAAOR,EAAA,KAAA,CAAAJ,SAAewB,GAANZ"}
+{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS = [keyboardKeys.ArrowUp.key, keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            while (idx >= 0 && idx < listItems.length) {\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              const nextItem = listItems[idx]\n\n              if (nextItem instanceof HTMLElement && focusFirstFocusable(nextItem)) {\n                break\n              }\n            }\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return <li key={idx}>{child}</li>\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","length","validate","nextItem","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement"],"mappings":"oNAMA,MAAMA,SAAW,CAACC,UAAAA,aAAaC,QAAQC,IAAKF,uBAAaG,UAAUD,sBAYFE,MAAUA,YACzE,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,MAAAA,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,uBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,WAAAA,IAACC,MAAAA,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC5B,SAAS6B,SAASD,EAAIzB,KAAM,CAC9ByB,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,WAAWC,GAASA,EAAKC,SAASR,EAAIS,UAE1D,KAAOJ,GAAO,GAAKA,EAAMF,EAAUO,QAAQ,CACzCL,EAAMhC,UAAAA,aAAaC,QAAQqC,SAASX,EAAIzB,OAAS8B,IAAQA,EAEzD,MAAMO,EAAWT,EAAUE,GAE3B,GAAIO,aAAoBC,aAAeC,IAAmBA,oBAACF,GACzD,KAEJ,CACF,GAEFjC,IAAKA,EAAIc,SAERsB,MAAQA,SAACC,IAAIvB,GAAU,CAACwB,EAAOZ,IAIrBR,WAAAA,IAAA,KAHLH,MAAAA,eAAeuB,GAGV,CAAAxB,SAAeyB,MAAYA,aAACD,EAAO,IAAKzB,YAFrByB,EAAMvC,OAAU,UAAYuC,EAAMvC,QAAU,KAAOuC,EAAMvC,MAAQ,CAAA,KAKtF,CAAAe,SAAewB,GAHJZ,MAKR"}

package/components/MenuList/MenuList.mjs

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

package/components/MenuList/MenuList.mjs.map

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

package/components/MenuList/style.js

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

package/components/MenuList/style.js.map

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

package/components/MenuList/style.mjs

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

package/components/MenuList/style.mjs.map

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

package/components/Modal/Close.js

@@ -1,2 +1,2 @@
-import{Icon as o}from'../Icon/Icon.js';import'../Icon/icons.js';import{ModalClose as s}from'./style.js';import{jsx as r}from'react/jsx-runtime';function n(n){var{className:a,onClick:c}=n;return r(s,{className:a,onClick:c,children:r(o,{name:"tinyCross",color:"#D9D9D9"})})}export{n as ModalClose};
+'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');exports.ModalClose=({className:e,onClick:r})=>require$$0.jsx(style.ModalClose,{className:e,onClick:r,children:require$$0.jsx(Icon.Icon,{name:"tinyCross",color:"#D9D9D9"})});
 //# sourceMappingURL=Close.js.map

package/components/Modal/Close.js.map

@@ -1 +1 @@
-{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["ModalClose","_ref","className","onClick","_jsx","Styled.ModalClose","children","Icon","name","color"],"mappings":"gJAQO,SAASA,EAAoDC,GAAA,IAAzCC,UAAEA,EAAFC,QAAaA,GAA4BF,EAClE,OACEG,EAACC,EAAD,CAAmBH,UAAWA,EAAWC,QAASA,EAAlDG,SACEF,EAACG,EAAD,CAAMC,KAAK,YAAYC,MAAM"}
+{"version":3,"file":"Close.js","sources":["../../../../src/components/Modal/Close.tsx"],"sourcesContent":["import { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nexport interface ModalCloseProps {\n  className?: string\n  onClick?: () => void\n}\n\nexport function ModalClose({ className, onClick }: ModalCloseProps) {\n  return (\n    <Styled.ModalClose className={className} onClick={onClick}>\n      <Icon name='tinyCross' color='#D9D9D9' />\n    </Styled.ModalClose>\n  )\n}\n"],"names":["className","onClick","_jsx","Styled","children","jsx","Icon","name","color"],"mappings":"gJAQO,EAAoBA,UAAEA,EAASC,QAAEA,KAEpCC,WAAAA,IAACC,MAAAA,WAAiB,CAACH,UAAWA,EAAWC,QAASA,EAAQG,SACxDF,WAAAG,IAACC,UAAI,CAACC,KAAK,YAAYC,MAAM"}

package/components/Modal/Close.mjs

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

package/components/Modal/Close.mjs.map

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

package/components/Modal/Modal.js

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

package/components/Modal/Modal.js.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n  const appElement = document.body\n\n  if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n  setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Boolean indicating if the overlay background should be blurred\n   */\n  blurredOverlay?: boolean\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Modal class name\n   */\n  className?: string\n  /**\n   * Number indicating the milliseconds to wait before closing the modal.\n   */\n  closeTimeoutMS?: number\n  /**\n   * String indicating how the content container should be announced to screenreaders\n   */\n  contentLabel?: string\n  /**\n   * Boolean describing if the modal should be shown or not.\n   */\n  isOpen?: boolean\n  /**\n   * Function that will be run after the modal has opened.\n   */\n  onAfterOpen?(): void\n  /**\n   * Function that will be run when the modal is requested to be closed, prior to actually closing.\n   */\n  onRequestClose?(): void\n  /**\n   * Custom overlay CSS class name\n   */\n  overlayClassName?: string | Classes\n  /**\n   * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n   */\n  role?: string\n  /**\n   * Boolean indicating if the overlay should close the modal\n   */\n  shouldCloseOnOverlayClick?: boolean\n  /**\n   * Vertical align\n   */\n  valign?: 'top' | 'center' | 'bottom'\n  /**\n   * z-index\n   */\n  zIndex?: number\n}\n\nModal.defaultProps = {\n  blurredOverlay: false,\n  closeTimeoutMS: 0,\n  zIndex: 9000,\n  contentLabel: '',\n  isOpen: false,\n  role: 'dialog',\n  shouldCloseOnOverlayClick: true,\n  width: 'm',\n  valign: 'center',\n  className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n  const {\n    blurredOverlay,\n    children,\n    closeTimeoutMS,\n    contentLabel,\n    isOpen,\n    onAfterOpen,\n    onRequestClose,\n    overlayClassName,\n    role,\n    shouldCloseOnOverlayClick,\n    width,\n    valign,\n    className,\n    style,\n    zIndex,\n  } = props\n\n  return (\n    <Styled.Modal\n      blurredOverlay={blurredOverlay}\n      closeTimeoutMS={closeTimeoutMS}\n      contentLabel={contentLabel}\n      isOpen={Boolean(isOpen)}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onRequestClose}\n      portalClassName={className}\n      overlayClassName={overlayClassName}\n      bodyOpenClassName='modal--open'\n      role={role}\n      zIndex={zIndex}\n      valign={valign}\n      width={width}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    >\n      <div style={style}>{children}</div>\n    </Styled.Modal>\n  )\n}\n"],"names":["appElement","Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled.Modal","Boolean","portalClassName","bodyOpenClassName","window","document","body","HTMLElement","ReactModal","setAppElement","defaultProps","Close","ModalClose","displayName"],"mappings":"8IAMA,IACQA,EA2FD,SAASC,EAAMC,GACpB,IAAMC,eACJA,EADIC,SAEJA,EAFIC,eAGJA,EAHIC,aAIJA,EAJIC,OAKJA,EALIC,YAMJA,EANIC,eAOJA,EAPIC,iBAQJA,EARIC,KASJA,EATIC,0BAUJA,EAVIC,MAWJA,EAXIC,OAYJA,EAZIC,UAaJA,EAbIC,MAcJA,EAdIC,OAeJA,GACEf,EAEJ,OACEgB,EAACC,EAAD,CACEhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAd7BR,SAgBEc,EAAA,MAAA,CAAKF,MAAOA,EAAZZ,SAAoBA,MAzHJ,oBAAXmB,SANHvB,EAAawB,SAASC,OAEVzB,aAAsB0B,aAAaC,EAAWC,cAAc5B,GAkEhFC,EAAM4B,aAAe,CACnB1B,gBAAAA,EACAE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAAA,EACAI,KAAM,SACNC,2BAAAA,EACAC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,EAAM6B,MAAQC,EACd9B,EAAM+B,YAAc"}
+{"version":3,"file":"Modal.js","sources":["../../../../src/components/Modal/Modal.tsx"],"sourcesContent":["import ReactModal, { Classes } from 'react-modal'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport { ModalClose } from './Close'\nimport * as Styled from './style'\n\nfunction setAppModalElement() {\n  const appElement = document.body\n\n  if (appElement && appElement instanceof HTMLElement) ReactModal.setAppElement(appElement)\n}\n\n// eslint-disable-next-line prettier/prettier\nif (typeof window !== 'undefined') {\n  setAppModalElement()\n}\n\nexport interface ModalProps extends BaseProps, ResponsiveNamedProperty<'width'> {\n  /**\n   * Primary content.\n   */\n  /**\n   * Boolean indicating if the overlay background should be blurred\n   */\n  blurredOverlay?: boolean\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /**\n   * Modal class name\n   */\n  className?: string\n  /**\n   * Number indicating the milliseconds to wait before closing the modal.\n   */\n  closeTimeoutMS?: number\n  /**\n   * String indicating how the content container should be announced to screenreaders\n   */\n  contentLabel?: string\n  /**\n   * Boolean describing if the modal should be shown or not.\n   */\n  isOpen?: boolean\n  /**\n   * Function that will be run after the modal has opened.\n   */\n  onAfterOpen?(): void\n  /**\n   * Function that will be run when the modal is requested to be closed, prior to actually closing.\n   */\n  onRequestClose?(): void\n  /**\n   * Custom overlay CSS class name\n   */\n  overlayClassName?: string | Classes\n  /**\n   * String indicating the role of the modal, allowing the 'dialog' role to be applied if desired.\n   */\n  role?: string\n  /**\n   * Boolean indicating if the overlay should close the modal\n   */\n  shouldCloseOnOverlayClick?: boolean\n  /**\n   * Vertical align\n   */\n  valign?: 'top' | 'center' | 'bottom'\n  /**\n   * z-index\n   */\n  zIndex?: number\n}\n\nModal.defaultProps = {\n  blurredOverlay: false,\n  closeTimeoutMS: 0,\n  zIndex: 9000,\n  contentLabel: '',\n  isOpen: false,\n  role: 'dialog',\n  shouldCloseOnOverlayClick: true,\n  width: 'm',\n  valign: 'center',\n  className: 'modal',\n}\n\nModal.Close = ModalClose\nModal.displayName = 'Modal'\n\n/**\n * Основан на [react-modal](https://github.com/reactjs/react-modal).\n *\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n */\nexport function Modal(props: ModalProps) {\n  const {\n    blurredOverlay,\n    children,\n    closeTimeoutMS,\n    contentLabel,\n    isOpen,\n    onAfterOpen,\n    onRequestClose,\n    overlayClassName,\n    role,\n    shouldCloseOnOverlayClick,\n    width,\n    valign,\n    className,\n    style,\n    zIndex,\n  } = props\n\n  return (\n    <Styled.Modal\n      blurredOverlay={blurredOverlay}\n      closeTimeoutMS={closeTimeoutMS}\n      contentLabel={contentLabel}\n      isOpen={Boolean(isOpen)}\n      onAfterOpen={onAfterOpen}\n      onRequestClose={onRequestClose}\n      portalClassName={className}\n      overlayClassName={overlayClassName}\n      bodyOpenClassName='modal--open'\n      role={role}\n      zIndex={zIndex}\n      valign={valign}\n      width={width}\n      shouldCloseOnOverlayClick={shouldCloseOnOverlayClick}\n    >\n      <div style={style}>{children}</div>\n    </Styled.Modal>\n  )\n}\n"],"names":["Modal","props","blurredOverlay","children","closeTimeoutMS","contentLabel","isOpen","onAfterOpen","onRequestClose","overlayClassName","role","shouldCloseOnOverlayClick","width","valign","className","style","zIndex","_jsx","Styled","Boolean","portalClassName","bodyOpenClassName","jsx","window","appElement","document","body","HTMLElement","ReactModal","setAppElement","setAppModalElement","defaultProps","Close","ModalClose","displayName"],"mappings":"oRAkGO,SAASA,MAAMC,GACpB,MAAMC,eACJA,EAAcC,SACdA,EAAQC,eACRA,EAAcC,aACdA,EAAYC,OACZA,EAAMC,YACNA,EAAWC,eACXA,EAAcC,iBACdA,EAAgBC,KAChBA,EAAIC,0BACJA,EAAyBC,MACzBA,EAAKC,OACLA,EAAMC,UACNA,QACAC,EAAKC,OACLA,GACEf,EAEJ,OACEgB,WAAAA,IAACC,MAAAA,MAAY,CACXhB,eAAgBA,EAChBE,eAAgBA,EAChBC,aAAcA,EACdC,OAAQa,QAAQb,GAChBC,YAAaA,EACbC,eAAgBA,EAChBY,gBAAiBN,EACjBL,iBAAkBA,EAClBY,kBAAkB,cAClBX,KAAMA,EACNM,OAAQA,EACRH,OAAQA,EACRD,MAAOA,EACPD,0BAA2BA,EAA0BR,SAErDc,WAAAK,IAAA,MAAA,CAAKP,MAAOA,EAAMZ,SAAEA,KAG1B,QA5HWoB,QAAW,aAPtB,MACE,MAAMC,EAAaC,SAASC,KAExBF,GAAcA,aAAsBG,aAAaC,oBAAAA,QAAWC,cAAcL,EAChF,EAIEM,GA6DF9B,MAAM+B,aAAe,CACnB7B,gBAAgB,EAChBE,eAAgB,EAChBY,OAAQ,IACRX,aAAc,GACdC,QAAQ,EACRI,KAAM,SACNC,2BAA2B,EAC3BC,MAAO,IACPC,OAAQ,SACRC,UAAW,SAGbd,MAAMgC,MAAQC,MAAAA,WACdjC,MAAMkC,YAAc"}

package/components/Modal/Modal.mjs

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

package/components/Modal/Modal.mjs.map

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

package/components/Modal/adapter.js

@@ -1,2 +1,2 @@
-import a from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import r from'react-modal';import o from'clsx';import{jsx as s}from'react/jsx-runtime';var t=["className","isOpen","overlayClassName","style"];var l=l=>{var{className:m,isOpen:p,overlayClassName:c}=l,i=e(l,t);var n="".concat(m,"__content");var v="".concat(m,"__overlay");return s(r,a({portalClassName:m,className:n,isOpen:Boolean(p),overlayClassName:o(v,c)},i))};export{l as ReactModalAdapter};
+'use strict';var ReactModal=require('react-modal');var cx=require('clsx');var require$$0=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var ReactModal__default=_interopDefault(ReactModal);var cx__default=_interopDefault(cx);exports.ReactModalAdapter=({className:e,isOpen:a,overlayClassName:t,style:r,...l})=>{const s=`${e}__overlay`;return require$$0.jsx(ReactModal__default.default,{portalClassName:e,className:`${e}__content`,isOpen:Boolean(a),overlayClassName:cx__default.default(s,t),...l})};
 //# sourceMappingURL=adapter.js.map

package/components/Modal/adapter.js.map

@@ -1 +1 @@
-{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n  className,\n  isOpen,\n  overlayClassName,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  style: _style,\n  ...props\n}: ModalProps) => {\n  const contentClassName = `${className}__content`\n  const overlayClassNameLocal = `${className}__overlay`\n\n  return (\n    <ReactModal\n      portalClassName={className}\n      className={contentClassName}\n      isOpen={Boolean(isOpen)}\n      overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n      {...props}\n    />\n  )\n}\n"],"names":["ReactModalAdapter","_ref","className","isOpen","overlayClassName","props","_objectWithoutProperties","_excluded","contentClassName","overlayClassNameLocal","_jsx","ReactModal","_objectSpread","portalClassName","Boolean","cx"],"mappings":"iQAIO,IAAMA,EAA0CC,IAOrC,IAPsCC,UACtDA,EADsDC,OAEtDA,EAFsDC,iBAGtDA,GAIgBH,EADbI,EACaC,EAAAL,EAAAM,GAChB,IAAMC,EAAsBN,GAAAA,OAAAA,EAA5B,aACA,IAAMO,EAA2BP,GAAAA,OAAAA,EAAjC,aAEA,OACEQ,EAACC,EAADC,EAAA,CACEC,gBAAiBX,EACjBA,UAAWM,EACXL,OAAQW,QAAQX,GAChBC,iBAAkBW,EAAGN,EAAuBL,IACxCC"}
+{"version":3,"file":"adapter.js","sources":["../../../../src/components/Modal/adapter.tsx"],"sourcesContent":["import ReactModal from 'react-modal'\nimport cx from 'clsx'\nimport { ModalProps } from './Modal'\n\nexport const ReactModalAdapter: React.FC<ModalProps> = ({\n  className,\n  isOpen,\n  overlayClassName,\n  // eslint-disable-next-line @typescript-eslint/no-unused-vars\n  style: _style,\n  ...props\n}: ModalProps) => {\n  const contentClassName = `${className}__content`\n  const overlayClassNameLocal = `${className}__overlay`\n\n  return (\n    <ReactModal\n      portalClassName={className}\n      className={contentClassName}\n      isOpen={Boolean(isOpen)}\n      overlayClassName={cx(overlayClassNameLocal, overlayClassName)}\n      {...props}\n    />\n  )\n}\n"],"names":["ReactModalAdapter","className","isOpen","overlayClassName","style","_style","props","overlayClassNameLocal","_jsx","ReactModal","portalClassName","Boolean","cx"],"mappings":"ySAIuDA,EACrDC,YACAC,SACAC,mBAEAC,MAAOC,KACJC,MAGH,MAAMC,EAAwB,GAAGN,aAEjC,OACEO,WAAAA,IAACC,oBAAAA,QAAU,CACTC,gBAAiBT,EACjBA,UANqB,GAAGA,aAOxBC,OAAQS,QAAQT,GAChBC,iBAAkBS,YAAAA,QAAGL,EAAuBJ,MACxCG,GACJ"}

package/components/Modal/adapter.mjs

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

package/components/Modal/adapter.mjs.map

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

package/components/Modal/style.js

@@ -1,2 +1,2 @@
-import e,{css as t,createGlobalStyle as o}from'styled-components';import{property as r}from'../../mixins/responsive-property.js';import{ReactModalAdapter as a}from'./adapter.js';var i={xxxs:100,xxs:200,xs:300,s:400,m:500,l:600,xl:740,xxl:800,xxxl:900};var n=e(a).withConfig({componentId:"fox-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?t(["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:t(e.blurredOverlay?["background:rgba(246,247,251,0.3);backdrop-filter:blur(3.5px);"]:["background:rgba(246,247,251,0.9);"])),(e=>e.width?r((e=>'number'==typeof e.width?e.width:e.width&&'string'==typeof e.width&&i[e.width]?i[e.width]:'auto')(e),'max-width'):null));var l=e.span.withConfig({componentId:"fox-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;}"]);o([".bodyOpen{overflow:hidden;}"]);export{n as Modal,l as 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-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;
 //# 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","ReactModalAdapter","withConfig","componentId","props","zIndex","theme","modal","valign","css","overlayClassName","blurredOverlay","width","property","ModalClose","span","createGlobalStyle"],"mappings":"kLAWA,IAAMA,EAAS,CACbC,KAAM,IACNC,IAAK,IACLC,GAAI,IACJC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IACJC,IAAK,IACLC,KAAM,SAwBKC,EAAQC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,sBAAA,wIAAA,sCAAA,qHAAA,+EAEFI,GAAUA,EAAMC,QAAUD,EAAME,MAAMD,OAAOE,QAWtDH,GACDA,EAAMI,OACFC,EADJ,CAAA,eAAA,KA3BeD,CAAAA,IACnB,OAAQA,GACN,IAAK,MACH,MAAO,aACT,IAAK,SACH,MAAO,WAGT,QACE,MAAO,WATQA,CA6BkBJ,EAAMI,SAEnC,OAEDJ,GACGA,EAAMM,iBAAyB,KAG1BD,EADLL,EAAMO,eACR,CAAA,iEAMF,CAAA,wCAgBDP,GAAWA,EAAMQ,MAAQC,EAnENT,CAAAA,GACG,iBAAhBA,EAAMQ,MAA2BR,EAAMQ,MAE9CR,EAAMQ,OAAgC,iBAAhBR,EAAMQ,OAAsBvB,EAAOe,EAAMQ,OAAevB,EAAOe,EAAMQ,OAExF,OALiBR,CAmEgCA,GAAQ,aAAe,OAQpEU,IAAAA,EAAad,EAAOe,KAAVb,WAAA,CAAAC,YAAA,wBAAGH,CAAnB,CAAA,gJAiBmBgB,EAAnB,CAAA"}
+{"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"}

package/components/Modal/style.mjs

@@ -0,0 +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};
+//# sourceMappingURL=style.mjs.map

package/components/Modal/style.mjs.map

@@ -0,0 +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"}

package/components/Paper/Paper.js

@@ -1,2 +1,2 @@
-import a from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{useClassname as r}from'../../hooks/useClassname.js';import{Root as s}from'./style.js';import{jsx as o}from'react/jsx-runtime';var m=["padding","rounded","shadow","className"];function t(d){var{padding:p="m",rounded:i=!0,shadow:n=!0,className:l}=d,u=e(d,m);var c=r(t.displayName,l);return o(s,a({padding:p,rounded:i,shadow:n,className:c},u))}t.displayName='Paper';export{t as Paper};
+'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');function Paper({padding:e="m",rounded:s=!0,shadow:a=!0,className:r,...u}){const n=useClassname.useClassname(Paper.displayName,r);return require$$0.jsx(style.Root,{padding:e,rounded:s,shadow:a,className:n,...u})}Paper.displayName='Paper',exports.Paper=Paper;
 //# sourceMappingURL=Paper.js.map

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`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","_ref","padding","rounded","shadow","className","props","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread"],"mappings":"wSAqCO,SAASA,EAAyFC,GAAA,IAAnFC,QAAEA,EAAU,IAAZC,QAAiBA,GAAAA,EAAjBC,OAAiCA,GAAS,EAA1CC,UAAgDA,GAAmCJ,EAArBK,EAAqBC,EAAAN,EAAAO,GACvG,IAAMC,EAAaC,EAAaV,EAAMW,YAAaN,GAEnD,OAAOO,EAACC,EAADC,EAAA,CAAaZ,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWI,GAAgBH,IAXrGN,EAAMW,YAAc"}
+{"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`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"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"}

package/components/Paper/Paper.mjs

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

package/components/Paper/Paper.mjs.map

@@ -0,0 +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`](#/Разметка%20и%20позиционирование/Spacer)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n */\nexport function Paper({ padding = 'm', rounded = true, shadow = true, className, ...props }: PaperProps) {\n  const _className = useClassname(Paper.displayName, className)\n\n  return <Styled.Root padding={padding} rounded={rounded} shadow={shadow} className={_className} {...props} />\n}\n"],"names":["Paper","padding","rounded","shadow","className","props","_className","useClassname","displayName","_jsx","Styled"],"mappings":"wHAqCO,SAASA,OAAMC,QAAEA,EAAU,IAAGC,QAAEA,GAAU,EAAIC,OAAEA,GAAS,EAAIC,UAAEA,KAAcC,IAClF,MAAMC,EAAaC,aAAaP,MAAMQ,YAAaJ,GAEnD,OAAOK,IAACC,KAAW,CAACT,QAASA,EAASC,QAASA,EAASC,OAAQA,EAAQC,UAAWE,KAAgBD,GACrG,CAZAL,MAAMQ,YAAc"}

package/components/Paper/style.js

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

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","Spacer","withConfig","componentId","colors","white","textAlign","color","shadow"],"mappings":"sIAKA,IAAMA,EAAS,CACb,EAAGC,EADU,CAAA,2CAIb,EAAGA,EAJU,CAAA,6CAOb,EAAGA,EAPU,CAAA,6CAUb,EAAGA,EAVU,CAAA,+CAab,EAAGA,EAAH,CAAA,gDAKF,IAAMC,EAASD,EAAf,CAAA,+GASA,IAAME,EAAUF,EACIG,CAAAA,iBAAAA,MAAAA,GAAUA,EAAMC,MAAMC,mBAG7BC,EAAOC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,0CAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAEMJ,GAAUA,EAAMC,MAAMO,OAAOC,QAC/CT,GACDA,EAAMU,UACFb,EACgBG,CAAAA,cAAAA,KAAAA,EAAMU,WAEtB,OACHV,GAAWA,EAAMW,MAAQA,EAAMX,EAAMW,MAAO,oBAAsB,OAClEX,GAAmC,iBAAjBA,EAAMJ,QAAuBI,EAAMY,OAAShB,EAAOI,EAAMJ,QAAU,OACrFI,GAAWA,EAAMD,QAAUA,EAAU,OACrCC,GAAWA,EAAMF,OAASA,EAAS"}
+{"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"}

package/components/Paper/style.mjs

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

package/components/Paper/style.mjs.map

@@ -0,0 +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"}

package/components/Popover/Popover.js

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

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 { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        sizes,\n        sizeUnits,\n        palette,\n        orientation,\n        loading,\n        badge,\n        caption,\n        captionProps,\n        titleProps,\n        contentProps,\n        controlsDirection,\n        media,\n        controls,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          size={size}\n          ref={ref}\n          styles={mergeDeepLeft(styles, {\n            arrow: {\n              spread: 20,\n              length: 12,\n            },\n          })}\n          component={\n            <PopoverComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              palette={palette}\n              orientation={orientation}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              captionProps={captionProps}\n              title={restProps.title}\n              titleProps={titleProps}\n              content={restProps.content}\n              contentProps={contentProps}\n              controlsDirection={controlsDirection}\n              media={media}\n              controls={controls}\n            />\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: (props) => {\n        return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n      },\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_excluded","_jsx","Tooltip","_objectSpread","preset","mergeDeepLeft","arrow","spread","length","component","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"8pBAOMA,IAAAA,EAAiB,UAYvB,IAAMC,EAAkGC,OAAOC,OAC7GC,EACEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,OAEJA,EAAS,GAFLC,MAGJA,EAHIC,UAIJA,EAJIC,QAKJA,EALIC,YAMJA,EANIC,QAOJA,EAPIC,MAQJA,EARIC,QASJA,EATIC,aAUJA,EAVIC,WAWJA,EAXIC,aAYJA,EAZIC,kBAaJA,EAbIC,MAcJA,EAdIC,SAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBA,OACEC,EAACC,EAADC,EAAAA,EAAA,GACMJ,GADN,GAAA,CAEEK,OAAO,QACPpB,KAAMA,EACND,IAAKA,EACLE,OAAQoB,EAAcpB,EAAQ,CAC5BqB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACER,EAACS,EAAD,CACExB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdkB,MAAOZ,EAAUY,MACjBjB,WAAYA,EACZkB,QAASb,EAAUa,QACnBjB,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,UAMpB,CACEe,YArEiB,UAsEjB3B,MAAQJ,GACuB,cAAtBA,EAAMO,YAA8ByB,EAAkBC,IAInE,CACEC,UAAWN"}
+{"version":3,"file":"Popover.js","sources":["../../../../src/components/Popover/Popover.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Tooltip } from 'components/Tooltip'\nimport { PopoverComponent, SIZES_LANDSCAPE, SIZES } from 'components/PopoverComponent'\nimport type { PopoverProps } from './types'\n\nconst COMPONENT_NAME = 'Popover'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to popover component root.\n *\n * See full [PopoverProps](https://github.com/foxford/ui/blob/master/src/components/Popover/types.ts)\n */\nconst Popover: React.ForwardRefExoticComponent<PopoverProps> & { Component: typeof PopoverComponent } = Object.assign(\n  withMergedProps<PopoverProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 's',\n        styles = {},\n        sizes,\n        sizeUnits,\n        palette,\n        orientation,\n        loading,\n        badge,\n        caption,\n        captionProps,\n        titleProps,\n        contentProps,\n        controlsDirection,\n        media,\n        controls,\n        ...restProps\n      } = props\n\n      return (\n        <Tooltip\n          {...restProps}\n          preset='brand'\n          size={size}\n          ref={ref}\n          styles={mergeDeepLeft(styles, {\n            arrow: {\n              spread: 20,\n              length: 12,\n            },\n          })}\n          component={\n            <PopoverComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              palette={palette}\n              orientation={orientation}\n              loading={loading}\n              badge={badge}\n              caption={caption}\n              captionProps={captionProps}\n              title={restProps.title}\n              titleProps={titleProps}\n              content={restProps.content}\n              contentProps={contentProps}\n              controlsDirection={controlsDirection}\n              media={media}\n              controls={controls}\n            />\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: (props) => {\n        return props.orientation === 'landscape' ? SIZES_LANDSCAPE : SIZES\n      },\n    }\n  ),\n  {\n    Component: PopoverComponent,\n  }\n)\n\nexport { Popover }\n\nexport { COMPONENT_NAME }\n"],"names":["Popover","Object","assign","withMergedProps","forwardRef","props","ref","size","styles","sizes","sizeUnits","palette","orientation","loading","badge","caption","captionProps","titleProps","contentProps","controlsDirection","media","controls","restProps","_jsx","Tooltip","preset","mergeDeepLeft","arrow","spread","length","component","jsx","PopoverComponent","title","content","displayName","SIZES_LANDSCAPE","SIZES","Component"],"mappings":"2VAmBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,OACVA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,QACTA,EAAOC,YACPA,EAAWC,QACXA,EAAOC,MACPA,EAAKC,QACLA,EAAOC,aACPA,EAAYC,WACZA,EAAUC,aACVA,EAAYC,kBACZA,EAAiBC,MACjBA,EAAKC,SACLA,KACGC,GACDjB,EAEJ,OACEkB,WAAAA,IAACC,QAAAA,QAAO,IACFF,EACJG,OAAO,QACPlB,KAAMA,EACND,IAAKA,EACLE,OAAQkB,MAAaA,cAAClB,EAAQ,CAC5BmB,MAAO,CACLC,OAAQ,GACRC,OAAQ,MAGZC,UACEP,WAAAQ,IAACC,kCAAgB,CACfvB,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,YAAaA,EACbC,QAASA,EACTC,MAAOA,EACPC,QAASA,EACTC,aAAcA,EACdiB,MAAOX,EAAUW,MACjBhB,WAAYA,EACZiB,QAASZ,EAAUY,QACnBhB,aAAcA,EACdC,kBAAmBA,EACnBC,MAAOA,EACPC,SAAUA,KAGd,IAGN,CACEc,YArEiB,UAsEjB1B,MAAQJ,GACCA,EAAMO,cAAgB,YAAcwB,UAAAA,gBAAkBC,UAAAA,QAInE,CACEC,UAAWN,iBAAAA,0CA5EQ"}

package/components/Popover/Popover.mjs

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

package/components/Popover/Popover.mjs.map

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

package/components/PopoverComponent/PopoverComponent.js

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