@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/Avatar/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Avatar/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\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: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 6,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\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: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 6,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,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,EACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,QAIX,IAAMS,EAAsB,CACjCb,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,EACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Avatar/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\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: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 6,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\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: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 6,\n    borderRadius: 4,\n  },\n}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,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,EACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,6BAIiB,CACjCJ,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,EACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}

package/components/Avatar/constants.mjs

@@ -0,0 +1,2 @@
+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:12,borderRadius:'50%'},xs:{width:24,height:24,fontSize:10,borderRadius:'50%'},xxs:{width:20,height:20,fontSize:8,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:6,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:24,height:24,fontSize:10,borderRadius:5},xxs:{width:20,height:20,fontSize:8,borderRadius:4},xxxs:{width:16,height:16,fontSize:6,borderRadius:4}};export{SIZES,SIZES_SQUARE};
+//# sourceMappingURL=constants.mjs.map

package/components/Avatar/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Avatar/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\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: 12,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 6,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\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: 24,\n    height: 24,\n    fontSize: 10,\n    borderRadius: 5,\n  },\n  xxs: {\n    width: 20,\n    height: 20,\n    fontSize: 8,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 6,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,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,EACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc,QAIX,MAAMS,aAAsB,CACjCb,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,EACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,EACVC,aAAc"}

package/components/Avatar/default-constants.js

@@ -1,2 +1,2 @@
-var i={l:'xl',m:'l',sm:'m'};var e={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%'}};export{e as SIZES_DEFAULT,i as SIZES_MAPPING_RULES};
+'use strict';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%'}},exports.SIZES_MAPPING_RULES={l:'xl',m:'l',sm:'m'};
 //# sourceMappingURL=default-constants.js.map

package/components/Avatar/default-constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Avatar/default-constants.ts"],"sourcesContent":["import type { Size, Sizes } from 'shared/types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Sizes = {\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}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,IAAMC,EAAuB,CAClCC,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"}
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Avatar/default-constants.ts"],"sourcesContent":["import type { Size, Sizes } from 'shared/types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Sizes = {\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}\n"],"names":["xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","sm"],"mappings":"mCAIoC,CAClCA,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,oCAvDuC,CAAEG,EAAG,KAAMC,EAAG,IAAKK,GAAI"}

package/components/Avatar/default-constants.mjs

@@ -0,0 +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%'}};export{SIZES_DEFAULT,SIZES_MAPPING_RULES};
+//# sourceMappingURL=default-constants.mjs.map

package/components/Avatar/default-constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Avatar/default-constants.ts"],"sourcesContent":["import type { Size, Sizes } from 'shared/types'\n\nexport const SIZES_MAPPING_RULES: Record<string, Size> = { l: 'xl', m: 'l', sm: 'm' }\n\nexport const SIZES_DEFAULT: Sizes = {\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}\n"],"names":["SIZES_MAPPING_RULES","l","m","sm","SIZES_DEFAULT","xxxl","width","height","fontSize","borderRadius","xxl","xl","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,oBAA4C,CAAEC,EAAG,KAAMC,EAAG,IAAKC,GAAI,KAEzE,MAAMC,cAAuB,CAClCC,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"}

package/components/Avatar/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{css as e}from'styled-components';import{createShouldForwardProp as n}from'../../shared/utils/style.js';import{responsiveSize as a}from'../../mixins/responsive-size.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';import{getColor as s}from'../../mixins/color.js';var c=n((o=>!['src','shadow','square','loading'].includes(o)));var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(o.shadowColor,");\n");var l={default:e(["",""],(r=>i(o({color:r.theme.colors.white,backgroundColor:r.loading?r.theme.colors.transparent:r.theme.colors.mercury,shadowColor:r.shadow?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette)))),primary:e(["",""],(r=>i(o({color:r.theme.colors['content-brand-primary'],backgroundColor:r.loading?r.theme.colors.transparent:r.theme.colors['bg-brand-primary-100'],shadowColor:r.shadow?r.theme.colors['bg-oncolor-hover']:r.theme.colors.transparent},r.palette))))};var d=r.span.withConfig({shouldForwardProp:c}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:'string'==typeof r?r:"".concat(r).concat(e),borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({componentId:"fox-ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>"\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ".concat(o.src&&!o.loading?"\n          background-image: url(".concat(o.src,");\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        "):'',"\n  ")),(o=>'brand'===o.preset?l.primary:l.default),(o=>o.color&&!o.loading&&"background-color: ".concat(s(o.color,o),";")),a,t);export{d as Root};
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var color=require('../../mixins/color.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardAvatarProp=style.createShouldForwardProp((o=>!['src','shadow','square','loading'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({color:o.theme.colors.white,backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors.mercury,shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors['bg-brand-primary-100'],shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled__default.default.span.withConfig({shouldForwardProp:shouldForwardAvatarProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({displayName:"Avatar__Root",componentId:"ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${o.src&&!o.loading?`\n          background-image: url(${o.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `:''}\n  `),(o=>o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),(o=>o.color&&!o.loading&&`background-color: ${color.getColor(o.color,o)};`),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Avatar/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","concat","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","_objectSpread","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"4VAOA,IAAMA,EAA0BC,GAC7BC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,IAAME,EAAYC,GAAD,cAAAC,OACND,EAAQE,MACGF,2BAAAA,OAAAA,EAAQG,gBAFb,wCAAAF,OAGkBD,EAAQI,YAH3C,QAMA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,MAAOM,EAAME,MAAMC,OAAOC,MAC1BT,gBAAiBK,EAAMK,QAAUL,EAAME,MAAMC,OAAOG,YAAcN,EAAME,MAAMC,OAAOI,QACrFX,YAAaI,EAAMQ,OAASR,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOG,aACrFN,EAAMR,YAGfiB,QAASV,EACJC,CAAAA,GAAAA,KAAAA,GACDT,EAAQU,EAAA,CACNP,MAAOM,EAAME,MAAMC,OAAO,yBAC1BR,gBAAiBK,EAAMK,QAAUL,EAAME,MAAMC,OAAOG,YAAcN,EAAME,MAAMC,OAAO,wBACrFP,YAAaI,EAAMQ,OAASR,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOG,aACrFN,EAAMR,aAKV,IAAMkB,EAAOC,EAAOC,KACxBC,WAA8B,CAC7BC,kBAAmB3B,IAEpB4B,OACEf,KACCgB,uBAAwB,CAACC,EAAMC,KAAAA,CAC7BC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,aAAcpB,EAAMqB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAVCV,WAAA,CAAAW,YAAA,wBAAGb,CAcfX,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,KAAAA,GASCA,iMAAAA,OAAAA,EAAMyB,MAAQzB,EAAMK,QAApB,qCAAAZ,OAE4BO,EAAMyB,IAFlC,uIAOI,GAhBN,UAoBCzB,GAA4B,UAAjBA,EAAM0B,OAAqB7B,EAAaY,QAAUZ,EAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMK,SAAgCsB,qBAAAA,OAAAA,EAAS3B,EAAMN,MAAOM,GAA5E,MAEX4B,EACAC"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","displayName","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"8XAOA,MAAMA,wBAA0BC,MAAuBA,yBACpDC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAOC,MAC1BR,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAOI,QACrFV,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,YAGfe,QAAST,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,yBAC1BP,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAO,wBACrFN,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,aAKV,MAAMgB,KAAOC,gBAAAA,QAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,OACEd,IAAwE,CACvEe,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,WAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,eAAS3B,EAAMN,MAAOM,OAEvF4B,eAAcA,eACdC,iBAAgBA"}

package/components/Avatar/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{getColor}from'../../mixins/color.mjs';const shouldForwardAvatarProp=createShouldForwardProp((o=>!['src','shadow','square','loading'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.theme.colors.white,backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors.mercury,shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.loading?o.theme.colors.transparent:o.theme.colors['bg-brand-primary-100'],shadowColor:o.shadow?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,...o.palette})))};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardAvatarProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%',width:'1em',height:'1em'})}))).withConfig({displayName:"Avatar__Root",componentId:"ui__sc-1dzfgqr-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${o.src&&!o.loading?`\n          background-image: url(${o.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `:''}\n  `),(o=>o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),(o=>o.color&&!o.loading&&`background-color: ${getColor(o.color,o)};`),responsiveSize,responsiveMargin);export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Avatar/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Avatar/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { getColor } from 'mixins/color'\nimport type { StyledAvatarProps, AvatarPalette } from './types'\n\nconst shouldForwardAvatarProp = createShouldForwardProp(\n  (propKey) => !['src', 'shadow', 'square', 'loading'].includes(propKey)\n)\n\nconst template = (palette: AvatarPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors.white,\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors.mercury,\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAvatarProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-brand-primary'],\n        backgroundColor: props.loading ? props.theme.colors.transparent : props.theme.colors['bg-brand-primary-100'],\n        shadowColor: props.shadow ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.span\n  .withConfig<StyledAvatarProps>({\n    shouldForwardProp: shouldForwardAvatarProp,\n  })\n  .attrs<StyledAvatarProps>(\n    (props): Required<Pick<StyledAvatarProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n        width: '1em',\n        height: '1em',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    display: inline-flex;\n    justify-content: center;\n    align-items: center;\n    vertical-align: middle;\n    flex-shrink: 0;\n    cursor: default;\n    ${\n      props.src && !props.loading\n        ? `\n          background-image: url(${props.src});\n          background-position: 50% 50%;\n          background-repeat: no-repeat;\n          background-size: cover;  \n        `\n        : ''\n    }\n  `}\n\n  ${(props) => (props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default)}\n\n  ${(props) => props.color && !props.loading && `background-color: ${getColor(props.color, props)};`}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardAvatarProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","default","css","props","theme","colors","white","loading","transparent","mercury","shadow","primary","Root","styled","span","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","borderRadius","square","width","height","displayName","componentId","src","preset","getColor","responsiveSize","responsiveMargin"],"mappings":"wRAOA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,MAAO,SAAU,SAAU,WAAWC,SAASD,KAGhE,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,kBAG3C,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAOC,MAC1BR,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAOI,QACrFV,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,YAGfe,QAAST,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,MAAMC,OAAO,yBAC1BP,gBAAiBK,EAAMI,QAAUJ,EAAMC,MAAMC,OAAOG,YAAcL,EAAMC,MAAMC,OAAO,wBACrFN,YAAaI,EAAMO,OAASP,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOG,eACrFL,EAAMP,aAKV,MAAMgB,KAAOC,OAAOC,KACxBC,WAA8B,CAC7BC,kBAAmBzB,0BAEpB0B,OACEd,IAAwE,CACvEe,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,aAAcnB,EAAMoB,OAAS,QAAU,MACvCC,MAAO,MACPC,OAAQ,YAGbV,WAAA,CAAAW,YAAA,eAAAC,YAAA,oBAbiBd,CAajB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACEV,GAAU,iMASTA,EAAMyB,MAAQzB,EAAMI,QAChB,qCACwBJ,EAAMyB,yIAK9B,WAILzB,GAAWA,EAAM0B,SAAW,QAAU7B,aAAaW,QAAUX,aAAaC,UAE1EE,GAAUA,EAAMN,QAAUM,EAAMI,SAAW,qBAAqBuB,SAAS3B,EAAMN,MAAOM,OAEvF4B,eACAC"}

package/components/Avatar/utils.js

@@ -1,2 +1,2 @@
-var t=t=>t.split(' ').map((t=>t.trim())).filter((t=>0!==t.length)).slice(0,2).reduce(((t,e)=>{if('string'==typeof e){var r=e.codePointAt(0);'number'==typeof r&&(t+=String.fromCodePoint(r))}return t}),'')||'#';export{t as abbreviateCaption};
+'use strict';exports.abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')||'#';
 //# sourceMappingURL=utils.js.map

package/components/Avatar/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Avatar/utils.ts"],"sourcesContent":["export const abbreviateCaption = (caption: string): string =>\n  caption\n    .split(' ')\n    .map((seq) => seq.trim())\n    .filter((seq) => seq.length !== 0)\n    .slice(0, 2)\n    .reduce((abbreviation, seq) => {\n      if (typeof seq === 'string') {\n        const symbolCodePoint = seq.codePointAt(0)\n\n        if (typeof symbolCodePoint === 'number') {\n          abbreviation += String.fromCodePoint(symbolCodePoint)\n        }\n      }\n\n      return abbreviation\n    }, '') || '#'\n"],"names":["abbreviateCaption","caption","split","map","seq","trim","filter","length","slice","reduce","abbreviation","symbolCodePoint","codePointAt","String","fromCodePoint"],"mappings":"IAAaA,EAAqBC,GAChCA,EACGC,MAAM,KACNC,KAAKC,GAAQA,EAAIC,SACjBC,QAAQF,GAAuB,IAAfA,EAAIG,SACpBC,MAAM,EAAG,GACTC,QAAO,CAACC,EAAcN,KACrB,GAAmB,iBAARA,EAAkB,CAC3B,IAAMO,EAAkBP,EAAIQ,YAAY,GAET,iBAApBD,IACTD,GAAgBG,OAAOC,cAAcH,IAIzC,OAAOD,IACN,KAAO"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Avatar/utils.ts"],"sourcesContent":["export const abbreviateCaption = (caption: string): string =>\n  caption\n    .split(' ')\n    .map((seq) => seq.trim())\n    .filter((seq) => seq.length !== 0)\n    .slice(0, 2)\n    .reduce((abbreviation, seq) => {\n      if (typeof seq === 'string') {\n        const symbolCodePoint = seq.codePointAt(0)\n\n        if (typeof symbolCodePoint === 'number') {\n          abbreviation += String.fromCodePoint(symbolCodePoint)\n        }\n      }\n\n      return abbreviation\n    }, '') || '#'\n"],"names":["caption","split","map","seq","trim","filter","length","slice","reduce","abbreviation","symbolCodePoint","codePointAt","String","fromCodePoint"],"mappings":"uCAAkCA,GAChCA,EACGC,MAAM,KACNC,KAAKC,GAAQA,EAAIC,SACjBC,QAAQF,GAAQA,EAAIG,SAAW,IAC/BC,MAAM,EAAG,GACTC,QAAO,CAACC,EAAcN,KACrB,UAAWA,GAAQ,SAAU,CAC3B,MAAMO,EAAkBP,EAAIQ,YAAY,UAE7BD,GAAoB,WAC7BD,GAAgBG,OAAOC,cAAcH,GAEzC,CAEA,OAAOD,CAAY,GAClB,KAAO"}

package/components/Avatar/utils.mjs

@@ -0,0 +1,2 @@
+const abbreviateCaption=t=>t.split(' ').map((t=>t.trim())).filter((t=>t.length!==0)).slice(0,2).reduce(((t,e)=>{if(typeof e=='string'){const i=e.codePointAt(0);typeof i=='number'&&(t+=String.fromCodePoint(i))}return t}),'')||'#';export{abbreviateCaption};
+//# sourceMappingURL=utils.mjs.map

package/components/Avatar/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Avatar/utils.ts"],"sourcesContent":["export const abbreviateCaption = (caption: string): string =>\n  caption\n    .split(' ')\n    .map((seq) => seq.trim())\n    .filter((seq) => seq.length !== 0)\n    .slice(0, 2)\n    .reduce((abbreviation, seq) => {\n      if (typeof seq === 'string') {\n        const symbolCodePoint = seq.codePointAt(0)\n\n        if (typeof symbolCodePoint === 'number') {\n          abbreviation += String.fromCodePoint(symbolCodePoint)\n        }\n      }\n\n      return abbreviation\n    }, '') || '#'\n"],"names":["abbreviateCaption","caption","split","map","seq","trim","filter","length","slice","reduce","abbreviation","symbolCodePoint","codePointAt","String","fromCodePoint"],"mappings":"AAAO,MAAMA,kBAAqBC,GAChCA,EACGC,MAAM,KACNC,KAAKC,GAAQA,EAAIC,SACjBC,QAAQF,GAAQA,EAAIG,SAAW,IAC/BC,MAAM,EAAG,GACTC,QAAO,CAACC,EAAcN,KACrB,UAAWA,GAAQ,SAAU,CAC3B,MAAMO,EAAkBP,EAAIQ,YAAY,UAE7BD,GAAoB,WAC7BD,GAAgBG,OAAOC,cAAcH,GAEzC,CAEA,OAAOD,CAAY,GAClB,KAAO"}

package/components/Badge/Badge.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as i}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as t}from'../Icon/Icon.js';import'../Icon/icons.js';import{Root as n}from'./style.js';import{SIZES_ROUND as a,SIZES as p}from'./constants.js';import{jsx as c,jsxs as m,Fragment as d}from'react/jsx-runtime';var f=["size","borderRadius","textProps","iconProps","children","content","icon"];var h=i(e(((e,i)=>{var{size:a="s",borderRadius:p=3,textProps:h={},iconProps:l={},children:g,content:v,icon:j}=e,x=o(e,f);var[P,b]=Array.isArray(j)?j:[j];var u={as:'span',size:'inherit',color:'inherit',marginLeft:P?'0.25em':void 0,marginRight:b?'0.25em':void 0};var y={color:'inherit'};return c(n,r(r({},x),{},{size:a,borderRadius:p,ref:i,children:'function'==typeof g?g({baseTextProps:u,textProps:h,iconBaseProps:y,iconProps:l,icon:j}):m(d,{children:[P&&c(t,r(r({name:'string'==typeof P?P:void 0,icon:'string'!=typeof P?P:void 0},y),l)),(g||v)&&c(s,r(r(r({},u),h),{},{children:g||v})),b&&c(t,r(r({name:'string'==typeof b?b:void 0,icon:'string'!=typeof b?b:void 0},y),l))]})}))})),{displayName:'Badge',sizes:r=>r.round?a:p});export{h as Badge};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Badge=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="s",borderRadius:i=3,textProps:o={},iconProps:t={},children:n,content:c,icon:a,...d}=e;const[u,p]=Array.isArray(a)?a:[a];const g={as:'span',size:'inherit',color:'inherit',marginLeft:u?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return require$$0.jsx(style.Root,{...d,size:s,borderRadius:i,ref:r,children:typeof n=='function'?n({baseTextProps:g,textProps:o,iconBaseProps:x,iconProps:t,icon:a}):require$$0.jsxs(require$$0.Fragment,{children:[u&&require$$0.jsx(Icon.Icon,{name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,...x,...t}),(n||c)&&require$$0.jsx(Text.Text,{...g,...o,children:n||c}),p&&require$$0.jsx(Icon.Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...t})]})})})),{displayName:'Badge',sizes:e=>e.round?constants.SIZES_ROUND:constants.SIZES});exports.Badge=Badge;
 //# sourceMappingURL=Badge.js.map

package/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","_excluded","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"wiBAsBO,IAAMA,EAAqDC,EAChEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,aAEJA,EAAe,EAFXC,UAGJA,EAAY,GAHRC,UAIJA,EAAY,GAJRC,SAKJA,EALIC,QAMJA,EANIC,KAOJA,GAEER,EADCS,IACDT,EATJU,GAWA,IAAOC,EAAQC,GAASC,MAAMC,QAAQN,GAAQA,EAAO,CAACA,GAEtD,IAAMO,EAA2B,CAC/BC,GAAI,OACJd,KAAM,UACNe,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAA,GAEvB,IAAMS,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,EAACC,SAAgBd,GAAjB,GAAA,CAA4BP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAzEK,SACuB,mBAAbA,EACNA,EAAS,CAAES,cAAAA,EAAeX,UAAAA,EAAWiB,cAAAA,EAAehB,UAAAA,EAAWG,KAAAA,IAE/DgB,EAAAC,EAAA,CAAAnB,SACGK,CAAAA,GACCW,EAACI,EAADC,EAAAA,EAAA,CACEC,KAAwB,iBAAXjB,EAAsBA,OAAAA,EACnCH,KAAwB,iBAAXG,EAAsBA,OAASQ,GACxCE,GACAhB,KAGNC,GAAYC,IACZe,EAACO,EAASd,EAAAA,EAAAA,EAAAA,GAAAA,GAAmBX,GAA7B,GAAA,CAAAE,SACGA,GAAYC,KAGhBK,GACCU,EAACI,EAADC,EAAAA,EAAA,CACEC,KAAuB,iBAAVhB,EAAqBA,OAAAA,EAClCJ,KAAuB,iBAAVI,EAAqBA,OAAQO,GACtCE,GACAhB,aAQlB,CACEyB,YArEmB,QAsEnBC,MAAQ/B,GAAWA,EAAMgC,MAAQC,EAAcC"}
+{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","jsxs","_Fragment","jsx","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"iSAsBO,MAAMA,MAAqDC,gBAAAA,gBAChEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,WAAAA,IAACC,MAAAA,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,WAAAC,KAAAC,oBAAA,CAAAnB,SACGI,CAAAA,GACCW,WAAAK,IAACC,UAAI,CACHC,YAAalB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,KAGNC,GAAYC,IACZc,WAAAA,IAACQ,KAAAA,KAAI,IAAKf,KAAmBV,EAASE,SACnCA,GAAYC,IAGhBI,GACCU,WAAAK,IAACC,UAAI,CACHC,YAAajB,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,QAKA,IAGlB,CACEyB,YArEmB,QAsEnBC,MAAQ/B,GAAWA,EAAMgC,MAAQC,UAAWA,YAAGC,UAAAA"}

package/components/Badge/Badge.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root}from'./style.mjs';import{SIZES_ROUND,SIZES}from'./constants.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const Badge=withMergedProps(forwardRef(((o,r)=>{const{size:e="s",borderRadius:t=3,textProps:s={},iconProps:i={},children:n,content:c,icon:m,...a}=o;const[d,p]=Array.isArray(m)?m:[m];const f={as:'span',size:'inherit',color:'inherit',marginLeft:d?'0.25em':void 0,marginRight:p?'0.25em':void 0};const x={color:'inherit'};return jsx(Root,{...a,size:e,borderRadius:t,ref:r,children:typeof n=='function'?n({baseTextProps:f,textProps:s,iconBaseProps:x,iconProps:i,icon:m}):jsxs(Fragment,{children:[d&&jsx(Icon,{name:typeof d=='string'?d:void 0,icon:typeof d!='string'?d:void 0,...x,...i}),(n||c)&&jsx(Text,{...f,...s,children:n||c}),p&&jsx(Icon,{name:typeof p=='string'?p:void 0,icon:typeof p!='string'?p:void 0,...x,...i})]})})})),{displayName:'Badge',sizes:o=>o.round?SIZES_ROUND:SIZES});export{Badge};
+//# sourceMappingURL=Badge.mjs.map

package/components/Badge/Badge.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Badge.mjs","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport type { BadgeProps } from './types'\n\nconst COMPONENT_NAME = 'Badge'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [BadgeProps](https://github.com/foxford/ui/blob/master/src/components/Badge/types.ts)\n */\nexport const Badge: React.ForwardRefExoticComponent<BadgeProps> = withMergedProps<BadgeProps, HTMLDivElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      borderRadius = 3,\n      textProps = {},\n      iconProps = {},\n      children,\n      content,\n      icon,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n    const iconBaseProps: IconProps = { color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} borderRadius={borderRadius} ref={ref}>\n        {typeof children === 'function' ? (\n          children({ baseTextProps, textProps, iconBaseProps, iconProps, icon })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.round ? SIZES_ROUND : SIZES),\n  }\n)\n"],"names":["Badge","withMergedProps","forwardRef","props","ref","size","borderRadius","textProps","iconProps","children","content","icon","restProps","before","after","Array","isArray","baseTextProps","as","color","marginLeft","undefined","marginRight","iconBaseProps","_jsx","Styled","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","round","SIZES_ROUND","SIZES"],"mappings":"8RAsBO,MAAMA,MAAqDC,gBAChEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,aACVA,EAAe,EAACC,UAChBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,SACdA,EAAQC,QACRA,EAAOC,KACPA,KACGC,GACDT,EAEJ,MAAOU,EAAQC,GAASC,MAAMC,QAAQL,GAAQA,EAAO,CAACA,GAEtD,MAAMM,EAA2B,CAC/BC,GAAI,OACJb,KAAM,UACNc,MAAO,UACPC,WAAYP,EAAS,cAAWQ,EAChCC,YAAaR,EAAQ,cAAWO,GAElC,MAAME,EAA2B,CAAEJ,MAAO,WAE1C,OACEK,IAACC,KAAW,IAAKb,EAAWP,KAAMA,EAAMC,aAAcA,EAAcF,IAAKA,EAAIK,gBACnEA,GAAa,WACnBA,EAAS,CAAEQ,gBAAeV,YAAWgB,gBAAef,YAAWG,SAE/De,KAAAC,SAAA,CAAAlB,SACGI,CAAAA,GACCW,IAACI,KAAI,CACHC,YAAahB,GAAW,SAAWA,OAASQ,EAC5CV,YAAaE,GAAW,SAAWA,OAASQ,KACxCE,KACAf,KAGNC,GAAYC,IACZc,IAACM,KAAI,IAAKb,KAAmBV,EAASE,SACnCA,GAAYC,IAGhBI,GACCU,IAACI,KAAI,CACHC,YAAaf,GAAU,SAAWA,OAAQO,EAC1CV,YAAaG,GAAU,SAAWA,OAAQO,KACtCE,KACAf,QAKA,IAGlB,CACEuB,YArEmB,QAsEnBC,MAAQ7B,GAAWA,EAAM8B,MAAQC,YAAcC"}

package/components/Badge/constants.js

@@ -1,2 +1,2 @@
-var i={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};var t={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{i as SIZES,t as SIZES_ROUND};
+'use strict';exports.SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}},exports.SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};
 //# sourceMappingURL=constants.js.map

package/components/Badge/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 34,\n    fontSize: 22,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xxl: {\n    height: 32,\n    fontSize: 20,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xl: {\n    height: 30,\n    fontSize: 18,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  l: {\n    height: 28,\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  m: {\n    height: 26,\n    fontSize: 14,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  s: {\n    height: 24,\n    fontSize: 12,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xs: {\n    height: 22,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxxs: {\n    height: 18,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    height: 34,\n    width: 34,\n    fontSize: 22,\n  },\n  xxl: {\n    height: 32,\n    width: 32,\n    fontSize: 20,\n  },\n  xl: {\n    height: 30,\n    width: 30,\n    fontSize: 18,\n  },\n  l: {\n    height: 28,\n    width: 28,\n    fontSize: 16,\n  },\n  m: {\n    height: 26,\n    width: 26,\n    fontSize: 14,\n  },\n  s: {\n    height: 24,\n    width: 24,\n    fontSize: 12,\n  },\n  xs: {\n    height: 22,\n    width: 22,\n    fontSize: 10,\n  },\n  xxs: {\n    height: 20,\n    width: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 18,\n    width: 18,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,IAIV,IAAMS,EAAqB,CAChCb,KAAM,CACJC,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRa,MAAO,GACPZ,SAAU"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 34,\n    fontSize: 22,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xxl: {\n    height: 32,\n    fontSize: 20,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xl: {\n    height: 30,\n    fontSize: 18,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  l: {\n    height: 28,\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  m: {\n    height: 26,\n    fontSize: 14,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  s: {\n    height: 24,\n    fontSize: 12,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xs: {\n    height: 22,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxxs: {\n    height: 18,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    height: 34,\n    width: 34,\n    fontSize: 22,\n  },\n  xxl: {\n    height: 32,\n    width: 32,\n    fontSize: 20,\n  },\n  xl: {\n    height: 30,\n    width: 30,\n    fontSize: 18,\n  },\n  l: {\n    height: 28,\n    width: 28,\n    fontSize: 16,\n  },\n  m: {\n    height: 26,\n    width: 26,\n    fontSize: 14,\n  },\n  s: {\n    height: 24,\n    width: 24,\n    fontSize: 12,\n  },\n  xs: {\n    height: 22,\n    width: 22,\n    fontSize: 10,\n  },\n  xxs: {\n    height: 20,\n    width: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 18,\n    width: 18,\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","width"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,wBAIiB,CAChCJ,KAAM,CACJC,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRY,MAAO,GACPX,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRY,MAAO,GACPX,SAAU"}

package/components/Badge/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{height:34,fontSize:22,paddingRight:10,paddingLeft:10},xxl:{height:32,fontSize:20,paddingRight:10,paddingLeft:10},xl:{height:30,fontSize:18,paddingRight:10,paddingLeft:10},l:{height:28,fontSize:16,paddingRight:8,paddingLeft:8},m:{height:26,fontSize:14,paddingRight:8,paddingLeft:8},s:{height:24,fontSize:12,paddingRight:8,paddingLeft:8},xs:{height:22,fontSize:10,paddingRight:6,paddingLeft:6},xxs:{height:20,fontSize:10,paddingRight:6,paddingLeft:6},xxxs:{height:18,fontSize:10,paddingRight:6,paddingLeft:6}};const SIZES_ROUND={xxxl:{height:34,width:34,fontSize:22},xxl:{height:32,width:32,fontSize:20},xl:{height:30,width:30,fontSize:18},l:{height:28,width:28,fontSize:16},m:{height:26,width:26,fontSize:14},s:{height:24,width:24,fontSize:12},xs:{height:22,width:22,fontSize:10},xxs:{height:20,width:20,fontSize:10},xxxs:{height:18,width:18,fontSize:10}};export{SIZES,SIZES_ROUND};
+//# sourceMappingURL=constants.mjs.map

package/components/Badge/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Badge/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 34,\n    fontSize: 22,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xxl: {\n    height: 32,\n    fontSize: 20,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  xl: {\n    height: 30,\n    fontSize: 18,\n    paddingRight: 10,\n    paddingLeft: 10,\n  },\n  l: {\n    height: 28,\n    fontSize: 16,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  m: {\n    height: 26,\n    fontSize: 14,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  s: {\n    height: 24,\n    fontSize: 12,\n    paddingRight: 8,\n    paddingLeft: 8,\n  },\n  xs: {\n    height: 22,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxs: {\n    height: 20,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n  xxxs: {\n    height: 18,\n    fontSize: 10,\n    paddingRight: 6,\n    paddingLeft: 6,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    height: 34,\n    width: 34,\n    fontSize: 22,\n  },\n  xxl: {\n    height: 32,\n    width: 32,\n    fontSize: 20,\n  },\n  xl: {\n    height: 30,\n    width: 30,\n    fontSize: 18,\n  },\n  l: {\n    height: 28,\n    width: 28,\n    fontSize: 16,\n  },\n  m: {\n    height: 26,\n    width: 26,\n    fontSize: 14,\n  },\n  s: {\n    height: 24,\n    width: 24,\n    fontSize: 12,\n  },\n  xs: {\n    height: 22,\n    width: 22,\n    fontSize: 10,\n  },\n  xxs: {\n    height: 20,\n    width: 20,\n    fontSize: 10,\n  },\n  xxxs: {\n    height: 18,\n    width: 18,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","paddingRight","paddingLeft","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfC,IAAK,CACHJ,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfE,GAAI,CACFL,OAAQ,GACRC,SAAU,GACVC,aAAc,GACdC,YAAa,IAEfG,EAAG,CACDN,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfI,EAAG,CACDP,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfK,EAAG,CACDR,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfM,GAAI,CACFT,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfO,IAAK,CACHV,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,GAEfQ,KAAM,CACJX,OAAQ,GACRC,SAAU,GACVC,aAAc,EACdC,YAAa,IAIV,MAAMS,YAAqB,CAChCb,KAAM,CACJC,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZG,IAAK,CACHJ,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZI,GAAI,CACFL,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZM,EAAG,CACDP,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZO,EAAG,CACDR,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZQ,GAAI,CACFT,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZS,IAAK,CACHV,OAAQ,GACRa,MAAO,GACPZ,SAAU,IAEZU,KAAM,CACJX,OAAQ,GACRa,MAAO,GACPZ,SAAU"}

package/components/Badge/style.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o,{css as n}from'styled-components';import{color as e}from'../../mixins/color.js';import{display as a}from'../../mixins/display.js';import{responsiveSize as t}from'../../mixins/responsive-size.js';import{responsiveMargin as i}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as s}from'../../shared/utils/style.js';import{focus as c}from'../../mixins/focus.js';var d=s((r=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(r)));var l=r=>"\n  color: ".concat(r.color,";\n  background-color: ").concat(r.backgroundColor,";\n");var m={primary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100']},o.palette)))),secondary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100']},o.palette)))),tertiary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100']},o.palette)))),quaternary:n(["",""],(o=>l(r({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100']},o.palette))))};var p=o.div.withConfig({shouldForwardProp:d}).attrs((r=>({dynamicSizeDeclaration:(o,n)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(n),height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})}))).withConfig({componentId:"fox-ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(r=>{var o='number'==typeof r.borderRadius?"".concat(r.borderRadius,"px"):r.borderRadius;return"\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ".concat(r.round?'50%':o,";\n      cursor: default;\n    ")}),(r=>r.quaternary?m.quaternary:r.tertiary?m.tertiary:r.secondary?m.secondary:m.primary),c,t,i,(r=>r.color&&e(r.color,'background-color')),(r=>r.display&&a(r.display)),(r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));export{p as Root};
+'use strict';var styled=require('styled-components');var color=require('../../mixins/color.js');var display=require('../../mixins/display.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}var styled__default=_interopDefault(styled);const shouldForwardBadgeProp=style.createShouldForwardProp((r=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(r)));const template=r=>`\n  color: ${r.color};\n  background-color: ${r.backgroundColor};\n`;const COLOR_SCHEMA={primary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-primary-100'],...r.palette}))),secondary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-secondary-100'],...r.palette}))),tertiary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-tertiary-100'],...r.palette}))),quaternary:styled.css(["",""],(r=>template({color:r.theme.colors['content-onmain-primary'],backgroundColor:r.theme.colors['bg-brand-quaternary-100'],...r.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((r=>({dynamicSizeDeclaration:(e,o)=>({fontSize:typeof e=='string'?e:`${e}${o}`,height:'1.8em',width:r.round?'1.8em':void 0,paddingRight:r.round?void 0:'0.6em',paddingLeft:r.round?void 0:'0.6em'})}))).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(r=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${r.round?'50%':typeof r.borderRadius=='number'?`${r.borderRadius}px`:r.borderRadius};\n      cursor: default;\n    `),(r=>r.quaternary?COLOR_SCHEMA.quaternary:r.tertiary?COLOR_SCHEMA.tertiary:r.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(r=>r.color&&color.color(r.color,'background-color')),(r=>r.display&&display.display(r.display)),(r=>!r.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Badge/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n      cursor: default;\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","_objectSpread","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","paddingRight","paddingLeft","undefined","componentId","borderRadius","concat","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"ybAUA,IAAMA,EAAyBC,GAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,IAAME,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MACGD,2BAAAA,OAAAA,EAAQE,gBAF9B,OAKA,IAAMC,EAAe,CACnBC,QAASC,EACJC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,yBACjCH,EAAMN,YAGfU,UAAWL,EACNC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,2BACjCH,EAAMN,YAGfW,SAAUN,EACLC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,0BACjCH,EAAMN,YAGfY,WAAYP,EACPC,CAAAA,GAAAA,KAAAA,GACDP,EAAQQ,EAAA,CACNN,MAAOK,EAAME,MAAMC,OAAO,0BAC1BP,gBAAiBI,EAAME,MAAMC,OAAO,4BACjCH,EAAMN,aAaV,IAAMa,EAAOC,EAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBtB,IAEpBuB,OACEZ,IAAAA,CACCa,uBAAwB,CAACC,EAAMC,KACtB,CACLC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,OAAQ,QACRC,MAAOlB,EAAMmB,MAAQ,aAAA,EACrBC,aAAcpB,EAAMmB,WAAAA,EAAoB,QACxCE,YAAarB,EAAMmB,WAAQG,EAAY,cAZhCZ,WAAA,CAAAa,YAAA,uBAAGf,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAiBZR,IACD,IAAMwB,EAA6C,iBAAvBxB,EAAMwB,aAAb,GAAAC,OAA4CzB,EAAMwB,aAAmBxB,MAAAA,EAAMwB,aAEhG,MAAA,+NAAAC,OAQmBzB,EAAMmB,MAAQ,MAAQK,EARzC,sCA5BiBxB,GACfA,EAAMM,WAAmBT,EAAaS,WACtCN,EAAMK,SAAiBR,EAAaQ,SACpCL,EAAMI,UAAkBP,EAAaO,UAElCP,EAAaC,SAqClB4B,EACAC,EACAC,GAEC5B,GAAUA,EAAML,OAASA,EAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM6B,SAAWA,EAAQ7B,EAAM6B,WACzC7B,IAAWA,EAAM8B,oBAAsB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n      cursor: default;\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"wdAUA,MAAMA,uBAAyBC,MAAAA,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,OAAGA,IAAA,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,OAAGA,IAAA,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,gBAAAA,QAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAuE,CACtEY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gDA1B/ExB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB2B,MAAAA,MACAC,eAAcA,eACdC,mCAEC3B,GAAUA,EAAML,OAASA,MAAAA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM4B,SAAWA,QAAAA,QAAQ5B,EAAM4B,WACzC5B,IAAWA,EAAM6B,oBAAsB"}

package/components/Badge/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{color}from'../../mixins/color.mjs';import{display}from'../../mixins/display.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardBadgeProp=createShouldForwardProp((o=>!['round','content','borderRadius','resetDefaultMargin','display'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n`;const COLOR_SCHEMA={primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-100'],...o.palette}))),tertiary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-tertiary-100'],...o.palette}))),quaternary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-quaternary-100'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardBadgeProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,height:'1.8em',width:o.round?'1.8em':void 0,paddingRight:o.round?void 0:'0.6em',paddingLeft:o.round?void 0:'0.6em'})}))).withConfig({displayName:"Badge__Root",componentId:"ui__sc-h3lnrc-0"})([""," "," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${o.round?'50%':typeof o.borderRadius=='number'?`${o.borderRadius}px`:o.borderRadius};\n      cursor: default;\n    `),(o=>o.quaternary?COLOR_SCHEMA.quaternary:o.tertiary?COLOR_SCHEMA.tertiary:o.secondary?COLOR_SCHEMA.secondary:COLOR_SCHEMA.primary),focus,responsiveSize,responsiveMargin,(o=>o.color&&color(o.color,'background-color')),(o=>o.display&&display(o.display)),(o=>!o.resetDefaultMargin&&'&:not(:last-child) { margin-right: 8px; }'));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Badge/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Badge/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { display } from 'mixins/display'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledBadgeProps, BadgePalette } from './types'\n\nconst shouldForwardBadgeProp = createShouldForwardProp(\n  (propKey) => !['round', 'content', 'borderRadius', 'resetDefaultMargin', 'display'].includes(propKey)\n)\n\nconst template = (palette: BadgePalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n`\n\nconst COLOR_SCHEMA = {\n  primary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-100'],\n        ...props.palette,\n      })}\n  `,\n  secondary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-secondary-100'],\n        ...props.palette,\n      })}\n  `,\n  tertiary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-tertiary-100'],\n        ...props.palette,\n      })}\n  `,\n  quaternary: css<StyledBadgeProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-brand-quaternary-100'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst badgeStyles = (props: ThemedStyledProps<StyledBadgeProps, DefaultTheme>) => {\n  if (props.quaternary) return COLOR_SCHEMA.quaternary\n  if (props.tertiary) return COLOR_SCHEMA.tertiary\n  if (props.secondary) return COLOR_SCHEMA.secondary\n\n  return COLOR_SCHEMA.primary\n}\n\nexport const Root = styled.div\n  .withConfig<StyledBadgeProps>({\n    shouldForwardProp: shouldForwardBadgeProp,\n  })\n  .attrs<StyledBadgeProps>(\n    (props): Required<Pick<StyledBadgeProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => {\n        return {\n          fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n          height: '1.8em',\n          width: props.round ? '1.8em' : undefined,\n          paddingRight: props.round ? undefined : '0.6em',\n          paddingLeft: props.round ? undefined : '0.6em',\n        }\n      },\n    })\n  )`\n  ${(props) => {\n    const borderRadius = typeof props.borderRadius === 'number' ? `${props.borderRadius}px` : props.borderRadius\n\n    return `\n      box-sizing: border-box;\n      isolation: isolate;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      width: max-content;\n      flex-shrink: 0;\n      border-radius: ${props.round ? '50%' : borderRadius};\n      cursor: default;\n    `\n  }}\n\n  ${badgeStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => props.color && color(props.color, 'background-color')}\n  ${(props) => props.display && display(props.display)}\n  ${(props) => !props.resetDefaultMargin && '&:not(:last-child) { margin-right: 8px; }'}\n`\n"],"names":["shouldForwardBadgeProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","COLOR_SCHEMA","primary","css","props","theme","colors","secondary","tertiary","quaternary","Root","styled","div","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","height","width","round","undefined","paddingRight","paddingLeft","displayName","componentId","borderRadius","focus","responsiveSize","responsiveMargin","display","resetDefaultMargin"],"mappings":"6WAUA,MAAMA,uBAAyBC,yBAC5BC,IAAa,CAAC,QAAS,UAAW,eAAgB,qBAAsB,WAAWC,SAASD,KAG/F,MAAME,SAAYC,GAA0B,cACjCA,EAAQC,+BACGD,EAAQE,qBAG9B,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,2BACjCF,EAAMN,YAGfS,UAAWJ,IAAG,CAAA,GAAA,KACTC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,6BACjCF,EAAMN,YAGfU,SAAUL,IAAG,CAAA,GAAA,KACRC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,4BACjCF,EAAMN,YAGfW,WAAYN,IAAG,CAAA,GAAA,KACVC,GACDP,SAAS,CACPE,MAAOK,EAAMC,MAAMC,OAAO,0BAC1BN,gBAAiBI,EAAMC,MAAMC,OAAO,8BACjCF,EAAMN,aAaV,MAAMY,KAAOC,OAAOC,IACxBC,WAA6B,CAC5BC,kBAAmBrB,yBAEpBsB,OACEX,IAAuE,CACtEY,uBAAwBA,CAACC,EAAMC,KACtB,CACLC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,OAAQ,QACRC,MAAOjB,EAAMkB,MAAQ,aAAUC,EAC/BC,aAAcpB,EAAMkB,WAAQC,EAAY,QACxCE,YAAarB,EAAMkB,WAAQC,EAAY,cAI9CV,WAAA,CAAAa,YAAA,cAAAC,YAAA,mBAhBiBhB,CAgBjB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACEP,GAGM,+NAQYA,EAAMkB,MAAQ,aAVLlB,EAAMwB,cAAiB,SAAW,GAAGxB,EAAMwB,iBAAmBxB,EAAMwB,gDA1B/ExB,GACfA,EAAMK,WAAmBR,aAAaQ,WACtCL,EAAMI,SAAiBP,aAAaO,SACpCJ,EAAMG,UAAkBN,aAAaM,UAElCN,aAAaC,SAqClB2B,MACAC,eACAC,kBAEC3B,GAAUA,EAAML,OAASA,MAAMK,EAAML,MAAO,sBAC5CK,GAAUA,EAAM4B,SAAWA,QAAQ5B,EAAM4B,WACzC5B,IAAWA,EAAM6B,oBAAsB"}

package/components/Button/Button.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{useTheme as s}from'styled-components';import{Link as t}from'react-router-dom';import{useClassname as n}from'../../hooks/useClassname.js';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{Text as m}from'../Text/Text.js';import{useComputedRel as c,useComputedLinkProps as p}from'./hooks.js';import{SIZES as l,SIZES_ROUND as d}from'./constants.js';import{SIZES_DEFAULT as f,SIZES_ROUND_DEFAULT as u,PROPS_BY_SIZE as h}from'./default-constants.js';import{Root as v,LoaderIcon as g}from'./style.js';import{jsx as P,jsxs as j,Fragment as y}from'react/jsx-runtime';var b=["size","inline","rounded","color","fontColor","textProps","iconProps","as","className","children","content","fontWeight","icon","innerRef"];var N='Button';var x=a(e(((e,a)=>{var{size:l="m",inline:d=!0,rounded:f=!0,color:u="accent",fontColor:N="white",textProps:x={},iconProps:S={},as:I,className:E,children:R,content:_,fontWeight:C,icon:T,innerRef:B}=e,L=o(e,b);var k=s();if('default'===L.preset&&'string'==typeof l&&!L.round){var w;var z=null!==(w=h[l])&&void 0!==w?w:{};L=r(r({},z),L)}L.href&&(I='a'),L.to&&(I=t),L.primary&&(u='primary'),L.secondary&&(u='atlantis');var A=n("Button",E);var O=n("Button");var Z=c(k,L);var D=p(I,L);var[F,M]=Array.isArray(T)?T:[T];L.success&&(F='checkFill',M=null),'brand'===L.preset&&L.loading&&(F=P(g,{}),M=null);var U={as:'span',size:'inherit',color:'inherit',weight:null!=C?C:'brand'===L.preset?800:600,lineHeight:'brand'===L.preset?1.2:1,marginLeft:F?'0.25em':void 0,marginRight:M?'0.25em':void 0};var W={as:'span',color:'inherit'};return P(v,r(r(r({},L),D),{},{size:l,inline:d,color:u,fontColor:N,rounded:f,rel:Z,as:I,className:A,ref:null!=a?a:B,children:'function'==typeof R?R({baseTextProps:U,textProps:x,iconBaseProps:W,iconProps:S,icon:[F,M]}):j(y,{children:[F&&P(i,r(r({className:"icon",name:'string'==typeof F?F:void 0,icon:'string'!=typeof F?F:void 0},W),S)),(R||_)&&P(m,r(r(r({className:"".concat(O,"__content")},U),x),{},{children:R||_})),M&&P(i,r(r({className:"icon",name:'string'==typeof M?M:void 0,icon:'string'!=typeof M?M:void 0},W),S))]})}))})),{displayName:"Button",sizes:r=>{var o='brand'===r.preset?l:f;return r.round&&(o='brand'===r.preset?d:u),o}});export{x as Button,N as COMPONENT_NAME};
+'use strict';var React=require('react');var styled=require('styled-components');var reactRouterDom=require('react-router-dom');var useClassname=require('../../hooks/useClassname.js');var withMergedProps=require('../../hocs/withMergedProps.js');var hooks=require('./hooks.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Button=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{let{size:s="m",inline:t=!0,rounded:o=!0,color:n="accent",fontColor:a="white",textProps:i={},iconProps:c={},as:u,className:l,children:d,content:p,fontWeight:m,icon:h,innerRef:f,...q}=e;const y=styled.useTheme();q.preset!=='default'||typeof s!='string'||q.round||(q={...defaultConstants.PROPS_BY_SIZE[s]??{},...q}),q.href&&(u='a'),q.to&&(u=reactRouterDom.Link),q.primary&&(n='primary'),q.secondary&&(n='atlantis');const v=useClassname.useClassname("Button",l);const g=useClassname.useClassname("Button");const x=hooks.useComputedRel(y,q);const $=hooks.useComputedLinkProps(u,q);let[j,C]=Array.isArray(h)?h:[h];q.success&&(j='checkFill',C=null),q.preset==='brand'&&q.loading&&(j=require$$0.jsx(style.LoaderIcon,{}),C=null);const P={as:'span',size:'inherit',color:'inherit',weight:m??(q.preset==='brand'?800:600),lineHeight:q.preset==='brand'?1.2:1,marginLeft:j?'0.25em':void 0,marginRight:C?'0.25em':void 0};const I={as:'span',color:'inherit'};return require$$0.jsx(style.Root,{...q,...$,size:s,inline:t,color:n,fontColor:a,rounded:o,rel:x,as:u,className:v,ref:r??f,children:typeof d=='function'?d({baseTextProps:P,textProps:i,iconBaseProps:I,iconProps:c,icon:[j,C]}):require$$0.jsxs(require$$0.Fragment,{children:[j&&require$$0.jsx(Icon.Icon,{className:"icon",name:typeof j=='string'?j:void 0,icon:typeof j!='string'?j:void 0,...I,...c}),(d||p)&&require$$0.jsx(Text.Text,{className:`${g}__content`,...P,...i,children:d||p}),C&&require$$0.jsx(Icon.Icon,{className:"icon",name:typeof C=='string'?C:void 0,icon:typeof C!='string'?C:void 0,...I,...c})]})})})),{displayName:"Button",sizes:e=>{let r=e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT;return e.round&&(r=e.preset==='brand'?constants.SIZES_ROUND:defaultConstants.SIZES_ROUND_DEFAULT),r}});exports.Button=Button,exports.COMPONENT_NAME="Button";
 //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps = {},\n      iconProps = {},\n      as: _as,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = Link\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    if (restProps.success) {\n      before = 'checkFill'\n      after = null\n    }\n\n    if (restProps.preset === 'brand' && restProps.loading) {\n      before = <Styled.LoaderIcon />\n      after = null\n    }\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        size={size}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({\n            baseTextProps,\n            textProps,\n            iconBaseProps,\n            iconProps,\n            icon: [before, after],\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                className='icon'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                className='icon'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","_excluded","theme","useTheme","preset","round","_PROPS_BY_SIZE$size","propsBySize","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","loading","_jsx","Styled.LoaderIcon","baseTextProps","weight","lineHeight","marginLeft","marginRight","iconBaseProps","Styled.Root","_jsxs","_Fragment","Icon","_objectSpread","name","undefined","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"k7BAeMA,IAAAA,EAAiB,SAYjBC,IAAAA,EAAuDC,EAC3DC,IAAYC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IADLC,OAEFA,KAFEC,QAGFA,KAHEC,MAIFA,EAAQ,SAJNC,UAKFA,EAAY,QALVC,UAMFA,EAAY,GANVC,UAOFA,EAAY,GACZC,GAAIC,EARFC,UASFA,EATEC,SAUFA,EAVEC,QAWFA,EAXEC,WAYFA,EAZEC,KAaFA,EAbEC,SAcFA,GAEEhB,EADCiB,IACDjB,EAhBJkB,GAkBA,IAAMC,EAAQC,IAEd,GAAyB,YAArBH,EAAUI,QAAwC,iBAATnB,IAAsBe,EAAUK,MAAO,CAAA,IAAAC,EAClF,IAAMC,UAAcC,EAAAA,EAAcvB,kBAAS,GAC3Ce,EAAiBO,EAAAA,EAAAA,GAAAA,GAAgBP,GAG/BA,EAAUS,OAAMhB,EAAM,KACtBO,EAAUU,KAAIjB,EAAMkB,GAEpBX,EAAUY,UAASxB,EAAQ,WAC3BY,EAAUa,YAAWzB,EAAQ,YAEjC,IAAM0B,EAAgBC,EA7CH,SA6CgCrB,GACnD,IAAMsB,EAAgBD,EA9CH,UA+CnB,IAAME,EAAMC,EAAehB,EAAOF,GAClC,IAAMmB,EAAYC,EAAqB3B,EAAKO,GAE5C,IAAKqB,EAAQC,GAASC,MAAMC,QAAQ1B,GAAQA,EAAO,CAACA,GAEhDE,EAAUyB,UACZJ,EAAS,YACTC,EAAQ,MAGe,UAArBtB,EAAUI,QAAsBJ,EAAU0B,UAC5CL,EAASM,EAACC,EAAV,IACAN,EAAQ,MAGV,IAAMO,EAA2B,CAC/BrC,GAAI,OACJP,KAAM,UACNG,MAAO,UACP0C,OAAQjC,MAAAA,EAAAA,EAAoC,UAArBG,EAAUI,OAAqB,IAAM,IAC5D2B,WAAiC,UAArB/B,EAAUI,OAAqB,IAAM,EACjD4B,WAAYX,EAAS,cAAA,EACrBY,YAAaX,EAAQ,iBAGvB,IAAMY,EAA2B,CAAE1C,GAAI,OAAQJ,MAAO,WAEtD,OACEuC,EAACQ,EACKnC,EAAAA,EAAAA,EAAAA,GAAAA,GACAmB,GAFN,GAAA,CAGElC,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT8B,IAAKA,EACLzB,GAAIC,EACJC,UAAWoB,EACX9B,IAAKA,MAAAA,EAAAA,EAAOe,EAXdJ,SAauB,mBAAbA,EACNA,EAAS,CACPkC,cAAAA,EACAvC,UAAAA,EACA4C,cAAAA,EACA3C,UAAAA,EACAO,KAAM,CAACuB,EAAQC,KAGjBc,EAAAC,EAAA,CAAA1C,SACG0B,CAAAA,GACCM,EAACW,EAADC,EAAAA,EAAA,CACE7C,UAAU,OACV8C,KAAwB,iBAAXnB,EAAsBA,OAASoB,EAC5C3C,KAAwB,iBAAXuB,EAAsBA,UAC/Ba,GACA3C,KAGNI,GAAYC,IACZ+B,EAACe,EAADH,EAAAA,EAAAA,EAAA,CAAM7C,oBAAcsB,EAAL,cAAmCa,GAAmBvC,GAArE,GAAA,CAAAK,SACGA,GAAYC,KAGhB0B,GACCK,EAACW,EAADC,EAAAA,EAAA,CACE7C,UAAU,OACV8C,KAAuB,iBAAVlB,EAAqBA,SAClCxB,KAAuB,iBAAVwB,EAAqBA,OAAAA,GAC9BY,GACA3C,aAQlB,CACEoD,YA/HmB,SAgInBC,MAAQ7D,IACN,IAAI6D,EAAyB,UAAjB7D,EAAMqB,OAAqByC,EAAQC,EAG/C,OAFI/D,EAAMsB,QAAOuC,EAAyB,UAAjB7D,EAAMqB,OAAqB2C,EAAcC,GAE3DJ"}
+{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps = {},\n      iconProps = {},\n      as: _as,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = Link\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    if (restProps.success) {\n      before = 'checkFill'\n      after = null\n    }\n\n    if (restProps.preset === 'brand' && restProps.loading) {\n      before = <Styled.LoaderIcon />\n      after = null\n    }\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        size={size}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({\n            baseTextProps,\n            textProps,\n            iconBaseProps,\n            iconProps,\n            icon: [before, after],\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                className='icon'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                className='icon'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","loading","_jsx","jsx","Styled","baseTextProps","weight","lineHeight","marginLeft","undefined","marginRight","iconBaseProps","_jsxs","jsxs","_Fragment","Icon","name","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"ugBA2BMA,MAAAA,OAAuDC,gBAAAA,gBAC3DC,MAAAA,YAAW,CAACC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IAAGC,OACVA,GAAS,EAAIC,QACbA,GAAU,EAAIC,MACdA,EAAQ,SAAQC,UAChBA,EAAY,QAAOC,UACnBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EACdC,GAAIC,EAAGC,UACPA,EAASC,SACTA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,KACVA,EAAIC,SACJA,KACGC,GACDjB,EAEJ,MAAMkB,EAAQC,OAAAA,WAEVF,EAAUG,SAAW,kBAAoBlB,GAAS,UAAae,EAAUI,QAE3EJ,EAAY,IADQK,iBAAAA,cAAcpB,IAAS,CAAA,KACVe,IAG/BA,EAAUM,OAAMb,EAAM,KACtBO,EAAUO,KAAId,EAAMe,qBAEpBR,EAAUS,UAASrB,EAAQ,WAC3BY,EAAUU,YAAWtB,EAAQ,YAEjC,MAAMuB,EAAgBC,aAAAA,aA7CH,SA6CgClB,GACnD,MAAMmB,EAAgBD,0BA9CH,UA+CnB,MAAME,EAAMC,MAAAA,eAAed,EAAOD,GAClC,MAAMgB,EAAYC,MAAAA,qBAAqBxB,EAAKO,GAE5C,IAAKkB,EAAQC,GAASC,MAAMC,QAAQvB,GAAQA,EAAO,CAACA,GAEhDE,EAAUsB,UACZJ,EAAS,YACTC,EAAQ,MAGNnB,EAAUG,SAAW,SAAWH,EAAUuB,UAC5CL,EAASM,WAAAC,IAACC,qBACVP,EAAQ,MAGV,MAAMQ,EAA2B,CAC/BnC,GAAI,OACJP,KAAM,UACNG,MAAO,UACPwC,OAAQ/B,IAAeG,EAAUG,SAAW,QAAU,IAAM,KAC5D0B,WAAY7B,EAAUG,SAAW,QAAU,IAAM,EACjD2B,WAAYZ,EAAS,cAAWa,EAChCC,YAAab,EAAQ,cAAWY,GAGlC,MAAME,EAA2B,CAAEzC,GAAI,OAAQJ,MAAO,WAEtD,OACEoC,WAAAA,IAACE,MAAAA,KAAW,IACN1B,KACAgB,EACJ/B,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT2B,IAAKA,EACLtB,GAAIC,EACJC,UAAWiB,EACX3B,IAAKA,GAAOe,EAASJ,gBAEbA,GAAa,WACnBA,EAAS,CACPgC,gBACArC,YACA2C,gBACA1C,YACAO,KAAM,CAACoB,EAAQC,KAGjBe,WAAAC,KAAAC,oBAAA,CAAAzC,SACGuB,CAAAA,GACCM,WAAAC,IAACY,UAAI,CACH3C,UAAU,OACV4C,YAAapB,GAAW,SAAWA,OAASa,EAC5CjC,YAAaoB,GAAW,SAAWA,OAASa,KACxCE,KACA1C,KAGNI,GAAYC,IACZ4B,WAAAA,IAACe,KAAAA,KAAI,CAAC7C,UAAW,GAAGmB,gBAA8Bc,KAAmBrC,EAASK,SAC3EA,GAAYC,IAGhBuB,GACCK,WAAAC,IAACY,UAAI,CACH3C,UAAU,OACV4C,YAAanB,GAAU,SAAWA,OAAQY,EAC1CjC,YAAaqB,GAAU,SAAWA,OAAQY,KACtCE,KACA1C,QAKA,IAGlB,CACEiD,YA/HmB,SAgInBC,MAAQ1D,IACN,IAAI0D,EAAQ1D,EAAMoB,SAAW,QAAUuC,UAAAA,MAAQC,iBAAAA,cAG/C,OAFI5D,EAAMqB,QAAOqC,EAAQ1D,EAAMoB,SAAW,QAAUyC,UAAWA,YAAGC,sCAE3DJ,CAAK,iDApIK"}

package/components/Button/Button.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{useTheme}from'styled-components';import{Link}from'react-router-dom';import{useClassname}from'../../hooks/useClassname.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useComputedRel,useComputedLinkProps}from'./hooks.mjs';import{SIZES,SIZES_ROUND}from'./constants.mjs';import{SIZES_DEFAULT,SIZES_ROUND_DEFAULT,PROPS_BY_SIZE}from'./default-constants.mjs';import{Root,LoaderIcon}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Button';const Button=withMergedProps(forwardRef(((o,e)=>{let{size:t="m",inline:s=!0,rounded:r=!0,color:n="accent",fontColor:i="white",textProps:m={},iconProps:a={},as:c,className:p,children:l,content:d,fontWeight:u,icon:f,innerRef:h,...S}=o;const E=useTheme();S.preset!=='default'||typeof t!='string'||S.round||(S={...PROPS_BY_SIZE[t]??{},...S}),S.href&&(c='a'),S.to&&(c=Link),S.primary&&(n='primary'),S.secondary&&(n='atlantis');const g=useClassname("Button",p);const j=useClassname("Button");const x=useComputedRel(E,S);const I=useComputedLinkProps(c,S);let[P,N]=Array.isArray(f)?f:[f];S.success&&(P='checkFill',N=null),S.preset==='brand'&&S.loading&&(P=jsx(LoaderIcon,{}),N=null);const _={as:'span',size:'inherit',color:'inherit',weight:u??(S.preset==='brand'?800:600),lineHeight:S.preset==='brand'?1.2:1,marginLeft:P?'0.25em':void 0,marginRight:N?'0.25em':void 0};const y={as:'span',color:'inherit'};return jsx(Root,{...S,...I,size:t,inline:s,color:n,fontColor:i,rounded:r,rel:x,as:c,className:g,ref:e??h,children:typeof l=='function'?l({baseTextProps:_,textProps:m,iconBaseProps:y,iconProps:a,icon:[P,N]}):jsxs(Fragment,{children:[P&&jsx(Icon,{className:"icon",name:typeof P=='string'?P:void 0,icon:typeof P!='string'?P:void 0,...y,...a}),(l||d)&&jsx(Text,{className:`${j}__content`,..._,...m,children:l||d}),N&&jsx(Icon,{className:"icon",name:typeof N=='string'?N:void 0,icon:typeof N!='string'?N:void 0,...y,...a})]})})})),{displayName:"Button",sizes:o=>{let e=o.preset==='brand'?SIZES:SIZES_DEFAULT;return o.round&&(e=o.preset==='brand'?SIZES_ROUND:SIZES_ROUND_DEFAULT),e}});export{Button,COMPONENT_NAME};
+//# sourceMappingURL=Button.mjs.map

package/components/Button/Button.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.mjs","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { Link } from 'react-router-dom'\nimport { useClassname } from 'hooks/useClassname'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useComputedRel, useComputedLinkProps } from './hooks'\nimport { SIZES, SIZES_ROUND } from './constants'\nimport { SIZES_DEFAULT, SIZES_ROUND_DEFAULT, PROPS_BY_SIZE } from './default-constants'\nimport type { ButtonProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Button'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [ButtonProps](https://github.com/foxford/ui/blob/master/src/components/Button/types.ts)\n */\nconst Button: React.ForwardRefExoticComponent<ButtonProps> = withMergedProps<ButtonProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    let {\n      size = 'm',\n      inline = true,\n      rounded = true,\n      color = 'accent',\n      fontColor = 'white',\n      textProps = {},\n      iconProps = {},\n      as: _as,\n      className,\n      children,\n      content,\n      fontWeight,\n      icon,\n      innerRef,\n      ...restProps\n    } = props\n\n    const theme = useTheme()\n\n    if (restProps.preset === 'default' && typeof size === 'string' && !restProps.round) {\n      const propsBySize = PROPS_BY_SIZE[size] ?? {}\n      restProps = { ...propsBySize, ...restProps }\n    }\n\n    if (restProps.href) _as = 'a'\n    if (restProps.to) _as = Link\n\n    if (restProps.primary) color = 'primary'\n    if (restProps.secondary) color = 'atlantis'\n\n    const rootClassName = useClassname(COMPONENT_NAME, className)\n    const textClassName = useClassname(COMPONENT_NAME)\n    const rel = useComputedRel(theme, restProps)\n    const linkProps = useComputedLinkProps(_as, restProps)\n\n    let [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    if (restProps.success) {\n      before = 'checkFill'\n      after = null\n    }\n\n    if (restProps.preset === 'brand' && restProps.loading) {\n      before = <Styled.LoaderIcon />\n      after = null\n    }\n\n    const baseTextProps: TextProps = {\n      as: 'span',\n      size: 'inherit',\n      color: 'inherit',\n      weight: fontWeight ?? (restProps.preset === 'brand' ? 800 : 600),\n      lineHeight: restProps.preset === 'brand' ? 1.2 : 1,\n      marginLeft: before ? '0.25em' : undefined,\n      marginRight: after ? '0.25em' : undefined,\n    }\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...linkProps}\n        size={size}\n        inline={inline}\n        color={color}\n        fontColor={fontColor}\n        rounded={rounded}\n        rel={rel}\n        as={_as}\n        className={rootClassName}\n        ref={ref ?? innerRef}\n      >\n        {typeof children === 'function' ? (\n          children({\n            baseTextProps,\n            textProps,\n            iconBaseProps,\n            iconProps,\n            icon: [before, after],\n          })\n        ) : (\n          <>\n            {before && (\n              <Icon\n                className='icon'\n                name={typeof before === 'string' ? before : undefined}\n                icon={typeof before !== 'string' ? before : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n            {(children || content) && (\n              <Text className={`${textClassName}__content`} {...baseTextProps} {...textProps}>\n                {children || content}\n              </Text>\n            )}\n            {after && (\n              <Icon\n                className='icon'\n                name={typeof after === 'string' ? after : undefined}\n                icon={typeof after !== 'string' ? after : undefined}\n                {...iconBaseProps}\n                {...iconProps}\n              />\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      let sizes = props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n      if (props.round) sizes = props.preset === 'brand' ? SIZES_ROUND : SIZES_ROUND_DEFAULT\n\n      return sizes\n    },\n  }\n)\n\nexport { Button, COMPONENT_NAME }\n\nexport type { ButtonProps }\n"],"names":["COMPONENT_NAME","Button","withMergedProps","forwardRef","props","ref","size","inline","rounded","color","fontColor","textProps","iconProps","as","_as","className","children","content","fontWeight","icon","innerRef","restProps","theme","useTheme","preset","round","PROPS_BY_SIZE","href","to","Link","primary","secondary","rootClassName","useClassname","textClassName","rel","useComputedRel","linkProps","useComputedLinkProps","before","after","Array","isArray","success","loading","_jsx","Styled","baseTextProps","weight","lineHeight","marginLeft","undefined","marginRight","iconBaseProps","_jsxs","_Fragment","Icon","name","Text","displayName","sizes","SIZES","SIZES_DEFAULT","SIZES_ROUND","SIZES_ROUND_DEFAULT"],"mappings":"6jBAeMA,MAAAA,eAAiB,SAYjBC,MAAAA,OAAuDC,gBAC3DC,YAAW,CAACC,EAAOC,KACjB,IAAIC,KACFA,EAAO,IAAGC,OACVA,GAAS,EAAIC,QACbA,GAAU,EAAIC,MACdA,EAAQ,SAAQC,UAChBA,EAAY,QAAOC,UACnBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EACdC,GAAIC,EAAGC,UACPA,EAASC,SACTA,EAAQC,QACRA,EAAOC,WACPA,EAAUC,KACVA,EAAIC,SACJA,KACGC,GACDjB,EAEJ,MAAMkB,EAAQC,WAEVF,EAAUG,SAAW,kBAAoBlB,GAAS,UAAae,EAAUI,QAE3EJ,EAAY,IADQK,cAAcpB,IAAS,CAAA,KACVe,IAG/BA,EAAUM,OAAMb,EAAM,KACtBO,EAAUO,KAAId,EAAMe,MAEpBR,EAAUS,UAASrB,EAAQ,WAC3BY,EAAUU,YAAWtB,EAAQ,YAEjC,MAAMuB,EAAgBC,aA7CH,SA6CgClB,GACnD,MAAMmB,EAAgBD,aA9CH,UA+CnB,MAAME,EAAMC,eAAed,EAAOD,GAClC,MAAMgB,EAAYC,qBAAqBxB,EAAKO,GAE5C,IAAKkB,EAAQC,GAASC,MAAMC,QAAQvB,GAAQA,EAAO,CAACA,GAEhDE,EAAUsB,UACZJ,EAAS,YACTC,EAAQ,MAGNnB,EAAUG,SAAW,SAAWH,EAAUuB,UAC5CL,EAASM,IAACC,eACVN,EAAQ,MAGV,MAAMO,EAA2B,CAC/BlC,GAAI,OACJP,KAAM,UACNG,MAAO,UACPuC,OAAQ9B,IAAeG,EAAUG,SAAW,QAAU,IAAM,KAC5DyB,WAAY5B,EAAUG,SAAW,QAAU,IAAM,EACjD0B,WAAYX,EAAS,cAAWY,EAChCC,YAAaZ,EAAQ,cAAWW,GAGlC,MAAME,EAA2B,CAAExC,GAAI,OAAQJ,MAAO,WAEtD,OACEoC,IAACC,KAAW,IACNzB,KACAgB,EACJ/B,KAAMA,EACNC,OAAQA,EACRE,MAAOA,EACPC,UAAWA,EACXF,QAASA,EACT2B,IAAKA,EACLtB,GAAIC,EACJC,UAAWiB,EACX3B,IAAKA,GAAOe,EAASJ,gBAEbA,GAAa,WACnBA,EAAS,CACP+B,gBACApC,YACA0C,gBACAzC,YACAO,KAAM,CAACoB,EAAQC,KAGjBc,KAAAC,SAAA,CAAAvC,SACGuB,CAAAA,GACCM,IAACW,KAAI,CACHzC,UAAU,OACV0C,YAAalB,GAAW,SAAWA,OAASY,EAC5ChC,YAAaoB,GAAW,SAAWA,OAASY,KACxCE,KACAzC,KAGNI,GAAYC,IACZ4B,IAACa,KAAI,CAAC3C,UAAW,GAAGmB,gBAA8Ba,KAAmBpC,EAASK,SAC3EA,GAAYC,IAGhBuB,GACCK,IAACW,KAAI,CACHzC,UAAU,OACV0C,YAAajB,GAAU,SAAWA,OAAQW,EAC1ChC,YAAaqB,GAAU,SAAWA,OAAQW,KACtCE,KACAzC,QAKA,IAGlB,CACE+C,YA/HmB,SAgInBC,MAAQxD,IACN,IAAIwD,EAAQxD,EAAMoB,SAAW,QAAUqC,MAAQC,cAG/C,OAFI1D,EAAMqB,QAAOmC,EAAQxD,EAAMoB,SAAW,QAAUuC,YAAcC,qBAE3DJ,CAAK"}

package/components/Button/constants.js

@@ -1,2 +1,2 @@
-var i={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};var t={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};export{i as SIZES,t as SIZES_ROUND};
+'use strict';exports.SIZES={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}},exports.SIZES_ROUND={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};
 //# sourceMappingURL=constants.js.map

package/components/Button/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    height: 64,\n    width: 64,\n  },\n  xxl: {\n    fontSize: 28,\n    height: 60,\n    width: 60,\n  },\n  xl: {\n    fontSize: 24,\n    height: 56,\n    width: 56,\n  },\n  l: {\n    fontSize: 20,\n    height: 48,\n    width: 48,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    width: 44,\n  },\n  s: {\n    fontSize: 16,\n    height: 40,\n    width: 40,\n  },\n  xs: {\n    fontSize: 16,\n    height: 32,\n    width: 32,\n  },\n  xxs: {\n    fontSize: 16,\n    height: 28,\n    width: 28,\n  },\n  xxxs: {\n    fontSize: 14,\n    height: 24,\n    width: 24,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAEO,IAAMA,EAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBC,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBE,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBG,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBI,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBM,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBO,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBQ,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,KAIX,IAAMS,EAAqB,CAChCb,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETT,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETR,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETP,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETN,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETL,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETJ,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETH,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETF,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRY,MAAO"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    height: 64,\n    width: 64,\n  },\n  xxl: {\n    fontSize: 28,\n    height: 60,\n    width: 60,\n  },\n  xl: {\n    fontSize: 24,\n    height: 56,\n    width: 56,\n  },\n  l: {\n    fontSize: 20,\n    height: 48,\n    width: 48,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    width: 44,\n  },\n  s: {\n    fontSize: 16,\n    height: 40,\n    width: 40,\n  },\n  xs: {\n    fontSize: 16,\n    height: 32,\n    width: 32,\n  },\n  xxs: {\n    fontSize: 16,\n    height: 28,\n    width: 28,\n  },\n  xxxs: {\n    fontSize: 14,\n    height: 24,\n    width: 24,\n  },\n}\n"],"names":["xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","width"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBC,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBE,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBG,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBI,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBM,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBO,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBQ,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,yBAIgB,CAChCJ,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETR,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETP,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETN,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETL,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETJ,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETH,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETF,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRW,MAAO,IAETD,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRW,MAAO"}

package/components/Button/constants.mjs

@@ -0,0 +1,2 @@
+const SIZES={xxxl:{fontSize:22,height:64,paddingLeft:36,paddingRight:36},xxl:{fontSize:20,height:60,paddingLeft:34,paddingRight:34},xl:{fontSize:18,height:56,paddingLeft:32,paddingRight:32},l:{fontSize:16,height:48,paddingLeft:28,paddingRight:28},m:{fontSize:16,height:44,paddingLeft:28,paddingRight:28},s:{fontSize:14,height:40,paddingLeft:24,paddingRight:24},xs:{fontSize:14,height:32,paddingLeft:16,paddingRight:16},xxs:{fontSize:12,height:28,paddingLeft:14,paddingRight:14},xxxs:{fontSize:10,height:24,paddingLeft:12,paddingRight:12}};const SIZES_ROUND={xxxl:{fontSize:32,height:64,width:64},xxl:{fontSize:28,height:60,width:60},xl:{fontSize:24,height:56,width:56},l:{fontSize:20,height:48,width:48},m:{fontSize:16,height:44,width:44},s:{fontSize:16,height:40,width:40},xs:{fontSize:16,height:32,width:32},xxs:{fontSize:16,height:28,width:28},xxxs:{fontSize:14,height:24,width:24}};export{SIZES,SIZES_ROUND};
+//# sourceMappingURL=constants.mjs.map

package/components/Button/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Button/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    height: 64,\n    paddingLeft: 36,\n    paddingRight: 36,\n  },\n  xxl: {\n    fontSize: 20,\n    height: 60,\n    paddingLeft: 34,\n    paddingRight: 34,\n  },\n  xl: {\n    fontSize: 18,\n    height: 56,\n    paddingLeft: 32,\n    paddingRight: 32,\n  },\n  l: {\n    fontSize: 16,\n    height: 48,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    paddingLeft: 28,\n    paddingRight: 28,\n  },\n  s: {\n    fontSize: 14,\n    height: 40,\n    paddingLeft: 24,\n    paddingRight: 24,\n  },\n  xs: {\n    fontSize: 14,\n    height: 32,\n    paddingLeft: 16,\n    paddingRight: 16,\n  },\n  xxs: {\n    fontSize: 12,\n    height: 28,\n    paddingLeft: 14,\n    paddingRight: 14,\n  },\n  xxxs: {\n    fontSize: 10,\n    height: 24,\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n}\n\nexport const SIZES_ROUND: Sizes = {\n  xxxl: {\n    fontSize: 32,\n    height: 64,\n    width: 64,\n  },\n  xxl: {\n    fontSize: 28,\n    height: 60,\n    width: 60,\n  },\n  xl: {\n    fontSize: 24,\n    height: 56,\n    width: 56,\n  },\n  l: {\n    fontSize: 20,\n    height: 48,\n    width: 48,\n  },\n  m: {\n    fontSize: 16,\n    height: 44,\n    width: 44,\n  },\n  s: {\n    fontSize: 16,\n    height: 40,\n    width: 40,\n  },\n  xs: {\n    fontSize: 16,\n    height: 32,\n    width: 32,\n  },\n  xxs: {\n    fontSize: 16,\n    height: 28,\n    width: 28,\n  },\n  xxxs: {\n    fontSize: 14,\n    height: 24,\n    width: 24,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","height","paddingLeft","paddingRight","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_ROUND","width"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBC,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBE,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBG,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBI,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBK,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBM,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBO,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,IAEhBQ,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRC,YAAa,GACbC,aAAc,KAIX,MAAMS,YAAqB,CAChCb,KAAM,CACJC,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETT,IAAK,CACHJ,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETR,GAAI,CACFL,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETP,EAAG,CACDN,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETN,EAAG,CACDP,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETL,EAAG,CACDR,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETJ,GAAI,CACFT,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETH,IAAK,CACHV,SAAU,GACVC,OAAQ,GACRY,MAAO,IAETF,KAAM,CACJX,SAAU,GACVC,OAAQ,GACRY,MAAO"}

package/components/Button/default-constants.js

@@ -1,2 +1,2 @@
-var i={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}};var d={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};var t={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}};export{t as PROPS_BY_SIZE,i as SIZES_DEFAULT,d as SIZES_ROUND_DEFAULT};
+'use strict';exports.PROPS_BY_SIZE={xl:{paddingLeftM:36,paddingRightM:36,paddingLeftS:32,paddingRightS:32},l:{fontSizeM:'m',heightM:56,heightS:52,paddingLeftM:28,paddingRightM:28,paddingLeftS:24,paddingRightS:24},m:{paddingLeftM:24,paddingRightM:24,paddingLeftS:20,paddingRightS:20},s:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16},xs:{paddingLeftM:20,paddingRightM:20,paddingLeftS:16,paddingRightS:16}},exports.SIZES_DEFAULT={xxxl:{fontSize:24,height:78,paddingLeft:44,paddingRight:44},xxl:{fontSize:22,height:72,paddingLeft:40,paddingRight:40},xl:{fontSize:20,height:68,paddingLeft:40,paddingRight:40},l:{fontSize:18,height:60,paddingLeft:36,paddingRight:36},m:{fontSize:16,height:52,paddingLeft:32,paddingRight:32},s:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xs:{fontSize:14,height:40,paddingLeft:28,paddingRight:28},xxs:{fontSize:12,height:32,paddingLeft:18,paddingRight:18},xxxs:{fontSize:10,height:28,paddingLeft:12,paddingRight:12}},exports.SIZES_ROUND_DEFAULT={xxxl:{fontSize:32,lineHeight:1,padding:'0.28em',width:72,height:72},xxl:{fontSize:30,lineHeight:1,padding:'0.28em',width:68,height:68},xl:{fontSize:26,lineHeight:1,padding:'0.28em',width:60,height:60},l:{fontSize:23,lineHeight:1,padding:'0.28em',width:52,height:52},m:{fontSize:21,lineHeight:1,padding:'0.28em',width:48,height:48},s:{fontSize:18,lineHeight:1,padding:'0.28em',width:40,height:40},xs:{fontSize:14,lineHeight:1,padding:'0.28em',width:32,height:32},xxs:{fontSize:12,lineHeight:1,padding:'0.28em',width:24,height:24},xxxs:{fontSize:8,lineHeight:1,padding:'0.28em',width:18,height:18}};
 //# sourceMappingURL=default-constants.js.map