@foxford/ui 2.200.0-beta-5ef03d0-20260310 → 2.222.0-beta-e421dbf-20260416

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{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()`
+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

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

package/mixins/responsive-size.js.map

@@ -1 +1 @@
-{"version":3,"file":"responsive-size.js","sources":["../../../src/mixins/responsive-size.ts"],"sourcesContent":["import type { 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"}
+{"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,QACD,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

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

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,CAAA"}
+{"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,QACD,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,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"}
+{"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,KAQb,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,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"}
+{"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,KAQb,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

@@ -2,5 +2,5 @@
         ${s(S,n)}
       `:t()`
       ${s}: ${String(S)}${typeof S=='string'?'':n??''};
-    `)},exports.desktopFirst=(e,s)=>{const t=getKey(e);const n=getKey(s);return t&&n?DESKTOP_FIRST_KEYS.findIndex((e=>e===t))<DESKTOP_FIRST_KEYS.findIndex((e=>e===n))?-1:1:0},exports.getLatinSizeMapByCssProperty=getLatinSizeMapByCssProperty,exports.getMediaQueryByResponsiveProp=e=>e.endsWith('XXS')?screen.screenMaxXxs:e.endsWith('XS')?screen.screenMaxXs:e.endsWith('S')?screen.screenMaxS:e.endsWith('M')?screen.screenMaxM:e.endsWith('XL')?screen.screenMinL:screen.screenMaxL,exports.mobileFirst=(e,s)=>{const t=getKey(e);const n=getKey(s);return t&&n?MOBILE_FIRST_KEYS.findIndex((e=>e===t))<MOBILE_FIRST_KEYS.findIndex((e=>e===n))?-1:1:0};
+    `)},exports.desktopFirst=(e,s)=>{const t=getKey(e);const n=getKey(s);return t&&n?DESKTOP_FIRST_KEYS.findIndex(e=>e===t)<DESKTOP_FIRST_KEYS.findIndex(e=>e===n)?-1:1:0},exports.getLatinSizeMapByCssProperty=getLatinSizeMapByCssProperty,exports.getMediaQueryByResponsiveProp=e=>e.endsWith('XXS')?screen.screenMaxXxs:e.endsWith('XS')?screen.screenMaxXs:e.endsWith('S')?screen.screenMaxS:e.endsWith('M')?screen.screenMaxM:e.endsWith('XL')?screen.screenMinL:screen.screenMaxL,exports.mobileFirst=(e,s)=>{const t=getKey(e);const n=getKey(s);return t&&n?MOBILE_FIRST_KEYS.findIndex(e=>e===t)<MOBILE_FIRST_KEYS.findIndex(e=>e===n)?-1:1:0};
 //# sourceMappingURL=shared.js.map

package/mixins/shared.js.map

@@ -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,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"}
+{"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,UAAWC,GAAOA,IAAOH,GAC5CnB,mBAAmBqB,UAAWC,GAAOA,IAAOF,IAElC,EAAK,EALH,2GAmBiBG,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,UAAWC,GAAOA,IAAOH,GAC3ClB,kBAAkBoB,UAAWC,GAAOA,IAAOF,IAEjC,EAAK,EALH"}

package/mixins/shared.mjs

@@ -2,5 +2,5 @@ import{css}from'styled-components';import{screenMaxXxs,screenMaxXs,screenMaxS,sc
         ${s(i,t)}
       `:n()`
       ${s}: ${String(i)}${typeof i=='string'?'':t??''};
-    `)}const getKey=e=>e.endsWith('XXS')?'xxs':e.endsWith('XS')?'xs':e.endsWith('S')?'s':e.endsWith('M')?'m':e.endsWith('XL')?'xl':e.endsWith('L')?'l':null;const desktopFirst=(e,s)=>{const n=getKey(e);const t=getKey(s);return n&&t?DESKTOP_FIRST_KEYS.findIndex((e=>e===n))<DESKTOP_FIRST_KEYS.findIndex((e=>e===t))?-1:1:0};const mobileFirst=(e,s)=>{const n=getKey(e);const t=getKey(s);return n&&t?MOBILE_FIRST_KEYS.findIndex((e=>e===n))<MOBILE_FIRST_KEYS.findIndex((e=>e===t))?-1:1:0};const getMediaQueryByResponsiveProp=e=>e.endsWith('XXS')?screenMaxXxs:e.endsWith('XS')?screenMaxXs:e.endsWith('S')?screenMaxS:e.endsWith('M')?screenMaxM:e.endsWith('XL')?screenMinL:screenMaxL;export{FONT_SIZES_LATIN,SIZES_LATIN,buildMediaQuery,desktopFirst,getLatinSizeMapByCssProperty,getMediaQueryByResponsiveProp,mobileFirst};
+    `)}const getKey=e=>e.endsWith('XXS')?'xxs':e.endsWith('XS')?'xs':e.endsWith('S')?'s':e.endsWith('M')?'m':e.endsWith('XL')?'xl':e.endsWith('L')?'l':null;const desktopFirst=(e,s)=>{const n=getKey(e);const t=getKey(s);return n&&t?DESKTOP_FIRST_KEYS.findIndex(e=>e===n)<DESKTOP_FIRST_KEYS.findIndex(e=>e===t)?-1:1:0};const mobileFirst=(e,s)=>{const n=getKey(e);const t=getKey(s);return n&&t?MOBILE_FIRST_KEYS.findIndex(e=>e===n)<MOBILE_FIRST_KEYS.findIndex(e=>e===t)?-1:1:0};const getMediaQueryByResponsiveProp=e=>e.endsWith('XXS')?screenMaxXxs:e.endsWith('XS')?screenMaxXs:e.endsWith('S')?screenMaxS:e.endsWith('M')?screenMaxM:e.endsWith('XL')?screenMinL:screenMaxL;export{FONT_SIZES_LATIN,SIZES_LATIN,buildMediaQuery,desktopFirst,getLatinSizeMapByCssProperty,getMediaQueryByResponsiveProp,mobileFirst};
 //# sourceMappingURL=shared.mjs.map

package/mixins/shared.mjs.map

@@ -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,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"}
+{"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,UAAWC,GAAOA,IAAOH,GAC5CpB,mBAAmBsB,UAAWC,GAAOA,IAAOF,IAElC,EAAK,EALH,SAQhBG,YAAcA,CAACN,EAAWC,KACrC,MAAMC,EAAON,OAAOI,GACpB,MAAMG,EAAOP,OAAOK,GACpB,OAAKC,GAASC,EAECpB,kBAAkBqB,UAAWC,GAAOA,IAAOH,GAC3CnB,kBAAkBqB,UAAWC,GAAOA,IAAOF,IAEjC,EAAK,EALH,GAQtB,MAAMI,8BAAiCC,GACxCA,EAAKV,SAAS,OAAeW,aAC7BD,EAAKV,SAAS,MAAcY,YAC5BF,EAAKV,SAAS,KAAaa,WAC3BH,EAAKV,SAAS,KAAac,WAC3BJ,EAAKV,SAAS,MAAce,WACzBC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@foxford/ui",
-  "version": "2.200.0-beta-5ef03d0-20260310",
+  "version": "2.222.0-beta-e421dbf-20260416",
   "description": "UI components and utilities",
   "bugs": {
     "url": "https://github.com/foxford/ui/issues"
@@ -63,6 +63,6 @@
     "shared",
     "theme"
   ],
-  "sha": "5ef03d0",
+  "sha": "e421dbf",
   "scripts": {}
 }

package/shared/resize-observer.js

@@ -1,2 +1,2 @@
-'use strict';var ResizeObserver=require('resize-observer-polyfill');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}const resizeObserver=Object.assign(new(_interopDefault(ResizeObserver).default)((e=>{e.forEach((e=>{typeof e.target[resizeObserver.symbol]=='function'&&e.target[resizeObserver.symbol](e.target)}))})),{symbol:Symbol('resize-handler')});exports.resizeObserver=resizeObserver;
+'use strict';var ResizeObserver=require('resize-observer-polyfill');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}const resizeObserver=Object.assign(new(_interopDefault(ResizeObserver).default)(e=>{e.forEach(e=>{typeof e.target[resizeObserver.symbol]=='function'&&e.target[resizeObserver.symbol](e.target)})}),{symbol:Symbol('resize-handler')});exports.resizeObserver=resizeObserver;
 //# sourceMappingURL=resize-observer.js.map

package/shared/resize-observer.js.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer.js","sources":["../../../src/shared/resize-observer.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\n\nexport const resizeObserver = Object.assign<\n  ResizeObserver,\n  {\n    readonly symbol: symbol\n  }\n>(\n  new ResizeObserver((entries) => {\n    entries.forEach((entry) => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      if (typeof entry.target[resizeObserver.symbol] === 'function') {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        entry.target[resizeObserver.symbol](entry.target)\n      }\n    })\n  }),\n  { symbol: Symbol('resize-handler') }\n)\n"],"names":["resizeObserver","Object","assign","ResizeObserver","entries","forEach","entry","target","symbol","Symbol"],"mappings":"qIAEO,MAAMA,eAAiBC,OAAOC,OAMnC,oCAAIC,UAAgBC,IAClBA,EAAQC,SAASC,WAGJA,EAAMC,OAAOP,eAAeQ,SAAY,YAGjDF,EAAMC,OAAOP,eAAeQ,QAAQF,EAAMC,OAC5C,GACA,IAEJ,CAAEC,OAAQC,OAAO"}
+{"version":3,"file":"resize-observer.js","sources":["../../../src/shared/resize-observer.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\n\nexport const resizeObserver = Object.assign<\n  ResizeObserver,\n  {\n    readonly symbol: symbol\n  }\n>(\n  new ResizeObserver((entries) => {\n    entries.forEach((entry) => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      if (typeof entry.target[resizeObserver.symbol] === 'function') {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        entry.target[resizeObserver.symbol](entry.target)\n      }\n    })\n  }),\n  { symbol: Symbol('resize-handler') }\n)\n"],"names":["resizeObserver","Object","assign","ResizeObserver","entries","forEach","entry","target","symbol","Symbol"],"mappings":"qIAEO,MAAMA,eAAiBC,OAAOC,OAMnC,oCAAIC,SAAgBC,IAClBA,EAAQC,QAASC,WAGJA,EAAMC,OAAOP,eAAeQ,SAAY,YAGjDF,EAAMC,OAAOP,eAAeQ,QAAQF,EAAMC,YAIhD,CAAEC,OAAQC,OAAO"}

package/shared/resize-observer.mjs

@@ -1,2 +1,2 @@
-import ResizeObserver from'resize-observer-polyfill';const resizeObserver=Object.assign(new ResizeObserver((e=>{e.forEach((e=>{typeof e.target[resizeObserver.symbol]=='function'&&e.target[resizeObserver.symbol](e.target)}))})),{symbol:Symbol('resize-handler')});export{resizeObserver};
+import ResizeObserver from'resize-observer-polyfill';const resizeObserver=Object.assign(new ResizeObserver(e=>{e.forEach(e=>{typeof e.target[resizeObserver.symbol]=='function'&&e.target[resizeObserver.symbol](e.target)})}),{symbol:Symbol('resize-handler')});export{resizeObserver};
 //# sourceMappingURL=resize-observer.mjs.map

package/shared/resize-observer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"resize-observer.mjs","sources":["../../../src/shared/resize-observer.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\n\nexport const resizeObserver = Object.assign<\n  ResizeObserver,\n  {\n    readonly symbol: symbol\n  }\n>(\n  new ResizeObserver((entries) => {\n    entries.forEach((entry) => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      if (typeof entry.target[resizeObserver.symbol] === 'function') {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        entry.target[resizeObserver.symbol](entry.target)\n      }\n    })\n  }),\n  { symbol: Symbol('resize-handler') }\n)\n"],"names":["resizeObserver","Object","assign","ResizeObserver","entries","forEach","entry","target","symbol","Symbol"],"mappings":"qDAEO,MAAMA,eAAiBC,OAAOC,OAMnC,IAAIC,gBAAgBC,IAClBA,EAAQC,SAASC,WAGJA,EAAMC,OAAOP,eAAeQ,SAAY,YAGjDF,EAAMC,OAAOP,eAAeQ,QAAQF,EAAMC,OAC5C,GACA,IAEJ,CAAEC,OAAQC,OAAO"}
+{"version":3,"file":"resize-observer.mjs","sources":["../../../src/shared/resize-observer.ts"],"sourcesContent":["import ResizeObserver from 'resize-observer-polyfill'\n\nexport const resizeObserver = Object.assign<\n  ResizeObserver,\n  {\n    readonly symbol: symbol\n  }\n>(\n  new ResizeObserver((entries) => {\n    entries.forEach((entry) => {\n      // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n      // @ts-ignore\n      if (typeof entry.target[resizeObserver.symbol] === 'function') {\n        // eslint-disable-next-line @typescript-eslint/ban-ts-comment\n        // @ts-ignore\n        entry.target[resizeObserver.symbol](entry.target)\n      }\n    })\n  }),\n  { symbol: Symbol('resize-handler') }\n)\n"],"names":["resizeObserver","Object","assign","ResizeObserver","entries","forEach","entry","target","symbol","Symbol"],"mappings":"qDAEO,MAAMA,eAAiBC,OAAOC,OAMnC,IAAIC,eAAgBC,IAClBA,EAAQC,QAASC,WAGJA,EAAMC,OAAOP,eAAeQ,SAAY,YAGjDF,EAAMC,OAAOP,eAAeQ,QAAQF,EAAMC,YAIhD,CAAEC,OAAQC,OAAO"}

package/shared/utils/Observable.js

@@ -1,2 +1,2 @@
-'use strict';exports.Observable=class Observable{observers=[];notify=s=>{this.observers.forEach((e=>e(s)))};subscribe(s){return this.observers.push(s),()=>{this.unsubscribe(s)}}unsubscribe=s=>{this.observers=this.observers.filter((e=>e!==s))}};
+'use strict';exports.Observable=class Observable{observers=[];notify=s=>{this.observers.forEach(e=>e(s))};subscribe(s){return this.observers.push(s),()=>{this.unsubscribe(s)}}unsubscribe=s=>{this.observers=this.observers.filter(e=>e!==s)}};
 //# sourceMappingURL=Observable.js.map

package/shared/utils/Observable.js.map

@@ -1 +1 @@
-{"version":3,"file":"Observable.js","sources":["../../../../src/shared/utils/Observable.ts"],"sourcesContent":["export type Observer<T> = (payload: T) => unknown\n\nexport type UnsubscribeObserverCallback = () => void\n\nexport class Observable<T> {\n  private observers: Observer<T>[] = []\n\n  protected notify = (payload: T) => {\n    this.observers.forEach((observer) => observer(payload))\n  }\n\n  public subscribe(observer: Observer<T>): UnsubscribeObserverCallback {\n    this.observers.push(observer)\n\n    return () => {\n      this.unsubscribe(observer)\n    }\n  }\n\n  public unsubscribe = (observer: Observer<T>) => {\n    this.observers = this.observers.filter((item) => item !== observer)\n  }\n}\n"],"names":["Observable","observers","notify","payload","this","forEach","observer","subscribe","push","unsubscribe","filter","item"],"mappings":"gCAIO,MAAMA,WACHC,UAA2B,GAEzBC,OAAUC,IAClBC,KAAKH,UAAUI,SAASC,GAAaA,EAASH,IAAS,EAGlDI,SAAAA,CAAUD,GAGf,OAFAF,KAAKH,UAAUO,KAAKF,GAEb,KACLF,KAAKK,YAAYH,EAAS,CAE9B,CAEOG,YAAeH,IACpBF,KAAKH,UAAYG,KAAKH,UAAUS,QAAQC,GAASA,IAASL,GAAS"}
+{"version":3,"file":"Observable.js","sources":["../../../../src/shared/utils/Observable.ts"],"sourcesContent":["export type Observer<T> = (payload: T) => unknown\n\nexport type UnsubscribeObserverCallback = () => void\n\nexport class Observable<T> {\n  private observers: Observer<T>[] = []\n\n  protected notify = (payload: T) => {\n    this.observers.forEach((observer) => observer(payload))\n  }\n\n  public subscribe(observer: Observer<T>): UnsubscribeObserverCallback {\n    this.observers.push(observer)\n\n    return () => {\n      this.unsubscribe(observer)\n    }\n  }\n\n  public unsubscribe = (observer: Observer<T>) => {\n    this.observers = this.observers.filter((item) => item !== observer)\n  }\n}\n"],"names":["Observable","observers","notify","payload","this","forEach","observer","subscribe","push","unsubscribe","filter","item"],"mappings":"gCAIO,MAAMA,WACHC,UAA2B,GAEzBC,OAAUC,IAClBC,KAAKH,UAAUI,QAASC,GAAaA,EAASH,KAGzCI,SAAAA,CAAUD,GAGf,OAFAF,KAAKH,UAAUO,KAAKF,GAEb,KACLF,KAAKK,YAAYH,GAErB,CAEOG,YAAeH,IACpBF,KAAKH,UAAYG,KAAKH,UAAUS,OAAQC,GAASA,IAASL"}

package/shared/utils/Observable.mjs

@@ -1,2 +1,2 @@
-class Observable{observers=[];notify=s=>{this.observers.forEach((e=>e(s)))};subscribe(s){return this.observers.push(s),()=>{this.unsubscribe(s)}}unsubscribe=s=>{this.observers=this.observers.filter((e=>e!==s))}}export{Observable};
+class Observable{observers=[];notify=s=>{this.observers.forEach(e=>e(s))};subscribe(s){return this.observers.push(s),()=>{this.unsubscribe(s)}}unsubscribe=s=>{this.observers=this.observers.filter(e=>e!==s)}}export{Observable};
 //# sourceMappingURL=Observable.mjs.map

package/shared/utils/Observable.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"Observable.mjs","sources":["../../../../src/shared/utils/Observable.ts"],"sourcesContent":["export type Observer<T> = (payload: T) => unknown\n\nexport type UnsubscribeObserverCallback = () => void\n\nexport class Observable<T> {\n  private observers: Observer<T>[] = []\n\n  protected notify = (payload: T) => {\n    this.observers.forEach((observer) => observer(payload))\n  }\n\n  public subscribe(observer: Observer<T>): UnsubscribeObserverCallback {\n    this.observers.push(observer)\n\n    return () => {\n      this.unsubscribe(observer)\n    }\n  }\n\n  public unsubscribe = (observer: Observer<T>) => {\n    this.observers = this.observers.filter((item) => item !== observer)\n  }\n}\n"],"names":["Observable","observers","notify","payload","this","forEach","observer","subscribe","push","unsubscribe","filter","item"],"mappings":"AAIO,MAAMA,WACHC,UAA2B,GAEzBC,OAAUC,IAClBC,KAAKH,UAAUI,SAASC,GAAaA,EAASH,IAAS,EAGlDI,SAAAA,CAAUD,GAGf,OAFAF,KAAKH,UAAUO,KAAKF,GAEb,KACLF,KAAKK,YAAYH,EAAS,CAE9B,CAEOG,YAAeH,IACpBF,KAAKH,UAAYG,KAAKH,UAAUS,QAAQC,GAASA,IAASL,GAAS"}
+{"version":3,"file":"Observable.mjs","sources":["../../../../src/shared/utils/Observable.ts"],"sourcesContent":["export type Observer<T> = (payload: T) => unknown\n\nexport type UnsubscribeObserverCallback = () => void\n\nexport class Observable<T> {\n  private observers: Observer<T>[] = []\n\n  protected notify = (payload: T) => {\n    this.observers.forEach((observer) => observer(payload))\n  }\n\n  public subscribe(observer: Observer<T>): UnsubscribeObserverCallback {\n    this.observers.push(observer)\n\n    return () => {\n      this.unsubscribe(observer)\n    }\n  }\n\n  public unsubscribe = (observer: Observer<T>) => {\n    this.observers = this.observers.filter((item) => item !== observer)\n  }\n}\n"],"names":["Observable","observers","notify","payload","this","forEach","observer","subscribe","push","unsubscribe","filter","item"],"mappings":"AAIO,MAAMA,WACHC,UAA2B,GAEzBC,OAAUC,IAClBC,KAAKH,UAAUI,QAASC,GAAaA,EAASH,KAGzCI,SAAAA,CAAUD,GAGf,OAFAF,KAAKH,UAAUO,KAAKF,GAEb,KACLF,KAAKK,YAAYH,GAErB,CAEOG,YAAeH,IACpBF,KAAKH,UAAYG,KAAKH,UAAUS,OAAQC,GAASA,IAASL"}

package/shared/utils/colors.js

@@ -1,2 +1,2 @@
-'use strict';function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var tinycolor__default=_interopDefault(require('tinycolor2'));const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;exports.getDarkHoverColor=o=>tinycolor__default.default(o).darken(10).toString('hex8'),exports.getDarkStrongHoverColor=o=>tinycolor__default.default(o).darken(20).toString('hex8'),exports.getLightHoverColor=o=>tinycolor__default.default(o).brighten(8).toString('hex8'),exports.getLightStrongHoverColor=o=>tinycolor__default.default(o).brighten(16).toString('hex8'),exports.hexToRgbA=(o,e)=>{if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const t=Math.floor(o.length/3);const r=new RegExp(`([A-Fa-f0-9]){${t}}`,'g');const[l,n,a]=[...o.matchAll(r)].map((([o])=>parseInt(o.padEnd(2,o),16)));return typeof e=='number'?`rgba(${l}, ${n}, ${a}, ${e})`:`rgb(${l}, ${n}, ${a})`},exports.isHex=o=>allowedHexColorCodes.test(o);
+'use strict';function _interopDefault(o){return o&&o.__esModule?o:{default:o}}var tinycolor__default=_interopDefault(require('tinycolor2'));const allowedHexColorCodes=/^#?([0-9a-fA-F]{3}){1,2}$/;exports.getDarkHoverColor=o=>tinycolor__default.default(o).darken(10).toString('hex8'),exports.getDarkStrongHoverColor=o=>tinycolor__default.default(o).darken(20).toString('hex8'),exports.getLightHoverColor=o=>tinycolor__default.default(o).brighten(8).toString('hex8'),exports.getLightStrongHoverColor=o=>tinycolor__default.default(o).brighten(16).toString('hex8'),exports.hexToRgbA=(o,e)=>{if(!allowedHexColorCodes.test(o))throw new Error(`Provided HEX color code "${o}" is incorrect`);const t=Math.floor(o.length/3);const r=new RegExp(`([A-Fa-f0-9]){${t}}`,'g');const[l,n,a]=[...o.matchAll(r)].map(([o])=>parseInt(o.padEnd(2,o),16));return typeof e=='number'?`rgba(${l}, ${n}, ${a}, ${e})`:`rgb(${l}, ${n}, ${a})`},exports.isHex=o=>allowedHexColorCodes.test(o);
 //# sourceMappingURL=colors.js.map

package/shared/utils/colors.js.map

@@ -1 +1 @@
-{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA, HEX } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n  if (!allowedHexColorCodes.test(hex)) {\n    throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n  }\n\n  const codeGroupLength = Math.floor(hex.length / 3)\n  const hexCodePattern = getHexCodePattern(codeGroupLength)\n  const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n  if (typeof alpha === 'number') {\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`\n  }\n\n  return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n  return allowedHexColorCodes.test(hex)\n}\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["allowedHexColorCodes","color","tinycolor","darken","toString","brighten","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd"],"mappings":"4IAGA,MAAMA,qBAAuB,sDA0CKC,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,wCAEtDH,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,mCANjEH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,GAAGD,SAAS,yCAEvDH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,IAAID,SAAS,0BA7BhG,CAAmBE,EAAaC,KACrC,IAAKP,qBAAqBQ,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,KAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,MAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,gBASsBZ,GACbN,qBAAqBQ,KAAKF"}
+{"version":3,"file":"colors.js","sources":["../../../../src/shared/utils/colors.ts"],"sourcesContent":["import tinycolor from 'tinycolor2'\nimport type { RGB, RGBA, HEX } from 'shared/types'\n\nconst allowedHexColorCodes = /^#?([0-9a-fA-F]{3}){1,2}$/\nconst getHexCodePattern = (groupLength: number) => new RegExp(`([A-Fa-f0-9]){${groupLength}}`, 'g')\n\n/**\n * Converts HEX color code to RGB(A) string\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @param {Number} alpha channel which specifies the opacity of the color\n * @returns {RGB | RGBA} RGB(A) string\n */\nexport function hexToRgbA(hex: string, alpha?: number): RGB | RGBA {\n  if (!allowedHexColorCodes.test(hex)) {\n    throw new Error(`Provided HEX color code \"${hex}\" is incorrect`)\n  }\n\n  const codeGroupLength = Math.floor(hex.length / 3)\n  const hexCodePattern = getHexCodePattern(codeGroupLength)\n  const [r, g, b] = [...hex.matchAll(hexCodePattern)].map(([code]) => parseInt(code.padEnd(2, code), 16))\n\n  if (typeof alpha === 'number') {\n    return `rgba(${r}, ${g}, ${b}, ${alpha})`\n  }\n\n  return `rgb(${r}, ${g}, ${b})`\n}\n\n/**\n * Checks if value is HEX color\n *\n * @export\n * @param {string} HEX color with length of either 3 or 6 (can be with or without '#' sign)\n * @returns {boolean}\n */\nexport function isHex(hex: string): boolean {\n  return allowedHexColorCodes.test(hex)\n}\n\nexport const getLightHoverColor = (color: string): HEX => tinycolor(color).brighten(8).toString('hex8') as HEX\n\nexport const getLightStrongHoverColor = (color: string): HEX => tinycolor(color).brighten(16).toString('hex8') as HEX\n\nexport const getDarkHoverColor = (color: string): HEX => tinycolor(color).darken(10).toString('hex8') as HEX\n\nexport const getDarkStrongHoverColor = (color: string): HEX => tinycolor(color).darken(20).toString('hex8') as HEX\n"],"names":["allowedHexColorCodes","color","tinycolor","darken","toString","brighten","hex","alpha","test","Error","codeGroupLength","Math","floor","length","hexCodePattern","RegExp","r","g","b","matchAll","map","code","parseInt","padEnd"],"mappings":"4IAGA,MAAMA,qBAAuB,sDA0CKC,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,wCAEtDH,GAAuBC,mBAAAA,QAAUD,GAAOE,OAAO,IAAIC,SAAS,mCANjEH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,GAAGD,SAAS,yCAEvDH,GAAuBC,mBAAAA,QAAUD,GAAOI,SAAS,IAAID,SAAS,0BA7BhG,CAAmBE,EAAaC,KACrC,IAAKP,qBAAqBQ,KAAKF,GAC7B,MAAM,IAAIG,MAAM,4BAA4BH,mBAG9C,MAAMI,EAAkBC,KAAKC,MAAMN,EAAIO,OAAS,GAChD,MAAMC,EAhB2C,IAAIC,OAAO,iBAgBnBL,KAhBoD,KAiB7F,MAAOM,EAAGC,EAAGC,GAAK,IAAIZ,EAAIa,SAASL,IAAiBM,IAAI,EAAEC,KAAUC,SAASD,EAAKE,OAAO,EAAGF,GAAO,KAEnG,cAAWd,GAAU,SACZ,QAAQS,MAAMC,MAAMC,MAAMX,KAG5B,OAAOS,MAAMC,MAAMC,IAC5B,gBASsBZ,GACbN,qBAAqBQ,KAAKF"}

package/shared/utils/colors.mjs

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

package/shared/utils/colors.mjs.map

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

package/shared/utils/createPolymorphicComponentWithRef.js

@@ -0,0 +1,2 @@
+'use strict';var React=require('react');exports.createPolymorphicComponentWithRef=e=>React.forwardRef(e);
+//# sourceMappingURL=createPolymorphicComponentWithRef.js.map

package/shared/utils/createPolymorphicComponentWithRef.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPolymorphicComponentWithRef.js","sources":["../../../../src/shared/utils/createPolymorphicComponentWithRef.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { PolymorphicProps, PolymorphicPropsWithRef } from 'shared/interfaces'\nimport type { PolymorphicRef } from 'shared/types'\n\nexport const createPolymorphicComponentWithRef = <T extends React.ElementType, P>(\n  renderFunction: <C extends React.ElementType = T>(\n    props: PolymorphicProps<C, P>,\n    ref: PolymorphicRef<C>\n  ) => React.ReactElement | null\n) => {\n  return forwardRef(renderFunction) as <C extends React.ElementType = T>(\n    props: PolymorphicPropsWithRef<C, P>\n  ) => React.ReactElement | null\n}\n"],"names":["renderFunction","forwardRef"],"mappings":"kFAKEA,GAKOC,MAAAA,WAAWD"}

package/shared/utils/createPolymorphicComponentWithRef.mjs

@@ -0,0 +1,2 @@
+import{forwardRef}from'react';const createPolymorphicComponentWithRef=o=>forwardRef(o);export{createPolymorphicComponentWithRef};
+//# sourceMappingURL=createPolymorphicComponentWithRef.mjs.map

package/shared/utils/createPolymorphicComponentWithRef.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"createPolymorphicComponentWithRef.mjs","sources":["../../../../src/shared/utils/createPolymorphicComponentWithRef.tsx"],"sourcesContent":["import { forwardRef } from 'react'\nimport type { PolymorphicProps, PolymorphicPropsWithRef } from 'shared/interfaces'\nimport type { PolymorphicRef } from 'shared/types'\n\nexport const createPolymorphicComponentWithRef = <T extends React.ElementType, P>(\n  renderFunction: <C extends React.ElementType = T>(\n    props: PolymorphicProps<C, P>,\n    ref: PolymorphicRef<C>\n  ) => React.ReactElement | null\n) => {\n  return forwardRef(renderFunction) as <C extends React.ElementType = T>(\n    props: PolymorphicPropsWithRef<C, P>\n  ) => React.ReactElement | null\n}\n"],"names":["createPolymorphicComponentWithRef","renderFunction","forwardRef"],"mappings":"8BAIO,MAAMA,kCACXC,GAKOC,WAAWD"}

package/shared/utils/dom.js

@@ -1,2 +1,2 @@
-'use strict';var constants=require('../constants.js');const SELECTORS_KEYBOARD_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"], :disabled), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const focusFirstFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{if(e.matches(t)&&typeof e.focus=='function')return e.focus(),!0;const a=e.querySelector(t);return a instanceof HTMLElement&&typeof a.focus=='function'&&(a.focus(),!0)};const createKeyboardNavigation=({prevKey:e,nextKey:t})=>(a,n,o,i=SELECTORS_KEYBOARD_FOCUSABLE)=>{let s=o.indexOf(n);if(s!==-1&&o.length!==0)do{constants.keyboardKeys[e].validate(a)?s--:constants.keyboardKeys[t].validate(a)&&s++,s<0?s=o.length-1:s>o.length-1&&(s=0)}while(!focusFirstFocusable(o[s],i))};const navigateVerticalList=createKeyboardNavigation({prevKey:'ArrowUp',nextKey:'ArrowDown'});const navigateHorizontalList=createKeyboardNavigation({prevKey:'ArrowLeft',nextKey:'ArrowRight'});exports.SELECTORS_FOCUSABLE='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"])',exports.SELECTORS_KEYBOARD_FOCUSABLE=SELECTORS_KEYBOARD_FOCUSABLE,exports.concatClassNames=(...e)=>e.reduce(((e,t)=>(typeof t=='string'&&(e=e?e+' '+t:t),e)),''),exports.createKeyboardNavigation=createKeyboardNavigation,exports.focusFirstFocusable=focusFirstFocusable,exports.focusLastFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{const a=e.querySelectorAll(t);const n=a[a.length-1];return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(),!0)},exports.navigateHorizontalList=navigateHorizontalList,exports.navigateVerticalList=navigateVerticalList;
+'use strict';var constants=require('../constants.js');const SELECTORS_KEYBOARD_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"], :disabled), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const focusFirstFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{if(e.matches(t)&&typeof e.focus=='function')return e.focus(),!0;const a=e.querySelector(t);return a instanceof HTMLElement&&typeof a.focus=='function'&&(a.focus(),!0)};const createKeyboardNavigation=({prevKey:e,nextKey:t})=>(a,n,o,i=SELECTORS_KEYBOARD_FOCUSABLE)=>{let s=o.indexOf(n);if(s!==-1&&o.length!==0)do{constants.keyboardKeys[e].validate(a)?s--:constants.keyboardKeys[t].validate(a)&&s++,s<0?s=o.length-1:s>o.length-1&&(s=0)}while(!focusFirstFocusable(o[s],i))};const navigateVerticalList=createKeyboardNavigation({prevKey:'ArrowUp',nextKey:'ArrowDown'});const navigateHorizontalList=createKeyboardNavigation({prevKey:'ArrowLeft',nextKey:'ArrowRight'});exports.SELECTORS_FOCUSABLE='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"])',exports.SELECTORS_KEYBOARD_FOCUSABLE=SELECTORS_KEYBOARD_FOCUSABLE,exports.concatClassNames=(...e)=>e.reduce((e,t)=>(typeof t=='string'&&(e=e?e+' '+t:t),e),''),exports.createKeyboardNavigation=createKeyboardNavigation,exports.focusFirstFocusable=focusFirstFocusable,exports.focusLastFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{const a=e.querySelectorAll(t);const n=a[a.length-1];return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(),!0)},exports.navigateHorizontalList=navigateHorizontalList,exports.navigateVerticalList=navigateVerticalList;
 //# sourceMappingURL=dom.js.map

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,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"}
+{"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,IA6BJ,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,KAItC,MAAMM,qBAAuBZ,yBAAyB,CAC3DC,QAAS,UACTC,QAAS,cAGJ,MAAMW,uBAAyBb,yBAAyB,CAC7DC,QAAS,YACTC,QAAS,2CArFT,qUAiC8BY,IAAIC,IAClCA,EAAWC,OAAe,CAACC,EAAKC,YACnBA,GAAc,WAEvBD,EAAMA,EAAMA,EAAM,IAAMC,EAAYA,GAG/BD,GACN,yIArB6BE,CAAC1B,EAAsBC,EAAYH,gCACnE,MAAM6B,EAAc3B,EAAQ4B,iBAAiB3B,GAC7C,MAAM4B,EAAiBF,EAAYA,EAAYX,OAAS,GAExD,OAAIa,aAA0BvB,oBAAsBuB,EAAe1B,OAAU,aAC3E0B,EAAe1B,SAER"}

package/shared/utils/dom.mjs

@@ -1,2 +1,2 @@
-import{keyboardKeys}from'../constants.mjs';const SELECTORS_KEYBOARD_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"], :disabled), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const SELECTORS_FOCUSABLE='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"])';const focusFirstFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{if(e.matches(t)&&typeof e.focus=='function')return e.focus(),!0;const a=e.querySelector(t);return a instanceof HTMLElement&&typeof a.focus=='function'&&(a.focus(),!0)};const focusLastFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{const a=e.querySelectorAll(t);const n=a[a.length-1];return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(),!0)};const concatClassNames=(...e)=>e.reduce(((e,t)=>(typeof t=='string'&&(e=e?e+' '+t:t),e)),'');const createKeyboardNavigation=({prevKey:e,nextKey:t})=>(a,n,o,i=SELECTORS_KEYBOARD_FOCUSABLE)=>{let s=o.indexOf(n);if(s!==-1&&o.length!==0)do{keyboardKeys[e].validate(a)?s--:keyboardKeys[t].validate(a)&&s++,s<0?s=o.length-1:s>o.length-1&&(s=0)}while(!focusFirstFocusable(o[s],i))};const navigateVerticalList=createKeyboardNavigation({prevKey:'ArrowUp',nextKey:'ArrowDown'});const navigateHorizontalList=createKeyboardNavigation({prevKey:'ArrowLeft',nextKey:'ArrowRight'});export{SELECTORS_FOCUSABLE,SELECTORS_KEYBOARD_FOCUSABLE,concatClassNames,createKeyboardNavigation,focusFirstFocusable,focusLastFocusable,navigateHorizontalList,navigateVerticalList};
+import{keyboardKeys}from'../constants.mjs';const SELECTORS_KEYBOARD_FOCUSABLE='a[href]:not([tabindex^="-"]), button:not(:disabled, [tabindex^="-"]), input:not(:disabled, [type="hidden"], [tabindex^="-"]), select:not(:disabled, [tabindex^="-"]), textarea:not(:disabled, [tabindex^="-"]), area[href]:not([tabindex^="-"]), iframe:not([tabindex^="-"]), object:not([tabindex^="-"]), summary:not([tabindex^="-"]), [tabindex]:not([tabindex^="-"], :disabled), [contenteditable]:not([contenteditable="false"], [tabindex^="-"])';const SELECTORS_FOCUSABLE='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"])';const focusFirstFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{if(e.matches(t)&&typeof e.focus=='function')return e.focus(),!0;const a=e.querySelector(t);return a instanceof HTMLElement&&typeof a.focus=='function'&&(a.focus(),!0)};const focusLastFocusable=(e,t=SELECTORS_KEYBOARD_FOCUSABLE)=>{const a=e.querySelectorAll(t);const n=a[a.length-1];return n instanceof HTMLElement&&typeof n.focus=='function'&&(n.focus(),!0)};const concatClassNames=(...e)=>e.reduce((e,t)=>(typeof t=='string'&&(e=e?e+' '+t:t),e),'');const createKeyboardNavigation=({prevKey:e,nextKey:t})=>(a,n,o,i=SELECTORS_KEYBOARD_FOCUSABLE)=>{let s=o.indexOf(n);if(s!==-1&&o.length!==0)do{keyboardKeys[e].validate(a)?s--:keyboardKeys[t].validate(a)&&s++,s<0?s=o.length-1:s>o.length-1&&(s=0)}while(!focusFirstFocusable(o[s],i))};const navigateVerticalList=createKeyboardNavigation({prevKey:'ArrowUp',nextKey:'ArrowDown'});const navigateHorizontalList=createKeyboardNavigation({prevKey:'ArrowLeft',nextKey:'ArrowRight'});export{SELECTORS_FOCUSABLE,SELECTORS_KEYBOARD_FOCUSABLE,concatClassNames,createKeyboardNavigation,focusFirstFocusable,focusLastFocusable,navigateHorizontalList,navigateVerticalList};
 //# sourceMappingURL=dom.mjs.map