@foxford/ui 2.39.0-beta-cbc88d8-20240820 → 2.39.0-beta-22709eb-20240820

package/components/Dropdown/utils.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.mjs","sources":["../../../../src/components/Dropdown/utils.ts"],"sourcesContent":["import type { DropdownOption } from './types'\n\nexport const getDropdownInputText = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].text : ''\n\n  return option.text\n}\n\nexport const getDropdownInputValue = (option?: DropdownOption | DropdownOption[]): string => {\n  if (!option) return ''\n\n  if (Array.isArray(option)) return option[0] ? option[0].value : ''\n\n  return option.value\n}\n\nexport const getDropdownInputMultipleValue = (option?: DropdownOption | DropdownOption[]): string[] => {\n  if (!option) return []\n\n  return Array.isArray(option) ? option.map((item) => item.value) : [option.value]\n}\n\nexport const groupDropdownOptions = (\n  options: DropdownOption[],\n  selectedOptionsValues: string[]\n): [DropdownOption[], DropdownOption[]] => {\n  return options.reduce<[DropdownOption[], DropdownOption[]]>(\n    (groups, option) => {\n      groups[selectedOptionsValues.includes(option.value) ? 0 : 1].push(option)\n      return groups\n    },\n    [[], []]\n  )\n}\n"],"names":["getDropdownInputText","option","Array","isArray","text","getDropdownInputValue","value","getDropdownInputMultipleValue","map","item","groupDropdownOptions","options","selectedOptionsValues","reduce","groups","includes","push"],"mappings":"AAEaA,MAAAA,qBAAwBC,GAC9BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGG,KAAO,GAExDH,EAAOG,KAJM,GAOTC,MAAAA,sBAAyBJ,GAC/BA,EAEDC,MAAMC,QAAQF,GAAgBA,EAAO,GAAKA,EAAO,GAAGK,MAAQ,GAEzDL,EAAOK,MAJM,GAOTC,MAAAA,8BAAiCN,GACvCA,EAEEC,MAAMC,QAAQF,GAAUA,EAAOO,KAAKC,GAASA,EAAKH,QAAS,CAACL,EAAOK,OAFtD,SAKTI,qBAAuBA,CAClCC,EACAC,IAEOD,EAAQE,QACb,CAACC,EAAQb,KACPa,EAAOF,EAAsBG,SAASd,EAAOK,OAAS,EAAI,GAAGU,KAAKf,GAC3Da,IAET,CAAC,GAAI"}

package/components/FormInputLabel/FormInputLabel.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Spacer=require('../Spacer/Spacer.js');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const FormInputLabel=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:i="m",labelPosition:t="dynamic",textProps:s={},iconProps:n={},icon:a,input:o,label:c,text:p,controls:l,addon:d,dropdown:u,...x}=e;const[$,h]=Array.isArray(a)?a:[a];return require$$0.jsxs(style.Root,{...x,size:i,labelPosition:t,ref:r,children:[$&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginRight:12,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof $=='string'?$:void 0,icon:typeof $!='string'?$:void 0,...n})}),require$$0.jsxs(style.Label,{size:"inherit",color:"inherit",...s,children:[o,c&&require$$0.jsx(style.Caption,{children:c})]}),p&&require$$0.jsx(Text.Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:d||h||l?void 0:6,...s,children:p}),d&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,children:d}),h&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:12,marginRight:8,children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),l&&require$$0.jsx(Spacer.Spacer,{display:"flex",marginLeft:4,children:l}),u&&require$$0.jsx(style.Dropdown,{children:u})]})})),{sizes:constants.SIZES,displayName:"FormInputLabel"});exports.COMPONENT_NAME="FormInputLabel",exports.FormInputLabel=FormInputLabel;
+//# sourceMappingURL=FormInputLabel.js.map

package/components/FormInputLabel/FormInputLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInputLabel.js","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","before","after","Array","isArray","_jsxs","Styled","children","_jsx","jsx","Spacer","display","marginRight","Icon","preset","name","undefined","jsxs","color","Text","whiteSpace","marginLeft","sizes","SIZES","displayName"],"mappings":"2UAWMA,MAAAA,eAAuEC,gBAAAA,gBAI3EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,cACVA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,MACRA,EAAKC,SACLA,KACGC,GACDb,EAEJ,MAAOc,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,OACEY,WAAAA,KAACC,MAAAA,KAAW,IAAKN,EAAWX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAAImB,SAC5EN,CAAAA,GACCO,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOC,YAAa,GAAGL,SACrCC,WAAAC,IAACI,UAAI,CACHC,OAAO,QACPC,YAAad,GAAW,SAAWA,OAASe,EAC5CvB,YAAaQ,GAAW,SAAWA,OAASe,KACxCxB,MAIVa,WAAAY,KAACX,YAAY,CAACjB,KAAK,UAAU6B,MAAM,aAAc3B,EAASgB,SAAA,CACvDb,EACAC,GAASa,WAAAA,IAACF,MAAAA,QAAc,CAAAC,SAAEZ,OAE5BC,GACCY,WAAAC,IAACU,UAAI,CACH9B,KAAK,UACL6B,MAAM,UACNE,WAAW,SACXC,WAAY,GACZT,YAAcd,GAAUI,GAAUL,OAAemB,EAAJ,KACzCzB,EAASgB,SAEZX,IAGJE,GACCU,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,GAAGd,SACnCT,IAGJI,GACCM,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,GAAIT,YAAa,EAAEL,SACpDC,WAAAC,IAACI,UAAI,CACHC,OAAO,QACPC,YAAab,GAAU,SAAWA,OAAQc,EAC1CvB,YAAaS,GAAU,SAAWA,OAAQc,KACtCxB,MAITK,GACCW,WAAAC,IAACC,cAAM,CAACC,QAAQ,OAAOU,WAAY,EAAEd,SAClCV,IAGJE,GAAYS,WAAAC,IAACH,eAAe,CAAAC,SAAER,MACnB,IAGlB,CACEuB,MAAOC,UAAKA,MACZC,YA9EmB,0CAAA"}

package/components/FormInputLabel/FormInputLabel.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,Label,Caption,Dropdown}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Spacer}from'../Spacer/Spacer.mjs';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='FormInputLabel';const FormInputLabel=withMergedProps(forwardRef(((r,e)=>{const{size:o="m",labelPosition:i="dynamic",textProps:t={},iconProps:n={},icon:s,input:a,label:p,text:m,controls:c,addon:l,dropdown:d,...f}=r;const[x,h]=Array.isArray(s)?s:[s];return jsxs(Root,{...f,size:o,labelPosition:i,ref:e,children:[x&&jsx(Spacer,{display:"flex",marginRight:12,children:jsx(Icon,{preset:"brand",name:typeof x=='string'?x:void 0,icon:typeof x!='string'?x:void 0,...n})}),jsxs(Label,{size:"inherit",color:"inherit",...t,children:[a,p&&jsx(Caption,{children:p})]}),m&&jsx(Text,{size:"inherit",color:"inherit",whiteSpace:"nowrap",marginLeft:12,marginRight:l||h||c?void 0:6,...t,children:m}),l&&jsx(Spacer,{display:"flex",marginLeft:12,children:l}),h&&jsx(Spacer,{display:"flex",marginLeft:12,marginRight:8,children:jsx(Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...n})}),c&&jsx(Spacer,{display:"flex",marginLeft:4,children:c}),d&&jsx(Dropdown,{children:d})]})})),{sizes:SIZES,displayName:"FormInputLabel"});export{COMPONENT_NAME,FormInputLabel};
+//# sourceMappingURL=FormInputLabel.mjs.map

package/components/FormInputLabel/FormInputLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormInputLabel.mjs","sources":["../../../../src/components/FormInputLabel/FormInputLabel.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Spacer } from 'components/Spacer'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES } from './constants'\nimport * as Styled from './style'\nimport type { FormInputLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormInputLabel'\n\nconst FormInputLabel: React.ForwardRefExoticComponent<FormInputLabelProps> = withMergedProps<\n  FormInputLabelProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      labelPosition = 'dynamic',\n      textProps = {},\n      iconProps = {},\n      icon,\n      input,\n      label,\n      text,\n      controls,\n      addon,\n      dropdown,\n      ...restProps\n    } = props\n\n    const [before, after] = Array.isArray(icon) ? icon : [icon]\n\n    return (\n      <Styled.Root {...restProps} size={size} labelPosition={labelPosition} ref={ref}>\n        {before && (\n          <Spacer display='flex' marginRight={12}>\n            <Icon\n              preset='brand'\n              name={typeof before === 'string' ? before : undefined}\n              icon={typeof before !== 'string' ? before : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        <Styled.Label size='inherit' color='inherit' {...textProps}>\n          {input}\n          {label && <Styled.Caption>{label}</Styled.Caption>}\n        </Styled.Label>\n        {text && (\n          <Text\n            size='inherit'\n            color='inherit'\n            whiteSpace='nowrap'\n            marginLeft={12}\n            marginRight={!addon && !after && !controls ? 6 : undefined}\n            {...textProps}\n          >\n            {text}\n          </Text>\n        )}\n        {addon && (\n          <Spacer display='flex' marginLeft={12}>\n            {addon}\n          </Spacer>\n        )}\n        {after && (\n          <Spacer display='flex' marginLeft={12} marginRight={8}>\n            <Icon\n              preset='brand'\n              name={typeof after === 'string' ? after : undefined}\n              icon={typeof after !== 'string' ? after : undefined}\n              {...iconProps}\n            />\n          </Spacer>\n        )}\n        {controls && (\n          <Spacer display='flex' marginLeft={4}>\n            {controls}\n          </Spacer>\n        )}\n        {dropdown && <Styled.Dropdown>{dropdown}</Styled.Dropdown>}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { FormInputLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormInputLabel","withMergedProps","forwardRef","props","ref","size","labelPosition","textProps","iconProps","icon","input","label","text","controls","addon","dropdown","restProps","before","after","Array","isArray","_jsxs","Styled","children","_jsx","Spacer","display","marginRight","Icon","preset","name","undefined","color","Text","whiteSpace","marginLeft","sizes","SIZES","displayName"],"mappings":"yUASMA,MAAAA,eAAiB,iBAEjBC,MAAAA,eAAuEC,gBAI3EC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,cACVA,EAAgB,UAASC,UACzBA,EAAY,CAAE,EAAAC,UACdA,EAAY,CAAE,EAAAC,KACdA,EAAIC,MACJA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,MACRA,EAAKC,SACLA,KACGC,GACDb,EAEJ,MAAOc,EAAQC,GAASC,MAAMC,QAAQX,GAAQA,EAAO,CAACA,GAEtD,OACEY,KAACC,KAAW,IAAKN,EAAWX,KAAMA,EAAMC,cAAeA,EAAeF,IAAKA,EAAImB,SAC5EN,CAAAA,GACCO,IAACC,OAAM,CAACC,QAAQ,OAAOC,YAAa,GAAGJ,SACrCC,IAACI,KAAI,CACHC,OAAO,QACPC,YAAab,GAAW,SAAWA,OAASc,EAC5CtB,YAAaQ,GAAW,SAAWA,OAASc,KACxCvB,MAIVa,KAACC,MAAY,CAACjB,KAAK,UAAU2B,MAAM,aAAczB,EAASgB,SAAA,CACvDb,EACAC,GAASa,IAACF,QAAc,CAAAC,SAAEZ,OAE5BC,GACCY,IAACS,KAAI,CACH5B,KAAK,UACL2B,MAAM,UACNE,WAAW,SACXC,WAAY,GACZR,YAAcb,GAAUI,GAAUL,OAAekB,EAAJ,KACzCxB,EAASgB,SAEZX,IAGJE,GACCU,IAACC,OAAM,CAACC,QAAQ,OAAOS,WAAY,GAAGZ,SACnCT,IAGJI,GACCM,IAACC,OAAM,CAACC,QAAQ,OAAOS,WAAY,GAAIR,YAAa,EAAEJ,SACpDC,IAACI,KAAI,CACHC,OAAO,QACPC,YAAaZ,GAAU,SAAWA,OAAQa,EAC1CtB,YAAaS,GAAU,SAAWA,OAAQa,KACtCvB,MAITK,GACCW,IAACC,OAAM,CAACC,QAAQ,OAAOS,WAAY,EAAEZ,SAClCV,IAGJE,GAAYS,IAACF,SAAe,CAAAC,SAAER,MACnB,IAGlB,CACEqB,MAAOC,MACPC,YA9EmB"}

package/components/FormInputLabel/constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};
+//# sourceMappingURL=constants.js.map

package/components/FormInputLabel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}

package/components/FormInputLabel/constants.mjs

@@ -1 +1,2 @@
 const SIZES={xxxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xxl:{fontSize:22,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:72,borderRadius:15},xl:{fontSize:20,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:64,borderRadius:13},l:{fontSize:18,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:56,borderRadius:12},m:{fontSize:16,paddingTop:4,paddingRight:8,paddingBottom:4,paddingLeft:16,minHeight:48,borderRadius:10},s:{fontSize:14,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8},xxxs:{fontSize:12,paddingTop:4,paddingRight:6,paddingBottom:4,paddingLeft:14,minHeight:40,borderRadius:8}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/FormInputLabel/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormInputLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xxl: {\n    fontSize: 22,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 72,\n    borderRadius: 15,\n  },\n  xl: {\n    fontSize: 20,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 64,\n    borderRadius: 13,\n  },\n  l: {\n    fontSize: 18,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 56,\n    borderRadius: 12,\n  },\n  m: {\n    fontSize: 16,\n    paddingTop: 4,\n    paddingRight: 8,\n    paddingBottom: 4,\n    paddingLeft: 16,\n    minHeight: 48,\n    borderRadius: 10,\n  },\n  s: {\n    fontSize: 14,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 12,\n    paddingTop: 4,\n    paddingRight: 6,\n    paddingBottom: 4,\n    paddingLeft: 14,\n    minHeight: 40,\n    borderRadius: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","paddingTop","paddingRight","paddingBottom","paddingLeft","minHeight","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBC,IAAK,CACHP,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBE,GAAI,CACFR,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBG,EAAG,CACDT,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBI,EAAG,CACDV,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,IAEhBK,EAAG,CACDX,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBM,GAAI,CACFZ,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBO,IAAK,CACHb,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc,GAEhBQ,KAAM,CACJd,SAAU,GACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,GACbC,UAAW,GACXC,aAAc"}

package/components/FormInputLabel/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var Text=require('../Text/Text.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardFormInputLabelProp=style.createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled__default.default(Text.Text).attrs({forwardedAs:'label'}).withConfig({displayName:"FormInputLabel__Label",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);const Caption=styled__default.default.span.withConfig({displayName:"FormInputLabel__Caption",componentId:"ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:focus-within {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={onColored:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},secondary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},primary:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled__default.default.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{let e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';let r='1';let t='auto';o.labelPosition==='top'&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),o.labelPosition==='center'&&(e="translateY(-50%)",r=o.active?'0':'1',t=o.active?'-1':'auto');const n='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${n} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${n};\n        left: -${n};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${e};\n        opacity: ${r};\n        z-index: ${t};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `}),(o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),o.onColored&&(e=COLOR_SCHEMA.onColored),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Caption=Caption,exports.Dropdown=Dropdown,exports.Label=Label,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/FormInputLabel/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { Text } from 'components/Text'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'active',\n      'error',\n      'success',\n      'disabled',\n      'onColored',\n      'labelPosition',\n      'inline',\n      'zIndex',\n    ].includes(propKey)\n)\n\nexport const Label = styled(Text).attrs({ forwardedAs: 'label' })`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  align-self: stretch;\n  cursor: inherit;\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 40px;\n    height: 100%;\n    pointer-events: none;\n    opacity: 1;\n    background-image: linear-gradient(90deg, transparent, currentColor);\n    transition-property: color, opacity;\n  }\n`\n\nexport const Caption = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  transition-property: transform;\n`\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:focus-within {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div\n  .withConfig<StyledFormInputLabelProps>({\n    shouldForwardProp: shouldForwardFormInputLabelProp,\n  })\n  .attrs<StyledFormInputLabelProps>(<Required<Pick<StyledFormInputLabelProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.25em 0.6em 0.25em 1em',\n      minHeight: '3em',\n      borderRadius: '0.6em',\n    }),\n  })`\n  ${(props) => {\n    let transform = props.active ? 'scale(0.7) translateX(-21.5%) translateY(-145%)' : 'translateY(-50%)'\n    let opacity = '1'\n    let zIndex = 'auto'\n\n    if (props.labelPosition === 'top') {\n      transform = 'scale(0.7) translateX(-21.5%) translateY(-145%)'\n    }\n    if (props.labelPosition === 'center') {\n      transform = `translateY(-50%)`\n      opacity = props.active ? '0' : '1'\n      zIndex = props.active ? '-1' : 'auto'\n    }\n\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${transform};\n        opacity: ${opacity};\n        z-index: ${zIndex};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `\n  }}\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","default","Text","attrs","forwardedAs","withConfig","displayName","componentId","Caption","span","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","onColored","disabled","css","props","theme","colors","transparent","error","success","tinycolor","darken","toString","secondary","primary","Dropdown","div","Root","shouldForwardProp","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","minHeight","borderRadius","transform","active","opacity","zIndex","labelPosition","borderWidth","inline","white","schema","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/FormInputLabel/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{Text}from'../Text/Text.mjs';const shouldForwardFormInputLabelProp=createShouldForwardProp((o=>!['primary','secondary','active','error','success','disabled','onColored','labelPosition','inline','zIndex'].includes(o)));const Label=styled(Text).attrs({forwardedAs:'label'}).withConfig({displayName:"FormInputLabel__Label",componentId:"ui__sc-1il4atw-0"})(["box-sizing:border-box;position:relative;display:flex;flex-grow:1;align-self:stretch;cursor:inherit;&::after{content:'';position:absolute;bottom:0;right:0;width:40px;height:100%;pointer-events:none;opacity:1;background-image:linear-gradient(90deg,transparent,currentColor);transition-property:color,opacity;}"]);const Caption=styled.span.withConfig({displayName:"FormInputLabel__Caption",componentId:"ui__sc-1il4atw-1"})(["box-sizing:border-box;position:absolute;left:0;top:50%;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;pointer-events:none;transition-property:transform;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:focus-within {\n    color: ${o.color};\n    background-color: ${o.backgroundColor};\n    border-color: ${o.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${o.backgroundColor};\n  }\n`;const COLOR_SCHEMA={onColored:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},secondary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},primary:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors.transparent,...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-bg-success-500'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-bg-success-500'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-secondary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-secondary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(4).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Dropdown=styled.div.withConfig({displayName:"FormInputLabel__Dropdown",componentId:"ui__sc-1il4atw-2"})(["box-sizing:border-box;position:absolute;top:100%;margin-top:8px;"]);const Root=styled.div.withConfig({shouldForwardProp:shouldForwardFormInputLabelProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,padding:'0.25em 0.6em 0.25em 1em',minHeight:'3em',borderRadius:'0.6em'})}).withConfig({displayName:"FormInputLabel__Root",componentId:"ui__sc-1il4atw-3"})([""," "," "," ",""],(o=>{let e=o.active?'scale(0.7) translateX(-21.5%) translateY(-145%)':'translateY(-50%)';let r='1';let t='auto';o.labelPosition==='top'&&(e='scale(0.7) translateX(-21.5%) translateY(-145%)'),o.labelPosition==='center'&&(e="translateY(-50%)",r=o.active?'0':'1',t=o.active?'-1':'auto');const n='1px';return`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${o.inline?'inline-flex':'flex'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${n} solid transparent;\n      z-index: ${o.zIndex??'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${n};\n        left: -${n};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${e};\n        opacity: ${r};\n        z-index: ${t};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `}),(o=>{let e=COLOR_SCHEMA.primary;return o.secondary&&(e=COLOR_SCHEMA.secondary),o.onColored&&(e=COLOR_SCHEMA.onColored),o.disabled?e.disabled:o.error?e.error:o.success?e.success:e.default}),responsiveSize,responsiveMargin);export{Caption,Dropdown,Label,Root};
+//# sourceMappingURL=style.mjs.map

package/components/FormInputLabel/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormInputLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { Text } from 'components/Text'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormInputLabelProps, FormInputLabelPalette } from './types'\n\nconst shouldForwardFormInputLabelProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'primary',\n      'secondary',\n      'active',\n      'error',\n      'success',\n      'disabled',\n      'onColored',\n      'labelPosition',\n      'inline',\n      'zIndex',\n    ].includes(propKey)\n)\n\nexport const Label = styled(Text).attrs({ forwardedAs: 'label' })`\n  box-sizing: border-box;\n  position: relative;\n  display: flex;\n  flex-grow: 1;\n  align-self: stretch;\n  cursor: inherit;\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 40px;\n    height: 100%;\n    pointer-events: none;\n    opacity: 1;\n    background-image: linear-gradient(90deg, transparent, currentColor);\n    transition-property: color, opacity;\n  }\n`\n\nexport const Caption = styled.span`\n  box-sizing: border-box;\n  position: absolute;\n  left: 0;\n  top: 50%;\n  width: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  pointer-events: none;\n  transition-property: transform;\n`\n\nconst template = (palette: FormInputLabelPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n  &:focus-within {\n    color: ${palette.color};\n    background-color: ${palette.backgroundColor};\n    border-color: ${palette.borderColor};\n  }\n  & > ${Label}::after {\n    color: ${palette.backgroundColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  secondary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  primary: {\n    disabled: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-bg-success-500'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-bg-success-500'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormInputLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-secondary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-secondary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(4).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Dropdown = styled.div`\n  box-sizing: border-box;\n  position: absolute;\n  top: 100%;\n  margin-top: 8px;\n`\n\nexport const Root = styled.div\n  .withConfig<StyledFormInputLabelProps>({\n    shouldForwardProp: shouldForwardFormInputLabelProp,\n  })\n  .attrs<StyledFormInputLabelProps>(<Required<Pick<StyledFormInputLabelProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      padding: '0.25em 0.6em 0.25em 1em',\n      minHeight: '3em',\n      borderRadius: '0.6em',\n    }),\n  })`\n  ${(props) => {\n    let transform = props.active ? 'scale(0.7) translateX(-21.5%) translateY(-145%)' : 'translateY(-50%)'\n    let opacity = '1'\n    let zIndex = 'auto'\n\n    if (props.labelPosition === 'top') {\n      transform = 'scale(0.7) translateX(-21.5%) translateY(-145%)'\n    }\n    if (props.labelPosition === 'center') {\n      transform = `translateY(-50%)`\n      opacity = props.active ? '0' : '1'\n      zIndex = props.active ? '-1' : 'auto'\n    }\n\n    const borderWidth = '1px'\n\n    return `\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      display: ${props.inline ? 'inline-flex' : 'flex'};\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      align-items: center;\n      min-width: min-content;\n      border: ${borderWidth} solid transparent;\n      z-index: ${props.zIndex ?? 'auto'};\n      transition-property: background-color;\n\n      & > ${Dropdown} {\n        right: -${borderWidth};\n        left: -${borderWidth};\n      }\n\n      &,\n      & > ${Label}::after,\n      & > ${Label} > ${Caption} {\n        transition-duration: 150ms;\n        transition-timing-function: ease;\n      }\n\n      & > ${Label} > ${Caption} {\n        transform: ${transform};\n        opacity: ${opacity};\n        z-index: ${zIndex};\n      }\n\n      &:focus-within {\n        box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n        outline: 2px solid transparent;\n        outline-offset: 2px;\n      }\n\n      &:hover > ${Label}::after,\n      &:focus-within > ${Label}::after {\n        opacity: 0;\n      }\n    `\n  }}\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.secondary) schema = COLOR_SCHEMA.secondary\n    if (props.onColored) schema = COLOR_SCHEMA.onColored\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardFormInputLabelProp","createShouldForwardProp","propKey","includes","Label","styled","Text","attrs","forwardedAs","withConfig","displayName","componentId","Caption","span","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","onColored","disabled","css","props","theme","colors","transparent","error","success","default","tinycolor","darken","toString","secondary","primary","Dropdown","div","Root","shouldForwardProp","dynamicSizeDeclaration","size","sizeUnits","fontSize","padding","minHeight","borderRadius","transform","active","opacity","zIndex","labelPosition","borderWidth","inline","white","schema","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/FormLabel/FormLabel.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var style=require('./style.js');var constants=require('./constants.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');const FormLabel=withMergedProps.withMergedProps(React.forwardRef((({size:e="m",textProps:s={},hint:r={},sizeXXS:t,sizeXS:o,sizeS:i,sizeM:n,sizeL:c,sizeXL:a,disabled:l,error:p,success:d,checked:u,onColored:b,children:x,control:z,label:h,palette:j,...m},q)=>{const y={size:e,sizeXXS:t,sizeXS:o,sizeS:i,sizeM:n,sizeL:c,sizeXL:a};const $={disabled:l,error:p,success:d,checked:u,onColored:b};const P=typeof z=='object'&&typeof z.props=='object'&&z.props!==null?z.props:{};const{textProps:v={},iconProps:f={}}=r;return require$$0.jsxs(style.Root,{...m,...y,...$,palette:j,ref:q,children:[typeof z=='function'?z({...y,...$}):React.cloneElement(z,{...y,...$,...P}),require$$0.jsxs(style.Content,{children:[require$$0.jsx(Text.Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",...s,children:h??x}),r.text&&require$$0.jsx(Text.Text,{as:"span",appearance:"caption",color:$.disabled?'content-disabled':'content-onmain-secondary',size:.8,sizeUnits:"em",marginTop:2,...v,children:r.text})]}),r.buttonProps&&require$$0.jsx(style.HintButton,{...r.buttonProps,disabled:$.disabled||r.buttonProps.disabled,palette:j,type:"button",children:require$$0.jsx(Icon.Icon,r.icon===void 0?{as:"span",size:20,name:"helpCircle",...f}:{as:"span",size:20,name:typeof r.icon=='string'?r.icon:void 0,icon:typeof r.icon!='string'?r.icon:void 0,...f})})]})})),{displayName:"FormLabel",sizes:constants.SIZES});exports.COMPONENT_NAME="FormLabel",exports.FormLabel=FormLabel;
+//# sourceMappingURL=FormLabel.js.map

package/components/FormLabel/FormLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Component accepts all \\<label\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n        children,\n        control,\n        label,\n        palette,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const { textProps: hintTextProps = {}, iconProps: hintIconProps = {} } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} palette={palette} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text as='span' appearance='body' size='inherit' color='inherit' {...textProps}>\n              {label ?? children}\n            </Text>\n            {hint.text && (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                size={0.8}\n                sizeUnits='em'\n                marginTop={2}\n                {...hintTextProps}\n              >\n                {hint.text}\n              </Text>\n            )}\n          </Styled.Content>\n          {hint.buttonProps && (\n            <Styled.HintButton\n              {...hint.buttonProps}\n              disabled={stateProps.disabled || hint.buttonProps.disabled}\n              palette={palette}\n              type='button'\n            >\n              {hint.icon === undefined ? (\n                <Icon as='span' size={20} name='helpCircle' {...hintIconProps} />\n              ) : (\n                <Icon\n                  as='span'\n                  size={20}\n                  name={typeof hint.icon === 'string' ? hint.icon : undefined}\n                  icon={typeof hint.icon !== 'string' ? hint.icon : undefined}\n                  {...hintIconProps}\n                />\n              )}\n            </Styled.HintButton>\n          )}\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["FormLabel","withMergedProps","forwardRef","size","textProps","hint","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","children","control","label","palette","props","ref","sizeProps","stateProps","elementProps","hintTextProps","iconProps","hintIconProps","_jsxs","Styled","cloneElement","jsxs","_jsx","jsx","Text","as","appearance","color","text","sizeUnits","marginTop","buttonProps","type","Icon","icon","undefined","name","displayName","sizes","SIZES"],"mappings":"iSAoBA,MAAMA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,YACAC,WACAC,UACAC,QACAC,aACGC,GAELC,KAEA,MAAMC,EAAY,CAChBpB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMa,EAAa,CACjBZ,WACAC,QACAC,UACAC,UACAC,aAGF,MAAMS,SACGP,GAAY,iBAAmBA,EAAQG,OAAU,UAAYH,EAAQG,QAAU,KAAOH,EAAQG,MAAQ,CAAA,EAE/G,MAAQjB,UAAWsB,EAAgB,CAAE,EAAEC,UAAWC,EAAgB,CAAC,GAAMvB,EAEzE,OACEwB,WAAAA,KAACC,MAAAA,KAAW,IAAKT,KAAWE,KAAeC,EAAYJ,QAASA,EAASE,IAAKA,EAAIL,iBACxEC,GAAY,WAChBA,EAAQ,IACHK,KACAC,IAELO,MAAYA,aAACb,EAAS,IACjBK,KACAC,KACAC,IAETI,WAAAG,KAACF,cAAc,CAAAb,SAAA,CACbgB,WAAAC,IAACC,UAAI,CAACC,GAAG,OAAOC,WAAW,OAAOlC,KAAK,UAAUmC,MAAM,aAAclC,EAASa,SAC3EE,GAASF,IAEXZ,EAAKkC,MACJN,WAAAA,IAACE,KAAAA,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOd,EAAWZ,SAAW,mBAAqB,2BAClDT,KAAM,GACNqC,UAAU,KACVC,UAAW,KACPf,EAAaT,SAEhBZ,EAAKkC,UAIXlC,EAAKqC,aACJT,WAAAA,IAACH,MAAAA,WAAiB,IACZzB,EAAKqC,YACT9B,SAAUY,EAAWZ,UAAYP,EAAKqC,YAAY9B,SAClDQ,QAASA,EACTuB,KAAK,SAAQ1B,SAGXgB,WAAAA,IAACW,KAAAA,KADFvC,EAAKwC,YAASC,EACR,CAACV,GAAG,OAAOjC,KAAM,GAAI4C,KAAK,gBAAiBnB,GAE3C,CACHQ,GAAG,OACHjC,KAAM,GACN4C,YAAa1C,EAAKwC,MAAS,SAAWxC,EAAKwC,UAAOC,EAClDD,YAAaxC,EAAKwC,MAAS,SAAWxC,EAAKwC,UAAOC,KAC9ClB,QAKA,IAIpB,CACEoB,YApHmB,YAqHnBC,MAAOC,UAAAA,+BArHY"}

package/components/FormLabel/FormLabel.mjs

@@ -1 +1,2 @@
 import{forwardRef,cloneElement}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Content,HintButton}from'./style.mjs';import{SIZES}from'./constants.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';const COMPONENT_NAME='FormLabel';const FormLabel=withMergedProps(forwardRef((({size:e="m",textProps:o={},hint:s={},sizeXXS:t,sizeXS:n,sizeS:i,sizeM:r,sizeL:c,sizeXL:p,disabled:a,error:l,success:d,checked:m,onColored:z,children:b,control:x,label:f,palette:h,...j},u)=>{const P={size:e,sizeXXS:t,sizeXS:n,sizeS:i,sizeM:r,sizeL:c,sizeXL:p};const y={disabled:a,error:l,success:d,checked:m,onColored:z};const S=typeof x=='object'&&typeof x.props=='object'&&x.props!==null?x.props:{};const{textProps:M={},iconProps:E={}}=s;return jsxs(Root,{...j,...P,...y,palette:h,ref:u,children:[typeof x=='function'?x({...P,...y}):cloneElement(x,{...P,...y,...S}),jsxs(Content,{children:[jsx(Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",...o,children:f??b}),s.text&&jsx(Text,{as:"span",appearance:"caption",color:y.disabled?'content-disabled':'content-onmain-secondary',size:.8,sizeUnits:"em",marginTop:2,...M,children:s.text})]}),s.buttonProps&&jsx(HintButton,{...s.buttonProps,disabled:y.disabled||s.buttonProps.disabled,palette:h,type:"button",children:jsx(Icon,s.icon===void 0?{as:"span",size:20,name:"helpCircle",...E}:{as:"span",size:20,name:typeof s.icon=='string'?s.icon:void 0,icon:typeof s.icon!='string'?s.icon:void 0,...E})})]})})),{displayName:"FormLabel",sizes:SIZES});export{COMPONENT_NAME,FormLabel};
+//# sourceMappingURL=FormLabel.mjs.map

package/components/FormLabel/FormLabel.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"FormLabel.mjs","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import { forwardRef, cloneElement } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport * as Styled from './style'\nimport { SIZES } from './constants'\nimport type { FormLabelProps } from './types'\n\nconst COMPONENT_NAME = 'FormLabel'\n\n/**\n *\n * Component accepts all \\<label\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [FormLabelProps](https://github.com/foxford/ui/blob/master/src/components/FormLabel/types.ts)\n */\nconst FormLabel: React.ForwardRefExoticComponent<FormLabelProps> = withMergedProps<FormLabelProps, HTMLLabelElement>(\n  forwardRef(\n    (\n      {\n        size = 'm',\n        textProps = {},\n        hint = {},\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n        children,\n        control,\n        label,\n        palette,\n        ...props\n      },\n      ref\n    ) => {\n      const sizeProps = {\n        size,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n      }\n\n      const stateProps = {\n        disabled,\n        error,\n        success,\n        checked,\n        onColored,\n      }\n\n      const elementProps =\n        typeof control === 'object' && typeof control.props === 'object' && control.props !== null ? control.props : {}\n\n      const { textProps: hintTextProps = {}, iconProps: hintIconProps = {} } = hint\n\n      return (\n        <Styled.Root {...props} {...sizeProps} {...stateProps} palette={palette} ref={ref}>\n          {typeof control === 'function'\n            ? control({\n                ...sizeProps,\n                ...stateProps,\n              })\n            : cloneElement(control, {\n                ...sizeProps,\n                ...stateProps,\n                ...elementProps,\n              })}\n          <Styled.Content>\n            <Text as='span' appearance='body' size='inherit' color='inherit' {...textProps}>\n              {label ?? children}\n            </Text>\n            {hint.text && (\n              <Text\n                as='span'\n                appearance='caption'\n                color={stateProps.disabled ? 'content-disabled' : 'content-onmain-secondary'}\n                size={0.8}\n                sizeUnits='em'\n                marginTop={2}\n                {...hintTextProps}\n              >\n                {hint.text}\n              </Text>\n            )}\n          </Styled.Content>\n          {hint.buttonProps && (\n            <Styled.HintButton\n              {...hint.buttonProps}\n              disabled={stateProps.disabled || hint.buttonProps.disabled}\n              palette={palette}\n              type='button'\n            >\n              {hint.icon === undefined ? (\n                <Icon as='span' size={20} name='helpCircle' {...hintIconProps} />\n              ) : (\n                <Icon\n                  as='span'\n                  size={20}\n                  name={typeof hint.icon === 'string' ? hint.icon : undefined}\n                  icon={typeof hint.icon !== 'string' ? hint.icon : undefined}\n                  {...hintIconProps}\n                />\n              )}\n            </Styled.HintButton>\n          )}\n        </Styled.Root>\n      )\n    }\n  ),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { FormLabel, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","FormLabel","withMergedProps","forwardRef","size","textProps","hint","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","disabled","error","success","checked","onColored","children","control","label","palette","props","ref","sizeProps","stateProps","elementProps","hintTextProps","iconProps","hintIconProps","_jsxs","Styled","cloneElement","_jsx","Text","as","appearance","color","text","sizeUnits","marginTop","buttonProps","type","Icon","icon","undefined","name","displayName","sizes","SIZES"],"mappings":"ySAQMA,MAAAA,eAAiB,YAYvB,MAAMC,UAA6DC,gBACjEC,YACE,EAEIC,OAAO,IACPC,YAAY,CAAE,EACdC,OAAO,CAAE,EACTC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,WACAC,QACAC,UACAC,UACAC,YACAC,WACAC,UACAC,QACAC,aACGC,GAELC,KAEA,MAAMC,EAAY,CAChBpB,OACAG,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMa,EAAa,CACjBZ,WACAC,QACAC,UACAC,UACAC,aAGF,MAAMS,SACGP,GAAY,iBAAmBA,EAAQG,OAAU,UAAYH,EAAQG,QAAU,KAAOH,EAAQG,MAAQ,CAAA,EAE/G,MAAQjB,UAAWsB,EAAgB,CAAE,EAAEC,UAAWC,EAAgB,CAAC,GAAMvB,EAEzE,OACEwB,KAACC,KAAW,IAAKT,KAAWE,KAAeC,EAAYJ,QAASA,EAASE,IAAKA,EAAIL,iBACxEC,GAAY,WAChBA,EAAQ,IACHK,KACAC,IAELO,aAAab,EAAS,IACjBK,KACAC,KACAC,IAETI,KAACC,QAAc,CAAAb,SAAA,CACbe,IAACC,KAAI,CAACC,GAAG,OAAOC,WAAW,OAAOhC,KAAK,UAAUiC,MAAM,aAAchC,EAASa,SAC3EE,GAASF,IAEXZ,EAAKgC,MACJL,IAACC,KAAI,CACHC,GAAG,OACHC,WAAW,UACXC,MAAOZ,EAAWZ,SAAW,mBAAqB,2BAClDT,KAAM,GACNmC,UAAU,KACVC,UAAW,KACPb,EAAaT,SAEhBZ,EAAKgC,UAIXhC,EAAKmC,aACJR,IAACF,WAAiB,IACZzB,EAAKmC,YACT5B,SAAUY,EAAWZ,UAAYP,EAAKmC,YAAY5B,SAClDQ,QAASA,EACTqB,KAAK,SAAQxB,SAGXe,IAACU,KADFrC,EAAKsC,YAASC,EACR,CAACV,GAAG,OAAO/B,KAAM,GAAI0C,KAAK,gBAAiBjB,GAE3C,CACHM,GAAG,OACH/B,KAAM,GACN0C,YAAaxC,EAAKsC,MAAS,SAAWtC,EAAKsC,UAAOC,EAClDD,YAAatC,EAAKsC,MAAS,SAAWtC,EAAKsC,UAAOC,KAC9ChB,QAKA,IAIpB,CACEkB,YApHmB,YAqHnBC,MAAOC"}

package/components/FormLabel/constants.js

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

package/components/FormLabel/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 26,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 22,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 12,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/FormLabel/constants.mjs

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

package/components/FormLabel/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/FormLabel/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 26,\n  },\n  xxl: {\n    fontSize: 24,\n  },\n  xl: {\n    fontSize: 22,\n  },\n  l: {\n    fontSize: 20,\n  },\n  m: {\n    fontSize: 18,\n  },\n  s: {\n    fontSize: 16,\n  },\n  xs: {\n    fontSize: 14,\n  },\n  xxs: {\n    fontSize: 12,\n  },\n  xxxs: {\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,IAEZC,IAAK,CACHD,SAAU,IAEZE,GAAI,CACFF,SAAU,IAEZG,EAAG,CACDH,SAAU,IAEZI,EAAG,CACDJ,SAAU,IAEZK,EAAG,CACDL,SAAU,IAEZM,GAAI,CACFN,SAAU,IAEZO,IAAK,CACHP,SAAU,IAEZQ,KAAM,CACJR,SAAU"}

package/components/FormLabel/style.js

@@ -1 +1,2 @@
 'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardFormLabelProp=style.createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},onColored:{disabled:styled.css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled__default.default.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);const Content=styled__default.default.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled__default.default.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"FormLabel__HintButton",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:start;border-radius:50%;background-color:transparent;margin-left:6px;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={hintColor:o.theme.colors['content-onmain-tertiary'],hintBackgroundColor:o.theme.colors.transparent,hintColorHover:o.theme.colors['content-onmain-primary'],hintBackgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),hintColorActive:o.theme.colors['content-onmain-primary'],hintBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],hintColorDisabled:o.theme.colors['content-disabled'],hintBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).hintColor};\n  background-color: ${r.hintBackgroundColor};\n  &:hover {\n    color: ${r.hintColorHover};\n    background-color: ${r.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.hintColorActive};\n    background-color: ${r.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.hintColorDisabled};\n    background-color: ${r.hintBackgroundColorDisabled};\n  }\n`;var r}),focus.focus);exports.Content=Content,exports.HintButton=HintButton,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/FormLabel/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormLabelProps, FormLabelPalette, StyledFormLabelHintProps } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (\n  palette: Pick<\n    FormLabelPalette,\n    'color' | 'backgroundColor' | 'borderColor' | 'colorHover' | 'backgroundColorHover' | 'borderColorHover'\n  >\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n`\n\nconst hintTemplate = (\n  palette: Pick<\n    FormLabelPalette,\n    | 'hintColor'\n    | 'hintBackgroundColor'\n    | 'hintColorHover'\n    | 'hintBackgroundColorHover'\n    | 'hintColorActive'\n    | 'hintBackgroundColorActive'\n    | 'hintColorDisabled'\n    | 'hintBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.hintColor};\n  background-color: ${palette.hintBackgroundColor};\n  &:hover {\n    color: ${palette.hintColorHover};\n    background-color: ${palette.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.hintColorActive};\n    background-color: ${palette.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.hintColorDisabled};\n    background-color: ${palette.hintBackgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const HintButton = styled.button.withConfig<StyledFormLabelHintProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  align-self: start;\n  border-radius: 50%;\n  background-color: transparent;\n  margin-left: 6px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    hintTemplate({\n      hintColor: props.theme.colors['content-onmain-tertiary'],\n      hintBackgroundColor: props.theme.colors.transparent,\n      hintColorHover: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      hintColorActive: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      hintColorDisabled: props.theme.colors['content-disabled'],\n      hintBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","onColored","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","responsiveSize","responsiveMargin","Content","span","HintButton","button","hintTemplate","hintColor","hintBackgroundColor","transparent","hintColorHover","hintBackgroundColorHover","lighten","hintColorActive","hintBackgroundColorActive","hintColorDisabled","hintBackgroundColorDisabled","focus"],"mappings":"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"}

package/components/FormLabel/style.mjs

@@ -1 +1,2 @@
 import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';const shouldForwardFormLabelProp=createShouldForwardProp((o=>!['inline','clear','disabled','error','success','checked','onColored'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n`;const COLOR_SCHEMA={default:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-disabled-large'],borderColor:o.theme.colors['border-disabled'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-disabled-large'],borderColorHover:o.theme.colors['border-disabled'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-100'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-100'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-100'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-100'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],borderColor:o.theme.colors['border-brand-primary-active'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(3).toString(),borderColorHover:o.theme.colors['border-brand-primary-active'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))},onColored:{disabled:css(["",""],(o=>template({color:o.theme.colors['content-disabled'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-disabled'],backgroundColorHover:o.theme.colors['bg-onmain-secondary'],borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),error:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-error-200'],borderColor:o.theme.colors['alert-bg-error-500'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-error-200'],borderColorHover:o.theme.colors['alert-bg-error-500'],...o.palette}))),success:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['alert-bg-success-200'],borderColor:o.theme.colors['alert-success'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['alert-bg-success-200'],borderColorHover:o.theme.colors['alert-success'],...o.palette}))),checked:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-primary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette}))),default:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-secondary'],borderColor:o.theme.colors['border-onmain-default-large'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-onmain-secondary']).darken(3).toString(),borderColorHover:o.theme.colors['border-onmain-default-large'],...o.palette})))}};const Root=styled.label.withConfig({shouldForwardProp:shouldForwardFormLabelProp}).withConfig({displayName:"FormLabel__Root",componentId:"ui__sc-mry1kz-0"})([""," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${o.inline?'inline-flex':'flex'};\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `),(o=>{if(o.clear)return'';const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.disabled?r.disabled:o.error?r.error:o.success?r.success:o.checked?r.checked:r.default}),responsiveSize,responsiveMargin);const Content=styled.span.withConfig({displayName:"FormLabel__Content",componentId:"ui__sc-mry1kz-1"})(["box-sizing:border-box;display:flex;flex-direction:column;flex-grow:1;margin-left:12px;"]);const HintButton=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"FormLabel__HintButton",componentId:"ui__sc-mry1kz-2"})(["box-sizing:border-box;appearance:none;padding:2px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;align-self:start;border-radius:50%;background-color:transparent;margin-left:6px;cursor:",";"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={hintColor:o.theme.colors['content-onmain-tertiary'],hintBackgroundColor:o.theme.colors.transparent,hintColorHover:o.theme.colors['content-onmain-primary'],hintBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),hintColorActive:o.theme.colors['content-onmain-primary'],hintBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],hintColorDisabled:o.theme.colors['content-disabled'],hintBackgroundColorDisabled:o.theme.colors.transparent,...o.palette}).hintColor};\n  background-color: ${r.hintBackgroundColor};\n  &:hover {\n    color: ${r.hintColorHover};\n    background-color: ${r.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.hintColorActive};\n    background-color: ${r.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.hintColorDisabled};\n    background-color: ${r.hintBackgroundColorDisabled};\n  }\n`;var r}),focus);export{Content,HintButton,Root};
+//# sourceMappingURL=style.mjs.map

package/components/FormLabel/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/FormLabel/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledFormLabelProps, FormLabelPalette, StyledFormLabelHintProps } from './types'\n\nconst shouldForwardFormLabelProp = createShouldForwardProp(\n  (propKey) => !['inline', 'clear', 'disabled', 'error', 'success', 'checked', 'onColored'].includes(propKey)\n)\n\nconst template = (\n  palette: Pick<\n    FormLabelPalette,\n    'color' | 'backgroundColor' | 'borderColor' | 'colorHover' | 'backgroundColorHover' | 'borderColorHover'\n  >\n) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  border-color: ${palette.borderColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n    border-color: ${palette.borderColorHover};\n  }\n`\n\nconst hintTemplate = (\n  palette: Pick<\n    FormLabelPalette,\n    | 'hintColor'\n    | 'hintBackgroundColor'\n    | 'hintColorHover'\n    | 'hintBackgroundColorHover'\n    | 'hintColorActive'\n    | 'hintBackgroundColorActive'\n    | 'hintColorDisabled'\n    | 'hintBackgroundColorDisabled'\n  >\n) => `\n  color: ${palette.hintColor};\n  background-color: ${palette.hintBackgroundColor};\n  &:hover {\n    color: ${palette.hintColorHover};\n    background-color: ${palette.hintBackgroundColorHover};\n  }\n  &:active {\n    color: ${palette.hintColorActive};\n    background-color: ${palette.hintBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.hintColorDisabled};\n    background-color: ${palette.hintBackgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-disabled-large'],\n          borderColor: props.theme.colors['border-disabled'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-disabled-large'],\n          borderColorHover: props.theme.colors['border-disabled'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-100'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-100'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-100'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-100'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          borderColor: props.theme.colors['border-brand-primary-active'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-brand-primary-active'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  onColored: {\n    disabled: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-disabled'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-disabled'],\n          backgroundColorHover: props.theme.colors['bg-onmain-secondary'],\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    error: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-error-200'],\n          borderColor: props.theme.colors['alert-bg-error-500'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-error-200'],\n          borderColorHover: props.theme.colors['alert-bg-error-500'],\n          ...props.palette,\n        })}\n    `,\n    success: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['alert-bg-success-200'],\n          borderColor: props.theme.colors['alert-success'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['alert-bg-success-200'],\n          borderColorHover: props.theme.colors['alert-success'],\n          ...props.palette,\n        })}\n    `,\n    checked: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-primary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-primary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n    default: css<StyledFormLabelProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-secondary'],\n          borderColor: props.theme.colors['border-onmain-default-large'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-onmain-secondary']).darken(3).toString() as CSSColor,\n          borderColorHover: props.theme.colors['border-onmain-default-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.label.withConfig<StyledFormLabelProps>({\n  shouldForwardProp: shouldForwardFormLabelProp,\n})`\n  ${(props) => `\n    box-sizing: border-box;\n    isolation: isolate;\n    display: ${props.inline ? 'inline-flex' : 'flex'};\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    border-radius: 8px;\n    padding: 12px;\n    min-width: min-content;\n    border: 1px solid transparent;\n    background-color: transparent;\n    transition-property: background-color;\n    transition-duration: 150ms;\n    transition-timing-function: ease-in;\n  `}\n  ${(props) => {\n    if (props.clear) return ''\n\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.disabled) return schema.disabled\n    if (props.error) return schema.error\n    if (props.success) return schema.success\n    if (props.checked) return schema.checked\n\n    return schema.default\n  }}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n\nexport const Content = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  flex-direction: column;\n  flex-grow: 1;\n  margin-left: 12px;\n`\n\nexport const HintButton = styled.button.withConfig<StyledFormLabelHintProps>({\n  shouldForwardProp: (propKey) => !['palette'].includes(propKey),\n})`\n  box-sizing: border-box;\n  appearance: none;\n  padding: 2px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n  align-self: start;\n  border-radius: 50%;\n  background-color: transparent;\n  margin-left: 6px;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n\n  ${(props) =>\n    hintTemplate({\n      hintColor: props.theme.colors['content-onmain-tertiary'],\n      hintBackgroundColor: props.theme.colors.transparent,\n      hintColorHover: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorHover: tinycolor(props.theme.colors['bg-oncolor-hover']).lighten(20).toString() as CSSColor,\n      hintColorActive: props.theme.colors['content-onmain-primary'],\n      hintBackgroundColorActive: props.theme.colors['bg-oncolor-hover'],\n      hintColorDisabled: props.theme.colors['content-disabled'],\n      hintBackgroundColorDisabled: props.theme.colors.transparent,\n      ...props.palette,\n    })}\n\n  ${focus}\n`\n"],"names":["shouldForwardFormLabelProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","borderColor","colorHover","backgroundColorHover","borderColorHover","COLOR_SCHEMA","default","disabled","css","props","theme","colors","error","success","checked","tinycolor","darken","toString","onColored","Root","styled","label","withConfig","shouldForwardProp","displayName","componentId","inline","clear","schema","responsiveSize","responsiveMargin","Content","span","HintButton","button","hintTemplate","hintColor","hintBackgroundColor","transparent","hintColorHover","hintBackgroundColorHover","lighten","hintColorActive","hintBackgroundColorActive","hintColorDisabled","hintBackgroundColorDisabled","focus"],"mappings":"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"}

package/components/Icon/Icon.js

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

package/components/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './constants'\nimport { ICONS, ICONS_DEFAULT } from './list'\nimport * as Styled from './style'\nimport type { IconProps, SvgDynamicModule } from './types'\nimport { BackgroundWorker } from './bg-worker'\n\nconst COMPONENT_NAME = 'Icon'\n\nconst cache: Record<string, string | null> = {}\nconst retryAttempts = 3\nconst worker = new BackgroundWorker<{ xhr: XMLHttpRequest; url: string }>()\n\nworker.run(({ xhr, url }) => {\n  xhr.open('GET', url)\n  xhr.send()\n})\n\nconst fetchImage = async (url: string): Promise<string> => {\n  let retries = 0\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    xhr.responseType = 'text'\n    xhr.open('GET', url)\n    xhr.send()\n    xhr.onload = function () {\n      resolve(xhr.response)\n    }\n\n    xhr.onerror = function () {\n      retries++\n      if (retries < retryAttempts) {\n        worker.add({ url, xhr })\n      }\n\n      if (retries >= retryAttempts) {\n        reject(new Error(`Failed to load icon \"${name}\" from \"${url}\" after ${retryAttempts} attempts.`))\n      }\n    }\n  })\n}\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconProps](https://github.com/foxford/ui/blob/master/src/components/Icon/types.ts)\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const theme = useTheme()\n    const { assetHost } = theme\n    const { size = 'inherit', name = 'unknown', icon, preset, ...restProps } = props\n    const cacheName = `${preset}_${name}`\n    const [content, setContent] = useState<string | null>(cache[cacheName] ?? null)\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    const iconUrl: SvgDynamicModule | null | undefined =\n      name === 'unknown' ? null : (preset === 'brand' ? ICONS : ICONS_DEFAULT)[name]\n\n    useEffect(() => {\n      if (!iconUrl) return\n      if (cache[cacheName] && cache[cacheName] !== null) {\n        setContent(cache[cacheName])\n        return\n      }\n\n      if (cache[cacheName] === null) {\n        document.addEventListener(\n          `IconLoaded_${cacheName}`,\n          (event: Event) => {\n            const detail = (event as CustomEvent<{ name: string; content: string }>).detail\n            if (detail && detail.name === name && detail.content) {\n              setContent(detail.content)\n            }\n          },\n          { once: true }\n        )\n        return\n      }\n\n      ;(async () => {\n        cache[cacheName] = null\n\n        const module = await iconUrl()\n        const url = module?.default\n\n        if (!url) return\n\n        let content = ''\n\n        try {\n          content = await fetchImage(`${assetHost ?? ''}${url}`)\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error(error)\n        }\n        cache[cacheName] = content\n        setContent(content)\n        document.dispatchEvent(new CustomEvent(`IconLoaded_${cacheName}`, { detail: { name, content } }))\n      })()\n    }, [iconUrl, name, cacheName, assetHost])\n\n    const contentProps = icon ? { children: icon } : { dangerouslySetInnerHTML: { __html: content } }\n\n    return <Styled.Root {...restProps} size={size} className={className} ref={ref} {...contentProps} />\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["cache","worker","BackgroundWorker","run","xhr","url","open","send","fetchImage","async","retries","Promise","resolve","reject","XMLHttpRequest","responseType","onload","response","onerror","add","Error","name","Icon","withMergedProps","forwardRef","props","ref","theme","useTheme","assetHost","size","icon","preset","restProps","cacheName","content","setContent","useState","className","useClassname","iconUrl","ICONS","ICONS_DEFAULT","useEffect","module","default","error","console","document","dispatchEvent","CustomEvent","detail","addEventListener","event","once","contentProps","children","dangerouslySetInnerHTML","__html","_jsx","Styled","displayName","sizes","SIZES"],"mappings":"qYAYA,MAAMA,MAAuC,CAAA,EAE7C,MAAMC,OAAS,IAAIC,SAAAA,iBAEnBD,OAAOE,KAAI,EAAGC,MAAKC,UACjBD,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,MAAM,IAGZ,MAAMC,WAAaC,UACjB,IAAIC,EAAU,EACd,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3B,MAAMT,EAAM,IAAIU,eAChBV,EAAIW,aAAe,OACnBX,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,OACJH,EAAIY,OAAS,KACXJ,EAAQR,EAAIa,WAGdb,EAAIc,QAAU,KACZR,IACIA,EArBY,GAsBdT,OAAOkB,IAAI,CAAEd,MAAKD,QAGhBM,GAzBY,GA0BdG,EAAO,IAAIO,MAAM,wBAAwBC,eAAehB,yBAE3D,GACD,EAaEiB,MAAAA,KAAmDC,gBAAAA,gBACvDC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,EAAQC,OAAAA,WACd,MAAMC,UAAEA,GAAcF,EACtB,MAAMG,KAAEA,EAAO,UAAST,KAAEA,EAAO,UAASU,KAAEA,EAAIC,OAAEA,KAAWC,GAAcR,EAC3E,MAAMS,EAAY,GAAGF,KAAUX,IAC/B,MAAOc,EAASC,GAAcC,MAAAA,SAAwBrC,MAAMkC,IAAc,MAE1E,MAAMI,EAAYC,aAAYA,aArDX,OAqD4BN,EAAUK,WAEzD,MAAME,EACJnB,IAAS,UAAY,MAAQW,IAAW,QAAUS,MAAKA,MAAGC,qBAAerB,GAE3EsB,MAAAA,WAAU,KACHH,IACDxC,MAAMkC,IAAclC,MAAMkC,KAAe,KAC3CE,EAAWpC,MAAMkC,IAIflC,MAAMkC,KAAe,KAcxB,WACClC,MAAMkC,GAAa,KAEnB,MAAMU,QAAeJ,IACrB,MAAMnC,EAAMuC,GAAQC,QAEpB,IAAKxC,EAAK,OAEV,IAAI8B,EAAU,GAEd,IACEA,QAAgB3B,WAAW,GAAGqB,GAAa,KAAKxB,IACjD,CAAC,MAAOyC,GAEPC,QAAQD,MAAMA,EAChB,CACA9C,MAAMkC,GAAaC,EACnBC,EAAWD,GACXa,SAASC,cAAc,IAAIC,YAAY,cAAchB,IAAa,CAAEiB,OAAQ,CAAE9B,OAAMc,aACrF,EAnBA,GAbCa,SAASI,iBACP,cAAclB,KACbmB,IACC,MAAMF,EAAUE,EAAyDF,OACrEA,GAAUA,EAAO9B,OAASA,GAAQ8B,EAAOhB,SAC3CC,EAAWe,EAAOhB,QACpB,GAEF,CAAEmB,MAAM,IAwBR,GACH,CAACd,EAASnB,EAAMa,EAAWL,IAE9B,MAAM0B,EAAexB,EAAO,CAAEyB,SAAUzB,GAAS,CAAE0B,wBAAyB,CAAEC,OAAQvB,IAEtF,OAAOwB,WAAAA,IAACC,MAAAA,KAAW,IAAK3B,EAAWH,KAAMA,EAAMQ,UAAWA,EAAWZ,IAAKA,KAAS6B,GAAgB,IAErG,CACEM,YA1GmB,OA2GnBC,MAAOC,UAAAA"}

package/components/Icon/Icon.mjs

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

package/components/Icon/Icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { forwardRef, useEffect, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { SIZES } from './constants'\nimport { ICONS, ICONS_DEFAULT } from './list'\nimport * as Styled from './style'\nimport type { IconProps, SvgDynamicModule } from './types'\nimport { BackgroundWorker } from './bg-worker'\n\nconst COMPONENT_NAME = 'Icon'\n\nconst cache: Record<string, string | null> = {}\nconst retryAttempts = 3\nconst worker = new BackgroundWorker<{ xhr: XMLHttpRequest; url: string }>()\n\nworker.run(({ xhr, url }) => {\n  xhr.open('GET', url)\n  xhr.send()\n})\n\nconst fetchImage = async (url: string): Promise<string> => {\n  let retries = 0\n  return new Promise((resolve, reject) => {\n    const xhr = new XMLHttpRequest()\n    xhr.responseType = 'text'\n    xhr.open('GET', url)\n    xhr.send()\n    xhr.onload = function () {\n      resolve(xhr.response)\n    }\n\n    xhr.onerror = function () {\n      retries++\n      if (retries < retryAttempts) {\n        worker.add({ url, xhr })\n      }\n\n      if (retries >= retryAttempts) {\n        reject(new Error(`Failed to load icon \"${name}\" from \"${url}\" after ${retryAttempts} attempts.`))\n      }\n    }\n  })\n}\n\n/**\n *\n * Component accepts all \\<span\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconProps](https://github.com/foxford/ui/blob/master/src/components/Icon/types.ts)\n */\nconst Icon: React.ForwardRefExoticComponent<IconProps> = withMergedProps<IconProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const theme = useTheme()\n    const { assetHost } = theme\n    const { size = 'inherit', name = 'unknown', icon, preset, ...restProps } = props\n    const cacheName = `${preset}_${name}`\n    const [content, setContent] = useState<string | null>(cache[cacheName] ?? null)\n\n    const className = useClassname(COMPONENT_NAME, restProps.className)\n\n    const iconUrl: SvgDynamicModule | null | undefined =\n      name === 'unknown' ? null : (preset === 'brand' ? ICONS : ICONS_DEFAULT)[name]\n\n    useEffect(() => {\n      if (!iconUrl) return\n      if (cache[cacheName] && cache[cacheName] !== null) {\n        setContent(cache[cacheName])\n        return\n      }\n\n      if (cache[cacheName] === null) {\n        document.addEventListener(\n          `IconLoaded_${cacheName}`,\n          (event: Event) => {\n            const detail = (event as CustomEvent<{ name: string; content: string }>).detail\n            if (detail && detail.name === name && detail.content) {\n              setContent(detail.content)\n            }\n          },\n          { once: true }\n        )\n        return\n      }\n\n      ;(async () => {\n        cache[cacheName] = null\n\n        const module = await iconUrl()\n        const url = module?.default\n\n        if (!url) return\n\n        let content = ''\n\n        try {\n          content = await fetchImage(`${assetHost ?? ''}${url}`)\n        } catch (error) {\n          // eslint-disable-next-line no-console\n          console.error(error)\n        }\n        cache[cacheName] = content\n        setContent(content)\n        document.dispatchEvent(new CustomEvent(`IconLoaded_${cacheName}`, { detail: { name, content } }))\n      })()\n    }, [iconUrl, name, cacheName, assetHost])\n\n    const contentProps = icon ? { children: icon } : { dangerouslySetInnerHTML: { __html: content } }\n\n    return <Styled.Root {...restProps} size={size} className={className} ref={ref} {...contentProps} />\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Icon }\n"],"names":["cache","worker","BackgroundWorker","run","xhr","url","open","send","fetchImage","async","retries","Promise","resolve","reject","XMLHttpRequest","responseType","onload","response","onerror","add","Error","name","Icon","withMergedProps","forwardRef","props","ref","theme","useTheme","assetHost","size","icon","preset","restProps","cacheName","content","setContent","useState","className","useClassname","iconUrl","ICONS","ICONS_DEFAULT","useEffect","module","default","error","console","document","dispatchEvent","CustomEvent","detail","addEventListener","event","once","contentProps","children","dangerouslySetInnerHTML","__html","_jsx","Styled","displayName","sizes","SIZES"],"mappings":"gZAYA,MAAMA,MAAuC,CAAA,EAE7C,MAAMC,OAAS,IAAIC,iBAEnBD,OAAOE,KAAI,EAAGC,MAAKC,UACjBD,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,MAAM,IAGZ,MAAMC,WAAaC,UACjB,IAAIC,EAAU,EACd,OAAO,IAAIC,SAAQ,CAACC,EAASC,KAC3B,MAAMT,EAAM,IAAIU,eAChBV,EAAIW,aAAe,OACnBX,EAAIE,KAAK,MAAOD,GAChBD,EAAIG,OACJH,EAAIY,OAAS,KACXJ,EAAQR,EAAIa,WAGdb,EAAIc,QAAU,KACZR,IACIA,EArBY,GAsBdT,OAAOkB,IAAI,CAAEd,MAAKD,QAGhBM,GAzBY,GA0BdG,EAAO,IAAIO,MAAM,wBAAwBC,eAAehB,yBAE3D,GACD,EAaEiB,MAAAA,KAAmDC,gBACvDC,YAAW,CAACC,EAAOC,KACjB,MAAMC,EAAQC,WACd,MAAMC,UAAEA,GAAcF,EACtB,MAAMG,KAAEA,EAAO,UAAST,KAAEA,EAAO,UAASU,KAAEA,EAAIC,OAAEA,KAAWC,GAAcR,EAC3E,MAAMS,EAAY,GAAGF,KAAUX,IAC/B,MAAOc,EAASC,GAAcC,SAAwBrC,MAAMkC,IAAc,MAE1E,MAAMI,EAAYC,aArDC,OAqD4BN,EAAUK,WAEzD,MAAME,EACJnB,IAAS,UAAY,MAAQW,IAAW,QAAUS,MAAQC,eAAerB,GAE3EsB,WAAU,KACHH,IACDxC,MAAMkC,IAAclC,MAAMkC,KAAe,KAC3CE,EAAWpC,MAAMkC,IAIflC,MAAMkC,KAAe,KAcxB,WACClC,MAAMkC,GAAa,KAEnB,MAAMU,QAAeJ,IACrB,MAAMnC,EAAMuC,GAAQC,QAEpB,IAAKxC,EAAK,OAEV,IAAI8B,EAAU,GAEd,IACEA,QAAgB3B,WAAW,GAAGqB,GAAa,KAAKxB,IACjD,CAAC,MAAOyC,GAEPC,QAAQD,MAAMA,EAChB,CACA9C,MAAMkC,GAAaC,EACnBC,EAAWD,GACXa,SAASC,cAAc,IAAIC,YAAY,cAAchB,IAAa,CAAEiB,OAAQ,CAAE9B,OAAMc,aACrF,EAnBA,GAbCa,SAASI,iBACP,cAAclB,KACbmB,IACC,MAAMF,EAAUE,EAAyDF,OACrEA,GAAUA,EAAO9B,OAASA,GAAQ8B,EAAOhB,SAC3CC,EAAWe,EAAOhB,QACpB,GAEF,CAAEmB,MAAM,IAwBR,GACH,CAACd,EAASnB,EAAMa,EAAWL,IAE9B,MAAM0B,EAAexB,EAAO,CAAEyB,SAAUzB,GAAS,CAAE0B,wBAAyB,CAAEC,OAAQvB,IAEtF,OAAOwB,IAACC,KAAW,IAAK3B,EAAWH,KAAMA,EAAMQ,UAAWA,EAAWZ,IAAKA,KAAS6B,GAAgB,IAErG,CACEM,YA1GmB,OA2GnBC,MAAOC"}

package/components/Icon/bg-worker.js

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

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

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

package/components/Icon/bg-worker.mjs

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

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

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

package/components/Icon/constants.js

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

package/components/Icon/constants.js.map

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

package/components/Icon/constants.mjs

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

package/components/Icon/constants.mjs.map

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

package/components/Icon/list/default.js

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

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

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

package/components/Icon/list/default.mjs

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