@foxford/ui 2.39.0-beta-86953e6-20240820 → 2.39.0-beta-22709eb-20240820

package/components/Separator/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","sources":["../../../../src/components/Separator/style.ts"],"sourcesContent":["import styled, { css } from 'styled-components'\nimport { color } from 'mixins/color'\nimport { property, responsiveNamedProperty } from 'mixins/responsive-property'\nimport { Text as UiText } from '../Text'\nimport { SeparatorProps } from './Separator'\n\nconst WEIGHT_MAP = {\n  1: '0.05em',\n  2: '0.1em',\n  3: '0.15em',\n  4: '0.25em',\n  5: '0.3em',\n}\n\nexport const Text = styled(UiText)`\n  position: absolute;\n  z-index: 1;\n  display: inline-block;\n  left: 50%;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  padding: 0 12px;\n  background-color: ${(props) => props.theme.colors.white};\n`\n\nexport const TextRoot = styled.div`\n  display: block;\n  width: auto;\n  position: relative;\n  z-index: 0;\n  text-align: center;\n`\n\nexport const Root = styled.div.withConfig<SeparatorProps>({\n  shouldForwardProp: (prop) => ['children', 'className', 'style'].includes(prop),\n})`\n  display: block;\n  width: auto;\n  background-color: currentColor;\n  ${(props) => css`\n    height: ${WEIGHT_MAP[props.weight || 1]};\n  `}\n  ${(props) => (props.color ? color(props.color, 'color') : 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":["WEIGHT_MAP","Text","styled","UiText","withConfig","displayName","componentId","props","theme","colors","white","TextRoot","div","Root","shouldForwardProp","prop","includes","css","weight","color","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/Skeleton/Skeleton.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var useMergedPalette=require('../../hooks/useMergedPalette.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');exports.Skeleton=React.forwardRef(((e,r)=>{const t=useMergedPalette.useMergedPalette(e);return require$$0.jsx(style.Root,{...e,palette:t,ref:r,children:e.children?React.isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?React.cloneElement(e.children,{},require$$0.jsx(require$$0.Fragment,{children:" "})):e.children:require$$0.jsx(require$$0.Fragment,{children:" "})})}));
+//# sourceMappingURL=Skeleton.js.map

package/components/Skeleton/Skeleton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"qMAeiEA,MAAUA,YACzE,CAACC,EAAOC,KACN,MAAMC,EAAUC,kCAAiBH,GAEjC,OACEI,WAAAA,IAACC,MAAAA,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,MAAcA,eAACP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,mBAAaR,EAAMM,SAAU,GAAIF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,WAAAA,IAAAK,WAAAA,SAAA,CAAAH,SAAE,OASQ"}

package/components/Skeleton/Skeleton.mjs

@@ -1 +1,2 @@
 import{forwardRef,isValidElement,cloneElement}from'react';import{useMergedPalette}from'../../hooks/useMergedPalette.mjs';import{Root}from'./style.mjs';import{jsx,Fragment}from'react/jsx-runtime';const Skeleton=forwardRef(((e,r)=>{const t=useMergedPalette(e);return jsx(Root,{...e,palette:t,ref:r,children:e.children?isValidElement(e.children)&&typeof e.children.props=='object'&&e.children.props!==null&&!e.children.props.children?cloneElement(e.children,{},jsx(Fragment,{children:" "})):e.children:jsx(Fragment,{children:" "})})}));export{Skeleton};
+//# sourceMappingURL=Skeleton.mjs.map

package/components/Skeleton/Skeleton.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Skeleton.mjs","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { forwardRef, isValidElement, cloneElement } from 'react'\nimport { useMergedPalette } from 'hooks/useMergedPalette'\nimport * as Styled from './style'\nimport type { SkeletonProps } from './types'\n\n/**\n *\n * Component accepts all \\<div\\> attributes.\n *\n * Responsive \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [SkeletonProps](https://github.com/foxford/ui/blob/master/src/components/Skeleton/types.ts)\n */\nconst Skeleton: React.ForwardRefExoticComponent<SkeletonProps> = forwardRef<HTMLDivElement, SkeletonProps>(\n  (props, ref) => {\n    const palette = useMergedPalette(props)\n\n    return (\n      <Styled.Root {...props} palette={palette} ref={ref}>\n        {!props.children ? (\n          <>&nbsp;</>\n        ) : isValidElement(props.children) &&\n          typeof props.children.props === 'object' &&\n          props.children.props !== null &&\n          !props.children.props.children ? (\n          cloneElement(props.children, {}, <>&nbsp;</>)\n        ) : (\n          props.children\n        )}\n      </Styled.Root>\n    )\n  }\n)\n\nexport { Skeleton }\n"],"names":["Skeleton","forwardRef","props","ref","palette","useMergedPalette","_jsx","Styled","children","isValidElement","cloneElement","_Fragment"],"mappings":"mMAeMA,MAAAA,SAA2DC,YAC/D,CAACC,EAAOC,KACN,MAAMC,EAAUC,iBAAiBH,GAEjC,OACEI,IAACC,KAAW,IAAKL,EAAOE,QAASA,EAASD,IAAKA,EAAIK,SAC/CN,EAAMM,SAEJC,eAAeP,EAAMM,kBAChBN,EAAMM,SAASN,OAAU,UAChCA,EAAMM,SAASN,QAAU,OACxBA,EAAMM,SAASN,MAAMM,SACtBE,aAAaR,EAAMM,SAAU,GAAIF,IAAAK,SAAA,CAAAH,SAAE,OAEnCN,EAAMM,SAPNF,IAAAK,SAAA,CAAAH,SAAE,OASQ"}

package/components/Skeleton/style.js

@@ -1 +1,2 @@
-'use strict';var styled=require('styled-components');var style=require('../../shared/utils/style.js');var responsiveMargin=require('../../mixins/responsive-margin.js');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.div.withConfig({shouldForwardProp:shouldForwardSkeletonProp}).withConfig({componentId:"fox-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;
+'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

@@ -0,0 +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","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

@@ -1 +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({componentId:"fox-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};
+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 +1,2 @@
 '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

@@ -0,0 +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","displayName"],"mappings":"yFAqDO,SAASA,OAAOC,GACrB,OAAOC,WAAAA,IAACC,MAAAA,KAAW,IAAKF,GAC1B,CAvBAD,OAAOI,YAAc"}

package/components/Spacer/Spacer.mjs

@@ -1 +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 +1,2 @@
-'use strict';var styled=require('styled-components');var display=require('../../mixins/display.js');var responsiveProperty=require('../../mixins/responsive-property.js');const Root=styled.div.withConfig({shouldForwardProp:r=>['children','className','style','onClick'].includes(r)||r.includes('data-')}).withConfig({componentId:"fox-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;
+'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

@@ -0,0 +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","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

@@ -1 +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({componentId:"fox-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};
+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 +1,2 @@
 '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

@@ -0,0 +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","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

@@ -1 +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 +1,2 @@
-'use strict';var styled=require('styled-components');var responsiveProperty=require('../../mixins/responsive-property.js');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.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;}"," "," "," ",""],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:o,sizeXL:t})=>responsiveProperty.responsiveNamedProperty({sizes:{sizeXS:getSize(e),sizeS:getSize(i),sizeM:getSize(s),sizeL:getSize(o),sizeXL:getSize(t)},cssProperty:sizeBuilder})),(e=>e.fullscreen?fullscreen:null));exports.Root=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

@@ -0,0 +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","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

@@ -1 +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({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;}"," "," "," ",""],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};
+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 +1,2 @@
 '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

@@ -0,0 +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":["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

@@ -1 +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 +1,2 @@
 '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

@@ -0,0 +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":["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

@@ -1 +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 +1,2 @@
-'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');const Input=styled.input.withConfig({componentId:"fox-ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.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;"]);const Switcher=styled.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%;}"],(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:n})=>e-n-(o-n)/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(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(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.div.withConfig({shouldForwardProp:e=>['children','className','style'].includes(e)}).withConfig({componentId:"fox-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;
+'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

@@ -0,0 +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","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

@@ -1 +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({componentId:"fox-ui__sc-w14piw-0"})(["position:absolute;overflow:visible;z-index:-1;opacity:0;width:0;height:0;margin:0;"]);const Label=styled.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;"]);const Switcher=styled.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%;}"],(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({componentId:"fox-ui__sc-w14piw-3"})([""," "," "," ",""],baseStyles,(e=>e.checked?checkedStyles:''),(e=>e.disabled?disabledStyles:''),(({brandPresetUsed:e})=>e?brandPresetStyles:defaultPresetStyle));export{Input,Label,Root,Switcher};
+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

package/components/Switcher/style.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.mjs","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","brandPresetStyles","Root","div","shouldForwardProp","prop","includes","brandPresetUsed"],"mappings":"iMAKaA,MAAQC,OAAOC,MAAKC,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAQpB,CAAA,6FAEYK,MAAQL,OAAOM,MAAKJ,WAAA,CAAAC,YAAA,kBAAAC,YAAA,mBAAZJ,CAQpB,CAAA,sIAEYO,SAAWP,OAAOM,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,IAChBR,CAAAA,KAAAA,mBAAAA,SAAAA,UAEQ,EAAGE,gBAAeC,iBAAgBE,aACxCH,EAAgBG,GAAWF,EAAiBE,GAAW,IAK/D,MAAMI,WAAaD,IAAG,CAAA,GAAA,KACjBP,GAAU,4HAKDA,EAAME,uCACDF,EAAME,0LAUzB,MAAMO,mBAAqBF,IAAG,CAAA,GAAA,KACzBP,IACD,MAAMU,EAAQV,EAAMU,OAAS,WAE7B,MAAO,aACDX,kKAKoBC,EAAMW,MAAMC,OAAOC,iCACzBb,EAAMc,SAAW,OAAS,0DAIxCd,EAAMe,cACF,wGAGMC,UAAUC,SAASjB,EAAMe,cAAef,IAAQkB,QAAQ,IAAIC,kCAC5DF,SAASjB,EAAMe,cAAef,yCAGpC,iBAIJA,EAAMoB,QACF,wGAGMJ,UAAUC,SAASP,EAAOV,IAAQkB,QAAQ,IAAIC,kCAC9CF,SAASP,EAAOV,yCAGtB,0BAIJT,yBAAyBQ,0CACNkB,SAASP,EAAOV,kDAGxC,IAIL,MAAMqB,kBAAoBd,IAAG,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,SAASjB,EAAMe,cAAef,MAAY,aACvGA,EAAMoB,SAAWpB,EAAMU,MAAQ,qBAAqBO,SAASjB,EAAMU,MAAOV,MAAY,sBAGtFT,yBAAyBQ,2CACHC,EAAMW,MAAMC,OAAOC,oBAAoBb,EAAMW,MAAMC,OAAO,mGAOjF,MAAMU,KAAO9B,OAAO+B,IAAI7B,WAAgC,CAC7D8B,kBAAoBC,GAAS,CAAC,WAAY,YAAa,SAASC,SAASD,KACzE/B,WAAA,CAAAC,YAAA,iBAAAC,YAAA,mBAFkBJ,CAGhBgB,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,YAECR,GAAWA,EAAMoB,QAAUd,cAAgB,KAC3CN,GAAWA,EAAMc,SAAWT,eAAiB,KAC9C,EAAGsB,qBAAuBA,EAAkBN,kBAAoBZ"}

package/components/Tab/Tab.js

@@ -1 +1,2 @@
 'use strict';var React=require('react');var withMergedProps=require('../../hocs/withMergedProps.js');var constants=require('./constants.js');var defaultConstants=require('./default-constants.js');var style=require('./style.js');var require$$0=require('react/jsx-runtime');var Text=require('../Text/Text.js');const Tab=withMergedProps.withMergedProps(React.forwardRef(((e,r)=>{const{size:t="m",type:s="button",textProps:i={},children:a,theme:n,...o}=e;const u={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return require$$0.jsx(style.Root,{...o,size:t,tabTheme:n,type:o.as===void 0?s:void 0,ref:r,children:o.preset==='brand'?require$$0.jsxs(require$$0.Fragment,{children:[o.left&&require$$0.jsx(style.Edge,{}),require$$0.jsx(style.Content,{children:typeof a=='function'?a({baseTextProps:u,textProps:i}):require$$0.jsx(Text.Text,{...u,...i,children:a})}),o.right&&require$$0.jsx(style.Edge,{after:!0})]}):require$$0.jsx(require$$0.Fragment,{children:typeof a=='function'?a({baseTextProps:u,textProps:i}):require$$0.jsx(Text.Text,{...u,...i,children:a})})})})),{displayName:"Tab",sizes:e=>e.preset==='brand'?constants.SIZES:defaultConstants.SIZES_DEFAULT});exports.COMPONENT_NAME="Tab",exports.Tab=Tab;
+//# sourceMappingURL=Tab.js.map

package/components/Tab/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left && <Styled.Edge />}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right && <Styled.Edge after />}\n          </>\n        ) : (\n          <>\n            {typeof children === 'function' ? (\n              children({ baseTextProps, textProps })\n            ) : (\n              <Text {...baseTextProps} {...textProps}>\n                {children}\n              </Text>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","jsx","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"oTAqBMA,MAAAA,IAAiDC,gBAAAA,gBACrDC,MAAAA,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,WAAAA,IAACC,MAAAA,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,WAAAA,KAAAC,WAAAA,SAAA,CAAAb,UACGE,EAAUY,MAAQP,WAAAA,IAACC,MAAAA,MAAa,GACjCD,WAAAQ,IAACP,cAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,MAINE,EAAUe,OAASV,WAAAA,IAACC,MAAAA,KAAW,CAACU,OAAK,OAGxCX,WAAAQ,IAAAF,oBAAA,CAAAb,gBACUA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,WAAAQ,IAACC,UAAI,IAAKb,KAAmBJ,EAASC,SACnCA,OAKG,IAGlB,CACEmB,YAvDmB,MAwDnBC,MAAQzB,GACCA,EAAMgB,SAAW,QAAUU,UAAAA,MAAQC,iBAAAA,uCAzDzB"}

package/components/Tab/Tab.mjs

@@ -1 +1,2 @@
 import{forwardRef}from'react';import{withMergedProps}from'../../hocs/withMergedProps.mjs';import{SIZES}from'./constants.mjs';import{SIZES_DEFAULT}from'./default-constants.mjs';import{Root,Edge,Content}from'./style.mjs';import{jsx,jsxs,Fragment}from'react/jsx-runtime';import{Text}from'../Text/Text.mjs';const COMPONENT_NAME='Tab';const Tab=withMergedProps(forwardRef(((e,t)=>{const{size:r="m",type:s="button",textProps:o={},children:i,theme:n,...m}=e;const a={as:'span',size:'inherit',color:'inherit',weight:'inherit'};return jsx(Root,{...m,size:r,tabTheme:n,type:m.as===void 0?s:void 0,ref:t,children:m.preset==='brand'?jsxs(Fragment,{children:[m.left&&jsx(Edge,{}),jsx(Content,{children:typeof i=='function'?i({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:i})}),m.right&&jsx(Edge,{after:!0})]}):jsx(Fragment,{children:typeof i=='function'?i({baseTextProps:a,textProps:o}):jsx(Text,{...a,...o,children:i})})})})),{displayName:"Tab",sizes:e=>e.preset==='brand'?SIZES:SIZES_DEFAULT});export{COMPONENT_NAME,Tab};
+//# sourceMappingURL=Tab.mjs.map

package/components/Tab/Tab.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.mjs","sources":["../../../../src/components/Tab/Tab.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport { withMergedProps } from 'hocs/withMergedProps'\nimport { Text } from 'components/Text'\nimport type { TextProps } from 'components/Text'\nimport { SIZES } from './constants'\nimport { SIZES_DEFAULT } from './default-constants'\nimport * as Styled from './style'\nimport type { TabProps } from './types'\n\nconst COMPONENT_NAME = 'Tab'\n\n/**\n *\n * Component accepts all \\<button\\> attributes.\n *\n * Responsive \"size\", \"margin\" props are supported.\n *\n * Exposed \"ref\" attached to root node.\n *\n * See full [TabProps](https://github.com/foxford/ui/blob/master/src/components/Tab/types.ts)\n */\nconst Tab: React.ForwardRefExoticComponent<TabProps> = withMergedProps<TabProps, HTMLButtonElement>(\n  forwardRef((props, ref) => {\n    const { size = 'm', type = 'button', textProps = {}, children, theme, ...restProps } = props\n\n    const baseTextProps: TextProps = { as: 'span', size: 'inherit', color: 'inherit', weight: 'inherit' }\n\n    return (\n      <Styled.Root\n        {...restProps}\n        size={size}\n        tabTheme={theme}\n        type={restProps.as === undefined ? type : undefined}\n        ref={ref}\n      >\n        {restProps.preset === 'brand' ? (\n          <>\n            {restProps.left && <Styled.Edge />}\n            <Styled.Content>\n              {typeof children === 'function' ? (\n                children({ baseTextProps, textProps })\n              ) : (\n                <Text {...baseTextProps} {...textProps}>\n                  {children}\n                </Text>\n              )}\n            </Styled.Content>\n            {restProps.right && <Styled.Edge after />}\n          </>\n        ) : (\n          <>\n            {typeof children === 'function' ? (\n              children({ baseTextProps, textProps })\n            ) : (\n              <Text {...baseTextProps} {...textProps}>\n                {children}\n              </Text>\n            )}\n          </>\n        )}\n      </Styled.Root>\n    )\n  }),\n  {\n    displayName: COMPONENT_NAME,\n    sizes: (props) => {\n      return props.preset === 'brand' ? SIZES : SIZES_DEFAULT\n    },\n  }\n)\n\nexport { Tab, COMPONENT_NAME }\n"],"names":["COMPONENT_NAME","Tab","withMergedProps","forwardRef","props","ref","size","type","textProps","children","theme","restProps","baseTextProps","as","color","weight","_jsx","Styled","tabTheme","undefined","preset","_jsxs","_Fragment","left","Text","right","after","displayName","sizes","SIZES","SIZES_DEFAULT"],"mappings":"+SASMA,MAAAA,eAAiB,MAYjBC,MAAAA,IAAiDC,gBACrDC,YAAW,CAACC,EAAOC,KACjB,MAAMC,KAAEA,EAAO,IAAGC,KAAEA,EAAO,SAAQC,UAAEA,EAAY,CAAE,EAAAC,SAAEA,EAAQC,MAAEA,KAAUC,GAAcP,EAEvF,MAAMQ,EAA2B,CAAEC,GAAI,OAAQP,KAAM,UAAWQ,MAAO,UAAWC,OAAQ,WAE1F,OACEC,IAACC,KAAW,IACNN,EACJL,KAAMA,EACNY,SAAUR,EACVH,KAAMI,EAAUE,UAAOM,EAAYZ,OAAOY,EAC1Cd,IAAKA,EAAII,SAERE,EAAUS,SAAW,QACpBC,KAAAC,SAAA,CAAAb,UACGE,EAAUY,MAAQP,IAACC,MAAa,GACjCD,IAACC,QAAc,CAAAR,gBACLA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,MAINE,EAAUc,OAAST,IAACC,KAAW,CAACS,OAAK,OAGxCV,IAAAM,SAAA,CAAAb,gBACUA,GAAa,WACnBA,EAAS,CAAEG,gBAAeJ,cAE1BQ,IAACQ,KAAI,IAAKZ,KAAmBJ,EAASC,SACnCA,OAKG,IAGlB,CACEkB,YAvDmB,MAwDnBC,MAAQxB,GACCA,EAAMgB,SAAW,QAAUS,MAAQC"}

package/components/Tab/constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES={xxxl:{height:60,fontSize:20},xxl:{height:56,fontSize:20},xl:{height:52,fontSize:18},l:{height:48,fontSize:18},m:{height:44,fontSize:16},s:{height:40,fontSize:16},xs:{height:36,fontSize:14},xxs:{height:32,fontSize:14},xxxs:{height:28,fontSize:12}};
+//# sourceMappingURL=constants.js.map

package/components/Tab/constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.js","sources":["../../../../src/components/Tab/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 60,\n    fontSize: 20,\n  },\n  xxl: {\n    height: 56,\n    fontSize: 20,\n  },\n  xl: {\n    height: 52,\n    fontSize: 18,\n  },\n  l: {\n    height: 48,\n    fontSize: 18,\n  },\n  m: {\n    height: 44,\n    fontSize: 16,\n  },\n  s: {\n    height: 40,\n    fontSize: 16,\n  },\n  xs: {\n    height: 36,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 32,\n    fontSize: 14,\n  },\n  xxxs: {\n    height: 28,\n    fontSize: 12,\n  },\n}\n"],"names":["xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"2BAE4B,CAC1BA,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

package/components/Tab/constants.mjs

@@ -1 +1,2 @@
 const SIZES={xxxl:{height:60,fontSize:20},xxl:{height:56,fontSize:20},xl:{height:52,fontSize:18},l:{height:48,fontSize:18},m:{height:44,fontSize:16},s:{height:40,fontSize:16},xs:{height:36,fontSize:14},xxs:{height:32,fontSize:14},xxxs:{height:28,fontSize:12}};export{SIZES};
+//# sourceMappingURL=constants.mjs.map

package/components/Tab/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","sources":["../../../../src/components/Tab/constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES: Sizes = {\n  xxxl: {\n    height: 60,\n    fontSize: 20,\n  },\n  xxl: {\n    height: 56,\n    fontSize: 20,\n  },\n  xl: {\n    height: 52,\n    fontSize: 18,\n  },\n  l: {\n    height: 48,\n    fontSize: 18,\n  },\n  m: {\n    height: 44,\n    fontSize: 16,\n  },\n  s: {\n    height: 40,\n    fontSize: 16,\n  },\n  xs: {\n    height: 36,\n    fontSize: 14,\n  },\n  xxs: {\n    height: 32,\n    fontSize: 14,\n  },\n  xxxs: {\n    height: 28,\n    fontSize: 12,\n  },\n}\n"],"names":["SIZES","xxxl","height","fontSize","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"AAEO,MAAMA,MAAe,CAC1BC,KAAM,CACJC,OAAQ,GACRC,SAAU,IAEZC,IAAK,CACHF,OAAQ,GACRC,SAAU,IAEZE,GAAI,CACFH,OAAQ,GACRC,SAAU,IAEZG,EAAG,CACDJ,OAAQ,GACRC,SAAU,IAEZI,EAAG,CACDL,OAAQ,GACRC,SAAU,IAEZK,EAAG,CACDN,OAAQ,GACRC,SAAU,IAEZM,GAAI,CACFP,OAAQ,GACRC,SAAU,IAEZO,IAAK,CACHR,OAAQ,GACRC,SAAU,IAEZQ,KAAM,CACJT,OAAQ,GACRC,SAAU"}

package/components/Tab/default-constants.js

@@ -1 +1,2 @@
 'use strict';exports.SIZES_DEFAULT={xxxl:{},xxl:{},xl:{},l:{},m:{},s:{},xs:{},xxs:{},xxxs:{}};
+//# sourceMappingURL=default-constants.js.map

package/components/Tab/default-constants.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"default-constants.js","sources":["../../../../src/components/Tab/default-constants.ts"],"sourcesContent":["import type { Sizes } from 'shared/types'\n\nexport const SIZES_DEFAULT: Sizes = {\n  xxxl: {},\n  xxl: {},\n  xl: {},\n  l: {},\n  m: {},\n  s: {},\n  xs: {},\n  xxs: {},\n  xxxs: {},\n}\n"],"names":["xxxl","xxl","xl","l","m","s","xs","xxs","xxxs"],"mappings":"mCAEoC,CAClCA,KAAM,CAAE,EACRC,IAAK,CAAE,EACPC,GAAI,CAAE,EACNC,EAAG,CAAE,EACLC,EAAG,CAAE,EACLC,EAAG,CAAE,EACLC,GAAI,CAAE,EACNC,IAAK,CAAE,EACPC,KAAM,CAAC"}