@foxford/ui 2.89.0 → 2.90.0-beta-749a287-20260112

package/components/AccordionItem/AccordionItem.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var nanoid=require('nanoid');var withMergedProps=require('../../hocs/withMergedProps.js');var useAccordionPanel=require('./useAccordionPanel.js');var useAccordionPanelProps=require('./useAccordionPanelProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');const AccordionItem=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:n="m",defaultExpanded:i=!1,headingAs:t="h3",borderRadius:o=0,sizeXXS:r,sizeXS:a,sizeS:d,sizeM:c,sizeL:l,sizeXL:u,id:x,header:p,addon:j,content:E,title:m,subtitle:R,icon:S,panel:h,children:z,loading:y,disabled:I,expanded:P,embedded:b,onExpandedChange:D,...A}=useAccordionPanelProps.useAccordionPanelProps(e);const T={size:n,sizeXXS:r,sizeXS:a,sizeS:d,sizeM:c,sizeL:l,sizeXL:u};const f={...T,preset:'brand',name:'chevronDown',sizes:sizes.SIZES_ICON};const g={...T,as:'span',appearance:'subheading-compact',wordBreak:'break-word',color:'inherit',sizes:sizes.SIZES_TITLE};const k={...T,as:'span',appearance:'body',wordBreak:'break-word',color:'inherit',sizes:sizes.SIZES_SUBTITLE};const{panelExpanded:_,setPanelExpanded:v}=useAccordionPanel.useAccordionPanel({id:x,expanded:P,defaultExpanded:i,onExpandedChange:D});const[w,M]=React.useState(_);const Z=React.useMemo((()=>nanoid.nanoid()),[]);const q=React.useMemo((()=>nanoid.nanoid()),[]);return React.useLayoutEffect((()=>{_&&M(!0)}),[_]),jsxRuntime.jsxs(style.Root,{...A,...T,id:x,disabled:I,loading:y,expanded:_,borderRadius:o,"data-accordion-item":!0,ref:s,children:[jsxRuntime.jsx(style.Heading,{as:t,onClick:()=>{I||v(!_)},children:jsxRuntime.jsx(style.Button,{id:Z,type:"button","data-accordion-control":!0,"aria-controls":q,"aria-expanded":w,"aria-disabled":Boolean(w&&(I||P!==void 0&&!D)),disabled:I,onClick:e=>{e.stopPropagation(),v(!_)},children:y?jsxRuntime.jsx(style.Header,{...T,sizes:b?sizes.SIZES_HEADER_EMBEDDED:sizes.SIZES_HEADER,children:jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,width:"90%","data-accordion-skeleton":!0,children:jsxRuntime.jsx(Text.Text,{...g})})})}):React.isValidElement(p)?p:typeof p=='function'?p({titleProps:g,subtitleProps:k,iconProps:f}):jsxRuntime.jsxs(style.Header,{...T,sizes:b?sizes.SIZES_HEADER_EMBEDDED:sizes.SIZES_HEADER,children:[j,jsxRuntime.jsx(style.Content,{children:React.isValidElement(E)?E:typeof E=='function'?E({titleProps:g,subtitleProps:k}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[React.isValidElement(m)?m:typeof m=='function'?m(g):typeof m=='string'||typeof m=='number'?jsxRuntime.jsx(Text.Text,{...g,children:m}):null,React.isValidElement(R)?R:typeof R=='function'?R(k):typeof R=='string'||typeof R=='number'?jsxRuntime.jsx(Text.Text,{...k,children:R}):null]})}),jsxRuntime.jsx(style.IconAnimation,{up:_,children:React.isValidElement(S)?S:typeof S=='function'?S(f):jsxRuntime.jsx(Icon.Icon,{...f})})]})})}),jsxRuntime.jsx(style.Panel,{id:q,role:"region","aria-labelledby":Z,hidden:!w,onTransitionEnd:e=>{e.propertyName!=='opacity'||_||M(!1)},children:y?jsxRuntime.jsxs(style.Details,{...T,sizes:b?sizes.SIZES_DETAILS_EMBEDDED:sizes.SIZES_DETAILS,children:[jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,width:"100%",marginBottom:"0.4em",children:jsxRuntime.jsx(Text.Text,{...k})}),jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,width:"70%",children:jsxRuntime.jsx(Text.Text,{...k})})]}):React.isValidElement(h)?h:jsxRuntime.jsx(style.Details,{...T,sizes:b?sizes.SIZES_DETAILS_EMBEDDED:sizes.SIZES_DETAILS,children:z})})]})})),{displayName:'AccordionItem',sizes:sizes.SIZES});exports.AccordionItem=AccordionItem;
+'use strict';var React=require('react');var nanoid=require('nanoid');var withMergedProps=require('../../hocs/withMergedProps.js');var useAccordionPanel=require('./useAccordionPanel.js');var useAccordionPanelProps=require('./useAccordionPanelProps.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Skeleton=require('../Skeleton/Skeleton.js');var Text=require('../Text/Text.js');var Icon=require('../Icon/Icon.js');var index=require('../../icon-pack/src/icons/ChevronDown/index.js');const AccordionItem=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{size:n="m",defaultExpanded:i=!1,headingAs:t="h3",borderRadius:o=0,sizeXXS:r,sizeXS:a,sizeS:d,sizeM:c,sizeL:l,sizeXL:u,id:x,header:j,addon:p,content:E,title:m,subtitle:R,icon:S,panel:h,children:z,loading:y,disabled:I,expanded:D,embedded:P,onExpandedChange:b,...A}=useAccordionPanelProps.useAccordionPanelProps(e);const T={size:n,sizeXXS:r,sizeXS:a,sizeS:d,sizeM:c,sizeL:l,sizeXL:u};const f={...T,preset:'brand',icon:jsxRuntime.jsx(index.ChevronDown,{}),sizes:sizes.SIZES_ICON};const g={...T,as:'span',appearance:'subheading-compact',wordBreak:'break-word',color:'inherit',sizes:sizes.SIZES_TITLE};const k={...T,as:'span',appearance:'body',wordBreak:'break-word',color:'inherit',sizes:sizes.SIZES_SUBTITLE};const{panelExpanded:v,setPanelExpanded:_}=useAccordionPanel.useAccordionPanel({id:x,expanded:D,defaultExpanded:i,onExpandedChange:b});const[w,q]=React.useState(v);const M=React.useMemo((()=>nanoid.nanoid()),[]);const Z=React.useMemo((()=>nanoid.nanoid()),[]);return React.useLayoutEffect((()=>{v&&q(!0)}),[v]),jsxRuntime.jsxs(style.Root,{...A,...T,id:x,disabled:I,loading:y,expanded:v,borderRadius:o,"data-accordion-item":!0,ref:s,children:[jsxRuntime.jsx(style.Heading,{as:t,onClick:()=>{I||_(!v)},children:jsxRuntime.jsx(style.Button,{id:M,type:"button","data-accordion-control":!0,"aria-controls":Z,"aria-expanded":w,"aria-disabled":Boolean(w&&(I||D!==void 0&&!b)),disabled:I,onClick:e=>{e.stopPropagation(),_(!v)},children:y?jsxRuntime.jsx(style.Header,{...T,sizes:P?sizes.SIZES_HEADER_EMBEDDED:sizes.SIZES_HEADER,children:jsxRuntime.jsx(style.Content,{children:jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,width:"90%","data-accordion-skeleton":!0,children:jsxRuntime.jsx(Text.Text,{...g})})})}):React.isValidElement(j)?j:typeof j=='function'?j({titleProps:g,subtitleProps:k,iconProps:f}):jsxRuntime.jsxs(style.Header,{...T,sizes:P?sizes.SIZES_HEADER_EMBEDDED:sizes.SIZES_HEADER,children:[p,jsxRuntime.jsx(style.Content,{children:React.isValidElement(E)?E:typeof E=='function'?E({titleProps:g,subtitleProps:k}):jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[React.isValidElement(m)?m:typeof m=='function'?m(g):typeof m=='string'||typeof m=='number'?jsxRuntime.jsx(Text.Text,{...g,children:m}):null,React.isValidElement(R)?R:typeof R=='function'?R(k):typeof R=='string'||typeof R=='number'?jsxRuntime.jsx(Text.Text,{...k,children:R}):null]})}),jsxRuntime.jsx(style.IconAnimation,{up:v,children:React.isValidElement(S)?S:typeof S=='function'?S(f):jsxRuntime.jsx(Icon.Icon,{...f})})]})})}),jsxRuntime.jsx(style.Panel,{id:Z,role:"region","aria-labelledby":M,hidden:!w,onTransitionEnd:e=>{e.propertyName!=='opacity'||v||q(!1)},children:y?jsxRuntime.jsxs(style.Details,{...T,sizes:P?sizes.SIZES_DETAILS_EMBEDDED:sizes.SIZES_DETAILS,children:[jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,width:"100%",marginBottom:"0.4em",children:jsxRuntime.jsx(Text.Text,{...k})}),jsxRuntime.jsx(Skeleton.Skeleton,{as:"span",borderRadius:4,width:"70%",children:jsxRuntime.jsx(Text.Text,{...k})})]}):React.isValidElement(h)?h:jsxRuntime.jsx(style.Details,{...T,sizes:P?sizes.SIZES_DETAILS_EMBEDDED:sizes.SIZES_DETAILS,children:z})})]})})),{displayName:'AccordionItem',sizes:sizes.SIZES});exports.AccordionItem=AccordionItem;
 //# sourceMappingURL=AccordionItem.js.map

package/components/AccordionItem/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, useLayoutEffect, useMemo } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useAccordionPanel } from './useAccordionPanel'\nimport { useAccordionPanelProps } from './useAccordionPanelProps'\nimport {\n  SIZES,\n  SIZES_HEADER,\n  SIZES_HEADER_EMBEDDED,\n  SIZES_DETAILS,\n  SIZES_DETAILS_EMBEDDED,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_ICON,\n} from './sizes'\nimport type { AccordionItemProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'AccordionItem'\n\n/**\n *\n * Компонент для создания сворачиваемой секции контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<section\\> элемента.\n *\n * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).\n *\n * @visibleName Accordion.Item\n */\nconst AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps> = withMergedProps<\n  AccordionItemProps,\n  HTMLElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      defaultExpanded = false,\n      headingAs = 'h3',\n      borderRadius = 0,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      id,\n      header,\n      addon,\n      content,\n      title,\n      subtitle,\n      icon,\n      panel,\n      children,\n      loading,\n      disabled,\n      expanded,\n      embedded,\n      onExpandedChange,\n      ...restProps\n    } = useAccordionPanelProps(props)\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      name: 'chevronDown',\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading-compact',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const { panelExpanded, setPanelExpanded } = useAccordionPanel({\n      id,\n      expanded,\n      defaultExpanded,\n      onExpandedChange,\n    })\n\n    const [panelVisible, setPanelVisible] = useState<boolean>(panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        id={id}\n        disabled={disabled}\n        loading={loading}\n        expanded={panelExpanded}\n        borderRadius={borderRadius}\n        data-accordion-item\n        ref={ref}\n      >\n        <Styled.Heading\n          as={headingAs}\n          onClick={() => {\n            if (!disabled) {\n              setPanelExpanded(!panelExpanded)\n            }\n          }}\n        >\n          <Styled.Button\n            id={controlId}\n            type='button'\n            data-accordion-control\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={Boolean(panelVisible && (disabled || (expanded !== undefined && !onExpandedChange)))}\n            disabled={disabled}\n            onClick={(evt) => {\n              evt.stopPropagation()\n              setPanelExpanded(!panelExpanded)\n            }}\n          >\n            {loading ? (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                <Styled.Content>\n                  <Skeleton as='span' borderRadius={4} width='90%' data-accordion-skeleton>\n                    <Text {...titleProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </Styled.Header>\n            ) : isValidElement(header) ? (\n              header\n            ) : typeof header === 'function' ? (\n              header({\n                titleProps,\n                subtitleProps,\n                iconProps,\n              })\n            ) : (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                {addon}\n                <Styled.Content>\n                  {isValidElement(content) ? (\n                    content\n                  ) : typeof content === 'function' ? (\n                    content({\n                      titleProps,\n                      subtitleProps,\n                    })\n                  ) : (\n                    <>\n                      {isValidElement(title) ? (\n                        title\n                      ) : typeof title === 'function' ? (\n                        title(titleProps)\n                      ) : typeof title === 'string' || typeof title === 'number' ? (\n                        <Text {...titleProps}>{title}</Text>\n                      ) : null}\n                      {isValidElement(subtitle) ? (\n                        subtitle\n                      ) : typeof subtitle === 'function' ? (\n                        subtitle(subtitleProps)\n                      ) : typeof subtitle === 'string' || typeof subtitle === 'number' ? (\n                        <Text {...subtitleProps}>{subtitle}</Text>\n                      ) : null}\n                    </>\n                  )}\n                </Styled.Content>\n                <Styled.IconAnimation up={panelExpanded}>\n                  {isValidElement(icon) ? icon : typeof icon === 'function' ? icon(iconProps) : <Icon {...iconProps} />}\n                </Styled.IconAnimation>\n              </Styled.Header>\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          {loading ? (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              <Skeleton as='span' borderRadius={4} width='100%' marginBottom='0.4em'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n              <Skeleton as='span' borderRadius={4} width='70%'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n            </Styled.Details>\n          ) : isValidElement(panel) ? (\n            panel\n          ) : (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              {children}\n            </Styled.Details>\n          )}\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { AccordionItem }\n"],"names":["AccordionItem","withMergedProps","forwardRef","props","ref","size","defaultExpanded","headingAs","borderRadius","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","id","header","addon","content","title","subtitle","icon","panel","children","loading","disabled","expanded","embedded","onExpandedChange","restProps","useAccordionPanelProps","sizeProps","iconProps","preset","name","sizes","SIZES_ICON","titleProps","as","appearance","wordBreak","color","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","panelExpanded","setPanelExpanded","useAccordionPanel","panelVisible","setPanelVisible","useState","controlId","useMemo","nanoid","panelId","useLayoutEffect","_jsxs","Styled","_jsx","jsx","onClick","type","Boolean","undefined","evt","stopPropagation","SIZES_HEADER_EMBEDDED","SIZES_HEADER","Skeleton","width","Text","isValidElement","jsxs","_Fragment","up","Icon","role","hidden","onTransitionEnd","propertyName","SIZES_DETAILS_EMBEDDED","SIZES_DETAILS","marginBottom","displayName","SIZES"],"mappings":"geAmCMA,MAAAA,cAAqEC,gBAAAA,gBAIzEC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KACJA,EAAO,IAAGC,gBACVA,GAAkB,EAAKC,UACvBA,EAAY,KAAIC,aAChBA,EAAe,EAACC,QAChBA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,EAAMC,GACNA,EAAEC,OACFA,EAAMC,MACNA,EAAKC,QACLA,EAAOC,MACPA,EAAKC,SACLA,EAAQC,KACRA,EAAIC,MACJA,EAAKC,SACLA,EAAQC,QACRA,EAAOC,SACPA,EAAQC,SACRA,EAAQC,SACRA,EAAQC,iBACRA,KACGC,GACDC,uBAAAA,uBAAuB3B,GAE3B,MAAM4B,EAAY,CAChB1B,OACAI,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMkB,EAAuB,IACxBD,EACHE,OAAQ,QACRC,KAAM,cACNC,MAAOC,MAAAA,YAGT,MAAMC,EAAwB,IACzBN,EACHO,GAAI,OACJC,WAAY,qBACZC,UAAW,aACXC,MAAO,UACPN,MAAOO,MAAAA,aAGT,MAAMC,EAA2B,IAC5BZ,EACHO,GAAI,OACJC,WAAY,OACZC,UAAW,aACXC,MAAO,UACPN,MAAOS,MAAAA,gBAGT,MAAMC,cAAEA,EAAaC,iBAAEA,GAAqBC,oCAAkB,CAC5DhC,KACAW,WACApB,kBACAsB,qBAGF,MAAOoB,EAAcC,GAAmBC,MAAQA,SAAUL,GAE1D,MAAMM,EAAYC,MAAOA,SAAC,IAAMC,OAAAA,UAAU,IAC1C,MAAMC,EAAUF,MAAOA,SAAC,IAAMC,OAAAA,UAAU,IAMxC,OAJAE,MAAAA,iBAAgB,KACVV,GAAeI,GAAgB,EAAK,GACvC,CAACJ,IAGFW,WAAAA,KAACC,MAAAA,KAAW,IACN5B,KACAE,EACJhB,GAAIA,EACJU,SAAUA,EACVD,QAASA,EACTE,SAAUmB,EACVrC,aAAcA,EACd,uBAAmB,EACnBJ,IAAKA,EAAImB,SAETmC,CAAAA,WAAAC,IAACF,cAAc,CACbnB,GAAI/B,EACJqD,QAASA,KACFnC,GACHqB,GAAkBD,EACpB,EACAtB,SAEFmC,WAAAC,IAACF,aAAa,CACZ1C,GAAIoC,EACJU,KAAK,SACL,0BAAsB,EACtB,gBAAeP,EACf,gBAAeN,EACf,gBAAec,QAAQd,IAAiBvB,GAAaC,SAAaqC,IAAcnC,IAChFH,SAAUA,EACVmC,QAAUI,IACRA,EAAIC,kBACJnB,GAAkBD,EAAc,EAChCtB,SAEDC,EACCkC,WAAAC,IAACF,aAAa,IAAK1B,EAAWI,MAAOR,EAAWuC,MAAAA,sBAAwBC,MAAaA,aAAA5C,SACnFmC,WAAAC,IAACF,cAAc,CAAAlC,SACbmC,WAAAC,IAACS,kBAAQ,CAAC9B,GAAG,OAAO9B,aAAc,EAAG6D,MAAM,MAAM,2BAAuB,EAAA9C,SACtEmC,WAAAC,IAACW,UAAI,IAAKjC,UAIdkC,MAAcA,eAACvD,GACjBA,SACSA,GAAW,WACpBA,EAAO,CACLqB,aACAM,gBACAX,cAGFwB,WAAAgB,KAACf,aAAa,IAAK1B,EAAWI,MAAOR,EAAWuC,MAAAA,sBAAwBC,MAAaA,aAAA5C,UAClFN,EACDyC,WAAAC,IAACF,cAAc,CAAAlC,SACZgD,MAAcA,eAACrD,GACdA,SACSA,GAAY,WACrBA,EAAQ,CACNmB,aACAM,kBAGFa,WAAAgB,KAAAC,oBAAA,CAAAlD,SACG,CAAAgD,MAAAA,eAAepD,GACdA,SACSA,GAAU,WACnBA,EAAMkB,UACGlB,GAAU,iBAAmBA,GAAU,SAChDuC,WAAAC,IAACW,UAAI,IAAKjC,EAAUd,SAAGJ,IACrB,KACHoD,qBAAenD,GACdA,SACSA,GAAa,WACtBA,EAASuB,UACAvB,GAAa,iBAAmBA,GAAa,SACtDsC,WAAAC,IAACW,UAAI,IAAK3B,EAAapB,SAAGH,IACxB,UAIVsC,WAAAC,IAACF,oBAAoB,CAACiB,GAAI7B,EAActB,SACrCgD,MAAcA,eAAClD,GAAQA,SAAcA,GAAS,WAAaA,EAAKW,GAAa0B,WAAAA,IAACiB,KAAAA,KAAI,IAAK3C,aAMlG0B,WAAAC,IAACF,YAAY,CACX1C,GAAIuC,EACJsB,KAAK,SACL,kBAAiBzB,EACjB0B,QAAS7B,EACT8B,gBAAkBd,IACZA,EAAIe,eAAiB,WAAclC,GACrCI,GAAgB,EAClB,EACA1B,SAEDC,EACCgC,WAAAgB,KAACf,cAAc,IAAK1B,EAAWI,MAAOR,EAAWqD,MAAAA,uBAAyBC,MAAcA,cAAA1D,SAAA,CACtFmC,WAAAC,IAACS,kBAAQ,CAAC9B,GAAG,OAAO9B,aAAc,EAAG6D,MAAM,OAAOa,aAAa,QAAO3D,SACpEmC,WAAAC,IAACW,UAAI,IAAK3B,MAEZe,WAAAC,IAACS,kBAAQ,CAAC9B,GAAG,OAAO9B,aAAc,EAAG6D,MAAM,MAAK9C,SAC9CmC,WAAAC,IAACW,UAAI,IAAK3B,SAGZ4B,MAAcA,eAACjD,GACjBA,EAEAoC,WAAAA,IAACD,MAAAA,QAAc,IAAK1B,EAAWI,MAAOR,EAAWqD,MAAAA,uBAAyBC,MAAcA,cAAA1D,SACrFA,QAIK,IAGlB,CACE4D,YAtNmB,gBAuNnBhD,MAAOiD,MAAAA"}
+{"version":3,"file":"AccordionItem.js","sources":["../../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, useLayoutEffect, useMemo } from 'react'\nimport { ChevronDown } from '@foxford/icon-pack'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useAccordionPanel } from './useAccordionPanel'\nimport { useAccordionPanelProps } from './useAccordionPanelProps'\nimport {\n  SIZES,\n  SIZES_HEADER,\n  SIZES_HEADER_EMBEDDED,\n  SIZES_DETAILS,\n  SIZES_DETAILS_EMBEDDED,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_ICON,\n} from './sizes'\nimport type { AccordionItemProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'AccordionItem'\n\n/**\n *\n * Компонент для создания сворачиваемой секции контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<section\\> элемента.\n *\n * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).\n *\n * @visibleName Accordion.Item\n */\nconst AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps> = withMergedProps<\n  AccordionItemProps,\n  HTMLElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      defaultExpanded = false,\n      headingAs = 'h3',\n      borderRadius = 0,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      id,\n      header,\n      addon,\n      content,\n      title,\n      subtitle,\n      icon,\n      panel,\n      children,\n      loading,\n      disabled,\n      expanded,\n      embedded,\n      onExpandedChange,\n      ...restProps\n    } = useAccordionPanelProps(props)\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      icon: <ChevronDown />,\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading-compact',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const { panelExpanded, setPanelExpanded } = useAccordionPanel({\n      id,\n      expanded,\n      defaultExpanded,\n      onExpandedChange,\n    })\n\n    const [panelVisible, setPanelVisible] = useState<boolean>(panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        id={id}\n        disabled={disabled}\n        loading={loading}\n        expanded={panelExpanded}\n        borderRadius={borderRadius}\n        data-accordion-item\n        ref={ref}\n      >\n        <Styled.Heading\n          as={headingAs}\n          onClick={() => {\n            if (!disabled) {\n              setPanelExpanded(!panelExpanded)\n            }\n          }}\n        >\n          <Styled.Button\n            id={controlId}\n            type='button'\n            data-accordion-control\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={Boolean(panelVisible && (disabled || (expanded !== undefined && !onExpandedChange)))}\n            disabled={disabled}\n            onClick={(evt) => {\n              evt.stopPropagation()\n              setPanelExpanded(!panelExpanded)\n            }}\n          >\n            {loading ? (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                <Styled.Content>\n                  <Skeleton as='span' borderRadius={4} width='90%' data-accordion-skeleton>\n                    <Text {...titleProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </Styled.Header>\n            ) : isValidElement(header) ? (\n              header\n            ) : typeof header === 'function' ? (\n              header({\n                titleProps,\n                subtitleProps,\n                iconProps,\n              })\n            ) : (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                {addon}\n                <Styled.Content>\n                  {isValidElement(content) ? (\n                    content\n                  ) : typeof content === 'function' ? (\n                    content({\n                      titleProps,\n                      subtitleProps,\n                    })\n                  ) : (\n                    <>\n                      {isValidElement(title) ? (\n                        title\n                      ) : typeof title === 'function' ? (\n                        title(titleProps)\n                      ) : typeof title === 'string' || typeof title === 'number' ? (\n                        <Text {...titleProps}>{title}</Text>\n                      ) : null}\n                      {isValidElement(subtitle) ? (\n                        subtitle\n                      ) : typeof subtitle === 'function' ? (\n                        subtitle(subtitleProps)\n                      ) : typeof subtitle === 'string' || typeof subtitle === 'number' ? (\n                        <Text {...subtitleProps}>{subtitle}</Text>\n                      ) : null}\n                    </>\n                  )}\n                </Styled.Content>\n                <Styled.IconAnimation up={panelExpanded}>\n                  {isValidElement(icon) ? icon : typeof icon === 'function' ? icon(iconProps) : <Icon {...iconProps} />}\n                </Styled.IconAnimation>\n              </Styled.Header>\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          {loading ? (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              <Skeleton as='span' borderRadius={4} width='100%' marginBottom='0.4em'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n              <Skeleton as='span' borderRadius={4} width='70%'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n            </Styled.Details>\n          ) : isValidElement(panel) ? (\n            panel\n          ) : (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              {children}\n            </Styled.Details>\n          )}\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { AccordionItem }\n"],"names":["AccordionItem","withMergedProps","forwardRef","props","ref","size","defaultExpanded","headingAs","borderRadius","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","id","header","addon","content","title","subtitle","icon","panel","children","loading","disabled","expanded","embedded","onExpandedChange","restProps","useAccordionPanelProps","sizeProps","iconProps","preset","_jsx","ChevronDown","sizes","SIZES_ICON","titleProps","as","appearance","wordBreak","color","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","panelExpanded","setPanelExpanded","useAccordionPanel","panelVisible","setPanelVisible","useState","controlId","useMemo","nanoid","panelId","useLayoutEffect","_jsxs","Styled","jsx","onClick","type","Boolean","undefined","evt","stopPropagation","SIZES_HEADER_EMBEDDED","SIZES_HEADER","Skeleton","width","Text","isValidElement","jsxs","_Fragment","up","Icon","role","hidden","onTransitionEnd","propertyName","SIZES_DETAILS_EMBEDDED","SIZES_DETAILS","marginBottom","displayName","SIZES"],"mappings":"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"}

package/components/AccordionItem/AccordionItem.mjs

@@ -1,2 +1,2 @@
-import{forwardRef,useState,useMemo,useLayoutEffect,isValidElement}from'react';import{nanoid}from'nanoid';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useAccordionPanel}from'./useAccordionPanel.mjs';import{useAccordionPanelProps}from'./useAccordionPanelProps.mjs';import{SIZES,SIZES_HEADER_EMBEDDED,SIZES_HEADER,SIZES_DETAILS_EMBEDDED,SIZES_DETAILS,SIZES_ICON,SIZES_TITLE,SIZES_SUBTITLE}from'./sizes.mjs';import{Root,Heading,Button,Header,Content,IconAnimation,Panel,Details}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';const AccordionItem=withMergedProps(forwardRef(((e,o)=>{const{size:n="m",defaultExpanded:i=!1,headingAs:s="h3",borderRadius:t=0,sizeXXS:r,sizeXS:d,sizeS:a,sizeM:l,sizeL:c,sizeXL:E,id:p,header:S,addon:m,content:x,title:u,subtitle:I,icon:f,panel:h,children:D,loading:j,disabled:A,expanded:_,embedded:b,onExpandedChange:z,...T}=useAccordionPanelProps(e);const P={size:n,sizeXXS:r,sizeXS:d,sizeS:a,sizeM:l,sizeL:c,sizeXL:E};const Z={...P,preset:'brand',name:'chevronDown',sizes:SIZES_ICON};const g={...P,as:'span',appearance:'subheading-compact',wordBreak:'break-word',color:'inherit',sizes:SIZES_TITLE};const y={...P,as:'span',appearance:'body',wordBreak:'break-word',color:'inherit',sizes:SIZES_SUBTITLE};const{panelExpanded:L,setPanelExpanded:R}=useAccordionPanel({id:p,expanded:_,defaultExpanded:i,onExpandedChange:z});const[B,M]=useState(L);const k=useMemo((()=>nanoid()),[]);const w=useMemo((()=>nanoid()),[]);return useLayoutEffect((()=>{L&&M(!0)}),[L]),jsxs(Root,{...T,...P,id:p,disabled:A,loading:j,expanded:L,borderRadius:t,"data-accordion-item":!0,ref:o,children:[jsx(Heading,{as:s,onClick:()=>{A||R(!L)},children:jsx(Button,{id:k,type:"button","data-accordion-control":!0,"aria-controls":w,"aria-expanded":B,"aria-disabled":Boolean(B&&(A||_!==void 0&&!z)),disabled:A,onClick:e=>{e.stopPropagation(),R(!L)},children:j?jsx(Header,{...P,sizes:b?SIZES_HEADER_EMBEDDED:SIZES_HEADER,children:jsx(Content,{children:jsx(Skeleton,{as:"span",borderRadius:4,width:"90%","data-accordion-skeleton":!0,children:jsx(Text,{...g})})})}):isValidElement(S)?S:typeof S=='function'?S({titleProps:g,subtitleProps:y,iconProps:Z}):jsxs(Header,{...P,sizes:b?SIZES_HEADER_EMBEDDED:SIZES_HEADER,children:[m,jsx(Content,{children:isValidElement(x)?x:typeof x=='function'?x({titleProps:g,subtitleProps:y}):jsxs(Fragment,{children:[isValidElement(u)?u:typeof u=='function'?u(g):typeof u=='string'||typeof u=='number'?jsx(Text,{...g,children:u}):null,isValidElement(I)?I:typeof I=='function'?I(y):typeof I=='string'||typeof I=='number'?jsx(Text,{...y,children:I}):null]})}),jsx(IconAnimation,{up:L,children:isValidElement(f)?f:typeof f=='function'?f(Z):jsx(Icon,{...Z})})]})})}),jsx(Panel,{id:w,role:"region","aria-labelledby":k,hidden:!B,onTransitionEnd:e=>{e.propertyName!=='opacity'||L||M(!1)},children:j?jsxs(Details,{...P,sizes:b?SIZES_DETAILS_EMBEDDED:SIZES_DETAILS,children:[jsx(Skeleton,{as:"span",borderRadius:4,width:"100%",marginBottom:"0.4em",children:jsx(Text,{...y})}),jsx(Skeleton,{as:"span",borderRadius:4,width:"70%",children:jsx(Text,{...y})})]}):isValidElement(h)?h:jsx(Details,{...P,sizes:b?SIZES_DETAILS_EMBEDDED:SIZES_DETAILS,children:D})})]})})),{displayName:'AccordionItem',sizes:SIZES});export{AccordionItem};
+import{forwardRef,useState,useMemo,useLayoutEffect,isValidElement}from'react';import{nanoid}from'nanoid';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{useAccordionPanel}from'./useAccordionPanel.mjs';import{useAccordionPanelProps}from'./useAccordionPanelProps.mjs';import{SIZES,SIZES_HEADER_EMBEDDED,SIZES_HEADER,SIZES_DETAILS_EMBEDDED,SIZES_DETAILS,SIZES_ICON,SIZES_TITLE,SIZES_SUBTITLE}from'./sizes.mjs';import{Root,Heading,Button,Header,Content,IconAnimation,Panel,Details}from'./style.mjs';import{jsxs,jsx,Fragment}from'react/jsx-runtime';import{Skeleton}from'../Skeleton/Skeleton.mjs';import{Text}from'../Text/Text.mjs';import{Icon}from'../Icon/Icon.mjs';import{ChevronDown}from'../../icon-pack/src/icons/ChevronDown/index.mjs';const AccordionItem=withMergedProps(forwardRef(((e,o)=>{const{size:n="m",defaultExpanded:i=!1,headingAs:s="h3",borderRadius:t=0,sizeXXS:r,sizeXS:d,sizeS:a,sizeM:c,sizeL:l,sizeXL:E,id:p,header:m,addon:S,content:x,title:u,subtitle:I,icon:f,panel:h,children:D,loading:j,disabled:A,expanded:_,embedded:b,onExpandedChange:z,...T}=useAccordionPanelProps(e);const P={size:n,sizeXXS:r,sizeXS:d,sizeS:a,sizeM:c,sizeL:l,sizeXL:E};const Z={...P,preset:'brand',icon:jsx(ChevronDown,{}),sizes:SIZES_ICON};const g={...P,as:'span',appearance:'subheading-compact',wordBreak:'break-word',color:'inherit',sizes:SIZES_TITLE};const y={...P,as:'span',appearance:'body',wordBreak:'break-word',color:'inherit',sizes:SIZES_SUBTITLE};const{panelExpanded:L,setPanelExpanded:w}=useAccordionPanel({id:p,expanded:_,defaultExpanded:i,onExpandedChange:z});const[R,k]=useState(L);const B=useMemo((()=>nanoid()),[]);const M=useMemo((()=>nanoid()),[]);return useLayoutEffect((()=>{L&&k(!0)}),[L]),jsxs(Root,{...T,...P,id:p,disabled:A,loading:j,expanded:L,borderRadius:t,"data-accordion-item":!0,ref:o,children:[jsx(Heading,{as:s,onClick:()=>{A||w(!L)},children:jsx(Button,{id:B,type:"button","data-accordion-control":!0,"aria-controls":M,"aria-expanded":R,"aria-disabled":Boolean(R&&(A||_!==void 0&&!z)),disabled:A,onClick:e=>{e.stopPropagation(),w(!L)},children:j?jsx(Header,{...P,sizes:b?SIZES_HEADER_EMBEDDED:SIZES_HEADER,children:jsx(Content,{children:jsx(Skeleton,{as:"span",borderRadius:4,width:"90%","data-accordion-skeleton":!0,children:jsx(Text,{...g})})})}):isValidElement(m)?m:typeof m=='function'?m({titleProps:g,subtitleProps:y,iconProps:Z}):jsxs(Header,{...P,sizes:b?SIZES_HEADER_EMBEDDED:SIZES_HEADER,children:[S,jsx(Content,{children:isValidElement(x)?x:typeof x=='function'?x({titleProps:g,subtitleProps:y}):jsxs(Fragment,{children:[isValidElement(u)?u:typeof u=='function'?u(g):typeof u=='string'||typeof u=='number'?jsx(Text,{...g,children:u}):null,isValidElement(I)?I:typeof I=='function'?I(y):typeof I=='string'||typeof I=='number'?jsx(Text,{...y,children:I}):null]})}),jsx(IconAnimation,{up:L,children:isValidElement(f)?f:typeof f=='function'?f(Z):jsx(Icon,{...Z})})]})})}),jsx(Panel,{id:M,role:"region","aria-labelledby":B,hidden:!R,onTransitionEnd:e=>{e.propertyName!=='opacity'||L||k(!1)},children:j?jsxs(Details,{...P,sizes:b?SIZES_DETAILS_EMBEDDED:SIZES_DETAILS,children:[jsx(Skeleton,{as:"span",borderRadius:4,width:"100%",marginBottom:"0.4em",children:jsx(Text,{...y})}),jsx(Skeleton,{as:"span",borderRadius:4,width:"70%",children:jsx(Text,{...y})})]}):isValidElement(h)?h:jsx(Details,{...P,sizes:b?SIZES_DETAILS_EMBEDDED:SIZES_DETAILS,children:D})})]})})),{displayName:'AccordionItem',sizes:SIZES});export{AccordionItem};
 //# sourceMappingURL=AccordionItem.mjs.map

package/components/AccordionItem/AccordionItem.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AccordionItem.mjs","sources":["../../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, useLayoutEffect, useMemo } from 'react'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useAccordionPanel } from './useAccordionPanel'\nimport { useAccordionPanelProps } from './useAccordionPanelProps'\nimport {\n  SIZES,\n  SIZES_HEADER,\n  SIZES_HEADER_EMBEDDED,\n  SIZES_DETAILS,\n  SIZES_DETAILS_EMBEDDED,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_ICON,\n} from './sizes'\nimport type { AccordionItemProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'AccordionItem'\n\n/**\n *\n * Компонент для создания сворачиваемой секции контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<section\\> элемента.\n *\n * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).\n *\n * @visibleName Accordion.Item\n */\nconst AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps> = withMergedProps<\n  AccordionItemProps,\n  HTMLElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      defaultExpanded = false,\n      headingAs = 'h3',\n      borderRadius = 0,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      id,\n      header,\n      addon,\n      content,\n      title,\n      subtitle,\n      icon,\n      panel,\n      children,\n      loading,\n      disabled,\n      expanded,\n      embedded,\n      onExpandedChange,\n      ...restProps\n    } = useAccordionPanelProps(props)\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      name: 'chevronDown',\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading-compact',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const { panelExpanded, setPanelExpanded } = useAccordionPanel({\n      id,\n      expanded,\n      defaultExpanded,\n      onExpandedChange,\n    })\n\n    const [panelVisible, setPanelVisible] = useState<boolean>(panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        id={id}\n        disabled={disabled}\n        loading={loading}\n        expanded={panelExpanded}\n        borderRadius={borderRadius}\n        data-accordion-item\n        ref={ref}\n      >\n        <Styled.Heading\n          as={headingAs}\n          onClick={() => {\n            if (!disabled) {\n              setPanelExpanded(!panelExpanded)\n            }\n          }}\n        >\n          <Styled.Button\n            id={controlId}\n            type='button'\n            data-accordion-control\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={Boolean(panelVisible && (disabled || (expanded !== undefined && !onExpandedChange)))}\n            disabled={disabled}\n            onClick={(evt) => {\n              evt.stopPropagation()\n              setPanelExpanded(!panelExpanded)\n            }}\n          >\n            {loading ? (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                <Styled.Content>\n                  <Skeleton as='span' borderRadius={4} width='90%' data-accordion-skeleton>\n                    <Text {...titleProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </Styled.Header>\n            ) : isValidElement(header) ? (\n              header\n            ) : typeof header === 'function' ? (\n              header({\n                titleProps,\n                subtitleProps,\n                iconProps,\n              })\n            ) : (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                {addon}\n                <Styled.Content>\n                  {isValidElement(content) ? (\n                    content\n                  ) : typeof content === 'function' ? (\n                    content({\n                      titleProps,\n                      subtitleProps,\n                    })\n                  ) : (\n                    <>\n                      {isValidElement(title) ? (\n                        title\n                      ) : typeof title === 'function' ? (\n                        title(titleProps)\n                      ) : typeof title === 'string' || typeof title === 'number' ? (\n                        <Text {...titleProps}>{title}</Text>\n                      ) : null}\n                      {isValidElement(subtitle) ? (\n                        subtitle\n                      ) : typeof subtitle === 'function' ? (\n                        subtitle(subtitleProps)\n                      ) : typeof subtitle === 'string' || typeof subtitle === 'number' ? (\n                        <Text {...subtitleProps}>{subtitle}</Text>\n                      ) : null}\n                    </>\n                  )}\n                </Styled.Content>\n                <Styled.IconAnimation up={panelExpanded}>\n                  {isValidElement(icon) ? icon : typeof icon === 'function' ? icon(iconProps) : <Icon {...iconProps} />}\n                </Styled.IconAnimation>\n              </Styled.Header>\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          {loading ? (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              <Skeleton as='span' borderRadius={4} width='100%' marginBottom='0.4em'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n              <Skeleton as='span' borderRadius={4} width='70%'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n            </Styled.Details>\n          ) : isValidElement(panel) ? (\n            panel\n          ) : (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              {children}\n            </Styled.Details>\n          )}\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { AccordionItem }\n"],"names":["AccordionItem","withMergedProps","forwardRef","props","ref","size","defaultExpanded","headingAs","borderRadius","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","id","header","addon","content","title","subtitle","icon","panel","children","loading","disabled","expanded","embedded","onExpandedChange","restProps","useAccordionPanelProps","sizeProps","iconProps","preset","name","sizes","SIZES_ICON","titleProps","as","appearance","wordBreak","color","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","panelExpanded","setPanelExpanded","useAccordionPanel","panelVisible","setPanelVisible","useState","controlId","useMemo","nanoid","panelId","useLayoutEffect","_jsxs","Styled","_jsx","onClick","type","Boolean","undefined","evt","stopPropagation","SIZES_HEADER_EMBEDDED","SIZES_HEADER","Skeleton","width","Text","isValidElement","_Fragment","up","Icon","role","hidden","onTransitionEnd","propertyName","SIZES_DETAILS_EMBEDDED","SIZES_DETAILS","marginBottom","displayName","SIZES"],"mappings":"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"}
+{"version":3,"file":"AccordionItem.mjs","sources":["../../../../src/components/AccordionItem/AccordionItem.tsx"],"sourcesContent":["import { forwardRef, useState, isValidElement, useLayoutEffect, useMemo } from 'react'\nimport { ChevronDown } from '@foxford/icon-pack'\nimport { nanoid } from 'nanoid'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport { Icon } from 'components/Icon'\nimport { Skeleton } from 'components/Skeleton'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { useAccordionPanel } from './useAccordionPanel'\nimport { useAccordionPanelProps } from './useAccordionPanelProps'\nimport {\n  SIZES,\n  SIZES_HEADER,\n  SIZES_HEADER_EMBEDDED,\n  SIZES_DETAILS,\n  SIZES_DETAILS_EMBEDDED,\n  SIZES_TITLE,\n  SIZES_SUBTITLE,\n  SIZES_ICON,\n} from './sizes'\nimport type { AccordionItemProps } from './types'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'AccordionItem'\n\n/**\n *\n * Компонент для создания сворачиваемой секции контента.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<section\\> элемента.\n *\n * Дизайн соответствует [рекомендациям WAI-ARIA](https://www.w3.org/WAI/ARIA/apg/patterns/accordion/).\n *\n * @visibleName Accordion.Item\n */\nconst AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps> = withMergedProps<\n  AccordionItemProps,\n  HTMLElement\n>(\n  forwardRef((props, ref) => {\n    const {\n      size = 'm',\n      defaultExpanded = false,\n      headingAs = 'h3',\n      borderRadius = 0,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n      id,\n      header,\n      addon,\n      content,\n      title,\n      subtitle,\n      icon,\n      panel,\n      children,\n      loading,\n      disabled,\n      expanded,\n      embedded,\n      onExpandedChange,\n      ...restProps\n    } = useAccordionPanelProps(props)\n\n    const sizeProps = {\n      size,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\n    }\n\n    const iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      icon: <ChevronDown />,\n      sizes: SIZES_ICON,\n    }\n\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading-compact',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_TITLE,\n    }\n\n    const subtitleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'body',\n      wordBreak: 'break-word',\n      color: 'inherit',\n      sizes: SIZES_SUBTITLE,\n    }\n\n    const { panelExpanded, setPanelExpanded } = useAccordionPanel({\n      id,\n      expanded,\n      defaultExpanded,\n      onExpandedChange,\n    })\n\n    const [panelVisible, setPanelVisible] = useState<boolean>(panelExpanded)\n\n    const controlId = useMemo(() => nanoid(), [])\n    const panelId = useMemo(() => nanoid(), [])\n\n    useLayoutEffect(() => {\n      if (panelExpanded) setPanelVisible(true)\n    }, [panelExpanded])\n\n    return (\n      <Styled.Root\n        {...restProps}\n        {...sizeProps}\n        id={id}\n        disabled={disabled}\n        loading={loading}\n        expanded={panelExpanded}\n        borderRadius={borderRadius}\n        data-accordion-item\n        ref={ref}\n      >\n        <Styled.Heading\n          as={headingAs}\n          onClick={() => {\n            if (!disabled) {\n              setPanelExpanded(!panelExpanded)\n            }\n          }}\n        >\n          <Styled.Button\n            id={controlId}\n            type='button'\n            data-accordion-control\n            aria-controls={panelId}\n            aria-expanded={panelVisible}\n            aria-disabled={Boolean(panelVisible && (disabled || (expanded !== undefined && !onExpandedChange)))}\n            disabled={disabled}\n            onClick={(evt) => {\n              evt.stopPropagation()\n              setPanelExpanded(!panelExpanded)\n            }}\n          >\n            {loading ? (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                <Styled.Content>\n                  <Skeleton as='span' borderRadius={4} width='90%' data-accordion-skeleton>\n                    <Text {...titleProps} />\n                  </Skeleton>\n                </Styled.Content>\n              </Styled.Header>\n            ) : isValidElement(header) ? (\n              header\n            ) : typeof header === 'function' ? (\n              header({\n                titleProps,\n                subtitleProps,\n                iconProps,\n              })\n            ) : (\n              <Styled.Header {...sizeProps} sizes={embedded ? SIZES_HEADER_EMBEDDED : SIZES_HEADER}>\n                {addon}\n                <Styled.Content>\n                  {isValidElement(content) ? (\n                    content\n                  ) : typeof content === 'function' ? (\n                    content({\n                      titleProps,\n                      subtitleProps,\n                    })\n                  ) : (\n                    <>\n                      {isValidElement(title) ? (\n                        title\n                      ) : typeof title === 'function' ? (\n                        title(titleProps)\n                      ) : typeof title === 'string' || typeof title === 'number' ? (\n                        <Text {...titleProps}>{title}</Text>\n                      ) : null}\n                      {isValidElement(subtitle) ? (\n                        subtitle\n                      ) : typeof subtitle === 'function' ? (\n                        subtitle(subtitleProps)\n                      ) : typeof subtitle === 'string' || typeof subtitle === 'number' ? (\n                        <Text {...subtitleProps}>{subtitle}</Text>\n                      ) : null}\n                    </>\n                  )}\n                </Styled.Content>\n                <Styled.IconAnimation up={panelExpanded}>\n                  {isValidElement(icon) ? icon : typeof icon === 'function' ? icon(iconProps) : <Icon {...iconProps} />}\n                </Styled.IconAnimation>\n              </Styled.Header>\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          {loading ? (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              <Skeleton as='span' borderRadius={4} width='100%' marginBottom='0.4em'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n              <Skeleton as='span' borderRadius={4} width='70%'>\n                <Text {...subtitleProps} />\n              </Skeleton>\n            </Styled.Details>\n          ) : isValidElement(panel) ? (\n            panel\n          ) : (\n            <Styled.Details {...sizeProps} sizes={embedded ? SIZES_DETAILS_EMBEDDED : SIZES_DETAILS}>\n              {children}\n            </Styled.Details>\n          )}\n        </Styled.Panel>\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: SIZES,\n  }\n)\n\nexport { AccordionItem }\n"],"names":["AccordionItem","withMergedProps","forwardRef","props","ref","size","defaultExpanded","headingAs","borderRadius","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","id","header","addon","content","title","subtitle","icon","panel","children","loading","disabled","expanded","embedded","onExpandedChange","restProps","useAccordionPanelProps","sizeProps","iconProps","preset","_jsx","ChevronDown","sizes","SIZES_ICON","titleProps","as","appearance","wordBreak","color","SIZES_TITLE","subtitleProps","SIZES_SUBTITLE","panelExpanded","setPanelExpanded","useAccordionPanel","panelVisible","setPanelVisible","useState","controlId","useMemo","nanoid","panelId","useLayoutEffect","_jsxs","Styled","onClick","type","Boolean","undefined","evt","stopPropagation","SIZES_HEADER_EMBEDDED","SIZES_HEADER","Skeleton","width","Text","isValidElement","_Fragment","up","Icon","role","hidden","onTransitionEnd","propertyName","SIZES_DETAILS_EMBEDDED","SIZES_DETAILS","marginBottom","displayName","SIZES"],"mappings":"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"}

package/components/AddElement/AddElement.js

@@ -1,2 +1,2 @@
-'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.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 createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const AddElement=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{type:r="button",size:t="m",variant:i="default",square:n,icon:o,title:l,text:a,content:S,children:d,sizeXXS:c,sizeXS:E,sizeS:u,sizeM:z,sizeL:T,sizeXL:p,...x}=e;const I={size:t,sizeXXS:c,sizeXS:E,sizeS:u,sizeM:z,sizeL:T,sizeXL:p};const j={...I,preset:'brand',color:'inherit',name:'plusLarge',sizes:n?sizes.SIZES_ICON_SQUARE:sizes.SIZES_ICON};const _=isNil.isNil(a)?sizes.SIZES_TITLE_WITHOUT_TEXT:sizes.SIZES_TITLE;const N=isNil.isNil(a)?sizes.SIZES_TITLE_SQUARE_WITHOUT_TEXT:sizes.SIZES_TITLE_SQUARE;const R={...I,as:'span',appearance:'subheading',weight:n?700:400,color:'inherit',wordBreak:'break-word',sizes:n?N:_};const m={...I,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:n?sizes.SIZES_TEXT_SQUARE:sizes.SIZES_TEXT};return jsxRuntime.jsx(style.Root,{...x,...I,type:r,square:n,variant:i,ref:s,children:renderSlot.renderSlot({slot:d,props:{iconProps:j,titleProps:R,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.IconContainer,{...I,sizes:n?sizes.SIZES_ICON_CONTAINER_SQUARE:sizes.SIZES_ICON_CONTAINER,square:n,children:renderSlot.renderSlot({slot:o,props:j,fallback:jsxRuntime.jsx(Icon.Icon,{...j})})}),jsxRuntime.jsx(style.Content,{...I,sizes:n?sizes.SIZES_CONTENT_SQUARE:sizes.SIZES_CONTENT,square:n,children:renderSlot.renderSlot({slot:S,props:{titleProps:R,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderSlot.renderSlot({slot:l,props:R,fallback:createText(l,R)}),isNil.isNil(a)?null:jsxRuntime.jsx(style.TextContainer,{children:renderSlot.renderSlot({slot:a,props:m,fallback:createText(a,m)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.AddElement=AddElement,exports.COMPONENT_NAME="AddElement";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var renderSlot=require('../../shared/utils/renderSlot.js');var isNil=require('../../shared/utils/isNil.js');var sizes=require('./sizes.js');var style=require('./style.js');var jsxRuntime=require('react/jsx-runtime');var Icon=require('../Icon/Icon.js');var Text=require('../Text/Text.js');var index=require('../../icon-pack/src/icons/PlusLarge/index.js');const createText=(e,s)=>typeof e=='string'||typeof e=='number'?jsxRuntime.jsx(Text.Text,{...s,children:e}):null;const AddElement=withMergedProps.withMergedProps(React.forwardRef(((e,s)=>{const{type:r="button",size:i="m",variant:t="default",square:n,icon:o,title:l,text:a,content:S,children:c,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T,...p}=e;const I={size:i,sizeXXS:d,sizeXS:u,sizeS:E,sizeM:x,sizeL:z,sizeXL:T};const j={...I,preset:'brand',color:'inherit',icon:jsxRuntime.jsx(index.PlusLarge,{}),sizes:n?sizes.SIZES_ICON_SQUARE:sizes.SIZES_ICON};const _=isNil.isNil(a)?sizes.SIZES_TITLE_WITHOUT_TEXT:sizes.SIZES_TITLE;const R=isNil.isNil(a)?sizes.SIZES_TITLE_SQUARE_WITHOUT_TEXT:sizes.SIZES_TITLE_SQUARE;const N={...I,as:'span',appearance:'subheading',weight:n?700:400,color:'inherit',wordBreak:'break-word',sizes:n?R:_};const m={...I,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:n?sizes.SIZES_TEXT_SQUARE:sizes.SIZES_TEXT};return jsxRuntime.jsx(style.Root,{...p,...I,type:r,square:n,variant:t,ref:s,children:renderSlot.renderSlot({slot:c,props:{iconProps:j,titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[jsxRuntime.jsx(style.IconContainer,{...I,sizes:n?sizes.SIZES_ICON_CONTAINER_SQUARE:sizes.SIZES_ICON_CONTAINER,square:n,children:renderSlot.renderSlot({slot:o,props:j,fallback:jsxRuntime.jsx(Icon.Icon,{...j})})}),jsxRuntime.jsx(style.Content,{...I,sizes:n?sizes.SIZES_CONTENT_SQUARE:sizes.SIZES_CONTENT,square:n,children:renderSlot.renderSlot({slot:S,props:{titleProps:N,textProps:m},fallback:jsxRuntime.jsxs(jsxRuntime.Fragment,{children:[renderSlot.renderSlot({slot:l,props:N,fallback:createText(l,N)}),isNil.isNil(a)?null:jsxRuntime.jsx(style.TextContainer,{children:renderSlot.renderSlot({slot:a,props:m,fallback:createText(a,m)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?sizes.SIZES_SQUARE:sizes.SIZES});exports.AddElement=AddElement,exports.COMPONENT_NAME="AddElement";
 //# sourceMappingURL=AddElement.js.map

package/components/AddElement/AddElement.js.map

@@ -1 +1 @@
-{"version":3,"file":"AddElement.js","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n  SIZES_SQUARE,\n  SIZES_CONTENT_SQUARE,\n  SIZES_ICON_SQUARE,\n  SIZES_ICON_CONTAINER_SQUARE,\n  SIZES_ICON_CONTAINER,\n  SIZES_ICON,\n  SIZES,\n  SIZES_TEXT_SQUARE,\n  SIZES_TEXT,\n  SIZES_TITLE_SQUARE,\n  SIZES_TITLE,\n  SIZES_CONTENT,\n  SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n  SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      square,\n      icon,\n      title,\n      text,\n      content,\n      children,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      color: 'inherit',\n      name: 'plusLarge',\n      sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n    }\n\n    const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n    const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: square ? 700 : 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? titleSquareSizes : titleSizes,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","jsx","Text","children","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","name","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"qYA4BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,WAAAC,IAACC,UAAI,IAAKH,EAAKI,SAAGL,IAAkB,KAapGM,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOK,SACPA,EAAQY,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPC,KAAM,YACNC,MAAOhB,EAASiB,MAAAA,kBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAKA,MAACjB,GAAQkB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAKA,MAACjB,GAAQqB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,MAAAA,kBAAoBC,MAAAA,YAGtC,OACE5C,WAAAA,IAAC6C,MAAAA,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIJ,SAC/F2C,WAAAA,WAAW,CACVC,KAAM5C,EACNJ,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,WAAAC,KAAAC,oBAAA,CAAAhD,SACEH,CAAAA,WAAAC,IAAC4C,oBAAoB,IACfvB,EACJK,MAAOhB,EAASyC,MAAAA,4BAA8BC,MAAqBA,qBACnE1C,OAAQA,EAAOR,SAEd2C,WAAAA,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,WAAAC,IAACqD,UAAI,IAAK/B,QAIxBvB,WAAAC,IAAC4C,cAAc,IAAKvB,EAAWK,MAAOhB,EAAS4C,MAAAA,qBAAuBC,MAAcA,cAAC7C,OAAQA,EAAOR,SACjG2C,WAAAA,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,WAAAC,KAAAC,oBAAA,CAAAhD,SAAA,CACG2C,WAAAA,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAKA,MAACjB,GAQJ,KAPFd,WAAAA,IAAC6C,MAAAA,cAAoB,CAAA1C,SAClB2C,WAAAA,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEe,YA5HmB,aA6HnB9B,MAAQ5B,GAAWA,EAAMY,OAAS+C,MAAYA,aAAGC,MAAAA,6DA7H9B"}
+{"version":3,"file":"AddElement.js","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n  SIZES_SQUARE,\n  SIZES_CONTENT_SQUARE,\n  SIZES_ICON_SQUARE,\n  SIZES_ICON_CONTAINER_SQUARE,\n  SIZES_ICON_CONTAINER,\n  SIZES_ICON,\n  SIZES,\n  SIZES_TEXT_SQUARE,\n  SIZES_TEXT,\n  SIZES_TITLE_SQUARE,\n  SIZES_TITLE,\n  SIZES_CONTENT,\n  SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n  SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      square,\n      icon,\n      title,\n      text,\n      content,\n      children,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      color: 'inherit',\n      icon: <PlusLarge />,\n      sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n    }\n\n    const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n    const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: square ? 700 : 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? titleSquareSizes : titleSizes,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","jsx","Text","children","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"ucA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,WAAAC,IAACC,UAAI,IAAKH,EAAKI,SAAGL,IAAkB,KAapGM,MAAAA,WAA+DC,gBAAAA,gBAInEC,MAAAA,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOK,SACPA,EAAQY,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMZ,WAAAA,IAAC0B,MAASA,cAChBC,MAAOhB,EAASiB,MAAAA,kBAAoBC,MAAAA,YAGtC,MAAMC,EAAaC,MAAKA,MAACjB,GAAQkB,MAAAA,yBAA2BC,MAAAA,YAC5D,MAAMC,EAAmBH,MAAKA,MAACjB,GAAQqB,MAAAA,gCAAkCC,MAAAA,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,MAAAA,kBAAoBC,MAAAA,YAGtC,OACE5C,WAAAA,IAAC6C,MAAAA,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIJ,SAC/F2C,WAAAA,WAAW,CACVC,KAAM5C,EACNJ,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,WAAAC,KAAAC,oBAAA,CAAAhD,SACEH,CAAAA,WAAAC,IAAC4C,oBAAoB,IACfvB,EACJK,MAAOhB,EAASyC,MAAAA,4BAA8BC,MAAqBA,qBACnE1C,OAAQA,EAAOR,SAEd2C,WAAAA,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,WAAAC,IAACqD,UAAI,IAAK/B,QAIxBvB,WAAAC,IAAC4C,cAAc,IAAKvB,EAAWK,MAAOhB,EAAS4C,MAAAA,qBAAuBC,MAAcA,cAAC7C,OAAQA,EAAOR,SACjG2C,WAAAA,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,WAAAC,KAAAC,oBAAA,CAAAhD,SAAA,CACG2C,WAAAA,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAKA,MAACjB,GAQJ,KAPFd,WAAAA,IAAC6C,MAAAA,cAAoB,CAAA1C,SAClB2C,WAAAA,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEe,YA5HmB,aA6HnB9B,MAAQ5B,GAAWA,EAAMY,OAAS+C,MAAYA,aAAGC,MAAAA,6DA7H9B"}

package/components/AddElement/AddElement.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_CONTAINER,SIZES_CONTENT_SQUARE,SIZES_CONTENT,SIZES_ICON_SQUARE,SIZES_ICON,SIZES_TEXT_SQUARE,SIZES_TEXT,SIZES_TITLE_WITHOUT_TEXT,SIZES_TITLE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_SQUARE}from'./sizes.mjs';import{Root,IconContainer,Content,TextContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';const createText=(e,r)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...r,children:e}):null;const COMPONENT_NAME='AddElement';const AddElement=withMergedProps(forwardRef(((e,r)=>{const{type:s="button",size:t="m",variant:o="default",square:S,icon:i,title:n,text:E,content:T,children:I,sizeXXS:a,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d,...m}=e;const N={size:t,sizeXXS:a,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d};const Z={...N,preset:'brand',color:'inherit',name:'plusLarge',sizes:S?SIZES_ICON_SQUARE:SIZES_ICON};const x=isNil(E)?SIZES_TITLE_WITHOUT_TEXT:SIZES_TITLE;const A=isNil(E)?SIZES_TITLE_SQUARE_WITHOUT_TEXT:SIZES_TITLE_SQUARE;const C={...N,as:'span',appearance:'subheading',weight:S?700:400,color:'inherit',wordBreak:'break-word',sizes:S?A:x};const O={...N,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:S?SIZES_TEXT_SQUARE:SIZES_TEXT};return jsx(Root,{...m,...N,type:s,square:S,variant:o,ref:r,children:renderSlot({slot:I,props:{iconProps:Z,titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[jsx(IconContainer,{...N,sizes:S?SIZES_ICON_CONTAINER_SQUARE:SIZES_ICON_CONTAINER,square:S,children:renderSlot({slot:i,props:Z,fallback:jsx(Icon,{...Z})})}),jsx(Content,{...N,sizes:S?SIZES_CONTENT_SQUARE:SIZES_CONTENT,square:S,children:renderSlot({slot:T,props:{titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[renderSlot({slot:n,props:C,fallback:createText(n,C)}),isNil(E)?null:jsx(TextContainer,{children:renderSlot({slot:E,props:O,fallback:createText(E,O)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?SIZES_SQUARE:SIZES});export{AddElement,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{renderSlot}from'../../shared/utils/renderSlot.mjs';import{isNil}from'../../shared/utils/isNil.mjs';import{SIZES_SQUARE,SIZES,SIZES_ICON_CONTAINER_SQUARE,SIZES_ICON_CONTAINER,SIZES_CONTENT_SQUARE,SIZES_CONTENT,SIZES_ICON_SQUARE,SIZES_ICON,SIZES_TEXT_SQUARE,SIZES_TEXT,SIZES_TITLE_WITHOUT_TEXT,SIZES_TITLE,SIZES_TITLE_SQUARE_WITHOUT_TEXT,SIZES_TITLE_SQUARE}from'./sizes.mjs';import{Root,IconContainer,Content,TextContainer}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{Text}from'../Text/Text.mjs';import{PlusLarge}from'../../icon-pack/src/icons/PlusLarge/index.mjs';const createText=(e,r)=>typeof e=='string'||typeof e=='number'?jsx(Text,{...r,children:e}):null;const COMPONENT_NAME='AddElement';const AddElement=withMergedProps(forwardRef(((e,r)=>{const{type:s="button",size:t="m",variant:o="default",square:S,icon:i,title:n,text:E,content:T,children:a,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d,...m}=e;const N={size:t,sizeXXS:I,sizeXS:l,sizeS:_,sizeM:c,sizeL:p,sizeXL:d};const Z={...N,preset:'brand',color:'inherit',icon:jsx(PlusLarge,{}),sizes:S?SIZES_ICON_SQUARE:SIZES_ICON};const x=isNil(E)?SIZES_TITLE_WITHOUT_TEXT:SIZES_TITLE;const A=isNil(E)?SIZES_TITLE_SQUARE_WITHOUT_TEXT:SIZES_TITLE_SQUARE;const C={...N,as:'span',appearance:'subheading',weight:S?700:400,color:'inherit',wordBreak:'break-word',sizes:S?A:x};const O={...N,as:'span',appearance:'subheading',weight:400,color:'inherit',wordBreak:'break-word',sizes:S?SIZES_TEXT_SQUARE:SIZES_TEXT};return jsx(Root,{...m,...N,type:s,square:S,variant:o,ref:r,children:renderSlot({slot:a,props:{iconProps:Z,titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[jsx(IconContainer,{...N,sizes:S?SIZES_ICON_CONTAINER_SQUARE:SIZES_ICON_CONTAINER,square:S,children:renderSlot({slot:i,props:Z,fallback:jsx(Icon,{...Z})})}),jsx(Content,{...N,sizes:S?SIZES_CONTENT_SQUARE:SIZES_CONTENT,square:S,children:renderSlot({slot:T,props:{titleProps:C,textProps:O},fallback:jsxs(Fragment,{children:[renderSlot({slot:n,props:C,fallback:createText(n,C)}),isNil(E)?null:jsx(TextContainer,{children:renderSlot({slot:E,props:O,fallback:createText(E,O)})})]})})})]})})})})),{displayName:"AddElement",sizes:e=>e.square?SIZES_SQUARE:SIZES});export{AddElement,COMPONENT_NAME};
 //# sourceMappingURL=AddElement.mjs.map

package/components/AddElement/AddElement.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"AddElement.mjs","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n  SIZES_SQUARE,\n  SIZES_CONTENT_SQUARE,\n  SIZES_ICON_SQUARE,\n  SIZES_ICON_CONTAINER_SQUARE,\n  SIZES_ICON_CONTAINER,\n  SIZES_ICON,\n  SIZES,\n  SIZES_TEXT_SQUARE,\n  SIZES_TEXT,\n  SIZES_TITLE_SQUARE,\n  SIZES_TITLE,\n  SIZES_CONTENT,\n  SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n  SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      square,\n      icon,\n      title,\n      text,\n      content,\n      children,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      color: 'inherit',\n      name: 'plusLarge',\n      sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n    }\n\n    const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n    const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: square ? 700 : 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? titleSquareSizes : titleSizes,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","COMPONENT_NAME","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","name","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"+oBA4BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAGpGK,MAAAA,eAAiB,aAUjBC,MAAAA,WAA+DC,gBAInEC,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOI,SACPA,EAAQa,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPC,KAAM,YACNC,MAAOhB,EAASiB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMjB,GAAQkB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMjB,GAAQqB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,kBAAoBC,YAGtC,OACE5C,IAAC6C,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIL,SAC/F4C,WAAW,CACVC,KAAM7C,EACNH,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,KAAAC,SAAA,CAAAhD,SACEF,CAAAA,IAAC6C,cAAoB,IACfvB,EACJK,MAAOhB,EAASwC,4BAA8BC,qBAC9CzC,OAAQA,EAAOT,SAEd4C,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,IAACqD,KAAI,IAAK9B,QAIxBvB,IAAC6C,QAAc,IAAKvB,EAAWK,MAAOhB,EAAS2C,qBAAuBC,cAAe5C,OAAQA,EAAOT,SACjG4C,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,KAAAC,SAAA,CAAAhD,SAAA,CACG4C,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAMjB,GAQJ,KAPFd,IAAC6C,cAAoB,CAAA3C,SAClB4C,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEc,YA5HmB,aA6HnB7B,MAAQ5B,GAAWA,EAAMY,OAAS8C,aAAeC"}
+{"version":3,"file":"AddElement.mjs","sources":["../../../../src/components/AddElement/AddElement.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { PlusLarge } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport type { TextProps } from 'components/Text'\nimport { Text } from 'components/Text'\nimport { renderSlot } from 'shared/utils/renderSlot'\nimport { isNil } from 'shared/utils/isNil'\nimport {\n  SIZES_SQUARE,\n  SIZES_CONTENT_SQUARE,\n  SIZES_ICON_SQUARE,\n  SIZES_ICON_CONTAINER_SQUARE,\n  SIZES_ICON_CONTAINER,\n  SIZES_ICON,\n  SIZES,\n  SIZES_TEXT_SQUARE,\n  SIZES_TEXT,\n  SIZES_TITLE_SQUARE,\n  SIZES_TITLE,\n  SIZES_CONTENT,\n  SIZES_TITLE_SQUARE_WITHOUT_TEXT,\n  SIZES_TITLE_WITHOUT_TEXT,\n} from './sizes'\nimport type { AddElementProps } from './types'\nimport * as Styled from './style'\n\nconst createText = (content: unknown, props: TextProps) => {\n  return typeof content === 'string' || typeof content === 'number' ? <Text {...props}>{content}</Text> : null\n}\n\nconst COMPONENT_NAME = 'AddElement'\n\n/**\n *\n * *v1.0.0*\n *\n * Контрол для добавления новых сущностей.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst AddElement: React.ForwardRefExoticComponent<AddElementProps> = withMergedProps<\n  AddElementProps,\n  HTMLButtonElement\n>(\n  forwardRef<HTMLButtonElement, MergedProps<AddElementProps>>((props, ref) => {\n    const {\n      type = 'button',\n      size = 'm',\n      variant = 'default',\n      square,\n      icon,\n      title,\n      text,\n      content,\n      children,\n      sizeXXS,\n      sizeXS,\n      sizeS,\n      sizeM,\n      sizeL,\n      sizeXL,\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 iconProps: IconProps = {\n      ...sizeProps,\n      preset: 'brand',\n      color: 'inherit',\n      icon: <PlusLarge />,\n      sizes: square ? SIZES_ICON_SQUARE : SIZES_ICON,\n    }\n\n    const titleSizes = isNil(text) ? SIZES_TITLE_WITHOUT_TEXT : SIZES_TITLE\n    const titleSquareSizes = isNil(text) ? SIZES_TITLE_SQUARE_WITHOUT_TEXT : SIZES_TITLE_SQUARE\n    const titleProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: square ? 700 : 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? titleSquareSizes : titleSizes,\n    }\n\n    const textProps: TextProps = {\n      ...sizeProps,\n      as: 'span',\n      appearance: 'subheading',\n      weight: 400,\n      color: 'inherit',\n      wordBreak: 'break-word',\n      sizes: square ? SIZES_TEXT_SQUARE : SIZES_TEXT,\n    }\n\n    return (\n      <Styled.Root {...restProps} {...sizeProps} type={type} square={square} variant={variant} ref={ref}>\n        {renderSlot({\n          slot: children,\n          props: { iconProps, titleProps, textProps },\n          fallback: (\n            <>\n              <Styled.IconContainer\n                {...sizeProps}\n                sizes={square ? SIZES_ICON_CONTAINER_SQUARE : SIZES_ICON_CONTAINER}\n                square={square}\n              >\n                {renderSlot({\n                  slot: icon,\n                  props: iconProps,\n                  fallback: <Icon {...iconProps} />,\n                })}\n              </Styled.IconContainer>\n\n              <Styled.Content {...sizeProps} sizes={square ? SIZES_CONTENT_SQUARE : SIZES_CONTENT} square={square}>\n                {renderSlot({\n                  slot: content,\n                  props: { titleProps, textProps },\n                  fallback: (\n                    <>\n                      {renderSlot({\n                        slot: title,\n                        props: titleProps,\n                        fallback: createText(title, titleProps),\n                      })}\n                      {!isNil(text) ? (\n                        <Styled.TextContainer>\n                          {renderSlot({\n                            slot: text,\n                            props: textProps,\n                            fallback: createText(text, textProps),\n                          })}\n                        </Styled.TextContainer>\n                      ) : null}\n                    </>\n                  ),\n                })}\n              </Styled.Content>\n            </>\n          ),\n        })}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.square ? SIZES_SQUARE : SIZES),\n  }\n)\n\nexport { AddElement, COMPONENT_NAME }\n\nexport type { AddElementProps }\n"],"names":["createText","content","props","_jsx","Text","children","COMPONENT_NAME","AddElement","withMergedProps","forwardRef","ref","type","size","variant","square","icon","title","text","sizeXXS","sizeXS","sizeS","sizeM","sizeL","sizeXL","restProps","sizeProps","iconProps","preset","color","PlusLarge","sizes","SIZES_ICON_SQUARE","SIZES_ICON","titleSizes","isNil","SIZES_TITLE_WITHOUT_TEXT","SIZES_TITLE","titleSquareSizes","SIZES_TITLE_SQUARE_WITHOUT_TEXT","SIZES_TITLE_SQUARE","titleProps","as","appearance","weight","wordBreak","textProps","SIZES_TEXT_SQUARE","SIZES_TEXT","Styled","renderSlot","slot","fallback","_jsxs","_Fragment","SIZES_ICON_CONTAINER_SQUARE","SIZES_ICON_CONTAINER","Icon","SIZES_CONTENT_SQUARE","SIZES_CONTENT","displayName","SIZES_SQUARE","SIZES"],"mappings":"otBA6BA,MAAMA,WAAaA,CAACC,EAAkBC,WACtBD,GAAY,iBAAmBA,GAAY,SAAWE,IAACC,KAAI,IAAKF,EAAKG,SAAGJ,IAAkB,KAGpGK,MAAAA,eAAiB,aAUjBC,MAAAA,WAA+DC,gBAInEC,YAA4D,CAACP,EAAOQ,KAClE,MAAMC,KACJA,EAAO,SAAQC,KACfA,EAAO,IAAGC,QACVA,EAAU,UAASC,OACnBA,EAAMC,KACNA,EAAIC,MACJA,EAAKC,KACLA,EAAIhB,QACJA,EAAOI,SACPA,EAAQa,QACRA,EAAOC,OACPA,EAAMC,MACNA,EAAKC,MACLA,EAAKC,MACLA,EAAKC,OACLA,KACGC,GACDtB,EAEJ,MAAMuB,EAAY,CAChBb,OACAM,UACAC,SACAC,QACAC,QACAC,QACAC,UAGF,MAAMG,EAAuB,IACxBD,EACHE,OAAQ,QACRC,MAAO,UACPb,KAAMZ,IAAC0B,cACPC,MAAOhB,EAASiB,kBAAoBC,YAGtC,MAAMC,EAAaC,MAAMjB,GAAQkB,yBAA2BC,YAC5D,MAAMC,EAAmBH,MAAMjB,GAAQqB,gCAAkCC,mBACzE,MAAMC,EAAwB,IACzBf,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ7B,EAAS,IAAM,IACvBc,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASuB,EAAmBJ,GAGrC,MAAMY,EAAuB,IACxBpB,EACHgB,GAAI,OACJC,WAAY,aACZC,OAAQ,IACRf,MAAO,UACPgB,UAAW,aACXd,MAAOhB,EAASgC,kBAAoBC,YAGtC,OACE5C,IAAC6C,KAAW,IAAKxB,KAAeC,EAAWd,KAAMA,EAAMG,OAAQA,EAAQD,QAASA,EAASH,IAAKA,EAAIL,SAC/F4C,WAAW,CACVC,KAAM7C,EACNH,MAAO,CAAEwB,YAAWc,aAAYK,aAChCM,SACEC,KAAAC,SAAA,CAAAhD,SACEF,CAAAA,IAAC6C,cAAoB,IACfvB,EACJK,MAAOhB,EAASwC,4BAA8BC,qBAC9CzC,OAAQA,EAAOT,SAEd4C,WAAW,CACVC,KAAMnC,EACNb,MAAOwB,EACPyB,SAAUhD,IAACqD,KAAI,IAAK9B,QAIxBvB,IAAC6C,QAAc,IAAKvB,EAAWK,MAAOhB,EAAS2C,qBAAuBC,cAAe5C,OAAQA,EAAOT,SACjG4C,WAAW,CACVC,KAAMjD,EACNC,MAAO,CAAEsC,aAAYK,aACrBM,SACEC,KAAAC,SAAA,CAAAhD,SAAA,CACG4C,WAAW,CACVC,KAAMlC,EACNd,MAAOsC,EACPW,SAAUnD,WAAWgB,EAAOwB,KAE5BN,MAAMjB,GAQJ,KAPFd,IAAC6C,cAAoB,CAAA3C,SAClB4C,WAAW,CACVC,KAAMjC,EACNf,MAAO2C,EACPM,SAAUnD,WAAWiB,EAAM4B,oBAWnC,IAGlB,CACEc,YA5HmB,aA6HnB7B,MAAQ5B,GAAWA,EAAMY,OAAS8C,aAAeC"}

package/components/Alert/Alert.js

@@ -1,2 +1,2 @@
-'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:i={},secondaryAction:r,secondaryActionProps:l={},children:c,className:a,clear:u,customIcon:m,image:p,isCompact:x,link:j,linkProps:h={},noIcon:C,onClickCancelTimer:y,closeToast:d,onTimerFinish:k,size:R="s",style:f,textProps:g={},textWrap:A,timer:w,title:T,titleProps:I={},type:P,width:z=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(n.components?.Alert,e);const v=useClassname.useClassname("Alert",a);const[b,q]=React.useState(!1);const W=Boolean(R==='l'||!!T||x&&(T||j||s||r));return jsxRuntime.jsxs(style.Root,{className:v,clear:u,column:W,isCompact:x,noIcon:C,onMouseEnter:()=>{w&&q(!0)},onMouseLeave:()=>{w&&q(!1)},ref:t,size:R,style:f,textWrap:A,type:P,width:z,withAction:!!s||!!r,withCloseIcon:!!d,withImage:!!p,withLink:!!j,withTimer:!!w,withTitle:!!T,children:[!C||m?jsxRuntime.jsxs(style.IconWrapper,{column:W,isCompact:x,withImage:!!p,children:[C||w||m||p?null:getDefaultIcon({isCompact:x,theme:n,type:P}),m?jsxRuntime.jsx(Icon.Icon,{name:m,size:x?16:24}):null,p,w?jsxRuntime.jsx(style.Timer,{isCompact:x,paused:b,timer:w,onTimerFinish:k,color:utils.countdownColor({theme:n,type:P})}):null]}):null,jsxRuntime.jsxs(style.ContentWrapper,{column:W,isCompact:x,children:[T?jsxRuntime.jsx(style.Title,{color:n.colors['content-onmain-primary'],isCompact:x,size:x?14:16,lineHeight:"m",...I,children:T}):null,jsxRuntime.jsx(style.Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:W,isCompact:x,size:x?'xs':'s',textWrap:A,...g,children:c}),j?jsxRuntime.jsx(style.Link,{clear:u,column:W,isCompact:x,withTitle:!!T,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})}):null,s||r?jsxRuntime.jsxs(style.Actions,{column:W,isCompact:x,withTitle:!!T,children:[r?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:r.onClick,outline:!0,preset:"brand",size:x?'xs':'s',margin:4,...l,children:r.content}):null,s?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:s.onClick,preset:"brand",size:x?'xs':'s',margin:4,...i,children:s.content}):null]}):null]}),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}):null,!d||x&&w?null:jsxRuntime.jsx(style.CloseIcon,{"aria-label":"close",onClick:d,type:"button",withTimer:!!w,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";
+'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 jsxRuntime=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('../../icon-pack/src/icons/Close/index.js');var index$1=require('../../icon-pack/src/icons/WarningTriangleFill/index.js');var index$2=require('../../icon-pack/src/icons/CheckCircleFill/index.js');var index$3=require('../../icon-pack/src/icons/NotifFill/index.js');var index$4=require('../../icon-pack/src/icons/CloseCirlceFill/index.js');const getDefaultIcon=({isCompact:e,theme:n,type:i})=>{const t=e?16:24;switch(i){case'error':return jsxRuntime.jsx(index$4.CloseCirlceFill,{fill:n.colors['alert-bg-error-500'],width:t,height:t});case'info':return jsxRuntime.jsx(index$3.NotifFill,{fill:n.colors['content-brand-primary'],width:t,height:t});case'success':return jsxRuntime.jsx(index$2.CheckCircleFill,{fill:n.colors['alert-success'],width:t,height:t});case'warning':return jsxRuntime.jsx(index$1.WarningTriangleFill,{fill:n.colors['alert-warning'],width:t,height:t});default:return null}};const Alert=React.forwardRef(((e,n)=>{const i=styled.useTheme();const{cancelTimerText:t="Отменить",primaryAction:s,primaryActionProps:r={},secondaryAction:o,secondaryActionProps:l={},children:c,className:a,clear:u,customIcon:m,image:x,isCompact:h,link:p,linkProps:d={},noIcon:j,onClickCancelTimer:C,closeToast:y,onTimerFinish:g,size:k="s",style:f,textProps:R={},textWrap:w,timer:A,title:T,titleProps:v={},type:q,width:I=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority.useConfigPriority(i.components?.Alert,e);const b=useClassname.useClassname("Alert",a);const[F,W]=React.useState(!1);const z=Boolean(k==='l'||!!T||h&&(T||p||s||o));return jsxRuntime.jsxs(style.Root,{className:b,clear:u,column:z,isCompact:h,noIcon:j,onMouseEnter:()=>{A&&W(!0)},onMouseLeave:()=>{A&&W(!1)},ref:n,size:k,style:f,textWrap:w,type:q,width:I,withAction:!!s||!!o,withCloseIcon:!!y,withImage:!!x,withLink:!!p,withTimer:!!A,withTitle:!!T,children:[!j||m?jsxRuntime.jsxs(style.IconWrapper,{column:z,isCompact:h,withImage:!!x,children:[j||A||m||x?null:getDefaultIcon({isCompact:h,theme:i,type:q}),m?jsxRuntime.jsx(Icon.Icon,{name:m,size:h?16:24}):null,x,A?jsxRuntime.jsx(style.Timer,{isCompact:h,paused:F,timer:A,onTimerFinish:g,color:utils.countdownColor({theme:i,type:q})}):null]}):null,jsxRuntime.jsxs(style.ContentWrapper,{column:z,isCompact:h,children:[T?jsxRuntime.jsx(style.Title,{color:i.colors['content-onmain-primary'],isCompact:h,size:h?14:16,lineHeight:"m",...v,children:T}):null,jsxRuntime.jsx(style.Content,{appearance:"body",color:i.colors['content-onmain-primary'],column:z,isCompact:h,size:h?'xs':'s',textWrap:w,...R,children:c}),p?jsxRuntime.jsx(style.Link,{clear:u,column:z,isCompact:h,withTitle:!!T,children:jsxRuntime.jsx(Anchor.Anchor,{color:e.clear?i.colors['content-link']:i.colors['content-onmain-primary'],onClick:p.onClick,preset:"default",pseudo:!0,size:h?'s':'m',...d,children:p.content})}):null,s||o?jsxRuntime.jsxs(style.Actions,{column:z,isCompact:h,withTitle:!!T,children:[o?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:o.onClick,outline:!0,preset:"brand",size:h?'xs':'s',margin:4,...l,children:o.content}):null,s?jsxRuntime.jsx(Button.Button,{black:!0,fontWeight:"normal",onClick:s.onClick,preset:"brand",size:h?'xs':'s',margin:4,...r,children:s.content}):null]}):null]}),C?jsxRuntime.jsx(style.CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:h,onClick:C,preset:"brand",size:h?'xs':'s',margin:4,children:t}):null,!y||h&&A?null:jsxRuntime.jsx(style.CloseIcon,{"aria-label":"close",onClick:y,type:"button",withTimer:!!A,children:jsxRuntime.jsx(index.Close,{fill:i.colors['content-onmain-primary'],width:h?18:24,height:h?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    onTimerFinish,\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 }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\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        ) : null}\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              // eslint-disable-next-line react/jsx-handler-names\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        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\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            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\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      ) : null}\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      ) : null}\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","onTimerFinish","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","jsxs","jsx","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 fill={theme.colors['alert-bg-error-500']} width={size} height={size} />\n    case 'info':\n      return <NotifFill fill={theme.colors['content-brand-primary']} width={size} height={size} />\n    case 'success':\n      return <CheckCircleFill fill={theme.colors['alert-success']} width={size} height={size} />\n    case 'warning':\n      return <WarningTriangleFill fill={theme.colors['alert-warning']} width={size} height={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    onTimerFinish,\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 }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\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        ) : null}\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              // eslint-disable-next-line react/jsx-handler-names\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        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\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            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\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      ) : null}\n\n      {closeToast && (isCompact ? !timer : true) ? (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close\n            fill={theme.colors['content-onmain-primary']}\n            width={isCompact ? 18 : 24}\n            height={isCompact ? 18 : 24}\n          />\n        </Styled.CloseIcon>\n      ) : null}\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","fill","colors","width","height","NotifFill","CheckCircleFill","WarningTriangleFill","Alert","forwardRef","props","ref","useTheme","cancelTimerText","primaryAction","primaryActionProps","secondaryAction","secondaryActionProps","children","className","clear","customIcon","image","link","linkProps","noIcon","onClickCancelTimer","closeToast","onTimerFinish","style","textProps","textWrap","timer","title","titleProps","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","color","countdownColor","jsxs","jsx","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{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:n})=>{const t=o?16:24;switch(n){case'error':return jsx(CloseCirlceFill,{color:e.colors['alert-bg-error-500'],size:t});case'info':return jsx(NotifFill,{color:e.colors['content-brand-primary'],size:t});case'success':return jsx(CheckCircleFill,{color:e.colors['alert-success'],size:t});case'warning':return jsx(WarningTriangleFill,{color:e.colors['alert-warning'],size:t});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const n=useTheme();const{cancelTimerText:t="Отменить",primaryAction:r,primaryActionProps:i={},secondaryAction:l,secondaryActionProps:s={},children:c,className:a,clear:m,customIcon:p,image:u,isCompact:C,link:h,linkProps:x={},noIcon:f,onClickCancelTimer:d,closeToast:j,onTimerFinish:y,size:k="s",style:T,textProps:g={},textWrap:A,timer:w,title:I,titleProps:z={},type:W,width:b=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(n.components?.Alert,o);const N=useClassname("Alert",a);const[F,P]=useState(!1);const B=Boolean(k==='l'||!!I||C&&(I||h||r||l));return jsxs(Root,{className:N,clear:m,column:B,isCompact:C,noIcon:f,onMouseEnter:()=>{w&&P(!0)},onMouseLeave:()=>{w&&P(!1)},ref:e,size:k,style:T,textWrap:A,type:W,width:b,withAction:!!r||!!l,withCloseIcon:!!j,withImage:!!u,withLink:!!h,withTimer:!!w,withTitle:!!I,children:[!f||p?jsxs(IconWrapper,{column:B,isCompact:C,withImage:!!u,children:[f||w||p||u?null:getDefaultIcon({isCompact:C,theme:n,type:W}),p?jsx(Icon,{name:p,size:C?16:24}):null,u,w?jsx(Timer,{isCompact:C,paused:F,timer:w,onTimerFinish:y,color:countdownColor({theme:n,type:W})}):null]}):null,jsxs(ContentWrapper,{column:B,isCompact:C,children:[I?jsx(Title,{color:n.colors['content-onmain-primary'],isCompact:C,size:C?14:16,lineHeight:"m",...z,children:I}):null,jsx(Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:B,isCompact:C,size:C?'xs':'s',textWrap:A,...g,children:c}),h?jsx(Link,{clear:m,column:B,isCompact:C,withTitle:!!I,children:jsx(Anchor,{color:o.clear?n.colors['content-link']:n.colors['content-onmain-primary'],onClick:h.onClick,preset:"default",pseudo:!0,size:C?'s':'m',...x,children:h.content})}):null,r||l?jsxs(Actions,{column:B,isCompact:C,withTitle:!!I,children:[l?jsx(Button,{black:!0,fontWeight:"normal",onClick:l.onClick,outline:!0,preset:"brand",size:C?'xs':'s',margin:4,...s,children:l.content}):null,r?jsx(Button,{black:!0,fontWeight:"normal",onClick:r.onClick,preset:"brand",size:C?'xs':'s',margin:4,...i,children:r.content}):null]}):null]}),d?jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:C,onClick:d,preset:"brand",size:C?'xs':'s',margin:4,children:t}):null,!j||C&&w?null:jsx(CloseIcon,{"aria-label":"close",onClick:j,type:"button",withTimer:!!w,children:jsx(Close,{color:n.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{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}from'../../icon-pack/src/icons/Close/index.mjs';import{WarningTriangleFill}from'../../icon-pack/src/icons/WarningTriangleFill/index.mjs';import{CheckCircleFill}from'../../icon-pack/src/icons/CheckCircleFill/index.mjs';import{NotifFill}from'../../icon-pack/src/icons/NotifFill/index.mjs';import{CloseCirlceFill}from'../../icon-pack/src/icons/CloseCirlceFill/index.mjs';const getDefaultIcon=({isCompact:o,theme:e,type:n})=>{const i=o?16:24;switch(n){case'error':return jsx(CloseCirlceFill,{fill:e.colors['alert-bg-error-500'],width:i,height:i});case'info':return jsx(NotifFill,{fill:e.colors['content-brand-primary'],width:i,height:i});case'success':return jsx(CheckCircleFill,{fill:e.colors['alert-success'],width:i,height:i});case'warning':return jsx(WarningTriangleFill,{fill:e.colors['alert-warning'],width:i,height:i});default:return null}};const COMPONENT_NAME='Alert';const Alert=forwardRef(((o,e)=>{const n=useTheme();const{cancelTimerText:i="Отменить",primaryAction:t,primaryActionProps:r={},secondaryAction:l,secondaryActionProps:s={},children:c,className:a,clear:m,customIcon:p,image:h,isCompact:u,link:C,linkProps:d={},noIcon:f,onClickCancelTimer:x,closeToast:j,onTimerFinish:g,size:k="s",style:w,textProps:y={},textWrap:T,timer:A,title:I,titleProps:F={},type:W,width:N=['fit-content','fit-content','fit-content','351px','304px','304px']}=useConfigPriority(n.components?.Alert,o);const b=useClassname("Alert",a);const[z,P]=useState(!1);const B=Boolean(k==='l'||!!I||u&&(I||C||t||l));return jsxs(Root,{className:b,clear:m,column:B,isCompact:u,noIcon:f,onMouseEnter:()=>{A&&P(!0)},onMouseLeave:()=>{A&&P(!1)},ref:e,size:k,style:w,textWrap:T,type:W,width:N,withAction:!!t||!!l,withCloseIcon:!!j,withImage:!!h,withLink:!!C,withTimer:!!A,withTitle:!!I,children:[!f||p?jsxs(IconWrapper,{column:B,isCompact:u,withImage:!!h,children:[f||A||p||h?null:getDefaultIcon({isCompact:u,theme:n,type:W}),p?jsx(Icon,{name:p,size:u?16:24}):null,h,A?jsx(Timer,{isCompact:u,paused:z,timer:A,onTimerFinish:g,color:countdownColor({theme:n,type:W})}):null]}):null,jsxs(ContentWrapper,{column:B,isCompact:u,children:[I?jsx(Title,{color:n.colors['content-onmain-primary'],isCompact:u,size:u?14:16,lineHeight:"m",...F,children:I}):null,jsx(Content,{appearance:"body",color:n.colors['content-onmain-primary'],column:B,isCompact:u,size:u?'xs':'s',textWrap:T,...y,children:c}),C?jsx(Link,{clear:m,column:B,isCompact:u,withTitle:!!I,children:jsx(Anchor,{color:o.clear?n.colors['content-link']:n.colors['content-onmain-primary'],onClick:C.onClick,preset:"default",pseudo:!0,size:u?'s':'m',...d,children:C.content})}):null,t||l?jsxs(Actions,{column:B,isCompact:u,withTitle:!!I,children:[l?jsx(Button,{black:!0,fontWeight:"normal",onClick:l.onClick,outline:!0,preset:"brand",size:u?'xs':'s',margin:4,...s,children:l.content}):null,t?jsx(Button,{black:!0,fontWeight:"normal",onClick:t.onClick,preset:"brand",size:u?'xs':'s',margin:4,...r,children:t.content}):null]}):null]}),x?jsx(CancelTimer,{black:!0,clear:!0,fontWeight:"normal",isCompact:u,onClick:x,preset:"brand",size:u?'xs':'s',margin:4,children:i}):null,!j||u&&A?null:jsx(CloseIcon,{"aria-label":"close",onClick:j,type:"button",withTimer:!!A,children:jsx(Close,{fill:n.colors['content-onmain-primary'],width:u?18:24,height: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    onTimerFinish,\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 }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\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        ) : null}\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              // eslint-disable-next-line react/jsx-handler-names\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        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\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            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\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      ) : null}\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      ) : null}\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","onTimerFinish","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 fill={theme.colors['alert-bg-error-500']} width={size} height={size} />\n    case 'info':\n      return <NotifFill fill={theme.colors['content-brand-primary']} width={size} height={size} />\n    case 'success':\n      return <CheckCircleFill fill={theme.colors['alert-success']} width={size} height={size} />\n    case 'warning':\n      return <WarningTriangleFill fill={theme.colors['alert-warning']} width={size} height={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    onTimerFinish,\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 }) : null}\n          {customIcon ? <Icon name={customIcon} size={isCompact ? 16 : 24} /> : null}\n          {image}\n          {timer ? (\n            <Styled.Timer\n              isCompact={isCompact}\n              paused={timerOnPause}\n              timer={timer}\n              onTimerFinish={onTimerFinish}\n              color={countdownColor({ theme, type })}\n            />\n          ) : null}\n        </Styled.IconWrapper>\n      ) : null}\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        ) : null}\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              // eslint-disable-next-line react/jsx-handler-names\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        ) : null}\n\n        {primaryAction || secondaryAction ? (\n          <Styled.Actions column={column} isCompact={isCompact} withTitle={!!title}>\n            {secondaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\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            ) : null}\n\n            {primaryAction ? (\n              <Button\n                black\n                fontWeight='normal'\n                // eslint-disable-next-line react/jsx-handler-names\n                onClick={primaryAction.onClick}\n                preset='brand'\n                size={isCompact ? 'xs' : 's'}\n                margin={4}\n                {...primaryActionProps}\n              >\n                {primaryAction.content}\n              </Button>\n            ) : null}\n          </Styled.Actions>\n        ) : null}\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      ) : null}\n\n      {closeToast && (isCompact ? !timer : true) ? (\n        <Styled.CloseIcon aria-label='close' onClick={closeToast} type='button' withTimer={!!timer}>\n          <Close\n            fill={theme.colors['content-onmain-primary']}\n            width={isCompact ? 18 : 24}\n            height={isCompact ? 18 : 24}\n          />\n        </Styled.CloseIcon>\n      ) : null}\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","fill","colors","width","height","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","onTimerFinish","style","textProps","textWrap","timer","title","titleProps","useConfigPriority","components","_className","useClassname","timerOnPause","setTimerOnPause","useState","column","Boolean","_jsxs","Styled","onMouseEnter","handleMouseEnter","onMouseLeave","handleMouseLeave","withAction","withCloseIcon","withImage","withLink","withTimer","withTitle","Icon","name","paused","color","countdownColor","lineHeight","appearance","Anchor","onClick","preset","pseudo","content","Button","black","fontWeight","outline","margin","Close","displayName"],"mappings":"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"}

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 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";
+'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var chevronUpDefault=require('./images/chevronUpDefault.svg.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');var index=require('../../icon-pack/src/icons/ArrowUp/index.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,{icon:n.name||n.icon?void 0:jsxRuntime.jsx(a.preset==='brand'?index.ArrowUp:chevronUpDefault.default,{}),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/Arrow.js.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","jsx","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAmBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAG,IAACC,UAAI,CAACC,KAAMN,EAAUO,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCV,KAC/E,IAGlB,CACEW,YArBmB,QAsBnBC,MAAQjB,GAAWA,EAAMa,SAAW,QAAUK,UAAKA,MAAGC,iBAAAA,2DAtBnC"}
+{"version":3,"file":"Arrow.js","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","jsx","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","default","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"qbAqBMA,MAAAA,MAAqDC,gBAAAA,gBACzDC,MAAAA,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,WAAAA,IAACC,MAAAA,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,WAAAG,IAACC,UAAI,CACHC,KACGP,EAAUQ,MAASR,EAAUO,UAAoEE,EAA9BP,WAAAG,IAA/BJ,EAAUS,SAAW,QAAWC,MAAOA,QAAOC,iBAASC,QAAd,IANnDC,GAAI,OAAQC,MAAO,aAS5Cf,KAEM,IAGlB,CACEgB,YA3BmB,QA4BnBC,MAAQtB,GAAWA,EAAMe,SAAW,QAAUQ,UAAKA,MAAGC,iBAAAA,2DA5BnC"}

package/components/Arrow/Arrow.mjs

@@ -1,2 +1,2 @@
-import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:t="button",size:s="l",top:e=!0,iconProps:m={},...n}=r;return jsx(Root,{...n,type:t,size:s,top:e,ref:o,children:jsx(Icon,{name:n.preset==='brand'?'arrowUp':'chevronUp',as:'span',color:'inherit',...m})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
+import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import SvgChevronUpDefault from'./images/chevronUpDefault.svg.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';import{Icon}from'../Icon/Icon.mjs';import{ArrowUp}from'../../icon-pack/src/icons/ArrowUp/index.mjs';const COMPONENT_NAME='Arrow';const Arrow=withMergedProps(forwardRef(((r,o)=>{const{type:t="button",size:s="l",top:e=!0,iconProps:m={},...n}=r;return jsx(Root,{...n,type:t,size:s,top:e,ref:o,children:jsx(Icon,{icon:m.name||m.icon?void 0:jsx(n.preset==='brand'?ArrowUp:SvgChevronUpDefault,{}),as:'span',color:'inherit',...m})})})),{displayName:"Arrow",sizes:r=>r.preset==='brand'?SIZES:SIZES_DEFAULT});export{Arrow,COMPONENT_NAME};
 //# sourceMappingURL=Arrow.mjs.map

package/components/Arrow/Arrow.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon name={restProps.preset === 'brand' ? 'arrowUp' : 'chevronUp'} {...iconBaseProps} {...iconProps} />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","name","preset","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oRAWMA,MAAAA,eAAiB,QAQjBC,MAAAA,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CAACC,KAAML,EAAUM,SAAW,QAAU,UAAY,YAJxBC,GAAI,OAAQC,MAAO,aAIyCT,KAC/E,IAGlB,CACEU,YArBmB,QAsBnBC,MAAQhB,GAAWA,EAAMY,SAAW,QAAUK,MAAQC"}
+{"version":3,"file":"Arrow.mjs","sources":["../../../../src/components/Arrow/Arrow.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { ArrowUp } from '@foxford/icon-pack'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport type { MergedProps } from 'hocs/withMergedProps'\nimport { Icon } from 'components/Icon'\nimport type { IconProps } from 'components/Icon'\nimport ChevronUp from './images/chevronUpDefault.svg?module'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport type { ArrowProps } from './types'\n\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Arrow'\n\n/**\n *\n * Контрол многоцелевого назначения.\n *\n * Поддерживается \"ref\" и все нативные атрибуты \\<button\\> элемента.\n */\nconst Arrow: React.ForwardRefExoticComponent<ArrowProps> = withMergedProps<ArrowProps, HTMLButtonElement>(\n  forwardRef<HTMLButtonElement, MergedProps<ArrowProps>>((props, ref) => {\n    const { type = 'button', size = 'l', top = true, iconProps = {}, ...restProps } = props\n\n    const iconBaseProps: IconProps = { as: 'span', color: 'inherit' }\n\n    return (\n      <Styled.Root {...restProps} type={type} size={size} top={top} ref={ref}>\n        <Icon\n          icon={\n            !iconProps.name && !iconProps.icon ? restProps.preset === 'brand' ? <ArrowUp /> : <ChevronUp /> : undefined\n          }\n          {...iconBaseProps}\n          {...iconProps}\n        />\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => (props.preset === 'brand' ? SIZES : SIZES_DEFAULT),\n  }\n)\n\nexport { Arrow, COMPONENT_NAME }\n\nexport type { ArrowProps }\n"],"names":["COMPONENT_NAME","Arrow","withMergedProps","forwardRef","props","ref","type","size","top","iconProps","restProps","_jsx","Styled","children","Icon","icon","name","undefined","preset","ArrowUp","ChevronUp","as","color","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"wZAaMA,MAAAA,eAAiB,QAQjBC,MAAAA,MAAqDC,gBACzDC,YAAuD,CAACC,EAAOC,KAC7D,MAAMC,KAAEA,EAAO,SAAQC,KAAEA,EAAO,IAAGC,IAAEA,GAAM,EAAIC,UAAEA,EAAY,CAAE,KAAKC,GAAcN,EAIlF,OACEO,IAACC,KAAW,IAAKF,EAAWJ,KAAMA,EAAMC,KAAMA,EAAMC,IAAKA,EAAKH,IAAKA,EAAIQ,SACrEF,IAACG,KAAI,CACHC,KACGN,EAAUO,MAASP,EAAUM,UAAoEE,EAA9BN,IAA/BD,EAAUQ,SAAW,QAAWC,QAAcC,oBAAL,IANnDC,GAAI,OAAQC,MAAO,aAS5Cb,KAEM,IAGlB,CACEc,YA3BmB,QA4BnBC,MAAQpB,GAAWA,EAAMc,SAAW,QAAUO,MAAQC"}

package/components/Arrow/images/chevronUpDefault.svg.js

@@ -0,0 +1,2 @@
+'use strict';function _interopNamespace(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((r=>{if(r!=='default'){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:()=>e[r]})}})),t.default=e,Object.freeze(t)}Object.defineProperty(exports,'__esModule',{value:!0});var React__namespace=_interopNamespace(require('react'));var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var r=arguments[t];for(var a in r)({}).hasOwnProperty.call(r,a)&&(e[a]=r[a])}return e},_extends.apply(null,arguments)}exports.default=e=>React__namespace.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 21 13"},e),_path||(_path=React__namespace.createElement("path",{d:"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396"})));
+//# sourceMappingURL=chevronUpDefault.svg.js.map

package/components/Arrow/images/chevronUpDefault.svg.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevronUpDefault.svg.js","sources":["../../../../../src/components/Arrow/images/chevronUpDefault.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgChevronUpDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 21 13\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396\"\n})));\nexport default SvgChevronUpDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"qZAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,iBAExPO,GAAsBC,iBAAMC,cAAc,MAAOf,SAAS,CACpFgB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQd,QAAUA,MAAqBe,iBAAMC,cAAc,OAAQ,CACpEI,EAAG"}

package/components/Arrow/images/chevronUpDefault.svg.mjs

@@ -0,0 +1,2 @@
+import*as React from'react';var _path;function _extends(){return _extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a=arguments[t];for(var n in a)({}).hasOwnProperty.call(a,n)&&(e[n]=a[n])}return e},_extends.apply(null,arguments)}const SvgChevronUpDefault=e=>React.createElement("svg",_extends({xmlns:"http://www.w3.org/2000/svg",fill:"currentcolor",viewBox:"0 0 21 13"},e),_path||(_path=React.createElement("path",{d:"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396"})));export{SvgChevronUpDefault as default};
+//# sourceMappingURL=chevronUpDefault.svg.mjs.map

package/components/Arrow/images/chevronUpDefault.svg.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"chevronUpDefault.svg.mjs","sources":["../../../../../src/components/Arrow/images/chevronUpDefault.svg?module"],"sourcesContent":["var _path;\nfunction _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }\nimport * as React from \"react\";\nconst SvgChevronUpDefault = props => /*#__PURE__*/React.createElement(\"svg\", _extends({\n  xmlns: \"http://www.w3.org/2000/svg\",\n  fill: \"currentcolor\",\n  viewBox: \"0 0 21 13\"\n}, props), _path || (_path = /*#__PURE__*/React.createElement(\"path\", {\n  d: \"m10.109 1.396-7.74 8.297a1.42 1.42 0 0 0 0 1.911c.493.528 1.29.528 1.783 0L11 4.262l6.848 7.342c.492.528 1.29.528 1.783 0a1.42 1.42 0 0 0 0-1.911l-7.74-8.297a1.21 1.21 0 0 0-.89-.396c-.323 0-.646.132-.892.396\"\n})));\nexport default SvgChevronUpDefault;"],"names":["_path","_extends","Object","assign","bind","n","e","arguments","length","t","r","hasOwnProperty","call","apply","SvgChevronUpDefault","props","React","createElement","xmlns","fill","viewBox","d"],"mappings":"4BAAA,IAAIA,MACJ,SAASC,WAAa,OAAOA,SAAWC,OAAOC,OAASD,OAAOC,OAAOC,OAAS,SAAUC,GAAK,IAAK,IAAIC,EAAI,EAAGA,EAAIC,UAAUC,OAAQF,IAAK,CAAE,IAAIG,EAAIF,UAAUD,GAAI,IAAK,IAAII,KAAKD,GAAG,CAAG,GAAEE,eAAeC,KAAKH,EAAGC,KAAOL,EAAEK,GAAKD,EAAEC,IAAO,OAAOL,CAAE,EAAIJ,SAASY,MAAM,KAAMN,UAAa,CAE/Q,MAACO,oBAAsBC,GAAsBC,MAAMC,cAAc,MAAOhB,SAAS,CACpFiB,MAAO,6BACPC,KAAM,eACNC,QAAS,aACRL,GAAQf,QAAUA,MAAqBgB,MAAMC,cAAc,OAAQ,CACpEI,EAAG"}