npm - @foxford/ui - Versions diffs - 2.0.9 → 2.0.10-beta-18a1f4f-20230124 - Mend

@foxford/ui 2.0.9 → 2.0.10-beta-18a1f4f-20230124

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (9) hide show

package/components/Anchor/Anchor.js +1 -1
package/components/Anchor/Anchor.js.map +1 -1
package/components/Button/Button.js +1 -1
package/components/Button/Button.js.map +1 -1
package/index.cjs.js +1 -1
package/index.cjs.js.map +1 -1
package/package.json +4 -2
package/shared/utils/rel-builder.js +1 -1
package/shared/utils/rel-builder.js.map +1 -1

package/components/Anchor/Anchor.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{Link as r}from'react-router-dom';import{useTheme as i}from'styled-components';import{useClassname as l}from'../../hooks/useClassname.js';import{Root as o}from'./style.js';import{jsx as a}from'react/jsx-runtime';var t=["as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel"];function n(d){var p,z,u,m,c;var{as:h,to:y,href:v,wrapper:f,className:L,style:S,children:X,content:b,pseudo:N,underline:M,color:j,display:w,size:k,sizeXS:x,sizeS:R,sizeM:g,sizeL:A,sizeXL:B,autoRel:C=!0}=d,P=s(d,t);var T=l(n.displayName,L);var _=i();var H;var I=C&&null!==(p=_.utils)&&void 0!==p&&p.relBuilder&&_.domain?_.utils.relBuilder(_.domain,null!==(z=d.href)&&void 0!==z?z:d.to,d.target):d.rel;H='div'!==h||w?w:'block';var W={};return b&&(W=e(e({},W),{},{dangerouslySetInnerHTML:{__html:b}})),a(o,h?e(e(e({as:h,pseudo:N,wrapper:f,underline:M,href:v,className:T,style:S,color:j,size:k,display:H,sizeXS:x,sizeS:R,sizeM:g,sizeL:A,sizeXL:B},P),W),{},{rel:'a'===h?null!==(u=d.rel)&&void 0!==u?u:I:void 0,children:X}):N?e(e(e({as:"div",pseudo:N,wrapper:f,underline:M,href:v,className:T,color:j,style:S,size:k,display:H,sizeXS:x,sizeS:R,sizeM:g,sizeL:A,sizeXL:B},P),W),{},{children:X}):y?e(e(e({as:r,to:y,pseudo:N,wrapper:f,underline:M,className:T,color:j,size:k,style:S,display:H,sizeXS:x,sizeS:R,sizeM:g,sizeL:A,sizeXL:B},P),W),{},{rel:null!==(m=d.rel)&&void 0!==m?m:I,children:X}):e(e(e({as:"a",href:v,pseudo:N,wrapper:f,underline:M,className:T,color:j,size:k,style:S,display:H,sizeXS:x,sizeS:R,sizeM:g,sizeL:A,sizeXL:B},W),P),{},{rel:null!==(c=d.rel)&&void 0!==c?c:I,children:X}))}n.displayName='Anchor',n.defaultProps={display:'inline-block'};export{n as Anchor};
+import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{Link as r}from'react-router-dom';import{useTheme as i}from'styled-components';import{useMemo as l}from'react';import{useClassname as o}from'../../hooks/useClassname.js';import{Root as a}from'./style.js';import{jsx as t}from'react/jsx-runtime';var n=["as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel"];function d(p){var u,m,z;var{as:c,to:h,href:y,wrapper:f,className:v,style:L,children:S,content:X,pseudo:b,underline:M,color:N,display:j,size:w,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A,autoRel:B=!0}=p,C=s(p,n);var P=o(d.displayName,v);var T=i();var _;var H=l((()=>{var e,s;return B&&null!==(e=T.utils)&&void 0!==e&&e.relBuilder&&T.domain?T.utils.relBuilder(T.domain,null!==(s=p.href)&&void 0!==s?s:p.to,p.target):p.rel}),[B,p.rel,p.href,p.to,p.target]);_='div'!==c||j?j:'block';var I={};return X&&(I=e(e({},I),{},{dangerouslySetInnerHTML:{__html:X}})),t(a,c?e(e(e({as:c,pseudo:b,wrapper:f,underline:M,href:y,className:P,style:L,color:N,size:w,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},C),I),{},{rel:'a'===c?null!==(u=p.rel)&&void 0!==u?u:H:void 0,children:S}):b?e(e(e({as:"div",pseudo:b,wrapper:f,underline:M,href:y,className:P,color:N,style:L,size:w,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},C),I),{},{children:S}):h?e(e(e({as:r,to:h,pseudo:b,wrapper:f,underline:M,className:P,color:N,size:w,style:L,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},C),I),{},{rel:null!==(m=p.rel)&&void 0!==m?m:H,children:S}):e(e(e({as:"a",href:y,pseudo:b,wrapper:f,underline:M,className:P,color:N,size:w,style:L,display:_,sizeXS:k,sizeS:g,sizeM:x,sizeL:R,sizeXL:A},I),C),{},{rel:null!==(z=p.rel)&&void 0!==z?z:H,children:S}))}d.displayName='Anchor',d.defaultProps={display:'inline-block'};export{d as Anchor};
 //# sourceMappingURL=Anchor.js.map

package/components/Anchor/Anchor.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport * as Styled from './style'\n\nexport interface AnchorProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {\n /*\n Custom CSS class name\n /\n as?: 'div' \| 'span' \| 'a' \| typeof Link\n /\n React router link to\n /\n to?: string\n /\n Link href\n /\n href?: string\n /\n Is display inline\n * /\n wrapper?: boolean\n /\n Pseudo link has dashed bottom border\n * /\n pseudo?: boolean\n /\n If link should be underlined\n * /\n underline?: boolean\n /\n Primary content\n /\n /\n Children react node\n /\n children?: React.ReactNode\n /\n Primary content\n /\n content?: string\n /\n Onclick handler\n /\n onClick?: () => void\n target?: string\n rel?: string\n /\n Auto-generate rel. You must specify domain inside theme\n /\n autoRel?: boolean\n}\n\nAnchor.displayName = 'Anchor'\nAnchor.defaultProps = {\n display: 'inline-block',\n}\n\n/\n Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Anchor(props: typeof Anchor.defaultProps & AnchorProps) {\n const {\n as,\n to,\n href,\n wrapper,\n className,\n style,\n children,\n content,\n pseudo,\n underline,\n color,\n display,\n size,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n autoRel = true,\n ...rest\n } = props\n\n const _className = useClassname(Anchor.displayName, className)\n const theme = useTheme()\n\n let _display: Display['display']\n const _rel =\n autoRel && theme.utils?.relBuilder && theme.domain\n ? theme.utils.relBuilder(theme.domain, props.href ?? props.to, props.target)\n : props.rel\n\n if (as === 'div' && !display) _display = 'block'\n else _display = display\n\n let contentProps = {}\n\n if (content) {\n contentProps = {\n ...contentProps,\n dangerouslySetInnerHTML: { __html: content },\n }\n }\n\n if (as)\n return (\n <Styled.Root\n as={as}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={_className}\n style={style}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n rel={as === 'a' ? props.rel ?? _rel : undefined}\n >\n {children}\n </Styled.Root>\n )\n\n if (pseudo)\n return (\n <Styled.Root\n as='div'\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={_className}\n color={color}\n style={style}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n else if (to)\n return (\n <Styled.Root\n as={Link}\n to={to}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={_className}\n color={color}\n size={size}\n style={style}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n rel={props.rel ?? _rel}\n >\n {children}\n </Styled.Root>\n )\n else\n return (\n <Styled.Root\n as='a'\n href={href}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={_className}\n color={color}\n size={size}\n style={style}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...contentProps}\n {...rest}\n rel={props.rel ?? _rel}\n >\n {children}\n </Styled.Root>\n )\n}\n"],"names":["Anchor","props","~~_theme$utils","~~_props$~~href","_props$~~rel","_props$rel2","_props$rel3","as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel","rest","_excluded","_className","useClassname","displayName","theme","useTheme","_display","_rel","utils","relBuilder","domain","target","rel","contentProps","dangerouslySetInnerHTML","__html","_jsx","Styled.Root","_objectSpread","Link","defaultProps"],"mappings":"~~0fAqEO~~,SAASA,EAAOC,GAAiD,IAAAC,EAAAC,EAAAC,~~EAAAC,EAAAC,~~EACtE,IAAMC,GACJA,EADIC,GAEJA,EAFIC,KAGJA,EAHIC,QAIJA,EAJIC,UAKJA,EALIC,MAMJA,EANIC,SAOJA,EAPIC,QAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,KAaJA,EAbIC,OAcJA,EAdIC,MAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,OAkBJA,EAlBIC,QAmBJA,~~GAAU~~,~~GAERxB~~,~~EADCyB~~,~~IACDzB~~,~~EArBJ0B,~~GAuBA,IAAMC,EAAaC,~~EAAa7B~~,~~EAAO8B~~,YAAanB,GACpD,IAAMoB,EAAQC,IAEd,IAAIC,EACJ,IAAMC,~~EACJT~~,~~GAAW~~,~~UAAAM~~,~~EAAMI~~,~~iBAANjC~~,~~GAAAA~~,~~EAAakC~~,~~YAAcL~~,~~EAAMM~~,~~OACxCN~~,~~EAAMI~~,MAAMC,~~WAAWL~~,EAAMM,~~eAA7BlC~~,~~EAAqCF~~,~~EAAMQ~~,~~oBAAQR~~,~~EAAMO~~,~~GAAIP~~,~~EAAMqC~~,~~QACnErC~~,EAAMsC,~~IAGPN~~,EADM,QAAP1B,GAAiBW,EACLA,EADyB,QAGzC,~~IAAIsB~~,EAAe,GASnB,~~OAPI1B~~,~~IACF0B~~,SACKA,GADO,GAAA,CAEVC,wBAAyB,CAAEC,~~OAAQ5B~~,~~MAMnC6B~~,EAACC,~~EAFDrC~~,~~EAEAsC~~,EAAAA,EAAAA,EAAA,~~CACEtC~~,GAAIA,EACJQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWiB,EACXhB,MAAOA,EACPK,MAAOA,EACPE,KAAMA,EACND,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,~~GACAc~~,GAjBN,GAAA,CAkBED,IAAY,~~MAAPhC~~,EAAA,QAAAH,~~EAAaH~~,~~EAAMsC~~,WAAAA,~~IAAnBnC~~,EAAAA,EAA0B8B,SAlBjCrB,SAoBGA,IAIHE,~~EAEA8B~~,EAAAA,EAAAA,EAAA,~~CACEtC~~,GAAG,MACHQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWiB,EACXX,MAAOA,EACPL,MAAOA,EACPO,KAAMA,EACND,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,~~GACAc~~,GAjBN,GAAA,~~CAAA3B~~,SAmBGA,IAGEL,~~EAELqC~~,EAAAA,EAAAA,EAAA,~~CACEtC~~,~~GAAIuC~~,~~EACJtC~~,GAAIA,EACJO,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWiB,EACXX,MAAOA,EACPE,KAAMA,EACNP,MAAOA,EACPM,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,~~GACAc~~,GAjBN,GAAA,CAkBED,~~YAAKtC~~,EAAAA,~~EAAMsC~~,~~mBAAOL~~,EAlBpBrB,SAoBGA,~~IAKHgC~~,EAAAA,EAAAA,EAAA,~~CACEtC~~,GAAG,IACHE,KAAMA,EACNM,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWiB,EACXX,MAAOA,EACPE,KAAMA,EACNP,MAAOA,EACPM,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,~~GACJgB~~,~~GACAd~~,GAjBN,GAAA,~~CAkBEa~~,~~YAAKtC~~,EAAAA,~~EAAMsC~~,WAAAA,~~QAAOL~~,EAlBpBrB,SAoBGA,~~KA1JTb~~,~~EAAO8B~~,YAAc,~~SACrB9B~~,~~EAAO+C~~,aAAe,~~CACpB7B~~,QAAS"}
1	+ {"version":3,"file":"Anchor.js","sources":["../../../../src/components/Anchor/Anchor.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { useMemo } from 'react'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from '../../shared/interfaces'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { Color } from '../../mixins/color'\nimport { Display } from '../../mixins/display'\nimport * as Styled from './style'\n\nexport interface AnchorProps extends BaseProps, Color, ResponsiveNamedProperty<'size'>, Display {\n /*\n Custom CSS class name\n /\n as?: 'div' \| 'span' \| 'a' \| typeof Link\n /\n React router link to\n /\n to?: string\n /\n Link href\n /\n href?: string\n /\n Is display inline\n * /\n wrapper?: boolean\n /\n Pseudo link has dashed bottom border\n * /\n pseudo?: boolean\n /\n If link should be underlined\n * /\n underline?: boolean\n /\n Primary content\n /\n /\n Children react node\n /\n children?: React.ReactNode\n /\n Primary content\n /\n content?: string\n /\n Onclick handler\n /\n onClick?: () => void\n target?: string\n rel?: string\n /\n Auto-generate rel. You must specify domain inside theme\n /\n autoRel?: boolean\n}\n\nAnchor.displayName = 'Anchor'\nAnchor.defaultProps = {\n display: 'inline-block',\n}\n\n/\n Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n * - [`Display`](#/Миксины)\n */\nexport function Anchor(props: typeof Anchor.defaultProps & AnchorProps) {\n const {\n as,\n to,\n href,\n wrapper,\n className,\n style,\n children,\n content,\n pseudo,\n underline,\n color,\n display,\n size,\n sizeXS,\n sizeS,\n sizeM,\n sizeL,\n sizeXL,\n autoRel = true,\n ...rest\n } = props\n\n const _className = useClassname(Anchor.displayName, className)\n const theme = useTheme()\n\n let _display: Display['display']\n const _rel = useMemo(() => {\n return autoRel && theme.utils?.relBuilder && theme.domain\n ? theme.utils.relBuilder(theme.domain, props.href ?? props.to, props.target)\n : props.rel\n }, [autoRel, props.rel, props.href, props.to, props.target])\n\n if (as === 'div' && !display) _display = 'block'\n else _display = display\n\n let contentProps = {}\n\n if (content) {\n contentProps = {\n ...contentProps,\n dangerouslySetInnerHTML: { __html: content },\n }\n }\n\n if (as)\n return (\n <Styled.Root\n as={as}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={_className}\n style={style}\n color={color}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n rel={as === 'a' ? props.rel ?? _rel : undefined}\n >\n {children}\n </Styled.Root>\n )\n\n if (pseudo)\n return (\n <Styled.Root\n as='div'\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n href={href}\n className={_className}\n color={color}\n style={style}\n size={size}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n >\n {children}\n </Styled.Root>\n )\n else if (to)\n return (\n <Styled.Root\n as={Link}\n to={to}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={_className}\n color={color}\n size={size}\n style={style}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...rest}\n {...contentProps}\n rel={props.rel ?? _rel}\n >\n {children}\n </Styled.Root>\n )\n else\n return (\n <Styled.Root\n as='a'\n href={href}\n pseudo={pseudo}\n wrapper={wrapper}\n underline={underline}\n className={_className}\n color={color}\n size={size}\n style={style}\n display={_display}\n sizeXS={sizeXS}\n sizeS={sizeS}\n sizeM={sizeM}\n sizeL={sizeL}\n sizeXL={sizeXL}\n {...contentProps}\n {...rest}\n rel={props.rel ?? _rel}\n >\n {children}\n </Styled.Root>\n )\n}\n"],"names":["Anchor","props","_props$rel","_props$rel2","_props$rel3","as","to","href","wrapper","className","style","children","content","pseudo","underline","color","display","size","sizeXS","sizeS","sizeM","sizeL","sizeXL","autoRel","rest","_excluded","_className","useClassname","displayName","theme","useTheme","_display","_rel","useMemo","_theme$utils","_props$href","utils","relBuilder","domain","target","rel","contentProps","dangerouslySetInnerHTML","__html","_jsx","Styled.Root","_objectSpread","Link","defaultProps"],"mappings":"0hBAsEO,SAASA,EAAOC,GAAiD,IAAAC,EAAAC,EAAAC,EACtE,IAAMC,GACJA,EADIC,GAEJA,EAFIC,KAGJA,EAHIC,QAIJA,EAJIC,UAKJA,EALIC,MAMJA,EANIC,SAOJA,EAPIC,QAQJA,EARIC,OASJA,EATIC,UAUJA,EAVIC,MAWJA,EAXIC,QAYJA,EAZIC,KAaJA,EAbIC,OAcJA,EAdIC,MAeJA,EAfIC,MAgBJA,EAhBIC,MAiBJA,EAjBIC,OAkBJA,EAlBIC,QAmBJA,MAEEtB,EADCuB,IACDvB,EArBJwB,GAuBA,IAAMC,EAAaC,EAAa3B,EAAO4B,YAAanB,GACpD,IAAMoB,EAAQC,IAEd,IAAIC,EACJ,IAAMC,EAAOC,QAAc,IAAAC,EAAAC,EACzB,OAAOZ,WAAWM,EAAAA,EAAMO,oBAANF,EAAaG,YAAcR,EAAMS,OAC/CT,EAAMO,MAAMC,WAAWR,EAAMS,eAAQrC,EAAAA,EAAMM,oBAAQN,EAAMK,GAAIL,EAAMsC,QACnEtC,EAAMuC,MACT,CAACjB,EAAStB,EAAMuC,IAAKvC,EAAMM,KAAMN,EAAMK,GAAIL,EAAMsC,SAG/CR,EADM,QAAP1B,GAAiBW,EACLA,EADyB,QAGzC,IAAIyB,EAAe,GASnB,OAPI7B,IACF6B,SACKA,GADO,GAAA,CAEVC,wBAAyB,CAAEC,OAAQ/B,MAMnCgC,EAACC,EAFDxC,EAEAyC,EAAAA,EAAAA,EAAA,CACEzC,GAAIA,EACJQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWiB,EACXhB,MAAOA,EACPK,MAAOA,EACPE,KAAMA,EACND,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,GACAiB,GAjBN,GAAA,CAkBED,IAAY,MAAPnC,EAAA,QAAAH,EAAaD,EAAMuC,WAAAA,IAAnBtC,EAAAA,EAA0B8B,SAlBjCrB,SAoBGA,IAIHE,EAEAiC,EAAAA,EAAAA,EAAA,CACEzC,GAAG,MACHQ,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXP,KAAMA,EACNE,UAAWiB,EACXX,MAAOA,EACPL,MAAOA,EACPO,KAAMA,EACND,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,GACAiB,GAjBN,GAAA,CAAA9B,SAmBGA,IAGEL,EAELwC,EAAAA,EAAAA,EAAA,CACEzC,GAAI0C,EACJzC,GAAIA,EACJO,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWiB,EACXX,MAAOA,EACPE,KAAMA,EACNP,MAAOA,EACPM,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJE,GACAiB,GAjBN,GAAA,CAkBED,YAAKvC,EAAAA,EAAMuC,mBAAOR,EAlBpBrB,SAoBGA,IAKHmC,EAAAA,EAAAA,EAAA,CACEzC,GAAG,IACHE,KAAMA,EACNM,OAAQA,EACRL,QAASA,EACTM,UAAWA,EACXL,UAAWiB,EACXX,MAAOA,EACPE,KAAMA,EACNP,MAAOA,EACPM,QAASe,EACTb,OAAQA,EACRC,MAAOA,EACPC,MAAOA,EACPC,MAAOA,EACPC,OAAQA,GACJmB,GACAjB,GAjBN,GAAA,CAkBEgB,YAAKvC,EAAAA,EAAMuC,WAAAA,QAAOR,EAlBpBrB,SAoBGA,KA3JTX,EAAO4B,YAAc,SACrB5B,EAAOgD,aAAe,CACpBhC,QAAS"}

package/components/Button/Button.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{Link as a}from'react-router-dom';import{useTheme as t}from'styled-components';import{useClassname as o}from'../../hooks/useClassname.js';import{Root as s,Content as i}from'./style.js';import{PROPS_BY_SIZE as n,PRESETS as l}from'./presets.js';import{jsxs as d,jsx as m}from'react/jsx-runtime';var c=["children","className","disabled","href","to","as","target","content","onClick","ref","icon","type","innerRef","autoRel"];function u(p){var f,v,h;var{children:y,className:b,disabled:j,href:N,to:R,as:g,target:C,content:k,onClick:x,ref:B,icon:P,type:S,innerRef:_,autoRel:z=!0}=p,E=r(p,c);var T=t();var w=g||(j?'button':N?'a':R?a:'button');var I='a'!==w||j?{}:{href:N||R,target:C};var L='string'==typeof w||j?{}:{to:R||N};var O=E.size&&!E.round&&n[E.size]||{};var W=(e=>e.primary?l.primary:e.secondary?l.secondary:l.default)(p);var Y=o(u.displayName,b);var Z=o(u.displayName);var q=z&&N&&null!==(f=T.utils)&&void 0!==f&&f.relBuilder&&T.domain?T.utils.relBuilder(T.domain,null!==(v=p.href)&&void 0!==v?v:p.to,p.target):void 0;return d(s,e(e(e(e(e(e({as:w,className:Y,type:'button'===w?S:void 0,onClick:j||E.loading?void 0:x},O),I),L),W),E),{},{disabled:j,ref:B||_,rel:N?null!==(h=p.rel)&&void 0!==h?h:q:void 0,children:[P&&m("span",{className:"icon",children:P}),(k||y)&&m(i,{className:"".concat(Z,"__content"),children:k||y})]}))}u.defaultProps={size:'m',rounded:!0,display:'inline-flex',width:'auto'},u.displayName='Button';export{u as Button};
+import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{Link as a}from'react-router-dom';import{useTheme as t}from'styled-components';import{useMemo as o}from'react';import{useClassname as s}from'../../hooks/useClassname.js';import{Root as i,Content as n}from'./style.js';import{PROPS_BY_SIZE as l,PRESETS as m}from'./presets.js';import{jsxs as d,jsx as u}from'react/jsx-runtime';var c=["children","className","disabled","href","to","as","target","content","onClick","ref","icon","type","innerRef","autoRel"];function p(f){var v;var{children:h,className:y,disabled:b,href:j,to:N,as:g,target:R,content:C,onClick:k,ref:x,icon:B,type:P,innerRef:S,autoRel:_=!0}=f,z=r(f,c);var E=t();var T=g||(b?'button':j?'a':N?a:'button');var w='a'!==T||b?{}:{href:j||N,target:R};var I='string'==typeof T||b?{}:{to:N||j};var L=z.size&&!z.round&&l[z.size]||{};var M=(e=>e.primary?m.primary:e.secondary?m.secondary:m.default)(f);var O=s(p.displayName,y);var W=s(p.displayName);var Y=o((()=>{var e,r;return _&&(j||N)&&null!==(e=E.utils)&&void 0!==e&&e.relBuilder&&E.domain?E.utils.relBuilder(E.domain,null!==(r=f.href)&&void 0!==r?r:f.to,f.target):void 0}),[_,f.href,f.to,f.target]);return d(i,e(e(e(e(e(e({as:T,className:O,type:'button'===T?P:void 0,onClick:b||z.loading?void 0:k},L),w),I),M),z),{},{disabled:b,ref:x||S,rel:j?null!==(v=f.rel)&&void 0!==v?v:Y:void 0,children:[B&&u("span",{className:"icon",children:B}),(C||h)&&u(n,{className:"".concat(W,"__content"),children:C||h})]}))}p.defaultProps={size:'m',rounded:!0,display:'inline-flex',width:'auto'},p.displayName='Button';export{p as Button};
 //# sourceMappingURL=Button.js.map

package/components/Button/Button.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { useClassname } from 'hooks/useClassname'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { BaseProps, Tooltiped } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport { Anchor } from '../../components/Anchor'\nimport * as Styled from './style'\nimport { PRESETS, PROPS_BY_SIZE } from './presets'\n\nexport interface ButtonProps\n extends BaseProps,\n Tooltiped,\n Display,\n Color,\n Color<'fontColor'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'>,\n ResponsiveNamedProperty<'fontSize'>,\n ResponsiveNamedProperty<'fluid', boolean>,\n ResponsiveNamedProperty<'width', 'auto' \| 'l' \| 'm' \| 's' \| 'xs' \| number>,\n ResponsiveNamedProperty<'height', 'l' \| 'm' \| 's' \| 'xs' \| number> {\n /*\n Node type\n /\n as?: 'div' \| 'span' \| 'a' \| 'button' \| typeof Link \| typeof Anchor\n target?: string\n rel?: string\n /\n Auto-generate rel. You must specify domain inside theme\n /\n autoRel?: boolean\n /\n Link href\n /\n href?: string\n /\n React router link to\n /\n to?: string\n /\n Type for button element\n /\n type?: 'button' \| 'submit' \| 'reset'\n /\n Children react node\n /\n children?: React.ReactNode\n /\n Basic button\n /\n basic?: boolean\n /\n Disabled\n /\n disabled?: boolean\n /\n Is primary\n /\n primary?: boolean\n /\n Is secondary\n /\n secondary?: boolean\n /\n Is inverted\n /\n inverted?: boolean\n /\n Is rounded\n /\n rounded?: boolean\n /\n Is round (in a shape of circle)\n /\n round?: boolean\n /\n Indicates if there should not be any margin\n * between this button and the previous one\n /\n noSpacing?: boolean\n /\n Is in loading state\n /\n loading?: boolean\n /\n Button icon\n /\n icon?: React.ReactNode\n /* On click callback /\n onClick?: () => void\n /* Function to make ref /\n ref?: React.LegacyRef<HTMLDivElement>\n /\n Size\n /\n size?: keyof typeof PROPS_BY_SIZE\n /\n Content of button\n * @deprecated Use children property\n /\n content?: React.ReactNode\n}\n\nButton.defaultProps = {\n size: 'm',\n rounded: true,\n display: 'inline-flex',\n width: 'auto',\n}\n\nButton.displayName = 'Button'\n\nconst extractPresetByProps = (props: ButtonProps): Partial<ButtonProps> => {\n if (props.primary) return PRESETS.primary\n if (props.secondary) return PRESETS.secondary\n return PRESETS.default\n}\n\n/\n Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Tooltiped`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'fontSize'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'fluid', boolean>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width', 'auto' \| 'l' \| 'm' \| 's' \| 'xs' \| number>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height', 'l' \| 'm' \| 's' \| 'xs' \| number>`](#/Миксины)\n */\nexport function Button(props: ButtonProps) {\n const {\n children,\n className,\n disabled,\n href,\n to,\n as,\n target,\n content,\n onClick,\n ref,\n icon,\n type,\n innerRef,\n autoRel = true,\n ...restProps\n } = props\n const theme = useTheme()\n const _as = as \|\| (disabled ? 'button' : href ? 'a' : to ? Link : 'button')\n const aProps = _as === 'a' && !disabled ? { href: href \|\| to, target } : {}\n const linkProps = typeof _as !== 'string' && !disabled ? { to: to \|\| href } : {}\n const propsBySize: Partial<ButtonProps> =\n restProps.size && !restProps.round ? PROPS_BY_SIZE[restProps.size] \|\| {} : {}\n const presetProps: Partial<ButtonProps> = extractPresetByProps(props)\n const _className = useClassname(Button.displayName, className)\n const _contentClassName = useClassname(Button.displayName)\n const _rel =\n autoRel && href && theme.utils?.relBuilder && theme.domain\n ? theme.utils.relBuilder(theme.domain, props.href ?? props.to, props.target)\n : undefined\n\n return (\n <Styled.Root\n as={_as}\n className={_className}\n type={_as === 'button' ? type : undefined}\n onClick={disabled \|\| restProps.loading ? undefined : onClick}\n {...propsBySize}\n {...aProps}\n {...linkProps}\n {...presetProps}\n {...restProps}\n disabled={disabled}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={(ref \|\| innerRef) as any}\n rel={href ? props.rel ?? _rel : undefined}\n >\n {icon && <span className='icon'>{icon}</span>}\n {(content \|\| children) && (\n <Styled.Content className={`${_contentClassName}__content`}>{content \|\| children}</Styled.Content>\n )}\n </Styled.Root>\n )\n}\n"],"names":["Button","props","~~_theme$utils","~~_props$~~href","_props$~~rel","children","className","disabled","href","to","as","target","content","onClick","ref","icon","type","innerRef","autoRel","restProps","_excluded","theme","useTheme","_as","Link","aProps","linkProps","propsBySize","size","round","PROPS_BY_SIZE","presetProps","primary","PRESETS","secondary","default","_className","useClassname","displayName","_contentClassName","_rel","utils","relBuilder","domain","_jsxs","Styled.Root","_objectSpread","~~undefined","~~loading","rel","_jsx","Styled.Content","concat","defaultProps","rounded","display","width"],"mappings":"~~8hBAsJO~~,SAASA,EAAOC,GAAoB,IAAAC,~~EAAAC,EAAAC,~~EACzC,IAAMC,SACJA,EADIC,UAEJA,EAFIC,SAGJA,EAHIC,KAIJA,EAJIC,GAKJA,EALIC,GAMJA,EANIC,OAOJA,EAPIC,QAQJA,EARIC,QASJA,EATIC,IAUJA,EAVIC,KAWJA,EAXIC,KAYJA,EAZIC,SAaJA,EAbIC,QAcJA,~~GAAAA~~,~~GAEEjB~~,~~EADCkB~~,~~IACDlB~~,~~EAhBJmB~~,GAiBA,IAAMC,EAAQC,IACd,IAAMC,EAAMb,IAAOH,EAAW,SAAWC,EAAO,IAAMC,EAAKe,EAAO,UAClE,IAAMC,EAAiB,MAARF,GAAgBhB,EAA0C,GAA/B,CAAEC,KAAMA,GAAQC,EAAIE,OAAAA,GAC9D,IAAMe,EAA2B,iBAARH,GAAqBhB,EAAgC,GAArB,CAAEE,GAAIA,GAAMD,GACrE,IAAMmB,EACJR,EAAUS,OAAST,EAAUU,OAAQC,EAAcX,EAAUS,OAAc,GAC7E,IAAMG,~~EApDsB9B~~,CAAAA,GACxBA,~~EAAM+B~~,QAAgBC,EAAQD,~~QAC9B/~~B,~~EAAMiC,~~UAAkBD,EAAQC,UAC7BD,EAAQE,~~QAHalC~~,CAoDmCA,GAC/D,~~IAAMmC~~,EAAaC,~~EAAarC~~,~~EAAOsC~~,YAAahC,GACpD,IAAMiC,EAAoBF,~~EAAarC~~,~~EAAOsC~~,aAC9C,IAAME,~~EACJtB~~,~~GAAWV,~~GAAQ,~~QAAnBN~~,~~EAAmBmB~~,~~EAAMoB~~,~~aAAN~~,~~IAAAvC~~,~~GAAAA~~,~~EAAawC~~,~~YAAcrB~~,~~EAAMsB~~,~~OAChDtB~~,~~EAAMoB~~,~~MAAMC~~,~~WAAWrB~~,~~EAAMsB~~,~~OAA7B~~,~~QAAqC1C~~,~~EAAAA~~,~~EAAMO~~,~~YAA3C~~,~~IAAAL~~,~~EAAAA~~,~~EAAmDF~~,EAAMQ,~~GAAIR~~,~~EAAMU~~,~~aAAAA~~,~~EAGzE~~,~~OACEiC~~,EAACC,EAADC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,~~CACEpC~~,GAAIa,EACJjB,UAAW8B,EACXpB,KAAc,WAARO,EAAmBP,OAAO+B,EAChClC,QAASN,GAAYY,~~EAAU6B~~,aAAAA,~~EAAsBnC~~,GACjDc,GACAF,GACAC,GACAK,GACAZ,GATN,GAAA,CAUEZ,SAAUA,EAEVO,IAAMA,GAAOG,~~EACbgC~~,~~IAAKzC~~,EAAI,~~QAAGP~~,EAAAA,~~EAAMgD~~,WAAAA,~~IAAT7C~~,EAAAA,EAAgBoC,OAAAA,EAb3BnC,SAAA,CAeGU,~~GAAQmC~~,EAAA,OAAA,~~CAAM5C~~,UAAU,OAAhBD,SAAwBU,KAC/BH,GAAWP,~~IACX6C~~,EAACC,EAAD,~~CAAgB7C~~,UAAS,~~GAAA8C~~,~~OAAKb~~,EAA9B,aAAAlC,SAA6DO,GAAWP,~~QAvFhFL~~,~~EAAOqD~~,aAAe,~~CACpBzB~~,KAAM,~~IACN0B~~,SAAAA,EACAC,QAAS,cACTC,MAAO,~~QAGTxD~~,~~EAAOsC~~,YAAc"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["import { Link } from 'react-router-dom'\nimport { useTheme } from 'styled-components'\nimport { useMemo } from 'react'\nimport { useClassname } from 'hooks/useClassname'\nimport { Display } from '../../mixins/display'\nimport { ResponsiveNamedProperty } from '../../mixins/responsive-property'\nimport { BaseProps, Tooltiped } from '../../shared/interfaces'\nimport { Color } from '../../mixins/color'\nimport { Anchor } from '../../components/Anchor'\nimport * as Styled from './style'\nimport { PRESETS, PROPS_BY_SIZE } from './presets'\n\nexport interface ButtonProps\n extends BaseProps,\n Tooltiped,\n Display,\n Color,\n Color<'fontColor'>,\n ResponsiveNamedProperty<'padding'>,\n ResponsiveNamedProperty<'paddingTop'>,\n ResponsiveNamedProperty<'paddingRight'>,\n ResponsiveNamedProperty<'paddingBottom'>,\n ResponsiveNamedProperty<'paddingLeft'>,\n ResponsiveNamedProperty<'margin'>,\n ResponsiveNamedProperty<'marginTop'>,\n ResponsiveNamedProperty<'marginRight'>,\n ResponsiveNamedProperty<'marginBottom'>,\n ResponsiveNamedProperty<'marginLeft'>,\n ResponsiveNamedProperty<'fontSize'>,\n ResponsiveNamedProperty<'fluid', boolean>,\n ResponsiveNamedProperty<'width', 'auto' \| 'l' \| 'm' \| 's' \| 'xs' \| number>,\n ResponsiveNamedProperty<'height', 'l' \| 'm' \| 's' \| 'xs' \| number> {\n /*\n Node type\n /\n as?: 'div' \| 'span' \| 'a' \| 'button' \| typeof Link \| typeof Anchor\n target?: string\n rel?: string\n /\n Auto-generate rel. You must specify domain inside theme\n /\n autoRel?: boolean\n /\n Link href\n /\n href?: string\n /\n React router link to\n /\n to?: string\n /\n Type for button element\n /\n type?: 'button' \| 'submit' \| 'reset'\n /\n Children react node\n /\n children?: React.ReactNode\n /\n Basic button\n /\n basic?: boolean\n /\n Disabled\n /\n disabled?: boolean\n /\n Is primary\n /\n primary?: boolean\n /\n Is secondary\n /\n secondary?: boolean\n /\n Is inverted\n /\n inverted?: boolean\n /\n Is rounded\n /\n rounded?: boolean\n /\n Is round (in a shape of circle)\n /\n round?: boolean\n /\n Indicates if there should not be any margin\n * between this button and the previous one\n /\n noSpacing?: boolean\n /\n Is in loading state\n /\n loading?: boolean\n /\n Button icon\n /\n icon?: React.ReactNode\n /* On click callback /\n onClick?: () => void\n /* Function to make ref /\n ref?: React.LegacyRef<HTMLDivElement>\n /\n Size\n /\n size?: keyof typeof PROPS_BY_SIZE\n /\n Content of button\n * @deprecated Use children property\n /\n content?: React.ReactNode\n}\n\nButton.defaultProps = {\n size: 'm',\n rounded: true,\n display: 'inline-flex',\n width: 'auto',\n}\n\nButton.displayName = 'Button'\n\nconst extractPresetByProps = (props: ButtonProps): Partial<ButtonProps> => {\n if (props.primary) return PRESETS.primary\n if (props.secondary) return PRESETS.secondary\n return PRESETS.default\n}\n\n/\n Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`Tooltiped`](#/Миксины)\n * - [`Color`](#/Миксины)\n * - [`Color<'fontColor'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'padding'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'paddingLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'margin'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginTop'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginRight'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginBottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'marginLeft'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'fontSize'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'fluid', boolean>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'width', 'auto' \| 'l' \| 'm' \| 's' \| 'xs' \| number>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'height', 'l' \| 'm' \| 's' \| 'xs' \| number>`](#/Миксины)\n */\nexport function Button(props: ButtonProps) {\n const {\n children,\n className,\n disabled,\n href,\n to,\n as,\n target,\n content,\n onClick,\n ref,\n icon,\n type,\n innerRef,\n autoRel = true,\n ...restProps\n } = props\n const theme = useTheme()\n const _as = as \|\| (disabled ? 'button' : href ? 'a' : to ? Link : 'button')\n const aProps = _as === 'a' && !disabled ? { href: href \|\| to, target } : {}\n const linkProps = typeof _as !== 'string' && !disabled ? { to: to \|\| href } : {}\n const propsBySize: Partial<ButtonProps> =\n restProps.size && !restProps.round ? PROPS_BY_SIZE[restProps.size] \|\| {} : {}\n const presetProps: Partial<ButtonProps> = extractPresetByProps(props)\n const _className = useClassname(Button.displayName, className)\n const _contentClassName = useClassname(Button.displayName)\n const _rel = useMemo(() => {\n return autoRel && (href \|\| to) && theme.utils?.relBuilder && theme.domain\n ? theme.utils.relBuilder(theme.domain, props.href ?? props.to, props.target)\n : undefined\n }, [autoRel, props.href, props.to, props.target])\n\n return (\n <Styled.Root\n as={_as}\n className={_className}\n type={_as === 'button' ? type : undefined}\n onClick={disabled \|\| restProps.loading ? undefined : onClick}\n {...propsBySize}\n {...aProps}\n {...linkProps}\n {...presetProps}\n {...restProps}\n disabled={disabled}\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n ref={(ref \|\| innerRef) as any}\n rel={href ? props.rel ?? _rel : undefined}\n >\n {icon && <span className='icon'>{icon}</span>}\n {(content \|\| children) && (\n <Styled.Content className={`${_contentClassName}__content`}>{content \|\| children}</Styled.Content>\n )}\n </Styled.Root>\n )\n}\n"],"names":["Button","props","_props$rel","children","className","disabled","href","to","as","target","content","onClick","ref","icon","type","innerRef","autoRel","restProps","_excluded","theme","useTheme","_as","Link","aProps","linkProps","propsBySize","size","round","PROPS_BY_SIZE","presetProps","primary","PRESETS","secondary","default","_className","useClassname","displayName","_contentClassName","_rel","useMemo","_theme$utils","_props$href","utils","relBuilder","domain","undefined","_jsxs","Styled.Root","_objectSpread","loading","rel","_jsx","Styled.Content","concat","defaultProps","rounded","display","width"],"mappings":"8jBAuJO,SAASA,EAAOC,GAAoB,IAAAC,EACzC,IAAMC,SACJA,EADIC,UAEJA,EAFIC,SAGJA,EAHIC,KAIJA,EAJIC,GAKJA,EALIC,GAMJA,EANIC,OAOJA,EAPIC,QAQJA,EARIC,QASJA,EATIC,IAUJA,EAVIC,KAWJA,EAXIC,KAYJA,EAZIC,SAaJA,EAbIC,QAcJA,GAAU,GAERf,EADCgB,IACDhB,EAhBJiB,GAiBA,IAAMC,EAAQC,IACd,IAAMC,EAAMb,IAAOH,EAAW,SAAWC,EAAO,IAAMC,EAAKe,EAAO,UAClE,IAAMC,EAAiB,MAARF,GAAgBhB,EAA0C,GAA/B,CAAEC,KAAMA,GAAQC,EAAIE,OAAAA,GAC9D,IAAMe,EAA2B,iBAARH,GAAqBhB,EAAgC,GAArB,CAAEE,GAAIA,GAAMD,GACrE,IAAMmB,EACJR,EAAUS,OAAST,EAAUU,OAAQC,EAAcX,EAAUS,OAAc,GAC7E,IAAMG,EApDsB5B,CAAAA,GACxBA,EAAM6B,QAAgBC,EAAQD,QAC9B7B,EAAM+B,UAAkBD,EAAQC,UAC7BD,EAAQE,QAHahC,CAoDmCA,GAC/D,IAAMiC,EAAaC,EAAanC,EAAOoC,YAAahC,GACpD,IAAMiC,EAAoBF,EAAanC,EAAOoC,aAC9C,IAAME,EAAOC,GAAQ,KAAM,IAAAC,EAAAC,EACzB,OAAOzB,IAAYV,GAAQC,IAApB,UAA2BY,EAAMuB,aAAjC,IAAAF,GAA2BA,EAAaG,YAAcxB,EAAMyB,OAC/DzB,EAAMuB,MAAMC,WAAWxB,EAAMyB,eAA7BH,EAAqCxC,EAAMK,oBAAQL,EAAMM,GAAIN,EAAMQ,aACnEoC,IACH,CAAC7B,EAASf,EAAMK,KAAML,EAAMM,GAAIN,EAAMQ,SAEzC,OACEqC,EAACC,EAADC,EAAAA,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CACExC,GAAIa,EACJjB,UAAW8B,EACXpB,KAAc,WAARO,EAAmBP,OAAO+B,EAChClC,QAASN,GAAYY,EAAUgC,aAAAA,EAAsBtC,GACjDc,GACAF,GACAC,GACAK,GACAZ,GATN,GAAA,CAUEZ,SAAUA,EAEVO,IAAMA,GAAOG,EACbmC,IAAK5C,EAAI,QAAGL,EAAAA,EAAMiD,WAAAA,IAAThD,EAAAA,EAAgBoC,OAAAA,EAb3BnC,SAAA,CAeGU,GAAQsC,EAAA,OAAA,CAAM/C,UAAU,OAAhBD,SAAwBU,KAC/BH,GAAWP,IACXgD,EAACC,EAAD,CAAgBhD,UAAS,GAAAiD,OAAKhB,EAA9B,aAAAlC,SAA6DO,GAAWP,QAxFhFH,EAAOsD,aAAe,CACpB5B,KAAM,IACN6B,SAAAA,EACAC,QAAS,cACTC,MAAO,QAGTzD,EAAOoC,YAAc"}