@foxford/ui 2.42.0 → 2.43.0

package/components/Dropdown/constants.js

@@ -1,2 +1,2 @@
-'use strict';var constants=require('../FormInputLabel/constants.js');var constants$1=require('../InputCheckbox/constants.js');const SIZES={xxxl:constants.SIZES.l,xxl:constants.SIZES.l,xl:constants.SIZES.l,l:constants.SIZES.l,m:constants.SIZES.m,s:constants.SIZES.s,xs:constants.SIZES.s,xxs:constants.SIZES.s,xxxs:constants.SIZES.s};const SIZES_CHECKBOX={xxxl:constants$1.SIZES.m,xxl:constants$1.SIZES.m,xl:constants$1.SIZES.m,l:constants$1.SIZES.m,m:constants$1.SIZES.s,s:constants$1.SIZES.xs,xs:constants$1.SIZES.xs,xxs:constants$1.SIZES.xs,xxxs:constants$1.SIZES.xs};exports.FuseSearchKeys={text:'text',tags:'tags'},exports.SIZES=SIZES,exports.SIZES_CHECKBOX=SIZES_CHECKBOX,exports.SIZES_MENU={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};
+'use strict';var constants=require('../FormInputLabel/constants.js');var constants$1=require('../InputCheckbox/constants.js');const SIZES={l:constants.SIZES.l,m:constants.SIZES.m,s:constants.SIZES.s};const SIZES_CHECKBOX={l:constants$1.SIZES.m,m:constants$1.SIZES.s,s:constants$1.SIZES.xs};exports.FuseSearchKeys={text:'text',tags:'tags'},exports.SIZES=SIZES,exports.SIZES_CHECKBOX=SIZES_CHECKBOX,exports.SIZES_MENU={l:{width:560,minWidth:'auto',maxWidth:'none'},m:{width:480,minWidth:'auto',maxWidth:'none'},s:{width:280,minWidth:'auto',maxWidth:'none'},fluid:{width:'100%',minWidth:'auto',maxWidth:'none'}};
 //# sourceMappingURL=constants.js.map

package/components/Dropdown/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Size } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Record<Size, CSSProperties> = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","text","tags","width","minWidth","maxWidth"],"mappings":"8HAUO,MAAMA,MAAqC,CAChDC,KAAMC,UAAsBF,MAACG,EAC7BC,IAAKF,UAAsBF,MAACG,EAC5BE,GAAIH,UAAsBF,MAACG,EAC3BA,EAAGD,UAAsBF,MAACG,EAC1BG,EAAGJ,UAAsBF,MAACM,EAC1BC,EAAGL,UAAsBF,MAACO,EAC1BC,GAAIN,UAAsBF,MAACO,EAC3BE,IAAKP,UAAsBF,MAACO,EAC5BG,KAAMR,UAAsBF,MAACO,GAGxB,MAAMI,eAA8C,CACzDV,KAAMW,YAAoBZ,MAACM,EAC3BF,IAAKQ,YAAoBZ,MAACM,EAC1BD,GAAIO,YAAoBZ,MAACM,EACzBH,EAAGS,YAAoBZ,MAACM,EACxBA,EAAGM,YAAoBZ,MAACO,EACxBA,EAAGK,YAAoBZ,MAACQ,GACxBA,GAAII,YAAoBZ,MAACQ,GACzBC,IAAKG,YAAoBZ,MAACQ,GAC1BE,KAAME,YAAoBZ,MAACQ,2BA1BC,CAC5BK,KAAM,OACNC,KAAM,qFA2B+C,CACrDb,KAAM,CACJc,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,IAAK,CACHW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,GAAI,CACFU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZd,EAAG,CACDY,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,EAAG,CACDS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,GAAI,CACFO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,IAAK,CACHM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,KAAM,CACJK,MAAO,IACPC,SAAU,OACVC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { MenuComponentSize } from 'components/MenuComponent'\nimport type { DropdownSize } from './types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Record<DropdownSize, CSSProperties> = {\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Record<DropdownSize, CSSProperties> = {\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Record<MenuComponentSize, CSSProperties> = {\n  l: {\n    width: 560,\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n  fluid: {\n    width: '100%',\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n}\n"],"names":["SIZES","l","SIZES_FORM_INPUT_LABEL","m","s","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","xs","text","tags","width","minWidth","maxWidth","fluid"],"mappings":"8HAWO,MAAMA,MAA6C,CACxDC,EAAGC,UAAsBF,MAACC,EAC1BE,EAAGD,UAAsBF,MAACG,EAC1BC,EAAGF,UAAsBF,MAACI,GAGrB,MAAMC,eAAsD,CACjEJ,EAAGK,YAAoBN,MAACG,EACxBA,EAAGG,YAAoBN,MAACI,EACxBA,EAAGE,YAAoBN,MAACO,2BAdI,CAC5BC,KAAM,OACNC,KAAM,qFAe4D,CAClER,EAAG,CACDS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,EAAG,CACDO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,EAAG,CACDM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZC,MAAO,CACLH,MAAO,OACPC,SAAU,OACVC,SAAU"}

package/components/Dropdown/constants.mjs

@@ -1,2 +1,2 @@
-import{SIZES as SIZES$1}from'../FormInputLabel/constants.mjs';import{SIZES as SIZES$2}from'../InputCheckbox/constants.mjs';const FuseSearchKeys={text:'text',tags:'tags'};const SIZES={xxxl:SIZES$1.l,xxl:SIZES$1.l,xl:SIZES$1.l,l:SIZES$1.l,m:SIZES$1.m,s:SIZES$1.s,xs:SIZES$1.s,xxs:SIZES$1.s,xxxs:SIZES$1.s};const SIZES_CHECKBOX={xxxl:SIZES$2.m,xxl:SIZES$2.m,xl:SIZES$2.m,l:SIZES$2.m,m:SIZES$2.s,s:SIZES$2.xs,xs:SIZES$2.xs,xxs:SIZES$2.xs,xxxs:SIZES$2.xs};const SIZES_MENU={xxxl:{width:560,minWidth:'100%',maxWidth:'none'},xxl:{width:560,minWidth:'100%',maxWidth:'none'},xl:{width:560,minWidth:'100%',maxWidth:'none'},l:{width:560,minWidth:'100%',maxWidth:'none'},m:{width:480,minWidth:'100%',maxWidth:'none'},s:{width:280,minWidth:'100%',maxWidth:'none'},xs:{width:280,minWidth:'100%',maxWidth:'none'},xxs:{width:280,minWidth:'100%',maxWidth:'none'},xxxs:{width:280,minWidth:'100%',maxWidth:'none'}};export{FuseSearchKeys,SIZES,SIZES_CHECKBOX,SIZES_MENU};
+import{SIZES as SIZES$1}from'../FormInputLabel/constants.mjs';import{SIZES as SIZES$2}from'../InputCheckbox/constants.mjs';const FuseSearchKeys={text:'text',tags:'tags'};const SIZES={l:SIZES$1.l,m:SIZES$1.m,s:SIZES$1.s};const SIZES_CHECKBOX={l:SIZES$2.m,m:SIZES$2.s,s:SIZES$2.xs};const SIZES_MENU={l:{width:560,minWidth:'auto',maxWidth:'none'},m:{width:480,minWidth:'auto',maxWidth:'none'},s:{width:280,minWidth:'auto',maxWidth:'none'},fluid:{width:'100%',minWidth:'auto',maxWidth:'none'}};export{FuseSearchKeys,SIZES,SIZES_CHECKBOX,SIZES_MENU};
 //# sourceMappingURL=constants.mjs.map

package/components/Dropdown/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { Size } from 'shared/types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: SIZES_FORM_INPUT_LABEL.l,\n  xxl: SIZES_FORM_INPUT_LABEL.l,\n  xl: SIZES_FORM_INPUT_LABEL.l,\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n  xs: SIZES_FORM_INPUT_LABEL.s,\n  xxs: SIZES_FORM_INPUT_LABEL.s,\n  xxxs: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Record<Size, CSSProperties> = {\n  xxxl: SIZES_INPUT_CHECKBOX.m,\n  xxl: SIZES_INPUT_CHECKBOX.m,\n  xl: SIZES_INPUT_CHECKBOX.m,\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n  xs: SIZES_INPUT_CHECKBOX.xs,\n  xxs: SIZES_INPUT_CHECKBOX.xs,\n  xxxs: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xl: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  l: {\n    width: 560,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n  xxxs: {\n    width: 280,\n    minWidth: '100%',\n    maxWidth: 'none',\n  },\n}\n"],"names":["FuseSearchKeys","text","tags","SIZES","xxxl","SIZES_FORM_INPUT_LABEL","l","xxl","xl","m","s","xs","xxs","xxxs","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","SIZES_MENU","width","minWidth","maxWidth"],"mappings":"2HAKO,MAAMA,eAAiB,CAC5BC,KAAM,OACNC,KAAM,QAGD,MAAMC,MAAqC,CAChDC,KAAMC,QAAuBC,EAC7BC,IAAKF,QAAuBC,EAC5BE,GAAIH,QAAuBC,EAC3BA,EAAGD,QAAuBC,EAC1BG,EAAGJ,QAAuBI,EAC1BC,EAAGL,QAAuBK,EAC1BC,GAAIN,QAAuBK,EAC3BE,IAAKP,QAAuBK,EAC5BG,KAAMR,QAAuBK,GAGxB,MAAMI,eAA8C,CACzDV,KAAMW,QAAqBN,EAC3BF,IAAKQ,QAAqBN,EAC1BD,GAAIO,QAAqBN,EACzBH,EAAGS,QAAqBN,EACxBA,EAAGM,QAAqBL,EACxBA,EAAGK,QAAqBJ,GACxBA,GAAII,QAAqBJ,GACzBC,IAAKG,QAAqBJ,GAC1BE,KAAME,QAAqBJ,IAGtB,MAAMK,WAA0C,CACrDZ,KAAM,CACJa,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZZ,IAAK,CACHU,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZX,GAAI,CACFS,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZb,EAAG,CACDW,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZV,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZT,EAAG,CACDO,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,GAAI,CACFM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,IAAK,CACHK,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZN,KAAM,CACJI,MAAO,IACPC,SAAU,OACVC,SAAU"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Dropdown/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES as SIZES_FORM_INPUT_LABEL } from 'components/FormInputLabel'\nimport { SIZES as SIZES_INPUT_CHECKBOX } from 'components/InputCheckbox'\nimport type { MenuComponentSize } from 'components/MenuComponent'\nimport type { DropdownSize } from './types'\n\nexport const FuseSearchKeys = {\n  text: 'text',\n  tags: 'tags',\n} as const\n\nexport const SIZES: Record<DropdownSize, CSSProperties> = {\n  l: SIZES_FORM_INPUT_LABEL.l,\n  m: SIZES_FORM_INPUT_LABEL.m,\n  s: SIZES_FORM_INPUT_LABEL.s,\n}\n\nexport const SIZES_CHECKBOX: Record<DropdownSize, CSSProperties> = {\n  l: SIZES_INPUT_CHECKBOX.m,\n  m: SIZES_INPUT_CHECKBOX.s,\n  s: SIZES_INPUT_CHECKBOX.xs,\n}\n\nexport const SIZES_MENU: Record<MenuComponentSize, CSSProperties> = {\n  l: {\n    width: 560,\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n  m: {\n    width: 480,\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n  s: {\n    width: 280,\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n  fluid: {\n    width: '100%',\n    minWidth: 'auto',\n    maxWidth: 'none',\n  },\n}\n"],"names":["FuseSearchKeys","text","tags","SIZES","l","SIZES_FORM_INPUT_LABEL","m","s","SIZES_CHECKBOX","SIZES_INPUT_CHECKBOX","xs","SIZES_MENU","width","minWidth","maxWidth","fluid"],"mappings":"2HAMO,MAAMA,eAAiB,CAC5BC,KAAM,OACNC,KAAM,QAGD,MAAMC,MAA6C,CACxDC,EAAGC,QAAuBD,EAC1BE,EAAGD,QAAuBC,EAC1BC,EAAGF,QAAuBE,GAGrB,MAAMC,eAAsD,CACjEJ,EAAGK,QAAqBH,EACxBA,EAAGG,QAAqBF,EACxBA,EAAGE,QAAqBC,IAGnB,MAAMC,WAAuD,CAClEP,EAAG,CACDQ,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZR,EAAG,CACDM,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZP,EAAG,CACDK,MAAO,IACPC,SAAU,OACVC,SAAU,QAEZC,MAAO,CACLH,MAAO,OACPC,SAAU,OACVC,SAAU"}

package/components/Dropdown/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({shouldForwardProp:n=>!['palette','preset','label','labelPosition','active'].includes(n)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(n=>{let o='1';let e='0px';return n.label&&n.labelPosition==='dynamic'&&(o=""+(n.active?1:0),e='0.8em'),n.label&&n.labelPosition==='top'&&(e='0.8em'),n.label&&n.labelPosition==='center'&&(o=""+(n.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${o};\n      padding-top: ${e};\n      cursor: ${n.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(n=>{return`\n  color: ${(o={color:n.palette.color??n.theme.colors['content-onmain-primary'],placeholderColor:n.palette.placeholderColor??n.theme.colors['content-onmain-secondary'],colorDisabled:n.palette.colorDisabled??n.theme.colors['content-disabled'],placeholderColorDisabled:n.palette.placeholderColorDisabled??n.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o}));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-2"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(index$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated;
+'use strict';var styled=require('styled-components');var MenuComponent=require('../MenuComponent/MenuComponent.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({shouldForwardProp:n=>!['palette','preset','label','labelPosition','active'].includes(n)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(n=>{let o='1';let e='0px';return n.label&&n.labelPosition==='dynamic'&&(o=""+(n.active?1:0),e='0.8em'),n.label&&n.labelPosition==='top'&&(e='0.8em'),n.label&&n.labelPosition==='center'&&(o=""+(n.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${o};\n      padding-top: ${e};\n      cursor: ${n.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(n=>{return`\n  color: ${(o={color:n.palette.color??n.theme.colors['content-onmain-primary'],placeholderColor:n.palette.placeholderColor??n.theme.colors['content-onmain-secondary'],colorDisabled:n.palette.colorDisabled??n.theme.colors['content-disabled'],placeholderColorDisabled:n.palette.placeholderColorDisabled??n.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${o.placeholderColor};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${o.placeholderColorDisabled};\n  }\n`;var o}));const PositionedMenuComponent=styled__default.default(MenuComponent.MenuComponent).withConfig({shouldForwardProp:n=>!['expanseDirectionLeft'].includes(n)}).withConfig({displayName:"Dropdown__PositionedMenuComponent",componentId:"ui__sc-519mcg-1"})(["position:absolute;",""],(n=>`\n    top: 0;\n    left: ${n.expanseDirectionLeft?'auto':0};\n    right: ${n.expanseDirectionLeft?0:'auto'};  \n  `));const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-2"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-3"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(index$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-4"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.Input=Input,exports.LoadingIconAnimated=LoadingIconAnimated,exports.PositionedMenuComponent=PositionedMenuComponent;
 //# sourceMappingURL=style.js.map

package/components/Dropdown/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","default","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"ufAiBO,MAAMA,MAAQC,gBAAAA,QAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGN,MAAMO,cAAgBC,OAASA,UAI9B,CAAA,0CAEYC,cAAgBzB,gBAAAA,QAAO0B,IAAGxB,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM2B,YAAc3B,gBAAM4B,QAACC,mBAAa3B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMsB,GAAK,IAAM,eAIlC,MAAMC,oBAAsB/B,gBAAM4B,QAACI,oBAAW9B,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtCuB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport { MenuComponent } from 'components/MenuComponent'\nimport type { DropdownInputPalette, DropdownMenuProps, StyledDropdownInputProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nexport const PositionedMenuComponent = styled(MenuComponent).withConfig<DropdownMenuProps>({\n  shouldForwardProp: (propKey) => !['expanseDirectionLeft'].includes(propKey),\n})`\n  position: absolute;\n\n  ${(props) => `\n    top: 0;\n    left: ${props.expanseDirectionLeft ? 'auto' : 0};\n    right: ${props.expanseDirectionLeft ? 0 : 'auto'};  \n  `}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","PositionedMenuComponent","default","MenuComponent","expanseDirectionLeft","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"sjBAkBO,MAAMA,MAAQC,gBAAAA,QAAOC,MAAMC,WAAqC,CACrEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGC,MAAMO,wBAA0BvB,gBAAMwB,QAACC,6BAAevB,WAA8B,CACzFC,kBAAoBC,IAAa,CAAC,wBAAwBC,SAASD,KACnEF,WAAA,CAAAI,YAAA,oCAAAC,YAAA,mBAFqCP,CAErC,CAAA,qBAAA,KAGGQ,GAAU,4BAEHA,EAAMkB,qBAAuB,OAAS,kBACrClB,EAAMkB,qBAAuB,EAAI,kBAI9C,MAAMC,cAAgBC,OAASA,UAI9B,CAAA,0CAEYC,cAAgB7B,gBAAAA,QAAO8B,IAAG5B,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM+B,YAAc/B,gBAAMwB,QAACQ,mBAAa9B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMyB,GAAK,IAAM,eAIlC,MAAMC,oBAAsBlC,gBAAMwB,QAACW,oBAAWjC,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtC2B"}

package/components/Dropdown/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes}from'styled-components';import{ChevronDown as ChevronDown_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${n};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${n.placeholderColor};\n  }\n  &:disabled {\n    color: ${n.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${n.placeholderColorDisabled};\n  }\n`;var n}));const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-1"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-2"})(["",""],(o=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${o.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill_2).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-3"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated};
+import styled,{keyframes}from'styled-components';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{ChevronDown as ChevronDown_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/ChevronDown/index.mjs';import{LoaderFill as LoaderFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/LoaderFill/index.mjs';const Input=styled.input.withConfig({shouldForwardProp:o=>!['palette','preset','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Dropdown__Input",componentId:"ui__sc-519mcg-0"})([""," ",""],(o=>{let n='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(n=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(n=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${n};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(n={color:o.palette.color??o.theme.colors['content-onmain-primary'],placeholderColor:o.palette.placeholderColor??o.theme.colors['content-onmain-secondary'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],placeholderColorDisabled:o.palette.placeholderColorDisabled??o.theme.colors['content-disabled']}).color};\n  &::placeholder {\n    color: ${n.placeholderColor};\n  }\n  &:disabled {\n    color: ${n.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${n.placeholderColorDisabled};\n  }\n`;var n}));const PositionedMenuComponent=styled(MenuComponent).withConfig({shouldForwardProp:o=>!['expanseDirectionLeft'].includes(o)}).withConfig({displayName:"Dropdown__PositionedMenuComponent",componentId:"ui__sc-519mcg-1"})(["position:absolute;",""],(o=>`\n    top: 0;\n    left: ${o.expanseDirectionLeft?'auto':0};\n    right: ${o.expanseDirectionLeft?0:'auto'};  \n  `));const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-2"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown_2).withConfig({shouldForwardProp:o=>o!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-3"})(["",""],(o=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${o.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill_2).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-4"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);export{ChevronIcon,IconContainer,Input,LoadingIconAnimated,PositionedMenuComponent};
 //# sourceMappingURL=style.mjs.map

package/components/Dropdown/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport type { DropdownInputPalette, StyledDropdownProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"8aAiBO,MAAMA,MAAQC,OAAOC,MAAMC,WAAgC,CAChEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGN,MAAMO,cAAgBC,UAIrB,CAAA,0CAEYC,cAAgBzB,OAAO0B,IAAGxB,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM2B,YAAc3B,OAAO4B,eAAa1B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMqB,GAAK,IAAM,eAIlC,MAAMC,oBAAsB9B,OAAO+B,cAAW7B,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtCuB"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\nimport { MenuComponent } from 'components/MenuComponent'\nimport type { DropdownInputPalette, DropdownMenuProps, StyledDropdownInputProps, StyledChevronIconProps } from './types'\n\nconst template = (palette: DropdownInputPalette) => `\n  color: ${palette.color};\n  &::placeholder {\n    color: ${palette.placeholderColor};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${palette.placeholderColorDisabled};\n  }\n`\n\nexport const Input = styled.input.withConfig<StyledDropdownInputProps>({\n  shouldForwardProp: (propKey) => !['palette', 'preset', 'label', 'labelPosition', 'active'].includes(propKey),\n})`\n  ${(props) => {\n    let opacity = '1'\n    let paddingTop = '0px'\n\n    if (props.label && props.labelPosition === 'dynamic') {\n      opacity = `${props.active ? 1 : 0}`\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'top') {\n      paddingTop = '0.8em'\n    }\n\n    if (props.label && props.labelPosition === 'center') {\n      opacity = `${props.active ? 1 : 0}`\n    }\n\n    return `\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${opacity};\n      padding-top: ${paddingTop};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `\n  }}\n  ${(props) =>\n    template({\n      color: props.palette.color ?? props.theme.colors['content-onmain-primary'],\n      placeholderColor: props.palette.placeholderColor ?? props.theme.colors['content-onmain-secondary'],\n      colorDisabled: props.palette.colorDisabled ?? props.theme.colors['content-disabled'],\n      placeholderColorDisabled: props.palette.placeholderColorDisabled ?? props.theme.colors['content-disabled'],\n    })}\n`\n\nexport const PositionedMenuComponent = styled(MenuComponent).withConfig<DropdownMenuProps>({\n  shouldForwardProp: (propKey) => !['expanseDirectionLeft'].includes(propKey),\n})`\n  position: absolute;\n\n  ${(props) => `\n    top: 0;\n    left: ${props.expanseDirectionLeft ? 'auto' : 0};\n    right: ${props.expanseDirectionLeft ? 0 : 'auto'};  \n  `}\n`\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<StyledChevronIconProps>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n"],"names":["Input","styled","input","withConfig","shouldForwardProp","propKey","includes","displayName","componentId","props","opacity","paddingTop","label","labelPosition","active","disabled","template","palette","color","theme","colors","placeholderColor","colorDisabled","placeholderColorDisabled","PositionedMenuComponent","MenuComponent","expanseDirectionLeft","spinAnimation","keyframes","IconContainer","div","ChevronIcon","ChevronDown","up","LoadingIconAnimated","LoaderFill"],"mappings":"4eAkBO,MAAMA,MAAQC,OAAOC,MAAMC,WAAqC,CACrEC,kBAAoBC,IAAa,CAAC,UAAW,SAAU,QAAS,gBAAiB,UAAUC,SAASD,KACpGF,WAAA,CAAAI,YAAA,kBAAAC,YAAA,mBAFmBP,CAEnB,CAAA,GAAA,IAAA,KACGQ,IACD,IAAIC,EAAU,IACd,IAAIC,EAAa,MAejB,OAbIF,EAAMG,OAASH,EAAMI,gBAAkB,YACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,GAChCH,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,QACzCF,EAAa,SAGXF,EAAMG,OAASH,EAAMI,gBAAkB,WACzCH,EAAU,IAAGD,EAAMK,OAAS,EAAI,IAG3B,yRAWMJ,0BACIC,qBACLF,EAAMM,SAAW,cAAgB,6FAM5C,IAEAN,IACDO,MAvDgD,eAAlCC,EAuDL,CACPC,MAAOT,EAAMQ,QAAQC,OAAST,EAAMU,MAAMC,OAAO,0BACjDC,iBAAkBZ,EAAMQ,QAAQI,kBAAoBZ,EAAMU,MAAMC,OAAO,4BACvEE,cAAeb,EAAMQ,QAAQK,eAAiBb,EAAMU,MAAMC,OAAO,oBACjEG,yBAA0Bd,EAAMQ,QAAQM,0BAA4Bd,EAAMU,MAAMC,OAAO,sBA1D1EF,0CAEND,EAAQI,sDAGRJ,EAAQK,gEAGRL,EAAQM,mCATHN,KA4DZ,IAGC,MAAMO,wBAA0BvB,OAAOwB,eAAetB,WAA8B,CACzFC,kBAAoBC,IAAa,CAAC,wBAAwBC,SAASD,KACnEF,WAAA,CAAAI,YAAA,oCAAAC,YAAA,mBAFqCP,CAErC,CAAA,qBAAA,KAGGQ,GAAU,4BAEHA,EAAMiB,qBAAuB,OAAS,kBACrCjB,EAAMiB,qBAAuB,EAAI,kBAI9C,MAAMC,cAAgBC,UAIrB,CAAA,0CAEYC,cAAgB5B,OAAO6B,IAAG3B,WAAA,CAAAI,YAAA,0BAAAC,YAAA,mBAAVP,CAM5B,CAAA,gGAEM,MAAM8B,YAAc9B,OAAO+B,eAAa7B,WAAmC,CAChFC,kBAAoBC,GAAYA,IAAY,OAC5CF,WAAA,CAAAI,YAAA,wBAAAC,YAAA,mBAFyBP,CAEzB,CAAA,GAAA,KACGQ,GAAU,gIAISA,EAAMwB,GAAK,IAAM,eAIlC,MAAMC,oBAAsBjC,OAAOkC,cAAWhC,WAAA,CAAAI,YAAA,gCAAAC,YAAA,mBAAlBP,CAAkB,CAAA,qCAAA,4BAEtC0B"}

package/components/Dropdown/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["option","Array","isArray","map","item","value","text","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"mDAkB8CA,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOG,KAAKC,GAASA,EAAKC,QAAS,CAACL,EAAOK,OAFtD,gCAjBeL,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGM,KAAO,GAExDN,EAAOM,KAJM,iCAOgBN,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,gCAacE,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQX,KACPW,EAAOF,EAAsBG,SAASZ,EAAOK,OAAS,EAAI,GAAGQ,KAAKb,GAC3DW,IAET,CAAC,GAAI"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\nimport type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option: Nullable<DropdownOption | DropdownOption[]>): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option: Nullable<DropdownOption | DropdownOption[]>): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option: Nullable<DropdownOption | DropdownOption[]>): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["option","Array","isArray","map","item","value","text","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"mDAmB8CA,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOG,KAAKC,GAASA,EAAKC,QAAS,CAACL,EAAOK,OAFtD,gCAjBeL,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGM,KAAO,GAExDN,EAAOM,KAJM,iCAOgBN,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,gCAacE,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQX,KACPW,EAAOF,EAAsBG,SAASZ,EAAOK,OAAS,EAAI,GAAGQ,KAAKb,GAC3DW,IAET,CAAC,GAAI"}

package/components/Dropdown/utils.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAEaA,MAAAA,qBAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,MAAAA,sBAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,MAAAA,8BAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,SAKTI,qBAAuBA,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { Nullable } from 'shared/types'\nimport type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option: Nullable<DropdownOption | DropdownOption[]>): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option: Nullable<DropdownOption | DropdownOption[]>): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option: Nullable<DropdownOption | DropdownOption[]>): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAGaA,MAAAA,qBAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,MAAAA,sBAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,MAAAA,8BAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,SAKTI,qBAAuBA,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}

package/components/Menu/Menu.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var require$$0=require('react/jsx-runtime');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuList=require('../MenuList/MenuList.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:n="m",disableFlip:t=!0,offset:s=8,placement:o="bottom-start",styles:i={},sizes:a,sizeUnits:u,render:p,primary:c,secondary:l,palette:M,autoFocus:m,disableAutoFocus:d,maxHeight:v,...f}=e;const C=React.useRef(null);return require$$0.jsx(Tooltip.Tooltip,{...f,ref:r,preset:"brand",size:n,hideArrow:!0,getPopper:(e,r)=>{e.state.elements.reference instanceof HTMLElement&&(C.current=e.state.elements.reference),f.getPopper&&f.getPopper(e,r)},callback:(e,r)=>{e==='close'&&C.current instanceof HTMLElement&&dom.focusFirstFocusable(C.current),f.callback&&f.callback(e,r)},disableFlip:t,offset:s,placement:o,styles:ramda.mergeDeepLeft(i,l?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:require$$0.jsx(MenuComponent.MenuComponent,{sizes:a,sizeUnits:u,autoFocus:m,disableAutoFocus:d,primary:c,secondary:l,palette:M,maxHeight:v,children:p})})})),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
+'use strict';var React=require('react');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var require$$0=require('react/jsx-runtime');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuList=require('../MenuList/MenuList.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:n="m",disableFlip:t=!0,offset:s=8,placement:i="bottom-start",styles:o={},sizeXXS:a,sizeXS:u,sizeS:c,sizeM:p,sizeL:l,sizeXL:M,sizes:d,sizeUnits:m,render:z,primary:v,secondary:f,palette:C,autoFocus:q,disableAutoFocus:L,...j}=e;const b={size:n,sizeXXS:a,sizeXS:u,sizeS:c,sizeM:p,sizeL:l,sizeXL:M,sizes:d,sizeUnits:m};const g=React.useRef(null);return require$$0.jsx(Tooltip.Tooltip,{...j,ref:r,preset:"brand",hideArrow:!0,getPopper:(e,r)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),j.getPopper&&j.getPopper(e,r)},callback:(e,r)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),j.callback&&j.callback(e,r)},disableFlip:t,offset:s,placement:i,styles:ramda.mergeDeepLeft(o,f?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:require$$0.jsx(MenuComponent.MenuComponent,{...b,autoFocus:q,disableAutoFocus:L,primary:v,secondary:f,palette:C,children:z})})})),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
 //# sourceMappingURL=Menu.js.map

package/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\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 menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        maxHeight,\n        ...restProps\n      } = props\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          size={size}\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n              maxHeight={maxHeight}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","trigger","useRef","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","jsx","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"oiBAuBA,MAAMA,KAKFC,OAAOC,OACTC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,UAChBA,KACGC,GACDhB,EAEJ,MAAMiB,EAAUC,aAA2B,MAE3C,OACEC,WAAAA,IAACC,QAAAA,QAAO,IACFJ,EACJf,IAAKA,EACLoB,OAAO,QACPnB,KAAMA,EACNoB,WAAS,EACTC,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CZ,EAAQa,QAAUN,EAAOE,MAAMC,SAASC,WAGtCZ,EAAUO,WACZP,EAAUO,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAWf,EAAQa,mBAAmBD,aACnDK,wBAAoBjB,EAAQa,SAG1Bd,EAAUe,UACZf,EAAUe,SAASC,EAAQC,EAC7B,EAEF9B,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ6B,MAAAA,cACN7B,EACAK,EACI,CAAEyB,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACErB,WAAAsB,IAACC,4BAAa,CACZnC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EAAU4B,SAEpBlC,KAGL,IAGN,CACEmC,YA5FiB,OA6FjBrC,MAAOsC,UAAAA,QAGX,CACEC,UAAWJ,cAAaA,cACxBK,KAAMC,SAAQA,SACdC,UAAWC,cAAaA,cACxBC,QAASC,YAAAA"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\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 menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        ...restProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n      }\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              {...sizeProps}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","restProps","sizeProps","trigger","useRef","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","jsx","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"oiBAuBA,MAAMA,KAKFC,OAAOC,OACTC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,KACGC,GACDrB,EAEJ,MAAMsB,EAAY,CAChBpB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAMS,EAAUC,aAA2B,MAE3C,OACEC,WAAAA,IAACC,QAAAA,QAAO,IACFL,EACJpB,IAAKA,EACL0B,OAAO,QACPC,WAAS,EACTC,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CZ,EAAQa,QAAUN,EAAOE,MAAMC,SAASC,WAGtCb,EAAUQ,WACZR,EAAUQ,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAWf,EAAQa,mBAAmBD,aACnDK,wBAAoBjB,EAAQa,SAG1Bf,EAAUgB,UACZhB,EAAUgB,SAASC,EAAQC,EAC7B,EAEFpC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQmC,MAAAA,cACNnC,EACAW,EACI,CAAEyB,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACErB,WAAAsB,IAACC,4BAAa,IACR1B,EACJH,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ+B,SAEhBlC,KAGL,IAGN,CACEmC,YA1GiB,OA2GjBrC,MAAOsC,UAAAA,QAGX,CACEC,UAAWJ,cAAaA,cACxBK,KAAMC,SAAQA,SACdC,UAAWC,cAAaA,cACxBC,QAASC,YAAAA"}

package/components/Menu/Menu.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useRef}from'react';import{mergeDeepLeft}from'ramda';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{jsx}from'react/jsx-runtime';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';import{SIZES}from'../MenuComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const Menu=Object.assign(withMergedProps(forwardRef(((e,t)=>{const{size:o="m",disableFlip:r=!0,offset:n=8,placement:s="bottom-start",styles:i={},sizes:m,sizeUnits:p,render:a,primary:u,secondary:c,palette:l,autoFocus:f,disableAutoFocus:M,maxHeight:d,...j}=e;const b=useRef(null);return jsx(Tooltip,{...j,ref:t,preset:"brand",size:o,hideArrow:!0,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(b.current=e.state.elements.reference),j.getPopper&&j.getPopper(e,t)},callback:(e,t)=>{e==='close'&&b.current instanceof HTMLElement&&focusFirstFocusable(b.current),j.callback&&j.callback(e,t)},disableFlip:r,offset:n,placement:s,styles:mergeDeepLeft(i,c?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:jsx(MenuComponent,{sizes:m,sizeUnits:p,autoFocus:f,disableAutoFocus:M,primary:u,secondary:c,palette:l,maxHeight:d,children:a})})})),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
+import{forwardRef,useRef}from'react';import{mergeDeepLeft}from'ramda';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{jsx}from'react/jsx-runtime';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';import{SIZES}from'../MenuComponent/constants.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';const Menu=Object.assign(withMergedProps(forwardRef(((e,o)=>{const{size:r="m",disableFlip:t=!0,offset:s=8,placement:n="bottom-start",styles:i={},sizeXXS:m,sizeXS:p,sizeS:a,sizeM:u,sizeL:c,sizeXL:l,sizes:f,sizeUnits:M,render:d,primary:z,secondary:j,palette:L,autoFocus:b,disableAutoFocus:C,...F}=e;const S={size:r,sizeXXS:m,sizeXS:p,sizeS:a,sizeM:u,sizeL:c,sizeXL:l,sizes:f,sizeUnits:M};const g=useRef(null);return jsx(Tooltip,{...F,ref:o,preset:"brand",hideArrow:!0,getPopper:(e,o)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),F.getPopper&&F.getPopper(e,o)},callback:(e,o)=>{e==='close'&&g.current instanceof HTMLElement&&focusFirstFocusable(g.current),F.callback&&F.callback(e,o)},disableFlip:t,offset:s,placement:n,styles:mergeDeepLeft(i,j?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}}),component:jsx(MenuComponent,{...S,autoFocus:b,disableAutoFocus:C,primary:z,secondary:j,palette:L,children:d})})})),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
 //# sourceMappingURL=Menu.mjs.map

package/components/Menu/Menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\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 menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        maxHeight,\n        ...restProps\n      } = props\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          size={size}\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              sizes={sizes}\n              sizeUnits={sizeUnits}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n              maxHeight={maxHeight}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","maxHeight","restProps","trigger","useRef","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"kiBAuBA,MAAMA,KAKFC,OAAOC,OACTC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,MACXA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,UAChBA,KACGC,GACDhB,EAEJ,MAAMiB,EAAUC,OAA2B,MAE3C,OACEC,IAACC,QAAO,IACFJ,EACJf,IAAKA,EACLoB,OAAO,QACPnB,KAAMA,EACNoB,WAAS,EACTC,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CZ,EAAQa,QAAUN,EAAOE,MAAMC,SAASC,WAGtCZ,EAAUO,WACZP,EAAUO,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAWf,EAAQa,mBAAmBD,aACnDK,oBAAoBjB,EAAQa,SAG1Bd,EAAUe,UACZf,EAAUe,SAASC,EAAQC,EAC7B,EAEF9B,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQ6B,cACN7B,EACAK,EACI,CAAEyB,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACErB,IAACsB,cAAa,CACZlC,MAAOA,EACPC,UAAWA,EACXK,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EACTG,UAAWA,EAAU2B,SAEpBjC,KAGL,IAGN,CACEkC,YA5FiB,OA6FjBpC,MAAOqC,QAGX,CACEC,UAAWJ,cACXK,KAAMC,SACNC,UAAWC,cACXC,QAASC"}
+{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef } from 'react'\nimport { mergeDeepLeft } from 'ramda'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { Tooltip } from 'components/Tooltip'\nimport { MenuComponent, SIZES } from 'components/MenuComponent'\nimport { MenuList } from 'components/MenuList'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { MenuDivider } from 'components/MenuDivider'\nimport type { MenuProps } from './types'\n\nconst COMPONENT_NAME = 'Menu'\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 menu component root.\n *\n * See full [MenuProps](https://github.com/foxford/ui/blob/master/src/components/Menu/types.ts)\n */\nconst Menu: React.ForwardRefExoticComponent<MenuProps> & {\n  Component: typeof MenuComponent\n  List: typeof MenuList\n  Container: typeof MenuContainer\n  Divider: typeof MenuDivider\n} = Object.assign(\n  withMergedProps<MenuProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        ...restProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n      }\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      return (\n        <Tooltip\n          {...restProps}\n          ref={ref}\n          preset='brand'\n          hideArrow\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={mergeDeepLeft(\n            styles,\n            secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }\n          )}\n          component={\n            <MenuComponent\n              {...sizeProps}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","restProps","sizeProps","trigger","useRef","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","mergeDeepLeft","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"kiBAuBA,MAAMA,KAKFC,OAAOC,OACTC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAE,EAAAC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,KACGC,GACDrB,EAEJ,MAAMsB,EAAY,CAChBpB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAMS,EAAUC,OAA2B,MAE3C,OACEC,IAACC,QAAO,IACFL,EACJpB,IAAKA,EACL0B,OAAO,QACPC,WAAS,EACTC,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CZ,EAAQa,QAAUN,EAAOE,MAAMC,SAASC,WAGtCb,EAAUQ,WACZR,EAAUQ,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAWf,EAAQa,mBAAmBD,aACnDK,oBAAoBjB,EAAQa,SAG1Bf,EAAUgB,UACZhB,EAAUgB,SAASC,EAAQC,EAC7B,EAEFpC,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQmC,cACNnC,EACAW,EACI,CAAEyB,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,aAE3BC,UACErB,IAACsB,cAAa,IACRzB,EACJH,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ8B,SAEhBjC,KAGL,IAGN,CACEkC,YA1GiB,OA2GjBpC,MAAOqC,QAGX,CACEC,UAAWJ,cACXK,KAAMC,SACNC,UAAWC,cACXC,QAASC"}

package/components/MenuComponent/MenuComponent.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const noop=()=>{};const MenuComponent=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:t="m",maxHeight:o=240,closeFn:r=noop,sizeXXS:n,sizeXS:i,sizeS:c,sizeM:u,sizeL:a,sizeXL:l,children:p,autoFocus:m,disableAutoFocus:d,showCloseButton:z,closeButtonProps:f,onUnmount:h,...R}=e;const S=React.useRef(null);React.useImperativeHandle(s,(()=>S.current)),React.useEffect((()=>()=>{h&&h()}),[]),React.useEffect((()=>{const e=setTimeout((()=>{!d&&S.current&&dom.focusFirstFocusable(S.current)}),0);return()=>{clearTimeout(e)}}),[m,d]);const M={size:t,sizeXXS:n,sizeXS:i,sizeS:c,sizeM:u,sizeL:a,sizeXL:l};const q={showCloseButton:z,closeButtonProps:f,closeFn:r};const v=React.isValidElement(p)&&typeof p.props=='object'&&p.props!==null?p.props:{};return require$$0.jsx(style.Root,{...R,...M,maxHeight:o,ref:S,children:React.isValidElement(p)?React.cloneElement(p,{...M,...q,...v}):typeof p=='function'?p({...M,...q}):void 0})})),{displayName:'MenuComponent',sizes:constants.SIZES});exports.SIZES=constants.SIZES,exports.MenuComponent=MenuComponent;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const noop=()=>{};const MenuComponent=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:t="m",closeFn:o=noop,sizeXXS:r,sizeXS:n,sizeS:c,sizeM:i,sizeL:u,sizeXL:a,children:l,autoFocus:p,disableAutoFocus:d,showCloseButton:m,closeButtonProps:z,onUnmount:f,...R}=e;const S=React.useRef(null);React.useImperativeHandle(s,(()=>S.current)),React.useEffect((()=>()=>{f&&f()}),[]),React.useEffect((()=>{const e=setTimeout((()=>{!d&&S.current&&dom.focusFirstFocusable(S.current)}),0);return()=>{clearTimeout(e)}}),[p,d]);const h={size:t,sizeXXS:r,sizeXS:n,sizeS:c,sizeM:i,sizeL:u,sizeXL:a};const M={showCloseButton:m,closeButtonProps:z,closeFn:o};const q=React.isValidElement(l)&&typeof l.props=='object'&&l.props!==null?l.props:{};return require$$0.jsx(style.Root,{...R,...h,ref:S,children:React.isValidElement(l)?React.cloneElement(l,{...h,...M,...q}):typeof l=='function'?l({...h,...M}):void 0})})),{displayName:'MenuComponent',sizes:constants.SIZES});exports.SIZES=constants.SIZES,exports.MenuComponent=MenuComponent;
 //# sourceMappingURL=MenuComponent.js.map

package/components/MenuComponent/MenuComponent.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      maxHeight = 240,\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"sQASA,MAAMA,KAAOA,KAAe,EAYtBC,MAAAA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,IAAGC,QACfA,EAAUR,KAAIS,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,EAAgBC,UAChBA,KACGC,GACDjB,EAEJ,MAAMkB,EAAMC,aAAuB,MAEnCC,MAAAA,oBAAkEnB,GAAc,IAAMiB,EAAIG,UAE1FC,MAAAA,WAAU,IACD,KACDN,GAAWA,GAAW,GAE3B,IAEHM,MAAAA,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBX,GAAoBK,EAAIG,SAASI,IAAAA,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,CAACX,EAAWC,IAEf,MAAMc,EAAY,CAChBzB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAe,CACnBd,kBACAC,mBACAX,WAGF,MAAMyB,EACJC,MAAcA,eAACnB,WAAoBA,EAASX,OAAU,UAAYW,EAASX,QAAU,KAAOW,EAASX,MAAQ,CAAA,EAE/G,OACE+B,WAAAA,IAACC,MAAAA,KAAW,IAAKf,KAAeU,EAAWxB,UAAWA,EAAWe,IAAKA,EAAIP,SACvEmB,MAAAA,eAAenB,GACZsB,MAAAA,aAAatB,EAAU,IAAKgB,KAAcC,KAAiBC,WACpDlB,GAAa,WACpBA,EAAS,IAAKgB,KAAcC,SAC5BM,GACQ,IAGlB,CACEC,YAxFmB,gBAyFnBC,MAAOC,UAAAA"}
+{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"sQASA,MAAMA,KAAOA,KAAe,EAYtBC,MAAAA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAUP,KAAIQ,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,EAAgBC,UAChBA,KACGC,GACDhB,EAEJ,MAAMiB,EAAMC,aAAuB,MAEnCC,MAAAA,oBAAkElB,GAAc,IAAMgB,EAAIG,UAE1FC,MAAAA,WAAU,IACD,KACDN,GAAWA,GAAW,GAE3B,IAEHM,MAAAA,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBX,GAAoBK,EAAIG,SAASI,IAAAA,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,CAACX,EAAWC,IAEf,MAAMc,EAAY,CAChBxB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAe,CACnBd,kBACAC,mBACAX,WAGF,MAAMyB,EACJC,MAAcA,eAACnB,WAAoBA,EAASV,OAAU,UAAYU,EAASV,QAAU,KAAOU,EAASV,MAAQ,CAAA,EAE/G,OACE8B,WAAAA,IAACC,MAAAA,KAAW,IAAKf,KAAeU,EAAWT,IAAKA,EAAIP,SACjDmB,MAAAA,eAAenB,GACZsB,MAAAA,aAAatB,EAAU,IAAKgB,KAAcC,KAAiBC,WACpDlB,GAAa,WACpBA,EAAS,IAAKgB,KAAcC,SAC5BM,GACQ,IAGlB,CACEC,YAvFmB,gBAwFnBC,MAAOC,UAAAA"}

package/components/MenuComponent/MenuComponent.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useRef,useImperativeHandle,useEffect,isValidElement,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const noop=()=>{};const MenuComponent=withMergedProps(forwardRef(((e,o)=>{const{size:s="m",maxHeight:t=240,closeFn:n=noop,sizeXXS:r,sizeXS:i,sizeS:c,sizeM:m,sizeL:u,sizeXL:l,children:p,autoFocus:f,disableAutoFocus:a,showCloseButton:d,closeButtonProps:z,onUnmount:S,...h}=e;const E=useRef(null);useImperativeHandle(o,(()=>E.current)),useEffect((()=>()=>{S&&S()}),[]),useEffect((()=>{const e=setTimeout((()=>{!a&&E.current&&focusFirstFocusable(E.current)}),0);return()=>{clearTimeout(e)}}),[f,a]);const j={size:s,sizeXXS:r,sizeXS:i,sizeS:c,sizeM:m,sizeL:u,sizeXL:l};const F={showCloseButton:d,closeButtonProps:z,closeFn:n};const M=isValidElement(p)&&typeof p.props=='object'&&p.props!==null?p.props:{};return jsx(Root,{...h,...j,maxHeight:t,ref:E,children:isValidElement(p)?cloneElement(p,{...j,...F,...M}):typeof p=='function'?p({...j,...F}):void 0})})),{displayName:'MenuComponent',sizes:SIZES});export{MenuComponent,SIZES};
+import{forwardRef,useRef,useImperativeHandle,useEffect,isValidElement,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const noop=()=>{};const MenuComponent=withMergedProps(forwardRef(((e,o)=>{const{size:s="m",closeFn:t=noop,sizeXXS:n,sizeXS:r,sizeS:i,sizeM:c,sizeL:u,sizeXL:m,children:l,autoFocus:p,disableAutoFocus:f,showCloseButton:a,closeButtonProps:d,onUnmount:z,...S}=e;const E=useRef(null);useImperativeHandle(o,(()=>E.current)),useEffect((()=>()=>{z&&z()}),[]),useEffect((()=>{const e=setTimeout((()=>{!f&&E.current&&focusFirstFocusable(E.current)}),0);return()=>{clearTimeout(e)}}),[p,f]);const h={size:s,sizeXXS:n,sizeXS:r,sizeS:i,sizeM:c,sizeL:u,sizeXL:m};const j={showCloseButton:a,closeButtonProps:d,closeFn:t};const F=isValidElement(l)&&typeof l.props=='object'&&l.props!==null?l.props:{};return jsx(Root,{...S,...h,ref:E,children:isValidElement(l)?cloneElement(l,{...h,...j,...F}):typeof l=='function'?l({...h,...j}):void 0})})),{displayName:'MenuComponent',sizes:SIZES});export{MenuComponent,SIZES};
 //# sourceMappingURL=MenuComponent.mjs.map

package/components/MenuComponent/MenuComponent.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuComponent.mjs","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      maxHeight = 240,\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} maxHeight={maxHeight} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","maxHeight","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"2TASA,MAAMA,KAAOA,KAAe,EAYtBC,MAAAA,cAAqEC,gBAIzEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,IAAGC,QACfA,EAAUR,KAAIS,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,EAAgBC,UAChBA,KACGC,GACDjB,EAEJ,MAAMkB,EAAMC,OAAuB,MAEnCC,oBAAkEnB,GAAc,IAAMiB,EAAIG,UAE1FC,WAAU,IACD,KACDN,GAAWA,GAAW,GAE3B,IAEHM,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBX,GAAoBK,EAAIG,SAASI,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,CAACX,EAAWC,IAEf,MAAMc,EAAY,CAChBzB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAe,CACnBd,kBACAC,mBACAX,WAGF,MAAMyB,EACJC,eAAenB,WAAoBA,EAASX,OAAU,UAAYW,EAASX,QAAU,KAAOW,EAASX,MAAQ,CAAA,EAE/G,OACE+B,IAACC,KAAW,IAAKf,KAAeU,EAAWxB,UAAWA,EAAWe,IAAKA,EAAIP,SACvEmB,eAAenB,GACZsB,aAAatB,EAAU,IAAKgB,KAAcC,KAAiBC,WACpDlB,GAAa,WACpBA,EAAS,IAAKgB,KAAcC,SAC5BM,GACQ,IAGlB,CACEC,YAxFmB,gBAyFnBC,MAAOC"}
+{"version":3,"file":"MenuComponent.mjs","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuComponentProps](https://github.com/foxford/ui/blob/master/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, forwardedRef) => {\n    const {\n      size = 'm',\n      closeFn = noop,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      autoFocus,\n      disableAutoFocus,\n      showCloseButton,\n      closeButtonProps,\n      onUnmount,\n      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current)\n\n    useEffect(() => {\n      return () => {\n        if (onUnmount) onUnmount()\n      }\n    }, [])\n\n    useEffect(() => {\n      const timerId = setTimeout(() => {\n        if (!disableAutoFocus && ref.current) focusFirstFocusable(ref.current)\n      }, 0)\n\n      return () => {\n        clearTimeout(timerId)\n      }\n    }, [autoFocus, disableAutoFocus])\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const forwardProps = {\n      showCloseButton,\n      closeButtonProps,\n      closeFn,\n    }\n\n    const elementProps =\n      isValidElement(children) && typeof children.props === 'object' && children.props !== null ? children.props : {}\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        {isValidElement(children)\n          ? cloneElement(children, { ...sizeProps, ...forwardProps, ...elementProps })\n          : typeof children === 'function'\n          ? children({ ...sizeProps, ...forwardProps })\n          : undefined}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","withMergedProps","forwardRef","props","forwardedRef","size","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","onUnmount","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"2TASA,MAAMA,KAAOA,KAAe,EAYtBC,MAAAA,cAAqEC,gBAIzEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAUP,KAAIQ,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,EAAgBC,UAChBA,KACGC,GACDhB,EAEJ,MAAMiB,EAAMC,OAAuB,MAEnCC,oBAAkElB,GAAc,IAAMgB,EAAIG,UAE1FC,WAAU,IACD,KACDN,GAAWA,GAAW,GAE3B,IAEHM,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBX,GAAoBK,EAAIG,SAASI,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,CAACX,EAAWC,IAEf,MAAMc,EAAY,CAChBxB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAe,CACnBd,kBACAC,mBACAX,WAGF,MAAMyB,EACJC,eAAenB,WAAoBA,EAASV,OAAU,UAAYU,EAASV,QAAU,KAAOU,EAASV,MAAQ,CAAA,EAE/G,OACE8B,IAACC,KAAW,IAAKf,KAAeU,EAAWT,IAAKA,EAAIP,SACjDmB,eAAenB,GACZsB,aAAatB,EAAU,IAAKgB,KAAcC,KAAiBC,WACpDlB,GAAa,WACpBA,EAAS,IAAKgB,KAAcC,SAC5BM,GACQ,IAGlB,CACEC,YAvFmB,gBAwFnBC,MAAOC"}

package/components/MenuComponent/constants.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{maxWidth:560,minWidth:'min-content'},xxl:{maxWidth:560,minWidth:'min-content'},xl:{maxWidth:560,minWidth:'min-content'},l:{maxWidth:560,minWidth:'min-content'},m:{maxWidth:480,minWidth:'min-content'},s:{maxWidth:280,minWidth:'min-content'},xs:{maxWidth:280,minWidth:'min-content'},xxs:{maxWidth:280,minWidth:'min-content'},xxxs:{maxWidth:280,minWidth:'min-content'}};
+'use strict';exports.SIZES={l:{maxWidth:560,minWidth:'min-content',maxHeight:240},m:{maxWidth:480,minWidth:'min-content',maxHeight:240},s:{maxWidth:280,minWidth:'min-content',maxHeight:240},fluid:{maxWidth:'100%',minWidth:'min-content',maxHeight:240}};
 //# sourceMappingURL=constants.js.map

package/components/MenuComponent/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n}\n"],"names":["xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { MenuComponentSize } from './types'\n\nexport const SIZES: Record<MenuComponentSize, CSSProperties> = {\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n  fluid: {\n    maxWidth: '100%',\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n}\n"],"names":["l","maxWidth","minWidth","maxHeight","m","s","fluid"],"mappings":"2BAG+D,CAC7DA,EAAG,CACDC,SAAU,IACVC,SAAU,cACVC,UAAW,KAEbC,EAAG,CACDH,SAAU,IACVC,SAAU,cACVC,UAAW,KAEbE,EAAG,CACDJ,SAAU,IACVC,SAAU,cACVC,UAAW,KAEbG,MAAO,CACLL,SAAU,OACVC,SAAU,cACVC,UAAW"}

package/components/MenuComponent/constants.mjs

@@ -1,2 +1,2 @@
-const SIZES={xxxl:{maxWidth:560,minWidth:'min-content'},xxl:{maxWidth:560,minWidth:'min-content'},xl:{maxWidth:560,minWidth:'min-content'},l:{maxWidth:560,minWidth:'min-content'},m:{maxWidth:480,minWidth:'min-content'},s:{maxWidth:280,minWidth:'min-content'},xs:{maxWidth:280,minWidth:'min-content'},xxs:{maxWidth:280,minWidth:'min-content'},xxxs:{maxWidth:280,minWidth:'min-content'}};export{SIZES};
+const SIZES={l:{maxWidth:560,minWidth:'min-content',maxHeight:240},m:{maxWidth:480,minWidth:'min-content',maxHeight:240},s:{maxWidth:280,minWidth:'min-content',maxHeight:240},fluid:{maxWidth:'100%',minWidth:'min-content',maxHeight:240}};export{SIZES};
 //# sourceMappingURL=constants.mjs.map

package/components/MenuComponent/constants.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xxl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  xl: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n  xxxs: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n  },\n}\n"],"names":["SIZES","xxxl","maxWidth","minWidth","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,IACVC,SAAU,eAEZC,IAAK,CACHF,SAAU,IACVC,SAAU,eAEZE,GAAI,CACFH,SAAU,IACVC,SAAU,eAEZG,EAAG,CACDJ,SAAU,IACVC,SAAU,eAEZI,EAAG,CACDL,SAAU,IACVC,SAAU,eAEZK,EAAG,CACDN,SAAU,IACVC,SAAU,eAEZM,GAAI,CACFP,SAAU,IACVC,SAAU,eAEZO,IAAK,CACHR,SAAU,IACVC,SAAU,eAEZQ,KAAM,CACJT,SAAU,IACVC,SAAU"}
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/MenuComponent/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { MenuComponentSize } from './types'\n\nexport const SIZES: Record<MenuComponentSize, CSSProperties> = {\n  l: {\n    maxWidth: 560,\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n  m: {\n    maxWidth: 480,\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n  s: {\n    maxWidth: 280,\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n  fluid: {\n    maxWidth: '100%',\n    minWidth: 'min-content',\n    maxHeight: 240,\n  },\n}\n"],"names":["SIZES","l","maxWidth","minWidth","maxHeight","m","s","fluid"],"mappings":"AAGO,MAAMA,MAAkD,CAC7DC,EAAG,CACDC,SAAU,IACVC,SAAU,cACVC,UAAW,KAEbC,EAAG,CACDH,SAAU,IACVC,SAAU,cACVC,UAAW,KAEbE,EAAG,CACDJ,SAAU,IACVC,SAAU,cACVC,UAAW,KAEbG,MAAO,CACLL,SAAU,OACVC,SAAU,cACVC,UAAW"}

package/components/MenuComponent/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuComponentProp=style.createShouldForwardProp((o=>!['black','elevated','maxHeight'].includes(o)));const template=o=>`\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({width:typeof o=='string'?o:`${o}${e}`})}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})([""," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof o.maxHeight=='string'?o.maxHeight:`${o.maxHeight}px`};\n  `),(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize.responsiveSize);exports.COLOR_SCHEMA=COLOR_SCHEMA,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuComponentProp=style.createShouldForwardProp((o=>!['black','elevated'].includes(o)));const template=o=>`\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:styled.css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})(["box-sizing:border-box;isolation:isolate;border-radius:12px;border:1px solid transparent;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;"," ",""],(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize.responsiveSize);exports.COLOR_SCHEMA=COLOR_SCHEMA,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuComponent/style.js.map

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

package/components/MenuComponent/style.mjs

@@ -1,2 +1,2 @@
-import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardMenuComponentProp=createShouldForwardProp((o=>!['black','elevated','maxHeight'].includes(o)));const template=o=>`\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).attrs({dynamicSizeDeclaration:(o,r)=>({width:typeof o=='string'?o:`${o}${r}`})}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})([""," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    border-radius: 12px;\n    border: 1px solid transparent;\n    overflow-x: hidden;\n    overflow-y: auto;\n    scrollbar-width: thin;\n    max-height: ${typeof o.maxHeight=='string'?o.maxHeight:`${o.maxHeight}px`};\n  `),(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize);export{COLOR_SCHEMA,Root};
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardMenuComponentProp=createShouldForwardProp((o=>!['black','elevated'].includes(o)));const template=o=>`\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  box-shadow: 0 6px 20px ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})(["box-sizing:border-box;isolation:isolate;border-radius:12px;border:1px solid transparent;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;"," ",""],(o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),responsiveSize);export{COLOR_SCHEMA,Root};
 //# sourceMappingURL=style.mjs.map

package/components/MenuComponent/style.mjs.map

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

package/components/MenuContainer/MenuContainer.js

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

package/components/MenuContainer/MenuContainer.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn } = props\n\n  return (\n    <Styled.Root ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","_jsxs","Styled","_jsx","jsx","square","size","icon","onClick","evt"],"mappings":"0IAY2EA,MAAUA,YAGnF,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,GAAYL,EAEtE,OACEM,WAAAA,KAACC,MAAAA,KAAW,CAACN,IAAKA,EAAIE,UACnBC,GACCI,WAAAC,IAACF,kBAAkB,CACjBG,QAAM,EACNC,KAAK,IACLC,KAAK,WACDV,EACJW,QAAUC,IACJT,GAASA,IACTH,EAAiBW,SAASX,EAAiBW,QAAQC,EAAI,IAIhEX,IACW"}
+{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuContainerProps](https://github.com/foxford/ui/blob/master/src/components/MenuContainer/types.ts)\n */\nconst MenuContainer: React.ForwardRefExoticComponent<MenuContainerProps> = forwardRef<\n  HTMLDivElement,\n  MenuContainerProps\n>((props, ref) => {\n  const { closeButtonProps = {}, children, showCloseButton, closeFn, ...restProps } = props\n\n  return (\n    <Styled.Root {...restProps} ref={ref}>\n      {showCloseButton && (\n        <Styled.CloseButton\n          square\n          size='m'\n          icon='close'\n          {...closeButtonProps}\n          onClick={(evt) => {\n            if (closeFn) closeFn()\n            if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n          }}\n        />\n      )}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","jsx","square","size","icon","onClick","evt"],"mappings":"0IAY2EA,MAAUA,YAGnF,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAE,EAAAC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,GACCK,WAAAC,IAACF,kBAAkB,CACjBG,QAAM,EACNC,KAAK,IACLC,KAAK,WACDX,EACJY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,EAAI,IAIhEZ,IACW"}

package/components/MenuContainer/MenuContainer.mjs

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

package/components/MenuContainer/MenuContainer.mjs.map

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