npm - @vkontakte/vkui - Versions diffs - 8.0.2 → 8.1.1 - Mend

@vkontakte/vkui 8.0.2 → 8.1.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1386) hide show

package/dist/cssm/lib/layouts/layoutProps.js CHANGED Viewed

@@ -58,6 +58,21 @@ const OVERFLOW_VALUES = [
     'auto',
     ...CSS_GLOBAL_KEYWORDS
 ];
+const SELF_POSITION = [
+    'start',
+    'center',
+    'end'
+];
+const ALIGN_SELF_VALUES = [
+    ...SELF_POSITION,
+    'baseline',
+    'stretch'
+];
+const JUSTIFY_SELF_VALUES = [
+    ...SELF_POSITION,
+    'baseline',
+    'stretch'
+];
 export const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';
 export const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';
 export const LAYOUT_PROPS = {
@@ -85,6 +100,8 @@ export const LAYOUT_PROPS = {
     flexGrow: FLEX_VALUES,
     flexShrink: FLEX_VALUES,
     flexBasis: FLEX_BASIS_VALUES,
+    alignSelf: ALIGN_SELF_VALUES,
+    justifySelf: JUSTIFY_SELF_VALUES,
     overflow: OVERFLOW_VALUES,
     overflowBlock: OVERFLOW_VALUES,
     overflowInline: OVERFLOW_VALUES

package/dist/cssm/lib/layouts/layoutProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/layouts/layoutProps.ts"],"sourcesContent":["import type {\n CSSGlobalValue,\n CSSIntrinsicSizingKeywords,\n DesignSystemSize,\n OverflowValue,\n PositionValue,\n} from './types';\n\nexport const DESIGN_SYSTEM_SIZES: DesignSystemSize[] = [\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n];\nconst CSS_INTRINSIC_KEYWORDS: CSSIntrinsicSizingKeywords[] = [\n 'auto',\n 'max-content',\n 'min-content',\n 'fit-content',\n];\nconst CSS_GLOBAL_KEYWORDS: CSSGlobalValue[] = ['inherit', 'initial', 'unset'];\n\nconst CSS_KEYWORDS = [...CSS_INTRINSIC_KEYWORDS, ...CSS_GLOBAL_KEYWORDS];\nconst PADDING_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'system'];\nconst SIZE_VALUES = CSS_KEYWORDS;\nconst MINMAX_SIZE_VALUES = [...CSS_KEYWORDS.filter((opt) => opt !== 'auto')];\nconst FLEX_VALUES = CSS_GLOBAL_KEYWORDS;\nconst FLEX_BASIS_VALUES = [...CSS_KEYWORDS, 'content'];\nconst INSET_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'auto'];\nconst POSITION_VALUES: PositionValue[] = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\nconst OVERFLOW_VALUES: OverflowValue[] = [\n 'visible',\n 'hidden',\n 'clip',\n 'scroll',\n 'auto',\n ...CSS_GLOBAL_KEYWORDS,\n];\n\nexport const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';\nexport const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';\n\nexport const LAYOUT_PROPS = {\n padding: PADDING_VALUES,\n paddingInline: PADDING_VALUES,\n paddingBlock: PADDING_VALUES,\n paddingInlineStart: PADDING_VALUES,\n paddingInlineEnd: PADDING_VALUES,\n paddingBlockStart: PADDING_VALUES,\n paddingBlockEnd: PADDING_VALUES,\n inlineSize: SIZE_VALUES,\n minInlineSize: MINMAX_SIZE_VALUES,\n maxInlineSize: MINMAX_SIZE_VALUES,\n blockSize: SIZE_VALUES,\n minBlockSize: MINMAX_SIZE_VALUES,\n maxBlockSize: MINMAX_SIZE_VALUES,\n inset: INSET_VALUES,\n insetInline: INSET_VALUES,\n insetBlock: INSET_VALUES,\n insetInlineStart: INSET_VALUES,\n insetInlineEnd: INSET_VALUES,\n insetBlockStart: INSET_VALUES,\n insetBlockEnd: INSET_VALUES,\n position: POSITION_VALUES,\n flexGrow: FLEX_VALUES,\n flexShrink: FLEX_VALUES,\n flexBasis: FLEX_BASIS_VALUES,\n overflow: OVERFLOW_VALUES,\n overflowBlock: OVERFLOW_VALUES,\n overflowInline: OVERFLOW_VALUES,\n};\n\nexport type LayoutPropKeys = keyof typeof LAYOUT_PROPS;\n"],"names":["DESIGN_SYSTEM_SIZES","CSS_INTRINSIC_KEYWORDS","CSS_GLOBAL_KEYWORDS","CSS_KEYWORDS","PADDING_VALUES","SIZE_VALUES","MINMAX_SIZE_VALUES","filter","opt","FLEX_VALUES","FLEX_BASIS_VALUES","INSET_VALUES","POSITION_VALUES","OVERFLOW_VALUES","SYSTEM_PADDING_VERTICAL","SYSTEM_PADDING_HORIZONTAL","LAYOUT_PROPS","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingBlockStart","paddingBlockEnd","inlineSize","minInlineSize","maxInlineSize","blockSize","minBlockSize","maxBlockSize","inset","insetInline","insetBlock","insetInlineStart","insetInlineEnd","insetBlockStart","insetBlockEnd","position","flexGrow","flexShrink","flexBasis","overflow","overflowBlock","overflowInline"],"mappings":"AAQA,OAAO,MAAMA,sBAA0C;IACrD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC;AACF,MAAMC,yBAAuD;IAC3D;IACA;IACA;IACA;CACD;AACD,MAAMC,sBAAwC;IAAC;IAAW;IAAW;CAAQ;AAE7E,MAAMC,eAAe;OAAIF;OAA2BC;CAAoB;AACxE,MAAME,iBAAiB;OAAIJ;OAAwBE;IAAqB;CAAS;AACjF,MAAMG,cAAcF;AACpB,MAAMG,qBAAqB;OAAIH,aAAaI,MAAM,CAAC,CAACC,MAAQA,QAAQ;CAAQ;AAC5E,MAAMC,cAAcP;AACpB,MAAMQ,oBAAoB;OAAIP;IAAc;CAAU;AACtD,MAAMQ,eAAe;OAAIX;OAAwBE;IAAqB;CAAO;AAC7E,MAAMU,kBAAmC;IAAC;IAAU;IAAY;IAAY;IAAS;CAAS;AAC9F,MAAMC,kBAAmC;IACvC;IACA;IACA;IACA;IACA;OACGX;CACJ;~~AAED~~,OAAO,~~MAAMY~~,0BAA0B,mDAAmD;AAC1F,OAAO,MAAMC,4BAA4B,qDAAqD;AAE9F,OAAO,MAAMC,eAAe;IAC1BC,~~SAASb~~;~~IACTc~~,~~eAAed~~;~~IACfe~~,~~cAAcf~~;~~IACdgB~~,~~oBAAoBhB~~;~~IACpBiB~~,~~kBAAkBjB~~;~~IAClBkB~~,~~mBAAmBlB~~;~~IACnBmB~~,~~iBAAiBnB~~;~~IACjBoB~~,~~YAAYnB~~;~~IACZoB~~,~~eAAenB~~;~~IACfoB~~,~~eAAepB~~;~~IACfqB~~,~~WAAWtB~~;~~IACXuB~~,~~cAActB~~;~~IACduB~~,~~cAAcvB~~;~~IACdwB~~,~~OAAOnB~~;~~IACPoB~~,~~aAAapB~~;~~IACbqB~~,~~YAAYrB~~;~~IACZsB~~,~~kBAAkBtB~~;~~IAClBuB~~,~~gBAAgBvB~~;~~IAChBwB~~,~~iBAAiBxB~~;~~IACjByB~~,~~eAAezB~~;~~IACf0B~~,~~UAAUzB~~;~~IACV0B~~,~~UAAU7B~~;~~IACV8B~~,~~YAAY9B~~;~~IACZ+B~~,~~WAAW9B~~;~~IACX+B~~,~~UAAU5B~~;~~IACV6B~~,~~eAAe7B~~;~~IACf8B~~,~~gBAAgB9B~~;AAClB,EAAE"}
1	+ {"version":3,"sources":["../../../../src/lib/layouts/layoutProps.ts"],"sourcesContent":["import type {\n CSSGlobalValue,\n CSSIntrinsicSizingKeywords,\n DesignSystemSize,\n OverflowValue,\n PositionValue,\n} from './types';\n\nexport const DESIGN_SYSTEM_SIZES: DesignSystemSize[] = [\n '2xs',\n 'xs',\n 's',\n 'm',\n 'l',\n 'xl',\n '2xl',\n '3xl',\n '4xl',\n];\nconst CSS_INTRINSIC_KEYWORDS: CSSIntrinsicSizingKeywords[] = [\n 'auto',\n 'max-content',\n 'min-content',\n 'fit-content',\n];\nconst CSS_GLOBAL_KEYWORDS: CSSGlobalValue[] = ['inherit', 'initial', 'unset'];\n\nconst CSS_KEYWORDS = [...CSS_INTRINSIC_KEYWORDS, ...CSS_GLOBAL_KEYWORDS];\nconst PADDING_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'system'];\nconst SIZE_VALUES = CSS_KEYWORDS;\nconst MINMAX_SIZE_VALUES = [...CSS_KEYWORDS.filter((opt) => opt !== 'auto')];\nconst FLEX_VALUES = CSS_GLOBAL_KEYWORDS;\nconst FLEX_BASIS_VALUES = [...CSS_KEYWORDS, 'content'];\nconst INSET_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'auto'];\nconst POSITION_VALUES: PositionValue[] = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\nconst OVERFLOW_VALUES: OverflowValue[] = [\n 'visible',\n 'hidden',\n 'clip',\n 'scroll',\n 'auto',\n ...CSS_GLOBAL_KEYWORDS,\n];\nconst SELF_POSITION = ['start', 'center', 'end'];\nconst ALIGN_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\nconst JUSTIFY_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\n\nexport const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';\nexport const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';\n\nexport const LAYOUT_PROPS = {\n padding: PADDING_VALUES,\n paddingInline: PADDING_VALUES,\n paddingBlock: PADDING_VALUES,\n paddingInlineStart: PADDING_VALUES,\n paddingInlineEnd: PADDING_VALUES,\n paddingBlockStart: PADDING_VALUES,\n paddingBlockEnd: PADDING_VALUES,\n inlineSize: SIZE_VALUES,\n minInlineSize: MINMAX_SIZE_VALUES,\n maxInlineSize: MINMAX_SIZE_VALUES,\n blockSize: SIZE_VALUES,\n minBlockSize: MINMAX_SIZE_VALUES,\n maxBlockSize: MINMAX_SIZE_VALUES,\n inset: INSET_VALUES,\n insetInline: INSET_VALUES,\n insetBlock: INSET_VALUES,\n insetInlineStart: INSET_VALUES,\n insetInlineEnd: INSET_VALUES,\n insetBlockStart: INSET_VALUES,\n insetBlockEnd: INSET_VALUES,\n position: POSITION_VALUES,\n flexGrow: FLEX_VALUES,\n flexShrink: FLEX_VALUES,\n flexBasis: FLEX_BASIS_VALUES,\n alignSelf: ALIGN_SELF_VALUES,\n justifySelf: JUSTIFY_SELF_VALUES,\n overflow: OVERFLOW_VALUES,\n overflowBlock: OVERFLOW_VALUES,\n overflowInline: OVERFLOW_VALUES,\n};\n\nexport type LayoutPropKeys = keyof typeof LAYOUT_PROPS;\n"],"names":["DESIGN_SYSTEM_SIZES","CSS_INTRINSIC_KEYWORDS","CSS_GLOBAL_KEYWORDS","CSS_KEYWORDS","PADDING_VALUES","SIZE_VALUES","MINMAX_SIZE_VALUES","filter","opt","FLEX_VALUES","FLEX_BASIS_VALUES","INSET_VALUES","POSITION_VALUES","OVERFLOW_VALUES","SELF_POSITION","ALIGN_SELF_VALUES","JUSTIFY_SELF_VALUES","SYSTEM_PADDING_VERTICAL","SYSTEM_PADDING_HORIZONTAL","LAYOUT_PROPS","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingBlockStart","paddingBlockEnd","inlineSize","minInlineSize","maxInlineSize","blockSize","minBlockSize","maxBlockSize","inset","insetInline","insetBlock","insetInlineStart","insetInlineEnd","insetBlockStart","insetBlockEnd","position","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","overflow","overflowBlock","overflowInline"],"mappings":"AAQA,OAAO,MAAMA,sBAA0C;IACrD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC;AACF,MAAMC,yBAAuD;IAC3D;IACA;IACA;IACA;CACD;AACD,MAAMC,sBAAwC;IAAC;IAAW;IAAW;CAAQ;AAE7E,MAAMC,eAAe;OAAIF;OAA2BC;CAAoB;AACxE,MAAME,iBAAiB;OAAIJ;OAAwBE;IAAqB;CAAS;AACjF,MAAMG,cAAcF;AACpB,MAAMG,qBAAqB;OAAIH,aAAaI,MAAM,CAAC,CAACC,MAAQA,QAAQ;CAAQ;AAC5E,MAAMC,cAAcP;AACpB,MAAMQ,oBAAoB;OAAIP;IAAc;CAAU;AACtD,MAAMQ,eAAe;OAAIX;OAAwBE;IAAqB;CAAO;AAC7E,MAAMU,kBAAmC;IAAC;IAAU;IAAY;IAAY;IAAS;CAAS;AAC9F,MAAMC,kBAAmC;IACvC;IACA;IACA;IACA;IACA;OACGX;CACJ;AACD,MAAMY,gBAAgB;IAAC;IAAS;IAAU;CAAM;AAChD,MAAMC,oBAAoB;OAAID;IAAe;IAAY;CAAU;AACnE,MAAME,sBAAsB;OAAIF;IAAe;IAAY;CAAU;AAErE,OAAO,MAAMG,0BAA0B,mDAAmD;AAC1F,OAAO,MAAMC,4BAA4B,qDAAqD;AAE9F,OAAO,MAAMC,eAAe;IAC1BC,SAAShB;IACTiB,eAAejB;IACfkB,cAAclB;IACdmB,oBAAoBnB;IACpBoB,kBAAkBpB;IAClBqB,mBAAmBrB;IACnBsB,iBAAiBtB;IACjBuB,YAAYtB;IACZuB,eAAetB;IACfuB,eAAevB;IACfwB,WAAWzB;IACX0B,cAAczB;IACd0B,cAAc1B;IACd2B,OAAOtB;IACPuB,aAAavB;IACbwB,YAAYxB;IACZyB,kBAAkBzB;IAClB0B,gBAAgB1B;IAChB2B,iBAAiB3B;IACjB4B,eAAe5B;IACf6B,UAAU5B;IACV6B,UAAUhC;IACViC,YAAYjC;IACZkC,WAAWjC;IACXkC,WAAW7B;IACX8B,aAAa7B;IACb8B,UAAUjC;IACVkC,eAAelC;IACfmC,gBAAgBnC;AAClB,EAAE"}

package/dist/cssm/lib/layouts/resolveLayoutProps.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n className?: string;\n style?: React.CSSProperties;\n} & {\n [key: string]: unknown;\n};\n\n/*\n Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n props: T & { className?: string; style?: React.CSSProperties },\n) {\n const outProps = { ...props };\n let resolvedClassName: string \| undefined;\n let resolvedStyle: React.CSSProperties \| undefined;\n\n for (const key in LAYOUT_PROPS) {\n if (key in outProps && outProps[key] !== undefined) {\n const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n const value = outProps[key];\n const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n resolvedClassName = classNames(\n resolvedClassName,\n generateConstantClassName(cssProperty, value),\n );\n } else if (key !== 'position' && !key.startsWith('overflow')) {\n resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n resolvedStyle = mergeStyle(resolvedStyle, {\n [generateVariable(cssProperty)]:\n typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n ? `${value}px`\n : value,\n });\n }\n delete outProps[key];\n }\n }\n\n outProps.className = classNames(resolvedClassName, outProps.className);\n outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,~~KAA8D~~;~~IAE9D~~,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,YAAYA,QAAQ,CAACG,IAAI,KAAKC,WAAW;YAClD,MAAMC,UAAUR,YAAY,CAACM,IAAsB;YACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;YAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;YAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;gBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;YAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;gBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;gBAC5EL,gBAAgBT,WAAWS,eAAe;oBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;gBACR;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}
1	+ {"version":3,"sources":["../../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n className?: string \| undefined;\n style?: React.CSSProperties \| undefined;\n} & {\n [key: string]: unknown;\n};\n\n/*\n Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n props: T & { className?: string \| undefined; style?: React.CSSProperties \| undefined },\n) {\n const outProps = { ...props };\n let resolvedClassName: string \| undefined;\n let resolvedStyle: React.CSSProperties \| undefined;\n\n for (const key in LAYOUT_PROPS) {\n if (key in outProps && outProps[key] !== undefined) {\n const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n const value = outProps[key];\n const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n resolvedClassName = classNames(\n resolvedClassName,\n generateConstantClassName(cssProperty, value),\n );\n } else if (key !== 'position' && !key.startsWith('overflow')) {\n resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n resolvedStyle = mergeStyle(resolvedStyle, {\n [generateVariable(cssProperty)]:\n typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n ? `${value}px`\n : value,\n });\n }\n delete outProps[key];\n }\n }\n\n outProps.className = classNames(resolvedClassName, outProps.className);\n outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,KAAsF;IAEtF,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,YAAYA,QAAQ,CAACG,IAAI,KAAKC,WAAW;YAClD,MAAMC,UAAUR,YAAY,CAACM,IAAsB;YACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;YAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;YAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;gBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;YAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;gBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;gBAC5EL,gBAAgBT,WAAWS,eAAe;oBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;gBACR;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}

package/dist/cssm/lib/layouts/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' \| 'initial' \| 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' \| 'max-content' \| 'min-content' \| 'fit-content';\n\nexport type PositionValue = 'static' \| 'relative' \| 'absolute' \| 'fixed' \| 'sticky';\n\nexport type OverflowValue = 'visible' \| 'hidden' \| 'clip' \| 'scroll' \| 'auto' \| CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n DesignSystemSize \| CSSGlobalValue \| 'system',\n number \| string\n>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize \| CSSGlobalValue \| 'auto', number \| string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue \| CSSIntrinsicSizingKeywords, number \| string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n CSSIntrinsicSizingKeywords \| 'content' \| CSSGlobalValue,\n number \| string\n>;\n\nexport interface LayoutProps {\n /*\n Внутренние отступы со всех сторон.\n /\n padding?: PaddingProp;\n /\n Внутренние отступы по строчной оси.\n /\n paddingInline?: PaddingProp;\n /\n Внутренние отступы по блочной оси.\n /\n paddingBlock?: PaddingProp;\n /\n Внутренний начальный отступ по строчной оси.\n /\n paddingInlineStart?: PaddingProp;\n /\n Внутренний конечный отступ по строчной оси.\n /\n paddingInlineEnd?: PaddingProp;\n /\n Внутренний начальный отступ по блочной оси.\n /\n paddingBlockStart?: PaddingProp;\n /\n Внутренний конечный отступ по блочной оси.\n /\n paddingBlockEnd?: PaddingProp;\n /\n Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n /\n inlineSize?: SizeProp;\n /\n Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n /\n minInlineSize?: Exclude<SizeProp, 'auto'~~>;\~~n /\n Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n /\n maxInlineSize?: Exclude<SizeProp, 'auto'~~>;\~~n /\n Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n /\n blockSize?: SizeProp;\n /\n Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n /\n minBlockSize?: SizeProp;\n /\n Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n /\n maxBlockSize?: SizeProp;\n /\n Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n /\n inset?: InsetProp;\n /\n Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n /\n insetInline?: InsetProp;\n /\n Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n /\n insetBlock?: InsetProp;\n /\n Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n /\n insetInlineStart?: InsetProp;\n /\n Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n /\n insetInlineEnd?: InsetProp;\n /\n Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n /\n insetBlockStart?: InsetProp;\n /\n Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n /\n insetBlockEnd?: InsetProp;\n /\n Позиционирование элемента.\n /\n position?: PositionValue;\n /\n Управление переполнением содержимого.\n /\n overflow?: OverflowValue;\n /\n Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n /\n overflowBlock?: OverflowValue;\n /\n Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n /\n overflowInline?: OverflowValue;\n /\n Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n /\n flexGrow?: FlexGrowProp;\n /\n Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n /\n flexShrink?: FlexShrinkProp;\n /\n Определяет начальный размер flex-элемента.\n */\n flexBasis?: FlexBasisProp;\n}\n"],"names":[],"mappings":"~~AAmCA~~,~~WA6GC~~"}
1	+ {"version":3,"sources":["../../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' \| 'xs' \| 's' \| 'm' \| 'l' \| 'xl' \| '2xl' \| '3xl' \| '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' \| 'initial' \| 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' \| 'max-content' \| 'min-content' \| 'fit-content';\n\nexport type PositionValue = 'static' \| 'relative' \| 'absolute' \| 'fixed' \| 'sticky';\n\nexport type OverflowValue = 'visible' \| 'hidden' \| 'clip' \| 'scroll' \| 'auto' \| CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n DesignSystemSize \| CSSGlobalValue \| 'system',\n number \| string\n>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize \| CSSGlobalValue \| 'auto', number \| string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue \| CSSIntrinsicSizingKeywords, number \| string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n CSSIntrinsicSizingKeywords \| 'content' \| CSSGlobalValue,\n number \| string\n>;\n\ntype SelfPositionProp = 'start' \| 'center' \| 'end';\n\ntype AlignSelfProp = SelfPositionProp \| 'baseline' \| 'stretch';\ntype JustifySelfProp = SelfPositionProp \| 'baseline' \| 'stretch';\n\nexport interface LayoutProps {\n /*\n Внутренние отступы со всех сторон.\n /\n padding?: PaddingProp \| undefined;\n /\n Внутренние отступы по строчной оси.\n /\n paddingInline?: PaddingProp \| undefined;\n /\n Внутренние отступы по блочной оси.\n /\n paddingBlock?: PaddingProp \| undefined;\n /\n Внутренний начальный отступ по строчной оси.\n /\n paddingInlineStart?: PaddingProp \| undefined;\n /\n Внутренний конечный отступ по строчной оси.\n /\n paddingInlineEnd?: PaddingProp \| undefined;\n /\n Внутренний начальный отступ по блочной оси.\n /\n paddingBlockStart?: PaddingProp \| undefined;\n /\n Внутренний конечный отступ по блочной оси.\n /\n paddingBlockEnd?: PaddingProp \| undefined;\n /\n Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n /\n inlineSize?: SizeProp \| undefined;\n /\n Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n /\n minInlineSize?: Exclude<SizeProp, 'auto'> \| undefined;\n /\n Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n /\n maxInlineSize?: Exclude<SizeProp, 'auto'> \| undefined;\n /\n Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n /\n blockSize?: SizeProp \| undefined;\n /\n Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n /\n minBlockSize?: SizeProp \| undefined;\n /\n Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n /\n maxBlockSize?: SizeProp \| undefined;\n /\n Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n /\n inset?: InsetProp \| undefined;\n /\n Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n /\n insetInline?: InsetProp \| undefined;\n /\n Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n /\n insetBlock?: InsetProp \| undefined;\n /\n Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n /\n insetInlineStart?: InsetProp \| undefined;\n /\n Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n /\n insetInlineEnd?: InsetProp \| undefined;\n /\n Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n /\n insetBlockStart?: InsetProp \| undefined;\n /\n Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n /\n insetBlockEnd?: InsetProp \| undefined;\n /\n Позиционирование элемента.\n /\n position?: PositionValue \| undefined;\n /\n Управление переполнением содержимого.\n /\n overflow?: OverflowValue \| undefined;\n /\n Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n /\n overflowBlock?: OverflowValue \| undefined;\n /\n Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n /\n overflowInline?: OverflowValue \| undefined;\n /\n Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n /\n flexGrow?: FlexGrowProp \| undefined;\n /\n Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n /\n flexShrink?: FlexShrinkProp \| undefined;\n /\n Определяет начальный размер flex-элемента.\n /\n flexBasis?: FlexBasisProp \| undefined;\n /\n Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n /\n alignSelf?: AlignSelfProp \| undefined;\n /\n Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n */\n justifySelf?: JustifySelfProp \| undefined;\n}\n"],"names":[],"mappings":"AAwCA,WAqHC"}

package/dist/cssm/lib/select.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/select.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { SelectType } from '../components/Select/Select';\nimport { getTextFromChildren } from './children';\n\nexport type Option = {\n value?: unknown;\n label?: React.ReactNode;\n [index: string]: any;\n};\n\nexport type GetOptionLabel<O extends Option> = (option: O) => O['label'];\n\nexport type FilterFn<O extends Option> = (\n inputValue: string,\n option: O,\n getOptionsLabel?: GetOptionLabel<O>,\n) => boolean;\n\nexport type SortFn<O extends Option> = (optionA: O, optionB: O, inputValue: string) => number;\n\nfunction getOptionLabelDefault<O extends Option>(option: O): O['label'] {\n return option.label;\n}\n\nexport function defaultFilterFn<O extends Option>(\n ...args: Parameters<FilterFn<O>>\n): ReturnType<FilterFn<O>> {\n const [rawSearchQuery = '', option, getOptionLabel] = args;\n const foundRawLabel = getOptionLabel ? getOptionLabel(option) : getOptionLabelDefault(option);\n\n if (foundRawLabel === undefined) {\n return false;\n }\n\n const searchQuery = rawSearchQuery.toLocaleLowerCase();\n const label = getTextFromChildren(foundRawLabel).toLocaleLowerCase();\n\n if (label.startsWith(searchQuery)) {\n return true;\n }\n\n const findAllIncludes = (target = '', search = '') => {\n const includes = [];\n let i = target.indexOf(search);\n while (i !== -1) {\n includes.push(i);\n i = target.indexOf(search, i + 1);\n }\n return includes;\n };\n\n const includes = findAllIncludes(label, searchQuery);\n\n if (includes.length) {\n // Ищем вхождение перед началом которого не буква\n const letterRegexp = new RegExp('\\\\p{L}', 'u');\n\n for (const index of includes) {\n if (!letterRegexp.test(label[index - 1])) {\n return true;\n }\n }\n }\n\n return false;\n}\n\nexport const getFormFieldModeFromSelectType = (\n selectType: SelectType = 'default',\n): 'default' \| 'plain' => {\n return selectType === 'default' ? 'default' : 'plain';\n};\n"],"names":["getTextFromChildren","getOptionLabelDefault","option","label","defaultFilterFn","args","rawSearchQuery","getOptionLabel","foundRawLabel","undefined","searchQuery","toLocaleLowerCase","startsWith","findAllIncludes","target","search","includes","i","indexOf","push","length","letterRegexp","RegExp","index","test","getFormFieldModeFromSelectType","selectType"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ,gBAAa;AAkBjD,SAASC,sBAAwCC,MAAS;IACxD,OAAOA,OAAOC,KAAK;AACrB;AAEA,OAAO,SAASC,gBACd,GAAGC,IAA6B;IAEhC,MAAM,CAACC,iBAAiB,EAAE,EAAEJ,QAAQK,eAAe,GAAGF;IACtD,MAAMG,gBAAgBD,iBAAiBA,eAAeL,UAAUD,sBAAsBC;IAEtF,IAAIM,kBAAkBC,WAAW;QAC/B,OAAO;IACT;IAEA,MAAMC,cAAcJ,eAAeK,iBAAiB;IACpD,MAAMR,QAAQH,oBAAoBQ,eAAeG,iBAAiB;IAElE,IAAIR,MAAMS,UAAU,CAACF,cAAc;QACjC,OAAO;IACT;IAEA,MAAMG,kBAAkB,CAACC,SAAS,EAAE,EAAEC,SAAS,EAAE;QAC/C,MAAMC,WAAW,EAAE;QACnB,IAAIC,IAAIH,OAAOI,OAAO,CAACH;QACvB,MAAOE,MAAM,CAAC,EAAG;YACfD,SAASG,IAAI,CAACF;YACdA,IAAIH,OAAOI,OAAO,CAACH,QAAQE,IAAI;QACjC;QACA,OAAOD;IACT;IAEA,MAAMA,WAAWH,gBAAgBV,OAAOO;IAExC,IAAIM,SAASI,MAAM,EAAE;QACnB,iDAAiD;QACjD,MAAMC,eAAe,IAAIC,OAAO,UAAU;QAE1C,KAAK,MAAMC,SAASP,SAAU;YAC5B,IAAI,CAACK,aAAaG,IAAI,CAACrB,KAAK,CAACoB,QAAQ,EAAE,GAAG;gBACxC,OAAO;YACT;QACF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAME,iCAAiC,CAC5CC,aAAyB,SAAS;IAElC,OAAOA,eAAe,YAAY,YAAY;AAChD,EAAE"}
1	+ {"version":3,"sources":["../../../src/lib/select.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { SelectType } from '../components/Select/Select';\nimport { getTextFromChildren } from './children';\n\nexport type Option = {\n value?: unknown \| undefined;\n label?: React.ReactNode \| undefined;\n [index: string]: any;\n};\n\nexport type GetOptionLabel<O extends Option> = (option: O) => O['label'];\n\nexport type FilterFn<O extends Option> = (\n inputValue: string,\n option: O,\n getOptionsLabel?: GetOptionLabel<O>,\n) => boolean;\n\nexport type SortFn<O extends Option> = (optionA: O, optionB: O, inputValue: string) => number;\n\nfunction getOptionLabelDefault<O extends Option>(option: O): O['label'] {\n return option.label;\n}\n\nexport function defaultFilterFn<O extends Option>(\n ...args: Parameters<FilterFn<O>>\n): ReturnType<FilterFn<O>> {\n const [rawSearchQuery = '', option, getOptionLabel] = args;\n const foundRawLabel = getOptionLabel ? getOptionLabel(option) : getOptionLabelDefault(option);\n\n if (foundRawLabel === undefined) {\n return false;\n }\n\n const searchQuery = rawSearchQuery.toLocaleLowerCase();\n const label = getTextFromChildren(foundRawLabel).toLocaleLowerCase();\n\n if (label.startsWith(searchQuery)) {\n return true;\n }\n\n const findAllIncludes = (target = '', search = '') => {\n const includes = [];\n let i = target.indexOf(search);\n while (i !== -1) {\n includes.push(i);\n i = target.indexOf(search, i + 1);\n }\n return includes;\n };\n\n const includes = findAllIncludes(label, searchQuery);\n\n if (includes.length) {\n // Ищем вхождение перед началом которого не буква\n const letterRegexp = new RegExp('\\\\p{L}', 'u');\n\n for (const index of includes) {\n if (!letterRegexp.test(label[index - 1])) {\n return true;\n }\n }\n }\n\n return false;\n}\n\nexport const getFormFieldModeFromSelectType = (\n selectType: SelectType = 'default',\n): 'default' \| 'plain' => {\n return selectType === 'default' ? 'default' : 'plain';\n};\n"],"names":["getTextFromChildren","getOptionLabelDefault","option","label","defaultFilterFn","args","rawSearchQuery","getOptionLabel","foundRawLabel","undefined","searchQuery","toLocaleLowerCase","startsWith","findAllIncludes","target","search","includes","i","indexOf","push","length","letterRegexp","RegExp","index","test","getFormFieldModeFromSelectType","selectType"],"mappings":"AAEA,SAASA,mBAAmB,QAAQ,gBAAa;AAkBjD,SAASC,sBAAwCC,MAAS;IACxD,OAAOA,OAAOC,KAAK;AACrB;AAEA,OAAO,SAASC,gBACd,GAAGC,IAA6B;IAEhC,MAAM,CAACC,iBAAiB,EAAE,EAAEJ,QAAQK,eAAe,GAAGF;IACtD,MAAMG,gBAAgBD,iBAAiBA,eAAeL,UAAUD,sBAAsBC;IAEtF,IAAIM,kBAAkBC,WAAW;QAC/B,OAAO;IACT;IAEA,MAAMC,cAAcJ,eAAeK,iBAAiB;IACpD,MAAMR,QAAQH,oBAAoBQ,eAAeG,iBAAiB;IAElE,IAAIR,MAAMS,UAAU,CAACF,cAAc;QACjC,OAAO;IACT;IAEA,MAAMG,kBAAkB,CAACC,SAAS,EAAE,EAAEC,SAAS,EAAE;QAC/C,MAAMC,WAAW,EAAE;QACnB,IAAIC,IAAIH,OAAOI,OAAO,CAACH;QACvB,MAAOE,MAAM,CAAC,EAAG;YACfD,SAASG,IAAI,CAACF;YACdA,IAAIH,OAAOI,OAAO,CAACH,QAAQE,IAAI;QACjC;QACA,OAAOD;IACT;IAEA,MAAMA,WAAWH,gBAAgBV,OAAOO;IAExC,IAAIM,SAASI,MAAM,EAAE;QACnB,iDAAiD;QACjD,MAAMC,eAAe,IAAIC,OAAO,UAAU;QAE1C,KAAK,MAAMC,SAASP,SAAU;YAC5B,IAAI,CAACK,aAAaG,IAAI,CAACrB,KAAK,CAACoB,QAAQ,EAAE,GAAG;gBACxC,OAAO;YACT;QACF;IACF;IAEA,OAAO;AACT;AAEA,OAAO,MAAME,iCAAiC,CAC5CC,aAAyB,SAAS;IAElC,OAAOA,eAAe,YAAY,YAAY;AAChD,EAAE"}

package/dist/cssm/lib/sheet/useBottomSheet.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/sheet/useBottomSheet.ts"],"sourcesContent":["'use client';\n\nimport {\n type CSSProperties,\n type Dispatch,\n type SetStateAction,\n type UIEvent,\n type UIEventHandler,\n useMemo,\n useState,\n} from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport {\n BottomSheetController,\n type SnapPoint,\n type SnapPointChange,\n} from './controllers/BottomSheetController';\nimport { CSSTransitionController } from './controllers/CSSTransitionController';\n\nexport type UseBottomSheetOptions = {\n sheetCSSProperty: string;\n backdropCSSProperty: string;\n snapPoint: SnapPoint;\n blocked?: boolean;\n onSnapPointChange?: SnapPointChange;\n onDismiss?: VoidFunction;\n};\n\nexport type UseBottomSheetHandlers = {\n onTouchStart: UIEventHandler<HTMLElement>;\n onTouchMove: UIEventHandler<HTMLElement>;\n onTouchEnd: UIEventHandler<HTMLElement>;\n onTouchCancel: UIEventHandler<HTMLElement>;\n onMouseDown: UIEventHandler<HTMLElement>;\n onMouseMove: UIEventHandler<HTMLElement>;\n onMouseUp: UIEventHandler<HTMLElement>;\n onMouseLeave: UIEventHandler<HTMLElement>;\n};\n\nexport type UseBottomSheetResult = [\n {\n initialStyle?: CSSProperties;\n setSheetEl: Dispatch<SetStateAction<HTMLElement \| null>>;\n setSheetScrollEl: Dispatch<SetStateAction<HTMLElement \| null>>;\n setBackdropEl: Dispatch<SetStateAction<HTMLElement \| null>>;\n },\n UseBottomSheetHandlers \| undefined,\n];\n\n/*\n # Checklist\n \n ## Возможности\n \n - [x] есть возможность открывать до определенного размера (см. `snapPoint`)\n * - [x] есть возможность закрыть при сильном смахивании вниз\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя data-атрибут\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя stopPropagation()\n \n ## Анимации\n \n - [x] оверлей становится светлее в зависимости от процента сворачивания\n * - [x] при `snapPoint !== 'auto'` процент высчитывается относительно переданного `snapPoint.initial`\n * - [x] при перетаскивании за пределы есть анимация натяжения\n * > note: в `ModalPage` этого эффекта нет при высоте 100% из-за `max-block-size: 100%`\n \n ## Пограничные кейсы\n \n - [x] ⚠️ не блокирует взаимодействие с _горизонтальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с _вертикальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с полями ввода\n * - [x] ⚠️ не блокирует взаимодействие с элементами вне корневого элемента\n \n @private\n */\nexport const useBottomSheet = (\n enabled: boolean,\n {\n blocked,\n snapPoint,\n sheetCSSProperty,\n backdropCSSProperty,\n onSnapPointChange: onSnapPointChangeProp,\n onDismiss: onDismissProp,\n }: UseBottomSheetOptions,\n): UseBottomSheetResult => {\n const [sheetScrollEl, setSheetScrollEl] = useState<HTMLElement \| null>(null);\n const [sheetEl, setSheetEl] = useState<HTMLElement \| null>(null);\n const [backdropEl, setBackdropEl] = useState<HTMLElement \| null>(null);\n\n const initialStyle = useMemo<CSSProperties \| undefined>(\n () =>\n enabled && snapPoint !== 'auto' ? { [sheetCSSProperty]: `${snapPoint.initial}%` } : undefined,\n [enabled, snapPoint, sheetCSSProperty],\n );\n\n const onSnapPointChange = useStableCallback(onSnapPointChangeProp \|\| noop);\n const onDismiss = useStableCallback(onDismissProp \|\| noop);\n const bsController = useMemo<BottomSheetController \| null>(() => {\n if (!enabled \|\| sheetEl === null) {\n return null;\n }\n\n return new BottomSheetController(sheetEl, {\n sheetScrollEl: sheetScrollEl \|\| null,\n sheetTransitionController: new CSSTransitionController<string>(sheetEl, sheetCSSProperty),\n backdropTransitionController: backdropEl\n ? new CSSTransitionController(backdropEl, backdropCSSProperty)\n : null,\n onSnapPointChange,\n onDismiss,\n });\n }, [\n enabled,\n sheetEl,\n sheetCSSProperty,\n sheetScrollEl,\n backdropEl,\n backdropCSSProperty,\n onSnapPointChange,\n onDismiss,\n ]);\n\n const onPanStart = function onPanStart(event: UIEvent<HTMLElement>) {\n if (!blocked) {\n bsController!.panStart(event.nativeEvent);\n }\n };\n\n const onPanMove = function onPanMove(event: UIEvent<HTMLElement>) {\n bsController!.panMove(event.nativeEvent);\n };\n\n const onPanEnd = function onPanEnd() {\n bsController!.panEnd();\n };\n\n useIsomorphicLayoutEffect(\n function init() {\n if (bsController) {\n bsController.init(snapPoint);\n }\n },\n [snapPoint, bsController],\n );\n\n useIsomorphicLayoutEffect(\n () =>\n function unmount() {\n if (bsController) {\n bsController.destroy();\n }\n },\n [bsController],\n );\n\n return [\n {\n initialStyle,\n setSheetEl,\n setSheetScrollEl,\n setBackdropEl,\n },\n bsController !== null\n ? {\n onTouchStart: onPanStart,\n onTouchMove: onPanMove,\n onTouchEnd: onPanEnd,\n onTouchCancel: onPanEnd,\n onMouseDown: onPanStart,\n onMouseMove: onPanMove,\n onMouseUp: onPanEnd,\n onMouseLeave: onPanEnd,\n }\n : undefined,\n ];\n};\n"],"names":["useMemo","useState","noop","useStableCallback","useIsomorphicLayoutEffect","BottomSheetController","CSSTransitionController","useBottomSheet","enabled","blocked","snapPoint","sheetCSSProperty","backdropCSSProperty","onSnapPointChange","onSnapPointChangeProp","onDismiss","onDismissProp","sheetScrollEl","setSheetScrollEl","sheetEl","setSheetEl","backdropEl","setBackdropEl","initialStyle","initial","undefined","bsController","sheetTransitionController","backdropTransitionController","onPanStart","event","panStart","nativeEvent","onPanMove","panMove","onPanEnd","panEnd","init","unmount","destroy","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onMouseDown","onMouseMove","onMouseUp","onMouseLeave"],"mappings":"AAAA;AAEA,SAMEA,OAAO,EACPC,QAAQ,QACH,QAAQ;AACf,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,yBAAyB,QAAQ,kCAA+B;AACzE,SACEC,qBAAqB,QAGhB,yCAAsC;AAC7C,SAASC,uBAAuB,QAAQ,2CAAwC;AAgChF;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,iBAAiB,CAC5BC,SACA,EACEC,OAAO,EACPC,SAAS,EACTC,gBAAgB,EAChBC,mBAAmB,EACnBC,mBAAmBC,qBAAqB,EACxCC,WAAWC,aAAa,EACF;IAExB,MAAM,CAACC,eAAeC,iBAAiB,GAAGjB,SAA6B;IACvE,MAAM,CAACkB,SAASC,WAAW,GAAGnB,SAA6B;IAC3D,MAAM,CAACoB,YAAYC,cAAc,GAAGrB,SAA6B;IAEjE,MAAMsB,eAAevB,QACnB,IACEQ,WAAWE,cAAc,SAAS;YAAE,CAACC,iBAAiB,EAAE,GAAGD,UAAUc,OAAO,CAAC,CAAC,CAAC;QAAC,IAAIC,WACtF;QAACjB;QAASE;QAAWC;KAAiB;IAGxC,MAAME,oBAAoBV,kBAAkBW,yBAAyBZ;IACrE,MAAMa,YAAYZ,kBAAkBa,iBAAiBd;IACrD,MAAMwB,eAAe1B,QAAsC;QACzD,IAAI,CAACQ,WAAWW,YAAY,MAAM;YAChC,OAAO;QACT;QAEA,OAAO,IAAId,sBAAsBc,SAAS;YACxCF,eAAeA,iBAAiB;YAChCU,2BAA2B,IAAIrB,wBAAgCa,SAASR;YACxEiB,8BAA8BP,aAC1B,IAAIf,wBAAwBe,YAAYT,uBACxC;YACJC;YACAE;QACF;IACF,GAAG;QACDP;QACAW;QACAR;QACAM;QACAI;QACAT;QACAC;QACAE;KACD;IAED,MAAMc,aAAa,SAASA,WAAWC,KAA2B;QAChE,IAAI,CAACrB,SAAS;YACZiB,aAAcK,QAAQ,CAACD,MAAME,WAAW;QAC1C;IACF;IAEA,MAAMC,YAAY,SAASA,UAAUH,KAA2B;QAC9DJ,aAAcQ,OAAO,CAACJ,MAAME,WAAW;IACzC;IAEA,MAAMG,WAAW,SAASA;QACxBT,aAAcU,MAAM;IACtB;IAEAhC,0BACE,SAASiC;QACP,IAAIX,cAAc;YAChBA,aAAaW,IAAI,CAAC3B;QACpB;IACF,GACA;QAACA;QAAWgB;KAAa;IAG3BtB,0BACE,IACE,SAASkC;YACP,IAAIZ,cAAc;gBAChBA,aAAaa,OAAO;YACtB;QACF,GACF;QAACb;KAAa;IAGhB,OAAO;QACL;YACEH;YACAH;YACAF;YACAI;QACF;QACAI,iBAAiB,OACb;YACEc,cAAcX;YACdY,aAAaR;YACbS,YAAYP;YACZQ,eAAeR;YACfS,aAAaf;YACbgB,aAAaZ;YACba,WAAWX;YACXY,cAAcZ;QAChB,IACAV;KACL;AACH,EAAE"}
1	+ {"version":3,"sources":["../../../../src/lib/sheet/useBottomSheet.ts"],"sourcesContent":["'use client';\n\nimport {\n type CSSProperties,\n type Dispatch,\n type SetStateAction,\n type UIEvent,\n type UIEventHandler,\n useMemo,\n useState,\n} from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useStableCallback } from '../../hooks/useStableCallback';\nimport { useIsomorphicLayoutEffect } from '../useIsomorphicLayoutEffect';\nimport {\n BottomSheetController,\n type SnapPoint,\n type SnapPointChange,\n} from './controllers/BottomSheetController';\nimport { CSSTransitionController } from './controllers/CSSTransitionController';\n\nexport type UseBottomSheetOptions = {\n sheetCSSProperty: string;\n backdropCSSProperty: string;\n snapPoint: SnapPoint;\n blocked?: boolean \| undefined;\n onSnapPointChange?: SnapPointChange \| undefined;\n onDismiss?: VoidFunction \| undefined;\n};\n\nexport type UseBottomSheetHandlers = {\n onTouchStart: UIEventHandler<HTMLElement>;\n onTouchMove: UIEventHandler<HTMLElement>;\n onTouchEnd: UIEventHandler<HTMLElement>;\n onTouchCancel: UIEventHandler<HTMLElement>;\n onMouseDown: UIEventHandler<HTMLElement>;\n onMouseMove: UIEventHandler<HTMLElement>;\n onMouseUp: UIEventHandler<HTMLElement>;\n onMouseLeave: UIEventHandler<HTMLElement>;\n};\n\nexport type UseBottomSheetResult = [\n {\n initialStyle?: CSSProperties \| undefined;\n setSheetEl: Dispatch<SetStateAction<HTMLElement \| null>>;\n setSheetScrollEl: Dispatch<SetStateAction<HTMLElement \| null>>;\n setBackdropEl: Dispatch<SetStateAction<HTMLElement \| null>>;\n },\n UseBottomSheetHandlers \| undefined,\n];\n\n/*\n # Checklist\n \n ## Возможности\n \n - [x] есть возможность открывать до определенного размера (см. `snapPoint`)\n * - [x] есть возможность закрыть при сильном смахивании вниз\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя data-атрибут\n * - [x] есть возможность отключить взаимодействие на определённых элементах используя stopPropagation()\n \n ## Анимации\n \n - [x] оверлей становится светлее в зависимости от процента сворачивания\n * - [x] при `snapPoint !== 'auto'` процент высчитывается относительно переданного `snapPoint.initial`\n * - [x] при перетаскивании за пределы есть анимация натяжения\n * > note: в `ModalPage` этого эффекта нет при высоте 100% из-за `max-block-size: 100%`\n \n ## Пограничные кейсы\n \n - [x] ⚠️ не блокирует взаимодействие с _горизонтальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с _вертикальным_ скроллом\n * - [x] ⚠️ не блокирует взаимодействие с полями ввода\n * - [x] ⚠️ не блокирует взаимодействие с элементами вне корневого элемента\n \n @private\n */\nexport const useBottomSheet = (\n enabled: boolean,\n {\n blocked,\n snapPoint,\n sheetCSSProperty,\n backdropCSSProperty,\n onSnapPointChange: onSnapPointChangeProp,\n onDismiss: onDismissProp,\n }: UseBottomSheetOptions,\n): UseBottomSheetResult => {\n const [sheetScrollEl, setSheetScrollEl] = useState<HTMLElement \| null>(null);\n const [sheetEl, setSheetEl] = useState<HTMLElement \| null>(null);\n const [backdropEl, setBackdropEl] = useState<HTMLElement \| null>(null);\n\n const initialStyle = useMemo<CSSProperties \| undefined>(\n () =>\n enabled && snapPoint !== 'auto' ? { [sheetCSSProperty]: `${snapPoint.initial}%` } : undefined,\n [enabled, snapPoint, sheetCSSProperty],\n );\n\n const onSnapPointChange = useStableCallback(onSnapPointChangeProp \|\| noop);\n const onDismiss = useStableCallback(onDismissProp \|\| noop);\n const bsController = useMemo<BottomSheetController \| null>(() => {\n if (!enabled \|\| sheetEl === null) {\n return null;\n }\n\n return new BottomSheetController(sheetEl, {\n sheetScrollEl: sheetScrollEl \|\| null,\n sheetTransitionController: new CSSTransitionController<string>(sheetEl, sheetCSSProperty),\n backdropTransitionController: backdropEl\n ? new CSSTransitionController(backdropEl, backdropCSSProperty)\n : null,\n onSnapPointChange,\n onDismiss,\n });\n }, [\n enabled,\n sheetEl,\n sheetCSSProperty,\n sheetScrollEl,\n backdropEl,\n backdropCSSProperty,\n onSnapPointChange,\n onDismiss,\n ]);\n\n const onPanStart = function onPanStart(event: UIEvent<HTMLElement>) {\n if (!blocked) {\n bsController!.panStart(event.nativeEvent);\n }\n };\n\n const onPanMove = function onPanMove(event: UIEvent<HTMLElement>) {\n bsController!.panMove(event.nativeEvent);\n };\n\n const onPanEnd = function onPanEnd() {\n bsController!.panEnd();\n };\n\n useIsomorphicLayoutEffect(\n function init() {\n if (bsController) {\n bsController.init(snapPoint);\n }\n },\n [snapPoint, bsController],\n );\n\n useIsomorphicLayoutEffect(\n () =>\n function unmount() {\n if (bsController) {\n bsController.destroy();\n }\n },\n [bsController],\n );\n\n return [\n {\n initialStyle,\n setSheetEl,\n setSheetScrollEl,\n setBackdropEl,\n },\n bsController !== null\n ? {\n onTouchStart: onPanStart,\n onTouchMove: onPanMove,\n onTouchEnd: onPanEnd,\n onTouchCancel: onPanEnd,\n onMouseDown: onPanStart,\n onMouseMove: onPanMove,\n onMouseUp: onPanEnd,\n onMouseLeave: onPanEnd,\n }\n : undefined,\n ];\n};\n"],"names":["useMemo","useState","noop","useStableCallback","useIsomorphicLayoutEffect","BottomSheetController","CSSTransitionController","useBottomSheet","enabled","blocked","snapPoint","sheetCSSProperty","backdropCSSProperty","onSnapPointChange","onSnapPointChangeProp","onDismiss","onDismissProp","sheetScrollEl","setSheetScrollEl","sheetEl","setSheetEl","backdropEl","setBackdropEl","initialStyle","initial","undefined","bsController","sheetTransitionController","backdropTransitionController","onPanStart","event","panStart","nativeEvent","onPanMove","panMove","onPanEnd","panEnd","init","unmount","destroy","onTouchStart","onTouchMove","onTouchEnd","onTouchCancel","onMouseDown","onMouseMove","onMouseUp","onMouseLeave"],"mappings":"AAAA;AAEA,SAMEA,OAAO,EACPC,QAAQ,QACH,QAAQ;AACf,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,iBAAiB,QAAQ,mCAAgC;AAClE,SAASC,yBAAyB,QAAQ,kCAA+B;AACzE,SACEC,qBAAqB,QAGhB,yCAAsC;AAC7C,SAASC,uBAAuB,QAAQ,2CAAwC;AAgChF;;;;;;;;;;;;;;;;;;;;;;;;;CAyBC,GACD,OAAO,MAAMC,iBAAiB,CAC5BC,SACA,EACEC,OAAO,EACPC,SAAS,EACTC,gBAAgB,EAChBC,mBAAmB,EACnBC,mBAAmBC,qBAAqB,EACxCC,WAAWC,aAAa,EACF;IAExB,MAAM,CAACC,eAAeC,iBAAiB,GAAGjB,SAA6B;IACvE,MAAM,CAACkB,SAASC,WAAW,GAAGnB,SAA6B;IAC3D,MAAM,CAACoB,YAAYC,cAAc,GAAGrB,SAA6B;IAEjE,MAAMsB,eAAevB,QACnB,IACEQ,WAAWE,cAAc,SAAS;YAAE,CAACC,iBAAiB,EAAE,GAAGD,UAAUc,OAAO,CAAC,CAAC,CAAC;QAAC,IAAIC,WACtF;QAACjB;QAASE;QAAWC;KAAiB;IAGxC,MAAME,oBAAoBV,kBAAkBW,yBAAyBZ;IACrE,MAAMa,YAAYZ,kBAAkBa,iBAAiBd;IACrD,MAAMwB,eAAe1B,QAAsC;QACzD,IAAI,CAACQ,WAAWW,YAAY,MAAM;YAChC,OAAO;QACT;QAEA,OAAO,IAAId,sBAAsBc,SAAS;YACxCF,eAAeA,iBAAiB;YAChCU,2BAA2B,IAAIrB,wBAAgCa,SAASR;YACxEiB,8BAA8BP,aAC1B,IAAIf,wBAAwBe,YAAYT,uBACxC;YACJC;YACAE;QACF;IACF,GAAG;QACDP;QACAW;QACAR;QACAM;QACAI;QACAT;QACAC;QACAE;KACD;IAED,MAAMc,aAAa,SAASA,WAAWC,KAA2B;QAChE,IAAI,CAACrB,SAAS;YACZiB,aAAcK,QAAQ,CAACD,MAAME,WAAW;QAC1C;IACF;IAEA,MAAMC,YAAY,SAASA,UAAUH,KAA2B;QAC9DJ,aAAcQ,OAAO,CAACJ,MAAME,WAAW;IACzC;IAEA,MAAMG,WAAW,SAASA;QACxBT,aAAcU,MAAM;IACtB;IAEAhC,0BACE,SAASiC;QACP,IAAIX,cAAc;YAChBA,aAAaW,IAAI,CAAC3B;QACpB;IACF,GACA;QAACA;QAAWgB;KAAa;IAG3BtB,0BACE,IACE,SAASkC;YACP,IAAIZ,cAAc;gBAChBA,aAAaa,OAAO;YACtB;QACF,GACF;QAACb;KAAa;IAGhB,OAAO;QACL;YACEH;YACAH;YACAF;YACAI;QACF;QACAI,iBAAiB,OACb;YACEc,cAAcX;YACdY,aAAaR;YACbS,YAAYP;YACZQ,eAAeR;YACfS,aAAaf;YACbgB,aAAaZ;YACba,WAAWX;YACXY,cAAcZ;QAChB,IACAV;KACL;AACH,EAAE"}

package/dist/cssm/lib/tokens/TokensClassProvider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/tokens/TokensClassProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTokensClassName } from './useTokenClassName';\nimport styles from './TokensClassProvider.module.css';\n\ntype ProvidedChildProps = {\n className?: string;\n};\n\ntype InjectTokenClassNameToChildProps = {\n children: React.ReactElement<ProvidedChildProps>;\n};\n\nconst InjectTokenClassNameToChild = ({ children }: InjectTokenClassNameToChildProps) => {\n const tokensClassName = useTokensClassName();\n\n return React.cloneElement(children, {\n className: classNames(tokensClassName, styles.defaultColor, children.props.className),\n });\n};\n\nexport interface TokensClassProviderProps {\n children: React.ReactNode;\n}\n\nexport const TokensClassProvider: React.FC<TokensClassProviderProps> = ({ children }) => {\n return React.Children.map(children, (child) => {\n if (React.isValidElement<ProvidedChildProps>(child)) {\n return <InjectTokenClassNameToChild>{child}</InjectTokenClassNameToChild>;\n }\n return child;\n });\n};\n"],"names":["React","classNames","useTokensClassName","styles","InjectTokenClassNameToChild","children","tokensClassName","cloneElement","className","defaultColor","props","TokensClassProvider","Children","map","child","isValidElement"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,OAAOC,YAAY,mCAAmC;AAUtD,MAAMC,8BAA8B,CAAC,EAAEC,QAAQ,EAAoC;IACjF,MAAMC,kBAAkBJ;IAExB,qBAAOF,MAAMO,YAAY,CAACF,UAAU;QAClCG,WAAWP,WAAWK,iBAAiBH,OAAOM,YAAY,EAAEJ,SAASK,KAAK,CAACF,SAAS;IACtF;AACF;AAMA,OAAO,MAAMG,sBAA0D,CAAC,EAAEN,QAAQ,EAAE;IAClF,OAAOL,MAAMY,QAAQ,CAACC,GAAG,CAACR,UAAU,CAACS;QACnC,kBAAId,MAAMe,cAAc,CAAqBD,QAAQ;YACnD,qBAAO,KAACV;0BAA6BU;;QACvC;QACA,OAAOA;IACT;AACF,EAAE"}
1	+ {"version":3,"sources":["../../../../src/lib/tokens/TokensClassProvider.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useTokensClassName } from './useTokenClassName';\nimport styles from './TokensClassProvider.module.css';\n\ntype ProvidedChildProps = {\n className?: string \| undefined;\n};\n\ntype InjectTokenClassNameToChildProps = {\n children: React.ReactElement<ProvidedChildProps>;\n};\n\nconst InjectTokenClassNameToChild = ({ children }: InjectTokenClassNameToChildProps) => {\n const tokensClassName = useTokensClassName();\n\n return React.cloneElement(children, {\n className: classNames(tokensClassName, styles.defaultColor, children.props.className),\n });\n};\n\nexport interface TokensClassProviderProps {\n children: React.ReactNode;\n}\n\nexport const TokensClassProvider: React.FC<TokensClassProviderProps> = ({ children }) => {\n return React.Children.map(children, (child) => {\n if (React.isValidElement<ProvidedChildProps>(child)) {\n return <InjectTokenClassNameToChild>{child}</InjectTokenClassNameToChild>;\n }\n return child;\n });\n};\n"],"names":["React","classNames","useTokensClassName","styles","InjectTokenClassNameToChild","children","tokensClassName","cloneElement","className","defaultColor","props","TokensClassProvider","Children","map","child","isValidElement"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,yBAAsB;AACzD,OAAOC,YAAY,mCAAmC;AAUtD,MAAMC,8BAA8B,CAAC,EAAEC,QAAQ,EAAoC;IACjF,MAAMC,kBAAkBJ;IAExB,qBAAOF,MAAMO,YAAY,CAACF,UAAU;QAClCG,WAAWP,WAAWK,iBAAiBH,OAAOM,YAAY,EAAEJ,SAASK,KAAK,CAACF,SAAS;IACtF;AACF;AAMA,OAAO,MAAMG,sBAA0D,CAAC,EAAEN,QAAQ,EAAE;IAClF,OAAOL,MAAMY,QAAQ,CAACC,GAAG,CAACR,UAAU,CAACS;QACnC,kBAAId,MAAMe,cAAc,CAAqBD,QAAQ;YACnD,qBAAO,KAACV;0BAA6BU;;QACvC;QACA,OAAOA;IACT;AACF,EAAE"}

package/dist/cssm/lib/tokens/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../../src/lib/tokens/types.ts"],"sourcesContent":["import type { PlatformType } from '../platform';\n\n/*\n `string` – это CSS селектор.\n \n @example\n * ```ts\n * const tokensClassNames = {\n * light: 'vkui--vkBase-light',\n * dark: 'vkui--vkBase-dark',\n * }\n * ```\n /\nexport type TokensClassNamesByAppearances = {\n light?: string;\n dark?: string;\n};\n\n/\n @example\n * ```ts\n * const tokensClassNames = {\n * android: {\n * light: 'vkui--vkBase-light',\n * dark: 'vkui--vkBase-dark',\n * },\n * // ...\n * };\n * ```\n */\nexport type TokensClassNamesByPlatforms = {\n [P in PlatformType]?: TokensClassNamesByAppearances;\n};\n\nexport type TokensClassNames = TokensClassNamesByPlatforms \| TokensClassNamesByAppearances;\n"],"names":[],"mappings":"AAkCA,WAA2F"}
1	+ {"version":3,"sources":["../../../../src/lib/tokens/types.ts"],"sourcesContent":["import type { PlatformType } from '../platform';\n\n/*\n `string` – это CSS селектор.\n \n @example\n * ```ts\n * const tokensClassNames = {\n * light: 'vkui--vkBase-light',\n * dark: 'vkui--vkBase-dark',\n * }\n * ```\n /\nexport type TokensClassNamesByAppearances = {\n light?: string \| undefined;\n dark?: string \| undefined;\n};\n\n/\n @example\n * ```ts\n * const tokensClassNames = {\n * android: {\n * light: 'vkui--vkBase-light',\n * dark: 'vkui--vkBase-dark',\n * },\n * // ...\n * };\n * ```\n */\nexport type TokensClassNamesByPlatforms = {\n [P in PlatformType]?: TokensClassNamesByAppearances;\n};\n\nexport type TokensClassNames = TokensClassNamesByPlatforms \| TokensClassNamesByAppearances;\n"],"names":[],"mappings":"AAkCA,WAA2F"}

package/dist/cssm/lib/utils.js CHANGED Viewed

@@ -65,6 +65,9 @@ export function isForwardRefElement(children) {
  * При использовании пропа fetchPriority генерируется warning "Invalid DOM property" (версия React 18.*)
  * Ворнинга нет в React версии 19.*, поэтому пока поддерживаем 2 версии наименования
  */ export function getFetchPriorityProp(value) {
+    if (value === undefined) {
+        return {};
+    }
     if (React.version.startsWith('19')) {
         return {
             fetchPriority: value

package/dist/cssm/lib/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\nimport { shouldTriggerClickOnEnterOrSpace } from './accessibility';\nimport { isHTMLElement } from './dom';\n\nexport type ImgOnlyAttributes = {\n [index in Exclude<\n keyof React.ImgHTMLAttributes<HTMLImageElement>,\n keyof React.HTMLAttributes<HTMLImageElement>\n >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n if (ref) {\n if (typeof ref === 'function') {\n ref(element);\n } else {\n (ref as React.RefObject<T>).current = element;\n }\n }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> \| undefined>): React.RefObject<T \| null> {\n let current: T \| null = null;\n return {\n get current() {\n return current;\n },\n set current(element) {\n current = element;\n refs.forEach((ref) => ref && setRef(element, ref));\n },\n };\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T): void =>\n event.stopPropagation();\n\nexport const preventDefault = <T extends React.SyntheticEvent>(event: T): void =>\n event.preventDefault();\n\nexport function addClassNameToElement(element: HTMLElement, className: string): void {\n const elementClassName = element.getAttribute('class') \|\| '';\n const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;\n\n element.setAttribute('class', updatedClassName);\n}\n\nexport function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string): void {\n const classNamesArray = (element.getAttribute('class') \|\| '').split(/\\s+/);\n const elementIndexToRemove = classNamesArray.findIndex(\n (className) => className === classNameToRemove,\n );\n if (elementIndexToRemove === -1) {\n return;\n }\n classNamesArray.splice(elementIndexToRemove, 1);\n\n element.setAttribute('class', classNamesArray.join(' '));\n}\n\ntype ExcludeKeysWithUndefined<T> = {\n [P in keyof T]?: Exclude<T[P], undefined>;\n};\n\nexport const excludeKeysWithUndefined = <T extends Record<string \| number \| symbol, any>>(\n obj: T,\n): ExcludeKeysWithUndefined<T> => {\n const filteredObj: ExcludeKeysWithUndefined<T> = {};\n for (const key in obj) {\n if (obj.hasOwnProperty(key) && obj[key] !== undefined) {\n filteredObj[key] = obj[key];\n }\n }\n return filteredObj;\n};\n\nexport const isDOMTypeElement = <\n P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>,\n T extends Element,\n>(\n element: React.ReactElement,\n): element is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> \| undefined } =>\n typeof element.type === 'string';\n\nexport function isValidNotReactFragmentElement(\n children: Parameters<typeof React.isValidElement>[0],\n): children is React.ReactElement<Record<PropertyKey, any>> {\n return (\n React.isValidElement(children) &&\n // $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n (children as any).$$typeof !== Symbol.for('react.fragment')\n );\n}\n\nexport function isForwardRefElement<\n P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>,\n T extends Element,\n>(\n children: Parameters<typeof React.isValidElement>[0],\n): children is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> \| undefined } {\n if (!React.isValidElement(children)) {\n return false;\n }\n\n // @ts-expect-error: TS2339 $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n // черпаем вдохновение из react-is https://github.com/facebook/react/blob/d48dbb824985166ecb7b2959db03090a8593dce0/packages/react-is/src/ReactIs.js#L119-L121\n const typeOfOfType = children.type && children.type.$$typeof;\n return typeOfOfType === Symbol.for('react.forward_ref');\n}\n\n/*\n При использовании пропа fetchPriority генерируется warning \"Invalid DOM property\" (версия React 18.)\n Ворнинга нет в React версии 19., поэтому пока поддерживаем 2 версии наименования\n /\nexport function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']):\n \| {\n fetchPriority: 'high' \| 'low' \| 'auto' ~~\| undefined~~;\n }\n \| {\n fetchpriority: 'high' \| 'low' \| 'auto' \| undefined;\n } {\n if (React.version.startsWith('19')) {\n return { fetchPriority: value };\n }\n return { fetchpriority: value };\n}\n\n/\n [a11y]\n * Обрабатывает событие onkeydown\n * для кастомных доступных элементов:\n * - role=\"link\" (активация по Enter)\n * - role=\"button\" (активация по Space и Enter)\n */\nexport function clickByKeyboardHandler(event: React.KeyboardEvent<HTMLDivElement>): void {\n if (!isHTMLElement(event.target) \|\| !shouldTriggerClickOnEnterOrSpace(event)) {\n return;\n }\n\n event.preventDefault();\n event.target.click?.();\n}\n"],"names":["React","shouldTriggerClickOnEnterOrSpace","isHTMLElement","setRef","element","ref","current","multiRef","refs","forEach","stopPropagation","event","preventDefault","addClassNameToElement","className","elementClassName","getAttribute","updatedClassName","setAttribute","removeClassNameFromElement","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join","excludeKeysWithUndefined","obj","filteredObj","key","hasOwnProperty","undefined","isDOMTypeElement","type","isValidNotReactFragmentElement","children","isValidElement","$$typeof","Symbol","for","isForwardRefElement","typeOfOfType","getFetchPriorityProp","value","version","startsWith","fetchPriority","fetchpriority","clickByKeyboardHandler","target","click"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gCAAgC,QAAQ,qBAAkB;AACnE,SAASC,aAAa,QAAQ,WAAQ;AAStC,OAAO,SAASC,OAAUC,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAA2BC,OAAO,GAAGF;QACxC;IACF;AACF;AAEA,OAAO,SAASG,SAAY,GAAGC,IAAqC;IAClE,IAAIF,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVI,KAAKC,OAAO,CAAC,CAACJ,MAAQA,OAAOF,OAAOC,SAASC;QAC/C;IACF;AACF;AAEA,OAAO,MAAMK,kBAAkB,CAAiCC,QAC9DA,MAAMD,eAAe,GAAG;AAE1B,OAAO,MAAME,iBAAiB,CAAiCD,QAC7DA,MAAMC,cAAc,GAAG;AAEzB,OAAO,SAASC,sBAAsBT,QAAoB,EAAEU,SAAiB;IAC3E,MAAMC,mBAAmBX,SAAQY,YAAY,CAAC,YAAY;IAC1D,MAAMC,mBAAmB,GAAGF,mBAAmBA,mBAAmB,MAAM,KAAKD,WAAW;IAExFV,SAAQc,YAAY,CAAC,SAASD;AAChC;AAEA,OAAO,SAASE,2BAA2Bf,QAAoB,EAAEgB,iBAAyB;IACxF,MAAMC,kBAAkB,AAACjB,CAAAA,SAAQY,YAAY,CAAC,YAAY,EAAC,EAAGM,KAAK,CAAC;IACpE,MAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,CAACV,YAAcA,cAAcM;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7CnB,SAAQc,YAAY,CAAC,SAASG,gBAAgBK,IAAI,CAAC;AACrD;AAMA,OAAO,MAAMC,2BAA2B,CACtCC;IAEA,MAAMC,cAA2C,CAAC;IAClD,IAAK,MAAMC,OAAOF,IAAK;QACrB,IAAIA,IAAIG,cAAc,CAACD,QAAQF,GAAG,CAACE,IAAI,KAAKE,WAAW;YACrDH,WAAW,CAACC,IAAI,GAAGF,GAAG,CAACE,IAAI;QAC7B;IACF;IACA,OAAOD;AACT,EAAE;AAEF,OAAO,MAAMI,mBAAmB,CAI9B7B,WAEA,OAAOA,SAAQ8B,IAAI,KAAK,SAAS;AAEnC,OAAO,SAASC,+BACdC,QAAoD;IAEpD,OACEpC,MAAMqC,cAAc,CAACD,aAErB,AADA,gGAAgG;IAC/FA,SAAiBE,QAAQ,KAAKC,OAAOC,GAAG,CAAC;AAE9C;AAEA,OAAO,SAASC,oBAIdL,QAAoD;IAEpD,IAAI,CAACpC,MAAMqC,cAAc,CAACD,WAAW;QACnC,OAAO;IACT;IAEA,yHAAyH;IACzH,6JAA6J;IAC7J,MAAMM,eAAeN,SAASF,IAAI,IAAIE,SAASF,IAAI,CAACI,QAAQ;IAC5D,OAAOI,iBAAiBH,OAAOC,GAAG,CAAC;AACrC;AAEA;;;CAGC,GACD,OAAO,SAASG,qBAAqBC,KAA4D;~~IAO~~/F,~~IAAI5C~~,MAAM6C,OAAO,CAACC,UAAU,CAAC,OAAO;QAClC,OAAO;YAAEC,eAAeH;QAAM;IAChC;IACA,OAAO;QAAEI,eAAeJ;IAAM;AAChC;AAEA;;;;;;CAMC,GACD,OAAO,SAASK,uBAAuBtC,KAA0C;IAC/E,IAAI,CAACT,cAAcS,MAAMuC,MAAM,KAAK,CAACjD,iCAAiCU,QAAQ;QAC5E;IACF;IAEAA,MAAMC,cAAc;IACpBD,MAAMuC,MAAM,CAACC,KAAK;AACpB"}
1	+ {"version":3,"sources":["../../../src/lib/utils.ts"],"sourcesContent":["import * as React from 'react';\nimport { shouldTriggerClickOnEnterOrSpace } from './accessibility';\nimport { isHTMLElement } from './dom';\n\nexport type ImgOnlyAttributes = {\n [index in Exclude<\n keyof React.ImgHTMLAttributes<HTMLImageElement>,\n keyof React.HTMLAttributes<HTMLImageElement>\n >]: React.ImgHTMLAttributes<HTMLImageElement>[index];\n};\n\nexport function setRef<T>(element: T, ref?: React.Ref<T>): void {\n if (ref) {\n if (typeof ref === 'function') {\n ref(element);\n } else {\n (ref as React.RefObject<T>).current = element;\n }\n }\n}\n\nexport function multiRef<T>(...refs: Array<React.Ref<T> \| undefined>): React.RefObject<T \| null> {\n let current: T \| null = null;\n return {\n get current() {\n return current;\n },\n set current(element) {\n current = element;\n refs.forEach((ref) => ref && setRef(element, ref));\n },\n };\n}\n\nexport const stopPropagation = <T extends React.SyntheticEvent>(event: T): void =>\n event.stopPropagation();\n\nexport const preventDefault = <T extends React.SyntheticEvent>(event: T): void =>\n event.preventDefault();\n\nexport function addClassNameToElement(element: HTMLElement, className: string): void {\n const elementClassName = element.getAttribute('class') \|\| '';\n const updatedClassName = `${elementClassName}${elementClassName ? ' ' : ''}${className}`;\n\n element.setAttribute('class', updatedClassName);\n}\n\nexport function removeClassNameFromElement(element: HTMLElement, classNameToRemove: string): void {\n const classNamesArray = (element.getAttribute('class') \|\| '').split(/\\s+/);\n const elementIndexToRemove = classNamesArray.findIndex(\n (className) => className === classNameToRemove,\n );\n if (elementIndexToRemove === -1) {\n return;\n }\n classNamesArray.splice(elementIndexToRemove, 1);\n\n element.setAttribute('class', classNamesArray.join(' '));\n}\n\ntype ExcludeKeysWithUndefined<T> = {\n [P in keyof T]?: Exclude<T[P], undefined>;\n};\n\nexport const excludeKeysWithUndefined = <T extends Record<string \| number \| symbol, any>>(\n obj: T,\n): ExcludeKeysWithUndefined<T> => {\n const filteredObj: ExcludeKeysWithUndefined<T> = {};\n for (const key in obj) {\n if (obj.hasOwnProperty(key) && obj[key] !== undefined) {\n filteredObj[key] = obj[key];\n }\n }\n return filteredObj;\n};\n\nexport const isDOMTypeElement = <\n P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>,\n T extends Element,\n>(\n element: React.ReactElement,\n): element is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> \| undefined } =>\n typeof element.type === 'string';\n\nexport function isValidNotReactFragmentElement(\n children: Parameters<typeof React.isValidElement>[0],\n): children is React.ReactElement<Record<PropertyKey, any>> {\n return (\n React.isValidElement(children) &&\n // $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n (children as any).$$typeof !== Symbol.for('react.fragment')\n );\n}\n\nexport function isForwardRefElement<\n P extends React.HTMLAttributes<T> \| React.SVGAttributes<T>,\n T extends Element,\n>(\n children: Parameters<typeof React.isValidElement>[0],\n): children is Omit<React.DOMElement<P, T>, 'ref'> & { ref?: React.Ref<T> \| undefined } {\n if (!React.isValidElement(children)) {\n return false;\n }\n\n // @ts-expect-error: TS2339 $$typeof всегда symbol, в отличии от type, благодаря этому пропускаем лишние проверки на тип.\n // черпаем вдохновение из react-is https://github.com/facebook/react/blob/d48dbb824985166ecb7b2959db03090a8593dce0/packages/react-is/src/ReactIs.js#L119-L121\n const typeOfOfType = children.type && children.type.$$typeof;\n return typeOfOfType === Symbol.for('react.forward_ref');\n}\n\n/*\n При использовании пропа fetchPriority генерируется warning \"Invalid DOM property\" (версия React 18.)\n Ворнинга нет в React версии 19., поэтому пока поддерживаем 2 версии наименования\n /\nexport function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']):\n \| {\n fetchPriority: 'high' \| 'low' \| 'auto';\n }\n \| {\n fetchpriority: 'high' \| 'low' \| 'auto';\n }\n \| object {\n if (value === undefined) {\n return {};\n }\n\n if (React.version.startsWith('19')) {\n return { fetchPriority: value };\n }\n return { fetchpriority: value };\n}\n\n/\n [a11y]\n * Обрабатывает событие onkeydown\n * для кастомных доступных элементов:\n * - role=\"link\" (активация по Enter)\n * - role=\"button\" (активация по Space и Enter)\n */\nexport function clickByKeyboardHandler(event: React.KeyboardEvent<HTMLDivElement>): void {\n if (!isHTMLElement(event.target) \|\| !shouldTriggerClickOnEnterOrSpace(event)) {\n return;\n }\n\n event.preventDefault();\n event.target.click?.();\n}\n"],"names":["React","shouldTriggerClickOnEnterOrSpace","isHTMLElement","setRef","element","ref","current","multiRef","refs","forEach","stopPropagation","event","preventDefault","addClassNameToElement","className","elementClassName","getAttribute","updatedClassName","setAttribute","removeClassNameFromElement","classNameToRemove","classNamesArray","split","elementIndexToRemove","findIndex","splice","join","excludeKeysWithUndefined","obj","filteredObj","key","hasOwnProperty","undefined","isDOMTypeElement","type","isValidNotReactFragmentElement","children","isValidElement","$$typeof","Symbol","for","isForwardRefElement","typeOfOfType","getFetchPriorityProp","value","version","startsWith","fetchPriority","fetchpriority","clickByKeyboardHandler","target","click"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,gCAAgC,QAAQ,qBAAkB;AACnE,SAASC,aAAa,QAAQ,WAAQ;AAStC,OAAO,SAASC,OAAUC,QAAU,EAAEC,GAAkB;IACtD,IAAIA,KAAK;QACP,IAAI,OAAOA,QAAQ,YAAY;YAC7BA,IAAID;QACN,OAAO;YACJC,IAA2BC,OAAO,GAAGF;QACxC;IACF;AACF;AAEA,OAAO,SAASG,SAAY,GAAGC,IAAqC;IAClE,IAAIF,UAAoB;IACxB,OAAO;QACL,IAAIA,WAAU;YACZ,OAAOA;QACT;QACA,IAAIA,SAAQF,QAAS;YACnBE,UAAUF;YACVI,KAAKC,OAAO,CAAC,CAACJ,MAAQA,OAAOF,OAAOC,SAASC;QAC/C;IACF;AACF;AAEA,OAAO,MAAMK,kBAAkB,CAAiCC,QAC9DA,MAAMD,eAAe,GAAG;AAE1B,OAAO,MAAME,iBAAiB,CAAiCD,QAC7DA,MAAMC,cAAc,GAAG;AAEzB,OAAO,SAASC,sBAAsBT,QAAoB,EAAEU,SAAiB;IAC3E,MAAMC,mBAAmBX,SAAQY,YAAY,CAAC,YAAY;IAC1D,MAAMC,mBAAmB,GAAGF,mBAAmBA,mBAAmB,MAAM,KAAKD,WAAW;IAExFV,SAAQc,YAAY,CAAC,SAASD;AAChC;AAEA,OAAO,SAASE,2BAA2Bf,QAAoB,EAAEgB,iBAAyB;IACxF,MAAMC,kBAAkB,AAACjB,CAAAA,SAAQY,YAAY,CAAC,YAAY,EAAC,EAAGM,KAAK,CAAC;IACpE,MAAMC,uBAAuBF,gBAAgBG,SAAS,CACpD,CAACV,YAAcA,cAAcM;IAE/B,IAAIG,yBAAyB,CAAC,GAAG;QAC/B;IACF;IACAF,gBAAgBI,MAAM,CAACF,sBAAsB;IAE7CnB,SAAQc,YAAY,CAAC,SAASG,gBAAgBK,IAAI,CAAC;AACrD;AAMA,OAAO,MAAMC,2BAA2B,CACtCC;IAEA,MAAMC,cAA2C,CAAC;IAClD,IAAK,MAAMC,OAAOF,IAAK;QACrB,IAAIA,IAAIG,cAAc,CAACD,QAAQF,GAAG,CAACE,IAAI,KAAKE,WAAW;YACrDH,WAAW,CAACC,IAAI,GAAGF,GAAG,CAACE,IAAI;QAC7B;IACF;IACA,OAAOD;AACT,EAAE;AAEF,OAAO,MAAMI,mBAAmB,CAI9B7B,WAEA,OAAOA,SAAQ8B,IAAI,KAAK,SAAS;AAEnC,OAAO,SAASC,+BACdC,QAAoD;IAEpD,OACEpC,MAAMqC,cAAc,CAACD,aAErB,AADA,gGAAgG;IAC/FA,SAAiBE,QAAQ,KAAKC,OAAOC,GAAG,CAAC;AAE9C;AAEA,OAAO,SAASC,oBAIdL,QAAoD;IAEpD,IAAI,CAACpC,MAAMqC,cAAc,CAACD,WAAW;QACnC,OAAO;IACT;IAEA,yHAAyH;IACzH,6JAA6J;IAC7J,MAAMM,eAAeN,SAASF,IAAI,IAAIE,SAASF,IAAI,CAACI,QAAQ;IAC5D,OAAOI,iBAAiBH,OAAOC,GAAG,CAAC;AACrC;AAEA;;;CAGC,GACD,OAAO,SAASG,qBAAqBC,KAA4D;IAQ/F,IAAIA,UAAUZ,WAAW;QACvB,OAAO,CAAC;IACV;IAEA,IAAIhC,MAAM6C,OAAO,CAACC,UAAU,CAAC,OAAO;QAClC,OAAO;YAAEC,eAAeH;QAAM;IAChC;IACA,OAAO;QAAEI,eAAeJ;IAAM;AAChC;AAEA;;;;;;CAMC,GACD,OAAO,SAASK,uBAAuBtC,KAA0C;IAC/E,IAAI,CAACT,cAAcS,MAAMuC,MAAM,KAAK,CAACjD,iCAAiCU,QAAQ;QAC5E;IACF;IAEAA,MAAMC,cAAc;IACpBD,MAAMuC,MAAM,CAACC,KAAK;AACpB"}

package/dist/cssm/styles/layout.css CHANGED Viewed

@@ -784,6 +784,42 @@
 .vkui-flex-basis {
     flex-basis: var(--vkui_internal--flex-basis);
 }
+.vkui-align-self-start {
+    align-self: start;
+}
+.vkui-align-self-center {
+    align-self: center;
+}
+.vkui-align-self-end {
+    align-self: end;
+}
+.vkui-align-self-baseline {
+    align-self: baseline;
+}
+.vkui-align-self-stretch {
+    align-self: stretch;
+}
+.vkui-align-self {
+    align-self: var(--vkui_internal--align-self);
+}
+.vkui-justify-self-start {
+    justify-self: start;
+}
+.vkui-justify-self-center {
+    justify-self: center;
+}
+.vkui-justify-self-end {
+    justify-self: end;
+}
+.vkui-justify-self-baseline {
+    justify-self: baseline;
+}
+.vkui-justify-self-stretch {
+    justify-self: stretch;
+}
+.vkui-justify-self {
+    justify-self: var(--vkui_internal--justify-self);
+}
 .vkui-overflow-visible {
     overflow: visible;
 }

package/dist/cssm/types.js CHANGED Viewed

@@ -1,3 +1,6 @@
-export { };
+/**
+ * Аналог Partial, но с явным | undefined для поддержки exactOptionalPropertyTypes.
+ * Используйте вместо Partial когда нужно поддержать exactOptionalPropertyTypes.
+ */ export { };
 //# sourceMappingURL=types.js.map

package/dist/cssm/types.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' \| 'center' \| 'right';\n\nexport interface HasChildren {\n children?: React.ReactNode;\n}\n\nexport type HasDataAttribute = Record<\n `data-${string}`,\n string \| number \| boolean \| undefined \| null\n>;\n\nexport interface HasRootRef<T> {\n getRootRef?: React.Ref<T~~>;\~~n}\n\nexport interface HasRef<T> {\n getRef?: React.Ref<T~~>;\~~n}\n\nexport interface HasComponent {\n Component?: React.ElementType;\n}\n\nexport interface HasAlign {\n align?: AlignType;\n}\n\nexport interface HasPlatform {\n /*\n @ignore\n /\n platform?: PlatformType;\n}\n\nexport interface Version {\n major: number;\n minor?: number;\n patch?: number;\n}\n\n/\n Тип содержит атрибуты, которые применяются только для `<a>`\n \n @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A <a> - HTML \| MDN}\n /\nexport type AnchorHTMLAttributesOnly = Omit<\n React.AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof React.HTMLAttributes<HTMLAnchorElement>\n> &\n React.AriaAttributes;\n\n/\n Проверяет, является ли тип подтипом другого.\n \n В TS не реализовано.\n \n @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n /\nexport type Exact<A, B> = A extends B ? B : never;\n\n/\n Для возможности указывать css custom properties\n /\nexport type CSSCustomProperties<T extends string \| number \| undefined = string> = Record<\n `--${string}`,\n T\n>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/\n Автозаполнение для типов\n \n @example\n * LiteralUnion<'foo' \| 'bar', string>\n \n @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n /\nexport type LiteralUnion<Union, Type> = Union \| (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n\nexport type ValuesOfObject<T> = T[keyof T];\n\nexport type GetPropsWithFunctionKeys<T> = {\n [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;\n}[keyof T];\n\nexport type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;\n\n/\n Даёт возможность поймать ошибку, если в компонент передаются лишние свойства.\n \n @example\n * // пример использования\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n \n @example\n * // расширенный пример\n * type SelectProps {\n * mode: string,\n * multiline: boolean;\n * selectType?: SelectType;\n * }\n \n type NativeSelectProps {\n * selectType?: SelectType;\n * }\n \n const selectProps: SelectProps = {\n * mode: \"card\",\n * multiline: true,\n * selectType: \"default\",\n * }\n \n // будет ошибка, так как multiline в NativeSelectProps нет\n * const {mode, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n \n // а вот так ошибки не будет, так как restProps больше не содержит multiline\n * const {mode, multiline, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n */\nexport type HasOnlyExpectedProps<Props, ExpectedProps> = {\n [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;\n};\n\nexport type TimeoutId = ReturnType<typeof setTimeout> \| null;\n\nexport type PartialFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n Partial<Pick<TYPE, FIELDS>>;\n\nexport type RequiredFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n Required<Pick<TYPE, FIELDS>>;\n\nexport type Elevation = '1' \| '2' \| '3' \| '4';\n"],"names":[],"mappings":"~~AA6IA~~,~~WAA8C~~"}
1	+ {"version":3,"sources":["../../src/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { PlatformType } from './lib/platform';\n\nexport type AnyFunction = (...args: any[]) => any;\n\nexport type AlignType = 'left' \| 'center' \| 'right';\n\nexport interface HasChildren {\n children?: React.ReactNode \| undefined;\n}\n\nexport type HasDataAttribute = Record<\n `data-${string}`,\n string \| number \| boolean \| undefined \| null\n>;\n\nexport interface HasRootRef<T> {\n getRootRef?: React.Ref<T> \| undefined;\n}\n\nexport interface HasRef<T> {\n getRef?: React.Ref<T> \| undefined;\n}\n\nexport interface HasComponent {\n Component?: React.ElementType \| undefined;\n}\n\nexport interface HasAlign {\n align?: AlignType \| undefined;\n}\n\nexport interface HasPlatform {\n /*\n @ignore\n /\n platform?: PlatformType \| undefined;\n}\n\nexport interface Version {\n major: number;\n minor?: number \| undefined;\n patch?: number \| undefined;\n}\n\n/\n Тип содержит атрибуты, которые применяются только для `<a>`\n \n @see {@link https://developer.mozilla.org/ru/docs/Web/HTML/Element/A <a> - HTML \| MDN}\n /\nexport type AnchorHTMLAttributesOnly = Omit<\n React.AnchorHTMLAttributes<HTMLAnchorElement>,\n keyof React.HTMLAttributes<HTMLAnchorElement>\n> &\n React.AriaAttributes;\n\n/\n Проверяет, является ли тип подтипом другого.\n \n В TS не реализовано.\n \n @see {@link https://github.com/microsoft/TypeScript/issues/12936}\n /\nexport type Exact<A, B> = A extends B ? B : never;\n\n/\n Для возможности указывать css custom properties\n /\nexport type CSSCustomProperties<T extends string \| number \| undefined = string> = Record<\n `--${string}`,\n T\n>;\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface Nothing {}\n\n/\n Автозаполнение для типов\n \n @example\n * LiteralUnion<'foo' \| 'bar', string>\n \n @see {@link https://github.com/microsoft/TypeScript/issues/29729}\n /\nexport type LiteralUnion<Union, Type> = Union \| (Type & Nothing);\n\nexport type HTMLAttributesWithRootRef<T> = React.HTMLAttributes<T> & HasRootRef<T>;\n\nexport type ValuesOfObject<T> = T[keyof T];\n\nexport type GetPropsWithFunctionKeys<T> = {\n [K in keyof T]: T[K] extends (...args: any[]) => any ? K : never;\n}[keyof T];\n\nexport type PickOnlyFunctionProps<T> = Pick<T, GetPropsWithFunctionKeys<T>>;\n\n/\n Даёт возможность поймать ошибку, если в компонент передаются лишние свойства.\n \n @example\n * // пример использования\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n \n @example\n * // расширенный пример\n * type SelectProps {\n * mode: string,\n * multiline: boolean;\n * selectType?: SelectType \| undefined;\n * }\n \n type NativeSelectProps {\n * selectType?: SelectType \| undefined;\n * }\n \n const selectProps: SelectProps = {\n * mode: \"card\",\n * multiline: true,\n * selectType: \"default\",\n * }\n \n // будет ошибка, так как multiline в NativeSelectProps нет\n * const {mode, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n \n // а вот так ошибки не будет, так как restProps больше не содержит multiline\n * const {mode, multiline, ...restProps} = selectProps;\n * const nativeProps: HasOnlyExpectedProps<typeof restProps, NativeSelectProps> = restProps;\n /\nexport type HasOnlyExpectedProps<Props, ExpectedProps> = {\n [K in keyof Props]: K extends keyof ExpectedProps ? ExpectedProps[K] : never;\n};\n\nexport type TimeoutId = ReturnType<typeof setTimeout> \| null;\n\nexport type PartialFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n Partial<Pick<TYPE, FIELDS>>;\n\nexport type RequiredFields<TYPE, FIELDS extends keyof TYPE> = Omit<TYPE, FIELDS> &\n Required<Pick<TYPE, FIELDS>>;\n\nexport type Elevation = '1' \| '2' \| '3' \| '4';\n\n/\n Аналог Partial, но с явным \| undefined для поддержки exactOptionalPropertyTypes.\n * Используйте вместо Partial когда нужно поддержать exactOptionalPropertyTypes.\n */\nexport type PartialWithUndefined<T> = {\n [P in keyof T]?: T[P] \| undefined;\n};\n"],"names":[],"mappings":"AA+IA;;;CAGC,GACD,WAEE"}

package/dist/helpers/math.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export declare const clamp: (value: number, min: number, max: number) => number;
 export declare function precisionRound(number: number, precision?: number): number;
 export declare function rescale(value: number, from: [number, number], to: [number, number], options?: {
-    step?: number;
+    step?: number | undefined;
 }): number;
 //# sourceMappingURL=math.d.ts.map

package/dist/helpers/math.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC;AAEtC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAGpE;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,CAAA;CAAO,~~GAC9B~~,MAAM,CAGR"}
1	+ {"version":3,"file":"math.d.ts","sourceRoot":"","sources":["../../src/helpers/math.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,KAAK,GAAI,OAAO,MAAM,EAAE,KAAK,MAAM,EAAE,KAAK,MAAM,KAAG,MAC3B,CAAC;AAEtC,wBAAgB,cAAc,CAAC,MAAM,EAAE,MAAM,EAAE,SAAS,SAAI,GAAG,MAAM,CAGpE;AAgCD,wBAAgB,OAAO,CACrB,KAAK,EAAE,MAAM,EACb,IAAI,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACtB,EAAE,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EACpB,OAAO,GAAE;IAAE,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAAO,GAC1C,MAAM,CAGR"}

package/dist/helpers/math.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number): number =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1): number {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\n/*\n Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n /\nfunction getDecimalPrecision(num: number) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n const nearest = Math.round((value - min) / step) step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const roundedValue = roundValueToStep(val, step, min);\n return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number } = {},\n): number {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,GAAG,CAAC,IAAIF;IAC1B,OAAOH,KAAKM,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIR,KAAKS,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBrB,KAAa,EAAEsB,IAAY,EAAErB,GAAW;IAChE,MAAMsB,UAAUpB,KAAKM,KAAK,CAAC,AAACT,CAAAA,QAAQC,GAAE,IAAKqB,QAAQA,OAAOrB;IAC1D,OAAOuB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAE1B,GAAW,EAAEC,GAAW,EAAEoB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOvB,MAAM4B,KAAK1B,KAAKC;IACzB;IACA,MAAM0B,eAAeP,iBAAiBM,KAAKL,MAAMrB;IACjD,OAAOF,MAAM6B,cAAc3B,KAAKC;AAClC;AAEA,OAAO,SAAS2B,QACd7B,KAAa,EACb8B,IAAsB,EACtBC,EAAoB,EACpBC,~~UAA6B~~,CAAC,CAAC;~~IAE/B~~,MAAMC,SAAS,AAAEjC,CAAAA,QAAQ8B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOL,eAAeO,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQV,IAAI;AAC1D"}
1	+ {"version":3,"sources":["../../src/helpers/math.ts"],"sourcesContent":["export const clamp = (value: number, min: number, max: number): number =>\n Math.max(min, Math.min(value, max));\n\nexport function precisionRound(number: number, precision = 1): number {\n let factor = Math.pow(10, precision);\n return Math.round(number * factor) / factor;\n}\n\n/*\n Решение скопировано без изменений у MUI:\n * https://github.com/mui/material-ui/blob/v5.13.7/packages/mui-base/src/useSlider/useSlider.ts#L89-L105\n /\nfunction getDecimalPrecision(num: number) {\n // This handles the case when num is very small (0.00000001), js will turn this into 1e-8.\n // When num is bigger than 1 or less than -1 it won't get converted to this notation so it's fine.\n if (Math.abs(num) < 1) {\n const parts = num.toExponential().split('e-');\n const matissaDecimalPart = parts[0].split('.')[1];\n return (matissaDecimalPart ? matissaDecimalPart.length : 0) + parseInt(parts[1], 10);\n }\n\n const decimalPart = num.toString().split('.')[1];\n return decimalPart ? decimalPart.length : 0;\n}\n\nfunction roundValueToStep(value: number, step: number, min: number) {\n const nearest = Math.round((value - min) / step) step + min;\n return Number(nearest.toFixed(getDecimalPrecision(step)));\n}\n\nfunction decimatedClamp(val: number, min: number, max: number, step?: number) {\n if (step == null \|\| step <= 0) {\n return clamp(val, min, max);\n }\n const roundedValue = roundValueToStep(val, step, min);\n return clamp(roundedValue, min, max);\n}\n\nexport function rescale(\n value: number,\n from: [number, number],\n to: [number, number],\n options: { step?: number \| undefined } = {},\n): number {\n const scaled = ((value - from[0]) / (from[1] - from[0])) * (to[1] - to[0]) + to[0];\n return decimatedClamp(scaled, to[0], to[1], options.step);\n}\n"],"names":["clamp","value","min","max","Math","precisionRound","number","precision","factor","pow","round","getDecimalPrecision","num","abs","parts","toExponential","split","matissaDecimalPart","length","parseInt","decimalPart","toString","roundValueToStep","step","nearest","Number","toFixed","decimatedClamp","val","roundedValue","rescale","from","to","options","scaled"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,CAACC,OAAeC,KAAaC,MAChDC,KAAKD,GAAG,CAACD,KAAKE,KAAKF,GAAG,CAACD,OAAOE,MAAM;AAEtC,OAAO,SAASE,eAAeC,MAAc,EAAEC,YAAY,CAAC;IAC1D,IAAIC,SAASJ,KAAKK,GAAG,CAAC,IAAIF;IAC1B,OAAOH,KAAKM,KAAK,CAACJ,SAASE,UAAUA;AACvC;AAEA;;;CAGC,GACD,SAASG,oBAAoBC,GAAW;IACtC,0FAA0F;IAC1F,kGAAkG;IAClG,IAAIR,KAAKS,GAAG,CAACD,OAAO,GAAG;QACrB,MAAME,QAAQF,IAAIG,aAAa,GAAGC,KAAK,CAAC;QACxC,MAAMC,qBAAqBH,KAAK,CAAC,EAAE,CAACE,KAAK,CAAC,IAAI,CAAC,EAAE;QACjD,OAAO,AAACC,CAAAA,qBAAqBA,mBAAmBC,MAAM,GAAG,CAAA,IAAKC,SAASL,KAAK,CAAC,EAAE,EAAE;IACnF;IAEA,MAAMM,cAAcR,IAAIS,QAAQ,GAAGL,KAAK,CAAC,IAAI,CAAC,EAAE;IAChD,OAAOI,cAAcA,YAAYF,MAAM,GAAG;AAC5C;AAEA,SAASI,iBAAiBrB,KAAa,EAAEsB,IAAY,EAAErB,GAAW;IAChE,MAAMsB,UAAUpB,KAAKM,KAAK,CAAC,AAACT,CAAAA,QAAQC,GAAE,IAAKqB,QAAQA,OAAOrB;IAC1D,OAAOuB,OAAOD,QAAQE,OAAO,CAACf,oBAAoBY;AACpD;AAEA,SAASI,eAAeC,GAAW,EAAE1B,GAAW,EAAEC,GAAW,EAAEoB,IAAa;IAC1E,IAAIA,QAAQ,QAAQA,QAAQ,GAAG;QAC7B,OAAOvB,MAAM4B,KAAK1B,KAAKC;IACzB;IACA,MAAM0B,eAAeP,iBAAiBM,KAAKL,MAAMrB;IACjD,OAAOF,MAAM6B,cAAc3B,KAAKC;AAClC;AAEA,OAAO,SAAS2B,QACd7B,KAAa,EACb8B,IAAsB,EACtBC,EAAoB,EACpBC,UAAyC,CAAC,CAAC;IAE3C,MAAMC,SAAS,AAAEjC,CAAAA,QAAQ8B,IAAI,CAAC,EAAE,AAAD,IAAMA,CAAAA,IAAI,CAAC,EAAE,GAAGA,IAAI,CAAC,EAAE,AAAD,IAAOC,CAAAA,EAAE,CAAC,EAAE,GAAGA,EAAE,CAAC,EAAE,AAAD,IAAKA,EAAE,CAAC,EAAE;IAClF,OAAOL,eAAeO,QAAQF,EAAE,CAAC,EAAE,EAAEA,EAAE,CAAC,EAAE,EAAEC,QAAQV,IAAI;AAC1D"}

package/dist/hooks/useAdaptivityWithJSMediaQueries.d.ts CHANGED Viewed

@@ -20,8 +20,12 @@ export declare const isSizeXCompactFallback: (viewWidth: ViewWidthType, legacySi
  * TODO [>=10]: #9015 удалить функцию и перенести проверку `viewWidth` на место вызова данной функции.
  */
 export declare const isSizeXRegularFallback: (viewWidth: ViewWidthType, legacySizeX: SizeTypeValues, legacySizeXContext: SizeTypeValues | undefined) => boolean;
-export interface UseAdaptivityWithJSMediaQueries extends Required<BaseAdaptivityProps> {
+type RequiredNonNullable<T> = {
+    [P in keyof T]-?: NonNullable<T[P]>;
+};
+export interface UseAdaptivityWithJSMediaQueries extends RequiredNonNullable<BaseAdaptivityProps> {
     isDesktop: boolean;
 }
 export declare const useAdaptivityWithJSMediaQueries: () => UseAdaptivityWithJSMediaQueries;
+export {};
 //# sourceMappingURL=useAdaptivityWithJSMediaQueries.d.ts.map

package/dist/hooks/useAdaptivityWithJSMediaQueries.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAdaptivityWithJSMediaQueries.d.ts","sourceRoot":"","sources":["../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,oDAAoD,CAAC;AAE5D,OAAO,EAKL,KAAK,cAAc,EAGnB,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAK3B;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GACjC,WAAW,aAAa,EACxB,aAAa,cAAc,EAC3B,oBAAoB,cAAc,GAAG,SAAS,YAEmD,CAAC;AAEpG;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GACjC,WAAW,aAAa,EACxB,aAAa,cAAc,EAC3B,oBAAoB,cAAc,GAAG,SAAS,YAIjB,CAAC;AAEhC,MAAM,WAAW,+BAAgC,SAAQ,~~QAAQ~~,CAAC,mBAAmB,CAAC;~~IACpF~~,SAAS,EAAE,OAAO,CAAC;CACpB;AAiBD,eAAO,MAAM,+BAA+B,QAAO,+BAqHlD,CAAC"}
1	+ {"version":3,"file":"useAdaptivityWithJSMediaQueries.d.ts","sourceRoot":"","sources":["../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"names":[],"mappings":"AAEA,OAAO,EAEL,KAAK,eAAe,IAAI,mBAAmB,EAC5C,MAAM,oDAAoD,CAAC;AAE5D,OAAO,EAKL,KAAK,cAAc,EAGnB,KAAK,aAAa,EACnB,MAAM,mBAAmB,CAAC;AAK3B;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GACjC,WAAW,aAAa,EACxB,aAAa,cAAc,EAC3B,oBAAoB,cAAc,GAAG,SAAS,YAEmD,CAAC;AAEpG;;;;;;;;GAQG;AACH,eAAO,MAAM,sBAAsB,GACjC,WAAW,aAAa,EACxB,aAAa,cAAc,EAC3B,oBAAoB,cAAc,GAAG,SAAS,YAIjB,CAAC;AAEhC,KAAK,mBAAmB,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;CAAE,CAAC;AAEtE,MAAM,WAAW,+BAAgC,SAAQ,mBAAmB,CAAC,mBAAmB,CAAC;IAC/F,SAAS,EAAE,OAAO,CAAC;CACpB;AAiBD,eAAO,MAAM,+BAA+B,QAAO,+BAqHlD,CAAC"}

package/dist/hooks/useAdaptivityWithJSMediaQueries.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getDensity,\n getSizeX,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n type SizeTypeValues,\n tryToCheckIsDesktop,\n ViewWidth,\n type ViewWidthType,\n} from '../lib/adaptivity';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\n/*\n @private\n \n @param legacySizeX Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param viewWidth Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param legacySizeXContext Значение из хука `useAdaptivity`\n \n TODO [>=10]: #9015 удалить функцию и перенести проверку `viewWidth` на место вызова данной функции.\n /\nexport const isSizeXCompactFallback = (\n viewWidth: ViewWidthType,\n legacySizeX: SizeTypeValues,\n legacySizeXContext: SizeTypeValues \| undefined,\n) =>\n legacySizeXContext === undefined ? viewWidth < ViewWidth.SMALL_TABLET : legacySizeX !== 'regular';\n\n/\n @private\n \n @param legacySizeX Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param viewWidth Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param legacySizeXContext Значение из хука `useAdaptivity`\n \n TODO [>=10]: #9015 удалить функцию и перенести проверку `viewWidth` на место вызова данной функции.\n /\nexport const isSizeXRegularFallback = (\n viewWidth: ViewWidthType,\n legacySizeX: SizeTypeValues,\n legacySizeXContext: SizeTypeValues \| undefined,\n) =>\n legacySizeXContext === undefined\n ? viewWidth >= ViewWidth.SMALL_TABLET\n : legacySizeX === 'regular';\n\nexport interface UseAdaptivityWithJSMediaQueries extends ~~Required~~<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nconst warn = warnOnce('useAdaptivityWithJSMediaQueries');\n\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n warn(\n `Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`,\n 'error',\n );\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n density: densityContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const density = getOrDefault(densityContext, getDensity(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY: density,\n density,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n densityContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListener.addEventListener('change', handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListener.addEventListener('change', handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListener.removeEventListener('change', handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getDensity","getSizeX","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","ViewWidth","warnOnce","useMediaQueries","usePlatform","isSizeXCompactFallback","viewWidth","legacySizeX","legacySizeXContext","undefined","SMALL_TABLET","isSizeXRegularFallback","warn","useAdaptivityWithJSMediaQueries","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","density","densityContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","sizeY","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","addEventListener","mediumHeight","mobileLandscapeHeight","removeEventListener"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,SAAS,EAAEC,YAAYC,WAAW,EAAEC,YAAYC,aAAa,QAAQ,kBAAkB;AAChG,SACEC,iBAAiB,QAEZ,wDAAqD;AAC5D,SAASC,YAAY,QAAQ,6BAA0B;AACvD,SACEC,UAAU,EACVC,QAAQ,EACRC,2BAA2B,EAC3BC,0BAA0B,EAE1BC,mBAAmB,EACnBC,SAAS,QAEJ,6BAAoB;AAC3B,SAASC,QAAQ,QAAQ,qBAAkB;AAC3C,SAASC,eAAe,QAAQ,uBAAoB;AACpD,SAASC,WAAW,QAAQ,mBAAgB;AAE5C;;;;;;;;CAQC,GACD,OAAO,MAAMC,yBAAyB,CACpCC,WACAC,aACAC,qBAEAA,uBAAuBC,YAAYH,YAAYL,UAAUS,YAAY,GAAGH,gBAAgB,UAAU;AAEpG;;;;;;;;CAQC,GACD,OAAO,MAAMI,yBAAyB,CACpCL,WACAC,aACAC,qBAEAA,uBAAuBC,YACnBH,aAAaL,UAAUS,YAAY,GACnCH,gBAAgB,UAAU;~~AAMhC~~;;;;;;;;;;;;CAYC,GACD,MAAMK,OAAOV,SAAS;AAEtB,OAAO,MAAMW,kCAAkC;IAC7C,IAAI,CAACxB,WAAW;QACduB,KACE,CAAC;;;;oFAI6E,CAAC,EAC/E;IAEJ;IAEA,MAAM,EACJN,WAAWQ,gBAAgB,EAC3BC,YAAYC,iBAAiB,EAC7BC,OAAOC,YAAY,EACnBC,SAASC,cAAc,EACvBC,YAAYC,iBAAiB,EAC7BhC,UAAUiC,eAAe,EAC1B,GAAGnC,MAAMoC,UAAU,CAAC9B;IAErB,MAAM+B,WAAWrB;IACjB,MAAMsB,eAAevB;IAErB,MAAM,CAAC,CAACwB,gBAAgBC,gBAAgB,EAAEC,iBAAiB,GAAGzC,MAAM0C,QAAQ,CAAC,IAAM;YACjFnC,aAAamB,kBAAkBf,2BAA2B2B;YAC1D/B,aAAaqB,mBAAmBlB,4BAA4B4B;SAC7D;IAED,MAAMK,kBAAkB3C,MAAM4C,OAAO,CAAC;QACpC,MAAMX,aAAa1B,aAAa2B,mBAAmB7B;QACnD,MAAMH,WAAWK,aAAa4B,iBAAiBhC;QAC/C,MAAMe,YAAYX,aAAamB,kBAAkBa;QACjD,MAAMZ,aAAapB,aAAaqB,mBAAmBY;QACnD,MAAMX,QAAQtB,aAAauB,cAAcrB,SAASS;QAClD,MAAMa,UAAUxB,aAAayB,gBAAgBxB,WAAWU,WAAWS,YAAYM;QAC/E,MAAMY,YAAYjC,oBAAoBM,WAAWS,YAAYM,YAAYI;QAEzE,OAAO;YACLnB;YACAS;YACAE;YACAiB,OAAOf;YACPA;YACAE;YACA/B;YACA2C;QACF;IACF,GAAG;QACDN;QACAC;QACAd;QACAE;QACAE;QACAE;QACAE;QACAC;QACAE;KACD;IAEDrC,MAAM+C,SAAS,CAAC;QACd,MAAMC,mBAAmB;YACvBP,iBAAiB,CAACQ;gBAChB,MAAMC,oBAAoB3C,aACxBmB,kBACAf,2BAA2B2B;gBAE7B,MAAMa,qBAAqB5C,aACzBqB,mBACAlB,4BAA4B4B;gBAG9B,MAAM,CAACc,oBAAoBC,oBAAoB,GAAGJ;gBAElD,IACEG,uBAAuBF,qBACvBG,wBAAwBF,oBACxB;oBACA,OAAO;wBAACD;wBAAmBC;qBAAmB;gBAChD;gBAEA,OAAOF;YACT;QACF;QAEA,IAAI,CAACvB,kBAAkB;YACrB;gBACEY,aAAagB,WAAW;gBACxBhB,aAAaiB,MAAM;gBACnBjB,aAAakB,WAAW;gBACxBlB,aAAamB,MAAM;aACpB,CAACC,OAAO,CAAC,CAACC,qBACTA,mBAAmBC,gBAAgB,CAAC,UAAUZ;QAElD;QAEA,IAAI,CAACpB,mBAAmB;YACtB;gBAACU,aAAauB,YAAY;gBAAEvB,aAAawB,qBAAqB;aAAC,CAACJ,OAAO,CACrE,CAACC,qBAAuBA,mBAAmBC,gBAAgB,CAAC,UAAUZ;QAE1E;QAEA,OAAO;YACL;gBACEV,aAAagB,WAAW;gBACxBhB,aAAaiB,MAAM;gBACnBjB,aAAakB,WAAW;gBACxBlB,aAAamB,MAAM;gBACnBnB,aAAauB,YAAY;gBACzBvB,aAAawB,qBAAqB;aACnC,CAACJ,OAAO,CAAC,CAACC,qBACTA,mBAAmBI,mBAAmB,CAAC,UAAUf;QAErD;IACF,GAAG;QAACV;QAAcZ;QAAkBE;KAAkB;IAEtD,OAAOe;AACT,EAAE"}
1	+ {"version":3,"sources":["../../src/hooks/useAdaptivityWithJSMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { canUseDOM, hasHover as hasHoverLib, hasMouse as hasPointerLib } from '@vkontakte/vkjs';\nimport {\n AdaptivityContext,\n type AdaptivityProps as BaseAdaptivityProps,\n} from '../components/AdaptivityProvider/AdaptivityContext';\nimport { getOrDefault } from '../helpers/getOrDefault';\nimport {\n getDensity,\n getSizeX,\n getViewHeightByMediaQueries,\n getViewWidthByMediaQueries,\n type SizeTypeValues,\n tryToCheckIsDesktop,\n ViewWidth,\n type ViewWidthType,\n} from '../lib/adaptivity';\nimport { warnOnce } from '../lib/warnOnce';\nimport { useMediaQueries } from './useMediaQueries';\nimport { usePlatform } from './usePlatform';\n\n/*\n @private\n \n @param legacySizeX Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param viewWidth Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param legacySizeXContext Значение из хука `useAdaptivity`\n \n TODO [>=10]: #9015 удалить функцию и перенести проверку `viewWidth` на место вызова данной функции.\n /\nexport const isSizeXCompactFallback = (\n viewWidth: ViewWidthType,\n legacySizeX: SizeTypeValues,\n legacySizeXContext: SizeTypeValues \| undefined,\n) =>\n legacySizeXContext === undefined ? viewWidth < ViewWidth.SMALL_TABLET : legacySizeX !== 'regular';\n\n/\n @private\n \n @param legacySizeX Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param viewWidth Значение из хука `useAdaptivityWithJSMediaQueries`\n * @param legacySizeXContext Значение из хука `useAdaptivity`\n \n TODO [>=10]: #9015 удалить функцию и перенести проверку `viewWidth` на место вызова данной функции.\n /\nexport const isSizeXRegularFallback = (\n viewWidth: ViewWidthType,\n legacySizeX: SizeTypeValues,\n legacySizeXContext: SizeTypeValues \| undefined,\n) =>\n legacySizeXContext === undefined\n ? viewWidth >= ViewWidth.SMALL_TABLET\n : legacySizeX === 'regular';\n\ntype RequiredNonNullable<T> = { [P in keyof T]-?: NonNullable<T[P]> };\n\nexport interface UseAdaptivityWithJSMediaQueries extends RequiredNonNullable<BaseAdaptivityProps> {\n isDesktop: boolean;\n}\n\n/\n Высчитывает и возвращает параметры адаптивности при изменении вьюпорта.\n \n Берёт в приоритет значения из `AdaptivityContext`.\n \n > ⚠ SSR\n * >\n * > Во избежания ошибок при гидратации, не используйте данный хук, если есть вероятность, что компонент будет отрендерен\n * > на стороне сервера.\n * >\n * > Лучше всего использовать для всплывающих окон, т.к. они вызываются только после загрузки\n * > страницы либо пользователем, либо программно.\n */\nconst warn = warnOnce('useAdaptivityWithJSMediaQueries');\n\nexport const useAdaptivityWithJSMediaQueries = (): UseAdaptivityWithJSMediaQueries => {\n if (!canUseDOM) {\n warn(\n `Похоже, вы пытаетесь использовать хук вне браузера.\n\nПостарайтесь этого избегать, чтобы не было ошибок при гидратации: при SSR нет информации о размерах экрана.\n\nИспользуйте CSS Media Query или библиотеку по типу https://github.com/artsy/fresnel.`,\n 'error',\n );\n }\n\n const {\n viewWidth: viewWidthContext,\n viewHeight: viewHeightContext,\n sizeX: sizeXContext,\n density: densityContext,\n hasPointer: hasPointerContext,\n hasHover: hasHoverContext,\n } = React.useContext(AdaptivityContext);\n\n const platform = usePlatform();\n const mediaQueries = useMediaQueries();\n\n const [[viewWidthLocal, viewHeightLocal], setViewSizeLocal] = React.useState(() => [\n getOrDefault(viewWidthContext, getViewWidthByMediaQueries(mediaQueries)),\n getOrDefault(viewHeightContext, getViewHeightByMediaQueries(mediaQueries)),\n ]);\n\n const adaptivityProps = React.useMemo(() => {\n const hasPointer = getOrDefault(hasPointerContext, hasPointerLib);\n const hasHover = getOrDefault(hasHoverContext, hasHoverLib);\n const viewWidth = getOrDefault(viewWidthContext, viewWidthLocal);\n const viewHeight = getOrDefault(viewHeightContext, viewHeightLocal);\n const sizeX = getOrDefault(sizeXContext, getSizeX(viewWidth));\n const density = getOrDefault(densityContext, getDensity(viewWidth, viewHeight, hasPointer));\n const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n return {\n viewWidth,\n viewHeight,\n sizeX,\n sizeY: density,\n density,\n hasPointer,\n hasHover,\n isDesktop,\n };\n }, [\n viewWidthLocal,\n viewHeightLocal,\n viewWidthContext,\n viewHeightContext,\n sizeXContext,\n densityContext,\n hasPointerContext,\n hasHoverContext,\n platform,\n ]);\n\n React.useEffect(() => {\n const handleMediaQuery = () => {\n setViewSizeLocal((prevSizeLocal) => {\n const newViewWidthLocal = getOrDefault(\n viewWidthContext,\n getViewWidthByMediaQueries(mediaQueries),\n );\n const newViewHeightLocal = getOrDefault(\n viewHeightContext,\n getViewHeightByMediaQueries(mediaQueries),\n );\n\n const [prevViewWidthLocal, prevViewHeightLocal] = prevSizeLocal;\n\n if (\n prevViewWidthLocal !== newViewWidthLocal \|\|\n prevViewHeightLocal !== newViewHeightLocal\n ) {\n return [newViewWidthLocal, newViewHeightLocal];\n }\n\n return prevSizeLocal;\n });\n };\n\n if (!viewWidthContext) {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n ].forEach((matchMediaListener) =>\n matchMediaListener.addEventListener('change', handleMediaQuery),\n );\n }\n\n if (!viewHeightContext) {\n [mediaQueries.mediumHeight, mediaQueries.mobileLandscapeHeight].forEach(\n (matchMediaListener) => matchMediaListener.addEventListener('change', handleMediaQuery),\n );\n }\n\n return () => {\n [\n mediaQueries.desktopPlus,\n mediaQueries.tablet,\n mediaQueries.smallTablet,\n mediaQueries.mobile,\n mediaQueries.mediumHeight,\n mediaQueries.mobileLandscapeHeight,\n ].forEach((matchMediaListener) =>\n matchMediaListener.removeEventListener('change', handleMediaQuery),\n );\n };\n }, [mediaQueries, viewWidthContext, viewHeightContext]);\n\n return adaptivityProps;\n};\n"],"names":["React","canUseDOM","hasHover","hasHoverLib","hasMouse","hasPointerLib","AdaptivityContext","getOrDefault","getDensity","getSizeX","getViewHeightByMediaQueries","getViewWidthByMediaQueries","tryToCheckIsDesktop","ViewWidth","warnOnce","useMediaQueries","usePlatform","isSizeXCompactFallback","viewWidth","legacySizeX","legacySizeXContext","undefined","SMALL_TABLET","isSizeXRegularFallback","warn","useAdaptivityWithJSMediaQueries","viewWidthContext","viewHeight","viewHeightContext","sizeX","sizeXContext","density","densityContext","hasPointer","hasPointerContext","hasHoverContext","useContext","platform","mediaQueries","viewWidthLocal","viewHeightLocal","setViewSizeLocal","useState","adaptivityProps","useMemo","isDesktop","sizeY","useEffect","handleMediaQuery","prevSizeLocal","newViewWidthLocal","newViewHeightLocal","prevViewWidthLocal","prevViewHeightLocal","desktopPlus","tablet","smallTablet","mobile","forEach","matchMediaListener","addEventListener","mediumHeight","mobileLandscapeHeight","removeEventListener"],"mappings":"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"}

package/dist/hooks/useAutoDetectColorScheme.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useAutoDetectColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoDetectColorScheme.ts"],"names":[],"mappings":"~~AAEA~~,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;~~AAIvE~~;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,eAAe,KAAG,~~eA6B5E~~,CAAC"}
1	+ {"version":3,"file":"useAutoDetectColorScheme.d.ts","sourceRoot":"","sources":["../../src/hooks/useAutoDetectColorScheme.ts"],"names":[],"mappings":"AAAA,OAAO,EAAe,KAAK,eAAe,EAAE,MAAM,oBAAoB,CAAC;AAGvE;;GAEG;AACH,eAAO,MAAM,wBAAwB,GAAI,kBAAkB,eAAe,KAAG,eAU5E,CAAC"}

package/dist/hooks/useAutoDetectColorScheme.js CHANGED Viewed

@@ -1,34 +1,15 @@
-import * as React from "react";
-import { noop } from "@vkontakte/vkjs";
 import { ColorScheme } from "../lib/colorScheme/index.js";
-import { useDOM } from "../lib/dom.js";
-import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect.js";
+import { useMediaQueryMatches } from "./useMediaQueryMatch.js";
 /**
  * @private
  */ export const useAutoDetectColorScheme = (colorSchemeProp)=>{
-    const { window } = useDOM();
-    const [colorScheme, setColorScheme] = React.useState(colorSchemeProp || ColorScheme.LIGHT);
-    useIsomorphicLayoutEffect(()=>{
-        if (colorSchemeProp) {
-            setColorScheme(colorSchemeProp);
-            return noop;
-        }
-        const mediaQuery = window ? window.matchMedia('(prefers-color-scheme: dark)') : undefined;
-        if (!mediaQuery) {
-            return noop;
-        }
-        const check = (event)=>{
-            // eslint-disable-next-line no-restricted-properties
-            setColorScheme(event.matches ? ColorScheme.DARK : ColorScheme.LIGHT);
-        };
-        check(mediaQuery);
-        mediaQuery.addEventListener('change', check);
-        return ()=>mediaQuery.removeEventListener('change', check);
-    }, [
-        window,
-        colorSchemeProp
-    ]);
-    return colorScheme;
+    const isDark = useMediaQueryMatches('(prefers-color-scheme: dark)', {
+        disable: colorSchemeProp !== undefined
+    });
+    if (colorSchemeProp) {
+        return colorSchemeProp;
+    }
+    return isDark ? ColorScheme.DARK : ColorScheme.LIGHT;
 };
 //# sourceMappingURL=useAutoDetectColorScheme.js.map

package/dist/hooks/useAutoDetectColorScheme.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useAutoDetectColorScheme.ts"],"sourcesContent":["import * as React from 'react';\nimport { ~~noop } from '@vkontakte/vkjs';\nimport {~~ ColorScheme, type ColorSchemeType } from '../lib/colorScheme';\nimport { ~~useDOM~~ } from '~~../lib/dom~~';\~~nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\~~n\n/*\n @private\n */\nexport const useAutoDetectColorScheme = (colorSchemeProp?: ColorSchemeType): ColorSchemeType => {\n const { ~~window }~~ = ~~useDOM~~()~~;\n\n const [colorScheme~~, ~~setColorScheme] = React.useState<ColorSchemeType>(~~\n colorSchemeProp \|\| ~~ColorScheme.LIGHT~~,\n );\n\n ~~useIsomorphicLayoutEffect(() => {\n~~ if (colorSchemeProp) {\n ~~setColorScheme(colorSchemeProp);\n~~ return ~~noop~~;\n }\n\n ~~const mediaQuery = window ? window.matchMedia('(prefers-color-scheme: dark)') : undefined;\n\n if (!mediaQuery) {\n~~ return ~~noop;\n }\n\n const~~ ~~check = (event: MediaQueryList \| MediaQueryListEvent) => {\n // eslint-disable-next-line no-restricted-properties\n setColorScheme(event.matches~~ ? ColorScheme.DARK : ColorScheme.LIGHT);\n };\n check(mediaQuery);\n mediaQuery.addEventListener('change', check);\n return () => mediaQuery.removeEventListener('change', check);\n }, [window, colorSchemeProp]);\n\n return colorScheme;\n};\n"],"names":["~~React","noop","~~ColorScheme","~~useDOM~~","~~useIsomorphicLayoutEffect","~~useAutoDetectColorScheme","colorSchemeProp","~~window~~","~~colorScheme~~","~~setColorScheme","useState","LIGHT","mediaQuery","matchMedia","~~undefined","~~check","event","matches","~~DARK","~~addEventListener~~"~~,"removeEventListener"~~],"mappings":"AAAA,~~YAAYA~~,WAAW,~~QAAQ;AAC/B,SAASC,IAAI,QAAQ,kBAAkB;AACvC,SAASC,WAAW,~~QAA8B,8BAAqB;AACvE,SAASC,~~MAAM~~,QAAQ,~~gBAAa~~;~~AACpC,SAASC,yBAAyB,QAAQ,sCAAmC;AAE7E~~;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC,~~MAAM~~,~~EAAEC~~,~~MAAM~~,~~EAAE,GAAGJ~~;~~IAEnB~~,~~MAAM~~,~~CAACK,aAAaC,eAAe,GAAGT,MAAMU,QAAQ,CAClDJ,mBAAmBJ,YAAYS,KAAK~~;~~IAGtCP,0BAA0B~~;~~QACxB~~,~~IAAIE~~,iBAAiB;~~YACnBG~~,~~eAAeH~~;~~YACf,OAAOL~~;~~QACT;QAEA~~,~~MAAMW~~,~~aAAaL~~,~~SAASA~~,~~OAAOM,UAAU,CAAC,kCAAkCC;QAEhF,~~IAAI,~~CAACF~~,~~YAAY;YACf~~,~~OAAOX;QACT;QAEA,MAAMc,QAAQ,CAACC;YACb,oDAAoD;YACpDP,eAAeO,MAAMC,OAAO,GAAGf,YAAYgB,IAAI,GAAGhB,YAAYS,~~KAAK;~~QACrE;QACAI~~,~~MAAMH;QACNA,WAAWO,gBAAgB,CAAC,UAAUJ;QACtC,OAAO,IAAMH,WAAWQ,mBAAmB,CAAC,UAAUL;IACxD,GAAG;QAACR;QAAQD;KAAgB;IAE5B,OAAOE;AACT,~~EAAE"}
1	+ {"version":3,"sources":["../../src/hooks/useAutoDetectColorScheme.ts"],"sourcesContent":["import { ColorScheme, type ColorSchemeType } from '../lib/colorScheme';\nimport { useMediaQueryMatches } from './useMediaQueryMatch';\n\n/*\n @private\n */\nexport const useAutoDetectColorScheme = (colorSchemeProp?: ColorSchemeType): ColorSchemeType => {\n const isDark = useMediaQueryMatches('(prefers-color-scheme: dark)', {\n disable: colorSchemeProp !== undefined,\n });\n\n if (colorSchemeProp) {\n return colorSchemeProp;\n }\n\n return isDark ? ColorScheme.DARK : ColorScheme.LIGHT;\n};\n"],"names":["ColorScheme","useMediaQueryMatches","useAutoDetectColorScheme","colorSchemeProp","isDark","disable","undefined","DARK","LIGHT"],"mappings":"AAAA,SAASA,WAAW,QAA8B,8BAAqB;AACvE,SAASC,oBAAoB,QAAQ,0BAAuB;AAE5D;;CAEC,GACD,OAAO,MAAMC,2BAA2B,CAACC;IACvC,MAAMC,SAASH,qBAAqB,gCAAgC;QAClEI,SAASF,oBAAoBG;IAC/B;IAEA,IAAIH,iBAAiB;QACnB,OAAOA;IACT;IAEA,OAAOC,SAASJ,YAAYO,IAAI,GAAGP,YAAYQ,KAAK;AACtD,EAAE"}

package/dist/hooks/useCalendar.d.ts CHANGED Viewed

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import type { CalendarProps } from '../components/Calendar/Calendar';
 export interface UseCalendarDependencies extends Pick<CalendarProps, 'onHeaderChange' | 'onNextMonth' | 'onPrevMonth' | 'minDateTime' | 'maxDateTime' | 'shouldDisableDate' | 'disableFuture' | 'disablePast'> {
-    value?: Array<Date | null> | Date | null;
+    value?: Array<Date | null> | Date | null | undefined;
 }
 export declare function useCalendar({ value, disablePast, disableFuture, shouldDisableDate, onHeaderChange, onNextMonth, onPrevMonth, minDateTime, maxDateTime, }: UseCalendarDependencies): {
     viewDate: Date;

package/dist/hooks/useCalendar.d.ts.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAIrE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,CAAC;~~CAC1C~~;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB,GAAG;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,IAAI,GAAG,SAAS,CAAC;IAC7B,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IACtE,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC;IACrC,aAAa,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IAC1D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3D,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CAC3C,CAgHA"}
1	+ {"version":3,"file":"useCalendar.d.ts","sourceRoot":"","sources":["../../src/hooks/useCalendar.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,iCAAiC,CAAC;AAIrE,MAAM,WAAW,uBACf,SAAQ,IAAI,CACV,aAAa,EACX,gBAAgB,GAChB,aAAa,GACb,aAAa,GACb,aAAa,GACb,aAAa,GACb,mBAAmB,GACnB,eAAe,GACf,aAAa,CAChB;IACD,KAAK,CAAC,EAAE,KAAK,CAAC,IAAI,GAAG,IAAI,CAAC,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAC;CACtD;AAED,wBAAgB,WAAW,CAAC,EAC1B,KAAK,EACL,WAAW,EACX,aAAa,EACb,iBAAiB,EACjB,cAAc,EACd,WAAW,EACX,WAAW,EACX,WAAW,EACX,WAAW,GACZ,EAAE,uBAAuB,GAAG;IAC3B,QAAQ,EAAE,IAAI,CAAC;IACf,WAAW,EAAE,CAAC,KAAK,EAAE,IAAI,KAAK,IAAI,CAAC;IACnC,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,YAAY,EAAE,MAAM,IAAI,CAAC;IACzB,UAAU,EAAE,IAAI,GAAG,SAAS,CAAC;IAC7B,aAAa,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,IAAI,GAAG,SAAS,CAAC,CAAC,CAAC;IACtE,YAAY,EAAE,CAAC,GAAG,EAAE,IAAI,KAAK,OAAO,CAAC;IACrC,aAAa,EAAE,CAAC,GAAG,EAAE,IAAI,EAAE,QAAQ,CAAC,EAAE,OAAO,KAAK,OAAO,CAAC;IAC1D,eAAe,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,CAAC,EAAE,MAAM,KAAK,OAAO,CAAC;IAC3D,cAAc,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;CAC3C,CAgHA"}

package/dist/hooks/useCalendar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { isSameDate } from '@vkontakte/vkjs';\nimport type { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';\nimport { addMonths, endOfDay, startOfDay, subMonths } from '../lib/date';\n\nexport interface UseCalendarDependencies\n extends Pick<\n CalendarProps,\n \| 'onHeaderChange'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'minDateTime'\n \| 'maxDateTime'\n \| 'shouldDisableDate'\n \| 'disableFuture'\n \| 'disablePast'\n > {\n value?: Array<Date \| null> \| Date \| null;\n}\n\nexport function useCalendar({\n value,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n}: UseCalendarDependencies): {\n viewDate: Date;\n setViewDate: (value: Date) => void;\n setPrevMonth: () => void;\n setNextMonth: () => void;\n focusedDay: Date \| undefined;\n setFocusedDay: React.Dispatch<React.SetStateAction<Date \| undefined>>;\n isDayFocused: (day: Date) => boolean;\n isDayDisabled: (day: Date, withTime?: boolean) => boolean;\n isMonthDisabled: (month: number, year?: number) => boolean;\n isYearDisabled: (year: number) => boolean;\n} {\n const [viewDate, setViewDate] = React.useState(\n (Array.isArray(value) ? value[0] : value) ?? new Date(),\n );\n // соответствует дню, на котором сейчас есть фокус\n // меняется при переключении дней с помощью стрелок\n const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n const setPrevMonth = React.useCallback(() => {\n onPrevMonth?.();\n setViewDate(subMonths(viewDate, 1));\n }, [viewDate, onPrevMonth]);\n const setNextMonth = React.useCallback(() => {\n onNextMonth?.();\n setViewDate(addMonths(viewDate, 1));\n }, [viewDate, onNextMonth]);\n\n const handleSetViewDate = React.useCallback(\n (value: Date) => {\n onHeaderChange?.(value);\n setViewDate(value);\n },\n [onHeaderChange],\n );\n\n const isDayFocused = React.useCallback(\n (day: Date) => Boolean(focusedDay && isSameDate(day, focusedDay)),\n [focusedDay],\n );\n\n const isDayDisabled = React.useCallback(\n (day: Date, withTime?: boolean) => {\n const now = new Date();\n if (shouldDisableDate) {\n return shouldDisableDate(day);\n }\n if (disableFuture) {\n return startOfDay(day) > now;\n }\n if (disablePast) {\n return endOfDay(day) < now;\n }\n if (minDateTime \|\| maxDateTime) {\n return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n }\n\n return false;\n },\n [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n );\n\n const isMonthDisabled = React.useCallback(\n (month: number, year?: number): boolean => {\n const now = new Date();\n year = year \|\| viewDate.getFullYear();\n const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n const minYear = minDateTime?.getFullYear() \|\| DEFAULT_MIN_YEAR;\n const maxYear = maxDateTime?.getFullYear() \|\| DEFAULT_MAX_YEAR;\n\n let isDisabled =\n year >= minYear && year <= maxYear\n ? (year === minYear && minMonth > month) \|\| (year === maxYear && month > maxMonth)\n : true;\n\n if (disableFuture) {\n isDisabled =\n isDisabled \|\|\n (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n }\n if (disablePast) {\n isDisabled =\n isDisabled \|\|\n (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n }\n\n return isDisabled;\n },\n [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n );\n\n const isYearDisabled = React.useCallback(\n (year: number): boolean => {\n const now = new Date();\n const minYear = minDateTime?.getFullYear() \|\| DEFAULT_MIN_YEAR;\n const maxYear = maxDateTime?.getFullYear() \|\| DEFAULT_MAX_YEAR;\n\n let isDisabled = minYear > year \|\| year > maxYear;\n if (disableFuture) {\n isDisabled = isDisabled \|\| year > now.getFullYear();\n }\n if (disablePast) {\n isDisabled = isDisabled \|\| year < now.getFullYear();\n }\n\n return isDisabled;\n },\n [disableFuture, disablePast, minDateTime, maxDateTime],\n );\n\n return {\n viewDate,\n setViewDate: handleSetViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n isMonthDisabled,\n isYearDisabled,\n };\n}\n"],"names":["React","isSameDate","DEFAULT_MAX_YEAR","DEFAULT_MIN_YEAR","isDayMinMaxRestricted","addMonths","endOfDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","viewDate","setViewDate","useState","Array","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","withTime","now","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","maxYear","isDisabled","isYearDisabled"],"mappings":"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"}
1	+ {"version":3,"sources":["../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { isSameDate } from '@vkontakte/vkjs';\nimport type { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';\nimport { addMonths, endOfDay, startOfDay, subMonths } from '../lib/date';\n\nexport interface UseCalendarDependencies\n extends Pick<\n CalendarProps,\n \| 'onHeaderChange'\n \| 'onNextMonth'\n \| 'onPrevMonth'\n \| 'minDateTime'\n \| 'maxDateTime'\n \| 'shouldDisableDate'\n \| 'disableFuture'\n \| 'disablePast'\n > {\n value?: Array<Date \| null> \| Date \| null \| undefined;\n}\n\nexport function useCalendar({\n value,\n disablePast,\n disableFuture,\n shouldDisableDate,\n onHeaderChange,\n onNextMonth,\n onPrevMonth,\n minDateTime,\n maxDateTime,\n}: UseCalendarDependencies): {\n viewDate: Date;\n setViewDate: (value: Date) => void;\n setPrevMonth: () => void;\n setNextMonth: () => void;\n focusedDay: Date \| undefined;\n setFocusedDay: React.Dispatch<React.SetStateAction<Date \| undefined>>;\n isDayFocused: (day: Date) => boolean;\n isDayDisabled: (day: Date, withTime?: boolean) => boolean;\n isMonthDisabled: (month: number, year?: number) => boolean;\n isYearDisabled: (year: number) => boolean;\n} {\n const [viewDate, setViewDate] = React.useState(\n (Array.isArray(value) ? value[0] : value) ?? new Date(),\n );\n // соответствует дню, на котором сейчас есть фокус\n // меняется при переключении дней с помощью стрелок\n const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n const setPrevMonth = React.useCallback(() => {\n onPrevMonth?.();\n setViewDate(subMonths(viewDate, 1));\n }, [viewDate, onPrevMonth]);\n const setNextMonth = React.useCallback(() => {\n onNextMonth?.();\n setViewDate(addMonths(viewDate, 1));\n }, [viewDate, onNextMonth]);\n\n const handleSetViewDate = React.useCallback(\n (value: Date) => {\n onHeaderChange?.(value);\n setViewDate(value);\n },\n [onHeaderChange],\n );\n\n const isDayFocused = React.useCallback(\n (day: Date) => Boolean(focusedDay && isSameDate(day, focusedDay)),\n [focusedDay],\n );\n\n const isDayDisabled = React.useCallback(\n (day: Date, withTime?: boolean): boolean => {\n const now = new Date();\n if (shouldDisableDate) {\n return shouldDisableDate(day);\n }\n if (disableFuture) {\n return startOfDay(day) > now;\n }\n if (disablePast) {\n return endOfDay(day) < now;\n }\n if (minDateTime \|\| maxDateTime) {\n return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n }\n\n return false;\n },\n [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n );\n\n const isMonthDisabled = React.useCallback(\n (month: number, year?: number): boolean => {\n const now = new Date();\n year = year \|\| viewDate.getFullYear();\n const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n const minYear = minDateTime?.getFullYear() \|\| DEFAULT_MIN_YEAR;\n const maxYear = maxDateTime?.getFullYear() \|\| DEFAULT_MAX_YEAR;\n\n let isDisabled =\n year >= minYear && year <= maxYear\n ? (year === minYear && minMonth > month) \|\| (year === maxYear && month > maxMonth)\n : true;\n\n if (disableFuture) {\n isDisabled =\n isDisabled \|\|\n (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n }\n if (disablePast) {\n isDisabled =\n isDisabled \|\|\n (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n }\n\n return isDisabled;\n },\n [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n );\n\n const isYearDisabled = React.useCallback(\n (year: number): boolean => {\n const now = new Date();\n const minYear = minDateTime?.getFullYear() \|\| DEFAULT_MIN_YEAR;\n const maxYear = maxDateTime?.getFullYear() \|\| DEFAULT_MAX_YEAR;\n\n let isDisabled = minYear > year \|\| year > maxYear;\n if (disableFuture) {\n isDisabled = isDisabled \|\| year > now.getFullYear();\n }\n if (disablePast) {\n isDisabled = isDisabled \|\| year < now.getFullYear();\n }\n\n return isDisabled;\n },\n [disableFuture, disablePast, minDateTime, maxDateTime],\n );\n\n return {\n viewDate,\n setViewDate: handleSetViewDate,\n setPrevMonth,\n setNextMonth,\n focusedDay,\n setFocusedDay,\n isDayFocused,\n isDayDisabled,\n isMonthDisabled,\n isYearDisabled,\n };\n}\n"],"names":["React","isSameDate","DEFAULT_MAX_YEAR","DEFAULT_MIN_YEAR","isDayMinMaxRestricted","addMonths","endOfDay","startOfDay","subMonths","useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","viewDate","setViewDate","useState","Array","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","setNextMonth","handleSetViewDate","isDayFocused","day","Boolean","isDayDisabled","withTime","now","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","maxYear","isDisabled","isYearDisabled"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAE7C,SAASC,gBAAgB,EAAEC,gBAAgB,EAAEC,qBAAqB,QAAQ,qBAAkB;AAC5F,SAASC,SAAS,EAAEC,QAAQ,EAAEC,UAAU,EAAEC,SAAS,QAAQ,iBAAc;AAiBzE,OAAO,SAASC,YAAY,EAC1BC,KAAK,EACLC,WAAW,EACXC,aAAa,EACbC,iBAAiB,EACjBC,cAAc,EACdC,WAAW,EACXC,WAAW,EACXC,WAAW,EACXC,WAAW,EACa;IAYxB,MAAM,CAACC,UAAUC,YAAY,GAAGpB,MAAMqB,QAAQ,CAC5C,AAACC,CAAAA,MAAMC,OAAO,CAACb,SAASA,KAAK,CAAC,EAAE,GAAGA,KAAI,KAAM,IAAIc;IAEnD,kDAAkD;IAClD,mDAAmD;IACnD,MAAM,CAACC,YAAYC,cAAc,GAAG1B,MAAMqB,QAAQ;IAElD,MAAMM,eAAe3B,MAAM4B,WAAW,CAAC;QACrCZ;QACAI,YAAYZ,UAAUW,UAAU;IAClC,GAAG;QAACA;QAAUH;KAAY;IAC1B,MAAMa,eAAe7B,MAAM4B,WAAW,CAAC;QACrCb;QACAK,YAAYf,UAAUc,UAAU;IAClC,GAAG;QAACA;QAAUJ;KAAY;IAE1B,MAAMe,oBAAoB9B,MAAM4B,WAAW,CACzC,CAAClB;QACCI,iBAAiBJ;QACjBU,YAAYV;IACd,GACA;QAACI;KAAe;IAGlB,MAAMiB,eAAe/B,MAAM4B,WAAW,CACpC,CAACI,MAAcC,QAAQR,cAAcxB,WAAW+B,KAAKP,cACrD;QAACA;KAAW;IAGd,MAAMS,gBAAgBlC,MAAM4B,WAAW,CACrC,CAACI,KAAWG;QACV,MAAMC,MAAM,IAAIZ;QAChB,IAAIX,mBAAmB;YACrB,OAAOA,kBAAkBmB;QAC3B;QACA,IAAIpB,eAAe;YACjB,OAAOL,WAAWyB,OAAOI;QAC3B;QACA,IAAIzB,aAAa;YACf,OAAOL,SAAS0B,OAAOI;QACzB;QACA,IAAInB,eAAeC,aAAa;YAC9B,OAAOd,sBAAsB4B,KAAK;gBAAEK,KAAKpB;gBAAaqB,KAAKpB;gBAAaiB;YAAS;QACnF;QAEA,OAAO;IACT,GACA;QAACvB;QAAeD;QAAaE;QAAmBI;QAAaC;KAAY;IAG3E,MAAMqB,kBAAkBvC,MAAM4B,WAAW,CACvC,CAACY,OAAeC;QACd,MAAML,MAAM,IAAIZ;QAChBiB,OAAOA,QAAQtB,SAASuB,WAAW;QACnC,MAAMC,WAAW1B,cAAcA,YAAY2B,QAAQ,KAAK;QACxD,MAAMC,WAAW3B,cAAcA,YAAY0B,QAAQ,KAAK;QACxD,MAAME,UAAU7B,aAAayB,iBAAiBvC;QAC9C,MAAM4C,UAAU7B,aAAawB,iBAAiBxC;QAE9C,IAAI8C,aACFP,QAAQK,WAAWL,QAAQM,UACvB,AAACN,SAASK,WAAWH,WAAWH,SAAWC,SAASM,WAAWP,QAAQK,WACvE;QAEN,IAAIjC,eAAe;YACjBoC,aACEA,cACCP,CAAAA,SAASL,IAAIM,WAAW,KAAKF,QAAQJ,IAAIQ,QAAQ,KAAKH,OAAOL,IAAIM,WAAW,EAAC;QAClF;QACA,IAAI/B,aAAa;YACfqC,aACEA,cACCP,CAAAA,SAASL,IAAIM,WAAW,KAAKF,QAAQJ,IAAIQ,QAAQ,KAAKH,OAAOL,IAAIM,WAAW,EAAC;QAClF;QAEA,OAAOM;IACT,GACA;QAACpC;QAAeD;QAAaQ;QAAUF;QAAaC;KAAY;IAGlE,MAAM+B,iBAAiBjD,MAAM4B,WAAW,CACtC,CAACa;QACC,MAAML,MAAM,IAAIZ;QAChB,MAAMsB,UAAU7B,aAAayB,iBAAiBvC;QAC9C,MAAM4C,UAAU7B,aAAawB,iBAAiBxC;QAE9C,IAAI8C,aAAaF,UAAUL,QAAQA,OAAOM;QAC1C,IAAInC,eAAe;YACjBoC,aAAaA,cAAcP,OAAOL,IAAIM,WAAW;QACnD;QACA,IAAI/B,aAAa;YACfqC,aAAaA,cAAcP,OAAOL,IAAIM,WAAW;QACnD;QAEA,OAAOM;IACT,GACA;QAACpC;QAAeD;QAAaM;QAAaC;KAAY;IAGxD,OAAO;QACLC;QACAC,aAAaU;QACbH;QACAE;QACAJ;QACAC;QACAK;QACAG;QACAK;QACAU;IACF;AACF"}