@foxford/ui 2.89.0-beta-f37e97a-20251217 → 2.89.0

package/components/Dropdown/DropdownMenuNoOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { Redo } from '@foxford/icon-pack'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = <Redo />,\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["props","loadingIcon","_jsx","Styled","LoadingIconAnimated","emptyIcon","Redo","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","jsx","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"2TAQ+BA,IAC7B,MAAMC,YACJA,EAAcC,WAAAA,IAACC,MAA0BC,wBAAGC,UAC5CA,EAAYH,WAAAA,IAACI,MAAIA,SAAGC,iBACpBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEX,EAEJ,OACEY,WAAAA,KAACC,cAAAA,cAAa,CAAAC,SACZZ,CAAAA,WAAAa,IAACZ,oBAAoB,CAAAW,SAEjBZ,WAAAa,IAACC,UADFP,EACM,CACHQ,OAAO,QACPC,YAAajB,GAAgB,SAAWA,OAAckB,EACtDC,YAAanB,GAAgB,SAAWA,OAAckB,KAClDZ,GAGD,CACHU,OAAO,QACPC,YAAab,GAAc,SAAWA,OAAYc,EAClDC,YAAaf,GAAc,SAAWA,OAAYc,KAC9CX,MAITC,GAAWC,EACVR,WAAAA,IAACmB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdJ,IAED,MACFD,GAAWE,EACXT,WAAAA,IAACmB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdH,IAED,OACU"}
+{"version":3,"file":"DropdownMenuNoOptions.js","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = 'redo',\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["props","loadingIcon","_jsx","Styled","LoadingIconAnimated","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","jsx","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"8PAO+BA,IAC7B,MAAMC,YACJA,EAAcC,WAAAA,IAACC,MAA0BC,wBAAGC,UAC5CA,EAAY,OAAMC,iBAClBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,WAAAA,KAACC,cAAAA,cAAa,CAAAC,SACZX,CAAAA,WAAAY,IAACX,oBAAoB,CAAAU,SAEjBX,WAAAY,IAACC,UADFP,EACM,CACHQ,OAAO,QACPC,YAAahB,GAAgB,SAAWA,OAAciB,EACtDC,YAAalB,GAAgB,SAAWA,OAAciB,KAClDZ,GAGD,CACHU,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,KAC9CX,MAITC,GAAWC,EACVP,WAAAA,IAACkB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdJ,IAED,MACFD,GAAWE,EACXR,WAAAA,IAACkB,KAAAA,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGhB,SAEdH,IAED,OACU"}

package/components/Dropdown/DropdownMenuNoOptions.mjs

@@ -1,2 +1,2 @@
-import{IconContainer,LoadingIconAnimated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{Redo}from'../../icon-pack/src/icons/Redo/index.mjs';const DropdownMenuNoOptions=n=>{const{loadingIcon:o=jsx(LoadingIconAnimated,{}),emptyIcon:e=jsx(Redo,{}),loadingIconProps:r={},emptyIconProps:i={},loading:t,loadingMessage:a,emptyMessage:s}=n;return jsxs(MenuContainer,{children:[jsx(IconContainer,{children:jsx(Icon,t?{preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0,...r}:{preset:"brand",name:typeof e=='string'?e:void 0,icon:typeof e!='string'?e:void 0,...i})}),t&&a?jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}):null,!t&&s?jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s}):null]})};export{DropdownMenuNoOptions};
+import{IconContainer,LoadingIconAnimated}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{MenuContainer}from'../MenuContainer/MenuContainer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const DropdownMenuNoOptions=n=>{const{loadingIcon:o=jsx(LoadingIconAnimated,{}),emptyIcon:e="redo",loadingIconProps:r={},emptyIconProps:t={},loading:i,loadingMessage:a,emptyMessage:s}=n;return jsxs(MenuContainer,{children:[jsx(IconContainer,{children:jsx(Icon,i?{preset:"brand",name:typeof o=='string'?o:void 0,icon:typeof o!='string'?o:void 0,...r}:{preset:"brand",name:typeof e=='string'?e:void 0,icon:typeof e!='string'?e:void 0,...t})}),i&&a?jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:a}):null,!i&&s?jsx(Text,{as:"p",appearance:"body",size:"inherit",color:"inherit",textAlign:"center",wordBreak:"break-word",marginRight:12,marginBottom:12,marginLeft:12,children:s}):null]})};export{DropdownMenuNoOptions};
 //# sourceMappingURL=DropdownMenuNoOptions.mjs.map

package/components/Dropdown/DropdownMenuNoOptions.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"DropdownMenuNoOptions.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { Redo } from '@foxford/icon-pack'\nimport { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = <Redo />,\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled","emptyIcon","Redo","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"kSAQMA,MAAAA,sBAAyBC,IAC7B,MAAMC,YACJA,EAAcC,IAACC,wBAA6BC,UAC5CA,EAAYF,IAACG,SAAOC,iBACpBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACEV,EAEJ,OACEW,KAACC,cAAa,CAAAC,SACZX,CAAAA,IAACC,cAAoB,CAAAU,SAEjBX,IAACY,KADFN,EACM,CACHO,OAAO,QACPC,YAAaf,GAAgB,SAAWA,OAAcgB,EACtDC,YAAajB,GAAgB,SAAWA,OAAcgB,KAClDX,GAGD,CACHS,OAAO,QACPC,YAAaZ,GAAc,SAAWA,OAAYa,EAClDC,YAAad,GAAc,SAAWA,OAAYa,KAC9CV,MAITC,GAAWC,EACVP,IAACiB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,IAED,MACFD,GAAWE,EACXR,IAACiB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,IAED,OACU"}
+{"version":3,"file":"DropdownMenuNoOptions.mjs","sources":["../../../../src/components/Dropdown/DropdownMenuNoOptions.tsx"],"sourcesContent":["import { MenuContainer } from 'components/MenuContainer'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\n\nimport type { DropdownMenuNoOptionsProps } from './types'\n\nconst DropdownMenuNoOptions = (props: DropdownMenuNoOptionsProps) => {\n  const {\n    loadingIcon = <Styled.LoadingIconAnimated />,\n    emptyIcon = 'redo',\n    loadingIconProps = {},\n    emptyIconProps = {},\n    loading,\n    loadingMessage,\n    emptyMessage,\n  } = props\n\n  return (\n    <MenuContainer>\n      <Styled.IconContainer>\n        {loading ? (\n          <Icon\n            preset='brand'\n            name={typeof loadingIcon === 'string' ? loadingIcon : undefined}\n            icon={typeof loadingIcon !== 'string' ? loadingIcon : undefined}\n            {...loadingIconProps}\n          />\n        ) : (\n          <Icon\n            preset='brand'\n            name={typeof emptyIcon === 'string' ? emptyIcon : undefined}\n            icon={typeof emptyIcon !== 'string' ? emptyIcon : undefined}\n            {...emptyIconProps}\n          />\n        )}\n      </Styled.IconContainer>\n      {loading && loadingMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {loadingMessage}\n        </Text>\n      ) : null}\n      {!loading && emptyMessage ? (\n        <Text\n          as='p'\n          appearance='body'\n          size='inherit'\n          color='inherit'\n          textAlign='center'\n          wordBreak='break-word'\n          marginRight={12}\n          marginBottom={12}\n          marginLeft={12}\n        >\n          {emptyMessage}\n        </Text>\n      ) : null}\n    </MenuContainer>\n  )\n}\n\nexport { DropdownMenuNoOptions }\n"],"names":["DropdownMenuNoOptions","props","loadingIcon","_jsx","Styled","emptyIcon","loadingIconProps","emptyIconProps","loading","loadingMessage","emptyMessage","_jsxs","MenuContainer","children","Icon","preset","name","undefined","icon","Text","as","appearance","size","color","textAlign","wordBreak","marginRight","marginBottom","marginLeft"],"mappings":"uOAOMA,MAAAA,sBAAyBC,IAC7B,MAAMC,YACJA,EAAcC,IAACC,wBAA6BC,UAC5CA,EAAY,OAAMC,iBAClBA,EAAmB,CAAE,EAAAC,eACrBA,EAAiB,CAAE,EAAAC,QACnBA,EAAOC,eACPA,EAAcC,aACdA,GACET,EAEJ,OACEU,KAACC,cAAa,CAAAC,SACZV,CAAAA,IAACC,cAAoB,CAAAS,SAEjBV,IAACW,KADFN,EACM,CACHO,OAAO,QACPC,YAAad,GAAgB,SAAWA,OAAce,EACtDC,YAAahB,GAAgB,SAAWA,OAAce,KAClDX,GAGD,CACHS,OAAO,QACPC,YAAaX,GAAc,SAAWA,OAAYY,EAClDC,YAAab,GAAc,SAAWA,OAAYY,KAC9CV,MAITC,GAAWC,EACVN,IAACgB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdJ,IAED,MACFD,GAAWE,EACXP,IAACgB,KAAI,CACHC,GAAG,IACHC,WAAW,OACXC,KAAK,UACLC,MAAM,UACNC,UAAU,SACVC,UAAU,aACVC,YAAa,GACbC,aAAc,GACdC,WAAY,GAAGf,SAEdH,IAED,OACU"}

package/components/Dropdown/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var index=require('../../icon-pack/src/icons/ChevronDown/index.js');var index$1=require('../../icon-pack/src/icons/LoaderFill/index.js');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(index.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-1"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(index$1.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled__default.default.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.InputMimic=InputMimic,exports.LoadingIconAnimated=LoadingIconAnimated;
+'use strict';var styled=require('styled-components');var iconPack=require('@foxford/icon-pack');function _interopDefault(n){return n&&n.__esModule?n:{default:n}}var styled__default=_interopDefault(styled);const spinAnimation=styled.keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled__default.default.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled__default.default(iconPack.ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-1"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled__default.default(iconPack.LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled__default.default.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);exports.ChevronIcon=ChevronIcon,exports.IconContainer=IconContainer,exports.InputMimic=InputMimic,exports.LoadingIconAnimated=LoadingIconAnimated;
 //# sourceMappingURL=style.js.map

package/components/Dropdown/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","ChevronIcon","default","ChevronDown","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"2SAGA,MAAMA,cAAgBC,OAASA,UAI9B,CAAA,0CAEYC,cAAgBC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAM5B,CAAA,gGAEM,MAAMK,YAAcL,gBAAMM,QAACC,mBAAaL,WAA4B,CACzEM,kBAAoBC,GAAYA,IAAY,OAC5CP,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAFyBJ,CAEzB,CAAA,GAAA,KACGU,GAAU,gIAISA,EAAMC,GAAK,IAAM,eAIlC,MAAMC,oBAAsBZ,gBAAMM,QAACO,oBAAWX,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFiB,WAAad,gBAAAA,QAAOe,MAAKb,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAgBzB,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","ChevronIcon","default","ChevronDown","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"6MAGA,MAAMA,cAAgBC,OAASA,UAI9B,CAAA,0CAEYC,cAAgBC,gBAAAA,QAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAM5B,CAAA,gGAEM,MAAMK,YAAcL,gBAAMM,QAACC,sBAAaL,WAA4B,CACzEM,kBAAoBC,GAAYA,IAAY,OAC5CP,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAFyBJ,CAEzB,CAAA,GAAA,KACGU,GAAU,gIAISA,EAAMC,GAAK,IAAM,eAIlC,MAAMC,oBAAsBZ,gBAAMM,QAACO,qBAAWX,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFiB,WAAad,gBAAAA,QAAOe,MAAKb,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAgBzB,CAAA"}

package/components/Dropdown/style.mjs

@@ -1,2 +1,2 @@
-import styled,{keyframes}from'styled-components';import{ChevronDown}from'../../icon-pack/src/icons/ChevronDown/index.mjs';import{LoaderFill}from'../../icon-pack/src/icons/LoaderFill/index.mjs';const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-1"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);export{ChevronIcon,IconContainer,InputMimic,LoadingIconAnimated};
+import styled,{keyframes}from'styled-components';import{ChevronDown,LoaderFill}from'@foxford/icon-pack';const spinAnimation=keyframes(["100%{transform:rotate(360deg);}"]);const IconContainer=styled.div.withConfig({displayName:"Dropdown__IconContainer",componentId:"ui__sc-519mcg-0"})(["box-sizing:border-box;display:flex;align-items:center;justify-content:center;margin:12px 0;"]);const ChevronIcon=styled(ChevronDown).withConfig({shouldForwardProp:n=>n!=='up'}).withConfig({displayName:"Dropdown__ChevronIcon",componentId:"ui__sc-519mcg-1"})(["",""],(n=>`\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${n.up?180:0}deg);\n  `));const LoadingIconAnimated=styled(LoaderFill).withConfig({displayName:"Dropdown__LoadingIconAnimated",componentId:"ui__sc-519mcg-2"})(["transform-origin:center;animation:"," 1600ms infinite linear;"],spinAnimation);const InputMimic=styled.input.withConfig({displayName:"Dropdown__InputMimic",componentId:"ui__sc-519mcg-3"})(["box-sizing:border-box;position:absolute;top:0;left:0;appearance:none;border:none;padding:0;margin:0;background-color:transparent;width:100%;height:100%;opacity:0;&:focus{outline:none;}"]);export{ChevronIcon,IconContainer,InputMimic,LoadingIconAnimated};
 //# sourceMappingURL=style.mjs.map

package/components/Dropdown/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","ChevronIcon","ChevronDown","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"iMAGA,MAAMA,cAAgBC,UAIrB,CAAA,0CAEYC,cAAgBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAM5B,CAAA,gGAEM,MAAMK,YAAcL,OAAOM,aAAaJ,WAA4B,CACzEK,kBAAoBC,GAAYA,IAAY,OAC5CN,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAFyBJ,CAEzB,CAAA,GAAA,KACGS,GAAU,gIAISA,EAAMC,GAAK,IAAM,eAIlC,MAAMC,oBAAsBX,OAAOY,YAAWV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFgB,WAAab,OAAOc,MAAKZ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAgBzB,CAAA"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Dropdown/style.ts"],"sourcesContent":["import styled, { keyframes } from 'styled-components'\nimport { LoaderFill, ChevronDown } from '@foxford/icon-pack'\n\nconst spinAnimation = keyframes`\n  100% {\n    transform: rotate(360deg);\n  }\n`\n\nexport const IconContainer = styled.div`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  margin: 12px 0;\n`\n\nexport const ChevronIcon = styled(ChevronDown).withConfig<{ up: boolean }>({\n  shouldForwardProp: (propKey) => propKey !== 'up',\n})`\n  ${(props) => `\n    transition-property: transform;\n    transition-duration: 250ms;\n    transform-origin: center;\n    transform: rotate(${props.up ? 180 : 0}deg);\n  `}\n`\n\nexport const LoadingIconAnimated = styled(LoaderFill)`\n  transform-origin: center;\n  animation: ${spinAnimation} 1600ms infinite linear;\n`\n\nexport const InputMimic = styled.input`\n  box-sizing: border-box;\n  position: absolute;\n  top: 0;\n  left: 0;\n  appearance: none;\n  border: none;\n  padding: 0;\n  margin: 0;\n  background-color: transparent;\n  width: 100%;\n  height: 100%;\n  opacity: 0;\n  &:focus {\n    outline: none;\n  }\n`\n"],"names":["spinAnimation","keyframes","IconContainer","styled","div","withConfig","displayName","componentId","ChevronIcon","ChevronDown","shouldForwardProp","propKey","props","up","LoadingIconAnimated","LoaderFill","InputMimic","input"],"mappings":"wGAGA,MAAMA,cAAgBC,UAIrB,CAAA,0CAEYC,cAAgBC,OAAOC,IAAGC,WAAA,CAAAC,YAAA,0BAAAC,YAAA,mBAAVJ,CAM5B,CAAA,gGAEM,MAAMK,YAAcL,OAAOM,aAAaJ,WAA4B,CACzEK,kBAAoBC,GAAYA,IAAY,OAC5CN,WAAA,CAAAC,YAAA,wBAAAC,YAAA,mBAFyBJ,CAEzB,CAAA,GAAA,KACGS,GAAU,gIAISA,EAAMC,GAAK,IAAM,eAIlC,MAAMC,oBAAsBX,OAAOY,YAAWV,WAAA,CAAAC,YAAA,gCAAAC,YAAA,mBAAlBJ,CAAkB,CAAA,qCAAA,4BAEtCH,qBAGFgB,WAAab,OAAOc,MAAKZ,WAAA,CAAAC,YAAA,uBAAAC,YAAA,mBAAZJ,CAgBzB,CAAA"}

package/components/FormLabel/FormLabel.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/HelpCircle/index.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:s={},hint:t={},badgeProps:n={},sizeXXS:r,sizeXS:i,sizeS:o,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:p,success:u,checked:x,children:j,control:m,label:b,...T},z)=>{const I={size:e,sizeXXS:r,sizeXS:i,sizeS:o,sizeM:a,sizeL:c,sizeXL:l};const S={disabled:d,error:p,success:u,checked:x};const h=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:B,textProps:R={},buttonProps:L={},tooltipProps:g={}}=t;return jsxRuntime.jsxs(style.Root,{...T,...I,...S,ref:z,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...I,...S}):React.cloneElement(m,{...I,...S,...h})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...I,...s,children:b??j}),B?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:S.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...I,...R,children:B}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...I,children:[!L.onClick||g.title||g.content?null:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled}),g.title||g.content?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...g,children:jsxRuntime.jsx(IconButton.IconButton,{icon:jsxRuntime.jsx(index.HelpCircle,{}),marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled})}):null,n.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...n}):null]})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');var IconButton=require('../IconButton/IconButton.js');var Tooltip=require('../Tooltip/Tooltip.js');var Badge=require('../Badge/Badge.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:s={},hint:t={},badgeProps:r={},sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l,disabled:d,error:p,success:u,checked:x,children:j,control:m,label:b,...T},z)=>{const I={size:e,sizeXXS:n,sizeXS:o,sizeS:i,sizeM:a,sizeL:c,sizeXL:l};const S={disabled:d,error:p,success:u,checked:x};const h=typeof m=='object'&&typeof m.props=='object'&&m.props!==null?m.props:{};const{text:B,textProps:R={},buttonProps:L={},tooltipProps:g={}}=t;return jsxRuntime.jsxs(style.Root,{...T,...I,...S,ref:z,children:[jsxRuntime.jsx(style.Control,{children:typeof m=='function'?m({...I,...S}):React.cloneElement(m,{...I,...S,...h})}),jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:constants.SIZES_LABEL,...I,...s,children:b??j}),B?jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",color:S.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:constants.SIZES_SUBTITLE,...I,...R,children:B}):null]}),jsxRuntime.jsxs(style.Hint,{sizes:constants.SIZES_HINT,...I,children:[!L.onClick||g.title||g.content?null:jsxRuntime.jsx(IconButton.IconButton,{icon:"helpCircle",marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled}),g.title||g.content?jsxRuntime.jsx(Tooltip.Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...g,children:jsxRuntime.jsx(IconButton.IconButton,{icon:"helpCircle",marginLeft:2,...I,sizes:constants.SIZES_HINT_BUTTON,iconProps:{sizes:constants.SIZES_HINT_ICON},...L,disabled:S.disabled||L.disabled})}):null,r.children?jsxRuntime.jsx(Badge.Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
 //# sourceMappingURL=FormLabel.js.map

package/components/FormLabel/FormLabel.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon={<HelpCircle />}\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon={<HelpCircle />}\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","jsx","cloneElement","jsxs","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"0cAuBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAC9DiB,CAAAA,WAAAC,IAACF,cAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELa,MAAYA,aAAClB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,WAAAK,KAACJ,cAAc,CAAAhB,SAAA,CACbiB,WAAAC,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAYA,eACftB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,WAAAC,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOlB,EAAWV,SAAW,mBAAqB,2BAClD6B,UAAU,aACVC,MAAOE,UAAeA,kBAClBvB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,WAAAK,KAACJ,WAAW,CAACU,MAAOG,UAAWA,cAAKxB,EAASL,WAC1CY,EAAgBkB,SAAYhB,EAAiBiB,OAAUjB,EAAiBkB,QAarE,KAZFf,WAAAC,IAACe,sBAAU,CACTC,KAAMjB,WAAAA,IAACkB,MAAUA,eACjBC,WAAY,KACR/B,EACJqB,MAAOW,UAAkBA,kBACzBC,UAAW,CAETZ,MAAOa,UAAAA,oBAEL3B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBiB,OAASjB,EAAiBkB,QAC1Cf,WAAAC,IAACsB,gBAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB/B,EAAgBd,SAEpBiB,WAAAC,IAACe,sBAAU,CACTC,KAAMjB,WAAAA,IAACkB,MAAUA,eACjBC,WAAY,KACR/B,EACJqB,MAAOW,UAAkBA,kBACzBC,UAAW,CAETZ,MAAOa,UAAAA,oBAEL3B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,WAAAA,IAAC6B,MAAAA,MAAK,CAAC5D,KAAK,IAAI2D,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAK1D,IACrE,UAEM,IAIpB,CACE2D,YAvJmB,YAwJnBtB,MAAOuB,UAAAA,+BAxJY"}
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon='helpCircle'\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon='helpCircle'\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","jsx","cloneElement","jsxs","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"uYAsBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,WAAAA,KAACC,MAAAA,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAC9DiB,CAAAA,WAAAC,IAACF,cAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELa,MAAYA,aAAClB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,WAAAK,KAACJ,cAAc,CAAAhB,SAAA,CACbiB,WAAAC,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,UAAYA,eACftB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,WAAAC,IAACG,UAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOlB,EAAWV,SAAW,mBAAqB,2BAClD6B,UAAU,aACVC,MAAOE,UAAeA,kBAClBvB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,WAAAK,KAACJ,WAAW,CAACU,MAAOG,UAAWA,cAAKxB,EAASL,WAC1CY,EAAgBkB,SAAYhB,EAAiBiB,OAAUjB,EAAiBkB,QAarE,KAZFf,WAAAC,IAACe,sBAAU,CACTC,KAAK,aACLC,WAAY,KACR9B,EACJqB,MAAOU,UAAkBA,kBACzBC,UAAW,CAETX,MAAOY,UAAAA,oBAEL1B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBiB,OAASjB,EAAiBkB,QAC1Cf,WAAAC,IAACqB,gBAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB9B,EAAgBd,SAEpBiB,WAAAC,IAACe,sBAAU,CACTC,KAAK,aACLC,WAAY,KACR9B,EACJqB,MAAOU,UAAkBA,kBACzBC,UAAW,CAETX,MAAOY,UAAAA,oBAEL1B,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,WAAAA,IAAC4B,MAAAA,MAAK,CAAC3D,KAAK,IAAI0D,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKzD,IACrE,UAEM,IAIpB,CACE0D,YAvJmB,YAwJnBrB,MAAOsB,UAAAA,+BAxJY"}

package/components/FormLabel/FormLabel.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_BUTTON,SIZES_HINT_ICON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{HelpCircle}from'../../icon-pack/src/icons/HelpCircle/index.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:s={},badgeProps:r={},sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:p,error:d,success:m,checked:S,children:I,control:T,label:j,...x},E)=>{const b={size:e,sizeXXS:t,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const f={disabled:p,error:d,success:m,checked:S};const z=typeof T=='object'&&typeof T.props=='object'&&T.props!==null?T.props:{};const{text:N,textProps:_={},buttonProps:h={},tooltipProps:u={}}=s;return jsxs(Root,{...x,...b,...f,ref:E,children:[jsx(Control,{children:typeof T=='function'?T({...b,...f}):cloneElement(T,{...b,...f,...z})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...b,...o,children:j??I}),N?jsx(Text,{as:"span",appearance:"caption",color:f.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...b,..._,children:N}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...b,children:[!h.onClick||u.title||u.content?null:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...b,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},...h,disabled:f.disabled||h.disabled}),u.title||u.content?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...u,children:jsx(IconButton,{icon:jsx(HelpCircle,{}),marginLeft:2,...b,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},...h,disabled:f.disabled||h.disabled})}):null,r.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...r}):null]})]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
+import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Control,Content,Hint}from'./style.mjs';import{SIZES,SIZES_LABEL,SIZES_SUBTITLE,SIZES_HINT,SIZES_HINT_BUTTON,SIZES_HINT_ICON}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Tooltip}from'../Tooltip/Tooltip.mjs';import{Badge}from'../Badge/Badge.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:s={},badgeProps:t={},sizeXXS:r,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a,disabled:d,error:p,success:m,checked:S,children:I,control:T,label:E,...b},z)=>{const f={size:e,sizeXXS:r,sizeXS:i,sizeS:n,sizeM:l,sizeL:c,sizeXL:a};const j={disabled:d,error:p,success:m,checked:S};const x=typeof T=='object'&&typeof T.props=='object'&&T.props!==null?T.props:{};const{text:h,textProps:N={},buttonProps:_={},tooltipProps:u={}}=s;return jsxs(Root,{...b,...f,...j,ref:z,children:[jsx(Control,{children:typeof T=='function'?T({...f,...j}):cloneElement(T,{...f,...j,...x})}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",color:"inherit",wordBreak:"break-word",sizes:SIZES_LABEL,...f,...o,children:E??I}),h?jsx(Text,{as:"span",appearance:"caption",color:j.disabled?'content-disabled':'content-onmain-secondary',wordBreak:"break-word",sizes:SIZES_SUBTITLE,...f,...N,children:h}):null]}),jsxs(Hint,{sizes:SIZES_HINT,...f,children:[!_.onClick||u.title||u.content?null:jsx(IconButton,{icon:"helpCircle",marginLeft:2,...f,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},..._,disabled:j.disabled||_.disabled}),u.title||u.content?jsx(Tooltip,{preset:"brand",placement:"top",styles:{wrapper:{cursor:'inherit'}},...u,children:jsx(IconButton,{icon:"helpCircle",marginLeft:2,...f,sizes:SIZES_HINT_BUTTON,iconProps:{sizes:SIZES_HINT_ICON},..._,disabled:j.disabled||_.disabled})}):null,t.children?jsx(Badge,{size:"s",cursor:"inherit",marginLeft:6,resetDefaultMargin:!0,...t}):null]})]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
 //# sourceMappingURL=FormLabel.mjs.map

package/components/FormLabel/FormLabel.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { HelpCircle } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon={<HelpCircle />}\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon={<HelpCircle />}\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","HelpCircle","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"8hBAYMA,MAAAA,eAAiB,YAWvB,MAAMC,UAA6DC,gBACjEC,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,KAACC,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAC9DiB,CAAAA,IAACD,QAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,KAACC,QAAc,CAAAhB,SAAA,CACbiB,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,KAACC,KAAW,CAACQ,MAAOG,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QAarE,KAZFb,IAACc,WAAU,CACTC,KAAMf,IAACgB,eACPC,WAAY,KACR7B,EACJmB,MAAOW,kBACPC,UAAW,CAETZ,MAAOa,oBAELzB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,IAACqB,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB7B,EAAgBd,SAEpBiB,IAACc,WAAU,CACTC,KAAMf,IAACgB,eACPC,WAAY,KACR7B,EACJmB,MAAOW,kBACPC,UAAW,CAETZ,MAAOa,oBAELzB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,IAAC2B,MAAK,CAAC1D,KAAK,IAAIyD,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKxD,IACrE,UAEM,IAIpB,CACEyD,YAvJmB,YAwJnBtB,MAAOuB"}
+{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { IconButton } from 'components/IconButton'\nimport { Badge } from 'components/Badge'\nimport { Tooltip } from 'components/Tooltip'\nimport * as Styled from './style'\nimport { SIZES, SIZES_LABEL, SIZES_HINT, SIZES_HINT_BUTTON, SIZES_HINT_ICON, SIZES_SUBTITLE } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для контрола выбора с дополнительными элементами.\n * Позволяет добавить для контрола заголовок, подзаголовок, бейдж и подсказку.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<label\\> элемента.\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef<HTMLLabelElement, MergedProps<FormLabelProps>>(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        badgeProps = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        children,\n        control,\n        label,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const {\n        text: hintText,\n        textProps: hintTextProps = {},\n        buttonProps: hintButtonProps = {},\n        tooltipProps: hintTooltipProps = {},\n      } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} ref={ref}>\n          <Styled.Control>\n            {typeof control === 'function'\n              ? control({\n                  ...sizeProps,\n                  ...stateProps,\n                })\n              : cloneElement(control, {\n                  ...sizeProps,\n                  ...stateProps,\n                  ...elementProps,\n                })}\n          </Styled.Control>\n          <Styled.Content>\n            <Text\n              as='span'\n              appearance='body'\n              color='inherit'\n              wordBreak='break-word'\n              sizes={SIZES_LABEL}\n              {...sizeProps}\n              {...textProps}\n            >\n              {label ?? children}\n            </Text>\n            {hintText ? (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                wordBreak='break-word'\n                sizes={SIZES_SUBTITLE}\n                {...sizeProps}\n                {...hintTextProps}\n              >\n                {hintText}\n              </Text>\n            ) : null}\n          </Styled.Content>\n\n          <Styled.Hint sizes={SIZES_HINT} {...sizeProps}>\n            {hintButtonProps.onClick && !hintTooltipProps.title && !hintTooltipProps.content ? (\n              <IconButton\n                icon='helpCircle'\n                marginLeft={2}\n                {...sizeProps}\n                sizes={SIZES_HINT_BUTTON}\n                iconProps={{\n                  // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                  sizes: SIZES_HINT_ICON,\n                }}\n                {...hintButtonProps}\n                disabled={stateProps.disabled || hintButtonProps.disabled}\n              />\n            ) : null}\n            {hintTooltipProps.title || hintTooltipProps.content ? (\n              <Tooltip\n                preset='brand'\n                placement='top'\n                styles={{\n                  wrapper: { cursor: 'inherit' },\n                }}\n                {...hintTooltipProps}\n              >\n                <IconButton\n                  icon='helpCircle'\n                  marginLeft={2}\n                  {...sizeProps}\n                  sizes={SIZES_HINT_BUTTON}\n                  iconProps={{\n                    // TODO: DSFOX-208 - удалить изменение размеров иконки через iconProps.\n                    sizes: SIZES_HINT_ICON,\n                  }}\n                  {...hintButtonProps}\n                  disabled={stateProps.disabled || hintButtonProps.disabled}\n                />\n              </Tooltip>\n            ) : null}\n            {badgeProps.children ? (\n              <Badge size='s' cursor='inherit' marginLeft={6} resetDefaultMargin {...badgeProps} />\n            ) : null}\n          </Styled.Hint>\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","size","textProps","hint","badgeProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","children","control","label","props","ref","sizeProps","stateProps","elementProps","text","hintText","hintTextProps","buttonProps","hintButtonProps","tooltipProps","hintTooltipProps","_jsxs","Styled","_jsx","cloneElement","Text","as","appearance","color","wordBreak","sizes","SIZES_LABEL","SIZES_SUBTITLE","SIZES_HINT","onClick","title","content","IconButton","icon","marginLeft","SIZES_HINT_BUTTON","iconProps","SIZES_HINT_ICON","Tooltip","preset","placement","styles","wrapper","cursor","Badge","resetDefaultMargin","displayName","SIZES"],"mappings":"udAWMA,MAAAA,eAAiB,YAWvB,MAAMC,UAA6DC,gBACjEC,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,aAAa,CAAE,EACfC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,WACAC,UACAC,WACGC,GAELC,KAEA,MAAMC,EAAY,CAChBnB,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMW,EAAa,CACjBV,WACAC,QACAC,UACAC,WAGF,MAAMQ,SACGN,GAAY,iBAAmBA,EAAQE,OAAU,UAAYF,EAAQE,QAAU,KAAOF,EAAQE,MAAQ,CAAA,EAE/G,MACEK,KAAMC,EACNtB,UAAWuB,EAAgB,CAAE,EAC7BC,YAAaC,EAAkB,CAAE,EACjCC,aAAcC,EAAmB,CAAC,GAChC1B,EAEJ,OACE2B,KAACC,KAAW,IAAKb,KAAWE,KAAeC,EAAYF,IAAKA,EAAIJ,SAC9DiB,CAAAA,IAACD,QAAc,CAAAhB,gBACLC,GAAY,WAChBA,EAAQ,IACHI,KACAC,IAELY,aAAajB,EAAS,IACjBI,KACAC,KACAC,MAGXQ,KAACC,QAAc,CAAAhB,SAAA,CACbiB,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,OACXC,MAAM,UACNC,UAAU,aACVC,MAAOC,eACHpB,KACAlB,EAASa,SAEZE,GAASF,IAEXS,EACCQ,IAACE,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOhB,EAAWV,SAAW,mBAAqB,2BAClD2B,UAAU,aACVC,MAAOE,kBACHrB,KACAK,EAAaV,SAEhBS,IAED,QAGNM,KAACC,KAAW,CAACQ,MAAOG,cAAgBtB,EAASL,WAC1CY,EAAgBgB,SAAYd,EAAiBe,OAAUf,EAAiBgB,QAarE,KAZFb,IAACc,WAAU,CACTC,KAAK,aACLC,WAAY,KACR5B,EACJmB,MAAOU,kBACPC,UAAW,CAETX,MAAOY,oBAELxB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,WAGpDkB,EAAiBe,OAASf,EAAiBgB,QAC1Cb,IAACoB,QAAO,CACNC,OAAO,QACPC,UAAU,MACVC,OAAQ,CACNC,QAAS,CAAEC,OAAQ,eAEjB5B,EAAgBd,SAEpBiB,IAACc,WAAU,CACTC,KAAK,aACLC,WAAY,KACR5B,EACJmB,MAAOU,kBACPC,UAAW,CAETX,MAAOY,oBAELxB,EACJhB,SAAUU,EAAWV,UAAYgB,EAAgBhB,aAGnD,KACHP,EAAWW,SACViB,IAAC0B,MAAK,CAACzD,KAAK,IAAIwD,OAAO,UAAUT,WAAY,EAAGW,oBAAkB,KAAKvD,IACrE,UAEM,IAIpB,CACEwD,YAvJmB,YAwJnBrB,MAAOsB"}

package/components/Icon/Icon.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var collection=require('../../icon-pack/src/collection.json.js');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var sizes=require('./sizes.js');var style=require('./style.js');var iconPack=require('./iconPack.js');var iconsDefault=require('./iconsDefault.js');var jsxRuntime=require('react/jsx-runtime');const ICONS={...iconsDefault.iconsDefault,...iconPack.iconsIconPack};const ICONS_DEFAULT={...iconPack.iconsIconPack,...iconsDefault.iconsDefault};const Icon=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:o="inherit",name:c,icon:r,...t}=e;const i=styled.useTheme();const n=useClassname.useClassname("Icon",t.className);if(r)return jsxRuntime.jsx(style.Root,{...t,size:o,className:n,ref:s,children:r});const a=t.preset==='brand'?ICONS:ICONS_DEFAULT;const l=c&&a[c]?a[c]:{};if(React.isValidElement(l.icon))return jsxRuntime.jsx(style.Root,{...t,size:o,className:n,ref:s,children:l.icon});if(typeof l.icon=='string'){const e=i.iconsAssetHost??collection.default.__meta__.iconsAssetHost;const c=e?`${e}${e.endsWith('/')?'':'/'}${l.icon}`:l.icon;return jsxRuntime.jsx(style.Root,{...t,url:c,multicolor:l.multicolor,size:o,className:n,ref:s})}return null})),{displayName:"Icon",sizes:sizes.SIZES});exports.ICONS=ICONS,exports.ICONS_DEFAULT=ICONS_DEFAULT,exports.Icon=Icon;
+'use strict';var React=require('react');var styled=require('styled-components');var DOMPurify=require('dompurify');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var constants=require('./constants.js');var index=require('./list/index.js');var style=require('./style.js');var bgWorker=require('./bg-worker.js');var jsxRuntime=require('react/jsx-runtime');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var DOMPurify__default=_interopDefault(DOMPurify);const cache={};const worker=new bgWorker.BackgroundWorker;worker.run((({xhr:e,url:r})=>{e.open('GET',r),e.send()}));const Icon=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const t=styled.useTheme();const{assetHost:n}=t;const{size:s="inherit",name:o="unknown",icon:a,preset:c,...u}=e;const i=`${c}_${o}`;const[l,d]=React.useState(cache[i]??null);const m=useClassname.useClassname("Icon",u.className);const f=o==='unknown'?null:(c==='brand'?index.ICONS:index.ICONS_DEFAULT)[o];React.useEffect((()=>{f&&(cache[i]&&cache[i]!==null?d(cache[i]):cache[i]!==null?(async()=>{cache[i]=null;const e=await f();const r=e?.default;if(!r)return;let t;try{t=await(async e=>{let r=0;return new Promise(((t,n)=>{const s=new XMLHttpRequest;s.responseType='text',s.open('GET',e),s.send(),s.onload=()=>{if(s.status>=200&&s.status<400){const e=DOMPurify__default.default.sanitize(s.response);t(e)}else n(new Error(`Failed to load icon from "${e}".`))},s.onerror=()=>{r++,r<3&&worker.add({url:e,xhr:s}),r>=3&&n(new Error(`Failed to load icon from "${e}" after 3 attempts.`))}}))})(`${n??''}${r}`),cache[i]=t,d(t),document.dispatchEvent(new CustomEvent(`IconLoaded_${i}`,{detail:{name:o,content:t}}))}catch(e){console.error(e)}})():document.addEventListener(`IconLoaded_${i}`,(e=>{const r=e.detail;r&&r.name===o&&r.content&&d(r.content)}),{once:!0}))}),[f,o,i,n]);const h=a?{children:a}:{dangerouslySetInnerHTML:{__html:l}};return jsxRuntime.jsx(style.Root,{...u,size:s,className:m,ref:r,...h})})),{displayName:"Icon",sizes:constants.SIZES});exports.Icon=Icon;
 //# sourceMappingURL=Icon.js.map

package/components/Icon/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { useTheme } from 'styled-components'\nimport iconsCollection from '@foxford/icon-pack/collection'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { IconProps, IconData } from './types'\nimport { iconsIconPack } from './iconPack'\nimport { iconsDefault } from './iconsDefault'\n\nconst COMPONENT_NAME = 'Icon'\n\nexport const ICONS: Partial<Record<string, IconData>> = {\n  ...iconsDefault,\n  ...iconsIconPack,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<string, IconData>> = {\n  ...iconsIconPack,\n  ...iconsDefault,\n}\n\n/**\n *\n * Компонент для вывода иконки.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IconProps>>((props, ref) => {\n    const { size = 'inherit', name, icon, ...restProps } = props\n\n    const theme = useTheme()\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    if (icon) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {icon}\n        </Styled.Root>\n      )\n    }\n\n    const icons = restProps.preset === 'brand' ? ICONS : ICONS_DEFAULT\n    const iconData: Partial<IconData> = name && icons[name] ? icons[name] : {}\n\n    if (isValidElement(iconData.icon)) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {iconData.icon}\n        </Styled.Root>\n      )\n    }\n\n    if (typeof iconData.icon === 'string') {\n      const iconsAssetHost = theme.iconsAssetHost ?? iconsCollection.__meta__.iconsAssetHost\n      const iconUrl = iconsAssetHost\n        ? `${iconsAssetHost}${iconsAssetHost.endsWith('/') ? '' : '/'}${iconData.icon}`\n        : iconData.icon\n\n      return (\n        <Styled.Root\n          {...restProps}\n          url={iconUrl}\n          multicolor={iconData.multicolor}\n          size={size}\n          className={className}\n          ref={ref}\n        />\n      )\n    }\n\n    return null\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["ICONS","iconsDefault","iconsIconPack","ICONS_DEFAULT","Icon","withMergedProps","forwardRef","props","ref","size","name","icon","restProps","theme","useTheme","className","useClassname","_jsx","Styled","children","icons","preset","iconData","isValidElement","iconsAssetHost","iconsCollection","__meta__","iconUrl","endsWith","url","multicolor","displayName","sizes","SIZES"],"mappings":"scAcO,MAAMA,MAA2C,IACnDC,aAAYA,gBACZC,SAAAA,eAGE,MAAMC,cAAmD,IAC3DD,SAAaA,iBACbD,aAAAA,cASCG,MAAAA,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KAAEA,EAAO,UAASC,KAAEA,EAAIC,KAAEA,KAASC,GAAcL,EAEvD,MAAMM,EAAQC,OAAAA,WACd,MAAMC,EAAYC,aAAYA,aAvBX,OAuB4BJ,EAAUG,WAEzD,GAAIJ,EACF,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpER,IAKP,MAAMS,EAAQR,EAAUS,SAAW,QAAUrB,MAAQG,cACrD,MAAMmB,EAA8BZ,GAAQU,EAAMV,GAAQU,EAAMV,GAAQ,GAExE,GAAIa,MAAcA,eAACD,EAASX,MAC1B,OACEM,WAAAA,IAACC,MAAAA,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpEG,EAASX,OAKhB,UAAWW,EAASX,MAAS,SAAU,CACrC,MAAMa,EAAiBX,EAAMW,gBAAkBC,WAAAA,QAAgBC,SAASF,eACxE,MAAMG,EAAUH,EACZ,GAAGA,IAAiBA,EAAeI,SAAS,KAAO,GAAK,MAAMN,EAASX,OACvEW,EAASX,KAEb,OACEM,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJiB,IAAKF,EACLG,WAAYR,EAASQ,WACrBrB,KAAMA,EACNM,UAAWA,EACXP,IAAKA,GAGX,CAEA,OAAO,IAAI,IAEb,CACEuB,YAjEmB,OAkEnBC,MAAOC,MAAAA"}
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport DOMPurify from 'dompurify'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './constants'\nimport { ICONS, ICONS_DEFAULT } from './list'\nimport * as Styled from './style'\nimport type { IconProps, SvgDynamicModule } from './types'\nimport { BackgroundWorker } from './bg-worker'\n\nconst COMPONENT_NAME = 'Icon'\n\nconst cache: Record<string, string | null> = {}\nconst retryAttempts = 3\nconst worker = new BackgroundWorker<{ xhr: XMLHttpRequest; url: string }>()\n\nworker.run(({ xhr, url }) => {\n  xhr.open('GET', url)\n  xhr.send()\n})\n\nconst fetchImage = async (url: string): Promise<string> => {\n  let retries = 0\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    xhr.responseType = 'text'\n    xhr.open('GET', url)\n    xhr.send()\n    xhr.onload = function () {\n      if (xhr.status >= 200 && xhr.status < 400) {\n        const content = DOMPurify.sanitize(xhr.response)\n        resolve(content)\n      } else {\n        reject(new Error(`Failed to load icon from \"${url}\".`))\n      }\n    }\n\n    xhr.onerror = function () {\n      retries++\n      if (retries < retryAttempts) {\n        worker.add({ url, xhr })\n      }\n\n      if (retries >= retryAttempts) {\n        reject(new Error(`Failed to load icon from \"${url}\" after ${retryAttempts} attempts.`))\n      }\n    }\n  })\n}\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Icon/types.ts)\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IconProps>>((props, ref) => {\n    const theme = useTheme()\n    const { assetHost } = theme\n    const { size = 'inherit', name = 'unknown', icon, preset, ...restProps } = props\n    const cacheName = `${preset}_${name}`\n    const [content, setContent] = useState<string | null>(cache[cacheName] ?? null)\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    const iconUrl: SvgDynamicModule | null | undefined =\n      name === 'unknown' ? null : (preset === 'brand' ? ICONS : ICONS_DEFAULT)[name]\n\n    useEffect(() => {\n      if (!iconUrl) return\n      if (cache[cacheName] && cache[cacheName] !== null) {\n        setContent(cache[cacheName])\n        return\n      }\n\n      if (cache[cacheName] === null) {\n        document.addEventListener(\n          `IconLoaded_${cacheName}`,\n          (event: Event) => {\n            const detail = (event as CustomEvent<{ name: string; content: string }>).detail\n            if (detail && detail.name === name && detail.content) {\n              setContent(detail.content)\n            }\n          },\n          { once: true }\n        )\n        return\n      }\n\n      ;(async () => {\n        cache[cacheName] = null\n\n        const module = await iconUrl()\n        const url = module?.default\n\n        if (!url) return\n\n        let imgContent: string\n\n        try {\n          imgContent = await fetchImage(`${assetHost ?? ''}${url}`)\n          cache[cacheName] = imgContent\n          setContent(imgContent)\n          document.dispatchEvent(new CustomEvent(`IconLoaded_${cacheName}`, { detail: { name, content: imgContent } }))\n        } catch (error) {\n          console.error(error)\n        }\n      })()\n    }, [iconUrl, name, cacheName, assetHost])\n\n    const contentProps = icon ? { children: icon } : { dangerouslySetInnerHTML: { __html: content } }\n\n    return <Styled.Root {...restProps} size={size} className={className} ref={ref} {...contentProps} />\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["cache","worker","BackgroundWorker","run","xhr","url","open","send","Icon","withMergedProps","forwardRef","props","ref","theme","useTheme","assetHost","size","name","icon","preset","restProps","cacheName","content","setContent","useState","className","useClassname","iconUrl","ICONS","ICONS_DEFAULT","useEffect","module","default","imgContent","async","retries","Promise","resolve","reject","XMLHttpRequest","responseType","onload","status","DOMPurify","sanitize","response","Error","onerror","add","fetchImage","document","dispatchEvent","CustomEvent","detail","error","console","addEventListener","event","once","contentProps","children","dangerouslySetInnerHTML","__html","_jsx","Styled","displayName","sizes","SIZES"],"mappings":"2hBAcA,MAAMA,MAAuC,CAAA,EAE7C,MAAMC,OAAS,IAAIC,SAAAA,iBAEnBD,OAAOE,KAAI,EAAGC,MAAKC,UACjBD,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,MAAM,IA0CNC,MAAAA,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,EAAQC,OAAAA,WACd,MAAMC,UAAEA,GAAcF,EACtB,MAAMG,KAAEA,EAAO,UAASC,KAAEA,EAAO,UAASC,KAAEA,EAAIC,OAAEA,KAAWC,GAAcT,EAC3E,MAAMU,EAAY,GAAGF,KAAUF,IAC/B,MAAOK,EAASC,GAAcC,MAAAA,SAAwBxB,MAAMqB,IAAc,MAE1E,MAAMI,EAAYC,aAAYA,aA1DX,OA0D4BN,EAAUK,WAEzD,MAAME,EACJV,IAAS,UAAY,MAAQE,IAAW,QAAUS,MAAKA,MAAGC,qBAAeZ,GAE3Ea,MAAAA,WAAU,KACHH,IACD3B,MAAMqB,IAAcrB,MAAMqB,KAAe,KAC3CE,EAAWvB,MAAMqB,IAIfrB,MAAMqB,KAAe,KAcxB,WACCrB,MAAMqB,GAAa,KAEnB,MAAMU,QAAeJ,IACrB,MAAMtB,EAAM0B,GAAQC,QAEpB,IAAK3B,EAAK,OAEV,IAAI4B,EAEJ,IACEA,OApFSC,WACjB,IAAIC,EAAU,EACd,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3B,MAAMlC,EAAM,IAAImC,eAChBnC,EAAIoC,aAAe,OACnBpC,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,OACJH,EAAIqC,OAAS,KACX,GAAIrC,EAAIsC,QAAU,KAAOtC,EAAIsC,OAAS,IAAK,CACzC,MAAMpB,EAAUqB,mBAASX,QAACY,SAASxC,EAAIyC,UACvCR,EAAQf,EACV,MACEgB,EAAO,IAAIQ,MAAM,6BAA6BzC,SAIlDD,EAAI2C,QAAU,KACZZ,IACIA,EA1BY,GA2BdlC,OAAO+C,IAAI,CAAE3C,MAAKD,QAGhB+B,GA9BY,GA+BdG,EAAO,IAAIQ,MAAM,6BAA6BzC,yBAEjD,GACD,EA0DyB4C,CAAW,GAAGlC,GAAa,KAAKV,KACnDL,MAAMqB,GAAaY,EACnBV,EAAWU,GACXiB,SAASC,cAAc,IAAIC,YAAY,cAAc/B,IAAa,CAAEgC,OAAQ,CAAEpC,OAAMK,QAASW,KAC9F,CAAC,MAAOqB,GACPC,QAAQD,MAAMA,EAChB,CACD,EAlBA,GAbCJ,SAASM,iBACP,cAAcnC,KACboC,IACC,MAAMJ,EAAUI,EAAyDJ,OACrEA,GAAUA,EAAOpC,OAASA,GAAQoC,EAAO/B,SAC3CC,EAAW8B,EAAO/B,QACpB,GAEF,CAAEoC,MAAM,IAuBR,GACH,CAAC/B,EAASV,EAAMI,EAAWN,IAE9B,MAAM4C,EAAezC,EAAO,CAAE0C,SAAU1C,GAAS,CAAE2C,wBAAyB,CAAEC,OAAQxC,IAEtF,OAAOyC,WAAAA,IAACC,MAAAA,KAAW,IAAK5C,EAAWJ,KAAMA,EAAMS,UAAWA,EAAWb,IAAKA,KAAS+C,GAAgB,IAErG,CACEM,YA9GmB,OA+GnBC,MAAOC,UAAAA"}

package/components/Icon/Icon.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement}from'react';import{useTheme}from'styled-components';import iconsCollection from'../../icon-pack/src/collection.json.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./sizes.mjs';import{Root}from'./style.mjs';import{iconsIconPack}from'./iconPack.mjs';import{iconsDefault}from'./iconsDefault.mjs';import{jsx}from'react/jsx-runtime';const ICONS={...iconsDefault,...iconsIconPack};const ICONS_DEFAULT={...iconsIconPack,...iconsDefault};const Icon=withMergedProps(forwardRef(((o,s)=>{const{size:e="inherit",name:n,icon:t,...c}=o;const i=useTheme();const r=useClassname("Icon",c.className);if(t)return jsx(Root,{...c,size:e,className:r,ref:s,children:t});const m=c.preset==='brand'?ICONS:ICONS_DEFAULT;const a=n&&m[n]?m[n]:{};if(isValidElement(a.icon))return jsx(Root,{...c,size:e,className:r,ref:s,children:a.icon});if(typeof a.icon=='string'){const o=i.iconsAssetHost??iconsCollection.__meta__.iconsAssetHost;const n=o?`${o}${o.endsWith('/')?'':'/'}${a.icon}`:a.icon;return jsx(Root,{...c,url:n,multicolor:a.multicolor,size:e,className:r,ref:s})}return null})),{displayName:"Icon",sizes:SIZES});export{ICONS,ICONS_DEFAULT,Icon};
+import{forwardRef,useState,useEffect}from'react';import{useTheme}from'styled-components';import DOMPurify from'dompurify';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES}from'./constants.mjs';import{ICONS,ICONS_DEFAULT}from'./list/index.mjs';import{Root}from'./style.mjs';import{BackgroundWorker}from'./bg-worker.mjs';import{jsx}from'react/jsx-runtime';const cache={};const worker=new BackgroundWorker;worker.run((({xhr:e,url:o})=>{e.open('GET',o),e.send()}));const Icon=withMergedProps(forwardRef(((e,o)=>{const t=useTheme();const{assetHost:n}=t;const{size:r="inherit",name:s="unknown",icon:c,preset:a,...m}=e;const i=`${a}_${s}`;const[l,u]=useState(cache[i]??null);const d=useClassname("Icon",m.className);const f=s==='unknown'?null:(a==='brand'?ICONS:ICONS_DEFAULT)[s];useEffect((()=>{f&&(cache[i]&&cache[i]!==null?u(cache[i]):cache[i]!==null?(async()=>{cache[i]=null;const e=await f();const o=e?.default;if(!o)return;let t;try{t=await(async e=>{let o=0;return new Promise(((t,n)=>{const r=new XMLHttpRequest;r.responseType='text',r.open('GET',e),r.send(),r.onload=()=>{if(r.status>=200&&r.status<400){const e=DOMPurify.sanitize(r.response);t(e)}else n(new Error(`Failed to load icon from "${e}".`))},r.onerror=()=>{o++,o<3&&worker.add({url:e,xhr:r}),o>=3&&n(new Error(`Failed to load icon from "${e}" after 3 attempts.`))}}))})(`${n??''}${o}`),cache[i]=t,u(t),document.dispatchEvent(new CustomEvent(`IconLoaded_${i}`,{detail:{name:s,content:t}}))}catch(e){console.error(e)}})():document.addEventListener(`IconLoaded_${i}`,(e=>{const o=e.detail;o&&o.name===s&&o.content&&u(o.content)}),{once:!0}))}),[f,s,i,n]);const p=c?{children:c}:{dangerouslySetInnerHTML:{__html:l}};return jsx(Root,{...m,size:r,className:d,ref:o,...p})})),{displayName:"Icon",sizes:SIZES});export{Icon};
 //# sourceMappingURL=Icon.mjs.map

package/components/Icon/Icon.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, isValidElement } from 'react'\nimport { useTheme } from 'styled-components'\nimport iconsCollection from '@foxford/icon-pack/collection'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './sizes'\nimport * as Styled from './style'\nimport type { IconProps, IconData } from './types'\nimport { iconsIconPack } from './iconPack'\nimport { iconsDefault } from './iconsDefault'\n\nconst COMPONENT_NAME = 'Icon'\n\nexport const ICONS: Partial<Record<string, IconData>> = {\n  ...iconsDefault,\n  ...iconsIconPack,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<string, IconData>> = {\n  ...iconsIconPack,\n  ...iconsDefault,\n}\n\n/**\n *\n * Компонент для вывода иконки.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IconProps>>((props, ref) => {\n    const { size = 'inherit', name, icon, ...restProps } = props\n\n    const theme = useTheme()\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    if (icon) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {icon}\n        </Styled.Root>\n      )\n    }\n\n    const icons = restProps.preset === 'brand' ? ICONS : ICONS_DEFAULT\n    const iconData: Partial<IconData> = name && icons[name] ? icons[name] : {}\n\n    if (isValidElement(iconData.icon)) {\n      return (\n        <Styled.Root {...restProps} size={size} className={className} ref={ref}>\n          {iconData.icon}\n        </Styled.Root>\n      )\n    }\n\n    if (typeof iconData.icon === 'string') {\n      const iconsAssetHost = theme.iconsAssetHost ?? iconsCollection.__meta__.iconsAssetHost\n      const iconUrl = iconsAssetHost\n        ? `${iconsAssetHost}${iconsAssetHost.endsWith('/') ? '' : '/'}${iconData.icon}`\n        : iconData.icon\n\n      return (\n        <Styled.Root\n          {...restProps}\n          url={iconUrl}\n          multicolor={iconData.multicolor}\n          size={size}\n          className={className}\n          ref={ref}\n        />\n      )\n    }\n\n    return null\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["ICONS","iconsDefault","iconsIconPack","ICONS_DEFAULT","Icon","withMergedProps","forwardRef","props","ref","size","name","icon","restProps","theme","useTheme","className","useClassname","_jsx","Styled","children","icons","preset","iconData","isValidElement","iconsAssetHost","iconsCollection","__meta__","iconUrl","endsWith","url","multicolor","displayName","sizes","SIZES"],"mappings":"ocAcO,MAAMA,MAA2C,IACnDC,gBACAC,eAGE,MAAMC,cAAmD,IAC3DD,iBACAD,cASCG,MAAAA,KAAmDC,gBACvDC,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,KAAEA,EAAO,UAASC,KAAEA,EAAIC,KAAEA,KAASC,GAAcL,EAEvD,MAAMM,EAAQC,WACd,MAAMC,EAAYC,aAvBC,OAuB4BJ,EAAUG,WAEzD,GAAIJ,EACF,OACEM,IAACC,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpER,IAKP,MAAMS,EAAQR,EAAUS,SAAW,QAAUrB,MAAQG,cACrD,MAAMmB,EAA8BZ,GAAQU,EAAMV,GAAQU,EAAMV,GAAQ,GAExE,GAAIa,eAAeD,EAASX,MAC1B,OACEM,IAACC,KAAW,IAAKN,EAAWH,KAAMA,EAAMM,UAAWA,EAAWP,IAAKA,EAAIW,SACpEG,EAASX,OAKhB,UAAWW,EAASX,MAAS,SAAU,CACrC,MAAMa,EAAiBX,EAAMW,gBAAkBC,gBAAgBC,SAASF,eACxE,MAAMG,EAAUH,EACZ,GAAGA,IAAiBA,EAAeI,SAAS,KAAO,GAAK,MAAMN,EAASX,OACvEW,EAASX,KAEb,OACEM,IAACC,KAAW,IACNN,EACJiB,IAAKF,EACLG,WAAYR,EAASQ,WACrBrB,KAAMA,EACNM,UAAWA,EACXP,IAAKA,GAGX,CAEA,OAAO,IAAI,IAEb,CACEuB,YAjEmB,OAkEnBC,MAAOC"}
+{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport DOMPurify from 'dompurify'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './constants'\nimport { ICONS, ICONS_DEFAULT } from './list'\nimport * as Styled from './style'\nimport type { IconProps, SvgDynamicModule } from './types'\nimport { BackgroundWorker } from './bg-worker'\n\nconst COMPONENT_NAME = 'Icon'\n\nconst cache: Record<string, string | null> = {}\nconst retryAttempts = 3\nconst worker = new BackgroundWorker<{ xhr: XMLHttpRequest; url: string }>()\n\nworker.run(({ xhr, url }) => {\n  xhr.open('GET', url)\n  xhr.send()\n})\n\nconst fetchImage = async (url: string): Promise<string> => {\n  let retries = 0\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    xhr.responseType = 'text'\n    xhr.open('GET', url)\n    xhr.send()\n    xhr.onload = function () {\n      if (xhr.status >= 200 && xhr.status < 400) {\n        const content = DOMPurify.sanitize(xhr.response)\n        resolve(content)\n      } else {\n        reject(new Error(`Failed to load icon from \"${url}\".`))\n      }\n    }\n\n    xhr.onerror = function () {\n      retries++\n      if (retries < retryAttempts) {\n        worker.add({ url, xhr })\n      }\n\n      if (retries >= retryAttempts) {\n        reject(new Error(`Failed to load icon from \"${url}\" after ${retryAttempts} attempts.`))\n      }\n    }\n  })\n}\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconProps](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Icon/types.ts)\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<IconProps>>((props, ref) => {\n    const theme = useTheme()\n    const { assetHost } = theme\n    const { size = 'inherit', name = 'unknown', icon, preset, ...restProps } = props\n    const cacheName = `${preset}_${name}`\n    const [content, setContent] = useState<string | null>(cache[cacheName] ?? null)\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    const iconUrl: SvgDynamicModule | null | undefined =\n      name === 'unknown' ? null : (preset === 'brand' ? ICONS : ICONS_DEFAULT)[name]\n\n    useEffect(() => {\n      if (!iconUrl) return\n      if (cache[cacheName] && cache[cacheName] !== null) {\n        setContent(cache[cacheName])\n        return\n      }\n\n      if (cache[cacheName] === null) {\n        document.addEventListener(\n          `IconLoaded_${cacheName}`,\n          (event: Event) => {\n            const detail = (event as CustomEvent<{ name: string; content: string }>).detail\n            if (detail && detail.name === name && detail.content) {\n              setContent(detail.content)\n            }\n          },\n          { once: true }\n        )\n        return\n      }\n\n      ;(async () => {\n        cache[cacheName] = null\n\n        const module = await iconUrl()\n        const url = module?.default\n\n        if (!url) return\n\n        let imgContent: string\n\n        try {\n          imgContent = await fetchImage(`${assetHost ?? ''}${url}`)\n          cache[cacheName] = imgContent\n          setContent(imgContent)\n          document.dispatchEvent(new CustomEvent(`IconLoaded_${cacheName}`, { detail: { name, content: imgContent } }))\n        } catch (error) {\n          console.error(error)\n        }\n      })()\n    }, [iconUrl, name, cacheName, assetHost])\n\n    const contentProps = icon ? { children: icon } : { dangerouslySetInnerHTML: { __html: content } }\n\n    return <Styled.Root {...restProps} size={size} className={className} ref={ref} {...contentProps} />\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["cache","worker","BackgroundWorker","run","xhr","url","open","send","Icon","withMergedProps","forwardRef","props","ref","theme","useTheme","assetHost","size","name","icon","preset","restProps","cacheName","content","setContent","useState","className","useClassname","iconUrl","ICONS","ICONS_DEFAULT","useEffect","module","default","imgContent","async","retries","Promise","resolve","reject","XMLHttpRequest","responseType","onload","status","DOMPurify","sanitize","response","Error","onerror","add","fetchImage","document","dispatchEvent","CustomEvent","detail","error","console","addEventListener","event","once","contentProps","children","dangerouslySetInnerHTML","__html","_jsx","Styled","displayName","sizes","SIZES"],"mappings":"ibAcA,MAAMA,MAAuC,CAAA,EAE7C,MAAMC,OAAS,IAAIC,iBAEnBD,OAAOE,KAAI,EAAGC,MAAKC,UACjBD,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,MAAM,IA0CNC,MAAAA,KAAmDC,gBACvDC,YAAoD,CAACC,EAAOC,KAC1D,MAAMC,EAAQC,WACd,MAAMC,UAAEA,GAAcF,EACtB,MAAMG,KAAEA,EAAO,UAASC,KAAEA,EAAO,UAASC,KAAEA,EAAIC,OAAEA,KAAWC,GAAcT,EAC3E,MAAMU,EAAY,GAAGF,KAAUF,IAC/B,MAAOK,EAASC,GAAcC,SAAwBxB,MAAMqB,IAAc,MAE1E,MAAMI,EAAYC,aA1DC,OA0D4BN,EAAUK,WAEzD,MAAME,EACJV,IAAS,UAAY,MAAQE,IAAW,QAAUS,MAAQC,eAAeZ,GAE3Ea,WAAU,KACHH,IACD3B,MAAMqB,IAAcrB,MAAMqB,KAAe,KAC3CE,EAAWvB,MAAMqB,IAIfrB,MAAMqB,KAAe,KAcxB,WACCrB,MAAMqB,GAAa,KAEnB,MAAMU,QAAeJ,IACrB,MAAMtB,EAAM0B,GAAQC,QAEpB,IAAK3B,EAAK,OAEV,IAAI4B,EAEJ,IACEA,OApFSC,WACjB,IAAIC,EAAU,EACd,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3B,MAAMlC,EAAM,IAAImC,eAChBnC,EAAIoC,aAAe,OACnBpC,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,OACJH,EAAIqC,OAAS,KACX,GAAIrC,EAAIsC,QAAU,KAAOtC,EAAIsC,OAAS,IAAK,CACzC,MAAMpB,EAAUqB,UAAUC,SAASxC,EAAIyC,UACvCR,EAAQf,EACV,MACEgB,EAAO,IAAIQ,MAAM,6BAA6BzC,SAIlDD,EAAI2C,QAAU,KACZZ,IACIA,EA1BY,GA2BdlC,OAAO+C,IAAI,CAAE3C,MAAKD,QAGhB+B,GA9BY,GA+BdG,EAAO,IAAIQ,MAAM,6BAA6BzC,yBAEjD,GACD,EA0DyB4C,CAAW,GAAGlC,GAAa,KAAKV,KACnDL,MAAMqB,GAAaY,EACnBV,EAAWU,GACXiB,SAASC,cAAc,IAAIC,YAAY,cAAc/B,IAAa,CAAEgC,OAAQ,CAAEpC,OAAMK,QAASW,KAC9F,CAAC,MAAOqB,GACPC,QAAQD,MAAMA,EAChB,CACD,EAlBA,GAbCJ,SAASM,iBACP,cAAcnC,KACboC,IACC,MAAMJ,EAAUI,EAAyDJ,OACrEA,GAAUA,EAAOpC,OAASA,GAAQoC,EAAO/B,SAC3CC,EAAW8B,EAAO/B,QACpB,GAEF,CAAEoC,MAAM,IAuBR,GACH,CAAC/B,EAASV,EAAMI,EAAWN,IAE9B,MAAM4C,EAAezC,EAAO,CAAE0C,SAAU1C,GAAS,CAAE2C,wBAAyB,CAAEC,OAAQxC,IAEtF,OAAOyC,IAACC,KAAW,IAAK5C,EAAWJ,KAAMA,EAAMS,UAAWA,EAAWb,IAAKA,KAAS+C,GAAgB,IAErG,CACEM,YA9GmB,OA+GnBC,MAAOC"}

package/components/Icon/bg-worker.js

@@ -0,0 +1,2 @@
+'use strict';exports.BackgroundWorker=class BackgroundWorker{_stack=[];_handler=()=>{};add(s){this._stack.push(s)}run(s){this._handler=s,this._process()}_process=async()=>{const s=this._stack.pop();s!==void 0&&s!==null?(await this._handler(s),setTimeout(this._process,100)):setTimeout(this._process,500)}};
+//# sourceMappingURL=bg-worker.js.map

package/components/Icon/bg-worker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"bg-worker.js","sources":["../../../../src/components/Icon/bg-worker.ts"],"sourcesContent":["export class BackgroundWorker<T> {\n  _stack: T[] = []\n\n  _handler: (arg: T) => void | Promise<void> = () => undefined\n\n  add(item: T) {\n    this._stack.push(item)\n  }\n\n  run(handler: (arg: T) => void | Promise<void>) {\n    this._handler = handler\n    this._process()\n  }\n\n  _process = async () => {\n    const item = this._stack.pop()\n\n    if (item === undefined || item === null) {\n      setTimeout(this._process, 500)\n\n      return\n    }\n\n    await this._handler(item)\n    setTimeout(this._process, 100)\n  }\n}\n"],"names":["BackgroundWorker","_stack","_handler","add","item","this","push","run","handler","_process","async","pop","undefined","setTimeout"],"mappings":"sCAAO,MAAMA,iBACXC,OAAc,GAEdC,SAA6CA,KAAe,EAE5DC,GAAAA,CAAIC,GACFC,KAAKJ,OAAOK,KAAKF,EACnB,CAEAG,GAAAA,CAAIC,GACFH,KAAKH,SAAWM,EAChBH,KAAKI,UACP,CAEAA,SAAWC,UACT,MAAMN,EAAOC,KAAKJ,OAAOU,MAErBP,SAASQ,GAAaR,IAAS,YAM7BC,KAAKH,SAASE,GACpBS,WAAWR,KAAKI,SAAU,MANxBI,WAAWR,KAAKI,SAAU,IAME"}

package/components/Icon/bg-worker.mjs

@@ -0,0 +1,2 @@
+class BackgroundWorker{_stack=[];_handler=()=>{};add(s){this._stack.push(s)}run(s){this._handler=s,this._process()}_process=async()=>{const s=this._stack.pop();s!==void 0&&s!==null?(await this._handler(s),setTimeout(this._process,100)):setTimeout(this._process,500)}}export{BackgroundWorker};
+//# sourceMappingURL=bg-worker.mjs.map

package/components/Icon/bg-worker.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"bg-worker.mjs","sources":["../../../../src/components/Icon/bg-worker.ts"],"sourcesContent":["export class BackgroundWorker<T> {\n  _stack: T[] = []\n\n  _handler: (arg: T) => void | Promise<void> = () => undefined\n\n  add(item: T) {\n    this._stack.push(item)\n  }\n\n  run(handler: (arg: T) => void | Promise<void>) {\n    this._handler = handler\n    this._process()\n  }\n\n  _process = async () => {\n    const item = this._stack.pop()\n\n    if (item === undefined || item === null) {\n      setTimeout(this._process, 500)\n\n      return\n    }\n\n    await this._handler(item)\n    setTimeout(this._process, 100)\n  }\n}\n"],"names":["BackgroundWorker","_stack","_handler","add","item","this","push","run","handler","_process","async","pop","undefined","setTimeout"],"mappings":"AAAO,MAAMA,iBACXC,OAAc,GAEdC,SAA6CA,KAAe,EAE5DC,GAAAA,CAAIC,GACFC,KAAKJ,OAAOK,KAAKF,EACnB,CAEAG,GAAAA,CAAIC,GACFH,KAAKH,SAAWM,EAChBH,KAAKI,UACP,CAEAA,SAAWC,UACT,MAAMN,EAAOC,KAAKJ,OAAOU,MAErBP,SAASQ,GAAaR,IAAS,YAM7BC,KAAKH,SAASE,GACpBS,WAAWR,KAAKI,SAAU,MANxBI,WAAWR,KAAKI,SAAU,IAME"}

package/components/Icon/constants.js

@@ -0,0 +1,2 @@
+'use strict';exports.SIZES={xxxl:{fontSize:42},xxl:{fontSize:38},xl:{fontSize:34},l:{fontSize:30},m:{fontSize:26},s:{fontSize:22},xs:{fontSize:18},xxs:{fontSize:14},xxxs:{fontSize:10}};
+//# sourceMappingURL=constants.js.map

package/components/Icon/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 42,\n  },\n  xxl: {\n    fontSize: 38,\n  },\n  xl: {\n    fontSize: 34,\n  },\n  l: {\n    fontSize: 30,\n  },\n  m: {\n    fontSize: 26,\n  },\n  s: {\n    fontSize: 22,\n  },\n  xs: {\n    fontSize: 18,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAGkD,CAChDA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Icon/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{fontSize:42},xxl:{fontSize:38},xl:{fontSize:34},l:{fontSize:30},m:{fontSize:26},s:{fontSize:22},xs:{fontSize:18},xxs:{fontSize:14},xxxs:{fontSize:10}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/Icon/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Icon/constants.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from 'shared/types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    fontSize: 42,\n  },\n  xxl: {\n    fontSize: 38,\n  },\n  xl: {\n    fontSize: 34,\n  },\n  l: {\n    fontSize: 30,\n  },\n  m: {\n    fontSize: 26,\n  },\n  s: {\n    fontSize: 22,\n  },\n  xs: {\n    fontSize: 18,\n  },\n  xxs: {\n    fontSize: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,MAAqC,CAChDC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/Icon/list/default.js

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((o=>{if(o!=='default'){var t=Object.getOwnPropertyDescriptor(e,o);Object.defineProperty(r,o,t.get?t:{enumerable:!0,get:()=>e[o]})}})),r.default=e,Object.freeze(r)}const defaultIcons=['book','blackBoard','burger','eye','email','sort','unsort','person','diamond','diamondFilled','infoInverse','list','login','logout','fire','camps','cart','clock','clockFilled','courses','discount','externat','headphones','page','priceTag','phone','prof','star','settings','student','target','textbook','trophy','message','wallet','edit','copy','print','objective','present','coins','calendar','calendar_simple','chevronDown','chevronUp','chevronRight','chevronLeft','cross','dialog','dropDownArrow','externalLink','file','fileBordered','lessons','pencil','phoneNoFill','radioChecked','radioNotChecked','search','tasks','tinyCross','sharpCross','plus','plusThin','play','reload','checkCircle','info','check','home','questionFilled','document','cancel','playPause','video'].reduce(((e,r)=>(e[r]=()=>{return e=/* webpackMode: "eager" */'../../../assets/'.concat(r,'_default.svg'),Promise.resolve().then((()=>_interopNamespace(require(e))));var e},e)),{});exports.defaultIcons=defaultIcons;
+//# sourceMappingURL=default.js.map

package/components/Icon/list/default.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.js","sources":["../../../../../src/components/Icon/list/default.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, IconNameDefault, SvgDynamicModule } from '../types'\n\nconst defaultIconsNames: IconNameDefault[] = [\n  'book',\n  'blackBoard',\n  'burger',\n  'eye',\n  'email',\n  'sort',\n  'unsort',\n  'person',\n  'diamond',\n  'diamondFilled',\n  'infoInverse',\n  'list',\n  'login',\n  'logout',\n  'fire',\n  'camps',\n  'cart',\n  'clock',\n  'clockFilled',\n  'courses',\n  'discount',\n  'externat',\n  'headphones',\n  'page',\n  'priceTag',\n  'phone',\n  'prof',\n  'star',\n  'settings',\n  'student',\n  'target',\n  'textbook',\n  'trophy',\n  'message',\n  'wallet',\n  'edit',\n  'copy',\n  'print',\n  'objective',\n  'present',\n  'coins',\n  'calendar',\n  'calendar_simple',\n  'chevronDown',\n  'chevronUp',\n  'chevronRight',\n  'chevronLeft',\n  'cross',\n  'dialog',\n  'dropDownArrow',\n  'externalLink',\n  'file',\n  'fileBordered',\n  'lessons',\n  'pencil',\n  'phoneNoFill',\n  'radioChecked',\n  'radioNotChecked',\n  'search',\n  'tasks',\n  'tinyCross',\n  'sharpCross',\n  'plus',\n  'plusThin',\n  'play',\n  'reload',\n  'checkCircle',\n  'info',\n  'check',\n  'home',\n  'questionFilled',\n  'document',\n  'cancel',\n  'playPause',\n  'video',\n]\n\nexport const defaultIcons: Partial<Record<IconName, SvgDynamicModule>> = defaultIconsNames.reduce<\n  Record<IconName, SvgDynamicModule>\n>(\n  (acc, icon: IconName) => {\n    // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n    // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n    acc[icon] = () => import(/* webpackMode: \"eager\" */ `../images/${icon}_default.svg`)\n    return acc\n  },\n  {} as Record<IconName, SvgDynamicModule>\n)\n"],"names":["defaultIcons","reduce","acc","icon"],"mappings":"qSAqFO,MAAMA,aA9EgC,CAC3C,OACA,aACA,SACA,MACA,QACA,OACA,SACA,SACA,UACA,gBACA,cACA,OACA,QACA,SACA,OACA,QACA,OACA,QACA,cACA,UACA,WACA,WACA,aACA,OACA,WACA,QACA,OACA,OACA,WACA,UACA,SACA,WACA,SACA,UACA,SACA,OACA,OACA,QACA,YACA,UACA,QACA,WACA,kBACA,cACA,YACA,eACA,cACA,QACA,SACA,gBACA,eACA,OACA,eACA,UACA,SACA,cACA,eACA,kBACA,SACA,QACA,YACA,aACA,OACA,WACA,OACA,SACA,cACA,OACA,QACA,OACA,iBACA,WACA,SACA,YACA,SAGyFC,QAGzF,CAACC,EAAKC,KAGJD,EAAIC,GAAQ,KAAM,2IAAA,KAAkE,EAC7ED,IAET,CACF"}

package/components/Icon/list/default.mjs

@@ -0,0 +1,2 @@
+const defaultIcons=['book','blackBoard','burger','eye','email','sort','unsort','person','diamond','diamondFilled','infoInverse','list','login','logout','fire','camps','cart','clock','clockFilled','courses','discount','externat','headphones','page','priceTag','phone','prof','star','settings','student','target','textbook','trophy','message','wallet','edit','copy','print','objective','present','coins','calendar','calendar_simple','chevronDown','chevronUp','chevronRight','chevronLeft','cross','dialog','dropDownArrow','externalLink','file','fileBordered','lessons','pencil','phoneNoFill','radioChecked','radioNotChecked','search','tasks','tinyCross','sharpCross','plus','plusThin','play','reload','checkCircle','info','check','home','questionFilled','document','cancel','playPause','video'].reduce(((e,o)=>(e[o]=()=>import(/* webpackMode: "eager" */'../../../assets/'.concat(o,'_default.svg')),e)),{});export{defaultIcons};
+//# sourceMappingURL=default.mjs.map

package/components/Icon/list/default.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default.mjs","sources":["../../../../../src/components/Icon/list/default.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, IconNameDefault, SvgDynamicModule } from '../types'\n\nconst defaultIconsNames: IconNameDefault[] = [\n  'book',\n  'blackBoard',\n  'burger',\n  'eye',\n  'email',\n  'sort',\n  'unsort',\n  'person',\n  'diamond',\n  'diamondFilled',\n  'infoInverse',\n  'list',\n  'login',\n  'logout',\n  'fire',\n  'camps',\n  'cart',\n  'clock',\n  'clockFilled',\n  'courses',\n  'discount',\n  'externat',\n  'headphones',\n  'page',\n  'priceTag',\n  'phone',\n  'prof',\n  'star',\n  'settings',\n  'student',\n  'target',\n  'textbook',\n  'trophy',\n  'message',\n  'wallet',\n  'edit',\n  'copy',\n  'print',\n  'objective',\n  'present',\n  'coins',\n  'calendar',\n  'calendar_simple',\n  'chevronDown',\n  'chevronUp',\n  'chevronRight',\n  'chevronLeft',\n  'cross',\n  'dialog',\n  'dropDownArrow',\n  'externalLink',\n  'file',\n  'fileBordered',\n  'lessons',\n  'pencil',\n  'phoneNoFill',\n  'radioChecked',\n  'radioNotChecked',\n  'search',\n  'tasks',\n  'tinyCross',\n  'sharpCross',\n  'plus',\n  'plusThin',\n  'play',\n  'reload',\n  'checkCircle',\n  'info',\n  'check',\n  'home',\n  'questionFilled',\n  'document',\n  'cancel',\n  'playPause',\n  'video',\n]\n\nexport const defaultIcons: Partial<Record<IconName, SvgDynamicModule>> = defaultIconsNames.reduce<\n  Record<IconName, SvgDynamicModule>\n>(\n  (acc, icon: IconName) => {\n    // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n    // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n    acc[icon] = () => import(/* webpackMode: \"eager\" */ `../images/${icon}_default.svg`)\n    return acc\n  },\n  {} as Record<IconName, SvgDynamicModule>\n)\n"],"names":["defaultIcons","reduce","acc","icon","import"],"mappings":"AAqFO,MAAMA,aA9EgC,CAC3C,OACA,aACA,SACA,MACA,QACA,OACA,SACA,SACA,UACA,gBACA,cACA,OACA,QACA,SACA,OACA,QACA,OACA,QACA,cACA,UACA,WACA,WACA,aACA,OACA,WACA,QACA,OACA,OACA,WACA,UACA,SACA,WACA,SACA,UACA,SACA,OACA,OACA,QACA,YACA,UACA,QACA,WACA,kBACA,cACA,YACA,eACA,cACA,QACA,SACA,gBACA,eACA,OACA,eACA,UACA,SACA,cACA,eACA,kBACA,SACA,QACA,YACA,aACA,OACA,WACA,OACA,SACA,cACA,OACA,QACA,OACA,iBACA,WACA,SACA,YACA,SAGyFC,QAGzF,CAACC,EAAKC,KAGJD,EAAIC,GAAQ,IAAMC,8EACXF,IAET,CACF"}

package/components/Icon/list/icon-pack.js

@@ -0,0 +1,2 @@
+'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var o=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,o.get?o:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}const iconPackIcons=_interopDefault(require('@foxford/icon-pack/components.json')).default.reduce(((e,t)=>(e[t.componentName.charAt(0).toLowerCase()+t.componentName.slice(1)]=()=>{return e=/* webpackMode: "eager" */'../../../assets/'.concat(t.fileName,'.svg'),Promise.resolve().then((()=>_interopNamespace(require(e))));var e},e)),{});exports.iconPackIcons=iconPackIcons;
+//# sourceMappingURL=icon-pack.js.map

package/components/Icon/list/icon-pack.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pack.js","sources":["../../../../../src/components/Icon/list/icon-pack.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport IconPackIcons from '@foxford/icon-pack/components.json'\nimport type { IconName, SvgDynamicModule } from '../types'\n\nexport const iconPackIcons: Partial<Record<IconName, SvgDynamicModule>> = IconPackIcons.reduce<\n  Record<IconName, SvgDynamicModule>\n>(\n  (acc, icon) => {\n    const name = (icon.componentName.charAt(0).toLowerCase() + icon.componentName.slice(1)) as IconName\n    // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n    // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n    acc[name] = () =>\n      import(\n        /* webpackMode: \"eager\" */ `../../../../node_modules/@foxford/icon-pack/icons/${icon.componentName}/${icon.fileName}.svg`\n      )\n    return acc\n  },\n  {} as Record<IconName, SvgDynamicModule>\n)\n"],"names":["iconPackIcons","IconPackIcons","reduce","acc","icon","componentName","charAt","toLowerCase","slice"],"mappings":"sWAQO,MAAMA,6EAA6DC,QAAcC,QAGtF,CAACC,EAAKC,KAIJD,EAHcC,EAAKC,cAAcC,OAAO,GAAGC,cAAgBH,EAAKC,cAAcG,MAAM,IAGxE,KACV,4IAAA,KAEC,EACIL,IAET,CACF"}

package/components/Icon/list/icon-pack.mjs

@@ -0,0 +1,2 @@
+import IconPackIcons from'@foxford/icon-pack/components.json';const iconPackIcons=IconPackIcons.reduce(((o,c)=>(o[c.componentName.charAt(0).toLowerCase()+c.componentName.slice(1)]=()=>import(/* webpackMode: "eager" */'../../../assets/'.concat(c.fileName,'.svg')),o)),{});export{iconPackIcons};
+//# sourceMappingURL=icon-pack.mjs.map

package/components/Icon/list/icon-pack.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"icon-pack.mjs","sources":["../../../../../src/components/Icon/list/icon-pack.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport IconPackIcons from '@foxford/icon-pack/components.json'\nimport type { IconName, SvgDynamicModule } from '../types'\n\nexport const iconPackIcons: Partial<Record<IconName, SvgDynamicModule>> = IconPackIcons.reduce<\n  Record<IconName, SvgDynamicModule>\n>(\n  (acc, icon) => {\n    const name = (icon.componentName.charAt(0).toLowerCase() + icon.componentName.slice(1)) as IconName\n    // Должен быть ОТНОСИТЕЛЬНЫЙ ПУТЬ\n    // данный подход позволяет работать в экосистеме webpack|rollap|vite одинаково, миную дефолтный механизмы резолвов\n    acc[name] = () =>\n      import(\n        /* webpackMode: \"eager\" */ `../../../../node_modules/@foxford/icon-pack/icons/${icon.componentName}/${icon.fileName}.svg`\n      )\n    return acc\n  },\n  {} as Record<IconName, SvgDynamicModule>\n)\n"],"names":["iconPackIcons","IconPackIcons","reduce","acc","icon","componentName","charAt","toLowerCase","slice","import"],"mappings":"8DAQO,MAAMA,cAA6DC,cAAcC,QAGtF,CAACC,EAAKC,KAIJD,EAHcC,EAAKC,cAAcC,OAAO,GAAGC,cAAgBH,EAAKC,cAAcG,MAAM,IAGxE,IACVC,+EAGKN,IAET,CACF"}

package/components/Icon/list/index.js

@@ -0,0 +1,2 @@
+'use strict';var _default=require('./default.js');var iconPack=require('./icon-pack.js');const ICONS={..._default.defaultIcons,...iconPack.iconPackIcons};const ICONS_DEFAULT={...iconPack.iconPackIcons,..._default.defaultIcons};exports.ICONS=ICONS,exports.ICONS_DEFAULT=ICONS_DEFAULT;
+//# sourceMappingURL=index.js.map

package/components/Icon/list/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../../../src/components/Icon/list/index.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, SvgDynamicModule } from '../types'\nimport { defaultIcons } from './default'\nimport { iconPackIcons } from './icon-pack'\n\nexport const ICONS: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...defaultIcons,\n  ...iconPackIcons,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...iconPackIcons,\n  ...defaultIcons,\n}\n"],"names":["ICONS","defaultIcons","iconPackIcons","ICONS_DEFAULT"],"mappings":"yFASO,MAAMA,MAAqD,IAC7DC,SAAYA,gBACZC,SAAAA,eAGE,MAAMC,cAA6D,IACrED,SAAaA,iBACbD,SAAAA"}

package/components/Icon/list/index.mjs

@@ -0,0 +1,2 @@
+import{defaultIcons}from'./default.mjs';import{iconPackIcons}from'./icon-pack.mjs';const ICONS={...defaultIcons,...iconPackIcons};const ICONS_DEFAULT={...iconPackIcons,...defaultIcons};export{ICONS,ICONS_DEFAULT};
+//# sourceMappingURL=index.mjs.map

package/components/Icon/list/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../src/components/Icon/list/index.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, SvgDynamicModule } from '../types'\nimport { defaultIcons } from './default'\nimport { iconPackIcons } from './icon-pack'\n\nexport const ICONS: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...defaultIcons,\n  ...iconPackIcons,\n}\n\nexport const ICONS_DEFAULT: Partial<Record<IconName, SvgDynamicModule>> = {\n  ...iconPackIcons,\n  ...defaultIcons,\n}\n"],"names":["ICONS","defaultIcons","iconPackIcons","ICONS_DEFAULT"],"mappings":"mFASO,MAAMA,MAAqD,IAC7DC,gBACAC,eAGE,MAAMC,cAA6D,IACrED,iBACAD"}

package/components/Icon/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp((e=>!['vAlign','url','multicolor'].includes(e)));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(e=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${e.color?color.getColor(e.color,e):'inherit'};\n    vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),(e=>e.url?e.multicolor?`\n          background-image: url(${e.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `:`\n          mask-image: url(${e.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `:''),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const shouldForwardIconProp=style.createShouldForwardProp((e=>!['vAlign'].includes(e)));const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," ",""],(e=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${e.color?color.getColor(e.color,e):'inherit'};\n    vertical-align: ${e.vAlign?e.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Icon/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${(props) => {\n    if (!props.url) {\n      return ''\n    }\n\n    return props.multicolor\n      ? `\n          background-image: url(${props.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `\n      : `\n          mask-image: url(${props.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,sBAAwBC,MAAuBA,yBAAEC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAQA,SAACF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,qIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,IAoBTE,eAAcA,eACdC,iBAAgBA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,sBAAwBC,MAAAA,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,MAAME,KAAOC,gBAAAA,QAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,MAAQA,SAACF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,oIAShDC,eAAcA,eACdC,iBAAgBA"}

package/components/Icon/style.mjs

@@ -1,2 +1,2 @@
-import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp((o=>!['vAlign','url','multicolor'].includes(o)));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${o.color?getColor(o.color,o):'inherit'};\n    vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),(o=>o.url?o.multicolor?`\n          background-image: url(${o.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `:`\n          mask-image: url(${o.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `:''),responsiveSize,responsiveMargin);export{Root};
+import styled from'styled-components';import{getColor}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconProp=createShouldForwardProp((o=>!['vAlign'].includes(o)));const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIconProp}).withConfig({displayName:"Icon__Root",componentId:"ui__sc-yfeniy-0"})([""," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${o.color?getColor(o.color,o):'inherit'};\n    vertical-align: ${o.vAlign?o.vAlign:'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `),responsiveSize,responsiveMargin);export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Icon/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign', 'url', 'multicolor'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${(props) => {\n    if (!props.url) {\n      return ''\n    }\n\n    return props.multicolor\n      ? `\n          background-image: url(${props.url});\n          background-origin: border-box;\n          background-position: center;\n          background-repeat: no-repeat;\n          background-size: contain;\n          `\n      : `\n          mask-image: url(${props.url});\n          mask-position: center;\n          mask-repeat: no-repeat;\n          mask-size: contain;\n          background-color: currentcolor;\n          `\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","url","multicolor","responsiveSize","responsiveMargin"],"mappings":"mRAOA,MAAMA,sBAAwBC,yBAAyBC,IAAa,CAAC,SAAU,MAAO,cAAcC,SAASD,KAEtG,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,qIAS/CH,GACIA,EAAMI,IAIJJ,EAAMK,WACT,qCAC0BL,EAAMI,oLAMhC,+BACoBJ,EAAMI,mKAZrB,IAoBTE,eACAC"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Icon/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { getColor } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { StyledIconProps } from './types'\n\nconst shouldForwardIconProp = createShouldForwardProp((propKey) => !['vAlign'].includes(propKey))\n\nexport const Root = styled.span.withConfig<StyledIconProps>({\n  shouldForwardProp: shouldForwardIconProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    color: ${props.color ? getColor(props.color, props) : 'inherit'};\n    vertical-align: ${props.vAlign ? props.vAlign : 'baseline'};\n    & > svg {\n      display: block;\n      width: 100%;\n      height: 100%;\n      fill: currentcolor;\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconProp","createShouldForwardProp","propKey","includes","Root","styled","span","withConfig","shouldForwardProp","displayName","componentId","props","color","getColor","vAlign","responsiveSize","responsiveMargin"],"mappings":"mRAOA,MAAMA,sBAAwBC,yBAAyBC,IAAa,CAAC,UAAUC,SAASD,KAEjF,MAAME,KAAOC,OAAOC,KAAKC,WAA4B,CAC1DC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGM,GAAU,wLAQFA,EAAMC,MAAQC,SAASF,EAAMC,MAAOD,GAAS,mCACpCA,EAAMG,OAASH,EAAMG,OAAS,oIAShDC,eACAC"}