@vkontakte/vkui 8.0.2 → 8.1.0

package/dist/lib/layouts/layoutProps.js

@@ -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/lib/layouts/layoutProps.js.map

@@ -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"}
+{"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/lib/layouts/resolveLayoutProps.d.ts

@@ -1,7 +1,7 @@
 import type { LayoutProps } from './types';
 export type ComponentProps = Partial<LayoutProps> & {
-    className?: string;
-    style?: React.CSSProperties;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
 } & {
     [key: string]: unknown;
 };
@@ -11,10 +11,10 @@ export type ComponentProps = Partial<LayoutProps> & {
  * @returns измененные свойства
  */
 export declare function resolveLayoutProps<T extends ComponentProps>(props: T & {
-    className?: string;
-    style?: React.CSSProperties;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
 }): T & {
-    className?: string;
-    style?: React.CSSProperties;
+    className?: string | undefined;
+    style?: React.CSSProperties | undefined;
 };
 //# sourceMappingURL=resolveLayoutProps.d.ts.map

package/dist/lib/layouts/resolveLayoutProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"resolveLayoutProps.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/resolveLayoutProps.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAC;CAC7B,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,cAAc,EACzD,KAAK,EAAE,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,CAAA;CAAE;gBAArC,MAAM;YAAU,KAAK,CAAC,aAAa;EAiC7D"}
+{"version":3,"file":"resolveLayoutProps.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/resolveLayoutProps.ts"],"names":[],"mappings":"AAIA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,SAAS,CAAC;AAE3C,MAAM,MAAM,cAAc,GAAG,OAAO,CAAC,WAAW,CAAC,GAAG;IAClD,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC/B,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAC;CACzC,GAAG;IACF,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAC;CACxB,CAAC;AAEF;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,CAAC,SAAS,cAAc,EACzD,KAAK,EAAE,CAAC,GAAG;IAAE,SAAS,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAAC,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;CAAE;gBAA7D,MAAM,GAAG,SAAS;YAAU,KAAK,CAAC,aAAa,GAAG,SAAS;EAiCrF"}

package/dist/lib/layouts/resolveLayoutProps.js.map

@@ -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"}
+{"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/lib/layouts/types.d.ts

@@ -10,114 +10,126 @@ export type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords,
 export type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;
 export type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;
 export type FlexBasisProp = LiteralUnion<CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue, number | string>;
+type SelfPositionProp = 'start' | 'center' | 'end';
+type AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';
+type JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';
 export interface LayoutProps {
     /**
      * Внутренние отступы со всех сторон.
      */
-    padding?: PaddingProp;
+    padding?: PaddingProp | undefined;
     /**
      * Внутренние отступы по строчной оси.
      */
-    paddingInline?: PaddingProp;
+    paddingInline?: PaddingProp | undefined;
     /**
      * Внутренние отступы по блочной оси.
      */
-    paddingBlock?: PaddingProp;
+    paddingBlock?: PaddingProp | undefined;
     /**
      * Внутренний начальный отступ по строчной оси.
      */
-    paddingInlineStart?: PaddingProp;
+    paddingInlineStart?: PaddingProp | undefined;
     /**
      * Внутренний конечный отступ по строчной оси.
      */
-    paddingInlineEnd?: PaddingProp;
+    paddingInlineEnd?: PaddingProp | undefined;
     /**
      * Внутренний начальный отступ по блочной оси.
      */
-    paddingBlockStart?: PaddingProp;
+    paddingBlockStart?: PaddingProp | undefined;
     /**
      * Внутренний конечный отступ по блочной оси.
      */
-    paddingBlockEnd?: PaddingProp;
+    paddingBlockEnd?: PaddingProp | undefined;
     /**
      * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).
      */
-    inlineSize?: SizeProp;
+    inlineSize?: SizeProp | undefined;
     /**
      * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).
      */
-    minInlineSize?: Exclude<SizeProp, 'auto'>;
+    minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;
     /**
      * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).
      */
-    maxInlineSize?: Exclude<SizeProp, 'auto'>;
+    maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;
     /**
      * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).
      */
-    blockSize?: SizeProp;
+    blockSize?: SizeProp | undefined;
     /**
      * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).
      */
-    minBlockSize?: SizeProp;
+    minBlockSize?: SizeProp | undefined;
     /**
      * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).
      */
-    maxBlockSize?: SizeProp;
+    maxBlockSize?: SizeProp | undefined;
     /**
      * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.
      */
-    inset?: InsetProp;
+    inset?: InsetProp | undefined;
     /**
      * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).
      */
-    insetInline?: InsetProp;
+    insetInline?: InsetProp | undefined;
     /**
      * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).
      */
-    insetBlock?: InsetProp;
+    insetBlock?: InsetProp | undefined;
     /**
      * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).
      */
-    insetInlineStart?: InsetProp;
+    insetInlineStart?: InsetProp | undefined;
     /**
      * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).
      */
-    insetInlineEnd?: InsetProp;
+    insetInlineEnd?: InsetProp | undefined;
     /**
      * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).
      */
-    insetBlockStart?: InsetProp;
+    insetBlockStart?: InsetProp | undefined;
     /**
      * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).
      */
-    insetBlockEnd?: InsetProp;
+    insetBlockEnd?: InsetProp | undefined;
     /**
      * Позиционирование элемента.
      */
-    position?: PositionValue;
+    position?: PositionValue | undefined;
     /**
      * Управление переполнением содержимого.
      */
-    overflow?: OverflowValue;
+    overflow?: OverflowValue | undefined;
     /**
      * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).
      */
-    overflowBlock?: OverflowValue;
+    overflowBlock?: OverflowValue | undefined;
     /**
      * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).
      */
-    overflowInline?: OverflowValue;
+    overflowInline?: OverflowValue | undefined;
     /**
      * Определяет, насколько элемент будет расти относительно остальных flex-элементов.
      */
-    flexGrow?: FlexGrowProp;
+    flexGrow?: FlexGrowProp | undefined;
     /**
      * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.
      */
-    flexShrink?: FlexShrinkProp;
+    flexShrink?: FlexShrinkProp | undefined;
     /**
      * Определяет начальный размер flex-элемента.
      */
-    flexBasis?: FlexBasisProp;
+    flexBasis?: FlexBasisProp | undefined;
+    /**
+     * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.
+     */
+    alignSelf?: AlignSelfProp | undefined;
+    /**
+     * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.
+     */
+    justifySelf?: JustifySelfProp | undefined;
 }
+export {};
 //# sourceMappingURL=types.d.ts.map

package/dist/lib/layouts/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/types.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/layouts/types.ts"],"names":[],"mappings":"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"}

package/dist/lib/layouts/types.js.map

@@ -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"}
+{"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/lib/select.d.ts

@@ -1,8 +1,8 @@
 import type * as React from 'react';
 import type { SelectType } from '../components/Select/Select';
 export type Option = {
-    value?: unknown;
-    label?: React.ReactNode;
+    value?: unknown | undefined;
+    label?: React.ReactNode | undefined;
     [index: string]: any;
 };
 export type GetOptionLabel<O extends Option> = (option: O) => O['label'];

package/dist/lib/select.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/lib/select.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG9D,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxB,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CACvC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,CAAC,EACT,eAAe,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,KAChC,OAAO,CAAC;AAEb,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;AAM9F,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,GAAG,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC/B,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAuCzB;AAED,eAAO,MAAM,8BAA8B,GACzC,aAAY,UAAsB,KACjC,SAAS,GAAG,OAEd,CAAC"}
+{"version":3,"file":"select.d.ts","sourceRoot":"","sources":["../../src/lib/select.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAG9D,MAAM,MAAM,MAAM,GAAG;IACnB,KAAK,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC5B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,SAAS,CAAC;IACpC,CAAC,KAAK,EAAE,MAAM,GAAG,GAAG,CAAC;CACtB,CAAC;AAEF,MAAM,MAAM,cAAc,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,MAAM,EAAE,CAAC,KAAK,CAAC,CAAC,OAAO,CAAC,CAAC;AAEzE,MAAM,MAAM,QAAQ,CAAC,CAAC,SAAS,MAAM,IAAI,CACvC,UAAU,EAAE,MAAM,EAClB,MAAM,EAAE,CAAC,EACT,eAAe,CAAC,EAAE,cAAc,CAAC,CAAC,CAAC,KAChC,OAAO,CAAC;AAEb,MAAM,MAAM,MAAM,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,OAAO,EAAE,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,UAAU,EAAE,MAAM,KAAK,MAAM,CAAC;AAM9F,wBAAgB,eAAe,CAAC,CAAC,SAAS,MAAM,EAC9C,GAAG,IAAI,EAAE,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,GAC/B,UAAU,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC,CAuCzB;AAED,eAAO,MAAM,8BAA8B,GACzC,aAAY,UAAsB,KACjC,SAAS,GAAG,OAEd,CAAC"}

package/dist/lib/select.js.map

@@ -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"}
+{"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/lib/sheet/useBottomSheet.d.ts

@@ -4,9 +4,9 @@ export type UseBottomSheetOptions = {
     sheetCSSProperty: string;
     backdropCSSProperty: string;
     snapPoint: SnapPoint;
-    blocked?: boolean;
-    onSnapPointChange?: SnapPointChange;
-    onDismiss?: VoidFunction;
+    blocked?: boolean | undefined;
+    onSnapPointChange?: SnapPointChange | undefined;
+    onDismiss?: VoidFunction | undefined;
 };
 export type UseBottomSheetHandlers = {
     onTouchStart: UIEventHandler<HTMLElement>;
@@ -20,7 +20,7 @@ export type UseBottomSheetHandlers = {
 };
 export type UseBottomSheetResult = [
     {
-        initialStyle?: CSSProperties;
+        initialStyle?: CSSProperties | undefined;
         setSheetEl: Dispatch<SetStateAction<HTMLElement | null>>;
         setSheetScrollEl: Dispatch<SetStateAction<HTMLElement | null>>;
         setBackdropEl: Dispatch<SetStateAction<HTMLElement | null>>;

package/dist/lib/sheet/useBottomSheet.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/sheet/useBottomSheet.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,cAAc,EAEnB,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,qCAAqC,CAAC;AAG7C,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,iBAAiB,CAAC,EAAE,eAAe,CAAC;IACpC,SAAS,CAAC,EAAE,YAAY,CAAC;CAC1B,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC1C,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;QACE,YAAY,CAAC,EAAE,aAAa,CAAC;QAC7B,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QACzD,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QAC/D,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;KAC7D;IACD,sBAAsB,GAAG,SAAS;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,GACzB,SAAS,OAAO,EAChB,oIAOG,qBAAqB,KACvB,oBA2FF,CAAC"}
+{"version":3,"file":"useBottomSheet.d.ts","sourceRoot":"","sources":["../../../src/lib/sheet/useBottomSheet.ts"],"names":[],"mappings":"AAEA,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,QAAQ,EACb,KAAK,cAAc,EAEnB,KAAK,cAAc,EAGpB,MAAM,OAAO,CAAC;AAIf,OAAO,EAEL,KAAK,SAAS,EACd,KAAK,eAAe,EACrB,MAAM,qCAAqC,CAAC;AAG7C,MAAM,MAAM,qBAAqB,GAAG;IAClC,gBAAgB,EAAE,MAAM,CAAC;IACzB,mBAAmB,EAAE,MAAM,CAAC;IAC5B,SAAS,EAAE,SAAS,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAC9B,iBAAiB,CAAC,EAAE,eAAe,GAAG,SAAS,CAAC;IAChD,SAAS,CAAC,EAAE,YAAY,GAAG,SAAS,CAAC;CACtC,CAAC;AAEF,MAAM,MAAM,sBAAsB,GAAG;IACnC,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC1C,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,UAAU,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACxC,aAAa,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IAC3C,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,WAAW,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACzC,SAAS,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;IACvC,YAAY,EAAE,cAAc,CAAC,WAAW,CAAC,CAAC;CAC3C,CAAC;AAEF,MAAM,MAAM,oBAAoB,GAAG;IACjC;QACE,YAAY,CAAC,EAAE,aAAa,GAAG,SAAS,CAAC;QACzC,UAAU,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QACzD,gBAAgB,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;QAC/D,aAAa,EAAE,QAAQ,CAAC,cAAc,CAAC,WAAW,GAAG,IAAI,CAAC,CAAC,CAAC;KAC7D;IACD,sBAAsB,GAAG,SAAS;CACnC,CAAC;AAEF;;;;;;;;;;;;;;;;;;;;;;;;;GAyBG;AACH,eAAO,MAAM,cAAc,GACzB,SAAS,OAAO,EAChB,oIAOG,qBAAqB,KACvB,oBA2FF,CAAC"}

package/dist/lib/sheet/useBottomSheet.js.map

@@ -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"}
+{"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/lib/tokens/TokensClassProvider.js.map

@@ -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","InjectTokenClassNameToChild","children","tokensClassName","cloneElement","className","props","TokensClassProvider","Children","map","child","isValidElement"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,yBAAsB;AAWzD,MAAMC,8BAA8B,CAAC,EAAEC,QAAQ,EAAoC;IACjF,MAAMC,kBAAkBH;IAExB,qBAAOF,MAAMM,YAAY,CAACF,UAAU;QAClCG,WAAWN,WAAWI,6CAAsCD,SAASI,KAAK,CAACD,SAAS;IACtF;AACF;AAMA,OAAO,MAAME,sBAA0D,CAAC,EAAEL,QAAQ,EAAE;IAClF,OAAOJ,MAAMU,QAAQ,CAACC,GAAG,CAACP,UAAU,CAACQ;QACnC,kBAAIZ,MAAMa,cAAc,CAAqBD,QAAQ;YACnD,qBAAO,KAACT;0BAA6BS;;QACvC;QACA,OAAOA;IACT;AACF,EAAE"}
+{"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","InjectTokenClassNameToChild","children","tokensClassName","cloneElement","className","props","TokensClassProvider","Children","map","child","isValidElement"],"mappings":";AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kBAAkB,QAAQ,yBAAsB;AAWzD,MAAMC,8BAA8B,CAAC,EAAEC,QAAQ,EAAoC;IACjF,MAAMC,kBAAkBH;IAExB,qBAAOF,MAAMM,YAAY,CAACF,UAAU;QAClCG,WAAWN,WAAWI,6CAAsCD,SAASI,KAAK,CAACD,SAAS;IACtF;AACF;AAMA,OAAO,MAAME,sBAA0D,CAAC,EAAEL,QAAQ,EAAE;IAClF,OAAOJ,MAAMU,QAAQ,CAACC,GAAG,CAACP,UAAU,CAACQ;QACnC,kBAAIZ,MAAMa,cAAc,CAAqBD,QAAQ;YACnD,qBAAO,KAACT;0BAA6BS;;QACvC;QACA,OAAOA;IACT;AACF,EAAE"}

package/dist/lib/tokens/types.d.ts

@@ -11,8 +11,8 @@ import type { PlatformType } from '../platform';
  * ```
  */
 export type TokensClassNamesByAppearances = {
-    light?: string;
-    dark?: string;
+    light?: string | undefined;
+    dark?: string | undefined;
 };
 /**
  * @example

package/dist/lib/tokens/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,IAAI,CAAC,EAAE,MAAM,CAAC;CACf,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,2BAA2B,GAAG;KACvC,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,6BAA6B;CACpD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GAAG,6BAA6B,CAAC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/lib/tokens/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,aAAa,CAAC;AAEhD;;;;;;;;;;GAUG;AACH,MAAM,MAAM,6BAA6B,GAAG;IAC1C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;CAC3B,CAAC;AAEF;;;;;;;;;;;GAWG;AACH,MAAM,MAAM,2BAA2B,GAAG;KACvC,CAAC,IAAI,YAAY,CAAC,CAAC,EAAE,6BAA6B;CACpD,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG,2BAA2B,GAAG,6BAA6B,CAAC"}

package/dist/lib/tokens/types.js.map

@@ -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"}
+{"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/lib/utils.d.ts

@@ -24,10 +24,10 @@ export declare function isForwardRefElement<P extends React.HTMLAttributes<T> |
  * Ворнинга нет в React версии 19.*, поэтому пока поддерживаем 2 версии наименования
  */
 export declare function getFetchPriorityProp(value: React.ImgHTMLAttributes<HTMLElement>['fetchPriority']): {
-    fetchPriority: 'high' | 'low' | 'auto' | undefined;
+    fetchPriority: 'high' | 'low' | 'auto';
 } | {
-    fetchpriority: 'high' | 'low' | 'auto' | undefined;
-};
+    fetchpriority: 'high' | 'low' | 'auto';
+} | object;
 export declare function clickByKeyboardHandler(event: React.KeyboardEvent<HTMLDivElement>): void;
 export {};
 //# sourceMappingURL=utils.d.ts.map

package/dist/lib/utils.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,MAAM,MAAM,iBAAiB,GAAG;KAC7B,KAAK,IAAI,OAAO,CACf,MAAM,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,EAC/C,MAAM,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC,CAC7C,GAAG,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAAC,CAAC,KAAK,CAAC;CACrD,CAAC;AAEF,wBAAgB,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,CAAC,EAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,IAAI,CAQ9D;AAED,wBAAgB,QAAQ,CAAC,CAAC,EAAE,GAAG,IAAI,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,CAAC,GAAG,IAAI,CAAC,CAW/F;AAED,eAAO,MAAM,eAAe,GAAI,CAAC,SAAS,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,KAAG,IAClD,CAAC;AAE1B,eAAO,MAAM,cAAc,GAAI,CAAC,SAAS,KAAK,CAAC,cAAc,EAAE,OAAO,CAAC,KAAG,IAClD,CAAC;AAEzB,wBAAgB,qBAAqB,CAAC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,MAAM,GAAG,IAAI,CAKnF;AAED,wBAAgB,0BAA0B,CAAC,OAAO,EAAE,WAAW,EAAE,iBAAiB,EAAE,MAAM,GAAG,IAAI,CAWhG;AAED,KAAK,wBAAwB,CAAC,CAAC,IAAI;KAChC,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,SAAS,CAAC;CAC1C,CAAC;AAEF,eAAO,MAAM,wBAAwB,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,GAAG,MAAM,GAAG,MAAM,EAAE,GAAG,CAAC,EACtF,KAAK,CAAC,KACL,wBAAwB,CAAC,CAAC,CAQ5B,CAAC;AAEF,eAAO,MAAM,gBAAgB,GAC3B,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAC1D,CAAC,SAAS,OAAO,EAEjB,SAAS,KAAK,CAAC,YAAY,KAC1B,OAAO,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;CAClD,CAAC;AAEnC,wBAAgB,8BAA8B,CAC5C,QAAQ,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GACnD,QAAQ,IAAI,KAAK,CAAC,YAAY,CAAC,MAAM,CAAC,WAAW,EAAE,GAAG,CAAC,CAAC,CAM1D;AAED,wBAAgB,mBAAmB,CACjC,CAAC,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,EAC1D,CAAC,SAAS,OAAO,EAEjB,QAAQ,EAAE,UAAU,CAAC,OAAO,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,GACnD,QAAQ,IAAI,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC,EAAE,CAAC,CAAC,EAAE,KAAK,CAAC,GAAG;IAAE,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,CAAA;CAAE,CAStF;AAED;;;GAGG;AACH,wBAAgB,oBAAoB,CAAC,KAAK,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAAC,eAAe,CAAC,GAC7F;IACE,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;CACpD,GACD;IACE,aAAa,EAAE,MAAM,GAAG,KAAK,GAAG,MAAM,GAAG,SAAS,CAAC;CACpD,CAKJ;AASD,wBAAgB,sBAAsB,CAAC,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC,cAAc,CAAC,GAAG,IAAI,CAOvF"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/lib/utils.ts"],"names":[],"mappings":"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"}

package/dist/lib/utils.js

@@ -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/lib/utils.js.map

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