@foxford/ui 2.109.0 → 2.110.0

package/components/Avatar/Avatar.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var utils=require('./utils.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Avatar=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{size:s="m",textProps:t={},children:i,text:a,...n}=e;const o=typeof s!='string'||n.preset!=='default'&&s!=='sm'?s:sizes.SIZES_MAPPING_RULES[s]??s;return jsxRuntime.jsx(style.Root,{...n,size:o,ref:r,children:n.loading?jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):i??(!n.src&&jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...t,children:utils.abbreviateCaption(a||n.title||'')}))})}),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?sizes.SIZES_SQUARE:sizes.SIZES:sizes.SIZES_DEFAULT});exports.SIZES=sizes.SIZES,exports.SIZES_SQUARE=sizes.SIZES_SQUARE,exports.Avatar=Avatar;
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var utils=require('./utils.js');var style=require('./style.js');var sizes=require('./sizes.js');var jsxRuntime=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Avatar=withMergedProps.withMergedProps(React.forwardRef((e,r)=>{const{size:s="m",textProps:t={},children:i,text:a,...n}=e;const o=typeof s!='string'||n.preset!=='default'&&s!=='sm'?s:sizes.SIZES_MAPPING_RULES[s]??s;return jsxRuntime.jsx(style.Root,{...n,size:o,ref:r,children:n.loading?jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):i??(!n.src&&jsxRuntime.jsx(Text.Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...t,children:utils.abbreviateCaption(a||n.title||'')}))})}),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?sizes.SIZES_SQUARE:sizes.SIZES:sizes.SIZES_DEFAULT});exports.Avatar=Avatar;
 //# sourceMappingURL=Avatar.js.map

package/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"qUAoBA,MAAMA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,WAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,MAAAA,oBAAoBP,IAASA,EAGpC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,WAAAA,IAACS,KAAAA,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,MAAAA,kBAAkBpB,GAAQC,EAAUoB,OAAS,WAO1D,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,MAAAA,aAAeC,MAAAA,MAGhCC,MAAAA"}
+{"version":3,"file":"Avatar.js","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"qUAoBA,MAAMA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,WAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,MAAAA,oBAAoBP,IAASA,EAGpC,OACEQ,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,WAAAA,IAACG,SAAAA,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,WAAAA,IAACS,KAAAA,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,MAAAA,kBAAkBpB,GAAQC,EAAUoB,OAAS,WAO1D,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,MAAAA,aAAeC,MAAAA,MAGhCC,MAAAA"}

package/components/Avatar/Avatar.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{Root}from'./style.mjs';import{SIZES_SQUARE,SIZES,SIZES_DEFAULT,SIZES_MAPPING_RULES}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Avatar=withMergedProps(forwardRef((e,r)=>{const{size:t="m",textProps:o={},children:i,text:s,...a}=e;const S=typeof t!='string'||a.preset!=='default'&&t!=='sm'?t:SIZES_MAPPING_RULES[t]??t;return jsx(Root,{...a,size:S,ref:r,children:a.loading?jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):i??(!a.src&&jsx(Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...o,children:abbreviateCaption(s||a.title||'')}))})}),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Avatar,SIZES,SIZES_SQUARE};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{abbreviateCaption}from'./utils.mjs';import{Root}from'./style.mjs';import{SIZES_SQUARE,SIZES,SIZES_DEFAULT,SIZES_MAPPING_RULES}from'./sizes.mjs';import{jsx}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Avatar=withMergedProps(forwardRef((e,r)=>{const{size:t="m",textProps:o={},children:i,text:s,...a}=e;const m=typeof t!='string'||a.preset!=='default'&&t!=='sm'?t:SIZES_MAPPING_RULES[t]??t;return jsx(Root,{...a,size:m,ref:r,children:a.loading?jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"}):i??(!a.src&&jsx(Text,{as:"span",appearance:"caption",size:"inherit",color:"inherit",lineHeight:1,marginTop:1,transform:"uppercase",...o,children:abbreviateCaption(s||a.title||'')}))})}),{displayName:'Avatar',sizes:e=>e.preset==='brand'?e.square?SIZES_SQUARE:SIZES:SIZES_DEFAULT});export{Avatar};
 //# sourceMappingURL=Avatar.mjs.map

package/components/Avatar/Avatar.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n\nexport { SIZES, SIZES_SQUARE }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"sWAoBA,MAAMA,OAAuDC,gBAC3DC,WAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,oBAAoBP,IAASA,EAGpC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,IAACS,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,kBAAkBpB,GAAQC,EAAUoB,OAAS,WAO1D,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,aAAeC,MAGhCC"}
+{"version":3,"file":"Avatar.mjs","sources":["../../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Skeleton } from 'components/Skeleton'\nimport { Text } from 'components/Text'\nimport { abbreviateCaption } from './utils'\nimport type { AvatarProps } from './types'\nimport * as Styled from './style'\nimport { SIZES, SIZES_DEFAULT, SIZES_MAPPING_RULES, SIZES_SQUARE } from './sizes'\n\nconst COMPONENT_NAME = 'Avatar'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для отображения сущности с помощью изображения, инициалов или другого текста.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<span\\> элемента.\n */\nconst Avatar: React.ForwardRefExoticComponent<AvatarProps> = withMergedProps<AvatarProps, HTMLSpanElement>(\n  forwardRef<HTMLSpanElement, MergedProps<AvatarProps>>((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const sizeMapped =\n      typeof size === 'string' && (restProps.preset === 'default' || size === 'sm')\n        ? (SIZES_MAPPING_RULES[size] ?? size)\n        : size\n\n    return (\n      <Styled.Root {...restProps} size={sizeMapped} ref={ref}>\n        {restProps.loading ? (\n          <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />\n        ) : (\n          (children ??\n          (!restProps.src && (\n            <Text\n              as='span'\n              appearance='caption'\n              size='inherit'\n              color='inherit'\n              lineHeight={1}\n              marginTop={1}\n              transform='uppercase'\n              {...textProps}\n            >\n              {abbreviateCaption(text || restProps.title || '')}\n            </Text>\n          )))\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      if (props.preset === 'brand') {\n        return props.square ? SIZES_SQUARE : SIZES\n      }\n\n      return SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Avatar }\n"],"names":["Avatar","withMergedProps","forwardRef","props","ref","size","textProps","children","text","restProps","sizeMapped","preset","SIZES_MAPPING_RULES","_jsx","Styled","loading","Skeleton","as","width","height","borderRadius","src","Text","appearance","color","lineHeight","marginTop","transform","abbreviateCaption","title","displayName","sizes","square","SIZES_SQUARE","SIZES","SIZES_DEFAULT"],"mappings":"sWAoBA,MAAMA,OAAuDC,gBAC3DC,WAAsD,CAACC,EAAOC,KAC5D,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAA,EAAEC,SAAEA,EAAQC,KAAEA,KAASC,GAAcN,EAErE,MAAMO,SACGL,GAAS,UAAaI,EAAUE,SAAW,WAAaN,IAAS,KAEpEA,EADCO,oBAAoBP,IAASA,EAGpC,OACEQ,IAACC,KAAW,IAAKL,EAAWJ,KAAMK,EAAYN,IAAKA,EAAIG,SACpDE,EAAUM,QACTF,IAACG,SAAQ,CAACC,GAAG,OAAOC,MAAM,OAAOC,OAAO,OAAOC,aAAa,YAE3Db,KACCE,EAAUY,KACVR,IAACS,KAAI,CACHL,GAAG,OACHM,WAAW,UACXlB,KAAK,UACLmB,MAAM,UACNC,WAAY,EACZC,UAAW,EACXC,UAAU,eACNrB,EAASC,SAEZqB,kBAAkBpB,GAAQC,EAAUoB,OAAS,WAO1D,CACEC,YA5CmB,SA6CnBC,MAAQ5B,GACFA,EAAMQ,SAAW,QACZR,EAAM6B,OAASC,aAAeC,MAGhCC"}

package/components/Avatar/sizes.js

@@ -1,2 +1,2 @@
-'use strict';exports.SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:11,borderRadius:'50%'},xs:{width:28,height:28,fontSize:12,borderRadius:'50%'},xxs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxxs:{width:18,height:18,fontSize:7,borderRadius:'50%'}},exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'},exports.SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:28,height:28,fontSize:11,borderRadius:6},xxs:{width:24,height:24,fontSize:10,borderRadius:5},xxxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxxs:{width:18,height:18,fontSize:7,borderRadius:3}};
+'use strict';const SIZES_BASE={xxxl:{'--avatar-size':'120px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:36},xxl:{'--avatar-size':'68px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:24},xl:{'--avatar-size':'52px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:18},l:{'--avatar-size':'48px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:16},m:{'--avatar-size':'40px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:14},s:{'--avatar-size':'32px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:12},xs:{'--avatar-size':'28px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:12},xxs:{'--avatar-size':'24px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:10},xxxs:{'--avatar-size':'20px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:8},xxxxs:{'--avatar-size':'18px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:7}};const SIZES={xxxl:{...SIZES_BASE.xxxl,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,borderRadius:'50%'},xl:{...SIZES_BASE.xl,borderRadius:'50%'},l:{...SIZES_BASE.l,borderRadius:'50%'},m:{...SIZES_BASE.m,borderRadius:'50%'},s:{...SIZES_BASE.s,borderRadius:'50%'},xs:{...SIZES_BASE.xs,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,borderRadius:'50%'},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxl:{...SIZES_BASE.xxl,borderRadius:"calc(var(--avatar-size) * 0.2)"},xl:{...SIZES_BASE.xl,borderRadius:"calc(var(--avatar-size) * 0.2)"},l:{...SIZES_BASE.l,borderRadius:"calc(var(--avatar-size) * 0.2)"},m:{...SIZES_BASE.m,borderRadius:"calc(var(--avatar-size) * 0.2)"},s:{...SIZES_BASE.s,borderRadius:"calc(var(--avatar-size) * 0.2)"},xs:{...SIZES_BASE.xs,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxs:{...SIZES_BASE.xxs,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxxs:{...SIZES_BASE.xxxs,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:"calc(var(--avatar-size) * 0.2)"}};exports.SIZES=SIZES,exports.SIZES_BASE=SIZES_BASE,exports.SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'},exports.SIZES_SQUARE=SIZES_SQUARE;
 //# sourceMappingURL=sizes.js.map

package/components/Avatar/sizes.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.js","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 11,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: 24,\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: 14,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: 11,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: 10,\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: 8,\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: 7,\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 11,\n    borderRadius: 6,\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: 3,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","xxxxs","sm"],"mappings":"2BAoEkD,CAChDA,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,8BA1HwC,CACxDJ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,oCA7DuC,CAAEG,EAAG,KAAMC,EAAG,IAAKM,GAAI,0BAgIvB,CACvDd,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBS,MAAO,CACLZ,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--avatar-size': '120px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 36,\n  },\n  xxl: {\n    '--avatar-size': '68px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 24,\n  },\n  xl: {\n    '--avatar-size': '52px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 18,\n  },\n  l: {\n    '--avatar-size': '48px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 16,\n  },\n  m: {\n    '--avatar-size': '40px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 14,\n  },\n  s: {\n    '--avatar-size': '32px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 12,\n  },\n  xs: {\n    '--avatar-size': '28px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 12,\n  },\n  xxs: {\n    '--avatar-size': '24px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 10,\n  },\n  xxxs: {\n    '--avatar-size': '20px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 8,\n  },\n  xxxxs: {\n    '--avatar-size': '18px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 7,\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: '50%',\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: '50%',\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: '50%',\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: '50%',\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: '50%',\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: '50%',\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: '50%',\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n}\n"],"names":["SIZES_BASE","xxxl","width","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs","xxxxs","SIZES","borderRadius","SIZES_SQUARE","sm"],"mappings":"aAoEO,MAAMA,WAA0C,CACrDC,KAAM,CACJ,gBAAiB,QACjBC,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZC,IAAK,CACH,gBAAiB,OACjBH,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZE,GAAI,CACF,gBAAiB,OACjBJ,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZG,EAAG,CACD,gBAAiB,OACjBL,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZI,EAAG,CACD,gBAAiB,OACjBN,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZK,EAAG,CACD,gBAAiB,OACjBP,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZM,GAAI,CACF,gBAAiB,OACjBR,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZO,IAAK,CACH,gBAAiB,OACjBT,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZQ,KAAM,CACJ,gBAAiB,OACjBV,MAAO,qBACPC,OAAQ,qBACRC,SAAU,GAEZS,MAAO,CACL,gBAAiB,OACjBX,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAIP,MAAMU,MAAqC,CAChDb,KAAM,IACDD,WAAWC,KACdc,aAAc,OAEhBV,IAAK,IACAL,WAAWK,IACdU,aAAc,OAEhBT,GAAI,IACCN,WAAWM,GACdS,aAAc,OAEhBR,EAAG,IACEP,WAAWO,EACdQ,aAAc,OAEhBP,EAAG,IACER,WAAWQ,EACdO,aAAc,OAEhBN,EAAG,IACET,WAAWS,EACdM,aAAc,OAEhBL,GAAI,IACCV,WAAWU,GACdK,aAAc,OAEhBJ,IAAK,IACAX,WAAWW,IACdI,aAAc,OAEhBH,KAAM,IACDZ,WAAWY,KACdG,aAAc,OAEhBF,MAAO,IACFb,WAAWa,MACdE,aAAc,QAIX,MAAMC,aAA4C,CACvDf,KAAM,IACDD,WAAWC,KACdc,aAAc,kCAEhBV,IAAK,IACAL,WAAWK,IACdU,aAAc,kCAEhBT,GAAI,IACCN,WAAWM,GACdS,aAAc,kCAEhBR,EAAG,IACEP,WAAWO,EACdQ,aAAc,kCAEhBP,EAAG,IACER,WAAWQ,EACdO,aAAc,kCAEhBN,EAAG,IACET,WAAWS,EACdM,aAAc,kCAEhBL,GAAI,IACCV,WAAWU,GACdK,aAAc,kCAEhBJ,IAAK,IACAX,WAAWW,IACdI,aAAc,kCAEhBH,KAAM,IACDZ,WAAWY,KACdG,aAAc,kCAEhBF,MAAO,IACFb,WAAWa,MACdE,aAAc,2GAhNwC,CACxDd,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVW,aAAc,OAEhBV,IAAK,CACHH,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVW,aAAc,OAEhBT,GAAI,CACFJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVW,aAAc,OAEhBR,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBP,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBN,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBL,GAAI,CACFR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBJ,IAAK,CACHT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBH,KAAM,CACJV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,OAEhBF,MAAO,CACLX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVW,aAAc,oCA7DuC,CAAER,EAAG,KAAMC,EAAG,IAAKS,GAAI"}

package/components/Avatar/sizes.mjs

@@ -1,2 +1,2 @@
-const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};const SIZES={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:68,height:68,fontSize:24,borderRadius:'50%'},xl:{width:52,height:52,fontSize:18,borderRadius:'50%'},l:{width:48,height:48,fontSize:16,borderRadius:'50%'},m:{width:40,height:40,fontSize:14,borderRadius:'50%'},s:{width:32,height:32,fontSize:11,borderRadius:'50%'},xs:{width:28,height:28,fontSize:12,borderRadius:'50%'},xxs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxxs:{width:18,height:18,fontSize:7,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:120,height:120,fontSize:36,borderRadius:24},xxl:{width:68,height:68,fontSize:24,borderRadius:14},xl:{width:52,height:52,fontSize:18,borderRadius:11},l:{width:48,height:48,fontSize:16,borderRadius:10},m:{width:40,height:40,fontSize:14,borderRadius:8},s:{width:32,height:32,fontSize:12,borderRadius:7},xs:{width:28,height:28,fontSize:11,borderRadius:6},xxs:{width:24,height:24,fontSize:10,borderRadius:5},xxxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxxs:{width:18,height:18,fontSize:7,borderRadius:3}};export{SIZES,SIZES_DEFAULT,SIZES_MAPPING_RULES,SIZES_SQUARE};
+const SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};const SIZES_DEFAULT={xxxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xxl:{width:120,height:120,fontSize:36,borderRadius:'50%'},xl:{width:120,height:120,fontSize:36,borderRadius:'50%'},l:{width:68,height:68,fontSize:24,borderRadius:'50%'},m:{width:52,height:52,fontSize:12,borderRadius:'50%'},s:{width:40,height:40,fontSize:12,borderRadius:'50%'},xs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'},xxxxs:{width:32,height:32,fontSize:12,borderRadius:'50%'}};const SIZES_BASE={xxxl:{'--avatar-size':'120px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:36},xxl:{'--avatar-size':'68px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:24},xl:{'--avatar-size':'52px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:18},l:{'--avatar-size':'48px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:16},m:{'--avatar-size':'40px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:14},s:{'--avatar-size':'32px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:12},xs:{'--avatar-size':'28px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:12},xxs:{'--avatar-size':'24px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:10},xxxs:{'--avatar-size':'20px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:8},xxxxs:{'--avatar-size':'18px',width:'var(--avatar-size)',height:'var(--avatar-size)',fontSize:7}};const SIZES={xxxl:{...SIZES_BASE.xxxl,borderRadius:'50%'},xxl:{...SIZES_BASE.xxl,borderRadius:'50%'},xl:{...SIZES_BASE.xl,borderRadius:'50%'},l:{...SIZES_BASE.l,borderRadius:'50%'},m:{...SIZES_BASE.m,borderRadius:'50%'},s:{...SIZES_BASE.s,borderRadius:'50%'},xs:{...SIZES_BASE.xs,borderRadius:'50%'},xxs:{...SIZES_BASE.xxs,borderRadius:'50%'},xxxs:{...SIZES_BASE.xxxs,borderRadius:'50%'},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{...SIZES_BASE.xxxl,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxl:{...SIZES_BASE.xxl,borderRadius:"calc(var(--avatar-size) * 0.2)"},xl:{...SIZES_BASE.xl,borderRadius:"calc(var(--avatar-size) * 0.2)"},l:{...SIZES_BASE.l,borderRadius:"calc(var(--avatar-size) * 0.2)"},m:{...SIZES_BASE.m,borderRadius:"calc(var(--avatar-size) * 0.2)"},s:{...SIZES_BASE.s,borderRadius:"calc(var(--avatar-size) * 0.2)"},xs:{...SIZES_BASE.xs,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxs:{...SIZES_BASE.xxs,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxxs:{...SIZES_BASE.xxxs,borderRadius:"calc(var(--avatar-size) * 0.2)"},xxxxs:{...SIZES_BASE.xxxxs,borderRadius:"calc(var(--avatar-size) * 0.2)"}};export{SIZES,SIZES_BASE,SIZES_DEFAULT,SIZES_MAPPING_RULES,SIZES_SQUARE};
 //# sourceMappingURL=sizes.mjs.map

package/components/Avatar/sizes.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 11,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: 24,\n  },\n  xxl: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: 14,\n  },\n  xl: {\n    width: 52,\n    height: 52,\n    fontSize: 18,\n    borderRadius: 11,\n  },\n  l: {\n    width: 48,\n    height: 48,\n    fontSize: 16,\n    borderRadius: 10,\n  },\n  m: {\n    width: 40,\n    height: 40,\n    fontSize: 14,\n    borderRadius: 8,\n  },\n  s: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: 7,\n  },\n  xs: {\n    width: 28,\n    height: 28,\n    fontSize: 11,\n    borderRadius: 6,\n  },\n  xxs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxxs: {\n    width: 18,\n    height: 18,\n    fontSize: 7,\n    borderRadius: 3,\n  },\n}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs","xxxxs","SIZES","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAA6C,CACxDC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMQ,MAAqC,CAChDZ,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,QAIX,MAAMS,aAA4C,CACvDb,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,IAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,IAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,GAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Avatar/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { Size } from './types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Record<Size, CSSProperties> = {\n  xxxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 120,\n    height: 120,\n    fontSize: 36,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 68,\n    height: 68,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 52,\n    height: 52,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 40,\n    height: 40,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    width: 32,\n    height: 32,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_BASE: Record<Size, CSSProperties> = {\n  xxxl: {\n    '--avatar-size': '120px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 36,\n  },\n  xxl: {\n    '--avatar-size': '68px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 24,\n  },\n  xl: {\n    '--avatar-size': '52px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 18,\n  },\n  l: {\n    '--avatar-size': '48px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 16,\n  },\n  m: {\n    '--avatar-size': '40px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 14,\n  },\n  s: {\n    '--avatar-size': '32px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 12,\n  },\n  xs: {\n    '--avatar-size': '28px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 12,\n  },\n  xxs: {\n    '--avatar-size': '24px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 10,\n  },\n  xxxs: {\n    '--avatar-size': '20px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 8,\n  },\n  xxxxs: {\n    '--avatar-size': '18px',\n    width: 'var(--avatar-size)',\n    height: 'var(--avatar-size)',\n    fontSize: 7,\n  },\n}\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: '50%',\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: '50%',\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: '50%',\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: '50%',\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: '50%',\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: '50%',\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: '50%',\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: '50%',\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Record<Size, CSSProperties> = {\n  xxxl: {\n    ...SIZES_BASE.xxxl,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxl: {\n    ...SIZES_BASE.xxl,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xl: {\n    ...SIZES_BASE.xl,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  l: {\n    ...SIZES_BASE.l,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  m: {\n    ...SIZES_BASE.m,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  s: {\n    ...SIZES_BASE.s,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xs: {\n    ...SIZES_BASE.xs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxs: {\n    ...SIZES_BASE.xxs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxxs: {\n    ...SIZES_BASE.xxxs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n  xxxxs: {\n    ...SIZES_BASE.xxxxs,\n    borderRadius: `calc(var(--avatar-size) * 0.2)`,\n  },\n}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs","xxxxs","SIZES_BASE","SIZES","SIZES_SQUARE"],"mappings":"AAGO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAA6C,CACxDC,KAAM,CACJC,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,IACPC,OAAQ,IACRC,SAAU,GACVC,aAAc,OAEhBR,EAAG,CACDK,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBP,EAAG,CACDI,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,GAAI,CACFP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,IAAK,CACHR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,KAAM,CACJT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,MAAO,CACLV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMQ,WAA0C,CACrDZ,KAAM,CACJ,gBAAiB,QACjBC,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZE,IAAK,CACH,gBAAiB,OACjBJ,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZG,GAAI,CACF,gBAAiB,OACjBL,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZP,EAAG,CACD,gBAAiB,OACjBK,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZN,EAAG,CACD,gBAAiB,OACjBI,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZI,EAAG,CACD,gBAAiB,OACjBN,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZK,GAAI,CACF,gBAAiB,OACjBP,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZM,IAAK,CACH,gBAAiB,OACjBR,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAEZO,KAAM,CACJ,gBAAiB,OACjBT,MAAO,qBACPC,OAAQ,qBACRC,SAAU,GAEZQ,MAAO,CACL,gBAAiB,OACjBV,MAAO,qBACPC,OAAQ,qBACRC,SAAU,IAIP,MAAMU,MAAqC,CAChDb,KAAM,IACDY,WAAWZ,KACdI,aAAc,OAEhBC,IAAK,IACAO,WAAWP,IACdD,aAAc,OAEhBE,GAAI,IACCM,WAAWN,GACdF,aAAc,OAEhBR,EAAG,IACEgB,WAAWhB,EACdQ,aAAc,OAEhBP,EAAG,IACEe,WAAWf,EACdO,aAAc,OAEhBG,EAAG,IACEK,WAAWL,EACdH,aAAc,OAEhBI,GAAI,IACCI,WAAWJ,GACdJ,aAAc,OAEhBK,IAAK,IACAG,WAAWH,IACdL,aAAc,OAEhBM,KAAM,IACDE,WAAWF,KACdN,aAAc,OAEhBO,MAAO,IACFC,WAAWD,MACdP,aAAc,QAIX,MAAMU,aAA4C,CACvDd,KAAM,IACDY,WAAWZ,KACdI,aAAc,kCAEhBC,IAAK,IACAO,WAAWP,IACdD,aAAc,kCAEhBE,GAAI,IACCM,WAAWN,GACdF,aAAc,kCAEhBR,EAAG,IACEgB,WAAWhB,EACdQ,aAAc,kCAEhBP,EAAG,IACEe,WAAWf,EACdO,aAAc,kCAEhBG,EAAG,IACEK,WAAWL,EACdH,aAAc,kCAEhBI,GAAI,IACCI,WAAWJ,GACdJ,aAAc,kCAEhBK,IAAK,IACAG,WAAWH,IACdL,aAAc,kCAEhBM,KAAM,IACDE,WAAWF,KACdN,aAAc,kCAEhBO,MAAO,IACFC,WAAWD,MACdP,aAAc"}

package/components/Chip/Chip.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Avatar=require('../Avatar/Avatar.js');var Text=require('../Text/Text.js');var Indicator=require('../Indicator/Indicator.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');const Chip=withMergedProps.withMergedProps(React.forwardRef((e,s)=>{const{size:t="m",primary:n=!0,textProps:i={},captionProps:r={},iconProps:o={},avatarProps:a={},indicatorProps:c={},discardButtonProps:u={},sizeXXS:p,sizeXS:d,sizeS:x,sizeM:l,sizeL:j,sizeXL:I,children:S,text:R,caption:m,icon:v,...z}=e;let h='div';let y;z.onClick&&(h='button'),u.onClick&&(h='div'),h==='button'&&(y='button'),z.type&&(y=z.type);const A={size:t,sizeXXS:p,sizeXS:d,sizeS:x,sizeM:l,sizeL:j,sizeXL:I};const[C,P]=Array.isArray(v)?v:[v];const T={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:m?1.3:1};const _={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const g={icon:jsxRuntime.jsx(index.Close,{}),disabled:z.disabled};return jsxRuntime.jsx(style.Root,{...z,...A,as:h,type:y,primary:n,ref:s,children:typeof S=='function'?S({textProps:T,captionProps:_,discardButtonProps:g}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[C?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,sizes:constants.SIZES_ICON,...A,...o}):null,a.src||a.text?jsxRuntime.jsx(Avatar.Avatar,{preset:"brand",sizes:a.square?constants.SIZES_CHIP_AVATAR_SQUARE:constants.SIZES_CHIP_AVATAR,...A,...a}):null,jsxRuntime.jsxs(style.Content,{children:[jsxRuntime.jsx(Text.Text,{...T,...i,children:S??R}),m?jsxRuntime.jsx(Text.Text,{..._,...r,children:m}):null]}),c.children||c.text?jsxRuntime.jsx(Indicator.Indicator,{sizes:constants.SIZES_CHIP_INDICATOR,marginRight:3,...A,...c}):null,P?jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,sizes:constants.SIZES_ICON,...A,...o}):null,u.onClick?jsxRuntime.jsx(IconButton.IconButton,{sizes:u.square?constants.SIZES_DISCARD_BUTTON_SQUARE:constants.SIZES_DISCARD_BUTTON,...A,...g,...u}):null]})})}),{displayName:'Chip',sizes:constants.SIZES});exports.Chip=Chip;
+'use strict';var createPolymorphicComponentWithRef=require('../../shared/utils/createPolymorphicComponentWithRef.js');var useMergedProps=require('../../hooks/useMergedProps.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Slot=require('../Slot/Slot.js');var Icon=require('../Icon/Icon.js');var Avatar=require('../Avatar/Avatar.js');var Text=require('../Text/Text.js');var Indicator=require('../Indicator/Indicator.js');var IconButton=require('../IconButton/IconButton.js');var index=require('../../icon-pack/src/icons/Close/index.js');const Chip=createPolymorphicComponentWithRef.createPolymorphicComponentWithRef((i,s)=>{const{size:e="m",primary:t=!0,textProps:r={},captionProps:n={},iconProps:o={},avatarProps:a={},indicatorProps:c={},discardButtonProps:l={},component:p,root:u,content:d,title:x,description:j,addonLeft:m,addonRight:S,children:I,text:P,caption:R,icon:h,sizeXXS:z,sizeXS:v,sizeS:N,sizeM:g,sizeL:C,sizeXL:f,...y}=useMergedProps.useMergedProps(i,{componentName:"Chip",sizes:i=>{const s=!isNil.isNil(i.title)||!isNil.isNil(i.text)||!isNil.isNil(i.children)&&typeof i.children!='function';const e=!isNil.isNil(i.description)||!isNil.isNil(i.caption);return s&&e?sizes.SIZES_WITH_DESCRIPTION:sizes.SIZES}});let T='div';y.onClick&&(T='button'),l.onClick&&(T='div'),p&&(T=p);const b={size:e,sizeXXS:z,sizeXS:v,sizeS:N,sizeM:g,sizeL:C,sizeXL:f};const[q,A]=Array.isArray(h)?h:[h];const E={...b,sizes:sizes.SIZES_TEXT,as:'span',appearance:'caption',color:'inherit',textAlign:'center'};const _={...b,sizes:sizes.SIZES_DESCRIPTION,as:'span',appearance:'caption',color:'inherit',textAlign:'center'};const k={...b,sizes:sizes.SIZES_ICON,preset:'brand'};const B={...b,sizes:sizes.SIZES_CHIP_ICON_BUTTON,icon:jsxRuntime.jsx(index.Close,{}),disabled:y.disabled,square:!0};const X={...b,sizes:sizes.SIZES_CHIP_AVATAR,preset:'brand',square:!0};const Z={...b,sizes:sizes.SIZES_CHIP_INDICATOR};return jsxRuntime.jsx(style.Root,{...y,...b,as:T,type:y.type??(T==='button'?'button':void 0),"data-disabled":y.disabled,primary:t,ref:s,children:jsxRuntime.jsx(Slot.Slot,{render:u,props:{titleProps:E,descriptionProps:_,iconProps:k,iconButtonProps:B,avatarProps:X,indicatorProps:Z},fallback:()=>typeof I=='function'?I({textProps:E,captionProps:_,discardButtonProps:B}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:m,props:{iconProps:k,iconButtonProps:B,avatarProps:X,indicatorProps:{...Z,marginLeft:'var(--chip-margin)'}},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[q?jsxRuntime.jsx(Icon.Icon,{...k,...o,name:typeof q=='string'?q:void 0,icon:typeof q!='string'?q:void 0}):null,a.src||a.text?jsxRuntime.jsx(Avatar.Avatar,{...X,...a}):null]})}),jsxRuntime.jsx(style.Content,{...b,sizes:sizes.SIZES_CONTENT,children:jsxRuntime.jsx(Slot.Slot,{render:d,props:{titleProps:E,descriptionProps:_},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(Slot.Slot,{render:x,props:E,fallback:isNil.isNil(I)&&isNil.isNil(P)?null:jsxRuntime.jsx(Text.Text,{...E,...r,children:I??P})}),jsxRuntime.jsx(Slot.Slot,{render:j,props:_,fallback:isNil.isNil(R)?null:jsxRuntime.jsx(Text.Text,{..._,...n,children:R})})]})})}),jsxRuntime.jsx(Slot.Slot,{render:S,props:{iconProps:k,iconButtonProps:B,avatarProps:X,indicatorProps:{...Z,marginRight:'var(--chip-margin)'}},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[c.children||c.text?jsxRuntime.jsx(Indicator.Indicator,{marginRight:"var(--chip-margin)",...Z,...c}):null,A?jsxRuntime.jsx(Icon.Icon,{...k,...o,name:typeof A=='string'?A:void 0,icon:typeof A!='string'?A:void 0}):null,l.onClick?jsxRuntime.jsx(IconButton.IconButton,{...B,...l}):null]})})]})})})});exports.Chip=Chip;
 //# sourceMappingURL=Chip.js.map

package/components/Chip/Chip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport {\n  SIZES,\n  SIZES_ICON,\n  SIZES_CHIP_INDICATOR,\n  SIZES_CHIP_AVATAR,\n  SIZES_CHIP_AVATAR_SQUARE,\n  SIZES_DISCARD_BUTTON,\n  SIZES_DISCARD_BUTTON_SQUARE,\n} from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n  forwardRef<HTMLElement, MergedProps<ChipProps>>((props, ref) => {\n    const {\n      size = 'm',\n      primary = true,\n      textProps = {},\n      captionProps = {},\n      iconProps = {},\n      avatarProps = {},\n      indicatorProps = {},\n      discardButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      text,\n      caption,\n      icon,\n      ...restProps\n    } = props\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let rootNode: any = 'div'\n\n    if (restProps.onClick) rootNode = 'button'\n    if (discardButtonProps.onClick) rootNode = 'div'\n\n    let rootType: ChipProps['type']\n\n    if (rootNode === 'button') rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 'inherit',\n      color: 'inherit',\n      lineHeight: caption ? 1.3 : 1,\n    }\n\n    const captionBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 0.75,\n      sizeUnits: 'em',\n      color: 'inherit',\n      lineHeight: 1,\n    }\n\n    const discardButtonBaseProps: IconButtonProps = {\n      icon: <Close />,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} primary={primary} ref={ref}>\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n            discardButtonProps: discardButtonBaseProps,\n          })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            ) : null}\n            {avatarProps.src || avatarProps.text ? (\n              <Avatar\n                preset='brand'\n                sizes={avatarProps.square ? SIZES_CHIP_AVATAR_SQUARE : SIZES_CHIP_AVATAR}\n                {...sizeProps}\n                {...avatarProps}\n              />\n            ) : null}\n            <Styled.Content>\n              <Text {...textBaseProps} {...textProps}>\n                {children ?? text}\n              </Text>\n              {caption ? (\n                <Text {...captionBaseProps} {...captionProps}>\n                  {caption}\n                </Text>\n              ) : null}\n            </Styled.Content>\n            {indicatorProps.children || indicatorProps.text ? (\n              <Indicator sizes={SIZES_CHIP_INDICATOR} marginRight={3} {...sizeProps} {...indicatorProps} />\n            ) : null}\n            {after ? (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            ) : null}\n            {discardButtonProps.onClick ? (\n              <IconButton\n                sizes={discardButtonProps.square ? SIZES_DISCARD_BUTTON_SQUARE : SIZES_DISCARD_BUTTON}\n                {...sizeProps}\n                {...discardButtonBaseProps}\n                {...discardButtonProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","primary","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","_jsx","Close","disabled","Styled","_jsxs","_Fragment","Icon","preset","name","undefined","sizes","SIZES_ICON","src","Avatar","square","SIZES_CHIP_AVATAR_SQUARE","SIZES_CHIP_AVATAR","Text","Indicator","SIZES_CHIP_INDICATOR","marginRight","IconButton","SIZES_DISCARD_BUTTON_SQUARE","SIZES_DISCARD_BUTTON","displayName","SIZES"],"mappings":"kfAmCA,MAAMA,KAAmDC,gBAAAA,gBACvDC,MAAAA,WAAgD,CAACC,EAAOC,KACtD,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,aACdA,EAAe,CAAA,EAAEC,UACjBA,EAAY,CAAA,EAAEC,YACdA,EAAc,CAAA,EAAEC,eAChBA,EAAiB,CAAA,EAAEC,mBACnBA,EAAqB,CAAA,EAAEC,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDpB,EAGJ,IAAIqB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBvB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ9B,KAAM,UACN+B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ9B,KAAM,IACNkC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAMmB,WAAAA,IAACC,MAAAA,UACPC,SAAUpB,EAAUoB,UAGtB,OACEF,WAAAA,IAACG,MAAAA,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUnB,QAASA,EAASF,IAAKA,EAAIe,gBAC1FA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,WAAAA,KAAAC,oBAAA,CAAA3B,SAAA,CACGU,EACCY,WAAAA,IAACM,UAAI,CACHC,OAAO,QACPC,YAAapB,GAAW,SAAWA,OAASqB,EAC5C5B,YAAaO,GAAW,SAAWA,OAASqB,EAC5CC,MAAOC,UAAAA,cACHxB,KACAnB,IAEJ,KACHC,EAAY2C,KAAO3C,EAAYU,KAC9BqB,WAAAA,IAACa,cAAM,CACLN,OAAO,QACPG,MAAOzC,EAAY6C,OAASC,UAAAA,yBAA2BC,UAAAA,qBACnD7B,KACAlB,IAEJ,KACJmC,WAAAA,KAACD,cAAc,CAAAzB,SAAA,CACbsB,WAAAA,IAACiB,UAAI,IAAKzB,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,EACCoB,WAAAA,IAACiB,UAAI,IAAKpB,KAAsB9B,EAAYW,SACzCE,IAED,QAELV,EAAeQ,UAAYR,EAAeS,KACzCqB,WAAAA,IAACkB,oBAAS,CAACR,MAAOS,UAAAA,qBAAsBC,YAAa,KAAOjC,KAAejB,IACzE,KACHmB,EACCW,WAAAA,IAACM,KAAAA,KAAI,CACHC,OAAO,QACPC,YAAanB,GAAU,SAAWA,OAAQoB,EAC1C5B,YAAaQ,GAAU,SAAWA,OAAQoB,EAC1CC,MAAOC,UAAAA,cACHxB,KACAnB,IAEJ,KACHG,EAAmBc,QAClBe,WAAAA,IAACqB,WAAAA,WAAU,CACTX,MAAOvC,EAAmB2C,OAASQ,UAAAA,4BAA8BC,UAAAA,wBAC7DpC,KACAY,KACA5B,IAEJ,YAMd,CACEqD,YAlJmB,OAmJnBd,MAAOe,UAAAA"}
+{"version":3,"file":"Chip.js","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { Close } from '@foxford/icon-pack'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { isNil } from 'shared/utils/isNil'\nimport { Slot } from 'components/Slot'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport type { ComponentElementType } from 'shared/types'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { AvatarProps } from 'components/Avatar'\nimport type { IndicatorProps } from 'components/Indicator'\nimport {\n  SIZES,\n  SIZES_WITH_DESCRIPTION,\n  SIZES_CONTENT,\n  SIZES_TEXT,\n  SIZES_DESCRIPTION,\n  SIZES_ICON,\n  SIZES_CHIP_INDICATOR,\n  SIZES_CHIP_AVATAR,\n  SIZES_CHIP_ICON_BUTTON,\n} from './sizes'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для представления данных, атрибутов или действий в компактной форме.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Chip = createPolymorphicComponentWithRef<'div', ChipProps>((props, ref) => {\n  const {\n    size = 'm',\n    primary = true,\n    textProps: titlePropsProp = {},\n    captionProps: descriptionPropsProp = {},\n    iconProps: iconPropsProp = {},\n    avatarProps: avatarPropsProp = {},\n    indicatorProps: indicatorPropsProp = {},\n    discardButtonProps: iconButtonPropsProp = {},\n    component,\n    root,\n    content,\n    title,\n    description,\n    addonLeft,\n    addonRight,\n    children,\n    text,\n    caption,\n    icon,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, ChipProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: (chipProps) => {\n      const hasTitle =\n        !isNil(chipProps.title) ||\n        !isNil(chipProps.text) ||\n        (!isNil(chipProps.children) && typeof chipProps.children !== 'function')\n\n      const hasDescription = !isNil(chipProps.description) || !isNil(chipProps.caption)\n\n      return hasTitle && hasDescription ? SIZES_WITH_DESCRIPTION : SIZES\n    },\n  })\n\n  let asProp: ComponentElementType = 'div'\n\n  if (restProps.onClick) asProp = 'button'\n  if (iconButtonPropsProp.onClick) asProp = 'div'\n  if (component) asProp = component\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const [iconBefore, iconAfter] = Array.isArray(icon) ? icon : [icon]\n\n  const titleProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    as: 'span',\n    appearance: 'caption',\n    color: 'inherit',\n    textAlign: 'center',\n  }\n\n  const descriptionProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_DESCRIPTION,\n    as: 'span',\n    appearance: 'caption',\n    color: 'inherit',\n    textAlign: 'center',\n  }\n\n  const iconProps: IconProps = {\n    ...sizeProps,\n    sizes: SIZES_ICON,\n    preset: 'brand',\n  }\n\n  const iconButtonProps: IconButtonProps = {\n    ...sizeProps,\n    sizes: SIZES_CHIP_ICON_BUTTON,\n    icon: <Close />,\n    disabled: restProps.disabled,\n    square: true,\n  }\n\n  const avatarProps: AvatarProps = {\n    ...sizeProps,\n    sizes: SIZES_CHIP_AVATAR,\n    preset: 'brand',\n    square: true,\n  }\n\n  const indicatorProps: IndicatorProps = {\n    ...sizeProps,\n    sizes: SIZES_CHIP_INDICATOR,\n  }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      {...sizeProps}\n      as={asProp}\n      type={restProps.type ?? (asProp === 'button' ? 'button' : undefined)}\n      data-disabled={restProps.disabled}\n      primary={primary}\n      ref={ref}\n    >\n      <Slot\n        render={root}\n        props={{\n          titleProps,\n          descriptionProps,\n          iconProps,\n          iconButtonProps,\n          avatarProps,\n          indicatorProps,\n        }}\n        fallback={() =>\n          typeof children === 'function' ? (\n            children({\n              textProps: titleProps,\n              captionProps: descriptionProps,\n              discardButtonProps: iconButtonProps,\n            })\n          ) : (\n            <>\n              <Slot\n                render={addonLeft}\n                props={{\n                  iconProps,\n                  iconButtonProps,\n                  avatarProps,\n                  indicatorProps: {\n                    ...indicatorProps,\n                    marginLeft: 'var(--chip-margin)',\n                  },\n                }}\n                fallback={\n                  <>\n                    {iconBefore ? (\n                      <Icon\n                        {...iconProps}\n                        {...iconPropsProp}\n                        name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                        icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                      />\n                    ) : null}\n                    {avatarPropsProp.src || avatarPropsProp.text ? (\n                      <Avatar {...avatarProps} {...avatarPropsProp} />\n                    ) : null}\n                  </>\n                }\n              />\n              <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                <Slot\n                  render={content}\n                  props={{\n                    titleProps,\n                    descriptionProps,\n                  }}\n                  fallback={\n                    <>\n                      <Slot\n                        render={title}\n                        props={titleProps}\n                        fallback={\n                          !isNil(children) || !isNil(text) ? (\n                            <Text {...titleProps} {...titlePropsProp}>\n                              {children ?? text}\n                            </Text>\n                          ) : null\n                        }\n                      />\n                      <Slot\n                        render={description}\n                        props={descriptionProps}\n                        fallback={\n                          !isNil(caption) ? (\n                            <Text {...descriptionProps} {...descriptionPropsProp}>\n                              {caption}\n                            </Text>\n                          ) : null\n                        }\n                      />\n                    </>\n                  }\n                />\n              </Styled.Content>\n              <Slot\n                render={addonRight}\n                props={{\n                  iconProps,\n                  iconButtonProps,\n                  avatarProps,\n                  indicatorProps: {\n                    ...indicatorProps,\n                    marginRight: 'var(--chip-margin)',\n                  },\n                }}\n                fallback={\n                  <>\n                    {indicatorPropsProp.children || indicatorPropsProp.text ? (\n                      <Indicator marginRight='var(--chip-margin)' {...indicatorProps} {...indicatorPropsProp} />\n                    ) : null}\n                    {iconAfter ? (\n                      <Icon\n                        {...iconProps}\n                        {...iconPropsProp}\n                        name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                        icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                      />\n                    ) : null}\n                    {iconButtonPropsProp.onClick ? <IconButton {...iconButtonProps} {...iconButtonPropsProp} /> : null}\n                  </>\n                }\n              />\n            </>\n          )\n        }\n      />\n    </Styled.Root>\n  )\n})\n\nconst ChipDoc: React.FC<ChipProps> = () => null\n\nexport { ChipDoc, Chip }\n"],"names":["Chip","createPolymorphicComponentWithRef","props","ref","size","primary","textProps","titlePropsProp","captionProps","descriptionPropsProp","iconProps","iconPropsProp","avatarProps","avatarPropsProp","indicatorProps","indicatorPropsProp","discardButtonProps","iconButtonPropsProp","component","root","content","title","description","addonLeft","addonRight","children","text","caption","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","chipProps","hasTitle","isNil","hasDescription","SIZES_WITH_DESCRIPTION","SIZES","asProp","onClick","sizeProps","iconBefore","iconAfter","Array","isArray","titleProps","SIZES_TEXT","as","appearance","color","textAlign","descriptionProps","SIZES_DESCRIPTION","SIZES_ICON","preset","iconButtonProps","SIZES_CHIP_ICON_BUTTON","_jsx","Close","disabled","square","SIZES_CHIP_AVATAR","SIZES_CHIP_INDICATOR","Styled","type","undefined","Slot","render","fallback","_jsxs","_Fragment","marginLeft","Icon","name","src","Avatar","SIZES_CONTENT","Text","marginRight","Indicator","IconButton"],"mappings":"4oBA2CA,MAAMA,KAAOC,kCAAAA,kCAAoD,CAACC,EAAOC,KACvE,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EACVC,UAAWC,EAAiB,CAAA,EAC5BC,aAAcC,EAAuB,CAAA,EACrCC,UAAWC,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,eAAgBC,EAAqB,CAAA,EACrCC,mBAAoBC,EAAsB,CAAA,EAAEC,UAC5CA,EAASC,KACTA,EAAIC,QACJA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,UACXA,EAASC,WACTA,EAAUC,SACVA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAAAA,eAA+DlC,EAAO,CACxEmC,cAzCmB,OA0CnBC,MAAQC,IACN,MAAMC,GACHC,YAAMF,EAAUlB,SAChBoB,MAAAA,MAAMF,EAAUb,QACfe,MAAAA,MAAMF,EAAUd,kBAAoBc,EAAUd,UAAa,WAE/D,MAAMiB,GAAkBD,MAAAA,MAAMF,EAAUjB,eAAiBmB,MAAAA,MAAMF,EAAUZ,SAEzE,OAAOa,GAAYE,EAAiBC,MAAAA,uBAAyBC,MAAAA,SAIjE,IAAIC,EAA+B,MAE/BV,EAAUW,UAASD,EAAS,UAC5B5B,EAAoB6B,UAASD,EAAS,OACtC3B,IAAW2B,EAAS3B,GAExB,MAAM6B,EAAY,CAChB3C,OACAyB,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOc,EAAYC,GAAaC,MAAMC,QAAQvB,GAAQA,EAAO,CAACA,GAE9D,MAAMwB,EAAwB,IACzBL,EACHT,MAAOe,MAAAA,WACPC,GAAI,OACJC,WAAY,UACZC,MAAO,UACPC,UAAW,UAGb,MAAMC,EAA8B,IAC/BX,EACHT,MAAOqB,MAAAA,kBACPL,GAAI,OACJC,WAAY,UACZC,MAAO,UACPC,UAAW,UAGb,MAAM/C,EAAuB,IACxBqC,EACHT,MAAOsB,MAAAA,WACPC,OAAQ,SAGV,MAAMC,EAAmC,IACpCf,EACHT,MAAOyB,MAAAA,uBACPnC,KAAMoC,WAAAA,IAACC,MAAAA,UACPC,SAAU/B,EAAU+B,SACpBC,QAAQ,GAGV,MAAMvD,EAA2B,IAC5BmC,EACHT,MAAO8B,MAAAA,kBACPP,OAAQ,QACRM,QAAQ,GAGV,MAAMrD,EAAiC,IAClCiC,EACHT,MAAO+B,MAAAA,sBAGT,OACEL,WAAAA,IAACM,MAAAA,KAAW,IACNnC,KACAY,EACJO,GAAIT,EACJ0B,KAAMpC,EAAUoC,OAAS1B,IAAW,SAAW,cAAW2B,GAC1D,gBAAerC,EAAU+B,SACzB7D,QAASA,EACTF,IAAKA,EAAIsB,SAETuC,WAAAA,IAACS,UAAI,CACHC,OAAQvD,EACRjB,MAAO,CACLkD,aACAM,mBACAhD,YACAoD,kBACAlD,cACAE,kBAEF6D,SAAUA,WACDlD,GAAa,WAClBA,EAAS,CACPnB,UAAW8C,EACX5C,aAAckD,EACd1C,mBAAoB8C,IAGtBc,WAAAA,KAAAC,oBAAA,CAAApD,SAAA,CACEuC,WAAAA,IAACS,UAAI,CACHC,OAAQnD,EACRrB,MAAO,CACLQ,YACAoD,kBACAlD,cACAE,eAAgB,IACXA,EACHgE,WAAY,uBAGhBH,SACEC,WAAAA,KAAAC,oBAAA,CAAApD,SAAA,CACGuB,EACCgB,WAAAA,IAACe,UAAI,IACCrE,KACAC,EACJqE,YAAahC,GAAe,SAAWA,OAAawB,EACpD5C,YAAaoB,GAAe,SAAWA,OAAawB,IAEpD,KACH3D,EAAgBoE,KAAOpE,EAAgBa,KACtCsC,WAAAA,IAACkB,cAAM,IAAKtE,KAAiBC,IAC3B,UAIVmD,WAAAA,IAACM,cAAc,IAAKvB,EAAWT,MAAO6C,MAAAA,cAAc1D,SAClDuC,WAAAA,IAACS,UAAI,CACHC,OAAQtD,EACRlB,MAAO,CACLkD,aACAM,oBAEFiB,SACEC,WAAAA,KAAAC,oBAAA,CAAApD,SAAA,CACEuC,WAAAA,IAACS,UAAI,CACHC,OAAQrD,EACRnB,MAAOkD,EACPuB,SACGlC,MAAAA,MAAMhB,IAAcgB,MAAAA,MAAMf,GAIvB,KAHFsC,WAAAA,IAACoB,UAAI,IAAKhC,KAAgB7C,EAAckB,SACrCA,GAAYC,MAKrBsC,WAAAA,IAACS,UAAI,CACHC,OAAQpD,EACRpB,MAAOwD,EACPiB,SACGlC,MAAAA,MAAMd,GAIH,KAHFqC,WAAAA,IAACoB,KAAAA,KAAI,IAAK1B,KAAsBjD,EAAoBgB,SACjDE,aASjBqC,WAAAA,IAACS,UAAI,CACHC,OAAQlD,EACRtB,MAAO,CACLQ,YACAoD,kBACAlD,cACAE,eAAgB,IACXA,EACHuE,YAAa,uBAGjBV,SACEC,WAAAA,KAAAC,oBAAA,CAAApD,SAAA,CACGV,EAAmBU,UAAYV,EAAmBW,KACjDsC,WAAAA,IAACsB,oBAAS,CAACD,YAAY,wBAAyBvE,KAAoBC,IAClE,KACHkC,EACCe,WAAAA,IAACe,KAAAA,KAAI,IACCrE,KACAC,EACJqE,YAAa/B,GAAc,SAAWA,OAAYuB,EAClD5C,YAAaqB,GAAc,SAAWA,OAAYuB,IAElD,KACHvD,EAAoB6B,QAAUkB,WAAAA,IAACuB,WAAAA,WAAU,IAAKzB,KAAqB7C,IAA0B"}

package/components/Chip/Chip.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON,SIZES_CHIP_AVATAR_SQUARE,SIZES_CHIP_AVATAR,SIZES_CHIP_INDICATOR,SIZES_DISCARD_BUTTON_SQUARE,SIZES_DISCARD_BUTTON}from'./constants.mjs';import{Root,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Avatar}from'../Avatar/Avatar.mjs';import{Text}from'../Text/Text.mjs';import{Indicator}from'../Indicator/Indicator.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Chip=withMergedProps(forwardRef((t,o)=>{const{size:s="m",primary:i=!0,textProps:r={},captionProps:e={},iconProps:n={},avatarProps:a={},indicatorProps:c={},discardButtonProps:p={},sizeXXS:I,sizeXS:S,sizeS:m,sizeM:d,sizeL:l,sizeXL:A,children:_,text:x,caption:C,icon:j,...z}=t;let f='div';let h;z.onClick&&(f='button'),p.onClick&&(f='div'),f==='button'&&(h='button'),z.type&&(h=z.type);const u={size:s,sizeXXS:I,sizeXS:S,sizeS:m,sizeM:d,sizeL:l,sizeXL:A};const[E,R]=Array.isArray(j)?j:[j];const T={as:'span',appearance:'body',size:'inherit',color:'inherit',lineHeight:C?1.3:1};const P={as:'span',appearance:'body',size:.75,sizeUnits:'em',color:'inherit',lineHeight:1};const y={icon:jsx(Close,{}),disabled:z.disabled};return jsx(Root,{...z,...u,as:f,type:h,primary:i,ref:o,children:typeof _=='function'?_({textProps:T,captionProps:P,discardButtonProps:y}):jsxs(Fragment,{children:[E?jsx(Icon,{preset:"brand",name:typeof E=='string'?E:void 0,icon:typeof E!='string'?E:void 0,sizes:SIZES_ICON,...u,...n}):null,a.src||a.text?jsx(Avatar,{preset:"brand",sizes:a.square?SIZES_CHIP_AVATAR_SQUARE:SIZES_CHIP_AVATAR,...u,...a}):null,jsxs(Content,{children:[jsx(Text,{...T,...r,children:_??x}),C?jsx(Text,{...P,...e,children:C}):null]}),c.children||c.text?jsx(Indicator,{sizes:SIZES_CHIP_INDICATOR,marginRight:3,...u,...c}):null,R?jsx(Icon,{preset:"brand",name:typeof R=='string'?R:void 0,icon:typeof R!='string'?R:void 0,sizes:SIZES_ICON,...u,...n}):null,p.onClick?jsx(IconButton,{sizes:p.square?SIZES_DISCARD_BUTTON_SQUARE:SIZES_DISCARD_BUTTON,...u,...y,...p}):null]})})}),{displayName:'Chip',sizes:SIZES});export{Chip};
+import{createPolymorphicComponentWithRef}from'../../shared/utils/createPolymorphicComponentWithRef.mjs';import{useMergedProps}from'../../hooks/useMergedProps.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_WITH_DESCRIPTION,SIZES,SIZES_CHIP_INDICATOR,SIZES_CHIP_AVATAR,SIZES_CHIP_ICON_BUTTON,SIZES_ICON,SIZES_DESCRIPTION,SIZES_TEXT,SIZES_CONTENT}from'./sizes.mjs';import{Root,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Slot}from'../Slot/Slot.mjs';import{Icon}from'../Icon/Icon.mjs';import{Avatar}from'../Avatar/Avatar.mjs';import{Text}from'../Text/Text.mjs';import{Indicator}from'../Indicator/Indicator.mjs';import{IconButton}from'../IconButton/IconButton.mjs';import{Close}from'../../icon-pack/src/icons/Close/index.mjs';const Chip=createPolymorphicComponentWithRef((o,t)=>{const{size:r="m",primary:i=!0,textProps:s={},captionProps:n={},iconProps:e={},avatarProps:a={},indicatorProps:c={},discardButtonProps:p={},component:l,root:m,content:d,title:I,description:S,addonLeft:P,addonRight:x,children:j,text:f,caption:h,icon:C,sizeXXS:u,sizeXS:N,sizeS:T,sizeM:E,sizeL:_,sizeXL:g,...z}=useMergedProps(o,{componentName:"Chip",sizes:o=>{const t=!isNil(o.title)||!isNil(o.text)||!isNil(o.children)&&typeof o.children!='function';const r=!isNil(o.description)||!isNil(o.caption);return t&&r?SIZES_WITH_DESCRIPTION:SIZES}});let v='div';z.onClick&&(v='button'),p.onClick&&(v='div'),l&&(v=l);const Z={size:r,sizeXXS:u,sizeXS:N,sizeS:T,sizeM:E,sizeL:_,sizeXL:g};const[y,A]=Array.isArray(C)?C:[C];const R={...Z,sizes:SIZES_TEXT,as:'span',appearance:'caption',color:'inherit',textAlign:'center'};const b={...Z,sizes:SIZES_DESCRIPTION,as:'span',appearance:'caption',color:'inherit',textAlign:'center'};const O={...Z,sizes:SIZES_ICON,preset:'brand'};const k={...Z,sizes:SIZES_CHIP_ICON_BUTTON,icon:jsx(Close,{}),disabled:z.disabled,square:!0};const B={...Z,sizes:SIZES_CHIP_AVATAR,preset:'brand',square:!0};const X={...Z,sizes:SIZES_CHIP_INDICATOR};return jsx(Root,{...z,...Z,as:v,type:z.type??(v==='button'?'button':void 0),"data-disabled":z.disabled,primary:i,ref:t,children:jsx(Slot,{render:m,props:{titleProps:R,descriptionProps:b,iconProps:O,iconButtonProps:k,avatarProps:B,indicatorProps:X},fallback:()=>typeof j=='function'?j({textProps:R,captionProps:b,discardButtonProps:k}):jsxs(Fragment,{children:[jsx(Slot,{render:P,props:{iconProps:O,iconButtonProps:k,avatarProps:B,indicatorProps:{...X,marginLeft:'var(--chip-margin)'}},fallback:jsxs(Fragment,{children:[y?jsx(Icon,{...O,...e,name:typeof y=='string'?y:void 0,icon:typeof y!='string'?y:void 0}):null,a.src||a.text?jsx(Avatar,{...B,...a}):null]})}),jsx(Content,{...Z,sizes:SIZES_CONTENT,children:jsx(Slot,{render:d,props:{titleProps:R,descriptionProps:b},fallback:jsxs(Fragment,{children:[jsx(Slot,{render:I,props:R,fallback:isNil(j)&&isNil(f)?null:jsx(Text,{...R,...s,children:j??f})}),jsx(Slot,{render:S,props:b,fallback:isNil(h)?null:jsx(Text,{...b,...n,children:h})})]})})}),jsx(Slot,{render:x,props:{iconProps:O,iconButtonProps:k,avatarProps:B,indicatorProps:{...X,marginRight:'var(--chip-margin)'}},fallback:jsxs(Fragment,{children:[c.children||c.text?jsx(Indicator,{marginRight:"var(--chip-margin)",...X,...c}):null,A?jsx(Icon,{...O,...e,name:typeof A=='string'?A:void 0,icon:typeof A!='string'?A:void 0}):null,p.onClick?jsx(IconButton,{...k,...p}):null]})})]})})})});export{Chip};
 //# sourceMappingURL=Chip.mjs.map

package/components/Chip/Chip.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Chip.mjs","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Close } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { TextProps } from 'components/Text'\nimport type { IconButtonProps } from 'components/IconButton'\nimport {\n  SIZES,\n  SIZES_ICON,\n  SIZES_CHIP_INDICATOR,\n  SIZES_CHIP_AVATAR,\n  SIZES_CHIP_AVATAR_SQUARE,\n  SIZES_DISCARD_BUTTON,\n  SIZES_DISCARD_BUTTON_SQUARE,\n} from './constants'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * Компонент поддерживает все нативные атрибуты рутового элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/packages/ui/src/components/Chip/types.ts).\n */\nconst Chip: React.ForwardRefExoticComponent<ChipProps> = withMergedProps<ChipProps>(\n  forwardRef<HTMLElement, MergedProps<ChipProps>>((props, ref) => {\n    const {\n      size = 'm',\n      primary = true,\n      textProps = {},\n      captionProps = {},\n      iconProps = {},\n      avatarProps = {},\n      indicatorProps = {},\n      discardButtonProps = {},\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      children,\n      text,\n      caption,\n      icon,\n      ...restProps\n    } = props\n\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    let rootNode: any = 'div'\n\n    if (restProps.onClick) rootNode = 'button'\n    if (discardButtonProps.onClick) rootNode = 'div'\n\n    let rootType: ChipProps['type']\n\n    if (rootNode === 'button') rootType = 'button'\n    if (restProps.type) rootType = restProps.type\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const textBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 'inherit',\n      color: 'inherit',\n      lineHeight: caption ? 1.3 : 1,\n    }\n\n    const captionBaseProps: TextProps = {\n      as: 'span',\n      appearance: 'body',\n      size: 0.75,\n      sizeUnits: 'em',\n      color: 'inherit',\n      lineHeight: 1,\n    }\n\n    const discardButtonBaseProps: IconButtonProps = {\n      icon: <Close />,\n      disabled: restProps.disabled,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} as={rootNode} type={rootType} primary={primary} ref={ref}>\n        {typeof children === 'function' ? (\n          children({\n            textProps: textBaseProps,\n            captionProps: captionBaseProps,\n            discardButtonProps: discardButtonBaseProps,\n          })\n        ) : (\n          <>\n            {before ? (\n              <Icon\n                preset='brand'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            ) : null}\n            {avatarProps.src || avatarProps.text ? (\n              <Avatar\n                preset='brand'\n                sizes={avatarProps.square ? SIZES_CHIP_AVATAR_SQUARE : SIZES_CHIP_AVATAR}\n                {...sizeProps}\n                {...avatarProps}\n              />\n            ) : null}\n            <Styled.Content>\n              <Text {...textBaseProps} {...textProps}>\n                {children ?? text}\n              </Text>\n              {caption ? (\n                <Text {...captionBaseProps} {...captionProps}>\n                  {caption}\n                </Text>\n              ) : null}\n            </Styled.Content>\n            {indicatorProps.children || indicatorProps.text ? (\n              <Indicator sizes={SIZES_CHIP_INDICATOR} marginRight={3} {...sizeProps} {...indicatorProps} />\n            ) : null}\n            {after ? (\n              <Icon\n                preset='brand'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                sizes={SIZES_ICON}\n                {...sizeProps}\n                {...iconProps}\n              />\n            ) : null}\n            {discardButtonProps.onClick ? (\n              <IconButton\n                sizes={discardButtonProps.square ? SIZES_DISCARD_BUTTON_SQUARE : SIZES_DISCARD_BUTTON}\n                {...sizeProps}\n                {...discardButtonBaseProps}\n                {...discardButtonProps}\n              />\n            ) : null}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Chip }\n"],"names":["Chip","withMergedProps","forwardRef","props","ref","size","primary","textProps","captionProps","iconProps","avatarProps","indicatorProps","discardButtonProps","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","children","text","caption","icon","restProps","rootNode","rootType","onClick","type","sizeProps","before","after","Array","isArray","textBaseProps","as","appearance","color","lineHeight","captionBaseProps","sizeUnits","discardButtonBaseProps","_jsx","Close","disabled","Styled","_jsxs","_Fragment","Icon","preset","name","undefined","sizes","SIZES_ICON","src","Avatar","square","SIZES_CHIP_AVATAR_SQUARE","SIZES_CHIP_AVATAR","Text","Indicator","SIZES_CHIP_INDICATOR","marginRight","IconButton","SIZES_DISCARD_BUTTON_SQUARE","SIZES_DISCARD_BUTTON","displayName","SIZES"],"mappings":"mmBAmCA,MAAMA,KAAmDC,gBACvDC,WAAgD,CAACC,EAAOC,KACtD,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EAAIC,UACdA,EAAY,CAAA,EAAEC,aACdA,EAAe,CAAA,EAAEC,UACjBA,EAAY,CAAA,EAAEC,YACdA,EAAc,CAAA,EAAEC,eAChBA,EAAiB,CAAA,EAAEC,mBACnBA,EAAqB,CAAA,EAAEC,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,KACGC,GACDpB,EAGJ,IAAIqB,EAAgB,MAKpB,IAAIC,EAHAF,EAAUG,UAASF,EAAW,UAC9BZ,EAAmBc,UAASF,EAAW,OAIvCA,IAAa,WAAUC,EAAW,UAClCF,EAAUI,OAAMF,EAAWF,EAAUI,MAEzC,MAAMC,EAAY,CAChBvB,OACAQ,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOW,EAAQC,GAASC,MAAMC,QAAQV,GAAQA,EAAO,CAACA,GAEtD,MAAMW,EAA2B,CAC/BC,GAAI,OACJC,WAAY,OACZ9B,KAAM,UACN+B,MAAO,UACPC,WAAYhB,EAAU,IAAM,GAG9B,MAAMiB,EAA8B,CAClCJ,GAAI,OACJC,WAAY,OACZ9B,KAAM,IACNkC,UAAW,KACXH,MAAO,UACPC,WAAY,GAGd,MAAMG,EAA0C,CAC9ClB,KAAMmB,IAACC,UACPC,SAAUpB,EAAUoB,UAGtB,OACEF,IAACG,KAAW,IAAKrB,KAAeK,EAAWM,GAAIV,EAAUG,KAAMF,EAAUnB,QAASA,EAASF,IAAKA,EAAIe,gBAC1FA,GAAa,WACnBA,EAAS,CACPZ,UAAW0B,EACXzB,aAAc8B,EACd1B,mBAAoB4B,IAGtBK,KAAAC,SAAA,CAAA3B,SAAA,CACGU,EACCY,IAACM,KAAI,CACHC,OAAO,QACPC,YAAapB,GAAW,SAAWA,OAASqB,EAC5C5B,YAAaO,GAAW,SAAWA,OAASqB,EAC5CC,MAAOC,cACHxB,KACAnB,IAEJ,KACHC,EAAY2C,KAAO3C,EAAYU,KAC9BqB,IAACa,OAAM,CACLN,OAAO,QACPG,MAAOzC,EAAY6C,OAASC,yBAA2BC,qBACnD7B,KACAlB,IAEJ,KACJmC,KAACD,QAAc,CAAAzB,SAAA,CACbsB,IAACiB,KAAI,IAAKzB,KAAmB1B,EAASY,SACnCA,GAAYC,IAEdC,EACCoB,IAACiB,KAAI,IAAKpB,KAAsB9B,EAAYW,SACzCE,IAED,QAELV,EAAeQ,UAAYR,EAAeS,KACzCqB,IAACkB,UAAS,CAACR,MAAOS,qBAAsBC,YAAa,KAAOjC,KAAejB,IACzE,KACHmB,EACCW,IAACM,KAAI,CACHC,OAAO,QACPC,YAAanB,GAAU,SAAWA,OAAQoB,EAC1C5B,YAAaQ,GAAU,SAAWA,OAAQoB,EAC1CC,MAAOC,cACHxB,KACAnB,IAEJ,KACHG,EAAmBc,QAClBe,IAACqB,WAAU,CACTX,MAAOvC,EAAmB2C,OAASQ,4BAA8BC,wBAC7DpC,KACAY,KACA5B,IAEJ,YAMd,CACEqD,YAlJmB,OAmJnBd,MAAOe"}
+{"version":3,"file":"Chip.mjs","sources":["../../../../src/components/Chip/Chip.tsx"],"sourcesContent":["import { Close } from '@foxford/icon-pack'\nimport { createPolymorphicComponentWithRef } from 'shared/utils/createPolymorphicComponentWithRef'\nimport { useMergedProps } from 'hooks/useMergedProps'\nimport { isNil } from 'shared/utils/isNil'\nimport { Slot } from 'components/Slot'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Avatar } from 'components/Avatar'\nimport { Indicator } from 'components/Indicator'\nimport { IconButton } from 'components/IconButton'\nimport type { PolymorphicProps } from 'shared/interfaces'\nimport type { ComponentElementType } from 'shared/types'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { IconButtonProps } from 'components/IconButton'\nimport type { AvatarProps } from 'components/Avatar'\nimport type { IndicatorProps } from 'components/Indicator'\nimport {\n  SIZES,\n  SIZES_WITH_DESCRIPTION,\n  SIZES_CONTENT,\n  SIZES_TEXT,\n  SIZES_DESCRIPTION,\n  SIZES_ICON,\n  SIZES_CHIP_INDICATOR,\n  SIZES_CHIP_AVATAR,\n  SIZES_CHIP_ICON_BUTTON,\n} from './sizes'\nimport * as Styled from './style'\nimport type { ChipProps } from './types'\n\nconst COMPONENT_NAME = 'Chip'\n\n/**\n *\n * *v1.0.0*\n *\n * Компонент для представления данных, атрибутов или действий в компактной форме.\n *\n * Полиморфный компонент.\n *\n * Можно передать \"ref\" и атрибуты выбранного HTML-элемента (по умолчанию \\<div\\>).\n */\nconst Chip = createPolymorphicComponentWithRef<'div', ChipProps>((props, ref) => {\n  const {\n    size = 'm',\n    primary = true,\n    textProps: titlePropsProp = {},\n    captionProps: descriptionPropsProp = {},\n    iconProps: iconPropsProp = {},\n    avatarProps: avatarPropsProp = {},\n    indicatorProps: indicatorPropsProp = {},\n    discardButtonProps: iconButtonPropsProp = {},\n    component,\n    root,\n    content,\n    title,\n    description,\n    addonLeft,\n    addonRight,\n    children,\n    text,\n    caption,\n    icon,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    ...restProps\n  } = useMergedProps<PolymorphicProps<React.ElementType, ChipProps>>(props, {\n    componentName: COMPONENT_NAME,\n    sizes: (chipProps) => {\n      const hasTitle =\n        !isNil(chipProps.title) ||\n        !isNil(chipProps.text) ||\n        (!isNil(chipProps.children) && typeof chipProps.children !== 'function')\n\n      const hasDescription = !isNil(chipProps.description) || !isNil(chipProps.caption)\n\n      return hasTitle && hasDescription ? SIZES_WITH_DESCRIPTION : SIZES\n    },\n  })\n\n  let asProp: ComponentElementType = 'div'\n\n  if (restProps.onClick) asProp = 'button'\n  if (iconButtonPropsProp.onClick) asProp = 'div'\n  if (component) asProp = component\n\n  const sizeProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n  }\n\n  const [iconBefore, iconAfter] = Array.isArray(icon) ? icon : [icon]\n\n  const titleProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_TEXT,\n    as: 'span',\n    appearance: 'caption',\n    color: 'inherit',\n    textAlign: 'center',\n  }\n\n  const descriptionProps: TextProps = {\n    ...sizeProps,\n    sizes: SIZES_DESCRIPTION,\n    as: 'span',\n    appearance: 'caption',\n    color: 'inherit',\n    textAlign: 'center',\n  }\n\n  const iconProps: IconProps = {\n    ...sizeProps,\n    sizes: SIZES_ICON,\n    preset: 'brand',\n  }\n\n  const iconButtonProps: IconButtonProps = {\n    ...sizeProps,\n    sizes: SIZES_CHIP_ICON_BUTTON,\n    icon: <Close />,\n    disabled: restProps.disabled,\n    square: true,\n  }\n\n  const avatarProps: AvatarProps = {\n    ...sizeProps,\n    sizes: SIZES_CHIP_AVATAR,\n    preset: 'brand',\n    square: true,\n  }\n\n  const indicatorProps: IndicatorProps = {\n    ...sizeProps,\n    sizes: SIZES_CHIP_INDICATOR,\n  }\n\n  return (\n    <Styled.Root\n      {...restProps}\n      {...sizeProps}\n      as={asProp}\n      type={restProps.type ?? (asProp === 'button' ? 'button' : undefined)}\n      data-disabled={restProps.disabled}\n      primary={primary}\n      ref={ref}\n    >\n      <Slot\n        render={root}\n        props={{\n          titleProps,\n          descriptionProps,\n          iconProps,\n          iconButtonProps,\n          avatarProps,\n          indicatorProps,\n        }}\n        fallback={() =>\n          typeof children === 'function' ? (\n            children({\n              textProps: titleProps,\n              captionProps: descriptionProps,\n              discardButtonProps: iconButtonProps,\n            })\n          ) : (\n            <>\n              <Slot\n                render={addonLeft}\n                props={{\n                  iconProps,\n                  iconButtonProps,\n                  avatarProps,\n                  indicatorProps: {\n                    ...indicatorProps,\n                    marginLeft: 'var(--chip-margin)',\n                  },\n                }}\n                fallback={\n                  <>\n                    {iconBefore ? (\n                      <Icon\n                        {...iconProps}\n                        {...iconPropsProp}\n                        name={typeof iconBefore === 'string' ? iconBefore : undefined}\n                        icon={typeof iconBefore !== 'string' ? iconBefore : undefined}\n                      />\n                    ) : null}\n                    {avatarPropsProp.src || avatarPropsProp.text ? (\n                      <Avatar {...avatarProps} {...avatarPropsProp} />\n                    ) : null}\n                  </>\n                }\n              />\n              <Styled.Content {...sizeProps} sizes={SIZES_CONTENT}>\n                <Slot\n                  render={content}\n                  props={{\n                    titleProps,\n                    descriptionProps,\n                  }}\n                  fallback={\n                    <>\n                      <Slot\n                        render={title}\n                        props={titleProps}\n                        fallback={\n                          !isNil(children) || !isNil(text) ? (\n                            <Text {...titleProps} {...titlePropsProp}>\n                              {children ?? text}\n                            </Text>\n                          ) : null\n                        }\n                      />\n                      <Slot\n                        render={description}\n                        props={descriptionProps}\n                        fallback={\n                          !isNil(caption) ? (\n                            <Text {...descriptionProps} {...descriptionPropsProp}>\n                              {caption}\n                            </Text>\n                          ) : null\n                        }\n                      />\n                    </>\n                  }\n                />\n              </Styled.Content>\n              <Slot\n                render={addonRight}\n                props={{\n                  iconProps,\n                  iconButtonProps,\n                  avatarProps,\n                  indicatorProps: {\n                    ...indicatorProps,\n                    marginRight: 'var(--chip-margin)',\n                  },\n                }}\n                fallback={\n                  <>\n                    {indicatorPropsProp.children || indicatorPropsProp.text ? (\n                      <Indicator marginRight='var(--chip-margin)' {...indicatorProps} {...indicatorPropsProp} />\n                    ) : null}\n                    {iconAfter ? (\n                      <Icon\n                        {...iconProps}\n                        {...iconPropsProp}\n                        name={typeof iconAfter === 'string' ? iconAfter : undefined}\n                        icon={typeof iconAfter !== 'string' ? iconAfter : undefined}\n                      />\n                    ) : null}\n                    {iconButtonPropsProp.onClick ? <IconButton {...iconButtonProps} {...iconButtonPropsProp} /> : null}\n                  </>\n                }\n              />\n            </>\n          )\n        }\n      />\n    </Styled.Root>\n  )\n})\n\nconst ChipDoc: React.FC<ChipProps> = () => null\n\nexport { ChipDoc, Chip }\n"],"names":["Chip","createPolymorphicComponentWithRef","props","ref","size","primary","textProps","titlePropsProp","captionProps","descriptionPropsProp","iconProps","iconPropsProp","avatarProps","avatarPropsProp","indicatorProps","indicatorPropsProp","discardButtonProps","iconButtonPropsProp","component","root","content","title","description","addonLeft","addonRight","children","text","caption","icon","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","useMergedProps","componentName","sizes","chipProps","hasTitle","isNil","hasDescription","SIZES_WITH_DESCRIPTION","SIZES","asProp","onClick","sizeProps","iconBefore","iconAfter","Array","isArray","titleProps","SIZES_TEXT","as","appearance","color","textAlign","descriptionProps","SIZES_DESCRIPTION","SIZES_ICON","preset","iconButtonProps","SIZES_CHIP_ICON_BUTTON","_jsx","Close","disabled","square","SIZES_CHIP_AVATAR","SIZES_CHIP_INDICATOR","Styled","type","undefined","Slot","render","fallback","_jsxs","_Fragment","marginLeft","Icon","name","src","Avatar","SIZES_CONTENT","Text","marginRight","Indicator","IconButton"],"mappings":"0wBA2CA,MAAMA,KAAOC,kCAAoD,CAACC,EAAOC,KACvE,MAAMC,KACJA,EAAO,IAAGC,QACVA,GAAU,EACVC,UAAWC,EAAiB,CAAA,EAC5BC,aAAcC,EAAuB,CAAA,EACrCC,UAAWC,EAAgB,CAAA,EAC3BC,YAAaC,EAAkB,CAAA,EAC/BC,eAAgBC,EAAqB,CAAA,EACrCC,mBAAoBC,EAAsB,CAAA,EAAEC,UAC5CA,EAASC,KACTA,EAAIC,QACJA,EAAOC,MACPA,EAAKC,YACLA,EAAWC,UACXA,EAASC,WACTA,EAAUC,SACVA,EAAQC,KACRA,EAAIC,QACJA,EAAOC,KACPA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDC,eAA+DlC,EAAO,CACxEmC,cAzCmB,OA0CnBC,MAAQC,IACN,MAAMC,GACHC,MAAMF,EAAUlB,SAChBoB,MAAMF,EAAUb,QACfe,MAAMF,EAAUd,kBAAoBc,EAAUd,UAAa,WAE/D,MAAMiB,GAAkBD,MAAMF,EAAUjB,eAAiBmB,MAAMF,EAAUZ,SAEzE,OAAOa,GAAYE,EAAiBC,uBAAyBC,SAIjE,IAAIC,EAA+B,MAE/BV,EAAUW,UAASD,EAAS,UAC5B5B,EAAoB6B,UAASD,EAAS,OACtC3B,IAAW2B,EAAS3B,GAExB,MAAM6B,EAAY,CAChB3C,OACAyB,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAOc,EAAYC,GAAaC,MAAMC,QAAQvB,GAAQA,EAAO,CAACA,GAE9D,MAAMwB,EAAwB,IACzBL,EACHT,MAAOe,WACPC,GAAI,OACJC,WAAY,UACZC,MAAO,UACPC,UAAW,UAGb,MAAMC,EAA8B,IAC/BX,EACHT,MAAOqB,kBACPL,GAAI,OACJC,WAAY,UACZC,MAAO,UACPC,UAAW,UAGb,MAAM/C,EAAuB,IACxBqC,EACHT,MAAOsB,WACPC,OAAQ,SAGV,MAAMC,EAAmC,IACpCf,EACHT,MAAOyB,uBACPnC,KAAMoC,IAACC,UACPC,SAAU/B,EAAU+B,SACpBC,QAAQ,GAGV,MAAMvD,EAA2B,IAC5BmC,EACHT,MAAO8B,kBACPP,OAAQ,QACRM,QAAQ,GAGV,MAAMrD,EAAiC,IAClCiC,EACHT,MAAO+B,sBAGT,OACEL,IAACM,KAAW,IACNnC,KACAY,EACJO,GAAIT,EACJ0B,KAAMpC,EAAUoC,OAAS1B,IAAW,SAAW,cAAW2B,GAC1D,gBAAerC,EAAU+B,SACzB7D,QAASA,EACTF,IAAKA,EAAIsB,SAETuC,IAACS,KAAI,CACHC,OAAQvD,EACRjB,MAAO,CACLkD,aACAM,mBACAhD,YACAoD,kBACAlD,cACAE,kBAEF6D,SAAUA,WACDlD,GAAa,WAClBA,EAAS,CACPnB,UAAW8C,EACX5C,aAAckD,EACd1C,mBAAoB8C,IAGtBc,KAAAC,SAAA,CAAApD,SAAA,CACEuC,IAACS,KAAI,CACHC,OAAQnD,EACRrB,MAAO,CACLQ,YACAoD,kBACAlD,cACAE,eAAgB,IACXA,EACHgE,WAAY,uBAGhBH,SACEC,KAAAC,SAAA,CAAApD,SAAA,CACGuB,EACCgB,IAACe,KAAI,IACCrE,KACAC,EACJqE,YAAahC,GAAe,SAAWA,OAAawB,EACpD5C,YAAaoB,GAAe,SAAWA,OAAawB,IAEpD,KACH3D,EAAgBoE,KAAOpE,EAAgBa,KACtCsC,IAACkB,OAAM,IAAKtE,KAAiBC,IAC3B,UAIVmD,IAACM,QAAc,IAAKvB,EAAWT,MAAO6C,cAAc1D,SAClDuC,IAACS,KAAI,CACHC,OAAQtD,EACRlB,MAAO,CACLkD,aACAM,oBAEFiB,SACEC,KAAAC,SAAA,CAAApD,SAAA,CACEuC,IAACS,KAAI,CACHC,OAAQrD,EACRnB,MAAOkD,EACPuB,SACGlC,MAAMhB,IAAcgB,MAAMf,GAIvB,KAHFsC,IAACoB,KAAI,IAAKhC,KAAgB7C,EAAckB,SACrCA,GAAYC,MAKrBsC,IAACS,KAAI,CACHC,OAAQpD,EACRpB,MAAOwD,EACPiB,SACGlC,MAAMd,GAIH,KAHFqC,IAACoB,KAAI,IAAK1B,KAAsBjD,EAAoBgB,SACjDE,aASjBqC,IAACS,KAAI,CACHC,OAAQlD,EACRtB,MAAO,CACLQ,YACAoD,kBACAlD,cACAE,eAAgB,IACXA,EACHuE,YAAa,uBAGjBV,SACEC,KAAAC,SAAA,CAAApD,SAAA,CACGV,EAAmBU,UAAYV,EAAmBW,KACjDsC,IAACsB,UAAS,CAACD,YAAY,wBAAyBvE,KAAoBC,IAClE,KACHkC,EACCe,IAACe,KAAI,IACCrE,KACAC,EACJqE,YAAa/B,GAAc,SAAWA,OAAYuB,EAClD5C,YAAaqB,GAAc,SAAWA,OAAYuB,IAElD,KACHvD,EAAoB6B,QAAUkB,IAACuB,WAAU,IAAKzB,KAAqB7C,IAA0B"}

package/components/Chip/sizes.js

@@ -0,0 +1,2 @@
+'use strict';var constants=require('../Indicator/constants.js');require('../Indicator/Indicator.js');var sizes=require('../Avatar/sizes.js');var sizes$1=require('../IconButton/sizes.js');const SIZES={xxl:{'--chip-height':'56px',width:'max-content',minHeight:'var(--chip-height)',padding:13,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},xl:{'--chip-height':'48px',width:'max-content',minHeight:'var(--chip-height)',padding:9,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},l:{'--chip-height':'40px',width:'max-content',minHeight:'var(--chip-height)',padding:7,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},m:{'--chip-height':'36px',width:'max-content',minHeight:'var(--chip-height)',padding:5,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},s:{'--chip-height':'32px',width:'max-content',minHeight:'var(--chip-height)',padding:5,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'2px'},xs:{'--chip-height':'28px',width:'max-content',minHeight:'var(--chip-height)',padding:3,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'2px'}};const SIZES_WITH_DESCRIPTION={xxl:{...SIZES.xxl,minHeight:74},xl:{...SIZES.xl,minHeight:66},l:{...SIZES.l,minHeight:58},m:{...SIZES.m,minHeight:50},s:{...SIZES.s,minHeight:46},xs:{...SIZES.xs,minHeight:42}};const SIZES_CHIP_ICON_BUTTON={xxl:sizes$1.SIZES_BASE.l,xl:sizes$1.SIZES_BASE.l,l:sizes$1.SIZES_BASE.m,m:sizes$1.SIZES_BASE.m,s:sizes$1.SIZES_BASE.s,xs:sizes$1.SIZES_BASE.s};const SIZES_CHIP_AVATAR={xxl:sizes.SIZES_BASE.xs,xl:sizes.SIZES_BASE.xs,l:sizes.SIZES_BASE.xxs,m:sizes.SIZES_BASE.xxs,s:sizes.SIZES_BASE.xxxs,xs:sizes.SIZES_BASE.xxxs};const SIZES_CHIP_INDICATOR={xxl:constants.SIZES_SQUARE.l,xl:constants.SIZES_SQUARE.l,l:constants.SIZES_SQUARE.m,m:constants.SIZES_SQUARE.m,s:constants.SIZES_SQUARE.s,xs:constants.SIZES_SQUARE.s};exports.SIZES=SIZES,exports.SIZES_CHIP_AVATAR=SIZES_CHIP_AVATAR,exports.SIZES_CHIP_ICON_BUTTON=SIZES_CHIP_ICON_BUTTON,exports.SIZES_CHIP_INDICATOR=SIZES_CHIP_INDICATOR,exports.SIZES_CONTENT={xxl:{paddingRight:8,paddingLeft:8},xl:{paddingRight:8,paddingLeft:8},l:{paddingRight:6,paddingLeft:6},m:{paddingRight:6,paddingLeft:6},s:{paddingRight:4,paddingLeft:4},xs:{paddingRight:4,paddingLeft:4}},exports.SIZES_DESCRIPTION={xxl:{fontSize:14},xl:{fontSize:14},l:{fontSize:14},m:{fontSize:12},s:{fontSize:12},xs:{fontSize:12}},exports.SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:20},s:{fontSize:16},xs:{fontSize:16}},exports.SIZES_TEXT={xxl:{fontSize:18},xl:{fontSize:18},l:{fontSize:16},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:14}},exports.SIZES_WITH_DESCRIPTION=SIZES_WITH_DESCRIPTION;
+//# sourceMappingURL=sizes.js.map

package/components/Chip/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../../src/components/Chip/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES_BASE as SIZES_AVATAR } from 'components/Avatar'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxl: {\n    '--chip-height': '56px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 13,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  xl: {\n    '--chip-height': '48px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 9,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  l: {\n    '--chip-height': '40px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 7,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  m: {\n    '--chip-height': '36px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 5,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  s: {\n    '--chip-height': '32px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 5,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '2px',\n  },\n  xs: {\n    '--chip-height': '28px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 3,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '2px',\n  },\n}\n\nexport const SIZES_WITH_DESCRIPTION: Record<Size, CSSProperties> = {\n  xxl: {\n    ...SIZES.xxl,\n    minHeight: 74,\n  },\n  xl: {\n    ...SIZES.xl,\n    minHeight: 66,\n  },\n  l: {\n    ...SIZES.l,\n    minHeight: 58,\n  },\n  m: {\n    ...SIZES.m,\n    minHeight: 50,\n  },\n  s: {\n    ...SIZES.s,\n    minHeight: 46,\n  },\n  xs: {\n    ...SIZES.xs,\n    minHeight: 42,\n  },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  xxl: {\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xl: {\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  l: {\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  m: {\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  s: {\n    paddingRight: 4,\n    paddingLeft: 4,\n  },\n  xs: {\n    paddingRight: 4,\n    paddingLeft: 4,\n  },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 18 },\n  xl: { fontSize: 18 },\n  l: { fontSize: 16 },\n  m: { fontSize: 16 },\n  s: { fontSize: 14 },\n  xs: { fontSize: 14 },\n}\n\nexport const SIZES_DESCRIPTION: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 14 },\n  xl: { fontSize: 14 },\n  l: { fontSize: 14 },\n  m: { fontSize: 12 },\n  s: { fontSize: 12 },\n  xs: { fontSize: 12 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 24 },\n  xl: { fontSize: 24 },\n  l: { fontSize: 20 },\n  m: { fontSize: 20 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_ICON_BUTTON: Record<Size, CSSProperties> = {\n  xxl: SIZES_ICON_BUTTON.l,\n  xl: SIZES_ICON_BUTTON.l,\n  l: SIZES_ICON_BUTTON.m,\n  m: SIZES_ICON_BUTTON.m,\n  s: SIZES_ICON_BUTTON.s,\n  xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<Size, CSSProperties> = {\n  xxl: SIZES_AVATAR.xs,\n  xl: SIZES_AVATAR.xs,\n  l: SIZES_AVATAR.xxs,\n  m: SIZES_AVATAR.xxs,\n  s: SIZES_AVATAR.xxxs,\n  xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<Size, CSSProperties> = {\n  xxl: SIZES_INDICATOR.l,\n  xl: SIZES_INDICATOR.l,\n  l: SIZES_INDICATOR.m,\n  m: SIZES_INDICATOR.m,\n  s: SIZES_INDICATOR.s,\n  xs: SIZES_INDICATOR.s,\n}\n"],"names":["SIZES","xxl","width","minHeight","padding","borderRadius","xl","l","m","s","xs","SIZES_WITH_DESCRIPTION","SIZES_CHIP_ICON_BUTTON","SIZES_ICON_BUTTON","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_INDICATOR","SIZES_INDICATOR","paddingRight","paddingLeft","fontSize"],"mappings":"2LAMO,MAAMA,MAAqC,CAChDC,IAAK,CACH,gBAAiB,OACjBC,MAAO,cACPC,UAAW,qBACXC,QAAS,GACTC,aAAc,iCACd,gBAAiB,OAEnBC,GAAI,CACF,gBAAiB,OACjBJ,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBE,EAAG,CACD,gBAAiB,OACjBL,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBG,EAAG,CACD,gBAAiB,OACjBN,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBI,EAAG,CACD,gBAAiB,OACjBP,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBK,GAAI,CACF,gBAAiB,OACjBR,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,QAId,MAAMM,uBAAsD,CACjEV,IAAK,IACAD,MAAMC,IACTE,UAAW,IAEbG,GAAI,IACCN,MAAMM,GACTH,UAAW,IAEbI,EAAG,IACEP,MAAMO,EACTJ,UAAW,IAEbK,EAAG,IACER,MAAMQ,EACTL,UAAW,IAEbM,EAAG,IACET,MAAMS,EACTN,UAAW,IAEbO,GAAI,IACCV,MAAMU,GACTP,UAAW,KA0DR,MAAMS,uBAAsD,CACjEX,IAAKY,QAAAA,WAAkBN,EACvBD,GAAIO,QAAAA,WAAkBN,EACtBA,EAAGM,QAAAA,WAAkBL,EACrBA,EAAGK,QAAAA,WAAkBL,EACrBC,EAAGI,QAAAA,WAAkBJ,EACrBC,GAAIG,QAAAA,WAAkBJ,GAGjB,MAAMK,kBAAiD,CAC5Db,IAAKc,MAAAA,WAAaL,GAClBJ,GAAIS,MAAAA,WAAaL,GACjBH,EAAGQ,MAAAA,WAAaC,IAChBR,EAAGO,MAAAA,WAAaC,IAChBP,EAAGM,MAAAA,WAAaE,KAChBP,GAAIK,MAAAA,WAAaE,MAGZ,MAAMC,qBAAoD,CAC/DjB,IAAKkB,UAAAA,aAAgBZ,EACrBD,GAAIa,UAAAA,aAAgBZ,EACpBA,EAAGY,UAAAA,aAAgBX,EACnBA,EAAGW,UAAAA,aAAgBX,EACnBC,EAAGU,UAAAA,aAAgBV,EACnBC,GAAIS,UAAAA,aAAgBV,iMA9EoC,CACxDR,IAAK,CACHmB,aAAc,EACdC,YAAa,GAEff,GAAI,CACFc,aAAc,EACdC,YAAa,GAEfd,EAAG,CACDa,aAAc,EACdC,YAAa,GAEfb,EAAG,CACDY,aAAc,EACdC,YAAa,GAEfZ,EAAG,CACDW,aAAc,EACdC,YAAa,GAEfX,GAAI,CACFU,aAAc,EACdC,YAAa,8BAa6C,CAC5DpB,IAAK,CAAEqB,SAAU,IACjBhB,GAAI,CAAEgB,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU,wBAGqC,CACrDrB,IAAK,CAAEqB,SAAU,IACjBhB,GAAI,CAAEgB,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU,wBAxBqC,CACrDrB,IAAK,CAAEqB,SAAU,IACjBhB,GAAI,CAAEgB,SAAU,IAChBf,EAAG,CAAEe,SAAU,IACfd,EAAG,CAAEc,SAAU,IACfb,EAAG,CAAEa,SAAU,IACfZ,GAAI,CAAEY,SAAU"}

package/components/Chip/sizes.mjs

@@ -0,0 +1,2 @@
+import{SIZES_SQUARE}from'../Indicator/constants.mjs';import'../Indicator/Indicator.mjs';import{SIZES_BASE}from'../Avatar/sizes.mjs';import{SIZES_BASE as SIZES_BASE$1}from'../IconButton/sizes.mjs';const SIZES={xxl:{'--chip-height':'56px',width:'max-content',minHeight:'var(--chip-height)',padding:13,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},xl:{'--chip-height':'48px',width:'max-content',minHeight:'var(--chip-height)',padding:9,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},l:{'--chip-height':'40px',width:'max-content',minHeight:'var(--chip-height)',padding:7,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},m:{'--chip-height':'36px',width:'max-content',minHeight:'var(--chip-height)',padding:5,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'3px'},s:{'--chip-height':'32px',width:'max-content',minHeight:'var(--chip-height)',padding:5,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'2px'},xs:{'--chip-height':'28px',width:'max-content',minHeight:'var(--chip-height)',padding:3,borderRadius:"calc(var(--chip-height) * 0.2)",'--chip-margin':'2px'}};const SIZES_WITH_DESCRIPTION={xxl:{...SIZES.xxl,minHeight:74},xl:{...SIZES.xl,minHeight:66},l:{...SIZES.l,minHeight:58},m:{...SIZES.m,minHeight:50},s:{...SIZES.s,minHeight:46},xs:{...SIZES.xs,minHeight:42}};const SIZES_CONTENT={xxl:{paddingRight:8,paddingLeft:8},xl:{paddingRight:8,paddingLeft:8},l:{paddingRight:6,paddingLeft:6},m:{paddingRight:6,paddingLeft:6},s:{paddingRight:4,paddingLeft:4},xs:{paddingRight:4,paddingLeft:4}};const SIZES_TEXT={xxl:{fontSize:18},xl:{fontSize:18},l:{fontSize:16},m:{fontSize:16},s:{fontSize:14},xs:{fontSize:14}};const SIZES_DESCRIPTION={xxl:{fontSize:14},xl:{fontSize:14},l:{fontSize:14},m:{fontSize:12},s:{fontSize:12},xs:{fontSize:12}};const SIZES_ICON={xxl:{fontSize:24},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:20},s:{fontSize:16},xs:{fontSize:16}};const SIZES_CHIP_ICON_BUTTON={xxl:SIZES_BASE$1.l,xl:SIZES_BASE$1.l,l:SIZES_BASE$1.m,m:SIZES_BASE$1.m,s:SIZES_BASE$1.s,xs:SIZES_BASE$1.s};const SIZES_CHIP_AVATAR={xxl:SIZES_BASE.xs,xl:SIZES_BASE.xs,l:SIZES_BASE.xxs,m:SIZES_BASE.xxs,s:SIZES_BASE.xxxs,xs:SIZES_BASE.xxxs};const SIZES_CHIP_INDICATOR={xxl:SIZES_SQUARE.l,xl:SIZES_SQUARE.l,l:SIZES_SQUARE.m,m:SIZES_SQUARE.m,s:SIZES_SQUARE.s,xs:SIZES_SQUARE.s};export{SIZES,SIZES_CHIP_AVATAR,SIZES_CHIP_ICON_BUTTON,SIZES_CHIP_INDICATOR,SIZES_CONTENT,SIZES_DESCRIPTION,SIZES_ICON,SIZES_TEXT,SIZES_WITH_DESCRIPTION};
+//# sourceMappingURL=sizes.mjs.map

package/components/Chip/sizes.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.mjs","sources":["../../../../src/components/Chip/sizes.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { SIZES_BASE as SIZES_ICON_BUTTON } from 'components/IconButton'\nimport { SIZES_BASE as SIZES_AVATAR } from 'components/Avatar'\nimport { SIZES_SQUARE as SIZES_INDICATOR } from 'components/Indicator'\nimport type { Size } from './types'\n\nexport const SIZES: Record<Size, CSSProperties> = {\n  xxl: {\n    '--chip-height': '56px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 13,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  xl: {\n    '--chip-height': '48px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 9,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  l: {\n    '--chip-height': '40px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 7,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  m: {\n    '--chip-height': '36px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 5,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '3px',\n  },\n  s: {\n    '--chip-height': '32px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 5,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '2px',\n  },\n  xs: {\n    '--chip-height': '28px',\n    width: 'max-content',\n    minHeight: 'var(--chip-height)',\n    padding: 3,\n    borderRadius: `calc(var(--chip-height) * 0.2)`,\n    '--chip-margin': '2px',\n  },\n}\n\nexport const SIZES_WITH_DESCRIPTION: Record<Size, CSSProperties> = {\n  xxl: {\n    ...SIZES.xxl,\n    minHeight: 74,\n  },\n  xl: {\n    ...SIZES.xl,\n    minHeight: 66,\n  },\n  l: {\n    ...SIZES.l,\n    minHeight: 58,\n  },\n  m: {\n    ...SIZES.m,\n    minHeight: 50,\n  },\n  s: {\n    ...SIZES.s,\n    minHeight: 46,\n  },\n  xs: {\n    ...SIZES.xs,\n    minHeight: 42,\n  },\n}\n\nexport const SIZES_CONTENT: Record<Size, CSSProperties> = {\n  xxl: {\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xl: {\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  l: {\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  m: {\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  s: {\n    paddingRight: 4,\n    paddingLeft: 4,\n  },\n  xs: {\n    paddingRight: 4,\n    paddingLeft: 4,\n  },\n}\n\nexport const SIZES_TEXT: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 18 },\n  xl: { fontSize: 18 },\n  l: { fontSize: 16 },\n  m: { fontSize: 16 },\n  s: { fontSize: 14 },\n  xs: { fontSize: 14 },\n}\n\nexport const SIZES_DESCRIPTION: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 14 },\n  xl: { fontSize: 14 },\n  l: { fontSize: 14 },\n  m: { fontSize: 12 },\n  s: { fontSize: 12 },\n  xs: { fontSize: 12 },\n}\n\nexport const SIZES_ICON: Record<Size, CSSProperties> = {\n  xxl: { fontSize: 24 },\n  xl: { fontSize: 24 },\n  l: { fontSize: 20 },\n  m: { fontSize: 20 },\n  s: { fontSize: 16 },\n  xs: { fontSize: 16 },\n}\n\nexport const SIZES_CHIP_ICON_BUTTON: Record<Size, CSSProperties> = {\n  xxl: SIZES_ICON_BUTTON.l,\n  xl: SIZES_ICON_BUTTON.l,\n  l: SIZES_ICON_BUTTON.m,\n  m: SIZES_ICON_BUTTON.m,\n  s: SIZES_ICON_BUTTON.s,\n  xs: SIZES_ICON_BUTTON.s,\n}\n\nexport const SIZES_CHIP_AVATAR: Record<Size, CSSProperties> = {\n  xxl: SIZES_AVATAR.xs,\n  xl: SIZES_AVATAR.xs,\n  l: SIZES_AVATAR.xxs,\n  m: SIZES_AVATAR.xxs,\n  s: SIZES_AVATAR.xxxs,\n  xs: SIZES_AVATAR.xxxs,\n}\n\nexport const SIZES_CHIP_INDICATOR: Record<Size, CSSProperties> = {\n  xxl: SIZES_INDICATOR.l,\n  xl: SIZES_INDICATOR.l,\n  l: SIZES_INDICATOR.m,\n  m: SIZES_INDICATOR.m,\n  s: SIZES_INDICATOR.s,\n  xs: SIZES_INDICATOR.s,\n}\n"],"names":["SIZES","xxl","width","minHeight","padding","borderRadius","xl","l","m","s","xs","SIZES_WITH_DESCRIPTION","SIZES_CONTENT","paddingRight","paddingLeft","SIZES_TEXT","fontSize","SIZES_DESCRIPTION","SIZES_ICON","SIZES_CHIP_ICON_BUTTON","SIZES_ICON_BUTTON","SIZES_CHIP_AVATAR","SIZES_AVATAR","xxs","xxxs","SIZES_CHIP_INDICATOR","SIZES_INDICATOR"],"mappings":"oMAMO,MAAMA,MAAqC,CAChDC,IAAK,CACH,gBAAiB,OACjBC,MAAO,cACPC,UAAW,qBACXC,QAAS,GACTC,aAAc,iCACd,gBAAiB,OAEnBC,GAAI,CACF,gBAAiB,OACjBJ,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBE,EAAG,CACD,gBAAiB,OACjBL,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBG,EAAG,CACD,gBAAiB,OACjBN,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBI,EAAG,CACD,gBAAiB,OACjBP,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,OAEnBK,GAAI,CACF,gBAAiB,OACjBR,MAAO,cACPC,UAAW,qBACXC,QAAS,EACTC,aAAc,iCACd,gBAAiB,QAId,MAAMM,uBAAsD,CACjEV,IAAK,IACAD,MAAMC,IACTE,UAAW,IAEbG,GAAI,IACCN,MAAMM,GACTH,UAAW,IAEbI,EAAG,IACEP,MAAMO,EACTJ,UAAW,IAEbK,EAAG,IACER,MAAMQ,EACTL,UAAW,IAEbM,EAAG,IACET,MAAMS,EACTN,UAAW,IAEbO,GAAI,IACCV,MAAMU,GACTP,UAAW,KAIR,MAAMS,cAA6C,CACxDX,IAAK,CACHY,aAAc,EACdC,YAAa,GAEfR,GAAI,CACFO,aAAc,EACdC,YAAa,GAEfP,EAAG,CACDM,aAAc,EACdC,YAAa,GAEfN,EAAG,CACDK,aAAc,EACdC,YAAa,GAEfL,EAAG,CACDI,aAAc,EACdC,YAAa,GAEfJ,GAAI,CACFG,aAAc,EACdC,YAAa,IAIV,MAAMC,WAA0C,CACrDd,IAAK,CAAEe,SAAU,IACjBV,GAAI,CAAEU,SAAU,IAChBT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,GAAI,CAAEM,SAAU,KAGX,MAAMC,kBAAiD,CAC5DhB,IAAK,CAAEe,SAAU,IACjBV,GAAI,CAAEU,SAAU,IAChBT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,GAAI,CAAEM,SAAU,KAGX,MAAME,WAA0C,CACrDjB,IAAK,CAAEe,SAAU,IACjBV,GAAI,CAAEU,SAAU,IAChBT,EAAG,CAAES,SAAU,IACfR,EAAG,CAAEQ,SAAU,IACfP,EAAG,CAAEO,SAAU,IACfN,GAAI,CAAEM,SAAU,KAGX,MAAMG,uBAAsD,CACjElB,IAAKmB,aAAkBb,EACvBD,GAAIc,aAAkBb,EACtBA,EAAGa,aAAkBZ,EACrBA,EAAGY,aAAkBZ,EACrBC,EAAGW,aAAkBX,EACrBC,GAAIU,aAAkBX,GAGjB,MAAMY,kBAAiD,CAC5DpB,IAAKqB,WAAaZ,GAClBJ,GAAIgB,WAAaZ,GACjBH,EAAGe,WAAaC,IAChBf,EAAGc,WAAaC,IAChBd,EAAGa,WAAaE,KAChBd,GAAIY,WAAaE,MAGZ,MAAMC,qBAAoD,CAC/DxB,IAAKyB,aAAgBnB,EACrBD,GAAIoB,aAAgBnB,EACpBA,EAAGmB,aAAgBlB,EACnBA,EAAGkB,aAAgBlB,EACnBC,EAAGiB,aAAgBjB,EACnBC,GAAIgB,aAAgBjB"}

package/components/Chip/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardChipProp=style.createShouldForwardProp(o=>!['outline','black','active','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette})),black:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.theme.colors['content-brand-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors['bg-brand-primary-400'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette})),black:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-secondary']:o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.theme.colors['border-onmain-contrast']:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors['border-disabled'],...o.palette}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-brand-primary-500']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette})),black:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-onmain-contrast']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.theme.colors['content-oncolor-primary']:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-onmain-default-large'],colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-disabled-small']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-disabled'],...o.palette}))}},contrast:{primary:{default:styled.css(["",""],o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette})),black:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors.transparent,...o.palette}))},secondary:{default:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette})),black:styled.css(["",""],o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-secondary']:o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.theme.colors['border-oncolor-default']:o.theme.colors['border-oncolor-default-large'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.theme.colors['border-oncolor-disabled'],...o.palette}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette})),black:styled.css(["",""],o=>template({color:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.theme.colors['bg-oncolor-primary']:o.theme.colors.transparent,borderColor:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorHover:o.active?o.theme.colors['content-oncolor-constant']:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-default'],colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.theme.colors['bg-oncolor-disabled']:o.theme.colors.transparent,borderColorDisabled:o.active?o.theme.colors.transparent:o.theme.colors['border-oncolor-disabled'],...o.palette}))}}};const Content=styled__default.default.span.withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;text-align:start;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})([""," "," "," "," ",""],o=>{let r='default';return o.as==='button'&&(r='pointer'),o.as==='button'&&o.disabled&&(r='not-allowed'),o.cursor&&(r=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      flex-shrink: 0;\n      cursor: ${r};\n      transition-property: background-color;\n      transition-duration: 250ms;\n\n      & > *:not(:last-child) {\n        margin-right: 6px;\n      }\n\n      & > ${Content}:first-child {\n        margin-left: 6px;\n      }\n      & > ${Content}:last-child {\n        margin-right: 6px;\n      }\n    `},o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let e=r.primary;return o.secondary&&(e=r.secondary),o.outline&&(e=r.outline),o.black?e.black:e.default},focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Content=Content,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var hover=require('../../mixins/hover.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardChipProp=style.createShouldForwardProp(o=>!['outline','black','active','cursor'].includes(o));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  ${hover.hover(`\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  `)}\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-brand-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-100']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.borderColor??o.theme.colors['bg-brand-primary-400'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-brand-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).lighten(2).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['bg-brand-primary-500']:o.palette.borderColorHover??o.theme.colors['bg-brand-primary-400'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-secondary']:o.palette.backgroundColor??o.theme.colors['bg-onmain-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-onmain-contrast']:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-secondary']).lighten(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(11).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-onmain-contrast']:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-large'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-brand-primary-500']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-500']).lighten(5).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-onmain-contrast']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-onmain-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-onmain-contrast']).lighten(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-oncolor-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-onmain-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-disabled-small']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-disabled']}))}},contrast:{primary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-onmain-primary']:o.palette.color??o.theme.colors['content-onmain-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-brand-primary-100'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-onmain-primary']:o.palette.colorHover??o.theme.colors['content-onmain-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors.transparent,colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors.transparent,colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors.transparent}))},secondary:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-primary']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-secondary']:o.palette.backgroundColor??o.theme.colors['bg-oncolor-tertiary'],borderColor:o.active?o.palette.borderColorActive??o.theme.colors['border-oncolor-default']:o.palette.borderColor??o.theme.colors['border-oncolor-default-large'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-primary']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-secondary']).setAlpha(.5).toString():o.palette.backgroundColorHover??tinycolor__default.default(o.theme.colors['bg-oncolor-tertiary']).setAlpha(.3).toString(),borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors['border-oncolor-default']:o.palette.borderColorHover??o.theme.colors['border-oncolor-default-large'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled'],borderColorDisabled:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))},outline:{default:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']})),black:styled.css(["",""],o=>template({color:o.active?o.palette.colorActive??o.theme.colors['content-oncolor-constant']:o.palette.color??o.theme.colors['content-oncolor-primary'],backgroundColor:o.active?o.palette.backgroundColorActive??o.theme.colors['bg-oncolor-primary']:o.palette.backgroundColor??o.theme.colors.transparent,borderColor:o.active?o.palette.borderColorActive??o.theme.colors.transparent:o.palette.borderColor??o.theme.colors['border-oncolor-default'],colorHover:o.active?o.palette.colorActiveHover??o.theme.colors['content-oncolor-constant']:o.palette.colorHover??o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.active?o.palette.backgroundColorActiveHover??tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(11).toString():o.palette.backgroundColorHover??o.theme.colors['content-onmain-hover'],borderColorHover:o.active?o.palette.borderColorActiveHover??o.theme.colors.transparent:o.palette.borderColorHover??o.theme.colors['border-oncolor-default'],colorDisabled:o.palette.colorDisabled??o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.active?o.palette.backgroundColorDisabled??o.theme.colors['bg-oncolor-disabled']:o.palette.backgroundColorDisabled??o.theme.colors.transparent,borderColorDisabled:o.active?o.palette.borderColorDisabled??o.theme.colors.transparent:o.palette.borderColorDisabled??o.theme.colors['border-oncolor-disabled']}))}}};const Content=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Content",componentId:"ui__sc-ndhge9-0"})(["box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-grow:1;",""],responsiveSize.responsiveSize);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardChipProp}).withConfig({displayName:"Chip__Root",componentId:"ui__sc-ndhge9-1"})([""," "," "," "," ",""],o=>{let e='default';return o.as!=='button'&&o.as!=='a'&&o.as!=='label'||(e='pointer'),o.disabled&&(e='not-allowed'),o.cursor&&(e=o.cursor),`\n      box-sizing: border-box;\n      appearance: none;\n      text-decoration: none;\n      margin: 0;\n      display: inline-flex;\n      align-items: center;\n      border: 1px solid transparent;\n      flex-shrink: 0;\n      cursor: ${e};\n      transition-property: background-color;\n      transition-duration: 250ms;\n    `},o=>{const e=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;let r=e.primary;return o.secondary&&(r=e.secondary),o.outline&&(r=e.outline),o.black?r.black:r.default},focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Content=Content,exports.Root=Root;
 //# sourceMappingURL=style.js.map