@foxford/ui 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-22709eb-20240820

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

@@ -0,0 +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":["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

@@ -1 +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 +1,2 @@
-'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');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.div.withConfig({shouldForwardProp:shouldForwardTextProp}).withConfig({componentId:"fox-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;
+'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

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

@@ -1 +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({componentId:"fox-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};
+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 +1,2 @@
 '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

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

@@ -1 +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 +1,2 @@
-'use strict';var styled=require('styled-components');const Ul=styled.ul.withConfig({componentId:"fox-ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled.li.withConfig({componentId:"fox-ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);exports.Li=Li,exports.Ul=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

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

@@ -1 +1,2 @@
-import styled from'styled-components';const Ul=styled.ul.withConfig({componentId:"fox-ui__sc-1rwak86-0"})(["padding:0;margin:0;list-style-position:inside;"]);const Li=styled.li.withConfig({componentId:"fox-ui__sc-1rwak86-1"})(["& + &{margin-top:4px;}"]);export{Li,Ul};
+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 +1,2 @@
 '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

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

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

package/components/Textarea/Textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.js","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { omit } from 'ramda'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport * as Styled from './style'\nimport type { TextareaProps } from './types'\n\nconst COMPONENT_NAME = 'Textarea'\n\nconst Textarea = (props: TextareaProps) => {\n  const theme = useTheme()\n\n  const {\n    preset,\n    disabled,\n    error,\n    fluid,\n    name,\n    onChange,\n    maxLength,\n    placeholder,\n    required,\n    tabIndex,\n    value,\n    className,\n    style,\n    autosize = true,\n    rounded = true,\n    cols = 20,\n    rows = 2,\n    maxRows = 30,\n    color = 'mineShaft',\n    placeholderColor = 'silver',\n    width = theme.defaultInputControlsWidth,\n    ...configProps\n  } = useConfigPriority<TextareaProps>(theme.components?.[COMPONENT_NAME], omit(['children'], props))\n\n  const textarea = useRef() as React.MutableRefObject<HTMLTextAreaElement>\n\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      const { target } = event\n\n      if (target instanceof HTMLTextAreaElement && autosize) {\n        const rect = target.getBoundingClientRect()\n\n        if (target.scrollHeight > rect.height && tRows < maxRows) {\n          setRows(tRows + 1)\n        } else if (!target.value || target.value === '') {\n          setRows(rows)\n        }\n      }\n\n      if (typeof onChange === 'function') {\n        onChange(event)\n      }\n    },\n    [onChange, tRows, maxRows, autosize]\n  )\n\n  useEffect(() => {\n    if (!textarea || !textarea.current) return\n\n    const el = textarea.current\n    const rect = el.getBoundingClientRect()\n    if (el.scrollHeight > rect.height) {\n      const lh = parseInt(getComputedStyle(el).lineHeight, 10)\n      const numberOfLines = Math.floor(el.scrollHeight / lh)\n      if (numberOfLines <= maxRows && numberOfLines > rows) {\n        setRows(numberOfLines)\n      }\n    }\n  }, [])\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  return (\n    <Styled.Root\n      {...configProps}\n      ref={textarea}\n      className={className}\n      style={style}\n      onChange={onChangeHandler}\n      cols={cols}\n      disabled={disabled}\n      maxLength={maxLength}\n      name={name}\n      placeholder={placeholder}\n      required={required}\n      rows={tRows}\n      tabIndex={tabIndex}\n      value={value}\n      color={color}\n      rounded={rounded}\n      placeholderColor={placeholderColor}\n      fluid={fluid}\n      error={error}\n      width={width}\n      brandPresetUsed={brandPresetUsed}\n    />\n  )\n}\n\nTextarea.displayName = COMPONENT_NAME\n\nexport { Textarea, COMPONENT_NAME }\n"],"names":["Textarea","props","theme","useTheme","preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width","defaultInputControlsWidth","configProps","useConfigPriority","components","omit","textarea","useRef","tRows","setRows","useState","onChangeHandler","useCallback","event","target","HTMLTextAreaElement","rect","getBoundingClientRect","scrollHeight","height","useEffect","current","el","lh","parseInt","getComputedStyle","lineHeight","numberOfLines","Math","floor","brandPresetUsed","_jsx","Styled","ref","displayName"],"mappings":"2PASMA,MAAAA,SAAYC,IAChB,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,UACRA,EAASC,YACTA,EAAWC,SACXA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,UACLA,QACAC,EAAKC,SACLA,GAAW,EAAIC,QACfA,GAAU,EAAIC,KACdA,EAAO,GAAEC,KACTA,EAAO,EAACC,QACRA,EAAU,GAAEC,MACZA,EAAQ,YAAWC,iBACnBA,EAAmB,SAAQC,MAC3BA,EAAQtB,EAAMuB,6BACXC,GACDC,kBAAiBA,kBAAgBzB,EAAM0B,YAA2B,SAAGC,MAAIA,KAAC,CAAC,YAAa5B,IAE5F,MAAM6B,EAAWC,MAAAA,SAEjB,MAAOC,EAAOC,GAAWC,MAAQA,SAACd,GAElC,MAAMe,EAAkBC,MAAWA,aAChCC,IACC,MAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBtB,EAAU,CACrD,MAAMuB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQX,EAC/CY,EAAQD,EAAQ,GACNM,EAAOxB,OAASwB,EAAOxB,QAAU,IAC3CmB,EAAQb,EAEZ,QAEWX,GAAa,YACtBA,EAAS4B,EACX,GAEF,CAAC5B,EAAUuB,EAAOX,EAASJ,IAG7B2B,MAAAA,WAAU,KACR,IAAKd,IAAaA,EAASe,QAAS,OAEpC,MAAMC,EAAKhB,EAASe,QACpB,MAAML,EAAOM,EAAGL,wBAChB,GAAIK,EAAGJ,aAAeF,EAAKG,OAAQ,CACjC,MAAMI,EAAKC,SAASC,iBAAiBH,GAAII,WAAY,IACrD,MAAMC,EAAgBC,KAAKC,MAAMP,EAAGJ,aAAeK,GAC/CI,GAAiB9B,GAAW8B,EAAgB/B,GAC9Ca,EAAQkB,EAEZ,IACC,IAEH,IAAIG,EAAkBpD,EAAME,SAAW,QAGvC,cAFWA,GAAW,WAAUkD,EAAkBlD,IAAW,SAG3DmD,WAAAA,IAACC,MAAAA,KAAW,IACN9B,EACJ+B,IAAK3B,EACLf,UAAWA,EACXC,MAAOA,EACPP,SAAU0B,EACVhB,KAAMA,EACNd,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVQ,KAAMY,EACNnB,SAAUA,EACVC,MAAOA,EACPQ,MAAOA,EACPJ,QAASA,EACTK,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,EACPkB,MAAOA,EACP8B,gBAAiBA,GACjB,EAINtD,SAAS0D,YAnGc,kCAAA"}

package/components/Textarea/Textarea.mjs

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

package/components/Textarea/Textarea.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Textarea.mjs","sources":["../../../../src/components/Textarea/Textarea.tsx"],"sourcesContent":["import { useCallback, useEffect, useRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { omit } from 'ramda'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport * as Styled from './style'\nimport type { TextareaProps } from './types'\n\nconst COMPONENT_NAME = 'Textarea'\n\nconst Textarea = (props: TextareaProps) => {\n  const theme = useTheme()\n\n  const {\n    preset,\n    disabled,\n    error,\n    fluid,\n    name,\n    onChange,\n    maxLength,\n    placeholder,\n    required,\n    tabIndex,\n    value,\n    className,\n    style,\n    autosize = true,\n    rounded = true,\n    cols = 20,\n    rows = 2,\n    maxRows = 30,\n    color = 'mineShaft',\n    placeholderColor = 'silver',\n    width = theme.defaultInputControlsWidth,\n    ...configProps\n  } = useConfigPriority<TextareaProps>(theme.components?.[COMPONENT_NAME], omit(['children'], props))\n\n  const textarea = useRef() as React.MutableRefObject<HTMLTextAreaElement>\n\n  const [tRows, setRows] = useState(rows)\n\n  const onChangeHandler = useCallback(\n    (event: React.ChangeEvent<HTMLTextAreaElement>) => {\n      const { target } = event\n\n      if (target instanceof HTMLTextAreaElement && autosize) {\n        const rect = target.getBoundingClientRect()\n\n        if (target.scrollHeight > rect.height && tRows < maxRows) {\n          setRows(tRows + 1)\n        } else if (!target.value || target.value === '') {\n          setRows(rows)\n        }\n      }\n\n      if (typeof onChange === 'function') {\n        onChange(event)\n      }\n    },\n    [onChange, tRows, maxRows, autosize]\n  )\n\n  useEffect(() => {\n    if (!textarea || !textarea.current) return\n\n    const el = textarea.current\n    const rect = el.getBoundingClientRect()\n    if (el.scrollHeight > rect.height) {\n      const lh = parseInt(getComputedStyle(el).lineHeight, 10)\n      const numberOfLines = Math.floor(el.scrollHeight / lh)\n      if (numberOfLines <= maxRows && numberOfLines > rows) {\n        setRows(numberOfLines)\n      }\n    }\n  }, [])\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof preset === 'string') brandPresetUsed = preset === 'brand'\n\n  return (\n    <Styled.Root\n      {...configProps}\n      ref={textarea}\n      className={className}\n      style={style}\n      onChange={onChangeHandler}\n      cols={cols}\n      disabled={disabled}\n      maxLength={maxLength}\n      name={name}\n      placeholder={placeholder}\n      required={required}\n      rows={tRows}\n      tabIndex={tabIndex}\n      value={value}\n      color={color}\n      rounded={rounded}\n      placeholderColor={placeholderColor}\n      fluid={fluid}\n      error={error}\n      width={width}\n      brandPresetUsed={brandPresetUsed}\n    />\n  )\n}\n\nTextarea.displayName = COMPONENT_NAME\n\nexport { Textarea, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Textarea","props","theme","useTheme","preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width","defaultInputControlsWidth","configProps","useConfigPriority","components","omit","textarea","useRef","tRows","setRows","useState","onChangeHandler","useCallback","event","target","HTMLTextAreaElement","rect","getBoundingClientRect","scrollHeight","height","useEffect","current","el","lh","parseInt","getComputedStyle","lineHeight","numberOfLines","Math","floor","brandPresetUsed","_jsx","Styled","ref","displayName"],"mappings":"6PAOMA,MAAAA,eAAiB,WAEjBC,MAAAA,SAAYC,IAChB,MAAMC,EAAQC,WAEd,MAAMC,OACJA,EAAMC,SACNA,EAAQC,MACRA,EAAKC,MACLA,EAAKC,KACLA,EAAIC,SACJA,EAAQC,UACRA,EAASC,YACTA,EAAWC,SACXA,EAAQC,SACRA,EAAQC,MACRA,EAAKC,UACLA,EAASC,MACTA,EAAKC,SACLA,GAAW,EAAIC,QACfA,GAAU,EAAIC,KACdA,EAAO,GAAEC,KACTA,EAAO,EAACC,QACRA,EAAU,GAAEC,MACZA,EAAQ,YAAWC,iBACnBA,EAAmB,SAAQC,MAC3BA,EAAQtB,EAAMuB,6BACXC,GACDC,kBAAiCzB,EAAM0B,YAA2B,SAAGC,KAAK,CAAC,YAAa5B,IAE5F,MAAM6B,EAAWC,SAEjB,MAAOC,EAAOC,GAAWC,SAASd,GAElC,MAAMe,EAAkBC,aACrBC,IACC,MAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBtB,EAAU,CACrD,MAAMuB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQX,EAC/CY,EAAQD,EAAQ,GACNM,EAAOxB,OAASwB,EAAOxB,QAAU,IAC3CmB,EAAQb,EAEZ,QAEWX,GAAa,YACtBA,EAAS4B,EACX,GAEF,CAAC5B,EAAUuB,EAAOX,EAASJ,IAG7B2B,WAAU,KACR,IAAKd,IAAaA,EAASe,QAAS,OAEpC,MAAMC,EAAKhB,EAASe,QACpB,MAAML,EAAOM,EAAGL,wBAChB,GAAIK,EAAGJ,aAAeF,EAAKG,OAAQ,CACjC,MAAMI,EAAKC,SAASC,iBAAiBH,GAAII,WAAY,IACrD,MAAMC,EAAgBC,KAAKC,MAAMP,EAAGJ,aAAeK,GAC/CI,GAAiB9B,GAAW8B,EAAgB/B,GAC9Ca,EAAQkB,EAEZ,IACC,IAEH,IAAIG,EAAkBpD,EAAME,SAAW,QAGvC,cAFWA,GAAW,WAAUkD,EAAkBlD,IAAW,SAG3DmD,IAACC,KAAW,IACN9B,EACJ+B,IAAK3B,EACLf,UAAWA,EACXC,MAAOA,EACPP,SAAU0B,EACVhB,KAAMA,EACNd,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVQ,KAAMY,EACNnB,SAAUA,EACVC,MAAOA,EACPQ,MAAOA,EACPJ,QAASA,EACTK,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,EACPkB,MAAOA,EACP8B,gBAAiBA,GACjB,EAINtD,SAAS0D,YAnGc"}

package/components/Textarea/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('../Input/helpers.js');var style=require('../Input/style.js');var focus=require('../../mixins/focus.js');const brandTextareaStyle=styled.css(["",";"," "," "," "," ",""],(({theme:e,disabled:o})=>`\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${o?'not-allowed':'text'};\n\n    background: ${e.colors['bg-onmain-secondary']};\n    border: 1px solid ${e.colors['border-onmain-default-large']};\n    border-radius: 12px;\n    padding: 12px 16px;\n\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: ${e.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${e.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${e.colors['bg-disabled-large']};\n      border-color: ${e.colors['border-disabled']};\n      color: ${e.colors['content-disabled']};\n    }\n  `),(e=>e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null),(e=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue})),(({fluid:e})=>e&&'width: 100%;'),(({error:e,theme:o})=>e&&`\n      background-color: ${o.colors['alert-bg-error-100']};\n      border: 1px solid ${o.colors['alert-bg-error-500']};\n    `),focus.focus);const baseTextareaStyle=styled.css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],style.baseInputStyle);const Root=styled.textarea.withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(e)&&!e.includes('width')}).withConfig({componentId:"fox-ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:e})=>e?brandTextareaStyle:baseTextareaStyle));exports.Root=Root;
+'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');var helpers=require('../Input/helpers.js');var style=require('../Input/style.js');var focus=require('../../mixins/focus.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const brandTextareaStyle=styled.css(["",";"," "," "," "," ",""],(({theme:e,disabled:o})=>`\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${o?'not-allowed':'text'};\n\n    background: ${e.colors['bg-onmain-secondary']};\n    border: 1px solid ${e.colors['border-onmain-default-large']};\n    border-radius: 12px;\n    padding: 12px 16px;\n\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: ${e.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${e.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${e.colors['bg-disabled-large']};\n      border-color: ${e.colors['border-disabled']};\n      color: ${e.colors['content-disabled']};\n    }\n  `),(e=>e.width?responsiveProperty.property(helpers.chooseWidthValue(e.width),e.fluid&&e.width!=='auto'?'max-width':'width'):null),(e=>responsiveProperty.responsiveNamedProperty({sizes:{widthXS:e.widthXS,widthS:e.widthS,widthM:e.widthM,widthL:e.widthL,widthXL:e.widthXL},cssProperty:e.fluid&&e.width!=='auto'?'max-width':'width',customSizeHandler:helpers.chooseWidthValue})),(({fluid:e})=>e&&'width: 100%;'),(({error:e,theme:o})=>e&&`\n      background-color: ${o.colors['alert-bg-error-100']};\n      border: 1px solid ${o.colors['alert-bg-error-500']};\n    `),focus.focus);const baseTextareaStyle=styled.css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],style.baseInputStyle);const Root=styled__default.default.textarea.withConfig({shouldForwardProp:e=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(e)&&!e.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:e})=>e?brandTextareaStyle:baseTextareaStyle));exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/Textarea/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { baseInputStyle } from 'components/Input/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledTextareaProps } from './types'\n\nconst brandTextareaStyle = css<StyledTextareaProps>`\n  ${({ theme, disabled }) => `\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${disabled ? 'not-allowed' : 'text'};\n\n    background: ${theme.colors['bg-onmain-secondary']};\n    border: 1px solid ${theme.colors['border-onmain-default-large']};\n    border-radius: 12px;\n    padding: 12px 16px;\n\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: ${theme.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${theme.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${theme.colors['bg-disabled-large']};\n      border-color: ${theme.colors['border-disabled']};\n      color: ${theme.colors['content-disabled']};\n    }\n  `};\n\n  ${(props) =>\n    props.width\n      ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n      : null}\n\n  ${(props) =>\n    responsiveNamedProperty({\n      sizes: {\n        widthXS: props.widthXS,\n        widthS: props.widthS,\n        widthM: props.widthM,\n        widthL: props.widthL,\n        widthXL: props.widthXL,\n      },\n      cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: chooseWidthValue,\n    })}\n\n  ${({ fluid }) => fluid && 'width: 100%;'}\n\n  ${({ error, theme }) =>\n    error &&\n    `\n      background-color: ${theme.colors['alert-bg-error-100']};\n      border: 1px solid ${theme.colors['alert-bg-error-500']};\n    `}\n\n  ${focus}\n`\n\nconst baseTextareaStyle = css`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n  ${baseInputStyle}\n`\n\nexport const Root = styled.textarea.withConfig<StyledTextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error', 'brandPresetUsed', 'theme'].includes(prop) &&\n    !prop.includes('width'),\n})`\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandTextareaStyle : baseTextareaStyle)}\n`\n"],"names":["brandTextareaStyle","css","theme","disabled","colors","props","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","focus","baseTextareaStyle","baseInputStyle","Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","brandPresetUsed"],"mappings":"qWAOA,MAAMA,mBAAqBC,OAAGA,IAAA,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAC1B,EAAGC,QAAOC,cAAe,+HAMfA,EAAW,cAAgB,8BAEvBD,EAAME,OAAO,kDACPF,EAAME,OAAO,kMAQxBF,EAAME,OAAO,+NAOXF,EAAME,OAAO,oFAIFF,EAAME,OAAO,8CACjBF,EAAME,OAAO,qCACpBF,EAAME,OAAO,oCAIvBC,GACDA,EAAMC,MACFC,mBAAQA,SAACC,yBAAiBH,EAAMC,OAAQD,EAAMI,OAASJ,EAAMC,QAAU,OAAS,YAAc,SAC9F,OAEHD,GACDK,2CAAwB,CACtBC,MAAO,CACLC,QAASP,EAAMO,QACfC,OAAQR,EAAMQ,OACdC,OAAQT,EAAMS,OACdC,OAAQV,EAAMU,OACdC,QAASX,EAAMW,SAEjBC,YAAaZ,EAAMI,OAASJ,EAAMC,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,QAAAA,qBAGrB,EAAGC,WAAYA,GAAS,iBAExB,EAAGU,QAAOjB,WACViB,GACA,6BACsBjB,EAAME,OAAO,mDACbF,EAAME,OAAO,gCAGnCgB,MAAKA,OAGT,MAAMC,kBAAoBpB,OAAGA,IAAA,CAAA,uDAAA,IAIzBqB,MAAcA,gBAGX,MAAMC,KAAOC,gBAAAA,QAAOC,SAASC,WAAgC,CAClEC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,QAAS,kBAAmB,SAASC,SAASD,KAChGA,EAAKC,SAAS,WACjBH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAJkBP,CAIlB,CAAA,GAAA,KACE,EAAGQ,qBAAuBA,EAAkBhC,mBAAqBqB"}

package/components/Textarea/style.mjs

@@ -1 +1,2 @@
-import styled,{css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'../Input/helpers.mjs';import{baseInputStyle}from'../Input/style.mjs';import{focus}from'../../mixins/focus.mjs';const brandTextareaStyle=css(["",";"," "," "," "," ",""],(({theme:o,disabled:e})=>`\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${e?'not-allowed':'text'};\n\n    background: ${o.colors['bg-onmain-secondary']};\n    border: 1px solid ${o.colors['border-onmain-default-large']};\n    border-radius: 12px;\n    padding: 12px 16px;\n\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: ${o.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${o.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${o.colors['bg-disabled-large']};\n      border-color: ${o.colors['border-disabled']};\n      color: ${o.colors['content-disabled']};\n    }\n  `),(o=>o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null),(o=>responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue})),(({fluid:o})=>o&&'width: 100%;'),(({error:o,theme:e})=>o&&`\n      background-color: ${e.colors['alert-bg-error-100']};\n      border: 1px solid ${e.colors['alert-bg-error-500']};\n    `),focus);const baseTextareaStyle=css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],baseInputStyle);const Root=styled.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:o})=>o?brandTextareaStyle:baseTextareaStyle));export{Root};
+import styled,{css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';import{chooseWidthValue}from'../Input/helpers.mjs';import{baseInputStyle}from'../Input/style.mjs';import{focus}from'../../mixins/focus.mjs';const brandTextareaStyle=css(["",";"," "," "," "," ",""],(({theme:o,disabled:e})=>`\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${e?'not-allowed':'text'};\n\n    background: ${o.colors['bg-onmain-secondary']};\n    border: 1px solid ${o.colors['border-onmain-default-large']};\n    border-radius: 12px;\n    padding: 12px 16px;\n\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: ${o.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${o.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${o.colors['bg-disabled-large']};\n      border-color: ${o.colors['border-disabled']};\n      color: ${o.colors['content-disabled']};\n    }\n  `),(o=>o.width?property(chooseWidthValue(o.width),o.fluid&&o.width!=='auto'?'max-width':'width'):null),(o=>responsiveNamedProperty({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&o.width!=='auto'?'max-width':'width',customSizeHandler:chooseWidthValue})),(({fluid:o})=>o&&'width: 100%;'),(({error:o,theme:e})=>o&&`\n      background-color: ${e.colors['alert-bg-error-100']};\n      border: 1px solid ${e.colors['alert-bg-error-500']};\n    `),focus);const baseTextareaStyle=css(["resize:none;line-height:23px;padding:16px 20px 11px;",""],baseInputStyle);const Root=styled.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(o)&&!o.includes('width')}).withConfig({displayName:"Textarea__Root",componentId:"ui__sc-a4hfy5-0"})(["",""],(({brandPresetUsed:o})=>o?brandTextareaStyle:baseTextareaStyle));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Textarea/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Textarea/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { chooseWidthValue } from 'components/Input/helpers'\nimport { baseInputStyle } from 'components/Input/style'\nimport { focus } from 'mixins/focus'\nimport type { StyledTextareaProps } from './types'\n\nconst brandTextareaStyle = css<StyledTextareaProps>`\n  ${({ theme, disabled }) => `\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ${disabled ? 'not-allowed' : 'text'};\n\n    background: ${theme.colors['bg-onmain-secondary']};\n    border: 1px solid ${theme.colors['border-onmain-default-large']};\n    border-radius: 12px;\n    padding: 12px 16px;\n\n    font-style: normal;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 24px;\n    color: ${theme.colors['content-onmain-primary']};\n\n    transition-property: background-color, border-color, color, caret-color;\n    transition-duration: 200ms;\n    transition-timing-function: ease-in;\n\n    &::placeholder {\n      color: ${theme.colors['content-onmain-secondary']};\n    }\n\n    &:disabled {\n      background-color: ${theme.colors['bg-disabled-large']};\n      border-color: ${theme.colors['border-disabled']};\n      color: ${theme.colors['content-disabled']};\n    }\n  `};\n\n  ${(props) =>\n    props.width\n      ? property(chooseWidthValue(props.width), props.fluid && props.width !== 'auto' ? 'max-width' : 'width')\n      : null}\n\n  ${(props) =>\n    responsiveNamedProperty({\n      sizes: {\n        widthXS: props.widthXS,\n        widthS: props.widthS,\n        widthM: props.widthM,\n        widthL: props.widthL,\n        widthXL: props.widthXL,\n      },\n      cssProperty: props.fluid && props.width !== 'auto' ? 'max-width' : 'width',\n      customSizeHandler: chooseWidthValue,\n    })}\n\n  ${({ fluid }) => fluid && 'width: 100%;'}\n\n  ${({ error, theme }) =>\n    error &&\n    `\n      background-color: ${theme.colors['alert-bg-error-100']};\n      border: 1px solid ${theme.colors['alert-bg-error-500']};\n    `}\n\n  ${focus}\n`\n\nconst baseTextareaStyle = css`\n  resize: none;\n  line-height: 23px;\n  padding: 16px 20px 11px;\n  ${baseInputStyle}\n`\n\nexport const Root = styled.textarea.withConfig<StyledTextareaProps>({\n  shouldForwardProp: (prop) =>\n    !['color', 'placeholderColor', 'rounded', 'fluid', 'error', 'brandPresetUsed', 'theme'].includes(prop) &&\n    !prop.includes('width'),\n})`\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandTextareaStyle : baseTextareaStyle)}\n`\n"],"names":["brandTextareaStyle","css","theme","disabled","colors","props","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","error","focus","baseTextareaStyle","baseInputStyle","Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","displayName","componentId","brandPresetUsed"],"mappings":"0QAOA,MAAMA,mBAAqBC,IAAG,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAC1B,EAAGC,QAAOC,cAAe,+HAMfA,EAAW,cAAgB,8BAEvBD,EAAME,OAAO,kDACPF,EAAME,OAAO,kMAQxBF,EAAME,OAAO,+NAOXF,EAAME,OAAO,oFAIFF,EAAME,OAAO,8CACjBF,EAAME,OAAO,qCACpBF,EAAME,OAAO,oCAIvBC,GACDA,EAAMC,MACFC,SAASC,iBAAiBH,EAAMC,OAAQD,EAAMI,OAASJ,EAAMC,QAAU,OAAS,YAAc,SAC9F,OAEHD,GACDK,wBAAwB,CACtBC,MAAO,CACLC,QAASP,EAAMO,QACfC,OAAQR,EAAMQ,OACdC,OAAQT,EAAMS,OACdC,OAAQV,EAAMU,OACdC,QAASX,EAAMW,SAEjBC,YAAaZ,EAAMI,OAASJ,EAAMC,QAAU,OAAS,YAAc,QACnEY,kBAAmBV,qBAGrB,EAAGC,WAAYA,GAAS,iBAExB,EAAGU,QAAOjB,WACViB,GACA,6BACsBjB,EAAME,OAAO,mDACbF,EAAME,OAAO,gCAGnCgB,OAGJ,MAAMC,kBAAoBpB,IAAG,CAAA,uDAAA,IAIzBqB,gBAGG,MAAMC,KAAOC,OAAOC,SAASC,WAAgC,CAClEC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,QAAS,kBAAmB,SAASC,SAASD,KAChGA,EAAKC,SAAS,WACjBH,WAAA,CAAAI,YAAA,iBAAAC,YAAA,mBAJkBP,CAIlB,CAAA,GAAA,KACE,EAAGQ,qBAAuBA,EAAkBhC,mBAAqBqB"}

package/components/Tooltip/Tooltip.js

@@ -1 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var TooltipWrapper=require('./TooltipWrapper.js');var defaultConstants=require('./default-constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');var constants=require('../TooltipComponent/constants.js');const Tooltip=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{preset:r,size:t="s",sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:d,palette:u,black:m,contrast:T,titleProps:f,contentProps:z,closeButtonProps:b,...g}=e;const q=styled.useTheme();if(r!=='brand'){const e={...g,styles:ramda.mergeDeepLeft(g.styles??{},defaultConstants.TOOLTIP_STYLES_DEFAULT)};return require$$0.jsx(Floater,{...e,children:require$$0.jsx("span",{children:e.children})})}let C=q.colors['bg-onmain-primary'];m&&(C=q.colors['bg-onmain-inverse']),T&&(C=q.colors['bg-brand-primary-basic']),u?.backgroundColor&&(C=q.colors[u.backgroundColor]??u.backgroundColor);const h={...g,offset:g.offset??8,styles:ramda.mergeDeepLeft(g.styles??{},{arrow:{color:C,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${q.colors['bg-oncolor-hover']})`}}),component:require$$0.jsx(TooltipWrapper.TooltipWrapper,{ref:o,size:t,sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:d,palette:u,black:m,contrast:T,title:g.title,titleProps:f,content:g.content,contentProps:z,footer:g.footer,showCloseButton:g.showCloseButton,closeButtonProps:b,component:g.component})};return require$$0.jsx(Floater,{...h,modifiers:{flip:{enabled:!h.disableFlip}}})})),{displayName:"Tooltip",sizes:constants.SIZES}),{Component:TooltipComponent.TooltipComponent});exports.COMPONENT_NAME="Tooltip",exports.Tooltip=Tooltip;
+'use strict';var React=require('react');var styled=require('styled-components');var Floater=require('react-floater');var ramda=require('ramda');var withMergedProps=require('../../hocs/withMergedProps.js');var TooltipWrapper=require('./TooltipWrapper.js');var defaultConstants=require('./default-constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');var constants=require('../TooltipComponent/constants.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var Floater__default=_interopDefault(Floater);const Tooltip=Object.assign(withMergedProps.withMergedProps(React.forwardRef(((e,o)=>{const{preset:t,size:r="s",sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:u,palette:d,black:f,contrast:m,titleProps:T,contentProps:z,closeButtonProps:b,...g}=e;const q=styled.useTheme();if(t!=='brand'){const e={...g,styles:ramda.mergeDeepLeft(g.styles??{},defaultConstants.TOOLTIP_STYLES_DEFAULT)};return require$$0.jsx(Floater__default.default,{...e,children:require$$0.jsx("span",{children:e.children})})}let C=q.colors['bg-onmain-primary'];f&&(C=q.colors['bg-onmain-inverse']),m&&(C=q.colors['bg-brand-primary-basic']),d?.backgroundColor&&(C=q.colors[d.backgroundColor]??d.backgroundColor);const h={...g,offset:g.offset??8,styles:ramda.mergeDeepLeft(g.styles??{},{arrow:{color:C,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${q.colors['bg-oncolor-hover']})`}}),component:require$$0.jsx(TooltipWrapper.TooltipWrapper,{ref:o,size:r,sizeXXS:s,sizeXS:i,sizeS:n,sizeM:a,sizeL:l,sizeXL:p,sizeUnits:c,sizes:u,palette:d,black:f,contrast:m,title:g.title,titleProps:T,content:g.content,contentProps:z,footer:g.footer,showCloseButton:g.showCloseButton,closeButtonProps:b,component:g.component})};return require$$0.jsx(Floater__default.default,{...h,modifiers:{flip:{enabled:!h.disableFlip}}})})),{displayName:"Tooltip",sizes:constants.SIZES}),{Component:TooltipComponent.TooltipComponent});exports.COMPONENT_NAME="Tooltip",exports.Tooltip=Tooltip;
+//# sourceMappingURL=Tooltip.js.map

package/components/Tooltip/Tooltip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport Floater from 'react-floater'\nimport { mergeDeepLeft } from 'ramda'\nimport type { Props as FloaterProps } from 'react-floater/lib/types'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES, TooltipComponent } from 'components/TooltipComponent'\nimport { TooltipWrapper } from './TooltipWrapper'\nimport { TOOLTIP_STYLES_DEFAULT } from './default-constants'\nimport type { TooltipProps } from './types'\n\nconst COMPONENT_NAME = 'Tooltip'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to tooltip component root.\n *\n * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)\n */\nconst Tooltip: React.ForwardRefExoticComponent<TooltipProps> & { Component: typeof TooltipComponent } = Object.assign(\n  withMergedProps<TooltipProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        preset,\n        size = 's',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        palette,\n        black,\n        contrast,\n        titleProps,\n        contentProps,\n        closeButtonProps,\n        ...restProps\n      } = props\n\n      const theme = useTheme()\n\n      if (preset !== 'brand') {\n        const tooltipProps = {\n          ...restProps,\n          styles: mergeDeepLeft(restProps.styles ?? {}, TOOLTIP_STYLES_DEFAULT),\n        } as FloaterProps\n\n        return (\n          <Floater {...tooltipProps}>\n            <span>{tooltipProps.children}</span>\n          </Floater>\n        )\n      }\n\n      let color = theme.colors['bg-onmain-primary']\n\n      if (black) color = theme.colors['bg-onmain-inverse']\n      if (contrast) color = theme.colors['bg-brand-primary-basic']\n      if (palette?.backgroundColor) color = theme.colors[palette.backgroundColor] ?? palette.backgroundColor\n\n      const tooltipProps = {\n        ...restProps,\n        offset: restProps.offset ?? 8,\n        styles: mergeDeepLeft(restProps.styles ?? {}, {\n          arrow: {\n            color,\n            spread: 16,\n            length: 8,\n          },\n          floater: {\n            filter: `drop-shadow(0 6px 10px ${theme.colors['bg-oncolor-hover']})`,\n          },\n        }),\n        component: (\n          <TooltipWrapper\n            ref={ref}\n            size={size}\n            sizeXXS={sizeXXS}\n            sizeXS={sizeXS}\n            sizeS={sizeS}\n            sizeM={sizeM}\n            sizeL={sizeL}\n            sizeXL={sizeXL}\n            sizeUnits={sizeUnits}\n            sizes={sizes}\n            palette={palette}\n            black={black}\n            contrast={contrast}\n            title={restProps.title}\n            titleProps={titleProps}\n            content={restProps.content}\n            contentProps={contentProps}\n            footer={restProps.footer}\n            showCloseButton={restProps.showCloseButton}\n            closeButtonProps={closeButtonProps}\n            component={restProps.component}\n          />\n        ),\n      } as FloaterProps\n\n      return (\n        <Floater\n          {...tooltipProps}\n          modifiers={{\n            flip: {\n              enabled: !tooltipProps.disableFlip,\n            },\n          }}\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: TooltipComponent,\n  }\n)\n\nexport { Tooltip }\n\nexport { COMPONENT_NAME }\n"],"names":["Tooltip","Object","assign","withMergedProps","forwardRef","props","ref","preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps","restProps","theme","useTheme","tooltipProps","styles","mergeDeepLeft","TOOLTIP_STYLES_DEFAULT","_jsx","Floater","children","jsx","color","colors","backgroundColor","offset","arrow","spread","length","floater","filter","component","TooltipWrapper","title","content","footer","showCloseButton","modifiers","flip","enabled","disableFlip","displayName","SIZES","Component","TooltipComponent"],"mappings":"mlBAuBA,MAAMA,QAAkGC,OAAOC,OAC7GC,gBAAAA,gBACEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,OACJA,EAAMC,KACNA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,EAAUC,aACVA,EAAYC,iBACZA,KACGC,GACDlB,EAEJ,MAAMmB,EAAQC,OAAAA,WAEd,GAAIlB,IAAW,QAAS,CACtB,MAAMmB,EAAe,IAChBH,EACHI,OAAQC,MAAAA,cAAcL,EAAUI,QAAU,CAAA,EAAIE,iBAAAA,yBAGhD,OACEC,WAAAA,IAACC,iBAAAA,QAAO,IAAKL,EAAYM,SACvBF,WAAAG,IAAA,OAAA,CAAAD,SAAON,EAAaM,YAG1B,CAEA,IAAIE,EAAQV,EAAMW,OAAO,qBAErBjB,IAAOgB,EAAQV,EAAMW,OAAO,sBAC5BhB,IAAUe,EAAQV,EAAMW,OAAO,2BAC/BlB,GAASmB,kBAAiBF,EAAQV,EAAMW,OAAOlB,EAAQmB,kBAAoBnB,EAAQmB,iBAEvF,MAAMV,EAAe,IAChBH,EACHc,OAAQd,EAAUc,QAAU,EAC5BV,OAAQC,MAAaA,cAACL,EAAUI,QAAU,CAAA,EAAI,CAC5CW,MAAO,CACLJ,QACAK,OAAQ,GACRC,OAAQ,GAEVC,QAAS,CACPC,OAAQ,0BAA0BlB,EAAMW,OAAO,0BAGnDQ,UACEb,WAAAG,IAACW,8BAAc,CACbtC,IAAKA,EACLE,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,QAASA,EACTC,MAAOA,EACPC,SAAUA,EACV0B,MAAOtB,EAAUsB,MACjBzB,WAAYA,EACZ0B,QAASvB,EAAUuB,QACnBzB,aAAcA,EACd0B,OAAQxB,EAAUwB,OAClBC,gBAAiBzB,EAAUyB,gBAC3B1B,iBAAkBA,EAClBqB,UAAWpB,EAAUoB,aAK3B,OACEb,WAAAA,IAACC,iBAAAA,QAAO,IACFL,EACJuB,UAAW,CACTC,KAAM,CACJC,SAAUzB,EAAa0B,eAG3B,IAGN,CACEC,YA5GiB,UA6GjBrC,MAAOsC,UAAAA,QAGX,CACEC,UAAWC,iBAAAA,0CAjHQ"}

package/components/Tooltip/Tooltip.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{useTheme}from'styled-components';import Floater from'react-floater';import{mergeDeepLeft}from'ramda';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{TooltipWrapper}from'./TooltipWrapper.mjs';import{TOOLTIP_STYLES_DEFAULT}from'./default-constants.mjs';import{jsx}from'react/jsx-runtime';import{TooltipComponent}from'../TooltipComponent/TooltipComponent.mjs';import{SIZES}from'../TooltipComponent/constants.mjs';const COMPONENT_NAME='Tooltip';const Tooltip=Object.assign(withMergedProps(forwardRef(((o,e)=>{const{preset:t,size:r="s",sizeXXS:s,sizeXS:i,sizeS:n,sizeM:p,sizeL:l,sizeXL:m,sizeUnits:a,sizes:c,palette:f,black:T,contrast:d,titleProps:z,contentProps:b,closeButtonProps:g,...h}=o;const S=useTheme();if(t!=='brand'){const o={...h,styles:mergeDeepLeft(h.styles??{},TOOLTIP_STYLES_DEFAULT)};return jsx(Floater,{...o,children:jsx("span",{children:o.children})})}let u=S.colors['bg-onmain-primary'];T&&(u=S.colors['bg-onmain-inverse']),d&&(u=S.colors['bg-brand-primary-basic']),f?.backgroundColor&&(u=S.colors[f.backgroundColor]??f.backgroundColor);const C={...h,offset:h.offset??8,styles:mergeDeepLeft(h.styles??{},{arrow:{color:u,spread:16,length:8},floater:{filter:`drop-shadow(0 6px 10px ${S.colors['bg-oncolor-hover']})`}}),component:jsx(TooltipWrapper,{ref:e,size:r,sizeXXS:s,sizeXS:i,sizeS:n,sizeM:p,sizeL:l,sizeXL:m,sizeUnits:a,sizes:c,palette:f,black:T,contrast:d,title:h.title,titleProps:z,content:h.content,contentProps:b,footer:h.footer,showCloseButton:h.showCloseButton,closeButtonProps:g,component:h.component})};return jsx(Floater,{...C,modifiers:{flip:{enabled:!C.disableFlip}}})})),{displayName:"Tooltip",sizes:SIZES}),{Component:TooltipComponent});export{COMPONENT_NAME,Tooltip};
+//# sourceMappingURL=Tooltip.mjs.map

package/components/Tooltip/Tooltip.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tooltip.mjs","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport Floater from 'react-floater'\nimport { mergeDeepLeft } from 'ramda'\nimport type { Props as FloaterProps } from 'react-floater/lib/types'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { SIZES, TooltipComponent } from 'components/TooltipComponent'\nimport { TooltipWrapper } from './TooltipWrapper'\nimport { TOOLTIP_STYLES_DEFAULT } from './default-constants'\nimport type { TooltipProps } from './types'\n\nconst COMPONENT_NAME = 'Tooltip'\n\n/**\n *\n * Component accepts [\"react-floater\"](https://www.npmjs.com/package/react-floater/v/0.8.2) v0.8.2 props.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to tooltip component root.\n *\n * See full [TooltipProps](https://github.com/foxford/ui/blob/master/src/components/Tooltip/types.ts)\n */\nconst Tooltip: React.ForwardRefExoticComponent<TooltipProps> & { Component: typeof TooltipComponent } = Object.assign(\n  withMergedProps<TooltipProps, HTMLDivElement>(\n    forwardRef((props, ref) => {\n      const {\n        preset,\n        size = 's',\n        sizeXXS,\n        sizeXS,\n        sizeS,\n        sizeM,\n        sizeL,\n        sizeXL,\n        sizeUnits,\n        sizes,\n        palette,\n        black,\n        contrast,\n        titleProps,\n        contentProps,\n        closeButtonProps,\n        ...restProps\n      } = props\n\n      const theme = useTheme()\n\n      if (preset !== 'brand') {\n        const tooltipProps = {\n          ...restProps,\n          styles: mergeDeepLeft(restProps.styles ?? {}, TOOLTIP_STYLES_DEFAULT),\n        } as FloaterProps\n\n        return (\n          <Floater {...tooltipProps}>\n            <span>{tooltipProps.children}</span>\n          </Floater>\n        )\n      }\n\n      let color = theme.colors['bg-onmain-primary']\n\n      if (black) color = theme.colors['bg-onmain-inverse']\n      if (contrast) color = theme.colors['bg-brand-primary-basic']\n      if (palette?.backgroundColor) color = theme.colors[palette.backgroundColor] ?? palette.backgroundColor\n\n      const tooltipProps = {\n        ...restProps,\n        offset: restProps.offset ?? 8,\n        styles: mergeDeepLeft(restProps.styles ?? {}, {\n          arrow: {\n            color,\n            spread: 16,\n            length: 8,\n          },\n          floater: {\n            filter: `drop-shadow(0 6px 10px ${theme.colors['bg-oncolor-hover']})`,\n          },\n        }),\n        component: (\n          <TooltipWrapper\n            ref={ref}\n            size={size}\n            sizeXXS={sizeXXS}\n            sizeXS={sizeXS}\n            sizeS={sizeS}\n            sizeM={sizeM}\n            sizeL={sizeL}\n            sizeXL={sizeXL}\n            sizeUnits={sizeUnits}\n            sizes={sizes}\n            palette={palette}\n            black={black}\n            contrast={contrast}\n            title={restProps.title}\n            titleProps={titleProps}\n            content={restProps.content}\n            contentProps={contentProps}\n            footer={restProps.footer}\n            showCloseButton={restProps.showCloseButton}\n            closeButtonProps={closeButtonProps}\n            component={restProps.component}\n          />\n        ),\n      } as FloaterProps\n\n      return (\n        <Floater\n          {...tooltipProps}\n          modifiers={{\n            flip: {\n              enabled: !tooltipProps.disableFlip,\n            },\n          }}\n        />\n      )\n    }),\n    {\n      displayName: COMPONENT_NAME,\n      sizes: SIZES,\n    }\n  ),\n  {\n    Component: TooltipComponent,\n  }\n)\n\nexport { Tooltip }\n\nexport { COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tooltip","Object","assign","withMergedProps","forwardRef","props","ref","preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps","restProps","theme","useTheme","tooltipProps","styles","mergeDeepLeft","TOOLTIP_STYLES_DEFAULT","_jsx","Floater","children","color","colors","backgroundColor","offset","arrow","spread","length","floater","filter","component","TooltipWrapper","title","content","footer","showCloseButton","modifiers","flip","enabled","disableFlip","displayName","SIZES","Component","TooltipComponent"],"mappings":"kdAWMA,MAAAA,eAAiB,UAYvB,MAAMC,QAAkGC,OAAOC,OAC7GC,gBACEC,YAAW,CAACC,EAAOC,KACjB,MAAMC,OACJA,EAAMC,KACNA,EAAO,IAAGC,QACVA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,UACNA,EAASC,MACTA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,WACRA,EAAUC,aACVA,EAAYC,iBACZA,KACGC,GACDlB,EAEJ,MAAMmB,EAAQC,WAEd,GAAIlB,IAAW,QAAS,CACtB,MAAMmB,EAAe,IAChBH,EACHI,OAAQC,cAAcL,EAAUI,QAAU,CAAA,EAAIE,yBAGhD,OACEC,IAACC,QAAO,IAAKL,EAAYM,SACvBF,IAAA,OAAA,CAAAE,SAAON,EAAaM,YAG1B,CAEA,IAAIC,EAAQT,EAAMU,OAAO,qBAErBhB,IAAOe,EAAQT,EAAMU,OAAO,sBAC5Bf,IAAUc,EAAQT,EAAMU,OAAO,2BAC/BjB,GAASkB,kBAAiBF,EAAQT,EAAMU,OAAOjB,EAAQkB,kBAAoBlB,EAAQkB,iBAEvF,MAAMT,EAAe,IAChBH,EACHa,OAAQb,EAAUa,QAAU,EAC5BT,OAAQC,cAAcL,EAAUI,QAAU,CAAA,EAAI,CAC5CU,MAAO,CACLJ,QACAK,OAAQ,GACRC,OAAQ,GAEVC,QAAS,CACPC,OAAQ,0BAA0BjB,EAAMU,OAAO,0BAGnDQ,UACEZ,IAACa,eAAc,CACbrC,IAAKA,EACLE,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,QAASA,EACTC,MAAOA,EACPC,SAAUA,EACVyB,MAAOrB,EAAUqB,MACjBxB,WAAYA,EACZyB,QAAStB,EAAUsB,QACnBxB,aAAcA,EACdyB,OAAQvB,EAAUuB,OAClBC,gBAAiBxB,EAAUwB,gBAC3BzB,iBAAkBA,EAClBoB,UAAWnB,EAAUmB,aAK3B,OACEZ,IAACC,QAAO,IACFL,EACJsB,UAAW,CACTC,KAAM,CACJC,SAAUxB,EAAayB,eAG3B,IAGN,CACEC,YA5GiB,UA6GjBpC,MAAOqC,QAGX,CACEC,UAAWC"}

package/components/Tooltip/TooltipWrapper.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var useKeyboardListener=require('../../hooks/useKeyboardListener.js');var constants=require('../../shared/constants.js');var require$$0=require('react/jsx-runtime');var TooltipComponent=require('../TooltipComponent/TooltipComponent.js');const closeFnNoop=()=>{};exports.TooltipWrapper=React.forwardRef(((e,o)=>{const{size:s,sizeXXS:t,sizeXS:r,sizeS:n,sizeM:i,sizeL:c,sizeXL:p,black:a,contrast:l,showCloseButton:u,closeButtonProps:z,id:d,role:y,closeFn:m=closeFnNoop,component:b,...f}=e;useKeyboardListener.useKeyboardListener('keyup',constants.keyboardKeys.Esc.key,m);const L={size:s,sizeXXS:t,sizeXS:r,sizeS:n,sizeM:i,sizeL:c,sizeXL:p,black:a,contrast:l,showCloseButton:u,closeButtonProps:z,id:d,role:y,closeFn:m};if(React.isValidElement(b)){const e=typeof b.props=='object'&&b.props!==null?b.props:{};return React.cloneElement(b,{ref:o,...L,...e})}return typeof b=='function'?b(L):require$$0.jsx(TooltipComponent.TooltipComponent,{ref:o,...L,...f})}));
+//# sourceMappingURL=TooltipWrapper.js.map

package/components/Tooltip/TooltipWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipWrapper.js","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { keyboardKeys } from 'shared/constants'\nimport { TooltipComponent } from 'components/TooltipComponent'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, ref) => {\n  const {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn = closeFnNoop,\n    component,\n    ...restProps\n  } = props\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  const injectionProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn,\n  }\n\n  if (isValidElement(component)) {\n    const elementProps = typeof component.props === 'object' && component.props !== null ? component.props : {}\n\n    return cloneElement(component, { ref, ...injectionProps, ...elementProps })\n  }\n\n  if (typeof component === 'function') {\n    return component(injectionProps)\n  }\n\n  return <TooltipComponent ref={ref} {...injectionProps} {...restProps} />\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component","restProps","useKeyboardListener","keyboardKeys","Esc","key","injectionProps","isValidElement","elementProps","cloneElement","_jsx","TooltipComponent"],"mappings":"qRAMA,MAAMA,YAAcA,KAAe,yBAEZC,MAAUA,YAAsC,CAACC,EAAOC,KAC7E,MAAMC,KACJA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,gBACRA,EAAeC,iBACfA,EAAgBC,GAChBA,EAAEC,KACFA,EAAIC,QACJA,EAAUjB,YAAWkB,UACrBA,KACGC,GACDjB,EAEJkB,oBAAmBA,oBAAC,QAASC,UAAYA,aAACC,IAAIC,IAAKN,GAEnD,MAAMO,EAAiB,CACrBpB,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,WACAC,kBACAC,mBACAC,KACAC,OACAC,WAGF,GAAIQ,MAAAA,eAAeP,GAAY,CAC7B,MAAMQ,SAAsBR,EAAUhB,OAAU,UAAYgB,EAAUhB,QAAU,KAAOgB,EAAUhB,MAAQ,CAAA,EAEzG,OAAOyB,MAAAA,aAAaT,EAAW,CAAEf,SAAQqB,KAAmBE,GAC9D,CAEA,cAAWR,GAAc,WAChBA,EAAUM,GAGZI,WAAAA,IAACC,iBAAAA,iBAAgB,CAAC1B,IAAKA,KAASqB,KAAoBL,GAAa"}

package/components/Tooltip/TooltipWrapper.mjs

@@ -1 +1,2 @@
 import{forwardRef,isValidElement,cloneElement}from'react';import{useKeyboardListener}from'../../hooks/useKeyboardListener.mjs';import{keyboardKeys}from'../../shared/constants.mjs';import{jsx}from'react/jsx-runtime';import{TooltipComponent}from'../TooltipComponent/TooltipComponent.mjs';const closeFnNoop=()=>{};const TooltipWrapper=forwardRef(((o,e)=>{const{size:s,sizeXXS:t,sizeXS:r,sizeS:n,sizeM:i,sizeL:p,sizeXL:l,black:c,contrast:m,showCloseButton:a,closeButtonProps:f,id:z,role:u,closeFn:d=closeFnNoop,component:y,...b}=o;useKeyboardListener('keyup',keyboardKeys.Esc.key,d);const X={size:s,sizeXXS:t,sizeXS:r,sizeS:n,sizeM:i,sizeL:p,sizeXL:l,black:c,contrast:m,showCloseButton:a,closeButtonProps:f,id:z,role:u,closeFn:d};if(isValidElement(y)){const o=typeof y.props=='object'&&y.props!==null?y.props:{};return cloneElement(y,{ref:e,...X,...o})}return typeof y=='function'?y(X):jsx(TooltipComponent,{ref:e,...X,...b})}));export{TooltipWrapper};
+//# sourceMappingURL=TooltipWrapper.mjs.map

package/components/Tooltip/TooltipWrapper.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipWrapper.mjs","sources":["../../../../src/components/Tooltip/TooltipWrapper.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useKeyboardListener } from 'hooks/useKeyboardListener'\nimport { keyboardKeys } from 'shared/constants'\nimport { TooltipComponent } from 'components/TooltipComponent'\nimport type { TooltipWrapperProps } from './types'\n\nconst closeFnNoop = () => undefined\n\nconst TooltipWrapper = forwardRef<HTMLDivElement, TooltipWrapperProps>((props, ref) => {\n  const {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn = closeFnNoop,\n    component,\n    ...restProps\n  } = props\n\n  useKeyboardListener('keyup', keyboardKeys.Esc.key, closeFn)\n\n  const injectionProps = {\n    size,\n    sizeXXS,\n    sizeXS,\n    sizeS,\n    sizeM,\n    sizeL,\n    sizeXL,\n    black,\n    contrast,\n    showCloseButton,\n    closeButtonProps,\n    id,\n    role,\n    closeFn,\n  }\n\n  if (isValidElement(component)) {\n    const elementProps = typeof component.props === 'object' && component.props !== null ? component.props : {}\n\n    return cloneElement(component, { ref, ...injectionProps, ...elementProps })\n  }\n\n  if (typeof component === 'function') {\n    return component(injectionProps)\n  }\n\n  return <TooltipComponent ref={ref} {...injectionProps} {...restProps} />\n})\n\nexport { TooltipWrapper }\n"],"names":["closeFnNoop","TooltipWrapper","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component","restProps","useKeyboardListener","keyboardKeys","Esc","key","injectionProps","isValidElement","elementProps","cloneElement","_jsx","TooltipComponent"],"mappings":"8RAMA,MAAMA,YAAcA,KAAe,EAE7BC,MAAAA,eAAiBC,YAAgD,CAACC,EAAOC,KAC7E,MAAMC,KACJA,EAAIC,QACJA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,gBACRA,EAAeC,iBACfA,EAAgBC,GAChBA,EAAEC,KACFA,EAAIC,QACJA,EAAUlB,YAAWmB,UACrBA,KACGC,GACDjB,EAEJkB,oBAAoB,QAASC,aAAaC,IAAIC,IAAKN,GAEnD,MAAMO,EAAiB,CACrBpB,OACAC,UACAC,SACAC,QACAC,QACAC,QACAC,SACAC,QACAC,WACAC,kBACAC,mBACAC,KACAC,OACAC,WAGF,GAAIQ,eAAeP,GAAY,CAC7B,MAAMQ,SAAsBR,EAAUhB,OAAU,UAAYgB,EAAUhB,QAAU,KAAOgB,EAAUhB,MAAQ,CAAA,EAEzG,OAAOyB,aAAaT,EAAW,CAAEf,SAAQqB,KAAmBE,GAC9D,CAEA,cAAWR,GAAc,WAChBA,EAAUM,GAGZI,IAACC,iBAAgB,CAAC1B,IAAKA,KAASqB,KAAoBL,GAAa"}

package/components/Tooltip/default-constants.js

@@ -1 +1,2 @@
 'use strict';exports.TOOLTIP_STYLES_DEFAULT={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};
+//# sourceMappingURL=default-constants.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Tooltip/default-constants.ts"],"sourcesContent":["import type { Styles } from 'react-floater/lib/types'\n\nexport const TOOLTIP_STYLES_DEFAULT: Partial<Styles> = {\n  wrapper: {\n    display: 'inline-flex',\n    flexDirection: 'column',\n    zIndex: 100,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    WebkitFilter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    maxWidth: 300,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 100,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 3,\n    backgroundColor: '#fff',\n    color: 'var(--mineShaft)',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '16px',\n    position: 'relative',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  title: {\n    borderBottom: '1px solid var(--mineShaft)',\n    color: 'var(--mineShaft)',\n    fontWeight: 'bold',\n    fontSize: 18,\n    marginBottom: 5,\n    paddingBottom: 6,\n    paddingRight: 18,\n  },\n  content: {\n    fontSize: 12,\n    lineHeight: '16px',\n  },\n  close: {\n    backgroundColor: 'transparent',\n    border: 0,\n    borderRadius: 0,\n    color: 'var(--mineShaft)',\n    fontSize: 14,\n    height: 10,\n    lineHeight: '16px',\n    outline: 'none',\n    padding: 0,\n    position: 'absolute',\n    right: '4px',\n    textAlign: 'center',\n    top: '4px',\n    WebkitAppearance: 'none',\n    width: 10,\n  },\n  footer: {\n    borderTop: '1px solid var(--mineShaft)',\n    fontSize: 13,\n    marginTop: 10,\n    paddingTop: 5,\n  },\n  arrow: {\n    color: '#fff',\n    display: 'inline-flex',\n    length: 6,\n    position: 'absolute',\n    spread: 12,\n  },\n  options: {\n    zIndex: 100,\n  },\n}\n"],"names":["wrapper","display","flexDirection","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","backgroundColor","color","minHeight","minWidth","padding","justifyContent","title","borderBottom","fontWeight","fontSize","marginBottom","paddingBottom","paddingRight","content","lineHeight","close","border","height","outline","right","textAlign","WebkitAppearance","width","footer","borderTop","marginTop","paddingTop","arrow","length","spread","options"],"mappings":"4CAEuD,CACrDA,QAAS,CACPC,QAAS,cACTC,cAAe,SACfC,OAAQ,KAEVC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPR,QAAS,eACTS,OAAQ,4CACRC,aAAc,4CACdC,SAAU,IACVC,QAAS,EACTP,SAAU,WACVQ,WAAY,eACZN,WAAY,SACZL,OAAQ,KAEVY,eAAgB,CACdF,QAAS,EACTL,WAAY,WAEdQ,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZN,WAAY,WAEdS,eAAgB,CACdJ,QAAS,EACTL,WAAY,WAEdU,gBAAiB,CACfb,KAAM,MACNC,SAAU,QACVC,IAAK,MACLY,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,gBAAiB,OACjBC,MAAO,mBACPC,UAAW,GACXC,SAAU,IACVC,QAAS,OACTrB,SAAU,WACVL,QAAS,OACTC,cAAe,SACf0B,eAAgB,UAElBC,MAAO,CACLC,aAAc,6BACdN,MAAO,mBACPO,WAAY,OACZC,SAAU,GACVC,aAAc,EACdC,cAAe,EACfC,aAAc,IAEhBC,QAAS,CACPJ,SAAU,GACVK,WAAY,QAEdC,MAAO,CACLf,gBAAiB,cACjBgB,OAAQ,EACRjB,aAAc,EACdE,MAAO,mBACPQ,SAAU,GACVQ,OAAQ,GACRH,WAAY,OACZI,QAAS,OACTd,QAAS,EACTrB,SAAU,WACVoC,MAAO,MACPC,UAAW,SACXpC,IAAK,MACLqC,iBAAkB,OAClBC,MAAO,IAETC,OAAQ,CACNC,UAAW,6BACXf,SAAU,GACVgB,UAAW,GACXC,WAAY,GAEdC,MAAO,CACL1B,MAAO,OACPvB,QAAS,cACTkD,OAAQ,EACR7C,SAAU,WACV8C,OAAQ,IAEVC,QAAS,CACPlD,OAAQ"}

package/components/Tooltip/default-constants.mjs

@@ -1 +1,2 @@
 const TOOLTIP_STYLES_DEFAULT={wrapper:{display:'inline-flex',flexDirection:'column',zIndex:100},wrapperPosition:{left:-1e3,position:'absolute',top:-1e3,visibility:'hidden'},floater:{display:'inline-block',filter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',WebkitFilter:'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',maxWidth:300,opacity:0,position:'relative',transition:'opacity 0.2s',visibility:'hidden',zIndex:100},floaterOpening:{opacity:1,visibility:'visible'},floaterWithAnimation:{opacity:1,transition:'opacity 0.2s, transform 0.2s',visibility:'visible'},floaterClosing:{opacity:0,visibility:'visible'},floaterCentered:{left:'50%',position:'fixed',top:'50%',transform:'translate(-50%, -50%)'},container:{boxSizing:'border-box',borderRadius:3,backgroundColor:'#fff',color:'var(--mineShaft)',minHeight:32,minWidth:180,padding:'16px',position:'relative',display:'flex',flexDirection:'column',justifyContent:'center'},title:{borderBottom:'1px solid var(--mineShaft)',color:'var(--mineShaft)',fontWeight:'bold',fontSize:18,marginBottom:5,paddingBottom:6,paddingRight:18},content:{fontSize:12,lineHeight:'16px'},close:{backgroundColor:'transparent',border:0,borderRadius:0,color:'var(--mineShaft)',fontSize:14,height:10,lineHeight:'16px',outline:'none',padding:0,position:'absolute',right:'4px',textAlign:'center',top:'4px',WebkitAppearance:'none',width:10},footer:{borderTop:'1px solid var(--mineShaft)',fontSize:13,marginTop:10,paddingTop:5},arrow:{color:'#fff',display:'inline-flex',length:6,position:'absolute',spread:12},options:{zIndex:100}};export{TOOLTIP_STYLES_DEFAULT};
+//# sourceMappingURL=default-constants.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.mjs","sources":["../../../../src/components/Tooltip/default-constants.ts"],"sourcesContent":["import type { Styles } from 'react-floater/lib/types'\n\nexport const TOOLTIP_STYLES_DEFAULT: Partial<Styles> = {\n  wrapper: {\n    display: 'inline-flex',\n    flexDirection: 'column',\n    zIndex: 100,\n  },\n  wrapperPosition: {\n    left: -1000,\n    position: 'absolute',\n    top: -1000,\n    visibility: 'hidden',\n  },\n  floater: {\n    display: 'inline-block',\n    filter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    WebkitFilter: 'drop-shadow(0 6px 6px rgba(0, 0, 0, 0.2))',\n    maxWidth: 300,\n    opacity: 0,\n    position: 'relative',\n    transition: 'opacity 0.2s',\n    visibility: 'hidden',\n    zIndex: 100,\n  },\n  floaterOpening: {\n    opacity: 1,\n    visibility: 'visible',\n  },\n  floaterWithAnimation: {\n    opacity: 1,\n    transition: 'opacity 0.2s, transform 0.2s',\n    visibility: 'visible',\n  },\n  floaterClosing: {\n    opacity: 0,\n    visibility: 'visible',\n  },\n  floaterCentered: {\n    left: '50%',\n    position: 'fixed',\n    top: '50%',\n    transform: 'translate(-50%, -50%)',\n  },\n  container: {\n    boxSizing: 'border-box',\n    borderRadius: 3,\n    backgroundColor: '#fff',\n    color: 'var(--mineShaft)',\n    minHeight: 32,\n    minWidth: 180,\n    padding: '16px',\n    position: 'relative',\n    display: 'flex',\n    flexDirection: 'column',\n    justifyContent: 'center',\n  },\n  title: {\n    borderBottom: '1px solid var(--mineShaft)',\n    color: 'var(--mineShaft)',\n    fontWeight: 'bold',\n    fontSize: 18,\n    marginBottom: 5,\n    paddingBottom: 6,\n    paddingRight: 18,\n  },\n  content: {\n    fontSize: 12,\n    lineHeight: '16px',\n  },\n  close: {\n    backgroundColor: 'transparent',\n    border: 0,\n    borderRadius: 0,\n    color: 'var(--mineShaft)',\n    fontSize: 14,\n    height: 10,\n    lineHeight: '16px',\n    outline: 'none',\n    padding: 0,\n    position: 'absolute',\n    right: '4px',\n    textAlign: 'center',\n    top: '4px',\n    WebkitAppearance: 'none',\n    width: 10,\n  },\n  footer: {\n    borderTop: '1px solid var(--mineShaft)',\n    fontSize: 13,\n    marginTop: 10,\n    paddingTop: 5,\n  },\n  arrow: {\n    color: '#fff',\n    display: 'inline-flex',\n    length: 6,\n    position: 'absolute',\n    spread: 12,\n  },\n  options: {\n    zIndex: 100,\n  },\n}\n"],"names":["TOOLTIP_STYLES_DEFAULT","wrapper","display","flexDirection","zIndex","wrapperPosition","left","position","top","visibility","floater","filter","WebkitFilter","maxWidth","opacity","transition","floaterOpening","floaterWithAnimation","floaterClosing","floaterCentered","transform","container","boxSizing","borderRadius","backgroundColor","color","minHeight","minWidth","padding","justifyContent","title","borderBottom","fontWeight","fontSize","marginBottom","paddingBottom","paddingRight","content","lineHeight","close","border","height","outline","right","textAlign","WebkitAppearance","width","footer","borderTop","marginTop","paddingTop","arrow","length","spread","options"],"mappings":"AAEO,MAAMA,uBAA0C,CACrDC,QAAS,CACPC,QAAS,cACTC,cAAe,SACfC,OAAQ,KAEVC,gBAAiB,CACfC,MAAO,IACPC,SAAU,WACVC,KAAM,IACNC,WAAY,UAEdC,QAAS,CACPR,QAAS,eACTS,OAAQ,4CACRC,aAAc,4CACdC,SAAU,IACVC,QAAS,EACTP,SAAU,WACVQ,WAAY,eACZN,WAAY,SACZL,OAAQ,KAEVY,eAAgB,CACdF,QAAS,EACTL,WAAY,WAEdQ,qBAAsB,CACpBH,QAAS,EACTC,WAAY,+BACZN,WAAY,WAEdS,eAAgB,CACdJ,QAAS,EACTL,WAAY,WAEdU,gBAAiB,CACfb,KAAM,MACNC,SAAU,QACVC,IAAK,MACLY,UAAW,yBAEbC,UAAW,CACTC,UAAW,aACXC,aAAc,EACdC,gBAAiB,OACjBC,MAAO,mBACPC,UAAW,GACXC,SAAU,IACVC,QAAS,OACTrB,SAAU,WACVL,QAAS,OACTC,cAAe,SACf0B,eAAgB,UAElBC,MAAO,CACLC,aAAc,6BACdN,MAAO,mBACPO,WAAY,OACZC,SAAU,GACVC,aAAc,EACdC,cAAe,EACfC,aAAc,IAEhBC,QAAS,CACPJ,SAAU,GACVK,WAAY,QAEdC,MAAO,CACLf,gBAAiB,cACjBgB,OAAQ,EACRjB,aAAc,EACdE,MAAO,mBACPQ,SAAU,GACVQ,OAAQ,GACRH,WAAY,OACZI,QAAS,OACTd,QAAS,EACTrB,SAAU,WACVoC,MAAO,MACPC,UAAW,SACXpC,IAAK,MACLqC,iBAAkB,OAClBC,MAAO,IAETC,OAAQ,CACNC,UAAW,6BACXf,SAAU,GACVgB,UAAW,GACXC,WAAY,GAEdC,MAAO,CACL1B,MAAO,OACPvB,QAAS,cACTkD,OAAQ,EACR7C,SAAU,WACV8C,OAAQ,IAEVC,QAAS,CACPlD,OAAQ"}

package/components/TooltipComponent/TooltipComponent.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const TooltipComponent=withMergedProps.withMergedProps(React.forwardRef(((e,t)=>{const{size:o="s",titleProps:r={},contentProps:s={},closeButtonProps:i={},title:n,content:c,footer:a,closeFn:p,showCloseButton:l,...u}=e;const m={appearance:'body',size:'inherit',color:'inherit'};return require$$0.jsxs(style.Root,{...u,size:o,ref:t,children:[l&&require$$0.jsx(style.CloseButton,{...i,type:"button",onClick:e=>{typeof p=='function'&&p(),i.onClick&&i.onClick(e)},children:require$$0.jsx(Icon.Icon,{as:"span",name:"close",size:16})}),n&&require$$0.jsx(Text.Text,{weight:700,marginRight:l?16:void 0,marginBottom:c||a?'0.3em':void 0,...m,...r,children:n}),c&&require$$0.jsx(Text.Text,{marginRight:!n&&l?16:void 0,marginBottom:a?'0.2em':void 0,...m,...s,children:c}),a]})})),{sizes:constants.SIZES,displayName:"TooltipComponent"});exports.SIZES=constants.SIZES,exports.COMPONENT_NAME="TooltipComponent",exports.TooltipComponent=TooltipComponent;
+//# sourceMappingURL=TooltipComponent.js.map

package/components/TooltipComponent/TooltipComponent.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipComponent.js","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n  TooltipComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      title,\n      content,\n      footer,\n      closeFn,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const textProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} ref={ref}>\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            type='button'\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n            }}\n          >\n            <Icon as='span' name='close' size={16} />\n          </Styled.CloseButton>\n        )}\n        {title && (\n          <Text\n            weight={700}\n            marginRight={showCloseButton ? 16 : undefined}\n            marginBottom={content || footer ? '0.3em' : undefined}\n            {...textProps}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        )}\n        {content && (\n          <Text\n            marginRight={!title && showCloseButton ? 16 : undefined}\n            marginBottom={footer ? '0.2em' : undefined}\n            {...textProps}\n            {...contentProps}\n          >\n            {content}\n          </Text>\n        )}\n        {footer}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","textProps","appearance","color","_jsxs","Styled","children","_jsx","jsx","type","onClick","evt","Icon","as","name","Text","weight","marginRight","undefined","marginBottom","sizes","SIZES","displayName"],"mappings":"iSAqBMA,MAAAA,iBAA2EC,gBAAAA,gBAI/EC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAE,EAAAC,aACfA,EAAe,CAAE,EAAAC,iBACjBA,EAAmB,CAAE,EAAAC,MACrBA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,gBACPA,KACGC,GACDX,EAEJ,MAAMY,EAAuB,CAAEC,WAAY,OAAQX,KAAM,UAAWY,MAAO,WAE3E,OACEC,WAAAA,KAACC,MAAAA,KAAW,IAAKL,EAAWT,KAAMA,EAAMD,IAAKA,EAAIgB,UAC9CP,GACCQ,WAAAC,IAACH,kBAAkB,IACbX,EACJe,KAAK,SACLC,QAAUC,WACGb,GAAY,YAAYA,IAC/BJ,EAAiBgB,SAAShB,EAAiBgB,QAAQC,EAAI,EAC3DL,SAEFC,WAAAC,IAACI,UAAI,CAACC,GAAG,OAAOC,KAAK,QAAQvB,KAAM,OAGtCI,GACCY,WAAAC,IAACO,UAAI,CACHC,OAAQ,IACRC,YAAalB,EAAkB,QAAKmB,EACpCC,aAAcvB,GAAWC,EAAS,aAAUqB,KACxCjB,KACAT,EAAUc,SAEbX,IAGJC,GACCW,WAAAC,IAACO,UAAI,CACHE,aAActB,GAASI,EAAkB,QAAKmB,EAC9CC,aAActB,EAAS,aAAUqB,KAC7BjB,KACAR,EAAYa,SAEfV,IAGJC,IACW,IAGlB,CACEuB,MAAOC,UAAKA,MACZC,YAzEmB,0EAAA"}

package/components/TooltipComponent/TooltipComponent.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{Root,CloseButton}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='TooltipComponent';const TooltipComponent=withMergedProps(forwardRef(((o,t)=>{const{size:e="s",titleProps:n={},contentProps:r={},closeButtonProps:i={},title:s,content:m,footer:p,closeFn:c,showCloseButton:l,...a}=o;const d={appearance:'body',size:'inherit',color:'inherit'};return jsxs(Root,{...a,size:e,ref:t,children:[l&&jsx(CloseButton,{...i,type:"button",onClick:o=>{typeof c=='function'&&c(),i.onClick&&i.onClick(o)},children:jsx(Icon,{as:"span",name:"close",size:16})}),s&&jsx(Text,{weight:700,marginRight:l?16:void 0,marginBottom:m||p?'0.3em':void 0,...d,...n,children:s}),m&&jsx(Text,{marginRight:!s&&l?16:void 0,marginBottom:p?'0.2em':void 0,...d,...r,children:m}),p]})})),{sizes:SIZES,displayName:"TooltipComponent"});export{COMPONENT_NAME,SIZES,TooltipComponent};
+//# sourceMappingURL=TooltipComponent.mjs.map

package/components/TooltipComponent/TooltipComponent.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"TooltipComponent.mjs","sources":["../../../../src/components/TooltipComponent/TooltipComponent.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport type { TooltipComponentProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'TooltipComponent'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"size\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TooltipComponentProps](https://github.com/foxford/ui/blob/master/src/components/TooltipComponent/types.ts)\n */\nconst TooltipComponent: React.ForwardRefExoticComponent<TooltipComponentProps> = withMergedProps<\n  TooltipComponentProps,\n  HTMLDivElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 's',\n      titleProps = {},\n      contentProps = {},\n      closeButtonProps = {},\n      title,\n      content,\n      footer,\n      closeFn,\n      showCloseButton,\n      ...restProps\n    } = props\n\n    const textProps: TextProps = { appearance: 'body', size: 'inherit', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} size={size} ref={ref}>\n        {showCloseButton && (\n          <Styled.CloseButton\n            {...closeButtonProps}\n            type='button'\n            onClick={(evt) => {\n              if (typeof closeFn === 'function') closeFn()\n              if (closeButtonProps.onClick) closeButtonProps.onClick(evt)\n            }}\n          >\n            <Icon as='span' name='close' size={16} />\n          </Styled.CloseButton>\n        )}\n        {title && (\n          <Text\n            weight={700}\n            marginRight={showCloseButton ? 16 : undefined}\n            marginBottom={content || footer ? '0.3em' : undefined}\n            {...textProps}\n            {...titleProps}\n          >\n            {title}\n          </Text>\n        )}\n        {content && (\n          <Text\n            marginRight={!title && showCloseButton ? 16 : undefined}\n            marginBottom={footer ? '0.2em' : undefined}\n            {...textProps}\n            {...contentProps}\n          >\n            {content}\n          </Text>\n        )}\n        {footer}\n      </Styled.Root>\n    )\n  }),\n  {\n    sizes: SIZES,\n    displayName: COMPONENT_NAME,\n  }\n)\n\nexport { TooltipComponent }\n\nexport { COMPONENT_NAME, SIZES }\n"],"names":["COMPONENT_NAME","TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","textProps","appearance","color","_jsxs","Styled","children","_jsx","type","onClick","evt","Icon","as","name","Text","weight","marginRight","undefined","marginBottom","sizes","SIZES","displayName"],"mappings":"qRASMA,MAAAA,eAAiB,mBAYjBC,MAAAA,iBAA2EC,gBAI/EC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,WACVA,EAAa,CAAE,EAAAC,aACfA,EAAe,CAAE,EAAAC,iBACjBA,EAAmB,CAAE,EAAAC,MACrBA,EAAKC,QACLA,EAAOC,OACPA,EAAMC,QACNA,EAAOC,gBACPA,KACGC,GACDX,EAEJ,MAAMY,EAAuB,CAAEC,WAAY,OAAQX,KAAM,UAAWY,MAAO,WAE3E,OACEC,KAACC,KAAW,IAAKL,EAAWT,KAAMA,EAAMD,IAAKA,EAAIgB,UAC9CP,GACCQ,IAACF,YAAkB,IACbX,EACJc,KAAK,SACLC,QAAUC,WACGZ,GAAY,YAAYA,IAC/BJ,EAAiBe,SAASf,EAAiBe,QAAQC,EAAI,EAC3DJ,SAEFC,IAACI,KAAI,CAACC,GAAG,OAAOC,KAAK,QAAQtB,KAAM,OAGtCI,GACCY,IAACO,KAAI,CACHC,OAAQ,IACRC,YAAajB,EAAkB,QAAKkB,EACpCC,aAActB,GAAWC,EAAS,aAAUoB,KACxChB,KACAT,EAAUc,SAEbX,IAGJC,GACCW,IAACO,KAAI,CACHE,aAAcrB,GAASI,EAAkB,QAAKkB,EAC9CC,aAAcrB,EAAS,aAAUoB,KAC7BhB,KACAR,EAAYa,SAEfV,IAGJC,IACW,IAGlB,CACEsB,MAAOC,MACPC,YAzEmB"}

package/components/TooltipComponent/constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};
+//# sourceMappingURL=constants.js.map

package/components/TooltipComponent/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/TooltipComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 14,\n    minWidth: 64,\n    maxWidth: 340,\n    paddingTop: 12,\n    paddingRight: 16,\n    paddingBottom: 12,\n    paddingLeft: 16,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n}\n"],"names":["xxxl","fontSize","minWidth","maxWidth","paddingTop","paddingRight","paddingBottom","paddingLeft","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBC,IAAK,CACHR,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBE,GAAI,CACFT,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBG,EAAG,CACDV,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBI,EAAG,CACDX,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBK,EAAG,CACDZ,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBM,GAAI,CACFb,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBO,IAAK,CACHd,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBQ,KAAM,CACJf,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc"}

package/components/TooltipComponent/constants.mjs

@@ -1 +1,2 @@
 const SIZES={xxxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xxl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},xl:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},l:{fontSize:16,minWidth:80,maxWidth:380,paddingTop:14,paddingRight:18,paddingBottom:14,paddingLeft:18,borderRadius:8},m:{fontSize:14,minWidth:64,maxWidth:340,paddingTop:12,paddingRight:16,paddingBottom:12,paddingLeft:16,borderRadius:8},s:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8},xxxs:{fontSize:14,minWidth:45,maxWidth:200,paddingTop:8,paddingRight:8,paddingBottom:8,paddingLeft:8,borderRadius:8}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/TooltipComponent/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/TooltipComponent/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xxl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  xl: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  l: {\n    fontSize: 16,\n    minWidth: 80,\n    maxWidth: 380,\n    paddingTop: 14,\n    paddingRight: 18,\n    paddingBottom: 14,\n    paddingLeft: 18,\n    borderRadius: 8,\n  },\n  m: {\n    fontSize: 14,\n    minWidth: 64,\n    maxWidth: 340,\n    paddingTop: 12,\n    paddingRight: 16,\n    paddingBottom: 12,\n    paddingLeft: 16,\n    borderRadius: 8,\n  },\n  s: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n  xxxs: {\n    fontSize: 14,\n    minWidth: 45,\n    maxWidth: 200,\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    borderRadius: 8,\n  },\n}\n"],"names":["SIZES","xxxl","fontSize","minWidth","maxWidth","paddingTop","paddingRight","paddingBottom","paddingLeft","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBC,IAAK,CACHR,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBE,GAAI,CACFT,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBG,EAAG,CACDV,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBI,EAAG,CACDX,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,GACZC,aAAc,GACdC,cAAe,GACfC,YAAa,GACbC,aAAc,GAEhBK,EAAG,CACDZ,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBM,GAAI,CACFb,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBO,IAAK,CACHd,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc,GAEhBQ,KAAM,CACJf,SAAU,GACVC,SAAU,GACVC,SAAU,IACVC,WAAY,EACZC,aAAc,EACdC,cAAe,EACfC,YAAa,EACbC,aAAc"}

package/components/TooltipComponent/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled.button.withConfig({componentId:"fox-ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus.focus);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${o.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${o.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${o.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${o.closeColorDisabled};\n  }\n\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({componentId:"fox-ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize.responsiveSize);exports.CloseButton=CloseButton,exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardTooltipComponentProp=style.createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled__default.default.button.withConfig({displayName:"TooltipComponent__CloseButton",componentId:"ui__sc-1fjl2iv-0"})(["box-sizing:border-box;appearance:none;position:absolute;top:0;right:0;padding:4px;margin:0;border:none;display:flex;align-items:center;justify-content:center;border-radius:50%;background-color:transparent;cursor:pointer;&:disabled{cursor:not-allowed;}",""],focus.focus);const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${o.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${o.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${o.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${o.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${o.closeColorDisabled};\n  }\n\n`;const COLOR_SCHEMA={contrast:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors['bg-brand-primary-basic'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-oncolor-tertiary'],closeColorHover:o.theme.colors['content-oncolor-primary'],closeColorActive:o.theme.colors['content-oncolor-primary'],closeColorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette}))),black:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-inverse'],backgroundColor:o.theme.colors['bg-onmain-inverse'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-inverse'],closeColorHover:tinycolor.default(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:tinycolor.default(o.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-primary'],shadowColor:o.elevated?o.theme.colors['bg-oncolor-hover']:o.theme.colors.transparent,closeColor:o.theme.colors['content-onmain-tertiary'],closeColorHover:o.theme.colors['content-onmain-primary'],closeColorActive:o.theme.colors['content-onmain-primary'],closeColorDisabled:o.theme.colors['content-disabled'],...o.palette})))};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardTooltipComponentProp}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:typeof o=='string'?o:`${o}${e}`,minWidth:'4.6em',maxWidth:'24em',padding:'0.8em',borderRadius:8})}).withConfig({displayName:"TooltipComponent__Root",componentId:"ui__sc-1fjl2iv-1"})(["box-sizing:border-box;display:inline-block;isolation:isolate;position:relative;cursor:default;word-break:break-word;"," ",""],(o=>{let e=COLOR_SCHEMA.primary;return o.black&&(e=COLOR_SCHEMA.black),o.contrast&&(e=COLOR_SCHEMA.contrast),e}),responsiveSize.responsiveSize);exports.CloseButton=CloseButton,exports.Root=Root;
+//# sourceMappingURL=style.js.map

package/components/TooltipComponent/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/components/TooltipComponent/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledTooltipComponentProps, TooltipComponentPalette } from './types'\n\nconst shouldForwardTooltipComponentProp = createShouldForwardProp(\n  (propKey) => !['black', 'contrast', 'elevated'].includes(propKey)\n)\n\nexport const CloseButton = styled.button`\n  box-sizing: border-box;\n  appearance: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  padding: 4px;\n  margin: 0;\n  border: none;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background-color: transparent;\n  cursor: pointer;\n  &:disabled {\n    cursor: not-allowed;\n  }\n\n  ${focus}\n`\n\nconst template = (palette: TooltipComponentPalette) => `\n  color: ${palette.color};\n  background-color: ${palette.backgroundColor};\n  filter: drop-shadow(0 6px 10px ${palette.shadowColor});\n\n  & > ${CloseButton} {\n    color: ${palette.closeColor};\n  }\n  & > ${CloseButton}:hover {\n    color: ${palette.closeColorHover};\n  }\n  & > ${CloseButton}:active {\n    color: ${palette.closeColorActive};\n  }\n  & > ${CloseButton}:disabled {\n    color: ${palette.closeColorDisabled};\n  }\n\n`\n\nconst COLOR_SCHEMA = {\n  contrast: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        backgroundColor: props.theme.colors['bg-brand-primary-basic'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-oncolor-tertiary'],\n        closeColorHover: props.theme.colors['content-oncolor-primary'],\n        closeColorActive: props.theme.colors['content-oncolor-primary'],\n        closeColorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n  black: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-inverse'],\n        backgroundColor: props.theme.colors['bg-onmain-inverse'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-onmain-inverse'],\n        closeColorHover: tinycolor(props.theme.colors['content-onmain-inverse']).darken(20).toString() as CSSColor,\n        closeColorActive: tinycolor(props.theme.colors['content-onmain-inverse']).darken(20).toString() as CSSColor,\n        closeColorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledTooltipComponentProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-onmain-primary'],\n        backgroundColor: props.theme.colors['bg-onmain-primary'],\n        shadowColor: props.elevated ? props.theme.colors['bg-oncolor-hover'] : props.theme.colors.transparent,\n        closeColor: props.theme.colors['content-onmain-tertiary'],\n        closeColorHover: props.theme.colors['content-onmain-primary'],\n        closeColorActive: props.theme.colors['content-onmain-primary'],\n        closeColorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nexport const Root = styled.div\n  .withConfig<StyledTooltipComponentProps>({\n    shouldForwardProp: shouldForwardTooltipComponentProp,\n  })\n  .attrs<StyledTooltipComponentProps>(<Required<Pick<StyledTooltipComponentProps, 'dynamicSizeDeclaration'>>>{\n    dynamicSizeDeclaration: (size, sizeUnits) => ({\n      fontSize: typeof size === 'string' ? size : `${size}${sizeUnits}`,\n      minWidth: '4.6em',\n      maxWidth: '24em',\n      padding: '0.8em',\n      borderRadius: 8,\n    }),\n  })`\n  box-sizing: border-box;\n  display: inline-block;\n  isolation: isolate;\n  position: relative;\n  cursor: default;\n  word-break: break-word;\n\n  ${(props) => {\n    let schema = COLOR_SCHEMA.primary\n\n    if (props.black) schema = COLOR_SCHEMA.black\n    if (props.contrast) schema = COLOR_SCHEMA.contrast\n\n    return schema\n  }}\n\n  ${responsiveSize}\n`\n"],"names":["shouldForwardTooltipComponentProp","createShouldForwardProp","propKey","includes","CloseButton","styled","button","withConfig","displayName","componentId","focus","template","palette","color","backgroundColor","shadowColor","closeColor","closeColorHover","closeColorActive","closeColorDisabled","COLOR_SCHEMA","contrast","css","props","theme","colors","elevated","transparent","black","tinycolor","default","darken","toString","primary","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","minWidth","maxWidth","padding","borderRadius","schema","responsiveSize"],"mappings":"gaAQA,MAAMA,kCAAoCC,MAAuBA,yBAC9DC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,WAG9CE,YAAcC,gBAAAA,QAAOC,OAAMC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAbJ,CAAa,CAAA,8PAAA,IAmBpCK,MAAAA,OAGJ,MAAMC,SAAYC,GAAqC,cAC5CA,EAAQC,+BACGD,EAAQE,sDACKF,EAAQG,0BAEnCX,6BACKQ,EAAQI,2BAEbZ,mCACKQ,EAAQK,gCAEbb,oCACKQ,EAAQM,iCAEbd,sCACKQ,EAAQO,+BAKrB,MAAMC,aAAe,CACnBC,SAAUC,OAAGA,IAAA,CAAA,GAAA,KACRC,GACDZ,SAAS,CACPE,MAAOU,EAAMC,MAAMC,OAAO,2BAC1BX,gBAAiBS,EAAMC,MAAMC,OAAO,0BACpCV,YAAaQ,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,YAC1FX,WAAYO,EAAMC,MAAMC,OAAO,4BAC/BR,gBAAiBM,EAAMC,MAAMC,OAAO,2BACpCP,iBAAkBK,EAAMC,MAAMC,OAAO,2BACrCN,mBAAoBI,EAAMC,MAAMC,OAAO,+BACpCF,EAAMX,YAGfgB,MAAON,OAAGA,IAAA,CAAA,GAAA,KACLC,GACDZ,SAAS,CACPE,MAAOU,EAAMC,MAAMC,OAAO,0BAC1BX,gBAAiBS,EAAMC,MAAMC,OAAO,qBACpCV,YAAaQ,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,YAC1FX,WAAYO,EAAMC,MAAMC,OAAO,0BAC/BR,gBAAiBY,UAASC,QAACP,EAAMC,MAAMC,OAAO,2BAA2BM,OAAO,IAAIC,WACpFd,iBAAkBW,UAASC,QAACP,EAAMC,MAAMC,OAAO,2BAA2BM,OAAO,IAAIC,WACrFb,mBAAoBI,EAAMC,MAAMC,OAAO,uBACpCF,EAAMX,YAGfqB,QAASX,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDZ,SAAS,CACPE,MAAOU,EAAMC,MAAMC,OAAO,0BAC1BX,gBAAiBS,EAAMC,MAAMC,OAAO,qBACpCV,YAAaQ,EAAMG,SAAWH,EAAMC,MAAMC,OAAO,oBAAsBF,EAAMC,MAAMC,OAAOE,YAC1FX,WAAYO,EAAMC,MAAMC,OAAO,2BAC/BR,gBAAiBM,EAAMC,MAAMC,OAAO,0BACpCP,iBAAkBK,EAAMC,MAAMC,OAAO,0BACrCN,mBAAoBI,EAAMC,MAAMC,OAAO,uBACpCF,EAAMX,aAKV,MAAMsB,KAAO7B,gBAAAA,QAAO8B,IACxB5B,WAAwC,CACvC6B,kBAAmBpC,oCAEpBqC,MAA0G,CACzGC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,SAAU,QACVC,SAAU,OACVC,QAAS,QACTC,aAAc,MAEhBtC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAZgBJ,CAYhB,CAAA,uHAAA,IAAA,KAQCkB,IACD,IAAIuB,EAAS1B,aAAaa,QAK1B,OAHIV,EAAMK,QAAOkB,EAAS1B,aAAaQ,OACnCL,EAAMF,WAAUyB,EAAS1B,aAAaC,UAEnCyB,CAAM,GAGbC,eAAcA"}