@foxford/ui 2.39.0-beta-22709eb-20240820 → 2.39.0-beta-8d52b2b-20240822

package/index.js

@@ -1,2 +1,2 @@
-'use strict';var colors$1=require('./shared/utils/colors.js');var colors=require('./theme/colors.js');var screen=require('./mixins/screen.js');var responsiveProperty=require('./mixins/responsive-property.js');var color=require('./mixins/color.js');var vAlign=require('./mixins/vAlign.js');var shared=require('./mixins/shared.js');var constants=require('./components/Input.Phone/constants.js');var themeProvider=require('./theme/theme-provider.js');var themes=require('./theme/themes.js');var ActionBtn=require('./components/ActionBtn/ActionBtn.js');var Alert=require('./components/Alert/Alert.js');var Amount=require('./components/Amount/Amount.js');var index=require('./components/Amount/data/index.js');var Anchor=require('./components/Anchor/Anchor.js');var Arrow=require('./components/Arrow/Arrow.js');var ArrowBadge=require('./components/ArrowBadge/ArrowBadge.js');var Avatar=require('./components/Avatar/Avatar.js');var Badge=require('./components/Badge/Badge.js');var Button=require('./components/Button/Button.js');var Container=require('./components/Container/Container.js');var Icon=require('./components/Icon/Icon.js');var Modal=require('./components/Modal/Modal.js');var Paper=require('./components/Paper/Paper.js');var Progress=require('./components/Progress/Progress.js');var Scrollable=require('./components/Scrollable/Scrollable.js');var Section=require('./components/Section/Section.js');var Separator=require('./components/Separator/Separator.js');var Spacer=require('./components/Spacer/Spacer.js');var Spinner=require('./components/Spinner/Spinner.js');var Switcher=require('./components/Switcher/Switcher.js');var Tab=require('./components/Tab/Tab.js');var Tabs=require('./components/Tabs/Tabs.js');var Text=require('./components/Text/Text.js');var Tooltip=require('./components/Tooltip/Tooltip.js');var Tag=require('./components/Tag/Tag.js');var ContextMenu=require('./components/ContextMenu/ContextMenu.js');var Textarea=require('./components/Textarea/Textarea.js');var Input=require('./components/Input/Input.js');var style=require('./components/Input/style.js');var Radio=require('./components/Radio/Radio.js');var Checkbox=require('./components/Checkbox/Checkbox.js');var Select=require('./components/Select/Select.js');var FormLabel=require('./components/FormLabel/FormLabel.js');var Skeleton=require('./components/Skeleton/Skeleton.js');var Popover=require('./components/Popover/Popover.js');var ListItem=require('./components/ListItem/ListItem.js');var Indicator=require('./components/Indicator/Indicator.js');var IconButton=require('./components/IconButton/IconButton.js');var Chip=require('./components/Chip/Chip.js');var Menu=require('./components/Menu/Menu.js');var Dropdown=require('./components/Dropdown/Dropdown.js');exports.hexToRgbA=colors$1.hexToRgbA,exports.isHex=colors$1.isHex,exports.ColorNames=colors.ColorNames,exports.screenL=screen.screenL,exports.screenM=screen.screenM,exports.screenMaxL=screen.screenMaxL,exports.screenMaxM=screen.screenMaxM,exports.screenMaxS=screen.screenMaxS,exports.screenMaxXl=screen.screenMaxXl,exports.screenMaxXs=screen.screenMaxXs,exports.screenMaxXxs=screen.screenMaxXxs,exports.screenMinL=screen.screenMinL,exports.screenMinM=screen.screenMinM,exports.screenMinS=screen.screenMinS,exports.screenMinXl=screen.screenMinXl,exports.screenMinXs=screen.screenMinXs,exports.screenRetina=screen.screenRetina,exports.screenS=screen.screenS,exports.screenXl=screen.screenXl,exports.screenXs=screen.screenXs,exports.property=responsiveProperty.property,exports.responsiveNamedProperty=responsiveProperty.responsiveNamedProperty,exports.responsiveProperty=responsiveProperty.responsiveProperty,exports.color=color.color,exports.vAlign=vAlign.vAlign,exports.buildMediaQuery=shared.buildMediaQuery,exports.desktopFirst=shared.desktopFirst,exports.mobileFirst=shared.mobileFirst,exports.COUNTRY_DATA=constants.COUNTRY_DATA,exports.DEFAULT_MASK=constants.DEFAULT_MASK,exports.INITIAL_MASK=constants.INITIAL_MASK,exports.ThemeProvider=themeProvider.ThemeProvider,exports.adultDarkTheme=themes.adultDarkTheme,exports.adultLightTheme=themes.adultLightTheme,exports.babyDarkTheme=themes.babyDarkTheme,exports.babyLightTheme=themes.babyLightTheme,exports.motherDarkTheme=themes.motherDarkTheme,exports.motherLightTheme=themes.motherLightTheme,exports.teenDarkTheme=themes.teenDarkTheme,exports.teenLightTheme=themes.teenLightTheme,exports.theme=themes.defaultTheme,exports.ActionBtn=ActionBtn.ActionBtn,exports.Alert=Alert.Alert,exports.Amount=Amount.Amount,exports.CURRENCY_MAP=index.CURRENCY_MAP,exports.CurrencyCodes=index.CurrencyCodes,exports.Anchor=Anchor.Anchor,exports.Arrow=Arrow.Arrow,exports.ArrowBadge=ArrowBadge.ArrowBadge,exports.Avatar=Avatar.Avatar,exports.Badge=Badge.Badge,exports.Button=Button.Button,exports.Container=Container.Container,exports.Icon=Icon.Icon,exports.Modal=Modal.Modal,exports.Paper=Paper.Paper,exports.Progress=Progress.Progress,exports.Scrollable=Scrollable.Scrollable,exports.Section=Section.Section,exports.Separator=Separator.Separator,exports.Spacer=Spacer.Spacer,exports.Spinner=Spinner.Spinner,exports.Switcher=Switcher.Switcher,exports.Tab=Tab.Tab,exports.Tabs=Tabs.Tabs,exports.Text=Text.Text,exports.Tooltip=Tooltip.Tooltip,exports.Tag=Tag.Tag,exports.ContextMenu=ContextMenu.ContextMenu,exports.Textarea=Textarea.Textarea,exports.Input=Input.Input,exports.baseInputStyle=style.baseInputStyle,exports.Radio=Radio.Radio,exports.Checkbox=Checkbox.Checkbox,exports.Select=Select.Select,exports.FormLabel=FormLabel.FormLabel,exports.Skeleton=Skeleton.Skeleton,exports.Popover=Popover.Popover,exports.ListItem=ListItem.ListItem,exports.Indicator=Indicator.Indicator,exports.IconButton=IconButton.IconButton,exports.Chip=Chip.Chip,exports.Menu=Menu.Menu,exports.Dropdown=Dropdown.Dropdown;
+export{hexToRgbA,isHex}from'./shared/utils/colors.js';export{ThemeProvider}from'./theme/theme-provider.js';export{adultDarkTheme,adultLightTheme,babyDarkTheme,babyLightTheme,motherDarkTheme,motherLightTheme,teenDarkTheme,teenLightTheme,defaultTheme as theme}from'./theme/themes.js';export{ColorNames}from'./theme/colors.js';export{screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs}from'./mixins/screen.js';export{property,responsiveNamedProperty,responsiveProperty}from'./mixins/responsive-property.js';export{color}from'./mixins/color.js';export{vAlign}from'./mixins/vAlign.js';export{buildMediaQuery,desktopFirst,mobileFirst}from'./mixins/shared.js';export{ActionBtn}from'./components/ActionBtn/ActionBtn.js';export{Alert}from'./components/Alert/Alert.js';export{Amount}from'./components/Amount/Amount.js';export{CURRENCY_MAP,CurrencyCodes}from'./components/Amount/data/index.js';export{Anchor}from'./components/Anchor/Anchor.js';export{Arrow}from'./components/Arrow/Arrow.js';export{ArrowBadge}from'./components/ArrowBadge/ArrowBadge.js';export{Avatar}from'./components/Avatar/Avatar.js';export{Badge}from'./components/Badge/Badge.js';export{Button}from'./components/Button/Button.js';export{Container}from'./components/Container/Container.js';export{Icon}from'./components/Icon/Icon.js';export{defaultIcons}from'./components/Icon/icons.js';export{Modal}from'./components/Modal/Modal.js';export{Paper}from'./components/Paper/Paper.js';export{Progress}from'./components/Progress/Progress.js';export{Scrollable}from'./components/Scrollable/Scrollable.js';export{Section}from'./components/Section/Section.js';export{Separator}from'./components/Separator/Separator.js';export{Spacer}from'./components/Spacer/Spacer.js';export{Spinner}from'./components/Spinner/Spinner.js';export{Switcher}from'./components/Switcher/Switcher.js';export{Tab}from'./components/Tab/Tab.js';export{Tabs}from'./components/Tabs/Tabs.js';export{Text}from'./components/Text/Text.js';export{Tooltip}from'./components/Tooltip/Tooltip.js';export{Tag}from'./components/Tag/Tag.js';export{ContextMenu}from'./components/ContextMenu/ContextMenu.js';export{Textarea}from'./components/Textarea/Textarea.js';export{Input}from'./components/Input/Input.js';export{baseInputStyle}from'./components/Input/style.js';export{COUNTRY_DATA,DEFAULT_MASK,INITIAL_MASK}from'./components/Input.Phone/constants.js';export{Radio}from'./components/Radio/Radio.js';export{Checkbox}from'./components/Checkbox/Checkbox.js';export{Select}from'./components/Select/Select.js';export{FormLabel}from'./components/FormLabel/FormLabel.js';export{Skeleton}from'./components/Skeleton/Skeleton.js';export{Popover}from'./components/Popover/Popover.js';export{ListItem}from'./components/ListItem/ListItem.js';export{Indicator}from'./components/Indicator/Indicator.js';export{IconButton}from'./components/IconButton/IconButton.js';export{Chip}from'./components/Chip/Chip.js';export{Menu}from'./components/Menu/Menu.js';export{Dropdown}from'./components/Dropdown/Dropdown.js';
 //# sourceMappingURL=index.js.map

package/mixins/color.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');const getColor=(o,e)=>typeof o=='string'&&(o.includes('#')||o.includes('rgb'))?o:e.theme.colors[o]?e.theme.colors[o]:o;exports.color=(o,e="color")=>()=>t=>{const r=getColor(o||t?.theme?.textColor||t?.theme?.fallbackColor,t);return typeof e=='function'?e(r):styled.css(["",":",";"],e,r)},exports.getColor=getColor;
+import{css as o}from'styled-components';var r=(o,r)=>'string'==typeof o&&(o.includes('#')||o.includes('rgb'))?o:r.theme.colors[o]?r.theme.colors[o]:o;var l=function(l,e){var t=arguments.length>1&&void 0!==e?e:'color';return()=>e=>{var n,s;var a=l||(null==e||null===(n=e.theme)||void 0===n?void 0:n.textColor)||(null==e||null===(s=e.theme)||void 0===s?void 0:s.fallbackColor);var c=r(a,e);return'function'==typeof t?t(c):o(["",":",";"],t,c)}};export{l as color,r as getColor};
 //# sourceMappingURL=color.js.map

package/mixins/color.js.map

@@ -1 +1 @@
-{"version":3,"file":"color.js","sources":["../../../src/mixins/color.ts"],"sourcesContent":["import { css, DefaultTheme, FlattenSimpleInterpolation } from 'styled-components'\nimport type { CSSColor, Color } from 'shared/types'\n\ntype ColorPropertyVariants = 'color' | 'fontColor' | `${string}Color` | `color${string}`\ntype ColorCalcProperty = (_color: CSSColor) => FlattenSimpleInterpolation | null\ntype ColorCssProperty = string | ColorCalcProperty\nexport type ColorProperty<T extends ColorPropertyVariants = 'color'> = {\n  /**\n   * Color name, HEX, rgb or rgba\n   */\n  [key in `${T}`]?: Color // eslint-disable-line no-unused-vars\n}\n\nexport const getColor = (color: Color, props: { theme: DefaultTheme }) => {\n  if (typeof color === 'string' && (color.includes('#') || color.includes('rgb'))) return color\n\n  if (props.theme.colors[color]) return props.theme.colors[color]\n\n  return color\n}\n\nexport const color =\n  (color?: Color | string, cssProperty: ColorCssProperty = 'color') =>\n  () =>\n  (props: { theme: DefaultTheme }) => {\n    const colorVal = color || props?.theme?.textColor || props?.theme?.fallbackColor\n    const _color = getColor(colorVal as Color, props)\n\n    if (typeof cssProperty === 'function') {\n      return cssProperty(_color)\n    }\n\n    return css`\n      ${cssProperty}: ${_color};\n    `\n  }\n"],"names":["getColor","color","props","includes","theme","colors","cssProperty","_color","textColor","fallbackColor","css"],"mappings":"2DAaaA,SAAWA,CAACC,EAAcC,WAC1BD,GAAU,WAAaA,EAAME,SAAS,MAAQF,EAAME,SAAS,QAAgBF,EAEpFC,EAAME,MAAMC,OAAOJ,GAAeC,EAAME,MAAMC,OAAOJ,GAElDA,gBAIPA,CAACA,EAAwBK,EAAgC,UACzD,IACCJ,IAEC,MAAMK,EAASP,SADEC,GAASC,GAAOE,OAAOI,WAAaN,GAAOE,OAAOK,cACxBP,GAE3C,cAAWI,GAAgB,WAClBA,EAAYC,GAGdG,OAAAA,IAAG,CAAA,GAAA,IAAA,KACNJ,EAAgBC,EAAM"}
+{"version":3,"file":"color.js","sources":["../../../src/mixins/color.ts"],"sourcesContent":["import { css, DefaultTheme, FlattenSimpleInterpolation } from 'styled-components'\nimport type { CSSColor, Color } from 'shared/types'\n\ntype ColorPropertyVariants = 'color' | 'fontColor' | `${string}Color` | `color${string}`\ntype ColorCalcProperty = (_color: CSSColor) => FlattenSimpleInterpolation | null\ntype ColorCssProperty = string | ColorCalcProperty\nexport type ColorProperty<T extends ColorPropertyVariants = 'color'> = {\n  /**\n   * Color name, HEX, rgb or rgba\n   */\n  [key in `${T}`]?: Color // eslint-disable-line no-unused-vars\n}\n\nexport const getColor = (color: Color, props: { theme: DefaultTheme }) => {\n  if (typeof color === 'string' && (color.includes('#') || color.includes('rgb'))) return color\n\n  if (props.theme.colors[color]) return props.theme.colors[color]\n\n  return color\n}\n\nexport const color =\n  (color?: Color | string, cssProperty: ColorCssProperty = 'color') =>\n  () =>\n  (props: { theme: DefaultTheme }) => {\n    const colorVal = color || props?.theme?.textColor || props?.theme?.fallbackColor\n    const _color = getColor(colorVal as Color, props)\n\n    if (typeof cssProperty === 'function') {\n      return cssProperty(_color)\n    }\n\n    return css`\n      ${cssProperty}: ${_color};\n    `\n  }\n"],"names":["getColor","color","props","includes","theme","colors","l","cssProperty","_props$theme","_props$theme2","colorVal","textColor","fallbackColor","_color","css"],"mappings":"4CAaaA,EAAW,CAACC,EAAcC,IAChB,iBAAVD,IAAuBA,EAAME,SAAS,MAAQF,EAAME,SAAS,QAAgBF,EAEpFC,EAAME,MAAMC,OAAOJ,GAAeC,EAAME,MAAMC,OAAOJ,GAElDA,EAGIA,IAAAA,EACX,SAACA,EAADK,GAAA,IAAyBC,+BAAzBD,EAAAA,EAAyD,QAAzD,MACA,IACCJ,IAAmC,IAAAM,EAAAC,EAClC,IAAMC,EAAWT,IAASC,MAAAA,GAAA,QAAAA,EAAAA,EAAOE,aAAP,IAAAI,OAAAN,EAAAM,EAAcG,aAAaT,MAAAA,GAApC,QAAAO,EAAoCP,EAAOE,aAA3C,IAAAK,OAAA,EAAoCA,EAAcG,eACnE,IAAMC,EAASb,EAASU,EAAmBR,GAE3C,MAA2B,mBAAhBK,EACFA,EAAYM,GAGdC,EAAP,CAAA,GAAA,IAAA,KACIP,EAAgBM"}

package/mixins/create-responsive-props.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var screen=require('./screen.js');var shared=require('./shared.js');exports.createResponsivePropsMixin=(e,s)=>{const r=new RegExp(`^(${e.join('|')})$`);const n=new RegExp(`^(${e.join('|')})(XXS|XS|S|M|L|XL)$`);const c=/(XXS|XS|S|M|L|XL)$/;const t=[screen.screenMinM,screen.screenMaxM,screen.screenMaxS];const o=[screen.screenMinL,screen.screenMaxL,screen.screenMaxM,screen.screenMaxS,screen.screenMaxXs,screen.screenMaxXxs];return e=>{const a=Object.keys(e).reduce(((e,s)=>(r.test(s)?e[0].push(s):n.test(s)&&e[1].push(s),e)),[[],[]]);const u=a[0].reduce(((r,n)=>{const c=e[n];if(Array.isArray(c)){if(c.length>0){const a=[];const u=c.length>t.length?o:t;for(let r=0;r<c.length&&u[r];r++){const t=s(n,c[r],e);Object.keys(t).length>0&&a.push(u[r]()`${t}`)}r.push(...a)}}else{const t=s(n,c,e);Object.keys(t).length>0&&r.push(t)}return r}),[]);const h=a[1].sort(shared.desktopFirst).reduce(((r,n)=>{const t=s(n.replace(c,''),e[n],e);return Object.keys(t).length>0&&r.push(shared.getMediaQueryByResponsiveProp(n)()`${t}`),r}),[]);return styled.css([""," ",""],u,h)}};
+import e from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as r}from'styled-components';import{screenMinM as s,screenMaxM as a,screenMaxS as t,screenMinL as n,screenMaxL as c,screenMaxXs as o,screenMaxXxs as p}from'./screen.js';import{desktopFirst as i,getMediaQueryByResponsiveProp as v}from'./shared.js';var u,h;function l(l,M){var g=new RegExp("^(".concat(l.join('|'),")$"));var m=new RegExp("^(".concat(l.join('|'),")(XXS|XS|S|M|L|XL)$"));var x=/(XXS|XS|S|M|L|XL)$/;var X=[s,a,t];var y=[n,c,a,t,o,p];return s=>{var a=Object.keys(s).reduce(((e,r)=>(g.test(r)?e[0].push(r):m.test(r)&&e[1].push(r),e)),[[],[]]);var t=a[0].reduce(((r,a)=>{var t=s[a];if(Array.isArray(t)){if(t.length>0){var n=[];var c=t.length>X.length?y:X;for(var o=0;o<t.length&&c[o];o++){var p=M(a,t[o],s);Object.keys(p).length>0&&n.push(c[o]()(u||(u=e(["",""])),p))}r.push(...n)}}else{var i=M(a,t,s);Object.keys(i).length>0&&r.push(i)}return r}),[]);var n=a[1].sort(i).reduce(((r,a)=>{var t=M(a.replace(x,''),s[a],s);return Object.keys(t).length>0&&r.push(v(a)()(h||(h=e(["",""])),t)),r}),[]);return r([""," ",""],t,n)}}export{l as createResponsivePropsMixin};
 //# sourceMappingURL=create-responsive-props.js.map

package/mixins/create-responsive-props.js.map

@@ -1 +1 @@
-{"version":3,"file":"create-responsive-props.js","sources":["../../../src/mixins/create-responsive-props.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme, CSSObject, FlattenInterpolation, ThemeProps } from 'styled-components'\nimport { screenMinM, screenMaxM, screenMaxS, screenMinL, screenMaxL, screenMaxXs, screenMaxXxs } from 'mixins/screen'\nimport { getMediaQueryByResponsiveProp, desktopFirst } from 'mixins/shared'\nimport type { MediaQuery } from 'mixins/screen'\nimport type { Breakpoint } from 'shared/types'\n\ntype ResponsivePropKey = 'size' | keyof CSSProperties\n\ntype ResponsiveProps<K extends ResponsivePropKey, V> = {\n  [key in K]?: V | [DESKTOP: V, TABLET: V, MOBILE: V] | [XL: V, L: V, M: V, S: V, XS: V, XXS: V]\n} & {\n  [key in `${K}${Breakpoint}`]?: V\n}\n\ntype MediaFunction = ReturnType<ReturnType<MediaQuery>>\n\n/**\n *\n * Factory to create mixins to enable responsive interface for any set of props\n */\nfunction createResponsivePropsMixin<K extends ResponsivePropKey, V, P extends ResponsiveProps<K, V>>(\n  propsKeys: K[],\n  buildCSSObject: (propKey: K, propValue: V, props: ThemedStyledProps<P, DefaultTheme>) => CSSObject\n): (props: ThemedStyledProps<P, DefaultTheme>) => FlattenInterpolation<ThemeProps<DefaultTheme>> {\n  const propsRegExp = new RegExp(`^(${propsKeys.join('|')})$`)\n  const breakpointsPropsRegExp = new RegExp(`^(${propsKeys.join('|')})(XXS|XS|S|M|L|XL)$`)\n  const breakpointsRegExp = /(XXS|XS|S|M|L|XL)$/\n\n  const deviceQueries = [screenMinM, screenMaxM, screenMaxS]\n  const breakpointsQueries = [screenMinL, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMaxXxs]\n\n  return (props) => {\n    const propsKeys = Object.keys(props).reduce(\n      (groups, propKey) => {\n        if (propsRegExp.test(propKey)) groups[0].push(propKey)\n        else if (breakpointsPropsRegExp.test(propKey)) groups[1].push(propKey)\n\n        return groups\n      },\n      [[], []] as [string[], string[]]\n    )\n\n    const interpolations = propsKeys[0].reduce((acc, propKey) => {\n      const propValue: V | V[] = props[propKey]\n\n      if (!Array.isArray(propValue)) {\n        const cssObject = buildCSSObject(propKey as K, propValue, props)\n\n        if (Object.keys(cssObject).length > 0) {\n          acc.push(cssObject)\n        }\n      } else if (propValue.length > 0) {\n        const mediaFunctions: MediaFunction[] = []\n        const queries = propValue.length > deviceQueries.length ? breakpointsQueries : deviceQueries\n\n        for (let i = 0; i < propValue.length; i++) {\n          if (!queries[i]) break\n\n          const cssObject = buildCSSObject(propKey as K, propValue[i], props)\n\n          if (Object.keys(cssObject).length > 0) {\n            mediaFunctions.push(queries[i]()`${cssObject}`)\n          }\n        }\n\n        acc.push(...mediaFunctions)\n      }\n\n      return acc\n    }, [] as (CSSObject | MediaFunction)[])\n\n    const breakpointsInterpolations = propsKeys[1].sort(desktopFirst).reduce((acc, propKey) => {\n      const cssObject = buildCSSObject(propKey.replace(breakpointsRegExp, '') as K, props[propKey], props)\n\n      if (Object.keys(cssObject).length > 0) {\n        acc.push(getMediaQueryByResponsiveProp(propKey)()`${cssObject}`)\n      }\n\n      return acc\n    }, [] as MediaFunction[])\n\n    return css`\n      ${interpolations}\n      ${breakpointsInterpolations}\n    `\n  }\n}\n\nexport type { ResponsiveProps }\n\nexport { createResponsivePropsMixin }\n"],"names":["propsKeys","buildCSSObject","propsRegExp","RegExp","join","breakpointsPropsRegExp","breakpointsRegExp","deviceQueries","screenMinM","screenMaxM","screenMaxS","breakpointsQueries","screenMinL","screenMaxL","screenMaxXs","screenMaxXxs","props","Object","keys","reduce","groups","propKey","test","push","interpolations","acc","propValue","Array","isArray","length","mediaFunctions","queries","i","cssObject","breakpointsInterpolations","sort","desktopFirst","replace","getMediaQueryByResponsiveProp","css"],"mappings":"4JAsBA,CACEA,EACAC,KAEA,MAAMC,EAAc,IAAIC,OAAO,KAAKH,EAAUI,KAAK,UACnD,MAAMC,EAAyB,IAAIF,OAAO,KAAKH,EAAUI,KAAK,2BAC9D,MAAME,EAAoB,qBAE1B,MAAMC,EAAgB,CAACC,OAAAA,WAAYC,OAAUA,WAAEC,OAAUA,YACzD,MAAMC,EAAqB,CAACC,OAAAA,WAAYC,OAAUA,WAAEJ,OAAUA,WAAEC,kBAAYI,OAAAA,YAAaC,OAAAA,cAEzF,OAAQC,IACN,MAAMhB,EAAYiB,OAAOC,KAAKF,GAAOG,QACnC,CAACC,EAAQC,KACHnB,EAAYoB,KAAKD,GAAUD,EAAO,GAAGG,KAAKF,GACrChB,EAAuBiB,KAAKD,IAAUD,EAAO,GAAGG,KAAKF,GAEvDD,IAET,CAAC,GAAI,KAGP,MAAMI,EAAiBxB,EAAU,GAAGmB,QAAO,CAACM,EAAKJ,KAC/C,MAAMK,EAAqBV,EAAMK,GAEjC,GAAKM,MAAMC,QAAQF,IAMZ,GAAIA,EAAUG,OAAS,EAAG,CAC/B,MAAMC,EAAkC,GACxC,MAAMC,EAAUL,EAAUG,OAAStB,EAAcsB,OAASlB,EAAqBJ,EAE/E,IAAK,IAAIyB,EAAI,EAAGA,EAAIN,EAAUG,QACvBE,EAAQC,GADuBA,IAAK,CAGzC,MAAMC,EAAYhC,EAAeoB,EAAcK,EAAUM,GAAIhB,GAEzDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCC,EAAeP,KAAKQ,EAAQC,IAAI,GAAGC,IAEvC,CAEAR,EAAIF,QAAQO,EACd,MArB+B,CAC7B,MAAMG,EAAYhC,EAAeoB,EAAcK,EAAWV,GAEtDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKU,EAEb,CAiBA,OAAOR,CAAG,GACT,IAEH,MAAMS,EAA4BlC,EAAU,GAAGmC,KAAKC,OAAYA,cAAEjB,QAAO,CAACM,EAAKJ,KAC7E,MAAMY,EAAYhC,EAAeoB,EAAQgB,QAAQ/B,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKe,qCAA8BjB,EAA9BiB,EAAwC,GAAGL,KAG/CR,CAAG,GACT,IAEH,OAAOc,OAAAA,IAAG,CAAA,GAAA,IAAA,IACNf,EACAU,EAAyB,CAGjC"}
+{"version":3,"file":"create-responsive-props.js","sources":["../../../src/mixins/create-responsive-props.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport { css } from 'styled-components'\nimport type { ThemedStyledProps, DefaultTheme, CSSObject, FlattenInterpolation, ThemeProps } from 'styled-components'\nimport { screenMinM, screenMaxM, screenMaxS, screenMinL, screenMaxL, screenMaxXs, screenMaxXxs } from 'mixins/screen'\nimport { getMediaQueryByResponsiveProp, desktopFirst } from 'mixins/shared'\nimport type { MediaQuery } from 'mixins/screen'\nimport type { Breakpoint } from 'shared/types'\n\ntype ResponsivePropKey = 'size' | keyof CSSProperties\n\ntype ResponsiveProps<K extends ResponsivePropKey, V> = {\n  [key in K]?: V | [DESKTOP: V, TABLET: V, MOBILE: V] | [XL: V, L: V, M: V, S: V, XS: V, XXS: V]\n} & {\n  [key in `${K}${Breakpoint}`]?: V\n}\n\ntype MediaFunction = ReturnType<ReturnType<MediaQuery>>\n\n/**\n *\n * Factory to create mixins to enable responsive interface for any set of props\n */\nfunction createResponsivePropsMixin<K extends ResponsivePropKey, V, P extends ResponsiveProps<K, V>>(\n  propsKeys: K[],\n  buildCSSObject: (propKey: K, propValue: V, props: ThemedStyledProps<P, DefaultTheme>) => CSSObject\n): (props: ThemedStyledProps<P, DefaultTheme>) => FlattenInterpolation<ThemeProps<DefaultTheme>> {\n  const propsRegExp = new RegExp(`^(${propsKeys.join('|')})$`)\n  const breakpointsPropsRegExp = new RegExp(`^(${propsKeys.join('|')})(XXS|XS|S|M|L|XL)$`)\n  const breakpointsRegExp = /(XXS|XS|S|M|L|XL)$/\n\n  const deviceQueries = [screenMinM, screenMaxM, screenMaxS]\n  const breakpointsQueries = [screenMinL, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMaxXxs]\n\n  return (props) => {\n    const propsKeys = Object.keys(props).reduce(\n      (groups, propKey) => {\n        if (propsRegExp.test(propKey)) groups[0].push(propKey)\n        else if (breakpointsPropsRegExp.test(propKey)) groups[1].push(propKey)\n\n        return groups\n      },\n      [[], []] as [string[], string[]]\n    )\n\n    const interpolations = propsKeys[0].reduce((acc, propKey) => {\n      const propValue: V | V[] = props[propKey]\n\n      if (!Array.isArray(propValue)) {\n        const cssObject = buildCSSObject(propKey as K, propValue, props)\n\n        if (Object.keys(cssObject).length > 0) {\n          acc.push(cssObject)\n        }\n      } else if (propValue.length > 0) {\n        const mediaFunctions: MediaFunction[] = []\n        const queries = propValue.length > deviceQueries.length ? breakpointsQueries : deviceQueries\n\n        for (let i = 0; i < propValue.length; i++) {\n          if (!queries[i]) break\n\n          const cssObject = buildCSSObject(propKey as K, propValue[i], props)\n\n          if (Object.keys(cssObject).length > 0) {\n            mediaFunctions.push(queries[i]()`${cssObject}`)\n          }\n        }\n\n        acc.push(...mediaFunctions)\n      }\n\n      return acc\n    }, [] as (CSSObject | MediaFunction)[])\n\n    const breakpointsInterpolations = propsKeys[1].sort(desktopFirst).reduce((acc, propKey) => {\n      const cssObject = buildCSSObject(propKey.replace(breakpointsRegExp, '') as K, props[propKey], props)\n\n      if (Object.keys(cssObject).length > 0) {\n        acc.push(getMediaQueryByResponsiveProp(propKey)()`${cssObject}`)\n      }\n\n      return acc\n    }, [] as MediaFunction[])\n\n    return css`\n      ${interpolations}\n      ${breakpointsInterpolations}\n    `\n  }\n}\n\nexport type { ResponsiveProps }\n\nexport { createResponsivePropsMixin }\n"],"names":["createResponsivePropsMixin","propsKeys","buildCSSObject","propsRegExp","RegExp","concat","join","breakpointsPropsRegExp","breakpointsRegExp","deviceQueries","screenMinM","screenMaxM","screenMaxS","breakpointsQueries","screenMinL","screenMaxL","screenMaxXs","screenMaxXxs","props","Object","keys","reduce","groups","propKey","test","push","interpolations","acc","propValue","Array","isArray","length","mediaFunctions","queries","i","cssObject","_templateObject","_taggedTemplateLiteral","breakpointsInterpolations","sort","desktopFirst","replace","getMediaQueryByResponsiveProp","_templateObject2","css"],"mappings":"sUAsBA,SAASA,EACPC,EACAC,GAEA,IAAMC,EAAc,IAAIC,OAAJ,KAAAC,OAAgBJ,EAAUK,KAAK,KAAnD,OACA,IAAMC,EAAyB,IAAIH,OAAJ,KAAAC,OAAgBJ,EAAUK,KAAK,KAA9D,wBACA,IAAME,EAAoB,qBAE1B,IAAMC,EAAgB,CAACC,EAAYC,EAAYC,GAC/C,IAAMC,EAAqB,CAACC,EAAYC,EAAYJ,EAAYC,EAAYI,EAAaC,GAEzF,OAAQC,IACN,IAAMjB,EAAYkB,OAAOC,KAAKF,GAAOG,QAAAA,CAClCC,EAAQC,KACHpB,EAAYqB,KAAKD,GAAUD,EAAO,GAAGG,KAAKF,GACrChB,EAAuBiB,KAAKD,IAAUD,EAAO,GAAGG,KAAKF,GAEvDD,IAET,CAAC,GAAI,KAGP,IAAMI,EAAiBzB,EAAU,GAAGoB,QAAAA,CAAQM,EAAKJ,KAC/C,IAAMK,EAAqBV,EAAMK,GAEjC,GAAKM,MAAMC,QAAQF,IAMZ,GAAIA,EAAUG,OAAS,EAAG,CAC/B,IAAMC,EAAkC,GACxC,IAAMC,EAAUL,EAAUG,OAAStB,EAAcsB,OAASlB,EAAqBJ,EAE/E,IAAK,IAAIyB,EAAI,EAAGA,EAAIN,EAAUG,QACvBE,EAAQC,GADuBA,IAAK,CAGzC,IAAMC,EAAYjC,EAAeqB,EAAcK,EAAUM,GAAIhB,GAEzDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCC,EAAeP,KAAKQ,EAAQC,IAARD,CAApBG,IAAAA,EAAAC,EAAA,CAAA,GAAA,MAAmCF,IAIvCR,EAAIF,QAAQO,QApBiB,CAC7B,IAAMG,EAAYjC,EAAeqB,EAAcK,EAAWV,GAEtDC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKU,GAmBb,OAAOR,IACN,IAEH,IAAMW,EAA4BrC,EAAU,GAAGsC,KAAKC,GAAcnB,QAAAA,CAAQM,EAAKJ,KAC7E,IAAMY,EAAYjC,EAAeqB,EAAQkB,QAAQjC,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKiB,EAA8BnB,EAA9BmB,EAAAA,CAATC,IAAAA,EAAAN,EAAA,CAAA,GAAA,MAAoDF,IAG/CR,IACN,IAEH,OAAOiB,EAAP,CAAA,GAAA,IAAA,IACIlB,EACAY"}

package/mixins/display.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');exports.display=s=>()=>styled.css(["display:",";"],s);
+import{css as s}from'styled-components';var a=a=>()=>s(["display:",";"],a);export{a as display};
 //# sourceMappingURL=display.js.map

package/mixins/display.js.map

@@ -1 +1 @@
-{"version":3,"file":"display.js","sources":["../../../src/mixins/display.ts"],"sourcesContent":["import { css } from 'styled-components'\n\ntype Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'table-cell' | 'inherit' | 'none'\n\nexport interface DisplayProperty {\n  display?: Display\n}\n\nexport const display = (display: Display) => () =>\n  css`\n    display: ${display};\n  `\n"],"names":["display","css"],"mappings":"qEAQwBA,GAAqB,IAC3CC,OAAAA,IACaD,CAAAA,WAAAA,KAAAA"}
+{"version":3,"file":"display.js","sources":["../../../src/mixins/display.ts"],"sourcesContent":["import { css } from 'styled-components'\n\ntype Display = 'block' | 'inline' | 'inline-block' | 'flex' | 'inline-flex' | 'table-cell' | 'inherit' | 'none'\n\nexport interface DisplayProperty {\n  display?: Display\n}\n\nexport const display = (display: Display) => () =>\n  css`\n    display: ${display};\n  `\n"],"names":["display","css"],"mappings":"wCAQO,IAAMA,EAAWA,GAAqB,IAC3CC,EACaD,CAAAA,WAAAA,KAAAA"}

package/mixins/focus.js

@@ -1,2 +1,2 @@
-'use strict';exports.focus=o=>`\n    &:focus-visible {\n      box-shadow: 0 0 0 2px ${o.theme.colors.white}, 0 0 0 4px ${o.theme.colors['border-focus']};\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  `;
+var o=o=>"\n    &:focus-visible {\n      box-shadow: 0 0 0 2px ".concat(o.theme.colors.white,", 0 0 0 4px ").concat(o.theme.colors['border-focus'],";\n      outline: 2px solid transparent;\n      outline-offset: 2px;\n    }\n  ");export{o as focus};
 //# sourceMappingURL=focus.js.map

package/mixins/focus.js.map

@@ -1 +1 @@
-{"version":3,"file":"focus.js","sources":["../../../src/mixins/focus.ts"],"sourcesContent":["import type { ThemedStyledProps, DefaultTheme } from 'styled-components'\n\nconst focus = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: ThemedStyledProps<any, DefaultTheme>\n): string => {\n  return `\n    &:focus-visible {\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 { focus }\n"],"names":["props","theme","colors","white"],"mappings":"2BAIEA,GAEO,wDAEqBA,EAAMC,MAAMC,OAAOC,oBAAoBH,EAAMC,MAAMC,OAAO"}
+{"version":3,"file":"focus.js","sources":["../../../src/mixins/focus.ts"],"sourcesContent":["import type { ThemedStyledProps, DefaultTheme } from 'styled-components'\n\nconst focus = (\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  props: ThemedStyledProps<any, DefaultTheme>\n): string => {\n  return `\n    &:focus-visible {\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 { focus }\n"],"names":["focus","props","concat","theme","colors","white"],"mappings":"AAEMA,IAAAA,EAEJC,GAEA,wDAAAC,OAE4BD,EAAME,MAAMC,OAAOC,MAAoBJ,gBAAAA,OAAAA,EAAME,MAAMC,OAAO,gBAFtF"}

package/mixins/responsive-margin.js

@@ -1,2 +1,2 @@
-'use strict';const responsiveMargin=require('./create-responsive-props.js').createResponsivePropsMixin(['margin','marginTop','marginRight','marginBottom','marginLeft'],((i,r,e)=>r===void 0||r===null?{}:{[i]:typeof r=='string'?r:`${r}${e.marginUnits??'px'}`}));exports.responsiveMargin=responsiveMargin;
+import{createResponsivePropsMixin as r}from'./create-responsive-props.js';var n=r(['margin','marginTop','marginRight','marginBottom','marginLeft'],((r,n,i)=>{var a;return null==n?{}:{[r]:'string'==typeof n?n:"".concat(n).concat(null!==(a=i.marginUnits)&&void 0!==a?a:'px')}}));export{n as responsiveMargin};
 //# sourceMappingURL=responsive-margin.js.map

package/mixins/responsive-margin.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-margin.js","sources":["../../../src/mixins/responsive-margin.ts"],"sourcesContent":["import { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, CSSGlobalValue } from 'shared/types'\n\ntype MarginProperty = 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\ntype MarginValue = CSSGlobalValue | (string & {}) | number\n\ntype ResponsiveMarginProps = ResponsiveProps<MarginProperty, MarginValue> & {\n  marginUnits?: CSSUnit\n}\n\n/**\n *\n * Mixin enables responsive margin interface\n */\nconst responsiveMargin = createResponsivePropsMixin<MarginProperty, MarginValue | void, ResponsiveMarginProps>(\n  ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft'],\n  (propKey, propValue, props) => {\n    if (propValue === undefined || propValue === null) return {}\n\n    return {\n      [propKey]: typeof propValue === 'string' ? propValue : `${propValue}${props.marginUnits ?? 'px'}`,\n    }\n  }\n)\n\nexport type { ResponsiveMarginProps }\n\nexport { responsiveMargin }\n"],"names":["responsiveMargin","createResponsivePropsMixin","propKey","propValue","props","undefined","marginUnits"],"mappings":"aAiBMA,MAAAA,yDAA6CC,2BACjD,CAAC,SAAU,YAAa,cAAe,eAAgB,eACvD,CAACC,EAASC,EAAWC,IACfD,SAAcE,GAAaF,IAAc,KAAa,CAAA,EAEnD,CACLD,CAACA,UAAiBC,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAME,aAAe"}
+{"version":3,"file":"responsive-margin.js","sources":["../../../src/mixins/responsive-margin.ts"],"sourcesContent":["import { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, CSSGlobalValue } from 'shared/types'\n\ntype MarginProperty = 'margin' | 'marginTop' | 'marginRight' | 'marginBottom' | 'marginLeft'\n\n// eslint-disable-next-line @typescript-eslint/ban-types\ntype MarginValue = CSSGlobalValue | (string & {}) | number\n\ntype ResponsiveMarginProps = ResponsiveProps<MarginProperty, MarginValue> & {\n  marginUnits?: CSSUnit\n}\n\n/**\n *\n * Mixin enables responsive margin interface\n */\nconst responsiveMargin = createResponsivePropsMixin<MarginProperty, MarginValue | void, ResponsiveMarginProps>(\n  ['margin', 'marginTop', 'marginRight', 'marginBottom', 'marginLeft'],\n  (propKey, propValue, props) => {\n    if (propValue === undefined || propValue === null) return {}\n\n    return {\n      [propKey]: typeof propValue === 'string' ? propValue : `${propValue}${props.marginUnits ?? 'px'}`,\n    }\n  }\n)\n\nexport type { ResponsiveMarginProps }\n\nexport { responsiveMargin }\n"],"names":["responsiveMargin","createResponsivePropsMixin","propKey","propValue","props","_props$marginUnits","concat","marginUnits"],"mappings":"0EAiBMA,IAAAA,EAAmBC,EACvB,CAAC,SAAU,YAAa,cAAe,eAAgB,eAAA,CACtDC,EAASC,EAAWC,KAAU,IAAAC,EAC7B,OAAIF,MAAAA,EAAsD,GAEnD,CACLD,CAACA,GAA+B,iBAAdC,EAAyBA,EAAhC,GAAAG,OAA+CH,GAAYC,eAAAA,EAAAA,EAAMG,2BAAe"}

package/mixins/responsive-property.js

@@ -1,20 +1,2 @@
-'use strict';var styled=require('styled-components');var screen=require('./screen.js');var shared=require('./shared.js');const SCREEN_SIZE_MAP={XXS:screen.screenMaxXxs,XS:screen.screenMaxXs,S:screen.screenMaxS,M:screen.screenMaxM,L:screen.screenMaxL,XL:screen.screenMinL};const SCREEN_SIZE_MAP_BY_DEVICE_ALIAS={desktop:screen.screenMinM,tablet:screen.screenMaxM,mobile:screen.screenMaxS};exports.property=(e,r="size",s="px",t)=>()=>()=>{if(typeof e=='boolean')return typeof r=='function'?r(1):null;const n=t??shared.getLatinSizeMapByCssProperty(r);return typeof r=='function'?r(typeof e=='number'?e:n[e]):typeof e=='string'&&['auto','initial','inherit'].includes(e)?styled.css(["",":",";"],r,e):styled.css(["",":","",";"],r,typeof e=='string'&&n[e]?n[e]:e,s??'')},exports.responsiveNamedProperty=({sizes:e,predefinedSizes:r,cssProperty:s="size",sizing:t="px",customSizeHandler:n,sort:o=shared.desktopFirst})=>()=>()=>Object.keys(e).sort(o).map((o=>{if(e[o]!==void 0){const i=typeof n=='function'?n(e[o]):e[o];return shared.buildMediaQuery(i,s,shared.getMediaQueryByResponsiveProp(o),t,r)}return null})).filter(Boolean).map((e=>styled.css(["",""],e))),exports.responsiveProperty=(e,r=null,s="px")=>()=>t=>{const n=t[e]??null;const o=r??e;if(!n)return null;if(Array.isArray(n)&&n.length===3){const[e,r,t]=n;return styled.css([""," "," ",""],SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`
-          ${o}: ${typeof e=='number'?`${e}${s??''}`:e};
-        `,SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`
-          ${o}: ${typeof r=='number'?`${r}${s??''}`:r};
-        `,SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`
-          ${o}: ${typeof t=='number'?`${t}${s??''}`:t};
-        `)}if(Array.isArray(n)&&n.length===6&&typeof o=='string'){const[e,r,t,i,c,p]=n;return styled.css([""," "," "," "," "," ",""],SCREEN_SIZE_MAP.XL()`
-            ${o}: ${typeof e=='number'?`${e}${s??''}`:e};
-          `,SCREEN_SIZE_MAP.L()`
-            ${o}: ${typeof r=='number'?`${r}${s??''}`:r};
-          `,SCREEN_SIZE_MAP.M()`
-            ${o}: ${typeof t=='number'?`${t}${s??''}`:t};
-          `,SCREEN_SIZE_MAP.S()`
-            ${o}: ${typeof i=='number'?`${i}${s??''}`:i};
-          `,SCREEN_SIZE_MAP.XS()`
-            ${o}: ${typeof c=='number'?`${c}${s??''}`:c};
-          `,SCREEN_SIZE_MAP.XXS()`
-            ${o}: ${typeof p=='number'?`${p}${s??''}`:p};
-          `)}return typeof n=='number'?styled.css(["",":","",";"],o,n,s??null):typeof n=='string'?styled.css(["",":",";"],o,n):null};
+import n from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as e}from'styled-components';import{screenMaxXxs as r,screenMaxXs as t,screenMaxS as o,screenMaxM as a,screenMaxL as l,screenMinL as s,screenMinM as i}from'./screen.js';import{buildMediaQuery as c,getMediaQueryByResponsiveProp as u,getLatinSizeMapByCssProperty as p,desktopFirst as f}from'./shared.js';var y,v,m,d,b,g,M,h,x;var S=function(n,r,t,o){var a=arguments.length>1&&void 0!==r?r:'size';var l=arguments.length>2&&void 0!==t?t:'px';var s=arguments.length>3?o:void 0;return()=>()=>{if('boolean'==typeof n)return'function'==typeof a?a(1):null;var r=null!=s?s:p(a);return'function'==typeof a?a('number'==typeof n?n:r[n]):'string'==typeof n&&['auto','initial','inherit'].includes(n)?e(["",":",";"],a,n):e(["",":","",";"],a,'string'==typeof n&&r[n]?r[n]:n,null!=l?l:'')}};var X={XXS:r,XS:t,S:o,M:a,L:l,XL:s};var L={desktop:i,tablet:a,mobile:o};var z=n=>{var{sizes:r,predefinedSizes:t,cssProperty:o="size",sizing:a="px",customSizeHandler:l,sort:s=f}=n;return()=>()=>Object.keys(r).sort(s).map((n=>{if(void 0!==r[n]){var e='function'==typeof l?l(r[n]):r[n];return c(e,o,u(n),a,t)}return null})).filter(Boolean).map((n=>e(["",""],n)))};var P=function(r,t,o){var a=arguments.length>1&&void 0!==t?t:null;var l=arguments.length>2&&void 0!==o?o:'px';return()=>t=>{var o;var s=null!==(o=t[r])&&void 0!==o?o:null;var i=null!=a?a:r;if(!s)return null;if(Array.isArray(s)&&3===s.length){var[c,u,p]=s;return e([""," "," ",""],L.desktop()(y||(y=n(["\n          ",": ",";\n        "])),i,'number'==typeof c?"".concat(c).concat(null!=l?l:''):c),L.tablet()(v||(v=n(["\n          ",": ",";\n        "])),i,'number'==typeof u?"".concat(u).concat(null!=l?l:''):u),L.mobile()(m||(m=n(["\n          ",": ",";\n        "])),i,'number'==typeof p?"".concat(p).concat(null!=l?l:''):p))}if(Array.isArray(s)&&6===s.length&&'string'==typeof i){var[f,S,z,P,k,A]=s;return e([""," "," "," "," "," ",""],X.XL()(d||(d=n(["\n            ",": ",";\n          "])),i,'number'==typeof f?"".concat(f).concat(null!=l?l:''):f),X.L()(b||(b=n(["\n            ",": ",";\n          "])),i,'number'==typeof S?"".concat(S).concat(null!=l?l:''):S),X.M()(g||(g=n(["\n            ",": ",";\n          "])),i,'number'==typeof z?"".concat(z).concat(null!=l?l:''):z),X.S()(M||(M=n(["\n            ",": ",";\n          "])),i,'number'==typeof P?"".concat(P).concat(null!=l?l:''):P),X.XS()(h||(h=n(["\n            ",": ",";\n          "])),i,'number'==typeof k?"".concat(k).concat(null!=l?l:''):k),X.XXS()(x||(x=n(["\n            ",": ",";\n          "])),i,'number'==typeof A?"".concat(A).concat(null!=l?l:''):A))}return'number'==typeof s?e(["",":","",";"],i,s,null!=l?l:null):'string'==typeof s?e(["",":",";"],i,s):null}};export{S as property,z as responsiveNamedProperty,P as responsiveProperty};
 //# sourceMappingURL=responsive-property.js.map

package/mixins/responsive-property.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-property.js","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs, screenMinM } from 'mixins/screen'\nimport {\n  buildMediaQuery,\n  getLatinSizeMapByCssProperty,\n  desktopFirst,\n  getMediaQueryByResponsiveProp,\n} from 'mixins/shared'\nimport type { Size } from 'shared/types'\n\n/**\n * Value for breakpoint\n */\nexport type PossibleValues = number | Size | 'auto' | 'initial' | 'inherit' | boolean\n\ntype PropsProperties =\n  | 'size'\n  | 'fontSize'\n  | 'height'\n  | 'width'\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\n  | 'padding'\n  | 'paddingTop'\n  | 'paddingRight'\n  | 'paddingBottom'\n  | 'paddingLeft'\n  | 'margin'\n  | 'marginTop'\n  | 'marginRight'\n  | 'marginBottom'\n  | 'marginLeft'\n  | 'fluid'\n\nexport type CalcProperty = (\n  _size: number | 'auto' | 'initial' | 'inherit' | boolean,\n  _sizing?: null | string\n) => FlattenSimpleInterpolation | null\ntype CssProperty = string | CalcProperty\ntype ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL'\n\nexport type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {\n  /**\n   * Size for breakpoint\n   */\n  [key in `${T}${ResponsiveKeys}`]?: V // eslint-disable-line no-unused-vars\n}\n\nexport type ResponsiveProperty<V = number | Size> =\n  | V\n  | [desktop: V, tablet: V, mobile: V]\n  | [xl: V, l: V, m: V, s: V, xs: V, xxs: V]\n\nexport const property =\n  (\n    value: PossibleValues,\n    cssProperty: CssProperty = 'size',\n    sizing: null | string = 'px',\n    sizes?: Record<Size, number>\n  ) =>\n  () =>\n  () => {\n    if (typeof value === 'boolean') {\n      return typeof cssProperty === 'function' ? cssProperty(1) : null\n    }\n\n    const sizeMap = sizes ?? getLatinSizeMapByCssProperty(cssProperty)\n\n    if (typeof cssProperty === 'function') {\n      return cssProperty(typeof value === 'number' ? value : sizeMap[value])\n    }\n\n    if (typeof value === 'string' && ['auto', 'initial', 'inherit'].includes(value))\n      return css`\n        ${cssProperty}: ${value};\n      `\n\n    return css`\n      ${cssProperty}: ${typeof value === 'string' && sizeMap[value] ? sizeMap[value] : value}${sizing ?? ''};\n    `\n  }\n\nconst SCREEN_SIZE_MAP: Record<Exclude<ResponsiveKeys, ''>, typeof screenMaxXs> = {\n  XXS: screenMaxXxs,\n  XS: screenMaxXs,\n  S: screenMaxS,\n  M: screenMaxM,\n  L: screenMaxL,\n  XL: screenMinL,\n}\n\nconst SCREEN_SIZE_MAP_BY_DEVICE_ALIAS: Record<'desktop' | 'tablet' | 'mobile', typeof screenMaxXs> = {\n  desktop: screenMinM,\n  tablet: screenMaxM,\n  mobile: screenMaxS,\n}\n\ninterface ResponsiveNamedPropertyPayload<T extends PropsProperties> {\n  sizes: ResponsiveNamedProperty<T>\n  cssProperty: CssProperty\n  sizing?: null | string\n  customSizeHandler?: (_value: PossibleValues) => PossibleValues\n  sort?: (_a: string, _b: string) => number\n  predefinedSizes?: Record<Size, number>\n}\n\n/**\n * Миксин для генерации media запросов\n *\n * @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина\n * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components\n * @param obj.sizing значение величины, по умолчанию `px`\n * @param obj.customSizeHandler функция для вычисления кастомных значений величин\n * @returns строки медиазапросов\n */\nexport const responsiveNamedProperty =\n  <T extends PropsProperties>({\n    sizes,\n    predefinedSizes,\n    cssProperty = 'size',\n    sizing = 'px',\n    customSizeHandler,\n    sort = desktopFirst,\n  }: ResponsiveNamedPropertyPayload<T>) =>\n  () =>\n  () => {\n    const mediaCssStrArr = Object.keys(sizes)\n      .sort(sort)\n      .map((size) => {\n        if (sizes[size] !== undefined) {\n          const _size: PossibleValues =\n            typeof customSizeHandler === 'function' ? customSizeHandler(sizes[size]) : sizes[size]\n\n          return buildMediaQuery(_size, cssProperty, getMediaQueryByResponsiveProp(size), sizing, predefinedSizes)\n        }\n        return null\n      })\n      .filter(Boolean)\n      .map(\n        (item) =>\n          css`\n            ${item}\n          `\n      )\n\n    return mediaCssStrArr\n  }\n\n/**\n * Миксин для генерации media запросов\n *\n * @param propName имя пропсы\n * @param cssProperty имя css свойства\n * @param sizing значение величины, по умолчанию `px`\n * @returns строки медиазапросов\n */\nexport const responsiveProperty =\n  (propName: string, cssProperty: string | null = null, sizing: null | string = 'px') =>\n  () =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: any) => {\n    const prop: ResponsiveProperty | null = props[propName] ?? null\n    const _cssProperty = cssProperty ?? propName\n    if (!prop) return null\n\n    if (Array.isArray(prop) && prop.length === 3) {\n      const [desktop, tablet, mobile] = prop\n      return css`\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`\n          ${_cssProperty}: ${typeof desktop === 'number' ? `${desktop}${sizing ?? ''}` : desktop};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`\n          ${_cssProperty}: ${typeof tablet === 'number' ? `${tablet}${sizing ?? ''}` : tablet};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`\n          ${_cssProperty}: ${typeof mobile === 'number' ? `${mobile}${sizing ?? ''}` : mobile};\n        `}\n      `\n    }\n\n    if (Array.isArray(prop) && prop.length === 6 && typeof _cssProperty === 'string') {\n      const [xl, l, m, s, xs, xxs] = prop\n      return css`\n        ${SCREEN_SIZE_MAP.XL()`\n            ${_cssProperty}: ${typeof xl === 'number' ? `${xl}${sizing ?? ''}` : xl};\n          `}\n        ${SCREEN_SIZE_MAP.L()`\n            ${_cssProperty}: ${typeof l === 'number' ? `${l}${sizing ?? ''}` : l};\n          `}\n          ${SCREEN_SIZE_MAP.M()`\n            ${_cssProperty}: ${typeof m === 'number' ? `${m}${sizing ?? ''}` : m};\n          `}\n          ${SCREEN_SIZE_MAP.S()`\n            ${_cssProperty}: ${typeof s === 'number' ? `${s}${sizing ?? ''}` : s};\n          `}\n          ${SCREEN_SIZE_MAP.XS()`\n            ${_cssProperty}: ${typeof xs === 'number' ? `${xs}${sizing ?? ''}` : xs};\n          `}\n          ${SCREEN_SIZE_MAP.XXS()`\n            ${_cssProperty}: ${typeof xxs === 'number' ? `${xxs}${sizing ?? ''}` : xxs};\n          `}\n      `\n    }\n\n    if (typeof prop === 'number') {\n      return css`\n        ${_cssProperty}: ${prop}${sizing ?? null};\n      `\n    }\n\n    if (typeof prop === 'string') {\n      return css`\n        ${_cssProperty}: ${prop};\n      `\n    }\n\n    return null\n  }\n"],"names":["SCREEN_SIZE_MAP","XXS","screenMaxXxs","XS","screenMaxXs","S","screenMaxS","M","screenMaxM","L","screenMaxL","XL","screenMinL","SCREEN_SIZE_MAP_BY_DEVICE_ALIAS","desktop","screenMinM","tablet","mobile","property","value","cssProperty","sizing","sizes","sizeMap","getLatinSizeMapByCssProperty","includes","css","responsiveNamedProperty","predefinedSizes","customSizeHandler","sort","desktopFirst","Object","keys","map","size","undefined","_size","buildMediaQuery","getMediaQueryByResponsiveProp","filter","Boolean","item","responsiveProperty","propName","props","prop","_cssProperty","Array","isArray","length","xl","l","m","s","xs","xxs"],"mappings":"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"}
+{"version":3,"file":"responsive-property.js","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs, screenMinM } from 'mixins/screen'\nimport {\n  buildMediaQuery,\n  getLatinSizeMapByCssProperty,\n  desktopFirst,\n  getMediaQueryByResponsiveProp,\n} from 'mixins/shared'\nimport type { Size } from 'shared/types'\n\n/**\n * Value for breakpoint\n */\nexport type PossibleValues = number | Size | 'auto' | 'initial' | 'inherit' | boolean\n\ntype PropsProperties =\n  | 'size'\n  | 'fontSize'\n  | 'height'\n  | 'width'\n  | 'top'\n  | 'right'\n  | 'bottom'\n  | 'left'\n  | 'padding'\n  | 'paddingTop'\n  | 'paddingRight'\n  | 'paddingBottom'\n  | 'paddingLeft'\n  | 'margin'\n  | 'marginTop'\n  | 'marginRight'\n  | 'marginBottom'\n  | 'marginLeft'\n  | 'fluid'\n\nexport type CalcProperty = (\n  _size: number | 'auto' | 'initial' | 'inherit' | boolean,\n  _sizing?: null | string\n) => FlattenSimpleInterpolation | null\ntype CssProperty = string | CalcProperty\ntype ResponsiveKeys = '' | 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL'\n\nexport type ResponsiveNamedProperty<T extends PropsProperties, V extends PossibleValues = PossibleValues> = {\n  /**\n   * Size for breakpoint\n   */\n  [key in `${T}${ResponsiveKeys}`]?: V // eslint-disable-line no-unused-vars\n}\n\nexport type ResponsiveProperty<V = number | Size> =\n  | V\n  | [desktop: V, tablet: V, mobile: V]\n  | [xl: V, l: V, m: V, s: V, xs: V, xxs: V]\n\nexport const property =\n  (\n    value: PossibleValues,\n    cssProperty: CssProperty = 'size',\n    sizing: null | string = 'px',\n    sizes?: Record<Size, number>\n  ) =>\n  () =>\n  () => {\n    if (typeof value === 'boolean') {\n      return typeof cssProperty === 'function' ? cssProperty(1) : null\n    }\n\n    const sizeMap = sizes ?? getLatinSizeMapByCssProperty(cssProperty)\n\n    if (typeof cssProperty === 'function') {\n      return cssProperty(typeof value === 'number' ? value : sizeMap[value])\n    }\n\n    if (typeof value === 'string' && ['auto', 'initial', 'inherit'].includes(value))\n      return css`\n        ${cssProperty}: ${value};\n      `\n\n    return css`\n      ${cssProperty}: ${typeof value === 'string' && sizeMap[value] ? sizeMap[value] : value}${sizing ?? ''};\n    `\n  }\n\nconst SCREEN_SIZE_MAP: Record<Exclude<ResponsiveKeys, ''>, typeof screenMaxXs> = {\n  XXS: screenMaxXxs,\n  XS: screenMaxXs,\n  S: screenMaxS,\n  M: screenMaxM,\n  L: screenMaxL,\n  XL: screenMinL,\n}\n\nconst SCREEN_SIZE_MAP_BY_DEVICE_ALIAS: Record<'desktop' | 'tablet' | 'mobile', typeof screenMaxXs> = {\n  desktop: screenMinM,\n  tablet: screenMaxM,\n  mobile: screenMaxS,\n}\n\ninterface ResponsiveNamedPropertyPayload<T extends PropsProperties> {\n  sizes: ResponsiveNamedProperty<T>\n  cssProperty: CssProperty\n  sizing?: null | string\n  customSizeHandler?: (_value: PossibleValues) => PossibleValues\n  sort?: (_a: string, _b: string) => number\n  predefinedSizes?: Record<Size, number>\n}\n\n/**\n * Миксин для генерации media запросов\n *\n * @param obj.sizes Объект, в качестве ключей брэйкпоинт, в качестве значений - величина\n * @param obj.cssProperty CSS свойство, может быть функцией, возвращающей css`` из styled-components\n * @param obj.sizing значение величины, по умолчанию `px`\n * @param obj.customSizeHandler функция для вычисления кастомных значений величин\n * @returns строки медиазапросов\n */\nexport const responsiveNamedProperty =\n  <T extends PropsProperties>({\n    sizes,\n    predefinedSizes,\n    cssProperty = 'size',\n    sizing = 'px',\n    customSizeHandler,\n    sort = desktopFirst,\n  }: ResponsiveNamedPropertyPayload<T>) =>\n  () =>\n  () => {\n    const mediaCssStrArr = Object.keys(sizes)\n      .sort(sort)\n      .map((size) => {\n        if (sizes[size] !== undefined) {\n          const _size: PossibleValues =\n            typeof customSizeHandler === 'function' ? customSizeHandler(sizes[size]) : sizes[size]\n\n          return buildMediaQuery(_size, cssProperty, getMediaQueryByResponsiveProp(size), sizing, predefinedSizes)\n        }\n        return null\n      })\n      .filter(Boolean)\n      .map(\n        (item) =>\n          css`\n            ${item}\n          `\n      )\n\n    return mediaCssStrArr\n  }\n\n/**\n * Миксин для генерации media запросов\n *\n * @param propName имя пропсы\n * @param cssProperty имя css свойства\n * @param sizing значение величины, по умолчанию `px`\n * @returns строки медиазапросов\n */\nexport const responsiveProperty =\n  (propName: string, cssProperty: string | null = null, sizing: null | string = 'px') =>\n  () =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: any) => {\n    const prop: ResponsiveProperty | null = props[propName] ?? null\n    const _cssProperty = cssProperty ?? propName\n    if (!prop) return null\n\n    if (Array.isArray(prop) && prop.length === 3) {\n      const [desktop, tablet, mobile] = prop\n      return css`\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`\n          ${_cssProperty}: ${typeof desktop === 'number' ? `${desktop}${sizing ?? ''}` : desktop};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`\n          ${_cssProperty}: ${typeof tablet === 'number' ? `${tablet}${sizing ?? ''}` : tablet};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`\n          ${_cssProperty}: ${typeof mobile === 'number' ? `${mobile}${sizing ?? ''}` : mobile};\n        `}\n      `\n    }\n\n    if (Array.isArray(prop) && prop.length === 6 && typeof _cssProperty === 'string') {\n      const [xl, l, m, s, xs, xxs] = prop\n      return css`\n        ${SCREEN_SIZE_MAP.XL()`\n            ${_cssProperty}: ${typeof xl === 'number' ? `${xl}${sizing ?? ''}` : xl};\n          `}\n        ${SCREEN_SIZE_MAP.L()`\n            ${_cssProperty}: ${typeof l === 'number' ? `${l}${sizing ?? ''}` : l};\n          `}\n          ${SCREEN_SIZE_MAP.M()`\n            ${_cssProperty}: ${typeof m === 'number' ? `${m}${sizing ?? ''}` : m};\n          `}\n          ${SCREEN_SIZE_MAP.S()`\n            ${_cssProperty}: ${typeof s === 'number' ? `${s}${sizing ?? ''}` : s};\n          `}\n          ${SCREEN_SIZE_MAP.XS()`\n            ${_cssProperty}: ${typeof xs === 'number' ? `${xs}${sizing ?? ''}` : xs};\n          `}\n          ${SCREEN_SIZE_MAP.XXS()`\n            ${_cssProperty}: ${typeof xxs === 'number' ? `${xxs}${sizing ?? ''}` : xxs};\n          `}\n      `\n    }\n\n    if (typeof prop === 'number') {\n      return css`\n        ${_cssProperty}: ${prop}${sizing ?? null};\n      `\n    }\n\n    if (typeof prop === 'string') {\n      return css`\n        ${_cssProperty}: ${prop};\n      `\n    }\n\n    return null\n  }\n"],"names":["property","value","r","e","o","cssProperty","sizing","sizes","arguments","length","sizeMap","getLatinSizeMapByCssProperty","includes","css","SCREEN_SIZE_MAP","XXS","screenMaxXxs","XS","screenMaxXs","S","screenMaxS","M","screenMaxM","L","screenMaxL","XL","screenMinL","SCREEN_SIZE_MAP_BY_DEVICE_ALIAS","desktop","screenMinM","tablet","mobile","responsiveNamedProperty","_ref","predefinedSizes","customSizeHandler","sort","desktopFirst","Object","keys","map","size","undefined","_size","buildMediaQuery","getMediaQueryByResponsiveProp","filter","Boolean","item","responsiveProperty","propName","props","_props$propName","prop","_cssProperty","Array","isArray","_templateObject","_taggedTemplateLiteral","concat","_templateObject2","_templateObject3","xl","l","m","s","xs","xxs","_templateObject4","_templateObject6","_templateObject9"],"mappings":"+YAuDaA,EACX,SACEC,EADFC,EAAAC,EAAAC,GAAA,IAEEC,+BAFFH,EAAAA,EAE6B,OAF7B,IAGEI,+BAHFH,EAAAA,EAG0B,KAH1B,IAIEI,EAJFC,UAAAC,OAAA,EAAAL,OAAA,EAAA,MAMA,IACA,KACE,GAAqB,kBAAVH,EACT,MAA8B,mBAAhBI,EAA6BA,EAAY,GAAK,KAG9D,IAAMK,EAAUH,MAAAA,EAAAA,EAASI,EAA6BN,GAEtD,MAA2B,mBAAhBA,EACFA,EAA6B,iBAAVJ,EAAqBA,EAAQS,EAAQT,IAG5C,iBAAVA,GAAsB,CAAC,OAAQ,UAAW,WAAWW,SAASX,GAChEY,EAAP,CAAA,GAAA,IAAA,KACIR,EAAgBJ,GAGfY,EACHR,CAAAA,GAAAA,IAAAA,GAAAA,KAAAA,EAAiC,iBAAVJ,GAAsBS,EAAQT,GAASS,EAAQT,GAASA,EAAQK,MAAAA,EAAAA,EAAU,MAIzG,IAAMQ,EAA2E,CAC/EC,IAAKC,EACLC,GAAIC,EACJC,EAAGC,EACHC,EAAGC,EACHC,EAAGC,EACHC,GAAIC,GAGN,IAAMC,EAA+F,CACnGC,QAASC,EACTC,OAAQR,EACRS,OAAQX,GAqBH,IAAMY,EACXC,IAAA,IAA4B1B,MAC1BA,EAD0B2B,gBAE1BA,EAF0B7B,YAG1BA,EAAc,OAHYC,OAI1BA,EAAS,KAJiB6B,kBAK1BA,EAL0BC,KAM1BA,EAAOC,GANTJ,EAAA,MAQA,IACA,IACyBK,OAAOC,KAAKhC,GAChC6B,KAAKA,GACLI,KAAKC,IACJ,QAAoBC,IAAhBnC,EAAMkC,GAAqB,CAC7B,IAAME,EACyB,mBAAtBR,EAAmCA,EAAkB5B,EAAMkC,IAASlC,EAAMkC,GAEnF,OAAOG,EAAgBD,EAAOtC,EAAawC,EAA8BJ,GAAOnC,EAAQ4B,GAE1F,OAAO,QAERY,OAAOC,SACPP,KACEQ,GACCnC,EACImC,CAAAA,GAAAA,IAAAA,UAeDC,EACX,SAACC,EAAD/C,EAAAC,GAAA,IAAmBC,+BAAnBF,EAAAA,EAAgD,KAAhD,IAAsDG,+BAAtDF,EAAAA,EAA8E,KAA9E,MACA,IAEC+C,IAAe,IAAAC,EACd,IAAMC,UAAkCF,EAAAA,EAAMD,UAAAA,QAAa,KAC3D,IAAMI,EAAejD,MAAAA,EAAAA,EAAe6C,EACpC,IAAKG,EAAM,OAAO,KAElB,GAAIE,MAAMC,QAAQH,IAAyB,IAAhBA,EAAK5C,OAAc,CAC5C,IAAOmB,EAASE,EAAQC,GAAUsB,EAClC,OAAOxC,EAAP,CAAA,GAAA,IAAA,IAAA,IACIc,EAAgCC,SAAhCD,CADJ8B,IAAAA,EAAAC,EAAA,CAAA,eAAA,KAAA,iBAEMJ,EAAoC,iBAAZ1B,EAAP,GAAA+B,OAAiC/B,GAAUtB,OAAAA,MAAAA,EAAAA,EAAU,IAAOsB,GAE/ED,EAAgCG,QAAhCH,CAJJiC,IAAAA,EAAAF,EAAA,CAAA,eAAA,KAAA,iBAKMJ,EAAmC,iBAAXxB,EAAP,GAAA6B,OAAgC7B,GAAhC6B,OAAyCrD,MAAAA,EAAAA,EAAU,IAAOwB,GAE7EH,EAAgCI,QAAhCJ,CAPJkC,IAAAA,EAAAH,EAAA,CAAA,eAAA,KAAA,iBAQMJ,EAAmC,iBAAXvB,YAAyBA,GAAhC4B,OAAyCrD,MAAAA,EAAAA,EAAU,IAAOyB,IAKnF,GAAIwB,MAAMC,QAAQH,IAAyB,IAAhBA,EAAK5C,QAAwC,iBAAjB6C,EAA2B,CAChF,IAAOQ,EAAIC,EAAGC,EAAGC,EAAGC,EAAIC,GAAOd,EAC/B,OAAOxC,EAAP,CAAA,GAAA,IAAA,IAAA,IAAA,IAAA,IAAA,IACIC,EAAgBW,IAAhBX,CADJsD,IAAAA,EAAAV,EAAA,CAAA,iBAAA,KAAA,mBAEQJ,EAA+B,iBAAPQ,YAAqBA,GAA5BH,OAAiCrD,MAAAA,EAAAA,EAAU,IAAOwD,GAEvEhD,EAAgBS,GAAhBT,CACIwC,IAAAA,EAAAA,EAAAA,CAAAA,iBAAAA,KAAAA,mBAAAA,EAA8B,iBAANS,EAAoBA,GAAAA,OAAAA,GAAIzD,OAAAA,MAAAA,EAAAA,EAAU,IAAOyD,GAEnEjD,EAAgBO,GAAhBP,CAPNuD,IAAAA,EAAAX,EAAA,CAAA,iBAAA,KAAA,mBAQQJ,EAA8B,iBAANU,EAAP,GAAAL,OAA2BK,GAA3BL,OAA+BrD,MAAAA,EAAAA,EAAU,IAAO0D,GAEnElD,EAAgBK,GAAhBL,mDACEwC,EAA8B,iBAANW,EAAoBA,GAAAA,OAAAA,UAAI3D,MAAAA,EAAAA,EAAU,IAAO2D,GAEnEnD,EAAgBG,IAAhBH,CACEwC,IAAAA,EAAAA,EAAAA,CAAAA,iBAAAA,KAAAA,mBAAAA,EAA+B,iBAAPY,EAAqBA,GAAAA,OAAAA,GAAK5D,OAAAA,MAAAA,EAAAA,EAAU,IAAO4D,GAErEpD,EAAgBC,KAAhBD,CAhBNwD,IAAAA,EAAAZ,EAAA,CAAA,iBAAA,KAAA,mBAiBQJ,EAAgC,iBAARa,YAAsBA,GAA7BR,OAAmCrD,MAAAA,EAAAA,EAAU,IAAO6D,IAK/E,MAAoB,iBAATd,EACFxC,EAAP,CAAA,GAAA,IAAA,GAAA,KACIyC,EAAiBD,EAAO/C,MAAAA,EAAAA,EAAU,MAIpB,iBAAT+C,EACFxC,EAAP,CAAA,GAAA,IAAA,KACIyC,EAAiBD,GAIhB"}

package/mixins/responsive-size.js

@@ -1,2 +1,2 @@
-'use strict';var createResponsiveProps=require('./create-responsive-props.js');var style=require('../shared/utils/style.js');const responsiveSize=createResponsiveProps.createResponsivePropsMixin(['size'],((e,s,i)=>s===void 0||s===null?{}:typeof s=='number'||style.isCSSGlobalValue(s)?typeof i.dynamicSizeDeclaration=='function'?i.dynamicSizeDeclaration(s,i.sizeUnits??'px'):{fontSize:typeof s=='string'?s:`${s}${i.sizeUnits??'px'}`}:i.sizes[s]??{}));exports.responsiveSize=responsiveSize;
+import{createResponsivePropsMixin as e}from'./create-responsive-props.js';import{isCSSGlobalValue as i}from'../shared/utils/style.js';var s=e(['size'],((e,s,o)=>{var n;return null==s?{}:'number'==typeof s||i(s)?'function'==typeof o.dynamicSizeDeclaration?o.dynamicSizeDeclaration(s,null!==(r=o.sizeUnits)&&void 0!==r?r:'px'):{fontSize:'string'==typeof s?s:"".concat(s).concat(null!==(t=o.sizeUnits)&&void 0!==t?t:'px')}:null!==(n=o.sizes[s])&&void 0!==n?n:{};var r,t}));export{s as responsiveSize};
 //# sourceMappingURL=responsive-size.js.map

package/mixins/responsive-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport { isCSSGlobalValue } from 'shared/utils/style'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, Size, CSSGlobalValue, Sizes } from 'shared/types'\n\ntype SizeProperty = 'size'\n\ntype SizeValue = Size | CSSGlobalValue | number\n\ntype ResponsiveSizeProps = ResponsiveProps<SizeProperty, SizeValue> & {\n  sizeUnits?: CSSUnit\n  sizes?: Partial<Sizes>\n}\n\ntype ResponsiveSizeInterpolationProps<T extends ResponsiveSizeProps = ResponsiveSizeProps> = Omit<T, 'size' | 'sizes'> &\n  Required<Pick<T, 'size'>> & {\n    sizes: Sizes\n    dynamicSizeDeclaration?: (size: Exclude<SizeValue, Size>, sizeUnits: CSSUnit) => CSSObject\n  }\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<SizeProperty, SizeValue | void, ResponsiveSizeInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {}\n\n    if (typeof sizeValue === 'number' || isCSSGlobalValue(sizeValue)) {\n      const cssObject =\n        typeof props.dynamicSizeDeclaration === 'function'\n          ? props.dynamicSizeDeclaration(sizeValue, props.sizeUnits ?? 'px')\n          : { fontSize: typeof sizeValue === 'string' ? sizeValue : `${sizeValue}${props.sizeUnits ?? 'px'}` }\n\n      return cssObject\n    }\n\n    return (props.sizes[sizeValue] ?? {}) as CSSObject\n  }\n)\n\nexport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps }\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"6HAyBA,MAAMA,eAAiBC,sBAA0BA,2BAC/C,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,MAAgBA,iBAACH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,QAK1FJ,EAAMM,MAAMP,IAAc,CAAA"}
+{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport { isCSSGlobalValue } from 'shared/utils/style'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { CSSUnit, Size, CSSGlobalValue, Sizes } from 'shared/types'\n\ntype SizeProperty = 'size'\n\ntype SizeValue = Size | CSSGlobalValue | number\n\ntype ResponsiveSizeProps = ResponsiveProps<SizeProperty, SizeValue> & {\n  sizeUnits?: CSSUnit\n  sizes?: Partial<Sizes>\n}\n\ntype ResponsiveSizeInterpolationProps<T extends ResponsiveSizeProps = ResponsiveSizeProps> = Omit<T, 'size' | 'sizes'> &\n  Required<Pick<T, 'size'>> & {\n    sizes: Sizes\n    dynamicSizeDeclaration?: (size: Exclude<SizeValue, Size>, sizeUnits: CSSUnit) => CSSObject\n  }\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<SizeProperty, SizeValue | void, ResponsiveSizeInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {}\n\n    if (typeof sizeValue === 'number' || isCSSGlobalValue(sizeValue)) {\n      const cssObject =\n        typeof props.dynamicSizeDeclaration === 'function'\n          ? props.dynamicSizeDeclaration(sizeValue, props.sizeUnits ?? 'px')\n          : { fontSize: typeof sizeValue === 'string' ? sizeValue : `${sizeValue}${props.sizeUnits ?? 'px'}` }\n\n      return cssObject\n    }\n\n    return (props.sizes[sizeValue] ?? {}) as CSSObject\n  }\n)\n\nexport type { ResponsiveSizeProps, ResponsiveSizeInterpolationProps }\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","_props$sizes$sizeValu","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","_props$sizeUnits","fontSize","sizes","_props$sizeUnits2"],"mappings":"sIAyBA,IAAMA,EAAiBC,EACrB,CAAC,SAAA,CACAC,EAAGC,EAAWC,KAAU,IAAAC,EACvB,OAAIF,MAAAA,EAAsD,GAEjC,iBAAdA,GAA0BG,EAAiBH,GAEV,mBAAjCC,EAAMG,uBACTH,EAAMG,uBAAuBJ,EAA7B,QAAwCC,EAAAA,EAAMI,iBAAAA,IAA9CC,EAAAA,EAA2D,MAC3D,CAAEC,SAA+B,iBAAdP,EAAyBA,EAAeA,GAAAA,OAAAA,GAAYC,eAAAA,EAAAA,EAAMI,iBAAAA,QAAa,eAKlGH,EAAQD,EAAMO,MAAMR,kBAAc,GATgC,IAAAM,EAAAG"}

package/mixins/screen.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');var constants=require('../shared/constants.js');const CONDITIONS=(()=>{const maxWidth=(e,s)=>`(max-width: ${e[s]-.02}px)`;const minWidth=(e,s)=>`(min-width: ${e[s]}px)`;return{MAX:maxWidth,MIN:minWidth,RANGE:(e,s,r)=>`${minWidth(e,s)} and ${maxWidth(e,r)}`}})();const createMediaQuery=(e,...s)=>r=>(...n)=>c=>{const t={...constants.BREAKPOINTS,...c.theme?.breakpoints??{}};return r!==void 0&&typeof r.condition=='function'&&r.condition(c)===!1?styled.css([""]):styled.css(["@media screen and "," ","{","}"],e(t,...s),r!==void 0&&typeof r.and=='string'?`and ${r.and}`:"",styled.css(...n))};const screenXs=createMediaQuery(CONDITIONS.RANGE,'xxs','xs');const screenS=createMediaQuery(CONDITIONS.RANGE,'xs','s');const screenM=createMediaQuery(CONDITIONS.RANGE,'s','m');const screenL=createMediaQuery(CONDITIONS.RANGE,'m','l');const screenXl=createMediaQuery(CONDITIONS.RANGE,'l','xl');const screenMaxXxs=createMediaQuery(CONDITIONS.MAX,'xxs');const screenMaxXs=createMediaQuery(CONDITIONS.MAX,'xs');const screenMinXs=createMediaQuery(CONDITIONS.MIN,'xs');const screenMaxS=createMediaQuery(CONDITIONS.MAX,'s');const screenMinS=createMediaQuery(CONDITIONS.MIN,'s');const screenMaxM=createMediaQuery(CONDITIONS.MAX,'m');const screenMinM=createMediaQuery(CONDITIONS.MIN,'m');const screenMaxL=createMediaQuery(CONDITIONS.MAX,'l');const screenMinL=createMediaQuery(CONDITIONS.MIN,'l');const screenMaxXl=createMediaQuery(CONDITIONS.MAX,'xl');const screenMinXl=createMediaQuery(CONDITIONS.MIN,'xl');exports.createMediaQuery=createMediaQuery,exports.screenL=screenL,exports.screenM=screenM,exports.screenMaxL=screenMaxL,exports.screenMaxM=screenMaxM,exports.screenMaxS=screenMaxS,exports.screenMaxXl=screenMaxXl,exports.screenMaxXs=screenMaxXs,exports.screenMaxXxs=screenMaxXxs,exports.screenMinL=screenMinL,exports.screenMinM=screenMinM,exports.screenMinS=screenMinS,exports.screenMinXl=screenMinXl,exports.screenMinXs=screenMinXs,exports.screenRetina=(...e)=>styled.css(["@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){","}"],styled.css(...e)),exports.screenS=screenS,exports.screenXl=screenXl,exports.screenXs=screenXs;
+import a from'@babel/runtime/helpers/objectSpread2';import{css as r}from'styled-components';import{BREAKPOINTS as e}from'../shared/constants.js';var n={MAX:s=(a,r)=>"(max-width: ".concat(a[r]-.02,"px)"),MIN:c=(a,r)=>"(min-width: ".concat(a[r],"px)"),RANGE:(a,r,e)=>"".concat(c(a,r)," and ").concat(s(a,e))};var s,c;var i=function(n){for(var s=arguments.length,c=new Array(s>1?s-1:0),i=1;i<s;i++)c[i-1]=arguments[i];return s=>function(){for(var i=arguments.length,t=new Array(i),o=0;o<i;o++)t[o]=arguments[o];return i=>{var o,v;var M=null!==(o=null===(v=i.theme)||void 0===v?void 0:v.breakpoints)&&void 0!==o?o:{};var x=a(a({},e),M);return void 0!==s&&'function'==typeof s.condition&&!1===s.condition(i)?r([""]):r(["@media screen and "," ","{","}"],n(x,...c),void 0!==s&&'string'==typeof s.and?"and ".concat(s.and):"",r(...t))}}};var t=i(n.RANGE,'xxs','xs');var o=i(n.RANGE,'xs','s');var v=i(n.RANGE,'s','m');var M=i(n.RANGE,'m','l');var x=i(n.RANGE,'l','xl');var d=i(n.MAX,'xxs');var l=i(n.MAX,'xs');var m=i(n.MIN,'xs');var A=i(n.MAX,'s');var p=i(n.MIN,'s');var X=i(n.MAX,'m');var u=i(n.MIN,'m');var N=i(n.MAX,'l');var f=i(n.MIN,'l');var R=i(n.MAX,'xl');var h=i(n.MIN,'xl');var E=function(){return r(["@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){","}"],r(...arguments))};export{i as createMediaQuery,M as screenL,v as screenM,N as screenMaxL,X as screenMaxM,A as screenMaxS,R as screenMaxXl,l as screenMaxXs,d as screenMaxXxs,f as screenMinL,u as screenMinM,p as screenMinS,h as screenMinXl,m as screenMinXs,E as screenRetina,o as screenS,x as screenXl,t as screenXs};
 //# sourceMappingURL=screen.js.map

package/mixins/screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"screen.js","sources":["../../../src/mixins/screen.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { CSSObject, ThemeProps, DefaultTheme, SimpleInterpolation, Interpolation } from 'styled-components'\nimport { BREAKPOINTS } from 'shared/constants'\n\ntype MediaQueryParams = {\n  and?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  condition?: (_props: any) => boolean\n}\n\ntype ThemeBreakpoints = DefaultTheme['breakpoints']\n\ntype BreakpointKey = keyof ThemeBreakpoints\n\nconst CONDITIONS = (() => {\n  const maxWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) =>\n    `(max-width: ${breakpoints[point] - 0.02}px)`\n  const minWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) => `(min-width: ${breakpoints[point]}px)`\n\n  return {\n    MAX: maxWidth,\n    MIN: minWidth,\n    RANGE: (breakpoints: ThemeBreakpoints, point1: BreakpointKey, point2: BreakpointKey) =>\n      `${minWidth(breakpoints, point1)} and ${maxWidth(breakpoints, point2)}`,\n  }\n})()\n\nexport const createMediaQuery =\n  (condition: (_breakpoints: ThemeBreakpoints, ..._points: BreakpointKey[]) => string, ...points: BreakpointKey[]) =>\n  (params?: MediaQueryParams) =>\n  <T extends object>(...args: [CSSObject | TemplateStringsArray, ...Interpolation<T & ThemeProps<DefaultTheme>>[]]) =>\n  (props: ThemeProps<DefaultTheme>) => {\n    const contextBreakpoints = props.theme?.breakpoints ?? {}\n    const breakpoints: ThemeBreakpoints = { ...BREAKPOINTS, ...contextBreakpoints }\n\n    if (params !== undefined && typeof params.condition === 'function' && params.condition(props) === false) {\n      return css``\n    }\n\n    return css<T>`\n      @media screen and ${condition(breakpoints, ...points)} ${params !== undefined && typeof params.and === 'string'\n          ? `and ${params.and}`\n          : ``} {\n        ${css<T>(...args)}\n      }\n    `\n  }\n\n/**\n * @return `@media screen and (min-width: 320px) and (max-width: 374px) { ...args }`\n */\nexport const screenXs = createMediaQuery(CONDITIONS.RANGE, 'xxs', 'xs')\n\n/**\n * @return `@media screen and (min-width: 375px) and (max-width: 767px) { ...args }`\n */\nexport const screenS = createMediaQuery(CONDITIONS.RANGE, 'xs', 's')\n\n/**\n * @return `@media screen and (min-width: 768) and (max-width: 1023px) { ...args }`\n */\nexport const screenM = createMediaQuery(CONDITIONS.RANGE, 's', 'm')\n\n/**\n * @return `@media screen and (min-width: 1024px) and (max-width: 1279px) { ...args }`\n */\nexport const screenL = createMediaQuery(CONDITIONS.RANGE, 'm', 'l')\n\n/**\n * @return `@media screen and (min-width: 1280px) and (max-width: 1439px) { ...args }`\n */\nexport const screenXl = createMediaQuery(CONDITIONS.RANGE, 'l', 'xl')\n\n/**\n * @return `@media screen and (max-width: 319px) { ...args }`\n */\nexport const screenMaxXxs = createMediaQuery(CONDITIONS.MAX, 'xxs')\n\n/**\n * @return `@media screen and (max-width: 374px) { ...args }`\n */\nexport const screenMaxXs = createMediaQuery(CONDITIONS.MAX, 'xs')\n\n/**\n * @return `@media screen and (min-width: 375px) { ...args }`\n */\nexport const screenMinXs = createMediaQuery(CONDITIONS.MIN, 'xs')\n\n/**\n * @return `@media screen and (max-width: 767px) { ...args }`\n */\nexport const screenMaxS = createMediaQuery(CONDITIONS.MAX, 's')\n\n/**\n * @return `@media screen and (min-width: 768px) { ...args }`\n */\nexport const screenMinS = createMediaQuery(CONDITIONS.MIN, 's')\n\n/**\n * @return `@media screen and (max-width: 1023px) { ...args }`\n */\nexport const screenMaxM = createMediaQuery(CONDITIONS.MAX, 'm')\n\n/**\n * @return `@media screen and (min-width: 1024px) { ...args }`\n */\nexport const screenMinM = createMediaQuery(CONDITIONS.MIN, 'm')\n\n/**\n * @return `@media screen and (max-width: 1279px) { ...args }`\n */\nexport const screenMaxL = createMediaQuery(CONDITIONS.MAX, 'l')\n\n/**\n * @return `@media screen and (min-width: 1280px) { ...args }`\n */\nexport const screenMinL = createMediaQuery(CONDITIONS.MIN, 'l')\n\n/**\n * @return `@media screen and (max-width: 1439px) { ...args }`\n */\nexport const screenMaxXl = createMediaQuery(CONDITIONS.MAX, 'xl')\n\n/**\n * @return `@media screen and (min-width: 1440px) { ...args }`\n */\nexport const screenMinXl = createMediaQuery(CONDITIONS.MIN, 'xl')\n\n/**\n * @return `@media -webkit-min-device-pixel-ratio: 2 and (min-resolution: 192dpi) { ...args }`\n */\nexport const screenRetina = (...args: [CSSObject | TemplateStringsArray, SimpleInterpolation]) => css`\n  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    ${css(...args)}\n  }\n`\n\nexport type MediaQuery = ReturnType<typeof createMediaQuery>\n"],"names":["CONDITIONS","maxWidth","breakpoints","point","minWidth","MAX","MIN","RANGE","point1","point2","createMediaQuery","condition","points","params","args","props","BREAKPOINTS","theme","undefined","css","and","screenXs","screenS","screenM","screenL","screenXl","screenMaxXxs","screenMaxXs","screenMinXs","screenMaxS","screenMinS","screenMaxM","screenMinM","screenMaxL","screenMinL","screenMaxXl","screenMinXl","screenRetina"],"mappings":"qGAcA,MAAMA,WAAa,MACjB,MAAMC,SAAWA,CAACC,EAA+BC,IAC/C,eAAeD,EAAYC,GAAS,SACtC,MAAMC,SAAWA,CAACF,EAA+BC,IAAyB,eAAeD,EAAYC,QAErG,MAAO,CACLE,IAAKJ,SACLK,IAAKF,SACLG,MAAOA,CAACL,EAA+BM,EAAuBC,IAC5D,GAAGL,SAASF,EAAaM,UAAeP,SAASC,EAAaO,KAEnE,EAXkB,SAaNC,iBACXA,CAACC,KAAuFC,IACvFC,GACD,IAAsBC,IACrBC,IAEC,MAAMb,EAAgC,IAAKc,UAAWA,eAD3BD,EAAME,OAAOf,aAAe,CAAA,GAGvD,OAAIW,SAAWK,UAAoBL,EAAOF,WAAc,YAAcE,EAAOF,UAAUI,MAAW,EACzFI,OAAGA,IAAA,CAAA,KAGLA,WAAG,CAAA,qBAAA,IAAA,IAAA,KACYR,EAAUT,KAAgBU,GAAWC,SAAWK,UAAoBL,EAAOO,KAAQ,SACjG,OAAOP,EAAOO,MACd,GACFD,OAAAA,OAAUL,GAAK,EAQZO,MAAAA,SAAWX,iBAAiBV,WAAWO,MAAO,MAAO,MAKrDe,MAAAA,QAAUZ,iBAAiBV,WAAWO,MAAO,KAAM,KAKnDgB,MAAAA,QAAUb,iBAAiBV,WAAWO,MAAO,IAAK,KAKlDiB,MAAAA,QAAUd,iBAAiBV,WAAWO,MAAO,IAAK,KAKlDkB,MAAAA,SAAWf,iBAAiBV,WAAWO,MAAO,IAAK,MAKzD,MAAMmB,aAAehB,iBAAiBV,WAAWK,IAAK,OAKtD,MAAMsB,YAAcjB,iBAAiBV,WAAWK,IAAK,MAKrD,MAAMuB,YAAclB,iBAAiBV,WAAWM,IAAK,MAKrD,MAAMuB,WAAanB,iBAAiBV,WAAWK,IAAK,KAKpD,MAAMyB,WAAapB,iBAAiBV,WAAWM,IAAK,KAKpD,MAAMyB,WAAarB,iBAAiBV,WAAWK,IAAK,KAKpD,MAAM2B,WAAatB,iBAAiBV,WAAWM,IAAK,KAKpD,MAAM2B,WAAavB,iBAAiBV,WAAWK,IAAK,KAKpD,MAAM6B,WAAaxB,iBAAiBV,WAAWM,IAAK,KAKpD,MAAM6B,YAAczB,iBAAiBV,WAAWK,IAAK,MAKrD,MAAM+B,YAAc1B,iBAAiBV,WAAWM,IAAK,2cAKhC+B,IAAIvB,IAAkEK,WAAG,CAAA,qEAAA,KAE/FA,cAAOL"}
+{"version":3,"file":"screen.js","sources":["../../../src/mixins/screen.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { CSSObject, ThemeProps, DefaultTheme, SimpleInterpolation, Interpolation } from 'styled-components'\nimport { BREAKPOINTS } from 'shared/constants'\n\ntype MediaQueryParams = {\n  and?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  condition?: (_props: any) => boolean\n}\n\ntype ThemeBreakpoints = DefaultTheme['breakpoints']\n\ntype BreakpointKey = keyof ThemeBreakpoints\n\nconst CONDITIONS = (() => {\n  const maxWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) =>\n    `(max-width: ${breakpoints[point] - 0.02}px)`\n  const minWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) => `(min-width: ${breakpoints[point]}px)`\n\n  return {\n    MAX: maxWidth,\n    MIN: minWidth,\n    RANGE: (breakpoints: ThemeBreakpoints, point1: BreakpointKey, point2: BreakpointKey) =>\n      `${minWidth(breakpoints, point1)} and ${maxWidth(breakpoints, point2)}`,\n  }\n})()\n\nexport const createMediaQuery =\n  (condition: (_breakpoints: ThemeBreakpoints, ..._points: BreakpointKey[]) => string, ...points: BreakpointKey[]) =>\n  (params?: MediaQueryParams) =>\n  <T extends object>(...args: [CSSObject | TemplateStringsArray, ...Interpolation<T & ThemeProps<DefaultTheme>>[]]) =>\n  (props: ThemeProps<DefaultTheme>) => {\n    const contextBreakpoints = props.theme?.breakpoints ?? {}\n    const breakpoints: ThemeBreakpoints = { ...BREAKPOINTS, ...contextBreakpoints }\n\n    if (params !== undefined && typeof params.condition === 'function' && params.condition(props) === false) {\n      return css``\n    }\n\n    return css<T>`\n      @media screen and ${condition(breakpoints, ...points)} ${params !== undefined && typeof params.and === 'string'\n          ? `and ${params.and}`\n          : ``} {\n        ${css<T>(...args)}\n      }\n    `\n  }\n\n/**\n * @return `@media screen and (min-width: 320px) and (max-width: 374px) { ...args }`\n */\nexport const screenXs = createMediaQuery(CONDITIONS.RANGE, 'xxs', 'xs')\n\n/**\n * @return `@media screen and (min-width: 375px) and (max-width: 767px) { ...args }`\n */\nexport const screenS = createMediaQuery(CONDITIONS.RANGE, 'xs', 's')\n\n/**\n * @return `@media screen and (min-width: 768) and (max-width: 1023px) { ...args }`\n */\nexport const screenM = createMediaQuery(CONDITIONS.RANGE, 's', 'm')\n\n/**\n * @return `@media screen and (min-width: 1024px) and (max-width: 1279px) { ...args }`\n */\nexport const screenL = createMediaQuery(CONDITIONS.RANGE, 'm', 'l')\n\n/**\n * @return `@media screen and (min-width: 1280px) and (max-width: 1439px) { ...args }`\n */\nexport const screenXl = createMediaQuery(CONDITIONS.RANGE, 'l', 'xl')\n\n/**\n * @return `@media screen and (max-width: 319px) { ...args }`\n */\nexport const screenMaxXxs = createMediaQuery(CONDITIONS.MAX, 'xxs')\n\n/**\n * @return `@media screen and (max-width: 374px) { ...args }`\n */\nexport const screenMaxXs = createMediaQuery(CONDITIONS.MAX, 'xs')\n\n/**\n * @return `@media screen and (min-width: 375px) { ...args }`\n */\nexport const screenMinXs = createMediaQuery(CONDITIONS.MIN, 'xs')\n\n/**\n * @return `@media screen and (max-width: 767px) { ...args }`\n */\nexport const screenMaxS = createMediaQuery(CONDITIONS.MAX, 's')\n\n/**\n * @return `@media screen and (min-width: 768px) { ...args }`\n */\nexport const screenMinS = createMediaQuery(CONDITIONS.MIN, 's')\n\n/**\n * @return `@media screen and (max-width: 1023px) { ...args }`\n */\nexport const screenMaxM = createMediaQuery(CONDITIONS.MAX, 'm')\n\n/**\n * @return `@media screen and (min-width: 1024px) { ...args }`\n */\nexport const screenMinM = createMediaQuery(CONDITIONS.MIN, 'm')\n\n/**\n * @return `@media screen and (max-width: 1279px) { ...args }`\n */\nexport const screenMaxL = createMediaQuery(CONDITIONS.MAX, 'l')\n\n/**\n * @return `@media screen and (min-width: 1280px) { ...args }`\n */\nexport const screenMinL = createMediaQuery(CONDITIONS.MIN, 'l')\n\n/**\n * @return `@media screen and (max-width: 1439px) { ...args }`\n */\nexport const screenMaxXl = createMediaQuery(CONDITIONS.MAX, 'xl')\n\n/**\n * @return `@media screen and (min-width: 1440px) { ...args }`\n */\nexport const screenMinXl = createMediaQuery(CONDITIONS.MIN, 'xl')\n\n/**\n * @return `@media -webkit-min-device-pixel-ratio: 2 and (min-resolution: 192dpi) { ...args }`\n */\nexport const screenRetina = (...args: [CSSObject | TemplateStringsArray, SimpleInterpolation]) => css`\n  @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {\n    ${css(...args)}\n  }\n`\n\nexport type MediaQuery = ReturnType<typeof createMediaQuery>\n"],"names":["CONDITIONS","MAX","maxWidth","breakpoints","point","MIN","minWidth","concat","RANGE","point1","point2","createMediaQuery","condition","_len","arguments","length","points","Array","_key","params","_len2","args","_key2","props","_props$theme$breakpoi","_props$theme","contextBreakpoints","theme","_objectSpread","BREAKPOINTS","undefined","css","and","screenXs","screenS","screenM","screenL","screenXl","screenMaxXxs","screenMaxXs","screenMinXs","screenMaxS","screenMinS","screenMaxM","screenMinM","screenMaxL","screenMinL","screenMaxXl","screenMinXl","screenRetina"],"mappings":"iJAcA,IAAMA,EAKG,CACLC,IALIC,EAAW,CAACC,EAA+BC,IAChCD,eAAAA,OAAAA,EAAYC,GAAS,IADtC,OAMEC,IAJIC,EAAW,CAACH,EAA+BC,IAAhC,eAAAG,OAAwEJ,EAAYC,GAArG,OAKEI,MAAO,CAACL,EAA+BM,EAAuBC,cACzDJ,EAASH,EAAaM,GAAeP,SAAAA,OAAAA,EAASC,EAAaO,KATjD,IACXR,EAEAI,MAUKK,EACX,SAACC,GAAD,IAAA,IAAAC,EAAAC,UAAAC,OAAwFC,EAAxF,IAAAC,MAAAJ,EAAA,EAAAA,EAAA,EAAA,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAwFF,EAAxFE,EAAA,GAAAJ,UAAAI,GAAA,OACCC,GACD,WAAA,IAAA,IAAAC,EAAAN,UAAAC,OAAsBM,EAAtB,IAAAJ,MAAAG,GAAAE,EAAA,EAAAA,EAAAF,EAAAE,IAAsBD,EAAtBC,GAAAR,UAAAQ,GAAA,OACCC,IAAoC,IAAAC,EAAAC,EACnC,IAAMC,EAAkB,UAAG,UAAAH,EAAMI,aAAAA,IAANF,OAAAA,EAAAA,EAAatB,uBAAhBqB,EAAAA,EAA+B,GACvD,IAAMrB,EAA6ByB,EAAAA,EAAA,GAAQC,GAAgBH,GAE3D,YAAeI,IAAXX,GAAoD,mBAArBA,EAAOP,YAAAA,IAA4BO,EAAOP,UAAUW,GAC9EQ,EAAP,CAAA,KAGKA,EAAP,CAAA,qBAAA,IAAA,IAAA,KACsBnB,EAAUT,KAAgBa,QAAAA,IAAWG,GAA8C,iBAAfA,EAAOa,IAAtC,OAAAzB,OAC5CY,EAAOa,KADqC,GAGrDD,KAAUV,OAQPY,IAAAA,EAAWtB,EAAiBX,EAAWQ,MAAO,MAAO,MAKrD0B,IAAAA,EAAUvB,EAAiBX,EAAWQ,MAAO,KAAM,KAKnD2B,IAAAA,EAAUxB,EAAiBX,EAAWQ,MAAO,IAAK,KAKlD4B,IAAAA,EAAUzB,EAAiBX,EAAWQ,MAAO,IAAK,KAKlD6B,IAAAA,EAAW1B,EAAiBX,EAAWQ,MAAO,IAAK,MAKzD,IAAM8B,EAAe3B,EAAiBX,EAAWC,IAAK,OAKtD,IAAMsC,EAAc5B,EAAiBX,EAAWC,IAAK,MAKrD,IAAMuC,EAAc7B,EAAiBX,EAAWK,IAAK,MAKrD,IAAMoC,EAAa9B,EAAiBX,EAAWC,IAAK,KAKpD,IAAMyC,EAAa/B,EAAiBX,EAAWK,IAAK,KAKpD,IAAMsC,EAAahC,EAAiBX,EAAWC,IAAK,KAKpD,IAAM2C,EAAajC,EAAiBX,EAAWK,IAAK,KAKpD,IAAMwC,EAAalC,EAAiBX,EAAWC,IAAK,KAKpD,IAAM6C,EAAanC,EAAiBX,EAAWK,IAAK,KAKpD,IAAM0C,EAAcpC,EAAiBX,EAAWC,IAAK,MAKrD,IAAM+C,EAAcrC,EAAiBX,EAAWK,IAAK,MAK/C4C,IAAAA,EAAe,WAAA,OAAsElB,EAAtE,CAAA,qEAAA,KAEtBA"}

package/mixins/shared.js

@@ -1,6 +1,2 @@
-'use strict';var styled=require('styled-components');var screen=require('./screen.js');const SIZES_LATIN=Object.freeze({xxxl:44,xxl:40,xl:36,l:28,m:24,s:20,xs:16,xxs:8,xxxs:4});const FONT_SIZES_LATIN=Object.freeze({xxxl:24,xxl:22,xl:20,l:18,m:16,s:14,xs:12,xxs:10,xxxs:8});const DESKTOP_FIRST_KEYS=['xl','l','m','s','xs','xxs'];const MOBILE_FIRST_KEYS=['xxs','xs','s','m','l','xl'];function getLatinSizeMapByCssProperty(e){return typeof e=='string'&&e==='font-size'?FONT_SIZES_LATIN:SIZES_LATIN}const getKey=e=>e.endsWith('XXS')?'xxs':e.endsWith('XS')?'xs':e.endsWith('S')?'s':e.endsWith('M')?'m':e.endsWith('XL')?'xl':e.endsWith('L')?'l':null;exports.FONT_SIZES_LATIN=FONT_SIZES_LATIN,exports.SIZES_LATIN=SIZES_LATIN,exports.buildMediaQuery=(e,s,t,n,r)=>{const x=r??getLatinSizeMapByCssProperty(s);const S=typeof e=='string'?x[e]??e:e;if(typeof s=='function'){const e=s(S,n);return styled.css(["",""],t()`
-        ${e}
-      `)}return styled.css(["",""],t()`
-      ${s}: ${S}${typeof S=='string'?'':n??''};
-    `)},exports.desktopFirst=(e,s)=>{const t=getKey(e);const n=getKey(s);return t&&n?DESKTOP_FIRST_KEYS.findIndex((e=>e===t))<DESKTOP_FIRST_KEYS.findIndex((e=>e===n))?-1:1:0},exports.getLatinSizeMapByCssProperty=getLatinSizeMapByCssProperty,exports.getMediaQueryByResponsiveProp=e=>e.endsWith('XXS')?screen.screenMaxXxs:e.endsWith('XS')?screen.screenMaxXs:e.endsWith('S')?screen.screenMaxS:e.endsWith('M')?screen.screenMaxM:e.endsWith('XL')?screen.screenMinL:screen.screenMaxL,exports.mobileFirst=(e,s)=>{const t=getKey(e);const n=getKey(s);return t&&n?MOBILE_FIRST_KEYS.findIndex((e=>e===t))<MOBILE_FIRST_KEYS.findIndex((e=>e===n))?-1:1:0};
+import e from'@babel/runtime/helpers/taggedTemplateLiteral';import{css as s}from'styled-components';import{screenMaxXxs as r,screenMaxXs as n,screenMaxS as x,screenMaxM as t,screenMinL as a,screenMaxL as i}from'./screen.js';var l,d;var o=Object.freeze({xxxl:44,xxl:40,xl:36,l:28,m:24,s:20,xs:16,xxs:8,xxxs:4});var v=Object.freeze({xxxl:24,xxl:22,xl:20,l:18,m:16,s:14,xs:12,xxs:10,xxxs:8});var f=['xl','l','m','s','xs','xxs'];var p=['xxs','xs','s','m','l','xl'];function u(e){return'string'==typeof e&&'font-size'===e?v:o}function m(r,n,x,t,a){var i;var o=null!=a?a:u(n);var v='string'==typeof r&&null!==(i=o[r])&&void 0!==i?i:r;if('function'==typeof n){var f=n(v,t);return s(["",""],x()(l||(l=e(["\n        ","\n      "])),f))}return s(["",""],x()(d||(d=e(["\n      ",": ","",";\n    "])),n,v,'string'==typeof v?'':null!=t?t:''))}var c=e=>e.endsWith('XXS')?'xxs':e.endsWith('XS')?'xs':e.endsWith('S')?'s':e.endsWith('M')?'m':e.endsWith('XL')?'xl':e.endsWith('L')?'l':null;var h=(e,s)=>{var r=c(e);var n=c(s);return r&&n?f.findIndex((e=>e===r))<f.findIndex((e=>e===n))?-1:1:0};var M=(e,s)=>{var r=c(e);var n=c(s);return r&&n?p.findIndex((e=>e===r))<p.findIndex((e=>e===n))?-1:1:0};var S=e=>e.endsWith('XXS')?r:e.endsWith('XS')?n:e.endsWith('S')?x:e.endsWith('M')?t:e.endsWith('XL')?a:i;export{v as FONT_SIZES_LATIN,o as SIZES_LATIN,m as buildMediaQuery,h as desktopFirst,u as getLatinSizeMapByCssProperty,S as getMediaQueryByResponsiveProp,M as mobileFirst};
 //# sourceMappingURL=shared.js.map

package/mixins/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport type { Size } from 'shared/types'\nimport { screenXs, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs } from './screen'\nimport type { MediaQuery } from './screen'\n\nexport const SIZES_LATIN: Readonly<Record<Size, number>> = Object.freeze({\n  xxxl: 44,\n  xxl: 40,\n  xl: 36,\n  l: 28,\n  m: 24,\n  s: 20,\n  xs: 16,\n  xxs: 8,\n  xxxs: 4,\n})\n\n// eslint-disable-next-line no-unused-vars\nexport const FONT_SIZES_LATIN: Readonly<Record<Size, number>> = Object.freeze({\n  xxxl: 24,\n  xxl: 22,\n  xl: 20,\n  l: 18,\n  m: 16,\n  s: 14,\n  xs: 12,\n  xxs: 10,\n  xxxs: 8,\n})\n\nconst DESKTOP_FIRST_KEYS = ['xl', 'l', 'm', 's', 'xs', 'xxs']\nconst MOBILE_FIRST_KEYS = ['xxs', 'xs', 's', 'm', 'l', 'xl']\n\nexport function getLatinSizeMapByCssProperty<T>(cssProperty: T) {\n  if (typeof cssProperty === 'string' && cssProperty === 'font-size') return FONT_SIZES_LATIN\n  return SIZES_LATIN\n}\n\nexport function buildMediaQuery(\n  value: number | Size | 'auto' | 'initial' | 'inherit' | boolean,\n  property:\n    | string\n    | ((\n        _size: number | 'auto' | 'initial' | 'inherit' | boolean,\n        _sizing?: null | string\n      ) => FlattenSimpleInterpolation | null),\n  screenQueryFunction: typeof screenXs,\n  sizing: null | string,\n  sizes?: Record<Size, number>\n): ReturnType<typeof css> {\n  const sizeMap = sizes ?? getLatinSizeMapByCssProperty(property)\n\n  const size: number | 'auto' | 'initial' | 'inherit' | boolean =\n    typeof value === 'string' ? sizeMap[value] ?? value : value\n\n  if (typeof property === 'function') {\n    const value = property(size, sizing)\n    return css`\n      ${screenQueryFunction()`\n        ${value}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${size as string}${typeof size === 'string' ? '' : sizing ?? ''};\n    `}\n  `\n}\n\nconst getKey = (key: string): 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | null => {\n  if (key.endsWith('XXS')) return 'xxs'\n  if (key.endsWith('XS')) return 'xs'\n  if (key.endsWith('S')) return 's'\n  if (key.endsWith('M')) return 'm'\n  if (key.endsWith('XL')) return 'xl'\n  if (key.endsWith('L')) return 'l'\n  return null\n}\n\nexport const desktopFirst = (a: string, b: string): number => {\n  const aKey = getKey(a)\n  const bKey = getKey(b)\n  if (!aKey || !bKey) return 0\n\n  const aIndex = DESKTOP_FIRST_KEYS.findIndex((el) => el === aKey)\n  const bIndex = DESKTOP_FIRST_KEYS.findIndex((el) => el === bKey)\n\n  return aIndex < bIndex ? -1 : 1\n}\n\nexport const mobileFirst = (a: string, b: string): number => {\n  const aKey = getKey(a)\n  const bKey = getKey(b)\n  if (!aKey || !bKey) return 0\n\n  const aIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === aKey)\n  const bIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === bKey)\n\n  return aIndex < bIndex ? -1 : 1\n}\n\nexport const getMediaQueryByResponsiveProp = (prop: string): MediaQuery => {\n  if (prop.endsWith('XXS')) return screenMaxXxs\n  if (prop.endsWith('XS')) return screenMaxXs\n  if (prop.endsWith('S')) return screenMaxS\n  if (prop.endsWith('M')) return screenMaxM\n  if (prop.endsWith('XL')) return screenMinL\n  return screenMaxL\n}\n"],"names":["SIZES_LATIN","Object","freeze","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","FONT_SIZES_LATIN","DESKTOP_FIRST_KEYS","MOBILE_FIRST_KEYS","getLatinSizeMapByCssProperty","cssProperty","getKey","key","endsWith","value","property","screenQueryFunction","sizing","sizes","sizeMap","size","css","desktopFirst","a","b","aKey","bKey","findIndex","el","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL","mobileFirst"],"mappings":"6FAKaA,YAA8CC,OAAOC,OAAO,CACvEC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,UAIKC,iBAAmDX,OAAOC,OAAO,CAC5EC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM,IAGR,MAAME,mBAAqB,CAAC,KAAM,IAAK,IAAK,IAAK,KAAM,OACvD,MAAMC,kBAAoB,CAAC,MAAO,KAAM,IAAK,IAAK,IAAK,MAEhD,SAASC,6BAAgCC,GAC9C,cAAWA,GAAgB,UAAYA,IAAgB,YAAoBJ,iBACpEZ,WACT,CAmCA,MAAMiB,OAAUC,GACVA,EAAIC,SAAS,OAAe,MAC5BD,EAAIC,SAAS,MAAc,KAC3BD,EAAIC,SAAS,KAAa,IAC1BD,EAAIC,SAAS,KAAa,IAC1BD,EAAIC,SAAS,MAAc,KAC3BD,EAAIC,SAAS,KAAa,IACvB,uGAxCF,CACLC,EACAC,EAMAC,EACAC,EACAC,KAEA,MAAMC,EAAUD,GAAST,6BAA6BM,GAEtD,MAAMK,SACGN,GAAU,SAAWK,EAAQL,IAAUA,EAAQA,EAExD,UAAWC,GAAa,WAAY,CAClC,MAAMD,EAAQC,EAASK,EAAMH,GAC7B,OAAOI,OAAGA,IAAA,CAAA,GAAA,IACNL,GAAqB;UACnBF;QAGR,CAEA,OAAOO,OAAGA,IAAA,CAAA,GAAA,IACNL,GAAqB;QACnBD,MAAaK,WAAwBA,GAAS,SAAW,GAAKH,GAAU;MAGhF,uBAY4BK,CAACC,EAAWC,KACtC,MAAMC,EAAOd,OAAOY,GACpB,MAAMG,EAAOf,OAAOa,GACpB,OAAKC,GAASC,EAECnB,mBAAmBoB,WAAWC,GAAOA,IAAOH,IAC5ClB,mBAAmBoB,WAAWC,GAAOA,IAAOF,KAEjC,EAAI,EALH,CAKI,0GAcaG,GACxCA,EAAKhB,SAAS,OAAeiB,OAAAA,aAC7BD,EAAKhB,SAAS,MAAckB,OAAAA,YAC5BF,EAAKhB,SAAS,KAAamB,OAAAA,WAC3BH,EAAKhB,SAAS,KAAaoB,OAAAA,WAC3BJ,EAAKhB,SAAS,MAAcqB,OAAAA,WACzBC,sCAjBkBC,CAACb,EAAWC,KACrC,MAAMC,EAAOd,OAAOY,GACpB,MAAMG,EAAOf,OAAOa,GACpB,OAAKC,GAASC,EAEClB,kBAAkBmB,WAAWC,GAAOA,IAAOH,IAC3CjB,kBAAkBmB,WAAWC,GAAOA,IAAOF,KAEhC,EAAI,EALH,CAKI"}
+{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css, FlattenSimpleInterpolation } from 'styled-components'\nimport type { Size } from 'shared/types'\nimport { screenXs, screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs } from './screen'\nimport type { MediaQuery } from './screen'\n\nexport const SIZES_LATIN: Readonly<Record<Size, number>> = Object.freeze({\n  xxxl: 44,\n  xxl: 40,\n  xl: 36,\n  l: 28,\n  m: 24,\n  s: 20,\n  xs: 16,\n  xxs: 8,\n  xxxs: 4,\n})\n\n// eslint-disable-next-line no-unused-vars\nexport const FONT_SIZES_LATIN: Readonly<Record<Size, number>> = Object.freeze({\n  xxxl: 24,\n  xxl: 22,\n  xl: 20,\n  l: 18,\n  m: 16,\n  s: 14,\n  xs: 12,\n  xxs: 10,\n  xxxs: 8,\n})\n\nconst DESKTOP_FIRST_KEYS = ['xl', 'l', 'm', 's', 'xs', 'xxs']\nconst MOBILE_FIRST_KEYS = ['xxs', 'xs', 's', 'm', 'l', 'xl']\n\nexport function getLatinSizeMapByCssProperty<T>(cssProperty: T) {\n  if (typeof cssProperty === 'string' && cssProperty === 'font-size') return FONT_SIZES_LATIN\n  return SIZES_LATIN\n}\n\nexport function buildMediaQuery(\n  value: number | Size | 'auto' | 'initial' | 'inherit' | boolean,\n  property:\n    | string\n    | ((\n        _size: number | 'auto' | 'initial' | 'inherit' | boolean,\n        _sizing?: null | string\n      ) => FlattenSimpleInterpolation | null),\n  screenQueryFunction: typeof screenXs,\n  sizing: null | string,\n  sizes?: Record<Size, number>\n): ReturnType<typeof css> {\n  const sizeMap = sizes ?? getLatinSizeMapByCssProperty(property)\n\n  const size: number | 'auto' | 'initial' | 'inherit' | boolean =\n    typeof value === 'string' ? sizeMap[value] ?? value : value\n\n  if (typeof property === 'function') {\n    const value = property(size, sizing)\n    return css`\n      ${screenQueryFunction()`\n        ${value}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${size as string}${typeof size === 'string' ? '' : sizing ?? ''};\n    `}\n  `\n}\n\nconst getKey = (key: string): 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | null => {\n  if (key.endsWith('XXS')) return 'xxs'\n  if (key.endsWith('XS')) return 'xs'\n  if (key.endsWith('S')) return 's'\n  if (key.endsWith('M')) return 'm'\n  if (key.endsWith('XL')) return 'xl'\n  if (key.endsWith('L')) return 'l'\n  return null\n}\n\nexport const desktopFirst = (a: string, b: string): number => {\n  const aKey = getKey(a)\n  const bKey = getKey(b)\n  if (!aKey || !bKey) return 0\n\n  const aIndex = DESKTOP_FIRST_KEYS.findIndex((el) => el === aKey)\n  const bIndex = DESKTOP_FIRST_KEYS.findIndex((el) => el === bKey)\n\n  return aIndex < bIndex ? -1 : 1\n}\n\nexport const mobileFirst = (a: string, b: string): number => {\n  const aKey = getKey(a)\n  const bKey = getKey(b)\n  if (!aKey || !bKey) return 0\n\n  const aIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === aKey)\n  const bIndex = MOBILE_FIRST_KEYS.findIndex((el) => el === bKey)\n\n  return aIndex < bIndex ? -1 : 1\n}\n\nexport const getMediaQueryByResponsiveProp = (prop: string): MediaQuery => {\n  if (prop.endsWith('XXS')) return screenMaxXxs\n  if (prop.endsWith('XS')) return screenMaxXs\n  if (prop.endsWith('S')) return screenMaxS\n  if (prop.endsWith('M')) return screenMaxM\n  if (prop.endsWith('XL')) return screenMinL\n  return screenMaxL\n}\n"],"names":["SIZES_LATIN","Object","freeze","xxxl","xxl","xl","l","m","s","xs","xxs","xxxs","FONT_SIZES_LATIN","DESKTOP_FIRST_KEYS","MOBILE_FIRST_KEYS","getLatinSizeMapByCssProperty","cssProperty","buildMediaQuery","value","property","screenQueryFunction","sizing","sizes","_sizeMap$value","sizeMap","size","css","getKey","key","endsWith","desktopFirst","a","b","aKey","bKey","findIndex","el","mobileFirst","getMediaQueryByResponsiveProp","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL"],"mappings":"4OAKaA,EAA8CC,OAAOC,OAAO,CACvEC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,QAIKC,EAAmDX,OAAOC,OAAO,CAC5EC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,GACLC,KAAM,IAGR,IAAME,EAAqB,CAAC,KAAM,IAAK,IAAK,IAAK,KAAM,OACvD,IAAMC,EAAoB,CAAC,MAAO,KAAM,IAAK,IAAK,IAAK,MAEhD,SAASC,EAAgCC,GAC9C,MAA2B,iBAAhBA,GAA4C,cAAhBA,EAAoCJ,EACpEZ,EAGF,SAASiB,EACdC,EACAC,EAMAC,EACAC,EACAC,GACwB,IAAAC,EACxB,IAAMC,EAAUF,MAAAA,EAAAA,EAASP,EAA6BI,GAEtD,IAAMM,EACa,iBAAVP,GAAuCA,QAA9CK,EAA4BC,EAAQN,UAAAA,IAAUA,EAAAA,EAAQA,EAExD,GAAwB,mBAAbC,EAAyB,CAClC,IAAMD,EAAQC,EAASM,EAAMJ,GAC7B,OAAOK,EAAP,CAAA,GAAA,IACIN,GAAAA,qCACEF,IAKR,OAAOQ,UACHN,GAAAA,0CACED,EAAaM,EAAiC,iBAATA,EAAoB,GAAKJ,MAAAA,EAAAA,EAAU,KAKhF,IAAMM,EAAUC,GACVA,EAAIC,SAAS,OAAe,MAC5BD,EAAIC,SAAS,MAAc,KAC3BD,EAAIC,SAAS,KAAa,IAC1BD,EAAIC,SAAS,KAAa,IAC1BD,EAAIC,SAAS,MAAc,KAC3BD,EAAIC,SAAS,KAAa,IACvB,SAGIC,EAAe,CAACC,EAAWC,KACtC,IAAMC,EAAON,EAAOI,GACpB,IAAMG,EAAOP,EAAOK,GACpB,OAAKC,GAASC,EAECrB,EAAmBsB,WAAWC,GAAOA,IAAOH,IAC5CpB,EAAmBsB,WAAWC,GAAOA,IAAOF,KAEjC,EAAI,EALH,OAQhBG,EAAc,CAACN,EAAWC,KACrC,IAAMC,EAAON,EAAOI,GACpB,IAAMG,EAAOP,EAAOK,GACpB,OAAKC,GAASC,EAECpB,EAAkBqB,WAAWC,GAAOA,IAAOH,IAC3CnB,EAAkBqB,WAAWC,GAAOA,IAAOF,KAEhC,EAAI,EALH,GAQhBI,IAAAA,EAAiCC,GACxCA,EAAKV,SAAS,OAAeW,EAC7BD,EAAKV,SAAS,MAAcY,EAC5BF,EAAKV,SAAS,KAAaa,EAC3BH,EAAKV,SAAS,KAAac,EAC3BJ,EAAKV,SAAS,MAAce,EACzBC"}

package/mixins/vAlign.js

@@ -1,2 +1,2 @@
-'use strict';var styled=require('styled-components');exports.vAlign=e=>styled.css(["vertical-align:",";"],e);
+import{css as s}from'styled-components';var a=a=>s(["vertical-align:",";"],a);export{a as vAlign};
 //# sourceMappingURL=vAlign.js.map

package/mixins/vAlign.js.map

@@ -1 +1 @@
-{"version":3,"file":"vAlign.js","sources":["../../../src/mixins/vAlign.ts"],"sourcesContent":["import { css } from 'styled-components'\n\nexport interface VAlign {\n  vAlign?: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline'\n}\n\nexport const vAlign = (vAlign: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => css`\n  vertical-align: ${vAlign};\n`\n"],"names":["vAlign","css"],"mappings":"oEAMuBA,GAAkFC,OAAGA,IAAA,CAAA,kBAAA,KACxFD"}
+{"version":3,"file":"vAlign.js","sources":["../../../src/mixins/vAlign.ts"],"sourcesContent":["import { css } from 'styled-components'\n\nexport interface VAlign {\n  vAlign?: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline'\n}\n\nexport const vAlign = (vAlign: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => css`\n  vertical-align: ${vAlign};\n`\n"],"names":["vAlign","css"],"mappings":"wCAMO,IAAMA,EAAUA,GAAkFC,EAAnF,CAAA,kBAAA,KACFD"}

package/package.json

@@ -1,7 +1,24 @@
 {
   "name": "@foxford/ui",
-  "version": "2.39.0-beta-22709eb-20240820",
+  "version": "2.39.0-beta-8d52b2b-20240822",
   "description": "UI components library",
+  "main": "index.cjs.js",
+  "module": "index.js",
+  "jsnext:main": "index.js",
+  "typings": "dts/index.d.ts",
+  "peerDependencies": {
+    "@types/react-modal": ">=3.13",
+    "clsx": ">=1.1",
+    "ramda": ">=0.25",
+    "rc-scrollbars": ">=1.1",
+    "react": ">=16 <=18",
+    "react-dom": ">=16 <=18",
+    "react-modal": ">=3.15",
+    "react-router-dom": ">=5.x.x",
+    "react-select": "1.3.x",
+    "styled-components": ">=5.x",
+    "tinycolor2": ">=1.4"
+  },
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
   },
@@ -16,50 +33,53 @@
   ],
   "sideEffects": false,
   "scripts": {},
-  "engines": {
-    "node": ">=20",
-    "npm": ">=6.x"
-  },
-  "dependencies": {},
-  "peerDependencies": {
+  "dependencies": {
+    "@babel/runtime": ">=7.0",
+    "@foxford/icon-pack": "0.4.0",
     "clsx": ">=1.1",
+    "fuse.js": "7.0.0",
     "ramda": ">=0.25",
     "rc-scrollbars": ">=1.1",
     "react": ">=16 <=18",
     "react-dom": ">=16 <=18",
-    "react-group": "3.0.2",
+    "react-floater": "0.8.2",
+    "react-input-mask": "2.0.4",
+    "react-modal": ">=3.15",
     "react-router-dom": ">=5.x.x",
-    "styled-components": "5.x"
+    "react-select": "1.3.x",
+    "styled-components": ">=5.x",
+    "tinycolor2": ">=1.4"
+  },
+  "engines": {
+    "node": ">=14",
+    "npm": ">=6.x <=9.x"
   },
-  "main": "index.js",
-  "module": "index.mjs",
-  "types": "dts/index.d.ts",
   "exports": {
     ".": {
-      "require": "./index.js",
-      "default": "./index.mjs"
+      "require": "./index.cjs.js",
+      "default": "./index.js"
     },
     "./package.json": "./package.json",
-    "./shared/utils/rel-builder": {
-      "require": "./shared/utils/rel-builder.js",
-      "default": "./shared/utils/rel-builder.mjs"
-    }
+    "./shared/utils/rel-builder": "./shared/utils/rel-builder.js"
   },
   "files": [
-    "_virtual",
-    "assets",
-    "components",
-    "dts",
-    "external",
-    "hocs",
-    "hooks",
+    "index.cjs.js",
+    "index.cjs.js.map",
     "index.js",
     "index.js.map",
-    "index.mjs",
-    "index.mjs.map",
+    "package.json",
+    "dts",
+    "components",
     "mixins",
+    "theme",
+    "hooks",
     "shared",
-    "theme"
+    "hocs"
+  ],
+  "keywords": [
+    "foxford",
+    "ui",
+    "ui-kit"
   ]
 }
 

package/shared/constants.js

@@ -1,2 +1,2 @@
-'use strict';const keyboardKeys={ArrowDown:{key:'ArrowDown',validate(e){return this.key===e}},ArrowUp:{key:'ArrowUp',validate(e){return this.key===e}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}}};exports.BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320},exports.keyboardKeys=keyboardKeys;
+var e={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320};var r={ArrowDown:{key:'ArrowDown',validate(e){return this.key===e}},ArrowUp:{key:'ArrowUp',validate(e){return this.key===e}},Enter:{key:'Enter',validate(e){return this.key===e}},Esc:{key:['Escape','Esc'],validate(e){return this.key.includes(e)}},Space:{key:[' ','Spacebar'],validate(e){return this.key.includes(e)}}};export{e as BREAKPOINTS,r as keyboardKeys};
 //# sourceMappingURL=constants.js.map

package/shared/constants.js.map

@@ -1 +1 @@
-{"version":3,"file":"constants.js","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n  xl: 1440,\n  l: 1280,\n  m: 1024,\n  s: 768,\n  xs: 374,\n  xxs: 320,\n}\n\nexport const keyboardKeys = {\n  ArrowDown: {\n    key: 'ArrowDown',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  ArrowUp: {\n    key: 'ArrowUp',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Enter: {\n    key: 'Enter',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Esc: {\n    key: ['Escape', 'Esc'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Space: {\n    key: [' ', 'Spacebar'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n}\n"],"names":["keyboardKeys","ArrowDown","key","validate","this","ArrowUp","Enter","Esc","includes","Space","xl","l","m","s","xs","xxs"],"mappings":"aAWO,MAAMA,aAAe,CAC1BC,UAAW,CACTC,IAAK,YACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFG,QAAS,CACPH,IAAK,UACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFI,MAAO,CACLJ,IAAK,QACLC,QAAAA,CAASD,GACP,OAAOE,KAAKF,MAAQA,CACtB,GAEFK,IAAK,CACHL,IAAK,CAAC,SAAU,OAChBC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,EAC3B,GAEFO,MAAO,CACLP,IAAK,CAAC,IAAK,YACXC,QAAAA,CAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,EAC3B,wBAtCwE,CAC1EQ,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK"}
+{"version":3,"file":"constants.js","sources":["../../../src/shared/constants.ts"],"sourcesContent":["import type { Breakpoint } from 'shared/types'\n\nexport const BREAKPOINTS: Readonly<Record<Lowercase<Breakpoint>, number>> = {\n  xl: 1440,\n  l: 1280,\n  m: 1024,\n  s: 768,\n  xs: 374,\n  xxs: 320,\n}\n\nexport const keyboardKeys = {\n  ArrowDown: {\n    key: 'ArrowDown',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  ArrowUp: {\n    key: 'ArrowUp',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Enter: {\n    key: 'Enter',\n    validate(key: string) {\n      return this.key === key\n    },\n  },\n  Esc: {\n    key: ['Escape', 'Esc'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n  Space: {\n    key: [' ', 'Spacebar'],\n    validate(key: string) {\n      return this.key.includes(key)\n    },\n  },\n}\n"],"names":["BREAKPOINTS","xl","l","m","s","xs","xxs","keyboardKeys","ArrowDown","key","validate","this","ArrowUp","Enter","Esc","includes","Space"],"mappings":"AAEO,IAAMA,EAA+D,CAC1EC,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK,KAGA,IAAMC,EAAe,CAC1BC,UAAW,CACTC,IAAK,YACLC,SAASD,GACP,OAAOE,KAAKF,MAAQA,IAGxBG,QAAS,CACPH,IAAK,UACLC,SAASD,GACP,OAAOE,KAAKF,MAAQA,IAGxBI,MAAO,CACLJ,IAAK,QACLC,SAASD,GACP,OAAOE,KAAKF,MAAQA,IAGxBK,IAAK,CACHL,IAAK,CAAC,SAAU,OAChBC,SAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN,KAG7BO,MAAO,CACLP,IAAK,CAAC,IAAK,YACXC,SAASD,GACP,OAAOE,KAAKF,IAAIM,SAASN"}

package/shared/enums/sizeInput.js

@@ -1,2 +1,2 @@
-'use strict';exports.SizeInput=(s=>(s[s.l=380]="l",s[s.m=300]="m",s[s.s=220]="s",s[s.xs=140]="xs",s))({});
+var s;(s=>{s[s.l=380]="l",s[s.m=300]="m",s[s.s=220]="s",s[s.xs=140]="xs"})(s||(s={}));export{s as SizeInput};
 //# sourceMappingURL=sizeInput.js.map

package/shared/enums/sizeInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"sizeInput.js","sources":["../../../../src/shared/enums/sizeInput.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nexport enum SizeInput {\n  l = 380,\n  m = 300,\n  s = 220,\n  xs = 140,\n}\n"],"names":["SizeInput"],"mappings":"gCACYA,IAAAA,EAAAA,EAAS,EAAA,KAAA,IAATA,EAAAA,EAAS,EAAA,KAAA,IAATA,EAAAA,EAAS,EAAA,KAAA,IAATA,EAAAA,EAAS,GAAA,KAAA,KAATA,IAAS,CAAA"}
+{"version":3,"file":"sizeInput.js","sources":["../../../../src/shared/enums/sizeInput.ts"],"sourcesContent":["/* eslint-disable no-unused-vars */\nexport enum SizeInput {\n  l = 380,\n  m = 300,\n  s = 220,\n  xs = 140,\n}\n"],"names":["SizeInput"],"mappings":"AACA,IAAYA,GAAAA,IAAAA,EAAAA,aAAAA,EAAAA,aAAAA,EAAAA,aAAAA,EAAAA,iBAAAA,IAAAA"}

package/shared/regexp.js

@@ -1,2 +1,2 @@
-'use strict';exports.colorSchemaPropKeyRegExp=/^(primary|secondary|tertiary|quaternary)$/,exports.commonPropKeyRegExp=/^(preset|sizeUnits|sizes|size|dynamicSizeDeclaration|marginUnits|color|backgroundColor|borderColor|fontColor|palette|contrast)$/,exports.marginPropKeyRegExp=/^(margin|marginTop|marginRight|marginBottom|marginLeft)$/,exports.responsiveFluidPropKeyRegExp=/^(fluid)(XXS|XS|S|M|L|XL)$/,exports.responsiveFontSizePropKeyRegExp=/^(fontSize)(XXS|XS|S|M|L|XL)$/,exports.responsiveHeightPropKeyRegExp=/^(height)(XXS|XS|S|M|L|XL)$/,exports.responsiveMarginPropKeyRegExp=/^(margin|marginTop|marginRight|marginBottom|marginLeft)(XXS|XS|S|M|L|XL)$/,exports.responsivePaddingPropKeyRegExp=/^(padding|paddingTop|paddingRight|paddingBottom|paddingLeft)(XXS|XS|S|M|L|XL)$/,exports.responsiveSizePropKeyRegExp=/^size(XXS|XS|S|M|L|XL)$/,exports.responsiveWidthPropKeyRegExp=/^(width)(XXS|XS|S|M|L|XL)$/;
+var r=/^(preset|sizeUnits|sizes|size|dynamicSizeDeclaration|marginUnits|color|backgroundColor|borderColor|fontColor|palette|contrast)$/;var e=/^(primary|secondary|tertiary|quaternary)$/;var a=/^size(XXS|XS|S|M|L|XL)$/;var i=/^(margin|marginTop|marginRight|marginBottom|marginLeft)$/;var o=/^(margin|marginTop|marginRight|marginBottom|marginLeft)(XXS|XS|S|M|L|XL)$/;var p=/^(fluid)(XXS|XS|S|M|L|XL)$/;var n=/^(width)(XXS|XS|S|M|L|XL)$/;var g=/^(padding|paddingTop|paddingRight|paddingBottom|paddingLeft)(XXS|XS|S|M|L|XL)$/;var s=/^(fontSize)(XXS|XS|S|M|L|XL)$/;var t=/^(height)(XXS|XS|S|M|L|XL)$/;export{e as colorSchemaPropKeyRegExp,r as commonPropKeyRegExp,i as marginPropKeyRegExp,p as responsiveFluidPropKeyRegExp,s as responsiveFontSizePropKeyRegExp,t as responsiveHeightPropKeyRegExp,o as responsiveMarginPropKeyRegExp,g as responsivePaddingPropKeyRegExp,a as responsiveSizePropKeyRegExp,n as responsiveWidthPropKeyRegExp};
 //# sourceMappingURL=regexp.js.map

package/shared/regexp.js.map

@@ -1 +1 @@
-{"version":3,"file":"regexp.js","sources":["../../../src/shared/regexp.ts"],"sourcesContent":["export const commonPropKeyRegExp =\n  /^(preset|sizeUnits|sizes|size|dynamicSizeDeclaration|marginUnits|color|backgroundColor|borderColor|fontColor|palette|contrast)$/\n\nexport const colorSchemaPropKeyRegExp = /^(primary|secondary|tertiary|quaternary)$/\n\nexport const responsiveSizePropKeyRegExp = /^size(XXS|XS|S|M|L|XL)$/\n\nexport const marginPropKeyRegExp = /^(margin|marginTop|marginRight|marginBottom|marginLeft)$/\n\nexport const responsiveMarginPropKeyRegExp = /^(margin|marginTop|marginRight|marginBottom|marginLeft)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveFluidPropKeyRegExp = /^(fluid)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveWidthPropKeyRegExp = /^(width)(XXS|XS|S|M|L|XL)$/\n\nexport const responsivePaddingPropKeyRegExp =\n  /^(padding|paddingTop|paddingRight|paddingBottom|paddingLeft)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveFontSizePropKeyRegExp = /^(fontSize)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveHeightPropKeyRegExp = /^(height)(XXS|XS|S|M|L|XL)$/\n"],"names":[],"mappings":"8CAGwC,wEAFtC,8JAMiC,gGAIS,qEAOG,sEAEF,oEAXA,mHAO3C,qHAXyC,+DAQC"}
+{"version":3,"file":"regexp.js","sources":["../../../src/shared/regexp.ts"],"sourcesContent":["export const commonPropKeyRegExp =\n  /^(preset|sizeUnits|sizes|size|dynamicSizeDeclaration|marginUnits|color|backgroundColor|borderColor|fontColor|palette|contrast)$/\n\nexport const colorSchemaPropKeyRegExp = /^(primary|secondary|tertiary|quaternary)$/\n\nexport const responsiveSizePropKeyRegExp = /^size(XXS|XS|S|M|L|XL)$/\n\nexport const marginPropKeyRegExp = /^(margin|marginTop|marginRight|marginBottom|marginLeft)$/\n\nexport const responsiveMarginPropKeyRegExp = /^(margin|marginTop|marginRight|marginBottom|marginLeft)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveFluidPropKeyRegExp = /^(fluid)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveWidthPropKeyRegExp = /^(width)(XXS|XS|S|M|L|XL)$/\n\nexport const responsivePaddingPropKeyRegExp =\n  /^(padding|paddingTop|paddingRight|paddingBottom|paddingLeft)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveFontSizePropKeyRegExp = /^(fontSize)(XXS|XS|S|M|L|XL)$/\n\nexport const responsiveHeightPropKeyRegExp = /^(height)(XXS|XS|S|M|L|XL)$/\n"],"names":["commonPropKeyRegExp","colorSchemaPropKeyRegExp","responsiveSizePropKeyRegExp","marginPropKeyRegExp","responsiveMarginPropKeyRegExp","responsiveFluidPropKeyRegExp","responsiveWidthPropKeyRegExp","responsivePaddingPropKeyRegExp","responsiveFontSizePropKeyRegExp","responsiveHeightPropKeyRegExp"],"mappings":"AAAO,IAAMA,EACX,kIAEK,IAAMC,EAA2B,4CAEjC,IAAMC,EAA8B,0BAEpC,IAAMC,EAAsB,2DAE5B,IAAMC,EAAgC,4EAEtC,IAAMC,EAA+B,6BAErC,IAAMC,EAA+B,6BAErC,IAAMC,EACX,iFAEK,IAAMC,EAAkC,gCAExC,IAAMC,EAAgC"}