@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

package/components/Media/useMediaConnector.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var useMountedStatus=require('../../hooks/useMountedStatus.js');var context=require('./context.js');const useMediaConnector=Object.assign(((a={})=>{const{minXXS:n,minXS:e,minS:o,minM:t,minL:m,minXL:i,minXXL:X,maxXXS:s,maxXS:r,maxS:c,maxM:x,maxL:u,maxXL:S,maxXXL:l,landscape:L,portrait:B}=a;const M=React.useContext(context.MediaContext);const[d,p]=React.useState(Object.create(null));const f=useMountedStatus.useMountedStatus();return React.useLayoutEffect((()=>{const a={minXXS:Boolean(n),minXS:Boolean(e),minS:Boolean(o),minM:Boolean(t),minL:Boolean(m),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(r),maxS:Boolean(c),maxM:Boolean(x),maxL:Boolean(u),maxXL:Boolean(S),maxXXL:Boolean(l),landscape:Boolean(L),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter((n=>a[n.id])).forEach((a=>{const n=a.subscribe((n=>{p((e=>({...e,[a.id]:n.matches})))}));d.push(n)})),()=>{d.forEach((a=>{a()})),f()&&p(Object.create(null))}}),[M,n,e,o,t,m,i,X,s,r,c,x,u,S,l,L,B,f]),d}),{getConfig:(a={})=>({minXXS:a.min==='XXS',minXS:a.min==='XS',minS:a.min==='S',minM:a.min==='M',minL:a.min==='L',minXL:a.min==='XL',minXXL:a.min==='XXL',maxXXS:a.max==='XXS',maxXS:a.max==='XS',maxS:a.max==='S',maxM:a.max==='M',maxL:a.max==='L',maxXL:a.max==='XL',maxXXL:a.max==='XXL',landscape:a.orientation==='landscape',portrait:a.orientation==='portrait'})});exports.useMediaConnector=useMediaConnector;
+'use strict';var React=require('react');var useMountedStatus=require('../../hooks/useMountedStatus.js');var context=require('./context.js');const useMediaConnector=Object.assign((a={})=>{const{minXXS:n,minXS:e,minS:o,minM:t,minL:m,minXL:i,minXXL:X,maxXXS:s,maxXS:r,maxS:c,maxM:x,maxL:u,maxXL:S,maxXXL:l,landscape:L,portrait:B}=a;const M=React.useContext(context.MediaContext);const[d,p]=React.useState(Object.create(null));const f=useMountedStatus.useMountedStatus();return React.useLayoutEffect(()=>{const a={minXXS:Boolean(n),minXS:Boolean(e),minS:Boolean(o),minM:Boolean(t),minL:Boolean(m),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(r),maxS:Boolean(c),maxM:Boolean(x),maxL:Boolean(u),maxXL:Boolean(S),maxXXL:Boolean(l),landscape:Boolean(L),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter(n=>a[n.id]).forEach(a=>{const n=a.subscribe(n=>{p(e=>({...e,[a.id]:n.matches}))});d.push(n)}),()=>{d.forEach(a=>{a()}),f()&&p(Object.create(null))}},[M,n,e,o,t,m,i,X,s,r,c,x,u,S,l,L,B,f]),d},{getConfig:(a={})=>({minXXS:a.min==='XXS',minXS:a.min==='XS',minS:a.min==='S',minM:a.min==='M',minL:a.min==='L',minXL:a.min==='XL',minXXL:a.min==='XXL',maxXXS:a.max==='XXS',maxXS:a.max==='XS',maxS:a.max==='S',maxM:a.max==='M',maxL:a.max==='L',maxXL:a.max==='XL',maxXXL:a.max==='XXL',landscape:a.orientation==='landscape',portrait:a.orientation==='portrait'})});exports.useMediaConnector=useMediaConnector;
 //# sourceMappingURL=useMediaConnector.js.map

package/components/Media/useMediaConnector.js.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaConnector.js","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n  (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n    const {\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n    } = config\n\n    const mediator = useContext(MediaContext)\n\n    const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n      Object.create(null)\n    )\n\n    const getMountedStatus = useMountedStatus()\n\n    useLayoutEffect(() => {\n      const connectToMatcher: Record<MediaMatcherId, boolean> = {\n        minXXS: Boolean(minXXS),\n        minXS: Boolean(minXS),\n        minS: Boolean(minS),\n        minM: Boolean(minM),\n        minL: Boolean(minL),\n        minXL: Boolean(minXL),\n        minXXL: Boolean(minXXL),\n        maxXXS: Boolean(maxXXS),\n        maxXS: Boolean(maxXS),\n        maxS: Boolean(maxS),\n        maxM: Boolean(maxM),\n        maxL: Boolean(maxL),\n        maxXL: Boolean(maxXL),\n        maxXXL: Boolean(maxXXL),\n        landscape: Boolean(landscape),\n        portrait: Boolean(portrait),\n      }\n\n      const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n      if (mediator) {\n        mediator.matchers\n          .filter((matcher) => connectToMatcher[matcher.id])\n          .forEach((matcher) => {\n            const unsubscribe = matcher.subscribe((payload) => {\n              setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n            })\n\n            unsubscribeCallbacks.push(unsubscribe)\n          })\n      }\n\n      return () => {\n        unsubscribeCallbacks.forEach((callback) => {\n          callback()\n        })\n\n        if (getMountedStatus()) {\n          setBreakpointsMatches(Object.create(null))\n        }\n      }\n    }, [\n      mediator,\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n      getMountedStatus,\n    ])\n\n    return breakpointsMatches\n  },\n  {\n    getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n      minXXS: options.min === 'XXS',\n      minXS: options.min === 'XS',\n      minS: options.min === 'S',\n      minM: options.min === 'M',\n      minL: options.min === 'L',\n      minXL: options.min === 'XL',\n      minXXL: options.min === 'XXL',\n      maxXXS: options.max === 'XXS',\n      maxXS: options.max === 'XS',\n      maxS: options.max === 'S',\n      maxM: options.max === 'M',\n      maxL: options.max === 'L',\n      maxXL: options.max === 'XL',\n      maxXXL: options.max === 'XXL',\n      landscape: options.orientation === 'landscape',\n      portrait: options.orientation === 'portrait',\n    }),\n  }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"4IAMO,MAAMA,kBAAoBC,OAAOC,QACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,MAAAA,WAAWC,sBAE5B,MAAOC,EAAoBC,GAAyBC,MAAAA,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,iBAAAA,mBAkEzB,OAhEAC,MAAAA,iBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,QAAQC,GAAYL,EAAiBK,EAAQC,MAC7CC,SAASF,IACR,MAAMG,EAAcH,EAAQI,WAAWC,IACrChB,GAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,WAAW,IAG/EV,EAAqBW,KAAKL,EAAY,IAIrC,KACLN,EAAqBK,SAASO,IAC5BA,GAAU,IAGRjB,KACFH,EAAsBvB,OAAOyB,OAAO,MACtC,CACD,GACA,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,CAAkB,GAE3B,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}
+{"version":3,"file":"useMediaConnector.js","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n  (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n    const {\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n    } = config\n\n    const mediator = useContext(MediaContext)\n\n    const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n      Object.create(null)\n    )\n\n    const getMountedStatus = useMountedStatus()\n\n    useLayoutEffect(() => {\n      const connectToMatcher: Record<MediaMatcherId, boolean> = {\n        minXXS: Boolean(minXXS),\n        minXS: Boolean(minXS),\n        minS: Boolean(minS),\n        minM: Boolean(minM),\n        minL: Boolean(minL),\n        minXL: Boolean(minXL),\n        minXXL: Boolean(minXXL),\n        maxXXS: Boolean(maxXXS),\n        maxXS: Boolean(maxXS),\n        maxS: Boolean(maxS),\n        maxM: Boolean(maxM),\n        maxL: Boolean(maxL),\n        maxXL: Boolean(maxXL),\n        maxXXL: Boolean(maxXXL),\n        landscape: Boolean(landscape),\n        portrait: Boolean(portrait),\n      }\n\n      const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n      if (mediator) {\n        mediator.matchers\n          .filter((matcher) => connectToMatcher[matcher.id])\n          .forEach((matcher) => {\n            const unsubscribe = matcher.subscribe((payload) => {\n              setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n            })\n\n            unsubscribeCallbacks.push(unsubscribe)\n          })\n      }\n\n      return () => {\n        unsubscribeCallbacks.forEach((callback) => {\n          callback()\n        })\n\n        if (getMountedStatus()) {\n          setBreakpointsMatches(Object.create(null))\n        }\n      }\n    }, [\n      mediator,\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n      getMountedStatus,\n    ])\n\n    return breakpointsMatches\n  },\n  {\n    getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n      minXXS: options.min === 'XXS',\n      minXS: options.min === 'XS',\n      minS: options.min === 'S',\n      minM: options.min === 'M',\n      minL: options.min === 'L',\n      minXL: options.min === 'XL',\n      minXXL: options.min === 'XXL',\n      maxXXS: options.max === 'XXS',\n      maxXS: options.max === 'XS',\n      maxS: options.max === 'S',\n      maxM: options.max === 'M',\n      maxL: options.max === 'L',\n      maxXL: options.max === 'XL',\n      maxXXL: options.max === 'XXL',\n      landscape: options.orientation === 'landscape',\n      portrait: options.orientation === 'portrait',\n    }),\n  }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"4IAMO,MAAMA,kBAAoBC,OAAOC,OACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,MAAAA,WAAWC,sBAE5B,MAAOC,EAAoBC,GAAyBC,MAAAA,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,iBAAAA,mBAkEzB,OAhEAC,MAAAA,gBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,OAAQC,GAAYL,EAAiBK,EAAQC,KAC7CC,QAASF,IACR,MAAMG,EAAcH,EAAQI,UAAWC,IACrChB,EAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,aAGpEV,EAAqBW,KAAKL,KAIzB,KACLN,EAAqBK,QAASO,IAC5BA,MAGEjB,KACFH,EAAsBvB,OAAOyB,OAAO,SAGvC,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,GAET,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}

package/components/Media/useMediaConnector.mjs

@@ -1,2 +1,2 @@
-import{useContext,useState,useLayoutEffect}from'react';import{useMountedStatus}from'../../hooks/useMountedStatus.mjs';import{MediaContext}from'./context.mjs';const useMediaConnector=Object.assign(((n={})=>{const{minXXS:a,minXS:o,minS:e,minM:m,minL:t,minXL:i,minXXL:X,maxXXS:s,maxXS:x,maxS:r,maxM:S,maxL:c,maxXL:L,maxXXL:l,landscape:u,portrait:B}=n;const M=useContext(MediaContext);const[d,p]=useState(Object.create(null));const f=useMountedStatus();return useLayoutEffect((()=>{const n={minXXS:Boolean(a),minXS:Boolean(o),minS:Boolean(e),minM:Boolean(m),minL:Boolean(t),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(x),maxS:Boolean(r),maxM:Boolean(S),maxL:Boolean(c),maxXL:Boolean(L),maxXXL:Boolean(l),landscape:Boolean(u),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter((a=>n[a.id])).forEach((n=>{const a=n.subscribe((a=>{p((o=>({...o,[n.id]:a.matches})))}));d.push(a)})),()=>{d.forEach((n=>{n()})),f()&&p(Object.create(null))}}),[M,a,o,e,m,t,i,X,s,x,r,S,c,L,l,u,B,f]),d}),{getConfig:(n={})=>({minXXS:n.min==='XXS',minXS:n.min==='XS',minS:n.min==='S',minM:n.min==='M',minL:n.min==='L',minXL:n.min==='XL',minXXL:n.min==='XXL',maxXXS:n.max==='XXS',maxXS:n.max==='XS',maxS:n.max==='S',maxM:n.max==='M',maxL:n.max==='L',maxXL:n.max==='XL',maxXXL:n.max==='XXL',landscape:n.orientation==='landscape',portrait:n.orientation==='portrait'})});export{useMediaConnector};
+import{useContext,useState,useLayoutEffect}from'react';import{useMountedStatus}from'../../hooks/useMountedStatus.mjs';import{MediaContext}from'./context.mjs';const useMediaConnector=Object.assign((n={})=>{const{minXXS:a,minXS:o,minS:e,minM:m,minL:t,minXL:i,minXXL:X,maxXXS:s,maxXS:x,maxS:r,maxM:S,maxL:c,maxXL:L,maxXXL:l,landscape:u,portrait:B}=n;const M=useContext(MediaContext);const[d,p]=useState(Object.create(null));const f=useMountedStatus();return useLayoutEffect(()=>{const n={minXXS:Boolean(a),minXS:Boolean(o),minS:Boolean(e),minM:Boolean(m),minL:Boolean(t),minXL:Boolean(i),minXXL:Boolean(X),maxXXS:Boolean(s),maxXS:Boolean(x),maxS:Boolean(r),maxM:Boolean(S),maxL:Boolean(c),maxXL:Boolean(L),maxXXL:Boolean(l),landscape:Boolean(u),portrait:Boolean(B)};const d=[];return M&&M.matchers.filter(a=>n[a.id]).forEach(n=>{const a=n.subscribe(a=>{p(o=>({...o,[n.id]:a.matches}))});d.push(a)}),()=>{d.forEach(n=>{n()}),f()&&p(Object.create(null))}},[M,a,o,e,m,t,i,X,s,x,r,S,c,L,l,u,B,f]),d},{getConfig:(n={})=>({minXXS:n.min==='XXS',minXS:n.min==='XS',minS:n.min==='S',minM:n.min==='M',minL:n.min==='L',minXL:n.min==='XL',minXXL:n.min==='XXL',maxXXS:n.max==='XXS',maxXS:n.max==='XS',maxS:n.max==='S',maxM:n.max==='M',maxL:n.max==='L',maxXL:n.max==='XL',maxXXL:n.max==='XXL',landscape:n.orientation==='landscape',portrait:n.orientation==='portrait'})});export{useMediaConnector};
 //# sourceMappingURL=useMediaConnector.mjs.map

package/components/Media/useMediaConnector.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaConnector.mjs","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n  (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n    const {\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n    } = config\n\n    const mediator = useContext(MediaContext)\n\n    const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n      Object.create(null)\n    )\n\n    const getMountedStatus = useMountedStatus()\n\n    useLayoutEffect(() => {\n      const connectToMatcher: Record<MediaMatcherId, boolean> = {\n        minXXS: Boolean(minXXS),\n        minXS: Boolean(minXS),\n        minS: Boolean(minS),\n        minM: Boolean(minM),\n        minL: Boolean(minL),\n        minXL: Boolean(minXL),\n        minXXL: Boolean(minXXL),\n        maxXXS: Boolean(maxXXS),\n        maxXS: Boolean(maxXS),\n        maxS: Boolean(maxS),\n        maxM: Boolean(maxM),\n        maxL: Boolean(maxL),\n        maxXL: Boolean(maxXL),\n        maxXXL: Boolean(maxXXL),\n        landscape: Boolean(landscape),\n        portrait: Boolean(portrait),\n      }\n\n      const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n      if (mediator) {\n        mediator.matchers\n          .filter((matcher) => connectToMatcher[matcher.id])\n          .forEach((matcher) => {\n            const unsubscribe = matcher.subscribe((payload) => {\n              setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n            })\n\n            unsubscribeCallbacks.push(unsubscribe)\n          })\n      }\n\n      return () => {\n        unsubscribeCallbacks.forEach((callback) => {\n          callback()\n        })\n\n        if (getMountedStatus()) {\n          setBreakpointsMatches(Object.create(null))\n        }\n      }\n    }, [\n      mediator,\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n      getMountedStatus,\n    ])\n\n    return breakpointsMatches\n  },\n  {\n    getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n      minXXS: options.min === 'XXS',\n      minXS: options.min === 'XS',\n      minS: options.min === 'S',\n      minM: options.min === 'M',\n      minL: options.min === 'L',\n      minXL: options.min === 'XL',\n      minXXL: options.min === 'XXL',\n      maxXXS: options.max === 'XXS',\n      maxXS: options.max === 'XS',\n      maxS: options.max === 'S',\n      maxM: options.max === 'M',\n      maxL: options.max === 'L',\n      maxXL: options.max === 'XL',\n      maxXXL: options.max === 'XXL',\n      landscape: options.orientation === 'landscape',\n      portrait: options.orientation === 'portrait',\n    }),\n  }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"8JAMO,MAAMA,kBAAoBC,OAAOC,QACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,WAAWC,cAE5B,MAAOC,EAAoBC,GAAyBC,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,mBAkEzB,OAhEAC,iBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,QAAQC,GAAYL,EAAiBK,EAAQC,MAC7CC,SAASF,IACR,MAAMG,EAAcH,EAAQI,WAAWC,IACrChB,GAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,WAAW,IAG/EV,EAAqBW,KAAKL,EAAY,IAIrC,KACLN,EAAqBK,SAASO,IAC5BA,GAAU,IAGRjB,KACFH,EAAsBvB,OAAOyB,OAAO,MACtC,CACD,GACA,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,CAAkB,GAE3B,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}
+{"version":3,"file":"useMediaConnector.mjs","sources":["../../../../src/components/Media/useMediaConnector.ts"],"sourcesContent":["import { useState, useContext, useLayoutEffect } from 'react'\nimport { useMountedStatus } from 'hooks/useMountedStatus'\nimport type { UnsubscribeObserverCallback } from 'shared/utils/Observable'\nimport type { MediaMatcherId, MediaConnectorConfig, MediaConnectorGetConfigOptions } from './types'\nimport { MediaContext } from './context'\n\nexport const useMediaConnector = Object.assign(\n  (config: Partial<MediaConnectorConfig> = {}): Partial<Record<MediaMatcherId, boolean>> => {\n    const {\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n    } = config\n\n    const mediator = useContext(MediaContext)\n\n    const [breakpointsMatches, setBreakpointsMatches] = useState<Partial<Record<MediaMatcherId, boolean>>>(\n      Object.create(null)\n    )\n\n    const getMountedStatus = useMountedStatus()\n\n    useLayoutEffect(() => {\n      const connectToMatcher: Record<MediaMatcherId, boolean> = {\n        minXXS: Boolean(minXXS),\n        minXS: Boolean(minXS),\n        minS: Boolean(minS),\n        minM: Boolean(minM),\n        minL: Boolean(minL),\n        minXL: Boolean(minXL),\n        minXXL: Boolean(minXXL),\n        maxXXS: Boolean(maxXXS),\n        maxXS: Boolean(maxXS),\n        maxS: Boolean(maxS),\n        maxM: Boolean(maxM),\n        maxL: Boolean(maxL),\n        maxXL: Boolean(maxXL),\n        maxXXL: Boolean(maxXXL),\n        landscape: Boolean(landscape),\n        portrait: Boolean(portrait),\n      }\n\n      const unsubscribeCallbacks: UnsubscribeObserverCallback[] = []\n\n      if (mediator) {\n        mediator.matchers\n          .filter((matcher) => connectToMatcher[matcher.id])\n          .forEach((matcher) => {\n            const unsubscribe = matcher.subscribe((payload) => {\n              setBreakpointsMatches((prev) => ({ ...prev, [matcher.id]: payload.matches }))\n            })\n\n            unsubscribeCallbacks.push(unsubscribe)\n          })\n      }\n\n      return () => {\n        unsubscribeCallbacks.forEach((callback) => {\n          callback()\n        })\n\n        if (getMountedStatus()) {\n          setBreakpointsMatches(Object.create(null))\n        }\n      }\n    }, [\n      mediator,\n      minXXS,\n      minXS,\n      minS,\n      minM,\n      minL,\n      minXL,\n      minXXL,\n      maxXXS,\n      maxXS,\n      maxS,\n      maxM,\n      maxL,\n      maxXL,\n      maxXXL,\n      landscape,\n      portrait,\n      getMountedStatus,\n    ])\n\n    return breakpointsMatches\n  },\n  {\n    getConfig: (options: MediaConnectorGetConfigOptions = {}): MediaConnectorConfig => ({\n      minXXS: options.min === 'XXS',\n      minXS: options.min === 'XS',\n      minS: options.min === 'S',\n      minM: options.min === 'M',\n      minL: options.min === 'L',\n      minXL: options.min === 'XL',\n      minXXL: options.min === 'XXL',\n      maxXXS: options.max === 'XXS',\n      maxXS: options.max === 'XS',\n      maxS: options.max === 'S',\n      maxM: options.max === 'M',\n      maxL: options.max === 'L',\n      maxXL: options.max === 'XL',\n      maxXXL: options.max === 'XXL',\n      landscape: options.orientation === 'landscape',\n      portrait: options.orientation === 'portrait',\n    }),\n  }\n)\n"],"names":["useMediaConnector","Object","assign","config","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait","mediator","useContext","MediaContext","breakpointsMatches","setBreakpointsMatches","useState","create","getMountedStatus","useMountedStatus","useLayoutEffect","connectToMatcher","Boolean","unsubscribeCallbacks","matchers","filter","matcher","id","forEach","unsubscribe","subscribe","payload","prev","matches","push","callback","getConfig","options","min","max","orientation"],"mappings":"8JAMO,MAAMA,kBAAoBC,OAAOC,OACtC,CAACC,EAAwC,CAAA,KACvC,MAAMC,OACJA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,OACNA,EAAMC,MACNA,EAAKC,KACLA,EAAIC,KACJA,EAAIC,KACJA,EAAIC,MACJA,EAAKC,OACLA,EAAMC,UACNA,EAASC,SACTA,GACEhB,EAEJ,MAAMiB,EAAWC,WAAWC,cAE5B,MAAOC,EAAoBC,GAAyBC,SAClDxB,OAAOyB,OAAO,OAGhB,MAAMC,EAAmBC,mBAkEzB,OAhEAC,gBAAgB,KACd,MAAMC,EAAoD,CACxD1B,OAAQ2B,QAAQ3B,GAChBC,MAAO0B,QAAQ1B,GACfC,KAAMyB,QAAQzB,GACdC,KAAMwB,QAAQxB,GACdC,KAAMuB,QAAQvB,GACdC,MAAOsB,QAAQtB,GACfC,OAAQqB,QAAQrB,GAChBC,OAAQoB,QAAQpB,GAChBC,MAAOmB,QAAQnB,GACfC,KAAMkB,QAAQlB,GACdC,KAAMiB,QAAQjB,GACdC,KAAMgB,QAAQhB,GACdC,MAAOe,QAAQf,GACfC,OAAQc,QAAQd,GAChBC,UAAWa,QAAQb,GACnBC,SAAUY,QAAQZ,IAGpB,MAAMa,EAAsD,GAc5D,OAZIZ,GACFA,EAASa,SACNC,OAAQC,GAAYL,EAAiBK,EAAQC,KAC7CC,QAASF,IACR,MAAMG,EAAcH,EAAQI,UAAWC,IACrChB,EAAuBiB,IAAI,IAAWA,EAAM,CAACN,EAAQC,IAAKI,EAAQE,aAGpEV,EAAqBW,KAAKL,KAIzB,KACLN,EAAqBK,QAASO,IAC5BA,MAGEjB,KACFH,EAAsBvB,OAAOyB,OAAO,SAGvC,CACDN,EACAhB,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAC,EACAQ,IAGKJ,GAET,CACEsB,UAAWA,CAACC,EAA0C,MAAE,CACtD1C,OAAQ0C,EAAQC,MAAQ,MACxB1C,MAAOyC,EAAQC,MAAQ,KACvBzC,KAAMwC,EAAQC,MAAQ,IACtBxC,KAAMuC,EAAQC,MAAQ,IACtBvC,KAAMsC,EAAQC,MAAQ,IACtBtC,MAAOqC,EAAQC,MAAQ,KACvBrC,OAAQoC,EAAQC,MAAQ,MACxBpC,OAAQmC,EAAQE,MAAQ,MACxBpC,MAAOkC,EAAQE,MAAQ,KACvBnC,KAAMiC,EAAQE,MAAQ,IACtBlC,KAAMgC,EAAQE,MAAQ,IACtBjC,KAAM+B,EAAQE,MAAQ,IACtBhC,MAAO8B,EAAQE,MAAQ,KACvB/B,OAAQ6B,EAAQE,MAAQ,MACxB9B,UAAW4B,EAAQG,cAAgB,YACnC9B,SAAU2B,EAAQG,cAAgB"}

package/components/Media/useMediaMatchers.js

@@ -0,0 +1,2 @@
+'use strict';var useMediaConnector=require('./useMediaConnector.js');exports.useMediaMatchers=()=>useMediaConnector.useMediaConnector({minXXS:!0,minXS:!0,minS:!0,minM:!0,minL:!0,minXL:!0,minXXL:!0,maxXXS:!0,maxXS:!0,maxS:!0,maxM:!0,maxL:!0,maxXL:!0,maxXXL:!0,landscape:!0,portrait:!0});
+//# sourceMappingURL=useMediaMatchers.js.map

package/components/Media/useMediaMatchers.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaMatchers.js","sources":["../../../../src/components/Media/useMediaMatchers.ts"],"sourcesContent":["import { useMediaConnector } from './useMediaConnector'\n\n/**\n *\n * Хук для чтения статуса медиа матчеров.\n *\n * Булевые значения говорят о том совпадают ли характеристики вьюпорта с медиа кверями матчеров.\n */\nexport const useMediaMatchers = () => {\n  const breakpointsMatchers = useMediaConnector({\n    minXXS: true,\n    minXS: true,\n    minS: true,\n    minM: true,\n    minL: true,\n    minXL: true,\n    minXXL: true,\n    maxXXS: true,\n    maxXS: true,\n    maxS: true,\n    maxM: true,\n    maxL: true,\n    maxXL: true,\n    maxXXL: true,\n    landscape: true,\n    portrait: true,\n  })\n\n  return breakpointsMatchers\n}\n"],"names":["useMediaMatchers","useMediaConnector","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait"],"mappings":"8FAQgCA,IACFC,kBAAAA,kBAAkB,CAC5CC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,UAAU"}

package/components/Media/useMediaMatchers.mjs

@@ -0,0 +1,2 @@
+import{useMediaConnector}from'./useMediaConnector.mjs';const useMediaMatchers=()=>useMediaConnector({minXXS:!0,minXS:!0,minS:!0,minM:!0,minL:!0,minXL:!0,minXXL:!0,maxXXS:!0,maxXS:!0,maxS:!0,maxM:!0,maxL:!0,maxXL:!0,maxXXL:!0,landscape:!0,portrait:!0});export{useMediaMatchers};
+//# sourceMappingURL=useMediaMatchers.mjs.map

package/components/Media/useMediaMatchers.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useMediaMatchers.mjs","sources":["../../../../src/components/Media/useMediaMatchers.ts"],"sourcesContent":["import { useMediaConnector } from './useMediaConnector'\n\n/**\n *\n * Хук для чтения статуса медиа матчеров.\n *\n * Булевые значения говорят о том совпадают ли характеристики вьюпорта с медиа кверями матчеров.\n */\nexport const useMediaMatchers = () => {\n  const breakpointsMatchers = useMediaConnector({\n    minXXS: true,\n    minXS: true,\n    minS: true,\n    minM: true,\n    minL: true,\n    minXL: true,\n    minXXL: true,\n    maxXXS: true,\n    maxXS: true,\n    maxS: true,\n    maxM: true,\n    maxL: true,\n    maxXL: true,\n    maxXXL: true,\n    landscape: true,\n    portrait: true,\n  })\n\n  return breakpointsMatchers\n}\n"],"names":["useMediaMatchers","useMediaConnector","minXXS","minXS","minS","minM","minL","minXL","minXXL","maxXXS","maxXS","maxS","maxM","maxL","maxXL","maxXXL","landscape","portrait"],"mappings":"uDAQO,MAAMA,iBAAmBA,IACFC,kBAAkB,CAC5CC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,QAAQ,EACRC,OAAO,EACPC,MAAM,EACNC,MAAM,EACNC,MAAM,EACNC,OAAO,EACPC,QAAQ,EACRC,WAAW,EACXC,UAAU"}

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,t)=>{const{size:n="m",disableFlip:r=!0,offset:s=8,placement:i="bottom-start",styles:o={},sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M,render:v,primary:z,secondary:f,palette:C,autoFocus:j,disableAutoFocus:b,portalElement:L,...q}=e;const y={size:n,sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M};const[h,R]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect((()=>{let e=null;return L?R(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),R(e)),()=>{e&&e.isConnected&&e.remove()}}),[L]),L||h?jsxRuntime.jsx(Tooltip.Tooltip,{...q,ref:t,preset:"brand",hideArrow:!0,portalElement:L??h,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),q.getPopper&&q.getPopper(e,t)},callback:(e,t)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),q.callback&&q.callback(e,t)},disableFlip:r,offset:s,placement:i,styles:misc.deepmerge(f?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},o),component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...y,autoFocus:j,disableAutoFocus:b,primary:z,secondary:f,palette:C,children:v})}):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 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,t)=>{const{size:n="m",disableFlip:r=!0,offset:s=8,placement:i="bottom-start",styles:o={},sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M,render:v,primary:z,secondary:f,palette:C,autoFocus:j,disableAutoFocus:b,portalElement:L,...q}=e;const y={size:n,sizeXXS:u,sizeXS:a,sizeS:c,sizeM:l,sizeL:p,sizeXL:m,sizes:d,sizeUnits:M};const[h,R]=React.useState(null);const g=React.useRef(null);return React.useLayoutEffect(()=>{let e=null;return L?R(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),R(e)),()=>{e&&e.isConnected&&e.remove()}},[L]),L||h?jsxRuntime.jsx(Tooltip.Tooltip,{...q,ref:t,preset:"brand",hideArrow:!0,portalElement:L??h,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(g.current=e.state.elements.reference),q.getPopper&&q.getPopper(e,t)},callback:(e,t)=>{e==='close'&&g.current instanceof HTMLElement&&dom.focusFirstFocusable(g.current),q.callback&&q.callback(e,t)},disableFlip:r,offset:s,placement:i,styles:misc.deepmerge(f?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},o),component:jsxRuntime.jsx(MenuComponent.MenuComponent,{...y,autoFocus:j,disableAutoFocus:b,primary:z,secondary:f,palette:C,children:v})}):null}),{displayName:'Menu',sizes:constants.SIZES}),{Component:MenuComponent.MenuComponent,List:MenuList.MenuList,Container:MenuContainer.MenuContainer,Divider:MenuDivider.MenuDivider});exports.Menu=Menu;
 //# sourceMappingURL=Menu.js.map

package/components/Menu/Menu.js.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.js","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, 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        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        portalElement,\n        ...restProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n      }\n\n      const [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          {...restProps}\n          ref={ref}\n          preset='brand'\n          hideArrow\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 (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={deepmerge(\n            (secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n            styles\n          )}\n          component={\n            <MenuComponent\n              {...sizeProps}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","portalElement","restProps","sizeProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","deepmerge","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"wjBAyBA,MAAMA,KAKFC,OAAOC,OACTC,gBAAAA,gBACEC,MAAAA,YAAmD,CAACC,EAAOC,KACzD,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAA,EAAEC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,cAChBA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBrB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAOU,EAAQC,GAAaC,MAAAA,SAA6B,MAEzD,MAAMC,EAAUC,MAAAA,OAA2B,MAyB3C,OAvBAC,MAAAA,iBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIT,EACFI,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,QACb,CACD,GACA,CAAClB,IAECA,GAAkBG,EAKrBgB,WAAAA,IAACC,QAAAA,QAAO,IACFnB,EACJrB,IAAKA,EACLyC,OAAO,QACPC,WAAS,EACTtB,cAAeA,GAAiBG,EAChCoB,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CvB,EAAQwB,QAAUN,EAAOE,MAAMC,SAASC,WAGtC3B,EAAUsB,WACZtB,EAAUsB,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAW1B,EAAQwB,mBAAmBD,aACnDK,IAAAA,oBAAoB5B,EAAQwB,SAG1B7B,EAAU8B,UACZ9B,EAAU8B,SAASC,EAAQC,EAC7B,EAEFnD,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQkD,KAAAA,UACLvC,EACG,CAAEwC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBtD,GAEFuD,UACErB,WAAAA,IAACsB,4BAAa,IACRvC,EACJJ,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ6C,SAEhBhD,MA9CA,IAiDL,IAGN,CACEiD,YAzIiB,OA0IjBnD,MAAOoD,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 { 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        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        portalElement,\n        ...restProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n      }\n\n      const [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          {...restProps}\n          ref={ref}\n          preset='brand'\n          hideArrow\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 (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={deepmerge(\n            (secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n            styles\n          )}\n          component={\n            <MenuComponent\n              {...sizeProps}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","portalElement","restProps","sizeProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","deepmerge","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","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,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,cAChBA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBrB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAOU,EAAQC,GAAaC,MAAAA,SAA6B,MAEzD,MAAMC,EAAUC,MAAAA,OAA2B,MAyB3C,OAvBAC,MAAAA,gBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIT,EACFI,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,CAAClB,IAECA,GAAkBG,EAKrBgB,WAAAA,IAACC,QAAAA,QAAO,IACFnB,EACJrB,IAAKA,EACLyC,OAAO,QACPC,WAAS,EACTtB,cAAeA,GAAiBG,EAChCoB,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CvB,EAAQwB,QAAUN,EAAOE,MAAMC,SAASC,WAGtC3B,EAAUsB,WACZtB,EAAUsB,UAAUC,EAAQC,IAGhCM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAW1B,EAAQwB,mBAAmBD,aACnDK,IAAAA,oBAAoB5B,EAAQwB,SAG1B7B,EAAU8B,UACZ9B,EAAU8B,SAASC,EAAQC,IAG/BnD,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQkD,KAAAA,UACLvC,EACG,CAAEwC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBtD,GAEFuD,UACErB,WAAAA,IAACsB,4BAAa,IACRvC,EACJJ,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ6C,SAEhBhD,MA9CA,OAoDX,CACEiD,YAzIiB,OA0IjBnD,MAAOoD,UAAAA,QAGX,CACEC,UAAWJ,cAAAA,cACXK,KAAMC,SAAAA,SACNC,UAAWC,cAAAA,cACXC,QAASC,YAAAA"}

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:s=!0,offset:r=8,placement:n="bottom-start",styles:i={},sizeXXS:m,sizeXS:u,sizeS:a,sizeM:p,sizeL:l,sizeXL:c,sizes:d,sizeUnits:f,render:M,primary:z,secondary:b,palette:j,autoFocus:C,disableAutoFocus:L,portalElement:y,...S}=e;const F={size:o,sizeXXS:m,sizeXS:u,sizeS:a,sizeM:p,sizeL:l,sizeXL:c,sizes:d,sizeUnits:f};const[g,h]=useState(null);const E=useRef(null);return useLayoutEffect((()=>{let e=null;return y?h(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),h(e)),()=>{e&&e.isConnected&&e.remove()}}),[y]),y||g?jsx(Tooltip,{...S,ref:t,preset:"brand",hideArrow:!0,portalElement:y??g,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(E.current=e.state.elements.reference),S.getPopper&&S.getPopper(e,t)},callback:(e,t)=>{e==='close'&&E.current instanceof HTMLElement&&focusFirstFocusable(E.current),S.callback&&S.callback(e,t)},disableFlip:s,offset:r,placement:n,styles:deepmerge(b?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),component:jsx(MenuComponent,{...F,autoFocus:C,disableAutoFocus:L,primary:z,secondary:b,palette:j,children:M})}):null})),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
+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:s=!0,offset:r=8,placement:n="bottom-start",styles:i={},sizeXXS:m,sizeXS:u,sizeS:a,sizeM:p,sizeL:l,sizeXL:c,sizes:d,sizeUnits:f,render:M,primary:z,secondary:b,palette:j,autoFocus:C,disableAutoFocus:L,portalElement:y,...S}=e;const F={size:o,sizeXXS:m,sizeXS:u,sizeS:a,sizeM:p,sizeL:l,sizeXL:c,sizes:d,sizeUnits:f};const[g,h]=useState(null);const E=useRef(null);return useLayoutEffect(()=>{let e=null;return y?h(null):document.body&&(e=document.createElement('div'),e.dataset.menuPortal='true',e.style.position='relative',document.body.appendChild(e),h(e)),()=>{e&&e.isConnected&&e.remove()}},[y]),y||g?jsx(Tooltip,{...S,ref:t,preset:"brand",hideArrow:!0,portalElement:y??g,getPopper:(e,t)=>{e.state.elements.reference instanceof HTMLElement&&(E.current=e.state.elements.reference),S.getPopper&&S.getPopper(e,t)},callback:(e,t)=>{e==='close'&&E.current instanceof HTMLElement&&focusFirstFocusable(E.current),S.callback&&S.callback(e,t)},disableFlip:s,offset:r,placement:n,styles:deepmerge(b?{floater:{filter:'none'},wrapper:{cursor:'pointer'}}:{wrapper:{cursor:'pointer'}},i),component:jsx(MenuComponent,{...F,autoFocus:C,disableAutoFocus:L,primary:z,secondary:b,palette:j,children:M})}):null}),{displayName:'Menu',sizes:SIZES}),{Component:MenuComponent,List:MenuList,Container:MenuContainer,Divider:MenuDivider});export{Menu};
 //# sourceMappingURL=Menu.mjs.map

package/components/Menu/Menu.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Menu.mjs","sources":["../../../../src/components/Menu/Menu.tsx"],"sourcesContent":["import { forwardRef, useRef, 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        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        portalElement,\n        ...restProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n      }\n\n      const [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          {...restProps}\n          ref={ref}\n          preset='brand'\n          hideArrow\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 (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={deepmerge(\n            (secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n            styles\n          )}\n          component={\n            <MenuComponent\n              {...sizeProps}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","portalElement","restProps","sizeProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","deepmerge","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","SIZES","Component","List","MenuList","Container","MenuContainer","Divider","MenuDivider"],"mappings":"6kBAyBA,MAAMA,KAKFC,OAAOC,OACTC,gBACEC,YAAmD,CAACC,EAAOC,KACzD,MAAMC,KACJA,EAAO,IAAGC,YACVA,GAAc,EAAIC,OAClBA,EAAS,EAACC,UACVA,EAAY,eAAcC,OAC1BA,EAAS,CAAA,EAAEC,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,cAChBA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBrB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAOU,EAAQC,GAAaC,SAA6B,MAEzD,MAAMC,EAAUC,OAA2B,MAyB3C,OAvBAC,iBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIT,EACFI,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,QACb,CACD,GACA,CAAClB,IAECA,GAAkBG,EAKrBgB,IAACC,QAAO,IACFnB,EACJrB,IAAKA,EACLyC,OAAO,QACPC,WAAS,EACTtB,cAAeA,GAAiBG,EAChCoB,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CvB,EAAQwB,QAAUN,EAAOE,MAAMC,SAASC,WAGtC3B,EAAUsB,WACZtB,EAAUsB,UAAUC,EAAQC,EAC9B,EAEFM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAW1B,EAAQwB,mBAAmBD,aACnDK,oBAAoB5B,EAAQwB,SAG1B7B,EAAU8B,UACZ9B,EAAU8B,SAASC,EAAQC,EAC7B,EAEFnD,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQkD,UACLvC,EACG,CAAEwC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBtD,GAEFuD,UACErB,IAACsB,cAAa,IACRvC,EACJJ,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ6C,SAEhBhD,MA9CA,IAiDL,IAGN,CACEiD,YAzIiB,OA0IjBnD,MAAOoD,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 { 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        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n        render,\n        primary,\n        secondary,\n        palette,\n        autoFocus,\n        disableAutoFocus,\n        portalElement,\n        ...restProps\n      } = props\n\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizes,\n        sizeUnits,\n      }\n\n      const [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          {...restProps}\n          ref={ref}\n          preset='brand'\n          hideArrow\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 (restProps.getPopper) {\n              restProps.getPopper(popper, origin)\n            }\n          }}\n          callback={(action, tooltipProps) => {\n            if (action === 'close' && trigger.current instanceof HTMLElement) {\n              focusFirstFocusable(trigger.current)\n            }\n\n            if (restProps.callback) {\n              restProps.callback(action, tooltipProps)\n            }\n          }}\n          disableFlip={disableFlip}\n          offset={offset}\n          placement={placement}\n          styles={deepmerge(\n            (secondary\n              ? { floater: { filter: 'none' }, wrapper: { cursor: 'pointer' } }\n              : { wrapper: { cursor: 'pointer' } }) as Partial<Styles>,\n            styles\n          )}\n          component={\n            <MenuComponent\n              {...sizeProps}\n              autoFocus={autoFocus}\n              disableAutoFocus={disableAutoFocus}\n              primary={primary}\n              secondary={secondary}\n              palette={palette}\n            >\n              {render}\n            </MenuComponent>\n          }\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: MenuComponent,\n    List: MenuList,\n    Container: MenuContainer,\n    Divider: MenuDivider,\n  }\n)\n\nexport { Menu }\n"],"names":["Menu","Object","assign","withMergedProps","forwardRef","props","ref","size","disableFlip","offset","placement","styles","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizes","sizeUnits","render","primary","secondary","palette","autoFocus","disableAutoFocus","portalElement","restProps","sizeProps","portal","setPortal","useState","trigger","useRef","useLayoutEffect","menuPortal","document","body","createElement","dataset","style","position","appendChild","isConnected","remove","_jsx","Tooltip","preset","hideArrow","getPopper","popper","origin","state","elements","reference","HTMLElement","current","callback","action","tooltipProps","focusFirstFocusable","deepmerge","floater","filter","wrapper","cursor","component","MenuComponent","children","displayName","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,QACXA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,UACLA,EAASC,OACTA,EAAMC,QACNA,EAAOC,UACPA,EAASC,QACTA,EAAOC,UACPA,EAASC,iBACTA,EAAgBC,cAChBA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBrB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,aAGF,MAAOU,EAAQC,GAAaC,SAA6B,MAEzD,MAAMC,EAAUC,OAA2B,MAyB3C,OAvBAC,gBAAgB,KACd,IAAIC,EAAiC,KAerC,OAbIT,EACFI,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,CAAClB,IAECA,GAAkBG,EAKrBgB,IAACC,QAAO,IACFnB,EACJrB,IAAKA,EACLyC,OAAO,QACPC,WAAS,EACTtB,cAAeA,GAAiBG,EAChCoB,UAAWA,CAACC,EAAQC,KACdD,EAAOE,MAAMC,SAASC,qBAAqBC,cAC7CvB,EAAQwB,QAAUN,EAAOE,MAAMC,SAASC,WAGtC3B,EAAUsB,WACZtB,EAAUsB,UAAUC,EAAQC,IAGhCM,SAAUA,CAACC,EAAQC,KACbD,IAAW,SAAW1B,EAAQwB,mBAAmBD,aACnDK,oBAAoB5B,EAAQwB,SAG1B7B,EAAU8B,UACZ9B,EAAU8B,SAASC,EAAQC,IAG/BnD,YAAaA,EACbC,OAAQA,EACRC,UAAWA,EACXC,OAAQkD,UACLvC,EACG,CAAEwC,QAAS,CAAEC,OAAQ,QAAUC,QAAS,CAAEC,OAAQ,YAClD,CAAED,QAAS,CAAEC,OAAQ,YACzBtD,GAEFuD,UACErB,IAACsB,cAAa,IACRvC,EACJJ,UAAWA,EACXC,iBAAkBA,EAClBJ,QAASA,EACTC,UAAWA,EACXC,QAASA,EAAQ6C,SAEhBhD,MA9CA,OAoDX,CACEiD,YAzIiB,OA0IjBnD,MAAOoD,QAGX,CACEC,UAAWJ,cACXK,KAAMC,SACNC,UAAWC,cACXC,QAASC"}

package/components/MenuComponent/MenuComponent.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var dom=require('../../shared/utils/dom.js');var constants=require('./constants.js');var style=require('./style.js');var 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 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;
 //# 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,KAAe,EAY5B,MAAMC,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YAA4D,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,GAAc,IAAMe,EAAIG,SAAS,IAEnGC,MAAAA,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBV,GAAoBI,EAAIG,SAASI,IAAAA,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,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,GACM,IAGlB,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 { 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"}

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{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};
 //# 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,KAAe,EAY5B,MAAMC,cAAqEC,gBAIzEC,YAA4D,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,GAAc,IAAMe,EAAIG,SAAS,IAEnGC,WAAU,KACR,MAAMC,EAAUC,YAAW,MACpBV,GAAoBI,EAAIG,SAASI,oBAAoBP,EAAIG,QAAQ,GACrE,GAEH,MAAO,KACLK,aAAaH,EAAQ,CACtB,GACA,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,GACM,IAGlB,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 { 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"}

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 ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})),secondary:styled.css(["",""],o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})(["box-sizing:border-box;isolation:isolate;border-radius:12px;border:1px solid transparent;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;"," ",""],o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,responsiveSize.responsiveSize);exports.COLOR_SCHEMA=COLOR_SCHEMA,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuComponent/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp((propKey) => !['black', 'elevated'].includes(propKey))\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledMenuComponentProps>({\n  shouldForwardProp: shouldForwardMenuComponentProp,\n})`\n  box-sizing: border-box;\n  isolation: isolate;\n  border-radius: 12px;\n  border: 1px solid transparent;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: thin;\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize"],"mappings":"iRAKA,MAAMA,+BAAiCC,MAAAA,yBAAyBC,IAAa,CAAC,QAAS,YAAYC,SAASD,KAE5G,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,OAAAA,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,YAGfY,UAAWN,OAAAA,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,aAKV,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAqC,CAClEC,kBAAmBtB,iCACnBqB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAElB,CAAA,kJAAA,IAAA,KASGP,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,SAG/De,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 ${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"}

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 ${o.shadowColor};\n`;const COLOR_SCHEMA={primary:css(["",""],o=>template({backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors.transparent,shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})),secondary:css(["",""],o=>template({backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardMenuComponentProp}).withConfig({displayName:"MenuComponent__Root",componentId:"ui__sc-10iu45v-0"})(["box-sizing:border-box;isolation:isolate;border-radius:12px;border:1px solid transparent;overflow-x:hidden;overflow-y:auto;scrollbar-width:thin;"," ",""],o=>o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary,responsiveSize);export{COLOR_SCHEMA,Root};
 //# sourceMappingURL=style.mjs.map

package/components/MenuComponent/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledMenuComponentProps, MenuComponentPalette } from './types'\n\nconst shouldForwardMenuComponentProp = createShouldForwardProp((propKey) => !['black', 'elevated'].includes(propKey))\n\nconst template = (palette: MenuComponentPalette) => `\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  box-shadow: 0 6px 20px ${palette.shadowColor};\n`\n\nexport const COLOR_SCHEMA = {\n  primary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        borderColor: props.theme.colors.transparent,\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledMenuComponentProps>`\n    ${(props) =>\n      template({\n        backgroundColor: props.theme.colors['bg-onmain-secondary'],\n        borderColor: props.theme.colors['border-onmain-default-large'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div.withConfig<StyledMenuComponentProps>({\n  shouldForwardProp: shouldForwardMenuComponentProp,\n})`\n  box-sizing: border-box;\n  isolation: isolate;\n  border-radius: 12px;\n  border: 1px solid transparent;\n  overflow-x: hidden;\n  overflow-y: auto;\n  scrollbar-width: thin;\n\n  ${(props) => {\n    return props.secondary ? COLOR_SCHEMA.secondary : COLOR_SCHEMA.primary\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuComponentProp","createShouldForwardProp","propKey","includes","template","palette","backgroundColor","borderColor","shadowColor","COLOR_SCHEMA","primary","css","props","theme","colors","transparent","elevated","secondary","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize"],"mappings":"0KAKA,MAAMA,+BAAiCC,yBAAyBC,IAAa,CAAC,QAAS,YAAYC,SAASD,KAE5G,MAAME,SAAYC,GAAkC,yBAC9BA,EAAQC,qCACZD,EAAQE,0CACCF,EAAQG,iBAG5B,MAAMC,aAAe,CAC1BC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,qBACpCP,YAAaK,EAAMC,MAAMC,OAAOC,YAChCP,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,YAGfY,UAAWN,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,gBAAiBM,EAAMC,MAAMC,OAAO,uBACpCP,YAAaK,EAAMC,MAAMC,OAAO,+BAChCN,YAAaI,EAAMI,SAAWJ,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOC,eACvFH,EAAMP,aAKV,MAAMa,KAAOC,OAAOC,IAAIC,WAAqC,CAClEC,kBAAmBtB,iCACnBqB,WAAA,CAAAE,YAAA,sBAAAC,YAAA,oBAFkBL,CAElB,CAAA,kJAAA,IAAA,KASGP,GACMA,EAAMK,UAAYR,aAAaQ,UAAYR,aAAaC,SAG/De"}
+{"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"}

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: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]})});
 //# 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,YAGzE,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,EAAI,IAG7D,KACHZ,IACW"}
+{"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"}

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,...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};
 //# 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,YAGzE,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,EAAI,IAG7D,KACHZ,IACW"}
+{"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"}

package/components/MenuDivider/MenuDivider.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const MenuDivider=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="m",children:i,spacing:t="extended",sizeXXS:n,sizeXS:o,sizeS:a,sizeM:d,sizeL:z,sizeXL:S,...l}=e;const u={size:r,sizeXXS:n,sizeXS:o,sizeS:a,sizeM:d,sizeL:z,sizeXL:S};const c={...u,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const x=t==='default'?sizes.SIZES_LINE_WITH_DEFAULT_SPACING:t==='extended'?sizes.SIZES_LINE_WITH_EXTENDED_SPACING:sizes.SIZES_LINE_WITH_NONE_SPACING;return jsxRuntime.jsxs(style.Root,{...l,...u,ref:s,children:[jsxRuntime.jsx(style.Content,{...u,sizes:sizes.SIZES_CONTENT,children:renderSlot.renderSlot({slot:i,props:c,fallback:createText(i,c)})}),jsxRuntime.jsx(style.HorizontalLine,{...u,sizes:x})]})})),{sizes:sizes.SIZES,displayName:'MenuDivider'});exports.MenuDivider=MenuDivider;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');const MenuDivider=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:i="m",children:r,spacing:t="extended",sizeXXS:n,sizeXS:o,sizeS:z,sizeM:S,sizeL:d,sizeXL:a,...u}=e;const c={size:i,sizeXXS:n,sizeXS:o,sizeS:z,sizeM:S,sizeL:d,sizeXL:a};const l={...c,sizes:sizes.SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const E=t==='default'?sizes.SIZES_LINE_WITH_DEFAULT_SPACING:t==='extended'?sizes.SIZES_LINE_WITH_EXTENDED_SPACING:sizes.SIZES_LINE_WITH_NONE_SPACING;return jsxRuntime.jsxs(style.Root,{...u,...c,ref:s,children:[jsxRuntime.jsx(style.Content,{...c,sizes:sizes.SIZES_CONTENT,children:jsxRuntime.jsx(Slot.Slot,{render:r,props:l})}),jsxRuntime.jsx(style.HorizontalLine,{...c,sizes:E})]})}),{sizes:sizes.SIZES,displayName:'MenuDivider'});exports.MenuDivider=MenuDivider;
 //# sourceMappingURL=MenuDivider.js.map

package/components/MenuDivider/MenuDivider.js.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\nconst createText = (content: unknown, props: TextProps) =>\n  typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          {renderSlot({\n            slot: children,\n            props: textProps,\n            fallback: createText(children, textProps),\n          })}\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["createText","content","props","_jsx","Text","children","MenuDivider","withMergedProps","forwardRef","ref","size","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","SIZES_CONTENT","renderSlot","slot","fallback","SIZES","displayName"],"mappings":"gTAmBA,MAAMA,WAAaA,CAACC,EAAkBC,WAC7BD,GAAY,iBAAmBA,GAAY,SAAWE,WAAAA,IAACC,UAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAUnG,MAAMK,YAAiEC,gBAAAA,gBAIrEC,MAAAA,YAA0D,CAACN,EAAOO,KAChE,MAAMC,KACJA,EAAO,IAAGL,SACVA,EAAQM,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDhB,EAEJ,MAAMiB,EAAY,CAChBT,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,MAAAA,gCACAhB,IAAY,WACViB,MAAAA,iCACAC,MAAAA,6BAER,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAeC,EAAWV,IAAKA,EAAIJ,SAAA,CAClDF,WAAAA,IAAC4B,cAAc,IAAKZ,EAAWE,MAAOW,MAAAA,cAAc3B,SACjD4B,WAAAA,WAAW,CACVC,KAAM7B,EACNH,MAAOkB,EACPe,SAAUnC,WAAWK,EAAUe,OAGnCjB,WAAAA,IAAC4B,qBAAqB,IAAKZ,EAAWE,MAAOK,MACjC,IAGlB,CACEL,MAAOe,MAAAA,MACPC,YAvEmB"}
+{"version":3,"file":"MenuDivider.js","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Slot } from 'components/Slot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          <Slot render={children} props={textProps} />\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","withMergedProps","forwardRef","props","ref","size","children","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","_jsx","SIZES_CONTENT","Slot","render","SIZES","displayName"],"mappings":"qPA0BA,MAAMA,YAAiEC,gBAAAA,gBAIrEC,MAAAA,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,SACVA,EAAQC,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDX,EAEJ,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,MAAAA,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,MAAAA,gCACAhB,IAAY,WACViB,MAAAA,iCACAC,MAAAA,6BAER,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAeC,EAAWX,IAAKA,EAAIE,SAAA,CAClDsB,WAAAA,IAACD,cAAc,IAAKZ,EAAWE,MAAOY,MAAAA,cAAcvB,SAClDsB,WAAAA,IAACE,UAAI,CAACC,OAAQzB,EAAUH,MAAOa,MAEjCY,WAAAA,IAACD,qBAAqB,IAAKZ,EAAWE,MAAOK,SAInD,CACEL,MAAOe,MAAAA,MACPC,YAhEmB"}

package/components/MenuDivider/MenuDivider.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{Root,Content,HorizontalLine}from'./style.mjs';import{SIZES_CONTENT,SIZES_LINE_WITH_DEFAULT_SPACING,SIZES_LINE_WITH_EXTENDED_SPACING,SIZES_LINE_WITH_NONE_SPACING,SIZES,SIZES_TEXT}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const createText=(e,r)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...r,children:e}):null;const MenuDivider=withMergedProps(forwardRef(((e,r)=>{const{size:s="m",children:i,spacing:t="extended",sizeXXS:o,sizeXS:S,sizeS:n,sizeM:E,sizeL:I,sizeXL:_,...d}=e;const T={size:s,sizeXXS:o,sizeXS:S,sizeS:n,sizeM:E,sizeL:I,sizeXL:_};const m={...T,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const N=t==='default'?SIZES_LINE_WITH_DEFAULT_SPACING:t==='extended'?SIZES_LINE_WITH_EXTENDED_SPACING:SIZES_LINE_WITH_NONE_SPACING;return jsxs(Root,{...d,...T,ref:r,children:[jsx(Content,{...T,sizes:SIZES_CONTENT,children:renderSlot({slot:i,props:m,fallback:createText(i,m)})}),jsx(HorizontalLine,{...T,sizes:N})]})})),{sizes:SIZES,displayName:'MenuDivider'});export{MenuDivider};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Content,HorizontalLine}from'./style.mjs';import{SIZES_CONTENT,SIZES_TEXT,SIZES_LINE_WITH_DEFAULT_SPACING,SIZES_LINE_WITH_EXTENDED_SPACING,SIZES_LINE_WITH_NONE_SPACING,SIZES}from'./sizes.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';const MenuDivider=withMergedProps(forwardRef((e,s)=>{const{size:r="m",children:i,spacing:o="extended",sizeXXS:S,sizeXS:t,sizeS:E,sizeM:I,sizeL:_,sizeXL:n,...N}=e;const d={size:r,sizeXXS:S,sizeXS:t,sizeS:E,sizeM:I,sizeL:_,sizeXL:n};const z={...d,sizes:SIZES_TEXT,appearance:'body',color:'inherit',wordBreak:'break-word'};const m=o==='default'?SIZES_LINE_WITH_DEFAULT_SPACING:o==='extended'?SIZES_LINE_WITH_EXTENDED_SPACING:SIZES_LINE_WITH_NONE_SPACING;return jsxs(Root,{...N,...d,ref:s,children:[jsx(Content,{...d,sizes:SIZES_CONTENT,children:jsx(Slot,{render:i,props:z})}),jsx(HorizontalLine,{...d,sizes:m})]})}),{sizes:SIZES,displayName:'MenuDivider'});export{MenuDivider};
 //# sourceMappingURL=MenuDivider.mjs.map

package/components/MenuDivider/MenuDivider.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\nconst createText = (content: unknown, props: TextProps) =>\n  typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          {renderSlot({\n            slot: children,\n            props: textProps,\n            fallback: createText(children, textProps),\n          })}\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["createText","content","props","_jsx","Text","children","MenuDivider","withMergedProps","forwardRef","ref","size","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","SIZES_CONTENT","renderSlot","slot","fallback","SIZES","displayName"],"mappings":"0aAmBA,MAAMA,WAAaA,CAACC,EAAkBC,WAC7BD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAUnG,MAAMK,YAAiEC,gBAIrEC,YAA0D,CAACN,EAAOO,KAChE,MAAMC,KACJA,EAAO,IAAGL,SACVA,EAAQM,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDhB,EAEJ,MAAMiB,EAAY,CAChBT,OACAE,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,gCACAhB,IAAY,WACViB,iCACAC,6BAER,OACEC,KAACC,KAAW,IAAKb,KAAeC,EAAWV,IAAKA,EAAIJ,SAAA,CAClDF,IAAC4B,QAAc,IAAKZ,EAAWE,MAAOW,cAAc3B,SACjD4B,WAAW,CACVC,KAAM7B,EACNH,MAAOkB,EACPe,SAAUnC,WAAWK,EAAUe,OAGnCjB,IAAC4B,eAAqB,IAAKZ,EAAWE,MAAOK,MACjC,IAGlB,CACEL,MAAOe,MACPC,YAvEmB"}
+{"version":3,"file":"MenuDivider.mjs","sources":["../../../../src/components/MenuDivider/MenuDivider.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Slot } from 'components/Slot'\nimport * as Styled from './style'\nimport type { MenuDividerProps } from './types'\nimport {\n  SIZES,\n  SIZES_CONTENT,\n  SIZES_LINE_WITH_DEFAULT_SPACING,\n  SIZES_LINE_WITH_EXTENDED_SPACING,\n  SIZES_LINE_WITH_NONE_SPACING,\n  SIZES_TEXT,\n} from './sizes'\n\nconst COMPONENT_NAME = 'MenuDivider'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент, разделяющий элементы внутри списка в выпадающем меню.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<div\\> элемента.\n */\nconst MenuDivider: React.ForwardRefExoticComponent<MenuDividerProps> = withMergedProps<\n  MenuDividerProps,\n  HTMLDivElement\n>(\n  forwardRef<HTMLDivElement, MergedProps<MenuDividerProps>>((props, ref) => {\n    const {\n      size = 'm',\n      children,\n      spacing = 'extended',\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      sizes: SIZES_TEXT,\n      appearance: 'body',\n      color: 'inherit',\n      wordBreak: 'break-word',\n    }\n\n    const lineSizes =\n      spacing === 'default'\n        ? SIZES_LINE_WITH_DEFAULT_SPACING\n        : spacing === 'extended'\n          ? SIZES_LINE_WITH_EXTENDED_SPACING\n          : SIZES_LINE_WITH_NONE_SPACING\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} ref={ref}>\n        <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n          <Slot render={children} props={textProps} />\n        </Styled.Content>\n        <Styled.HorizontalLine {...sizeProps} sizes={lineSizes} />\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { MenuDivider }\n"],"names":["MenuDivider","withMergedProps","forwardRef","props","ref","size","children","spacing","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","textProps","sizes","SIZES_TEXT","appearance","color","wordBreak","lineSizes","SIZES_LINE_WITH_DEFAULT_SPACING","SIZES_LINE_WITH_EXTENDED_SPACING","SIZES_LINE_WITH_NONE_SPACING","_jsxs","Styled","_jsx","SIZES_CONTENT","Slot","render","SIZES","displayName"],"mappings":"gXA0BA,MAAMA,YAAiEC,gBAIrEC,WAA0D,CAACC,EAAOC,KAChE,MAAMC,KACJA,EAAO,IAAGC,SACVA,EAAQC,QACRA,EAAU,WAAUC,QACpBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDX,EAEJ,MAAMY,EAAY,CAChBV,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,MAAOC,WACPC,WAAY,OACZC,MAAO,UACPC,UAAW,cAGb,MAAMC,EACJf,IAAY,UACRgB,gCACAhB,IAAY,WACViB,iCACAC,6BAER,OACEC,KAACC,KAAW,IAAKb,KAAeC,EAAWX,IAAKA,EAAIE,SAAA,CAClDsB,IAACD,QAAc,IAAKZ,EAAWE,MAAOY,cAAcvB,SAClDsB,IAACE,KAAI,CAACC,OAAQzB,EAAUH,MAAOa,MAEjCY,IAACD,eAAqB,IAAKZ,EAAWE,MAAOK,SAInD,CACEL,MAAOe,MACPC,YAhEmB"}

package/components/MenuDivider/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');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardMenuDividerProp=style.createShouldForwardProp();const HorizontalLine=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__HorizontalLine",componentId:"ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;",""],responsiveSize.responsiveSize);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Root",componentId:"ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;"," "," ",""],(e=>{return`\n  color: ${(o={color:e.theme.colors['content-onmain-tertiary'],lineColor:e.theme.colors['border-onmain-default-large'],...e.palette}).color};\n\n  & > ${HorizontalLine} {\n    background-color: ${o.lineColor};\n  }\n`;var o}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Content",componentId:"ui__sc-cur5va-2"})(["",""],responsiveSize.responsiveSize);exports.Content=Content,exports.HorizontalLine=HorizontalLine,exports.Root=Root;
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardMenuDividerProp=style.createShouldForwardProp();const HorizontalLine=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__HorizontalLine",componentId:"ui__sc-cur5va-0"})(["box-sizing:border-box;height:1px;",""],responsiveSize.responsiveSize);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Root",componentId:"ui__sc-cur5va-1"})(["box-sizing:border-box;width:100%;min-width:min-content;"," "," ",""],e=>{return`\n  color: ${(o={color:e.theme.colors['content-onmain-tertiary'],lineColor:e.theme.colors['border-onmain-default-large'],...e.palette}).color};\n\n  & > ${HorizontalLine} {\n    background-color: ${o.lineColor};\n  }\n`;var o},responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardMenuDividerProp}).withConfig({displayName:"MenuDivider__Content",componentId:"ui__sc-cur5va-2"})(["",""],responsiveSize.responsiveSize);exports.Content=Content,exports.HorizontalLine=HorizontalLine,exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/MenuDivider/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { StyledMenuDividerProps, MenuDividerPalette, Size } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n\n  ${responsiveSize}\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","props","template","palette","color","theme","colors","lineColor","responsiveMargin","Content"],"mappings":"mVAOA,MAAMA,6BAA+BC,MAAAA,0BAE9B,MAAMC,eAAiBC,gBAAAA,QAAOC,IAAIC,WAEvC,CACAC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAJ4BL,CAI5B,CAAA,oCAAA,IAIEM,eAAAA,gBAWG,MAAMC,KAAOP,gBAAAA,QAAOC,IAAIC,WAAmC,CAChEC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,mBAFkBL,CAElB,CAAA,0DAAA,IAAA,IAAA,KAKGQ,IACDC,MAhB8C,eAAhCC,EAgBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAlBIC,mBAEXZ,2CACgBW,EAAQI,oBAJdJ,KAoBZ,GAEFJ,eAAAA,eACAS,iBAAAA,kBAGG,MAAMC,QAAUhB,gBAAAA,QAAOC,IAAIC,WAAoF,CACpHC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,uBAAAC,YAAA,mBAFqBL,CAErB,CAAA,GAAA,IACEM,eAAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { StyledMenuDividerProps, MenuDividerPalette, Size } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n\n  ${responsiveSize}\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","props","template","palette","color","theme","colors","lineColor","responsiveMargin","Content"],"mappings":"mVAOA,MAAMA,6BAA+BC,MAAAA,0BAE9B,MAAMC,eAAiBC,gBAAAA,QAAOC,IAAIC,WAEvC,CACAC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAJ4BL,CAI5B,CAAA,oCAAA,IAIEM,eAAAA,gBAWG,MAAMC,KAAOP,gBAAAA,QAAOC,IAAIC,WAAmC,CAChEC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,mBAFkBL,CAElB,CAAA,0DAAA,IAAA,IAAA,IAKGQ,IACDC,MAhB8C,eAAhCC,EAgBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAlBIC,mBAEXZ,2CACgBW,EAAQI,oBAJdJ,OAsBdJ,eAAAA,eACAS,iBAAAA,kBAGG,MAAMC,QAAUhB,gBAAAA,QAAOC,IAAIC,WAAoF,CACpHC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,uBAAAC,YAAA,mBAFqBL,CAErB,CAAA,GAAA,IACEM,eAAAA"}

package/components/MenuDivider/style.mjs

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

package/components/MenuDivider/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { StyledMenuDividerProps, MenuDividerPalette, Size } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n\n  ${responsiveSize}\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","props","template","palette","color","theme","colors","lineColor","responsiveMargin","Content"],"mappings":"sOAOA,MAAMA,6BAA+BC,0BAE9B,MAAMC,eAAiBC,OAAOC,IAAIC,WAEvC,CACAC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAJ4BL,CAI5B,CAAA,oCAAA,IAIEM,gBAWG,MAAMC,KAAOP,OAAOC,IAAIC,WAAmC,CAChEC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,mBAFkBL,CAElB,CAAA,0DAAA,IAAA,IAAA,KAKGQ,IACDC,MAhB8C,eAAhCC,EAgBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAlBIC,mBAEXZ,2CACgBW,EAAQI,oBAJdJ,KAoBZ,GAEFJ,eACAS,kBAGG,MAAMC,QAAUhB,OAAOC,IAAIC,WAAoF,CACpHC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,uBAAAC,YAAA,mBAFqBL,CAErB,CAAA,GAAA,IACEM"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/MenuDivider/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { ResponsiveSizeInterpolationProps, ResponsiveSizeProps } from 'shared/interfaces'\nimport type { StyledMenuDividerProps, MenuDividerPalette, Size } from './types'\n\nconst shouldForwardMenuDividerProp = createShouldForwardProp()\n\nexport const HorizontalLine = styled.div.withConfig<\n  ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>\n>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  height: 1px;\n\n  ${responsiveSize}\n`\n\nconst template = (palette: MenuDividerPalette) => `\n  color: ${palette.color};\n\n  & > ${HorizontalLine} {\n    background-color: ${palette.lineColor};\n  }\n`\n\nexport const Root = styled.div.withConfig<StyledMenuDividerProps>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  box-sizing: border-box;\n  width: 100%;\n  min-width: min-content;\n\n  ${(props) =>\n    template({\n      color: props.theme.colors['content-onmain-tertiary'],\n      lineColor: props.theme.colors['border-onmain-default-large'],\n      ...props.palette,\n    })}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.div.withConfig<ResponsiveSizeInterpolationProps<Size, Size, ResponsiveSizeProps<Size>>>({\n  shouldForwardProp: shouldForwardMenuDividerProp,\n})`\n  ${responsiveSize}\n`\n"],"names":["shouldForwardMenuDividerProp","createShouldForwardProp","HorizontalLine","styled","div","withConfig","shouldForwardProp","displayName","componentId","responsiveSize","Root","props","template","palette","color","theme","colors","lineColor","responsiveMargin","Content"],"mappings":"sOAOA,MAAMA,6BAA+BC,0BAE9B,MAAMC,eAAiBC,OAAOC,IAAIC,WAEvC,CACAC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,8BAAAC,YAAA,mBAJ4BL,CAI5B,CAAA,oCAAA,IAIEM,gBAWG,MAAMC,KAAOP,OAAOC,IAAIC,WAAmC,CAChEC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,oBAAAC,YAAA,mBAFkBL,CAElB,CAAA,0DAAA,IAAA,IAAA,IAKGQ,IACDC,MAhB8C,eAAhCC,EAgBL,CACPC,MAAOH,EAAMI,MAAMC,OAAO,2BAC1BC,UAAWN,EAAMI,MAAMC,OAAO,kCAC3BL,EAAME,UAlBIC,mBAEXZ,2CACgBW,EAAQI,oBAJdJ,OAsBdJ,eACAS,kBAGG,MAAMC,QAAUhB,OAAOC,IAAIC,WAAoF,CACpHC,kBAAmBN,+BACnBK,WAAA,CAAAE,YAAA,uBAAAC,YAAA,mBAFqBL,CAErB,CAAA,GAAA,IACEM"}

package/components/MenuList/MenuList.js

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