@foxford/ui 2.97.0 → 2.97.1-beta-b68128a-20260227

package/mixins/responsive-position.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-position.js","sources":["../../../src/mixins/responsive-position.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { Nullable } from 'shared/types'\n\ntype ResponsivePositionMixinInterpolationProps = ResponsiveProps<'position', string> & {\n  positions: Record<string, CSSProperties>\n}\n\n/**\n *\n * Mixin enables responsive position interface\n */\nconst responsivePosition = createResponsivePropsMixin<\n  'position',\n  Nullable<string>,\n  ResponsivePositionMixinInterpolationProps\n>(['position'], (_, position, props) => {\n  if (position === undefined || position === null) return {} as CSSObject\n\n  return (props.positions[position] ?? {}) as CSSObject\n})\n\nexport { responsivePosition }\n"],"names":["responsivePosition","createResponsivePropsMixin","_","position","props","undefined","positions"],"mappings":"aAcA,MAAMA,2DAA+CC,2BAInD,CAAC,aAAa,CAACC,EAAGC,EAAUC,IACxBD,SAAaE,GAAaF,IAAa,KAAa,CAAA,EAEhDC,EAAME,UAAUH,IAAa,CAAA"}
+{"version":3,"file":"responsive-position.js","sources":["../../../src/mixins/responsive-position.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport type { CSSObject } from 'styled-components'\nimport { createResponsivePropsMixin } from 'mixins/create-responsive-props'\nimport type { ResponsiveProps } from 'mixins/create-responsive-props'\nimport type { Nullable } from 'shared/types'\n\ntype ResponsivePositionMixinInterpolationProps = ResponsiveProps<'position', string> & {\n  positions: Record<string, CSSProperties>\n}\n\n/**\n *\n * Mixin enables responsive position interface\n */\nconst responsivePosition = createResponsivePropsMixin<\n  'position',\n  Nullable<string>,\n  ResponsivePositionMixinInterpolationProps\n>(['position'], (_, position, props) => {\n  if (position === undefined || position === null) return {} as CSSObject\n\n  return (props.positions[position] ?? {}) as CSSObject\n})\n\nexport { responsivePosition }\n"],"names":["responsivePosition","createResponsivePropsMixin","_","position","props","undefined","positions"],"mappings":"aAcA,MAAMA,2DAAqBC,2BAIzB,CAAC,aAAa,CAACC,EAAGC,EAAUC,IACxBD,SAAaE,GAAaF,IAAa,KAAa,CAAA,EAEhDC,EAAME,UAAUH,IAAa,CAAA"}

package/mixins/responsive-property.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-property.js","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { 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> = Partial<\n  Record<`${T}${ResponsiveKeys}`, V>\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 as keyof typeof sizeMap])\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 as keyof typeof sizeMap]\n        ? sizeMap[value as keyof typeof sizeMap]\n        : 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        const value = sizes[size as keyof Required<typeof sizes>]\n\n        if (value !== undefined) {\n          const _size: PossibleValues = typeof customSizeHandler === 'function' ? customSizeHandler(value) : value\n\n          return buildMediaQuery(_size, cssProperty, getMediaQueryByResponsiveProp(size), sizing, predefinedSizes)\n        }\n        return null\n      })\n      .filter(Boolean)\n      .map(\n        (item) => css`\n          ${item}\n        `\n      )\n\n    return mediaCssStrArr\n  }\n\n/**\n * Миксин для генерации media запросов\n *\n * @param propName имя пропсы\n * @param cssProperty имя css свойства\n * @param sizing значение величины, по умолчанию `px`\n * @returns строки медиазапросов\n */\nexport const responsiveProperty =\n  (propName: string, cssProperty: string | null = null, sizing: null | string = 'px') =>\n  () =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: any) => {\n    const prop: ResponsiveProperty | null = props[propName] ?? null\n    const _cssProperty = cssProperty ?? propName\n    if (!prop) return null\n\n    if (Array.isArray(prop) && prop.length === 3) {\n      const [desktop, tablet, mobile] = prop\n      return css`\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`\n          ${_cssProperty}: ${typeof desktop === 'number' ? `${desktop}${sizing ?? ''}` : desktop};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`\n          ${_cssProperty}: ${typeof tablet === 'number' ? `${tablet}${sizing ?? ''}` : tablet};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`\n          ${_cssProperty}: ${typeof mobile === 'number' ? `${mobile}${sizing ?? ''}` : mobile};\n        `}\n      `\n    }\n\n    if (Array.isArray(prop) && prop.length === 6 && typeof _cssProperty === 'string') {\n      const [xl, l, m, s, xs, xxs] = prop\n      return css`\n        ${SCREEN_SIZE_MAP.XL()`\n            ${_cssProperty}: ${typeof xl === 'number' ? `${xl}${sizing ?? ''}` : xl};\n          `}\n        ${SCREEN_SIZE_MAP.L()`\n            ${_cssProperty}: ${typeof l === 'number' ? `${l}${sizing ?? ''}` : l};\n          `}\n          ${SCREEN_SIZE_MAP.M()`\n            ${_cssProperty}: ${typeof m === 'number' ? `${m}${sizing ?? ''}` : m};\n          `}\n          ${SCREEN_SIZE_MAP.S()`\n            ${_cssProperty}: ${typeof s === 'number' ? `${s}${sizing ?? ''}` : s};\n          `}\n          ${SCREEN_SIZE_MAP.XS()`\n            ${_cssProperty}: ${typeof xs === 'number' ? `${xs}${sizing ?? ''}` : xs};\n          `}\n          ${SCREEN_SIZE_MAP.XXS()`\n            ${_cssProperty}: ${typeof xxs === 'number' ? `${xxs}${sizing ?? ''}` : xxs};\n          `}\n      `\n    }\n\n    if (typeof prop === 'number') {\n      return css`\n        ${_cssProperty}: ${prop}${sizing ?? null};\n      `\n    }\n\n    if (typeof prop === 'string') {\n      return css`\n        ${_cssProperty}: ${prop};\n      `\n    }\n\n    return null\n  }\n"],"names":["SCREEN_SIZE_MAP","XXS","screenMaxXxs","XS","screenMaxXs","S","screenMaxS","M","screenMaxM","L","screenMaxL","XL","screenMinL","SCREEN_SIZE_MAP_BY_DEVICE_ALIAS","desktop","screenMinM","tablet","mobile","property","value","cssProperty","sizing","sizes","sizeMap","getLatinSizeMapByCssProperty","includes","css","responsiveNamedProperty","predefinedSizes","customSizeHandler","sort","desktopFirst","Object","keys","map","size","undefined","_size","buildMediaQuery","getMediaQueryByResponsiveProp","filter","Boolean","item","responsiveProperty","propName","props","prop","_cssProperty","Array","isArray","length","xl","l","m","s","xs","xxs"],"mappings":"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"}
+{"version":3,"file":"responsive-property.js","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { 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> = Partial<\n  Record<`${T}${ResponsiveKeys}`, V>\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 as keyof typeof sizeMap])\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 as keyof typeof sizeMap]\n        ? sizeMap[value as keyof typeof sizeMap]\n        : 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        const value = sizes[size as keyof Required<typeof sizes>]\n\n        if (value !== undefined) {\n          const _size: PossibleValues = typeof customSizeHandler === 'function' ? customSizeHandler(value) : value\n\n          return buildMediaQuery(_size, cssProperty, getMediaQueryByResponsiveProp(size), sizing, predefinedSizes)\n        }\n        return null\n      })\n      .filter(Boolean)\n      .map(\n        (item) => css`\n          ${item}\n        `\n      )\n\n    return mediaCssStrArr\n  }\n\n/**\n * Миксин для генерации media запросов\n *\n * @param propName имя пропсы\n * @param cssProperty имя css свойства\n * @param sizing значение величины, по умолчанию `px`\n * @returns строки медиазапросов\n */\nexport const responsiveProperty =\n  (propName: string, cssProperty: string | null = null, sizing: null | string = 'px') =>\n  () =>\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  (props: any) => {\n    const prop: ResponsiveProperty | null = props[propName] ?? null\n    const _cssProperty = cssProperty ?? propName\n    if (!prop) return null\n\n    if (Array.isArray(prop) && prop.length === 3) {\n      const [desktop, tablet, mobile] = prop\n      return css`\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`\n          ${_cssProperty}: ${typeof desktop === 'number' ? `${desktop}${sizing ?? ''}` : desktop};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`\n          ${_cssProperty}: ${typeof tablet === 'number' ? `${tablet}${sizing ?? ''}` : tablet};\n        `}\n        ${SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.mobile()`\n          ${_cssProperty}: ${typeof mobile === 'number' ? `${mobile}${sizing ?? ''}` : mobile};\n        `}\n      `\n    }\n\n    if (Array.isArray(prop) && prop.length === 6 && typeof _cssProperty === 'string') {\n      const [xl, l, m, s, xs, xxs] = prop\n      return css`\n        ${SCREEN_SIZE_MAP.XL()`\n            ${_cssProperty}: ${typeof xl === 'number' ? `${xl}${sizing ?? ''}` : xl};\n          `}\n        ${SCREEN_SIZE_MAP.L()`\n            ${_cssProperty}: ${typeof l === 'number' ? `${l}${sizing ?? ''}` : l};\n          `}\n          ${SCREEN_SIZE_MAP.M()`\n            ${_cssProperty}: ${typeof m === 'number' ? `${m}${sizing ?? ''}` : m};\n          `}\n          ${SCREEN_SIZE_MAP.S()`\n            ${_cssProperty}: ${typeof s === 'number' ? `${s}${sizing ?? ''}` : s};\n          `}\n          ${SCREEN_SIZE_MAP.XS()`\n            ${_cssProperty}: ${typeof xs === 'number' ? `${xs}${sizing ?? ''}` : xs};\n          `}\n          ${SCREEN_SIZE_MAP.XXS()`\n            ${_cssProperty}: ${typeof xxs === 'number' ? `${xxs}${sizing ?? ''}` : xxs};\n          `}\n      `\n    }\n\n    if (typeof prop === 'number') {\n      return css`\n        ${_cssProperty}: ${prop}${sizing ?? null};\n      `\n    }\n\n    if (typeof prop === 'string') {\n      return css`\n        ${_cssProperty}: ${prop};\n      `\n    }\n\n    return null\n  }\n"],"names":["SCREEN_SIZE_MAP","XXS","screenMaxXxs","XS","screenMaxXs","S","screenMaxS","M","screenMaxM","L","screenMaxL","XL","screenMinL","SCREEN_SIZE_MAP_BY_DEVICE_ALIAS","desktop","screenMinM","tablet","mobile","property","value","cssProperty","sizing","sizes","sizeMap","getLatinSizeMapByCssProperty","includes","css","responsiveNamedProperty","predefinedSizes","customSizeHandler","sort","desktopFirst","Object","keys","map","size","undefined","_size","buildMediaQuery","getMediaQueryByResponsiveProp","filter","Boolean","item","responsiveProperty","propName","props","prop","_cssProperty","Array","isArray","length","xl","l","m","s","xs","xxs"],"mappings":"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"}

package/mixins/responsive-property.mjs

@@ -1,4 +1,4 @@
-import{css}from'styled-components';import{screenMaxXxs,screenMaxXs,screenMaxS,screenMaxM,screenMaxL,screenMinL,screenMinM}from'./screen.mjs';import{buildMediaQuery,getMediaQueryByResponsiveProp,desktopFirst,getLatinSizeMapByCssProperty}from'./shared.mjs';const property=(e,r="size",s="px",n)=>()=>()=>{if(typeof e=='boolean')return typeof r=='function'?r(1):null;const t=n??getLatinSizeMapByCssProperty(r);return typeof r=='function'?r(typeof e=='number'?e:t[e]):typeof e=='string'&&['auto','initial','inherit'].includes(e)?css(["",":",";"],r,e):css(["",":","",";"],r,typeof e=='string'&&t[e]?t[e]:e,s??'')};const SCREEN_SIZE_MAP={XXS:screenMaxXxs,XS:screenMaxXs,S:screenMaxS,M:screenMaxM,L:screenMaxL,XL:screenMinL};const SCREEN_SIZE_MAP_BY_DEVICE_ALIAS={desktop:screenMinM,tablet:screenMaxM,mobile:screenMaxS};const responsiveNamedProperty=({sizes:e,predefinedSizes:r,cssProperty:s="size",sizing:n="px",customSizeHandler:t,sort:o=desktopFirst})=>()=>()=>Object.keys(e).sort(o).map((o=>{const i=e[o];if(i!==void 0){const e=typeof t=='function'?t(i):i;return buildMediaQuery(e,s,getMediaQueryByResponsiveProp(o),n,r)}return null})).filter(Boolean).map((e=>css(["",""],e)));const responsiveProperty=(e,r=null,s="px")=>()=>n=>{const t=n[e]??null;const o=r??e;if(!t)return null;if(Array.isArray(t)&&t.length===3){const[e,r,n]=t;return css([""," "," ",""],SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`
+import{css}from'styled-components';import{screenMinM,screenMaxS,screenMaxM,screenMinL,screenMaxL,screenMaxXs,screenMaxXxs}from'./screen.mjs';import{desktopFirst,buildMediaQuery,getMediaQueryByResponsiveProp,getLatinSizeMapByCssProperty}from'./shared.mjs';const property=(e,r="size",s="px",n)=>()=>()=>{if(typeof e=='boolean')return typeof r=='function'?r(1):null;const t=n??getLatinSizeMapByCssProperty(r);return typeof r=='function'?r(typeof e=='number'?e:t[e]):typeof e=='string'&&['auto','initial','inherit'].includes(e)?css(["",":",";"],r,e):css(["",":","",";"],r,typeof e=='string'&&t[e]?t[e]:e,s??'')};const SCREEN_SIZE_MAP={XXS:screenMaxXxs,XS:screenMaxXs,S:screenMaxS,M:screenMaxM,L:screenMaxL,XL:screenMinL};const SCREEN_SIZE_MAP_BY_DEVICE_ALIAS={desktop:screenMinM,tablet:screenMaxM,mobile:screenMaxS};const responsiveNamedProperty=({sizes:e,predefinedSizes:r,cssProperty:s="size",sizing:n="px",customSizeHandler:t,sort:o=desktopFirst})=>()=>()=>Object.keys(e).sort(o).map((o=>{const i=e[o];if(i!==void 0){const e=typeof t=='function'?t(i):i;return buildMediaQuery(e,s,getMediaQueryByResponsiveProp(o),n,r)}return null})).filter(Boolean).map((e=>css(["",""],e)));const responsiveProperty=(e,r=null,s="px")=>()=>n=>{const t=n[e]??null;const o=r??e;if(!t)return null;if(Array.isArray(t)&&t.length===3){const[e,r,n]=t;return css([""," "," ",""],SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.desktop()`
           ${o}: ${typeof e=='number'?`${e}${s??''}`:e};
         `,SCREEN_SIZE_MAP_BY_DEVICE_ALIAS.tablet()`
           ${o}: ${typeof r=='number'?`${r}${s??''}`:r};

package/mixins/responsive-property.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-property.mjs","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { 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> = Partial<\n  Record<`${T}${ResponsiveKeys}`, V>\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 as keyof typeof sizeMap])\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 as keyof typeof sizeMap]\n        ? sizeMap[value as keyof typeof sizeMap]\n        : 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        const value = sizes[size as keyof Required<typeof sizes>]\n\n        if (value !== undefined) {\n          const _size: PossibleValues = typeof customSizeHandler === 'function' ? customSizeHandler(value) : value\n\n          return buildMediaQuery(_size, cssProperty, getMediaQueryByResponsiveProp(size), sizing, predefinedSizes)\n        }\n        return null\n      })\n      .filter(Boolean)\n      .map(\n        (item) => 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":"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"}
+{"version":3,"file":"responsive-property.mjs","sources":["../../../src/mixins/responsive-property.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { 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> = Partial<\n  Record<`${T}${ResponsiveKeys}`, V>\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 as keyof typeof sizeMap])\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 as keyof typeof sizeMap]\n        ? sizeMap[value as keyof typeof sizeMap]\n        : 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        const value = sizes[size as keyof Required<typeof sizes>]\n\n        if (value !== undefined) {\n          const _size: PossibleValues = typeof customSizeHandler === 'function' ? customSizeHandler(value) : value\n\n          return buildMediaQuery(_size, cssProperty, getMediaQueryByResponsiveProp(size), sizing, predefinedSizes)\n        }\n        return null\n      })\n      .filter(Boolean)\n      .map(\n        (item) => 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":"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"}

package/mixins/responsive-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport 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, CSSGlobalValue } from 'shared/types'\n\ntype ResponsiveSizeMixinInterpolationProps = ResponsiveProps<'size', unknown> & {\n  sizeUnits?: CSSUnit\n  sizes: Record<string, CSSProperties>\n  dynamicSizeDeclaration?: (size: number | CSSGlobalValue, sizeUnits: CSSUnit) => CSSObject\n}\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<'size', unknown, ResponsiveSizeMixinInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {} as CSSObject\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    if (typeof sizeValue === 'string') {\n      return (props.sizes[sizeValue] ?? {}) as CSSObject\n    }\n\n    return {} as CSSObject\n  }\n)\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"6HAiBA,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,eAKvFL,GAAc,SACfC,EAAMM,MAAMP,IAAc,CAAA,EAG7B"}
+{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport 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, CSSGlobalValue } from 'shared/types'\n\ntype ResponsiveSizeMixinInterpolationProps = ResponsiveProps<'size', unknown> & {\n  sizeUnits?: CSSUnit\n  sizes: Record<string, CSSProperties>\n  dynamicSizeDeclaration?: (size: number | CSSGlobalValue, sizeUnits: CSSUnit) => CSSObject\n}\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<'size', unknown, ResponsiveSizeMixinInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {} as CSSObject\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    if (typeof sizeValue === 'string') {\n      return (props.sizes[sizeValue] ?? {}) as CSSObject\n    }\n\n    return {} as CSSObject\n  }\n)\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"6HAiBA,MAAMA,eAAiBC,sBAAAA,2BACrB,CAAC,SACD,CAACC,EAAGC,EAAWC,IACTD,SAAcE,GAAaF,IAAc,KAAa,CAAA,SAE/CA,GAAc,UAAYG,MAAAA,iBAAiBH,UAE3CC,EAAMG,wBAA2B,WACpCH,EAAMG,uBAAuBJ,EAAWC,EAAMI,WAAa,MAC3D,CAAEC,gBAAiBN,GAAc,SAAWA,EAAY,GAAGA,IAAYC,EAAMI,WAAa,eAKvFL,GAAc,SACfC,EAAMM,MAAMP,IAAc,CAAA,EAG7B,CAAA"}

package/mixins/responsive-size.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-size.mjs","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport 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, CSSGlobalValue } from 'shared/types'\n\ntype ResponsiveSizeMixinInterpolationProps = ResponsiveProps<'size', unknown> & {\n  sizeUnits?: CSSUnit\n  sizes: Record<string, CSSProperties>\n  dynamicSizeDeclaration?: (size: number | CSSGlobalValue, sizeUnits: CSSUnit) => CSSObject\n}\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<'size', unknown, ResponsiveSizeMixinInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {} as CSSObject\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    if (typeof sizeValue === 'string') {\n      return (props.sizes[sizeValue] ?? {}) as CSSObject\n    }\n\n    return {} as CSSObject\n  }\n)\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"8HAiBA,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,eAKvFL,GAAc,SACfC,EAAMM,MAAMP,IAAc,CAAA,EAG7B"}
+{"version":3,"file":"responsive-size.mjs","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { CSSProperties } from 'react'\nimport 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, CSSGlobalValue } from 'shared/types'\n\ntype ResponsiveSizeMixinInterpolationProps = ResponsiveProps<'size', unknown> & {\n  sizeUnits?: CSSUnit\n  sizes: Record<string, CSSProperties>\n  dynamicSizeDeclaration?: (size: number | CSSGlobalValue, sizeUnits: CSSUnit) => CSSObject\n}\n\n/**\n *\n * Mixin enables responsive size interface\n */\nconst responsiveSize = createResponsivePropsMixin<'size', unknown, ResponsiveSizeMixinInterpolationProps>(\n  ['size'],\n  (_, sizeValue, props) => {\n    if (sizeValue === undefined || sizeValue === null) return {} as CSSObject\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    if (typeof sizeValue === 'string') {\n      return (props.sizes[sizeValue] ?? {}) as CSSObject\n    }\n\n    return {} as CSSObject\n  }\n)\n\nexport { responsiveSize }\n"],"names":["responsiveSize","createResponsivePropsMixin","_","sizeValue","props","undefined","isCSSGlobalValue","dynamicSizeDeclaration","sizeUnits","fontSize","sizes"],"mappings":"8HAiBA,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,eAKvFL,GAAc,SACfC,EAAMM,MAAMP,IAAc,CAAA,EAG7B,CAAA"}

package/mixins/screen.js.map

@@ -1 +1 @@
-{"version":3,"file":"screen.js","sources":["../../../src/mixins/screen.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { CSSObject, ThemeProps, DefaultTheme, SimpleInterpolation, Interpolation } from 'styled-components'\nimport { BREAKPOINTS } from 'shared/constants'\n\ntype MediaQueryParams = {\n  and?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  condition?: (_props: any) => boolean\n}\n\ntype ThemeBreakpoints = DefaultTheme['breakpoints']\n\ntype BreakpointKey = keyof ThemeBreakpoints\n\nconst CONDITIONS = (() => {\n  const maxWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) =>\n    `(max-width: ${breakpoints[point] - 0.02}px)`\n  const minWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) => `(min-width: ${breakpoints[point]}px)`\n\n  return {\n    MAX: maxWidth,\n    MIN: minWidth,\n    RANGE: (breakpoints: ThemeBreakpoints, point1: BreakpointKey, point2: BreakpointKey) =>\n      `${minWidth(breakpoints, point1)} and ${maxWidth(breakpoints, point2)}`,\n  }\n})()\n\nexport const createMediaQuery =\n  (condition: (_breakpoints: ThemeBreakpoints, ..._points: BreakpointKey[]) => string, ...points: BreakpointKey[]) =>\n  (params?: MediaQueryParams) =>\n  <T extends object>(...args: [CSSObject | TemplateStringsArray, ...Interpolation<T & ThemeProps<DefaultTheme>>[]]) =>\n  (props: ThemeProps<DefaultTheme>) => {\n    const contextBreakpoints = props.theme?.breakpoints ?? {}\n    const breakpoints: ThemeBreakpoints = { ...BREAKPOINTS, ...contextBreakpoints }\n\n    if (params !== undefined && typeof params.condition === 'function' && params.condition(props) === false) {\n      return ''\n    }\n\n    return css<T>`\n      /* stylelint-disable-next-line media-query-no-invalid */\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,EACzF,GAGFI,WAAG,CAAA,qBAAA,IAAA,IAAA,KAEYR,EAAUT,KAAgBU,GAAWC,SAAWK,UAAoBL,EAAOO,KAAQ,SACjG,OAAOP,EAAOO,MACd,GACFD,OAAAA,OAAUL,GAAK,EAQZO,MAAAA,SAAWX,iBAAiBV,WAAWO,MAAO,MAAO,MAKrDe,MAAAA,QAAUZ,iBAAiBV,WAAWO,MAAO,KAAM,KAKnDgB,MAAAA,QAAUb,iBAAiBV,WAAWO,MAAO,IAAK,KAKlDiB,MAAAA,QAAUd,iBAAiBV,WAAWO,MAAO,IAAK,KAKlDkB,MAAAA,SAAWf,iBAAiBV,WAAWO,MAAO,IAAK,MAKzD,MAAMmB,aAAehB,iBAAiBV,WAAWK,IAAK,OAKtD,MAAMsB,YAAcjB,iBAAiBV,WAAWK,IAAK,MAKrD,MAAMuB,YAAclB,iBAAiBV,WAAWM,IAAK,MAKrD,MAAMuB,WAAanB,iBAAiBV,WAAWK,IAAK,KAKpD,MAAMyB,WAAapB,iBAAiBV,WAAWM,IAAK,KAKpD,MAAMyB,WAAarB,iBAAiBV,WAAWK,IAAK,KAKpD,MAAM2B,WAAatB,iBAAiBV,WAAWM,IAAK,KAKpD,MAAM2B,WAAavB,iBAAiBV,WAAWK,IAAK,KAKpD,MAAM6B,WAAaxB,iBAAiBV,WAAWM,IAAK,KAKpD,MAAM6B,YAAczB,iBAAiBV,WAAWK,IAAK,MAKrD,MAAM+B,YAAc1B,iBAAiBV,WAAWM,IAAK,2cAKhC+B,IAAIvB,IAAkEK,WAAG,CAAA,qEAAA,KAE/FA,cAAOL"}
+{"version":3,"file":"screen.js","sources":["../../../src/mixins/screen.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { CSSObject, ThemeProps, DefaultTheme, SimpleInterpolation, Interpolation } from 'styled-components'\nimport { BREAKPOINTS } from 'shared/constants'\n\ntype MediaQueryParams = {\n  and?: string\n  // eslint-disable-next-line @typescript-eslint/no-explicit-any\n  condition?: (_props: any) => boolean\n}\n\ntype ThemeBreakpoints = DefaultTheme['breakpoints']\n\ntype BreakpointKey = keyof ThemeBreakpoints\n\nconst CONDITIONS = (() => {\n  const maxWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) =>\n    `(max-width: ${breakpoints[point] - 0.02}px)`\n  const minWidth = (breakpoints: ThemeBreakpoints, point: BreakpointKey) => `(min-width: ${breakpoints[point]}px)`\n\n  return {\n    MAX: maxWidth,\n    MIN: minWidth,\n    RANGE: (breakpoints: ThemeBreakpoints, point1: BreakpointKey, point2: BreakpointKey) =>\n      `${minWidth(breakpoints, point1)} and ${maxWidth(breakpoints, point2)}`,\n  }\n})()\n\nexport const createMediaQuery =\n  (condition: (_breakpoints: ThemeBreakpoints, ..._points: BreakpointKey[]) => string, ...points: BreakpointKey[]) =>\n  (params?: MediaQueryParams) =>\n  <T extends object>(...args: [CSSObject | TemplateStringsArray, ...Interpolation<T & ThemeProps<DefaultTheme>>[]]) =>\n  (props: ThemeProps<DefaultTheme>) => {\n    const contextBreakpoints = props.theme?.breakpoints ?? {}\n    const breakpoints: ThemeBreakpoints = { ...BREAKPOINTS, ...contextBreakpoints }\n\n    if (params !== undefined && typeof params.condition === 'function' && params.condition(props) === false) {\n      return ''\n    }\n\n    return css<T>`\n      /* stylelint-disable-next-line media-query-no-invalid */\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,UAAAA,eADhBD,EAAME,OAAOf,aAAe,CAAA,GAGvD,OAAIW,SAAWK,UAAoBL,EAAOF,WAAc,YAAcE,EAAOF,UAAUI,MAAW,EACzF,GAGFI,WAAG,CAAA,qBAAA,IAAA,IAAA,KAEYR,EAAUT,KAAgBU,GAAWC,SAAWK,UAAoBL,EAAOO,KAAQ,SACjG,OAAOP,EAAOO,MACd,GACFD,cAAUL,GAAK,EAQlB,MAAMO,SAAWX,iBAAiBV,WAAWO,MAAO,MAAO,MAK3D,MAAMe,QAAUZ,iBAAiBV,WAAWO,MAAO,KAAM,KAKzD,MAAMgB,QAAUb,iBAAiBV,WAAWO,MAAO,IAAK,KAKxD,MAAMiB,QAAUd,iBAAiBV,WAAWO,MAAO,IAAK,KAKxD,MAAMkB,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.map

@@ -1 +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 ''\n    }\n\n    return css<T>`\n      /* stylelint-disable-next-line media-query-no-invalid */\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,EACzF,GAGFI,IAAG,CAAA,qBAAA,IAAA,IAAA,KAEYR,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"}
+{"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 ''\n    }\n\n    return css<T>`\n      /* stylelint-disable-next-line media-query-no-invalid */\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,EACzF,GAGFI,IAAG,CAAA,qBAAA,IAAA,IAAA,KAEYR,EAAUT,KAAgBU,GAAWC,SAAWK,UAAoBL,EAAOO,KAAQ,SACjG,OAAOP,EAAOO,MACd,GACFD,OAAUL,GAAK,EAQlB,MAAMO,SAAWX,iBAAiBV,WAAWO,MAAO,MAAO,MAK3D,MAAMe,QAAUZ,iBAAiBV,WAAWO,MAAO,KAAM,KAKzD,MAAMgB,QAAUb,iBAAiBV,WAAWO,MAAO,IAAK,KAKxD,MAAMiB,QAAUd,iBAAiBV,WAAWO,MAAO,IAAK,KAKxD,MAAMkB,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,MAKrD,MAAM+B,aAAeA,IAAIvB,IAAkEK,IAAG,CAAA,qEAAA,KAE/FA,OAAOL"}

package/mixins/shared.js.map

@@ -1 +1 @@
-{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { FlattenSimpleInterpolation } from 'styled-components'\nimport type { Size } from 'shared/types'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs } from './screen'\nimport type { MediaQuery, screenXs } 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\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 = typeof value === 'string' ? (sizeMap[value as keyof typeof sizeMap] ?? value) : value\n\n  if (typeof property === 'function') {\n    return css`\n      ${screenQueryFunction()`\n        ${property(size, sizing)}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${String(size)}${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","String","desktopFirst","a","b","aKey","bKey","findIndex","el","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL","mobileFirst"],"mappings":"6FAMaA,YAA8CC,OAAOC,OAAO,CACvEC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,UAGKC,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,CAiCA,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,uGAtCF,CACLC,EACAC,EAMAC,EACAC,EACAC,KAEA,MAAMC,EAAUD,GAAST,6BAA6BM,GAEtD,MAAMK,SAAcN,GAAU,SAAYK,EAAQL,IAAkCA,EAASA,EAE7F,OACSO,OAAGA,IAAA,CAAA,GAAA,WADDN,GAAa,WAElBC,GAAqB;UACnBD,EAASK,EAAMH;QAMnBD,GAAqB;QACnBD,MAAaO,OAAOF,YAAeA,GAAS,SAAW,GAAMH,GAAU;MAG/E,uBAY4BM,CAACC,EAAWC,KACtC,MAAMC,EAAOf,OAAOa,GACpB,MAAMG,EAAOhB,OAAOc,GACpB,OAAKC,GAASC,EAECpB,mBAAmBqB,WAAWC,GAAOA,IAAOH,IAC5CnB,mBAAmBqB,WAAWC,GAAOA,IAAOF,KAEjC,EAAI,EALH,CAKI,0GAcaG,GACxCA,EAAKjB,SAAS,OAAekB,OAAAA,aAC7BD,EAAKjB,SAAS,MAAcmB,OAAAA,YAC5BF,EAAKjB,SAAS,KAAaoB,OAAAA,WAC3BH,EAAKjB,SAAS,KAAaqB,OAAAA,WAC3BJ,EAAKjB,SAAS,MAAcsB,OAAAA,WACzBC,sCAjBkBC,CAACb,EAAWC,KACrC,MAAMC,EAAOf,OAAOa,GACpB,MAAMG,EAAOhB,OAAOc,GACpB,OAAKC,GAASC,EAECnB,kBAAkBoB,WAAWC,GAAOA,IAAOH,IAC3ClB,kBAAkBoB,WAAWC,GAAOA,IAAOF,KAEhC,EAAI,EALH,CAKI"}
+{"version":3,"file":"shared.js","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { FlattenSimpleInterpolation } from 'styled-components'\nimport type { Size } from 'shared/types'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs } from './screen'\nimport type { MediaQuery, screenXs } 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\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 = typeof value === 'string' ? (sizeMap[value as keyof typeof sizeMap] ?? value) : value\n\n  if (typeof property === 'function') {\n    return css`\n      ${screenQueryFunction()`\n        ${property(size, sizing)}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${String(size)}${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","String","desktopFirst","a","b","aKey","bKey","findIndex","el","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL","mobileFirst"],"mappings":"6FAMaA,YAA8CC,OAAOC,OAAO,CACvEC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,UAGKC,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,CAiCA,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,uGAtCF,CACLC,EACAC,EAMAC,EACAC,EACAC,KAEA,MAAMC,EAAUD,GAAST,6BAA6BM,GAEtD,MAAMK,SAAcN,GAAU,SAAYK,EAAQL,IAAkCA,EAASA,EAE7F,OACSO,OAAAA,IAAG,CAAA,GAAA,WADDN,GAAa,WAElBC,GAAqB;UACnBD,EAASK,EAAMH;QAMnBD,GAAqB;QACnBD,MAAaO,OAAOF,YAAeA,GAAS,SAAW,GAAMH,GAAU;MAG/E,uBAY4BM,CAACC,EAAWC,KACtC,MAAMC,EAAOf,OAAOa,GACpB,MAAMG,EAAOhB,OAAOc,GACpB,OAAKC,GAASC,EAECpB,mBAAmBqB,WAAWC,GAAOA,IAAOH,IAC5CnB,mBAAmBqB,WAAWC,GAAOA,IAAOF,KAElC,EAAK,EALH,CAKI,0GAcaG,GACxCA,EAAKjB,SAAS,OAAekB,OAAAA,aAC7BD,EAAKjB,SAAS,MAAcmB,OAAAA,YAC5BF,EAAKjB,SAAS,KAAaoB,OAAAA,WAC3BH,EAAKjB,SAAS,KAAaqB,OAAAA,WAC3BJ,EAAKjB,SAAS,MAAcsB,OAAAA,WACzBC,OAAAA,+BAjBkBC,CAACb,EAAWC,KACrC,MAAMC,EAAOf,OAAOa,GACpB,MAAMG,EAAOhB,OAAOc,GACpB,OAAKC,GAASC,EAECnB,kBAAkBoB,WAAWC,GAAOA,IAAOH,IAC3ClB,kBAAkBoB,WAAWC,GAAOA,IAAOF,KAEjC,EAAK,EALH,CAKI"}

package/mixins/shared.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"shared.mjs","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { FlattenSimpleInterpolation } from 'styled-components'\nimport type { Size } from 'shared/types'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs } from './screen'\nimport type { MediaQuery, screenXs } 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\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 = typeof value === 'string' ? (sizeMap[value as keyof typeof sizeMap] ?? value) : value\n\n  if (typeof property === 'function') {\n    return css`\n      ${screenQueryFunction()`\n        ${property(size, sizing)}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${String(size)}${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","String","getKey","key","endsWith","desktopFirst","a","b","aKey","bKey","findIndex","el","mobileFirst","getMediaQueryByResponsiveProp","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL"],"mappings":"wIAMaA,YAA8CC,OAAOC,OAAO,CACvEC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,UAGKC,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,SAAcN,GAAU,SAAYK,EAAQL,IAAkCA,EAASA,EAE7F,OACSO,IAAG,CAAA,GAAA,WADDN,GAAa,WAElBC,GAAqB;UACnBD,EAASK,EAAMH;QAMnBD,GAAqB;QACnBD,MAAaO,OAAOF,YAAeA,GAAS,SAAW,GAAMH,GAAU;MAG/E,CAEA,MAAMM,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,EAECrB,mBAAmBsB,WAAWC,GAAOA,IAAOH,IAC5CpB,mBAAmBsB,WAAWC,GAAOA,IAAOF,KAEjC,EAAI,EALH,CAKI,QAGpBG,YAAcA,CAACN,EAAWC,KACrC,MAAMC,EAAON,OAAOI,GACpB,MAAMG,EAAOP,OAAOK,GACpB,OAAKC,GAASC,EAECpB,kBAAkBqB,WAAWC,GAAOA,IAAOH,IAC3CnB,kBAAkBqB,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"}
+{"version":3,"file":"shared.mjs","sources":["../../../src/mixins/shared.ts"],"sourcesContent":["import { css } from 'styled-components'\nimport type { FlattenSimpleInterpolation } from 'styled-components'\nimport type { Size } from 'shared/types'\nimport { screenMaxL, screenMaxM, screenMaxS, screenMaxXs, screenMinL, screenMaxXxs } from './screen'\nimport type { MediaQuery, screenXs } 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\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 = typeof value === 'string' ? (sizeMap[value as keyof typeof sizeMap] ?? value) : value\n\n  if (typeof property === 'function') {\n    return css`\n      ${screenQueryFunction()`\n        ${property(size, sizing)}\n      `}\n    `\n  }\n\n  return css`\n    ${screenQueryFunction()`\n      ${property}: ${String(size)}${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","String","getKey","key","endsWith","desktopFirst","a","b","aKey","bKey","findIndex","el","mobileFirst","getMediaQueryByResponsiveProp","prop","screenMaxXxs","screenMaxXs","screenMaxS","screenMaxM","screenMinL","screenMaxL"],"mappings":"wIAMaA,YAA8CC,OAAOC,OAAO,CACvEC,KAAM,GACNC,IAAK,GACLC,GAAI,GACJC,EAAG,GACHC,EAAG,GACHC,EAAG,GACHC,GAAI,GACJC,IAAK,EACLC,KAAM,UAGKC,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,SAAcN,GAAU,SAAYK,EAAQL,IAAkCA,EAASA,EAE7F,OACSO,IAAG,CAAA,GAAA,WADDN,GAAa,WAElBC,GAAqB;UACnBD,EAASK,EAAMH;QAMnBD,GAAqB;QACnBD,MAAaO,OAAOF,YAAeA,GAAS,SAAW,GAAMH,GAAU;MAG/E,CAEA,MAAMM,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,EAECrB,mBAAmBsB,WAAWC,GAAOA,IAAOH,IAC5CpB,mBAAmBsB,WAAWC,GAAOA,IAAOF,KAElC,EAAK,EALH,CAKI,QAGpBG,YAAcA,CAACN,EAAWC,KACrC,MAAMC,EAAON,OAAOI,GACpB,MAAMG,EAAOP,OAAOK,GACpB,OAAKC,GAASC,EAECpB,kBAAkBqB,WAAWC,GAAOA,IAAOH,IAC3CnB,kBAAkBqB,WAAWC,GAAOA,IAAOF,KAEjC,EAAK,EALH,CAKI,EAG1B,MAAMI,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.map

@@ -1 +1 @@
-{"version":3,"file":"vAlign.js","sources":["../../../src/mixins/vAlign.ts"],"sourcesContent":["import { css } from 'styled-components'\n\nexport interface VAlign {\n  vAlign?: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline'\n}\n\nexport const vAlign = (align: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => css`\n  vertical-align: ${align};\n`\n"],"names":["align","css"],"mappings":"oEAMuBA,GAAiFC,OAAGA,IAAA,CAAA,kBAAA,KACvFD"}
+{"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 = (align: 'top' | 'middle' | 'bottom' | 'text-top' | 'text-bottom' | 'baseline') => css`\n  vertical-align: ${align};\n`\n"],"names":["align","css"],"mappings":"oEAMuBA,GAAiFC,OAAAA,IAAG,CAAA,kBAAA,KACvFD"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.97.0",
+  "version": "2.97.1-beta-b68128a-20260227",
   "description": "UI components and utilities",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -63,6 +63,6 @@
     "shared",
     "theme"
   ],
-  "sha": "255a521",
+  "sha": "b68128a",
   "scripts": {}
 }

package/shared/context/accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion.js","sources":["../../../../src/shared/context/accordion.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor } from 'shared/types'\n\ntype AccordionSize = 'l' | 'm' | 's' | 'xs'\n\ntype AccordionPanelsContext = {\n  expandedPanels: string[]\n  updatePanels: (panelId: string, panelExpanded: boolean) => void\n}\n\ninterface AccordionContextProps extends ResponsiveSizeProps<AccordionSize> {\n  loading?: boolean\n  disabled?: boolean\n  embedded?: boolean\n  borderRadius?: number\n  primary?: boolean\n  secondary?: boolean\n  palette?: {\n    headerColor?: CSSColor\n    headerColorExpanded?: CSSColor\n    headerColorDisabled?: CSSColor\n    headerBackgroundColor?: CSSColor\n    headerBackgroundColorDisabled?: CSSColor\n    backgroundColor?: CSSColor\n    backgroundColorDisabled?: CSSColor\n  }\n}\n\nexport const AccordionPanelsContext = createContext<AccordionPanelsContext | null>(null)\n\nexport const AccordionPropsContext = createContext<AccordionContextProps | null>(null)\n"],"names":["AccordionPanelsContext","createContext","AccordionPropsContext"],"mappings":"8CA6BaA,uBAAyBC,MAAaA,cAAgC,YAEtEC,sBAAwBD,MAAaA,cAA+B"}
+{"version":3,"file":"accordion.js","sources":["../../../../src/shared/context/accordion.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor } from 'shared/types'\n\ntype AccordionSize = 'l' | 'm' | 's' | 'xs'\n\ntype AccordionPanelsContext = {\n  expandedPanels: string[]\n  updatePanels: (panelId: string, panelExpanded: boolean) => void\n}\n\ninterface AccordionContextProps extends ResponsiveSizeProps<AccordionSize> {\n  loading?: boolean\n  disabled?: boolean\n  embedded?: boolean\n  borderRadius?: number\n  primary?: boolean\n  secondary?: boolean\n  palette?: {\n    headerColor?: CSSColor\n    headerColorExpanded?: CSSColor\n    headerColorDisabled?: CSSColor\n    headerBackgroundColor?: CSSColor\n    headerBackgroundColorDisabled?: CSSColor\n    backgroundColor?: CSSColor\n    backgroundColorDisabled?: CSSColor\n  }\n}\n\nexport const AccordionPanelsContext = createContext<AccordionPanelsContext | null>(null)\n\nexport const AccordionPropsContext = createContext<AccordionContextProps | null>(null)\n"],"names":["AccordionPanelsContext","createContext","AccordionPropsContext"],"mappings":"8CA6BaA,uBAAyBC,MAAAA,cAA6C,YAEtEC,sBAAwBD,MAAAA,cAA4C"}

package/shared/context/tabList.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabList.js","sources":["../../../../src/shared/context/tabList.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor } from 'shared/types'\n\ntype TabListSize = 'l' | 'm' | 's'\n\ntype Variant = 'underlined' | 'filled' | 'clear'\n\ntype TabListTabsContext = {\n  activeTab?: string\n  activationOnFocus?: boolean\n  getTabIndex: (tabId: string) => number\n  onActiveTabChange: (tabId: string) => void\n}\n\ninterface TabListContextProps extends ResponsiveSizeProps<TabListSize> {\n  role?: React.AriaRole\n  variant?: Variant\n  disabled?: boolean\n  marginRight?: number\n  palette?: {\n    color?: CSSColor\n    colorHover?: CSSColor\n    colorActive?: CSSColor\n    colorDisabled?: CSSColor\n    colorActiveDisabled?: CSSColor\n    backgroundColor?: CSSColor\n    backgroundColorHover?: CSSColor\n    backgroundColorActive?: CSSColor\n    backgroundColorDisabled?: CSSColor\n    backgroundColorActiveDisabled?: CSSColor\n  }\n}\n\nexport const TabListTabsContext = createContext<TabListTabsContext | null>(null)\n\nexport const TabListPropsContext = createContext<TabListContextProps | null>(null)\n"],"names":["TabListTabsContext","createContext"],"mappings":"8CAkCaA,mBAAqBC,MAAaA,cAA4B,kCAExCA,MAAaA,cAA6B"}
+{"version":3,"file":"tabList.js","sources":["../../../../src/shared/context/tabList.ts"],"sourcesContent":["import { createContext } from 'react'\nimport type { ResponsiveSizeProps } from 'shared/interfaces'\nimport type { CSSColor } from 'shared/types'\n\ntype TabListSize = 'l' | 'm' | 's'\n\ntype Variant = 'underlined' | 'filled' | 'clear'\n\ntype TabListTabsContext = {\n  activeTab?: string\n  activationOnFocus?: boolean\n  getTabIndex: (tabId: string) => number\n  onActiveTabChange: (tabId: string) => void\n}\n\ninterface TabListContextProps extends ResponsiveSizeProps<TabListSize> {\n  role?: React.AriaRole\n  variant?: Variant\n  disabled?: boolean\n  marginRight?: number\n  palette?: {\n    color?: CSSColor\n    colorHover?: CSSColor\n    colorActive?: CSSColor\n    colorDisabled?: CSSColor\n    colorActiveDisabled?: CSSColor\n    backgroundColor?: CSSColor\n    backgroundColorHover?: CSSColor\n    backgroundColorActive?: CSSColor\n    backgroundColorDisabled?: CSSColor\n    backgroundColorActiveDisabled?: CSSColor\n  }\n}\n\nexport const TabListTabsContext = createContext<TabListTabsContext | null>(null)\n\nexport const TabListPropsContext = createContext<TabListContextProps | null>(null)\n"],"names":["TabListTabsContext","createContext"],"mappings":"8CAkCaA,mBAAqBC,MAAAA,cAAyC,kCAExCA,MAAAA,cAA0C"}

package/shared/enums/sizeInput.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"sizeInput.mjs","sources":["../../../../src/shared/enums/sizeInput.ts"],"sourcesContent":["export enum SizeInput {\n  l = 380,\n  m = 300,\n  s = 220,\n  xs = 140,\n}\n"],"names":["SizeInput"],"mappings":"AAAYA,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"}
+{"version":3,"file":"sizeInput.mjs","sources":["../../../../src/shared/enums/sizeInput.ts"],"sourcesContent":["export enum SizeInput {\n  l = 380,\n  m = 300,\n  s = 220,\n  xs = 140,\n}\n"],"names":["SizeInput"],"mappings":"AAAA,IAAYA,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/utils/dom.js.map

@@ -1 +1 @@
-{"version":3,"file":"dom.js","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\n\nexport const SELECTORS_KEYBOARD_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^=\"-\"], :disabled), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const SELECTORS_FOCUSABLE =\n  'a[href], button:not(:disabled), input:not(:disabled, [type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable=\"false\"])'\n\nexport const focusFirstFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  if (element.matches(selectors) && typeof element.focus === 'function') {\n    element.focus()\n\n    return true\n  }\n\n  const descendent = element.querySelector(selectors)\n\n  if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n    descendent.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const focusLastFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  const descendants = element.querySelectorAll(selectors)\n  const lastDescendant = descendants[descendants.length - 1]\n\n  if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n    lastDescendant.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n  classNames.reduce<string>((acc, className) => {\n    if (typeof className === 'string') {\n      // eslint-disable-next-line no-param-reassign\n      acc = acc ? acc + ' ' + className : className\n    }\n\n    return acc\n  }, '')\n\nexport const createKeyboardNavigation = ({\n  prevKey,\n  nextKey,\n}: {\n  prevKey: keyof typeof keyboardKeys\n  nextKey: keyof typeof keyboardKeys\n}) => {\n  return (\n    key: React.KeyboardEvent['key'],\n    active: HTMLElement,\n    list: HTMLElement[],\n    selectorsFocusable = SELECTORS_KEYBOARD_FOCUSABLE\n  ) => {\n    let idx = list.indexOf(active)\n\n    if (idx === -1 || list.length === 0) {\n      return\n    }\n\n    do {\n      if (keyboardKeys[prevKey].validate(key)) {\n        idx--\n      } else if (keyboardKeys[nextKey].validate(key)) {\n        idx++\n      }\n\n      if (idx < 0) {\n        idx = list.length - 1\n      } else if (idx > list.length - 1) {\n        idx = 0\n      }\n    } while (!focusFirstFocusable(list[idx], selectorsFocusable))\n  }\n}\n\nexport const navigateVerticalList = createKeyboardNavigation({\n  prevKey: 'ArrowUp',\n  nextKey: 'ArrowDown',\n})\n\nexport const navigateHorizontalList = createKeyboardNavigation({\n  prevKey: 'ArrowLeft',\n  nextKey: 'ArrowRight',\n})\n"],"names":["SELECTORS_KEYBOARD_FOCUSABLE","focusFirstFocusable","element","selectors","matches","focus","descendent","querySelector","HTMLElement","createKeyboardNavigation","prevKey","nextKey","key","active","list","selectorsFocusable","idx","indexOf","length","keyboardKeys","validate","navigateVerticalList","navigateHorizontalList","concatClassNames","classNames","reduce","acc","className","focusLastFocusable","descendants","querySelectorAll","lastDescendant"],"mappings":"sDAGO,MAAMA,6BACX,ybAKK,MAAMC,oBAAsBA,CAACC,EAAsBC,EAAYH,gCACpE,GAAIE,EAAQE,QAAQD,WAAqBD,EAAQG,OAAU,WAGzD,OAFAH,EAAQG,SAED,EAGT,MAAMC,EAAaJ,EAAQK,cAAcJ,GAEzC,OAAIG,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,SAEJ,EAGG,EA0BP,MAAMI,yBAA2BA,EACtCC,UACAC,aAKO,CACLC,EACAC,EACAC,EACAC,EAAqBf,gCAErB,IAAIgB,EAAMF,EAAKG,QAAQJ,GAEvB,GAAIG,KAAS,GAAKF,EAAKI,SAAW,EAIlC,GACMC,UAAYA,aAACT,GAASU,SAASR,GACjCI,IACSG,UAAAA,aAAaR,GAASS,SAASR,IACxCI,IAGEA,EAAM,EACRA,EAAMF,EAAKI,OAAS,EACXF,EAAMF,EAAKI,OAAS,IAC7BF,EAAM,UAEAf,oBAAoBa,EAAKE,GAAMD,GAAmB,EAInDM,MAAAA,qBAAuBZ,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGEW,MAAAA,uBAAyBb,yBAAyB,CAC7DC,QAAS,YACTC,QAAS,2CArFT,qUAiC8BY,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WAEvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,yIArB6BE,CAAC1B,EAAsBC,EAAYH,gCACnE,MAAM6B,EAAc3B,EAAQ4B,iBAAiB3B,GAC7C,MAAM4B,EAAiBF,EAAYA,EAAYX,OAAS,GAExD,OAAIa,aAA0BvB,oBAAsBuB,EAAe1B,OAAU,aAC3E0B,EAAe1B,SAER,EAGG"}
+{"version":3,"file":"dom.js","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\n\nexport const SELECTORS_KEYBOARD_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^=\"-\"], :disabled), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const SELECTORS_FOCUSABLE =\n  'a[href], button:not(:disabled), input:not(:disabled, [type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable=\"false\"])'\n\nexport const focusFirstFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  if (element.matches(selectors) && typeof element.focus === 'function') {\n    element.focus()\n\n    return true\n  }\n\n  const descendent = element.querySelector(selectors)\n\n  if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n    descendent.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const focusLastFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  const descendants = element.querySelectorAll(selectors)\n  const lastDescendant = descendants[descendants.length - 1]\n\n  if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n    lastDescendant.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n  classNames.reduce<string>((acc, className) => {\n    if (typeof className === 'string') {\n      // eslint-disable-next-line no-param-reassign\n      acc = acc ? acc + ' ' + className : className\n    }\n\n    return acc\n  }, '')\n\nexport const createKeyboardNavigation = ({\n  prevKey,\n  nextKey,\n}: {\n  prevKey: keyof typeof keyboardKeys\n  nextKey: keyof typeof keyboardKeys\n}) => {\n  return (\n    key: React.KeyboardEvent['key'],\n    active: HTMLElement,\n    list: HTMLElement[],\n    selectorsFocusable = SELECTORS_KEYBOARD_FOCUSABLE\n  ) => {\n    let idx = list.indexOf(active)\n\n    if (idx === -1 || list.length === 0) {\n      return\n    }\n\n    do {\n      if (keyboardKeys[prevKey].validate(key)) {\n        idx--\n      } else if (keyboardKeys[nextKey].validate(key)) {\n        idx++\n      }\n\n      if (idx < 0) {\n        idx = list.length - 1\n      } else if (idx > list.length - 1) {\n        idx = 0\n      }\n    } while (!focusFirstFocusable(list[idx], selectorsFocusable))\n  }\n}\n\nexport const navigateVerticalList = createKeyboardNavigation({\n  prevKey: 'ArrowUp',\n  nextKey: 'ArrowDown',\n})\n\nexport const navigateHorizontalList = createKeyboardNavigation({\n  prevKey: 'ArrowLeft',\n  nextKey: 'ArrowRight',\n})\n"],"names":["SELECTORS_KEYBOARD_FOCUSABLE","focusFirstFocusable","element","selectors","matches","focus","descendent","querySelector","HTMLElement","createKeyboardNavigation","prevKey","nextKey","key","active","list","selectorsFocusable","idx","indexOf","length","keyboardKeys","validate","navigateVerticalList","navigateHorizontalList","concatClassNames","classNames","reduce","acc","className","focusLastFocusable","descendants","querySelectorAll","lastDescendant"],"mappings":"sDAGO,MAAMA,6BACX,ybAKK,MAAMC,oBAAsBA,CAACC,EAAsBC,EAAYH,gCACpE,GAAIE,EAAQE,QAAQD,WAAqBD,EAAQG,OAAU,WAGzD,OAFAH,EAAQG,SAED,EAGT,MAAMC,EAAaJ,EAAQK,cAAcJ,GAEzC,OAAIG,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,SAEJ,EAGG,EA0BP,MAAMI,yBAA2BA,EACtCC,UACAC,aAKO,CACLC,EACAC,EACAC,EACAC,EAAqBf,gCAErB,IAAIgB,EAAMF,EAAKG,QAAQJ,GAEvB,GAAIG,KAAQ,GAAMF,EAAKI,SAAW,EAIlC,GACMC,UAAAA,aAAaT,GAASU,SAASR,GACjCI,IACSG,UAAAA,aAAaR,GAASS,SAASR,IACxCI,IAGEA,EAAM,EACRA,EAAMF,EAAKI,OAAS,EACXF,EAAMF,EAAKI,OAAS,IAC7BF,EAAM,UAEAf,oBAAoBa,EAAKE,GAAMD,GAAmB,EAIzD,MAAMM,qBAAuBZ,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGJ,MAAMW,uBAAyBb,yBAAyB,CAC7DC,QAAS,YACTC,QAAS,2CArFT,qUAiC8BY,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WAEvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,yIArB6BE,CAAC1B,EAAsBC,EAAYH,gCACnE,MAAM6B,EAAc3B,EAAQ4B,iBAAiB3B,GAC7C,MAAM4B,EAAiBF,EAAYA,EAAYX,OAAS,GAExD,OAAIa,aAA0BvB,oBAAsBuB,EAAe1B,OAAU,aAC3E0B,EAAe1B,SAER,EAGG"}

package/shared/utils/dom.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"dom.mjs","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\n\nexport const SELECTORS_KEYBOARD_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^=\"-\"], :disabled), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const SELECTORS_FOCUSABLE =\n  'a[href], button:not(:disabled), input:not(:disabled, [type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable=\"false\"])'\n\nexport const focusFirstFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  if (element.matches(selectors) && typeof element.focus === 'function') {\n    element.focus()\n\n    return true\n  }\n\n  const descendent = element.querySelector(selectors)\n\n  if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n    descendent.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const focusLastFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  const descendants = element.querySelectorAll(selectors)\n  const lastDescendant = descendants[descendants.length - 1]\n\n  if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n    lastDescendant.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n  classNames.reduce<string>((acc, className) => {\n    if (typeof className === 'string') {\n      // eslint-disable-next-line no-param-reassign\n      acc = acc ? acc + ' ' + className : className\n    }\n\n    return acc\n  }, '')\n\nexport const createKeyboardNavigation = ({\n  prevKey,\n  nextKey,\n}: {\n  prevKey: keyof typeof keyboardKeys\n  nextKey: keyof typeof keyboardKeys\n}) => {\n  return (\n    key: React.KeyboardEvent['key'],\n    active: HTMLElement,\n    list: HTMLElement[],\n    selectorsFocusable = SELECTORS_KEYBOARD_FOCUSABLE\n  ) => {\n    let idx = list.indexOf(active)\n\n    if (idx === -1 || list.length === 0) {\n      return\n    }\n\n    do {\n      if (keyboardKeys[prevKey].validate(key)) {\n        idx--\n      } else if (keyboardKeys[nextKey].validate(key)) {\n        idx++\n      }\n\n      if (idx < 0) {\n        idx = list.length - 1\n      } else if (idx > list.length - 1) {\n        idx = 0\n      }\n    } while (!focusFirstFocusable(list[idx], selectorsFocusable))\n  }\n}\n\nexport const navigateVerticalList = createKeyboardNavigation({\n  prevKey: 'ArrowUp',\n  nextKey: 'ArrowDown',\n})\n\nexport const navigateHorizontalList = createKeyboardNavigation({\n  prevKey: 'ArrowLeft',\n  nextKey: 'ArrowRight',\n})\n"],"names":["SELECTORS_KEYBOARD_FOCUSABLE","SELECTORS_FOCUSABLE","focusFirstFocusable","element","selectors","matches","focus","descendent","querySelector","HTMLElement","focusLastFocusable","descendants","querySelectorAll","lastDescendant","length","concatClassNames","classNames","reduce","acc","className","createKeyboardNavigation","prevKey","nextKey","key","active","list","selectorsFocusable","idx","indexOf","keyboardKeys","validate","navigateVerticalList","navigateHorizontalList"],"mappings":"2CAGO,MAAMA,6BACX,ybAEK,MAAMC,oBACX,0OAEK,MAAMC,oBAAsBA,CAACC,EAAsBC,EAAYJ,gCACpE,GAAIG,EAAQE,QAAQD,WAAqBD,EAAQG,OAAU,WAGzD,OAFAH,EAAQG,SAED,EAGT,MAAMC,EAAaJ,EAAQK,cAAcJ,GAEzC,OAAIG,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,SAEJ,EAGG,EAGP,MAAMI,mBAAqBA,CAACP,EAAsBC,EAAYJ,gCACnE,MAAMW,EAAcR,EAAQS,iBAAiBR,GAC7C,MAAMS,EAAiBF,EAAYA,EAAYG,OAAS,GAExD,OAAID,aAA0BJ,oBAAsBI,EAAeP,OAAU,aAC3EO,EAAeP,SAER,EAGG,EAGDS,MAAAA,iBAAmBA,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WAEvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,IAEE,MAAME,yBAA2BA,EACtCC,UACAC,aAKO,CACLC,EACAC,EACAC,EACAC,EAAqB1B,gCAErB,IAAI2B,EAAMF,EAAKG,QAAQJ,GAEvB,GAAIG,KAAS,GAAKF,EAAKX,SAAW,EAIlC,GACMe,aAAaR,GAASS,SAASP,GACjCI,IACSE,aAAaP,GAASQ,SAASP,IACxCI,IAGEA,EAAM,EACRA,EAAMF,EAAKX,OAAS,EACXa,EAAMF,EAAKX,OAAS,IAC7Ba,EAAM,UAEAzB,oBAAoBuB,EAAKE,GAAMD,GAAmB,EAInDK,MAAAA,qBAAuBX,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGEU,MAAAA,uBAAyBZ,yBAAyB,CAC7DC,QAAS,YACTC,QAAS"}
+{"version":3,"file":"dom.mjs","sources":["../../../../src/shared/utils/dom.ts"],"sourcesContent":["import { keyboardKeys } from 'shared/constants'\nimport type { Nullable } from 'shared/types'\n\nexport const SELECTORS_KEYBOARD_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^=\"-\"], :disabled), [contenteditable]:not([contenteditable=\"false\"], [tabindex^=\"-\"])'\n\nexport const SELECTORS_FOCUSABLE =\n  'a[href], button:not(:disabled), input:not(:disabled, [type=\"hidden\"]), select:not(:disabled), textarea:not(:disabled), area[href], iframe, object, summary, [tabindex]:not(:disabled), [contenteditable]:not([contenteditable=\"false\"])'\n\nexport const focusFirstFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  if (element.matches(selectors) && typeof element.focus === 'function') {\n    element.focus()\n\n    return true\n  }\n\n  const descendent = element.querySelector(selectors)\n\n  if (descendent instanceof HTMLElement && typeof descendent.focus === 'function') {\n    descendent.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const focusLastFocusable = (element: HTMLElement, selectors = SELECTORS_KEYBOARD_FOCUSABLE): boolean => {\n  const descendants = element.querySelectorAll(selectors)\n  const lastDescendant = descendants[descendants.length - 1]\n\n  if (lastDescendant instanceof HTMLElement && typeof lastDescendant.focus === 'function') {\n    lastDescendant.focus()\n\n    return true\n  }\n\n  return false\n}\n\nexport const concatClassNames = (...classNames: Nullable<unknown>[]): string =>\n  classNames.reduce<string>((acc, className) => {\n    if (typeof className === 'string') {\n      // eslint-disable-next-line no-param-reassign\n      acc = acc ? acc + ' ' + className : className\n    }\n\n    return acc\n  }, '')\n\nexport const createKeyboardNavigation = ({\n  prevKey,\n  nextKey,\n}: {\n  prevKey: keyof typeof keyboardKeys\n  nextKey: keyof typeof keyboardKeys\n}) => {\n  return (\n    key: React.KeyboardEvent['key'],\n    active: HTMLElement,\n    list: HTMLElement[],\n    selectorsFocusable = SELECTORS_KEYBOARD_FOCUSABLE\n  ) => {\n    let idx = list.indexOf(active)\n\n    if (idx === -1 || list.length === 0) {\n      return\n    }\n\n    do {\n      if (keyboardKeys[prevKey].validate(key)) {\n        idx--\n      } else if (keyboardKeys[nextKey].validate(key)) {\n        idx++\n      }\n\n      if (idx < 0) {\n        idx = list.length - 1\n      } else if (idx > list.length - 1) {\n        idx = 0\n      }\n    } while (!focusFirstFocusable(list[idx], selectorsFocusable))\n  }\n}\n\nexport const navigateVerticalList = createKeyboardNavigation({\n  prevKey: 'ArrowUp',\n  nextKey: 'ArrowDown',\n})\n\nexport const navigateHorizontalList = createKeyboardNavigation({\n  prevKey: 'ArrowLeft',\n  nextKey: 'ArrowRight',\n})\n"],"names":["SELECTORS_KEYBOARD_FOCUSABLE","SELECTORS_FOCUSABLE","focusFirstFocusable","element","selectors","matches","focus","descendent","querySelector","HTMLElement","focusLastFocusable","descendants","querySelectorAll","lastDescendant","length","concatClassNames","classNames","reduce","acc","className","createKeyboardNavigation","prevKey","nextKey","key","active","list","selectorsFocusable","idx","indexOf","keyboardKeys","validate","navigateVerticalList","navigateHorizontalList"],"mappings":"2CAGO,MAAMA,6BACX,ybAEK,MAAMC,oBACX,0OAEK,MAAMC,oBAAsBA,CAACC,EAAsBC,EAAYJ,gCACpE,GAAIG,EAAQE,QAAQD,WAAqBD,EAAQG,OAAU,WAGzD,OAFAH,EAAQG,SAED,EAGT,MAAMC,EAAaJ,EAAQK,cAAcJ,GAEzC,OAAIG,aAAsBE,oBAAsBF,EAAWD,OAAU,aACnEC,EAAWD,SAEJ,EAGG,EAGP,MAAMI,mBAAqBA,CAACP,EAAsBC,EAAYJ,gCACnE,MAAMW,EAAcR,EAAQS,iBAAiBR,GAC7C,MAAMS,EAAiBF,EAAYA,EAAYG,OAAS,GAExD,OAAID,aAA0BJ,oBAAsBI,EAAeP,OAAU,aAC3EO,EAAeP,SAER,EAGG,EAGP,MAAMS,iBAAmBA,IAAIC,IAClCA,EAAWC,QAAe,CAACC,EAAKC,YACnBA,GAAc,WAEvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,IACN,IAEE,MAAME,yBAA2BA,EACtCC,UACAC,aAKO,CACLC,EACAC,EACAC,EACAC,EAAqB1B,gCAErB,IAAI2B,EAAMF,EAAKG,QAAQJ,GAEvB,GAAIG,KAAQ,GAAMF,EAAKX,SAAW,EAIlC,GACMe,aAAaR,GAASS,SAASP,GACjCI,IACSE,aAAaP,GAASQ,SAASP,IACxCI,IAGEA,EAAM,EACRA,EAAMF,EAAKX,OAAS,EACXa,EAAMF,EAAKX,OAAS,IAC7Ba,EAAM,UAEAzB,oBAAoBuB,EAAKE,GAAMD,GAAmB,EAIzD,MAAMK,qBAAuBX,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGJ,MAAMU,uBAAyBZ,yBAAyB,CAC7DC,QAAS,YACTC,QAAS"}

package/shared/utils/isNil.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"isNil.mjs","sources":["../../../../src/shared/utils/isNil.ts"],"sourcesContent":["const isNil = (value: unknown): value is null | undefined => value === null || value === undefined\n\nexport { isNil }\n"],"names":["isNil","value","undefined"],"mappings":"AAAMA,MAAAA,MAASC,GAA8CA,IAAU,MAAQA,SAAUC"}
+{"version":3,"file":"isNil.mjs","sources":["../../../../src/shared/utils/isNil.ts"],"sourcesContent":["const isNil = (value: unknown): value is null | undefined => value === null || value === undefined\n\nexport { isNil }\n"],"names":["isNil","value","undefined"],"mappings":"AAAA,MAAMA,MAASC,GAA8CA,IAAU,MAAQA,SAAUC"}

package/shared/utils/misc.js.map

@@ -1 +1 @@
-{"version":3,"file":"misc.js","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import { deepmergeCustom } from 'deepmerge-ts'\nimport type { Nullable } from 'shared/types'\n\nexport const deepmerge = deepmergeCustom({\n  mergeArrays: false,\n})\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n\nexport const createDebouncedCallback = <T>(cb: (params: T) => void, debounceMS = 100): typeof cb => {\n  let timerId: ReturnType<typeof setTimeout> | null = null\n\n  return (params: T) => {\n    if (timerId) clearTimeout(timerId)\n    timerId = setTimeout(() => {\n      cb(params)\n      timerId = null\n    }, debounceMS)\n  }\n}\n"],"names":["deepmerge","deepmergeCustom","mergeArrays","createDebouncedCallback","cb","debounceMS","timerId","params","clearTimeout","setTimeout","createThrottledCallback","throttleMS"],"mappings":"aAGaA,MAAAA,kCAAYC,gBAAgB,CACvCC,aAAa,oCAiBwBC,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAgD,KAEpD,OAAQC,IACFD,GAASE,aAAaF,GAC1BA,EAAUG,YAAW,KACnBL,EAAGG,GACHD,EAAU,IAAI,GACbD,EAAW,CACf,kCAvBoCK,CAAIN,EAAyBO,EAAa,OAC/E,IAAIL,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUG,YAAW,KACnBH,EAAU,IAAI,GACbK,GAEHP,EAAGG,GAAO,CACX"}
+{"version":3,"file":"misc.js","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import { deepmergeCustom } from 'deepmerge-ts'\nimport type { Nullable } from 'shared/types'\n\nexport const deepmerge = deepmergeCustom({\n  mergeArrays: false,\n})\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n\nexport const createDebouncedCallback = <T>(cb: (params: T) => void, debounceMS = 100): typeof cb => {\n  let timerId: ReturnType<typeof setTimeout> | null = null\n\n  return (params: T) => {\n    if (timerId) clearTimeout(timerId)\n    timerId = setTimeout(() => {\n      cb(params)\n      timerId = null\n    }, debounceMS)\n  }\n}\n"],"names":["deepmerge","deepmergeCustom","mergeArrays","createDebouncedCallback","cb","debounceMS","timerId","params","clearTimeout","setTimeout","createThrottledCallback","throttleMS"],"mappings":"aAGO,MAAMA,kCAAYC,gBAAgB,CACvCC,aAAa,oCAiBwBC,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAgD,KAEpD,OAAQC,IACFD,GAASE,aAAaF,GAC1BA,EAAUG,YAAW,KACnBL,EAAGG,GACHD,EAAU,IAAI,GACbD,EAAW,CACf,kCAvBoCK,CAAIN,EAAyBO,EAAa,OAC/E,IAAIL,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUG,YAAW,KACnBH,EAAU,IAAI,GACbK,GAEHP,EAAGG,GAAO,CACX"}

package/shared/utils/misc.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"misc.mjs","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import { deepmergeCustom } from 'deepmerge-ts'\nimport type { Nullable } from 'shared/types'\n\nexport const deepmerge = deepmergeCustom({\n  mergeArrays: false,\n})\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n\nexport const createDebouncedCallback = <T>(cb: (params: T) => void, debounceMS = 100): typeof cb => {\n  let timerId: ReturnType<typeof setTimeout> | null = null\n\n  return (params: T) => {\n    if (timerId) clearTimeout(timerId)\n    timerId = setTimeout(() => {\n      cb(params)\n      timerId = null\n    }, debounceMS)\n  }\n}\n"],"names":["deepmerge","deepmergeCustom","mergeArrays","createThrottledCallback","cb","throttleMS","timerId","params","setTimeout","createDebouncedCallback","debounceMS","clearTimeout"],"mappings":"0CAGaA,MAAAA,UAAYC,gBAAgB,CACvCC,aAAa,IAGR,MAAMC,wBAA0BA,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUE,YAAW,KACnBF,EAAU,IAAI,GACbD,GAEHD,EAAGG,GAAO,CACX,EAGI,MAAME,wBAA0BA,CAAIL,EAAyBM,EAAa,OAC/E,IAAIJ,EAAgD,KAEpD,OAAQC,IACFD,GAASK,aAAaL,GAC1BA,EAAUE,YAAW,KACnBJ,EAAGG,GACHD,EAAU,IAAI,GACbI,EAAW,CACf"}
+{"version":3,"file":"misc.mjs","sources":["../../../../src/shared/utils/misc.ts"],"sourcesContent":["import { deepmergeCustom } from 'deepmerge-ts'\nimport type { Nullable } from 'shared/types'\n\nexport const deepmerge = deepmergeCustom({\n  mergeArrays: false,\n})\n\nexport const createThrottledCallback = <T>(cb: (params: T) => void, throttleMS = 100): typeof cb => {\n  let timerId: Nullable<ReturnType<typeof setTimeout>> = null\n\n  return (params: T) => {\n    if (timerId) return\n\n    timerId = setTimeout(() => {\n      timerId = null\n    }, throttleMS)\n\n    cb(params)\n  }\n}\n\nexport const createDebouncedCallback = <T>(cb: (params: T) => void, debounceMS = 100): typeof cb => {\n  let timerId: ReturnType<typeof setTimeout> | null = null\n\n  return (params: T) => {\n    if (timerId) clearTimeout(timerId)\n    timerId = setTimeout(() => {\n      cb(params)\n      timerId = null\n    }, debounceMS)\n  }\n}\n"],"names":["deepmerge","deepmergeCustom","mergeArrays","createThrottledCallback","cb","throttleMS","timerId","params","setTimeout","createDebouncedCallback","debounceMS","clearTimeout"],"mappings":"0CAGO,MAAMA,UAAYC,gBAAgB,CACvCC,aAAa,IAGR,MAAMC,wBAA0BA,CAAIC,EAAyBC,EAAa,OAC/E,IAAIC,EAAmD,KAEvD,OAAQC,IACFD,IAEJA,EAAUE,YAAW,KACnBF,EAAU,IAAI,GACbD,GAEHD,EAAGG,GAAO,CACX,EAGI,MAAME,wBAA0BA,CAAIL,EAAyBM,EAAa,OAC/E,IAAIJ,EAAgD,KAEpD,OAAQC,IACFD,GAASK,aAAaL,GAC1BA,EAAUE,YAAW,KACnBJ,EAAGG,GACHD,EAAU,IAAI,GACbI,EAAW,CACf"}

package/shared/utils/react.js.map

@@ -1 +1 @@
-{"version":3,"file":"react.js","sources":["../../../../src/shared/utils/react.ts"],"sourcesContent":["import { Children, isValidElement, Fragment, cloneElement } from 'react'\n\nexport const removeFragments = (children: React.ReactNode, targetDepth = 1): React.ReactNode[] => {\n  if (targetDepth <= 0) {\n    return Children.toArray(children)\n  }\n\n  const func = (input: React.ReactNode, depth: number): React.ReactNode[] => {\n    const iterable = Children.toArray(input).map((child, idx) =>\n      isValidElement(child) ? cloneElement(child, { key: '.'.repeat(depth) + idx }) : child\n    )\n\n    if (depth >= targetDepth) {\n      return iterable\n    }\n\n    return iterable.reduce<React.ReactNode[]>((acc, child) => {\n      if (isValidElement(child) && child.type === Fragment) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        if (child.props.children) {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          acc.push(...func(child.props.children, depth + 1))\n        }\n      } else {\n        acc.push(child)\n      }\n\n      return acc\n    }, [])\n  }\n\n  return func(children, 0)\n}\n"],"names":["removeFragments","children","targetDepth","Children","toArray","func","input","depth","iterable","map","child","idx","isValidElement","cloneElement","key","repeat","reduce","acc","type","Fragment","props","push"],"mappings":"gEAE+BA,CAACC,EAA2BC,EAAc,KACvE,GAAIA,GAAe,EACjB,OAAOC,MAAQA,SAACC,QAAQH,GAG1B,MAAMI,KAAOA,CAACC,EAAwBC,KACpC,MAAMC,EAAWL,MAAQA,SAACC,QAAQE,GAAOG,KAAI,CAACC,EAAOC,IACnDC,MAAcA,eAACF,GAASG,MAAAA,aAAaH,EAAO,CAAEI,IAAK,IAAIC,OAAOR,GAASI,IAASD,IAGlF,OAAIH,GAASL,EACJM,EAGFA,EAASQ,QAA0B,CAACC,EAAKP,KAC1CE,MAAcA,eAACF,IAAUA,EAAMQ,OAASC,MAAAA,SAGtCT,EAAMU,MAAMnB,UAGdgB,EAAII,QAAQhB,KAAKK,EAAMU,MAAMnB,SAAUM,EAAQ,IAGjDU,EAAII,KAAKX,GAGJO,IACN,GAAG,EAGR,OAAOZ,KAAKJ,EAAU,EAAE"}
+{"version":3,"file":"react.js","sources":["../../../../src/shared/utils/react.ts"],"sourcesContent":["import { Children, isValidElement, Fragment, cloneElement } from 'react'\n\nexport const removeFragments = (children: React.ReactNode, targetDepth = 1): React.ReactNode[] => {\n  if (targetDepth <= 0) {\n    return Children.toArray(children)\n  }\n\n  const func = (input: React.ReactNode, depth: number): React.ReactNode[] => {\n    const iterable = Children.toArray(input).map((child, idx) =>\n      isValidElement(child) ? cloneElement(child, { key: '.'.repeat(depth) + idx }) : child\n    )\n\n    if (depth >= targetDepth) {\n      return iterable\n    }\n\n    return iterable.reduce<React.ReactNode[]>((acc, child) => {\n      if (isValidElement(child) && child.type === Fragment) {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        if (child.props.children) {\n          // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n          // @ts-ignore\n          acc.push(...func(child.props.children, depth + 1))\n        }\n      } else {\n        acc.push(child)\n      }\n\n      return acc\n    }, [])\n  }\n\n  return func(children, 0)\n}\n"],"names":["removeFragments","children","targetDepth","Children","toArray","func","input","depth","iterable","map","child","idx","isValidElement","cloneElement","key","repeat","reduce","acc","type","Fragment","props","push"],"mappings":"gEAE+BA,CAACC,EAA2BC,EAAc,KACvE,GAAIA,GAAe,EACjB,OAAOC,MAAAA,SAASC,QAAQH,GAG1B,MAAMI,KAAOA,CAACC,EAAwBC,KACpC,MAAMC,EAAWL,MAAAA,SAASC,QAAQE,GAAOG,KAAI,CAACC,EAAOC,IACnDC,MAAAA,eAAeF,GAASG,MAAAA,aAAaH,EAAO,CAAEI,IAAK,IAAIC,OAAOR,GAASI,IAASD,IAGlF,OAAIH,GAASL,EACJM,EAGFA,EAASQ,QAA0B,CAACC,EAAKP,KAC1CE,MAAAA,eAAeF,IAAUA,EAAMQ,OAASC,MAAAA,SAGtCT,EAAMU,MAAMnB,UAGdgB,EAAII,QAAQhB,KAAKK,EAAMU,MAAMnB,SAAUM,EAAQ,IAGjDU,EAAII,KAAKX,GAGJO,IACN,GAAG,EAGR,OAAOZ,KAAKJ,EAAU,EAAE"}

package/shared/utils/style.js.map

@@ -1 +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: unknown): value is CSSGlobalValue =>\n  typeof value === 'string' && ['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,UACxBA,GAAU,UAAY,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}
+{"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: unknown): value is CSSGlobalValue =>\n  typeof value === 'string' && ['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,OAAAA,oBACAC,OAAAA,yBACAC,mCACAC,OAAAA,oBACAC,OAAAA,+BACAN,OAAOO,IAAYA,EAAOC,KAAKV,MAG9BH,EAAMG,GACd,2BAG8BW,UACxBA,GAAU,UAAY,CAAC,UAAW,UAAW,QAAS,SAAU,gBAAgBC,SAASD"}