@foxford/ui 2.131.0 → 2.133.0

package/components/Menu/Menu.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 misc=require('../../shared/utils/misc.js');var jsxRuntime=require('react/jsx-runtime');var MenuDivider=require('../MenuDivider/MenuDivider.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuList=require('../MenuList/MenuList.js');var MenuComponent=require('../MenuComponent/MenuComponent.js');var constants=require('../MenuComponent/constants.js');var Tooltip=require('../Tooltip/Tooltip.js');const Menu=Object.assign(withMergedProps.withMergedProps(React.forwardRef((e,n)=>{const{size:t="m",disableFlip:r=!0,offset:o=8,placement:s="bottom-start",styles:i={},autoOpen:u,callback:a,children:c,open:l,portalElement:p,render:d,debug:m,getPopper:M,zIndex:f,closeOnClickOutside:v,...C}=e;const[j,b]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect(()=>{let e=null;return p?b(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),b(e)),()=>{e&&e.isConnected&&e.remove()}},[p]),p||j?jsxRuntime.jsx(Tooltip.Tooltip,{ref:n,preset:"brand",hideArrow:!0,open:l,autoOpen:u,trigger:c,zIndex:f,portalElement:p??j,getPopper:(e,n)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),typeof M=='function'&&M(e,n)},callback:(e,n)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),typeof a=='function'&&a(e,n)},disableFlip:r,offset:o,position:s,closeOnClickOutside:v,styles:misc.deepmerge(C.secondary?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),debug:m,component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...C,size:t,children:d})}):null}),{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 useMergedProps=require('../../hooks/useMergedProps.js');var dom=require('../../shared/utils/dom.js');var misc=require('../../shared/utils/misc.js');var jsxRuntime=require('react/jsx-runtime');var Tooltip=require('../Tooltip/Tooltip.js');var MenuComponent=require('../MenuComponent/MenuComponent.js');var MenuDivider=require('../MenuDivider/MenuDivider.js');var MenuContainer=require('../MenuContainer/MenuContainer.js');var MenuList=require('../MenuList/MenuList.js');var sizes=require('../MenuComponent/sizes.js');const Menu=Object.assign(React.forwardRef((e,n)=>{const{size:t="m",disableFlip:r=!0,offset:o=8,placement:s="bottom-start",styles:i={},autoOpen:u,callback:a,children:l,open:c,portalElement:p,render:d,debug:m,getPopper:M,zIndex:f,closeOnClickOutside:v,...C}=useMergedProps.useMergedProps(e,{componentName:"Menu",sizes:sizes.SIZES});const[j,b]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect(()=>{let e=null;return p?b(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),b(e)),()=>{e&&e.isConnected&&e.remove()}},[p]),p||j?jsxRuntime.jsx(Tooltip.Tooltip,{ref:n,preset:"brand",hideArrow:!0,open:c,autoOpen:u,trigger:l,zIndex:f,portalElement:p??j,getPopper:(e,n)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),typeof M=='function'&&M(e,n)},callback:(e,n)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),typeof a=='function'&&a(e,n)},disableFlip:r,offset:o,position:s,closeOnClickOutside:v,styles:misc.deepmerge(C.secondary?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),debug:m,component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...C,size:t,children:d})}):null}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});Menu.displayName="Menu",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, useState, useLayoutEffect } from 'react'\nimport type { Styles } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { deepmerge } from 'shared/utils/misc'\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 based on [\"react-floater\"](https://www.npmjs.com/package/react-floater).\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/packages/ui/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<HTMLDivElement, MergedProps<MenuProps>>((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        autoOpen,\n        callback,\n        children,\n        open,\n        portalElement,\n        render,\n        debug,\n        getPopper,\n        zIndex,\n        closeOnClickOutside,\n        ...restProps\n      } = props\n\n      const [portal, setPortal] = useState<HTMLElement | null>(null)\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      useLayoutEffect(() => {\n        let menuPortal: HTMLElement | null = null\n\n        if (portalElement) {\n          setPortal(null)\n        } else if (document.body) {\n          menuPortal = document.createElement('div')\n\n          menuPortal.dataset.menuPortal = 'true'\n          menuPortal.style.position = 'relative'\n\n          document.body.appendChild(menuPortal)\n\n          setPortal(menuPortal)\n        }\n\n        return () => {\n          if (menuPortal && menuPortal.isConnected) {\n            menuPortal.remove()\n          }\n        }\n      }, [portalElement])\n\n      if (!portalElement && !portal) {\n        return null\n      }\n\n      return (\n        <Tooltip\n          ref={ref}\n          preset='brand'\n          hideArrow\n          open={open}\n          autoOpen={autoOpen}\n          trigger={children}\n          zIndex={zIndex}\n          portalElement={portalElement ?? portal}\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (typeof getPopper === 'function') {\n              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 (typeof callback === 'function') {\n              callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          position={placement}\n          closeOnClickOutside={closeOnClickOutside}\n          styles={deepmerge(\n            (restProps.secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n            styles\n          )}\n          debug={debug}\n          component={\n            <MenuComponent {...restProps} size={size}>\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","autoOpen","callback","children","open","portalElement","render","debug","getPopper","zIndex","closeOnClickOutside","restProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","popper","origin","state","elements","reference","HTMLElement","current","action","tooltipProps","focusFirstFocusable","deepmerge","secondary","floater","filter","wrapper","cursor","component","MenuComponent","displayName","sizes","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"wjBAyBA,MAAMA,KAKFC,OAAOC,OACTC,gBAAAA,gBACEC,MAAAA,WAAmD,CAACC,EAAOC,KACzD,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAA,EAAEC,SACXA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,cACJA,EAAaC,OACbA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,oBACNA,KACGC,GACDjB,EAEJ,MAAOkB,EAAQC,GAAaC,MAAAA,SAA6B,MAEzD,MAAMC,EAAUC,MAAAA,OAA2B,MAyB3C,OAvBAC,MAAAA,gBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIb,EACFQ,EAAU,MACDM,SAASC,OAClBF,EAAaC,SAASE,cAAc,OAEpCH,EAAWI,QAAQJ,WAAa,OAChCA,EAAWK,MAAMC,SAAW,WAE5BL,SAASC,KAAKK,YAAYP,GAE1BL,EAAUK,IAGL,KACDA,GAAcA,EAAWQ,aAC3BR,EAAWS,WAGd,CAACtB,IAECA,GAAkBO,EAKrBgB,WAAAA,IAACC,QAAAA,QAAO,CACNlC,IAAKA,EACLmC,OAAO,QACPC,WAAS,EACT3B,KAAMA,EACNH,SAAUA,EACVc,QAASZ,EACTM,OAAQA,EACRJ,cAAeA,GAAiBO,EAChCJ,UAAWA,CAACwB,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CtB,EAAQuB,QAAUN,EAAOE,MAAMC,SAASC,kBAG/B5B,GAAc,YACvBA,EAAUwB,EAAQC,IAGtB/B,SAAUA,CAACqC,EAAQC,KACbD,IAAW,SAAWxB,EAAQuB,mBAAmBD,aACnDI,IAAAA,oBAAoB1B,EAAQuB,gBAGnBpC,GAAa,YACtBA,EAASqC,EAAQC,IAGrB3C,YAAaA,EACbC,OAAQA,EACR0B,SAAUzB,EACVW,oBAAqBA,EACrBV,OAAQ0C,KAAAA,UACL/B,EAAUgC,UACP,CAAEC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzB/C,GAEFO,MAAOA,EACPyC,UACEpB,WAAAA,IAACqB,4BAAa,IAAKtC,EAAWf,KAAMA,EAAKO,SACtCG,MA5CA,OAkDX,CACE4C,YAtHiB,OAuHjBC,MAAOC,UAAAA,QAGX,CACEC,UAAWJ,cAAAA,cACXK,KAAMC,SAAAA,SACNC,UAAWC,cAAAA,cACXC,QAASC,YAAAA"}
+{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useLayoutEffect } from 'react'\nimport type { Styles } from 'react-floater'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { deepmerge } from 'shared/utils/misc'\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 * *v1.0.0*\n *\n * Компонент выпадающего меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\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  forwardRef<HTMLDivElement, MenuProps>((props, ref) => {\n    const {\n      size = 'm',\n      disableFlip = true,\n      offset = 8,\n      placement = 'bottom-start',\n      styles = {},\n      autoOpen,\n      callback,\n      children,\n      open,\n      portalElement,\n      render,\n      debug,\n      getPopper,\n      zIndex,\n      closeOnClickOutside,\n      ...restProps\n    } = useMergedProps<MenuProps>(props, {\n      componentName: COMPONENT_NAME,\n      sizes: SIZES,\n    })\n\n    const [portal, setPortal] = useState<HTMLElement | null>(null)\n\n    const trigger = useRef<HTMLElement | null>(null)\n\n    useLayoutEffect(() => {\n      let menuPortal: HTMLElement | null = null\n\n      if (portalElement) {\n        setPortal(null)\n      } else if (document.body) {\n        menuPortal = document.createElement('div')\n\n        menuPortal.dataset.menuPortal = 'true'\n        menuPortal.style.position = 'relative'\n\n        document.body.appendChild(menuPortal)\n\n        setPortal(menuPortal)\n      }\n\n      return () => {\n        if (menuPortal && menuPortal.isConnected) {\n          menuPortal.remove()\n        }\n      }\n    }, [portalElement])\n\n    if (!portalElement && !portal) {\n      return null\n    }\n\n    return (\n      <Tooltip\n        ref={ref}\n        preset='brand'\n        hideArrow\n        open={open}\n        autoOpen={autoOpen}\n        trigger={children}\n        zIndex={zIndex}\n        portalElement={portalElement ?? portal}\n        getPopper={(popper, origin) => {\n          if (popper.state.elements.reference instanceof HTMLElement) {\n            trigger.current = popper.state.elements.reference\n          }\n\n          if (typeof getPopper === 'function') {\n            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 (typeof callback === 'function') {\n            callback(action, tooltipProps)\n          }\n        }}\n        disableFlip={disableFlip}\n        offset={offset}\n        position={placement}\n        closeOnClickOutside={closeOnClickOutside}\n        styles={deepmerge(\n          (restProps.secondary\n            ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n            : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n          styles\n        )}\n        debug={debug}\n        component={\n          <MenuComponent {...restProps} size={size}>\n            {render}\n          </MenuComponent>\n        }\n      />\n    )\n  }),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nMenu.displayName = COMPONENT_NAME\n\nexport { Menu }\n"],"names":["Menu","Object","assign","forwardRef","props","ref","size","disableFlip","offset","placement","styles","autoOpen","callback","children","open","portalElement","render","debug","getPopper","zIndex","closeOnClickOutside","restProps","useMergedProps","componentName","sizes","SIZES","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","popper","origin","state","elements","reference","HTMLElement","current","action","tooltipProps","focusFirstFocusable","deepmerge","secondary","floater","filter","wrapper","cursor","component","MenuComponent","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider","displayName"],"mappings":"+iBAsBA,MAAMA,KAKFC,OAAOC,OACTC,MAAAA,WAAsC,CAACC,EAAOC,KAC5C,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAA,EAAEC,SACXA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,cACJA,EAAaC,OACbA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,oBACNA,KACGC,GACDC,eAAAA,eAA0BlB,EAAO,CACnCmB,cAnCiB,OAoCjBC,MAAOC,MAAAA,QAGT,MAAOC,EAAQC,GAAaC,MAAAA,SAA6B,MAEzD,MAAMC,EAAUC,MAAAA,OAA2B,MAyB3C,OAvBAC,MAAAA,gBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIjB,EACFY,EAAU,MACDM,SAASC,OAClBF,EAAaC,SAASE,cAAc,OAEpCH,EAAWI,QAAQJ,WAAa,OAChCA,EAAWK,MAAMC,SAAW,WAE5BL,SAASC,KAAKK,YAAYP,GAE1BL,EAAUK,IAGL,KACDA,GAAcA,EAAWQ,aAC3BR,EAAWS,WAGd,CAAC1B,IAECA,GAAkBW,EAKrBgB,WAAAA,IAACC,QAAAA,QAAO,CACNtC,IAAKA,EACLuC,OAAO,QACPC,WAAS,EACT/B,KAAMA,EACNH,SAAUA,EACVkB,QAAShB,EACTM,OAAQA,EACRJ,cAAeA,GAAiBW,EAChCR,UAAWA,CAAC4B,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CtB,EAAQuB,QAAUN,EAAOE,MAAMC,SAASC,kBAG/BhC,GAAc,YACvBA,EAAU4B,EAAQC,IAGtBnC,SAAUA,CAACyC,EAAQC,KACbD,IAAW,SAAWxB,EAAQuB,mBAAmBD,aACnDI,IAAAA,oBAAoB1B,EAAQuB,gBAGnBxC,GAAa,YACtBA,EAASyC,EAAQC,IAGrB/C,YAAaA,EACbC,OAAQA,EACR8B,SAAU7B,EACVW,oBAAqBA,EACrBV,OAAQ8C,KAAAA,UACLnC,EAAUoC,UACP,CAAEC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBnD,GAEFO,MAAOA,EACP6C,UACEpB,WAAAA,IAACqB,4BAAa,IAAK1C,EAAWf,KAAMA,EAAKO,SACtCG,MA5CA,OAkDX,CACEgD,UAAWD,cAAAA,cACXE,KAAMC,SAAAA,SACNC,UAAWC,cAAAA,cACXC,QAASC,YAAAA,cAIbtE,KAAKuE,YA7HkB"}

package/components/Menu/Menu.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useState,useRef,useLayoutEffect}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{deepmerge}from'../../shared/utils/misc.mjs';import{jsx}from'react/jsx-runtime';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{MenuComponent}from'../MenuComponent/MenuComponent.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:n=!0,offset:r=8,placement:s="bottom-start",styles:i={},autoOpen:u,callback:m,children:p,open:l,portalElement:a,render:c,debug:d,getPopper:f,zIndex:M,closeOnClickOutside:C,...j}=e;const[b,g]=useState(null);const y=useRef(null);return useLayoutEffect(()=>{let e=null;return a?g(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),g(e)),()=>{e&&e.isConnected&&e.remove()}},[a]),a||b?jsx(Tooltip,{ref:t,preset:"brand",hideArrow:!0,open:l,autoOpen:u,trigger:p,zIndex:M,portalElement:a??b,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(y.current=e.state.elements.reference),typeof f=='function'&&f(e,t)},callback:(e,t)=>{e==='close'&&y.current instanceof HTMLElement&&focusFirstFocusable(y.current),typeof m=='function'&&m(e,t)},disableFlip:n,offset:r,position:s,closeOnClickOutside:C,styles:deepmerge(j.secondary?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),debug:d,component:jsx(MenuComponent,{...j,size:o,children:c})}):null}),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
+import{forwardRef,useState,useRef,useLayoutEffect}from'react';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{deepmerge}from'../../shared/utils/misc.mjs';import{jsx}from'react/jsx-runtime';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{MenuComponent}from'../MenuComponent/MenuComponent.mjs';import{MenuDivider}from'../MenuDivider/MenuDivider.mjs';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{MenuList}from'../MenuList/MenuList.mjs';import{SIZES}from'../MenuComponent/sizes.mjs';const Menu=Object.assign(forwardRef((e,t)=>{const{size:o="m",disableFlip:n=!0,offset:r=8,placement:s="bottom-start",styles:i={},autoOpen:u,callback:m,children:p,open:l,portalElement:a,render:c,debug:d,getPopper:f,zIndex:M,closeOnClickOutside:C,...j}=useMergedProps(e,{componentName:"Menu",sizes:SIZES});const[b,g]=useState(null);const y=useRef(null);return useLayoutEffect(()=>{let e=null;return a?g(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),g(e)),()=>{e&&e.isConnected&&e.remove()}},[a]),a||b?jsx(Tooltip,{ref:t,preset:"brand",hideArrow:!0,open:l,autoOpen:u,trigger:p,zIndex:M,portalElement:a??b,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(y.current=e.state.elements.reference),typeof f=='function'&&f(e,t)},callback:(e,t)=>{e==='close'&&y.current instanceof HTMLElement&&focusFirstFocusable(y.current),typeof m=='function'&&m(e,t)},disableFlip:n,offset:r,position:s,closeOnClickOutside:C,styles:deepmerge(j.secondary?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),debug:d,component:jsx(MenuComponent,{...j,size:o,children:c})}):null}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});Menu.displayName="Menu";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, useState, useLayoutEffect } from 'react'\nimport type { Styles } from 'react-floater'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { deepmerge } from 'shared/utils/misc'\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 based on [\"react-floater\"](https://www.npmjs.com/package/react-floater).\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/packages/ui/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<HTMLDivElement, MergedProps<MenuProps>>((props, ref) => {\n      const {\n        size = 'm',\n        disableFlip = true,\n        offset = 8,\n        placement = 'bottom-start',\n        styles = {},\n        autoOpen,\n        callback,\n        children,\n        open,\n        portalElement,\n        render,\n        debug,\n        getPopper,\n        zIndex,\n        closeOnClickOutside,\n        ...restProps\n      } = props\n\n      const [portal, setPortal] = useState<HTMLElement | null>(null)\n\n      const trigger = useRef<HTMLElement | null>(null)\n\n      useLayoutEffect(() => {\n        let menuPortal: HTMLElement | null = null\n\n        if (portalElement) {\n          setPortal(null)\n        } else if (document.body) {\n          menuPortal = document.createElement('div')\n\n          menuPortal.dataset.menuPortal = 'true'\n          menuPortal.style.position = 'relative'\n\n          document.body.appendChild(menuPortal)\n\n          setPortal(menuPortal)\n        }\n\n        return () => {\n          if (menuPortal && menuPortal.isConnected) {\n            menuPortal.remove()\n          }\n        }\n      }, [portalElement])\n\n      if (!portalElement && !portal) {\n        return null\n      }\n\n      return (\n        <Tooltip\n          ref={ref}\n          preset='brand'\n          hideArrow\n          open={open}\n          autoOpen={autoOpen}\n          trigger={children}\n          zIndex={zIndex}\n          portalElement={portalElement ?? portal}\n          getPopper={(popper, origin) => {\n            if (popper.state.elements.reference instanceof HTMLElement) {\n              trigger.current = popper.state.elements.reference\n            }\n\n            if (typeof getPopper === 'function') {\n              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 (typeof callback === 'function') {\n              callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          position={placement}\n          closeOnClickOutside={closeOnClickOutside}\n          styles={deepmerge(\n            (restProps.secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n            styles\n          )}\n          debug={debug}\n          component={\n            <MenuComponent {...restProps} size={size}>\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","autoOpen","callback","children","open","portalElement","render","debug","getPopper","zIndex","closeOnClickOutside","restProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","popper","origin","state","elements","reference","HTMLElement","current","action","tooltipProps","focusFirstFocusable","deepmerge","secondary","floater","filter","wrapper","cursor","component","MenuComponent","displayName","sizes","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"6kBAyBA,MAAMA,KAKFC,OAAOC,OACTC,gBACEC,WAAmD,CAACC,EAAOC,KACzD,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAA,EAAEC,SACXA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,cACJA,EAAaC,OACbA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,oBACNA,KACGC,GACDjB,EAEJ,MAAOkB,EAAQC,GAAaC,SAA6B,MAEzD,MAAMC,EAAUC,OAA2B,MAyB3C,OAvBAC,gBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIb,EACFQ,EAAU,MACDM,SAASC,OAClBF,EAAaC,SAASE,cAAc,OAEpCH,EAAWI,QAAQJ,WAAa,OAChCA,EAAWK,MAAMC,SAAW,WAE5BL,SAASC,KAAKK,YAAYP,GAE1BL,EAAUK,IAGL,KACDA,GAAcA,EAAWQ,aAC3BR,EAAWS,WAGd,CAACtB,IAECA,GAAkBO,EAKrBgB,IAACC,QAAO,CACNlC,IAAKA,EACLmC,OAAO,QACPC,WAAS,EACT3B,KAAMA,EACNH,SAAUA,EACVc,QAASZ,EACTM,OAAQA,EACRJ,cAAeA,GAAiBO,EAChCJ,UAAWA,CAACwB,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CtB,EAAQuB,QAAUN,EAAOE,MAAMC,SAASC,kBAG/B5B,GAAc,YACvBA,EAAUwB,EAAQC,IAGtB/B,SAAUA,CAACqC,EAAQC,KACbD,IAAW,SAAWxB,EAAQuB,mBAAmBD,aACnDI,oBAAoB1B,EAAQuB,gBAGnBpC,GAAa,YACtBA,EAASqC,EAAQC,IAGrB3C,YAAaA,EACbC,OAAQA,EACR0B,SAAUzB,EACVW,oBAAqBA,EACrBV,OAAQ0C,UACL/B,EAAUgC,UACP,CAAEC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzB/C,GAEFO,MAAOA,EACPyC,UACEpB,IAACqB,cAAa,IAAKtC,EAAWf,KAAMA,EAAKO,SACtCG,MA5CA,OAkDX,CACE4C,YAtHiB,OAuHjBC,MAAOC,QAGX,CACEC,UAAWJ,cACXK,KAAMC,SACNC,UAAWC,cACXC,QAASC"}
+{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, useState, useLayoutEffect } from 'react'\nimport type { Styles } from 'react-floater'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { deepmerge } from 'shared/utils/misc'\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 * *v1.0.0*\n *\n * Компонент выпадающего меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\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  forwardRef<HTMLDivElement, MenuProps>((props, ref) => {\n    const {\n      size = 'm',\n      disableFlip = true,\n      offset = 8,\n      placement = 'bottom-start',\n      styles = {},\n      autoOpen,\n      callback,\n      children,\n      open,\n      portalElement,\n      render,\n      debug,\n      getPopper,\n      zIndex,\n      closeOnClickOutside,\n      ...restProps\n    } = useMergedProps<MenuProps>(props, {\n      componentName: COMPONENT_NAME,\n      sizes: SIZES,\n    })\n\n    const [portal, setPortal] = useState<HTMLElement | null>(null)\n\n    const trigger = useRef<HTMLElement | null>(null)\n\n    useLayoutEffect(() => {\n      let menuPortal: HTMLElement | null = null\n\n      if (portalElement) {\n        setPortal(null)\n      } else if (document.body) {\n        menuPortal = document.createElement('div')\n\n        menuPortal.dataset.menuPortal = 'true'\n        menuPortal.style.position = 'relative'\n\n        document.body.appendChild(menuPortal)\n\n        setPortal(menuPortal)\n      }\n\n      return () => {\n        if (menuPortal && menuPortal.isConnected) {\n          menuPortal.remove()\n        }\n      }\n    }, [portalElement])\n\n    if (!portalElement && !portal) {\n      return null\n    }\n\n    return (\n      <Tooltip\n        ref={ref}\n        preset='brand'\n        hideArrow\n        open={open}\n        autoOpen={autoOpen}\n        trigger={children}\n        zIndex={zIndex}\n        portalElement={portalElement ?? portal}\n        getPopper={(popper, origin) => {\n          if (popper.state.elements.reference instanceof HTMLElement) {\n            trigger.current = popper.state.elements.reference\n          }\n\n          if (typeof getPopper === 'function') {\n            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 (typeof callback === 'function') {\n            callback(action, tooltipProps)\n          }\n        }}\n        disableFlip={disableFlip}\n        offset={offset}\n        position={placement}\n        closeOnClickOutside={closeOnClickOutside}\n        styles={deepmerge(\n          (restProps.secondary\n            ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n            : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n          styles\n        )}\n        debug={debug}\n        component={\n          <MenuComponent {...restProps} size={size}>\n            {render}\n          </MenuComponent>\n        }\n      />\n    )\n  }),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nMenu.displayName = COMPONENT_NAME\n\nexport { Menu }\n"],"names":["Menu","Object","assign","forwardRef","props","ref","size","disableFlip","offset","placement","styles","autoOpen","callback","children","open","portalElement","render","debug","getPopper","zIndex","closeOnClickOutside","restProps","useMergedProps","componentName","sizes","SIZES","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","popper","origin","state","elements","reference","HTMLElement","current","action","tooltipProps","focusFirstFocusable","deepmerge","secondary","floater","filter","wrapper","cursor","component","MenuComponent","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider","displayName"],"mappings":"wkBAsBA,MAAMA,KAKFC,OAAOC,OACTC,WAAsC,CAACC,EAAOC,KAC5C,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAA,EAAEC,SACXA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,KACRA,EAAIC,cACJA,EAAaC,OACbA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,oBACNA,KACGC,GACDC,eAA0BlB,EAAO,CACnCmB,cAnCiB,OAoCjBC,MAAOC,QAGT,MAAOC,EAAQC,GAAaC,SAA6B,MAEzD,MAAMC,EAAUC,OAA2B,MAyB3C,OAvBAC,gBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIjB,EACFY,EAAU,MACDM,SAASC,OAClBF,EAAaC,SAASE,cAAc,OAEpCH,EAAWI,QAAQJ,WAAa,OAChCA,EAAWK,MAAMC,SAAW,WAE5BL,SAASC,KAAKK,YAAYP,GAE1BL,EAAUK,IAGL,KACDA,GAAcA,EAAWQ,aAC3BR,EAAWS,WAGd,CAAC1B,IAECA,GAAkBW,EAKrBgB,IAACC,QAAO,CACNtC,IAAKA,EACLuC,OAAO,QACPC,WAAS,EACT/B,KAAMA,EACNH,SAAUA,EACVkB,QAAShB,EACTM,OAAQA,EACRJ,cAAeA,GAAiBW,EAChCR,UAAWA,CAAC4B,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CtB,EAAQuB,QAAUN,EAAOE,MAAMC,SAASC,kBAG/BhC,GAAc,YACvBA,EAAU4B,EAAQC,IAGtBnC,SAAUA,CAACyC,EAAQC,KACbD,IAAW,SAAWxB,EAAQuB,mBAAmBD,aACnDI,oBAAoB1B,EAAQuB,gBAGnBxC,GAAa,YACtBA,EAASyC,EAAQC,IAGrB/C,YAAaA,EACbC,OAAQA,EACR8B,SAAU7B,EACVW,oBAAqBA,EACrBV,OAAQ8C,UACLnC,EAAUoC,UACP,CAAEC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBnD,GAEFO,MAAOA,EACP6C,UACEpB,IAACqB,cAAa,IAAK1C,EAAWf,KAAMA,EAAKO,SACtCG,MA5CA,OAkDX,CACEgD,UAAWD,cACXE,KAAMC,SACNC,UAAWC,cACXC,QAASC,cAIbtE,KAAKuE,YA7HkB"}

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 jsxRuntime=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:i,sizeM:c,sizeL:u,sizeXL:a,children:l,autoFocus:p,disableAutoFocus:m,showCloseButton:d,closeButtonProps:z,...R}=e;const S=React.useRef(null);React.useImperativeHandle(s,()=>S.current,[]),React.useEffect(()=>{const e=setTimeout(()=>{!m&&S.current&&dom.focusFirstFocusable(S.current)},0);return()=>{clearTimeout(e)}},[p,m]);const f={size:t,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:c,sizeL:u,sizeXL:a};const h={showCloseButton:d,closeButtonProps:z,closeFn:o};const M=React.isValidElement(l)&&typeof l.props=='object'&&l.props!==null?l.props:{};return jsxRuntime.jsx(style.Root,{...R,...f,ref:S,children:React.isValidElement(l)?React.cloneElement(l,{...f,...h,...M}):typeof l=='function'?l({...f,...h}):void 0})}),{displayName:'MenuComponent',sizes:constants.SIZES});exports.SIZES=constants.SIZES,exports.MenuComponent=MenuComponent;
+'use strict';var React=require('react');var dom=require('../../shared/utils/dom.js');var useMergedProps=require('../../hooks/useMergedProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');const noop=()=>{};const MenuComponent=React.forwardRef((e,s)=>{const{size:o="m",closeFn:t=noop,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:u,sizeL:c,sizeXL:a,children:l,autoFocus:p,disableAutoFocus:m,showCloseButton:z,closeButtonProps:d,...R}=useMergedProps.useMergedProps(e,{componentName:"MenuComponent",sizes:sizes.SIZES});const S=React.useRef(null);React.useImperativeHandle(s,()=>S.current,[]),React.useEffect(()=>{const e=setTimeout(()=>{!m&&S.current&&dom.focusFirstFocusable(S.current)},0);return()=>{clearTimeout(e)}},[p,m]);const f={size:o,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:u,sizeL:c,sizeXL:a};const M={showCloseButton:z,closeButtonProps:d,closeFn:t};const j=React.isValidElement(l)&&typeof l.props=='object'&&l.props!==null?l.props:{};return jsxRuntime.jsx(style.Root,{...R,...f,ref:S,children:React.isValidElement(l)?React.cloneElement(l,{...f,...M,...j}):typeof l=='function'?l({...f,...M}):void 0})});exports.SIZES=sizes.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 type { MergedProps } 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/packages/ui/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuComponentProps>>((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      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current, [])\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","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"sQAUA,MAAMA,KAAOA,OAYb,MAAMC,cAAqEC,gBAAAA,gBAIzEC,MAAAA,WAA4D,CAACC,EAAOC,KAClE,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,KACGC,GACDf,EAEJ,MAAMgB,EAAMC,MAAAA,OAAuB,MAEnCC,MAAAA,oBAAkEjB,EAAc,IAAMe,EAAIG,QAAS,IAEnGC,MAAAA,UAAU,KACR,MAAMC,EAAUC,WAAW,MACpBV,GAAoBI,EAAIG,SAASI,IAAAA,oBAAoBP,EAAIG,UAC7D,GAEH,MAAO,KACLK,aAAaH,KAEd,CAACV,EAAWC,IAEf,MAAMa,EAAY,CAChBvB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMiB,EAAe,CACnBb,kBACAC,mBACAX,WAGF,MAAMwB,EACJC,MAAAA,eAAelB,WAAoBA,EAASV,OAAU,UAAYU,EAASV,QAAU,KAAOU,EAASV,MAAQ,CAAA,EAE/G,OACE6B,WAAAA,IAACC,MAAAA,KAAW,IAAKf,KAAeU,EAAWT,IAAKA,EAAIN,SACjDkB,MAAAA,eAAelB,GACZqB,MAAAA,aAAarB,EAAU,IAAKe,KAAcC,KAAiBC,WACpDjB,GAAa,WAClBA,EAAS,IAAKe,KAAcC,SAC5BM,MAIZ,CACEC,YAhFmB,gBAiFnBC,MAAOC,UAAAA"}
+{"version":3,"file":"MenuComponent.js","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Компонент рутового блока выпадающего меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = forwardRef<\n  HTMLDivElement,\n  MenuComponentProps\n>((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    ...restProps\n  } = useMergedProps<MenuComponentProps>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current, [])\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\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","forwardRef","props","forwardedRef","size","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","restProps","useMergedProps","componentName","sizes","SIZES","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined"],"mappings":"6PASA,MAAMA,KAAOA,OAQb,MAAMC,cAAqEC,MAAAA,WAGzE,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAUN,KAAIO,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,KACGC,GACDC,eAAAA,eAAmChB,EAAO,CAC5CiB,cA9BmB,gBA+BnBC,MAAOC,MAAAA,QAGT,MAAMC,EAAMC,MAAAA,OAAuB,MAEnCC,MAAAA,oBAAkErB,EAAc,IAAMmB,EAAIG,QAAS,IAEnGC,MAAAA,UAAU,KACR,MAAMC,EAAUC,WAAW,MACpBd,GAAoBQ,EAAIG,SAASI,IAAAA,oBAAoBP,EAAIG,UAC7D,GAEH,MAAO,KACLK,aAAaH,KAEd,CAACd,EAAWC,IAEf,MAAMiB,EAAY,CAChB3B,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMqB,EAAe,CACnBjB,kBACAC,mBACAX,WAGF,MAAM4B,EACJC,MAAAA,eAAetB,WAAoBA,EAASV,OAAU,UAAYU,EAASV,QAAU,KAAOU,EAASV,MAAQ,CAAA,EAE/G,OACEiC,WAAAA,IAACC,MAAAA,KAAW,IAAKnB,KAAec,EAAWT,IAAKA,EAAIV,SACjDsB,MAAAA,eAAetB,GACZyB,MAAAA,aAAazB,EAAU,IAAKmB,KAAcC,KAAiBC,WACpDrB,GAAa,WAClBA,EAAS,IAAKmB,KAAcC,SAC5BM"}

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",closeFn:t=noop,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:c,sizeL:u,sizeXL:m,children:l,autoFocus:p,disableAutoFocus:f,showCloseButton:a,closeButtonProps:d,...z}=e;const S=useRef(null);useImperativeHandle(o,()=>S.current,[]),useEffect(()=>{const e=setTimeout(()=>{!f&&S.current&&focusFirstFocusable(S.current)},0);return()=>{clearTimeout(e)}},[p,f]);const E={size:s,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:c,sizeL:u,sizeXL:m};const h={showCloseButton:a,closeButtonProps:d,closeFn:t};const j=isValidElement(l)&&typeof l.props=='object'&&l.props!==null?l.props:{};return jsx(Root,{...z,...E,ref:S,children:isValidElement(l)?cloneElement(l,{...E,...h,...j}):typeof l=='function'?l({...E,...h}):void 0})}),{displayName:'MenuComponent',sizes:SIZES});export{MenuComponent,SIZES};
+import{forwardRef,useRef,useImperativeHandle,useEffect,isValidElement,cloneElement}from'react';import{focusFirstFocusable}from'../../shared/utils/dom.mjs';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{SIZES}from'./sizes.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';const noop=()=>{};const MenuComponent=forwardRef((e,o)=>{const{size:s="m",closeFn:t=noop,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:u,sizeL:c,sizeXL:m,children:l,autoFocus:p,disableAutoFocus:f,showCloseButton:a,closeButtonProps:d,...z}=useMergedProps(e,{componentName:"MenuComponent",sizes:SIZES});const S=useRef(null);useImperativeHandle(o,()=>S.current,[]),useEffect(()=>{const e=setTimeout(()=>{!f&&S.current&&focusFirstFocusable(S.current)},0);return()=>{clearTimeout(e)}},[p,f]);const E={size:s,sizeXXS:r,sizeXS:n,sizeS:i,sizeM:u,sizeL:c,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,{...z,...E,ref:S,children:isValidElement(l)?cloneElement(l,{...E,...j,...F}):typeof l=='function'?l({...E,...j}):void 0})});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 type { MergedProps } 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/packages/ui/src/components/MenuComponent/types.ts)\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = withMergedProps<\n  MenuComponentProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuComponentProps>>((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      ...restProps\n    } = props\n\n    const ref = useRef<HTMLDivElement>(null)\n\n    useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current, [])\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","restProps","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined","displayName","sizes","SIZES"],"mappings":"2TAUA,MAAMA,KAAOA,OAYb,MAAMC,cAAqEC,gBAIzEC,WAA4D,CAACC,EAAOC,KAClE,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,KACGC,GACDf,EAEJ,MAAMgB,EAAMC,OAAuB,MAEnCC,oBAAkEjB,EAAc,IAAMe,EAAIG,QAAS,IAEnGC,UAAU,KACR,MAAMC,EAAUC,WAAW,MACpBV,GAAoBI,EAAIG,SAASI,oBAAoBP,EAAIG,UAC7D,GAEH,MAAO,KACLK,aAAaH,KAEd,CAACV,EAAWC,IAEf,MAAMa,EAAY,CAChBvB,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMiB,EAAe,CACnBb,kBACAC,mBACAX,WAGF,MAAMwB,EACJC,eAAelB,WAAoBA,EAASV,OAAU,UAAYU,EAASV,QAAU,KAAOU,EAASV,MAAQ,CAAA,EAE/G,OACE6B,IAACC,KAAW,IAAKf,KAAeU,EAAWT,IAAKA,EAAIN,SACjDkB,eAAelB,GACZqB,aAAarB,EAAU,IAAKe,KAAcC,KAAiBC,WACpDjB,GAAa,WAClBA,EAAS,IAAKe,KAAcC,SAC5BM,MAIZ,CACEC,YAhFmB,gBAiFnBC,MAAOC"}
+{"version":3,"file":"MenuComponent.mjs","sources":["../../../../src/components/MenuComponent/MenuComponent.tsx"],"sourcesContent":["import { forwardRef, useRef, useImperativeHandle, useEffect, isValidElement, cloneElement } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { MenuComponentProps } from './types'\n\nconst COMPONENT_NAME = 'MenuComponent'\n\nconst noop = () => undefined\n\n/**\n *\n * Компонент рутового блока выпадающего меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuComponent: React.ForwardRefExoticComponent<MenuComponentProps> = forwardRef<\n  HTMLDivElement,\n  MenuComponentProps\n>((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    ...restProps\n  } = useMergedProps<MenuComponentProps>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: SIZES,\n  })\n\n  const ref = useRef<HTMLDivElement>(null)\n\n  useImperativeHandle<HTMLDivElement | null, HTMLDivElement | null>(forwardedRef, () => ref.current, [])\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\nexport { MenuComponent }\n\nexport { SIZES }\n"],"names":["noop","MenuComponent","forwardRef","props","forwardedRef","size","closeFn","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","autoFocus","disableAutoFocus","showCloseButton","closeButtonProps","restProps","useMergedProps","componentName","sizes","SIZES","ref","useRef","useImperativeHandle","current","useEffect","timerId","setTimeout","focusFirstFocusable","clearTimeout","sizeProps","forwardProps","elementProps","isValidElement","_jsx","Styled","cloneElement","undefined"],"mappings":"sTASA,MAAMA,KAAOA,OAQb,MAAMC,cAAqEC,WAGzE,CAACC,EAAOC,KACR,MAAMC,KACJA,EAAO,IAAGC,QACVA,EAAUN,KAAIO,QACdA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,UACRA,EAASC,iBACTA,EAAgBC,gBAChBA,EAAeC,iBACfA,KACGC,GACDC,eAAmChB,EAAO,CAC5CiB,cA9BmB,gBA+BnBC,MAAOC,QAGT,MAAMC,EAAMC,OAAuB,MAEnCC,oBAAkErB,EAAc,IAAMmB,EAAIG,QAAS,IAEnGC,UAAU,KACR,MAAMC,EAAUC,WAAW,MACpBd,GAAoBQ,EAAIG,SAASI,oBAAoBP,EAAIG,UAC7D,GAEH,MAAO,KACLK,aAAaH,KAEd,CAACd,EAAWC,IAEf,MAAMiB,EAAY,CAChB3B,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMqB,EAAe,CACnBjB,kBACAC,mBACAX,WAGF,MAAM4B,EACJC,eAAetB,WAAoBA,EAASV,OAAU,UAAYU,EAASV,QAAU,KAAOU,EAASV,MAAQ,CAAA,EAE/G,OACEiC,IAACC,KAAW,IAAKnB,KAAec,EAAWT,IAAKA,EAAIV,SACjDsB,eAAetB,GACZyB,aAAazB,EAAU,IAAKmB,KAAcC,KAAiBC,WACpDrB,GAAa,WAClBA,EAAS,IAAKmB,KAAcC,SAC5BM"}

package/components/MenuComponent/{constants.js → sizes.js}

@@ -1,2 +1,2 @@
 '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
+//# sourceMappingURL=sizes.js.map

package/components/MenuComponent/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/MenuComponent/sizes.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 → sizes.mjs}

@@ -1,2 +1,2 @@
 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
+//# sourceMappingURL=sizes.mjs.map

package/components/MenuComponent/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/MenuComponent/sizes.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'].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;
+'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 0 ${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['effect-shadow-medium']: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['effect-shadow-medium']: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((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,wBAAyBC,IAAa,CAAC,QAAS,YAAYC,SAASD,IAE5G,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPC,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,WAGfY,UAAWN,OAAAA,IAAG,CAAA,GAAA,IACTC,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,YAKV,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAqC,CAClEC,kBAAmBtB,iCACnBqB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAElB,CAAA,kJAAA,IAAA,IASGP,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,QAG/De,eAAAA"}
+{"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 0 ${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['effect-shadow-medium'] : 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['effect-shadow-medium'] : 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,wBAAyBC,IAAa,CAAC,QAAS,YAAYC,SAASD,IAE5G,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,4CACGF,EAAQG,iBAG9B,MAAMC,aAAe,CAC1BC,QAASC,OAAAA,IAAG,CAAA,GAAA,IACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,wBAA0BF,EAAMC,MAAMC,OAAOC,eAC3FH,EAAMP,WAGfY,UAAWN,OAAAA,IAAG,CAAA,GAAA,IACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,wBAA0BF,EAAMC,MAAMC,OAAOC,eAC3FH,EAAMP,YAKV,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAqC,CAClEC,kBAAmBtB,iCACnBqB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAElB,CAAA,kJAAA,IAAA,IASGP,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,QAG/De,eAAAA"}

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'].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};
+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 0 ${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['effect-shadow-medium']: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['effect-shadow-medium']: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((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,wBAAyBC,IAAa,CAAC,QAAS,YAAYC,SAASD,IAE5G,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,IAAG,CAAA,GAAA,IACPC,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,WAGfY,UAAWN,IAAG,CAAA,GAAA,IACTC,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,YAKV,MAAMa,KAAOC,OAAOC,IAAIC,WAAqC,CAClEC,kBAAmBtB,iCACnBqB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAElB,CAAA,kJAAA,IAAA,IASGP,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,QAG/De"}
+{"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 0 ${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['effect-shadow-medium'] : 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['effect-shadow-medium'] : 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,wBAAyBC,IAAa,CAAC,QAAS,YAAYC,SAASD,IAE5G,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,4CACGF,EAAQG,iBAG9B,MAAMC,aAAe,CAC1BC,QAASC,IAAG,CAAA,GAAA,IACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,wBAA0BF,EAAMC,MAAMC,OAAOC,eAC3FH,EAAMP,WAGfY,UAAWN,IAAG,CAAA,GAAA,IACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,wBAA0BF,EAAMC,MAAMC,OAAOC,eAC3FH,EAAMP,YAKV,MAAMa,KAAOC,OAAOC,IAAIC,WAAqC,CAClEC,kBAAmBtB,iCACnBqB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAElB,CAAA,kJAAA,IAAA,IASGP,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,QAG/De"}

package/components/MenuContainer/MenuContainer.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var index=require('../../icon-pack/src/icons/Close/index.js');exports.MenuContainer=React.forwardRef((e,s)=>{const{closeButtonProps:r={},children:n,showCloseButton:t,closeFn:i,...o}=e;return jsxRuntime.jsxs(style.Root,{...o,ref:s,children:[t?jsxRuntime.jsx(style.CloseButton,{square:!0,size:"m",icon:jsxRuntime.jsx(index.Close,{}),...r,onClick:e=>{i&&i(),r.onClick&&r.onClick(e)}}):null,n]})});
+'use strict';var React=require('react');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var index=require('../../icon-pack/src/icons/Close/index.js');exports.MenuContainer=React.forwardRef((e,s)=>{const{closeButtonProps:r={},children:n,showCloseButton:t,closeFn:o,...i}=e;return jsxRuntime.jsxs(style.Root,{...i,ref:s,children:[t?jsxRuntime.jsx(style.CloseButton,{square:!0,secondary:!0,size:"m",icon:jsxRuntime.jsx(index.Close,{}),...r,onClick:e=>{o&&o(),r.onClick&&r.onClick(e)}}):null,n]})});
 //# 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 { Close } from '@foxford/icon-pack'\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/packages/ui/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      ) : null}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","square","size","icon","Close","onClick","evt"],"mappings":"wMAa2EA,MAAAA,WAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAA,EAAEC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,WAAAA,IAACD,kBAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAMH,WAAAA,IAACI,MAAAA,aACHX,EACJY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,MAGzD,KACHZ"}
+{"version":3,"file":"MenuContainer.js","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Компонент контейнера для произвольного контента в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\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          secondary\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      ) : null}\n      {children}\n    </Styled.Root>\n  )\n})\n\nexport { MenuContainer }\n"],"names":["forwardRef","props","ref","closeButtonProps","children","showCloseButton","closeFn","restProps","_jsxs","Styled","_jsx","square","secondary","size","icon","Close","onClick","evt"],"mappings":"wMAW2EA,MAAAA,WAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAA,EAAEC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,WAAAA,KAACC,MAAAA,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,WAAAA,IAACD,kBAAkB,CACjBE,QAAM,EACNC,WAAS,EACTC,KAAK,IACLC,KAAMJ,WAAAA,IAACK,MAAAA,aACHZ,EACJa,QAAUC,IACJX,GAASA,IACTH,EAAiBa,SAASb,EAAiBa,QAAQC,MAGzD,KACHb"}

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';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const MenuContainer=forwardRef((o,s)=>{const{closeButtonProps:e={},children:r,showCloseButton:n,closeFn:t,...i}=o;return jsxs(Root,{...i,ref:s,children:[n?jsx(CloseButton,{square:!0,size:"m",icon:jsx(Close,{}),...e,onClick:o=>{t&&t(),e.onClick&&e.onClick(o)}}):null,r]})});export{MenuContainer};
+import{forwardRef}from'react';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const MenuContainer=forwardRef((o,s)=>{const{closeButtonProps:e={},children:r,showCloseButton:n,closeFn:t,...c}=o;return jsxs(Root,{...c,ref:s,children:[n?jsx(CloseButton,{square:!0,secondary:!0,size:"m",icon:jsx(Close,{}),...e,onClick:o=>{t&&t(),e.onClick&&e.onClick(o)}}):null,r]})});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 { Close } from '@foxford/icon-pack'\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/packages/ui/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      ) : null}\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","Close","onClick","evt"],"mappings":"6KAaA,MAAMA,cAAqEC,WAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAA,EAAEC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,KAACC,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,IAACD,YAAkB,CACjBE,QAAM,EACNC,KAAK,IACLC,KAAMH,IAACI,aACHX,EACJY,QAAUC,IACJV,GAASA,IACTH,EAAiBY,SAASZ,EAAiBY,QAAQC,MAGzD,KACHZ"}
+{"version":3,"file":"MenuContainer.mjs","sources":["../../../../src/components/MenuContainer/MenuContainer.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport * as Styled from './style'\nimport type { MenuContainerProps } from './types'\n\n/**\n *\n * Компонент контейнера для произвольного контента в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\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          secondary\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      ) : null}\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","secondary","size","icon","Close","onClick","evt"],"mappings":"6KAWA,MAAMA,cAAqEC,WAGzE,CAACC,EAAOC,KACR,MAAMC,iBAAEA,EAAmB,CAAA,EAAEC,SAAEA,EAAQC,gBAAEA,EAAeC,QAAEA,KAAYC,GAAcN,EAEpF,OACEO,KAACC,KAAW,IAAKF,EAAWL,IAAKA,EAAIE,UAClCC,EACCK,IAACD,YAAkB,CACjBE,QAAM,EACNC,WAAS,EACTC,KAAK,IACLC,KAAMJ,IAACK,aACHZ,EACJa,QAAUC,IACJX,GAASA,IACTH,EAAiBa,SAASb,EAAiBa,QAAQC,MAGzD,KACHb"}

package/components/MenuContainer/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuContainerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:8px;right:8px;"]);exports.CloseButton=CloseButton,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var IconButton=require('../IconButton/IconButton.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardMenuContainerProp=style.createShouldForwardProp();const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuContainerProp}).withConfig({displayName:"MenuContainer__Root",componentId:"ui__sc-1u4llna-0"})(["box-sizing:border-box;position:relative;padding:8px;border-radius:inherit;"]);const CloseButton=styled__default.default(IconButton.IconButton).withConfig({displayName:"MenuContainer__CloseButton",componentId:"ui__sc-1u4llna-1"})(["position:absolute;top:6px;right:8px;"]);exports.CloseButton=CloseButton,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuContainer/style.js.map

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

package/components/MenuContainer/style.mjs

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

package/components/MenuContainer/style.mjs.map

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

package/components/MenuList/MenuList.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS: string[] = [...keyboardKeys.ArrowUp.key, ...keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            do {\n              // eslint-disable-next-line no-useless-assignment\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              if (idx < 0) {\n                idx = listItems.length - 1\n              } else if (idx > listItems.length - 1) {\n                idx = 0\n              }\n            } while (!(listItems[idx] instanceof HTMLElement && focusFirstFocusable(listItems[idx] as HTMLElement)))\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return child === null || child === undefined || typeof child === 'boolean' ? (\n            child\n          ) : (\n            <li key={idx}>{child}</li>\n          )\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","validate","length","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement","undefined"],"mappings":"oNAMA,MAAMA,SAAqB,IAAIC,UAAAA,aAAaC,QAAQC,OAAQF,UAAAA,aAAaG,UAAUD,sBAYlBE,MAAAA,WAC/D,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,MAAAA,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,uBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,WAAAA,IAACC,MAAAA,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC5B,SAAS6B,SAASD,EAAIzB,KAAM,CAC9ByB,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,UAAWC,GAASA,EAAKC,SAASR,EAAIS,SAE1D,GAEEJ,EAAMhC,UAAAA,aAAaC,QAAQoC,SAASV,EAAIzB,OAAS8B,IAAQA,EAErDA,EAAM,EACRA,EAAMF,EAAUQ,OAAS,EAChBN,EAAMF,EAAUQ,OAAS,IAClCN,EAAM,WAECF,EAAUE,aAAgBO,aAAeC,wBAAoBV,EAAUE,KACpF,GAEF1B,IAAKA,EAAIc,SAERqB,MAAAA,SAASC,IAAItB,EAAU,CAACuB,EAAOX,IAC1BX,MAAAA,eAAesB,GAGVnB,WAAAA,IAAA,KAAA,CAAAJ,SAAewB,MAAAA,aAAaD,EAAO,IAAKxB,YAFrBwB,EAAMtC,OAAU,UAAYsC,EAAMtC,QAAU,KAAOsC,EAAMtC,MAAQ,CAAA,KAE3E2B,GAGXW,IAAU,MAAQA,SAAUE,UAAoBF,GAAU,UAC/DA,EAEAnB,WAAAA,IAAA,KAAA,CAAAJ,SAAeuB,GAANX"}
+{"version":3,"file":"MenuList.js","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS: string[] = [...keyboardKeys.ArrowUp.key, ...keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Компонент списка элементов в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<ul\\> элемента.\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            do {\n              // eslint-disable-next-line no-useless-assignment\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              if (idx < 0) {\n                idx = listItems.length - 1\n              } else if (idx > listItems.length - 1) {\n                idx = 0\n              }\n            } while (!(listItems[idx] instanceof HTMLElement && focusFirstFocusable(listItems[idx] as HTMLElement)))\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return child === null || child === undefined || typeof child === 'boolean' ? (\n            child\n          ) : (\n            <li key={idx}>{child}</li>\n          )\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","validate","length","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement","undefined"],"mappings":"oNAMA,MAAMA,SAAqB,IAAIC,UAAAA,aAAaC,QAAQC,OAAQF,UAAAA,aAAaG,UAAUD,sBAQlBE,MAAAA,WAC/D,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,MAAAA,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,uBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,WAAAA,IAACC,MAAAA,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC5B,SAAS6B,SAASD,EAAIzB,KAAM,CAC9ByB,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,UAAWC,GAASA,EAAKC,SAASR,EAAIS,SAE1D,GAEEJ,EAAMhC,UAAAA,aAAaC,QAAQoC,SAASV,EAAIzB,OAAS8B,IAAQA,EAErDA,EAAM,EACRA,EAAMF,EAAUQ,OAAS,EAChBN,EAAMF,EAAUQ,OAAS,IAClCN,EAAM,WAECF,EAAUE,aAAgBO,aAAeC,wBAAoBV,EAAUE,KACpF,GAEF1B,IAAKA,EAAIc,SAERqB,MAAAA,SAASC,IAAItB,EAAU,CAACuB,EAAOX,IAC1BX,MAAAA,eAAesB,GAGVnB,WAAAA,IAAA,KAAA,CAAAJ,SAAewB,MAAAA,aAAaD,EAAO,IAAKxB,YAFrBwB,EAAMtC,OAAU,UAAYsC,EAAMtC,QAAU,KAAOsC,EAAMtC,MAAQ,CAAA,KAE3E2B,GAGXW,IAAU,MAAQA,SAAUE,UAAoBF,GAAU,UAC/DA,EAEAnB,WAAAA,IAAA,KAAA,CAAAJ,SAAeuB,GAANX"}

package/components/MenuList/MenuList.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuList.mjs","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS: string[] = [...keyboardKeys.ArrowUp.key, ...keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Component accepts all \\<ul\\> attributes.\n *\n * Responsive \"size\" props are forwarded to children elements.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [MenuListProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/MenuList/types.ts)\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            do {\n              // eslint-disable-next-line no-useless-assignment\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              if (idx < 0) {\n                idx = listItems.length - 1\n              } else if (idx > listItems.length - 1) {\n                idx = 0\n              }\n            } while (!(listItems[idx] instanceof HTMLElement && focusFirstFocusable(listItems[idx] as HTMLElement)))\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return child === null || child === undefined || typeof child === 'boolean' ? (\n            child\n          ) : (\n            <li key={idx}>{child}</li>\n          )\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","validate","length","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement","undefined"],"mappings":"8PAMA,MAAMA,SAAqB,IAAIC,aAAaC,QAAQC,OAAQF,aAAaG,UAAUD,KAYnF,MAAME,SAA2DC,WAC/D,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,iBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,IAACC,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC7B,SAAS8B,SAASD,EAAI1B,KAAM,CAC9B0B,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,UAAWC,GAASA,EAAKC,SAASR,EAAIS,SAE1D,GAEEJ,EAAMjC,aAAaC,QAAQqC,SAASV,EAAI1B,OAAS+B,IAAQA,EAErDA,EAAM,EACRA,EAAMF,EAAUQ,OAAS,EAChBN,EAAMF,EAAUQ,OAAS,IAClCN,EAAM,WAECF,EAAUE,aAAgBO,aAAeC,oBAAoBV,EAAUE,KACpF,GAEF1B,IAAKA,EAAIc,SAERqB,SAASC,IAAItB,EAAU,CAACuB,EAAOX,IAC1BX,eAAesB,GAGVnB,IAAA,KAAA,CAAAJ,SAAewB,aAAaD,EAAO,IAAKxB,YAFrBwB,EAAMtC,OAAU,UAAYsC,EAAMtC,QAAU,KAAOsC,EAAMtC,MAAQ,CAAA,KAE3E2B,GAGXW,IAAU,MAAQA,SAAUE,UAAoBF,GAAU,UAC/DA,EAEAnB,IAAA,KAAA,CAAAJ,SAAeuB,GAANX"}
+{"version":3,"file":"MenuList.mjs","sources":["../../../../src/components/MenuList/MenuList.tsx"],"sourcesContent":["import { forwardRef, Children, isValidElement, cloneElement, Fragment } from 'react'\nimport { focusFirstFocusable } from 'shared/utils/dom'\nimport { keyboardKeys } from 'shared/constants'\nimport type { MenuListProps } from './types'\nimport * as Styled from './style'\n\nconst HOT_KEYS: string[] = [...keyboardKeys.ArrowUp.key, ...keyboardKeys.ArrowDown.key]\n\n/**\n *\n * Компонент списка элементов в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<ul\\> элемента.\n */\nconst MenuList: React.ForwardRefExoticComponent<MenuListProps> = forwardRef<HTMLUListElement, MenuListProps>(\n  (props, ref) => {\n    const {\n      role = 'list',\n      gap = 4,\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      sizeUnits,\n      sizes,\n    }\n\n    const children =\n      isValidElement(restProps.children) &&\n      restProps.children.type === Fragment &&\n      typeof restProps.children.props === 'object' &&\n      restProps.children.props !== null\n        ? restProps.children.props.children\n        : restProps.children\n\n    return (\n      <Styled.Root\n        {...restProps}\n        role={role}\n        gap={gap}\n        onKeyDown={(evt) => {\n          if (restProps.onKeyDown) restProps.onKeyDown(evt)\n\n          if (HOT_KEYS.includes(evt.key)) {\n            evt.preventDefault()\n\n            const listItems = [...evt.currentTarget.children]\n            let idx = listItems.findIndex((item) => item.contains(evt.target as Node))\n\n            do {\n              // eslint-disable-next-line no-useless-assignment\n              idx = keyboardKeys.ArrowUp.validate(evt.key) ? --idx : ++idx\n\n              if (idx < 0) {\n                idx = listItems.length - 1\n              } else if (idx > listItems.length - 1) {\n                idx = 0\n              }\n            } while (!(listItems[idx] instanceof HTMLElement && focusFirstFocusable(listItems[idx] as HTMLElement)))\n          }\n        }}\n        ref={ref}\n      >\n        {Children.map(children, (child, idx) => {\n          if (isValidElement(child)) {\n            const childProps = typeof child.props === 'object' && child.props !== null ? child.props : {}\n\n            return <li key={idx}>{cloneElement(child, { ...sizeProps, ...childProps })}</li>\n          }\n\n          return child === null || child === undefined || typeof child === 'boolean' ? (\n            child\n          ) : (\n            <li key={idx}>{child}</li>\n          )\n        })}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { MenuList }\n"],"names":["HOT_KEYS","keyboardKeys","ArrowUp","key","ArrowDown","MenuList","forwardRef","props","ref","role","gap","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","restProps","sizeProps","children","isValidElement","type","Fragment","_jsx","Styled","onKeyDown","evt","includes","preventDefault","listItems","currentTarget","idx","findIndex","item","contains","target","validate","length","HTMLElement","focusFirstFocusable","Children","map","child","cloneElement","undefined"],"mappings":"8PAMA,MAAMA,SAAqB,IAAIC,aAAaC,QAAQC,OAAQF,aAAaG,UAAUD,KAQnF,MAAME,SAA2DC,WAC/D,CAACC,EAAOC,KACN,MAAMC,KACJA,EAAO,OAAMC,IACbA,EAAM,EAACC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,KACGC,GACDb,EAEJ,MAAMc,EAAY,CAChBV,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,YACAC,SAGF,MAAMG,EACJC,eAAeH,EAAUE,WACzBF,EAAUE,SAASE,OAASC,iBACrBL,EAAUE,SAASf,OAAU,UACpCa,EAAUE,SAASf,QAAU,KACzBa,EAAUE,SAASf,MAAMe,SACzBF,EAAUE,SAEhB,OACEI,IAACC,KAAW,IACNP,EACJX,KAAMA,EACNC,IAAKA,EACLkB,UAAYC,IAGV,GAFIT,EAAUQ,WAAWR,EAAUQ,UAAUC,GAEzC7B,SAAS8B,SAASD,EAAI1B,KAAM,CAC9B0B,EAAIE,iBAEJ,MAAMC,EAAY,IAAIH,EAAII,cAAcX,UACxC,IAAIY,EAAMF,EAAUG,UAAWC,GAASA,EAAKC,SAASR,EAAIS,SAE1D,GAEEJ,EAAMjC,aAAaC,QAAQqC,SAASV,EAAI1B,OAAS+B,IAAQA,EAErDA,EAAM,EACRA,EAAMF,EAAUQ,OAAS,EAChBN,EAAMF,EAAUQ,OAAS,IAClCN,EAAM,WAECF,EAAUE,aAAgBO,aAAeC,oBAAoBV,EAAUE,KACpF,GAEF1B,IAAKA,EAAIc,SAERqB,SAASC,IAAItB,EAAU,CAACuB,EAAOX,IAC1BX,eAAesB,GAGVnB,IAAA,KAAA,CAAAJ,SAAewB,aAAaD,EAAO,IAAKxB,YAFrBwB,EAAMtC,OAAU,UAAYsC,EAAMtC,QAAU,KAAOsC,EAAMtC,MAAQ,CAAA,KAE3E2B,GAGXW,IAAU,MAAQA,SAAUE,UAAoBF,GAAU,UAC/DA,EAEAnB,IAAA,KAAA,CAAAJ,SAAeuB,GAANX"}

package/components/MenuList/style.js

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

package/components/MenuList/style.js.map

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

package/components/MenuList/style.mjs

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

package/components/MenuList/style.mjs.map

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

package/components/Tab/Tab.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const Tab=withMergedProps.withMergedProps(React.forwardRef((e,t)=>{const{size:s="m",type:r="button",textProps:n={},children:i,theme:a,...o}=e;const x={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsxRuntime.jsx(style.Root,{...o,size:s,tabTheme:a,type:o.as===void 0?r:void 0,ref:t,children:o.preset==='brand'?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[o.left?jsxRuntime.jsx(style.Edge,{}):null,jsxRuntime.jsx(style.Content,{children:typeof i=='function'?i({baseTextProps:x,textProps:n}):jsxRuntime.jsx(Text.Text,{...x,...n,children:i})}),o.right?jsxRuntime.jsx(style.Edge,{after:!0}):null]}):typeof i=='function'?i({baseTextProps:x,textProps:n}):jsxRuntime.jsx(Text.Text,{...x,...n,children:i})})}),{displayName:"Tab",sizes:e=>e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.COMPONENT_NAME="Tab",exports.Tab=Tab;
+'use strict';var useMergedProps=require('../../hooks/useMergedProps.js');var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Text=require('../Text/Text.js');const Tab=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((e,t)=>{const{size:s="m",type:r="button",textProps:o={},component:n,as:i,children:a,content:u,theme:l,...c}=useMergedProps.useMergedProps(e,{componentName:"Tab",sizes:e=>e.preset==='brand'?sizes.SIZES:sizes.SIZES_DEFAULT});const p=n??i??'button';const x={as:'span',size:'inherit',color:'inherit',weight:'inherit'};const m={...x,...o};const j=jsxRuntime.jsx(Slot.Slot,{render:u,props:m,fallback:()=>typeof a=='function'?a({baseTextProps:x,textProps:o}):jsxRuntime.jsx(Text.Text,{...m,children:a})});return jsxRuntime.jsx(style.Root,{...c,as:p,size:s,tabTheme:l,type:p==='button'?r:void 0,ref:t,children:c.preset==='brand'?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c.left?jsxRuntime.jsx(style.Edge,{}):null,jsxRuntime.jsx(style.Content,{children:j}),c.right?jsxRuntime.jsx(style.Edge,{after:!0}):null]}):j})});exports.COMPONENT_NAME="Tab",exports.Tab=Tab;
 //# sourceMappingURL=Tab.js.map

package/components/Tab/Tab.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAkBA,MAAMA,IAAiDC,gBAAAA,gBACrDC,MAAAA,WAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,KAAOP,WAAAA,IAACC,WAAW,CAAA,GAAM,KACpCD,WAAAA,IAACC,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAA,IAACQ,UAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,WAAAA,IAACC,MAAAA,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAA,IAACQ,UAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,QAMX,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,UAAAA,MAAQC,iBAAAA,uCAjDzB"}
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { Slot } from 'components/Slot'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport type { ComponentElementType } from 'shared/types'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { SIZES, SIZES_DEFAULT } from './sizes'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<button\\>).\n */\nconst Tab = createPolymorphicComponentWithRef<'button', TabProps>((props, ref) => {\n  const {\n    size = 'm',\n    type = 'button',\n    textProps: textPropsProp = {},\n    component,\n    as: _as,\n    children,\n    content,\n    theme,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, TabProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: (p) => (p.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  })\n\n  const asProp: ComponentElementType = component ?? _as ?? 'button'\n\n  const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n  const textProps: TextProps = { ...baseTextProps, ...textPropsProp }\n\n  const mainContent = (\n    <Slot\n      render={content}\n      props={textProps}\n      fallback={() =>\n        typeof children === 'function' ? (\n          children({ baseTextProps, textProps: textPropsProp })\n        ) : (\n          <Text {...textProps}>{children}</Text>\n        )\n      }\n    />\n  )\n\n  return (\n    <Styled.Root\n      {...restProps}\n      as={asProp}\n      size={size}\n      tabTheme={theme}\n      type={asProp === 'button' ? type : undefined}\n      ref={ref}\n    >\n      {restProps.preset === 'brand' ? (\n        <>\n          {restProps.left ? <Styled.Edge /> : null}\n          <Styled.Content>{mainContent}</Styled.Content>\n          {restProps.right ? <Styled.Edge after /> : null}\n        </>\n      ) : (\n        mainContent\n      )}\n    </Styled.Root>\n  )\n})\n\nconst TabDoc: React.FC<TabProps> = () => null\n\nexport { TabDoc, Tab, COMPONENT_NAME }\n"],"names":["Tab","createPolymorphicComponentWithRef","props","ref","size","type","textProps","textPropsProp","component","as","_as","children","content","theme","restProps","useMergedProps","componentName","sizes","p","preset","SIZES","SIZES_DEFAULT","asProp","baseTextProps","color","weight","mainContent","_jsx","Slot","render","fallback","Text","Styled","tabTheme","undefined","_jsxs","_Fragment","left","right","after"],"mappings":"sWAuBA,MAAMA,IAAMC,kCAAAA,kCAAsD,CAACC,EAAOC,KACxE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,SACPC,UAAWC,EAAgB,CAAA,EAAEC,UAC7BA,EACAC,GAAIC,EAAGC,SACPA,EAAQC,QACRA,EAAOC,MACPA,KACGC,GACDC,eAAAA,eAA8Db,EAAO,CACvEc,cAxBmB,MAyBnBC,MAAQC,GAAOA,EAAEC,SAAW,QAAUC,MAAAA,MAAQC,MAAAA,gBAGhD,MAAMC,EAA+Bd,GAAaE,GAAO,SAEzD,MAAMa,EAA2B,CAAEd,GAAI,OAAQL,KAAM,UAAWoB,MAAO,UAAWC,OAAQ,WAE1F,MAAMnB,EAAuB,IAAKiB,KAAkBhB,GAEpD,MAAMmB,EACJC,WAAAA,IAACC,UAAI,CACHC,OAAQjB,EACRV,MAAOI,EACPwB,SAAUA,WACDnB,GAAa,WAClBA,EAAS,CAAEY,gBAAejB,UAAWC,IAErCoB,WAAAA,IAACI,UAAI,IAAKzB,EAASK,SAAGA,MAM9B,OACEgB,WAAAA,IAACK,MAAAA,KAAW,IACNlB,EACJL,GAAIa,EACJlB,KAAMA,EACN6B,SAAUpB,EACVR,KAAMiB,IAAW,SAAWjB,OAAO6B,EACnC/B,IAAKA,EAAIQ,SAERG,EAAUK,SAAW,QACpBgB,WAAAA,KAAAC,WAAAA,SAAA,CAAAzB,UACGG,EAAUuB,KAAOV,WAAAA,IAACK,WAAW,CAAA,GAAM,KACpCL,WAAAA,IAACK,cAAc,CAAArB,SAAEe,IAChBZ,EAAUwB,MAAQX,WAAAA,IAACK,MAAAA,KAAW,CAACO,OAAK,IAAM,QAG7Cb,6BAhEe"}

package/components/Tab/Tab.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root,Edge,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Tab';const Tab=withMergedProps(forwardRef((t,e)=>{const{size:r="m",type:s="button",textProps:o={},children:n,theme:i,...m}=t;const a={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsx(Root,{...m,size:r,tabTheme:i,type:m.as===void 0?s:void 0,ref:e,children:m.preset==='brand'?jsxs(Fragment,{children:[m.left?jsx(Edge,{}):null,jsx(Content,{children:typeof n=='function'?n({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:n})}),m.right?jsx(Edge,{after:!0}):null]}):typeof n=='function'?n({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:n})})}),{displayName:"Tab",sizes:t=>t.preset==='brand'?SIZES:SIZES_DEFAULT});export{COMPONENT_NAME,Tab};
+import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{SIZES,SIZES_DEFAULT}from'./sizes.mjs';import{Root,Edge,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Tab';const Tab=createPolymorphicComponentWithRef((e,t)=>{const{size:o="m",type:r="button",textProps:s={},component:n,as:i,children:m,content:p,theme:c,...a}=useMergedProps(e,{componentName:"Tab",sizes:e=>e.preset==='brand'?SIZES:SIZES_DEFAULT});const l=n??i??'button';const h={as:'span',size:'inherit',color:'inherit',weight:'inherit'};const x={...h,...s};const d=jsx(Slot,{render:p,props:x,fallback:()=>typeof m=='function'?m({baseTextProps:h,textProps:s}):jsx(Text,{...x,children:m})});return jsx(Root,{...a,as:l,size:o,tabTheme:c,type:l==='button'?r:void 0,ref:t,children:a.preset==='brand'?jsxs(Fragment,{children:[a.left?jsx(Edge,{}):null,jsx(Content,{children:d}),a.right?jsx(Edge,{after:!0}):null]}):d})});export{COMPONENT_NAME,Tab};
 //# sourceMappingURL=Tab.mjs.map

package/components/Tab/Tab.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<TabProps>>((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left ? <Styled.Edge /> : null}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right ? <Styled.Edge after /> : null}\n          </>\n        ) : typeof children === 'function' ? (\n          children({ baseTextProps, textProps })\n        ) : (\n          <Text {...baseTextProps} {...textProps}>\n            {children}\n          </Text>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SAUA,MAAMA,eAAiB,MAQvB,MAAMC,IAAiDC,gBACrDC,WAAqD,CAACC,EAAOC,KAC3D,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,KAAOP,IAACC,KAAW,CAAA,GAAM,KACpCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,MAAQT,IAACC,KAAW,CAACS,OAAK,IAAM,eAEpCjB,GAAa,WACtBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,QAMX,CACEkB,YA/CmB,MAgDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { Slot } from 'components/Slot'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport type { ComponentElementType } from 'shared/types'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { SIZES, SIZES_DEFAULT } from './sizes'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол, предназначенный для навигации между разделами контента.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<button\\>).\n */\nconst Tab = createPolymorphicComponentWithRef<'button', TabProps>((props, ref) => {\n  const {\n    size = 'm',\n    type = 'button',\n    textProps: textPropsProp = {},\n    component,\n    as: _as,\n    children,\n    content,\n    theme,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, TabProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: (p) => (p.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  })\n\n  const asProp: ComponentElementType = component ?? _as ?? 'button'\n\n  const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n  const textProps: TextProps = { ...baseTextProps, ...textPropsProp }\n\n  const mainContent = (\n    <Slot\n      render={content}\n      props={textProps}\n      fallback={() =>\n        typeof children === 'function' ? (\n          children({ baseTextProps, textProps: textPropsProp })\n        ) : (\n          <Text {...textProps}>{children}</Text>\n        )\n      }\n    />\n  )\n\n  return (\n    <Styled.Root\n      {...restProps}\n      as={asProp}\n      size={size}\n      tabTheme={theme}\n      type={asProp === 'button' ? type : undefined}\n      ref={ref}\n    >\n      {restProps.preset === 'brand' ? (\n        <>\n          {restProps.left ? <Styled.Edge /> : null}\n          <Styled.Content>{mainContent}</Styled.Content>\n          {restProps.right ? <Styled.Edge after /> : null}\n        </>\n      ) : (\n        mainContent\n      )}\n    </Styled.Root>\n  )\n})\n\nconst TabDoc: React.FC<TabProps> = () => null\n\nexport { TabDoc, Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","createPolymorphicComponentWithRef","props","ref","size","type","textProps","textPropsProp","component","as","_as","children","content","theme","restProps","useMergedProps","componentName","sizes","p","preset","SIZES","SIZES_DEFAULT","asProp","baseTextProps","color","weight","mainContent","_jsx","Slot","render","fallback","Text","Styled","tabTheme","undefined","_jsxs","_Fragment","left","right","after"],"mappings":"kXAWA,MAAMA,eAAiB,MAYvB,MAAMC,IAAMC,kCAAsD,CAACC,EAAOC,KACxE,MAAMC,KACJA,EAAO,IAAGC,KACVA,EAAO,SACPC,UAAWC,EAAgB,CAAA,EAAEC,UAC7BA,EACAC,GAAIC,EAAGC,SACPA,EAAQC,QACRA,EAAOC,MACPA,KACGC,GACDC,eAA8Db,EAAO,CACvEc,cAxBmB,MAyBnBC,MAAQC,GAAOA,EAAEC,SAAW,QAAUC,MAAQC,gBAGhD,MAAMC,EAA+Bd,GAAaE,GAAO,SAEzD,MAAMa,EAA2B,CAAEd,GAAI,OAAQL,KAAM,UAAWoB,MAAO,UAAWC,OAAQ,WAE1F,MAAMnB,EAAuB,IAAKiB,KAAkBhB,GAEpD,MAAMmB,EACJC,IAACC,KAAI,CACHC,OAAQjB,EACRV,MAAOI,EACPwB,SAAUA,WACDnB,GAAa,WAClBA,EAAS,CAAEY,gBAAejB,UAAWC,IAErCoB,IAACI,KAAI,IAAKzB,EAASK,SAAGA,MAM9B,OACEgB,IAACK,KAAW,IACNlB,EACJL,GAAIa,EACJlB,KAAMA,EACN6B,SAAUpB,EACVR,KAAMiB,IAAW,SAAWjB,OAAO6B,EACnC/B,IAAKA,EAAIQ,SAERG,EAAUK,SAAW,QACpBgB,KAAAC,SAAA,CAAAzB,UACGG,EAAUuB,KAAOV,IAACK,KAAW,CAAA,GAAM,KACpCL,IAACK,QAAc,CAAArB,SAAEe,IAChBZ,EAAUwB,MAAQX,IAACK,KAAW,CAACO,OAAK,IAAM,QAG7Cb"}