@salutejs/plasma-new-hope 0.343.0 → 0.344.0-canary.2378.20101080063.0

package/es/components/Autocomplete/ui/VirtualList/VirtualList.js

@@ -1,4 +1,4 @@
-import React, { useRef } from 'react';
+import React__default, { useRef } from 'react';
 import { useVirtualizer } from '@tanstack/react-virtual';
 import { SuggestionItem } from '../SuggestionItem/SuggestionItem.js';
 import { getHeightAsNumber } from '../../../../utils/getHeightAsNumber.js';
@@ -22,7 +22,7 @@ var VirtualList = function VirtualList(_ref) {
     }
   });
   var virtualItems = virtualizer.getVirtualItems();
-  return /*#__PURE__*/React.createElement("div", {
+  return /*#__PURE__*/React__default.createElement("div", {
     ref: parentRef,
     style: {
       height: 'auto',
@@ -30,13 +30,13 @@ var VirtualList = function VirtualList(_ref) {
       overflowY: 'auto'
     },
     onScroll: onScroll
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       height: virtualizer.getTotalSize(),
       width: '100%',
       position: 'relative'
     }
-  }, /*#__PURE__*/React.createElement("div", {
+  }, /*#__PURE__*/React__default.createElement("div", {
     style: {
       position: 'absolute',
       top: 0,
@@ -45,11 +45,11 @@ var VirtualList = function VirtualList(_ref) {
       transform: "translateY(".concat((_virtualItems$0$start = (_virtualItems$ = virtualItems[0]) === null || _virtualItems$ === void 0 ? void 0 : _virtualItems$.start) !== null && _virtualItems$0$start !== void 0 ? _virtualItems$0$start : 0, "px)")
     }
   }, virtualItems.map(function (virtualRow) {
-    return /*#__PURE__*/React.createElement("div", {
+    return /*#__PURE__*/React__default.createElement("div", {
       key: virtualRow.key,
       "data-index": virtualRow.index,
       ref: virtualizer.measureElement
-    }, /*#__PURE__*/React.createElement(SuggestionItem, {
+    }, /*#__PURE__*/React__default.createElement(SuggestionItem, {
       item: items[virtualRow.index],
       onClick: onClick,
       id: "".concat(listId, "/").concat(virtualRow.index),

package/es/components/Autocomplete/ui/VirtualList/VirtualList.js.map

@@ -1 +1 @@
-{"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { SuggestionItem } from '../SuggestionItem/SuggestionItem';\nimport type { SuggestionItemType } from '../../Autocomplete.types';\n\ninterface Props {\n    items: SuggestionItemType[];\n    onClick: (e: SuggestionItemType) => void;\n    listId: string;\n    listMaxHeight?: string;\n    onScroll?: (e: React.UIEvent<HTMLElement>) => void;\n    renderItem?: (item: SuggestionItemType) => React.ReactNode;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, onClick, listId, listMaxHeight, onScroll, renderItem }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <div\n            ref={parentRef}\n            style={{\n                height: 'auto',\n                maxHeight: getHeightAsNumber(listMaxHeight),\n                overflowY: 'auto',\n            }}\n            onScroll={onScroll}\n        >\n            <div\n                style={{\n                    height: virtualizer.getTotalSize(),\n                    width: '100%',\n                    position: 'relative',\n                }}\n            >\n                <div\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                    }}\n                >\n                    {virtualItems.map((virtualRow) => (\n                        <div\n                            key={virtualRow.key as React.Key}\n                            data-index={virtualRow.index}\n                            ref={virtualizer.measureElement}\n                        >\n                            <SuggestionItem\n                                item={items[virtualRow.index]}\n                                onClick={onClick}\n                                id={`${listId}/${virtualRow.index}`}\n                                focused={false}\n                                renderItem={renderItem}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["VirtualList","_ref","_virtualItems$0$start","_virtualItems$","items","onClick","listId","listMaxHeight","onScroll","renderItem","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","React","createElement","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","map","virtualRow","key","index","measureElement","SuggestionItem","item","id","focused"],"mappings":";;;;;IAgBaA,WAA4B,GAAG,SAA/BA,WAA4BA,CAAAC,IAAA,EAAwE;EAAA,IAAAC,qBAAA,EAAAC,cAAA,CAAA;AAAA,EAAA,IAAlEC,KAAK,GAAAH,IAAA,CAALG,KAAK;IAAEC,OAAO,GAAAJ,IAAA,CAAPI,OAAO;IAAEC,MAAM,GAAAL,IAAA,CAANK,MAAM;IAAEC,aAAa,GAAAN,IAAA,CAAbM,aAAa;IAAEC,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IAAEC,UAAU,GAAAR,IAAA,CAAVQ,UAAU,CAAA;AACtG,EAAA,IAAMC,SAAS,GAAGC,MAAM,CAAiB,IAAI,CAAC,CAAA;EAE9C,IAAMC,WAAW,GAAGC,cAAc,CAAC;IAC/BC,KAAK,EAAEV,KAAK,CAACW,MAAM;IACnBC,gBAAgB,EAAE,SAAAA,gBAAA,GAAA;MAAA,OAAMN,SAAS,CAACO,OAAO,CAAA;AAAA,KAAA;IACzCC,YAAY,EAAE,SAAAA,YAAA,GAAA;AAAA,MAAA,OAAM,EAAE,CAAA;AAAA,KAAA;AAC1B,GAAC,CAAC,CAAA;AAEF,EAAA,IAAMC,YAAY,GAAGP,WAAW,CAACQ,eAAe,EAAE,CAAA;EAElD,oBACIC,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIC,IAAAA,GAAG,EAAEb,SAAU;AACfc,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAE,MAAM;AACdC,MAAAA,SAAS,EAAEC,iBAAiB,CAACpB,aAAa,CAAC;AAC3CqB,MAAAA,SAAS,EAAE,MAAA;KACb;AACFpB,IAAAA,QAAQ,EAAEA,QAAAA;GAEVa,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHC,MAAAA,MAAM,EAAEb,WAAW,CAACiB,YAAY,EAAE;AAClCC,MAAAA,KAAK,EAAE,MAAM;AACbC,MAAAA,QAAQ,EAAE,UAAA;AACd,KAAA;GAEAV,eAAAA,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACIE,IAAAA,KAAK,EAAE;AACHO,MAAAA,QAAQ,EAAE,UAAU;AACpBC,MAAAA,GAAG,EAAE,CAAC;AACNC,MAAAA,IAAI,EAAE,CAAC;AACPH,MAAAA,KAAK,EAAE,MAAM;MACbI,SAAS,EAAA,aAAA,CAAAC,MAAA,CAAAjC,CAAAA,qBAAA,IAAAC,cAAA,GAAgBgB,YAAY,CAAC,CAAC,CAAC,cAAAhB,cAAA,KAAA,KAAA,CAAA,GAAA,KAAA,CAAA,GAAfA,cAAA,CAAiBiC,KAAK,cAAAlC,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI,CAAC,EAAA,KAAA,CAAA;AACxD,KAAA;AAAE,GAAA,EAEDiB,YAAY,CAACkB,GAAG,CAAC,UAACC,UAAU,EAAA;IAAA,oBACzBjB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACIiB,GAAG,EAAED,UAAU,CAACC,GAAiB;MACjC,YAAYD,EAAAA,UAAU,CAACE,KAAM;MAC7BjB,GAAG,EAAEX,WAAW,CAAC6B,cAAAA;AAAe,KAAA,eAEhCpB,KAAA,CAAAC,aAAA,CAACoB,cAAc,EAAA;AACXC,MAAAA,IAAI,EAAEvC,KAAK,CAACkC,UAAU,CAACE,KAAK,CAAE;AAC9BnC,MAAAA,OAAO,EAAEA,OAAQ;MACjBuC,EAAE,EAAA,EAAA,CAAAT,MAAA,CAAK7B,MAAM,EAAA,GAAA,CAAA,CAAA6B,MAAA,CAAIG,UAAU,CAACE,KAAK,CAAG;AACpCK,MAAAA,OAAO,EAAE,KAAM;AACfpC,MAAAA,UAAU,EAAEA,UAAAA;AAAW,KAC1B,CACA,CAAC,CAAA;GACT,CACA,CACJ,CACJ,CAAC,CAAA;AAEd;;;;"}
+{"version":3,"file":"VirtualList.js","sources":["../../../../../src/components/Autocomplete/ui/VirtualList/VirtualList.tsx"],"sourcesContent":["import React, { useRef } from 'react';\nimport { useVirtualizer } from '@tanstack/react-virtual';\nimport { getHeightAsNumber } from 'src/utils';\n\nimport { SuggestionItem } from '../SuggestionItem/SuggestionItem';\nimport type { SuggestionItemType } from '../../Autocomplete.types';\n\ninterface Props {\n    items: SuggestionItemType[];\n    onClick: (e: SuggestionItemType) => void;\n    listId: string;\n    listMaxHeight?: string;\n    onScroll?: (e: React.UIEvent<HTMLElement>) => void;\n    renderItem?: (item: SuggestionItemType) => React.ReactNode;\n}\n\nexport const VirtualList: React.FC<Props> = ({ items, onClick, listId, listMaxHeight, onScroll, renderItem }) => {\n    const parentRef = useRef<HTMLDivElement>(null);\n\n    const virtualizer = useVirtualizer({\n        count: items.length,\n        getScrollElement: () => parentRef.current,\n        estimateSize: () => 48,\n    });\n\n    const virtualItems = virtualizer.getVirtualItems();\n\n    return (\n        <div\n            ref={parentRef}\n            style={{\n                height: 'auto',\n                maxHeight: getHeightAsNumber(listMaxHeight),\n                overflowY: 'auto',\n            }}\n            onScroll={onScroll}\n        >\n            <div\n                style={{\n                    height: virtualizer.getTotalSize(),\n                    width: '100%',\n                    position: 'relative',\n                }}\n            >\n                <div\n                    style={{\n                        position: 'absolute',\n                        top: 0,\n                        left: 0,\n                        width: '100%',\n                        transform: `translateY(${virtualItems[0]?.start ?? 0}px)`,\n                    }}\n                >\n                    {virtualItems.map((virtualRow) => (\n                        <div\n                            key={virtualRow.key as React.Key}\n                            data-index={virtualRow.index}\n                            ref={virtualizer.measureElement}\n                        >\n                            <SuggestionItem\n                                item={items[virtualRow.index]}\n                                onClick={onClick}\n                                id={`${listId}/${virtualRow.index}`}\n                                focused={false}\n                                renderItem={renderItem}\n                            />\n                        </div>\n                    ))}\n                </div>\n            </div>\n        </div>\n    );\n};\n"],"names":["VirtualList","_ref","_virtualItems$0$start","_virtualItems$","items","onClick","listId","listMaxHeight","onScroll","renderItem","parentRef","useRef","virtualizer","useVirtualizer","count","length","getScrollElement","current","estimateSize","virtualItems","getVirtualItems","React","createElement","ref","style","height","maxHeight","getHeightAsNumber","overflowY","getTotalSize","width","position","top","left","transform","concat","start","map","virtualRow","key","index","measureElement","SuggestionItem","item","id","focused"],"mappings":"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"}

package/es/components/Avatar/Avatar.js

@@ -1,6 +1,6 @@
 import './Avatar_13f2qzh.css';
 import { objectWithoutProperties as _objectWithoutProperties, objectSpread2 as _objectSpread2, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef, useMemo } from 'react';
+import React__default, { forwardRef, useMemo } from 'react';
 import { styled } from '@linaria/react';
 import { cx } from '../../utils/index.js';
 import { classes, tokens } from './Avatar.tokens.js';
@@ -25,16 +25,16 @@ var getAvatarContent = function getAvatarContent(_ref) {
     initials = _ref.initials,
     name = _ref.name;
   if (customText) {
-    return /*#__PURE__*/React.createElement(Text, null, customText);
+    return /*#__PURE__*/React__default.createElement(Text, null, customText);
   }
   if (url) {
-    return /*#__PURE__*/React.createElement(Image, {
+    return /*#__PURE__*/React__default.createElement(Image, {
       src: url,
       alt: name,
       borderRadius: customBorderRadius
     });
   }
-  return /*#__PURE__*/React.createElement(Text, null, initials);
+  return /*#__PURE__*/React__default.createElement(Text, null, initials);
 };
 var getAriaLabel = function getAriaLabel(_ref2) {
   var url = _ref2.url,
@@ -111,14 +111,14 @@ var avatarRoot = function avatarRoot(Root) {
       counterView: counterView
     };
     var borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       size: avatarSize,
       shape: shape,
       className: cx(classes.avatarItem, className),
       "aria-label": ariaLabel,
       focused: focused
-    }, extraViewProp, rest), /*#__PURE__*/React.createElement(Wrapper, {
+    }, extraViewProp, rest), /*#__PURE__*/React__default.createElement(Wrapper, {
       isScalable: isScalable,
       borderRadius: borderRadius
     }, getAvatarContent({
@@ -127,16 +127,16 @@ var avatarRoot = function avatarRoot(Root) {
       initials: initials,
       name: name,
       customBorderRadius: borderRadius
-    })), status && /*#__PURE__*/React.createElement(StatusIcon, null, /*#__PURE__*/React.createElement(StyledIndicator, {
+    })), status && /*#__PURE__*/React__default.createElement(StatusIcon, null, /*#__PURE__*/React__default.createElement(StyledIndicator, {
       "aria-label": statusLabels[status],
       status: status
-    })), hasExtra && avatarSize !== 'fit' && /*#__PURE__*/React.createElement(ExtraContent, {
+    })), hasExtra && avatarSize !== 'fit' && /*#__PURE__*/React__default.createElement(ExtraContent, {
       className: extraPlacementMap(extraPlacement)
-    }, type === 'counter' ? /*#__PURE__*/React.createElement(ExtraCounter, {
+    }, type === 'counter' ? /*#__PURE__*/React__default.createElement(ExtraCounter, {
       view: counterView,
       count: counterValue,
       maxCount: maxCount
-    }) : avatarSize !== 's' && /*#__PURE__*/React.createElement(ExtraBadge, _extends({
+    }) : avatarSize !== 's' && /*#__PURE__*/React__default.createElement(ExtraBadge, _extends({
       view: badgeView,
       text: text,
       customColor: customColor,

package/es/components/Avatar/Avatar.js.map

@@ -1 +1 @@
-{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, ReactElement } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component, mergeConfig } from '../../engines';\nimport { cx } from '../../utils';\nimport { indicatorConfig, indicatorTokens } from '../Indicator';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { base, Wrapper, Image, StatusIcon, Text, ExtraContent, ExtraCounter, ExtraBadge } from './Avatar.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { extraPlacementMap, getInitialsForName } from './utils';\nimport type { AvatarProps, StatusLabels } from './Avatar.types';\n\nconst StatusLabelsDefault: StatusLabels = {\n    active: 'Активен',\n    inactive: 'Неактивен',\n};\n\nconst getAvatarContent = ({\n    customText,\n    customBorderRadius,\n    url,\n    initials,\n    name,\n}: Omit<AvatarProps, 'size'> & { initials?: string }): ReactElement => {\n    if (customText) {\n        return <Text>{customText}</Text>;\n    }\n\n    if (url) {\n        return <Image src={url} alt={name} borderRadius={customBorderRadius} />;\n    }\n\n    return <Text>{initials}</Text>;\n};\n\nconst getAriaLabel = ({\n    url,\n    name,\n    status,\n    'aria-label': ariaLabelProp,\n    statusLabels,\n}: Pick<AvatarProps, 'url' | 'status' | 'name' | 'aria-label'> & {\n    statusLabels: StatusLabels;\n}) => {\n    if (!url) {\n        return;\n    }\n\n    // INFO: включаем aria-label чтобы озвучить что на изображении\n    const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;\n\n    return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;\n};\n\nconst mergedConfig = mergeConfig(indicatorConfig);\n\nconst Indicator: React.FunctionComponent<\n    React.HTMLAttributes<HTMLDivElement> & { status: AvatarProps['status'] }\n> = component(mergedConfig) as never;\n\nconst StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.statusIconSize});\n    ${indicatorTokens.color}: ${({ status }) =>\n    status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`}\n`;\n\nexport const avatarRoot = (Root: RootProps<HTMLDivElement, AvatarProps>) => {\n    return forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n        const {\n            size: avatarSize,\n            name,\n            url,\n            customText,\n            status,\n            className,\n            focused = true,\n            isScalable,\n            shape,\n            statusLabels = StatusLabelsDefault,\n            hasExtra,\n            extraPlacement,\n\n            type,\n\n            counterView,\n            count,\n            maxCount,\n\n            badgeView,\n            text,\n            customColor,\n            customBackgroundColor,\n            customBorderRadius,\n            contentLeft,\n            contentRight,\n            pilled,\n\n            ...rest\n        } = props;\n\n        const counterValue = count || 1;\n        const initials = useMemo(() => getInitialsForName(name), [name]);\n        const ariaLabel = getAriaLabel({\n            ...props,\n            statusLabels,\n        });\n\n        const extraViewProp = type === 'badge' ? { badgeView } : { counterView };\n        const borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                size={avatarSize}\n                shape={shape}\n                className={cx(classes.avatarItem, className)}\n                aria-label={ariaLabel}\n                focused={focused}\n                {...extraViewProp}\n                {...rest}\n            >\n                <Wrapper isScalable={isScalable} borderRadius={borderRadius}>\n                    {getAvatarContent({ customText, url, initials, name, customBorderRadius: borderRadius })}\n                </Wrapper>\n\n                {status && (\n                    <StatusIcon>\n                        <StyledIndicator aria-label={statusLabels[status]} status={status} />\n                    </StatusIcon>\n                )}\n\n                {hasExtra && avatarSize !== 'fit' && (\n                    <ExtraContent className={extraPlacementMap(extraPlacement)}>\n                        {type === 'counter' ? (\n                            <ExtraCounter view={counterView} count={counterValue} maxCount={maxCount} />\n                        ) : (\n                            avatarSize !== 's' && (\n                                <ExtraBadge\n                                    view={badgeView}\n                                    text={text}\n                                    customColor={customColor}\n                                    customBackgroundColor={customBackgroundColor}\n                                    pilled={pilled}\n                                    maxWidth=\"100%\"\n                                    {...(contentLeft ? { contentLeft } : { contentRight })}\n                                />\n                            )\n                        )}\n                    </ExtraContent>\n                )}\n            </Root>\n        );\n    });\n};\n\nexport const avatarConfig = {\n    name: 'Avatar',\n    tag: 'div',\n    layout: avatarRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        shape: 'circled',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","_ref","customText","customBorderRadius","url","initials","name","React","createElement","Text","Image","src","alt","borderRadius","getAriaLabel","_ref2","status","ariaLabelProp","statusLabels","ariaLabel","trim","concat","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","_ref3","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","avatarSize","size","className","_props$focused","focused","isScalable","shape","_props$statusLabels","hasExtra","extraPlacement","type","counterView","count","maxCount","badgeView","text","customColor","customBackgroundColor","contentLeft","contentRight","pilled","rest","_excluded","counterValue","useMemo","getInitialsForName","_objectSpread","extraViewProp","undefined","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","ExtraContent","extraPlacementMap","ExtraCounter","view","ExtraBadge","maxWidth","avatarConfig","tag","layout","base","variations","css","sizeCSS","focusedCSS","shapeCSS","defaults"],"mappings":";;;;;;;;;;;;;;;AAeA,IAAMA,mBAAiC,GAAG;AACtCC,EAAAA,MAAM,EAAE,SAAS;AACjBC,EAAAA,QAAQ,EAAE,WAAA;AACd,CAAC,CAAA;AAED,IAAMC,gBAAgB,GAAGA,SAAnBA,gBAAgBA,CAAAC,IAAA,EAMiD;AAAA,EAAA,IALnEC,UAAU,GAAAD,IAAA,CAAVC,UAAU;IACVC,kBAAkB,GAAAF,IAAA,CAAlBE,kBAAkB;IAClBC,GAAG,GAAAH,IAAA,CAAHG,GAAG;IACHC,QAAQ,GAAAJ,IAAA,CAARI,QAAQ;IACRC,IAAAA,GAAAA,IAAAA,CAAAA,IAAAA,CAAAA;AAEA,EAAA,IAAIJ,UAAU,EAAE;AACZ,IAAA,oBAAOK,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA,IAAA,EAAEP,UAAiB,CAAC,CAAA;AACpC,GAAA;AAEA,EAAA,IAAIE,GAAG,EAAE;AACL,IAAA,oBAAOG,KAAA,CAAAC,aAAA,CAACE,KAAK,EAAA;AAACC,MAAAA,GAAG,EAAEP,GAAI;AAACQ,MAAAA,GAAG,EAAEN,IAAK;AAACO,MAAAA,YAAY,EAAEV,kBAAAA;AAAmB,KAAG,CAAA,CAAA;AAC3E,GAAA;AAEA,EAAA,oBAAOI,KAAA,CAAAC,aAAA,CAACC,IAAI,EAAA,IAAA,EAAEJ,QAAe,CAAC,CAAA;AAClC,CAAC,CAAA;AAED,IAAMS,YAAY,GAAGA,SAAfA,YAAYA,CAAAC,KAAA,EAQZ;AAAA,EAAA,IAPFX,GAAG,GAAAW,KAAA,CAAHX,GAAG;IACHE,IAAI,GAAAS,KAAA,CAAJT,IAAI;IACJU,MAAM,GAAAD,KAAA,CAANC,MAAM;IACQC,aAAa,GAAAF,KAAA,CAA3B,YAAY,CAAA;IACZG,YAAAA,GAAAA,KAAAA,CAAAA,YAAAA,CAAAA;EAIA,IAAI,CAACd,GAAG,EAAE;AACN,IAAA,OAAA;AACJ,GAAA;;AAEA;AACA,EAAA,IAAMe,SAAS,GAAG,CAACF,aAAa,IAAIA,aAAa,CAACG,IAAI,EAAE,KAAK,EAAE,GAAGd,IAAI,GAAGW,aAAa,CAAA;AAEtF,EAAA,OAAOD,MAAM,GAAA,EAAA,CAAAK,MAAA,CAAMF,SAAS,EAAA,IAAA,CAAA,CAAAE,MAAA,CAAKH,YAAY,CAACF,MAAM,CAAC,IAAKG,SAAS,CAAA;AACvE,CAAC,CAAA;AAED,IAAMG,YAAY,gBAAGC,WAAW,CAACC,eAAe,CAAC,CAAA;AAEjD,IAAMC,SAEL,gBAAGC,SAAS,CAACJ,YAAY,CAAU,CAAA;AAAC,IAAAK,IAAA,GA5DnBA,SA4DmBA,IAAAA,GAAA;AAAA,EAAA,OAENF,SAAS,CAAA;AAAA,CAAA,CAAA;AAAA,IAAAG,KAAA,GA9DtBA,SA8DsBA,KAAAA,GAAA;AAAA,EAAA,OAER,UAAAC,KAAA,EAAA;AAAA,IAAA,IAAGb,MAAAA,GAAAA,KAAAA,CAAAA,MAAAA,CAAAA;AAAAA,IAAAA,OAC/BA,MAAM,KAAK,QAAQ,GAAA,MAAA,CAAAK,MAAA,CAAUS,MAAM,CAACC,iBAAiB,gBAAAV,MAAA,CAAaS,MAAM,CAACE,kBAAkB,EAAG,GAAA,CAAA,CAAA;AAAA,GAAA,CAAA;AAAA,CAAA,CAAA;AAHlG,IAAMC,eAAe,gBAAGC,MAAM,CAAAP,IAAA,EAAA,CAAA,CAAA;AAAArB,EAAAA,IAAA,EAAA,iBAAA;AAAA6B,EAAAA,OAAAA,EAAA,SAAA;AAAAC,EAAAA,SAAA,EAAA,IAAA;AAAAC,EAAAA,IAAA,EAAA;AAAA,IAAA,WAAA,EAAA,cAEET,KACkE,EAAA,CAAA;AAAA,GAAA;AAAA,CACjG,CAAA,CAAA;IAEYU,UAAU,GAAGA,SAAbA,UAAUA,CAAIC,IAA4C,EAAK;AACxE,EAAA,oBAAOC,UAAU,CAA8B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAC3D,IAAA,IACUC,UAAU,GA6BhBF,KAAK,CA7BLG,IAAI;MACJtC,IAAI,GA4BJmC,KAAK,CA5BLnC,IAAI;MACJF,GAAG,GA2BHqC,KAAK,CA3BLrC,GAAG;MACHF,UAAU,GA0BVuC,KAAK,CA1BLvC,UAAU;MACVc,MAAM,GAyBNyB,KAAK,CAzBLzB,MAAM;MACN6B,SAAS,GAwBTJ,KAAK,CAxBLI,SAAS;MAAAC,cAAA,GAwBTL,KAAK,CAvBLM,OAAO;AAAPA,MAAAA,OAAO,GAAAD,cAAA,KAAG,KAAA,CAAA,GAAA,IAAI,GAAAA,cAAA;MACdE,UAAU,GAsBVP,KAAK,CAtBLO,UAAU;MACVC,KAAK,GAqBLR,KAAK,CArBLQ,KAAK;MAAAC,mBAAA,GAqBLT,KAAK,CApBLvB,YAAY;AAAZA,MAAAA,YAAY,GAAAgC,mBAAA,KAAGrD,KAAAA,CAAAA,GAAAA,mBAAmB,GAAAqD,mBAAA;MAClCC,QAAQ,GAmBRV,KAAK,CAnBLU,QAAQ;MACRC,cAAc,GAkBdX,KAAK,CAlBLW,cAAc;MAEdC,IAAI,GAgBJZ,KAAK,CAhBLY,IAAI;MAEJC,WAAW,GAcXb,KAAK,CAdLa,WAAW;MACXC,KAAK,GAaLd,KAAK,CAbLc,KAAK;MACLC,QAAQ,GAYRf,KAAK,CAZLe,QAAQ;MAERC,SAAS,GAUThB,KAAK,CAVLgB,SAAS;MACTC,IAAI,GASJjB,KAAK,CATLiB,IAAI;MACJC,WAAW,GAQXlB,KAAK,CARLkB,WAAW;MACXC,qBAAqB,GAOrBnB,KAAK,CAPLmB,qBAAqB;MACrBzD,kBAAkB,GAMlBsC,KAAK,CANLtC,kBAAkB;MAClB0D,WAAW,GAKXpB,KAAK,CALLoB,WAAW;MACXC,YAAY,GAIZrB,KAAK,CAJLqB,YAAY;MACZC,MAAM,GAGNtB,KAAK,CAHLsB,MAAM;AAEHC,MAAAA,IAAAA,GAAAA,wBAAAA,CACHvB,KAAK,EAAAwB,SAAA,CAAA,CAAA;AAET,IAAA,IAAMC,YAAY,GAAGX,KAAK,IAAI,CAAC,CAAA;IAC/B,IAAMlD,QAAQ,GAAG8D,OAAO,CAAC,YAAA;MAAA,OAAMC,kBAAkB,CAAC9D,IAAI,CAAC,CAAA;KAAE,EAAA,CAACA,IAAI,CAAC,CAAC,CAAA;IAChE,IAAMa,SAAS,GAAGL,YAAY,CAAAuD,cAAA,CAAAA,cAAA,KACvB5B,KAAK,CAAA,EAAA,EAAA,EAAA;AACRvB,MAAAA,YAAAA,EAAAA,YAAAA;AAAAA,KAAAA,CACH,CAAC,CAAA;AAEF,IAAA,IAAMoD,aAAa,GAAGjB,IAAI,KAAK,OAAO,GAAG;AAAEI,MAAAA,SAAAA,EAAAA,SAAAA;AAAU,KAAC,GAAG;AAAEH,MAAAA,WAAAA,EAAAA,WAAAA;KAAa,CAAA;IACxE,IAAMzC,YAAY,GAAG8B,UAAU,KAAK,KAAK,GAAGxC,kBAAkB,GAAGoE,SAAS,CAAA;AAE1E,IAAA,oBACIhE,KAAA,CAAAC,aAAA,CAAC+B,IAAI,EAAAiC,QAAA,CAAA;AACD9B,MAAAA,GAAG,EAAEA,GAAI;AACTE,MAAAA,IAAI,EAAED,UAAW;AACjBM,MAAAA,KAAK,EAAEA,KAAM;MACbJ,SAAS,EAAE4B,EAAE,CAACC,OAAO,CAACC,UAAU,EAAE9B,SAAS,CAAE;AAC7C,MAAA,YAAA,EAAY1B,SAAU;AACtB4B,MAAAA,OAAO,EAAEA,OAAAA;KACLuB,EAAAA,aAAa,EACbN,IAAI,CAAA,eAERzD,KAAA,CAAAC,aAAA,CAACoE,OAAO,EAAA;AAAC5B,MAAAA,UAAU,EAAEA,UAAW;AAACnC,MAAAA,YAAY,EAAEA,YAAAA;AAAa,KAAA,EACvDb,gBAAgB,CAAC;AAAEE,MAAAA,UAAU,EAAVA,UAAU;AAAEE,MAAAA,GAAG,EAAHA,GAAG;AAAEC,MAAAA,QAAQ,EAARA,QAAQ;AAAEC,MAAAA,IAAI,EAAJA,IAAI;AAAEH,MAAAA,kBAAkB,EAAEU,YAAAA;AAAa,KAAC,CAClF,CAAA,EAERG,MAAM,iBACHT,KAAA,CAAAC,aAAA,CAACqE,UAAU,EACPtE,IAAAA,eAAAA,KAAA,CAAAC,aAAA,CAACyB,eAAe,EAAA;MAAC,YAAYf,EAAAA,YAAY,CAACF,MAAM,CAAE;AAACA,MAAAA,MAAM,EAAEA,MAAAA;AAAO,KAAA,CAC1D,CACf,EAEAmC,QAAQ,IAAIR,UAAU,KAAK,KAAK,iBAC7BpC,KAAA,CAAAC,aAAA,CAACsE,YAAY,EAAA;MAACjC,SAAS,EAAEkC,iBAAiB,CAAC3B,cAAc,CAAA;KACpDC,EAAAA,IAAI,KAAK,SAAS,gBACf9C,KAAA,CAAAC,aAAA,CAACwE,YAAY,EAAA;AAACC,MAAAA,IAAI,EAAE3B,WAAY;AAACC,MAAAA,KAAK,EAAEW,YAAa;AAACV,MAAAA,QAAQ,EAAEA,QAAAA;AAAS,KAAG,CAAA,GAE5Eb,UAAU,KAAK,GAAG,iBACdpC,KAAA,CAAAC,aAAA,CAAC0E,UAAU,EAAAV,QAAA,CAAA;AACPS,MAAAA,IAAI,EAAExB,SAAU;AAChBC,MAAAA,IAAI,EAAEA,IAAK;AACXC,MAAAA,WAAW,EAAEA,WAAY;AACzBC,MAAAA,qBAAqB,EAAEA,qBAAsB;AAC7CG,MAAAA,MAAM,EAAEA,MAAO;AACfoB,MAAAA,QAAQ,EAAC,MAAA;AAAM,KAAA,EACVtB,WAAW,GAAG;AAAEA,MAAAA,WAAAA,EAAAA,WAAAA;AAAY,KAAC,GAAG;AAAEC,MAAAA,YAAAA,EAAAA,YAAAA;KAAe,CAGjE,CACS,CAEhB,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMsB,YAAY,GAAG;AACxB9E,EAAAA,IAAI,EAAE,QAAQ;AACd+E,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEhD,UAAU;AAClBiD,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR5C,IAAAA,IAAI,EAAE;AACF6C,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD3C,IAAAA,OAAO,EAAE;AACL0C,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD1C,IAAAA,KAAK,EAAE;AACHwC,MAAAA,GAAG,EAAEG,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNjD,IAAAA,IAAI,EAAE,GAAG;AACTK,IAAAA,KAAK,EAAE,SAAA;AACX,GAAA;AACJ;;;;"}
+{"version":3,"file":"Avatar.js","sources":["../../../src/components/Avatar/Avatar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, ReactElement } from 'react';\nimport { styled } from '@linaria/react';\n\nimport { RootProps, component, mergeConfig } from '../../engines';\nimport { cx } from '../../utils';\nimport { indicatorConfig, indicatorTokens } from '../Indicator';\n\nimport { classes, tokens } from './Avatar.tokens';\nimport { base, Wrapper, Image, StatusIcon, Text, ExtraContent, ExtraCounter, ExtraBadge } from './Avatar.styles';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as shapeCSS } from './variations/_shape/base';\nimport { extraPlacementMap, getInitialsForName } from './utils';\nimport type { AvatarProps, StatusLabels } from './Avatar.types';\n\nconst StatusLabelsDefault: StatusLabels = {\n    active: 'Активен',\n    inactive: 'Неактивен',\n};\n\nconst getAvatarContent = ({\n    customText,\n    customBorderRadius,\n    url,\n    initials,\n    name,\n}: Omit<AvatarProps, 'size'> & { initials?: string }): ReactElement => {\n    if (customText) {\n        return <Text>{customText}</Text>;\n    }\n\n    if (url) {\n        return <Image src={url} alt={name} borderRadius={customBorderRadius} />;\n    }\n\n    return <Text>{initials}</Text>;\n};\n\nconst getAriaLabel = ({\n    url,\n    name,\n    status,\n    'aria-label': ariaLabelProp,\n    statusLabels,\n}: Pick<AvatarProps, 'url' | 'status' | 'name' | 'aria-label'> & {\n    statusLabels: StatusLabels;\n}) => {\n    if (!url) {\n        return;\n    }\n\n    // INFO: включаем aria-label чтобы озвучить что на изображении\n    const ariaLabel = !ariaLabelProp || ariaLabelProp.trim() === '' ? name : ariaLabelProp;\n\n    return status ? `${ariaLabel}. ${statusLabels[status]}` : ariaLabel;\n};\n\nconst mergedConfig = mergeConfig(indicatorConfig);\n\nconst Indicator: React.FunctionComponent<\n    React.HTMLAttributes<HTMLDivElement> & { status: AvatarProps['status'] }\n> = component(mergedConfig) as never;\n\nconst StyledIndicator = styled(Indicator)`\n    ${indicatorTokens.size}: var(${tokens.statusIconSize});\n    ${indicatorTokens.color}: ${({ status }) =>\n    status === 'active' ? `var(${tokens.statusOnlineColor})` : `var(${tokens.statusOfflineColor})`}\n`;\n\nexport const avatarRoot = (Root: RootProps<HTMLDivElement, AvatarProps>) => {\n    return forwardRef<HTMLDivElement, AvatarProps>((props, ref) => {\n        const {\n            size: avatarSize,\n            name,\n            url,\n            customText,\n            status,\n            className,\n            focused = true,\n            isScalable,\n            shape,\n            statusLabels = StatusLabelsDefault,\n            hasExtra,\n            extraPlacement,\n\n            type,\n\n            counterView,\n            count,\n            maxCount,\n\n            badgeView,\n            text,\n            customColor,\n            customBackgroundColor,\n            customBorderRadius,\n            contentLeft,\n            contentRight,\n            pilled,\n\n            ...rest\n        } = props;\n\n        const counterValue = count || 1;\n        const initials = useMemo(() => getInitialsForName(name), [name]);\n        const ariaLabel = getAriaLabel({\n            ...props,\n            statusLabels,\n        });\n\n        const extraViewProp = type === 'badge' ? { badgeView } : { counterView };\n        const borderRadius = avatarSize === 'fit' ? customBorderRadius : undefined;\n\n        return (\n            <Root\n                ref={ref}\n                size={avatarSize}\n                shape={shape}\n                className={cx(classes.avatarItem, className)}\n                aria-label={ariaLabel}\n                focused={focused}\n                {...extraViewProp}\n                {...rest}\n            >\n                <Wrapper isScalable={isScalable} borderRadius={borderRadius}>\n                    {getAvatarContent({ customText, url, initials, name, customBorderRadius: borderRadius })}\n                </Wrapper>\n\n                {status && (\n                    <StatusIcon>\n                        <StyledIndicator aria-label={statusLabels[status]} status={status} />\n                    </StatusIcon>\n                )}\n\n                {hasExtra && avatarSize !== 'fit' && (\n                    <ExtraContent className={extraPlacementMap(extraPlacement)}>\n                        {type === 'counter' ? (\n                            <ExtraCounter view={counterView} count={counterValue} maxCount={maxCount} />\n                        ) : (\n                            avatarSize !== 's' && (\n                                <ExtraBadge\n                                    view={badgeView}\n                                    text={text}\n                                    customColor={customColor}\n                                    customBackgroundColor={customBackgroundColor}\n                                    pilled={pilled}\n                                    maxWidth=\"100%\"\n                                    {...(contentLeft ? { contentLeft } : { contentRight })}\n                                />\n                            )\n                        )}\n                    </ExtraContent>\n                )}\n            </Root>\n        );\n    });\n};\n\nexport const avatarConfig = {\n    name: 'Avatar',\n    tag: 'div',\n    layout: avatarRoot,\n    base,\n    variations: {\n        size: {\n            css: sizeCSS,\n        },\n        focused: {\n            css: focusedCSS,\n        },\n        shape: {\n            css: shapeCSS,\n        },\n    },\n    defaults: {\n        size: 'm',\n        shape: 'circled',\n    },\n};\n"],"names":["StatusLabelsDefault","active","inactive","getAvatarContent","_ref","customText","customBorderRadius","url","initials","name","React","createElement","Text","Image","src","alt","borderRadius","getAriaLabel","_ref2","status","ariaLabelProp","statusLabels","ariaLabel","trim","concat","mergedConfig","mergeConfig","indicatorConfig","Indicator","component","_exp","_exp5","_ref3","tokens","statusOnlineColor","statusOfflineColor","StyledIndicator","styled","class","propsAsIs","vars","avatarRoot","Root","forwardRef","props","ref","avatarSize","size","className","_props$focused","focused","isScalable","shape","_props$statusLabels","hasExtra","extraPlacement","type","counterView","count","maxCount","badgeView","text","customColor","customBackgroundColor","contentLeft","contentRight","pilled","rest","_excluded","counterValue","useMemo","getInitialsForName","_objectSpread","extraViewProp","undefined","_extends","cx","classes","avatarItem","Wrapper","StatusIcon","ExtraContent","extraPlacementMap","ExtraCounter","view","ExtraBadge","maxWidth","avatarConfig","tag","layout","base","variations","css","sizeCSS","focusedCSS","shapeCSS","defaults"],"mappings":"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"}

package/es/components/AvatarGroup/AvatarGroup.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { base } from './AvatarGroup.styles.js';
 
 var _excluded = ["children"];
@@ -7,7 +7,7 @@ var avatarGroupRoot = function avatarGroupRoot(Root) {
   return /*#__PURE__*/forwardRef(function (props, ref) {
     var children = props.children,
       rest = _objectWithoutProperties(props, _excluded);
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref
     }, rest), children);
   });

package/es/components/AvatarGroup/AvatarGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"AvatarGroup.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './AvatarGroup.styles';\nimport { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const avatarGroupRoot = (Root: RootProps<HTMLDivElement, AvatarGroupProps>) => {\n    return forwardRef<HTMLDivElement, AvatarGroupProps>((props, ref) => {\n        const { children, ...rest } = props;\n\n        return (\n            <Root ref={ref} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n};\n\nexport const avatarGroupConfig = {\n    name: 'AvatarGroup',\n    tag: 'div',\n    layout: avatarGroupRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["avatarGroupRoot","Root","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","avatarGroupConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;IAOaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAK;AAClF,EAAA,oBAAOC,UAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAChE,IAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMO,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEf,eAAe;AACvBgB,EAAAA,IAAI,EAAJA,IAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}
+{"version":3,"file":"AvatarGroup.js","sources":["../../../src/components/AvatarGroup/AvatarGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\n\nimport { RootProps } from '../../engines';\n\nimport { base } from './AvatarGroup.styles';\nimport { AvatarGroupProps } from './AvatarGroup.types';\n\nexport const avatarGroupRoot = (Root: RootProps<HTMLDivElement, AvatarGroupProps>) => {\n    return forwardRef<HTMLDivElement, AvatarGroupProps>((props, ref) => {\n        const { children, ...rest } = props;\n\n        return (\n            <Root ref={ref} {...rest}>\n                {children}\n            </Root>\n        );\n    });\n};\n\nexport const avatarGroupConfig = {\n    name: 'AvatarGroup',\n    tag: 'div',\n    layout: avatarGroupRoot,\n    base,\n    variations: {},\n    defaults: {},\n};\n"],"names":["avatarGroupRoot","Root","forwardRef","props","ref","children","rest","_objectWithoutProperties","_excluded","React","createElement","_extends","avatarGroupConfig","name","tag","layout","base","variations","defaults"],"mappings":";;;;;IAOaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAK;AAClF,EAAA,oBAAOC,UAAU,CAAmC,UAACC,KAAK,EAAEC,GAAG,EAAK;AAChE,IAAA,IAAQC,QAAQ,GAAcF,KAAK,CAA3BE,QAAQ;AAAKC,MAAAA,IAAI,GAAAC,wBAAA,CAAKJ,KAAK,EAAAK,SAAA,CAAA,CAAA;AAEnC,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACT,IAAI,EAAAU,QAAA,CAAA;AAACP,MAAAA,GAAG,EAAEA,GAAAA;KAASE,EAAAA,IAAI,CACnBD,EAAAA,QACC,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AACN,EAAC;AAEM,IAAMO,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEf,eAAe;AACvBgB,EAAAA,IAAI,EAAJA,IAAI;EACJC,UAAU,EAAE,EAAE;AACdC,EAAAA,QAAQ,EAAE,EAAC;AACf;;;;"}

package/es/components/Badge/Badge.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
@@ -40,11 +40,11 @@ var badgeRoot = function badgeRoot(Root) {
     var iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;
     var BadgeContent = function BadgeContent() {
       if (contentLeft) {
-        return /*#__PURE__*/React.createElement(React.Fragment, null, _StyledContentLeft || (_StyledContentLeft = /*#__PURE__*/React.createElement(StyledContentLeft, null, contentLeft)), txt ? _StyledContentMain || (_StyledContentMain = /*#__PURE__*/React.createElement(StyledContentMain, null, txt)) : children);
+        return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, _StyledContentLeft || (_StyledContentLeft = /*#__PURE__*/React__default.createElement(StyledContentLeft, null, contentLeft)), txt ? _StyledContentMain || (_StyledContentMain = /*#__PURE__*/React__default.createElement(StyledContentMain, null, txt)) : children);
       }
-      return /*#__PURE__*/React.createElement(React.Fragment, null, txt ? _StyledContentMain2 || (_StyledContentMain2 = /*#__PURE__*/React.createElement(StyledContentMain, null, txt)) : children, contentRight && (_StyledContentRight || (_StyledContentRight = /*#__PURE__*/React.createElement(StyledContentRight, null, contentRight))));
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, null, txt ? _StyledContentMain2 || (_StyledContentMain2 = /*#__PURE__*/React__default.createElement(StyledContentMain, null, txt)) : children, contentRight && (_StyledContentRight || (_StyledContentRight = /*#__PURE__*/React__default.createElement(StyledContentRight, null, contentRight))));
     };
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       className: cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className),
       view: view,
@@ -55,7 +55,7 @@ var badgeRoot = function badgeRoot(Root) {
       style: _objectSpread2(_objectSpread2({}, style), {}, _defineProperty(_defineProperty({
         maxWidth: maxWidth
       }, privateTokens.customBackground, customBackgroundColor), privateTokens.customColor, customColor))
-    }, rest), /*#__PURE__*/React.createElement(BadgeContent, null));
+    }, rest), /*#__PURE__*/React__default.createElement(BadgeContent, null));
   });
 };
 var badgeConfig = {

package/es/components/Badge/Badge.js.map

@@ -1 +1 @@
-{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes, privateTokens } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            style,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            customColor,\n            customBackgroundColor,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;\n\n        const BadgeContent = () => {\n            if (contentLeft) {\n                return (\n                    <>\n                        <StyledContentLeft>{contentLeft}</StyledContentLeft>\n                        {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    </>\n                );\n            }\n\n            return (\n                <>\n                    {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </>\n            );\n        };\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                style={\n                    {\n                        ...style,\n                        maxWidth,\n                        [privateTokens.customBackground]: customBackgroundColor,\n                        [privateTokens.customColor]: customColor,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <BadgeContent />\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","_StyledContentLeft","_StyledContentMain","_StyledContentMain2","_StyledContentRight","children","className","style","text","contentLeft","contentRight","size","view","customColor","customBackgroundColor","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","truncateClass","badgeTruncate","txt","iconOnlyClass","iconOnly","BadgeContent","React","createElement","Fragment","StyledContentLeft","StyledContentMain","StyledContentRight","_extends","cx","_objectSpread","_defineProperty","privateTokens","customBackground","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":";;;;;;;;;;;;IAcaA,SAAS,GAAG,SAAZA,SAASA,CAAIC,IAA+C,EAAA;AAAA,EAAA,oBACrEC,UAAU,CAA6B,UAACC,KAAK,EAAEC,GAAG,EAAK;AAAA,IAAA,IAAAC,kBAAA,EAAAC,kBAAA,EAAAC,mBAAA,EAAAC,mBAAA,CAAA;AACnD,IAAA,IACIC,QAAQ,GAeRN,KAAK,CAfLM,QAAQ;MACRC,SAAS,GAcTP,KAAK,CAdLO,SAAS;MACTC,KAAK,GAaLR,KAAK,CAbLQ,KAAK;MACLC,IAAI,GAYJT,KAAK,CAZLS,IAAI;MACJC,WAAW,GAWXV,KAAK,CAXLU,WAAW;MACXC,YAAY,GAUZX,KAAK,CAVLW,YAAY;MACZC,IAAI,GASJZ,KAAK,CATLY,IAAI;MACJC,IAAI,GAQJb,KAAK,CARLa,IAAI;MACJC,WAAW,GAOXd,KAAK,CAPLc,WAAW;MACXC,qBAAqB,GAMrBf,KAAK,CANLe,qBAAqB;MAAAC,aAAA,GAMrBhB,KAAK,CALLiB,MAAM;AAANA,MAAAA,MAAM,GAAAD,aAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,aAAA;MAAAE,kBAAA,GAKdlB,KAAK,CAJLmB,WAAW;AAAXA,MAAAA,WAAW,GAAAD,kBAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,kBAAA;MAAAE,YAAA,GAInBpB,KAAK,CAHLqB,KAAK;AAALA,MAAAA,KAAK,GAAAD,YAAA,KAAG,KAAA,CAAA,GAAA,KAAK,GAAAA,YAAA;MAAAE,eAAA,GAGbtB,KAAK,CAFLuB,QAAQ;AAARA,MAAAA,QAAQ,GAAAD,eAAA,KAAG,KAAA,CAAA,GAAA,MAAM,GAAAA,eAAA;AACdE,MAAAA,IAAI,GAAAC,wBAAA,CACPzB,KAAK,EAAA0B,SAAA,CAAA,CAAA;IAET,IAAMC,WAAW,GAAGV,MAAM,GAAGW,OAAO,CAACC,WAAW,GAAGC,SAAS,CAAA;IAC5D,IAAMC,gBAAgB,GAAGZ,WAAW,GAAGS,OAAO,CAACI,gBAAgB,GAAGF,SAAS,CAAA;IAC3E,IAAMG,UAAU,GAAGZ,KAAK,GAAGO,OAAO,CAACM,UAAU,GAAGJ,SAAS,CAAA;IACzD,IAAMK,aAAa,GAAGZ,QAAQ,KAAK,MAAM,GAAGK,OAAO,CAACQ,aAAa,GAAGN,SAAS,CAAA;AAE7E,IAAA,IAAMO,GAAG,GAAG,CAAC5B,IAAI,IAAI,OAAOH,QAAQ,KAAK,QAAQ,GAAGA,QAAQ,GAAGG,IAAI,CAAA;IACnE,IAAM6B,aAAa,GAAG,CAACD,GAAG,IAAI3B,WAAW,GAAGkB,OAAO,CAACW,QAAQ,GAAGT,SAAS,CAAA;AAExE,IAAA,IAAMU,YAAY,GAAG,SAAfA,YAAYA,GAAS;AACvB,MAAA,IAAI9B,WAAW,EAAE;AACb,QAAA,oBACI+B,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EAAA,IAAA,EAAAzC,kBAAA,KAAAA,kBAAA,gBACIuC,KAAA,CAAAC,aAAA,CAACE,iBAAiB,EAAA,IAAA,EAAElC,WAA+B,CAAC,GACnD2B,GAAG,GAAAlC,kBAAA,KAAAA,kBAAA,gBAAGsC,KAAA,CAAAC,aAAA,CAACG,iBAAiB,EAAA,IAAA,EAAER,GAAuB,CAAC,CAAA,GAAG/B,QACxD,CAAC,CAAA;AAEX,OAAA;AAEA,MAAA,oBACImC,KAAA,CAAAC,aAAA,CAAAD,KAAA,CAAAE,QAAA,EACKN,IAAAA,EAAAA,GAAG,GAAAjC,mBAAA,KAAAA,mBAAA,gBAAGqC,KAAA,CAAAC,aAAA,CAACG,iBAAiB,EAAA,IAAA,EAAER,GAAuB,CAAC,IAAG/B,QAAQ,EAC7DK,YAAY,KAAAN,mBAAA,KAAAA,mBAAA,gBAAIoC,KAAA,CAAAC,aAAA,CAACI,kBAAkB,QAAEnC,YAAiC,CAAC,EAC1E,CAAC,CAAA;KAEV,CAAA;AAED,IAAA,oBACI8B,KAAA,CAAAC,aAAA,CAAC5C,IAAI,EAAAiD,QAAA,CAAA;AACD9C,MAAAA,GAAG,EAAEA,GAAI;AACTM,MAAAA,SAAS,EAAEyC,EAAE,CAACrB,WAAW,EAAEI,gBAAgB,EAAEE,UAAU,EAAEE,aAAa,EAAEG,aAAa,EAAE/B,SAAS,CAAE;AAClGM,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,IAAI,EAAEA,IAAK;AACXK,MAAAA,MAAM,EAAEA,MAAO;AACfE,MAAAA,WAAW,EAAEA,WAAY;AACzBE,MAAAA,KAAK,EAAEA,KAAM;MACbb,KAAK,EAAAyC,cAAA,CAAAA,cAAA,KAEMzC,KAAK,CAAA,EAAA,EAAA,EAAA0C,eAAA,CAAAA,eAAA,CAAA;AACR3B,QAAAA,QAAQ,EAARA,QAAAA;OACC4B,EAAAA,aAAa,CAACC,gBAAgB,EAAGrC,qBAAqB,GACtDoC,aAAa,CAACrC,WAAW,EAAGA,WAAW,CAAA,CAAA;KAG5CU,EAAAA,IAAI,gBAERiB,KAAA,CAAAC,aAAA,CAACF,YAAY,EAAE,IAAA,CACb,CAAC,CAAA;AAEf,GAAC,CAAC,CAAA;AAAA,EAAA;AAEC,IAAMa,WAAW,GAAG;AACvBC,EAAAA,IAAI,EAAE,OAAO;AACbC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAE3D,SAAS;AACjB4D,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR7C,IAAAA,IAAI,EAAE;AACF8C,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACDhD,IAAAA,IAAI,EAAE;AACF+C,MAAAA,GAAG,EAAEE,MAAAA;KACR;AACD5C,IAAAA,MAAM,EAAE;AACJ0C,MAAAA,GAAG,EAAEG,MAAS;AACdC,MAAAA,KAAK,EAAE,IAAA;KACV;AACD5C,IAAAA,WAAW,EAAE;AACTwC,MAAAA,GAAG,EAAEK,MAAc;AACnBD,MAAAA,KAAK,EAAE,IAAA;KACV;AACD1C,IAAAA,KAAK,EAAE;AACHsC,MAAAA,GAAG,EAAEM,MAAQ;AACbF,MAAAA,KAAK,EAAE,IAAA;AACX,KAAA;GACH;AACDG,EAAAA,QAAQ,EAAE;AACNrD,IAAAA,IAAI,EAAE,SAAS;AACfD,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Badge.js","sources":["../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { CSSProperties, forwardRef } from 'react';\n\nimport type { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as pilledCSS } from './variations/_pilled/base';\nimport { base as transparentCSS } from './variations/_transparent/base';\nimport { base as clearCSS } from './variations/_clear/base';\nimport type { BadgeProps, BadgeRootProps } from './Badge.types';\nimport { StyledContentLeft, StyledContentMain, StyledContentRight, base } from './Badge.styles';\nimport { classes, privateTokens } from './Badge.tokens';\n\nexport const badgeRoot = (Root: RootProps<HTMLDivElement, BadgeRootProps>) =>\n    forwardRef<HTMLDivElement, BadgeProps>((props, ref) => {\n        const {\n            children,\n            className,\n            style,\n            text,\n            contentLeft,\n            contentRight,\n            size,\n            view,\n            customColor,\n            customBackgroundColor,\n            pilled = false,\n            transparent = false,\n            clear = false,\n            maxWidth = 'auto',\n            ...rest\n        } = props;\n\n        const pilledClass = pilled ? classes.badgePilled : undefined;\n        const transparentClass = transparent ? classes.badgeTransparent : undefined;\n        const clearClass = clear ? classes.badgeClear : undefined;\n        const truncateClass = maxWidth !== 'auto' ? classes.badgeTruncate : undefined;\n\n        const txt = !text && typeof children === 'string' ? children : text;\n        const iconOnlyClass = !txt && contentLeft ? classes.iconOnly : undefined;\n\n        const BadgeContent = () => {\n            if (contentLeft) {\n                return (\n                    <>\n                        <StyledContentLeft>{contentLeft}</StyledContentLeft>\n                        {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    </>\n                );\n            }\n\n            return (\n                <>\n                    {txt ? <StyledContentMain>{txt}</StyledContentMain> : children}\n                    {contentRight && <StyledContentRight>{contentRight}</StyledContentRight>}\n                </>\n            );\n        };\n\n        return (\n            <Root\n                ref={ref}\n                className={cx(pilledClass, transparentClass, clearClass, truncateClass, iconOnlyClass, className)}\n                view={view}\n                size={size}\n                pilled={pilled}\n                transparent={transparent}\n                clear={clear}\n                style={\n                    {\n                        ...style,\n                        maxWidth,\n                        [privateTokens.customBackground]: customBackgroundColor,\n                        [privateTokens.customColor]: customColor,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <BadgeContent />\n            </Root>\n        );\n    });\n\nexport const badgeConfig = {\n    name: 'Badge',\n    tag: 'div',\n    layout: badgeRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        pilled: {\n            css: pilledCSS,\n            attrs: true,\n        },\n        transparent: {\n            css: transparentCSS,\n            attrs: true,\n        },\n        clear: {\n            css: clearCSS,\n            attrs: true,\n        },\n    },\n    defaults: {\n        view: 'primary',\n        size: 'm',\n    },\n};\n"],"names":["badgeRoot","Root","forwardRef","props","ref","_StyledContentLeft","_StyledContentMain","_StyledContentMain2","_StyledContentRight","children","className","style","text","contentLeft","contentRight","size","view","customColor","customBackgroundColor","_props$pilled","pilled","_props$transparent","transparent","_props$clear","clear","_props$maxWidth","maxWidth","rest","_objectWithoutProperties","_excluded","pilledClass","classes","badgePilled","undefined","transparentClass","badgeTransparent","clearClass","badgeClear","truncateClass","badgeTruncate","txt","iconOnlyClass","iconOnly","BadgeContent","React","createElement","Fragment","StyledContentLeft","StyledContentMain","StyledContentRight","_extends","cx","_objectSpread","_defineProperty","privateTokens","customBackground","badgeConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","pilledCSS","attrs","transparentCSS","clearCSS","defaults"],"mappings":"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"}

package/es/components/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,4 @@
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base as base$2 } from './variations/_size/base.js';
 import { base as base$1 } from './variations/_view/base.js';
@@ -15,20 +15,20 @@ var breadcrumbsRoot = function breadcrumbsRoot(Root) {
       _ref$showItems = _ref.showItems,
       showItems = _ref$showItems === void 0 ? items.length : _ref$showItems,
       className = _ref.className;
-    var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React.createElement(Separator, {
+    var renderSeparator = separator !== null && separator !== void 0 ? separator : /*#__PURE__*/React__default.createElement(Separator, {
       color: "inherit",
       size: convertIconSize(size)
     });
     var renderItems = getRenderItems(items, renderSeparator, showItems);
     var itemsWithSeparator = addSeparator(renderItems, renderSeparator);
-    return /*#__PURE__*/React.createElement(Root, {
+    return /*#__PURE__*/React__default.createElement(Root, {
       ref: outerRootRef,
       size: size,
       view: view,
       className: cx(className),
       items: items
     }, itemsWithSeparator.map(function (item, index) {
-      return /*#__PURE__*/React.createElement(React.Fragment, {
+      return /*#__PURE__*/React__default.createElement(React__default.Fragment, {
         key: index
       }, item);
     }));

package/es/components/Breadcrumbs/Breadcrumbs.js.map

@@ -1 +1 @@
-{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize } from './utils';\nimport { getRenderItems } from './utils/getShortItems';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n    forwardRef<HTMLDivElement, BreadcrumbsProps>(\n        ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n            const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n            const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n            const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n                    {itemsWithSeparator.map((item, index) => (\n                        <React.Fragment key={index}>{item}</React.Fragment>\n                    ))}\n                </Root>\n            );\n        },\n    );\n\nexport const breadcrumbsConfig = {\n    name: 'Breadcrumbs',\n    tag: 'div',\n    layout: breadcrumbsRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","index","Fragment","key","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;IAYaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,KAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,eAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,cAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,YAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,KAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;AAAA,MAAA,oBAChCb,KAAA,CAAAC,aAAA,CAACD,KAAK,CAACc,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEF,KAAAA;AAAM,OAAA,EAAED,IAAqB,CAAC,CAAA;AAAA,KACtD,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMI,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjC,eAAe;AACvBkC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR9B,IAAAA,IAAI,EAAE;AACF+B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD/B,IAAAA,IAAI,EAAE;AACF8B,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}
+{"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport { RootProps } from '../../engines';\nimport { cx } from '../../utils';\n\nimport type { BreadcrumbsProps } from './Breadcrumbs.types';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as viewCSS } from './variations/_view/base';\nimport { base, Separator } from './Breadcrumbs.styles';\nimport { addSeparator, convertIconSize } from './utils';\nimport { getRenderItems } from './utils/getShortItems';\n\nexport const breadcrumbsRoot = (Root: RootProps<HTMLDivElement, BreadcrumbsProps>) =>\n    forwardRef<HTMLDivElement, BreadcrumbsProps>(\n        ({ view, size, separator, items, showItems = items.length, className }, outerRootRef) => {\n            const renderSeparator = separator ?? <Separator color=\"inherit\" size={convertIconSize(size)} />;\n            const renderItems: ReactNode[] = getRenderItems(items, renderSeparator, showItems);\n            const itemsWithSeparator = addSeparator(renderItems, renderSeparator);\n\n            return (\n                <Root ref={outerRootRef} size={size} view={view} className={cx(className)} items={items}>\n                    {itemsWithSeparator.map((item, index) => (\n                        <React.Fragment key={index}>{item}</React.Fragment>\n                    ))}\n                </Root>\n            );\n        },\n    );\n\nexport const breadcrumbsConfig = {\n    name: 'Breadcrumbs',\n    tag: 'div',\n    layout: breadcrumbsRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n    },\n    defaults: {\n        view: 'default',\n        size: 'm',\n    },\n};\n"],"names":["breadcrumbsRoot","Root","forwardRef","_ref","outerRootRef","view","size","separator","items","_ref$showItems","showItems","length","className","renderSeparator","React","createElement","Separator","color","convertIconSize","renderItems","getRenderItems","itemsWithSeparator","addSeparator","ref","cx","map","item","index","Fragment","key","breadcrumbsConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","defaults"],"mappings":";;;;;;;;IAYaA,eAAe,GAAG,SAAlBA,eAAeA,CAAIC,IAAiD,EAAA;AAAA,EAAA,oBAC7EC,UAAU,CACN,UAAAC,IAAA,EAAwEC,YAAY,EAAK;AAAA,IAAA,IAAtFC,IAAI,GAAAF,IAAA,CAAJE,IAAI;MAAEC,IAAI,GAAAH,IAAA,CAAJG,IAAI;MAAEC,SAAS,GAAAJ,IAAA,CAATI,SAAS;MAAEC,KAAK,GAAAL,IAAA,CAALK,KAAK;MAAAC,cAAA,GAAAN,IAAA,CAAEO,SAAS;AAATA,MAAAA,SAAS,GAAAD,cAAA,KAAA,KAAA,CAAA,GAAGD,KAAK,CAACG,MAAM,GAAAF,cAAA;MAAEG,SAAS,GAAAT,IAAA,CAATS,SAAS,CAAA;AAChE,IAAA,IAAMC,eAAe,GAAGN,SAAS,KAAA,IAAA,IAATA,SAAS,KAAA,KAAA,CAAA,GAATA,SAAS,gBAAIO,cAAA,CAAAC,aAAA,CAACC,SAAS,EAAA;AAACC,MAAAA,KAAK,EAAC,SAAS;MAACX,IAAI,EAAEY,eAAe,CAACZ,IAAI,CAAA;AAAE,KAAE,CAAC,CAAA;IAC/F,IAAMa,WAAwB,GAAGC,cAAc,CAACZ,KAAK,EAAEK,eAAe,EAAEH,SAAS,CAAC,CAAA;AAClF,IAAA,IAAMW,kBAAkB,GAAGC,YAAY,CAACH,WAAW,EAAEN,eAAe,CAAC,CAAA;AAErE,IAAA,oBACIC,cAAA,CAAAC,aAAA,CAACd,IAAI,EAAA;AAACsB,MAAAA,GAAG,EAAEnB,YAAa;AAACE,MAAAA,IAAI,EAAEA,IAAK;AAACD,MAAAA,IAAI,EAAEA,IAAK;AAACO,MAAAA,SAAS,EAAEY,EAAE,CAACZ,SAAS,CAAE;AAACJ,MAAAA,KAAK,EAAEA,KAAAA;AAAM,KAAA,EACnFa,kBAAkB,CAACI,GAAG,CAAC,UAACC,IAAI,EAAEC,KAAK,EAAA;AAAA,MAAA,oBAChCb,cAAA,CAAAC,aAAA,CAACD,cAAK,CAACc,QAAQ,EAAA;AAACC,QAAAA,GAAG,EAAEF,KAAAA;AAAM,OAAA,EAAED,IAAqB,CAAC,CAAA;AAAA,KACtD,CACC,CAAC,CAAA;AAEf,GACJ,CAAC,CAAA;AAAA,EAAA;AAEE,IAAMI,iBAAiB,GAAG;AAC7BC,EAAAA,IAAI,EAAE,aAAa;AACnBC,EAAAA,GAAG,EAAE,KAAK;AACVC,EAAAA,MAAM,EAAEjC,eAAe;AACvBkC,EAAAA,IAAI,EAAJA,IAAI;AACJC,EAAAA,UAAU,EAAE;AACR9B,IAAAA,IAAI,EAAE;AACF+B,MAAAA,GAAG,EAAEC,MAAAA;KACR;AACD/B,IAAAA,IAAI,EAAE;AACF8B,MAAAA,GAAG,EAAEE,MAAAA;AACT,KAAA;GACH;AACDC,EAAAA,QAAQ,EAAE;AACNlC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAA;AACV,GAAA;AACJ;;;;"}

package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js

@@ -1,5 +1,5 @@
 import { slicedToArray as _slicedToArray } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { useState } from 'react';
+import React__default, { useState } from 'react';
 import { addSeparator } from '../../utils/index.js';
 import { StyledRoot, StyledShorter, StyledHidden } from './BreadcrumbShorter.styles.js';
 
@@ -17,13 +17,13 @@ var BreadcrumbShorter = function BreadcrumbShorter(_ref) {
       setOpenShorter(true);
     }
   };
-  return /*#__PURE__*/React.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React.createElement(StyledShorter, {
+  return /*#__PURE__*/React__default.createElement(StyledRoot, null, !openShorter && /*#__PURE__*/React__default.createElement(StyledShorter, {
     tabIndex: 0,
     onClick: function onClick() {
       return setOpenShorter(true);
     },
     onKeyDown: onKeyPress
-  }, "..."), openShorter && /*#__PURE__*/React.createElement(StyledHidden, null, renderItems.map(function (item) {
+  }, "..."), openShorter && /*#__PURE__*/React__default.createElement(StyledHidden, null, renderItems.map(function (item) {
     return item;
   })));
 };

package/es/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.js.map

@@ -1 +1 @@
-{"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n    children,\n    separator,\n}) => {\n    const [openShorter, setOpenShorter] = useState(false);\n\n    const renderItems: ReactNode[] = addSeparator(children, separator);\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        event.persist();\n\n        if (event.keyCode === 13) {\n            setOpenShorter(true);\n        }\n    };\n\n    return (\n        <StyledRoot>\n            {!openShorter && (\n                <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n                    ...\n                </StyledShorter>\n            )}\n            {openShorter && <StyledHidden>{renderItems.map((item) => item)}</StyledHidden>}\n        </StyledRoot>\n    );\n};\n"],"names":["BreadcrumbShorter","_ref","children","separator","_useState","useState","_useState2","_slicedToArray","openShorter","setOpenShorter","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;IAOaA,iBAAoF,GAAG,SAAvFA,iBAAoFA,CAAAC,IAAA,EAG3F;AAAA,EAAA,IAFFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,WAAwB,GAAGC,YAAY,CAACT,QAAQ,EAAEC,SAAS,CAAC,CAAA;AAElE,EAAA,IAAMS,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBN,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIO,KAAA,CAAAC,aAAA,CAACC,UAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,KAAA,CAAAC,aAAA,CAACE,aAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,cAAc,CAAC,IAAI,CAAC,CAAA;KAAC;AAACa,IAAAA,SAAS,EAAEV,UAAAA;AAAW,GAAA,EAAC,KAEzE,CAClB,EACAJ,WAAW,iBAAIQ,KAAA,CAAAC,aAAA,CAACM,YAAY,QAAEb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,IAAA,OAAKA,IAAI,CAAA;AAAA,GAAA,CAAgB,CACrE,CAAC,CAAA;AAErB;;;;"}
+{"version":3,"file":"BreadcrumbShorter.js","sources":["../../../../../src/components/Breadcrumbs/ui/BreadcrumbShorter/BreadcrumbShorter.tsx"],"sourcesContent":["import React, { HTMLAttributes, ReactNode, useState, KeyboardEvent } from 'react';\n\nimport { addSeparator } from '../../utils';\n\nimport { StyledHidden, StyledRoot, StyledShorter } from './BreadcrumbShorter.styles';\nimport { BreadcrumbShorterProps } from './BreadcrumbShorter.types';\n\nexport const BreadcrumbShorter: React.FC<HTMLAttributes<HTMLDivElement> & BreadcrumbShorterProps> = ({\n    children,\n    separator,\n}) => {\n    const [openShorter, setOpenShorter] = useState(false);\n\n    const renderItems: ReactNode[] = addSeparator(children, separator);\n\n    const onKeyPress = (event: KeyboardEvent<HTMLDivElement>) => {\n        event.persist();\n\n        if (event.keyCode === 13) {\n            setOpenShorter(true);\n        }\n    };\n\n    return (\n        <StyledRoot>\n            {!openShorter && (\n                <StyledShorter tabIndex={0} onClick={() => setOpenShorter(true)} onKeyDown={onKeyPress}>\n                    ...\n                </StyledShorter>\n            )}\n            {openShorter && <StyledHidden>{renderItems.map((item) => item)}</StyledHidden>}\n        </StyledRoot>\n    );\n};\n"],"names":["BreadcrumbShorter","_ref","children","separator","_useState","useState","_useState2","_slicedToArray","openShorter","setOpenShorter","renderItems","addSeparator","onKeyPress","event","persist","keyCode","React","createElement","StyledRoot","StyledShorter","tabIndex","onClick","onKeyDown","StyledHidden","map","item"],"mappings":";;;;;IAOaA,iBAAoF,GAAG,SAAvFA,iBAAoFA,CAAAC,IAAA,EAG3F;AAAA,EAAA,IAFFC,QAAQ,GAAAD,IAAA,CAARC,QAAQ;IACRC,SAAS,GAAAF,IAAA,CAATE,SAAS,CAAA;AAET,EAAA,IAAAC,SAAA,GAAsCC,QAAQ,CAAC,KAAK,CAAC;IAAAC,UAAA,GAAAC,cAAA,CAAAH,SAAA,EAAA,CAAA,CAAA;AAA9CI,IAAAA,WAAW,GAAAF,UAAA,CAAA,CAAA,CAAA;AAAEG,IAAAA,cAAc,GAAAH,UAAA,CAAA,CAAA,CAAA,CAAA;AAElC,EAAA,IAAMI,WAAwB,GAAGC,YAAY,CAACT,QAAQ,EAAEC,SAAS,CAAC,CAAA;AAElE,EAAA,IAAMS,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAoC,EAAK;IACzDA,KAAK,CAACC,OAAO,EAAE,CAAA;AAEf,IAAA,IAAID,KAAK,CAACE,OAAO,KAAK,EAAE,EAAE;MACtBN,cAAc,CAAC,IAAI,CAAC,CAAA;AACxB,KAAA;GACH,CAAA;AAED,EAAA,oBACIO,cAAA,CAAAC,aAAA,CAACC,UAAU,EAAA,IAAA,EACN,CAACV,WAAW,iBACTQ,cAAA,CAAAC,aAAA,CAACE,aAAa,EAAA;AAACC,IAAAA,QAAQ,EAAE,CAAE;IAACC,OAAO,EAAE,SAAAA,OAAA,GAAA;MAAA,OAAMZ,cAAc,CAAC,IAAI,CAAC,CAAA;KAAC;AAACa,IAAAA,SAAS,EAAEV,UAAAA;AAAW,GAAA,EAAC,KAEzE,CAClB,EACAJ,WAAW,iBAAIQ,cAAA,CAAAC,aAAA,CAACM,YAAY,QAAEb,WAAW,CAACc,GAAG,CAAC,UAACC,IAAI,EAAA;AAAA,IAAA,OAAKA,IAAI,CAAA;AAAA,GAAA,CAAgB,CACrE,CAAC,CAAA;AAErB;;;;"}

package/es/components/Breadcrumbs/utils/getShortItems.js

@@ -1,4 +1,4 @@
-import React from 'react';
+import React__default from 'react';
 import { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter.js';
 import { StyledLink } from '../Breadcrumbs.styles.js';
 
@@ -9,7 +9,7 @@ var shortItems = function shortItems(items, renderSeparator, showItems) {
   var leftSlice = Math.floor(showItems / 2);
   var rightSlice = items.length - leftSlice - showItems % 2;
   var renderItems = items.slice(leftSlice, rightSlice);
-  var shorter = /*#__PURE__*/React.createElement(BreadcrumbShorter, {
+  var shorter = /*#__PURE__*/React__default.createElement(BreadcrumbShorter, {
     separator: renderSeparator
   }, renderItems);
   items.splice(leftSlice, rightSlice - leftSlice, shorter);
@@ -24,7 +24,7 @@ var getRenderItems = function getRenderItems(items, renderSeparator, showItems)
       disabled = item.disabled,
       href = item.href,
       onClick = item.onClick;
-    return /*#__PURE__*/React.createElement(StyledLink, {
+    return /*#__PURE__*/React__default.createElement(StyledLink, {
       tabIndex: 0,
       href: href,
       disabled: disabled,

package/es/components/Breadcrumbs/utils/getShortItems.js.map

@@ -1 +1 @@
-{"version":3,"file":"getShortItems.js","sources":["../../../../src/components/Breadcrumbs/utils/getShortItems.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n    if (!showItems || showItems < 2 || items.length <= showItems) {\n        return items;\n    }\n\n    const leftSlice = Math.floor(showItems / 2);\n    const rightSlice = items.length - leftSlice - (showItems % 2);\n\n    const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n    const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n    items.splice(leftSlice, rightSlice - leftSlice, shorter);\n    return items;\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n    const renderItems = shortItems(\n        items.map((item: BreadcrumbsItem) => {\n            if (item.renderItem) {\n                return item.renderItem();\n            }\n\n            const { title, disabled, href, onClick } = item;\n\n            return (\n                <StyledLink\n                    tabIndex={0}\n                    href={href}\n                    disabled={disabled}\n                    onClick={onClick}\n                    isHref={Boolean(href || onClick)}\n                >\n                    {title}\n                </StyledLink>\n            );\n        }),\n        renderSeparator,\n        showItems,\n    );\n\n    return renderItems;\n};\n"],"names":["shortItems","items","renderSeparator","showItems","length","leftSlice","Math","floor","rightSlice","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","getRenderItems","map","item","renderItem","title","disabled","href","onClick","StyledLink","tabIndex","isHref","Boolean"],"mappings":";;;;AAOO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;AAC9F,EAAA,IAAI,CAACA,SAAS,IAAIA,SAAS,GAAG,CAAC,IAAIF,KAAK,CAACG,MAAM,IAAID,SAAS,EAAE;AAC1D,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMI,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMK,UAAU,GAAGP,KAAK,CAACG,MAAM,GAAGC,SAAS,GAAIF,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACL,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMG,OAAO,gBAAGC,KAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACX,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEM,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,EAAC;AAEM,IAAMgB,cAAc,GAAG,SAAjBA,cAAcA,CAAIhB,KAAwB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACxG,IAAMM,WAAW,GAAGT,UAAU,CAC1BC,KAAK,CAACiB,GAAG,CAAC,UAACC,IAAqB,EAAK;IACjC,IAAIA,IAAI,CAACC,UAAU,EAAE;AACjB,MAAA,OAAOD,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,KAAA;AAEA,IAAA,IAAQC,KAAK,GAA8BF,IAAI,CAAvCE,KAAK;MAAEC,QAAQ,GAAoBH,IAAI,CAAhCG,QAAQ;MAAEC,IAAI,GAAcJ,IAAI,CAAtBI,IAAI;MAAEC,OAAO,GAAKL,IAAI,CAAhBK,OAAO,CAAA;AAEtC,IAAA,oBACIZ,KAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AACPC,MAAAA,QAAQ,EAAE,CAAE;AACZH,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,MAAM,EAAEC,OAAO,CAACL,IAAI,IAAIC,OAAO,CAAA;AAAE,KAAA,EAEhCH,KACO,CAAC,CAAA;AAErB,GAAC,CAAC,EACFnB,eAAe,EACfC,SACJ,CAAC,CAAA;AAED,EAAA,OAAOM,WAAW,CAAA;AACtB;;;;"}
+{"version":3,"file":"getShortItems.js","sources":["../../../../src/components/Breadcrumbs/utils/getShortItems.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactNode } from 'react';\n\nimport { BreadcrumbShorter } from '../ui/BreadcrumbShorter/BreadcrumbShorter';\nimport { StyledLink } from '../Breadcrumbs.styles';\nimport { BreadcrumbsItem } from '../Breadcrumbs.types';\n\nexport const shortItems = (items: ReactNode[], renderSeparator: ReactNode, showItems?: number) => {\n    if (!showItems || showItems < 2 || items.length <= showItems) {\n        return items;\n    }\n\n    const leftSlice = Math.floor(showItems / 2);\n    const rightSlice = items.length - leftSlice - (showItems % 2);\n\n    const renderItems: ReactNode[] = items.slice(leftSlice, rightSlice);\n    const shorter = <BreadcrumbShorter separator={renderSeparator}>{renderItems}</BreadcrumbShorter>;\n    items.splice(leftSlice, rightSlice - leftSlice, shorter);\n    return items;\n};\n\nexport const getRenderItems = (items: BreadcrumbsItem[], renderSeparator: ReactNode, showItems?: number) => {\n    const renderItems = shortItems(\n        items.map((item: BreadcrumbsItem) => {\n            if (item.renderItem) {\n                return item.renderItem();\n            }\n\n            const { title, disabled, href, onClick } = item;\n\n            return (\n                <StyledLink\n                    tabIndex={0}\n                    href={href}\n                    disabled={disabled}\n                    onClick={onClick}\n                    isHref={Boolean(href || onClick)}\n                >\n                    {title}\n                </StyledLink>\n            );\n        }),\n        renderSeparator,\n        showItems,\n    );\n\n    return renderItems;\n};\n"],"names":["shortItems","items","renderSeparator","showItems","length","leftSlice","Math","floor","rightSlice","renderItems","slice","shorter","React","createElement","BreadcrumbShorter","separator","splice","getRenderItems","map","item","renderItem","title","disabled","href","onClick","StyledLink","tabIndex","isHref","Boolean"],"mappings":";;;;AAOO,IAAMA,UAAU,GAAG,SAAbA,UAAUA,CAAIC,KAAkB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;AAC9F,EAAA,IAAI,CAACA,SAAS,IAAIA,SAAS,GAAG,CAAC,IAAIF,KAAK,CAACG,MAAM,IAAID,SAAS,EAAE;AAC1D,IAAA,OAAOF,KAAK,CAAA;AAChB,GAAA;EAEA,IAAMI,SAAS,GAAGC,IAAI,CAACC,KAAK,CAACJ,SAAS,GAAG,CAAC,CAAC,CAAA;EAC3C,IAAMK,UAAU,GAAGP,KAAK,CAACG,MAAM,GAAGC,SAAS,GAAIF,SAAS,GAAG,CAAE,CAAA;EAE7D,IAAMM,WAAwB,GAAGR,KAAK,CAACS,KAAK,CAACL,SAAS,EAAEG,UAAU,CAAC,CAAA;AACnE,EAAA,IAAMG,OAAO,gBAAGC,cAAA,CAAAC,aAAA,CAACC,iBAAiB,EAAA;AAACC,IAAAA,SAAS,EAAEb,eAAAA;AAAgB,GAAA,EAAEO,WAA+B,CAAC,CAAA;EAChGR,KAAK,CAACe,MAAM,CAACX,SAAS,EAAEG,UAAU,GAAGH,SAAS,EAAEM,OAAO,CAAC,CAAA;AACxD,EAAA,OAAOV,KAAK,CAAA;AAChB,EAAC;AAEM,IAAMgB,cAAc,GAAG,SAAjBA,cAAcA,CAAIhB,KAAwB,EAAEC,eAA0B,EAAEC,SAAkB,EAAK;EACxG,IAAMM,WAAW,GAAGT,UAAU,CAC1BC,KAAK,CAACiB,GAAG,CAAC,UAACC,IAAqB,EAAK;IACjC,IAAIA,IAAI,CAACC,UAAU,EAAE;AACjB,MAAA,OAAOD,IAAI,CAACC,UAAU,EAAE,CAAA;AAC5B,KAAA;AAEA,IAAA,IAAQC,KAAK,GAA8BF,IAAI,CAAvCE,KAAK;MAAEC,QAAQ,GAAoBH,IAAI,CAAhCG,QAAQ;MAAEC,IAAI,GAAcJ,IAAI,CAAtBI,IAAI;MAAEC,OAAO,GAAKL,IAAI,CAAhBK,OAAO,CAAA;AAEtC,IAAA,oBACIZ,cAAA,CAAAC,aAAA,CAACY,UAAU,EAAA;AACPC,MAAAA,QAAQ,EAAE,CAAE;AACZH,MAAAA,IAAI,EAAEA,IAAK;AACXD,MAAAA,QAAQ,EAAEA,QAAS;AACnBE,MAAAA,OAAO,EAAEA,OAAQ;AACjBG,MAAAA,MAAM,EAAEC,OAAO,CAACL,IAAI,IAAIC,OAAO,CAAA;AAAE,KAAA,EAEhCH,KACO,CAAC,CAAA;AAErB,GAAC,CAAC,EACFnB,eAAe,EACfC,SACJ,CAAC,CAAA;AAED,EAAA,OAAOM,WAAW,CAAA;AACtB;;;;"}

package/es/components/Button/Button.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends, objectSpread2 as _objectSpread2, defineProperty as _defineProperty } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import cls from 'classnames';
 import { convertRoundnessMatrix } from '../../utils/roundness.js';
 import { cx } from '../../utils/index.js';
@@ -53,7 +53,7 @@ var buttonRoot = function buttonRoot(Root) {
       relaxed: 'space-between'
     };
     var contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       type: "button",
       ref: ref,
       view: view,
@@ -66,18 +66,18 @@ var buttonRoot = function buttonRoot(Root) {
         '--plasma_computed-btn-br': buttonBorderRadius,
         '--plasma_private-blur': blur
       })
-    }, rest), /*#__PURE__*/React.createElement(LoadWrap, {
+    }, rest), /*#__PURE__*/React__default.createElement(LoadWrap, {
       contentPlacing: contentPlacementValue,
       isLoading: isLoading
-    }, contentLeft && /*#__PURE__*/React.createElement(StyledContentLeft, {
+    }, contentLeft && /*#__PURE__*/React__default.createElement(StyledContentLeft, {
       hasContentMargin: hasRightContentMargin
-    }, contentLeft), txt ? /*#__PURE__*/React.createElement(ButtonText, {
+    }, contentLeft), txt ? /*#__PURE__*/React__default.createElement(ButtonText, {
       className: !additionalContent ? contentRelaxedClass : ''
-    }, txt) : children, additionalContent && /*#__PURE__*/React.createElement(StyledAdditionalContent, {
+    }, txt) : children, additionalContent && /*#__PURE__*/React__default.createElement(StyledAdditionalContent, {
       className: cls(contentRelaxedClass, _defineProperty({}, classes.buttonHasValue, Boolean(value)))
-    }, additionalContent), value && /*#__PURE__*/React.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React.createElement(StyledContentRight, {
+    }, additionalContent), value && /*#__PURE__*/React__default.createElement(ButtonValue, null, value), contentRight && /*#__PURE__*/React__default.createElement(StyledContentRight, {
       hasContentMargin: hasLeftContentMargin
-    }, contentRight)), isLoading && /*#__PURE__*/React.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React.createElement(StyledSpinner, null))));
+    }, contentRight)), isLoading && /*#__PURE__*/React__default.createElement(Loader, null, loader || _StyledSpinner || (_StyledSpinner = /*#__PURE__*/React__default.createElement(StyledSpinner, null))));
   });
 };
 var buttonConfig = {

package/es/components/Button/Button.js.map

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n    base,\n    ButtonText,\n    ButtonValue,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n    forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            value,\n            contentLeft,\n            contentRight,\n            contentPlacing = 'default',\n            isLoading,\n            loader,\n            stretch,\n            square,\n            pin,\n            disabled,\n            focused,\n            outlined,\n            className,\n            blur,\n            style,\n            stretching = 'auto',\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n        const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n        const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n        const stretchingClass = stretch\n            ? classes.filledStretching\n            : classes[`${stretching}Stretching` as keyof typeof classes];\n        const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n        const squareClass = square ? classes.buttonSquare : undefined;\n        const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n        const buttonBorderRadius = pin\n            ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n            : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n        const contentPlacingMapper: ContentPlacementMapper = {\n            default: 'center',\n            relaxed: 'space-between',\n        };\n\n        const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                view={view}\n                size={size}\n                value={value}\n                disabled={disabled}\n                focused={focused || outlined}\n                className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n                style={\n                    {\n                        ...style,\n                        '--plasma_computed-btn-br': buttonBorderRadius,\n                        '--plasma_private-blur': blur,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n                    {contentLeft && (\n                        <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n                    )}\n                    {txt ? (\n                        <ButtonText className={!additionalContent ? contentRelaxedClass : ''}>{txt}</ButtonText>\n                    ) : (\n                        children\n                    )}\n                    {additionalContent && (\n                        <StyledAdditionalContent\n                            className={cls(contentRelaxedClass, {\n                                [classes.buttonHasValue]: Boolean(value),\n                            })}\n                        >\n                            {additionalContent}\n                        </StyledAdditionalContent>\n                    )}\n                    {value && <ButtonValue>{value}</ButtonValue>}\n                    {contentRight && (\n                        <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n                    )}\n                </LoadWrap>\n                {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const buttonConfig = {\n    name: 'Button',\n    tag: 'button',\n    layout: buttonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n            // TODO: isLoading => disabled\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}
+{"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport type { CSSProperties } from 'react';\nimport cls from 'classnames';\n\nimport type { RootProps } from '../../engines';\nimport { convertRoundnessMatrix } from '../../utils/roundness';\nimport { cx } from '../../utils';\n\nimport { base as viewCSS } from './variations/_view/base';\nimport { base as sizeCSS } from './variations/_size/base';\nimport { base as disabledCSS } from './variations/_disabled/base';\nimport { base as focusedCSS } from './variations/_focused/base';\nimport { base as stretchingCSS } from './variations/_stretching/base';\nimport { base as blurredCSS } from './variations/_blurred/base';\nimport type { ButtonProps, ContentPlacementMapper } from './Button.types';\nimport {\n    base,\n    ButtonText,\n    ButtonValue,\n    Loader,\n    LoadWrap,\n    StyledAdditionalContent,\n    StyledContentLeft,\n    StyledContentRight,\n    StyledSpinner,\n} from './Button.styles';\nimport { classes, tokens } from './Button.tokens';\n\nexport const buttonRoot = (Root: RootProps<HTMLButtonElement, ButtonProps>) =>\n    forwardRef<HTMLButtonElement, ButtonProps>((props, ref) => {\n        const {\n            children,\n            view,\n            size,\n            text,\n            value,\n            contentLeft,\n            contentRight,\n            contentPlacing = 'default',\n            isLoading,\n            loader,\n            stretch,\n            square,\n            pin,\n            disabled,\n            focused,\n            outlined,\n            className,\n            blur,\n            style,\n            stretching = 'auto',\n            additionalContent,\n            ...rest\n        } = props;\n\n        const txt = typeof children === 'string' ? children : text;\n        const hasRightContentMargin = Boolean(children || txt || value || contentRight);\n        const hasLeftContentMargin = Boolean(contentLeft ? contentLeft && (txt || value) : txt || value);\n\n        const stretchingClass = stretch\n            ? classes.filledStretching\n            : classes[`${stretching}Stretching` as keyof typeof classes];\n        const contentRelaxedClass = contentPlacing === 'relaxed' ? classes.contentRelaxed : undefined;\n        const squareClass = square ? classes.buttonSquare : undefined;\n        const isLoadingClass = isLoading ? classes.buttonLoading : undefined;\n        const buttonBorderRadius = pin\n            ? convertRoundnessMatrix(pin, `var(${tokens.buttonRadius})`, `var(${tokens.buttonHeight})`)\n            : `var(${tokens.buttonRadius}, calc(var(${tokens.buttonHeight}) / 4))`;\n\n        const contentPlacingMapper: ContentPlacementMapper = {\n            default: 'center',\n            relaxed: 'space-between',\n        };\n\n        const contentPlacementValue = contentPlacing ? contentPlacingMapper[contentPlacing] : 'center';\n\n        return (\n            <Root\n                type=\"button\"\n                ref={ref}\n                view={view}\n                size={size}\n                value={value}\n                disabled={disabled}\n                focused={focused || outlined}\n                className={cx(squareClass, stretchingClass, classes.buttonItem, isLoadingClass, className)}\n                style={\n                    {\n                        ...style,\n                        '--plasma_computed-btn-br': buttonBorderRadius,\n                        '--plasma_private-blur': blur,\n                    } as CSSProperties\n                }\n                {...rest}\n            >\n                <LoadWrap contentPlacing={contentPlacementValue} isLoading={isLoading}>\n                    {contentLeft && (\n                        <StyledContentLeft hasContentMargin={hasRightContentMargin}>{contentLeft}</StyledContentLeft>\n                    )}\n                    {txt ? (\n                        <ButtonText className={!additionalContent ? contentRelaxedClass : ''}>{txt}</ButtonText>\n                    ) : (\n                        children\n                    )}\n                    {additionalContent && (\n                        <StyledAdditionalContent\n                            className={cls(contentRelaxedClass, {\n                                [classes.buttonHasValue]: Boolean(value),\n                            })}\n                        >\n                            {additionalContent}\n                        </StyledAdditionalContent>\n                    )}\n                    {value && <ButtonValue>{value}</ButtonValue>}\n                    {contentRight && (\n                        <StyledContentRight hasContentMargin={hasLeftContentMargin}>{contentRight}</StyledContentRight>\n                    )}\n                </LoadWrap>\n                {isLoading && <Loader>{loader || <StyledSpinner />}</Loader>}\n            </Root>\n        );\n    });\n\nexport const buttonConfig = {\n    name: 'Button',\n    tag: 'button',\n    layout: buttonRoot,\n    base,\n    variations: {\n        view: {\n            css: viewCSS,\n        },\n        size: {\n            css: sizeCSS,\n        },\n        disabled: {\n            css: disabledCSS,\n            attrs: true,\n        },\n        focused: {\n            css: focusedCSS,\n            // TODO: isLoading => disabled\n        },\n        blurred: {\n            css: blurredCSS,\n        },\n        stretching: {\n            css: stretchingCSS,\n        },\n    },\n    defaults: {\n        view: 'secondary',\n        size: 'm',\n        stretching: 'auto',\n    },\n};\n"],"names":["buttonRoot","Root","forwardRef","props","ref","children","view","size","text","value","contentLeft","contentRight","_props$contentPlacing","contentPlacing","isLoading","loader","stretch","square","pin","disabled","focused","outlined","className","blur","style","_props$stretching","stretching","additionalContent","rest","_objectWithoutProperties","_excluded","txt","hasRightContentMargin","Boolean","hasLeftContentMargin","stretchingClass","classes","filledStretching","concat","contentRelaxedClass","contentRelaxed","undefined","squareClass","buttonSquare","isLoadingClass","buttonLoading","buttonBorderRadius","convertRoundnessMatrix","tokens","buttonRadius","buttonHeight","contentPlacingMapper","relaxed","contentPlacementValue","React","createElement","_extends","type","cx","buttonItem","_objectSpread","LoadWrap","StyledContentLeft","hasContentMargin","ButtonText","StyledAdditionalContent","cls","_defineProperty","buttonHasValue","ButtonValue","StyledContentRight","Loader","_StyledSpinner","StyledSpinner","buttonConfig","name","tag","layout","base","variations","css","viewCSS","sizeCSS","disabledCSS","attrs","focusedCSS","blurred","blurredCSS","stretchingCSS","defaults"],"mappings":"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"}

package/es/components/ButtonGroup/ButtonGroup.js

@@ -1,5 +1,5 @@
 import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../_virtual/_rollupPluginBabelHelpers.js';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import { cx } from '../../utils/index.js';
 import { base as base$1 } from './variations/_view/base.js';
 import { base as base$2 } from './variations/_size/base.js';
@@ -33,7 +33,7 @@ var buttonGroupRoot = function buttonGroupRoot(Root) {
     var shapeClass = classes[shape];
     var stretchingClass = classes["".concat(stretching, "Stretching")];
     var overrideStylesClass = isCommonButtonStyles ? classes.buttonGroupOverrideStyles : undefined;
-    return /*#__PURE__*/React.createElement(Root, _extends({
+    return /*#__PURE__*/React__default.createElement(Root, _extends({
       ref: ref,
       view: view,
       size: size,