@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/components/FormInputLabel/style.mjs.map

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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,2 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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.mjs

@@ -1,2 +0,0 @@
-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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-'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

@@ -1 +0,0 @@
-{"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

@@ -1,2 +0,0 @@
-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

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

@@ -1 +0,0 @@
-{"version":3,"file":"default.mjs","sources":["../../../../../src/components/Icon/list/default.ts"],"sourcesContent":["/**\n * ALERT: Трогать этот код только вдумчиво\n * Используется плагин для ребэйза иконок из икон-пака, плагин работает с AST.\n * На конечный результат может влиять нейминг переменных.\n */\nimport type { IconName, IconNameDefault, SvgDynamicModule } from '../types'\n\nconst defaultIconsNames: IconNameDefault[] = [\n  'book',\n  'blackBoard',\n  'burger',\n  'eye',\n  'email',\n  'sort',\n  'unsort',\n  'person',\n  'diamond',\n  'diamondFilled',\n  '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/icon-pack.js

@@ -1,2 +0,0 @@
-'use strict';const iconPackIcons=require('../../../external/.pnpm/@foxford_icon-pack@0.6.3_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/components.json.js').default.reduce(((o,c)=>(o[c.componentName.charAt(0).toLowerCase()+c.componentName.slice(1)]=()=>import(/* webpackMode: "eager" */'../../../assets/'.concat(c.fileName,'.svg')),o)),{});exports.iconPackIcons=iconPackIcons;
-//# sourceMappingURL=icon-pack.js.map

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

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

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

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

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

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

package/components/Icon/list/index.js

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

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

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

package/components/Icon/list/index.mjs

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

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

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

package/components/Icon/style.mjs

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

package/components/Icon/style.mjs.map

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

package/components/IconButton/IconButton.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const IconButton=withMergedProps(forwardRef(((o,r)=>{const{size:t="m",type:e="button",iconProps:s={},icon:n,...i}=o;return jsx(Root,{...i,size:t,type:e,ref:r,children:jsx(Icon,{preset:"brand",name:typeof n=='string'?n:void 0,icon:typeof n!='string'?n:void 0,...s})})})),{displayName:'IconButton',sizes:o=>o.square?SIZES_SQUARE:SIZES});export{IconButton};
-//# sourceMappingURL=IconButton.mjs.map

package/components/IconButton/IconButton.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"IconButton.mjs","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IconButtonProps } from './types'\n\nconst COMPONENT_NAME = 'IconButton'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [IconButtonProps](https://github.com/foxford/ui/blob/master/src/components/IconButton/types.ts)\n */\nconst IconButton: React.ForwardRefExoticComponent<IconButtonProps> = withMergedProps<\n  IconButtonProps,\n  HTMLButtonElement\n>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', iconProps = {}, icon, ...restProps } = props\n\n    return (\n      <Styled.Root {...restProps} size={size} type={type} ref={ref}>\n        <Icon\n          preset='brand'\n          name={typeof icon === 'string' ? icon : undefined}\n          icon={typeof icon !== 'string' ? icon : undefined}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { IconButton }\n"],"names":["IconButton","withMergedProps","forwardRef","props","ref","size","type","iconProps","icon","restProps","_jsx","Styled","children","Icon","preset","name","undefined","displayName","sizes","square","SIZES_SQUARE","SIZES"],"mappings":"8OAmBMA,MAAAA,WAA+DC,gBAInEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,KAAEA,KAASC,GAAcN,EAE5E,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMF,IAAKA,EAAIQ,SAC3DF,IAACG,KAAI,CACHC,OAAO,QACPC,YAAaP,GAAS,SAAWA,OAAOQ,EACxCR,YAAaA,GAAS,SAAWA,OAAOQ,KACpCT,KAEM,IAGlB,CACEU,YA/BmB,aAgCnBC,MAAQf,GAAWA,EAAMgB,OAASC,aAAeC"}

package/components/IconButton/constants.mjs

@@ -1,2 +0,0 @@
-const SIZES={xxxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xxl:{width:40,height:40,fontSize:28,borderRadius:'50%'},xl:{width:32,height:32,fontSize:24,borderRadius:'50%'},l:{width:28,height:28,fontSize:20,borderRadius:'50%'},m:{width:22,height:22,fontSize:18,borderRadius:'50%'},s:{width:20,height:20,fontSize:16,borderRadius:'50%'},xs:{width:18,height:18,fontSize:14,borderRadius:'50%'},xxs:{width:16,height:16,fontSize:12,borderRadius:'50%'},xxxs:{width:16,height:16,fontSize:12,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:40,height:40,fontSize:28,borderRadius:8},xxl:{width:40,height:40,fontSize:28,borderRadius:8},xl:{width:32,height:32,fontSize:24,borderRadius:7},l:{width:28,height:28,fontSize:20,borderRadius:6},m:{width:22,height:22,fontSize:18,borderRadius:5},s:{width:20,height:20,fontSize:16,borderRadius:4},xs:{width:18,height:18,fontSize:14,borderRadius:4},xxs:{width:16,height:16,fontSize:12,borderRadius:4},xxxs:{width:16,height:16,fontSize:12,borderRadius:4}};export{SIZES,SIZES_SQUARE};
-//# sourceMappingURL=constants.mjs.map

package/components/IconButton/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/IconButton/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE = {\n  xxxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xxl: {\n    width: 40,\n    height: 40,\n    fontSize: 28,\n    borderRadius: 8,\n  },\n  xl: {\n    width: 32,\n    height: 32,\n    fontSize: 24,\n    borderRadius: 7,\n  },\n  l: {\n    width: 28,\n    height: 28,\n    fontSize: 20,\n    borderRadius: 6,\n  },\n  m: {\n    width: 22,\n    height: 22,\n    fontSize: 18,\n    borderRadius: 5,\n  },\n  s: {\n    width: 20,\n    height: 20,\n    fontSize: 16,\n    borderRadius: 4,\n  },\n  xs: {\n    width: 18,\n    height: 18,\n    fontSize: 14,\n    borderRadius: 4,\n  },\n  xxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n  xxxs: {\n    width: 16,\n    height: 16,\n    fontSize: 12,\n    borderRadius: 4,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","fontSize","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,OAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,QAIX,MAAMS,aAAe,CAC1Bb,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBC,IAAK,CACHJ,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBE,GAAI,CACFL,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBG,EAAG,CACDN,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBI,EAAG,CACDP,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBK,EAAG,CACDR,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBM,GAAI,CACFT,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBO,IAAK,CACHV,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc,GAEhBQ,KAAM,CACJX,MAAO,GACPC,OAAQ,GACRC,SAAU,GACVC,aAAc"}

package/components/IconButton/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{focus}from'../../mixins/focus.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const shouldForwardIconButtonProp=createShouldForwardProp((o=>!['square'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n  }\n`;const COLOR_SCHEMA={default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-oncolor-hover'],colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncolor-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-brand-primary-100'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(5).toString(),colorActive:o.theme.colors['content-onmain-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-brand-primary-100']).darken(7).toString(),colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],...o.palette})))},contrast:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-tertiary'],backgroundColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-primary'],backgroundColorHover:o.theme.colors['bg-oncontrast-hover'],colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:tinycolor(o.theme.colors['bg-oncontrast-hover']).setAlpha(.12).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-contrast-active'],colorHover:o.theme.colors['content-onmain-inverse'],backgroundColorHover:tinycolor(o.theme.colors['bg-contrast-active']).lighten(7).toString(),colorActive:o.theme.colors['content-onmain-inverse'],backgroundColorActive:tinycolor(o.theme.colors['bg-contrast-active']).lighten(11).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-disabled'],...o.palette})))}};const Root=styled.button.withConfig({shouldForwardProp:shouldForwardIconButtonProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({width:'1em',height:'1em',fontSize:typeof r=='string'?r:`${r}${e}`,borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"IconButton__Root",componentId:"ui__sc-y4pwgp-0"})([""," "," "," "," ",""],(o=>`\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${o.disabled?'not-allowed':'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `),(o=>{const r=o.contrast?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.secondary?r.secondary:r.primary}),focus,responsiveSize,responsiveMargin);export{Root};
-//# sourceMappingURL=style.mjs.map

package/components/IconButton/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/IconButton/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { focus } from 'mixins/focus'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { CSSColor } from 'shared/types'\nimport type { IconButtonPalette, StyledIconButtonProps } from './types'\n\nconst shouldForwardIconButtonProp = createShouldForwardProp((propKey) => !['square'].includes(propKey))\n\nconst template = (palette: IconButtonPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  &:hover {\n    color: ${palette.colorHover};\n    background-color: ${palette.backgroundColorHover};\n  }\n  &:active {\n    color: ${palette.colorActive};\n    background-color: ${palette.backgroundColorActive};\n  }\n  &:disabled {\n    color: ${palette.colorDisabled};\n    background-color: ${palette.backgroundColorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncolor-hover'],\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncolor-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-100'],\n          colorHover: props.theme.colors['content-onmain-primary'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(5).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-brand-primary-100']).darken(7).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-disabled-large'],\n          ...props.palette,\n        })}\n    `,\n  },\n  contrast: {\n    primary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-tertiary'],\n          backgroundColor: props.theme.colors.transparent,\n          colorHover: props.theme.colors['content-oncolor-primary'],\n          backgroundColorHover: props.theme.colors['bg-oncontrast-hover'],\n          colorActive: props.theme.colors['content-oncolor-primary'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-oncontrast-hover'])\n            .setAlpha(0.12)\n            .toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors.transparent,\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIconButtonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-inverse'],\n          backgroundColor: props.theme.colors['bg-contrast-active'],\n          colorHover: props.theme.colors['content-onmain-inverse'],\n          backgroundColorHover: tinycolor(props.theme.colors['bg-contrast-active']).lighten(7).toString() as CSSColor,\n          colorActive: props.theme.colors['content-onmain-inverse'],\n          backgroundColorActive: tinycolor(props.theme.colors['bg-contrast-active']).lighten(11).toString() as CSSColor,\n          colorDisabled: props.theme.colors['content-oncolor-disabled'],\n          backgroundColorDisabled: props.theme.colors['bg-oncolor-disabled'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.button\n  .withConfig<StyledIconButtonProps>({\n    shouldForwardProp: shouldForwardIconButtonProp,\n  })\n  .attrs<StyledIconButtonProps>(\n    (props): Required<Pick<StyledIconButtonProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        width: '1em',\n        height: '1em',\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  ${(props) => `\n    box-sizing: border-box;\n    appearance: none;\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    padding: 0;\n    margin: 0;\n    border: none;\n    cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n    transition-property: background-color; \n    transition-duration: 250ms;\n  `}\n\n  ${(props) => {\n    const schema = props.contrast ? COLOR_SCHEMA.contrast : COLOR_SCHEMA.default\n\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardIconButtonProp","createShouldForwardProp","propKey","includes","template","palette","color","backgroundColor","colorHover","backgroundColorHover","colorActive","backgroundColorActive","colorDisabled","backgroundColorDisabled","COLOR_SCHEMA","default","primary","css","props","theme","colors","transparent","tinycolor","setAlpha","toString","secondary","darken","contrast","lighten","Root","styled","button","withConfig","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","width","height","fontSize","borderRadius","square","displayName","componentId","disabled","schema","focus","responsiveSize","responsiveMargin"],"mappings":"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"}

package/components/Indicator/Indicator.mjs

@@ -1,2 +0,0 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES_SQUARE,SIZES}from'./constants.mjs';import{Root,Foreground}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const indicatorPropsWithContent=r=>r.children!==void 0&&r.children!==null||r.text!==void 0&&r.text!==null;const Indicator=withMergedProps(forwardRef(((r,t)=>{const{size:e="m",textProps:o={},children:i,text:n,...s}=r;const a=indicatorPropsWithContent(r);return jsx(Root,{...s,size:e,square:a,ref:t,children:jsx(Foreground,{children:a&&jsx(Text,{as:"span",appearance:"body",size:"inherit",color:"inherit",whiteSpace:"nowrap",weight:700,lineHeight:1,marginTop:1,marginRight:"0.3em",marginLeft:"0.3em",...o,children:i??n})})})})),{displayName:'Indicator',sizes:r=>indicatorPropsWithContent(r)?SIZES_SQUARE:SIZES});export{Indicator};
-//# sourceMappingURL=Indicator.mjs.map

package/components/Indicator/Indicator.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.mjs","sources":["../../../../src/components/Indicator/Indicator.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { SIZES, SIZES_SQUARE } from './constants'\nimport * as Styled from './style'\nimport type { IndicatorProps } from './types'\n\nconst COMPONENT_NAME = 'Indicator'\n\nconst indicatorPropsWithContent = (props: IndicatorProps): boolean =>\n  (props.children !== undefined && props.children !== null) || (props.text !== undefined && props.text !== null)\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 [IndicatorProps](https://github.com/foxford/ui/blob/master/src/components/Indicator/types.ts)\n */\nconst Indicator: React.ForwardRefExoticComponent<IndicatorProps> = withMergedProps<IndicatorProps, HTMLSpanElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', textProps = {}, children, text, ...restProps } = props\n\n    const hasContent = indicatorPropsWithContent(props)\n\n    return (\n      <Styled.Root {...restProps} size={size} square={hasContent} ref={ref}>\n        <Styled.Foreground>\n          {hasContent && (\n            <Text\n              as='span'\n              appearance='body'\n              size='inherit'\n              color='inherit'\n              whiteSpace='nowrap'\n              weight={700}\n              lineHeight={1}\n              marginTop={1}\n              marginRight='0.3em'\n              marginLeft='0.3em'\n              {...textProps}\n            >\n              {children ?? text}\n            </Text>\n          )}\n        </Styled.Foreground>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (indicatorPropsWithContent(props) ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { Indicator }\n"],"names":["indicatorPropsWithContent","props","children","undefined","text","Indicator","withMergedProps","forwardRef","ref","size","textProps","restProps","hasContent","_jsx","Styled","square","Text","as","appearance","color","whiteSpace","weight","lineHeight","marginTop","marginRight","marginLeft","displayName","sizes","SIZES_SQUARE","SIZES"],"mappings":"yPASA,MAAMA,0BAA6BC,GAChCA,EAAMC,gBAAaC,GAAaF,EAAMC,WAAa,MAAUD,EAAMG,YAASD,GAAaF,EAAMG,OAAS,KAYrGC,MAAAA,UAA6DC,gBACjEC,YAAW,CAACN,EAAOO,KACjB,MAAMC,KAAEA,EAAO,IAAGC,UAAEA,EAAY,CAAE,EAAAR,SAAEA,EAAQE,KAAEA,KAASO,GAAcV,EAErE,MAAMW,EAAaZ,0BAA0BC,GAE7C,OACEY,IAACC,KAAW,IAAKH,EAAWF,KAAMA,EAAMM,OAAQH,EAAYJ,IAAKA,EAAIN,SACnEW,IAACC,WAAiB,CAAAZ,SACfU,GACCC,IAACG,KAAI,CACHC,GAAG,OACHC,WAAW,OACXT,KAAK,UACLU,MAAM,UACNC,WAAW,SACXC,OAAQ,IACRC,WAAY,EACZC,UAAW,EACXC,YAAY,QACZC,WAAW,WACPf,EAASR,SAEZA,GAAYE,OAIP,IAGlB,CACEsB,YA9CmB,YA+CnBC,MAAQ1B,GAAWD,0BAA0BC,GAAS2B,aAAeC"}

package/components/Indicator/constants.mjs

@@ -1,2 +0,0 @@
-const SIZES={xxxl:{width:10,height:10,borderRadius:'50%'},xxl:{width:10,height:10,borderRadius:'50%'},xl:{width:10,height:10,borderRadius:'50%'},l:{width:10,height:10,borderRadius:'50%'},m:{width:6,height:6,borderRadius:'50%'},s:{width:4,height:4,borderRadius:'50%'},xs:{width:4,height:4,borderRadius:'50%'},xxs:{width:4,height:4,borderRadius:'50%'},xxxs:{width:4,height:4,borderRadius:'50%'}};const SIZES_SQUARE={xxxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xxl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},xl:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},l:{width:'min-content',minWidth:22,height:22,borderRadius:5,fontSize:14},m:{width:'min-content',minWidth:18,height:18,borderRadius:4,fontSize:12},s:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10},xxxs:{width:'min-content',minWidth:16,height:16,borderRadius:4,fontSize:10}};export{SIZES,SIZES_SQUARE};
-//# sourceMappingURL=constants.mjs.map

package/components/Indicator/constants.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Indicator/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xxl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  xl: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  l: {\n    width: 10,\n    height: 10,\n    borderRadius: '50%',\n  },\n  m: {\n    width: 6,\n    height: 6,\n    borderRadius: '50%',\n  },\n  s: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n  xxxs: {\n    width: 4,\n    height: 4,\n    borderRadius: '50%',\n  },\n}\n\nexport const SIZES_SQUARE: Sizes = {\n  xxxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xxl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  xl: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  l: {\n    width: 'min-content',\n    minWidth: 22,\n    height: 22,\n    borderRadius: 5,\n    fontSize: 14,\n  },\n  m: {\n    width: 'min-content',\n    minWidth: 18,\n    height: 18,\n    borderRadius: 4,\n    fontSize: 12,\n  },\n  s: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n  xxxs: {\n    width: 'min-content',\n    minWidth: 16,\n    height: 16,\n    borderRadius: 4,\n    fontSize: 10,\n  },\n}\n"],"names":["SIZES","xxxl","width","height","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs","SIZES_SQUARE","minWidth","fontSize"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBC,IAAK,CACHH,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBE,GAAI,CACFJ,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBG,EAAG,CACDL,MAAO,GACPC,OAAQ,GACRC,aAAc,OAEhBI,EAAG,CACDN,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBK,EAAG,CACDP,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBM,GAAI,CACFR,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBO,IAAK,CACHT,MAAO,EACPC,OAAQ,EACRC,aAAc,OAEhBQ,KAAM,CACJV,MAAO,EACPC,OAAQ,EACRC,aAAc,QAIX,MAAMS,aAAsB,CACjCZ,KAAM,CACJC,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZV,IAAK,CACHH,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZT,GAAI,CACFJ,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZR,EAAG,CACDL,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZP,EAAG,CACDN,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZN,EAAG,CACDP,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZL,GAAI,CACFR,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZJ,IAAK,CACHT,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU,IAEZH,KAAM,CACJV,MAAO,cACPY,SAAU,GACVX,OAAQ,GACRC,aAAc,EACdW,SAAU"}

package/components/Indicator/style.mjs

@@ -1,2 +0,0 @@
-import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardIndicatorProp=createShouldForwardProp((o=>!['square','black','grey','onColored','pulse','pulseIterationCount','frame'].includes(o)));const pulseAnimation=keyframes(["0%{opacity:1;transform:scale(1);}75%{opacity:0;}100%{transform:scale(4);}"]);const Foreground=styled.span.withConfig({displayName:"Indicator__Foreground",componentId:"ui__sc-1dc67xh-0"})(["box-sizing:border-box;width:100%;height:100%;display:flex;align-items:center;justify-content:center;position:relative;z-index:1;border-radius:inherit;background-color:inherit;"]);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${o.shadowColor};\n  }\n`;const COLOR_SCHEMA={onColored:{primary:css(["",""],(o=>template({color:o.theme.colors['content-brand-primary'],backgroundColor:o.theme.colors['bg-oncolor-primary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-oncolor-secondary'],shadowColor:o.theme.colors['bg-oncolor-primary'],...o.palette})))},default:{primary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),secondary:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-secondary-500'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),black:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-onmain-contrast'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette}))),grey:css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-divider'],shadowColor:o.theme.colors['bg-onmain-primary'],...o.palette})))}};const Root=styled.span.withConfig({shouldForwardProp:shouldForwardIndicatorProp}).attrs((o=>({dynamicSizeDeclaration:(r,e)=>({fontSize:typeof r=='string'?r:`${r}${e}`,width:o.square?'min-content':'1em',minWidth:o.square?'1.6em':void 0,height:o.square?'1.6em':'1em',borderRadius:o.square?'0.2em':'50%'})}))).withConfig({displayName:"Indicator__Root",componentId:"ui__sc-1dc67xh-1"})(["box-sizing:border-box;position:relative;isolation:isolate;cursor:default;display:inline-block;flex-shrink:0;"," "," "," ",""],(o=>{const r=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.grey?r.grey:o.black?r.black:o.secondary?r.secondary:r.primary}),(o=>!o.frame&&`\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `),(o=>o.pulse&&css(["&::before,&::after{content:'';position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background-color:inherit;border-radius:inherit;animation-name:",";animation-duration:3200ms;animation-iteration-count:",";}&::after{animation-delay:800ms;}"],pulseAnimation,typeof o.pulseIterationCount=='number'?o.pulseIterationCount:'infinite')),responsiveSize);export{Foreground,Root};
-//# sourceMappingURL=style.mjs.map

package/components/Indicator/style.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Indicator/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { StyledIndicatorProps, IndicatorPalette } from './types'\n\nconst shouldForwardIndicatorProp = createShouldForwardProp((propKey) => {\n  return !['square', 'black', 'grey', 'onColored', 'pulse', 'pulseIterationCount', 'frame'].includes(propKey)\n})\n\nconst pulseAnimation = keyframes`\n  0% {\n    opacity: 1;\n    transform: scale(1);\n  }\n  75% {\n    opacity: 0;\n  }\n  100% {\n    transform: scale(4);\n  }\n`\n\nexport const Foreground = styled.span`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  z-index: 1;\n  border-radius: inherit;\n  background-color: inherit;\n`\n\nconst template = (palette: IndicatorPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n\n  & > ${Foreground} {\n    box-shadow: 0 0 0 1px ${palette.shadowColor};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-brand-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-primary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-oncolor-secondary'],\n          shadowColor: props.theme.colors['bg-oncolor-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    primary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-primary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    secondary: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-brand-secondary-500'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    black: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-oncolor-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-contrast'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n    grey: css<StyledIndicatorProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['content-onmain-primary'],\n          backgroundColor: props.theme.colors['bg-onmain-divider'],\n          shadowColor: props.theme.colors['bg-onmain-primary'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.span\n  .withConfig<StyledIndicatorProps>({\n    shouldForwardProp: shouldForwardIndicatorProp,\n  })\n  .attrs<StyledIndicatorProps>(\n    (props): Required<Pick<StyledIndicatorProps, 'dynamicSizeDeclaration'>> => ({\n      dynamicSizeDeclaration: (size, sizeUnits) => ({\n        fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n        width: props.square ? 'min-content' : '1em',\n        minWidth: props.square ? '1.6em' : undefined,\n        height: props.square ? '1.6em' : '1em',\n        borderRadius: props.square ? '0.2em' : '50%',\n      }),\n    })\n  )`\n  box-sizing: border-box;\n  position: relative;\n  isolation: isolate;\n  cursor: default;\n  display: inline-block;\n  flex-shrink: 0;\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    if (props.grey) return schema.grey\n    if (props.black) return schema.black\n    if (props.secondary) return schema.secondary\n\n    return schema.primary\n  }}\n\n  ${(props) =>\n    !props.frame &&\n    `\n      & > ${Foreground} {\n        box-shadow: none;\n      }\n    `}\n\n  ${(props) =>\n    props.pulse &&\n    css`\n      &::before,\n      &::after {\n        content: '';\n        position: absolute;\n        top: 0;\n        left: 0;\n        width: 100%;\n        height: 100%;\n        opacity: 0;\n        background-color: inherit;\n        border-radius: inherit;\n        animation-name: ${pulseAnimation};\n        animation-duration: 3200ms;\n        animation-iteration-count: ${typeof props.pulseIterationCount === 'number'\n          ? props.pulseIterationCount\n          : 'infinite'};\n      }\n\n      &::after {\n        animation-delay: 800ms;\n      }\n    `}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardIndicatorProp","createShouldForwardProp","propKey","includes","pulseAnimation","keyframes","Foreground","styled","span","withConfig","displayName","componentId","template","palette","color","backgroundColor","shadowColor","COLOR_SCHEMA","onColored","primary","css","props","theme","colors","secondary","black","grey","default","Root","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","width","square","minWidth","undefined","height","borderRadius","schema","frame","pulse","pulseIterationCount","responsiveSize"],"mappings":"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"}

package/components/Input/Input.mjs

@@ -1,2 +0,0 @@
-import{forwardRef,useRef,useImperativeHandle,useState}from'react';import{useTheme}from'styled-components';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{Root,Input as Input$1,InputControl}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{InputPhone}from'../Input.Phone/Input.Phone.mjs';import{SIZES}from'../FormInputLabel/constants.mjs';import{FormInputLabel}from'../FormInputLabel/FormInputLabel.mjs';import{Icon}from'../Icon/Icon.mjs';import{Spacer}from'../Spacer/Spacer.mjs';const COMPONENT_NAME='Input';const Input=Object.assign(withMergedProps(forwardRef(((t,n)=>{const e=useTheme();const{size:r="m",mask:o="",rounded:i=!0,color:a="mineShaft",placeholderColor:s="silver",width:m=e.defaultInputControlsWidth,type:p="text",labelPosition:c="dynamic",textProps:l={},iconProps:u={},controls:g={},preset:d,className:f,style:h,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:L,sizeL:y,sizeXL:v,sizeUnits:I,sizes:x,margin:z,marginXXS:T,marginXS:P,marginS:C,marginM:M,marginL:R,marginXL:j,marginTop:w,marginTopXXS:B,marginTopXS:F,marginTopS:k,marginTopM:E,marginTopL:N,marginTopXL:A,marginRight:O,marginRightXXS:U,marginRightXS:V,marginRightS:H,marginRightM:Z,marginRightL:$,marginRightXL:_,marginBottom:D,marginBottomXXS:W,marginBottomXS:q,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:tt,marginLeftXS:nt,marginLeftS:et,marginLeftM:rt,marginLeftL:ot,marginLeftXL:at,marginUnits:st,palette:mt,widthXXS:pt,widthXS:ct,widthS:lt,widthM:ut,widthL:gt,widthXL:dt,error:ft,success:ht,label:St,icon:Xt,text:bt,primary:Lt,secondary:yt,onColored:vt,fluid:It,disabled:xt,inline:zt,inputRef:Tt,...Pt}=t;const{icon:Ct,iconProps:Mt={},buttonProps:Rt={}}=g.additional??{};const{icon:jt,iconProps:wt={},buttonProps:Bt=[]}=g.number??{};const[Ft,kt]=Array.isArray(jt)?jt:[jt];const Et=(Array.isArray(Bt)?Bt[0]:Bt)??{};const Nt=(Array.isArray(Bt)?Bt[1]:{})??{};const At=useRef(null);useImperativeHandle(n,(()=>At.current),[]);const Ot=typeof Pt.value=='string'||typeof Pt.value=='number'||typeof Pt.defaultValue=='string'||typeof Pt.defaultValue=='number';const[Ut,Vt]=useState(Ot);const[Ht,Zt]=useState(Ot);const[$t,_t]=useState((()=>{if(p!=='number'||Pt.min===void 0)return!1;const{value:t=1/0,defaultValue:n=1/0}=Pt;const e=typeof t=='number'?t:parseFloat(t);const r=typeof n=='number'?n:parseFloat(n);const o=typeof Pt.min=='number'?Pt.min:parseFloat(Pt.min);return Math.min(e,r)<=o}));const[Dt,Wt]=useState((()=>{if(p!=='number'||Pt.max===void 0)return!1;const{value:t=-1/0,defaultValue:n=-1/0}=Pt;const e=typeof t=='number'?t:parseFloat(t);const r=typeof n=='number'?n:parseFloat(n);const o=typeof Pt.max=='number'?Pt.max:parseFloat(Pt.max);return Math.max(e,r)>=o}));return d!=='brand'?jsx(Root,{...Pt,inputRef:Tt??(t=>{At.current=t}),className:f,style:h,size:typeof r=='number'?r:void 0,mask:o,rounded:i,color:a,placeholderColor:s,width:m,widthXXS:pt,widthXS:ct,widthS:lt,widthM:ut,widthL:gt,widthXL:dt,error:ft,type:p,fluid:It,disabled:xt}):jsx(FormInputLabel,{className:f,style:h,size:r,sizeXXS:S,sizeXS:X,sizeS:b,sizeM:L,sizeL:y,sizeXL:v,sizeUnits:I,sizes:x,margin:z,marginXXS:T,marginXS:P,marginS:C,marginM:M,marginL:R,marginXL:j,marginTop:w,marginTopXXS:B,marginTopXS:F,marginTopS:k,marginTopM:E,marginTopL:N,marginTopXL:A,marginRight:O,marginRightXXS:U,marginRightXS:V,marginRightS:H,marginRightM:Z,marginRightL:$,marginRightXL:_,marginBottom:D,marginBottomXXS:W,marginBottomXS:q,marginBottomS:G,marginBottomM:J,marginBottomL:K,marginBottomXL:Q,marginLeft:Y,marginLeftXXS:tt,marginLeftXS:nt,marginLeftS:et,marginLeftM:rt,marginLeftL:ot,marginLeftXL:at,marginUnits:st,palette:mt,error:ft,success:ht,label:St,labelPosition:c,icon:Xt,text:bt,primary:Lt,secondary:yt,onColored:vt,disabled:xt,inline:zt,active:Ut,textProps:l,iconProps:{size:24,color:xt?'content-disabled':'content-onmain-tertiary',...u},onClick:()=>{At.current&&At.current.focus()},onFocus:t=>{t.target!==t.currentTarget&&Vt(!0)},onBlur:t=>{t.target===t.currentTarget||Ht||Vt(!1)},input:jsx(Input$1,{...Pt,inputRef:t=>{At.current=t},mask:o,palette:mt,type:p,label:St,labelPosition:c,disabled:xt,active:Ut,onChange:t=>{if(Pt.onChange&&Pt.onChange(t),p==='number'){const n=parseFloat(t.currentTarget.value);const e=n<=parseFloat(t.currentTarget.min);const r=n>=parseFloat(t.currentTarget.max);_t(e),Wt(r),(e||r)&&t.currentTarget.focus()}},onBlur:t=>{t.stopPropagation(),Pt.onBlur&&Pt.onBlur(t),Zt(Boolean(t.currentTarget.value)),Vt(Boolean(t.currentTarget.value))}}),controls:Ct||p==='number'?jsxs(Fragment,{children:[Ct&&jsx(InputControl,{...Rt,type:"button",palette:mt,disabled:xt,onClick:t=>{t.stopPropagation(),Rt.onClick&&Rt.onClick(t)},children:jsx(Icon,{as:"span",size:24,color:"inherit",name:typeof Ct=='string'?Ct:void 0,icon:typeof Ct!='string'?Ct:void 0,...Mt})}),p==='number'&&jsxs(Spacer,{display:"flex",marginLeft:4,children:[jsx(InputControl,{...Et,type:"button",palette:mt,disabled:xt||$t,onClick:t=>{t.stopPropagation(),Et.onClick&&Et.onClick(t);try{if(At.current){const t=At.current.value;if(At.current.stepDown(),t!==At.current.value){const t=new Event('input',{bubbles:!0});At.current.dispatchEvent(t)}}}catch(t){console.error(t)}},children:jsx(Icon,Ft===void 0?{as:"span",size:24,color:"inherit",name:"minus",preset:"brand",...wt}:{as:"span",size:24,color:"inherit",name:typeof Ft=='string'?Ft:void 0,icon:typeof Ft!='string'?Ft:void 0,...wt})}),jsx(InputControl,{...Nt,type:"button",palette:mt,disabled:xt||Dt,onClick:t=>{t.stopPropagation(),Nt.onClick&&Nt.onClick(t);try{if(At.current){const t=At.current.value;if(At.current.stepUp(),t!==At.current.value){const t=new Event('input',{bubbles:!0});At.current.dispatchEvent(t)}}}catch(t){console.error(t)}},children:jsx(Icon,kt===void 0?{as:"span",size:24,color:"inherit",name:"plus",preset:"brand",...wt}:{as:"span",size:24,color:"inherit",name:typeof kt=='string'?kt:void 0,icon:typeof kt!='string'?kt:void 0,...wt})})]})]}):void 0})})),{sizes:SIZES,displayName:"Input"}),{Phone:InputPhone});export{COMPONENT_NAME,Input};
-//# sourceMappingURL=Input.mjs.map

package/components/Input/Input.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"Input.mjs","sources":["../../../../src/components/Input/Input.tsx"],"sourcesContent":["import { forwardRef, useState, useImperativeHandle, useRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { FormInputLabel, SIZES } from 'components/FormInputLabel'\nimport { Icon } from 'components/Icon'\nimport { InputPhone } from 'components/Input.Phone'\nimport { Spacer } from 'components/Spacer'\nimport * as Styled from './style'\nimport type { InputProps } from './types'\n\nconst COMPONENT_NAME = 'Input'\n\n/**\n *\n * Component accepts all \\<input\\> attributes and \"react-input-mask\" v2.0.4 props.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to \\<input\\>.\n *\n * See full [InputProps](https://github.com/foxford/ui/blob/master/src/components/Input/types.ts)\n */\nconst Input: React.ForwardRefExoticComponent<InputProps> & { Phone: typeof InputPhone } = Object.assign(\n  withMergedProps<InputProps, HTMLInputElement>(\n    forwardRef((props, forwardedRef) => {\n      const theme = useTheme()\n\n      const {\n        size = 'm',\n        mask = '',\n        rounded = true,\n        color = 'mineShaft',\n        placeholderColor = 'silver',\n        width = theme.defaultInputControlsWidth,\n        type = 'text',\n        labelPosition = 'dynamic',\n        textProps = {},\n        iconProps = {},\n        controls = {},\n        preset,\n        className,\n        style,\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        margin,\n        marginXXS,\n        marginXS,\n        marginS,\n        marginM,\n        marginL,\n        marginXL,\n        marginTop,\n        marginTopXXS,\n        marginTopXS,\n        marginTopS,\n        marginTopM,\n        marginTopL,\n        marginTopXL,\n        marginRight,\n        marginRightXXS,\n        marginRightXS,\n        marginRightS,\n        marginRightM,\n        marginRightL,\n        marginRightXL,\n        marginBottom,\n        marginBottomXXS,\n        marginBottomXS,\n        marginBottomS,\n        marginBottomM,\n        marginBottomL,\n        marginBottomXL,\n        marginLeft,\n        marginLeftXXS,\n        marginLeftXS,\n        marginLeftS,\n        marginLeftM,\n        marginLeftL,\n        marginLeftXL,\n        marginUnits,\n        palette,\n        widthXXS,\n        widthXS,\n        widthS,\n        widthM,\n        widthL,\n        widthXL,\n        error,\n        success,\n        label,\n        icon,\n        text,\n        primary,\n        secondary,\n        onColored,\n        fluid,\n        disabled,\n        inline,\n        inputRef,\n        ...inputProps\n      } = props\n\n      const {\n        icon: additionalControlIcon,\n        iconProps: additionalControlIconProps = {},\n        buttonProps: additionalControlButtonProps = {},\n      } = controls.additional ?? {}\n\n      const {\n        icon: numberControlIcon,\n        iconProps: numberControlIconProps = {},\n        buttonProps: numberControlButtonProps = [],\n      } = controls.number ?? {}\n\n      const [minus, plus] = Array.isArray(numberControlIcon) ? numberControlIcon : [numberControlIcon]\n\n      const minusButtonProps =\n        (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[0] : numberControlButtonProps) ?? {}\n\n      const plusButtonProps = (Array.isArray(numberControlButtonProps) ? numberControlButtonProps[1] : {}) ?? {}\n\n      const ref = useRef<HTMLInputElement | null>(null)\n      useImperativeHandle<HTMLInputElement | null, HTMLInputElement | null>(forwardedRef, () => ref.current, [])\n\n      const hasInitValue =\n        typeof inputProps.value === 'string' ||\n        typeof inputProps.value === 'number' ||\n        typeof inputProps.defaultValue === 'string' ||\n        typeof inputProps.defaultValue === 'number'\n\n      const [active, setActive] = useState(hasInitValue)\n      const [hasValue, setHasValue] = useState(hasInitValue)\n\n      const [minusDisabled, setMinusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.min === undefined) return false\n\n        const { value = Infinity, defaultValue = Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const minValue = typeof inputProps.min === 'number' ? inputProps.min : parseFloat(inputProps.min)\n\n        return Math.min(initValue, initDefaultValue) <= minValue\n      })\n\n      const [plusDisabled, setPlusDisabled] = useState(() => {\n        if (type !== 'number' || inputProps.max === undefined) return false\n\n        const { value = -Infinity, defaultValue = -Infinity } = inputProps\n\n        const initValue = typeof value === 'number' ? value : parseFloat(value)\n        const initDefaultValue = typeof defaultValue === 'number' ? defaultValue : parseFloat(defaultValue)\n        const maxValue = typeof inputProps.max === 'number' ? inputProps.max : parseFloat(inputProps.max)\n\n        return Math.max(initValue, initDefaultValue) >= maxValue\n      })\n\n      if (preset !== 'brand') {\n        return (\n          <Styled.Root\n            {...inputProps}\n            inputRef={\n              inputRef ??\n              ((input) => {\n                ref.current = input\n              })\n            }\n            className={className}\n            style={style}\n            size={typeof size === 'number' ? size : undefined}\n            mask={mask}\n            rounded={rounded}\n            color={color}\n            placeholderColor={placeholderColor}\n            width={width}\n            widthXXS={widthXXS}\n            widthXS={widthXS}\n            widthS={widthS}\n            widthM={widthM}\n            widthL={widthL}\n            widthXL={widthXL}\n            error={error}\n            type={type}\n            fluid={fluid}\n            disabled={disabled}\n          />\n        )\n      }\n\n      return (\n        <FormInputLabel\n          className={className}\n          style={style}\n          size={size}\n          sizeXXS={sizeXXS}\n          sizeXS={sizeXS}\n          sizeS={sizeS}\n          sizeM={sizeM}\n          sizeL={sizeL}\n          sizeXL={sizeXL}\n          sizeUnits={sizeUnits}\n          sizes={sizes}\n          margin={margin}\n          marginXXS={marginXXS}\n          marginXS={marginXS}\n          marginS={marginS}\n          marginM={marginM}\n          marginL={marginL}\n          marginXL={marginXL}\n          marginTop={marginTop}\n          marginTopXXS={marginTopXXS}\n          marginTopXS={marginTopXS}\n          marginTopS={marginTopS}\n          marginTopM={marginTopM}\n          marginTopL={marginTopL}\n          marginTopXL={marginTopXL}\n          marginRight={marginRight}\n          marginRightXXS={marginRightXXS}\n          marginRightXS={marginRightXS}\n          marginRightS={marginRightS}\n          marginRightM={marginRightM}\n          marginRightL={marginRightL}\n          marginRightXL={marginRightXL}\n          marginBottom={marginBottom}\n          marginBottomXXS={marginBottomXXS}\n          marginBottomXS={marginBottomXS}\n          marginBottomS={marginBottomS}\n          marginBottomM={marginBottomM}\n          marginBottomL={marginBottomL}\n          marginBottomXL={marginBottomXL}\n          marginLeft={marginLeft}\n          marginLeftXXS={marginLeftXXS}\n          marginLeftXS={marginLeftXS}\n          marginLeftS={marginLeftS}\n          marginLeftM={marginLeftM}\n          marginLeftL={marginLeftL}\n          marginLeftXL={marginLeftXL}\n          marginUnits={marginUnits}\n          palette={palette}\n          error={error}\n          success={success}\n          label={label}\n          labelPosition={labelPosition}\n          icon={icon}\n          text={text}\n          primary={primary}\n          secondary={secondary}\n          onColored={onColored}\n          disabled={disabled}\n          inline={inline}\n          active={active}\n          textProps={textProps}\n          iconProps={{\n            size: 24,\n            color: disabled ? 'content-disabled' : 'content-onmain-tertiary',\n            ...iconProps,\n          }}\n          onClick={() => {\n            if (ref.current) {\n              ref.current.focus()\n            }\n          }}\n          onFocus={(evt) => {\n            if (evt.target !== evt.currentTarget) {\n              setActive(true)\n            }\n          }}\n          onBlur={(evt) => {\n            if (evt.target !== evt.currentTarget && !hasValue) {\n              setActive(false)\n            }\n          }}\n          input={\n            <Styled.Input\n              {...inputProps}\n              inputRef={(input) => {\n                ref.current = input\n              }}\n              mask={mask}\n              palette={palette}\n              type={type}\n              label={label}\n              labelPosition={labelPosition}\n              disabled={disabled}\n              active={active}\n              onChange={(evt) => {\n                if (inputProps.onChange) {\n                  inputProps.onChange(evt)\n                }\n\n                if (type === 'number') {\n                  const currentValue = parseFloat(evt.currentTarget.value)\n\n                  const minValueReached = currentValue <= parseFloat(evt.currentTarget.min)\n                  const maxValueReached = currentValue >= parseFloat(evt.currentTarget.max)\n\n                  setMinusDisabled(minValueReached)\n                  setPlusDisabled(maxValueReached)\n\n                  if (minValueReached || maxValueReached) {\n                    evt.currentTarget.focus()\n                  }\n                }\n              }}\n              onBlur={(evt) => {\n                evt.stopPropagation()\n                if (inputProps.onBlur) {\n                  inputProps.onBlur(evt)\n                }\n\n                setHasValue(Boolean(evt.currentTarget.value))\n                setActive(Boolean(evt.currentTarget.value))\n              }}\n            />\n          }\n          controls={\n            additionalControlIcon || type === 'number' ? (\n              <>\n                {additionalControlIcon && (\n                  <Styled.InputControl\n                    {...additionalControlButtonProps}\n                    type='button'\n                    palette={palette}\n                    disabled={disabled}\n                    onClick={(evt) => {\n                      evt.stopPropagation()\n                      if (additionalControlButtonProps.onClick) {\n                        additionalControlButtonProps.onClick(evt)\n                      }\n                    }}\n                  >\n                    <Icon\n                      as='span'\n                      size={24}\n                      color='inherit'\n                      name={typeof additionalControlIcon === 'string' ? additionalControlIcon : undefined}\n                      icon={typeof additionalControlIcon !== 'string' ? additionalControlIcon : undefined}\n                      {...additionalControlIconProps}\n                    />\n                  </Styled.InputControl>\n                )}\n                {type === 'number' && (\n                  <Spacer display='flex' marginLeft={4}>\n                    <Styled.InputControl\n                      {...minusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || minusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (minusButtonProps.onClick) {\n                          minusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepDown()\n\n                            const decremented = ref.current.value\n                            if (prev !== decremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {minus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='minus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof minus === 'string' ? minus : undefined}\n                          icon={typeof minus !== 'string' ? minus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                    <Styled.InputControl\n                      {...plusButtonProps}\n                      type='button'\n                      palette={palette}\n                      disabled={disabled || plusDisabled}\n                      onClick={(evt) => {\n                        evt.stopPropagation()\n                        if (plusButtonProps.onClick) {\n                          plusButtonProps.onClick(evt)\n                        }\n\n                        try {\n                          if (ref.current) {\n                            const prev = ref.current.value\n                            ref.current.stepUp()\n\n                            const incremented = ref.current.value\n                            if (prev !== incremented) {\n                              const event = new Event('input', { bubbles: true })\n                              ref.current.dispatchEvent(event)\n                            }\n                          }\n                        } catch (err) {\n                          // eslint-disable-next-line no-console\n                          console.error(err)\n                        }\n                      }}\n                    >\n                      {plus === undefined ? (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name='plus'\n                          preset='brand'\n                          {...numberControlIconProps}\n                        />\n                      ) : (\n                        <Icon\n                          as='span'\n                          size={24}\n                          color='inherit'\n                          name={typeof plus === 'string' ? plus : undefined}\n                          icon={typeof plus !== 'string' ? plus : undefined}\n                          {...numberControlIconProps}\n                        />\n                      )}\n                    </Styled.InputControl>\n                  </Spacer>\n                )}\n              </>\n            ) : undefined\n          }\n        />\n      )\n    }),\n    {\n      sizes: SIZES,\n      displayName: COMPONENT_NAME,\n    }\n  ),\n  {\n    Phone: InputPhone,\n  }\n)\n\nexport { Input, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Input","Object","assign","withMergedProps","forwardRef","props","forwardedRef","theme","useTheme","size","mask","rounded","color","placeholderColor","width","defaultInputControlsWidth","type","labelPosition","textProps","iconProps","controls","preset","className","style","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","margin","marginXXS","marginXS","marginS","marginM","marginL","marginXL","marginTop","marginTopXXS","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRight","marginRightXXS","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottom","marginBottomXXS","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeft","marginLeftXXS","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","marginUnits","palette","widthXXS","widthXS","widthS","widthM","widthL","widthXL","error","success","label","icon","text","primary","secondary","onColored","fluid","disabled","inline","inputRef","inputProps","additionalControlIcon","additionalControlIconProps","buttonProps","additionalControlButtonProps","additional","numberControlIcon","numberControlIconProps","numberControlButtonProps","number","minus","plus","Array","isArray","minusButtonProps","plusButtonProps","ref","useRef","useImperativeHandle","current","hasInitValue","value","defaultValue","active","setActive","useState","hasValue","setHasValue","minusDisabled","setMinusDisabled","min","undefined","Infinity","initValue","parseFloat","initDefaultValue","minValue","Math","plusDisabled","setPlusDisabled","max","maxValue","_jsx","Styled","input","FormInputLabel","onClick","focus","onFocus","evt","target","currentTarget","onBlur","onChange","currentValue","minValueReached","maxValueReached","stopPropagation","Boolean","_jsxs","_Fragment","children","Icon","as","name","Spacer","display","prev","stepDown","event","Event","bubbles","dispatchEvent","err","console","stepUp","SIZES","displayName","Phone","InputPhone"],"mappings":"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"}

package/components/Input/helpers.mjs

@@ -1,2 +0,0 @@
-import{SizeInput}from'../../shared/enums/sizeInput.mjs';const chooseWidthValue=e=>e==='auto'?'auto':typeof e=='number'||typeof e=='boolean'?e:e&&SizeInput[e]?SizeInput[e]:'auto';export{chooseWidthValue};
-//# sourceMappingURL=helpers.mjs.map

package/components/Input/helpers.mjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"helpers.mjs","sources":["../../../../src/components/Input/helpers.ts"],"sourcesContent":["import { PossibleValues } from 'mixins/responsive-property'\nimport { SizeInput } from 'shared/enums/sizeInput'\n\nexport const chooseWidthValue = (width: PossibleValues): PossibleValues => {\n  if (width === 'auto') return 'auto'\n  if (typeof width === 'number') return width\n  if (typeof width === 'boolean') return width\n\n  if (width && SizeInput[width]) return SizeInput[width]\n\n  return 'auto'\n}\n"],"names":["chooseWidthValue","width","SizeInput"],"mappings":"wDAGaA,MAAAA,iBAAoBC,GAC3BA,IAAU,OAAe,cAClBA,GAAU,iBACVA,GAAU,UADiBA,EAGlCA,GAASC,UAAUD,GAAeC,UAAUD,GAEzC"}

package/components/Input/style.mjs

@@ -1,2 +0,0 @@
-import styled,{css}from'styled-components';import InputMask from'react-input-mask';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{color}from'../../mixins/color.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'./helpers.mjs';import{focus}from'../../mixins/focus.mjs';const errorStyle=css(["border:1px solid ",";background-color:",";"],(o=>o.theme.colors.pomegranate),(o=>tinycolor(o.theme.colors.pomegranate).setAlpha(.1).toString()));const disabledStyle=css(["background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;&:disabled{background-color:rgba(0,0,0,0.04);border-color:rgba(0,0,0,0.04);color:rgba(0,0,0,0.16);cursor:not-allowed;}"]);const focusStyle=css(["&:focus{border:1px solid ",";outline:none;}"],(o=>o.theme.colors.accent));const roundedStyle=css(["border-radius:",";"],(o=>o.theme.borderRadius));const baseInputStyle=o=>css(["box-sizing:border-box;display:block;background-color:",";border:solid 1px ",";width:auto;appearance:none;font-size:16px;",";&::placeholder{","}"," "," "," "," "," "," ",""],o.theme.colors.white,o.theme.colors.alto,o.color?color(o.color):null,o.placeholderColor?color(o.placeholderColor):null,focusStyle,o.disabled?disabledStyle:null,o.rounded?roundedStyle:null,o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null,responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue}),o.fluid?css(["width:100%;"]):null,o.error?errorStyle:null);const Root=styled(InputMask).withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Input__Root",componentId:"ui__sc-1gazj3c-0"})(["line-height:24px;padding:15px 20px 11px;",""],(o=>baseInputStyle(o)));const Input=styled(InputMask).withConfig({shouldForwardProp:o=>!['palette','label','labelPosition','active'].includes(o)}).withConfig({displayName:"Input",componentId:"ui__sc-1gazj3c-1"})([""," ",""],(o=>{let r='1';let e='0px';return o.label&&o.labelPosition==='dynamic'&&(r=""+(o.active?1:0),e='0.8em'),o.label&&o.labelPosition==='top'&&(e='0.8em'),o.label&&o.labelPosition==='center'&&(r=""+(o.active?1:0)),`\n      box-sizing: border-box;\n      appearance: textfield;\n      border: none;\n      padding: 0;\n      margin: 0;\n      font-size: inherit;\n      line-height: inherit;\n      background-color: transparent;\n      width: 100%;\n      align-self: stretch;\n      opacity: ${r};\n      padding-top: ${e};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n\n      &[type="number"]::-webkit-outer-spin-button,\n      &[type="number"]::-webkit-inner-spin-button {\n        appearance: none;\n        margin: 0;\n      }\n\n      &:focus {\n        cursor: text;\n        outline: none;\n      }\n    `}),(o=>{return`\n  color: ${(r={inputColor:o.theme.colors['content-onmain-primary'],inputPlaceholderColor:o.theme.colors['content-onmain-secondary'],inputColorDisabled:o.theme.colors['content-disabled'],inputPlaceholderColorDisabled:o.theme.colors['content-disabled'],...o.palette}).inputColor};\n  &::placeholder {\n    color: ${r.inputPlaceholderColor};\n  }\n  &:disabled {\n    color: ${r.inputColorDisabled};\n  }\n  &:disabled::placeholder {\n    color: ${r.inputPlaceholderColorDisabled};\n  }\n`;var r}));const InputControl=styled.button.withConfig({shouldForwardProp:o=>!['palette'].includes(o)}).withConfig({displayName:"Input__InputControl",componentId:"ui__sc-1gazj3c-2"})(["box-sizing:border-box;appearance:none;position:relative;padding:5px;margin:0;border:none;display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:8px;cursor:",";&:first-child{margin-left:4px;}&:not(:first-child){margin-left:9px;}&:not(:first-child)::before{content:'';position:absolute;width:1px;height:60%;top:50%;left:-5px;transform:translateY(-50%);}"," ",""],(o=>o.disabled?'not-allowed':'pointer'),(o=>{return`\n  color: ${(r={controlsColor:o.theme.colors['content-onmain-tertiary'],controlsColorHover:o.theme.colors['content-onmain-primary'],controlsColorActive:o.theme.colors['content-onmain-primary'],controlsColorDisabled:o.theme.colors['content-disabled'],controlsBackgroundColor:o.theme.colors.transparent,controlsBackgroundColorHover:tinycolor(o.theme.colors['bg-oncolor-hover']).lighten(20).toString(),controlsBackgroundColorActive:o.theme.colors['bg-oncolor-hover'],controlsBackgroundColorDisabled:o.theme.colors.transparent,controlsSeparatorColor:o.theme.colors['border-onmain-default-large'],...o.palette}).controlsColor};\n  background-color: ${r.controlsBackgroundColor};\n  &:hover {\n    color: ${r.controlsColorHover};\n    background-color: ${r.controlsBackgroundColorHover};\n  }\n  &:active {\n    color: ${r.controlsColorActive};\n    background-color: ${r.controlsBackgroundColorActive};\n  }\n  &:disabled {\n    color: ${r.controlsColorDisabled};\n    background-color: ${r.controlsBackgroundColorDisabled};\n  }\n  &:not(:first-child)::before {\n    background-color: ${r.controlsSeparatorColor};\n  }\n`;var r}),focus);export{Input,InputControl,Root,baseInputStyle,disabledStyle,errorStyle,focusStyle,roundedStyle};
-//# sourceMappingURL=style.mjs.map