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

package/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/index.mjs

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

package/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/mixins/color.js

@@ -1 +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;
+//# sourceMappingURL=color.js.map

package/mixins/color.js.map

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

package/mixins/color.mjs

@@ -1 +1,2 @@
 import{css}from'styled-components';const getColor=(o,t)=>typeof o=='string'&&(o.includes('#')||o.includes('rgb'))?o:t.theme.colors[o]?t.theme.colors[o]:o;const color=(o,t="color")=>()=>e=>{const r=getColor(o||e?.theme?.textColor||e?.theme?.fallbackColor,e);return typeof t=='function'?t(r):css(["",":",";"],t,r)};export{color,getColor};
+//# sourceMappingURL=color.mjs.map

package/mixins/color.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"color.mjs","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":"yCAaaA,SAAWA,CAACC,EAAcC,WAC1BD,GAAU,WAAaA,EAAME,SAAS,MAAQF,EAAME,SAAS,QAAgBF,EAEpFC,EAAME,MAAMC,OAAOJ,GAAeC,EAAME,MAAMC,OAAOJ,GAElDA,EAGIA,MAAAA,MACXA,CAACA,EAAwBK,EAAgC,UACzD,IACCJ,IAEC,MAAMK,EAASP,SADEC,GAASC,GAAOE,OAAOI,WAAaN,GAAOE,OAAOK,cACxBP,GAE3C,cAAWI,GAAgB,WAClBA,EAAYC,GAGdG,IAAG,CAAA,GAAA,IAAA,KACNJ,EAAgBC,EAAM"}

package/mixins/create-responsive-props.js

@@ -1 +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)}};
+//# sourceMappingURL=create-responsive-props.js.map

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

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

package/mixins/create-responsive-props.mjs

@@ -1 +1,2 @@
 import{css}from'styled-components';import{screenMinM,screenMaxM,screenMaxS,screenMinL,screenMaxL,screenMaxXs,screenMaxXxs}from'./screen.mjs';import{desktopFirst,getMediaQueryByResponsiveProp}from'./shared.mjs';function createResponsivePropsMixin(e,s){const n=new RegExp(`^(${e.join('|')})$`);const r=new RegExp(`^(${e.join('|')})(XXS|XS|S|M|L|XL)$`);const t=/(XXS|XS|S|M|L|XL)$/;const c=[screenMinM,screenMaxM,screenMaxS];const o=[screenMinL,screenMaxL,screenMaxM,screenMaxS,screenMaxXs,screenMaxXxs];return e=>{const M=Object.keys(e).reduce(((e,s)=>(n.test(s)?e[0].push(s):r.test(s)&&e[1].push(s),e)),[[],[]]);const i=M[0].reduce(((n,r)=>{const t=e[r];if(Array.isArray(t)){if(t.length>0){const M=[];const i=t.length>c.length?o:c;for(let n=0;n<t.length&&i[n];n++){const c=s(r,t[n],e);Object.keys(c).length>0&&M.push(i[n]()`${c}`)}n.push(...M)}}else{const c=s(r,t,e);Object.keys(c).length>0&&n.push(c)}return n}),[]);const p=M[1].sort(desktopFirst).reduce(((n,r)=>{const c=s(r.replace(t,''),e[r],e);return Object.keys(c).length>0&&n.push(getMediaQueryByResponsiveProp(r)()`${c}`),n}),[]);return css([""," ",""],i,p)}}export{createResponsivePropsMixin};
+//# sourceMappingURL=create-responsive-props.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"create-responsive-props.mjs","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","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":"kNAsBA,SAASA,2BACPC,EACAC,GAEA,MAAMC,EAAc,IAAIC,OAAO,KAAKH,EAAUI,KAAK,UACnD,MAAMC,EAAyB,IAAIF,OAAO,KAAKH,EAAUI,KAAK,2BAC9D,MAAME,EAAoB,qBAE1B,MAAMC,EAAgB,CAACC,WAAYC,WAAYC,YAC/C,MAAMC,EAAqB,CAACC,WAAYC,WAAYJ,WAAYC,WAAYI,YAAaC,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,cAAcjB,QAAO,CAACM,EAAKJ,KAC7E,MAAMY,EAAYhC,EAAeoB,EAAQgB,QAAQ/B,EAAmB,IAAUU,EAAMK,GAAUL,GAM9F,OAJIC,OAAOC,KAAKe,GAAWJ,OAAS,GAClCJ,EAAIF,KAAKe,8BAA8BjB,EAA9BiB,EAAwC,GAAGL,KAG/CR,CAAG,GACT,IAEH,OAAOc,IAAG,CAAA,GAAA,IAAA,IACNf,EACAU,EAAyB,CAGjC"}

package/mixins/display.js

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

package/mixins/display.js.map

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

package/mixins/display.mjs

@@ -1 +1,2 @@
 import{css}from'styled-components';const display=s=>()=>css(["display:",";"],s);export{display};
+//# sourceMappingURL=display.mjs.map

package/mixins/display.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"display.mjs","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":"mCAQO,MAAMA,QAAWA,GAAqB,IAC3CC,IACaD,CAAAA,WAAAA,KAAAA"}

package/mixins/focus.js

@@ -1 +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  `;
+//# sourceMappingURL=focus.js.map

package/mixins/focus.js.map

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

package/mixins/focus.mjs

@@ -1 +1,2 @@
 const 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  `;export{focus};
+//# sourceMappingURL=focus.mjs.map

package/mixins/focus.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"focus.mjs","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","theme","colors","white"],"mappings":"AAEMA,MAAAA,MAEJC,GAEO,wDAEqBA,EAAMC,MAAMC,OAAOC,oBAAoBH,EAAMC,MAAMC,OAAO"}

package/mixins/responsive-margin.js

@@ -1 +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;
+//# sourceMappingURL=responsive-margin.js.map

package/mixins/responsive-margin.js.map

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

package/mixins/responsive-margin.mjs

@@ -1 +1,2 @@
 import{createResponsivePropsMixin}from'./create-responsive-props.mjs';const responsiveMargin=createResponsivePropsMixin(['margin','marginTop','marginRight','marginBottom','marginLeft'],((i,r,e)=>r===void 0||r===null?{}:{[i]:typeof r=='string'?r:`${r}${e.marginUnits??'px'}`}));export{responsiveMargin};
+//# sourceMappingURL=responsive-margin.mjs.map

package/mixins/responsive-margin.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-margin.mjs","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":"sEAiBMA,MAAAA,iBAAmBC,2BACvB,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"}

package/mixins/responsive-property.js

@@ -17,3 +17,4 @@
           `,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};
+//# sourceMappingURL=responsive-property.js.map

package/mixins/responsive-property.js.map

@@ -0,0 +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":"yHAoFA,MAAMA,gBAA2E,CAC/EC,IAAKC,OAAYA,aACjBC,GAAIC,OAAWA,YACfC,EAAGC,OAAUA,WACbC,EAAGC,OAAUA,WACbC,EAAGC,OAAUA,WACbC,GAAIC,OAAAA,YAGN,MAAMC,gCAA+F,CACnGC,QAASC,OAAUA,WACnBC,OAAQR,OAAUA,WAClBS,OAAQX,OAAAA,6BAxCRY,CACEC,EACAC,EAA2B,OAC3BC,EAAwB,KACxBC,IAEF,IACA,KACE,UAAWH,GAAU,UACnB,cAAcC,GAAgB,WAAaA,EAAY,GAAK,KAG9D,MAAMG,EAAUD,GAASE,OAA4BA,6BAACJ,GAEtD,cAAWA,GAAgB,WAClBA,SAAmBD,GAAU,SAAWA,EAAQI,EAAQJ,WAGtDA,GAAU,UAAY,CAAC,OAAQ,UAAW,WAAWM,SAASN,GAChEO,OAAAA,IAAG,CAAA,GAAA,IAAA,KACNN,EAAgBD,GAGfO,OAAGA,oBACNN,SAAuBD,GAAU,UAAYI,EAAQJ,GAASI,EAAQJ,GAASA,EAAQE,GAAU,GAAE,kCAsCzGM,EACEL,QACAM,kBACAR,cAAc,OACdC,SAAS,KACTQ,oBACAC,OAAOC,OAAAA,gBAET,IACA,IACyBC,OAAOC,KAAKX,GAChCQ,KAAKA,GACLI,KAAKC,IACJ,GAAIb,EAAMa,UAAUC,EAAW,CAC7B,MAAMC,SACGR,GAAsB,WAAaA,EAAkBP,EAAMa,IAASb,EAAMa,GAEnF,OAAOG,OAAeA,gBAACD,EAAOjB,EAAamB,OAAAA,8BAA8BJ,GAAOd,EAAQO,EAC1F,CACA,OAAO,IAAI,IAEZY,OAAOC,SACPP,KACEQ,GACChB,WACIgB,CAAAA,GAAAA,IAAAA,gCAgBZC,CAACC,EAAkBxB,EAA6B,KAAMC,EAAwB,OAC9E,IAECwB,IACC,MAAMC,EAAkCD,EAAMD,IAAa,KAC3D,MAAMG,EAAe3B,GAAewB,EACpC,IAAKE,EAAM,OAAO,KAElB,GAAIE,MAAMC,QAAQH,IAASA,EAAKI,SAAW,EAAG,CAC5C,MAAOpC,EAASE,EAAQC,GAAU6B,EAClC,OAAOpB,OAAGA,IACNb,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,gCAAgCC,SAAS;YACvCiC,aAAwBjC,GAAY,SAAW,GAAGA,IAAUO,GAAU,KAAOP;UAE/ED,gCAAgCG,QAAQ;YACtC+B,aAAwB/B,GAAW,SAAW,GAAGA,IAASK,GAAU,KAAOL;UAE7EH,gCAAgCI,QAAQ;YACtC8B,aAAwB9B,GAAW,SAAW,GAAGA,IAASI,GAAU,KAAOJ;UAGnF,CAEA,GAAI+B,MAAMC,QAAQH,IAASA,EAAKI,SAAW,UAAYH,GAAiB,SAAU,CAChF,MAAOI,EAAIC,EAAGC,EAAGC,EAAGC,EAAIC,GAAOV,EAC/B,OAAOpB,WACH1B,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,gBAAgBW,IAAI;cAChBoC,aAAwBI,GAAO,SAAW,GAAGA,IAAK9B,GAAU,KAAO8B;YAEvEnD,gBAAgBS,GAAG;cACfsC,aAAwBK,GAAM,SAAW,GAAGA,IAAI/B,GAAU,KAAO+B;YAEnEpD,gBAAgBO,GAAG;cACjBwC,aAAwBM,GAAM,SAAW,GAAGA,IAAIhC,GAAU,KAAOgC;YAEnErD,gBAAgBK,GAAG;cACjB0C,aAAwBO,GAAM,SAAW,GAAGA,IAAIjC,GAAU,KAAOiC;YAEnEtD,gBAAgBG,IAAI;cAClB4C,aAAwBQ,GAAO,SAAW,GAAGA,IAAKlC,GAAU,KAAOkC;YAErEvD,gBAAgBC,KAAK;cACnB8C,aAAwBS,GAAQ,SAAW,GAAGA,IAAMnC,GAAU,KAAOmC;YAG/E,CAEA,cAAWV,GAAS,SACXpB,2BACHqB,EAAiBD,EAAOzB,GAAU,aAI7ByB,GAAS,SACXpB,OAAAA,IAAG,CAAA,GAAA,IAAA,KACNqB,EAAiBD,GAIhB,IAAI"}

package/mixins/responsive-property.mjs

@@ -17,3 +17,4 @@ import{css}from'styled-components';import{screenMaxXxs,screenMaxXs,screenMaxS,sc
           `,SCREEN_SIZE_MAP.XXS()`
             ${o}: ${typeof c=='number'?`${c}${s??''}`:c};
           `)}return typeof t=='number'?css(["",":","",";"],o,t,s??null):typeof t=='string'?css(["",":",";"],o,t):null};export{property,responsiveNamedProperty,responsiveProperty};
+//# sourceMappingURL=responsive-property.mjs.map

package/mixins/responsive-property.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-property.mjs","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","cssProperty","sizing","sizes","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","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":"qQAuDaA,SACXA,CACEC,EACAC,EAA2B,OAC3BC,EAAwB,KACxBC,IAEF,IACA,KACE,UAAWH,GAAU,UACnB,cAAcC,GAAgB,WAAaA,EAAY,GAAK,KAG9D,MAAMG,EAAUD,GAASE,6BAA6BJ,GAEtD,cAAWA,GAAgB,WAClBA,SAAmBD,GAAU,SAAWA,EAAQI,EAAQJ,WAGtDA,GAAU,UAAY,CAAC,OAAQ,UAAW,WAAWM,SAASN,GAChEO,IAAG,CAAA,GAAA,IAAA,KACNN,EAAgBD,GAGfO,oBACHN,SAAuBD,GAAU,UAAYI,EAAQJ,GAASI,EAAQJ,GAASA,EAAQE,GAAU,GAAE,EAI3G,MAAMM,gBAA2E,CAC/EC,IAAKC,aACLC,GAAIC,YACJC,EAAGC,WACHC,EAAGC,WACHC,EAAGC,WACHC,GAAIC,YAGN,MAAMC,gCAA+F,CACnGC,QAASC,WACTC,OAAQR,WACRS,OAAQX,YAqBH,MAAMY,wBACXA,EACEvB,QACAwB,kBACA1B,cAAc,OACdC,SAAS,KACT0B,oBACAC,OAAOC,gBAET,IACA,IACyBC,OAAOC,KAAK7B,GAChC0B,KAAKA,GACLI,KAAKC,IACJ,GAAI/B,EAAM+B,UAAUC,EAAW,CAC7B,MAAMC,SACGR,GAAsB,WAAaA,EAAkBzB,EAAM+B,IAAS/B,EAAM+B,GAEnF,OAAOG,gBAAgBD,EAAOnC,EAAaqC,8BAA8BJ,GAAOhC,EAAQyB,EAC1F,CACA,OAAO,IAAI,IAEZY,OAAOC,SACPP,KACEQ,GACClC,IACIkC,CAAAA,GAAAA,IAAAA,KAeDC,MAAAA,mBACXA,CAACC,EAAkB1C,EAA6B,KAAMC,EAAwB,OAC9E,IAEC0C,IACC,MAAMC,EAAkCD,EAAMD,IAAa,KAC3D,MAAMG,EAAe7C,GAAe0C,EACpC,IAAKE,EAAM,OAAO,KAElB,GAAIE,MAAMC,QAAQH,IAASA,EAAKI,SAAW,EAAG,CAC5C,MAAO3B,EAASE,EAAQC,GAAUoB,EAClC,OAAOtC,IACHc,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,gCAAgCC,SAAS;YACvCwB,aAAwBxB,GAAY,SAAW,GAAGA,IAAUpB,GAAU,KAAOoB;UAE/ED,gCAAgCG,QAAQ;YACtCsB,aAAwBtB,GAAW,SAAW,GAAGA,IAAStB,GAAU,KAAOsB;UAE7EH,gCAAgCI,QAAQ;YACtCqB,aAAwBrB,GAAW,SAAW,GAAGA,IAASvB,GAAU,KAAOuB;UAGnF,CAEA,GAAIsB,MAAMC,QAAQH,IAASA,EAAKI,SAAW,UAAYH,GAAiB,SAAU,CAChF,MAAOI,EAAIC,EAAGC,EAAGC,EAAGC,EAAIC,GAAOV,EAC/B,OAAOtC,IACHC,CAAAA,GAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,IAAAA,gBAAgBW,IAAI;cAChB2B,aAAwBI,GAAO,SAAW,GAAGA,IAAKhD,GAAU,KAAOgD;YAEvE1C,gBAAgBS,GAAG;cACf6B,aAAwBK,GAAM,SAAW,GAAGA,IAAIjD,GAAU,KAAOiD;YAEnE3C,gBAAgBO,GAAG;cACjB+B,aAAwBM,GAAM,SAAW,GAAGA,IAAIlD,GAAU,KAAOkD;YAEnE5C,gBAAgBK,GAAG;cACjBiC,aAAwBO,GAAM,SAAW,GAAGA,IAAInD,GAAU,KAAOmD;YAEnE7C,gBAAgBG,IAAI;cAClBmC,aAAwBQ,GAAO,SAAW,GAAGA,IAAKpD,GAAU,KAAOoD;YAErE9C,gBAAgBC,KAAK;cACnBqC,aAAwBS,GAAQ,SAAW,GAAGA,IAAMrD,GAAU,KAAOqD;YAG/E,CAEA,cAAWV,GAAS,SACXtC,oBACHuC,EAAiBD,EAAO3C,GAAU,aAI7B2C,GAAS,SACXtC,IAAG,CAAA,GAAA,IAAA,KACNuC,EAAiBD,GAIhB,IAAI"}

package/mixins/responsive-size.js

@@ -1 +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;
+//# sourceMappingURL=responsive-size.js.map

package/mixins/responsive-size.js.map

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

package/mixins/responsive-size.mjs

@@ -1 +1,2 @@
 import{createResponsivePropsMixin}from'./create-responsive-props.mjs';import{isCSSGlobalValue}from'../shared/utils/style.mjs';const responsiveSize=createResponsivePropsMixin(['size'],((e,i,s)=>i===void 0||i===null?{}:typeof i=='number'||isCSSGlobalValue(i)?typeof s.dynamicSizeDeclaration=='function'?s.dynamicSizeDeclaration(i,s.sizeUnits??'px'):{fontSize:typeof i=='string'?i:`${i}${s.sizeUnits??'px'}`}:s.sizes[i]??{}));export{responsiveSize};
+//# sourceMappingURL=responsive-size.mjs.map

package/mixins/responsive-size.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"responsive-size.mjs","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":"8HAyBA,MAAMA,eAAiBC,2BACrB,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,iBAAiBH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,QAK1FJ,EAAMM,MAAMP,IAAc,CAAA"}

package/mixins/screen.js

@@ -1 +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;
+//# sourceMappingURL=screen.js.map

package/mixins/screen.js.map

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

package/mixins/screen.mjs

@@ -1 +1,2 @@
 import{css}from'styled-components';import{BREAKPOINTS}from'../shared/constants.mjs';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,n)=>`${minWidth(e,s)} and ${maxWidth(e,n)}`}})();const createMediaQuery=(e,...s)=>n=>(...c)=>r=>{const t={...BREAKPOINTS,...r.theme?.breakpoints??{}};return n!==void 0&&typeof n.condition=='function'&&n.condition(r)===!1?css([""]):css(["@media screen and "," ","{","}"],e(t,...s),n!==void 0&&typeof n.and=='string'?`and ${n.and}`:"",css(...c))};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');const screenRetina=(...e)=>css(["@media (-webkit-min-device-pixel-ratio:2),(min-resolution:192dpi){","}"],css(...e));export{createMediaQuery,screenL,screenM,screenMaxL,screenMaxM,screenMaxS,screenMaxXl,screenMaxXs,screenMaxXxs,screenMinL,screenMinM,screenMinS,screenMinXl,screenMinXs,screenRetina,screenS,screenXl,screenXs};
+//# sourceMappingURL=screen.mjs.map

package/mixins/screen.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen.mjs","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":"oFAcA,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,eADhBD,EAAME,OAAOf,aAAe,CAAA,GAGvD,OAAIW,SAAWK,UAAoBL,EAAOF,WAAc,YAAcE,EAAOF,UAAUI,MAAW,EACzFI,IAAG,CAAA,KAGLA,IAAG,CAAA,qBAAA,IAAA,IAAA,KACYR,EAAUT,KAAgBU,GAAWC,SAAWK,UAAoBL,EAAOO,KAAQ,SACjG,OAAOP,EAAOO,MACd,GACFD,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,MAK/C+B,MAAAA,aAAeA,IAAIvB,IAAkEK,IAAG,CAAA,qEAAA,KAE/FA,OAAOL"}

package/mixins/shared.js

@@ -3,3 +3,4 @@
       `)}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};
+//# sourceMappingURL=shared.js.map

package/mixins/shared.js.map

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

package/mixins/shared.mjs

@@ -3,3 +3,4 @@ import{css}from'styled-components';import{screenMaxXxs,screenMaxXs,screenMaxS,sc
       `)}return css(["",""],n()`
       ${s}: ${i}${typeof i=='string'?'':t??''};
     `)}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;const desktopFirst=(e,s)=>{const n=getKey(e);const t=getKey(s);return n&&t?DESKTOP_FIRST_KEYS.findIndex((e=>e===n))<DESKTOP_FIRST_KEYS.findIndex((e=>e===t))?-1:1:0};const mobileFirst=(e,s)=>{const n=getKey(e);const t=getKey(s);return n&&t?MOBILE_FIRST_KEYS.findIndex((e=>e===n))<MOBILE_FIRST_KEYS.findIndex((e=>e===t))?-1:1:0};const getMediaQueryByResponsiveProp=e=>e.endsWith('XXS')?screenMaxXxs:e.endsWith('XS')?screenMaxXs:e.endsWith('S')?screenMaxS:e.endsWith('M')?screenMaxM:e.endsWith('XL')?screenMinL:screenMaxL;export{FONT_SIZES_LATIN,SIZES_LATIN,buildMediaQuery,desktopFirst,getLatinSizeMapByCssProperty,getMediaQueryByResponsiveProp,mobileFirst};
+//# sourceMappingURL=shared.mjs.map

package/mixins/shared.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"shared.mjs","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","size","css","getKey","key","endsWith","desktopFirst","a","b","aKey","bKey","findIndex","el","mobileFirst","getMediaQueryByResponsiveProp","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL"],"mappings":"wIAKaA,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,CAEO,SAASiB,gBACdC,EACAC,EAMAC,EACAC,EACAC,GAEA,MAAMC,EAAUD,GAASP,6BAA6BI,GAEtD,MAAMK,SACGN,GAAU,SAAWK,EAAQL,IAAUA,EAAQA,EAExD,UAAWC,GAAa,WAAY,CAClC,MAAMD,EAAQC,EAASK,EAAMH,GAC7B,OAAOI,IAAG,CAAA,GAAA,IACNL,GAAqB;UACnBF;QAGR,CAEA,OAAOO,IAAG,CAAA,GAAA,IACNL,GAAqB;QACnBD,MAAaK,WAAwBA,GAAS,SAAW,GAAKH,GAAU;MAGhF,CAEA,MAAMK,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,WAGIC,aAAeA,CAACC,EAAWC,KACtC,MAAMC,EAAON,OAAOI,GACpB,MAAMG,EAAOP,OAAOK,GACpB,OAAKC,GAASC,EAECpB,mBAAmBqB,WAAWC,GAAOA,IAAOH,IAC5CnB,mBAAmBqB,WAAWC,GAAOA,IAAOF,KAEjC,EAAI,EALH,CAKI,QAGpBG,YAAcA,CAACN,EAAWC,KACrC,MAAMC,EAAON,OAAOI,GACpB,MAAMG,EAAOP,OAAOK,GACpB,OAAKC,GAASC,EAECnB,kBAAkBoB,WAAWC,GAAOA,IAAOH,IAC3ClB,kBAAkBoB,WAAWC,GAAOA,IAAOF,KAEhC,EAAI,EALH,CAKI,EAGpBI,MAAAA,8BAAiCC,GACxCA,EAAKV,SAAS,OAAeW,aAC7BD,EAAKV,SAAS,MAAcY,YAC5BF,EAAKV,SAAS,KAAaa,WAC3BH,EAAKV,SAAS,KAAac,WAC3BJ,EAAKV,SAAS,MAAce,WACzBC"}

package/mixins/vAlign.js

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

package/mixins/vAlign.js.map

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

package/mixins/vAlign.mjs

@@ -1 +1,2 @@
 import{css}from'styled-components';const vAlign=s=>css(["vertical-align:",";"],s);export{vAlign};
+//# sourceMappingURL=vAlign.mjs.map

package/mixins/vAlign.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"vAlign.mjs","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":"mCAMO,MAAMA,OAAUA,GAAkFC,IAAG,CAAA,kBAAA,KACxFD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.39.0-beta-86953e6-20240820",
+  "version": "2.39.0-beta-22709eb-20240820",
   "description": "UI components library",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -54,7 +54,9 @@
     "hocs",
     "hooks",
     "index.js",
+    "index.js.map",
     "index.mjs",
+    "index.mjs.map",
     "mixins",
     "shared",
     "theme"

package/shared/constants.js

@@ -1 +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;
+//# sourceMappingURL=constants.js.map

package/shared/constants.js.map

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

package/shared/constants.mjs

@@ -1 +1,2 @@
 const BREAKPOINTS={xl:1440,l:1280,m:1024,s:768,xs:374,xxs:320};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)}}};export{BREAKPOINTS,keyboardKeys};
+//# sourceMappingURL=constants.mjs.map

package/shared/constants.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"constants.mjs","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,MAAMA,YAA+D,CAC1EC,GAAI,KACJC,EAAG,KACHC,EAAG,KACHC,EAAG,IACHC,GAAI,IACJC,IAAK,KAGA,MAAMC,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"}

package/shared/enums/sizeInput.js

@@ -1 +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))({});
+//# sourceMappingURL=sizeInput.js.map

package/shared/enums/sizeInput.js.map

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

package/shared/enums/sizeInput.mjs

@@ -1 +1,2 @@
 let SizeInput=(e=>(e[e.l=380]="l",e[e.m=300]="m",e[e.s=220]="s",e[e.xs=140]="xs",e))({});export{SizeInput};
+//# sourceMappingURL=sizeInput.mjs.map

package/shared/enums/sizeInput.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizeInput.mjs","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":"AACYA,IAAAA,WAAAA,IAAAA,EAAAA,EAAS,EAAA,KAAA,IAATA,EAAAA,EAAS,EAAA,KAAA,IAATA,EAAAA,EAAS,EAAA,KAAA,IAATA,EAAAA,EAAS,GAAA,KAAA,KAATA,IAAS,CAAA"}

package/shared/regexp.js

@@ -1 +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)$/;
+//# sourceMappingURL=regexp.js.map

package/shared/regexp.js.map

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

package/shared/regexp.mjs

@@ -1 +1,2 @@
 const commonPropKeyRegExp=/^(preset|sizeUnits|sizes|size|dynamicSizeDeclaration|marginUnits|color|backgroundColor|borderColor|fontColor|palette|contrast)$/;const colorSchemaPropKeyRegExp=/^(primary|secondary|tertiary|quaternary)$/;const responsiveSizePropKeyRegExp=/^size(XXS|XS|S|M|L|XL)$/;const marginPropKeyRegExp=/^(margin|marginTop|marginRight|marginBottom|marginLeft)$/;const responsiveMarginPropKeyRegExp=/^(margin|marginTop|marginRight|marginBottom|marginLeft)(XXS|XS|S|M|L|XL)$/;const responsiveFluidPropKeyRegExp=/^(fluid)(XXS|XS|S|M|L|XL)$/;const responsiveWidthPropKeyRegExp=/^(width)(XXS|XS|S|M|L|XL)$/;const responsivePaddingPropKeyRegExp=/^(padding|paddingTop|paddingRight|paddingBottom|paddingLeft)(XXS|XS|S|M|L|XL)$/;const responsiveFontSizePropKeyRegExp=/^(fontSize)(XXS|XS|S|M|L|XL)$/;const responsiveHeightPropKeyRegExp=/^(height)(XXS|XS|S|M|L|XL)$/;export{colorSchemaPropKeyRegExp,commonPropKeyRegExp,marginPropKeyRegExp,responsiveFluidPropKeyRegExp,responsiveFontSizePropKeyRegExp,responsiveHeightPropKeyRegExp,responsiveMarginPropKeyRegExp,responsivePaddingPropKeyRegExp,responsiveSizePropKeyRegExp,responsiveWidthPropKeyRegExp};
+//# sourceMappingURL=regexp.mjs.map

package/shared/regexp.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"regexp.mjs","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,MAAMA,oBACX,kIAEK,MAAMC,yBAA2B,4CAEjC,MAAMC,4BAA8B,0BAEpC,MAAMC,oBAAsB,2DAE5B,MAAMC,8BAAgC,4EAEtC,MAAMC,6BAA+B,6BAErC,MAAMC,6BAA+B,6BAErC,MAAMC,+BACX,iFAEK,MAAMC,gCAAkC,gCAExC,MAAMC,8BAAgC"}

package/shared/utils/colors.js

@@ -1 +1,2 @@
 'use strict';const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;exports.hexToRgbA=(o,e)=>{if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const r=Math.floor(o.length/3);const t=new RegExp(`([A-Fa-f0-9]){${r}}`,'g');const[s,l,n]=[...o.matchAll(t)].map((([o])=>parseInt(o.padEnd(2,o),16)));return typeof e=='number'?`rgba(${s}, ${l}, ${n}, ${e})`:`rgb(${s}, ${l}, ${n})`},exports.isHex=o=>allowedHexColorCodes.test(o);
+//# sourceMappingURL=colors.js.map

package/shared/utils/colors.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["const allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {String} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): string {\n  if (!allowedHexColorCodes.test(hex)) {\n    throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n  }\n\n  const codeGroupLength = Math.floor(hex.length / 3)\n  const hexCodePattern = getHexCodePattern(codeGroupLength)\n  const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n  if (typeof alpha === 'number') {\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`\n  }\n\n  return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n  return allowedHexColorCodes.test(hex)\n}\n"],"names":["allowedHexColorCodes","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd"],"mappings":"aAAA,MAAMA,qBAAuB,8CAWtB,CAAmBC,EAAaC,KACrC,IAAKF,qBAAqBG,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,KAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,MAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,gBASsBZ,GACbD,qBAAqBG,KAAKF"}

package/shared/utils/colors.mjs

@@ -1 +1,2 @@
 const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;function hexToRgbA(o,e){if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const r=Math.floor(o.length/3);const t=new RegExp(`([A-Fa-f0-9]){${r}}`,'g');const[n,l,s]=[...o.matchAll(t)].map((([o])=>parseInt(o.padEnd(2,o),16)));return typeof e=='number'?`rgba(${n}, ${l}, ${s}, ${e})`:`rgb(${n}, ${l}, ${s})`}function isHex(o){return allowedHexColorCodes.test(o)}export{hexToRgbA,isHex};
+//# sourceMappingURL=colors.mjs.map

package/shared/utils/colors.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"colors.mjs","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["const allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {String} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): string {\n  if (!allowedHexColorCodes.test(hex)) {\n    throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n  }\n\n  const codeGroupLength = Math.floor(hex.length / 3)\n  const hexCodePattern = getHexCodePattern(codeGroupLength)\n  const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n  if (typeof alpha === 'number') {\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`\n  }\n\n  return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n  return allowedHexColorCodes.test(hex)\n}\n"],"names":["allowedHexColorCodes","hexToRgbA","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd","isHex"],"mappings":"AAAA,MAAMA,qBAAuB,4BAWtB,SAASC,UAAUC,EAAaC,GACrC,IAAKH,qBAAqBI,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,KAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,MAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,CASO,SAASM,MAAMlB,GACpB,OAAOF,qBAAqBI,KAAKF,EACnC"}

package/shared/utils/dom.js

@@ -1 +1,2 @@
 'use strict';const SELECTORS_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';exports.focusFirstFocusable=(t,e)=>{if(t.matches(SELECTORS_FOCUSABLE)&&typeof t.focus=='function')return t.focus(e),!0;const n=t.querySelector(SELECTORS_FOCUSABLE);return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(e),!0)};
+//# sourceMappingURL=dom.js.map

package/shared/utils/dom.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.js","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["const SELECTORS_FOCUSABLE =\n  'a[href]:not([tabindex^=\"-\"]), button:not(:disabled, [tabindex^=\"-\"]), input:not(:disabled, [type=\"hidden\"], [tabindex^=\"-\"]), select:not(:disabled, [tabindex^=\"-\"]), textarea:not(:disabled, [tabindex^=\"-\"]), area[href]:not([tabindex^=\"-\"]), iframe:not([tabindex^=\"-\"]), object:not([tabindex^=\"-\"]), summary:not([tabindex^=\"-\"]), [tabindex]:not([tabindex^=\"-\"]), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const focusFirstFocusable = (\n  element: HTMLElement,\n  options?: {\n    preventScroll?: boolean\n  }\n): boolean => {\n  if (element.matches(SELECTORS_FOCUSABLE) && typeof element.focus === 'function') {\n    element.focus(options)\n\n    return true\n  }\n\n  const descendent = element.querySelector(SELECTORS_FOCUSABLE)\n\n  if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n    descendent.focus(options)\n\n    return true\n  }\n\n  return false\n}\n"],"names":["SELECTORS_FOCUSABLE","focusFirstFocusable","element","options","matches","focus","descendent","querySelector","HTMLElement"],"mappings":"aAAA,MAAMA,oBACJ,0cAEiCC,CACjCC,EACAC,KAIA,GAAID,EAAQE,QAAQJ,6BAA+BE,EAAQG,OAAU,WAGnE,OAFAH,EAAQG,MAAMF,IAEP,EAGT,MAAMG,EAAaJ,EAAQK,cAAcP,qBAEzC,OAAIM,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,MAAMF,IAEV,EAGG"}

package/shared/utils/dom.mjs

@@ -1 +1,2 @@
 const SELECTORS_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"]), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const focusFirstFocusable=(t,e)=>{if(t.matches(SELECTORS_FOCUSABLE)&&typeof t.focus=='function')return t.focus(e),!0;const n=t.querySelector(SELECTORS_FOCUSABLE);return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(e),!0)};export{focusFirstFocusable};
+//# sourceMappingURL=dom.mjs.map

package/shared/utils/dom.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"dom.mjs","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["const SELECTORS_FOCUSABLE =\n  'a[href]:not([tabindex^=\"-\"]), button:not(:disabled, [tabindex^=\"-\"]), input:not(:disabled, [type=\"hidden\"], [tabindex^=\"-\"]), select:not(:disabled, [tabindex^=\"-\"]), textarea:not(:disabled, [tabindex^=\"-\"]), area[href]:not([tabindex^=\"-\"]), iframe:not([tabindex^=\"-\"]), object:not([tabindex^=\"-\"]), summary:not([tabindex^=\"-\"]), [tabindex]:not([tabindex^=\"-\"]), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const focusFirstFocusable = (\n  element: HTMLElement,\n  options?: {\n    preventScroll?: boolean\n  }\n): boolean => {\n  if (element.matches(SELECTORS_FOCUSABLE) && typeof element.focus === 'function') {\n    element.focus(options)\n\n    return true\n  }\n\n  const descendent = element.querySelector(SELECTORS_FOCUSABLE)\n\n  if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n    descendent.focus(options)\n\n    return true\n  }\n\n  return false\n}\n"],"names":["SELECTORS_FOCUSABLE","focusFirstFocusable","element","options","matches","focus","descendent","querySelector","HTMLElement"],"mappings":"AAAA,MAAMA,oBACJ,obAEWC,oBAAsBA,CACjCC,EACAC,KAIA,GAAID,EAAQE,QAAQJ,6BAA+BE,EAAQG,OAAU,WAGnE,OAFAH,EAAQG,MAAMF,IAEP,EAGT,MAAMG,EAAaJ,EAAQK,cAAcP,qBAEzC,OAAIM,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,MAAMF,IAEV,EAGG"}

package/shared/utils/rel-builder.js

@@ -1 +1,2 @@
 'use strict';exports.relBuilder=(t,n)=>{if(!t)return;const e=[];return((t="",n)=>/^((http|https):\/\/)/.test(t)&&!new URL(t).hostname.endsWith(n))(t,window.location.hostname)&&(n==='_blank'&&e.push('noopener'),e.push('nofollow')),e.length!==0?e.join(' '):void 0};
+//# sourceMappingURL=rel-builder.js.map

package/shared/utils/rel-builder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"rel-builder.js","sources":["../../../../src/shared/utils/rel-builder.ts"],"sourcesContent":["function isExternalUrl(url = '', hostname: string): boolean {\n  return /^((http|https):\\/\\/)/.test(url) && !new URL(url).hostname.endsWith(hostname)\n}\n\nexport function relBuilder(link?: string, target?: string): undefined | string {\n  if (!link) return\n\n  const relStr = []\n\n  if (isExternalUrl(link, window.location.hostname)) {\n    if (target === '_blank') relStr.push('noopener')\n    relStr.push('nofollow')\n  }\n\n  if (relStr.length === 0) return\n\n  return relStr.join(' ')\n}\n"],"names":["link","target","relStr","url","hostname","test","URL","endsWith","isExternalUrl","window","location","push","length","join"],"mappings":"gCAIO,CAAoBA,EAAeC,KACxC,IAAKD,EAAM,OAEX,MAAME,EAAS,GAOf,MAdF,EAAuBC,EAAM,GAAIC,IACxB,uBAAuBC,KAAKF,KAAS,IAAIG,IAAIH,GAAKC,SAASG,SAASH,GAQvEI,CAAcR,EAAMS,OAAOC,SAASN,YAClCH,IAAW,UAAUC,EAAOS,KAAK,YACrCT,EAAOS,KAAK,aAGVT,EAAOU,SAAW,EAEfV,EAAOW,KAAK,UAFnB,CAGF"}

package/shared/utils/rel-builder.mjs

@@ -1 +1,2 @@
 function relBuilder(n,t){if(!n)return;const e=[];return((n="",t)=>/^((http|https):\/\/)/.test(n)&&!new URL(n).hostname.endsWith(t))(n,window.location.hostname)&&(t==='_blank'&&e.push('noopener'),e.push('nofollow')),e.length!==0?e.join(' '):void 0}export{relBuilder};
+//# sourceMappingURL=rel-builder.mjs.map

package/shared/utils/rel-builder.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"rel-builder.mjs","sources":["../../../../src/shared/utils/rel-builder.ts"],"sourcesContent":["function isExternalUrl(url = '', hostname: string): boolean {\n  return /^((http|https):\\/\\/)/.test(url) && !new URL(url).hostname.endsWith(hostname)\n}\n\nexport function relBuilder(link?: string, target?: string): undefined | string {\n  if (!link) return\n\n  const relStr = []\n\n  if (isExternalUrl(link, window.location.hostname)) {\n    if (target === '_blank') relStr.push('noopener')\n    relStr.push('nofollow')\n  }\n\n  if (relStr.length === 0) return\n\n  return relStr.join(' ')\n}\n"],"names":["relBuilder","link","target","relStr","url","hostname","test","URL","endsWith","isExternalUrl","window","location","push","length","join"],"mappings":"AAIO,SAASA,WAAWC,EAAeC,GACxC,IAAKD,EAAM,OAEX,MAAME,EAAS,GAOf,MAdF,EAAuBC,EAAM,GAAIC,IACxB,uBAAuBC,KAAKF,KAAS,IAAIG,IAAIH,GAAKC,SAASG,SAASH,GAQvEI,CAAcR,EAAMS,OAAOC,SAASN,YAClCH,IAAW,UAAUC,EAAOS,KAAK,YACrCT,EAAOS,KAAK,aAGVT,EAAOU,SAAW,EAEfV,EAAOW,KAAK,UAFnB,CAGF"}

package/shared/utils/style.js

@@ -1 +1,2 @@
 'use strict';var regexp=require('../regexp.js');exports.createShouldForwardProp=(...e)=>{const r=Object.create(null);return p=>(r[p]===void 0&&(r[p]=e.every((e=>e(p)))&&[regexp.commonPropKeyRegExp,regexp.colorSchemaPropKeyRegExp,regexp.responsiveSizePropKeyRegExp,regexp.marginPropKeyRegExp,regexp.responsiveMarginPropKeyRegExp].every((e=>!e.test(p)))),r[p])},exports.isCSSGlobalValue=e=>['initial','inherit','unset','revert','revert-layer'].includes(e);
+//# sourceMappingURL=style.js.map

package/shared/utils/style.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"style.js","sources":["../../../../src/shared/utils/style.ts"],"sourcesContent":["import {\n  commonPropKeyRegExp,\n  colorSchemaPropKeyRegExp,\n  responsiveSizePropKeyRegExp,\n  marginPropKeyRegExp,\n  responsiveMarginPropKeyRegExp,\n} from 'shared/regexp'\nimport type { CSSGlobalValue } from 'shared/types'\n\nexport const createShouldForwardProp = (...predicates: ((propKey: string) => boolean)[]) => {\n  const cache: Record<string, boolean> = Object.create(null)\n\n  return (propKey: string) => {\n    if (cache[propKey] === undefined) {\n      cache[propKey] =\n        predicates.every((func) => func(propKey)) &&\n        [\n          commonPropKeyRegExp,\n          colorSchemaPropKeyRegExp,\n          responsiveSizePropKeyRegExp,\n          marginPropKeyRegExp,\n          responsiveMarginPropKeyRegExp,\n        ].every((regExp) => !regExp.test(propKey))\n    }\n\n    return cache[propKey]\n  }\n}\n\nexport const isCSSGlobalValue = (value: CSSGlobalValue | string): value is CSSGlobalValue =>\n  ['initial', 'inherit', 'unset', 'revert', 'revert-layer'].includes(value)\n"],"names":["createShouldForwardProp","predicates","cache","Object","create","propKey","undefined","every","func","commonPropKeyRegExp","colorSchemaPropKeyRegExp","responsiveSizePropKeyRegExp","marginPropKeyRegExp","responsiveMarginPropKeyRegExp","regExp","test","value","includes"],"mappings":"gFASuCA,IAAIC,KACzC,MAAMC,EAAiCC,OAAOC,OAAO,MAErD,OAAQC,IACFH,EAAMG,UAAaC,IACrBJ,EAAMG,GACJJ,EAAWM,OAAOC,GAASA,EAAKH,MAChC,CACEI,OAAmBA,oBACnBC,OAAwBA,yBACxBC,mCACAC,OAAAA,oBACAC,OAA6BA,+BAC7BN,OAAOO,IAAYA,EAAOC,KAAKV,MAG9BH,EAAMG,GACd,2BAG8BW,GAC/B,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}