@foxford/ui 2.59.0 → 2.61.0-beta-5e98b7f-20250131

package/components/Accordion/Accordion.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var index_browser=require('../../external/.pnpm/nanoid@5.0.9/node_modules/nanoid/index.browser.js');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 Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Accordion=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="m",iconProps:t={},titleProps:i={},subtitleProps:n={},defaultExpanded:o=!1,sizeXXS:a,sizeXS:d,sizeS:c,sizeM:l,sizeL:p,sizeXL:u,expanded:x,onExpandedChange:$,children:S,icon:h,imgSrc:q,title:j,subtitle:y,addon:b,loading:m,headingAs:z,disabled:g,...v}=e;const E={size:s,sizeXXS:a,sizeXS:d,sizeS:c,sizeM:l,sizeL:p,sizeXL:u};const I=React.isValidElement(b)&&typeof b.props=='object'&&b.props!==null?b.props:{};const[T,w]=React.useState(x??o);const[R,f]=React.useState(x??T);const k=React.useMemo((()=>index_browser.nanoid()),[]);const L=React.useMemo((()=>index_browser.nanoid()),[]);return React.useLayoutEffect((()=>{x!==void 0&&w(x)}),[x]),React.useLayoutEffect((()=>{T&&f(!0)}),[T]),require$$0.jsxs(style.Root,{...v,...E,expanded:T,ref:r,children:[require$$0.jsx(style.Heading,{as:z,children:require$$0.jsxs(style.Button,{id:k,type:"button","aria-controls":L,"aria-expanded":R,"aria-disabled":R&&(g||x!==void 0&&!$),expanded:T,disabled:g,loading:m,palette:v.palette,onClick:()=>{const e=!T;x===void 0&&w(e),$&&$(e)},children:[h&&!m&&require$$0.jsx(style.Spacer,{children:require$$0.jsx(Icon.Icon,{preset:"brand",name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,sizes:constants.SIZES_ICON,...E,...t})}),q&&require$$0.jsx(style.Media,{src:m?void 0:q,children:m&&require$$0.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"})}),b&&require$$0.jsx(style.Spacer,{stretch:!0,children:React.isValidElement(b)?React.cloneElement(b,{...E,...I}):typeof b=='function'?b(E):b}),require$$0.jsxs(style.Content,{children:[m?require$$0.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,children:require$$0.jsx(Text.Text,{as:"span",appearance:"subheading-compact",sizes:constants.SIZES_TITLE,...E,...i})}):require$$0.jsx(Text.Text,{as:"span",appearance:"subheading-compact",wordBreak:"break-word",color:"inherit",sizes:constants.SIZES_TITLE,...E,...i,children:j}),y&&!m&&require$$0.jsx(Text.Text,{as:"span",appearance:"body",wordBreak:"break-word",color:"content-onmain-tertiary",marginTop:j?'0.2em':void 0,sizes:constants.SIZES_SUBTITLE,...E,...n,children:y})]}),require$$0.jsx(style.IconAnimated,{...E,preset:"brand",name:"chevronDown",sizes:constants.SIZES_ICON,up:T})]})}),require$$0.jsx(style.Panel,{id:L,role:"region","aria-labelledby":k,hidden:!R,onTransitionEnd:e=>{e.propertyName!=='opacity'||T||f(!1)},children:require$$0.jsx(style.Details,{children:S})})]})})),{displayName:'Accordion',sizes:constants.SIZES});exports.Accordion=Accordion;
+'use strict';var React=require('react');var nanoid=require('nanoid');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');const Accordion=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:t="m",iconProps:n={},titleProps:i={},subtitleProps:a={},defaultExpanded:o=!1,sizeXXS:r,sizeXS:c,sizeS:d,sizeM:l,sizeL:p,sizeXL:x,expanded:u,onExpandedChange:j,children:m,icon:R,imgSrc:S,title:h,subtitle:y,addon:z,loading:b,headingAs:g,disabled:v,...E}=e;const I={size:t,sizeXXS:r,sizeXS:c,sizeS:d,sizeM:l,sizeL:p,sizeXL:x};const T=React.isValidElement(z)&&typeof z.props=='object'&&z.props!==null?z.props:{};const[f,k]=React.useState(u??o);const[w,q]=React.useState(u??f);const L=React.useMemo((()=>nanoid.nanoid()),[]);const M=React.useMemo((()=>nanoid.nanoid()),[]);return React.useLayoutEffect((()=>{u!==void 0&&k(u)}),[u]),React.useLayoutEffect((()=>{f&&q(!0)}),[f]),jsxRuntime.jsxs(style.Root,{...E,...I,expanded:f,ref:s,children:[jsxRuntime.jsx(style.Heading,{as:g,children:jsxRuntime.jsxs(style.Button,{id:L,type:"button","aria-controls":M,"aria-expanded":w,"aria-disabled":w&&(v||u!==void 0&&!j),expanded:f,disabled:v,loading:b,palette:E.palette,onClick:()=>{const e=!f;u===void 0&&k(e),j&&j(e)},children:[R&&!b&&jsxRuntime.jsx(style.Spacer,{children:jsxRuntime.jsx(Icon.Icon,{preset:"brand",name:typeof R=='string'?R:void 0,icon:typeof R!='string'?R:void 0,sizes:constants.SIZES_ICON,...I,...n})}),S&&jsxRuntime.jsx(style.Media,{src:b?void 0:S,children:b&&jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"})}),z&&jsxRuntime.jsx(style.Spacer,{stretch:!0,children:React.isValidElement(z)?React.cloneElement(z,{...I,...T}):typeof z=='function'?z(I):z}),jsxRuntime.jsxs(style.Content,{children:[b?jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,children:jsxRuntime.jsx(Text.Text,{as:"span",appearance:"subheading-compact",sizes:constants.SIZES_TITLE,...I,...i})}):jsxRuntime.jsx(Text.Text,{as:"span",appearance:"subheading-compact",wordBreak:"break-word",color:"inherit",sizes:constants.SIZES_TITLE,...I,...i,children:h}),y&&!b&&jsxRuntime.jsx(Text.Text,{as:"span",appearance:"body",wordBreak:"break-word",color:"content-onmain-tertiary",marginTop:h?'0.2em':void 0,sizes:constants.SIZES_SUBTITLE,...I,...a,children:y})]}),jsxRuntime.jsx(style.IconAnimated,{...I,preset:"brand",name:"chevronDown",sizes:constants.SIZES_ICON,up:f})]})}),jsxRuntime.jsx(style.Panel,{id:M,role:"region","aria-labelledby":L,hidden:!w,onTransitionEnd:e=>{e.propertyName!=='opacity'||f||q(!1)},children:jsxRuntime.jsx(style.Details,{children:m})})]})})),{displayName:'Accordion',sizes:constants.SIZES});exports.Accordion=Accordion;
 //# sourceMappingURL=Accordion.js.map

package/components/Accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, cloneElement, useLayoutEffect, useMemo } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_ICON, SIZES_TITLE, SIZES_SUBTITLE } from './constants'\nimport type { AccordionProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Accordion'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<section\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Accordion/types.ts).\n */\nconst Accordion: React.ForwardRefExoticComponent<AccordionProps> = withMergedProps<AccordionProps, HTMLElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      iconProps = {},\n      titleProps = {},\n      subtitleProps = {},\n      defaultExpanded = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      expanded,\n      onExpandedChange,\n      children,\n      icon,\n      imgSrc,\n      title,\n      subtitle,\n      addon,\n      loading,\n      headingAs,\n      disabled,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const addonProps =\n      isValidElement(addon) && typeof addon.props === 'object' && addon.props !== null ? addon.props : {}\n\n    const [panelExpanded, setPanelExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n    const [panelVisible, setPanelVisible] = useState<boolean>(expanded ?? panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (expanded !== undefined) setPanelExpanded(expanded)\n    }, [expanded])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} expanded={panelExpanded} ref={ref}>\n        <Styled.Heading as={headingAs}>\n          <Styled.Button\n            id={controlId}\n            type='button'\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={panelVisible && (disabled || (expanded !== undefined && !onExpandedChange))}\n            expanded={panelExpanded}\n            disabled={disabled}\n            loading={loading}\n            palette={restProps.palette}\n            onClick={() => {\n              const update = !panelExpanded\n\n              if (expanded === undefined) setPanelExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }}\n          >\n            {icon && !loading && (\n              <Styled.Spacer>\n                <Icon\n                  preset='brand'\n                  name={typeof icon === 'string' ? icon : undefined}\n                  icon={typeof icon !== 'string' ? icon : undefined}\n                  sizes={SIZES_ICON}\n                  {...sizeProps}\n                  {...iconProps}\n                />\n              </Styled.Spacer>\n            )}\n            {imgSrc && (\n              <Styled.Media src={loading ? undefined : imgSrc}>\n                {loading && <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />}\n              </Styled.Media>\n            )}\n            {addon && (\n              <Styled.Spacer stretch>\n                {isValidElement(addon)\n                  ? cloneElement(addon, { ...sizeProps, ...addonProps })\n                  : typeof addon === 'function'\n                  ? addon(sizeProps)\n                  : addon}\n              </Styled.Spacer>\n            )}\n            <Styled.Content>\n              {loading ? (\n                <Skeleton as='span' borderRadius={4}>\n                  <Text as='span' appearance='subheading-compact' sizes={SIZES_TITLE} {...sizeProps} {...titleProps} />\n                </Skeleton>\n              ) : (\n                <Text\n                  as='span'\n                  appearance='subheading-compact'\n                  wordBreak='break-word'\n                  color='inherit'\n                  sizes={SIZES_TITLE}\n                  {...sizeProps}\n                  {...titleProps}\n                >\n                  {title}\n                </Text>\n              )}\n              {subtitle && !loading && (\n                <Text\n                  as='span'\n                  appearance='body'\n                  wordBreak='break-word'\n                  color='content-onmain-tertiary'\n                  marginTop={title ? '0.2em' : undefined}\n                  sizes={SIZES_SUBTITLE}\n                  {...sizeProps}\n                  {...subtitleProps}\n                >\n                  {subtitle}\n                </Text>\n              )}\n            </Styled.Content>\n            <Styled.IconAnimated\n              {...sizeProps}\n              preset='brand'\n              name='chevronDown'\n              sizes={SIZES_ICON}\n              up={panelExpanded}\n            />\n          </Styled.Button>\n        </Styled.Heading>\n        <Styled.Panel\n          id={panelId}\n          role='region'\n          aria-labelledby={controlId}\n          hidden={!panelVisible}\n          onTransitionEnd={(evt) => {\n            if (evt.propertyName === 'opacity' && !panelExpanded) {\n              setPanelVisible(false)\n            }\n          }}\n        >\n          <Styled.Details>{children}</Styled.Details>\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Accordion }\n"],"names":["Accordion","withMergedProps","forwardRef","props","ref","size","iconProps","titleProps","subtitleProps","defaultExpanded","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","expanded","onExpandedChange","children","icon","imgSrc","title","subtitle","addon","loading","headingAs","disabled","restProps","sizeProps","addonProps","isValidElement","panelExpanded","setPanelExpanded","useState","panelVisible","setPanelVisible","controlId","useMemo","nanoid","panelId","useLayoutEffect","undefined","_jsxs","Styled","_jsx","jsx","as","jsxs","id","type","palette","onClick","update","Icon","preset","name","sizes","SIZES_ICON","src","Skeleton","width","height","borderRadius","stretch","cloneElement","Text","appearance","SIZES_TITLE","wordBreak","color","marginTop","SIZES_SUBTITLE","up","role","hidden","onTransitionEnd","evt","propertyName","displayName","SIZES"],"mappings":"qbAsBMA,MAAAA,UAA6DC,gBAAAA,gBACjEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,UACVA,EAAY,CAAE,EAAAC,WACdA,EAAa,CAAE,EAAAC,cACfA,EAAgB,CAAE,EAAAC,gBAClBA,GAAkB,EAAKC,QACvBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,SACNA,EAAQC,iBACRA,EAAgBC,SAChBA,EAAQC,KACRA,EAAIC,OACJA,EAAMC,MACNA,EAAKC,SACLA,EAAQC,MACRA,EAAKC,QACLA,EAAOC,UACPA,EAASC,SACTA,KACGC,GACDxB,EAEJ,MAAMyB,EAAY,CAChBvB,OACAK,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMc,EACJC,MAAcA,eAACP,WAAiBA,EAAMpB,OAAU,UAAYoB,EAAMpB,QAAU,KAAOoB,EAAMpB,MAAQ,CAAA,EAEnG,MAAO4B,EAAeC,GAAoBC,MAAAA,SAAkBjB,GAAYP,GACxE,MAAOyB,EAAcC,GAAmBF,MAAAA,SAAkBjB,GAAYe,GAEtE,MAAMK,EAAYC,MAAOA,SAAC,IAAMC,cAAAA,UAAU,IAC1C,MAAMC,EAAUF,MAAOA,SAAC,IAAMC,cAAAA,UAAU,IAUxC,OARAE,MAAAA,iBAAgB,KACVxB,SAAayB,GAAWT,EAAiBhB,EAAS,GACrD,CAACA,IAEJwB,MAAAA,iBAAgB,KACVT,GAAeI,GAAgB,EAAK,GACvC,CAACJ,IAGFW,WAAAA,KAACC,MAAAA,KAAW,IAAKhB,KAAeC,EAAWZ,SAAUe,EAAe3B,IAAKA,EAAIc,SAC3E0B,CAAAA,WAAAC,IAACF,cAAc,CAACG,GAAIrB,EAAUP,SAC5BwB,WAAAK,KAACJ,aAAa,CACZK,GAAIZ,EACJa,KAAK,SACL,gBAAeV,EACf,gBAAeL,EACf,gBAAeA,IAAiBR,GAAaV,SAAayB,IAAcxB,GACxED,SAAUe,EACVL,SAAUA,EACVF,QAASA,EACT0B,QAASvB,EAAUuB,QACnBC,QAASA,KACP,MAAMC,GAAUrB,EAEZf,SAAayB,GAAWT,EAAiBoB,GACzCnC,GAAkBA,EAAiBmC,EAAO,EAC9ClC,SAAA,CAEDC,IAASK,GACRoB,WAAAA,IAACD,MAAAA,OAAa,CAAAzB,SACZ0B,WAAAC,IAACQ,UAAI,CACHC,OAAO,QACPC,YAAapC,GAAS,SAAWA,OAAOsB,EACxCtB,YAAaA,GAAS,SAAWA,OAAOsB,EACxCe,MAAOC,UAAWA,cACd7B,KACAtB,MAITc,GACCwB,WAAAC,IAACF,YAAY,CAACe,IAAKlC,OAAUiB,EAAYrB,EAAOF,SAC7CM,GAAWoB,WAAAC,IAACc,kBAAQ,CAACb,GAAG,OAAOc,MAAM,OAAOC,OAAO,OAAOC,aAAa,cAG3EvC,GACCqB,WAAAC,IAACF,aAAa,CAACoB,SAAO,EAAA7C,SACnBY,MAAAA,eAAeP,GACZyC,MAAAA,aAAazC,EAAO,IAAKK,KAAcC,WAChCN,GAAU,WACjBA,EAAMK,GACNL,IAGRmB,WAAAK,KAACJ,cAAc,CAAAzB,SACZM,CAAAA,EACCoB,WAAAC,IAACc,kBAAQ,CAACb,GAAG,OAAOgB,aAAc,EAAE5C,SAClC0B,WAAAC,IAACoB,UAAI,CAACnB,GAAG,OAAOoB,WAAW,qBAAqBV,MAAOW,UAAYA,eAAKvC,KAAerB,MAGzFqC,WAAAC,IAACoB,UAAI,CACHnB,GAAG,OACHoB,WAAW,qBACXE,UAAU,aACVC,MAAM,UACNb,MAAOW,UAAYA,eACfvC,KACArB,EAAUW,SAEbG,IAGJC,IAAaE,GACZoB,WAAAA,IAACqB,KAAAA,KAAI,CACHnB,GAAG,OACHoB,WAAW,OACXE,UAAU,aACVC,MAAM,0BACNC,UAAWjD,EAAQ,aAAUoB,EAC7Be,MAAOe,UAAeA,kBAClB3C,KACApB,EAAaU,SAEhBI,OAIPsB,WAAAC,IAACF,mBAAmB,IACdf,EACJ0B,OAAO,QACPC,KAAK,cACLC,MAAOC,UAAWA,WAClBe,GAAIzC,SAIVa,WAAAC,IAACF,YAAY,CACXK,GAAIT,EACJkC,KAAK,SACL,kBAAiBrC,EACjBsC,QAASxC,EACTyC,gBAAkBC,IACZA,EAAIC,eAAiB,WAAc9C,GACrCI,GAAgB,EAClB,EACAjB,SAEF0B,WAAAC,IAACF,cAAc,CAAAzB,SAAEA,QAEP,IAGlB,CACE4D,YA5KmB,YA6KnBtB,MAAOuB,UAAAA"}
+{"version":3,"file":"Accordion.js","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, cloneElement, useLayoutEffect, useMemo } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_ICON, SIZES_TITLE, SIZES_SUBTITLE } from './constants'\nimport type { AccordionProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Accordion'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<section\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Accordion/types.ts).\n */\nconst Accordion: React.ForwardRefExoticComponent<AccordionProps> = withMergedProps<AccordionProps, HTMLElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      iconProps = {},\n      titleProps = {},\n      subtitleProps = {},\n      defaultExpanded = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      expanded,\n      onExpandedChange,\n      children,\n      icon,\n      imgSrc,\n      title,\n      subtitle,\n      addon,\n      loading,\n      headingAs,\n      disabled,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const addonProps =\n      isValidElement(addon) && typeof addon.props === 'object' && addon.props !== null ? addon.props : {}\n\n    const [panelExpanded, setPanelExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n    const [panelVisible, setPanelVisible] = useState<boolean>(expanded ?? panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (expanded !== undefined) setPanelExpanded(expanded)\n    }, [expanded])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} expanded={panelExpanded} ref={ref}>\n        <Styled.Heading as={headingAs}>\n          <Styled.Button\n            id={controlId}\n            type='button'\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={panelVisible && (disabled || (expanded !== undefined && !onExpandedChange))}\n            expanded={panelExpanded}\n            disabled={disabled}\n            loading={loading}\n            palette={restProps.palette}\n            onClick={() => {\n              const update = !panelExpanded\n\n              if (expanded === undefined) setPanelExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }}\n          >\n            {icon && !loading && (\n              <Styled.Spacer>\n                <Icon\n                  preset='brand'\n                  name={typeof icon === 'string' ? icon : undefined}\n                  icon={typeof icon !== 'string' ? icon : undefined}\n                  sizes={SIZES_ICON}\n                  {...sizeProps}\n                  {...iconProps}\n                />\n              </Styled.Spacer>\n            )}\n            {imgSrc && (\n              <Styled.Media src={loading ? undefined : imgSrc}>\n                {loading && <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />}\n              </Styled.Media>\n            )}\n            {addon && (\n              <Styled.Spacer stretch>\n                {isValidElement(addon)\n                  ? cloneElement(addon, { ...sizeProps, ...addonProps })\n                  : typeof addon === 'function'\n                  ? addon(sizeProps)\n                  : addon}\n              </Styled.Spacer>\n            )}\n            <Styled.Content>\n              {loading ? (\n                <Skeleton as='span' borderRadius={4}>\n                  <Text as='span' appearance='subheading-compact' sizes={SIZES_TITLE} {...sizeProps} {...titleProps} />\n                </Skeleton>\n              ) : (\n                <Text\n                  as='span'\n                  appearance='subheading-compact'\n                  wordBreak='break-word'\n                  color='inherit'\n                  sizes={SIZES_TITLE}\n                  {...sizeProps}\n                  {...titleProps}\n                >\n                  {title}\n                </Text>\n              )}\n              {subtitle && !loading && (\n                <Text\n                  as='span'\n                  appearance='body'\n                  wordBreak='break-word'\n                  color='content-onmain-tertiary'\n                  marginTop={title ? '0.2em' : undefined}\n                  sizes={SIZES_SUBTITLE}\n                  {...sizeProps}\n                  {...subtitleProps}\n                >\n                  {subtitle}\n                </Text>\n              )}\n            </Styled.Content>\n            <Styled.IconAnimated\n              {...sizeProps}\n              preset='brand'\n              name='chevronDown'\n              sizes={SIZES_ICON}\n              up={panelExpanded}\n            />\n          </Styled.Button>\n        </Styled.Heading>\n        <Styled.Panel\n          id={panelId}\n          role='region'\n          aria-labelledby={controlId}\n          hidden={!panelVisible}\n          onTransitionEnd={(evt) => {\n            if (evt.propertyName === 'opacity' && !panelExpanded) {\n              setPanelVisible(false)\n            }\n          }}\n        >\n          <Styled.Details>{children}</Styled.Details>\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Accordion }\n"],"names":["Accordion","withMergedProps","forwardRef","props","ref","size","iconProps","titleProps","subtitleProps","defaultExpanded","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","expanded","onExpandedChange","children","icon","imgSrc","title","subtitle","addon","loading","headingAs","disabled","restProps","sizeProps","addonProps","isValidElement","panelExpanded","setPanelExpanded","useState","panelVisible","setPanelVisible","controlId","useMemo","nanoid","panelId","useLayoutEffect","undefined","_jsxs","Styled","_jsx","jsx","as","jsxs","id","type","palette","onClick","update","Icon","preset","name","sizes","SIZES_ICON","src","Skeleton","width","height","borderRadius","stretch","cloneElement","Text","appearance","SIZES_TITLE","wordBreak","color","marginTop","SIZES_SUBTITLE","up","role","hidden","onTransitionEnd","evt","propertyName","displayName","SIZES"],"mappings":"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"}

package/components/Accordion/Accordion.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,isValidElement,useState,useMemo,useLayoutEffect,cloneElement}from'react';import{nanoid}from'../../external/.pnpm/nanoid@5.0.9/node_modules/nanoid/index.browser.mjs';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON,SIZES_TITLE,SIZES_SUBTITLE}from'./constants.mjs';import{Root,Heading,Button,Spacer,Media,Content,IconAnimated,Panel,Details}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Accordion=withMergedProps(forwardRef(((e,o)=>{const{size:n="m",iconProps:s={},titleProps:i={},subtitleProps:t={},defaultExpanded:r=!1,sizeXXS:a,sizeXS:d,sizeS:c,sizeM:p,sizeL:l,sizeXL:m,expanded:S,onExpandedChange:x,children:h,icon:u,imgSrc:j,title:f,subtitle:E,addon:I,loading:z,headingAs:b,disabled:T,...g}=e;const y={size:n,sizeXXS:a,sizeXS:d,sizeS:c,sizeM:p,sizeL:l,sizeXL:m};const w=isValidElement(I)&&typeof I.props=='object'&&I.props!==null?I.props:{};const[L,k]=useState(S??r);const[M,Z]=useState(S??L);const _=useMemo((()=>nanoid()),[]);const v=useMemo((()=>nanoid()),[]);return useLayoutEffect((()=>{S!==void 0&&k(S)}),[S]),useLayoutEffect((()=>{L&&Z(!0)}),[L]),jsxs(Root,{...g,...y,expanded:L,ref:o,children:[jsx(Heading,{as:b,children:jsxs(Button,{id:_,type:"button","aria-controls":v,"aria-expanded":M,"aria-disabled":M&&(T||S!==void 0&&!x),expanded:L,disabled:T,loading:z,palette:g.palette,onClick:()=>{const e=!L;S===void 0&&k(e),x&&x(e)},children:[u&&!z&&jsx(Spacer,{children:jsx(Icon,{preset:"brand",name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,sizes:SIZES_ICON,...y,...s})}),j&&jsx(Media,{src:z?void 0:j,children:z&&jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"})}),I&&jsx(Spacer,{stretch:!0,children:isValidElement(I)?cloneElement(I,{...y,...w}):typeof I=='function'?I(y):I}),jsxs(Content,{children:[z?jsx(Skeleton,{as:"span",borderRadius:4,children:jsx(Text,{as:"span",appearance:"subheading-compact",sizes:SIZES_TITLE,...y,...i})}):jsx(Text,{as:"span",appearance:"subheading-compact",wordBreak:"break-word",color:"inherit",sizes:SIZES_TITLE,...y,...i,children:f}),E&&!z&&jsx(Text,{as:"span",appearance:"body",wordBreak:"break-word",color:"content-onmain-tertiary",marginTop:f?'0.2em':void 0,sizes:SIZES_SUBTITLE,...y,...t,children:E})]}),jsx(IconAnimated,{...y,preset:"brand",name:"chevronDown",sizes:SIZES_ICON,up:L})]})}),jsx(Panel,{id:v,role:"region","aria-labelledby":_,hidden:!M,onTransitionEnd:e=>{e.propertyName!=='opacity'||L||Z(!1)},children:jsx(Details,{children:h})})]})})),{displayName:'Accordion',sizes:SIZES});export{Accordion};
+import{forwardRef,isValidElement,useState,useMemo,useLayoutEffect,cloneElement}from'react';import{nanoid}from'nanoid';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES,SIZES_ICON,SIZES_TITLE,SIZES_SUBTITLE}from'./constants.mjs';import{Root,Heading,Button,Spacer,Media,Content,IconAnimated,Panel,Details}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';const Accordion=withMergedProps(forwardRef(((e,o)=>{const{size:s="m",iconProps:n={},titleProps:i={},subtitleProps:t={},defaultExpanded:r=!1,sizeXXS:a,sizeXS:d,sizeS:c,sizeM:p,sizeL:l,sizeXL:m,expanded:S,onExpandedChange:x,children:h,icon:u,imgSrc:f,title:j,subtitle:E,addon:I,loading:z,headingAs:b,disabled:T,...g}=e;const y={size:s,sizeXXS:a,sizeXS:d,sizeS:c,sizeM:p,sizeL:l,sizeXL:m};const L=isValidElement(I)&&typeof I.props=='object'&&I.props!==null?I.props:{};const[w,k]=useState(S??r);const[M,Z]=useState(S??w);const v=useMemo((()=>nanoid()),[]);const P=useMemo((()=>nanoid()),[]);return useLayoutEffect((()=>{S!==void 0&&k(S)}),[S]),useLayoutEffect((()=>{w&&Z(!0)}),[w]),jsxs(Root,{...g,...y,expanded:w,ref:o,children:[jsx(Heading,{as:b,children:jsxs(Button,{id:v,type:"button","aria-controls":P,"aria-expanded":M,"aria-disabled":M&&(T||S!==void 0&&!x),expanded:w,disabled:T,loading:z,palette:g.palette,onClick:()=>{const e=!w;S===void 0&&k(e),x&&x(e)},children:[u&&!z&&jsx(Spacer,{children:jsx(Icon,{preset:"brand",name:typeof u=='string'?u:void 0,icon:typeof u!='string'?u:void 0,sizes:SIZES_ICON,...y,...n})}),f&&jsx(Media,{src:z?void 0:f,children:z&&jsx(Skeleton,{as:"span",width:"100%",height:"100%",borderRadius:"inherit"})}),I&&jsx(Spacer,{stretch:!0,children:isValidElement(I)?cloneElement(I,{...y,...L}):typeof I=='function'?I(y):I}),jsxs(Content,{children:[z?jsx(Skeleton,{as:"span",borderRadius:4,children:jsx(Text,{as:"span",appearance:"subheading-compact",sizes:SIZES_TITLE,...y,...i})}):jsx(Text,{as:"span",appearance:"subheading-compact",wordBreak:"break-word",color:"inherit",sizes:SIZES_TITLE,...y,...i,children:j}),E&&!z&&jsx(Text,{as:"span",appearance:"body",wordBreak:"break-word",color:"content-onmain-tertiary",marginTop:j?'0.2em':void 0,sizes:SIZES_SUBTITLE,...y,...t,children:E})]}),jsx(IconAnimated,{...y,preset:"brand",name:"chevronDown",sizes:SIZES_ICON,up:w})]})}),jsx(Panel,{id:P,role:"region","aria-labelledby":v,hidden:!M,onTransitionEnd:e=>{e.propertyName!=='opacity'||w||Z(!1)},children:jsx(Details,{children:h})})]})})),{displayName:'Accordion',sizes:SIZES});export{Accordion};
 //# sourceMappingURL=Accordion.mjs.map

package/components/Accordion/Accordion.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.mjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, cloneElement, useLayoutEffect, useMemo } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_ICON, SIZES_TITLE, SIZES_SUBTITLE } from './constants'\nimport type { AccordionProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Accordion'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<section\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Accordion/types.ts).\n */\nconst Accordion: React.ForwardRefExoticComponent<AccordionProps> = withMergedProps<AccordionProps, HTMLElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      iconProps = {},\n      titleProps = {},\n      subtitleProps = {},\n      defaultExpanded = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      expanded,\n      onExpandedChange,\n      children,\n      icon,\n      imgSrc,\n      title,\n      subtitle,\n      addon,\n      loading,\n      headingAs,\n      disabled,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const addonProps =\n      isValidElement(addon) && typeof addon.props === 'object' && addon.props !== null ? addon.props : {}\n\n    const [panelExpanded, setPanelExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n    const [panelVisible, setPanelVisible] = useState<boolean>(expanded ?? panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (expanded !== undefined) setPanelExpanded(expanded)\n    }, [expanded])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} expanded={panelExpanded} ref={ref}>\n        <Styled.Heading as={headingAs}>\n          <Styled.Button\n            id={controlId}\n            type='button'\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={panelVisible && (disabled || (expanded !== undefined && !onExpandedChange))}\n            expanded={panelExpanded}\n            disabled={disabled}\n            loading={loading}\n            palette={restProps.palette}\n            onClick={() => {\n              const update = !panelExpanded\n\n              if (expanded === undefined) setPanelExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }}\n          >\n            {icon && !loading && (\n              <Styled.Spacer>\n                <Icon\n                  preset='brand'\n                  name={typeof icon === 'string' ? icon : undefined}\n                  icon={typeof icon !== 'string' ? icon : undefined}\n                  sizes={SIZES_ICON}\n                  {...sizeProps}\n                  {...iconProps}\n                />\n              </Styled.Spacer>\n            )}\n            {imgSrc && (\n              <Styled.Media src={loading ? undefined : imgSrc}>\n                {loading && <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />}\n              </Styled.Media>\n            )}\n            {addon && (\n              <Styled.Spacer stretch>\n                {isValidElement(addon)\n                  ? cloneElement(addon, { ...sizeProps, ...addonProps })\n                  : typeof addon === 'function'\n                  ? addon(sizeProps)\n                  : addon}\n              </Styled.Spacer>\n            )}\n            <Styled.Content>\n              {loading ? (\n                <Skeleton as='span' borderRadius={4}>\n                  <Text as='span' appearance='subheading-compact' sizes={SIZES_TITLE} {...sizeProps} {...titleProps} />\n                </Skeleton>\n              ) : (\n                <Text\n                  as='span'\n                  appearance='subheading-compact'\n                  wordBreak='break-word'\n                  color='inherit'\n                  sizes={SIZES_TITLE}\n                  {...sizeProps}\n                  {...titleProps}\n                >\n                  {title}\n                </Text>\n              )}\n              {subtitle && !loading && (\n                <Text\n                  as='span'\n                  appearance='body'\n                  wordBreak='break-word'\n                  color='content-onmain-tertiary'\n                  marginTop={title ? '0.2em' : undefined}\n                  sizes={SIZES_SUBTITLE}\n                  {...sizeProps}\n                  {...subtitleProps}\n                >\n                  {subtitle}\n                </Text>\n              )}\n            </Styled.Content>\n            <Styled.IconAnimated\n              {...sizeProps}\n              preset='brand'\n              name='chevronDown'\n              sizes={SIZES_ICON}\n              up={panelExpanded}\n            />\n          </Styled.Button>\n        </Styled.Heading>\n        <Styled.Panel\n          id={panelId}\n          role='region'\n          aria-labelledby={controlId}\n          hidden={!panelVisible}\n          onTransitionEnd={(evt) => {\n            if (evt.propertyName === 'opacity' && !panelExpanded) {\n              setPanelVisible(false)\n            }\n          }}\n        >\n          <Styled.Details>{children}</Styled.Details>\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Accordion }\n"],"names":["Accordion","withMergedProps","forwardRef","props","ref","size","iconProps","titleProps","subtitleProps","defaultExpanded","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","expanded","onExpandedChange","children","icon","imgSrc","title","subtitle","addon","loading","headingAs","disabled","restProps","sizeProps","addonProps","isValidElement","panelExpanded","setPanelExpanded","useState","panelVisible","setPanelVisible","controlId","useMemo","nanoid","panelId","useLayoutEffect","undefined","_jsxs","Styled","_jsx","as","id","type","palette","onClick","update","Icon","preset","name","sizes","SIZES_ICON","src","Skeleton","width","height","borderRadius","stretch","cloneElement","Text","appearance","SIZES_TITLE","wordBreak","color","marginTop","SIZES_SUBTITLE","up","role","hidden","onTransitionEnd","evt","propertyName","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"Accordion.mjs","sources":["../../../../src/components/Accordion/Accordion.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, cloneElement, useLayoutEffect, useMemo } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport { Text } from 'components/Text'\nimport { Skeleton } from 'components/Skeleton'\nimport { SIZES, SIZES_ICON, SIZES_TITLE, SIZES_SUBTITLE } from './constants'\nimport type { AccordionProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Accordion'\n\n/**\n *\n * Компонент поддерживает все атрибуты \\<section\\> элемента.\n *\n * Можно передать \"ref\", который будет ассоциирован с рутовым элементом.\n *\n * Поддерживаются пропсы определения размеров и внешних отступов в зависимости от ширины вьюпорта.\n *\n * Полный интерфейс можно посмотреть [тут](https://github.com/foxford/ui/blob/master/src/components/Accordion/types.ts).\n */\nconst Accordion: React.ForwardRefExoticComponent<AccordionProps> = withMergedProps<AccordionProps, HTMLElement>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      iconProps = {},\n      titleProps = {},\n      subtitleProps = {},\n      defaultExpanded = false,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      expanded,\n      onExpandedChange,\n      children,\n      icon,\n      imgSrc,\n      title,\n      subtitle,\n      addon,\n      loading,\n      headingAs,\n      disabled,\n      ...restProps\n    } = props\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const addonProps =\n      isValidElement(addon) && typeof addon.props === 'object' && addon.props !== null ? addon.props : {}\n\n    const [panelExpanded, setPanelExpanded] = useState<boolean>(expanded ?? defaultExpanded)\n    const [panelVisible, setPanelVisible] = useState<boolean>(expanded ?? panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (expanded !== undefined) setPanelExpanded(expanded)\n    }, [expanded])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} expanded={panelExpanded} ref={ref}>\n        <Styled.Heading as={headingAs}>\n          <Styled.Button\n            id={controlId}\n            type='button'\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={panelVisible && (disabled || (expanded !== undefined && !onExpandedChange))}\n            expanded={panelExpanded}\n            disabled={disabled}\n            loading={loading}\n            palette={restProps.palette}\n            onClick={() => {\n              const update = !panelExpanded\n\n              if (expanded === undefined) setPanelExpanded(update)\n              if (onExpandedChange) onExpandedChange(update)\n            }}\n          >\n            {icon && !loading && (\n              <Styled.Spacer>\n                <Icon\n                  preset='brand'\n                  name={typeof icon === 'string' ? icon : undefined}\n                  icon={typeof icon !== 'string' ? icon : undefined}\n                  sizes={SIZES_ICON}\n                  {...sizeProps}\n                  {...iconProps}\n                />\n              </Styled.Spacer>\n            )}\n            {imgSrc && (\n              <Styled.Media src={loading ? undefined : imgSrc}>\n                {loading && <Skeleton as='span' width='100%' height='100%' borderRadius='inherit' />}\n              </Styled.Media>\n            )}\n            {addon && (\n              <Styled.Spacer stretch>\n                {isValidElement(addon)\n                  ? cloneElement(addon, { ...sizeProps, ...addonProps })\n                  : typeof addon === 'function'\n                  ? addon(sizeProps)\n                  : addon}\n              </Styled.Spacer>\n            )}\n            <Styled.Content>\n              {loading ? (\n                <Skeleton as='span' borderRadius={4}>\n                  <Text as='span' appearance='subheading-compact' sizes={SIZES_TITLE} {...sizeProps} {...titleProps} />\n                </Skeleton>\n              ) : (\n                <Text\n                  as='span'\n                  appearance='subheading-compact'\n                  wordBreak='break-word'\n                  color='inherit'\n                  sizes={SIZES_TITLE}\n                  {...sizeProps}\n                  {...titleProps}\n                >\n                  {title}\n                </Text>\n              )}\n              {subtitle && !loading && (\n                <Text\n                  as='span'\n                  appearance='body'\n                  wordBreak='break-word'\n                  color='content-onmain-tertiary'\n                  marginTop={title ? '0.2em' : undefined}\n                  sizes={SIZES_SUBTITLE}\n                  {...sizeProps}\n                  {...subtitleProps}\n                >\n                  {subtitle}\n                </Text>\n              )}\n            </Styled.Content>\n            <Styled.IconAnimated\n              {...sizeProps}\n              preset='brand'\n              name='chevronDown'\n              sizes={SIZES_ICON}\n              up={panelExpanded}\n            />\n          </Styled.Button>\n        </Styled.Heading>\n        <Styled.Panel\n          id={panelId}\n          role='region'\n          aria-labelledby={controlId}\n          hidden={!panelVisible}\n          onTransitionEnd={(evt) => {\n            if (evt.propertyName === 'opacity' && !panelExpanded) {\n              setPanelVisible(false)\n            }\n          }}\n        >\n          <Styled.Details>{children}</Styled.Details>\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { Accordion }\n"],"names":["Accordion","withMergedProps","forwardRef","props","ref","size","iconProps","titleProps","subtitleProps","defaultExpanded","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","expanded","onExpandedChange","children","icon","imgSrc","title","subtitle","addon","loading","headingAs","disabled","restProps","sizeProps","addonProps","isValidElement","panelExpanded","setPanelExpanded","useState","panelVisible","setPanelVisible","controlId","useMemo","nanoid","panelId","useLayoutEffect","undefined","_jsxs","Styled","_jsx","as","id","type","palette","onClick","update","Icon","preset","name","sizes","SIZES_ICON","src","Skeleton","width","height","borderRadius","stretch","cloneElement","Text","appearance","SIZES_TITLE","wordBreak","color","marginTop","SIZES_SUBTITLE","up","role","hidden","onTransitionEnd","evt","propertyName","displayName","SIZES"],"mappings":"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"}

package/components/ActionBtn/ActionBtn.js

@@ -1,2 +1,2 @@
-'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');function ActionBtn({icon:e,disabled:s=!1,onClick:n,children:i,className:t,active:a,style:r}){const c=useClassname.useClassname(ActionBtn.displayName,t);return require$$0.jsxs(style.Root,{className:c,style:r,disabled:s,active:a,onClick:n,children:[e&&require$$0.jsx(Icon.Icon,{size:16,name:e}),i]})}ActionBtn.displayName='ActionBtn',exports.ActionBtn=ActionBtn;
+'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');function ActionBtn({icon:e,disabled:s=!1,onClick:n,children:t,className:i,active:a,style:c}){const o=useClassname.useClassname(ActionBtn.displayName,i);return jsxRuntime.jsxs(style.Root,{className:o,style:c,disabled:s,active:a,onClick:n,children:[e&&jsxRuntime.jsx(Icon.Icon,{size:16,name:e}),t]})}ActionBtn.displayName='ActionBtn',exports.ActionBtn=ActionBtn;
 //# sourceMappingURL=ActionBtn.js.map

package/components/Alert/Alert.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var styled=require('styled-components');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');var index=require('../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.js');var index$1=require('../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.js');var index$2=require('../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.js');var index$3=require('../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.js');var index$4=require('../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.js');const getDefaultIcon=({isCompact:e,theme:r,type:o})=>{const i=e?16:24;switch(o){case'error':return require$$0.jsx(index$4.CloseCirlceFill,{color:r.colors['alert-bg-error-500'],size:i});case'info':return require$$0.jsx(index$3.NotifFill,{color:r.colors['content-brand-primary'],size:i});case'success':return require$$0.jsx(index$2.CheckCircleFill,{color:r.colors['alert-success'],size:i});case'warning':return require$$0.jsx(index$1.WarningTriangleFill,{color:r.colors['alert-warning'],size:i});default:return null}};const Alert=React.forwardRef(((e,r)=>{const o=styled.useTheme();const{cancelTimerText:i="Отменить",primaryAction:n,primaryActionProps:t={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:u,customIcon:m,image:p,isCompact:d,link:x,linkProps:$={},noIcon:C,onClickCancelTimer:h,closeToast:f,size:y="s",style:q,textProps:j={},textWrap:k,timer:_,title:g,titleProps:A={},type:w,width:v=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(o.components?.Alert,e);const T=useClassname.useClassname("Alert",a);const[I,z]=React.useState(!1);const b=Boolean(y==='l'||!!g||d&&(g||x||n||c));return require$$0.jsxs(style.Root,{className:T,clear:u,column:b,isCompact:d,noIcon:C,onMouseEnter:()=>{_&&z(!0)},onMouseLeave:()=>{_&&z(!1)},ref:r,size:y,style:q,textWrap:k,type:w,width:v,withAction:!!n||!!c,withCloseIcon:!!f,withImage:!!p,withLink:!!x,withTimer:!!_,withTitle:!!g,children:[(!C||m)&&require$$0.jsxs(style.IconWrapper,{column:b,isCompact:d,withImage:!!p,children:[!C&&!_&&!m&&!p&&getDefaultIcon({isCompact:d,theme:o,type:w}),m&&require$$0.jsx(Icon.Icon,{name:m,size:d?16:24}),p,_&&require$$0.jsx(style.Timer,{isCompact:d,paused:I,timer:_,color:utils.countdownColor({theme:o,type:w})})]}),require$$0.jsxs(style.ContentWrapper,{column:b,isCompact:d,children:[g&&require$$0.jsx(style.Title,{color:o.colors['content-onmain-primary'],isCompact:d,size:d?14:16,lineHeight:"m",...A,children:g}),require$$0.jsx(style.Content,{appearance:"body",color:o.colors['content-onmain-primary'],column:b,isCompact:d,size:d?'xs':'s',textWrap:k,...j,children:l}),x&&require$$0.jsx(style.Link,{clear:u,column:b,isCompact:d,withTitle:!!g,children:require$$0.jsx(Anchor.Anchor,{color:e.clear?o.colors['content-link']:o.colors['content-onmain-primary'],onClick:x.onClick,preset:"default",pseudo:!0,size:d?'s':'m',...$,children:x.content})}),(n||c)&&require$$0.jsxs(style.Actions,{column:b,isCompact:d,withTitle:!!g,children:[c&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:d?'xs':'s',margin:4,...s,children:c.content}),n&&require$$0.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:n.onClick,preset:"brand",size:d?'xs':'s',margin:4,...t,children:n.content})]})]}),h&&require$$0.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:d,onClick:h,preset:"brand",size:d?'xs':'s',margin:4,children:i}),f&&(!d||!_)&&require$$0.jsx(style.CloseIcon,{"aria-label":"close",onClick:f,type:"button",withTimer:!!_,children:require$$0.jsx(index.Close,{color:o.colors['content-onmain-primary'],size:d?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";
+'use strict';var React=require('react');var styled=require('styled-components');var iconPack=require('@foxford/icon-pack');var useClassname=require('../../hooks/useClassname.js');var useConfigPriority=require('../../hooks/use-config-priority.js');var style=require('./style.js');var utils=require('./utils.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Anchor=require('../Anchor/Anchor.js');var Button=require('../Button/Button.js');const getDefaultIcon=({isCompact:e,theme:t,type:n})=>{const o=e?16:24;switch(n){case'error':return jsxRuntime.jsx(iconPack.CloseCirlceFill,{color:t.colors['alert-bg-error-500'],size:o});case'info':return jsxRuntime.jsx(iconPack.NotifFill,{color:t.colors['content-brand-primary'],size:o});case'success':return jsxRuntime.jsx(iconPack.CheckCircleFill,{color:t.colors['alert-success'],size:o});case'warning':return jsxRuntime.jsx(iconPack.WarningTriangleFill,{color:t.colors['alert-warning'],size:o});default:return null}};const Alert=React.forwardRef(((e,t)=>{const n=styled.useTheme();const{cancelTimerText:o="Отменить",primaryAction:s,primaryActionProps:r={},secondaryAction:i,secondaryActionProps:c={},children:l,className:a,clear:m,customIcon:u,image:p,isCompact:x,link:j,linkProps:h={},noIcon:C,onClickCancelTimer:y,closeToast:d,size:k="s",style:R,textProps:f={},textWrap:g,timer:A,title:w,titleProps:I={},type:P,width:T=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(n.components?.Alert,e);const z=useClassname.useClassname("Alert",a);const[v,b]=React.useState(!1);const q=Boolean(k==='l'||!!w||x&&(w||j||s||i));return jsxRuntime.jsxs(style.Root,{className:z,clear:m,column:q,isCompact:x,noIcon:C,onMouseEnter:()=>{A&&b(!0)},onMouseLeave:()=>{A&&b(!1)},ref:t,size:k,style:R,textWrap:g,type:P,width:T,withAction:!!s||!!i,withCloseIcon:!!d,withImage:!!p,withLink:!!j,withTimer:!!A,withTitle:!!w,children:[(!C||u)&&jsxRuntime.jsxs(style.IconWrapper,{column:q,isCompact:x,withImage:!!p,children:[!C&&!A&&!u&&!p&&getDefaultIcon({isCompact:x,theme:n,type:P}),u&&jsxRuntime.jsx(Icon.Icon,{name:u,size:x?16:24}),p,A&&jsxRuntime.jsx(style.Timer,{isCompact:x,paused:v,timer:A,color:utils.countdownColor({theme:n,type:P})})]}),jsxRuntime.jsxs(style.ContentWrapper,{column:q,isCompact:x,children:[w&&jsxRuntime.jsx(style.Title,{color:n.colors['content-onmain-primary'],isCompact:x,size:x?14:16,lineHeight:"m",...I,children:w}),jsxRuntime.jsx(style.Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:q,isCompact:x,size:x?'xs':'s',textWrap:g,...f,children:l}),j&&jsxRuntime.jsx(style.Link,{clear:m,column:q,isCompact:x,withTitle:!!w,children:jsxRuntime.jsx(Anchor.Anchor,{color:e.clear?n.colors['content-link']:n.colors['content-onmain-primary'],onClick:j.onClick,preset:"default",pseudo:!0,size:x?'s':'m',...h,children:j.content})}),(s||i)&&jsxRuntime.jsxs(style.Actions,{column:q,isCompact:x,withTitle:!!w,children:[i&&jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:i.onClick,outline:!0,preset:"brand",size:x?'xs':'s',margin:4,...c,children:i.content}),s&&jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:s.onClick,preset:"brand",size:x?'xs':'s',margin:4,...r,children:s.content})]})]}),y&&jsxRuntime.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:x,onClick:y,preset:"brand",size:x?'xs':'s',margin:4,children:o}),d&&(!x||!A)&&jsxRuntime.jsx(style.CloseIcon,{"aria-label":"close",onClick:d,type:"button",withTimer:!!A,children:jsxRuntime.jsx(iconPack.Close,{color:n.colors['content-onmain-primary'],size:x?18:24})})]})}));Alert.displayName="Alert",exports.Alert=Alert,exports.COMPONENT_NAME="Alert";
 //# sourceMappingURL=Alert.js.map

package/components/Alert/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","jsx","Icon","name","paused","countdownColor","jsxs","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","jsx","Icon","name","paused","countdownColor","jsxs","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}

package/components/Alert/Alert.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';import{Close as Close_2}from'../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/Close/index.mjs';import{WarningTriangleFill as WarningTriangleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/WarningTriangleFill/index.mjs';import{CheckCircleFill as CheckCircleFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CheckCircleFill/index.mjs';import{NotifFill as NotifFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/NotifFill/index.mjs';import{CloseCirlceFill as CloseCirlceFill_2}from'../../external/.pnpm/@foxford_icon-pack@0.11.0_react-dom@18.3.1_react@18.3.1__react@18.3.1/node_modules/@foxford/icon-pack/icons/CloseCirlceFill/index.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:r})=>{const n=o?16:24;switch(r){case'error':return jsx(CloseCirlceFill_2,{color:e.colors['alert-bg-error-500'],size:n});case'info':return jsx(NotifFill_2,{color:e.colors['content-brand-primary'],size:n});case'success':return jsx(CheckCircleFill_2,{color:e.colors['alert-success'],size:n});case'warning':return jsx(WarningTriangleFill_2,{color:e.colors['alert-warning'],size:n});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const r=useTheme();const{cancelTimerText:n="Отменить",primaryAction:t,primaryActionProps:i={},secondaryAction:c,secondaryActionProps:s={},children:l,className:a,clear:m,customIcon:p,image:d,isCompact:C,link:f,linkProps:x={},noIcon:u,onClickCancelTimer:h,closeToast:_,size:j="s",style:k,textProps:g={},textWrap:y,timer:T,title:A,titleProps:w={},type:F,width:I=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(r.components?.Alert,o);const z=useClassname("Alert",a);const[W,N]=useState(!1);const b=Boolean(j==='l'||!!A||C&&(A||f||t||c));return jsxs(Root,{className:z,clear:m,column:b,isCompact:C,noIcon:u,onMouseEnter:()=>{T&&N(!0)},onMouseLeave:()=>{T&&N(!1)},ref:e,size:j,style:k,textWrap:y,type:F,width:I,withAction:!!t||!!c,withCloseIcon:!!_,withImage:!!d,withLink:!!f,withTimer:!!T,withTitle:!!A,children:[(!u||p)&&jsxs(IconWrapper,{column:b,isCompact:C,withImage:!!d,children:[!u&&!T&&!p&&!d&&getDefaultIcon({isCompact:C,theme:r,type:F}),p&&jsx(Icon,{name:p,size:C?16:24}),d,T&&jsx(Timer,{isCompact:C,paused:W,timer:T,color:countdownColor({theme:r,type:F})})]}),jsxs(ContentWrapper,{column:b,isCompact:C,children:[A&&jsx(Title,{color:r.colors['content-onmain-primary'],isCompact:C,size:C?14:16,lineHeight:"m",...w,children:A}),jsx(Content,{appearance:"body",color:r.colors['content-onmain-primary'],column:b,isCompact:C,size:C?'xs':'s',textWrap:y,...g,children:l}),f&&jsx(Link,{clear:m,column:b,isCompact:C,withTitle:!!A,children:jsx(Anchor,{color:o.clear?r.colors['content-link']:r.colors['content-onmain-primary'],onClick:f.onClick,preset:"default",pseudo:!0,size:C?'s':'m',...x,children:f.content})}),(t||c)&&jsxs(Actions,{column:b,isCompact:C,withTitle:!!A,children:[c&&jsx(Button,{black:!0,fontWeight:"normal",onClick:c.onClick,outline:!0,preset:"brand",size:C?'xs':'s',margin:4,...s,children:c.content}),t&&jsx(Button,{black:!0,fontWeight:"normal",onClick:t.onClick,preset:"brand",size:C?'xs':'s',margin:4,...i,children:t.content})]})]}),h&&jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:C,onClick:h,preset:"brand",size:C?'xs':'s',margin:4,children:n}),_&&(!C||!T)&&jsx(CloseIcon,{"aria-label":"close",onClick:_,type:"button",withTimer:!!T,children:jsx(Close_2,{color:r.colors['content-onmain-primary'],size:C?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};
+import{forwardRef,useState}from'react';import{useTheme}from'styled-components';import{Close,WarningTriangleFill,CheckCircleFill,NotifFill,CloseCirlceFill}from'@foxford/icon-pack';import{useClassname}from'../../hooks/useClassname.mjs';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{Root,IconWrapper,Timer,ContentWrapper,Title,Content,Link,Actions,CancelTimer,CloseIcon}from'./style.mjs';import{countdownColor}from'./utils.mjs';import{jsxs,jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Anchor}from'../Anchor/Anchor.mjs';import{Button}from'../Button/Button.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:t})=>{const n=o?16:24;switch(t){case'error':return jsx(CloseCirlceFill,{color:e.colors['alert-bg-error-500'],size:n});case'info':return jsx(NotifFill,{color:e.colors['content-brand-primary'],size:n});case'success':return jsx(CheckCircleFill,{color:e.colors['alert-success'],size:n});case'warning':return jsx(WarningTriangleFill,{color:e.colors['alert-warning'],size:n});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const t=useTheme();const{cancelTimerText:n="Отменить",primaryAction:r,primaryActionProps:i={},secondaryAction:s,secondaryActionProps:c={},children:l,className:a,clear:m,customIcon:p,image:C,isCompact:u,link:h,linkProps:x={},noIcon:f,onClickCancelTimer:d,closeToast:j,size:y="s",style:k,textProps:g={},textWrap:T,timer:A,title:w,titleProps:I={},type:z,width:W=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(t.components?.Alert,o);const b=useClassname("Alert",a);const[N,P]=useState(!1);const F=Boolean(y==='l'||!!w||u&&(w||h||r||s));return jsxs(Root,{className:b,clear:m,column:F,isCompact:u,noIcon:f,onMouseEnter:()=>{A&&P(!0)},onMouseLeave:()=>{A&&P(!1)},ref:e,size:y,style:k,textWrap:T,type:z,width:W,withAction:!!r||!!s,withCloseIcon:!!j,withImage:!!C,withLink:!!h,withTimer:!!A,withTitle:!!w,children:[(!f||p)&&jsxs(IconWrapper,{column:F,isCompact:u,withImage:!!C,children:[!f&&!A&&!p&&!C&&getDefaultIcon({isCompact:u,theme:t,type:z}),p&&jsx(Icon,{name:p,size:u?16:24}),C,A&&jsx(Timer,{isCompact:u,paused:N,timer:A,color:countdownColor({theme:t,type:z})})]}),jsxs(ContentWrapper,{column:F,isCompact:u,children:[w&&jsx(Title,{color:t.colors['content-onmain-primary'],isCompact:u,size:u?14:16,lineHeight:"m",...I,children:w}),jsx(Content,{appearance:"body",color:t.colors['content-onmain-primary'],column:F,isCompact:u,size:u?'xs':'s',textWrap:T,...g,children:l}),h&&jsx(Link,{clear:m,column:F,isCompact:u,withTitle:!!w,children:jsx(Anchor,{color:o.clear?t.colors['content-link']:t.colors['content-onmain-primary'],onClick:h.onClick,preset:"default",pseudo:!0,size:u?'s':'m',...x,children:h.content})}),(r||s)&&jsxs(Actions,{column:F,isCompact:u,withTitle:!!w,children:[s&&jsx(Button,{black:!0,fontWeight:"normal",onClick:s.onClick,outline:!0,preset:"brand",size:u?'xs':'s',margin:4,...c,children:s.content}),r&&jsx(Button,{black:!0,fontWeight:"normal",onClick:r.onClick,preset:"brand",size:u?'xs':'s',margin:4,...i,children:r.content})]})]}),d&&jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:u,onClick:d,preset:"brand",size:u?'xs':'s',margin:4,children:n}),j&&(!u||!A)&&jsx(CloseIcon,{"aria-label":"close",onClick:j,type:"button",withTimer:!!A,children:jsx(Close,{color:t.colors['content-onmain-primary'],size:u?18:24})})]})}));Alert.displayName="Alert";export{Alert,COMPONENT_NAME};
 //# sourceMappingURL=Alert.mjs.map

package/components/Alert/Alert.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","countdownColor","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}
+{"version":3,"file":"Alert.mjs","sources":["../../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import { forwardRef, useState } from 'react'\nimport { useTheme } from 'styled-components'\nimport { CheckCircleFill, Close, CloseCirlceFill, NotifFill, WarningTriangleFill } from '@foxford/icon-pack'\nimport type { DefaultTheme } from 'styled-components'\n\nimport { useClassname } from 'hooks/useClassname'\nimport { useConfigPriority } from 'hooks/use-config-priority'\n\nimport { Anchor } from '../Anchor'\nimport { Button } from '../Button'\nimport { Icon } from '../Icon'\n\nimport * as Styled from './style'\n\nimport type { AlertProps } from './types'\nimport { countdownColor } from './utils'\n\nconst getDefaultIcon = ({\n  isCompact,\n  theme,\n  type,\n}: Pick<AlertProps, 'isCompact' | 'type'> & { theme: DefaultTheme }) => {\n  const size = isCompact ? 16 : 24\n\n  switch (type) {\n    case 'error':\n      return <CloseCirlceFill color={theme.colors['alert-bg-error-500']} size={size} />\n    case 'info':\n      return <NotifFill color={theme.colors['content-brand-primary']} size={size} />\n    case 'success':\n      return <CheckCircleFill color={theme.colors['alert-success']} size={size} />\n    case 'warning':\n      return <WarningTriangleFill color={theme.colors['alert-warning']} size={size} />\n    default:\n      return null\n  }\n}\n\nconst COMPONENT_NAME = 'Alert'\n\nconst Alert = forwardRef<HTMLDivElement, AlertProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    cancelTimerText = 'Отменить',\n    primaryAction,\n    primaryActionProps = {},\n    secondaryAction,\n    secondaryActionProps = {},\n    children,\n    className,\n    clear,\n    customIcon,\n    image,\n    isCompact,\n    link,\n    linkProps = {},\n    noIcon,\n    onClickCancelTimer,\n    closeToast,\n    size = 's',\n    style,\n    textProps = {},\n    textWrap,\n    timer,\n    title,\n    titleProps = {},\n    type,\n    width = ['fit-content', 'fit-content', 'fit-content', '351px', '304px', '304px'],\n  } = useConfigPriority<AlertProps>(theme.components?.Alert, props)\n  const _className = useClassname(COMPONENT_NAME, className)\n  const [timerOnPause, setTimerOnPause] = useState(false)\n\n  const column = Boolean(size === 'l' || !!title || (isCompact && (title || link || primaryAction || secondaryAction)))\n\n  const handleMouseEnter = () => {\n    if (timer) {\n      setTimerOnPause(true)\n    }\n  }\n\n  const handleMouseLeave = () => {\n    if (timer) {\n      setTimerOnPause(false)\n    }\n  }\n\n  return (\n    <Styled.Root\n      className={_className}\n      clear={clear}\n      column={column}\n      isCompact={isCompact}\n      noIcon={noIcon}\n      onMouseEnter={handleMouseEnter}\n      onMouseLeave={handleMouseLeave}\n      ref={ref}\n      size={size}\n      style={style}\n      textWrap={textWrap}\n      type={type}\n      width={width}\n      withAction={!!primaryAction || !!secondaryAction}\n      withCloseIcon={!!closeToast}\n      withImage={!!image}\n      withLink={!!link}\n      withTimer={!!timer}\n      withTitle={!!title}\n    >\n      {(!noIcon || customIcon) && (\n        <Styled.IconWrapper column={column} isCompact={isCompact} withImage={!!image}>\n          {!noIcon && !timer && !customIcon && !image && getDefaultIcon({ isCompact, theme, type })}\n          {customIcon && <Icon name={customIcon} size={isCompact ? 16 : 24} />}\n          {image}\n          {timer && (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              color={countdownColor({ theme, type })}\n            />\n          )}\n        </Styled.IconWrapper>\n      )}\n\n      <Styled.ContentWrapper column={column} isCompact={isCompact}>\n        {title && (\n          <Styled.Title\n            color={theme.colors['content-onmain-primary']}\n            isCompact={isCompact}\n            size={isCompact ? 14 : 16}\n            lineHeight='m'\n            {...titleProps}\n          >\n            {title}\n          </Styled.Title>\n        )}\n\n        <Styled.Content\n          appearance='body'\n          color={theme.colors['content-onmain-primary']}\n          column={column}\n          isCompact={isCompact}\n          size={isCompact ? 'xs' : 's'}\n          textWrap={textWrap}\n          {...textProps}\n        >\n          {children}\n        </Styled.Content>\n\n        {link && (\n          <Styled.Link clear={clear} column={column} isCompact={isCompact} withTitle={!!title}>\n            <Anchor\n              color={props.clear ? theme.colors['content-link'] : theme.colors['content-onmain-primary']}\n              onClick={link.onClick}\n              preset='default'\n              pseudo\n              size={isCompact ? 's' : 'm'}\n              {...linkProps}\n            >\n              {link.content}\n            </Anchor>\n          </Styled.Link>\n        )}\n\n        {(primaryAction || secondaryAction) && (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={secondaryAction.onClick}\n                outline\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...secondaryActionProps}\n              >\n                {secondaryAction.content}\n              </Button>\n            )}\n\n            {primaryAction && (\n              <Button\n                black\n                fontWeight='normal'\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            )}\n          </Styled.Actions>\n        )}\n      </Styled.ContentWrapper>\n\n      {onClickCancelTimer && (\n        <Styled.CancelTimer\n          black\n          clear\n          fontWeight='normal'\n          isCompact={isCompact}\n          onClick={onClickCancelTimer}\n          preset='brand'\n          size={isCompact ? 'xs' : 's'}\n          margin={4}\n        >\n          {cancelTimerText}\n        </Styled.CancelTimer>\n      )}\n\n      {closeToast && (isCompact ? !timer : true) && (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close color={theme.colors['content-onmain-primary']} size={isCompact ? 18 : 24} />\n        </Styled.CloseIcon>\n      )}\n    </Styled.Root>\n  )\n})\n\nAlert.displayName = COMPONENT_NAME\n\nexport { Alert, COMPONENT_NAME }\n\nexport type { AlertProps }\n"],"names":["getDefaultIcon","isCompact","theme","type","size","_jsx","CloseCirlceFill","color","colors","NotifFill","CheckCircleFill","WarningTriangleFill","COMPONENT_NAME","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","style","textProps","textWrap","timer","title","titleProps","width","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","countdownColor","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}

package/components/Alert/CountdownCircle.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var colors=require('../../theme/colors.js');var require$$0=require('react/jsx-runtime');var Progress=require('../Progress/Progress.js');exports.CountdownCircle=({className:r,color:e,isCompact:s,paused:t,timer:a})=>{const[c,o]=React.useState(a);const l=React.useRef();return React.useEffect((()=>()=>{l.current&&clearInterval(l.current)}),[]),React.useEffect((()=>{t?clearInterval(l.current):l.current=setInterval((()=>{o((r=>r<=.05?(clearInterval(l.current),r):r-.05))}),50)}),[t]),require$$0.jsx(Progress.Progress.Circle,{className:r,progress:c/a*100,progressStartAngle:0,resultColor:e,size:s?16:20,strokeBGColor:colors.DefaultColorNames.transparent,strokeLineWidth:1.5,children:Math.ceil(c)})};
+'use strict';var React=require('react');var colors=require('../../theme/colors.js');var jsxRuntime=require('react/jsx-runtime');var Progress=require('../Progress/Progress.js');exports.CountdownCircle=({className:e,color:r,isCompact:s,paused:t,timer:a})=>{const[c,o]=React.useState(a);const l=React.useRef();return React.useEffect((()=>()=>{l.current&&clearInterval(l.current)}),[]),React.useEffect((()=>{t?clearInterval(l.current):l.current=setInterval((()=>{o((e=>e<=.05?(clearInterval(l.current),e):e-.05))}),50)}),[t]),jsxRuntime.jsx(Progress.Progress.Circle,{className:e,progress:c/a*100,progressStartAngle:0,resultColor:r,size:s?16:20,strokeBGColor:colors.DefaultColorNames.transparent,strokeLineWidth:1.5,children:Math.ceil(c)})};
 //# sourceMappingURL=CountdownCircle.js.map

package/components/Amount/Amount.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var cx=require('clsx');var index=require('./data/index.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var cx__default=_interopDefault(cx);const ZERO_MINOR_PART_REGEXP=/^0+$/;class Amount extends React.PureComponent{static displayName='Amount';static defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};static getCurrencySymbol(e){return index.CURRENCY_MAP[e]||e}renderMinorPart(e){const{showZeroMinorPart:r,separator:t}=this.props;let s=!1;return e&&(s=!0,!r&&ZERO_MINOR_PART_REGEXP.test(e)&&(s=!1)),s?require$$0.jsxs("span",{className:"minor-container",children:[require$$0.jsx("span",{className:"separator",children:t}),require$$0.jsx("span",{className:"minor",children:e})]}):null}renderCurrencySymbol=e=>require$$0.jsxs("span",{style:{position:'relative'},children:[this.props.currency==='RUR'?require$$0.jsx("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,require$$0.jsx("span",{children:` ${e}`})]});render(){const{value:e,digitsAfterPoint:r,currency:t,isHeader:s,className:n,style:i,crossedOut:a,onlyCurrency:o,...c}=this.props;const{majorPart:u,minorPart:l,isNegative:d,currencySymbol:m}=((e=0,r,t)=>{const s=e<0;const n=Math.abs(e).toFixed(r).split('.');const i=n[0];const a=n[1];const o=(()=>{const parts=e=>{const{length:r}=e;if(r<=3)return[e];const t=r-3;return[e.slice(t,r)].concat(parts(e.slice(0,t)))};return parts})()(i).reverse().join(' ');return{majorPart:o,minorPart:a,value:o+(a?`,${a}`:''),isNegative:s,currencySymbol:t?Amount.getCurrencySymbol(t):''}})(e,r,t);const x=cx__default.default('amount',n);const y=require$$0.jsxs(style.Root,{className:x,style:i,crossedOut:a,children:[o?null:require$$0.jsxs(require$$0.Fragment,{children:[require$$0.jsxs("span",{className:"major",children:[d&&"−",u]}),this.renderMinorPart(l)]}),t&&this.renderCurrencySymbol(m)]});return require$$0.jsx(s?Text.Text.Heading:Text.Text,{...c,as:"span",children:y})}}exports.Amount=Amount;
+'use strict';var React=require('react');var cx=require('clsx');var index=require('./data/index.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Text=require('../Text/Text.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var cx__default=_interopDefault(cx);const ZERO_MINOR_PART_REGEXP=/^0+$/;class Amount extends React.PureComponent{static displayName='Amount';static defaultProps={isHeader:!1,showZeroMinorPart:!1,crossedOut:!1,digitsAfterPoint:2,separator:',',onlyCurrency:!1};static getCurrencySymbol(e){return index.CURRENCY_MAP[e]||e}renderMinorPart(e){const{showZeroMinorPart:t,separator:r}=this.props;let s=!1;return e&&(s=!0,!t&&ZERO_MINOR_PART_REGEXP.test(e)&&(s=!1)),s?jsxRuntime.jsxs("span",{className:"minor-container",children:[jsxRuntime.jsx("span",{className:"separator",children:r}),jsxRuntime.jsx("span",{className:"minor",children:e})]}):null}renderCurrencySymbol=e=>jsxRuntime.jsxs("span",{style:{position:'relative'},children:[this.props.currency==='RUR'?jsxRuntime.jsx("span",{style:{position:'absolute',width:0,opacity:0,visibility:'hidden'},children:"руб."}):null,jsxRuntime.jsx("span",{children:` ${e}`})]});render(){const{value:e,digitsAfterPoint:t,currency:r,isHeader:s,className:n,style:i,crossedOut:a,onlyCurrency:o,...c}=this.props;const{majorPart:u,minorPart:l,isNegative:m,currencySymbol:x}=((e=0,t,r)=>{const s=e<0;const n=Math.abs(e).toFixed(t).split('.');const i=n[0];const a=n[1];const o=(()=>{const parts=e=>{const{length:t}=e;if(t<=3)return[e];const r=t-3;return[e.slice(r,t)].concat(parts(e.slice(0,r)))};return parts})()(i).reverse().join(' ');return{majorPart:o,minorPart:a,value:o+(a?`,${a}`:''),isNegative:s,currencySymbol:r?Amount.getCurrencySymbol(r):''}})(e,t,r);const d=cx__default.default('amount',n);const j=jsxRuntime.jsxs(style.Root,{className:d,style:i,crossedOut:a,children:[o?null:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsxs("span",{className:"major",children:[m&&"−",u]}),this.renderMinorPart(l)]}),r&&this.renderCurrencySymbol(x)]});return jsxRuntime.jsx(s?Text.Text.Heading:Text.Text,{...c,as:"span",children:j})}}exports.Amount=Amount;
 //# sourceMappingURL=Amount.js.map

package/components/Anchor/Anchor.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var reactRouterDom=require('react-router-dom');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.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 Anchor=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:s="inherit",autoRel:t=!0,textProps:o={},iconProps:n={},icon:i,children:a,content:c,...u}=e;const d=styled.useTheme();const l=useClassname.useClassname("Anchor",u.className);const p=d.utils?.relBuilder;const h=u.href??u.to;const m=u.rel??(t&&p&&typeof h=='string'?p(h,u.target):void 0);const[q,v]=Array.isArray(i)?i:[i];const $={as:'span',size:'inherit',color:'inherit',underline:u.underline,marginLeft:q?'0.20em':void 0,marginRight:v?'0.20em':void 0};const x={as:'span',color:'inherit'};let g;return u.to&&(g=reactRouterDom.Link),u.pseudo&&(g='div'),u.disabled&&(g='span'),u.as&&(g=u.as),require$$0.jsx(style.Root,{...u,ref:r,as:g,className:l,size:s,rel:m,"data-disabled":u.disabled,children:typeof a=='function'?a({baseTextProps:$,textProps:o,iconBaseProps:x,iconProps:n,icon:i}):e.preset==='brand'?require$$0.jsxs(require$$0.Fragment,{children:[q&&require$$0.jsx(Icon.Icon,{name:typeof q=='string'?q:void 0,icon:typeof q!='string'?q:void 0,...x,...n}),require$$0.jsx(Text.Text,{...$,...o,children:a||c}),v&&require$$0.jsx(Icon.Icon,{name:typeof v=='string'?v:void 0,icon:typeof v!='string'?v:void 0,...x,...n})]}):require$$0.jsx(require$$0.Fragment,{children:a||c})})})),{displayName:"Anchor",sizes:constants.SIZES});exports.Anchor=Anchor,exports.COMPONENT_NAME="Anchor";
+'use strict';var React=require('react');var reactRouterDom=require('react-router-dom');var styled=require('styled-components');var withMergedProps=require('../../hocs/withMergedProps.js');var useClassname=require('../../hooks/useClassname.js');var constants=require('./constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');const Anchor=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:r="inherit",autoRel:t=!0,textProps:n={},iconProps:o={},icon:i,children:a,content:c,...u}=e;const d=styled.useTheme();const l=useClassname.useClassname("Anchor",u.className);const m=d.utils?.relBuilder;const x=u.href??u.to;const p=u.rel??(t&&m&&typeof x=='string'?m(x,u.target):void 0);const[h,j]=Array.isArray(i)?i:[i];const v={as:'span',size:'inherit',color:'inherit',underline:u.underline,marginLeft:h?'0.20em':void 0,marginRight:j?'0.20em':void 0};const R={as:'span',color:'inherit'};let g;return u.to&&(g=reactRouterDom.Link),u.pseudo&&(g='div'),u.disabled&&(g='span'),u.as&&(g=u.as),jsxRuntime.jsx(style.Root,{...u,ref:s,as:g,className:l,size:r,rel:p,"data-disabled":u.disabled,children:typeof a=='function'?a({baseTextProps:v,textProps:n,iconBaseProps:R,iconProps:o,icon:i}):e.preset==='brand'?jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[h&&jsxRuntime.jsx(Icon.Icon,{name:typeof h=='string'?h:void 0,icon:typeof h!='string'?h:void 0,...R,...o}),jsxRuntime.jsx(Text.Text,{...v,...n,children:a||c}),j&&jsxRuntime.jsx(Icon.Icon,{name:typeof j=='string'?j:void 0,icon:typeof j!='string'?j:void 0,...R,...o})]}):jsxRuntime.jsx(jsxRuntime.Fragment,{children:a||c})})})),{displayName:"Anchor",sizes:constants.SIZES});exports.Anchor=Anchor,exports.COMPONENT_NAME="Anchor";
 //# sourceMappingURL=Anchor.js.map

package/components/Anchor/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var display=require('../../mixins/display.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardAnchorProp=style.createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor.default(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor.default(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled__default.default.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(o=>o.display&&display.display(o.display)),(o=>o.color&&`color: ${color.getColor(o.color,o)};`));exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var style=require('../../shared/utils/style.js');var color=require('../../mixins/color.js');var focus=require('../../mixins/focus.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var display=require('../../mixins/display.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardAnchorProp=style.createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:styled.css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor__default.default(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor__default.default(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled__default.default.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin,(o=>o.display&&display.display(o.display)),(o=>o.color&&`color: ${color.getColor(o.color,o)};`));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Anchor/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"4jBAYA,MAAMA,wBAA0BC,MAAAA,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,mCAEND,EAAQE,8CAGRF,EAAQC,wDAGRD,EAAQG,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfY,QAASN,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAASR,QAACE,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfgB,UAAWV,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAASR,QAACE,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMP,aAUV,MAAMkB,KAAOC,gBAAAA,QAAOC,EAAEC,WAA8B,CACzDC,kBAAmB3B,0BACnB0B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,+LAMCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCAlCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SAwCpEyB,MAAKA,MACLC,8BACAC,iBAAAA,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAOA,QAAC1B,EAAM0B,WACzC1B,GAAUA,EAAMN,OAAS,UAAUiC,eAAS3B,EAAMN,MAAOM"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"8iBAYA,MAAMA,wBAA0BC,MAAAA,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,mCAEND,EAAQE,8CAGRF,EAAQC,wDAGRD,EAAQG,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfY,QAASN,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,mBAASR,QAACE,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfgB,UAAWV,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,mBAASR,QAACE,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMP,aAUV,MAAMkB,KAAOC,gBAAAA,QAAOC,EAAEC,WAA8B,CACzDC,kBAAmB3B,0BACnB0B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,+LAMCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCAlCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SAwCpEyB,MAAKA,MACLC,8BACAC,iBAAAA,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAOA,QAAC1B,EAAM0B,WACzC1B,GAAUA,EAAMN,OAAS,UAAUiC,eAAS3B,EAAMN,MAAOM"}

package/components/Anchor/style.mjs

@@ -1,2 +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{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{display}from'../../mixins/display.mjs';const shouldForwardAnchorProp=createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus,responsiveSize,responsiveMargin,(o=>o.display&&display(o.display)),(o=>o.color&&`color: ${getColor(o.color,o)};`));export{Root};
+import styled,{css}from'styled-components';import tinycolor from'tinycolor2';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{getColor}from'../../mixins/color.mjs';import{focus}from'../../mixins/focus.mjs';import{responsiveSize}from'../../mixins/responsive-size.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';import{display}from'../../mixins/display.mjs';const shouldForwardAnchorProp=createShouldForwardProp((o=>!['display','underline','onColored','verticalAlign','pseudo','wrapper'].includes(o)));const template=o=>`\n  color: ${o.color};\n  &:hover {\n    color: ${o.colorHover};\n  }\n  &:active {\n    color: ${o.color};\n  }\n  &[data-disabled="true"] {\n    color: ${o.colorDisabled};\n  }\n`;const COLOR_SCHEMA={default:css(["",""],(o=>template({color:o.wrapper?'inherit':o.theme.colors.accent,colorHover:o.wrapper?'inherit':o.theme.colors.primary,colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['content-link'],colorHover:tinycolor(o.theme.colors['content-link']).lighten(10).toString(),colorDisabled:o.theme.colors['content-disabled'],...o.palette}))),onColored:css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],colorHover:tinycolor(o.theme.colors['content-oncolor-primary']).darken(10).toString(),colorDisabled:o.theme.colors['content-oncolor-disabled'],...o.palette})))};const Root=styled.a.withConfig({shouldForwardProp:shouldForwardAnchorProp}).withConfig({displayName:"Anchor__Root",componentId:"ui__sc-1n89po4-0"})([""," "," "," "," "," "," ",""],(o=>`\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      vertical-align: ${o.verticalAlign?`${typeof o.verticalAlign=='string'?o.verticalAlign:'text-bottom'}`:'baseline'};\n      ${o.preset==='brand'?"\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            ":`\n              display: ${o.wrapper?'block':'inline-block'};\n              text-decoration-line: ${o.underline===!0?'underline':'none'};\n              border-bottom: ${o.pseudo||typeof o.underline=='string'?`1px ${typeof o.underline=='string'?o.underline:'dashed'}`:'none'};\n            `}\n  \n  `),(o=>o.onColored?COLOR_SCHEMA.onColored:o.preset==='brand'?COLOR_SCHEMA.primary:COLOR_SCHEMA.default),focus,responsiveSize,responsiveMargin,(o=>o.display&&display(o.display)),(o=>o.color&&`color: ${getColor(o.color,o)};`));export{Root};
 //# sourceMappingURL=style.mjs.map

package/components/Anchor/style.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"style.mjs","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"mdAYA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,mCAEND,EAAQE,8CAGRF,EAAQC,wDAGRD,EAAQG,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfY,QAASN,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfgB,UAAWV,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMP,aAUV,MAAMkB,KAAOC,OAAOC,EAAEC,WAA8B,CACzDC,kBAAmB3B,0BACnB0B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,+LAMCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCAlCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SAwCpEyB,MACAC,eACAC,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMN,OAAS,UAAUiC,SAAS3B,EAAMN,MAAOM"}
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Anchor/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport type { ThemedStyledProps, DefaultTheme } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { getColor } from 'mixins/color'\nimport { focus } from 'mixins/focus'\nimport { responsiveSize } from 'mixins/responsive-size'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport { display } from 'mixins/display'\nimport type { CSSColor } from 'shared/types'\nimport type { StyledAnchorProps, AnchorPalette } from './types'\n\nconst shouldForwardAnchorProp = createShouldForwardProp(\n  (propKey) => !['display', 'underline', 'onColored', 'verticalAlign', 'pseudo', 'wrapper'].includes(propKey)\n)\n\nconst template = (palette: AnchorPalette) => `\n  color: ${palette.color};\n  &:hover {\n    color: ${palette.colorHover};\n  }\n  &:active {\n    color: ${palette.color};\n  }\n  &[data-disabled=\"true\"] {\n    color: ${palette.colorDisabled};\n  }\n`\n\nconst COLOR_SCHEMA = {\n  default: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.wrapper ? 'inherit' : props.theme.colors.accent,\n        colorHover: props.wrapper ? 'inherit' : props.theme.colors.primary,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  primary: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-link'],\n        colorHover: tinycolor(props.theme.colors['content-link']).lighten(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-disabled'],\n        ...props.palette,\n      })}\n  `,\n  onColored: css<StyledAnchorProps>`\n    ${(props) =>\n      template({\n        color: props.theme.colors['content-oncolor-primary'],\n        colorHover: tinycolor(props.theme.colors['content-oncolor-primary']).darken(10).toString() as CSSColor,\n        colorDisabled: props.theme.colors['content-oncolor-disabled'],\n        ...props.palette,\n      })}\n  `,\n}\n\nconst anchorStyles = (props: ThemedStyledProps<StyledAnchorProps, DefaultTheme>) => {\n  if (props.onColored) return COLOR_SCHEMA.onColored\n  return props.preset === 'brand' ? COLOR_SCHEMA.primary : COLOR_SCHEMA.default\n}\n\nexport const Root = styled.a.withConfig<StyledAnchorProps>({\n  shouldForwardProp: shouldForwardAnchorProp,\n})`\n  ${(props) => `\n      box-sizing: border-box;\n      isolation: isolate;\n      transition-property: color;\n      transition-duration: 150ms;\n      transition-timing-function: ease-in;\n      cursor: ${props.disabled ? 'not-allowed' : 'pointer'};\n      vertical-align: ${\n        props.verticalAlign\n          ? `${typeof props.verticalAlign === 'string' ? props.verticalAlign : 'text-bottom'}`\n          : 'baseline'\n      };\n      ${\n        props.preset === 'brand'\n          ? `\n              display: inline-flex;\n              align-items: center;\n              justify-content: center;\n              text-decoration: none;\n            `\n          : `\n              display: ${props.wrapper ? 'block' : 'inline-block'};\n              text-decoration-line: ${props.underline === true ? 'underline' : 'none'};\n              border-bottom: ${\n                props.pseudo || typeof props.underline === 'string'\n                  ? `1px ${typeof props.underline === 'string' ? props.underline : 'dashed'}`\n                  : 'none'\n              };\n            `\n      }\n  \n  `}\n\n  ${anchorStyles}\n  ${focus}\n  ${responsiveSize}\n  ${responsiveMargin}\n \n  ${(props) => props.display && display(props.display)}\n  ${(props) => props.color && `color: ${getColor(props.color, props)};`}\n`\n"],"names":["shouldForwardAnchorProp","createShouldForwardProp","propKey","includes","template","palette","color","colorHover","colorDisabled","COLOR_SCHEMA","default","css","props","wrapper","theme","colors","accent","primary","tinycolor","lighten","toString","onColored","darken","Root","styled","a","withConfig","shouldForwardProp","displayName","componentId","disabled","verticalAlign","preset","underline","pseudo","focus","responsiveSize","responsiveMargin","display","getColor"],"mappings":"kZAYA,MAAMA,wBAA0BC,yBAC7BC,IAAa,CAAC,UAAW,YAAa,YAAa,gBAAiB,SAAU,WAAWC,SAASD,KAGrG,MAAME,SAAYC,GAA2B,cAClCA,EAAQC,mCAEND,EAAQE,8CAGRF,EAAQC,wDAGRD,EAAQG,wBAIrB,MAAMC,aAAe,CACnBC,QAASC,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOC,OACtDT,WAAYK,EAAMC,QAAU,UAAYD,EAAME,MAAMC,OAAOE,QAC3DT,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfY,QAASN,IAAG,CAAA,GAAA,KACPC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,gBAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,iBAAiBI,QAAQ,IAAIC,WACtEZ,cAAeI,EAAME,MAAMC,OAAO,uBAC/BH,EAAMP,YAGfgB,UAAWV,IAAG,CAAA,GAAA,KACTC,GACDR,SAAS,CACPE,MAAOM,EAAME,MAAMC,OAAO,2BAC1BR,WAAYW,UAAUN,EAAME,MAAMC,OAAO,4BAA4BO,OAAO,IAAIF,WAChFZ,cAAeI,EAAME,MAAMC,OAAO,+BAC/BH,EAAMP,aAUV,MAAMkB,KAAOC,OAAOC,EAAEC,WAA8B,CACzDC,kBAAmB3B,0BACnB0B,WAAA,CAAAE,YAAA,eAAAC,YAAA,oBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IAAA,KACGZ,GAAU,+LAMCA,EAAMkB,SAAW,cAAgB,qCAEzClB,EAAMmB,cACF,UAAUnB,EAAMmB,eAAkB,SAAWnB,EAAMmB,cAAgB,gBACnE,sBAGJnB,EAAMoB,SAAW,QACb,wKAMA,4BACapB,EAAMC,QAAU,QAAU,wDACbD,EAAMqB,aAAc,EAAO,YAAc,yCAE/DrB,EAAMsB,eAAiBtB,EAAMqB,WAAc,SACvC,cAAcrB,EAAMqB,WAAc,SAAWrB,EAAMqB,UAAY,WAC/D,oCAlCErB,GAChBA,EAAMS,UAAkBZ,aAAaY,UAClCT,EAAMoB,SAAW,QAAUvB,aAAaQ,QAAUR,aAAaC,SAwCpEyB,MACAC,eACAC,kBAECzB,GAAUA,EAAM0B,SAAWA,QAAQ1B,EAAM0B,WACzC1B,GAAUA,EAAMN,OAAS,UAAUiC,SAAS3B,EAAMN,MAAOM"}

package/components/Arrow/Arrow.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((r,e)=>{const{type:s="button",size:t="l",top:o=!0,iconProps:n={},...a}=r;return require$$0.jsx(style.Root,{...a,type:s,size:t,top:o,ref:e,children:require$$0.jsx(Icon.Icon,{name:a.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...n})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');const Arrow=withMergedProps.withMergedProps(React.forwardRef(((r,e)=>{const{type:s="button",size:t="l",top:o=!0,iconProps:n={},...a}=r;return jsxRuntime.jsx(style.Root,{...a,type:s,size:t,top:o,ref:e,children:jsxRuntime.jsx(Icon.Icon,{name:a.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...n})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.Arrow=Arrow,exports.COMPONENT_NAME="Arrow";
 //# sourceMappingURL=Arrow.js.map

package/components/Arrow/style.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardArrowProp=style.createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={contrast:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor.default(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
+'use strict';var styled=require('styled-components');var tinycolor=require('tinycolor2');var responsiveSize=require('../../mixins/responsive-size.js');var responsiveMargin=require('../../mixins/responsive-margin.js');var focus=require('../../mixins/focus.js');var style=require('../../shared/utils/style.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);var tinycolor__default=_interopDefault(tinycolor);const shouldForwardArrowProp=style.createShouldForwardProp((o=>!['square','top','right','bottom','left','onColored','outline','inverse'].includes(o)));const template=o=>`\n  color: ${o.color};\n  background-color: ${o.backgroundColor};\n  border-color: ${o.borderColor};\n  &::before {\n    box-shadow: inset 0px 4px 0px ${o.shadowColor};\n  }\n  &:hover {\n    color: ${o.colorHover};\n    background-color: ${o.backgroundColorHover};\n    border-color: ${o.borderColorHover};\n  }\n  &:active {\n    color: ${o.colorActive};\n    background-color: ${o.backgroundColorActive};\n    border-color: ${o.borderColorActive};\n  }\n  &:disabled {\n    color: ${o.colorDisabled};\n    background-color: ${o.backgroundColorDisabled};\n    border-color: ${o.borderColorDisabled};\n  }\n`;const defaultDisabledStyles="\n  -webkit-filter: grayscale(100%);\n  -moz-filter: grayscale(100%);\n  -ms-filter: grayscale(100%);\n  -o-filter: grayscale(100%);\n  filter: grayscale(100%);\n";const COLOR_SCHEMA={contrast:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-oncolor-default'],colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:o.theme.colors['bg-oncolor-primary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-oncolor-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-oncolor-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-oncolor-constant'],backgroundColor:o.theme.colors['bg-oncolor-primary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-oncolor-constant'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(6).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-constant'],backgroundColorActive:tinycolor__default.default(o.theme.colors['bg-oncolor-primary']).darken(8).toString(),borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-oncolor-primary'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))},default:{outline:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors.transparent,borderColor:o.theme.colors['border-onmain-contrast'],colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:o.theme.colors['bg-onmain-tertiary'],borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors.transparent,borderColorDisabled:o.theme.colors['border-disabled'],shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette}))),default:styled.css(["",""],(o=>template({color:o.theme.colors['content-onmain-primary'],backgroundColor:o.theme.colors['bg-onmain-tertiary'],borderColor:o.theme.colors.transparent,colorHover:o.theme.colors['content-onmain-primary'],backgroundColorHover:tinycolor__default.default(o.theme.colors['bg-onmain-tertiary']).darken(4).toString(),borderColorHover:o.theme.colors.transparent,colorActive:o.theme.colors['content-oncolor-primary'],backgroundColorActive:o.theme.colors['bg-brand-primary-basic-active'],borderColorActive:o.theme.colors.transparent,colorDisabled:o.theme.colors['content-disabled'],backgroundColorDisabled:o.theme.colors['bg-disabled-large'],borderColorDisabled:o.theme.colors.transparent,shadowColor:o.theme.colors['bg-oncolor-hover'],...o.palette})))}};const DEFAULT_STYLES={filled:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: ${o.colors.white};\n      box-shadow: 0 6px 20px rgba(0, 0, 0, 0.1);\n      & svg {\n        fill: ${o.colors.accent};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),outline:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.alto};\n      & svg {\n        fill: ${o.colors.alto};\n      }\n      &:hover {\n        background-color: ${o.colors.accent};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.white};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 rgba(5, 108, 188, 0.5);\n      }\n      ${r?defaultDisabledStyles:''}\n    `)),inverse:styled.css(["",""],(({theme:o,disabled:r})=>`\n      background-color: transparent;\n      box-shadow: inset 0 0 0 2px ${o.colors.white};\n      & svg {\n        fill: ${o.colors.white};\n      }\n      &:hover {\n        background-color: ${o.colors.white};\n        box-shadow: none;\n        svg {\n          fill: ${o.colors.accent};\n        }\n      }\n      &:active {\n        box-shadow: inset 0 4px 0 #eaecf3;\n      }\n      ${r?defaultDisabledStyles:''}\n    `))};const Root=styled__default.default.button.withConfig({shouldForwardProp:shouldForwardArrowProp}).attrs({dynamicSizeDeclaration:(o,r)=>({fontSize:typeof o=='string'?o:`${o}${r}`,width:'1.8em',height:'1.8em'})}).withConfig({displayName:"Arrow__Root",componentId:"ui__sc-1xgj0m4-0"})([""," "," "," "," ",""],(o=>{let r='rotate(0deg)';return o.right&&(r='rotate(90deg)'),o.bottom&&(r='rotate(180deg)'),o.left&&(r='rotate(270deg)'),`\n      box-sizing: border-box;\n      position: relative;\n      isolation: isolate;\n      appearance: none;\n      display: inline-flex;\n      align-items: center;\n      justify-content: center;\n      flex-shrink: 0;\n      padding: 0;\n      border-radius: ${o.square?'8px':'50%'};\n      cursor: ${o.disabled?'not-allowed':'pointer'};\n      & svg {\n        transform: ${r};\n        transform-origin: center;\n      }\n      ${o.preset==='brand'?"\n            border: 1px solid transparent;\n            transition-property: background-color; \n            transition-duration: 250ms;\n            &::before {\n              content: '';\n              position: absolute;\n              top: -1px;\n              left: -1px;\n              width: calc(100% + 2px);\n              height: calc(100% + 2px);\n              border-radius: inherit;\n              opacity: 0;\n              transition-property: opacity; \n              transition-duration: 150ms;\n              transition-timing-function: ease-in;\n            }\n            &:active:not(:disabled)::before {\n              opacity: 1;\n            }":"\n            border: none;\n            transition-property: background-color, box-shadow;\n            transition-duration: 200ms;"}\n    `}),(o=>{if(o.preset==='brand'){const r=o.contrast||o.onColored?COLOR_SCHEMA.contrast:COLOR_SCHEMA.default;return o.outline?r.outline:r.default}return o.inverse?DEFAULT_STYLES.inverse:o.outline?DEFAULT_STYLES.outline:DEFAULT_STYLES.filled}),focus.focus,responsiveSize.responsiveSize,responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map