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

package/components/Tag/Tag.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n  extends BaseProps,\n    DisplayProperty,\n    ColorProperty,\n    ResponsiveNamedProperty<'height'>,\n    ResponsiveNamedProperty<'width'> {\n  as?: 'button' | 'div' | 'input' | 'label'\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Input type\n   */\n  inputType?: 'checkbox' | 'radio'\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * On click handler\n   */\n  onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n  /**\n   * Whether or not Radio is checked\n   */\n  defaultChecked?: boolean\n  /**\n   * Value\n   */\n  value?: string | number\n  /** Children are placed before Text */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /** Inner Text content  */\n  content?: React.ReactNode\n  /** Inner Text component props */\n  textProps?: TextProps\n  /** Checked state */\n  checked?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** If as = 'label' could provide for */\n  htmlFor?: string\n  /**\n   * inverse\n   */\n  inverse?: boolean\n  /**\n   * Size\n   */\n  size?: 'l' | 'm' | 's' | 'xs'\n}\n\nTag.defaultProps = {\n  display: 'inline-block',\n  as: 'button',\n  height: 40,\n}\n\nTagInput.defaultProps = {\n  display: 'inline-block',\n  height: 40,\n}\n\n// Prevent brakechanges\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n  return <Tag as='input' {...props} />\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)\n */\nexport function Tag(props: typeof Tag.defaultProps & TagProps) {\n  const {\n    as,\n    textProps,\n    content,\n    children,\n    htmlFor,\n    id,\n    name,\n    inputType,\n    value,\n    disabled,\n    onChange,\n    onClick,\n    inverse,\n    checked,\n    ...restProps\n  } = props\n\n  const buttonProps = as === 'button' ? { type: 'button' } : {}\n  const labelProps = as === 'label' ? { htmlFor } : {}\n  const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n  return (\n    <Styled.Root\n      as={as === 'input' ? 'label' : as}\n      inverse={inverse}\n      checked={checked}\n      disabled={disabled}\n      onClick={as !== 'input' ? onClick : undefined}\n      {...labelProps}\n      {...buttonProps}\n      {...inputProps}\n      {...restProps}\n    >\n      {as === 'input' ? (\n        <input\n          id={id || name}\n          name={name}\n          type={inputType || 'checkbox'}\n          tabIndex={0}\n          onChange={(e) => {\n            e.persist()\n\n            return onChange && onChange(e)\n          }}\n          onClick={(e) => {\n            e.persist()\n\n            return onClick && onClick(e)\n          }}\n          defaultChecked={props.defaultChecked}\n          checked={checked}\n          value={value}\n          disabled={disabled}\n          hidden\n        />\n      ) : null}\n      {children}\n      <Styled.Text\n        size={14}\n        forwardedAs='span'\n        color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n        {...textProps}\n      >\n        {content}\n      </Styled.Text>\n    </Styled.Root>\n  )\n}\n"],"names":["TagInput","props","_jsx","Tag","_objectSpread","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_excluded","buttonProps","type","inputProps","_jsxs","Styled.Root","tabIndex","_onChange","_x","apply","this","arguments","toString","e","persist","_onClick","_x2","defaultChecked","hidden","Styled.Text","size","forwardedAs","color","DefaultColorNames","white","mineShaft","defaultProps","display","height","Input","displayName"],"mappings":"sZAsFA,SAASA,EAASC,GAChB,OAAOC,EAACC,EAADC,EAAA,CAAKC,GAAG,SAAYJ,IAWtB,SAASE,EAAIF,GAClB,IAAMI,GACJA,EADIC,UAEJA,EAFIC,QAGJA,EAHIC,SAIJA,EAJIC,QAKJA,EALIC,GAMJA,EANIC,KAOJA,EAPIC,UAQJA,EARIC,MASJA,EATIC,SAUJA,EAVIC,SAWJA,EAXIC,QAYJA,EAZIC,QAaJA,EAbIC,QAcJA,GAEEjB,EADCkB,IACDlB,EAhBJmB,GAkBA,IAAMC,EAAqB,WAAPhB,EAAkB,CAAEiB,KAAM,UAAa,GAE3D,IAAMC,EAAoB,UAAPlB,EAAiB,CAAEI,QAASC,GAAMC,GAAS,GAE9D,OACEa,EAACC,EAADrB,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACEC,GAAW,UAAPA,EAAiB,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAAgB,UAAPX,EAAiBW,OAAAA,GATJ,UAAPX,EAAiB,CAAEI,QAAAA,GAAY,IAW1CY,GACAE,GACAJ,GATN,GAAA,CAAAX,SAWGH,CAAO,UAAPA,EACCH,EAAA,QAAA,CACEQ,GAAIA,GAAMC,EACVA,KAAMA,EACNW,KAAMV,GAAa,WACnBc,SAAU,EACVX,SAAQ,SAAAY,GAAA,SAAAZ,EAAAa,GAAA,OAAAD,EAAAE,MAAAC,KAAAC,WAAA,OAAAhB,EAAAiB,SAAA,IAAAL,EAAAK,WAAAjB,EAAA,EAAGkB,IACTA,EAAEC,UAEKnB,GAAYA,EAASkB,MAE9BjB,QAAO,SAAAmB,GAAA,SAAAnB,EAAAoB,GAAA,OAAAD,EAAAN,MAAAC,KAAAC,WAAA,OAAAf,EAAAgB,SAAA,IAAAG,EAAAH,WAAAhB,EAAA,EAAGiB,IACRA,EAAEC,UAEKlB,GAAWA,EAAQiB,MAE5BI,eAAgBpC,EAAMoC,eACtBnB,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVwB,QAAM,IAEN,KACH9B,EACDN,EAACqC,EAADnC,EAAAA,EAAA,CACEoC,KAAM,GACNC,YAAY,OACZC,MAAOxB,IAAYD,EAAU0B,EAAkBC,MAAQD,EAAkBE,WACrEvC,GAJN,GAAA,CAAAE,SAMGD,SA7FTJ,EAAI2C,aAAe,CACjBC,QAAS,eACT1C,GAAI,SACJ2C,OAAQ,IAGVhD,EAAS8C,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAIV7C,EAAI8C,MAAQjD,EAEZG,EAAI+C,YAAc"}
+{"version":3,"file":"Tag.js","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n  extends BaseProps,\n    DisplayProperty,\n    ColorProperty,\n    ResponsiveNamedProperty<'height'>,\n    ResponsiveNamedProperty<'width'> {\n  as?: 'button' | 'div' | 'input' | 'label'\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Input type\n   */\n  inputType?: 'checkbox' | 'radio'\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * On click handler\n   */\n  onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n  /**\n   * Whether or not Radio is checked\n   */\n  defaultChecked?: boolean\n  /**\n   * Value\n   */\n  value?: string | number\n  /** Children are placed before Text */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /** Inner Text content  */\n  content?: React.ReactNode\n  /** Inner Text component props */\n  textProps?: TextProps\n  /** Checked state */\n  checked?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** If as = 'label' could provide for */\n  htmlFor?: string\n  /**\n   * inverse\n   */\n  inverse?: boolean\n  /**\n   * Size\n   */\n  size?: 'l' | 'm' | 's' | 'xs'\n}\n\nTag.defaultProps = {\n  display: 'inline-block',\n  as: 'button',\n  height: 40,\n}\n\nTagInput.defaultProps = {\n  display: 'inline-block',\n  height: 40,\n}\n\n// Prevent brakechanges\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n  return <Tag as='input' {...props} />\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)\n */\nexport function Tag(props: typeof Tag.defaultProps & TagProps) {\n  const {\n    as,\n    textProps,\n    content,\n    children,\n    htmlFor,\n    id,\n    name,\n    inputType,\n    value,\n    disabled,\n    onChange,\n    onClick,\n    inverse,\n    checked,\n    ...restProps\n  } = props\n\n  const buttonProps = as === 'button' ? { type: 'button' } : {}\n  const labelProps = as === 'label' ? { htmlFor } : {}\n  const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n  return (\n    <Styled.Root\n      as={as === 'input' ? 'label' : as}\n      inverse={inverse}\n      checked={checked}\n      disabled={disabled}\n      onClick={as !== 'input' ? onClick : undefined}\n      {...labelProps}\n      {...buttonProps}\n      {...inputProps}\n      {...restProps}\n    >\n      {as === 'input' ? (\n        <input\n          id={id || name}\n          name={name}\n          type={inputType || 'checkbox'}\n          tabIndex={0}\n          onChange={(e) => {\n            e.persist()\n\n            return onChange && onChange(e)\n          }}\n          onClick={(e) => {\n            e.persist()\n\n            return onClick && onClick(e)\n          }}\n          defaultChecked={props.defaultChecked}\n          checked={checked}\n          value={value}\n          disabled={disabled}\n          hidden\n        />\n      ) : null}\n      {children}\n      <Styled.Text\n        size={14}\n        forwardedAs='span'\n        color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n        {...textProps}\n      >\n        {content}\n      </Styled.Text>\n    </Styled.Root>\n  )\n}\n"],"names":["TagInput","props","_jsx","Tag","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_jsxs","Styled","undefined","type","tabIndex","e","persist","defaultChecked","hidden","size","forwardedAs","color","DefaultColorNames","white","mineShaft","defaultProps","display","height","Input","displayName"],"mappings":"qIAsFA,SAASA,SAASC,GAChB,OAAOC,WAAAA,IAACC,IAAG,CAACC,GAAG,WAAYH,GAC7B,CAUO,SAASE,IAAIF,GAClB,MAAMG,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,GACPA,EAAEC,KACFA,EAAIC,UACJA,EAASC,MACTA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACDjB,EAMJ,OACEkB,WAAAA,KAACC,MAAAA,KAAW,CACVhB,GAAIA,IAAO,QAAU,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAASX,IAAO,QAAUW,OAAUM,KATrBjB,IAAO,QAAU,CAAEI,WAAY,MAD9BJ,IAAO,SAAW,CAAEkB,KAAM,UAAa,MAExClB,IAAO,QAAU,CAAEI,QAASC,GAAMC,GAAS,MAYtDQ,EAASX,SAEZH,CAAAA,IAAO,QACNF,WAAAA,IAAA,QAAA,CACEO,GAAIA,GAAMC,EACVA,KAAMA,EACNY,KAAMX,GAAa,WACnBY,SAAU,EACVT,SAAWU,IACTA,EAAEC,UAEKX,GAAYA,EAASU,IAE9BT,QAAUS,IACRA,EAAEC,UAEKV,GAAWA,EAAQS,IAE5BE,eAAgBzB,EAAMyB,eACtBT,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVc,QAAM,IAEN,KACHpB,EACDL,WAAAA,IAACkB,MAAAA,KAAW,CACVQ,KAAM,GACNC,YAAY,OACZC,MAAOb,IAAYD,EAAUe,OAAAA,kBAAkBC,MAAQD,OAAAA,kBAAkBE,aACrE5B,EAASE,SAEZD,MAIT,CAjGAH,IAAI+B,aAAe,CACjBC,QAAS,eACT/B,GAAI,SACJgC,OAAQ,IAGVpC,SAASkC,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAIVjC,IAAIkC,MAAQrC,SAEZG,IAAImC,YAAc"}

package/components/Tag/Tag.mjs

@@ -0,0 +1,2 @@
+import{DefaultColorNames}from'../../theme/colors.mjs';import{Root,Text}from'./style.mjs';import{jsx,jsxs}from'react/jsx-runtime';function TagInput(e){return jsx(Tag,{as:"input",...e})}function Tag(e){const{as:t,textProps:n,content:a,children:o,htmlFor:i,id:l,name:s,inputType:r,value:d,disabled:u,onChange:p,onClick:c,inverse:h,checked:m,...f}=e;return jsxs(Root,{as:t==='input'?'label':t,inverse:h,checked:m,disabled:u,onClick:t!=='input'?c:void 0,...t==='label'?{htmlFor:i}:{},...t==='button'?{type:'button'}:{},...t==='input'?{htmlFor:l||s}:{},...f,children:[t==='input'?jsx("input",{id:l||s,name:s,type:r||'checkbox',tabIndex:0,onChange:e=>(e.persist(),p&&p(e)),onClick:e=>(e.persist(),c&&c(e)),defaultChecked:e.defaultChecked,checked:m,value:d,disabled:u,hidden:!0}):null,o,jsx(Text,{size:14,forwardedAs:"span",color:m&&!h?DefaultColorNames.white:DefaultColorNames.mineShaft,...n,children:a})]})}Tag.defaultProps={display:'inline-block',as:'button',height:40},TagInput.defaultProps={display:'inline-block',height:40},Tag.Input=TagInput,Tag.displayName='Tag';export{Tag};
+//# sourceMappingURL=Tag.mjs.map

package/components/Tag/Tag.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tag.mjs","sources":["../../../../src/components/Tag/Tag.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { ColorProperty } from 'mixins/color'\nimport { DisplayProperty } from 'mixins/display'\nimport type { BaseProps } from 'shared/interfaces'\nimport type { TextProps } from 'components/Text'\nimport { DefaultColorNames } from 'theme/colors'\nimport * as Styled from './style'\n\nexport interface TagProps\n  extends BaseProps,\n    DisplayProperty,\n    ColorProperty,\n    ResponsiveNamedProperty<'height'>,\n    ResponsiveNamedProperty<'width'> {\n  as?: 'button' | 'div' | 'input' | 'label'\n  /**\n   * Field id\n   */\n  id?: string\n  /**\n   * Field name\n   */\n  name?: string\n  /**\n   * Input type\n   */\n  inputType?: 'checkbox' | 'radio'\n  /**\n   * On change handler\n   */\n  onChange?(_e: React.ChangeEvent<HTMLInputElement>): void\n  /**\n   * On click handler\n   */\n  onClick?(_e: React.MouseEvent<HTMLInputElement>): void\n  /**\n   * Whether or not Radio is checked\n   */\n  defaultChecked?: boolean\n  /**\n   * Value\n   */\n  value?: string | number\n  /** Children are placed before Text */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  /** Inner Text content  */\n  content?: React.ReactNode\n  /** Inner Text component props */\n  textProps?: TextProps\n  /** Checked state */\n  checked?: boolean\n  /** Disabled state */\n  disabled?: boolean\n  /** Error state */\n  error?: boolean\n  /** If as = 'label' could provide for */\n  htmlFor?: string\n  /**\n   * inverse\n   */\n  inverse?: boolean\n  /**\n   * Size\n   */\n  size?: 'l' | 'm' | 's' | 'xs'\n}\n\nTag.defaultProps = {\n  display: 'inline-block',\n  as: 'button',\n  height: 40,\n}\n\nTagInput.defaultProps = {\n  display: 'inline-block',\n  height: 40,\n}\n\n// Prevent brakechanges\nTag.Input = TagInput\n\nTag.displayName = 'Tag'\n\nfunction TagInput(props: typeof TagInput.defaultProps & TagProps) {\n  return <Tag as='input' {...props} />\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height'>`](#/Миксины)\n */\nexport function Tag(props: typeof Tag.defaultProps & TagProps) {\n  const {\n    as,\n    textProps,\n    content,\n    children,\n    htmlFor,\n    id,\n    name,\n    inputType,\n    value,\n    disabled,\n    onChange,\n    onClick,\n    inverse,\n    checked,\n    ...restProps\n  } = props\n\n  const buttonProps = as === 'button' ? { type: 'button' } : {}\n  const labelProps = as === 'label' ? { htmlFor } : {}\n  const inputProps = as === 'input' ? { htmlFor: id || name } : {}\n\n  return (\n    <Styled.Root\n      as={as === 'input' ? 'label' : as}\n      inverse={inverse}\n      checked={checked}\n      disabled={disabled}\n      onClick={as !== 'input' ? onClick : undefined}\n      {...labelProps}\n      {...buttonProps}\n      {...inputProps}\n      {...restProps}\n    >\n      {as === 'input' ? (\n        <input\n          id={id || name}\n          name={name}\n          type={inputType || 'checkbox'}\n          tabIndex={0}\n          onChange={(e) => {\n            e.persist()\n\n            return onChange && onChange(e)\n          }}\n          onClick={(e) => {\n            e.persist()\n\n            return onClick && onClick(e)\n          }}\n          defaultChecked={props.defaultChecked}\n          checked={checked}\n          value={value}\n          disabled={disabled}\n          hidden\n        />\n      ) : null}\n      {children}\n      <Styled.Text\n        size={14}\n        forwardedAs='span'\n        color={checked && !inverse ? DefaultColorNames.white : DefaultColorNames.mineShaft}\n        {...textProps}\n      >\n        {content}\n      </Styled.Text>\n    </Styled.Root>\n  )\n}\n"],"names":["TagInput","props","_jsx","Tag","as","textProps","content","children","htmlFor","id","name","inputType","value","disabled","onChange","onClick","inverse","checked","restProps","_jsxs","Styled","undefined","type","tabIndex","e","persist","defaultChecked","hidden","size","forwardedAs","color","DefaultColorNames","white","mineShaft","defaultProps","display","height","Input","displayName"],"mappings":"iIAsFA,SAASA,SAASC,GAChB,OAAOC,IAACC,IAAG,CAACC,GAAG,WAAYH,GAC7B,CAUO,SAASE,IAAIF,GAClB,MAAMG,GACJA,EAAEC,UACFA,EAASC,QACTA,EAAOC,SACPA,EAAQC,QACRA,EAAOC,GACPA,EAAEC,KACFA,EAAIC,UACJA,EAASC,MACTA,EAAKC,SACLA,EAAQC,SACRA,EAAQC,QACRA,EAAOC,QACPA,EAAOC,QACPA,KACGC,GACDjB,EAMJ,OACEkB,KAACC,KAAW,CACVhB,GAAIA,IAAO,QAAU,QAAUA,EAC/BY,QAASA,EACTC,QAASA,EACTJ,SAAUA,EACVE,QAASX,IAAO,QAAUW,OAAUM,KATrBjB,IAAO,QAAU,CAAEI,WAAY,MAD9BJ,IAAO,SAAW,CAAEkB,KAAM,UAAa,MAExClB,IAAO,QAAU,CAAEI,QAASC,GAAMC,GAAS,MAYtDQ,EAASX,SAEZH,CAAAA,IAAO,QACNF,IAAA,QAAA,CACEO,GAAIA,GAAMC,EACVA,KAAMA,EACNY,KAAMX,GAAa,WACnBY,SAAU,EACVT,SAAWU,IACTA,EAAEC,UAEKX,GAAYA,EAASU,IAE9BT,QAAUS,IACRA,EAAEC,UAEKV,GAAWA,EAAQS,IAE5BE,eAAgBzB,EAAMyB,eACtBT,QAASA,EACTL,MAAOA,EACPC,SAAUA,EACVc,QAAM,IAEN,KACHpB,EACDL,IAACkB,KAAW,CACVQ,KAAM,GACNC,YAAY,OACZC,MAAOb,IAAYD,EAAUe,kBAAkBC,MAAQD,kBAAkBE,aACrE5B,EAASE,SAEZD,MAIT,CAjGAH,IAAI+B,aAAe,CACjBC,QAAS,eACT/B,GAAI,SACJgC,OAAQ,IAGVpC,SAASkC,aAAe,CACtBC,QAAS,eACTC,OAAQ,IAIVjC,IAAIkC,MAAQrC,SAEZG,IAAImC,YAAc"}

package/components/Tag/style.js

@@ -1,2 +1,2 @@
-import i,{css as o}from'styled-components';import{display as e}from'../../mixins/display.js';import{property as t,responsiveNamedProperty as r}from'../../mixins/responsive-property.js';import{color as l}from'../../mixins/color.js';import{Text as s}from'../Text/Text.js';var h={l:220,m:182,s:100,xs:60};var d=o(["border-color:transparent;background-color:currentColor;"]);var a=i(s).withConfig({componentId:"fox-ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);var n=o(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],a);var c=i.button.withConfig({shouldForwardProp:i=>['children','htmlFor','className','style','onClick'].includes(i)}).withConfig({componentId:"fox-ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(i=>i.theme.colors.white),(i=>i.theme.colors.whiteGray),(i=>i.size?t((i=>'auto'===i.width?'auto':'number'==typeof i.width?i.width:i.size&&h[i.size]?h[i.size]:'auto')(i),'width'):null),(i=>i.height?t(i.height,'line-height'):null),(i=>i.height?t(i.height,'height'):null),(i=>{var{heightXS:o,heightS:e,heightM:t,heightL:l,heightXL:s}=i;return r({sizes:{heightXS:o,heightS:e,heightM:t,heightL:l,heightXL:s},cssProperty:'height'})}),(i=>i.width?t(i.width,'width'):null),(i=>{var{widthXS:o,widthS:e,widthM:t,widthL:l,widthXL:s}=i;return r({sizes:{widthXS:o,widthS:e,widthM:t,widthL:l,widthXL:s},cssProperty:'width'})}),(i=>i.display?e(i.display):null),(i=>i.color?l(i.color):null),(i=>i.disabled?null:o(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],d,a,(i=>i.theme.colors.white))),(i=>i.inverse||i.checked?d:null),n,(i=>i.disabled?n:null));export{c as Root,a as Text};
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');var color=require('../../mixins/color.js');var Text$1=require('../Text/Text.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WIDTHS={l:220,m:182,s:100,xs:60};const active=styled.css(["border-color:transparent;background-color:currentColor;"]);const Text=styled__default.default(Text$1.Text).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=styled.css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled__default.default.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(e=>e.theme.colors.white),(e=>e.theme.colors.whiteGray),(e=>e.size?responsiveProperty.property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null),(e=>e.height?responsiveProperty.property(e.height,'line-height'):null),(e=>e.height?responsiveProperty.property(e.height,'height'):null),(({heightXS:e,heightS:t,heightM:o,heightL:i,heightXL:r})=>responsiveProperty.responsiveNamedProperty({sizes:{heightXS:e,heightS:t,heightM:o,heightL:i,heightXL:r},cssProperty:'height'})),(e=>e.width?responsiveProperty.property(e.width,'width'):null),(({widthXS:e,widthS:t,widthM:o,widthL:i,widthXL:r})=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e,widthS:t,widthM:o,widthL:i,widthXL:r},cssProperty:'width'})),(e=>e.display?display.display(e.display):null),(e=>e.color?color.color(e.color):null),(e=>e.disabled?null:styled.css(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],active,Text,(e=>e.theme.colors.white))),(e=>e.inverse||e.checked?active:null),disabled,(e=>e.disabled?disabled:null));exports.Root=Root,exports.Text=Text;
 //# sourceMappingURL=style.js.map

package/components/Tag/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, PossibleValues, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentColor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  vertical-align: middle;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0px 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          &:hover:not(:disabled) {\n            border-color: currentColor;\n          }\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${(props) => props.theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","UiText","withConfig","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","height","_ref","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","_ref2","widthXS","widthS","widthM","widthL","widthXL","display","color","inverse","checked"],"mappings":"8QAQA,IAAMA,EAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,IAAMC,EAASC,EAAf,CAAA,gEAKaC,EAAOC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,uBAAGH,CAAb,CAAA,2KAWP,IAAMI,EAAWN,EAAH,CAAA,wDAAA,6BAGVC,GAKG,IAAMM,EAAOL,EAAOM,OAAOJ,WAAqB,CACrDK,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KADhFN,WAAA,CAAAC,YAAA,uBAAGH,CAAH,CAAA,0EAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,KAMMU,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,YAS/CJ,GAAWA,EAAMK,KAAOC,EAjDHN,CAAAA,GACJ,SAAhBA,EAAMO,MAAyB,OACR,iBAAhBP,EAAMO,MAA2BP,EAAMO,MAE9CP,EAAMK,MAAQvB,EAAOkB,EAAMK,MAAcvB,EAAOkB,EAAMK,MAEnD,OANiBL,CAiD6BA,GAAQ,SAAW,OACrEA,GAAWA,EAAMQ,OAASF,EAASN,EAAMQ,OAAQ,eAAiB,OAClER,GAAWA,EAAMQ,OAASF,EAASN,EAAMQ,OAAQ,UAAY,OAC9DC,IAAA,IAACC,SAAEA,EAAFC,QAAYA,EAAZC,QAAqBA,EAArBC,QAA8BA,EAA9BC,SAAuCA,GAAxCL,EAAA,OACAM,EAAwB,CAAEC,MAAO,CAAEN,SAAAA,EAAUC,QAAAA,EAASC,QAAAA,EAASC,QAAAA,EAASC,SAAAA,GAAYG,YAAa,cAEhGjB,GAAWA,EAAMO,MAAQD,EAASN,EAAMO,MAAO,SAAW,OACzDW,IAAA,IAACC,QAAEA,EAAFC,OAAWA,EAAXC,OAAmBA,EAAnBC,OAA2BA,EAA3BC,QAAmCA,GAApCL,EAAA,OACFH,EAAwB,CAAEC,MAAO,CAAEG,QAAAA,EAASC,OAAAA,EAAQC,OAAAA,EAAQC,OAAAA,EAAQC,QAAAA,GAAWN,YAAa,aAE3FjB,GAAWA,EAAMwB,QAAUA,EAAQxB,EAAMwB,SAAW,OACpDxB,GAAWA,EAAMyB,MAAQA,EAAMzB,EAAMyB,OAAS,OAM9CzB,GACAA,EAAMN,SAYH,KAXAN,EADJ,CAAA,6EAAA,IAAA,UAAA,OAMUD,EACAE,GACUW,GAAUA,EAAMC,MAAMC,OAAOC,UAMhDH,GAAWA,EAAM0B,SAAW1B,EAAM2B,QAAUxC,EAAS,MAGpDO,GAEDM,GAAWA,EAAMN,SAAWA,EAAW"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, PossibleValues, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentColor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  vertical-align: middle;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0px 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          &:hover:not(:disabled) {\n            border-color: currentColor;\n          }\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${(props) => props.theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","default","UiText","withConfig","displayName","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","chooseWidthValue","height","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","widthXS","widthS","widthM","widthL","widthXL","display","color","inverse","checked"],"mappings":"wWAQA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,OAAGA,IAGjB,CAAA,4DAEM,MAAMC,KAAOC,gBAAMC,QAACC,aAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdL,CASnB,CAAA,2KAED,MAAMM,SAAWR,OAAGA,IAAA,CAAA,wDAAA,6BAGhBC,MAKG,MAAMQ,KAAOP,gBAAAA,QAAOQ,OAAOL,WAAqB,CACrDM,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KAC/FP,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAFkBL,CAElB,CAAA,0EAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,KAIqBY,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,YAS/CJ,GAAWA,EAAMK,KAAOC,mBAAQA,SAjDXN,IACpBA,EAAMO,QAAU,OAAe,cACxBP,EAAMO,OAAU,SAAiBP,EAAMO,MAE9CP,EAAMK,MAAQzB,OAAOoB,EAAMK,MAAczB,OAAOoB,EAAMK,MAEnD,OA2C6BG,CAAiBR,GAAQ,SAAW,OACrEA,GAAWA,EAAMS,OAASH,mBAAQA,SAACN,EAAMS,OAAQ,eAAiB,OAClET,GAAWA,EAAMS,OAASH,mBAAQA,SAACN,EAAMS,OAAQ,UAAY,OAC9D,EAAGC,WAAUC,UAASC,UAASC,UAASC,cACxCC,2CAAwB,CAAEC,MAAO,CAAEN,WAAUC,UAASC,UAASC,UAASC,YAAYG,YAAa,aAEhGjB,GAAWA,EAAMO,MAAQD,mBAAAA,SAASN,EAAMO,MAAO,SAAW,OACzD,EAAGW,UAASC,SAAQC,SAAQC,SAAQC,aACtCP,2CAAwB,CAAEC,MAAO,CAAEE,UAASC,SAAQC,SAAQC,SAAQC,WAAWL,YAAa,YAE3FjB,GAAWA,EAAMuB,QAAUA,QAAOA,QAACvB,EAAMuB,SAAW,OACpDvB,GAAWA,EAAMwB,MAAQA,MAAKA,MAACxB,EAAMwB,OAAS,OAM9CxB,GACAA,EAAMN,SAYH,KAXAR,OAAAA,IAAG,CAAA,6EAAA,IAAA,UAAA,OAKGD,OACAE,MACUa,GAAUA,EAAMC,MAAMC,OAAOC,UAMhDH,GAAWA,EAAMyB,SAAWzB,EAAM0B,QAAUzC,OAAS,MAGpDS,UAEDM,GAAWA,EAAMN,SAAWA,SAAW"}

package/components/Tag/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{color}from'../../mixins/color.mjs';import{Text as Text$1}from'../Text/Text.mjs';const WIDTHS={l:220,m:182,s:100,xs:60};const active=css(["border-color:transparent;background-color:currentColor;"]);const Text=styled(Text$1).withConfig({displayName:"Tag__Text",componentId:"ui__sc-3oi44j-0"})(["display:inline-block;vertical-align:middle;white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden;vertical-align:middle;transition:color 0.25s ease;"]);const disabled=css(["cursor:not-allowed;background-color:rgba(0,0,0,0.04);","{color:rgba(0,0,0,0.16);}"],Text);const Root=styled.button.withConfig({shouldForwardProp:e=>['children','htmlFor','className','style','onClick'].includes(e)}).withConfig({displayName:"Tag__Root",componentId:"ui__sc-3oi44j-1"})(["padding:0px 16px;margin-bottom:10px;border-radius:3px;background-color:",";border:1px solid ",";box-sizing:border-box;vertical-align:middle;transition:color 0.25s ease,background 0.25s ease,border-color 0.25s ease;cursor:pointer;text-align:center;touch-action:manipulation;min-width:60px;"," "," "," "," "," "," "," "," &:not(:last-child){margin-right:20px;}"," "," &:disabled{","}",""],(e=>e.theme.colors.white),(e=>e.theme.colors.whiteGray),(e=>e.size?property((e=>e.width==='auto'?'auto':typeof e.width=='number'?e.width:e.size&&WIDTHS[e.size]?WIDTHS[e.size]:'auto')(e),'width'):null),(e=>e.height?property(e.height,'line-height'):null),(e=>e.height?property(e.height,'height'):null),(({heightXS:e,heightS:o,heightM:i,heightL:t,heightXL:r})=>responsiveNamedProperty({sizes:{heightXS:e,heightS:o,heightM:i,heightL:t,heightXL:r},cssProperty:'height'})),(e=>e.width?property(e.width,'width'):null),(({widthXS:e,widthS:o,widthM:i,widthL:t,widthXL:r})=>responsiveNamedProperty({sizes:{widthXS:e,widthS:o,widthM:i,widthL:t,widthXL:r},cssProperty:'width'})),(e=>e.display?display(e.display):null),(e=>e.color?color(e.color):null),(e=>e.disabled?null:css(["&:hover:not(:disabled){border-color:currentColor;}&:active:not(:disabled){"," ","{color:",";}}"],active,Text,(e=>e.theme.colors.white))),(e=>e.inverse||e.checked?active:null),disabled,(e=>e.disabled?disabled:null));export{Root,Text};
+//# sourceMappingURL=style.mjs.map

package/components/Tag/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Tag/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, PossibleValues, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { color } from 'mixins/color'\nimport { Text as UiText } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { TagProps } from './Tag'\n\nconst WIDTHS: Record<Partial<Exclude<TagProps['size'], 'auto' | undefined>>, number> = {\n  l: 220,\n  m: 182,\n  s: 100,\n  xs: 60,\n}\n\nconst chooseWidthValue = (props: TagProps): PossibleValues => {\n  if (props.width === 'auto') return 'auto'\n  if (typeof props.width === 'number') return props.width\n\n  if (props.size && WIDTHS[props.size]) return WIDTHS[props.size]\n\n  return 'auto'\n}\n\nconst active = css`\n  border-color: transparent;\n  background-color: currentColor;\n`\n\nexport const Text = styled(UiText)<TextProps>`\n  display: inline-block;\n  vertical-align: middle;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  max-width: 100%;\n  overflow: hidden;\n  vertical-align: middle;\n  transition: color 0.25s ease;\n`\n\nconst disabled = css`\n  cursor: not-allowed;\n  background-color: rgba(0, 0, 0, 0.04);\n  ${Text} {\n    color: rgba(0, 0, 0, 0.16);\n  }\n`\n\nexport const Root = styled.button.withConfig<TagProps>({\n  shouldForwardProp: (prop) => ['children', 'htmlFor', 'className', 'style', 'onClick'].includes(prop),\n})`\n  padding: 0px 16px;\n  margin-bottom: 10px;\n  border-radius: 3px;\n  background-color: ${(props) => props.theme.colors.white};\n  border: 1px solid ${(props) => props.theme.colors.whiteGray};\n  box-sizing: border-box;\n  vertical-align: middle;\n  transition: color 0.25s ease, background 0.25s ease, border-color 0.25s ease;\n  cursor: pointer;\n  text-align: center;\n  touch-action: manipulation;\n  min-width: 60px;\n\n  ${(props) => (props.size ? property(chooseWidthValue(props), 'width') : null)}\n  ${(props) => (props.height ? property(props.height, 'line-height') : null)}\n  ${(props) => (props.height ? property(props.height, 'height') : null)}\n  ${({ heightXS, heightS, heightM, heightL, heightXL }) =>\n    responsiveNamedProperty({ sizes: { heightXS, heightS, heightM, heightL, heightXL }, cssProperty: 'height' })}\n\n  ${(props) => (props.width ? property(props.width, 'width') : null)}\n    ${({ widthXS, widthS, widthM, widthL, widthXL }) =>\n    responsiveNamedProperty({ sizes: { widthXS, widthS, widthM, widthL, widthXL }, cssProperty: 'width' })}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : null)}\n\n  &:not(:last-child) {\n    margin-right: 20px;\n  }\n\n  ${(props) =>\n    !props.disabled\n      ? css`\n          &:hover:not(:disabled) {\n            border-color: currentColor;\n          }\n          &:active:not(:disabled) {\n            ${active}\n            ${Text} {\n              color: ${(props) => props.theme.colors.white};\n            }\n          }\n        `\n      : null}\n\n  ${(props) => (props.inverse || props.checked ? active : null)}\n\n  &:disabled {\n    ${disabled}\n  }\n  ${(props) => (props.disabled ? disabled : null)}\n`\n"],"names":["WIDTHS","l","m","s","xs","active","css","Text","styled","UiText","withConfig","displayName","componentId","disabled","Root","button","shouldForwardProp","prop","includes","props","theme","colors","white","whiteGray","size","property","width","chooseWidthValue","height","heightXS","heightS","heightM","heightL","heightXL","responsiveNamedProperty","sizes","cssProperty","widthXS","widthS","widthM","widthL","widthXL","display","color","inverse","checked"],"mappings":"mQAQA,MAAMA,OAAiF,CACrFC,EAAG,IACHC,EAAG,IACHC,EAAG,IACHC,GAAI,IAYN,MAAMC,OAASC,IAGd,CAAA,4DAEM,MAAMC,KAAOC,OAAOC,QAAOC,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAAdJ,CASnB,CAAA,2KAED,MAAMK,SAAWP,IAAG,CAAA,wDAAA,6BAGhBC,MAKG,MAAMO,KAAON,OAAOO,OAAOL,WAAqB,CACrDM,kBAAoBC,GAAS,CAAC,WAAY,UAAW,YAAa,QAAS,WAAWC,SAASD,KAC/FP,WAAA,CAAAC,YAAA,YAAAC,YAAA,mBAFkBJ,CAElB,CAAA,0EAAA,qBAAA,oMAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,0CAAA,IAAA,eAAA,IAAA,KAIqBW,GAAUA,EAAMC,MAAMC,OAAOC,QAC7BH,GAAUA,EAAMC,MAAMC,OAAOE,YAS/CJ,GAAWA,EAAMK,KAAOC,SAjDHN,IACpBA,EAAMO,QAAU,OAAe,cACxBP,EAAMO,OAAU,SAAiBP,EAAMO,MAE9CP,EAAMK,MAAQxB,OAAOmB,EAAMK,MAAcxB,OAAOmB,EAAMK,MAEnD,OA2C6BG,CAAiBR,GAAQ,SAAW,OACrEA,GAAWA,EAAMS,OAASH,SAASN,EAAMS,OAAQ,eAAiB,OAClET,GAAWA,EAAMS,OAASH,SAASN,EAAMS,OAAQ,UAAY,OAC9D,EAAGC,WAAUC,UAASC,UAASC,UAASC,cACxCC,wBAAwB,CAAEC,MAAO,CAAEN,WAAUC,UAASC,UAASC,UAASC,YAAYG,YAAa,aAEhGjB,GAAWA,EAAMO,MAAQD,SAASN,EAAMO,MAAO,SAAW,OACzD,EAAGW,UAASC,SAAQC,SAAQC,SAAQC,aACtCP,wBAAwB,CAAEC,MAAO,CAAEE,UAASC,SAAQC,SAAQC,SAAQC,WAAWL,YAAa,YAE3FjB,GAAWA,EAAMuB,QAAUA,QAAQvB,EAAMuB,SAAW,OACpDvB,GAAWA,EAAMwB,MAAQA,MAAMxB,EAAMwB,OAAS,OAM9CxB,GACAA,EAAMN,SAYH,KAXAP,IAAG,CAAA,6EAAA,IAAA,UAAA,OAKGD,OACAE,MACUY,GAAUA,EAAMC,MAAMC,OAAOC,UAMhDH,GAAWA,EAAMyB,SAAWzB,EAAM0B,QAAUxC,OAAS,MAGpDQ,UAEDM,GAAWA,EAAMN,SAAWA,SAAW"}

package/components/Text/Text.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{forwardRef as r}from'react';import{withMergedProps as a}from'../../hocs/withMergedProps.js';import{useClassname as s}from'../../hooks/useClassname.js';import{TextHeading as i}from'../Text.Heading/Text.Heading.js';import{TextEllipse as o}from'../Text.Ellipse/Text.Ellipse.js';import{SIZES as n,APPEARANCE as m}from'./constants.js';import{SIZES_DEFAULT as l}from'./default-constants.js';import{Root as p}from'./style.js';import{jsx as c}from'react/jsx-runtime';var f=["size","weight","lineHeight","fontStyle","className","content","children"];var h='Text';var d=Object.assign(a(r(((r,a)=>{var i=r.appearance?t(t({},m[r.appearance]),r):r;var{size:o="m",weight:n="normal",lineHeight:l="m",fontStyle:h="normal",className:d,content:g,children:x}=i,j=e(i,f);var T=s("Text",d);return c(p,t(t({},j),{},{size:o,weight:n,lineHeight:l,fontStyle:h,className:T,ref:a,children:x||g}))})),{displayName:"Text",sizes:e=>{var t;return'string'==typeof e.appearance&&null!==(t=n[e.appearance])&&void 0!==t?t:l}}),{Heading:i,Ellipse:o});export{h as COMPONENT_NAME,d as Text};
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text_Heading=require('../Text.Heading/Text.Heading.js');var Text_Ellipse=require('../Text.Ellipse/Text.Ellipse.js');const Text=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const t=e.appearance?{...constants.APPEARANCE[e.appearance],...e}:e;const{size:a="m",weight:r="normal",lineHeight:n="m",fontStyle:i="normal",className:l,content:o,children:c,...p}=t;const u=useClassname.useClassname("Text",l);return require$$0.jsx(style.Root,{...p,size:a,weight:r,lineHeight:n,fontStyle:i,className:u,ref:s,children:c||o})})),{displayName:"Text",sizes:e=>typeof e.appearance=='string'?constants.SIZES[e.appearance]??defaultConstants.SIZES_DEFAULT:defaultConstants.SIZES_DEFAULT}),{Heading:Text_Heading.TextHeading,Ellipse:Text_Ellipse.TextEllipse});exports.COMPONENT_NAME="Text",exports.Text=Text;
 //# sourceMappingURL=Text.js.map

package/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TextProps](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts)\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLDivElement>(\n      forwardRef((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ...restProps\n        } = textProps\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ref={ref}\n          >\n            {children || content}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","restProps","_excluded","textClassName","useClassname","_jsx","Styled.Root","displayName","sizes","_SIZES$props$appearan","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"spBAUMA,IAAAA,EAAiB,OAYvB,IAAMC,EACJC,OAAOC,OACLC,EACEC,GAAW,CAACC,EAAOC,KACjB,IAAMC,EAAYF,EAAMG,WAAkBC,EAAAA,EAAAA,GAAAA,EAAWJ,EAAMG,aAAgBH,GAAUA,EAErF,IAAMK,KACJA,EAAO,IADHC,OAEJA,EAAS,SAFLC,WAGJA,EAAa,IAHTC,UAIJA,EAAY,SAJRC,UAKJA,EALIC,QAMJA,EANIC,SAOJA,GAEET,EADCU,IACDV,EATJW,GAWA,IAAMC,EAAgBC,EA7BP,OA6BoCN,GAEnD,OACEO,EAACC,SACKL,GADN,GAAA,CAEEP,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWK,EACXb,IAAKA,EAPPU,SASGA,GAAYD,QAInB,CACEQ,YA9Ce,OA+CfC,MAAQnB,IACoC,IAAAoB,EAA1C,MAAgC,iBAArBpB,EAAMG,oBACfiB,EAAOC,EAAMrB,EAAMG,2BAGdmB,KAIb,CACEC,QAASC,EACTC,QAASC"}
+{"version":3,"file":"Text.js","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TextProps](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts)\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLDivElement>(\n      forwardRef((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ...restProps\n        } = textProps\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ref={ref}\n          >\n            {children || content}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","restProps","textClassName","useClassname","_jsx","Styled","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"gcAsBA,MAAMA,KACJC,OAAOC,OACLC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,UAAUA,WAACJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,KACGC,GACDV,EAEJ,MAAMW,EAAgBC,aAAAA,aA7BP,OA6BoCL,GAEnD,OACEM,WAAAA,IAACC,MAAAA,KAAW,IACNJ,EACJP,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWI,EACXZ,IAAKA,EAAIU,SAERA,GAAYD,GACD,IAGlB,CACEO,YA9Ce,OA+CfC,MAAQlB,UACKA,EAAMG,YAAe,SACvBgB,gBAAMnB,EAAMG,aAAeiB,iBAAAA,cAG7BA,iCAIb,CACEC,QAASC,aAAWA,YACpBC,QAASC,aAAAA,qCA1DQ"}

package/components/Text/Text.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useClassname}from'../../hooks/useClassname.mjs';import{SIZES,APPEARANCE}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{TextHeading}from'../Text.Heading/Text.Heading.mjs';import{TextEllipse}from'../Text.Ellipse/Text.Ellipse.mjs';const COMPONENT_NAME='Text';const Text=Object.assign(withMergedProps(forwardRef(((e,t)=>{const s=e.appearance?{...APPEARANCE[e.appearance],...e}:e;const{size:o="m",weight:r="normal",lineHeight:a="m",fontStyle:i="normal",className:m,content:n,children:p,...l}=s;const E=useClassname("Text",m);return jsx(Root,{...l,size:o,weight:r,lineHeight:a,fontStyle:i,className:E,ref:t,children:p||n})})),{displayName:"Text",sizes:e=>typeof e.appearance=='string'?SIZES[e.appearance]??SIZES_DEFAULT:SIZES_DEFAULT}),{Heading:TextHeading,Ellipse:TextEllipse});export{COMPONENT_NAME,Text};
+//# sourceMappingURL=Text.mjs.map

package/components/Text/Text.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.mjs","sources":["../../../../src/components/Text/Text.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { useClassname } from 'hooks/useClassname'\nimport { TextHeading } from 'components/Text.Heading'\nimport { TextEllipse } from 'components/Text.Ellipse'\nimport type { TextProps } from './types'\nimport { APPEARANCE, SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Text'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TextProps](https://github.com/foxford/ui/blob/master/src/components/Text/types.ts)\n */\nconst Text: React.ForwardRefExoticComponent<TextProps> & { Heading: typeof TextHeading; Ellipse: typeof TextEllipse } =\n  Object.assign(\n    withMergedProps<TextProps, HTMLDivElement>(\n      forwardRef((props, ref) => {\n        const textProps = props.appearance ? { ...APPEARANCE[props.appearance], ...props } : props\n\n        const {\n          size = 'm',\n          weight = 'normal',\n          lineHeight = 'm',\n          fontStyle = 'normal',\n          className,\n          content,\n          children,\n          ...restProps\n        } = textProps\n\n        const textClassName = useClassname(COMPONENT_NAME, className)\n\n        return (\n          <Styled.Root\n            {...restProps}\n            size={size}\n            weight={weight}\n            lineHeight={lineHeight}\n            fontStyle={fontStyle}\n            className={textClassName}\n            ref={ref}\n          >\n            {children || content}\n          </Styled.Root>\n        )\n      }),\n      {\n        displayName: COMPONENT_NAME,\n        sizes: (props) => {\n          if (typeof props.appearance === 'string') {\n            return SIZES[props.appearance] ?? SIZES_DEFAULT\n          }\n\n          return SIZES_DEFAULT\n        },\n      }\n    ),\n    {\n      Heading: TextHeading,\n      Ellipse: TextEllipse,\n    }\n  )\n\nexport { Text, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Text","Object","assign","withMergedProps","forwardRef","props","ref","textProps","appearance","APPEARANCE","size","weight","lineHeight","fontStyle","className","content","children","restProps","textClassName","useClassname","_jsx","Styled","displayName","sizes","SIZES","SIZES_DEFAULT","Heading","TextHeading","Ellipse","TextEllipse"],"mappings":"uaAUMA,MAAAA,eAAiB,OAYvB,MAAMC,KACJC,OAAOC,OACLC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,EAAYF,EAAMG,WAAa,IAAKC,WAAWJ,EAAMG,eAAgBH,GAAUA,EAErF,MAAMK,KACJA,EAAO,IAAGC,OACVA,EAAS,SAAQC,WACjBA,EAAa,IAAGC,UAChBA,EAAY,SAAQC,UACpBA,EAASC,QACTA,EAAOC,SACPA,KACGC,GACDV,EAEJ,MAAMW,EAAgBC,aA7BP,OA6BoCL,GAEnD,OACEM,IAACC,KAAW,IACNJ,EACJP,KAAMA,EACNC,OAAQA,EACRC,WAAYA,EACZC,UAAWA,EACXC,UAAWI,EACXZ,IAAKA,EAAIU,SAERA,GAAYD,GACD,IAGlB,CACEO,YA9Ce,OA+CfC,MAAQlB,UACKA,EAAMG,YAAe,SACvBgB,MAAMnB,EAAMG,aAAeiB,cAG7BA,gBAIb,CACEC,QAASC,YACTC,QAASC"}

package/components/Text/constants.js

@@ -1,2 +1,2 @@
-var e={display:{lineHeight:1,weight:800,fontStyle:'normal'},heading:{lineHeight:1.1,weight:800,fontStyle:'normal'},subheading:{lineHeight:1.1,weight:700,fontStyle:'normal'},'subheading-compact':{lineHeight:1.3,weight:800,fontStyle:'normal'},body:{lineHeight:1.3,weight:400,fontStyle:'normal'},caption:{lineHeight:1.2,weight:400,fontStyle:'normal'}};var t={display:{xxxl:{fontSize:84},xxl:{fontSize:76},xl:{fontSize:68},l:{fontSize:60},m:{fontSize:52},s:{fontSize:44},xs:{fontSize:36},xxs:{fontSize:28},xxxs:{fontSize:20}},heading:{xxxl:{fontSize:64},xxl:{fontSize:56},xl:{fontSize:48},l:{fontSize:40},m:{fontSize:36},s:{fontSize:32},xs:{fontSize:28},xxs:{fontSize:24},xxxs:{fontSize:20}},subheading:{xxxl:{fontSize:52},xxl:{fontSize:46},xl:{fontSize:40},l:{fontSize:34},m:{fontSize:28},s:{fontSize:24},xs:{fontSize:20},xxs:{fontSize:16},xxxs:{fontSize:12}},'subheading-compact':{xxxl:{fontSize:36},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:14},xxxs:{fontSize:12}},body:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}},caption:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}}};export{e as APPEARANCE,t as SIZES};
+'use strict';exports.APPEARANCE={display:{lineHeight:1,weight:800,fontStyle:'normal'},heading:{lineHeight:1.1,weight:800,fontStyle:'normal'},subheading:{lineHeight:1.1,weight:700,fontStyle:'normal'},'subheading-compact':{lineHeight:1.3,weight:800,fontStyle:'normal'},body:{lineHeight:1.3,weight:400,fontStyle:'normal'},caption:{lineHeight:1.2,weight:400,fontStyle:'normal'}},exports.SIZES={display:{xxxl:{fontSize:84},xxl:{fontSize:76},xl:{fontSize:68},l:{fontSize:60},m:{fontSize:52},s:{fontSize:44},xs:{fontSize:36},xxs:{fontSize:28},xxxs:{fontSize:20}},heading:{xxxl:{fontSize:64},xxl:{fontSize:56},xl:{fontSize:48},l:{fontSize:40},m:{fontSize:36},s:{fontSize:32},xs:{fontSize:28},xxs:{fontSize:24},xxxs:{fontSize:20}},subheading:{xxxl:{fontSize:52},xxl:{fontSize:46},xl:{fontSize:40},l:{fontSize:34},m:{fontSize:28},s:{fontSize:24},xs:{fontSize:20},xxs:{fontSize:16},xxxs:{fontSize:12}},'subheading-compact':{xxxl:{fontSize:36},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:14},xxxs:{fontSize:12}},body:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}},caption:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}}};
 //# sourceMappingURL=constants.js.map

package/components/Text/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Text/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\nimport type { TypographyAppearance, TextProps } from './types'\n\nexport const APPEARANCE: Record<TypographyAppearance, Partial<Omit<TextProps, 'size' | 'appearance'>>> = {\n  display: {\n    lineHeight: 1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  heading: {\n    lineHeight: 1.1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  subheading: {\n    lineHeight: 1.1,\n    weight: 700,\n    fontStyle: 'normal',\n  },\n  'subheading-compact': {\n    lineHeight: 1.3,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  body: {\n    lineHeight: 1.3,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n  caption: {\n    lineHeight: 1.2,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n}\n\nexport const SIZES: Record<TypographyAppearance, Sizes> = {\n  display: {\n    xxxl: {\n      fontSize: 84,\n    },\n    xxl: {\n      fontSize: 76,\n    },\n    xl: {\n      fontSize: 68,\n    },\n    l: {\n      fontSize: 60,\n    },\n    m: {\n      fontSize: 52,\n    },\n    s: {\n      fontSize: 44,\n    },\n    xs: {\n      fontSize: 36,\n    },\n    xxs: {\n      fontSize: 28,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  heading: {\n    xxxl: {\n      fontSize: 64,\n    },\n    xxl: {\n      fontSize: 56,\n    },\n    xl: {\n      fontSize: 48,\n    },\n    l: {\n      fontSize: 40,\n    },\n    m: {\n      fontSize: 36,\n    },\n    s: {\n      fontSize: 32,\n    },\n    xs: {\n      fontSize: 28,\n    },\n    xxs: {\n      fontSize: 24,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  subheading: {\n    xxxl: {\n      fontSize: 52,\n    },\n    xxl: {\n      fontSize: 46,\n    },\n    xl: {\n      fontSize: 40,\n    },\n    l: {\n      fontSize: 34,\n    },\n    m: {\n      fontSize: 28,\n    },\n    s: {\n      fontSize: 24,\n    },\n    xs: {\n      fontSize: 20,\n    },\n    xxs: {\n      fontSize: 16,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  'subheading-compact': {\n    xxxl: {\n      fontSize: 36,\n    },\n    xxl: {\n      fontSize: 32,\n    },\n    xl: {\n      fontSize: 28,\n    },\n    l: {\n      fontSize: 24,\n    },\n    m: {\n      fontSize: 20,\n    },\n    s: {\n      fontSize: 18,\n    },\n    xs: {\n      fontSize: 16,\n    },\n    xxs: {\n      fontSize: 14,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  body: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\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  caption: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\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}\n"],"names":["APPEARANCE","display","lineHeight","weight","fontStyle","heading","subheading","body","caption","SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,IAAMA,EAA4F,CACvGC,QAAS,CACPC,WAAY,EACZC,OAAQ,IACRC,UAAW,UAEbC,QAAS,CACPH,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbE,WAAY,CACVJ,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEb,qBAAsB,CACpBF,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbG,KAAM,CACJL,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbI,QAAS,CACPN,WAAY,IACZC,OAAQ,IACRC,UAAW,WAIR,IAAMK,EAA6C,CACxDR,QAAS,CACPS,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,KAGdN,QAAS,CACPK,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,KAGdL,WAAY,CACVI,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,KAGd,qBAAsB,CACpBD,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,KAGdJ,KAAM,CACJG,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,KAGdH,QAAS,CACPE,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"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Text/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\nimport type { TypographyAppearance, TextProps } from './types'\n\nexport const APPEARANCE: Record<TypographyAppearance, Partial<Omit<TextProps, 'size' | 'appearance'>>> = {\n  display: {\n    lineHeight: 1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  heading: {\n    lineHeight: 1.1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  subheading: {\n    lineHeight: 1.1,\n    weight: 700,\n    fontStyle: 'normal',\n  },\n  'subheading-compact': {\n    lineHeight: 1.3,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  body: {\n    lineHeight: 1.3,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n  caption: {\n    lineHeight: 1.2,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n}\n\nexport const SIZES: Record<TypographyAppearance, Sizes> = {\n  display: {\n    xxxl: {\n      fontSize: 84,\n    },\n    xxl: {\n      fontSize: 76,\n    },\n    xl: {\n      fontSize: 68,\n    },\n    l: {\n      fontSize: 60,\n    },\n    m: {\n      fontSize: 52,\n    },\n    s: {\n      fontSize: 44,\n    },\n    xs: {\n      fontSize: 36,\n    },\n    xxs: {\n      fontSize: 28,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  heading: {\n    xxxl: {\n      fontSize: 64,\n    },\n    xxl: {\n      fontSize: 56,\n    },\n    xl: {\n      fontSize: 48,\n    },\n    l: {\n      fontSize: 40,\n    },\n    m: {\n      fontSize: 36,\n    },\n    s: {\n      fontSize: 32,\n    },\n    xs: {\n      fontSize: 28,\n    },\n    xxs: {\n      fontSize: 24,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  subheading: {\n    xxxl: {\n      fontSize: 52,\n    },\n    xxl: {\n      fontSize: 46,\n    },\n    xl: {\n      fontSize: 40,\n    },\n    l: {\n      fontSize: 34,\n    },\n    m: {\n      fontSize: 28,\n    },\n    s: {\n      fontSize: 24,\n    },\n    xs: {\n      fontSize: 20,\n    },\n    xxs: {\n      fontSize: 16,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  'subheading-compact': {\n    xxxl: {\n      fontSize: 36,\n    },\n    xxl: {\n      fontSize: 32,\n    },\n    xl: {\n      fontSize: 28,\n    },\n    l: {\n      fontSize: 24,\n    },\n    m: {\n      fontSize: 20,\n    },\n    s: {\n      fontSize: 18,\n    },\n    xs: {\n      fontSize: 16,\n    },\n    xxs: {\n      fontSize: 14,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  body: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\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  caption: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\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}\n"],"names":["display","lineHeight","weight","fontStyle","heading","subheading","body","caption","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"gCAGyG,CACvGA,QAAS,CACPC,WAAY,EACZC,OAAQ,IACRC,UAAW,UAEbC,QAAS,CACPH,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbE,WAAY,CACVJ,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEb,qBAAsB,CACpBF,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbG,KAAM,CACJL,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbI,QAAS,CACPN,WAAY,IACZC,OAAQ,IACRC,UAAW,yBAI2C,CACxDH,QAAS,CACPQ,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,KAGdL,QAAS,CACPI,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,KAGdJ,WAAY,CACVG,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,KAGd,qBAAsB,CACpBD,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,KAGdH,KAAM,CACJE,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,KAGdF,QAAS,CACPC,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/Text/constants.mjs

@@ -0,0 +1,2 @@
+const APPEARANCE={display:{lineHeight:1,weight:800,fontStyle:'normal'},heading:{lineHeight:1.1,weight:800,fontStyle:'normal'},subheading:{lineHeight:1.1,weight:700,fontStyle:'normal'},'subheading-compact':{lineHeight:1.3,weight:800,fontStyle:'normal'},body:{lineHeight:1.3,weight:400,fontStyle:'normal'},caption:{lineHeight:1.2,weight:400,fontStyle:'normal'}};const SIZES={display:{xxxl:{fontSize:84},xxl:{fontSize:76},xl:{fontSize:68},l:{fontSize:60},m:{fontSize:52},s:{fontSize:44},xs:{fontSize:36},xxs:{fontSize:28},xxxs:{fontSize:20}},heading:{xxxl:{fontSize:64},xxl:{fontSize:56},xl:{fontSize:48},l:{fontSize:40},m:{fontSize:36},s:{fontSize:32},xs:{fontSize:28},xxs:{fontSize:24},xxxs:{fontSize:20}},subheading:{xxxl:{fontSize:52},xxl:{fontSize:46},xl:{fontSize:40},l:{fontSize:34},m:{fontSize:28},s:{fontSize:24},xs:{fontSize:20},xxs:{fontSize:16},xxxs:{fontSize:12}},'subheading-compact':{xxxl:{fontSize:36},xxl:{fontSize:32},xl:{fontSize:28},l:{fontSize:24},m:{fontSize:20},s:{fontSize:18},xs:{fontSize:16},xxs:{fontSize:14},xxxs:{fontSize:12}},body:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}},caption:{xxxl:{fontSize:32},xxl:{fontSize:28},xl:{fontSize:24},l:{fontSize:20},m:{fontSize:18},s:{fontSize:16},xs:{fontSize:14},xxs:{fontSize:12},xxxs:{fontSize:10}}};export{APPEARANCE,SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/Text/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Text/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\nimport type { TypographyAppearance, TextProps } from './types'\n\nexport const APPEARANCE: Record<TypographyAppearance, Partial<Omit<TextProps, 'size' | 'appearance'>>> = {\n  display: {\n    lineHeight: 1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  heading: {\n    lineHeight: 1.1,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  subheading: {\n    lineHeight: 1.1,\n    weight: 700,\n    fontStyle: 'normal',\n  },\n  'subheading-compact': {\n    lineHeight: 1.3,\n    weight: 800,\n    fontStyle: 'normal',\n  },\n  body: {\n    lineHeight: 1.3,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n  caption: {\n    lineHeight: 1.2,\n    weight: 400,\n    fontStyle: 'normal',\n  },\n}\n\nexport const SIZES: Record<TypographyAppearance, Sizes> = {\n  display: {\n    xxxl: {\n      fontSize: 84,\n    },\n    xxl: {\n      fontSize: 76,\n    },\n    xl: {\n      fontSize: 68,\n    },\n    l: {\n      fontSize: 60,\n    },\n    m: {\n      fontSize: 52,\n    },\n    s: {\n      fontSize: 44,\n    },\n    xs: {\n      fontSize: 36,\n    },\n    xxs: {\n      fontSize: 28,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  heading: {\n    xxxl: {\n      fontSize: 64,\n    },\n    xxl: {\n      fontSize: 56,\n    },\n    xl: {\n      fontSize: 48,\n    },\n    l: {\n      fontSize: 40,\n    },\n    m: {\n      fontSize: 36,\n    },\n    s: {\n      fontSize: 32,\n    },\n    xs: {\n      fontSize: 28,\n    },\n    xxs: {\n      fontSize: 24,\n    },\n    xxxs: {\n      fontSize: 20,\n    },\n  },\n  subheading: {\n    xxxl: {\n      fontSize: 52,\n    },\n    xxl: {\n      fontSize: 46,\n    },\n    xl: {\n      fontSize: 40,\n    },\n    l: {\n      fontSize: 34,\n    },\n    m: {\n      fontSize: 28,\n    },\n    s: {\n      fontSize: 24,\n    },\n    xs: {\n      fontSize: 20,\n    },\n    xxs: {\n      fontSize: 16,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  'subheading-compact': {\n    xxxl: {\n      fontSize: 36,\n    },\n    xxl: {\n      fontSize: 32,\n    },\n    xl: {\n      fontSize: 28,\n    },\n    l: {\n      fontSize: 24,\n    },\n    m: {\n      fontSize: 20,\n    },\n    s: {\n      fontSize: 18,\n    },\n    xs: {\n      fontSize: 16,\n    },\n    xxs: {\n      fontSize: 14,\n    },\n    xxxs: {\n      fontSize: 12,\n    },\n  },\n  body: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\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  caption: {\n    xxxl: {\n      fontSize: 32,\n    },\n    xxl: {\n      fontSize: 28,\n    },\n    xl: {\n      fontSize: 24,\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}\n"],"names":["APPEARANCE","display","lineHeight","weight","fontStyle","heading","subheading","body","caption","SIZES","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAGO,MAAMA,WAA4F,CACvGC,QAAS,CACPC,WAAY,EACZC,OAAQ,IACRC,UAAW,UAEbC,QAAS,CACPH,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbE,WAAY,CACVJ,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEb,qBAAsB,CACpBF,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbG,KAAM,CACJL,WAAY,IACZC,OAAQ,IACRC,UAAW,UAEbI,QAAS,CACPN,WAAY,IACZC,OAAQ,IACRC,UAAW,WAIR,MAAMK,MAA6C,CACxDR,QAAS,CACPS,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,KAGdN,QAAS,CACPK,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,KAGdL,WAAY,CACVI,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,KAGd,qBAAsB,CACpBD,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,KAGdJ,KAAM,CACJG,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,KAGdH,QAAS,CACPE,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/Text/default-constants.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Text/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAuB,CAClCC,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"}
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Text/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"mCAEoC,CAClCA,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/Text/default-constants.mjs

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Text/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {\n    fontSize: 24,\n  },\n  xxl: {\n    fontSize: 22,\n  },\n  xl: {\n    fontSize: 20,\n  },\n  l: {\n    fontSize: 18,\n  },\n  m: {\n    fontSize: 16,\n  },\n  s: {\n    fontSize: 14,\n  },\n  xs: {\n    fontSize: 12,\n  },\n  xxs: {\n    fontSize: 10,\n  },\n  xxxs: {\n    fontSize: 8,\n  },\n}\n"],"names":["SIZES_DEFAULT","xxxl","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,cAAuB,CAClCC,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/Text/style.js

@@ -1,2 +1,2 @@
-import n from'styled-components';import{display as o}from'../../mixins/display.js';import{color as t}from'../../mixins/color.js';import{responsiveSize as e}from'../../mixins/responsive-size.js';import{responsiveMargin as i}from'../../mixins/responsive-margin.js';import{createShouldForwardProp as r}from'../../shared/utils/style.js';var a={lighter:100,normal:400,bold:600,bolder:800};var c={l:1.5,m:1.3,s:1.15,xs:1};var s=r((n=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(n)));var l=n.div.withConfig({shouldForwardProp:s}).withConfig({componentId:"fox-ui__sc-s2fogy-0"})([""," "," "," "," ",""],(n=>{var o,t;return"\n    margin: 0;\n    ".concat(n.fontFamily?"font-family: ".concat(n.fontFamily,";"):'',"\n    ").concat(n.transform?"text-transform: ".concat(n.transform,";"):'',"\n    ").concat(n.weight?"font-weight: ".concat(null!==(o=a[n.weight])&&void 0!==o?o:n.weight,";"):'',"\n    ").concat(n.fontStyle?"font-style: ".concat(n.fontStyle,";"):'',"\n    ").concat(n.textAlign?"text-align: ".concat(n.textAlign,";"):'',"\n    ").concat(n.lineHeight?"line-height: ".concat(null!==(t=c[n.lineHeight])&&void 0!==t?t:n.lineHeight,";"):'',"\n    ").concat(n.underline?"border-bottom: 1px ".concat('string'==typeof n.underline?n.underline:'solid',";"):'',"\n    ").concat(n.whiteSpace?"white-space: ".concat(n.whiteSpace,";"):'',"\n    ").concat(n.wordBreak?"word-break: ".concat(n.wordBreak,";"):'',"\n    a {\n      text-decoration: ").concat(n.underlineLinks?'underline':'none',";\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  ")}),e,i,(n=>n.display?o(n.display):null),(n=>t(n.color?n.color:n.theme.textColor)));export{l as Root};
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var color=require('../../mixins/color.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var style=require('../../shared/utils/style.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=style.createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(e)));const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," ",""],(e=>`\n    margin: 0;\n    ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n    ${e.transform?`text-transform: ${e.transform};`:''}\n    ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n    ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n    ${e.textAlign?`text-align: ${e.textAlign};`:''}\n    ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n    ${e.underline?`border-bottom: 1px ${typeof e.underline=='string'?e.underline:'solid'};`:''}\n    ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n    ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n    a {\n      text-decoration: ${e.underlineLinks?'underline':'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `),responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(e=>e.display?display.display(e.display):null),(e=>color.color(e.color?e.color:e.theme.textColor)));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Text/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color } from 'shared/types'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'underline',\n      'whiteSpace',\n      'wordBreak',\n    ].includes(propKey)\n)\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${props.lineHeight ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight};` : ''}\n    ${props.underline ? `border-bottom: 1px ${typeof props.underline === 'string' ? props.underline : 'solid'};` : ''}\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","componentId","props","_WEIGHT_MAP$props$wei","_LINE_HEIGHT_MAP$prop","fontFamily","transform","concat","weight","fontStyle","textAlign","lineHeight","underline","whiteSpace","wordBreak","underlineLinks","responsiveSize","responsiveMargin","display","color","theme","textColor"],"mappings":"6UASA,IAAMA,EAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,IAAMC,EAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,IAAMC,EAAwBC,GAC3BC,IACE,CACC,aACA,aACA,SACA,YACA,YACA,iBACA,YACA,aACA,UACA,UACA,QACA,SACA,oBACA,YACA,YACA,aACA,aACAC,SAASD,KAGR,IAAME,EAAOC,EAAOC,IAAIC,WAA4B,CACzDC,kBAAmBR,IADJO,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KAGZK,IAAD,IAAAC,EAAAC,EAAA,MAEEF,yBAAAA,OAAAA,EAAMG,WAA6BH,gBAAAA,OAAAA,EAAMG,WAAgB,KAAA,GACzDH,UAAAA,OAAAA,EAAMI,oCAA+BJ,EAAMI,UAA3C,KAA0D,GAH5D,UAAAC,OAIEL,EAAMM,OAAN,gBAAAD,OAAA,QAAAJ,EAA+BrB,EAAWoB,EAAMM,eAAhD,IAAAL,EAAAA,EAA2DD,EAAMM,OAAjE,KAA6E,GAJ/E,UAAAD,OAKEL,EAAMO,UAAN,eAAAF,OAAiCL,EAAMO,UAAvC,KAAsD,GALxD,UAAAF,OAMEL,EAAMQ,UAAN,eAAAH,OAAiCL,EAAMQ,UAAvC,KAAsD,GANxD,UAAAH,OAOEL,EAAMS,WAA6BxB,gBAAAA,OAAnC,QAAmCA,EAAAA,EAAgBe,EAAMS,mBAAzD,IAAAP,EAAAA,EAAwEF,EAAMS,WAA9E,KAA8F,GAPhG,UAAAJ,OAQEL,EAAMU,UAAN,sBAAAL,OAAmE,iBAApBL,EAAMU,UAAyBV,EAAMU,UAAY,aAAa,GAR/G,UAAAL,OASEL,EAAMW,WAAN,gBAAAN,OAAmCL,EAAMW,WAAzC,KAAyD,GAT3D,UAAAN,OAUEL,EAAMY,UAAN,eAAAP,OAAiCL,EAAMY,UAAvC,KAAsD,GAVxD,sCAAAP,OAYqBL,EAAMa,eAAiB,YAAc,OAZ1D,4EAmBAC,EACAC,GAECf,GAAWA,EAAMgB,QAAUA,EAAQhB,EAAMgB,SAAW,OACpDhB,GAAyBiB,EAAdjB,EAAMiB,MAAcjB,EAAMiB,MAAejB,EAAMkB,MAAMC"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color } from 'shared/types'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'underline',\n      'whiteSpace',\n      'wordBreak',\n    ].includes(propKey)\n)\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${props.lineHeight ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight};` : ''}\n    ${props.underline ? `border-bottom: 1px ${typeof props.underline === 'string' ? props.underline : 'solid'};` : ''}\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","underline","whiteSpace","wordBreak","underlineLinks","responsiveSize","responsiveMargin","display","color","theme","textColor"],"mappings":"6aASA,MAAMA,WAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,MAAMC,gBAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,MAAMC,sBAAwBC,MAAuBA,yBAClDC,IACE,CACC,aACA,aACA,SACA,YACA,YACA,iBACA,YACA,aACA,UACA,UACA,QACA,SACA,oBACA,YACA,YACA,aACA,aACAC,SAASD,KAGR,MAAME,KAAOC,gBAAAA,QAAOC,IAAIC,WAA4B,CACzDC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACGM,GAAU,yBAETA,EAAMC,WAAa,gBAAgBD,EAAMC,cAAgB,WACzDD,EAAME,UAAY,mBAAmBF,EAAME,aAAe,WAC1DF,EAAMG,OAAS,gBAAgBxB,WAAWqB,EAAMG,SAAWH,EAAMG,UAAY,WAC7EH,EAAMI,UAAY,eAAeJ,EAAMI,aAAe,WACtDJ,EAAMK,UAAY,eAAeL,EAAMK,aAAe,WACtDL,EAAMM,WAAa,gBAAgBtB,gBAAgBgB,EAAMM,aAAeN,EAAMM,cAAgB,WAC9FN,EAAMO,UAAY,6BAA6BP,EAAMO,WAAc,SAAWP,EAAMO,UAAY,WAAa,WAC7GP,EAAMQ,WAAa,gBAAgBR,EAAMQ,cAAgB,WACzDR,EAAMS,UAAY,eAAeT,EAAMS,aAAe,uCAEnCT,EAAMU,eAAiB,YAAc,gFAO1DC,eAAAA,eACAC,iBAAgBA,kBAEfZ,GAAWA,EAAMa,QAAUA,QAAOA,QAACb,EAAMa,SAAW,OACpDb,GAAyBc,MAAAA,MAAdd,EAAMc,MAAcd,EAAMc,MAAed,EAAMe,MAAMC"}

package/components/Text/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{color}from'../../mixins/color.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';const WEIGHT_MAP={lighter:100,normal:400,bold:600,bolder:800};const LINE_HEIGHT_MAP={l:1.5,m:1.3,s:1.15,xs:1};const shouldForwardTextProp=createShouldForwardProp((e=>!['appearance','fontFamily','weight','fontStyle','transform','underlineLinks','textAlign','lineHeight','content','display','chars','quoted','showZeroMinorPart','separator','underline','whiteSpace','wordBreak'].includes(e)));const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({displayName:"Text__Root",componentId:"ui__sc-s2fogy-0"})([""," "," "," "," ",""],(e=>`\n    margin: 0;\n    ${e.fontFamily?`font-family: ${e.fontFamily};`:''}\n    ${e.transform?`text-transform: ${e.transform};`:''}\n    ${e.weight?`font-weight: ${WEIGHT_MAP[e.weight]??e.weight};`:''}\n    ${e.fontStyle?`font-style: ${e.fontStyle};`:''}\n    ${e.textAlign?`text-align: ${e.textAlign};`:''}\n    ${e.lineHeight?`line-height: ${LINE_HEIGHT_MAP[e.lineHeight]??e.lineHeight};`:''}\n    ${e.underline?`border-bottom: 1px ${typeof e.underline=='string'?e.underline:'solid'};`:''}\n    ${e.whiteSpace?`white-space: ${e.whiteSpace};`:''}\n    ${e.wordBreak?`word-break: ${e.wordBreak};`:''}\n    a {\n      text-decoration: ${e.underlineLinks?'underline':'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `),responsiveSize,responsiveMargin,(e=>e.display?display(e.display):null),(e=>color(e.color?e.color:e.theme.textColor)));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Text/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Text/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { color } from 'mixins/color'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport type { Color } from 'shared/types'\nimport type { StyledTextProps } from './types'\n\nconst WEIGHT_MAP = {\n  lighter: 100,\n  normal: 400,\n  bold: 600,\n  bolder: 800,\n}\n\nconst LINE_HEIGHT_MAP = {\n  l: 1.5,\n  m: 1.3,\n  s: 1.15,\n  xs: 1,\n}\n\nconst shouldForwardTextProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'appearance',\n      'fontFamily',\n      'weight',\n      'fontStyle',\n      'transform',\n      'underlineLinks',\n      'textAlign',\n      'lineHeight',\n      'content',\n      'display',\n      'chars',\n      'quoted',\n      'showZeroMinorPart',\n      'separator',\n      'underline',\n      'whiteSpace',\n      'wordBreak',\n    ].includes(propKey)\n)\n\nexport const Root = styled.div.withConfig<StyledTextProps>({\n  shouldForwardProp: shouldForwardTextProp,\n})`\n  ${(props) => `\n    margin: 0;\n    ${props.fontFamily ? `font-family: ${props.fontFamily};` : ''}\n    ${props.transform ? `text-transform: ${props.transform};` : ''}\n    ${props.weight ? `font-weight: ${WEIGHT_MAP[props.weight] ?? props.weight};` : ''}\n    ${props.fontStyle ? `font-style: ${props.fontStyle};` : ''}\n    ${props.textAlign ? `text-align: ${props.textAlign};` : ''}\n    ${props.lineHeight ? `line-height: ${LINE_HEIGHT_MAP[props.lineHeight] ?? props.lineHeight};` : ''}\n    ${props.underline ? `border-bottom: 1px ${typeof props.underline === 'string' ? props.underline : 'solid'};` : ''}\n    ${props.whiteSpace ? `white-space: ${props.whiteSpace};` : ''}\n    ${props.wordBreak ? `word-break: ${props.wordBreak};` : ''}\n    a {\n      text-decoration: ${props.underlineLinks ? 'underline' : 'none'};\n      &:hover {\n        text-decoration: none;\n      }\n    }\n  `}\n\n  ${responsiveSize}\n  ${responsiveMargin}\n\n  ${(props) => (props.display ? display(props.display) : null)}\n  ${(props) => (props.color ? color(props.color) : color(props.theme.textColor as Color))}\n`\n"],"names":["WEIGHT_MAP","lighter","normal","bold","bolder","LINE_HEIGHT_MAP","l","m","s","xs","shouldForwardTextProp","createShouldForwardProp","propKey","includes","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","props","fontFamily","transform","weight","fontStyle","textAlign","lineHeight","underline","whiteSpace","wordBreak","underlineLinks","responsiveSize","responsiveMargin","display","color","theme","textColor"],"mappings":"8TASA,MAAMA,WAAa,CACjBC,QAAS,IACTC,OAAQ,IACRC,KAAM,IACNC,OAAQ,KAGV,MAAMC,gBAAkB,CACtBC,EAAG,IACHC,EAAG,IACHC,EAAG,KACHC,GAAI,GAGN,MAAMC,sBAAwBC,yBAC3BC,IACE,CACC,aACA,aACA,SACA,YACA,YACA,iBACA,YACA,aACA,UACA,UACA,QACA,SACA,oBACA,YACA,YACA,aACA,aACAC,SAASD,KAGR,MAAME,KAAOC,OAAOC,IAAIC,WAA4B,CACzDC,kBAAmBR,wBACnBO,WAAA,CAAAE,YAAA,aAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,KACGM,GAAU,yBAETA,EAAMC,WAAa,gBAAgBD,EAAMC,cAAgB,WACzDD,EAAME,UAAY,mBAAmBF,EAAME,aAAe,WAC1DF,EAAMG,OAAS,gBAAgBxB,WAAWqB,EAAMG,SAAWH,EAAMG,UAAY,WAC7EH,EAAMI,UAAY,eAAeJ,EAAMI,aAAe,WACtDJ,EAAMK,UAAY,eAAeL,EAAMK,aAAe,WACtDL,EAAMM,WAAa,gBAAgBtB,gBAAgBgB,EAAMM,aAAeN,EAAMM,cAAgB,WAC9FN,EAAMO,UAAY,6BAA6BP,EAAMO,WAAc,SAAWP,EAAMO,UAAY,WAAa,WAC7GP,EAAMQ,WAAa,gBAAgBR,EAAMQ,cAAgB,WACzDR,EAAMS,UAAY,eAAeT,EAAMS,aAAe,uCAEnCT,EAAMU,eAAiB,YAAc,gFAO1DC,eACAC,kBAECZ,GAAWA,EAAMa,QAAUA,QAAQb,EAAMa,SAAW,OACpDb,GAAyBc,MAAdd,EAAMc,MAAcd,EAAMc,MAAed,EAAMe,MAAMC"}

package/components/Text.Ellipse/Text.Ellipse.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectWithoutProperties';import t from'@babel/runtime/helpers/objectSpread2';import{Component as s}from'react';import{Spacer as i}from'../Spacer/Spacer.js';import{Anchor as r}from'../Anchor/Anchor.js';import{Text as o}from'../Text/Text.js';import{Ul as l,Li as a}from'./style.js';import{jsx as n,jsxs as p}from'react/jsx-runtime';var h=["className","style","moreText","lessText","showToggler"];class c extends s{constructor(e){super(e),this.getContent=e=>{var{content:s,chars:i=0}=this.props;if(!s)return'';var{isEllipsed:r}=this.state;var p='string'==typeof s?'':[];if(this.state.isUnFolded)p=s;else if('string'==typeof p)p=(r=0!==i&&s.length>i)&&0!==i?"".concat(s.slice(0,i),"..."):s;else{var h=i;for(var c=0;c<s.length;c++){if(!(h-s[c].length>0)){r=!0,p[c]="".concat(s[c].slice(0,h),"...");break}h-=s[c].length,p[c]=s[c]}}return this.state.isEllipsed!==r&&setTimeout((()=>this.setState({isEllipsed:r}))),'string'==typeof p?n(o,t(t({},e),{},{children:this.getQuted(p)})):n(l,{children:p.map(((s,i)=>n(a,{children:n(o,t(t({},e),{},{display:"inline",children:s}))},i)))})},this.getQuted=e=>this.props.quoted?"«".concat(e,"»"):e,this.toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})},this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate(e){var{content:t}=e;t!==this.props.content&&this.state.isUnFolded&&this.toggle()}render(){var t=this.props,{className:s="",style:o,moreText:l="Читать полностью",lessText:a="Свернуть",showToggler:c=!0}=t,d=e(t,h);var{isUnFolded:m,isEllipsed:g}=this.state;return p("div",{className:s,style:o,children:[this.getContent(d),c&&g&&n(i,{marginTop:16,marginBottom:1,children:n(r,{pseudo:!0,onClick:this.toggle,children:m?a:l})})]})}}c.displayName='Text.Ellipse';export{c as TextEllipse};
+'use strict';var React=require('react');var Spacer=require('../Spacer/Spacer.js');var Anchor=require('../Anchor/Anchor.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');exports.TextEllipse=class TextEllipse extends React.Component{static displayName='Text.Ellipse';constructor(e){super(e),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:e}){e!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=e=>{const{content:t,chars:s=0}=this.props;if(!t)return'';let{isEllipsed:r}=this.state;let i=typeof t=='string'?'':[];if(this.state.isUnFolded)i=t;else if(typeof i=='string')r=s!==0&&t.length>s,i=r&&s!==0?`${t.slice(0,s)}...`:t;else{let e=s;for(let s=0;s<t.length;s++){if(!(e-t[s].length>0)){r=!0,i[s]=`${t[s].slice(0,e)}...`;break}e-=t[s].length,i[s]=t[s]}}return this.state.isEllipsed!==r&&setTimeout((()=>this.setState({isEllipsed:r}))),typeof i=='string'?require$$0.jsx(Text.Text,{...e,children:this.getQuted(i)}):require$$0.jsx(style.Ul,{children:i.map(((t,s)=>require$$0.jsx(style.Li,{children:require$$0.jsx(Text.Text,{...e,display:"inline",children:t})},s)))})};getQuted=e=>this.props.quoted?`«${e}»`:e;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:e="",style:t,moreText:s="Читать полностью",lessText:r="Свернуть",showToggler:i=!0,...l}=this.props;const{isUnFolded:n,isEllipsed:o}=this.state;return require$$0.jsxs("div",{className:e,style:t,children:[this.getContent(l),i&&o&&require$$0.jsx(Spacer.Spacer,{marginTop:16,marginBottom:1,children:require$$0.jsx(Anchor.Anchor,{pseudo:!0,onClick:this.toggle,children:n?r:s})})]})}};
 //# sourceMappingURL=Text.Ellipse.js.map

package/components/Text.Ellipse/Text.Ellipse.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","constructor","props","super","this","getContent","content","chars","isEllipsed","state","text","isUnFolded","length","slice","leftChars","index","concat","setTimeout","setState","_jsx","Text","children","getQuted","Styled.Ul","map","item","Styled.Li","_objectSpread","display","quoted","toggle","componentDidUpdate","_ref","render","_this$props","className","style","moreText","lessText","showToggler","restProps","_objectWithoutProperties","_excluded","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick","displayName"],"mappings":"+aAoCO,MAAMA,UAAoBC,EAG/BC,YAAYC,GACVC,MAAMD,GAD6BE,KAerCC,WAAcH,IACZ,IAAMI,QAAEA,EAAFC,MAAWA,EAAQ,GAAMH,KAAKF,MAEpC,IAAKI,EAAS,MAAO,GAErB,IAAIE,WAAEA,GAAeJ,KAAKK,MAC1B,IAAIC,EAA6C,iBAAZJ,EAAuB,GAAK,GAEjE,GAAKF,KAAKK,MAAME,WAsBdD,EAAOJ,OArBP,GAAoB,iBAATI,EAGTA,GAFAF,EAAuB,IAAVD,GAAeD,EAAQM,OAASL,IAEd,IAAVA,EAAiBD,GAAAA,OAAAA,EAAQO,MAAM,EAAGN,UAAcD,MAChE,CACL,IAAIQ,EAAYP,EAEhB,IAAK,IAAIQ,EAAQ,EAAGA,EAAQT,EAAQM,OAAQG,IAAS,CACnD,KAAID,EAAYR,EAAQS,GAAOH,OAAS,GAIjC,CACLJ,KACAE,EAAKK,GAAL,GAAAC,OAAiBV,EAAQS,GAAOF,MAAM,EAAGC,GAAzC,OAEA,MAPAA,GAAaR,EAAQS,GAAOH,OAE5BF,EAAKK,GAAST,EAAQS,IAe9B,OAFIX,KAAKK,MAAMD,aAAeA,GAAYS,YAAAA,IAAiBb,KAAKc,SAAS,CAAEV,WAAAA,MAEpD,iBAATE,EACZS,EAACC,SAASlB,GAAV,GAAA,CAAAmB,SAAkBjB,KAAKkB,SAASZ,MAEhCS,EAACI,EAAD,CAAAF,SACGX,EAAKc,KAAAA,CAAKC,EAAMV,IACfI,EAACO,EAAD,CAAAL,SACEF,EAACC,EAADO,EAAAA,EAAA,GAAUzB,GAAV,GAAA,CAAiB0B,QAAQ,SAAzBP,SACGI,MAFWV,QAvDaX,KAiErCkB,SAAYhB,GAAqBF,KAAKF,MAAM2B,OAAX,IAAAb,OAAwBV,EAAxB,KAAqCA,EAjEjCF,KAmErC0B,OAAS,KACP1B,KAAKc,SAAS,CAAEP,YAAaP,KAAKK,MAAME,cAjExCP,KAAKK,MAAQ,CACXE,YAAAA,EACAH,YAAAA,GAIJuB,mBAAkDC,GAAA,IAA/B1B,QAAEA,GAA6B0B,EAC5C1B,IAAYF,KAAKF,MAAMI,SAAWF,KAAKK,MAAME,YAC/CP,KAAK0B,SA4DTG,SACE,IAAAC,EAOI9B,KAAKF,OAPHiC,UACJA,EAAY,GADRC,MAEJA,EAFIC,SAGJA,EAAW,mBAHPC,SAIJA,EAAW,WAJPC,YAKJA,GAAc,GALhBL,EAMKM,EANLC,EAAAP,EAAAQ,GAQA,IAAM/B,WAAEA,EAAFH,WAAcA,GAAeJ,KAAKK,MAExC,OACEkC,EAAA,MAAA,CAAKR,UAAWA,EAAWC,MAAOA,EAAlCf,SACG,CAAAjB,KAAKC,WAAWmC,GAChBD,GAAe/B,GACdW,EAACyB,EAAD,CAAQC,UAAW,GAAIC,aAAc,EAArCzB,SACEF,EAAC4B,EAAD,CAAQC,UAAOC,QAAS7C,KAAK0B,OAA7BT,SACGV,EAAa2B,EAAWD,UA3F1BtC,EACJmD,YAAc"}
+{"version":3,"file":"Text.Ellipse.js","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","jsx","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"gQAoCO,MAAMA,oBAAoBC,MAAAA,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,YAAW,IAAMd,KAAKe,SAAS,CAAEZ,wBAE7DM,GAAS,SACrBO,WAAAA,IAACC,KAAAA,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,WAAAI,IAACC,SAAS,CAAAH,SACPT,EAAKa,KAAI,CAACC,EAAMV,IACfG,WAAAI,IAACC,SAAS,CAAAH,SACRF,WAAAI,IAACH,UAAI,IAAKnB,EAAO0B,QAAQ,SAAQN,SAC9BK,KAFWV,MAOrB,EAGHM,SAAYd,GAAqBL,KAAKF,MAAM2B,OAAS,IAAIpB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,YAAa,EAGvDwB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACDhC,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACEgC,WAAAA,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMV,SACrC,CAAAlB,KAAKO,WAAWyB,GAChBD,GAAe5B,GACda,WAAAI,IAACc,cAAM,CAACC,UAAW,GAAIC,aAAc,EAAElB,SACrCF,WAAAI,IAACiB,cAAM,CAACC,QAAM,EAACC,QAASvC,KAAKM,OAAOY,SACjChB,EAAa4B,EAAWD,QAMrC"}

package/components/Text.Ellipse/Text.Ellipse.mjs

@@ -0,0 +1,2 @@
+import{Component}from'react';import{Spacer}from'../Spacer/Spacer.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Ul,Li}from'./style.mjs';import{jsx,jsxs}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';class TextEllipse extends Component{static displayName='Text.Ellipse';constructor(t){super(t),this.state={isUnFolded:!1,isEllipsed:!1}}componentDidUpdate({content:t}){t!==this.props.content&&this.state.isUnFolded&&this.toggle()}getContent=t=>{const{content:e,chars:s=0}=this.props;if(!e)return'';let{isEllipsed:i}=this.state;let o=typeof e=='string'?'':[];if(this.state.isUnFolded)o=e;else if(typeof o=='string')i=s!==0&&e.length>s,o=i&&s!==0?`${e.slice(0,s)}...`:e;else{let t=s;for(let s=0;s<e.length;s++){if(!(t-e[s].length>0)){i=!0,o[s]=`${e[s].slice(0,t)}...`;break}t-=e[s].length,o[s]=e[s]}}return this.state.isEllipsed!==i&&setTimeout((()=>this.setState({isEllipsed:i}))),typeof o=='string'?jsx(Text,{...t,children:this.getQuted(o)}):jsx(Ul,{children:o.map(((e,s)=>jsx(Li,{children:jsx(Text,{...t,display:"inline",children:e})},s)))})};getQuted=t=>this.props.quoted?`«${t}»`:t;toggle=()=>{this.setState({isUnFolded:!this.state.isUnFolded})};render(){const{className:t="",style:e,moreText:s="Читать полностью",lessText:i="Свернуть",showToggler:o=!0,...l}=this.props;const{isUnFolded:r,isEllipsed:n}=this.state;return jsxs("div",{className:t,style:e,children:[this.getContent(l),o&&n&&jsx(Spacer,{marginTop:16,marginBottom:1,children:jsx(Anchor,{pseudo:!0,onClick:this.toggle,children:r?i:s})})]})}}export{TextEllipse};
+//# sourceMappingURL=Text.Ellipse.mjs.map

package/components/Text.Ellipse/Text.Ellipse.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.Ellipse.mjs","sources":["../../../../src/components/Text.Ellipse/Text.Ellipse.tsx"],"sourcesContent":["import { Component } from 'react'\nimport type { TextProps } from 'components/Text'\nimport { Spacer } from '../Spacer/Spacer'\nimport { Anchor } from '../Anchor/Anchor'\nimport { Text } from '../Text'\nimport * as Styled from './style'\n\nexport interface TextEllipseProps extends Omit<TextProps, 'content'> {\n  /** Toggle text for folded state */\n  moreText?: string\n  /** Toggle text for unfolded state */\n  lessText?: string\n  /** Classname */\n  className?: string\n  /** Text content */\n  content: string | string[]\n  /** Characters quantity for ellipsed text */\n  chars?: number\n  /** Wrap text in quotes */\n  quoted?: boolean\n  /** Flag to show toggler */\n  showToggler?: boolean\n}\n\ninterface TextEllipseState {\n  isUnFolded: boolean\n  isEllipsed: boolean\n}\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport class TextEllipse extends Component<TextEllipseProps, TextEllipseState> {\n  static displayName = 'Text.Ellipse'\n\n  constructor(props: TextEllipseProps) {\n    super(props)\n\n    this.state = {\n      isUnFolded: false,\n      isEllipsed: false,\n    }\n  }\n\n  componentDidUpdate({ content }: TextEllipseProps) {\n    if (content !== this.props.content && this.state.isUnFolded) {\n      this.toggle()\n    }\n  }\n\n  getContent = (props: Omit<TextEllipseProps, 'className' | 'moreText' | 'lessText' | 'showToggler' | 'content'>) => {\n    const { content, chars = 0 } = this.props\n\n    if (!content) return ''\n\n    let { isEllipsed } = this.state\n    let text: string | string[] = typeof content === 'string' ? '' : []\n\n    if (!this.state.isUnFolded) {\n      if (typeof text === 'string') {\n        isEllipsed = chars !== 0 && content.length > chars\n\n        text = isEllipsed && chars !== 0 ? `${content.slice(0, chars)}...` : content\n      } else {\n        let leftChars = chars\n\n        for (let index = 0; index < content.length; index++) {\n          if (leftChars - content[index].length > 0) {\n            leftChars -= content[index].length\n\n            text[index] = content[index]\n          } else {\n            isEllipsed = true\n            text[index] = `${content[index].slice(0, leftChars)}...`\n\n            break\n          }\n        }\n      }\n    } else {\n      text = content\n    }\n\n    if (this.state.isEllipsed !== isEllipsed) setTimeout(() => this.setState({ isEllipsed }))\n\n    return typeof text === 'string' ? (\n      <Text {...props}>{this.getQuted(text)}</Text>\n    ) : (\n      <Styled.Ul>\n        {text.map((item, index) => (\n          <Styled.Li key={index}>\n            <Text {...props} display='inline'>\n              {item}\n            </Text>\n          </Styled.Li>\n        ))}\n      </Styled.Ul>\n    )\n  }\n\n  getQuted = (content: string) => (this.props.quoted ? `«${content}»` : content)\n\n  toggle = () => {\n    this.setState({ isUnFolded: !this.state.isUnFolded })\n  }\n\n  render() {\n    const {\n      className = '',\n      style,\n      moreText = 'Читать полностью',\n      lessText = 'Свернуть',\n      showToggler = true,\n      ...restProps\n    } = this.props\n    const { isUnFolded, isEllipsed } = this.state\n\n    return (\n      <div className={className} style={style}>\n        {this.getContent(restProps)}\n        {showToggler && isEllipsed && (\n          <Spacer marginTop={16} marginBottom={1}>\n            <Anchor pseudo onClick={this.toggle}>\n              {isUnFolded ? lessText : moreText}\n            </Anchor>\n          </Spacer>\n        )}\n      </div>\n    )\n  }\n}\n"],"names":["TextEllipse","Component","static","constructor","props","super","this","state","isUnFolded","isEllipsed","componentDidUpdate","content","toggle","getContent","chars","text","length","slice","leftChars","index","setTimeout","setState","_jsx","Text","children","getQuted","Styled","map","item","display","quoted","render","className","style","moreText","lessText","showToggler","restProps","_jsxs","Spacer","marginTop","marginBottom","Anchor","pseudo","onClick"],"mappings":"yNAoCO,MAAMA,oBAAoBC,UAC/BC,mBAAqB,eAErBC,WAAAA,CAAYC,GACVC,MAAMD,GAENE,KAAKC,MAAQ,CACXC,YAAY,EACZC,YAAY,EAEhB,CAEAC,kBAAAA,EAAmBC,QAAEA,IACfA,IAAYL,KAAKF,MAAMO,SAAWL,KAAKC,MAAMC,YAC/CF,KAAKM,QAET,CAEAC,WAAcT,IACZ,MAAMO,QAAEA,EAAOG,MAAEA,EAAQ,GAAMR,KAAKF,MAEpC,IAAKO,EAAS,MAAO,GAErB,IAAIF,WAAEA,GAAeH,KAAKC,MAC1B,IAAIQ,SAAiCJ,GAAY,SAAW,GAAK,GAEjE,GAAKL,KAAKC,MAAMC,WAsBdO,EAAOJ,OArBP,UAAWI,GAAS,SAClBN,EAAaK,IAAU,GAAKH,EAAQK,OAASF,EAE7CC,EAAON,GAAcK,IAAU,EAAI,GAAGH,EAAQM,MAAM,EAAGH,QAAcH,MAChE,CACL,IAAIO,EAAYJ,EAEhB,IAAK,IAAIK,EAAQ,EAAGA,EAAQR,EAAQK,OAAQG,IAAS,CACnD,KAAID,EAAYP,EAAQQ,GAAOH,OAAS,GAIjC,CACLP,GAAa,EACbM,EAAKI,GAAS,GAAGR,EAAQQ,GAAOF,MAAM,EAAGC,QAEzC,KACF,CAREA,GAAaP,EAAQQ,GAAOH,OAE5BD,EAAKI,GAASR,EAAQQ,EAO1B,CACF,CAOF,OAFIb,KAAKC,MAAME,aAAeA,GAAYW,YAAW,IAAMd,KAAKe,SAAS,CAAEZ,wBAE7DM,GAAS,SACrBO,IAACC,KAAI,IAAKnB,EAAKoB,SAAGlB,KAAKmB,SAASV,KAEhCO,IAACI,GAAS,CAAAF,SACPT,EAAKY,KAAI,CAACC,EAAMT,IACfG,IAACI,GAAS,CAAAF,SACRF,IAACC,KAAI,IAAKnB,EAAOyB,QAAQ,SAAQL,SAC9BI,KAFWT,MAOrB,EAGHM,SAAYd,GAAqBL,KAAKF,MAAM0B,OAAS,IAAInB,KAAaA,EAEtEC,OAASA,KACPN,KAAKe,SAAS,CAAEb,YAAaF,KAAKC,MAAMC,YAAa,EAGvDuB,MAAAA,GACE,MAAMC,UACJA,EAAY,GAAEC,MACdA,EAAKC,SACLA,EAAW,mBAAkBC,SAC7BA,EAAW,WAAUC,YACrBA,GAAc,KACXC,GACD/B,KAAKF,MACT,MAAMI,WAAEA,EAAUC,WAAEA,GAAeH,KAAKC,MAExC,OACE+B,KAAA,MAAA,CAAKN,UAAWA,EAAWC,MAAOA,EAAMT,SACrC,CAAAlB,KAAKO,WAAWwB,GAChBD,GAAe3B,GACda,IAACiB,OAAM,CAACC,UAAW,GAAIC,aAAc,EAAEjB,SACrCF,IAACoB,OAAM,CAACC,QAAM,EAACC,QAAStC,KAAKM,OAAOY,SACjChB,EAAa2B,EAAWD,QAMrC"}

package/components/Text.Ellipse/style.js

@@ -1,2 +1,2 @@
-import i from'styled-components';var o=i.ul.withConfig({componentId:"fox-ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);var n=i.li.withConfig({componentId:"fox-ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);export{n as Li,o as Ul};
+'use strict';function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(require('styled-components'));const Ul=styled__default.default.ul.withConfig({displayName:"TextEllipse__Ul",componentId:"ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled__default.default.li.withConfig({displayName:"TextEllipse__Li",componentId:"ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);exports.Li=Li,exports.Ul=Ul;
 //# sourceMappingURL=style.js.map

package/components/Text.Ellipse/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Text.Ellipse/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Ul = styled.ul`\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n`\n\nexport const Li = styled.li`\n  & + & {\n    margin-top: 4px;\n  }\n`\n"],"names":["Ul","styled","ul","withConfig","componentId","Li","li"],"mappings":"iCAEaA,IAAAA,EAAKC,EAAOC,GAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAX,CAAA,mDAMMI,IAAAA,EAAKJ,EAAOK,GAAVH,WAAA,CAAAC,YAAA,wBAAGH,CAAX,CAAA"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Text.Ellipse/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Ul = styled.ul`\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n`\n\nexport const Li = styled.li`\n  & + & {\n    margin-top: 4px;\n  }\n`\n"],"names":["Ul","styled","ul","withConfig","displayName","componentId","Li","li"],"mappings":"sJAEaA,GAAKC,gBAAAA,QAAOC,GAAEC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAATJ,CAIjB,CAAA,yDAEYK,GAAKL,gBAAAA,QAAOM,GAAEJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAATJ,CAIjB,CAAA"}

package/components/Text.Ellipse/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';const Ul=styled.ul.withConfig({displayName:"TextEllipse__Ul",componentId:"ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled.li.withConfig({displayName:"TextEllipse__Li",componentId:"ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);export{Li,Ul};
+//# sourceMappingURL=style.mjs.map

package/components/Text.Ellipse/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Text.Ellipse/style.ts"],"sourcesContent":["import styled from 'styled-components'\n\nexport const Ul = styled.ul`\n  padding: 0;\n  margin: 0;\n  list-style-position: inside;\n`\n\nexport const Li = styled.li`\n  & + & {\n    margin-top: 4px;\n  }\n`\n"],"names":["Ul","styled","ul","withConfig","displayName","componentId","Li","li"],"mappings":"4CAEaA,GAAKC,OAAOC,GAAEC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAATJ,CAIjB,CAAA,yDAEYK,GAAKL,OAAOM,GAAEJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,oBAATJ,CAIjB,CAAA"}

package/components/Text.Heading/Text.Heading.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import i from'@babel/runtime/helpers/objectWithoutProperties';import{useTheme as t}from'styled-components';import{useConfigPriority as o}from'../../hooks/use-config-priority.js';import{Text as r}from'../Text/Text.js';import{jsx as s}from'react/jsx-runtime';var a=["h","fontFamily"];var m={h1:{size:44,sizeM:32,lineHeight:'s',weight:'bold'},h2:{size:32,sizeM:28,lineHeight:'s',weight:'bold'},h3:{size:28,lineHeight:'s',weight:'bold'},h4:{size:24,lineHeight:'s',weight:'bold'}};var n='Text.Heading';var h=n=>{var h;var l=t();var p=o(null===(h=l.components)||void 0===h?void 0:h["Text.Heading"],n),{h:g="h1",fontFamily:d}=p,f=i(p,a);return s(r,e(e({as:g,fontFamily:d},m[g]),f))};h.displayName="Text.Heading";export{n as COMPONENT_NAME,h as TextHeading};
+'use strict';var styled=require('styled-components');var useConfigPriority=require('../../hooks/use-config-priority.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const PARAMS={h1:{size:44,sizeM:32,lineHeight:'s',weight:'bold'},h2:{size:32,sizeM:28,lineHeight:'s',weight:'bold'},h3:{size:28,lineHeight:'s',weight:'bold'},h4:{size:24,lineHeight:'s',weight:'bold'}};const TextHeading=e=>{const i=styled.useTheme();const{h:t="h1",fontFamily:s,...r}=useConfigPriority.useConfigPriority(i.components?.["Text.Heading"],e);return require$$0.jsx(Text.Text,{as:t,fontFamily:s,...PARAMS[t],...r})};TextHeading.displayName="Text.Heading",exports.COMPONENT_NAME="Text.Heading",exports.TextHeading=TextHeading;
 //# sourceMappingURL=Text.Heading.js.map

package/components/Text.Heading/Text.Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.Heading.js","sources":["../../../../src/components/Text.Heading/Text.Heading.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { Text } from '../Text'\nimport type { TextHeadingProps, H } from './types'\n\nconst PARAMS: Record<H, Partial<TextHeadingProps>> = {\n  h1: {\n    size: 44,\n    sizeM: 32,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h2: {\n    size: 32,\n    sizeM: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h3: {\n    size: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h4: {\n    size: 24,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n}\n\nconst COMPONENT_NAME = 'Text.Heading'\n\n/**\n * @visibleName Text.Heading\n */\nconst TextHeading = (props: TextHeadingProps) => {\n  const theme = useTheme()\n\n  const {\n    h = 'h1',\n    fontFamily,\n    ...configProps\n  } = useConfigPriority<TextHeadingProps>(theme.components?.[COMPONENT_NAME], props)\n\n  const predefinedParams = PARAMS[h]\n\n  return <Text as={h} fontFamily={fontFamily} {...predefinedParams} {...configProps} />\n}\n\nTextHeading.displayName = COMPONENT_NAME\n\nexport { TextHeading, COMPONENT_NAME }\n"],"names":["PARAMS","h1","size","sizeM","lineHeight","weight","h2","h3","h4","COMPONENT_NAME","TextHeading","props","_theme$components","theme","useTheme","useConfigPriority","components","h","fontFamily","_useConfigPriority","configProps","_objectWithoutProperties","_excluded","_jsx","Text","_objectSpread","as","displayName"],"mappings":"8UAKA,IAAMA,EAA+C,CACnDC,GAAI,CACFC,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVC,GAAI,CACFJ,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVE,GAAI,CACFL,KAAM,GACNE,WAAY,IACZC,OAAQ,QAEVG,GAAI,CACFN,KAAM,GACNE,WAAY,IACZC,OAAQ,SAINI,IAAAA,EAAiB,eAKjBC,IAAAA,EAAeC,IAA4B,IAAAC,EAC/C,IAAMC,EAAQC,IAEd,IAIIC,EAAAA,EAAoC,QAAAF,EAAAA,EAAMG,sBAANJ,OAAAA,EAAAA,EAZnB,gBAYuDD,IAJtEM,EACJA,EAAI,KADAC,WAEJA,GAFFC,EAGKC,EAHLC,EAAAF,EAAAG,GAQA,OAAOC,EAACC,EAADC,EAAAA,EAAA,CAAMC,GAAIT,EAAGC,WAAYA,GAFPlB,EAAOiB,IAEsCG,KAGxEV,EAAYiB,YAnBW"}
+{"version":3,"file":"Text.Heading.js","sources":["../../../../src/components/Text.Heading/Text.Heading.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { Text } from '../Text'\nimport type { TextHeadingProps, H } from './types'\n\nconst PARAMS: Record<H, Partial<TextHeadingProps>> = {\n  h1: {\n    size: 44,\n    sizeM: 32,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h2: {\n    size: 32,\n    sizeM: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h3: {\n    size: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h4: {\n    size: 24,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n}\n\nconst COMPONENT_NAME = 'Text.Heading'\n\n/**\n * @visibleName Text.Heading\n */\nconst TextHeading = (props: TextHeadingProps) => {\n  const theme = useTheme()\n\n  const {\n    h = 'h1',\n    fontFamily,\n    ...configProps\n  } = useConfigPriority<TextHeadingProps>(theme.components?.[COMPONENT_NAME], props)\n\n  const predefinedParams = PARAMS[h]\n\n  return <Text as={h} fontFamily={fontFamily} {...predefinedParams} {...configProps} />\n}\n\nTextHeading.displayName = COMPONENT_NAME\n\nexport { TextHeading, COMPONENT_NAME }\n"],"names":["PARAMS","h1","size","sizeM","lineHeight","weight","h2","h3","h4","TextHeading","props","theme","useTheme","h","fontFamily","configProps","useConfigPriority","components","_jsx","Text","as","displayName"],"mappings":"yMAKA,MAAMA,OAA+C,CACnDC,GAAI,CACFC,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVC,GAAI,CACFJ,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVE,GAAI,CACFL,KAAM,GACNE,WAAY,IACZC,OAAQ,QAEVG,GAAI,CACFN,KAAM,GACNE,WAAY,IACZC,OAAQ,SASNI,MAAAA,YAAeC,IACnB,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,EACJA,EAAI,KAAIC,WACRA,KACGC,GACDC,kBAAAA,kBAAoCL,EAAMM,aAZzB,gBAYuDP,GAI5E,OAAOQ,WAAAA,IAACC,KAAAA,KAAI,CAACC,GAAIP,EAAGC,WAAYA,KAFPd,OAAOa,MAEsCE,GAAe,EAGvFN,YAAYY,YAnBW,sCAAA"}

package/components/Text.Heading/Text.Heading.mjs

@@ -0,0 +1,2 @@
+import{useTheme}from'styled-components';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{jsx}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const PARAMS={h1:{size:44,sizeM:32,lineHeight:'s',weight:'bold'},h2:{size:32,sizeM:28,lineHeight:'s',weight:'bold'},h3:{size:28,lineHeight:'s',weight:'bold'},h4:{size:24,lineHeight:'s',weight:'bold'}};const COMPONENT_NAME='Text.Heading';const TextHeading=e=>{const i=useTheme();const{h:t="h1",fontFamily:o,...s}=useConfigPriority(i.components?.["Text.Heading"],e);return jsx(Text,{as:t,fontFamily:o,...PARAMS[t],...s})};TextHeading.displayName="Text.Heading";export{COMPONENT_NAME,TextHeading};
+//# sourceMappingURL=Text.Heading.mjs.map

package/components/Text.Heading/Text.Heading.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.Heading.mjs","sources":["../../../../src/components/Text.Heading/Text.Heading.tsx"],"sourcesContent":["import { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport { Text } from '../Text'\nimport type { TextHeadingProps, H } from './types'\n\nconst PARAMS: Record<H, Partial<TextHeadingProps>> = {\n  h1: {\n    size: 44,\n    sizeM: 32,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h2: {\n    size: 32,\n    sizeM: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h3: {\n    size: 28,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n  h4: {\n    size: 24,\n    lineHeight: 's',\n    weight: 'bold',\n  },\n}\n\nconst COMPONENT_NAME = 'Text.Heading'\n\n/**\n * @visibleName Text.Heading\n */\nconst TextHeading = (props: TextHeadingProps) => {\n  const theme = useTheme()\n\n  const {\n    h = 'h1',\n    fontFamily,\n    ...configProps\n  } = useConfigPriority<TextHeadingProps>(theme.components?.[COMPONENT_NAME], props)\n\n  const predefinedParams = PARAMS[h]\n\n  return <Text as={h} fontFamily={fontFamily} {...predefinedParams} {...configProps} />\n}\n\nTextHeading.displayName = COMPONENT_NAME\n\nexport { TextHeading, COMPONENT_NAME }\n"],"names":["PARAMS","h1","size","sizeM","lineHeight","weight","h2","h3","h4","COMPONENT_NAME","TextHeading","props","theme","useTheme","h","fontFamily","configProps","useConfigPriority","components","_jsx","Text","as","displayName"],"mappings":"iLAKA,MAAMA,OAA+C,CACnDC,GAAI,CACFC,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVC,GAAI,CACFJ,KAAM,GACNC,MAAO,GACPC,WAAY,IACZC,OAAQ,QAEVE,GAAI,CACFL,KAAM,GACNE,WAAY,IACZC,OAAQ,QAEVG,GAAI,CACFN,KAAM,GACNE,WAAY,IACZC,OAAQ,SAINI,MAAAA,eAAiB,eAKjBC,MAAAA,YAAeC,IACnB,MAAMC,EAAQC,WAEd,MAAMC,EACJA,EAAI,KAAIC,WACRA,KACGC,GACDC,kBAAoCL,EAAMM,aAZzB,gBAYuDP,GAI5E,OAAOQ,IAACC,KAAI,CAACC,GAAIP,EAAGC,WAAYA,KAFPf,OAAOc,MAEsCE,GAAe,EAGvFN,YAAYY,YAnBW"}

package/components/Textarea/Textarea.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{useRef as a,useState as o,useCallback as t,useEffect as s}from'react';import{useTheme as l}from'styled-components';import{omit as i}from'ramda';import{useConfigPriority as n}from'../../hooks/use-config-priority.js';import{Root as d}from'./style.js';import{jsx as m}from'react/jsx-runtime';var u=["preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width"];var c='Textarea';var h=c=>{var h;var p=l();var f=n(null===(h=p.components)||void 0===h?void 0:h.Textarea,i(['children'],c)),{preset:v,disabled:g,error:b,fluid:x,name:C,onChange:y,maxLength:w,placeholder:T,required:N,tabIndex:j,value:R,className:H,style:I,autosize:E=!0,rounded:L=!0,cols:M=20,rows:P=2,maxRows:S=30,color:q="mineShaft",placeholderColor:k="silver",width:z=p.defaultInputControlsWidth}=f,A=r(f,u);var B=a();var[O,W]=o(P);var U=t((e=>{var{target:r}=e;if(r instanceof HTMLTextAreaElement&&E){var a=r.getBoundingClientRect();r.scrollHeight>a.height&&O<S?W(O+1):r.value&&''!==r.value||W(P)}'function'==typeof y&&y(e)}),[y,O,S,E]);s((()=>{if(B&&B.current){var e=B.current;var r=e.getBoundingClientRect();if(e.scrollHeight>r.height){var a=parseInt(getComputedStyle(e).lineHeight,10);var o=Math.floor(e.scrollHeight/a);o<=S&&o>P&&W(o)}}}),[]);var _='brand'===p.preset;return'string'==typeof v&&(_='brand'===v),m(d,e(e({},A),{},{ref:B,className:H,style:I,onChange:U,cols:M,disabled:g,maxLength:w,name:C,placeholder:T,required:N,rows:O,tabIndex:j,value:R,color:q,rounded:L,placeholderColor:k,fluid:x,error:b,width:z,brandPresetUsed:_}))};h.displayName="Textarea";export{c as COMPONENT_NAME,h as Textarea};
+'use strict';var React=require('react');var styled=require('styled-components');var ramda=require('ramda');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const Textarea=e=>{const t=styled.useTheme();const{preset:r,disabled:a,error:o,fluid:s,name:n,onChange:i,maxLength:l,placeholder:c,required:u,tabIndex:d,value:h,className:g,style:f,autosize:m=!0,rounded:p=!0,cols:x=20,rows:y=2,maxRows:C=30,color:v="mineShaft",placeholderColor:T="silver",width:q=t.defaultInputControlsWidth,...R}=useConfigPriority.useConfigPriority(t.components?.Textarea,ramda.omit(['children'],e));const b=React.useRef();const[N,w]=React.useState(y);const H=React.useCallback((e=>{const{target:t}=e;if(t instanceof HTMLTextAreaElement&&m){const e=t.getBoundingClientRect();t.scrollHeight>e.height&&N<C?w(N+1):t.value&&t.value!==''||w(y)}typeof i=='function'&&i(e)}),[i,N,C,m]);React.useEffect((()=>{if(!b||!b.current)return;const e=b.current;const t=e.getBoundingClientRect();if(e.scrollHeight>t.height){const t=parseInt(getComputedStyle(e).lineHeight,10);const r=Math.floor(e.scrollHeight/t);r<=C&&r>y&&w(r)}}),[]);let P=t.preset==='brand';return typeof r=='string'&&(P=r==='brand'),require$$0.jsx(style.Root,{...R,ref:b,className:g,style:f,onChange:H,cols:x,disabled:a,maxLength:l,name:n,placeholder:c,required:u,rows:N,tabIndex:d,value:h,color:v,rounded:p,placeholderColor:T,fluid:s,error:o,width:q,brandPresetUsed:P})};Textarea.displayName="Textarea",exports.COMPONENT_NAME="Textarea",exports.Textarea=Textarea;
 //# sourceMappingURL=Textarea.js.map