@foxford/ui 2.39.0-beta-3558be1-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/Textarea/Textarea.js.map

@@ -1 +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":["COMPONENT_NAME","Textarea","props","_theme$components","theme","useTheme","_useConfigPriority","useConfigPriority","components","omit","preset","disabled","error","fluid","name","onChange","maxLength","placeholder","required","tabIndex","value","className","style","autosize","rounded","cols","rows","maxRows","color","placeholderColor","width","defaultInputControlsWidth","configProps","_objectWithoutProperties","_excluded","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.Root","ref","displayName"],"mappings":"onBAOMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAYC,IAAyB,IAAAC,EACzC,IAAMC,EAAQC,IAEd,IAAAC,EAuBIC,EAAiB,QAAgBH,EAAAA,EAAMI,kBAAtB,IAAAL,OAAA,EAAgBA,EAAAF,SAAoCQ,EAAK,CAAC,YAAaP,KAvBtFQ,OACJA,EADIC,SAEJA,EAFIC,MAGJA,EAHIC,MAIJA,EAJIC,KAKJA,EALIC,SAMJA,EANIC,UAOJA,EAPIC,YAQJA,EARIC,SASJA,EATIC,SAUJA,EAVIC,MAWJA,EAXIC,UAYJA,EAZIC,MAaJA,EAbIC,SAcJA,GAAW,EAdPC,QAeJA,GAAAA,EAfIC,KAgBJA,EAAO,GAhBHC,KAiBJA,EAAO,EAjBHC,QAkBJA,EAAU,GAlBNC,MAmBJA,EAAQ,YAnBJC,iBAoBJA,EAAmB,SApBfC,MAqBJA,EAAQ1B,EAAM2B,2BArBhBzB,EAsBK0B,EAtBLC,EAAA3B,EAAA4B,GAyBA,IAAMC,EAAWC,IAEjB,IAAOC,EAAOC,GAAWC,EAASb,GAElC,IAAMc,EAAkBC,GACrBC,IACC,IAAMC,OAAEA,GAAWD,EAEnB,GAAIC,aAAkBC,qBAAuBrB,EAAU,CACrD,IAAMsB,EAAOF,EAAOG,wBAEhBH,EAAOI,aAAeF,EAAKG,QAAUX,EAAQV,EAC/CW,EAAQD,EAAQ,GACNM,EAAOvB,OAA0B,KAAjBuB,EAAOvB,OACjCkB,EAAQZ,GAIY,mBAAbX,GACTA,EAAS2B,KAGb,CAAC3B,EAAUsB,EAAOV,EAASJ,IAG7B0B,GAAAA,KACE,GAAKd,GAAaA,EAASe,QAA3B,CAEA,IAAMC,EAAKhB,EAASe,QACpB,IAAML,EAAOM,EAAGL,wBAChB,GAAIK,EAAGJ,aAAeF,EAAKG,OAAQ,CACjC,IAAMI,EAAKC,SAASC,iBAAiBH,GAAII,WAAY,IACrD,IAAMC,EAAgBC,KAAKC,MAAMP,EAAGJ,aAAeK,GAC/CI,GAAiB7B,GAAW6B,EAAgB9B,GAC9CY,EAAQkB,OAGX,IAEH,IAAIG,EAAmC,UAAjBvD,EAAMM,OAG5B,MAFsB,iBAAXA,IAAqBiD,EAA6B,UAAXjD,GAGhDkD,EAACC,SACK7B,GADN,GAAA,CAEE8B,IAAK3B,EACLd,UAAWA,EACXC,MAAOA,EACPP,SAAUyB,EACVf,KAAMA,EACNd,SAAUA,EACVK,UAAWA,EACXF,KAAMA,EACNG,YAAaA,EACbC,SAAUA,EACVQ,KAAMW,EACNlB,SAAUA,EACVC,MAAOA,EACPQ,MAAOA,EACPJ,QAASA,EACTK,iBAAkBA,EAClBhB,MAAOA,EACPD,MAAOA,EACPkB,MAAOA,EACP6B,gBAAiBA,MAKvB1D,EAAS8D,YAnGc"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import o,{css as r}from'styled-components';import{property as n,responsiveNamedProperty as t}from'../../mixins/responsive-property.js';import{chooseWidthValue as e}from'../Input/helpers.js';import{baseInputStyle as i}from'../Input/style.js';import{focus as a}from'../../mixins/focus.js';var d=r(["",";"," "," "," "," ",""],(o=>{var{theme:r,disabled:n}=o;return"\n    display: block;\n    box-sizing: border-box;\n    appearance: none;\n    width: auto;\n    resize: none;\n    cursor: ".concat(n?'not-allowed':'text',";\n\n    background: ").concat(r.colors['bg-onmain-secondary'],";\n    border: 1px solid ").concat(r.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: ").concat(r.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: ").concat(r.colors['content-onmain-secondary'],";\n    }\n\n    &:disabled {\n      background-color: ").concat(r.colors['bg-disabled-large'],";\n      border-color: ").concat(r.colors['border-disabled'],";\n      color: ").concat(r.colors['content-disabled'],";\n    }\n  ")}),(o=>o.width?n(e(o.width),o.fluid&&'auto'!==o.width?'max-width':'width'):null),(o=>t({sizes:{widthXS:o.widthXS,widthS:o.widthS,widthM:o.widthM,widthL:o.widthL,widthXL:o.widthXL},cssProperty:o.fluid&&'auto'!==o.width?'max-width':'width',customSizeHandler:e})),(o=>{var{fluid:r}=o;return r&&'width: 100%;'}),(o=>{var{error:r,theme:n}=o;return r&&"\n      background-color: ".concat(n.colors['alert-bg-error-100'],";\n      border: 1px solid ").concat(n.colors['alert-bg-error-500'],";\n    ")}),a);var s=r(["resize:none;line-height:23px;padding:16px 20px 11px;",""],i);var c=o.textarea.withConfig({shouldForwardProp:o=>!['color','placeholderColor','rounded','fluid','error','brandPresetUsed','theme'].includes(o)&&!o.includes('width')}).withConfig({componentId:"fox-ui__sc-a4hfy5-0"})(["",""],(o=>{var{brandPresetUsed:r}=o;return r?d:s}));export{c as 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

@@ -1 +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","_ref","theme","disabled","colors","props","width","property","chooseWidthValue","fluid","responsiveNamedProperty","sizes","widthXS","widthS","widthM","widthL","widthXL","cssProperty","customSizeHandler","_ref2","_ref3","error","concat","focus","baseTextareaStyle","baseInputStyle","Root","styled","textarea","withConfig","shouldForwardProp","prop","includes","componentId","_ref4","brandPresetUsed"],"mappings":"+RAOA,IAAMA,EAAqBC,EACvB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KAAAC,IAAA,IAACC,MAAEA,EAAFC,SAASA,GAAVF,EAAA,MAMUE,+HAAAA,OAAAA,EAAW,cAAgB,uCAEvBD,EAAME,OAAO,2DACPF,EAAME,OAAO,2MAQxBF,EAAME,OAAO,wOAOXF,EAAME,OAAO,6FAIFF,EAAME,OAAO,uDACjBF,EAAME,OAAO,mBACpBF,oBAAAA,OAAAA,EAAME,OAAO,oBA9BxB,mBAkCCC,GACDA,EAAMC,MACFC,EAASC,EAAiBH,EAAMC,OAAQD,EAAMI,OAAyB,SAAhBJ,EAAMC,MAAmB,YAAc,SAC9F,OAEHD,GACDK,EAAwB,CACtBC,MAAO,CACLC,QAASP,EAAMO,QACfC,OAAQR,EAAMQ,OACdC,OAAQT,EAAMS,OACdC,OAAQV,EAAMU,OACdC,QAASX,EAAMW,SAEjBC,YAAaZ,EAAMI,OAAyB,SAAhBJ,EAAMC,MAAmB,YAAc,QACnEY,kBAAmBV,MAGrBW,IAAA,IAACV,MAAEA,GAAHU,EAAA,OAAeV,GAAS,kBAExBW,IAAA,IAACC,MAAEA,EAAFnB,MAASA,GAAVkB,EAAA,OACAC,GAAK,6BAAAC,OAEiBpB,EAAME,OAAO,sBAF9B,+BAAAkB,OAGiBpB,EAAME,OAAO,sBAJnC,aAOAmB,GAGJ,IAAMC,EAAoBxB,EAAH,CAAA,uDAAA,IAInByB,GAGG,IAAMC,EAAOC,EAAOC,SAASC,WAAgC,CAClEC,kBAAoBC,IACjB,CAAC,QAAS,mBAAoB,UAAW,QAAS,QAAS,kBAAmB,SAASC,SAASD,KAChGA,EAAKC,SAAS,WAHFH,WAAA,CAAAI,YAAA,uBAAGN,CAKhB,CAAA,GAAA,KAAAO,IAAA,IAACC,gBAAEA,GAAHD,EAAA,OAA0BC,EAAkBpC,EAAqByB"}
+{"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

@@ -0,0 +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({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,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import e from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{useTheme as s}from'styled-components';import r from'react-floater';import{mergeDeepLeft as i}from'ramda';import{withMergedProps as n}from'../../hocs/withMergedProps.js';import{TooltipComponent as l}from'../TooltipComponent/TooltipComponent.js';import{TooltipWrapper as a}from'./TooltipWrapper.js';import{TOOLTIP_STYLES_DEFAULT as p}from'./default-constants.js';import{jsx as m}from'react/jsx-runtime';import{SIZES as c}from'../TooltipComponent/constants.js';var f=["preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps"];var z='Tooltip';var d=Object.assign(n(t(((t,n)=>{var l,c,z;var{preset:d,size:b="s",sizeXXS:u,sizeXS:v,sizeS:h,sizeM:T,sizeL:P,sizeXL:S,sizeUnits:g,sizes:X,palette:C,black:j,contrast:L,titleProps:y,contentProps:w,closeButtonProps:M}=t,k=e(t,f);var x=s();if('brand'!==d){var B;var E=o(o({},k),{},{styles:i(null!==(B=k.styles)&&void 0!==B?B:{},p)});return m(r,o(o({},E),{},{children:m("span",{children:E.children})}))}var O=x.colors['bg-onmain-primary'];j&&(O=x.colors['bg-onmain-inverse']),L&&(O=x.colors['bg-brand-primary-basic']),null!=C&&C.backgroundColor&&(O=null!==(l=x.colors[C.backgroundColor])&&void 0!==l?l:C.backgroundColor);var N=o(o({},k),{},{offset:null!==(c=k.offset)&&void 0!==c?c:8,styles:i(null!==(z=k.styles)&&void 0!==z?z:{},{arrow:{color:O,spread:16,length:8},floater:{filter:"drop-shadow(0 6px 10px ".concat(x.colors['bg-oncolor-hover'],")")}}),component:m(a,{ref:n,size:b,sizeXXS:u,sizeXS:v,sizeS:h,sizeM:T,sizeL:P,sizeXL:S,sizeUnits:g,sizes:X,palette:C,black:j,contrast:L,title:k.title,titleProps:y,content:k.content,contentProps:w,footer:k.footer,showCloseButton:k.showCloseButton,closeButtonProps:M,component:k.component})});return m(r,o(o({},N),{},{modifiers:{flip:{enabled:!N.disableFlip}}}))})),{displayName:"Tooltip",sizes:c}),{Component:l});export{z as COMPONENT_NAME,d as 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

@@ -1 +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":["COMPONENT_NAME","Tooltip","Object","assign","withMergedProps","forwardRef","props","ref","_theme$colors$palette","_restProps$offset","_restProps$styles2","preset","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","sizeUnits","sizes","palette","black","contrast","titleProps","contentProps","closeButtonProps","restProps","_excluded","theme","useTheme","_restProps$styles","tooltipProps","styles","mergeDeepLeft","TOOLTIP_STYLES_DEFAULT","_jsx","Floater","_objectSpread","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":"kxBAWMA,IAAAA,EAAiB,UAYvB,IAAMC,EAAkGC,OAAOC,OAC7GC,EACEC,IAAYC,EAAOC,KAAQ,IAAAC,EAAAC,EAAAC,EACzB,IAAMC,OACJA,EADIC,KAEJA,EAAO,IAFHC,QAGJA,EAHIC,OAIJA,EAJIC,MAKJA,EALIC,MAMJA,EANIC,MAOJA,EAPIC,OAQJA,EARIC,UASJA,EATIC,MAUJA,EAVIC,QAWJA,EAXIC,MAYJA,EAZIC,SAaJA,EAbIC,WAcJA,EAdIC,aAeJA,EAfIC,iBAgBJA,GAEEpB,EADCqB,IACDrB,EAlBJsB,GAoBA,IAAMC,EAAQC,IAEd,GAAe,UAAXnB,EAAoB,CAAA,IAAAoB,EACtB,IAAMC,SACDL,GADa,GAAA,CAEhBM,OAAQC,EAAa,QAACP,EAAAA,EAAUM,cAAAA,IAAXF,EAAAA,EAAqB,GAAII,KAGhD,OACEC,EAACC,EAADC,EAAAA,EAAA,GAAaN,GAAb,GAAA,CAAAO,SACEH,EAAA,OAAA,CAAAG,SAAOP,EAAaO,cAK1B,IAAIC,EAAQX,EAAMY,OAAO,qBAErBnB,IAAOkB,EAAQX,EAAMY,OAAO,sBAC5BlB,IAAUiB,EAAQX,EAAMY,OAAO,2BAC/BpB,MAAAA,GAAAA,EAASqB,kBAAiBF,EAAK,QAAAhC,EAAGqB,EAAMY,OAAOpB,EAAQqB,wBAAxB,IAAAlC,EAAAA,EAA4Ca,EAAQqB,iBAEvF,IAAMV,SACDL,GADa,GAAA,CAEhBgB,eAAQhB,EAAAA,EAAUgB,cAAAA,QAAU,EAC5BV,OAAQC,EAAa,QAACP,EAAAA,EAAUM,cAAX,IAAAvB,EAAAA,EAAqB,GAAI,CAC5CkC,MAAO,CACLJ,MAAAA,EACAK,OAAQ,GACRC,OAAQ,GAEVC,QAAS,CACPC,wCAAkCnB,EAAMY,OAAO,oBAAzC,QAGVQ,UACEb,EAACc,EAAD,CACE3C,IAAKA,EACLK,KAAMA,EACNC,QAASA,EACTC,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,EACRC,UAAWA,EACXC,MAAOA,EACPC,QAASA,EACTC,MAAOA,EACPC,SAAUA,EACV4B,MAAOxB,EAAUwB,MACjB3B,WAAYA,EACZ4B,QAASzB,EAAUyB,QACnB3B,aAAcA,EACd4B,OAAQ1B,EAAU0B,OAClBC,gBAAiB3B,EAAU2B,gBAC3B5B,iBAAkBA,EAClBuB,UAAWtB,EAAUsB,cAK3B,OACEb,EAACC,EAADC,EAAAA,EAAA,GACMN,GADN,GAAA,CAEEuB,UAAW,CACTC,KAAM,CACJC,SAAUzB,EAAa0B,oBAMjC,CACEC,YA5GiB,UA6GjBvC,MAAOwC,IAGX,CACEC,UAAWC"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import o from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as s,isValidElement as r,cloneElement as t}from'react';import{useKeyboardListener as i}from'../../hooks/useKeyboardListener.js';import{keyboardKeys as n}from'../../shared/constants.js';import{TooltipComponent as p}from'../TooltipComponent/TooltipComponent.js';import{jsx as a}from'react/jsx-runtime';var l=["size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component"];var m=()=>{};var c=s(((s,c)=>{var{size:z,sizeXXS:u,sizeXS:f,sizeS:b,sizeM:X,sizeL:d,sizeXL:S,black:h,contrast:j,showCloseButton:y,closeButtonProps:L,id:k,role:v,closeFn:B=m,component:C}=s,w=o(s,l);i('keyup',n.Esc.key,B);var P={size:z,sizeXXS:u,sizeXS:f,sizeS:b,sizeM:X,sizeL:d,sizeXL:S,black:h,contrast:j,showCloseButton:y,closeButtonProps:L,id:k,role:v,closeFn:B};if(r(C)){var T='object'==typeof C.props&&null!==C.props?C.props:{};return t(C,e(e({ref:c},P),T))}return'function'==typeof C?C(P):a(p,e(e({ref:c},P),w))}));export{c as TooltipWrapper};
+'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

@@ -1 +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","TooltipWrapper","forwardRef","props","ref","size","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","black","contrast","showCloseButton","closeButtonProps","id","role","closeFn","component","restProps","_excluded","useKeyboardListener","keyboardKeys","Esc","key","injectionProps","isValidElement","elementProps","cloneElement","_objectSpread","_jsx","TooltipComponent"],"mappings":"6kBAMA,IAAMA,EAAc,OAEdC,IAAAA,EAAiBC,GAAAA,CAAiDC,EAAOC,KAC7E,IAAMC,KACJA,EADIC,QAEJA,EAFIC,OAGJA,EAHIC,MAIJA,EAJIC,MAKJA,EALIC,MAMJA,EANIC,OAOJA,EAPIC,MAQJA,EARIC,SASJA,EATIC,gBAUJA,EAVIC,iBAWJA,EAXIC,GAYJA,EAZIC,KAaJA,EAbIC,QAcJA,EAAUlB,EAdNmB,UAeJA,GAEEhB,EADCiB,IACDjB,EAjBJkB,GAmBAC,EAAoB,QAASC,EAAaC,IAAIC,IAAKP,GAEnD,IAAMQ,EAAiB,CACrBrB,KAAAA,EACAC,QAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,MAAAA,EACAC,OAAAA,EACAC,MAAAA,EACAC,SAAAA,EACAC,gBAAAA,EACAC,iBAAAA,EACAC,GAAAA,EACAC,KAAAA,EACAC,QAAAA,GAGF,GAAIS,EAAeR,GAAY,CAC7B,IAAMS,EAA0C,iBAApBT,EAAUhB,OAA0C,OAApBgB,EAAUhB,MAAiBgB,EAAUhB,MAAQ,GAEzG,OAAO0B,EAAaV,EAADW,EAAAA,EAAA,CAAc1B,IAAAA,GAAQsB,GAAmBE,IAG9D,MAAyB,mBAAdT,EACFA,EAAUO,GAGZK,EAACC,EAADF,EAAAA,EAAA,CAAkB1B,IAAKA,GAASsB,GAAoBN"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-var i={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{i as TOOLTIP_STYLES_DEFAULT};
+'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

@@ -1 +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":["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,IAAMA,EAA0C,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"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import t from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as e}from'react';import{withMergedProps as r}from'../../hocs/withMergedProps.js';import{Text as s}from'../Text/Text.js';import{Icon as i}from'../Icon/Icon.js';import'../Icon/icons.js';import{SIZES as n}from'./constants.js';export{SIZES}from'./constants.js';import{Root as a,CloseButton as m}from'./style.js';import{jsxs as p,jsx as c}from'react/jsx-runtime';var l=["size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton"];var f='TooltipComponent';var h=r(e(((e,r)=>{var{size:n="s",titleProps:f={},contentProps:h={},closeButtonProps:d={},title:j,content:u,footer:C,closeFn:P,showCloseButton:g}=e,v=t(e,l);var b={appearance:'body',size:'inherit',color:'inherit'};return p(a,o(o({},v),{},{size:n,ref:r,children:[g&&c(m,o(o({},d),{},{type:"button",onClick:o=>{'function'==typeof P&&P(),d.onClick&&d.onClick(o)},children:c(i,{as:"span",name:"close",size:16})})),j&&c(s,o(o(o({weight:700,marginRight:g?16:void 0,marginBottom:u||C?'0.3em':void 0},b),f),{},{children:j})),u&&c(s,o(o(o({marginRight:!j&&g?16:void 0,marginBottom:C?'0.2em':void 0},b),h),{},{children:u})),C]}))})),{sizes:n,displayName:"TooltipComponent"});export{f as COMPONENT_NAME,h as TooltipComponent};
+'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

@@ -1 +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":["COMPONENT_NAME","TooltipComponent","withMergedProps","forwardRef","props","ref","size","titleProps","contentProps","closeButtonProps","title","content","footer","closeFn","showCloseButton","restProps","_excluded","textProps","appearance","color","_jsxs","Styled.Root","children","_jsx","Styled.CloseButton","type","onClick","evt","Icon","as","name","Text","_objectSpread","weight","marginRight","undefined","marginBottom","sizes","SIZES","displayName"],"mappings":"+lBASMA,IAAAA,EAAiB,mBAYjBC,IAAAA,EAA2EC,EAI/EC,IAAYC,EAAOC,KACjB,IAAMC,KACJA,EAAO,IADHC,WAEJA,EAAa,GAFTC,aAGJA,EAAe,GAHXC,iBAIJA,EAAmB,GAJfC,MAKJA,EALIC,QAMJA,EANIC,OAOJA,EAPIC,QAQJA,EARIC,gBASJA,GAEEV,EADCW,IACDX,EAXJY,GAaA,IAAMC,EAAuB,CAAEC,WAAY,OAAQZ,KAAM,UAAWa,MAAO,WAE3E,OACEC,EAACC,SAAgBN,GAAjB,GAAA,CAA4BT,KAAMA,EAAMD,IAAKA,EAA7CiB,SAAA,CACGR,GACCS,EAACC,SACKf,GADN,GAAA,CAEEgB,KAAK,SACLC,QAAUC,IACe,mBAAZd,GAAwBA,IAC/BJ,EAAiBiB,SAASjB,EAAiBiB,QAAQC,IAL3DL,SAQEC,EAACK,EAAD,CAAMC,GAAG,OAAOC,KAAK,QAAQxB,KAAM,QAGtCI,GACCa,EAACQ,EAADC,EAAAA,EAAAA,EAAA,CACEC,OAAQ,IACRC,YAAapB,EAAkB,QAAKqB,EACpCC,aAAczB,GAAWC,EAAS,gBAC9BK,GACAV,GALN,GAAA,CAAAe,SAOGZ,KAGJC,GACCY,EAACQ,EAADC,EAAAA,EAAAA,EAAA,CACEE,aAAcxB,GAASI,EAAkB,QAAKqB,EAC9CC,aAAcxB,EAAS,aAAA,GACnBK,GACAT,GAJN,GAAA,CAAAc,SAMGX,KAGJC,SAIP,CACEyB,MAAOC,EACPC,YAzEmB"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-var d={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{d as SIZES};
+'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

@@ -1 +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":["SIZES","xxxl","fontSize","minWidth","maxWidth","paddingTop","paddingRight","paddingBottom","paddingLeft","borderRadius","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,IAAMA,EAAe,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"}
+{"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

@@ -0,0 +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,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import e,{css as r}from'styled-components';import n from'tinycolor2';import{createShouldForwardProp as t}from'../../shared/utils/style.js';import{focus as c}from'../../mixins/focus.js';import{responsiveSize as l}from'../../mixins/responsive-size.js';var a=t((o=>!['black','contrast','elevated'].includes(o)));var s=e.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;}",""],c);var i=o=>"\n  color: ".concat(o.color,";\n  background-color: ").concat(o.backgroundColor,";\n  filter: drop-shadow(0 6px 10px ").concat(o.shadowColor,");\n\n  & > ").concat(s," {\n    color: ").concat(o.closeColor,";\n  }\n  & > ").concat(s,":hover {\n    color: ").concat(o.closeColorHover,";\n  }\n  & > ").concat(s,":active {\n    color: ").concat(o.closeColorActive,";\n  }\n  & > ").concat(s,":disabled {\n    color: ").concat(o.closeColorDisabled,";\n  }\n\n");var m={contrast:r(["",""],(e=>i(o({color:e.theme.colors['content-oncolor-primary'],backgroundColor:e.theme.colors['bg-brand-primary-basic'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-oncolor-tertiary'],closeColorHover:e.theme.colors['content-oncolor-primary'],closeColorActive:e.theme.colors['content-oncolor-primary'],closeColorDisabled:e.theme.colors['content-oncolor-disabled']},e.palette)))),black:r(["",""],(e=>i(o({color:e.theme.colors['content-onmain-inverse'],backgroundColor:e.theme.colors['bg-onmain-inverse'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-onmain-inverse'],closeColorHover:n(e.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorActive:n(e.theme.colors['content-onmain-inverse']).darken(20).toString(),closeColorDisabled:e.theme.colors['content-disabled']},e.palette)))),primary:r(["",""],(e=>i(o({color:e.theme.colors['content-onmain-primary'],backgroundColor:e.theme.colors['bg-onmain-primary'],shadowColor:e.elevated?e.theme.colors['bg-oncolor-hover']:e.theme.colors.transparent,closeColor:e.theme.colors['content-onmain-tertiary'],closeColorHover:e.theme.colors['content-onmain-primary'],closeColorActive:e.theme.colors['content-onmain-primary'],closeColorDisabled:e.theme.colors['content-disabled']},e.palette))))};var d=e.div.withConfig({shouldForwardProp:a}).attrs({dynamicSizeDeclaration:(o,e)=>({fontSize:'string'==typeof o?o:"".concat(o).concat(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=>{var e=m.primary;return o.black&&(e=m.black),o.contrast&&(e=m.contrast),e}),l);export{s as CloseButton,d as 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

@@ -1 +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","componentId","focus","template","palette","color","concat","backgroundColor","shadowColor","closeColor","closeColorHover","closeColorActive","closeColorDisabled","COLOR_SCHEMA","contrast","css","props","_objectSpread","theme","colors","elevated","transparent","black","tinycolor","darken","toString","primary","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","minWidth","maxWidth","padding","borderRadius","schema","responsiveSize"],"mappings":"8SAQA,IAAMA,EAAoCC,GACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,KAG9CE,IAAAA,EAAcC,EAAOC,OAAVC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,8PAAA,IAmBpBI,GAGJ,IAAMC,EAAYC,GACPA,cAAAA,OAAAA,EAAQC,MADF,2BAAAC,OAEKF,EAAQG,gBACKH,wCAAAA,OAAAA,EAAQI,YAH1B,gBAAAF,OAKTT,EACKO,mBAAAA,OAAAA,EAAQK,oCAEbZ,EARS,yBAAAS,OASJF,EAAQM,yCAEbb,EAXS,0BAAAS,OAYJF,EAAQO,iBAEbd,kBAAAA,OAAAA,qCACKO,EAAQQ,mBAfrB,cAoBA,IAAMC,EAAe,CACnBC,SAAUC,EACLC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNZ,MAAOW,EAAME,MAAMC,OAAO,2BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,0BACpCX,YAAaQ,EAAMI,SAAWJ,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOE,YAC1FZ,WAAYO,EAAME,MAAMC,OAAO,4BAC/BT,gBAAiBM,EAAME,MAAMC,OAAO,2BACpCR,iBAAkBK,EAAME,MAAMC,OAAO,2BACrCP,mBAAoBI,EAAME,MAAMC,OAAO,6BACpCH,EAAMZ,YAGfkB,MAAOP,EACFC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNZ,MAAOW,EAAME,MAAMC,OAAO,0BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAMI,SAAWJ,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOE,YAC1FZ,WAAYO,EAAME,MAAMC,OAAO,0BAC/BT,gBAAiBa,EAAUP,EAAME,MAAMC,OAAO,2BAA2BK,OAAO,IAAIC,WACpFd,iBAAkBY,EAAUP,EAAME,MAAMC,OAAO,2BAA2BK,OAAO,IAAIC,WACrFb,mBAAoBI,EAAME,MAAMC,OAAO,qBACpCH,EAAMZ,YAGfsB,QAASX,EACJC,CAAAA,GAAAA,KAAAA,GACDb,EAAQc,EAAA,CACNZ,MAAOW,EAAME,MAAMC,OAAO,0BAC1BZ,gBAAiBS,EAAME,MAAMC,OAAO,qBACpCX,YAAaQ,EAAMI,SAAWJ,EAAME,MAAMC,OAAO,oBAAsBH,EAAME,MAAMC,OAAOE,YAC1FZ,WAAYO,EAAME,MAAMC,OAAO,2BAC/BT,gBAAiBM,EAAME,MAAMC,OAAO,0BACpCR,iBAAkBK,EAAME,MAAMC,OAAO,0BACrCP,mBAAoBI,EAAME,MAAMC,OAAO,qBACpCH,EAAMZ,aAKV,IAAMuB,EAAO7B,EAAO8B,IACxB5B,WAAwC,CACvC6B,kBAAmBpC,IAEpBqC,MAA0G,CACzGC,uBAAwB,CAACC,EAAMC,KAAAA,CAC7BC,SAA0B,iBAATF,EAAoBA,EAAUA,GAAAA,OAAAA,GAAOC,OAAAA,GACtDE,SAAU,QACVC,SAAU,OACVC,QAAS,QACTC,aAAc,MAVHtC,WAAA,CAAAC,YAAA,wBAAGH,CAAH,CAAA,uHAAA,IAAA,KAoBZkB,IACD,IAAIuB,EAAS1B,EAAaa,QAK1B,OAHIV,EAAMM,QAAOiB,EAAS1B,EAAaS,OACnCN,EAAMF,WAAUyB,EAAS1B,EAAaC,UAEnCyB,IAGPC"}
+{"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"}

package/components/TooltipComponent/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';const shouldForwardTooltipComponentProp=createShouldForwardProp((o=>!['black','contrast','elevated'].includes(o)));const CloseButton=styled.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);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: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: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: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({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);export{CloseButton,Root};
+//# sourceMappingURL=style.mjs.map

package/components/TooltipComponent/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","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","darken","toString","primary","Root","div","shouldForwardProp","attrs","dynamicSizeDeclaration","size","sizeUnits","fontSize","minWidth","maxWidth","padding","borderRadius","schema","responsiveSize"],"mappings":"uTAQA,MAAMA,kCAAoCC,yBACvCC,IAAa,CAAC,QAAS,WAAY,YAAYC,SAASD,WAG9CE,YAAcC,OAAOC,OAAMC,WAAA,CAAAC,YAAA,gCAAAC,YAAA,oBAAbJ,CAAa,CAAA,8PAAA,IAmBpCK,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,IAAG,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,IAAG,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,UAAUN,EAAMC,MAAMC,OAAO,2BAA2BK,OAAO,IAAIC,WACpFb,iBAAkBW,UAAUN,EAAMC,MAAMC,OAAO,2BAA2BK,OAAO,IAAIC,WACrFZ,mBAAoBI,EAAMC,MAAMC,OAAO,uBACpCF,EAAMX,YAGfoB,QAASV,IAAG,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,MAAMqB,KAAO5B,OAAO6B,IACxB3B,WAAwC,CACvC4B,kBAAmBnC,oCAEpBoC,MAA0G,CACzGC,uBAAwBA,CAACC,EAAMC,KAAe,CAC5CC,gBAAiBF,GAAS,SAAWA,EAAO,GAAGA,IAAOC,IACtDE,SAAU,QACVC,SAAU,OACVC,QAAS,QACTC,aAAc,MAEhBrC,WAAA,CAAAC,YAAA,yBAAAC,YAAA,oBAZgBJ,CAYhB,CAAA,uHAAA,IAAA,KAQCkB,IACD,IAAIsB,EAASzB,aAAaY,QAK1B,OAHIT,EAAMK,QAAOiB,EAASzB,aAAaQ,OACnCL,EAAMF,WAAUwB,EAASzB,aAAaC,UAEnCwB,CAAM,GAGbC"}