@foxford/ui 2.39.0-beta-8d52b2b-20240822 → 2.39.0-beta-d0e7df8-20240822

package/components/Skeleton/style.js

@@ -1,2 +1,2 @@
-import o from'@babel/runtime/helpers/objectSpread2';import r,{keyframes as e,css as n}from'styled-components';import{createShouldForwardProp as i}from'../../shared/utils/style.js';import{responsiveMargin as t}from'../../mixins/responsive-margin.js';var a=i((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));var l=e(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);var d=o=>"\n  background-color: ".concat(o.color,";\n  background-image: linear-gradient(90deg, ").concat(o.gradientColor," 25%, ").concat(o.gradientHighlightColor," 45%, ").concat(o.gradientColor," 65%);\n");var s={onColored:{secondary:n(["",""],(r=>d(o({color:r.theme.colors['skeleton-oncolor-secondary'],gradientColor:r.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:r.theme.colors['skeleton-gradient-to-color-oncolor']},r.palette)))),primary:n(["",""],(r=>d(o({color:r.theme.colors['skeleton-oncolor-primary'],gradientColor:r.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:r.theme.colors['skeleton-gradient-to-color-oncolor']},r.palette))))},default:{secondary:n(["",""],(r=>d(o({color:r.theme.colors['skeleton-onmain-secondary'],gradientColor:r.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:r.theme.colors['skeleton-gradient-to-color-onmain']},r.palette)))),primary:n(["",""],(r=>d(o({color:r.theme.colors['skeleton-onmain-primary'],gradientColor:r.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:r.theme.colors['skeleton-gradient-to-color-onmain']},r.palette))))}};var c=r.div.withConfig({shouldForwardProp:a}).withConfig({componentId:"fox-ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{var r,e;var i=o.round?'50%':8;'string'!=typeof o.borderRadius&&'number'!=typeof o.borderRadius||(i=o.borderRadius);var t=o.width?o.width:'auto';var a=o.height?o.height:'auto';return n(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block','string'==typeof t?t:"".concat(t,"px"),'string'==typeof a?a:"".concat(a,"px"),'string'==typeof i?i:"".concat(i,"px"),l,null!==(r=o.animationDuration)&&void 0!==r?r:2e3,null!==(e=o.animationDelay)&&void 0!==e?e:500)}),(o=>{var r=o.onColored?s.onColored:s.default;return o.secondary?r.secondary:r.primary}),t);export{c as Root};
+'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var styled__default=_interopDefault(styled);const shouldForwardSkeletonProp=style.createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=styled.keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:styled.css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled__default.default.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return styled.css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin.responsiveMargin);exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Skeleton/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","concat","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","_objectSpread","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","componentId","_props$animationDurat","_props$animationDelay","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"yPAKA,IAAMA,EAA4BC,GAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,IAAME,EAAiBC,EAAvB,CAAA,uEASA,IAAMC,EAAYC,mCACIA,EAAQC,MACeD,kDAAAA,OAAAA,EAAQE,cAFpC,UAAAC,OAE0DH,EAAQI,wCAA+BJ,EAAQE,cAF1H,YAKA,IAAMG,EAAe,CACnBC,UAAW,CACTC,UAAWC,EACNC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,8BAC1BV,cAAeO,EAAME,MAAMC,OAAO,wCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,uCACxCH,EAAMT,YAGfa,QAASL,EACJC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,4BAC1BV,cAAeO,EAAME,MAAMC,OAAO,wCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,uCACxCH,EAAMT,aAIjBc,QAAS,CACPP,UAAWC,EACNC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,6BAC1BV,cAAeO,EAAME,MAAMC,OAAO,uCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,sCACxCH,EAAMT,YAGfa,QAASL,EACJC,CAAAA,GAAAA,KAAAA,GACDV,EAAQW,EAAA,CACNT,MAAOQ,EAAME,MAAMC,OAAO,2BAC1BV,cAAeO,EAAME,MAAMC,OAAO,uCAClCR,uBAAwBK,EAAME,MAAMC,OAAO,sCACxCH,EAAMT,cAMZ,IAAMe,EAAOC,EAAOC,IAAIC,WAAgC,CAC7DC,kBAAmB1B,IADJyB,WAAA,CAAAE,YAAA,uBAAGJ,CAAH,CAAA,GAAA,IAAA,IAAA,KAGZP,IAAU,IAAAY,EAAAC,EACX,IAAIC,EAAed,EAAMe,MAAQ,MAAQ,EACP,iBAAvBf,EAAMc,cAA2D,iBAAvBd,EAAMc,eACzDA,EAAed,EAAMc,cAGvB,IAAME,EAAQhB,EAAMgB,MAAQhB,EAAMgB,MAAQ,OAC1C,IAAMC,EAASjB,EAAMiB,OAASjB,EAAMiB,OAAS,OAE7C,OAAOlB,EAEMC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMkB,OAAS,eAAiB,QACjB,iBAAVF,EAAqBA,EAA5B,GAAAtB,OAAuCsB,EAAvC,MACmB,iBAAXC,EAAsBA,YAAYA,EAAzC,MAC+B,iBAAjBH,EAA4BA,EAAkBA,GAAAA,OAAAA,EALxE,MAWoB1B,EAC+B,QAA3BY,EAAAA,EAAMmB,yBAAAA,IAAqBP,EAAAA,EAAA,IAZnD,UAaqBZ,EAAMoB,sBAb3B,IAAAP,EAAAA,EAa6C,QAS5Cb,IACD,IAAMqB,EAASrB,EAAMH,UAAYD,EAAaC,UAAYD,EAAaS,QAEvE,OAAOL,EAAMF,UAAYuB,EAAOvB,UAAYuB,EAAOjB,UAGnDkB"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"qRAKA,MAAMA,0BAA4BC,MAAuBA,yBACtDC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,OAASA,UAO/B,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,OAAGA,IAAA,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,OAAGA,IAAA,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,gBAAAA,QAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,OAAGA,IAEGC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB,iBAAgBA"}

package/components/Skeleton/style.mjs

@@ -0,0 +1,2 @@
+import styled,{keyframes,css}from'styled-components';import{createShouldForwardProp}from'../../shared/utils/style.mjs';import{responsiveMargin}from'../../mixins/responsive-margin.mjs';const shouldForwardSkeletonProp=createShouldForwardProp((o=>!['inline','round','borderRadius','width','height','animationDuration','animationDelay','onColored'].includes(o)));const shiftAnimation=keyframes(["0%{background-position:100% 50%;}100%{background-position:0% 50%;}"]);const template=o=>`\n  background-color: ${o.color};\n  background-image: linear-gradient(90deg, ${o.gradientColor} 25%, ${o.gradientHighlightColor} 45%, ${o.gradientColor} 65%);\n`;const COLOR_SCHEMA={onColored:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-oncolor-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-oncolor'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-oncolor'],...o.palette})))},default:{secondary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-secondary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette}))),primary:css(["",""],(o=>template({color:o.theme.colors['skeleton-onmain-primary'],gradientColor:o.theme.colors['skeleton-gradient-from-color-onmain'],gradientHighlightColor:o.theme.colors['skeleton-gradient-to-color-onmain'],...o.palette})))}};const Root=styled.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({displayName:"Skeleton__Root",componentId:"ui__sc-4t2o9u-0"})([""," "," ",""],(o=>{let e=o.round?'50%':8;typeof o.borderRadius!='string'&&typeof o.borderRadius!='number'||(e=o.borderRadius);const r=o.width?o.width:'auto';const t=o.height?o.height:'auto';return css(["box-sizing:border-box;display:",";width:",";height:",";border-radius:",";flex-shrink:0;margin:0;background-origin:border-box;background-size:400% 100%;background-repeat:no-repeat;animation-name:",";animation-duration:","ms;animation-delay:","ms;animation-iteration-count:infinite;& > *{visibility:hidden;}"],o.inline?'inline-block':'block',typeof r=='string'?r:`${r}px`,typeof t=='string'?t:`${t}px`,typeof e=='string'?e:`${e}px`,shiftAnimation,o.animationDuration??2e3,o.animationDelay??500)}),(o=>{const e=o.onColored?COLOR_SCHEMA.onColored:COLOR_SCHEMA.default;return o.secondary?e.secondary:e.primary}),responsiveMargin);export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Skeleton/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Skeleton/style.ts"],"sourcesContent":["import styled, { keyframes, css } from 'styled-components'\nimport { createShouldForwardProp } from 'shared/utils/style'\nimport { responsiveMargin } from 'mixins/responsive-margin'\nimport type { StyledSkeletonProps, SkeletonPalette } from './types'\n\nconst shouldForwardSkeletonProp = createShouldForwardProp(\n  (propKey) =>\n    ![\n      'inline',\n      'round',\n      'borderRadius',\n      'width',\n      'height',\n      'animationDuration',\n      'animationDelay',\n      'onColored',\n    ].includes(propKey)\n)\n\nconst shiftAnimation = keyframes`\n  0% {\n    background-position: 100% 50%;\n  }\n  100% {\n    background-position: 0% 50%;\n  }\n`\n\nconst template = (palette: SkeletonPalette) => `\n  background-color: ${palette.color};\n  background-image: linear-gradient(90deg, ${palette.gradientColor} 25%, ${palette.gradientHighlightColor} 45%, ${palette.gradientColor} 65%);\n`\n\nconst COLOR_SCHEMA = {\n  onColored: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-oncolor-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-oncolor'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-oncolor'],\n          ...props.palette,\n        })}\n    `,\n  },\n  default: {\n    secondary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-secondary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n    primary: css<StyledSkeletonProps>`\n      ${(props) =>\n        template({\n          color: props.theme.colors['skeleton-onmain-primary'],\n          gradientColor: props.theme.colors['skeleton-gradient-from-color-onmain'],\n          gradientHighlightColor: props.theme.colors['skeleton-gradient-to-color-onmain'],\n          ...props.palette,\n        })}\n    `,\n  },\n}\n\nexport const Root = styled.div.withConfig<StyledSkeletonProps>({\n  shouldForwardProp: shouldForwardSkeletonProp,\n})`\n  ${(props) => {\n    let borderRadius = props.round ? '50%' : 8\n    if (typeof props.borderRadius === 'string' || typeof props.borderRadius === 'number') {\n      borderRadius = props.borderRadius\n    }\n\n    const width = props.width ? props.width : 'auto'\n    const height = props.height ? props.height : 'auto'\n\n    return css`\n      box-sizing: border-box;\n      display: ${props.inline ? 'inline-block' : 'block'};\n      width: ${typeof width === 'string' ? width : `${width}px`};\n      height: ${typeof height === 'string' ? height : `${height}px`};\n      border-radius: ${typeof borderRadius === 'string' ? borderRadius : `${borderRadius}px`};\n      flex-shrink: 0;\n      margin: 0;\n      background-origin: border-box;\n      background-size: 400% 100%;\n      background-repeat: no-repeat;\n      animation-name: ${shiftAnimation};\n      animation-duration: ${props.animationDuration ?? 2000}ms;\n      animation-delay: ${props.animationDelay ?? 500}ms;\n      animation-iteration-count: infinite;\n\n      & > * {\n        visibility: hidden;\n      }\n    `\n  }}\n\n  ${(props) => {\n    const schema = props.onColored ? COLOR_SCHEMA.onColored : COLOR_SCHEMA.default\n\n    return props.secondary ? schema.secondary : schema.primary\n  }}\n\n  ${responsiveMargin}\n`\n"],"names":["shouldForwardSkeletonProp","createShouldForwardProp","propKey","includes","shiftAnimation","keyframes","template","palette","color","gradientColor","gradientHighlightColor","COLOR_SCHEMA","onColored","secondary","css","props","theme","colors","primary","default","Root","styled","div","withConfig","shouldForwardProp","displayName","componentId","borderRadius","round","width","height","inline","animationDuration","animationDelay","schema","responsiveMargin"],"mappings":"wLAKA,MAAMA,0BAA4BC,yBAC/BC,IACE,CACC,SACA,QACA,eACA,QACA,SACA,oBACA,iBACA,aACAC,SAASD,KAGf,MAAME,eAAiBC,UAOtB,CAAA,uEAED,MAAMC,SAAYC,GAA6B,yBACzBA,EAAQC,sDACeD,EAAQE,sBAAsBF,EAAQG,+BAA+BH,EAAQE,wBAG1H,MAAME,aAAe,CACnBC,UAAW,CACTC,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,8BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,4BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,wCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,yCACxCF,EAAMR,aAIjBY,QAAS,CACPN,UAAWC,IAAG,CAAA,GAAA,KACTC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,6BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,YAGfW,QAASJ,IAAG,CAAA,GAAA,KACPC,GACDT,SAAS,CACPE,MAAOO,EAAMC,MAAMC,OAAO,2BAC1BR,cAAeM,EAAMC,MAAMC,OAAO,uCAClCP,uBAAwBK,EAAMC,MAAMC,OAAO,wCACxCF,EAAMR,cAMZ,MAAMa,KAAOC,OAAOC,IAAIC,WAAgC,CAC7DC,kBAAmBxB,4BACnBuB,WAAA,CAAAE,YAAA,iBAAAC,YAAA,mBAFkBL,CAElB,CAAA,GAAA,IAAA,IAAA,KACGN,IACD,IAAIY,EAAeZ,EAAMa,MAAQ,MAAQ,SAC9Bb,EAAMY,cAAiB,iBAAmBZ,EAAMY,cAAiB,WAC1EA,EAAeZ,EAAMY,cAGvB,MAAME,EAAQd,EAAMc,MAAQd,EAAMc,MAAQ,OAC1C,MAAMC,EAASf,EAAMe,OAASf,EAAMe,OAAS,OAE7C,OAAOhB,IAEMC,CAAAA,iCAAAA,UAAAA,WAAAA,kBAAAA,6HAAAA,uBAAAA,sBAAAA,mEAAAA,EAAMgB,OAAS,eAAiB,eAC3BF,GAAU,SAAWA,EAAQ,GAAGA,aAC/BC,GAAW,SAAWA,EAAS,GAAGA,aAC3BH,GAAiB,SAAWA,EAAe,GAAGA,MAMpDvB,eACIW,EAAMiB,mBAAqB,IAC9BjB,EAAMkB,gBAAkB,IAAG,IAS/ClB,IACD,MAAMmB,EAASnB,EAAMH,UAAYD,aAAaC,UAAYD,aAAaQ,QAEvE,OAAOJ,EAAMF,UAAYqB,EAAOrB,UAAYqB,EAAOhB,OAAO,GAG1DiB"}

package/components/Spacer/Spacer.js

@@ -1,2 +1,2 @@
-import r from'@babel/runtime/helpers/objectSpread2';import{Root as e}from'./style.js';import{jsx as t}from'react/jsx-runtime';function o(o){return t(e,r({},o))}o.displayName='Spacer';export{o as Spacer};
+'use strict';var style=require('./style.js');var require$$0=require('react/jsx-runtime');function Spacer(e){return require$$0.jsx(style.Root,{...e})}Spacer.displayName='Spacer',exports.Spacer=Spacer;
 //# sourceMappingURL=Spacer.js.map

package/components/Spacer/Spacer.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spacer.js","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n  extends BaseProps,\n    DisplayProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\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  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nSpacer.displayName = 'Spacer'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\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 */\nexport function Spacer(props: SpacerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Spacer","props","_jsx","Styled.Root","_objectSpread","displayName"],"mappings":"8HAqDO,SAASA,EAAOC,GACrB,OAAOC,EAACC,EAADC,EAAA,GAAiBH,IAtB1BD,EAAOK,YAAc"}
+{"version":3,"file":"Spacer.js","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n  extends BaseProps,\n    DisplayProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\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  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nSpacer.displayName = 'Spacer'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\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 */\nexport function Spacer(props: SpacerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"yFAqDO,SAASA,OAAOC,GACrB,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAvBAD,OAAOI,YAAc"}

package/components/Spacer/Spacer.mjs

@@ -0,0 +1,2 @@
+import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Spacer(r){return jsx(Root,{...r})}Spacer.displayName='Spacer';export{Spacer};
+//# sourceMappingURL=Spacer.mjs.map

package/components/Spacer/Spacer.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spacer.mjs","sources":["../../../../src/components/Spacer/Spacer.tsx"],"sourcesContent":["import { DisplayProperty } from 'mixins/display'\nimport { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpacerProps\n  extends BaseProps,\n    DisplayProperty,\n    ResponsiveNamedProperty<'top'>,\n    ResponsiveNamedProperty<'right'>,\n    ResponsiveNamedProperty<'bottom'>,\n    ResponsiveNamedProperty<'left'>,\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  /**\n   * Primary content\n   */\n  /**\n   * Children react node\n   */\n  children?: React.ReactNode\n  onClick?: (_e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nSpacer.displayName = 'Spacer'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`Display`](#/Миксины)\n * - [`ResponsiveNamedProperty<'top'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'right'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'bottom'>`](#/Миксины)\n * - [`ResponsiveNamedProperty<'left'>`](#/Миксины)\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 */\nexport function Spacer(props: SpacerProps) {\n  return <Styled.Root {...props} />\n}\n"],"names":["Spacer","props","_jsx","Styled","displayName"],"mappings":"iEAqDO,SAASA,OAAOC,GACrB,OAAOC,IAACC,KAAW,IAAKF,GAC1B,CAvBAD,OAAOI,YAAc"}

package/components/Spacer/style.js

@@ -1,2 +1,2 @@
-import t from'styled-components';import{display as i}from'../../mixins/display.js';import{property as g,responsiveNamedProperty as n}from'../../mixins/responsive-property.js';var r=t.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)||t.includes('data-')}).withConfig({componentId:"fox-ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>t.display?i(t.display):null),(t=>t.padding?g(t.padding,'padding'):null),(t=>t.paddingTop?g(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?g(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?g(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?g(t.paddingLeft,'padding-left'):null),(t=>t.margin?g(t.margin,'margin'):null),(t=>t.marginTop?g(t.marginTop,'margin-top'):null),(t=>t.marginRight?g(t.marginRight,'margin-right'):null),(t=>t.marginBottom?g(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?g(t.marginLeft,'margin-left'):null),(t=>{var{paddingXS:i,paddingS:g,paddingM:r,paddingL:a,paddingXL:d}=t;return n({sizes:{paddingXS:i,paddingS:g,paddingM:r,paddingL:a,paddingXL:d},cssProperty:'padding'})}),(t=>{var{paddingTopXS:i,paddingTopS:g,paddingTopM:r,paddingTopL:a,paddingTopXL:d}=t;return n({sizes:{paddingTopXS:i,paddingTopS:g,paddingTopM:r,paddingTopL:a,paddingTopXL:d},cssProperty:'padding-top'})}),(t=>{var{paddingRightXS:i,paddingRightS:g,paddingRightM:r,paddingRightL:a,paddingRightXL:d}=t;return n({sizes:{paddingRightXS:i,paddingRightS:g,paddingRightM:r,paddingRightL:a,paddingRightXL:d},cssProperty:'padding-right'})}),(t=>{var{paddingBottomXS:i,paddingBottomS:g,paddingBottomM:r,paddingBottomL:a,paddingBottomXL:d}=t;return n({sizes:{paddingBottomXS:i,paddingBottomS:g,paddingBottomM:r,paddingBottomL:a,paddingBottomXL:d},cssProperty:'padding-bottom'})}),(t=>{var{paddingLeftXS:i,paddingLeftS:g,paddingLeftM:r,paddingLeftL:a,paddingLeftXL:d}=t;return n({sizes:{paddingLeftXS:i,paddingLeftS:g,paddingLeftM:r,paddingLeftL:a,paddingLeftXL:d},cssProperty:'padding-left'})}),(t=>{var{marginXS:i,marginS:g,marginM:r,marginL:a,marginXL:d}=t;return n({sizes:{marginXS:i,marginS:g,marginM:r,marginL:a,marginXL:d},cssProperty:'margin'})}),(t=>{var{marginTopXS:i,marginTopS:g,marginTopM:r,marginTopL:a,marginTopXL:d}=t;return n({sizes:{marginTopXS:i,marginTopS:g,marginTopM:r,marginTopL:a,marginTopXL:d},cssProperty:'margin-top'})}),(t=>{var{marginRightXS:i,marginRightS:g,marginRightM:r,marginRightL:a,marginRightXL:d}=t;return n({sizes:{marginRightXS:i,marginRightS:g,marginRightM:r,marginRightL:a,marginRightXL:d},cssProperty:'margin-right'})}),(t=>{var{marginBottomXS:i,marginBottomS:g,marginBottomM:r,marginBottomL:a,marginBottomXL:d}=t;return n({sizes:{marginBottomXS:i,marginBottomS:g,marginBottomM:r,marginBottomL:a,marginBottomXL:d},cssProperty:'margin-bottom'})}),(t=>{var{marginLeftXS:i,marginLeftS:g,marginLeftM:r,marginLeftL:a,marginLeftXL:d}=t;return n({sizes:{marginLeftXS:i,marginLeftS:g,marginLeftM:r,marginLeftL:a,marginLeftXL:d},cssProperty:'margin-left'})}),(t=>t.top?g(t.top,'padding-top'):null),(t=>t.right?g(t.right,'padding-right'):null),(t=>t.bottom?g(t.bottom,'padding-bottom'):null),(t=>t.left?g(t.left,'padding-left'):null),(t=>{var{topXS:i,topS:g,topM:r,topL:a,topXL:d}=t;return n({sizes:{topXS:i,topS:g,topM:r,topL:a,topXL:d},cssProperty:'padding-top'})}),(t=>{var{rightXS:i,rightS:g,rightM:r,rightL:a,rightXL:d}=t;return n({sizes:{rightXS:i,rightS:g,rightM:r,rightL:a,rightXL:d},cssProperty:'padding-right'})}),(t=>{var{bottomXS:i,bottomS:g,bottomM:r,bottomL:a,bottomXL:d}=t;return n({sizes:{bottomXS:i,bottomS:g,bottomM:r,bottomL:a,bottomXL:d},cssProperty:'padding-bottom'})}),(t=>{var{leftXS:i,leftS:g,leftM:r,leftL:a,leftXL:d}=t;return n({sizes:{leftXS:i,leftS:g,leftM:r,leftL:a,leftXL:d},cssProperty:'padding-left'})}));export{r as Root};
+'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(r){return r&&r.__esModule?r:{default:r}}const Root=_interopDefault(styled).default.div.withConfig({shouldForwardProp:r=>['children','className','style','onClick'].includes(r)||r.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(r=>r.display?display.display(r.display):null),(r=>r.padding?responsiveProperty.property(r.padding,'padding'):null),(r=>r.paddingTop?responsiveProperty.property(r.paddingTop,'padding-top'):null),(r=>r.paddingRight?responsiveProperty.property(r.paddingRight,'padding-right'):null),(r=>r.paddingBottom?responsiveProperty.property(r.paddingBottom,'padding-bottom'):null),(r=>r.paddingLeft?responsiveProperty.property(r.paddingLeft,'padding-left'):null),(r=>r.margin?responsiveProperty.property(r.margin,'margin'):null),(r=>r.marginTop?responsiveProperty.property(r.marginTop,'margin-top'):null),(r=>r.marginRight?responsiveProperty.property(r.marginRight,'margin-right'):null),(r=>r.marginBottom?responsiveProperty.property(r.marginBottom,'margin-bottom'):null),(r=>r.marginLeft?responsiveProperty.property(r.marginLeft,'margin-left'):null),(({paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingXS:r,paddingS:t,paddingM:i,paddingL:o,paddingXL:p},cssProperty:'padding'})),(({paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingTopXS:r,paddingTopS:t,paddingTopM:i,paddingTopL:o,paddingTopXL:p},cssProperty:'padding-top'})),(({paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingRightXS:r,paddingRightS:t,paddingRightM:i,paddingRightL:o,paddingRightXL:p},cssProperty:'padding-right'})),(({paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingBottomXS:r,paddingBottomS:t,paddingBottomM:i,paddingBottomL:o,paddingBottomXL:p},cssProperty:'padding-bottom'})),(({paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{paddingLeftXS:r,paddingLeftS:t,paddingLeftM:i,paddingLeftL:o,paddingLeftXL:p},cssProperty:'padding-left'})),(({marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginXS:r,marginS:t,marginM:i,marginL:o,marginXL:p},cssProperty:'margin'})),(({marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginTopXS:r,marginTopS:t,marginTopM:i,marginTopL:o,marginTopXL:p},cssProperty:'margin-top'})),(({marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginRightXS:r,marginRightS:t,marginRightM:i,marginRightL:o,marginRightXL:p},cssProperty:'margin-right'})),(({marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginBottomXS:r,marginBottomS:t,marginBottomM:i,marginBottomL:o,marginBottomXL:p},cssProperty:'margin-bottom'})),(({marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{marginLeftXS:r,marginLeftS:t,marginLeftM:i,marginLeftL:o,marginLeftXL:p},cssProperty:'margin-left'})),(r=>r.top?responsiveProperty.property(r.top,'padding-top'):null),(r=>r.right?responsiveProperty.property(r.right,'padding-right'):null),(r=>r.bottom?responsiveProperty.property(r.bottom,'padding-bottom'):null),(r=>r.left?responsiveProperty.property(r.left,'padding-left'):null),(({topXS:r,topS:t,topM:i,topL:o,topXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{topXS:r,topS:t,topM:i,topL:o,topXL:p},cssProperty:'padding-top'})),(({rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{rightXS:r,rightS:t,rightM:i,rightL:o,rightXL:p},cssProperty:'padding-right'})),(({bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{bottomXS:r,bottomS:t,bottomM:i,bottomL:o,bottomXL:p},cssProperty:'padding-bottom'})),(({leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p})=>responsiveProperty.responsiveNamedProperty({sizes:{leftXS:r,leftS:t,leftM:i,leftL:o,leftXL:p},cssProperty:'padding-left'})));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Spacer/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","_ref","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","_ref2","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","_ref3","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","_ref4","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","_ref5","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","_ref6","marginXS","marginS","marginM","marginL","marginXL","_ref7","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","_ref8","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","_ref9","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","_ref10","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","_ref11","topXS","topS","topM","topL","topXL","_ref12","rightXS","rightS","rightM","rightL","rightXL","_ref13","bottomXS","bottomS","bottomM","bottomL","bottomXL","_ref14","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Spacer/style.mjs

@@ -0,0 +1,2 @@
+import styled from'styled-components';import{display}from'../../mixins/display.mjs';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const Root=styled.div.withConfig({shouldForwardProp:t=>['children','className','style','onClick'].includes(t)||t.includes('data-')}).withConfig({displayName:"Spacer__Root",componentId:"ui__sc-1r4rhyb-0"})([""," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," "," ",""],(t=>t.display?display(t.display):null),(t=>t.padding?property(t.padding,'padding'):null),(t=>t.paddingTop?property(t.paddingTop,'padding-top'):null),(t=>t.paddingRight?property(t.paddingRight,'padding-right'):null),(t=>t.paddingBottom?property(t.paddingBottom,'padding-bottom'):null),(t=>t.paddingLeft?property(t.paddingLeft,'padding-left'):null),(t=>t.margin?property(t.margin,'margin'):null),(t=>t.marginTop?property(t.marginTop,'margin-top'):null),(t=>t.marginRight?property(t.marginRight,'margin-right'):null),(t=>t.marginBottom?property(t.marginBottom,'margin-bottom'):null),(t=>t.marginLeft?property(t.marginLeft,'margin-left'):null),(({paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r})=>responsiveNamedProperty({sizes:{paddingXS:t,paddingS:i,paddingM:o,paddingL:p,paddingXL:r},cssProperty:'padding'})),(({paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r})=>responsiveNamedProperty({sizes:{paddingTopXS:t,paddingTopS:i,paddingTopM:o,paddingTopL:p,paddingTopXL:r},cssProperty:'padding-top'})),(({paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r})=>responsiveNamedProperty({sizes:{paddingRightXS:t,paddingRightS:i,paddingRightM:o,paddingRightL:p,paddingRightXL:r},cssProperty:'padding-right'})),(({paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r})=>responsiveNamedProperty({sizes:{paddingBottomXS:t,paddingBottomS:i,paddingBottomM:o,paddingBottomL:p,paddingBottomXL:r},cssProperty:'padding-bottom'})),(({paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r})=>responsiveNamedProperty({sizes:{paddingLeftXS:t,paddingLeftS:i,paddingLeftM:o,paddingLeftL:p,paddingLeftXL:r},cssProperty:'padding-left'})),(({marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r})=>responsiveNamedProperty({sizes:{marginXS:t,marginS:i,marginM:o,marginL:p,marginXL:r},cssProperty:'margin'})),(({marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r})=>responsiveNamedProperty({sizes:{marginTopXS:t,marginTopS:i,marginTopM:o,marginTopL:p,marginTopXL:r},cssProperty:'margin-top'})),(({marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r})=>responsiveNamedProperty({sizes:{marginRightXS:t,marginRightS:i,marginRightM:o,marginRightL:p,marginRightXL:r},cssProperty:'margin-right'})),(({marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r})=>responsiveNamedProperty({sizes:{marginBottomXS:t,marginBottomS:i,marginBottomM:o,marginBottomL:p,marginBottomXL:r},cssProperty:'margin-bottom'})),(({marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r})=>responsiveNamedProperty({sizes:{marginLeftXS:t,marginLeftS:i,marginLeftM:o,marginLeftL:p,marginLeftXL:r},cssProperty:'margin-left'})),(t=>t.top?property(t.top,'padding-top'):null),(t=>t.right?property(t.right,'padding-right'):null),(t=>t.bottom?property(t.bottom,'padding-bottom'):null),(t=>t.left?property(t.left,'padding-left'):null),(({topXS:t,topS:i,topM:o,topL:p,topXL:r})=>responsiveNamedProperty({sizes:{topXS:t,topS:i,topM:o,topL:p,topXL:r},cssProperty:'padding-top'})),(({rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r})=>responsiveNamedProperty({sizes:{rightXS:t,rightS:i,rightM:o,rightL:p,rightXL:r},cssProperty:'padding-right'})),(({bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r})=>responsiveNamedProperty({sizes:{bottomXS:t,bottomS:i,bottomM:o,bottomL:p,bottomXL:r},cssProperty:'padding-bottom'})),(({leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r})=>responsiveNamedProperty({sizes:{leftXS:t,leftS:i,leftM:o,leftL:p,leftXL:r},cssProperty:'padding-left'})));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Spacer/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spacer/style.ts"],"sourcesContent":["import styled from 'styled-components'\nimport { display } from 'mixins/display'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { SpacerProps } from './Spacer'\n\nexport const Root = styled.div.withConfig<SpacerProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style', 'onClick'].includes(prop) || prop.includes('data-'),\n})`\n  ${(props) => (props.display ? display(props.display) : null)}\n\n  /** BEGIN paddings */\n  ${(props) => (props.padding ? property(props.padding, 'padding') : null)}\n  ${(props) => (props.paddingTop ? property(props.paddingTop, 'padding-top') : null)}\n  ${(props) => (props.paddingRight ? property(props.paddingRight, 'padding-right') : null)}\n  ${(props) => (props.paddingBottom ? property(props.paddingBottom, 'padding-bottom') : null)}\n  ${(props) => (props.paddingLeft ? property(props.paddingLeft, 'padding-left') : null)}\n  /** END paddings */ \n\n  /** BEGIN margins */\n  ${(props) => (props.margin ? property(props.margin, 'margin') : null)}\n  ${(props) => (props.marginTop ? property(props.marginTop, 'margin-top') : null)}\n  ${(props) => (props.marginRight ? property(props.marginRight, 'margin-right') : null)}\n  ${(props) => (props.marginBottom ? property(props.marginBottom, 'margin-bottom') : null)}\n  ${(props) => (props.marginLeft ? property(props.marginLeft, 'margin-left') : null)}\n  /** END margins */ \n\n  /** BEGIN Responsive paddings */\n  ${({ paddingXS, paddingS, paddingM, paddingL, paddingXL }) =>\n    responsiveNamedProperty({ sizes: { paddingXS, paddingS, paddingM, paddingL, paddingXL }, cssProperty: 'padding' })}\n  ${({ paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingTopXS, paddingTopS, paddingTopM, paddingTopL, paddingTopXL },\n      cssProperty: 'padding-top',\n    })}\n  ${({ paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingRightXS, paddingRightS, paddingRightM, paddingRightL, paddingRightXL },\n      cssProperty: 'padding-right',\n    })}\n  ${({ paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingBottomXS, paddingBottomS, paddingBottomM, paddingBottomL, paddingBottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { paddingLeftXS, paddingLeftS, paddingLeftM, paddingLeftL, paddingLeftXL },\n      cssProperty: 'padding-left',\n    })}\n  /** END Responsive paddings */ \n\n  /** BEGIN Responsive margins */\n  ${({ marginXS, marginS, marginM, marginL, marginXL }) =>\n    responsiveNamedProperty({ sizes: { marginXS, marginS, marginM, marginL, marginXL }, cssProperty: 'margin' })}\n  ${({ marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginTopXS, marginTopS, marginTopM, marginTopL, marginTopXL },\n      cssProperty: 'margin-top',\n    })}\n  ${({ marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginRightXS, marginRightS, marginRightM, marginRightL, marginRightXL },\n      cssProperty: 'margin-right',\n    })}\n  ${({ marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginBottomXS, marginBottomS, marginBottomM, marginBottomL, marginBottomXL },\n      cssProperty: 'margin-bottom',\n    })}\n  ${({ marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL }) =>\n    responsiveNamedProperty({\n      sizes: { marginLeftXS, marginLeftS, marginLeftM, marginLeftL, marginLeftXL },\n      cssProperty: 'margin-left',\n    })}\n  /** END Responsive margins */\n\n  ${(props) => (props.top ? property(props.top, 'padding-top') : null)}\n  ${(props) => (props.right ? property(props.right, 'padding-right') : null)}\n  ${(props) => (props.bottom ? property(props.bottom, 'padding-bottom') : null)}\n  ${(props) => (props.left ? property(props.left, 'padding-left') : null)}\n\n  ${({ topXS, topS, topM, topL, topXL }) =>\n    responsiveNamedProperty({ sizes: { topXS, topS, topM, topL, topXL }, cssProperty: 'padding-top' })}\n  ${({ rightXS, rightS, rightM, rightL, rightXL }) =>\n    responsiveNamedProperty({ sizes: { rightXS, rightS, rightM, rightL, rightXL }, cssProperty: 'padding-right' })}\n  ${({ bottomXS, bottomS, bottomM, bottomL, bottomXL }) =>\n    responsiveNamedProperty({\n      sizes: { bottomXS, bottomS, bottomM, bottomL, bottomXL },\n      cssProperty: 'padding-bottom',\n    })}\n  ${({ leftXS, leftS, leftM, leftL, leftXL }) =>\n    responsiveNamedProperty({ sizes: { leftXS, leftS, leftM, leftL, leftXL }, cssProperty: 'padding-left' })}\n`\n"],"names":["Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","display","padding","property","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginTop","marginRight","marginBottom","marginLeft","paddingXS","paddingS","paddingM","paddingL","paddingXL","responsiveNamedProperty","sizes","cssProperty","paddingTopXS","paddingTopS","paddingTopM","paddingTopL","paddingTopXL","paddingRightXS","paddingRightS","paddingRightM","paddingRightL","paddingRightXL","paddingBottomXS","paddingBottomS","paddingBottomM","paddingBottomL","paddingBottomXL","paddingLeftXS","paddingLeftS","paddingLeftM","paddingLeftL","paddingLeftXL","marginXS","marginS","marginM","marginL","marginXL","marginTopXS","marginTopS","marginTopM","marginTopL","marginTopXL","marginRightXS","marginRightS","marginRightM","marginRightL","marginRightXL","marginBottomXS","marginBottomS","marginBottomM","marginBottomL","marginBottomXL","marginLeftXS","marginLeftS","marginLeftM","marginLeftL","marginLeftXL","top","right","bottom","left","topXS","topS","topM","topL","topXL","rightXS","rightS","rightM","rightL","rightXL","bottomXS","bottomS","bottomM","bottomL","bottomXL","leftXS","leftS","leftM","leftL","leftXL"],"mappings":"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"}

package/components/Spinner/Spinner.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import s from'@babel/runtime/helpers/objectWithoutProperties';import{useClassname as r}from'../../hooks/useClassname.js';import{Root as a}from'./style.js';import{jsx as m}from'react/jsx-runtime';var o=["className"];function t(i){var{className:p}=i,l=s(i,o);var n=r(t.displayName,p);return m(a,e({className:n},l))}t.defaultProps={size:'m'},t.displayName='Spinner';export{t as Spinner};
+'use strict';var useClassname=require('../../hooks/useClassname.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');function Spinner({className:e,...s}){const r=useClassname.useClassname(Spinner.displayName,e);return require$$0.jsx(style.Root,{className:r,...s})}Spinner.defaultProps={size:'m'},Spinner.displayName='Spinner',exports.Spinner=Spinner;
 //# sourceMappingURL=Spinner.js.map

package/components/Spinner/Spinner.js.map

@@ -1 +1 @@
-{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n  /**\n   * Size of spinner\n   */\n  size?: 'l' | 's' | 'm' | number\n  /**\n   * Vertically center the spinner inside 100vh container\n   */\n  fullscreen?: boolean\n  /**\n   * Inline. Has no top/bottom margins\n   */\n  inline?: boolean\n}\n\nSpinner.defaultProps = {\n  size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n  const _className = useClassname(Spinner.displayName, className)\n\n  return <Styled.Root className={_className} {...props} />\n}\n"],"names":["Spinner","_ref","className","props","_objectWithoutProperties","_excluded","_className","useClassname","displayName","_jsx","Styled.Root","_objectSpread","defaultProps","size"],"mappings":"2QA+BO,SAASA,EAA6EC,GAAA,IAArEC,UAAEA,GAAmED,EAArDE,EAAqDC,EAAAH,EAAAI,GAC3F,IAAMC,EAAaC,EAAaP,EAAQQ,YAAaN,GAErD,OAAOO,EAACC,EAADC,EAAA,CAAaT,UAAWI,GAAgBH,IAdjDH,EAAQY,aAAe,CACrBC,KAAM,KAGRb,EAAQQ,YAAc"}
+{"version":3,"file":"Spinner.js","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n  /**\n   * Size of spinner\n   */\n  size?: 'l' | 's' | 'm' | number\n  /**\n   * Vertically center the spinner inside 100vh container\n   */\n  fullscreen?: boolean\n  /**\n   * Inline. Has no top/bottom margins\n   */\n  inline?: boolean\n}\n\nSpinner.defaultProps = {\n  size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n  const _className = useClassname(Spinner.displayName, className)\n\n  return <Styled.Root className={_className} {...props} />\n}\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"iJA+BO,SAASA,SAAQC,UAAEA,KAAcC,IACtC,MAAMC,EAAaC,aAAYA,aAACJ,QAAQK,YAAaJ,GAErD,OAAOK,WAAAA,IAACC,MAAAA,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAfAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}

package/components/Spinner/Spinner.mjs

@@ -0,0 +1,2 @@
+import{useClassname}from'../../hooks/useClassname.mjs';import{Root}from'./style.mjs';import{jsx}from'react/jsx-runtime';function Spinner({className:s,...e}){const n=useClassname(Spinner.displayName,s);return jsx(Root,{className:n,...e})}Spinner.defaultProps={size:'m'},Spinner.displayName='Spinner';export{Spinner};
+//# sourceMappingURL=Spinner.mjs.map

package/components/Spinner/Spinner.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Spinner.mjs","sources":["../../../../src/components/Spinner/Spinner.tsx"],"sourcesContent":["import { ResponsiveNamedProperty } from 'mixins/responsive-property'\nimport { useClassname } from 'hooks/useClassname'\nimport { BaseProps } from 'shared/interfaces'\nimport * as Styled from './style'\n\nexport interface SpinnerProps extends BaseProps, ResponsiveNamedProperty<'size'> {\n  /**\n   * Size of spinner\n   */\n  size?: 'l' | 's' | 'm' | number\n  /**\n   * Vertically center the spinner inside 100vh container\n   */\n  fullscreen?: boolean\n  /**\n   * Inline. Has no top/bottom margins\n   */\n  inline?: boolean\n}\n\nSpinner.defaultProps = {\n  size: 'm',\n}\n\nSpinner.displayName = 'Spinner'\n\n/**\n * Расширен:\n * - [`BaseProps`](#/Миксины)\n * - [`ResponsiveNamedProperty<'size'>`](#/Миксины)\n */\nexport function Spinner({ className, ...props }: typeof Spinner.defaultProps & SpinnerProps) {\n  const _className = useClassname(Spinner.displayName, className)\n\n  return <Styled.Root className={_className} {...props} />\n}\n"],"names":["Spinner","className","props","_className","useClassname","displayName","_jsx","Styled","defaultProps","size"],"mappings":"wHA+BO,SAASA,SAAQC,UAAEA,KAAcC,IACtC,MAAMC,EAAaC,aAAaJ,QAAQK,YAAaJ,GAErD,OAAOK,IAACC,KAAW,CAACN,UAAWE,KAAgBD,GACjD,CAfAF,QAAQQ,aAAe,CACrBC,KAAM,KAGRT,QAAQK,YAAc"}

package/components/Spinner/style.js

@@ -1,2 +1,2 @@
-import e,{keyframes as i,css as o}from'styled-components';import{property as r,responsiveNamedProperty as s}from'../../mixins/responsive-property.js';var t={l:60,m:40,s:20};var n=i(["to{transform:rotate(360deg);}"]);var a=o(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);var l=o(["display:inline-block;vertical-align:middle;margin:0;"]);var p=function(e,i){var r=arguments.length>1&&void 0!==i?i:'px';return 0===e?null:o(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,r,e,r,e,r,e,r,e/2,r,e/2,r)};var d=e=>e&&'boolean'!=typeof e?'number'==typeof e?e:t[e]?t[e]:0:0;var m=e.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({componentId:"fox-ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],n,(e=>e.inline?l:null),(e=>e.size?r(t[e.size]||e.size,p):null),(e=>{var{sizeXS:i,sizeS:o,sizeM:r,sizeL:t,sizeXL:n}=e;return s({sizes:{sizeXS:d(i),sizeS:d(o),sizeM:d(r),sizeL:d(t),sizeXL:d(n)},cssProperty:p})}),(e=>e.fullscreen?a:null));export{m as Root};
+'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const SIZES={l:60,m:40,s:20};const spinner=styled.keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=styled.css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=styled.css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:styled.css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?responsiveProperty.property(SIZES[e.size]||e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:t,sizeXL:o})=>responsiveProperty.responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(t),sizeXL:getSize(o)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));exports.Root=Root;
 //# sourceMappingURL=style.js.map

package/components/Spinner/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property, ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size]) return SIZES[size]\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  display: block;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","i","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","componentId","props","property","_ref","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"sJAIA,IAAMA,EAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,IAAMC,EAAUC,EAAhB,CAAA,kCAMA,IAAMC,EAAaC,EAAnB,CAAA,uFAQA,IAAMC,EAASD,EAAf,CAAA,yDAMA,IAAME,EAA4B,SAACC,EAADC,GAAyB,IAAlBC,+BAAPD,EAAAA,EAAgB,KAChD,OAAa,IAATD,EAAmB,KAChBH,EAAP,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACWG,EAAiBE,EAChBF,EAAiBE,EAEhBF,EAAiBE,EAChBF,EAAiBE,EACXF,EAAkB,EAAIE,EACrBF,EAAkB,EAAIE,IAK7C,IAAMC,EAAWH,GACVA,GAAwB,kBAATA,EACA,iBAATA,EAA0BA,EACjCV,EAAMU,GAAcV,EAAMU,GACvB,EAHwC,EAM1C,IAAMI,EAAOC,EAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAD9CF,WAAA,CAAAI,YAAA,wBAAGN,CAAH,CAAA,0NAAA,0BAAA,IAAA,IAAA,IAAA,IAgBAX,GAEZkB,GAAWA,EAAMd,OAASA,EAAS,OAEnCc,GAAWA,EAAMZ,KAAOa,EAASvB,EAAMsB,EAAMZ,OAASY,EAAMZ,KAAMD,GAAe,OAClFe,IAA6C,IAA5CC,OAAEA,EAAFC,MAAUA,EAAVC,MAAiBA,EAAjBC,MAAwBA,EAAxBC,OAA+BA,GAAaL,EAC7C,OAAOM,EAAwB,CAC7BC,MAAO,CACLN,OAAQZ,EAAQY,GAChBC,MAAOb,EAAQa,GACfC,MAAOd,EAAQc,GACfC,MAAOf,EAAQe,GACfC,OAAQhB,EAAQgB,IAElBG,YAAavB,OAIda,GAAWA,EAAMhB,WAAaA,EAAa"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property, ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size]) return SIZES[size]\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  display: block;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","property","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"wOAIA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,OAASA,UAIxB,CAAA,kCAED,MAAMC,WAAaC,OAAGA,IAMrB,CAAA,uFAED,MAAMC,OAASD,OAAGA,IAIjB,CAAA,yDAED,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,OAAGA,IAAA,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACCG,EAAiBC,EAChBD,EAAiBC,EAEhBD,EAAiBC,EAChBD,EAAiBC,EACXD,EAAkB,EAAIC,EACrBD,EAAkB,EAAIC,GAK7C,MAAMC,QAAWF,GACVA,UAAeA,GAAS,iBAClBA,GAAS,SAAiBA,EACjCV,MAAMU,GAAcV,MAAMU,GACvB,EAHwC,EAM1C,MAAMG,KAAOC,gBAAAA,QAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAC7DF,WAAA,CAAAI,YAAA,gBAAAC,YAAA,oBAFkBP,CAElB,CAAA,0NAAA,0BAAA,IAAA,IAAA,IAAA,IAceV,SAEZkB,GAAWA,EAAMd,OAASA,OAAS,OAEnCc,GAAWA,EAAMZ,KAAOa,mBAAQA,SAACvB,MAAMsB,EAAMZ,OAASY,EAAMZ,KAAMD,aAAe,OAClF,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,2CAAwB,CAC7BC,MAAO,CACLN,OAAQZ,QAAQY,GAChBC,MAAOb,QAAQa,GACfC,MAAOd,QAAQc,GACfC,MAAOf,QAAQe,GACfC,OAAQhB,QAAQgB,IAElBG,YAAatB,gBAIda,GAAWA,EAAMhB,WAAaA,WAAa"}

package/components/Spinner/style.mjs

@@ -0,0 +1,2 @@
+import styled,{keyframes,css}from'styled-components';import{property,responsiveNamedProperty}from'../../mixins/responsive-property.mjs';const SIZES={l:60,m:40,s:20};const spinner=keyframes(["to{transform:rotate(360deg);}"]);const fullscreen=css(["height:100vh;margin:0 auto;display:flex;align-items:center;justify-content:center;"]);const inline=css(["display:inline-block;vertical-align:middle;margin:0;"]);const sizeBuilder=(e,i="px")=>e===0?null:css(["width:","",";height:","",";&:before{width:","",";height:","",";margin-top:-","",";margin-left:-","",";}"],e,i,e,i,e,i,e,i,e/2,i,e/2,i);const getSize=e=>e&&typeof e!='boolean'?typeof e=='number'?e:SIZES[e]?SIZES[e]:0:0;const Root=styled.div.withConfig({shouldForwardProp:e=>['className','style'].includes(e)}).withConfig({displayName:"Spinner__Root",componentId:"ui__sc-1ejsorp-0"})(["display:block;position:relative;display:block;margin:30px auto;&:before{content:'';box-sizing:border-box;position:absolute;top:50%;left:50%;border-radius:50%;border:2px solid #eee;border-top-color:#459ff3;animation:"," 0.6s linear infinite;}"," "," "," ",""],spinner,(e=>e.inline?inline:null),(e=>e.size?property(SIZES[e.size]||e.size,sizeBuilder):null),(({sizeXS:e,sizeS:i,sizeM:s,sizeL:o,sizeXL:t})=>responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));export{Root};
+//# sourceMappingURL=style.mjs.map

package/components/Spinner/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Spinner/style.ts"],"sourcesContent":["import styled, { css, keyframes } from 'styled-components'\nimport { responsiveNamedProperty, property, ResponsiveNamedProperty, CalcProperty } from 'mixins/responsive-property'\nimport { SpinnerProps } from './Spinner'\n\nconst SIZES = {\n  l: 60,\n  m: 40,\n  s: 20,\n}\n\nconst spinner = keyframes`\n  to {\n      transform: rotate(360deg);\n  }\n`\n\nconst fullscreen = css`\n  height: 100vh;\n  margin: 0 auto;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst inline = css`\n  display: inline-block;\n  vertical-align: middle;\n  margin: 0;\n`\n\nconst sizeBuilder: CalcProperty = (size, sizing = 'px') => {\n  if (size === 0) return null\n  return css`\n    width: ${size as number}${sizing};\n    height: ${size as number}${sizing};\n    &:before {\n      width: ${size as number}${sizing};\n      height: ${size as number}${sizing};\n      margin-top: -${(size as number) / 2}${sizing};\n      margin-left: -${(size as number) / 2}${sizing};\n    }\n  `\n}\n\nconst getSize = (size: ResponsiveNamedProperty<'size'>['size']): number => {\n  if (!size || typeof size === 'boolean') return 0\n  if (typeof size === 'number') return size\n  if (SIZES[size]) return SIZES[size]\n  return 0\n}\n\nexport const Root = styled.div.withConfig<SpinnerProps>({\n  shouldForwardProp: (prop) => ['className', 'style'].includes(prop),\n})`\n  display: block;\n  position: relative;\n  display: block;\n  margin: 30px auto;\n  &:before {\n    content: '';\n    box-sizing: border-box;\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    border-radius: 50%;\n    border: 2px solid #eee;\n    border-top-color: #459ff3;\n    animation: ${spinner} 0.6s linear infinite;\n  }\n  ${(props) => (props.inline ? inline : null)}\n\n  ${(props) => (props.size ? property(SIZES[props.size] || props.size, sizeBuilder) : null)}\n  ${({ sizeXS, sizeS, sizeM, sizeL, sizeXL }) => {\n    return responsiveNamedProperty({\n      sizes: {\n        sizeXS: getSize(sizeXS),\n        sizeS: getSize(sizeS),\n        sizeM: getSize(sizeM),\n        sizeL: getSize(sizeL),\n        sizeXL: getSize(sizeXL),\n      },\n      cssProperty: sizeBuilder,\n    })\n  }}\n\n  ${(props) => (props.fullscreen ? fullscreen : null)}\n`\n"],"names":["SIZES","l","m","s","spinner","keyframes","fullscreen","css","inline","sizeBuilder","size","sizing","getSize","Root","styled","div","withConfig","shouldForwardProp","prop","includes","displayName","componentId","props","property","sizeXS","sizeS","sizeM","sizeL","sizeXL","responsiveNamedProperty","sizes","cssProperty"],"mappings":"wIAIA,MAAMA,MAAQ,CACZC,EAAG,GACHC,EAAG,GACHC,EAAG,IAGL,MAAMC,QAAUC,UAIf,CAAA,kCAED,MAAMC,WAAaC,IAMlB,CAAA,uFAED,MAAMC,OAASD,IAId,CAAA,yDAED,MAAME,YAA4BA,CAACC,EAAMC,EAAS,OAC5CD,IAAS,EAAU,KAChBH,IAAG,CAAA,SAAA,GAAA,WAAA,GAAA,mBAAA,GAAA,WAAA,GAAA,gBAAA,GAAA,iBAAA,GAAA,MACCG,EAAiBC,EAChBD,EAAiBC,EAEhBD,EAAiBC,EAChBD,EAAiBC,EACXD,EAAkB,EAAIC,EACrBD,EAAkB,EAAIC,GAK7C,MAAMC,QAAWF,GACVA,UAAeA,GAAS,iBAClBA,GAAS,SAAiBA,EACjCV,MAAMU,GAAcV,MAAMU,GACvB,EAHwC,EAM1C,MAAMG,KAAOC,OAAOC,IAAIC,WAAyB,CACtDC,kBAAoBC,GAAS,CAAC,YAAa,SAASC,SAASD,KAC7DF,WAAA,CAAAI,YAAA,gBAAAC,YAAA,oBAFkBP,CAElB,CAAA,0NAAA,0BAAA,IAAA,IAAA,IAAA,IAceV,SAEZkB,GAAWA,EAAMd,OAASA,OAAS,OAEnCc,GAAWA,EAAMZ,KAAOa,SAASvB,MAAMsB,EAAMZ,OAASY,EAAMZ,KAAMD,aAAe,OAClF,EAAGe,SAAQC,QAAOC,QAAOC,QAAOC,YACzBC,wBAAwB,CAC7BC,MAAO,CACLN,OAAQZ,QAAQY,GAChBC,MAAOb,QAAQa,GACfC,MAAOd,QAAQc,GACfC,MAAOf,QAAQe,GACfC,OAAQhB,QAAQgB,IAElBG,YAAatB,gBAIda,GAAWA,EAAMhB,WAAaA,WAAa"}

package/components/Switcher/Switcher.js

@@ -1,2 +1,2 @@
-import e from'@babel/runtime/helpers/objectSpread2';import r from'@babel/runtime/helpers/objectWithoutProperties';import{forwardRef as t}from'react';import{useTheme as a}from'styled-components';import{useConfigPriority as o}from'../../hooks/use-config-priority.js';import{BRAND_PROPS as s,DEFAULT_PROPS as i}from'./constants.js';import{Root as n,Input as d,Switcher as m,Label as c}from'./style.js';import{jsxs as l,jsx as p}from'react/jsx-runtime';var h=["value","disabled","tabIndex","id","name","children","onChange"];var b='Switcher';var f=t(((t,b)=>{var f;var u=a();var v=o(null===(f=u.components)||void 0===f?void 0:f.Switcher,t),{value:j=!1,disabled:x=!1,tabIndex:y,id:P,name:S,children:g,onChange:w}=v,k=r(v,h);var C='brand'===u.preset;'string'==typeof k.preset&&(C='brand'===k.preset);var N=C?s:i;return l(n,e(e(e({},k),N),{},{ref:b,checked:j,disabled:x,brandPresetUsed:C,children:[p(d,{id:P,name:S,checked:j,type:"checkbox",tabIndex:y,onChange:e=>{x||'function'!=typeof w||w(e.target.checked,e)},disabled:x}),p(m,e({htmlFor:P},N)),g?p(c,{htmlFor:P,children:g}):null]}))}));f.displayName="Switcher";export{b as COMPONENT_NAME,f as Switcher};
+'use strict';var React=require('react');var styled=require('styled-components');var useConfigPriority=require('../../hooks/use-config-priority.js');var constants=require('./constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');const Switcher=React.forwardRef(((e,r)=>{const t=styled.useTheme();const{value:s=!1,disabled:i=!1,tabIndex:n,id:c,name:o,children:a,onChange:d,...l}=useConfigPriority.useConfigPriority(t.components?.Switcher,e);let u=t.preset==='brand';typeof l.preset=='string'&&(u=l.preset==='brand');const h=u?constants.BRAND_PROPS:constants.DEFAULT_PROPS;return require$$0.jsxs(style.Root,{...l,...h,ref:r,checked:s,disabled:i,brandPresetUsed:u,children:[require$$0.jsx(style.Input,{id:c,name:o,checked:s,type:"checkbox",tabIndex:n,onChange:e=>{i||typeof d!='function'||d(e.target.checked,e)},disabled:i}),require$$0.jsx(style.Switcher,{htmlFor:c,...h}),a?require$$0.jsx(style.Label,{htmlFor:c,children:a}):null]})}));Switcher.displayName="Switcher",exports.COMPONENT_NAME="Switcher",exports.Switcher=Switcher;
 //# sourceMappingURL=Switcher.js.map

package/components/Switcher/Switcher.js.map

@@ -1 +1 @@
-{"version":3,"file":"Switcher.js","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["COMPONENT_NAME","Switcher","forwardRef","props","ref","_theme$components","theme","useTheme","useConfigPriority","components","value","disabled","tabIndex","id","name","children","onChange","_useConfigPriority","config","_objectWithoutProperties","_excluded","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled.Root","checked","_jsx","Styled.Input","type","event","target","Styled.Switcher","_objectSpread","htmlFor","Styled.Label","displayName"],"mappings":"ygBAOMA,IAAAA,EAAiB,WAEjBC,IAAAA,EAAWC,GAAAA,CAA2CC,EAAOC,KAAQ,IAAAC,EACzE,IAAMC,EAAQC,IAEd,IASIC,EAAAA,UAAiCF,EAAAA,EAAMG,kBAAAA,aAANJ,EAAkBJ,SAAUE,IAT3DO,MACJA,GAAAA,EADIC,SAEJA,KAFIC,SAGJA,EAHIC,GAIJA,EAJIC,KAKJA,EALIC,SAMJA,EANIC,SAOJA,GAPFC,EAQKC,EARLC,EAAAF,EAAAG,GAWA,IAAIC,EAAmC,UAAjBf,EAAMgB,OACC,iBAAlBJ,EAAOI,SAAqBD,EAAoC,UAAlBH,EAAOI,QAEhE,IAAMC,EAAgBF,EAAkBG,EAAcC,EAMtD,OACEC,EAACC,EACKT,EAAAA,EAAAA,EAAAA,GAAAA,GACAK,GAFN,GAAA,CAGEnB,IAAKA,EACLwB,QAASlB,EACTC,SAAUA,EACVU,gBAAiBA,EANnBN,SAQE,CAAAc,EAACC,EAAD,CACEjB,GAAIA,EACJC,KAAMA,EACNc,QAASlB,EACTqB,KAAK,WACLnB,SAAUA,EACVI,SAnB4DgB,IAC3DrB,GAAgC,mBAAbK,GAAyBA,EAASgB,EAAMC,OAAOL,QAASI,IAmB5ErB,SAAUA,IAEZkB,EAACK,EAADC,EAAA,CAAiBC,QAASvB,GAAQU,IACjCR,EAAWc,EAACQ,EAAD,CAAcD,QAASvB,EAAvBE,SAA4BA,IAA2B,YAKzEd,EAASqC,YAjDc"}
+{"version":3,"file":"Switcher.js","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","jsx","type","event","target","htmlFor","displayName"],"mappings":"wQASMA,MAAAA,SAAWC,MAAUA,YAAgC,CAACC,EAAOC,KACjE,MAAMC,EAAQC,OAAAA,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAiBA,kBAAgBV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,UAAWA,YAAGC,wBAMtD,OACEC,WAAAA,KAACC,MAAAA,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAEjCa,CAAAA,WAAAC,IAACH,YAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACToB,KAAK,WACLlB,SAAUA,EACVI,SAnB4De,IAC3DpB,UAAmBK,GAAa,YAAYA,EAASe,EAAMC,OAAOL,QAASI,EAAM,EAmBlFpB,SAAUA,IAEZiB,WAAAC,IAACH,eAAe,CAACO,QAASpB,KAAQS,IACjCP,EAAWa,WAAAC,IAACH,YAAY,CAACO,QAASpB,EAAGE,SAAEA,IAA2B,OACvD,IAIlBX,SAAS8B,YAjDc,kCAAA"}

package/components/Switcher/Switcher.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';import{useTheme}from'styled-components';import{useConfigPriority}from'../../hooks/use-config-priority.mjs';import{BRAND_PROPS,DEFAULT_PROPS}from'./constants.mjs';import{Root,Input,Switcher as Switcher$1,Label}from'./style.mjs';import{jsxs,jsx}from'react/jsx-runtime';const COMPONENT_NAME='Switcher';const Switcher=forwardRef(((e,t)=>{const r=useTheme();const{value:o=!1,disabled:s=!1,tabIndex:i,id:n,name:c,children:m,onChange:a,...d}=useConfigPriority(r.components?.Switcher,e);let h=r.preset==='brand';typeof d.preset=='string'&&(h=d.preset==='brand');const p=h?BRAND_PROPS:DEFAULT_PROPS;return jsxs(Root,{...d,...p,ref:t,checked:o,disabled:s,brandPresetUsed:h,children:[jsx(Input,{id:n,name:c,checked:o,type:"checkbox",tabIndex:i,onChange:e=>{s||typeof a!='function'||a(e.target.checked,e)},disabled:s}),jsx(Switcher$1,{htmlFor:n,...p}),m?jsx(Label,{htmlFor:n,children:m}):null]})}));Switcher.displayName="Switcher";export{COMPONENT_NAME,Switcher};
+//# sourceMappingURL=Switcher.mjs.map

package/components/Switcher/Switcher.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switcher.mjs","sources":["../../../../src/components/Switcher/Switcher.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { useTheme } from 'styled-components'\nimport { useConfigPriority } from 'hooks/use-config-priority'\nimport type { SwitcherProps } from './types'\nimport { DEFAULT_PROPS, BRAND_PROPS } from './constants'\nimport * as Styled from './style'\n\nconst COMPONENT_NAME = 'Switcher'\n\nconst Switcher = forwardRef<HTMLDivElement, SwitcherProps>((props, ref) => {\n  const theme = useTheme()\n\n  const {\n    value = false,\n    disabled = false,\n    tabIndex,\n    id,\n    name,\n    children,\n    onChange,\n    ...config\n  } = useConfigPriority<SwitcherProps>(theme.components?.Switcher, props)\n\n  let brandPresetUsed = theme.preset === 'brand'\n  if (typeof config.preset === 'string') brandPresetUsed = config.preset === 'brand'\n\n  const propsByPreset = brandPresetUsed ? BRAND_PROPS : DEFAULT_PROPS\n\n  const handleChange: React.ChangeEventHandler<HTMLInputElement> = (event) => {\n    if (!disabled && typeof onChange === 'function') onChange(event.target.checked, event)\n  }\n\n  return (\n    <Styled.Root\n      {...config}\n      {...propsByPreset}\n      ref={ref}\n      checked={value}\n      disabled={disabled}\n      brandPresetUsed={brandPresetUsed}\n    >\n      <Styled.Input\n        id={id}\n        name={name}\n        checked={value}\n        type='checkbox'\n        tabIndex={tabIndex}\n        onChange={handleChange}\n        disabled={disabled}\n      />\n      <Styled.Switcher htmlFor={id} {...propsByPreset} />\n      {children ? <Styled.Label htmlFor={id}>{children}</Styled.Label> : null}\n    </Styled.Root>\n  )\n})\n\nSwitcher.displayName = COMPONENT_NAME\n\nexport { Switcher, COMPONENT_NAME }\n\nexport type { SwitcherProps }\n"],"names":["COMPONENT_NAME","Switcher","forwardRef","props","ref","theme","useTheme","value","disabled","tabIndex","id","name","children","onChange","config","useConfigPriority","components","brandPresetUsed","preset","propsByPreset","BRAND_PROPS","DEFAULT_PROPS","_jsxs","Styled","checked","_jsx","type","event","target","htmlFor","displayName"],"mappings":"ySAOMA,MAAAA,eAAiB,WAEjBC,MAAAA,SAAWC,YAA0C,CAACC,EAAOC,KACjE,MAAMC,EAAQC,WAEd,MAAMC,MACJA,GAAQ,EAAKC,SACbA,GAAW,EAAKC,SAChBA,EAAQC,GACRA,EAAEC,KACFA,EAAIC,SACJA,EAAQC,SACRA,KACGC,GACDC,kBAAiCV,EAAMW,YAAYf,SAAUE,GAEjE,IAAIc,EAAkBZ,EAAMa,SAAW,eAC5BJ,EAAOI,QAAW,WAAUD,EAAkBH,EAAOI,SAAW,SAE3E,MAAMC,EAAgBF,EAAkBG,YAAcC,cAMtD,OACEC,KAACC,KAAW,IACNT,KACAK,EACJf,IAAKA,EACLoB,QAASjB,EACTC,SAAUA,EACVS,gBAAiBA,EAAgBL,SAEjCa,CAAAA,IAACF,MAAY,CACXb,GAAIA,EACJC,KAAMA,EACNa,QAASjB,EACTmB,KAAK,WACLjB,SAAUA,EACVI,SAnB4Dc,IAC3DnB,UAAmBK,GAAa,YAAYA,EAASc,EAAMC,OAAOJ,QAASG,EAAM,EAmBlFnB,SAAUA,IAEZiB,IAACF,WAAe,CAACM,QAASnB,KAAQS,IACjCP,EAAWa,IAACF,MAAY,CAACM,QAASnB,EAAGE,SAAEA,IAA2B,OACvD,IAIlBX,SAAS6B,YAjDc"}

package/components/Switcher/constants.js

@@ -1,2 +1,2 @@
-var i={switcherWidth:60,switcherHeight:32,borderRadius:40,dotSize:24};var e={switcherWidth:44,switcherHeight:24,borderRadius:48,dotSize:16};export{e as BRAND_PROPS,i as DEFAULT_PROPS};
+'use strict';exports.BRAND_PROPS={switcherWidth:44,switcherHeight:24,borderRadius:48,dotSize:16},exports.DEFAULT_PROPS={switcherWidth:60,switcherHeight:32,borderRadius:40,dotSize:24};
 //# sourceMappingURL=constants.js.map

package/components/Switcher/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../../src/components/Switcher/constants.ts"],"sourcesContent":["import type { SwitcherPropsByPreset } from './types'\n\nexport const DEFAULT_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 60,\n  switcherHeight: 32,\n  borderRadius: 40,\n  dotSize: 24,\n}\n\nexport const BRAND_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 44,\n  switcherHeight: 24,\n  borderRadius: 48,\n  dotSize: 16,\n}\n"],"names":["DEFAULT_PROPS","switcherWidth","switcherHeight","borderRadius","dotSize","BRAND_PROPS"],"mappings":"AAEO,IAAMA,EAAuC,CAClDC,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS,IAGJ,IAAMC,EAAqC,CAChDJ,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS"}
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Switcher/constants.ts"],"sourcesContent":["import type { SwitcherPropsByPreset } from './types'\n\nexport const DEFAULT_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 60,\n  switcherHeight: 32,\n  borderRadius: 40,\n  dotSize: 24,\n}\n\nexport const BRAND_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 44,\n  switcherHeight: 24,\n  borderRadius: 48,\n  dotSize: 16,\n}\n"],"names":["switcherWidth","switcherHeight","borderRadius","dotSize"],"mappings":"iCASkD,CAChDA,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS,0BAXyC,CAClDH,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS"}

package/components/Switcher/constants.mjs

@@ -0,0 +1,2 @@
+const DEFAULT_PROPS={switcherWidth:60,switcherHeight:32,borderRadius:40,dotSize:24};const BRAND_PROPS={switcherWidth:44,switcherHeight:24,borderRadius:48,dotSize:16};export{BRAND_PROPS,DEFAULT_PROPS};
+//# sourceMappingURL=constants.mjs.map

package/components/Switcher/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Switcher/constants.ts"],"sourcesContent":["import type { SwitcherPropsByPreset } from './types'\n\nexport const DEFAULT_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 60,\n  switcherHeight: 32,\n  borderRadius: 40,\n  dotSize: 24,\n}\n\nexport const BRAND_PROPS: SwitcherPropsByPreset = {\n  switcherWidth: 44,\n  switcherHeight: 24,\n  borderRadius: 48,\n  dotSize: 16,\n}\n"],"names":["DEFAULT_PROPS","switcherWidth","switcherHeight","borderRadius","dotSize","BRAND_PROPS"],"mappings":"AAEO,MAAMA,cAAuC,CAClDC,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS,IAGJ,MAAMC,YAAqC,CAChDJ,cAAe,GACfC,eAAgB,GAChBC,aAAc,GACdC,QAAS"}

package/components/Switcher/style.js

@@ -1,2 +1,2 @@
-import n,{css as o}from'styled-components';import e from'tinycolor2';import{getColor as t}from'../../mixins/color.js';var i=n.input.withConfig({componentId:"fox-ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);var r=n.label.withConfig({componentId:"fox-ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);var c=n.label.withConfig({componentId:"fox-ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(n=>n.switcherWidth),(n=>n.switcherHeight),(n=>n.borderRadius),(n=>{var{switcherHeight:o,dotSize:e}=n;return(o-e)/2}),(n=>{var{switcherHeight:o,dotSize:e}=n;return(o-e)/2}),(n=>n.dotSize),(n=>n.dotSize));var a="\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ".concat(c," {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ").concat(r," {\n    cursor: not-allowed;\n  }\n");var s=o(["& ","{&::before{left:","px;}}"],c,(n=>{var{switcherWidth:o,switcherHeight:e,dotSize:t}=n;return o-t-(e-t)/2}));var l=o(["",""],(n=>"\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ".concat(n.switcherHeight,"px;\n    line-height: ").concat(n.switcherHeight,"px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  ")));var d=o(["",""],(n=>{var o=n.color||'atlantis';return"\n      & ".concat(c," {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ").concat(n.theme.colors.white,";\n          box-shadow: ").concat(n.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)',";\n        }\n\n        ").concat(n.inactiveColor?"\n                background-image: linear-gradient(\n                  to right,\n                  ".concat(e(t(n.inactiveColor,n)).lighten(10).toString(),",\n                  ").concat(t(n.inactiveColor,n),"\n                );\n              "):'',"\n\n        ").concat(n.checked?"\n                background-image: linear-gradient(\n                  to right,\n                  ".concat(e(t(o,n)).lighten(10).toString(),",\n                  ").concat(t(o,n),"\n                );\n              "):'',"\n      }\n\n      & ").concat(i,":focus-visible + ").concat(c," {\n        outline: 1px solid ").concat(t(o,n),";\n        outline-offset: 2px;\n      }\n    ")}));var h=o(["",""],(n=>"\n    & ".concat(c," {\n      background-color: ").concat(n.disabled?n.theme.colors[n.checked?'bg-disabled-active':'bg-disabled-small']:n.theme.colors[n.checked?'bg-brand-primary-basic':'bg-onmain-tertiary'],";\n\n      &::before {\n        background-color: ").concat(n.theme.colors['bg-oncolor-primary'],";\n        box-shadow: ").concat(n.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)',";\n      }\n\n      ").concat(!n.checked&&n.inactiveColor?"background-color: ".concat(t(n.inactiveColor,n),";"):'',"\n      ").concat(n.checked&&n.color?"background-color: ".concat(t(n.color,n),";"):'',"\n    }\n\n    & ").concat(i,":focus-visible + ").concat(c," {\n      box-shadow: 0 0 0 2px ").concat(n.theme.colors.white,", 0 0 0 4px ").concat(n.theme.colors['border-focus'],";\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  ")));var b=n.div.withConfig({shouldForwardProp:n=>['children','className','style'].includes(n)}).withConfig({componentId:"fox-ui__sc-w14piw-3"})([""," "," "," ",""],l,(n=>n.checked?s:''),(n=>n.disabled?a:''),(n=>{var{brandPresetUsed:o}=n;return o?h:d}));export{i as Input,r as Label,b as Root,c as Switcher};
+'use strict';var styled=require('styled-components');var tinycolor=require('../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.js');var color=require('../../mixins/color.js');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var styled__default=_interopDefault(styled);const Input=styled__default.default.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled__default.default.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled__default.default.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=styled.css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:t})=>e-t-(o-t)/2));const baseStyles=styled.css(["",""],(e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `));const defaultPresetStyle=styled.css(["",""],(e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor.default(color.getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${color.getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor.default(color.getColor(o,e)).lighten(10).toString()},\n                  ${color.getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${color.getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `}));const brandPresetStyles=styled.css(["",""],(e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${color.getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${color.getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `));const Root=styled__default.default.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));exports.Input=Input,exports.Label=Label,exports.Root=Root,exports.Switcher=Switcher;
 //# sourceMappingURL=style.js.map

package/components/Switcher/style.js.map

@@ -1 +1 @@
-{"version":3,"file":"style.js","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.3s ease, background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition: background 0.3s ease, left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","_ref","dotSize","_ref2","disabledStyles","concat","checkedStyles","css","_ref3","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","_ref4","brandPresetUsed"],"mappings":"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"}
+{"version":3,"file":"style.js","sources":["../../../../src/components/Switcher/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport tinycolor from 'tinycolor2'\nimport { getColor } from 'mixins/color'\nimport type { StyledSwitcherProps, SwitcherPropsByPreset } from './types'\n\nexport const Input = styled.input`\n  position: absolute;\n  overflow: visible;\n  z-index: -1;\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n`\n\nexport const Label = styled.label`\n  display: inline;\n  padding-left: 14px;\n  cursor: pointer;\n  user-select: none;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n`\n\nexport const Switcher = styled.label<SwitcherPropsByPreset>`\n  position: relative;\n  display: block;\n  box-sizing: border-box;\n  width: ${(props) => props.switcherWidth}px;\n  height: ${(props) => props.switcherHeight}px;\n  cursor: pointer;\n  user-select: none;\n  transition: background 0.3s ease, background-image 0.3s ease;\n  border-radius: ${(props) => props.borderRadius}px;\n  flex: 0 0 auto;\n\n  &::before {\n    position: absolute;\n    top: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    left: ${({ switcherHeight, dotSize }) => (switcherHeight - dotSize) / 2}px;\n    display: block;\n    width: ${(props) => props.dotSize}px;\n    height: ${(props) => props.dotSize}px;\n    content: '';\n    transition: background 0.3s ease, left 0.3s ease;\n    transform: translateZ(0);\n    border-radius: 50%;\n  }\n`\n\nconst disabledStyles = `\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`\n\nconst checkedStyles = css<StyledSwitcherProps>`\n  & ${Switcher} {\n    &::before {\n      left: ${({ switcherWidth, switcherHeight, dotSize }) =>\n        switcherWidth - dotSize - (switcherHeight - dotSize) / 2}px;\n    }\n  }\n`\n\nconst baseStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${props.switcherHeight}px;\n    line-height: ${props.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `}\n`\n\nconst defaultPresetStyle = css<StyledSwitcherProps>`\n  ${(props) => {\n    const color = props.color || 'atlantis'\n\n    return `\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${props.theme.colors.white};\n          box-shadow: ${props.disabled ? 'none' : '0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${\n          props.inactiveColor\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(props.inactiveColor, props)).lighten(10).toString()},\n                  ${getColor(props.inactiveColor, props)}\n                );\n              `\n            : ''\n        }\n\n        ${\n          props.checked\n            ? `\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(color, props)).lighten(10).toString()},\n                  ${getColor(color, props)}\n                );\n              `\n            : ''\n        }\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(color, props)};\n        outline-offset: 2px;\n      }\n    `\n  }}\n`\n\nconst brandPresetStyles = css<StyledSwitcherProps>`\n  ${(props) => `\n    & ${Switcher} {\n      background-color: ${\n        props.disabled\n          ? props.theme.colors[props.checked ? 'bg-disabled-active' : 'bg-disabled-small']\n          : props.theme.colors[props.checked ? 'bg-brand-primary-basic' : 'bg-onmain-tertiary']\n      };\n\n      &::before {\n        background-color: ${props.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${props.disabled ? 'none' : '0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!props.checked && props.inactiveColor ? `background-color: ${getColor(props.inactiveColor, props)};` : ''}\n      ${props.checked && props.color ? `background-color: ${getColor(props.color, props)};` : ''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${props.theme.colors.white}, 0 0 0 4px ${props.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `}\n`\n\nexport const Root = styled.div.withConfig<StyledSwitcherProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  ${baseStyles}\n\n  ${(props) => (props.checked ? checkedStyles : '')}\n  ${(props) => (props.disabled ? disabledStyles : '')}\n  ${({ brandPresetUsed }) => (brandPresetUsed ? brandPresetStyles : defaultPresetStyle)}\n`\n"],"names":["Input","styled","input","withConfig","displayName","componentId","Label","label","Switcher","props","switcherWidth","switcherHeight","borderRadius","dotSize","disabledStyles","checkedStyles","css","baseStyles","defaultPresetStyle","color","theme","colors","white","disabled","inactiveColor","tinycolor","getColor","lighten","toString","checked","default","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"uTAKaA,MAAQC,gBAAAA,QAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAQpB,CAAA,6FAEYK,MAAQL,gBAAAA,QAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAQpB,CAAA,sIAEYO,SAAWP,gBAAAA,QAAOM,MAAKJ,WAAA,CAAAC,YAAA,WAAAC,YAAA,mBAAZJ,CAAY,CAAA,+DAAA,aAAA,+GAAA,oDAAA,WAAA,0BAAA,aAAA,6GAIxBQ,GAAUA,EAAMC,gBACfD,GAAUA,EAAME,iBAITF,GAAUA,EAAMG,eAKzB,EAAGD,iBAAgBE,cAAeF,EAAiBE,GAAW,IAC7D,EAAGF,iBAAgBE,cAAeF,EAAiBE,GAAW,IAE5DJ,GAAUA,EAAMI,UACfJ,GAAUA,EAAMI,UAQ/B,MAAMC,eAAiB,oDAIjBN,8HASAF,2CAKN,MAAMS,cAAgBC,OAAGA,IACnBR,CAAAA,KAAAA,mBAAAA,SAAAA,UAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,IAK/D,MAAMI,WAAaD,OAAGA,IAAA,CAAA,GAAA,KACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,0LAUzB,MAAMO,mBAAqBF,OAAAA,IAAG,CAAA,GAAA,KACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,kBAAUC,MAAAA,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,eAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,UAASK,QAACJ,eAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,MAAQA,SAACP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,MAAQA,SAACP,EAAOV,kDAGxC,IAIL,MAAMsB,kBAAoBf,OAAGA,IAAA,CAAA,GAAA,KACxBP,GAAU,WACPD,uCAEAC,EAAMc,SACFd,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,qBAAuB,qBAC1DpB,EAAMW,MAAMC,OAAOZ,EAAMoB,QAAU,yBAA2B,0EAI9CpB,EAAMW,MAAMC,OAAO,+CACzBZ,EAAMc,SAAW,OAAS,yDAGvCd,EAAMoB,SAAWpB,EAAMe,cAAgB,qBAAqBE,eAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,eAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,mGAOjF,MAAMW,KAAO/B,gBAAAA,QAAOgC,IAAI9B,WAAgC,CAC7D+B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzEhC,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAGhBgB,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,YAECR,GAAWA,EAAMoB,QAAUd,cAAgB,KAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,KAC9C,EAAGuB,qBAAuBA,EAAkBN,kBAAoBb"}

package/components/Switcher/style.mjs

@@ -0,0 +1,2 @@
+import styled,{css}from'styled-components';import tinycolor from'../../external/.pnpm/tinycolor2@1.4.2/node_modules/tinycolor2/tinycolor.mjs';import{getColor}from'../../mixins/color.mjs';const Input=styled.input.withConfig({displayName:"Switcher__Input",componentId:"ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.label.withConfig({displayName:"Switcher__Label",componentId:"ui__sc-w14piw-1"})(["display:inline;padding-left:14px;cursor:pointer;user-select:none;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;"]);const Switcher=styled.label.withConfig({displayName:"Switcher",componentId:"ui__sc-w14piw-2"})(["position:relative;display:block;box-sizing:border-box;width:","px;height:","px;cursor:pointer;user-select:none;transition:background 0.3s ease,background-image 0.3s ease;border-radius:","px;flex:0 0 auto;&::before{position:absolute;top:","px;left:","px;display:block;width:","px;height:","px;content:'';transition:background 0.3s ease,left 0.3s ease;transform:translateZ(0);border-radius:50%;}"],(e=>e.switcherWidth),(e=>e.switcherHeight),(e=>e.borderRadius),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(({switcherHeight:e,dotSize:o})=>(e-o)/2),(e=>e.dotSize),(e=>e.dotSize));const disabledStyles=`\n  cursor: not-allowed;\n  opacity: 0.7;\n\n  & ${Switcher} {\n    cursor: not-allowed;\n    box-shadow: none;\n\n    &::before {\n      box-shadow: none;\n    }\n  }\n\n  & ${Label} {\n    cursor: not-allowed;\n  }\n`;const checkedStyles=css(["& ","{&::before{left:","px;}}"],Switcher,(({switcherWidth:e,switcherHeight:o,dotSize:n})=>e-n-(o-n)/2));const baseStyles=css(["",""],(e=>`\n    position: relative;\n    display: inline-flex;\n    flex-direction: row;\n    box-sizing: border-box;\n    height: ${e.switcherHeight}px;\n    line-height: ${e.switcherHeight}px;\n    vertical-align: middle;\n    justify-content: flex-start;\n    align-content: center;\n    align-items: center;\n    max-width: 100%;\n    color: inherit;\n  `));const defaultPresetStyle=css(["",""],(e=>{const o=e.color||'atlantis';return`\n      & ${Switcher} {\n        box-shadow: inset 0 2px 2px 0 rgba(0, 0, 0, 0.08);\n        background-color: #eaecf3;\n\n        &::before {\n          background-color: ${e.theme.colors.white};\n          box-shadow: ${e.disabled?'none':'0 0 6px 0 rgba(0, 0, 0, 0.16)'};\n        }\n\n        ${e.inactiveColor?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(e.inactiveColor,e)).lighten(10).toString()},\n                  ${getColor(e.inactiveColor,e)}\n                );\n              `:''}\n\n        ${e.checked?`\n                background-image: linear-gradient(\n                  to right,\n                  ${tinycolor(getColor(o,e)).lighten(10).toString()},\n                  ${getColor(o,e)}\n                );\n              `:''}\n      }\n\n      & ${Input}:focus-visible + ${Switcher} {\n        outline: 1px solid ${getColor(o,e)};\n        outline-offset: 2px;\n      }\n    `}));const brandPresetStyles=css(["",""],(e=>`\n    & ${Switcher} {\n      background-color: ${e.disabled?e.theme.colors[e.checked?'bg-disabled-active':'bg-disabled-small']:e.theme.colors[e.checked?'bg-brand-primary-basic':'bg-onmain-tertiary']};\n\n      &::before {\n        background-color: ${e.theme.colors['bg-oncolor-primary']};\n        box-shadow: ${e.disabled?'none':'0px 2px 4px rgba(0, 0, 0, 0.08)'};\n      }\n\n      ${!e.checked&&e.inactiveColor?`background-color: ${getColor(e.inactiveColor,e)};`:''}\n      ${e.checked&&e.color?`background-color: ${getColor(e.color,e)};`:''}\n    }\n\n    & ${Input}:focus-visible + ${Switcher} {\n      box-shadow: 0 0 0 2px ${e.theme.colors.white}, 0 0 0 4px ${e.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `));const Root=styled.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({displayName:"Switcher__Root",componentId:"ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));export{Input,Label,Root,Switcher};
+//# sourceMappingURL=style.mjs.map