@vkontakte/vkui 6.1.2 → 6.2.0

package/dist/cjs/hooks/useFocusVisibleClassName.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n  inside: styles['-focus-visible--mode-inside'],\n  outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n  mode === 'inside' || mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean;\n  mode?: FocusVisibleMode;\n}\n\n/**\n * Используется для проброса классов состояния :focus-visible в компонент.\n *\n * Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n  focusVisible = false,\n  mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n  const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n  const focusVisibleClassNames = classNames(\n    styles['-focus-visible'],\n    focusVisible && styles['-focus-visible--focused'],\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["focusVisiblePresetModeClassNames","useFocusVisibleClassName","inside","outside","isPresetMode","mode","focusVisible","modeClassName","focusVisibleClassNames","classNames"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAIaA,gCAAgC;eAAhCA;;IA8BGC,wBAAwB;eAAxBA;;;sBAlCW;AAIpB,MAAMD,mCAAmC;IAC9CE,MAAM;IACNC,OAAO;AACT;AAMA,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAoBzB,SAASJ,yBAAyB,EACvCK,eAAe,KAAK,EACpBD,OAAO,QAAQ,EACe;IAC9B,MAAME,gBAAgBH,aAAaC,QAAQL,gCAAgC,CAACK,KAAK,GAAGA;IAEpF,MAAMG,yBAAyBC,IAAAA,gBAAU,wBAEvCH,+CACAA,gBAAgBC;IAGlB,OAAOC;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { LiteralUnion } from '../types';\nimport styles from '../styles/focusVisible.module.css';\n\nexport const focusVisiblePresetModeClassNames = {\n  inside: styles['-focus-visible--mode-inside'],\n  outside: styles['-focus-visible--mode-outside'],\n};\n\ntype FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;\n\nexport type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;\n\nconst isPresetMode = (mode: FocusVisibleMode): mode is FocusVisiblePresetMode =>\n  mode === 'inside' || mode === 'outside';\n\nexport interface FocusVisibleModeProps {\n  /**\n   * Стиль аутлайна focus visible. Если передать произвольную строку, она добавится как css-класс при :focus-visible\n   */\n  focusVisibleMode?: FocusVisibleMode;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean;\n  mode?: FocusVisibleMode;\n}\n\n/**\n * Используется для проброса классов состояния :focus-visible в компонент.\n *\n * Рулит исключительно классами. Чтобы определить, есть ли фокусное состояние,\n * используйте хуки `useFocusVisible()` и `useFocusWithin()`.\n */\nexport function useFocusVisibleClassName({\n  focusVisible = false,\n  mode = 'inside',\n}: UseFocusVisibleClassNameProps) {\n  const modeClassName = isPresetMode(mode) ? focusVisiblePresetModeClassNames[mode] : mode;\n\n  const focusVisibleClassNames = classNames(\n    styles['-focus-visible'],\n    focusVisible && styles['-focus-visible--focused'],\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["focusVisiblePresetModeClassNames","useFocusVisibleClassName","inside","outside","isPresetMode","mode","focusVisible","modeClassName","focusVisibleClassNames","classNames"],"mappings":";;;;;;;;;;;IAIaA,gCAAgC;eAAhCA;;IA8BGC,wBAAwB;eAAxBA;;;sBAlCW;AAIpB,MAAMD,mCAAmC;IAC9CE,MAAM;IACNC,OAAO;AACT;AAMA,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAoBzB,SAASJ,yBAAyB,EACvCK,eAAe,KAAK,EACpBD,OAAO,QAAQ,EACe;IAC9B,MAAME,gBAAgBH,aAAaC,QAAQL,gCAAgC,CAACK,KAAK,GAAGA;IAEpF,MAAMG,yBAAyBC,IAAAA,gBAAU,wBAEvCH,+CACAA,gBAAgBC;IAGlB,OAAOC;AACT"}

package/dist/cjs/hooks/useFocusWithin.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n  ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n    ref.current && document ? isFocusWithin(ref.current, document) : false,\n  );\n\n  useIsomorphicLayoutEffect(function handleAutoFocus() {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleFocusOrBlurEvents = () => {\n      if (ref.current) {\n        setFocusWithin(isFocusWithin(ref.current, document));\n      }\n    };\n\n    // Вызываем в начале, чтобы проверить autoFocus\n    void handleFocusOrBlurEvents();\n\n    document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n    document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    return () => {\n      document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n      document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    };\n  }, []);\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","isFocusWithin","ref","document","contains","activeElement","useDOM","focusWithin","setFocusWithin","React","useState","current","useIsomorphicLayoutEffect","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;qBACA;2CACmB;AAE1C,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAE9B,SAASL,eAAeE,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGG,IAAAA,WAAM;IAC3B,MAAM,CAACC,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAAU,IAC5DR,IAAIS,OAAO,IAAIR,WAAWF,cAAcC,IAAIS,OAAO,EAAER,YAAY;IAGnES,IAAAA,oDAAyB,EAAC,SAASC;QACjC,oIAAoI,GACpI,IAAI,CAACV,UAAU;YACb;QACF;QAEA,MAAMW,0BAA0B;YAC9B,IAAIZ,IAAIS,OAAO,EAAE;gBACfH,eAAeP,cAAcC,IAAIS,OAAO,EAAER;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKW;QAELX,SAASY,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5Eb,SAASY,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/Eb,SAASc,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOT;AACT"}
+{"version":3,"sources":["../../../src/hooks/useFocusWithin.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst isFocusWithin = <T extends Element>(ref: T, document: Document) =>\n  ref.contains(document.activeElement);\n\nexport function useFocusWithin(ref: React.RefObject<HTMLElement | null>): boolean {\n  const { document } = useDOM();\n  const [focusWithin, setFocusWithin] = React.useState<boolean>(() =>\n    ref.current && document ? isFocusWithin(ref.current, document) : false,\n  );\n\n  useIsomorphicLayoutEffect(function handleAutoFocus() {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleFocusOrBlurEvents = () => {\n      if (ref.current) {\n        setFocusWithin(isFocusWithin(ref.current, document));\n      }\n    };\n\n    // Вызываем в начале, чтобы проверить autoFocus\n    void handleFocusOrBlurEvents();\n\n    document.addEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n    document.addEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    return () => {\n      document.removeEventListener('focus', handleFocusOrBlurEvents, { capture: true });\n      document.removeEventListener('blur', handleFocusOrBlurEvents, { capture: true });\n    };\n  }, []);\n\n  return focusWithin;\n}\n"],"names":["useFocusWithin","isFocusWithin","ref","document","contains","activeElement","useDOM","focusWithin","setFocusWithin","React","useState","current","useIsomorphicLayoutEffect","handleAutoFocus","handleFocusOrBlurEvents","addEventListener","capture","removeEventListener"],"mappings":";;;;+BAOgBA;;;eAAAA;;;;iEAPO;qBACA;2CACmB;AAE1C,MAAMC,gBAAgB,CAAoBC,KAAQC,WAChDD,IAAIE,QAAQ,CAACD,SAASE,aAAa;AAE9B,SAASL,eAAeE,GAAwC;IACrE,MAAM,EAAEC,QAAQ,EAAE,GAAGG,IAAAA,WAAM;IAC3B,MAAM,CAACC,aAAaC,eAAe,GAAGC,OAAMC,QAAQ,CAAU,IAC5DR,IAAIS,OAAO,IAAIR,WAAWF,cAAcC,IAAIS,OAAO,EAAER,YAAY;IAGnES,IAAAA,oDAAyB,EAAC,SAASC;QACjC,oIAAoI,GACpI,IAAI,CAACV,UAAU;YACb;QACF;QAEA,MAAMW,0BAA0B;YAC9B,IAAIZ,IAAIS,OAAO,EAAE;gBACfH,eAAeP,cAAcC,IAAIS,OAAO,EAAER;YAC5C;QACF;QAEA,+CAA+C;QAC/C,KAAKW;QAELX,SAASY,gBAAgB,CAAC,SAASD,yBAAyB;YAAEE,SAAS;QAAK;QAC5Eb,SAASY,gBAAgB,CAAC,QAAQD,yBAAyB;YAAEE,SAAS;QAAK;QAC3E,OAAO;YACLb,SAASc,mBAAmB,CAAC,SAASH,yBAAyB;gBAAEE,SAAS;YAAK;YAC/Eb,SAASc,mBAAmB,CAAC,QAAQH,yBAAyB;gBAAEE,SAAS;YAAK;QAChF;IACF,GAAG,EAAE;IAEL,OAAOT;AACT"}

package/dist/cjs/hooks/useGlobalEscKeyDown.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["useGlobalEscKeyDown","EVENT_OPTIONS","passive","capture","init","callback","document","useDOM","useIsomorphicLayoutEffect","handleKeyDown","event","pressedKey","Keys","ESCAPE","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAcaA;;;eAAAA;;;+BAdoB;qBACV;2CACmB;AAE1C,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAOO,MAAMH,sBAAsB,CAACI,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACF,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAMI,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,yBAAU,EAACD,WAAWE,mBAAI,CAACC,MAAM,EAAE;gBACrCR,SAASK;YACX;QACF;QACAJ,SAASQ,gBAAgB,CAAC,WAAWL,eAAeR;QACpD,OAAO;YACLK,SAASS,mBAAmB,CAAC,WAAWN,eAAeR;QACzD;IACF,GAAG;QAACG;QAAME;QAAUD;KAAS;AAC/B"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (init: boolean, callback?: (event: KeyboardEvent) => void) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, EVENT_OPTIONS);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["useGlobalEscKeyDown","EVENT_OPTIONS","passive","capture","init","callback","document","useDOM","useIsomorphicLayoutEffect","handleKeyDown","event","pressedKey","Keys","ESCAPE","addEventListener","removeEventListener"],"mappings":";;;;+BAcaA;;;eAAAA;;;+BAdoB;qBACV;2CACmB;AAE1C,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAOO,MAAMH,sBAAsB,CAACI,MAAeC;IACjD,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACF,YAAY,CAACF,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAMI,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,yBAAU,EAACD,WAAWE,mBAAI,CAACC,MAAM,EAAE;gBACrCR,SAASK;YACX;QACF;QACAJ,SAASQ,gBAAgB,CAAC,WAAWL,eAAeR;QACpD,OAAO;YACLK,SAASS,mBAAmB,CAAC,WAAWN,eAAeR;QACzD;IACF,GAAG;QAACG;QAAME;QAAUD;KAAS;AAC/B"}

package/dist/cjs/hooks/useGlobalEventListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAegBA;;;eAAAA;;;2CAf0B;kCACT;AAc1B,SAASA,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWC,IAAAA,kCAAgB,EAACJ,OAAOC,IAAIC;IAC7CG,IAAAA,oDAAyB,EAAC;QACxB,IAAIJ,MAAMF,SAAS;YACjBI,SAASG,GAAG,CAACP;QACf,OAAO;YACLI,SAASI,MAAM;QACjB;IACF,GAAG;QAACC,QAAQP;QAAKO,QAAQT;KAAS;AACpC"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEventListener.ts"],"sourcesContent":["import { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useEventListener } from './useEventListener';\n\nexport function useGlobalEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K,\n  cb: ((ev: GlobalEventHandlersEventMap[K]) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<E extends Event>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n): void;\nexport function useGlobalEventListener<\n  K extends keyof GlobalEventHandlersEventMap,\n  E extends Event,\n>(\n  element: Document | HTMLElement | Window | null | undefined,\n  event: K | string,\n  cb: ((ev: E) => void) | null | false | undefined,\n  options?: AddEventListenerOptions,\n) {\n  const listener = useEventListener(event, cb, options);\n  useIsomorphicLayoutEffect(() => {\n    if (cb && element) {\n      listener.add(element);\n    } else {\n      listener.remove();\n    }\n  }, [Boolean(cb), Boolean(element)]);\n}\n"],"names":["useGlobalEventListener","element","event","cb","options","listener","useEventListener","useIsomorphicLayoutEffect","add","remove","Boolean"],"mappings":";;;;+BAegBA;;;eAAAA;;;2CAf0B;kCACT;AAc1B,SAASA,uBAIdC,OAA2D,EAC3DC,KAAiB,EACjBC,EAAgD,EAChDC,OAAiC;IAEjC,MAAMC,WAAWC,IAAAA,kCAAgB,EAACJ,OAAOC,IAAIC;IAC7CG,IAAAA,oDAAyB,EAAC;QACxB,IAAIJ,MAAMF,SAAS;YACjBI,SAASG,GAAG,CAACP;QACf,OAAO;YACLI,SAASI,MAAM;QACjB;IACF,GAAG;QAACC,QAAQP;QAAKO,QAAQT;KAAS;AACpC"}

package/dist/cjs/hooks/useGlobalOnClickOutside.d.ts

@@ -4,5 +4,5 @@ import * as React from 'react';
  *
  * @private
  */
-export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | null | undefined, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
+export declare const useGlobalOnClickOutside: <T extends React.RefObject<ElementType> | undefined | null, ElementType extends Element = Element>(callback: (event: MouseEvent) => void, ...refs: T[]) => void;
 //# sourceMappingURL=useGlobalOnClickOutside.d.ts.map

package/dist/cjs/hooks/useGlobalOnClickOutside.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,+GAIxB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}
+{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;;;GAIG;AACH,eAAO,MAAM,uBAAuB,GAClC,CAAC,SAAS,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,GAAG,SAAS,GAAG,IAAI,EACzD,WAAW,SAAS,OAAO,sBAEjB,CAAC,KAAK,EAAE,UAAU,KAAK,IAAI,WAC5B,CAAC,EAAE,SAyBb,CAAC"}

package/dist/cjs/hooks/useGlobalOnClickOutside.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalOnClickOutside = <\n  T extends React.RefObject<ElementType> | undefined | null,\n  ElementType extends Element = Element,\n>(\n  callback: (event: MouseEvent) => void,\n  ...refs: T[]\n) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n    if (!document || !someRefNotNull) {\n      return;\n    }\n    const handleClick = (event: MouseEvent) => {\n      const targetEl = event.target;\n      const someRefHasTargetEl =\n        isElement(targetEl) &&\n        refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n      if (!someRefHasTargetEl) {\n        callback(event);\n      }\n    };\n    document.addEventListener('click', handleClick, {\n      passive: true,\n      capture: true,\n    });\n    return () => {\n      document.removeEventListener('click', handleClick, true);\n    };\n  }, [document, callback, ...refs]);\n};\n"],"names":["useGlobalOnClickOutside","callback","refs","document","useDOM","useIsomorphicLayoutEffect","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","isElement","contains","addEventListener","passive","capture","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qBACW;2CACQ;AAOnC,MAAMA,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,MAAMC,iBAAiBJ,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACN,YAAY,CAACG,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJC,IAAAA,cAAS,EAACH,aACVV,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACO,QAAQ,CAACJ;YAChE,IAAI,CAACE,oBAAoB;gBACvBb,SAASU;YACX;QACF;QACAR,SAASc,gBAAgB,CAAC,SAASP,aAAa;YAC9CQ,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLhB,SAASiB,mBAAmB,CAAC,SAASV,aAAa;QACrD;IACF,GAAG;QAACP;QAAUF;WAAaC;KAAK;AAClC"}
+{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import * as React from 'react';\nimport { isElement, useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalOnClickOutside = <\n  T extends React.RefObject<ElementType> | undefined | null,\n  ElementType extends Element = Element,\n>(\n  callback: (event: MouseEvent) => void,\n  ...refs: T[]\n) => {\n  const { document } = useDOM();\n  useIsomorphicLayoutEffect(() => {\n    const someRefNotNull = refs.some((ref) => ref && ref.current !== null);\n    if (!document || !someRefNotNull) {\n      return;\n    }\n    const handleClick = (event: MouseEvent) => {\n      const targetEl = event.target;\n      const someRefHasTargetEl =\n        isElement(targetEl) &&\n        refs.some((ref) => ref && ref.current && ref.current.contains(targetEl));\n      if (!someRefHasTargetEl) {\n        callback(event);\n      }\n    };\n    document.addEventListener('click', handleClick, {\n      passive: true,\n      capture: true,\n    });\n    return () => {\n      document.removeEventListener('click', handleClick, true);\n    };\n  }, [document, callback, ...refs]);\n};\n"],"names":["useGlobalOnClickOutside","callback","refs","document","useDOM","useIsomorphicLayoutEffect","someRefNotNull","some","ref","current","handleClick","event","targetEl","target","someRefHasTargetEl","isElement","contains","addEventListener","passive","capture","removeEventListener"],"mappings":";;;;+BASaA;;;eAAAA;;;;iEATU;qBACW;2CACQ;AAOnC,MAAMA,0BAA0B,CAIrCC,UACA,GAAGC;IAEH,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3BC,IAAAA,oDAAyB,EAAC;QACxB,MAAMC,iBAAiBJ,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,KAAK;QACjE,IAAI,CAACN,YAAY,CAACG,gBAAgB;YAChC;QACF;QACA,MAAMI,cAAc,CAACC;YACnB,MAAMC,WAAWD,MAAME,MAAM;YAC7B,MAAMC,qBACJC,IAAAA,cAAS,EAACH,aACVV,KAAKK,IAAI,CAAC,CAACC,MAAQA,OAAOA,IAAIC,OAAO,IAAID,IAAIC,OAAO,CAACO,QAAQ,CAACJ;YAChE,IAAI,CAACE,oBAAoB;gBACvBb,SAASU;YACX;QACF;QACAR,SAASc,gBAAgB,CAAC,SAASP,aAAa;YAC9CQ,SAAS;YACTC,SAAS;QACX;QACA,OAAO;YACLhB,SAASiB,mBAAmB,CAAC,SAASV,aAAa;QACrD;IACF,GAAG;QAACP;QAAUF;WAAaC;KAAK;AAClC"}

package/dist/cjs/hooks/useIsClient.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  useIsomorphicLayoutEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["useIsClient","initial","isClient","setIsClient","React","useState","useIsomorphicLayoutEffect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAWgBA;;;eAAAA;;;;iEAXO;2CACmB;AAUnC,SAASA,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAACJ;IAE/CK,IAAAA,oDAAyB,EAAC;QACxBH,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}
+{"version":3,"sources":["../../../src/hooks/useIsClient.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Хук для two-pass рендеринга.\n *\n * ВНИМАНИЕ: Этот подход сделает ваши компоненты медленнее, потому что они\n * должны рендериться дважды, поэтому используйте хук с осторожностью.\n *\n * @see {@link https://beta.reactjs.org/apis/react-dom/hydrate#handling-different-client-and-server-content React Docs}\n */\nexport function useIsClient(initial = false) {\n  const [isClient, setIsClient] = React.useState(initial);\n\n  useIsomorphicLayoutEffect(() => {\n    setIsClient(true);\n  }, []);\n\n  return isClient;\n}\n"],"names":["useIsClient","initial","isClient","setIsClient","React","useState","useIsomorphicLayoutEffect"],"mappings":";;;;+BAWgBA;;;eAAAA;;;;iEAXO;2CACmB;AAUnC,SAASA,YAAYC,UAAU,KAAK;IACzC,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAACJ;IAE/CK,IAAAA,oDAAyB,EAAC;QACxBH,YAAY;IACd,GAAG,EAAE;IAEL,OAAOD;AACT"}

package/dist/cjs/hooks/useKeyboard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["getPreciseKeyboardState","useKeyboard","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","document","useDOM","isOpened","setIsOpened","React","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAYgBA,uBAAuB;eAAvBA;;IAeAC,WAAW;eAAXA;;;;iEA3BO;qBACA;wCACgB;AAUhC,SAASD,wBAAwBE,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEO,SAASV;QAaXW;IAZH,MAAM,EAAEA,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3B,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAAC;IAE/C,MAAMC,UAAUF,OAAMG,WAAW,CAC/B,CAACC;YAGIR,yBACCA;QAHJ,MAAME,WACJ,AAACM,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCT,CAAAA,CAAAA,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO,MAAK,WACpCX,CAAAA,qBAAAA,gCAAAA,2BAAAA,SAAUU,aAAa,cAAvBV,+CAAAA,yBAAyBW,OAAO,MAAK,UAAS;QAClDR,YAAYD;IACd,GACA;QAACF,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO;KAAC;IAGpC;;;GAGC,GACDP,OAAMQ,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZO,IAAAA,8CAAsB,EAACb,UAAU,YAAYM,SAAST;IACtDgB,IAAAA,8CAAsB,EAACb,UAAU,WAAWM,SAAST;IAErD,OAAO;QAAEK;IAAS;AACpB"}
+{"version":3,"sources":["../../../src/hooks/useKeyboard.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ninterface SoftwareKeyboardState {\n  isOpened: boolean;\n}\n\n/**\n Проверяет, закрыла ли клавиатура часть экрана, 24% подошло к большинству устройств\n Работает на iOS и Android, где софт-клавиатура ресайзит viewport в браузерах\n */\nexport function getPreciseKeyboardState(window: any): boolean {\n  const {\n    innerHeight,\n    screen: { availHeight },\n  } = window;\n\n  const coveredViewportPercentage = Math.round((1 - innerHeight / availHeight) * 100);\n  return coveredViewportPercentage > 24;\n}\n\nconst eventOptions = {\n  passive: true,\n  capture: false,\n};\n\nexport function useKeyboard(): SoftwareKeyboardState {\n  const { document } = useDOM();\n\n  const [isOpened, setIsOpened] = React.useState(false);\n\n  const onFocus = React.useCallback(\n    (event: FocusEvent | true) => {\n      const isOpened =\n        (event === true || event.type === 'focusin') &&\n        (document?.activeElement?.tagName === 'INPUT' ||\n          document?.activeElement?.tagName === 'TEXTAREA');\n      setIsOpened(isOpened);\n    },\n    [document?.activeElement?.tagName],\n  );\n\n  /**\n   У полей с autoFocus не отлавливаются события focus, для этого вызываем вручную,\n   чтобы иметь хоть какое-то понимание происходящего.\n   */\n  React.useEffect(() => {\n    onFocus(true);\n  }, [onFocus]);\n\n  useGlobalEventListener(document, 'focusout', onFocus, eventOptions);\n  useGlobalEventListener(document, 'focusin', onFocus, eventOptions);\n\n  return { isOpened };\n}\n"],"names":["getPreciseKeyboardState","useKeyboard","window","innerHeight","screen","availHeight","coveredViewportPercentage","Math","round","eventOptions","passive","capture","document","useDOM","isOpened","setIsOpened","React","useState","onFocus","useCallback","event","type","activeElement","tagName","useEffect","useGlobalEventListener"],"mappings":";;;;;;;;;;;IAYgBA,uBAAuB;eAAvBA;;IAeAC,WAAW;eAAXA;;;;iEA3BO;qBACA;wCACgB;AAUhC,SAASD,wBAAwBE,MAAW;IACjD,MAAM,EACJC,WAAW,EACXC,QAAQ,EAAEC,WAAW,EAAE,EACxB,GAAGH;IAEJ,MAAMI,4BAA4BC,KAAKC,KAAK,CAAC,AAAC,CAAA,IAAIL,cAAcE,WAAU,IAAK;IAC/E,OAAOC,4BAA4B;AACrC;AAEA,MAAMG,eAAe;IACnBC,SAAS;IACTC,SAAS;AACX;AAEO,SAASV;QAaXW;IAZH,MAAM,EAAEA,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAE3B,MAAM,CAACC,UAAUC,YAAY,GAAGC,OAAMC,QAAQ,CAAC;IAE/C,MAAMC,UAAUF,OAAMG,WAAW,CAC/B,CAACC;YAGIR,yBACCA;QAHJ,MAAME,WACJ,AAACM,CAAAA,UAAU,QAAQA,MAAMC,IAAI,KAAK,SAAQ,KACzCT,CAAAA,CAAAA,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO,MAAK,WACpCX,CAAAA,qBAAAA,gCAAAA,2BAAAA,SAAUU,aAAa,cAAvBV,+CAAAA,yBAAyBW,OAAO,MAAK,UAAS;QAClDR,YAAYD;IACd,GACA;QAACF,qBAAAA,gCAAAA,0BAAAA,SAAUU,aAAa,cAAvBV,8CAAAA,wBAAyBW,OAAO;KAAC;IAGpC;;;GAGC,GACDP,OAAMQ,SAAS,CAAC;QACdN,QAAQ;IACV,GAAG;QAACA;KAAQ;IAEZO,IAAAA,8CAAsB,EAACb,UAAU,YAAYM,SAAST;IACtDgB,IAAAA,8CAAsB,EAACb,UAAU,WAAWM,SAAST;IAErD,OAAO;QAAEK;IAAS;AACpB"}

package/dist/cjs/hooks/useKeyboardInputTracker.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isKeyboardFocusingStarted } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Чтобы оптимизировать рендер, сохраняем в ref.\n *\n * В контекст можно передать через getter, подробнее в примере ниже.\n *\n * ```tsx\n * const keyboardInputTrackerRef = useKeyboardInputTracker();\n * <SomeContext.Provider value={{\n *  get keyboardInput() {\n *    return keyboardInputTrackerRef.current;\n *  }\n * }}>\n *  {children}\n * </SomeContext.Provider>\n * ```\n *\n * @private\n */\nexport function useKeyboardInputTracker(): React.MutableRefObject<boolean> {\n  const { document } = useDOM();\n  const keyboardFocusingStartedRef = React.useRef(false);\n\n  useIsomorphicLayoutEffect(() => {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (isKeyboardFocusingStarted(event)) {\n        keyboardFocusingStartedRef.current = true;\n      }\n    };\n\n    const handleCustomEnableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = true;\n    };\n\n    const handleCustomDisableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n    document.addEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    document.addEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n      document.removeEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n      document.removeEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    };\n  }, [document]);\n\n  return keyboardFocusingStartedRef;\n}\n"],"names":["DISABLE_KEYBOARD_INPUT_EVENT_NAME","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","EVENT_OPTIONS","passive","capture","document","useDOM","keyboardFocusingStartedRef","React","useRef","useIsomorphicLayoutEffect","handleKeydown","event","isKeyboardFocusingStarted","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;;;;;;;;IAMaA,iCAAiC;eAAjCA;;IADAC,gCAAgC;eAAhCA;;IA0BGC,uBAAuB;eAAvBA;;;;iEA/BO;+BACmB;qBACnB;2CACmB;AAEnC,MAAMD,mCAAmC;AACzC,MAAMD,oCAAoC;AAEjD,MAAMG,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAoBO,SAASH;IACd,MAAM,EAAEI,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,6BAA6BC,OAAMC,MAAM,CAAC;IAEhDC,IAAAA,oDAAyB,EAAC;QACxB,oIAAoI,GACpI,IAAI,CAACL,UAAU;YACb;QACF;QAEA,MAAMM,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,wCAAyB,EAACD,QAAQ;gBACpCL,2BAA2BO,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCR,2BAA2BO,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCT,2BAA2BO,OAAO,GAAG;QACvC;QAEAT,SAASY,gBAAgB,CAAC,WAAWN,eAAeT;QACpDG,SAASY,gBAAgB,CAACjB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;QAC/HG,SAASY,gBAAgB,CAAClB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;QACjIG,SAASY,gBAAgB,CAAC,aAAaD,kCAAkCd;QACzEG,SAASY,gBAAgB,CAAC,cAAcD,kCAAkCd;QAE1E,OAAO;YACLG,SAASa,mBAAmB,CAAC,WAAWP,eAAeT;YACvDG,SAASa,mBAAmB,CAAClB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;YAClIG,SAASa,mBAAmB,CAACnB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;YACpIG,SAASa,mBAAmB,CAAC,aAAaF,kCAAkCd;YAC5EG,SAASa,mBAAmB,CAAC,cAAcF,kCAAkCd;QAC/E;IACF,GAAG;QAACG;KAAS;IAEb,OAAOE;AACT"}
+{"version":3,"sources":["../../../src/hooks/useKeyboardInputTracker.ts"],"sourcesContent":["import * as React from 'react';\nimport { isKeyboardFocusingStarted } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const ENABLE_KEYBOARD_INPUT_EVENT_NAME = 'enableKeyboardInput';\nexport const DISABLE_KEYBOARD_INPUT_EVENT_NAME = 'disableKeyboardInput';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Чтобы оптимизировать рендер, сохраняем в ref.\n *\n * В контекст можно передать через getter, подробнее в примере ниже.\n *\n * ```tsx\n * const keyboardInputTrackerRef = useKeyboardInputTracker();\n * <SomeContext.Provider value={{\n *  get keyboardInput() {\n *    return keyboardInputTrackerRef.current;\n *  }\n * }}>\n *  {children}\n * </SomeContext.Provider>\n * ```\n *\n * @private\n */\nexport function useKeyboardInputTracker(): React.MutableRefObject<boolean> {\n  const { document } = useDOM();\n  const keyboardFocusingStartedRef = React.useRef(false);\n\n  useIsomorphicLayoutEffect(() => {\n    /* istanbul ignore if: невозможный кейс, т.к. в SSR эффекты не вызываются. Проверка на будущее, если вдруг эффект будет вызываться. */\n    if (!document) {\n      return;\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      if (isKeyboardFocusingStarted(event)) {\n        keyboardFocusingStartedRef.current = true;\n      }\n    };\n\n    const handleCustomEnableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = true;\n    };\n\n    const handleCustomDisableKeyboardEvent = () => {\n      keyboardFocusingStartedRef.current = false;\n    };\n\n    document.addEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n    document.addEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n    document.addEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    document.addEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeydown, EVENT_OPTIONS);\n      document.removeEventListener(ENABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomEnableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener(DISABLE_KEYBOARD_INPUT_EVENT_NAME, handleCustomDisableKeyboardEvent, EVENT_OPTIONS); // prettier-ignore\n      document.removeEventListener('mousedown', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n      document.removeEventListener('touchstart', handleCustomDisableKeyboardEvent, EVENT_OPTIONS);\n    };\n  }, [document]);\n\n  return keyboardFocusingStartedRef;\n}\n"],"names":["DISABLE_KEYBOARD_INPUT_EVENT_NAME","ENABLE_KEYBOARD_INPUT_EVENT_NAME","useKeyboardInputTracker","EVENT_OPTIONS","passive","capture","document","useDOM","keyboardFocusingStartedRef","React","useRef","useIsomorphicLayoutEffect","handleKeydown","event","isKeyboardFocusingStarted","current","handleCustomEnableKeyboardEvent","handleCustomDisableKeyboardEvent","addEventListener","removeEventListener"],"mappings":";;;;;;;;;;;IAMaA,iCAAiC;eAAjCA;;IADAC,gCAAgC;eAAhCA;;IA0BGC,uBAAuB;eAAvBA;;;;iEA/BO;+BACmB;qBACnB;2CACmB;AAEnC,MAAMD,mCAAmC;AACzC,MAAMD,oCAAoC;AAEjD,MAAMG,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAoBO,SAASH;IACd,MAAM,EAAEI,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,6BAA6BC,OAAMC,MAAM,CAAC;IAEhDC,IAAAA,oDAAyB,EAAC;QACxB,oIAAoI,GACpI,IAAI,CAACL,UAAU;YACb;QACF;QAEA,MAAMM,gBAAgB,CAACC;YACrB,IAAIC,IAAAA,wCAAyB,EAACD,QAAQ;gBACpCL,2BAA2BO,OAAO,GAAG;YACvC;QACF;QAEA,MAAMC,kCAAkC;YACtCR,2BAA2BO,OAAO,GAAG;QACvC;QAEA,MAAME,mCAAmC;YACvCT,2BAA2BO,OAAO,GAAG;QACvC;QAEAT,SAASY,gBAAgB,CAAC,WAAWN,eAAeT;QACpDG,SAASY,gBAAgB,CAACjB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;QAC/HG,SAASY,gBAAgB,CAAClB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;QACjIG,SAASY,gBAAgB,CAAC,aAAaD,kCAAkCd;QACzEG,SAASY,gBAAgB,CAAC,cAAcD,kCAAkCd;QAE1E,OAAO;YACLG,SAASa,mBAAmB,CAAC,WAAWP,eAAeT;YACvDG,SAASa,mBAAmB,CAAClB,kCAAkCe,iCAAiCb,gBAAgB,kBAAkB;YAClIG,SAASa,mBAAmB,CAACnB,mCAAmCiB,kCAAkCd,gBAAgB,kBAAkB;YACpIG,SAASa,mBAAmB,CAAC,aAAaF,kCAAkCd;YAC5EG,SAASa,mBAAmB,CAAC,cAAcF,kCAAkCd;QAC/E;IACF,GAAG;QAACG;KAAS;IAEb,OAAOE;AACT"}

package/dist/cjs/hooks/useMediaQueries.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMediaQueries.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQueries.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AA8BrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBA0B3B,CAAC"}
+{"version":3,"file":"useMediaQueries.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMediaQueries.ts"],"names":[],"mappings":"AACA,OAAO,EAAiB,KAAK,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAkBrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBAsB3B,CAAC"}

package/dist/cjs/hooks/useMediaQueries.js

@@ -13,28 +13,31 @@ const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _adaptivity = require("../lib/adaptivity");
 const _browser = require("../lib/browser");
 const _dom = require("../lib/dom");
-const storedMediaQueries = {
-    window: undefined,
-    mediaQueries: null
-};
+const mediaQueriesCache = new WeakMap();
+function getMediaQueries(matchMedia) {
+    return {
+        desktopPlus: matchMedia(_adaptivity.MEDIA_QUERIES.DESKTOP_PLUS),
+        smallTabletPlus: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET_PLUS),
+        tablet: matchMedia(_adaptivity.MEDIA_QUERIES.TABLET),
+        smallTablet: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET),
+        mobile: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE),
+        mediumHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MEDIUM_HEIGHT),
+        mobileLandscapeHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
+    };
+}
 const useMediaQueries = ()=>{
     const { window } = (0, _dom.useDOM)();
     return _react.useMemo(function initializeStoreOrUpdateStoreIfWindowChanges() {
-        if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {
-            return storedMediaQueries.mediaQueries;
+        if (!window) {
+            return getMediaQueries(_browser.mediaQueryNull);
+        }
+        const storedMediaQueries = mediaQueriesCache.get(window);
+        if (storedMediaQueries) {
+            return storedMediaQueries;
         }
-        const matchMedia = window ? window.matchMedia.bind(window) : _browser.mediaQueryNull;
-        storedMediaQueries.window = window;
-        storedMediaQueries.mediaQueries = {
-            desktopPlus: matchMedia(_adaptivity.MEDIA_QUERIES.DESKTOP_PLUS),
-            smallTabletPlus: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET_PLUS),
-            tablet: matchMedia(_adaptivity.MEDIA_QUERIES.TABLET),
-            smallTablet: matchMedia(_adaptivity.MEDIA_QUERIES.SMALL_TABLET),
-            mobile: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE),
-            mediumHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MEDIUM_HEIGHT),
-            mobileLandscapeHeight: matchMedia(_adaptivity.MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT)
-        };
-        return storedMediaQueries.mediaQueries;
+        const mediaQueries = getMediaQueries(window.matchMedia.bind(window));
+        mediaQueriesCache.set(window, mediaQueries);
+        return mediaQueries;
     }, [
         window
     ]);

package/dist/cjs/hooks/useMediaQueries.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\ninterface StoredMediaQueries {\n  /**\n   * Постоянная ссылка на окно. Это необходима, чтобы пересоздать медиа выражение если окно вдруг измениться.\n   *\n   * > `styleguide`\n   * >\n   * > В данный момент изменения окна существует в рамках песочницы. По сути мы храним ссылку на окно ради этого кейса\n   * > в песочнице.\n   */\n  window: Window | undefined;\n  /**\n   * Хранит созданные медиа выражения.\n   *\n   * Достаточно единожды создать экземпляры `MediaQueryList`, а дальше подписываться на события\n   * через метод `addEventListener(type, listener)`.\n   *\n   * {@link https://developer.mozilla.org/en-US/docs/Web/API/MediaQueryList}\n   */\n  mediaQueries: MediaQueries | null;\n}\n\nconst storedMediaQueries: StoredMediaQueries = {\n  window: undefined,\n  mediaQueries: null,\n};\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (storedMediaQueries.window === window && storedMediaQueries.mediaQueries !== null) {\n        return storedMediaQueries.mediaQueries;\n      }\n\n      const matchMedia = window ? window.matchMedia.bind(window) : mediaQueryNull;\n\n      storedMediaQueries.window = window;\n      storedMediaQueries.mediaQueries = {\n        desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n        smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n        tablet: matchMedia(MEDIA_QUERIES.TABLET),\n        smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n        mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n        mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n        mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n      };\n\n      return storedMediaQueries.mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["useMediaQueries","storedMediaQueries","window","undefined","mediaQueries","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","matchMedia","bind","mediaQueryNull","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAkCaA;;;eAAAA;;;;iEAlCU;4BAC0B;yBAClB;qBACR;AAuBvB,MAAMC,qBAAyC;IAC7CC,QAAQC;IACRC,cAAc;AAChB;AAKO,MAAMJ,kBAAkB;IAC7B,MAAM,EAAEE,MAAM,EAAE,GAAGG,IAAAA,WAAM;IAEzB,OAAOC,OAAMC,OAAO,CAClB,SAASC;QACP,IAAIP,mBAAmBC,MAAM,KAAKA,UAAUD,mBAAmBG,YAAY,KAAK,MAAM;YACpF,OAAOH,mBAAmBG,YAAY;QACxC;QAEA,MAAMK,aAAaP,SAASA,OAAOO,UAAU,CAACC,IAAI,CAACR,UAAUS,uBAAc;QAE3EV,mBAAmBC,MAAM,GAAGA;QAC5BD,mBAAmBG,YAAY,GAAG;YAChCQ,aAAaH,WAAWI,yBAAa,CAACC,YAAY;YAClDC,iBAAiBN,WAAWI,yBAAa,CAACG,iBAAiB;YAC3DC,QAAQR,WAAWI,yBAAa,CAACK,MAAM;YACvCC,aAAaV,WAAWI,yBAAa,CAACO,YAAY;YAClDC,QAAQZ,WAAWI,yBAAa,CAACS,MAAM;YACvCC,cAAcd,WAAWI,yBAAa,CAACW,aAAa;YACpDC,uBAAuBhB,WAAWI,yBAAa,CAACa,uBAAuB;QACzE;QAEA,OAAOzB,mBAAmBG,YAAY;IACxC,GACA;QAACF;KAAO;AAEZ"}
+{"version":3,"sources":["../../../src/hooks/useMediaQueries.ts"],"sourcesContent":["import * as React from 'react';\nimport { MEDIA_QUERIES, type MediaQueries } from '../lib/adaptivity';\nimport { mediaQueryNull } from '../lib/browser';\nimport { useDOM } from '../lib/dom';\n\nconst mediaQueriesCache = new WeakMap<Window, MediaQueries>();\n\nfunction getMediaQueries(matchMedia: (query: string) => MediaQueryList): MediaQueries {\n  return {\n    desktopPlus: matchMedia(MEDIA_QUERIES.DESKTOP_PLUS),\n    smallTabletPlus: matchMedia(MEDIA_QUERIES.SMALL_TABLET_PLUS),\n    tablet: matchMedia(MEDIA_QUERIES.TABLET),\n    smallTablet: matchMedia(MEDIA_QUERIES.SMALL_TABLET),\n    mobile: matchMedia(MEDIA_QUERIES.MOBILE),\n    mediumHeight: matchMedia(MEDIA_QUERIES.MEDIUM_HEIGHT),\n    mobileLandscapeHeight: matchMedia(MEDIA_QUERIES.MOBILE_LANDSCAPE_HEIGHT),\n  };\n}\n\n/**\n * Возвращает медиа выражения определенные дизайн-системой.\n */\nexport const useMediaQueries = () => {\n  const { window } = useDOM();\n\n  return React.useMemo<MediaQueries>(\n    function initializeStoreOrUpdateStoreIfWindowChanges() {\n      if (!window) {\n        return getMediaQueries(mediaQueryNull);\n      }\n\n      const storedMediaQueries = mediaQueriesCache.get(window);\n      if (storedMediaQueries) {\n        return storedMediaQueries;\n      }\n\n      const mediaQueries = getMediaQueries(window.matchMedia.bind(window));\n\n      mediaQueriesCache.set(window, mediaQueries);\n\n      return mediaQueries;\n    },\n    [window],\n  );\n};\n"],"names":["useMediaQueries","mediaQueriesCache","WeakMap","getMediaQueries","matchMedia","desktopPlus","MEDIA_QUERIES","DESKTOP_PLUS","smallTabletPlus","SMALL_TABLET_PLUS","tablet","TABLET","smallTablet","SMALL_TABLET","mobile","MOBILE","mediumHeight","MEDIUM_HEIGHT","mobileLandscapeHeight","MOBILE_LANDSCAPE_HEIGHT","window","useDOM","React","useMemo","initializeStoreOrUpdateStoreIfWindowChanges","mediaQueryNull","storedMediaQueries","get","mediaQueries","bind","set"],"mappings":";;;;+BAsBaA;;;eAAAA;;;;iEAtBU;4BAC0B;yBAClB;qBACR;AAEvB,MAAMC,oBAAoB,IAAIC;AAE9B,SAASC,gBAAgBC,UAA6C;IACpE,OAAO;QACLC,aAAaD,WAAWE,yBAAa,CAACC,YAAY;QAClDC,iBAAiBJ,WAAWE,yBAAa,CAACG,iBAAiB;QAC3DC,QAAQN,WAAWE,yBAAa,CAACK,MAAM;QACvCC,aAAaR,WAAWE,yBAAa,CAACO,YAAY;QAClDC,QAAQV,WAAWE,yBAAa,CAACS,MAAM;QACvCC,cAAcZ,WAAWE,yBAAa,CAACW,aAAa;QACpDC,uBAAuBd,WAAWE,yBAAa,CAACa,uBAAuB;IACzE;AACF;AAKO,MAAMnB,kBAAkB;IAC7B,MAAM,EAAEoB,MAAM,EAAE,GAAGC,IAAAA,WAAM;IAEzB,OAAOC,OAAMC,OAAO,CAClB,SAASC;QACP,IAAI,CAACJ,QAAQ;YACX,OAAOjB,gBAAgBsB,uBAAc;QACvC;QAEA,MAAMC,qBAAqBzB,kBAAkB0B,GAAG,CAACP;QACjD,IAAIM,oBAAoB;YACtB,OAAOA;QACT;QAEA,MAAME,eAAezB,gBAAgBiB,OAAOhB,UAAU,CAACyB,IAAI,CAACT;QAE5DnB,kBAAkB6B,GAAG,CAACV,QAAQQ;QAE9B,OAAOA;IACT,GACA;QAACR;KAAO;AAEZ"}

package/dist/cjs/hooks/useNativeFormResetListener.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useNativeFormResetListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNativeFormResetListener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,0BAA0B,QAChC,MAAM,SAAS,CAAC,WAAW,CAAC,WACxB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,SAoBhC,CAAC"}
+{"version":3,"file":"useNativeFormResetListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useNativeFormResetListener.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,eAAO,MAAM,0BAA0B,QAChC,KAAK,CAAC,SAAS,CAAC,WAAW,CAAC,WACxB,CAAC,KAAK,EAAE,KAAK,KAAK,IAAI,SAoBhC,CAAC"}

package/dist/cjs/hooks/useNativeFormResetListener.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useNativeFormResetListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const useNativeFormResetListener = (\n  ref: React.RefObject<HTMLElement>,\n  handler: (event: Event) => void,\n) => {\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const formEl = ref.current.closest('form');\n\n    if (!formEl) {\n      return;\n    }\n\n    formEl.addEventListener('reset', handler);\n\n    return () => {\n      formEl.removeEventListener('reset', handler);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useNativeFormResetListener","ref","handler","useIsomorphicLayoutEffect","current","formEl","closest","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;2CACmB;AAEnC,MAAMA,6BAA6B,CACxCC,KACAC;IAEAC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACF,IAAIG,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASJ,IAAIG,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASL;QAEjC,OAAO;YACLG,OAAOG,mBAAmB,CAAC,SAASN;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB"}
+{"version":3,"sources":["../../../src/hooks/useNativeFormResetListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport const useNativeFormResetListener = (\n  ref: React.RefObject<HTMLElement>,\n  handler: (event: Event) => void,\n) => {\n  useIsomorphicLayoutEffect(() => {\n    if (!ref.current) {\n      return;\n    }\n\n    // eslint-disable-next-line no-restricted-properties\n    const formEl = ref.current.closest('form');\n\n    if (!formEl) {\n      return;\n    }\n\n    formEl.addEventListener('reset', handler);\n\n    return () => {\n      formEl.removeEventListener('reset', handler);\n    };\n  }, [ref, handler]);\n};\n"],"names":["useNativeFormResetListener","ref","handler","useIsomorphicLayoutEffect","current","formEl","closest","addEventListener","removeEventListener"],"mappings":";;;;+BAGaA;;;eAAAA;;;;iEAHU;2CACmB;AAEnC,MAAMA,6BAA6B,CACxCC,KACAC;IAEAC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACF,IAAIG,OAAO,EAAE;YAChB;QACF;QAEA,oDAAoD;QACpD,MAAMC,SAASJ,IAAIG,OAAO,CAACE,OAAO,CAAC;QAEnC,IAAI,CAACD,QAAQ;YACX;QACF;QAEAA,OAAOE,gBAAgB,CAAC,SAASL;QAEjC,OAAO;YACLG,OAAOG,mBAAmB,CAAC,SAASN;QACtC;IACF,GAAG;QAACD;QAAKC;KAAQ;AACnB"}

package/dist/cjs/hooks/useObjectMemo.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["useObjectMemo","object","cache","React","useRef","isEqual","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;sBACC;AAEjB,SAASA,cAAiBC,MAAS;IACxC,MAAMC,QAAQC,OAAMC,MAAM,CAACH;IAC3B,IAAI,CAACI,IAAAA,aAAO,EAACH,MAAMI,OAAO,EAAEL,SAAS;QACnCC,MAAMI,OAAO,GAAGL;IAClB;IACA,OAAOC,MAAMI,OAAO;AACtB"}
+{"version":3,"sources":["../../../src/hooks/useObjectMemo.ts"],"sourcesContent":["import * as React from 'react';\nimport { isEqual } from '@vkontakte/vkjs';\n\nexport function useObjectMemo<T>(object: T): T {\n  const cache = React.useRef(object);\n  if (!isEqual(cache.current, object)) {\n    cache.current = object;\n  }\n  return cache.current;\n}\n"],"names":["useObjectMemo","object","cache","React","useRef","isEqual","current"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;sBACC;AAEjB,SAASA,cAAiBC,MAAS;IACxC,MAAMC,QAAQC,OAAMC,MAAM,CAACH;IAC3B,IAAI,CAACI,IAAAA,aAAO,EAACH,MAAMI,OAAO,EAAEL,SAAS;QACnCC,MAAMI,OAAO,GAAGL;IAClB;IACA,OAAOC,MAAMI,OAAO;AACtB"}

package/dist/cjs/hooks/useOrientationChange.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["useOrientationChange","getOrientation","window","angle","Math","abs","screen","orientation","Number","useDOM","setOrientation","React","useState","useGlobalEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;qBACA;wCACgB;AAIvC;;;CAGC,GACD,SAASC,eAAeC,MAA0B;QAM9C,yCAAyC;IACzCA,4BAAAA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;QAIEA;IAFF,MAAMC,QAAQC,KAAKC,GAAG,CAEpBH,CAAAA,oCAAAA,iBAAAA,OAAOI,MAAM,cAAbJ,sCAAAA,6BAAAA,eAAeK,WAAW,cAA1BL,iDAAAA,2BAA4BC,KAAK,cAAjCD,8CAAAA,mCAAqCM,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAMO,SAASH;IACd,MAAM,EAAEE,MAAM,EAAE,GAAGO,IAAAA,WAAM;IAEzB,MAAM,CAACF,aAAaG,eAAe,GAAGC,OAAMC,QAAQ,CAAC,IAAMX,eAAeC;IAE1EW,IAAAA,8CAAsB,EAACX,QAAQ,qBAAqB,IAAMQ,eAAeT,eAAeC;IAExF,OAAOK;AACT"}
+{"version":3,"sources":["../../../src/hooks/useOrientationChange.ts"],"sourcesContent":["import * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useGlobalEventListener } from './useGlobalEventListener';\n\ntype Orientation = 'portrait' | 'landscape';\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Учитывает особенности API на разных платформах.\n */\nfunction getOrientation(window: Window | undefined): Orientation {\n  if (!window) {\n    return 'portrait';\n  }\n\n  const angle = Math.abs(\n    // eslint-disable-next-line compat/compat\n    window.screen?.orientation?.angle ?? Number(window.orientation),\n  );\n\n  return angle === 90 ? 'landscape' : 'portrait';\n}\n\n/**\n * Возвращает текущую ориентация экрана на человеческом языке.\n * Обновляется при изменении ориентации.\n */\nexport function useOrientationChange(): Orientation {\n  const { window } = useDOM();\n\n  const [orientation, setOrientation] = React.useState(() => getOrientation(window));\n\n  useGlobalEventListener(window, 'orientationchange', () => setOrientation(getOrientation(window)));\n\n  return orientation;\n}\n"],"names":["useOrientationChange","getOrientation","window","angle","Math","abs","screen","orientation","Number","useDOM","setOrientation","React","useState","useGlobalEventListener"],"mappings":";;;;+BA2BgBA;;;eAAAA;;;;iEA3BO;qBACA;wCACgB;AAIvC;;;CAGC,GACD,SAASC,eAAeC,MAA0B;QAM9C,yCAAyC;IACzCA,4BAAAA;IANF,IAAI,CAACA,QAAQ;QACX,OAAO;IACT;QAIEA;IAFF,MAAMC,QAAQC,KAAKC,GAAG,CAEpBH,CAAAA,oCAAAA,iBAAAA,OAAOI,MAAM,cAAbJ,sCAAAA,6BAAAA,eAAeK,WAAW,cAA1BL,iDAAAA,2BAA4BC,KAAK,cAAjCD,8CAAAA,mCAAqCM,OAAON,OAAOK,WAAW;IAGhE,OAAOJ,UAAU,KAAK,cAAc;AACtC;AAMO,SAASH;IACd,MAAM,EAAEE,MAAM,EAAE,GAAGO,IAAAA,WAAM;IAEzB,MAAM,CAACF,aAAaG,eAAe,GAAGC,OAAMC,QAAQ,CAAC,IAAMX,eAAeC;IAE1EW,IAAAA,8CAAsB,EAACX,QAAQ,qBAAqB,IAAMQ,eAAeT,eAAeC;IAExF,OAAOK;AACT"}

package/dist/cjs/hooks/usePagination.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,wEAKvB,kBAAkB,wBAwCoC,CAAC"}
+{"version":3,"file":"usePagination.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePagination.ts"],"names":[],"mappings":"AAIA,UAAU,kBAAkB;IAC1B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB;;OAEG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,kBAAkB,GAAG,gBAAgB,GAAG,cAAc,GAAG,MAAM,CAAC;AAE5E,MAAM,MAAM,mBAAmB,GAAG,kBAAkB,EAAE,CAAC;AAEvD;;;;;;;;;;;GAWG;AACH,eAAO,MAAM,aAAa,wEAKvB,kBAAkB,KAAQ,mBAwC4B,CAAC"}

package/dist/cjs/hooks/usePagination.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuCaA;;;eAAAA;;;;iEAvCU;sBACD;uBACS;AAqCxB,MAAMA,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBC,OAAMC,OAAO,CAAC;QACZ,MAAMC,aAAaC,IAAAA,qBAAc,EAAC,GAAGC,KAAKC,GAAG,CAACR,eAAeE;QAC7D,MAAMO,WAAWH,IAAAA,qBAAc,EAC7BC,KAAKG,GAAG,CAACR,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMS,mCAAmCT,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMa,gBAAgBC,IAAAA,WAAK,EACzBf,cAAcC,cACdC,gBAAgB,GAChBW;QAGF,MAAMG,kCAAkCd,gBAAgB,IAAI,IAAID;QAChE,MAAMgB,cAAcR,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACZ,cAAcC,cAAce,kCACrCL,SAASO,MAAM,GAAG,IAAIP,QAAQ,CAAC,EAAE,GAAG,IAAIP,UAAU;QAGpD,MAAMe,QAA6BZ;QAEnC,IAAIO,gBAAgBZ,gBAAgB,GAAG;YACrCiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIlB,gBAAgB,IAAIE,UAAUF,eAAe;YACtDiB,MAAMC,IAAI,CAAClB,gBAAgB;QAC7B;QAEAiB,MAAMC,IAAI,IAAIZ,IAAAA,qBAAc,EAACM,eAAeG;QAE5C,IAAIA,cAAcb,UAAUF,gBAAgB,GAAG;YAC7CiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIhB,UAAUF,gBAAgBA,eAAe;YAClDiB,MAAMC,IAAI,CAAChB,UAAUF;QACvB;QAEAiB,MAAMC,IAAI,IAAIT;QAEd,OAAOQ;IACT,GAAG;QAACnB;QAAaI;QAASH;QAAcC;KAAc"}
+{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","React","useMemo","startPages","rangeIncrement","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","clamp","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"mappings":";;;;+BAuCaA;;;eAAAA;;;;iEAvCU;sBACD;uBACS;AAqCxB,MAAMA,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBC,OAAMC,OAAO,CAAC;QACZ,MAAMC,aAAaC,IAAAA,qBAAc,EAAC,GAAGC,KAAKC,GAAG,CAACR,eAAeE;QAC7D,MAAMO,WAAWH,IAAAA,qBAAc,EAC7BC,KAAKG,GAAG,CAACR,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMS,mCAAmCT,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMa,gBAAgBC,IAAAA,WAAK,EACzBf,cAAcC,cACdC,gBAAgB,GAChBW;QAGF,MAAMG,kCAAkCd,gBAAgB,IAAI,IAAID;QAChE,MAAMgB,cAAcR,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACZ,cAAcC,cAAce,kCACrCL,SAASO,MAAM,GAAG,IAAIP,QAAQ,CAAC,EAAE,GAAG,IAAIP,UAAU;QAGpD,MAAMe,QAA6BZ;QAEnC,IAAIO,gBAAgBZ,gBAAgB,GAAG;YACrCiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIlB,gBAAgB,IAAIE,UAAUF,eAAe;YACtDiB,MAAMC,IAAI,CAAClB,gBAAgB;QAC7B;QAEAiB,MAAMC,IAAI,IAAIZ,IAAAA,qBAAc,EAACM,eAAeG;QAE5C,IAAIA,cAAcb,UAAUF,gBAAgB,GAAG;YAC7CiB,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIhB,UAAUF,gBAAgBA,eAAe;YAClDiB,MAAMC,IAAI,CAAChB,UAAUF;QACvB;QAEAiB,MAAMC,IAAI,IAAIT;QAEd,OAAOQ;IACT,GAAG;QAACnB;QAAaI;QAASH;QAAcC;KAAc"}

package/dist/cjs/hooks/usePatchChildren.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"usePatchChildren.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePatchChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAC/E,KAAK,CAAC,UAAU,GAAG;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEJ,KAAK,oBAAoB,CAAC,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F,KAAK,eAAe,CAAC,CAAC,IAClB,oBAAoB,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,aAAa,GACnB,KAAK,CAAC,WAAW,GACjB,OAAO,GACP,IAAI,GACJ,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,gBAAgB,6DAChB,gBAAgB,WAAW,CAAC,gBACzB,YAAY,WAAW,CAAC,cAC1B,MAAM,GAAG,CAAC,WAAW,CAAC,KACjC,CAAC,MAAM,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,gBAAgB,WAAW,CAAC,GAAG,SAAS,CAsCvF,CAAC"}
+{"version":3,"file":"usePatchChildren.d.ts","sourceRoot":"","sources":["../../../src/hooks/usePatchChildren.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,UAAU,CAAC;AAM3C,KAAK,WAAW,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EAAE,MAAM,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,GAC/E,KAAK,CAAC,UAAU,GAAG;IACjB,GAAG,CAAC,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC;CACpB,CAAC;AAEJ,KAAK,oBAAoB,CAAC,CAAC,IAAI,KAAK,CAAC,YAAY,CAAC,UAAU,CAAC,CAAC,CAAC,GAAG,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC;AAE1F,KAAK,eAAe,CAAC,CAAC,IAClB,oBAAoB,CAAC,CAAC,CAAC,GACvB,KAAK,CAAC,SAAS,GACf,KAAK,CAAC,aAAa,GACnB,KAAK,CAAC,WAAW,GACjB,OAAO,GACP,IAAI,GACJ,SAAS,CAAC;AAEd;;;;;;;;;;;;;;;;;;;;;;;;GAwBG;AACH,eAAO,MAAM,gBAAgB,GAAI,WAAW,SAAS,WAAW,2BACnD,eAAe,CAAC,WAAW,CAAC,gBACzB,WAAW,CAAC,WAAW,CAAC,cAC1B,KAAK,CAAC,GAAG,CAAC,WAAW,CAAC,KACjC,CAAC,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAAE,eAAe,CAAC,WAAW,CAAC,GAAG,SAAS,CAsCvF,CAAC"}

package/dist/cjs/hooks/usePatchChildren.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePatchChildren.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport {\n  isDOMTypeElement,\n  isForwardRefElement,\n  isValidNotReactFragmentElement,\n} from '../lib/utils';\nimport { warnOnce } from '../lib/warnOnce';\nimport type { HasRootRef } from '../types';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\nconst warn = warnOnce('usePatchChildrenRef');\n\ntype InjectProps<T> = Omit<React.HTMLAttributes<T>, keyof React.DOMAttributes<T>> &\n  React.Attributes & {\n    ref?: React.Ref<T>;\n  };\n\ntype ExpectedReactElement<T> = React.ReactElement<HasRootRef<T> & React.DOMAttributes<T>>;\n\ntype ChildrenElement<T> =\n  | ExpectedReactElement<T>\n  | React.ReactText\n  | React.ReactFragment\n  | React.ReactPortal\n  | boolean\n  | null\n  | undefined;\n\n/**\n * Функция пытается прокинуть в переданный React-элемент хук для получения его ссылки на DOM этого\n * элемента.\n *\n * @param children\n * @param injectProps\n * @param externRef – полезен когда нужно прокинуть `ref` элементу выше.\n *\n * 👎 Без параметра `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children);\n * React.useLayoutEffect(() => {\n *   ref.current = childRef.current; // или ref.current(childRef.current)\n * }, [childRef]);\n * ```\n *\n * 👍 С параметром `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children, undefined, ref);\n * ```\n *\n * @private\n */\nexport const usePatchChildren = <ElementType extends HTMLElement = HTMLElement>(\n  children?: ChildrenElement<ElementType>,\n  injectProps?: InjectProps<ElementType>,\n  externRef?: React.Ref<ElementType>,\n): [React.MutableRefObject<ElementType | null>, ChildrenElement<ElementType> | undefined] => {\n  const isValidElementResult = isValidNotReactFragmentElement(children);\n  const isDOMTypeElementResult =\n    isValidElementResult &&\n    isDOMTypeElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const isForwardedRefElementResult =\n    isValidElementResult &&\n    isForwardRefElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const shouldUseRef = isDOMTypeElementResult || isForwardedRefElementResult;\n\n  const childRef = useExternRef<ElementType>(\n    shouldUseRef ? children.ref : isValidElementResult ? children.props.getRootRef : undefined,\n    externRef,\n  );\n\n  const mergedEventsByInjectProps = getMergedSameEventsByProps(\n    injectProps ? injectProps : {},\n    isValidElementResult ? children.props : {},\n  );\n\n  const props = shouldUseRef\n    ? { ref: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : isValidElementResult\n    ? { getRootRef: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : undefined;\n\n  useEffectDev(() => {\n    if (!childRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [isValidElementResult ? children.type : null, childRef]);\n\n  return [childRef, isValidElementResult ? React.cloneElement(children, props) : children];\n};\n"],"names":["usePatchChildren","warn","warnOnce","children","injectProps","externRef","isValidElementResult","isValidNotReactFragmentElement","isDOMTypeElementResult","isDOMTypeElement","isForwardedRefElementResult","isForwardRefElement","shouldUseRef","childRef","useExternRef","ref","props","getRootRef","undefined","mergedEventsByInjectProps","getMergedSameEventsByProps","useEffectDev","current","type","React","cloneElement"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAuDaA;;;eAAAA;;;;;iEAvDU;4CACoB;uBAKpC;0BACkB;8BAEI;8BACA;AAE7B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AA2Cf,MAAMF,mBAAmB,CAC9BG,UACAC,aACAC;IAEA,MAAMC,uBAAuBC,IAAAA,qCAA8B,EAACJ;IAC5D,MAAMK,yBACJF,wBACAG,IAAAA,uBAAgB,EAAiDN;IAEnE,MAAMO,8BACJJ,wBACAK,IAAAA,0BAAmB,EAAiDR;IAEtE,MAAMS,eAAeJ,0BAA0BE;IAE/C,MAAMG,WAAWC,IAAAA,0BAAY,EAC3BF,eAAeT,SAASY,GAAG,GAAGT,uBAAuBH,SAASa,KAAK,CAACC,UAAU,GAAGC,WACjFb;IAGF,MAAMc,4BAA4BC,IAAAA,sDAA0B,EAC1DhB,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASa,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQJ,eACV;QAAEG,KAAKF;OAAaT,aAAgBe,6BACpCb,uBACA;QAAEW,YAAYJ;OAAaT,aAAgBe,6BAC3CD;IAEJG,IAAAA,0BAAY,EAAC;QACX,IAAI,CAACR,SAASS,OAAO,EAAE;YACrBrB,KACE,4JACA;QAEJ;IACF,GAAG;QAACK,uBAAuBH,SAASoB,IAAI,GAAG;QAAMV;KAAS;IAE1D,OAAO;QAACA;QAAUP,uBAAuBkB,OAAMC,YAAY,CAACtB,UAAUa,SAASb;KAAS;AAC1F"}
+{"version":3,"sources":["../../../src/hooks/usePatchChildren.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport {\n  isDOMTypeElement,\n  isForwardRefElement,\n  isValidNotReactFragmentElement,\n} from '../lib/utils';\nimport { warnOnce } from '../lib/warnOnce';\nimport type { HasRootRef } from '../types';\nimport { useEffectDev } from './useEffectDev';\nimport { useExternRef } from './useExternRef';\n\nconst warn = warnOnce('usePatchChildrenRef');\n\ntype InjectProps<T> = Omit<React.HTMLAttributes<T>, keyof React.DOMAttributes<T>> &\n  React.Attributes & {\n    ref?: React.Ref<T>;\n  };\n\ntype ExpectedReactElement<T> = React.ReactElement<HasRootRef<T> & React.DOMAttributes<T>>;\n\ntype ChildrenElement<T> =\n  | ExpectedReactElement<T>\n  | React.ReactText\n  | React.ReactFragment\n  | React.ReactPortal\n  | boolean\n  | null\n  | undefined;\n\n/**\n * Функция пытается прокинуть в переданный React-элемент хук для получения его ссылки на DOM этого\n * элемента.\n *\n * @param children\n * @param injectProps\n * @param externRef – полезен когда нужно прокинуть `ref` элементу выше.\n *\n * 👎 Без параметра `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children);\n * React.useLayoutEffect(() => {\n *   ref.current = childRef.current; // или ref.current(childRef.current)\n * }, [childRef]);\n * ```\n *\n * 👍 С параметром `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildrenRef(children, undefined, ref);\n * ```\n *\n * @private\n */\nexport const usePatchChildren = <ElementType extends HTMLElement = HTMLElement>(\n  children?: ChildrenElement<ElementType>,\n  injectProps?: InjectProps<ElementType>,\n  externRef?: React.Ref<ElementType>,\n): [React.MutableRefObject<ElementType | null>, ChildrenElement<ElementType> | undefined] => {\n  const isValidElementResult = isValidNotReactFragmentElement(children);\n  const isDOMTypeElementResult =\n    isValidElementResult &&\n    isDOMTypeElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const isForwardedRefElementResult =\n    isValidElementResult &&\n    isForwardRefElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const shouldUseRef = isDOMTypeElementResult || isForwardedRefElementResult;\n\n  const childRef = useExternRef<ElementType>(\n    shouldUseRef ? children.ref : isValidElementResult ? children.props.getRootRef : undefined,\n    externRef,\n  );\n\n  const mergedEventsByInjectProps = getMergedSameEventsByProps(\n    injectProps ? injectProps : {},\n    isValidElementResult ? children.props : {},\n  );\n\n  const props = shouldUseRef\n    ? { ref: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : isValidElementResult\n      ? { getRootRef: childRef, ...injectProps, ...mergedEventsByInjectProps }\n      : undefined;\n\n  useEffectDev(() => {\n    if (!childRef.current) {\n      warn(\n        'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n        'error',\n      );\n    }\n  }, [isValidElementResult ? children.type : null, childRef]);\n\n  return [childRef, isValidElementResult ? React.cloneElement(children, props) : children];\n};\n"],"names":["usePatchChildren","warn","warnOnce","children","injectProps","externRef","isValidElementResult","isValidNotReactFragmentElement","isDOMTypeElementResult","isDOMTypeElement","isForwardedRefElementResult","isForwardRefElement","shouldUseRef","childRef","useExternRef","ref","props","getRootRef","undefined","mergedEventsByInjectProps","getMergedSameEventsByProps","useEffectDev","current","type","React","cloneElement"],"mappings":";;;;+BAuDaA;;;eAAAA;;;;;iEAvDU;4CACoB;uBAKpC;0BACkB;8BAEI;8BACA;AAE7B,MAAMC,OAAOC,IAAAA,kBAAQ,EAAC;AA2Cf,MAAMF,mBAAmB,CAC9BG,UACAC,aACAC;IAEA,MAAMC,uBAAuBC,IAAAA,qCAA8B,EAACJ;IAC5D,MAAMK,yBACJF,wBACAG,IAAAA,uBAAgB,EAAiDN;IAEnE,MAAMO,8BACJJ,wBACAK,IAAAA,0BAAmB,EAAiDR;IAEtE,MAAMS,eAAeJ,0BAA0BE;IAE/C,MAAMG,WAAWC,IAAAA,0BAAY,EAC3BF,eAAeT,SAASY,GAAG,GAAGT,uBAAuBH,SAASa,KAAK,CAACC,UAAU,GAAGC,WACjFb;IAGF,MAAMc,4BAA4BC,IAAAA,sDAA0B,EAC1DhB,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASa,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQJ,eACV;QAAEG,KAAKF;OAAaT,aAAgBe,6BACpCb,uBACE;QAAEW,YAAYJ;OAAaT,aAAgBe,6BAC3CD;IAENG,IAAAA,0BAAY,EAAC;QACX,IAAI,CAACR,SAASS,OAAO,EAAE;YACrBrB,KACE,4JACA;QAEJ;IACF,GAAG;QAACK,uBAAuBH,SAASoB,IAAI,GAAG;QAAMV;KAAS;IAE1D,OAAO;QAACA;QAAUP,uBAAuBkB,OAAMC,YAAY,CAACtB,UAAUa,SAASb;KAAS;AAC1F"}

package/dist/cjs/hooks/usePlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"names":["usePlatform","platform","useConfigProvider"],"rangeMappings":";;;;;;;;;;;;;;","mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;AAG3B,SAASA;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;IAEtC,OAAOD;AACT"}
+{"version":3,"sources":["../../../src/hooks/usePlatform.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { PlatformType } from '../lib/platform';\n\nexport function usePlatform(): PlatformType {\n  const { platform } = useConfigProvider();\n\n  return platform;\n}\n"],"names":["usePlatform","platform","useConfigProvider"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;AAG3B,SAASA;IACd,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;IAEtC,OAAOD;AACT"}

package/dist/cjs/hooks/usePrevious.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"rangeMappings":";;;;;;;;;;;;;;;;;;","mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,YAAeC,KAAQ;IACrC,MAAMC,MAAMC,OAAMC,MAAM;IAExBD,OAAME,SAAS,CAAC;QACdH,IAAII,OAAO,GAAGL;IAChB;IAEA,OAAOC,IAAII,OAAO;AACpB"}
+{"version":3,"sources":["../../../src/hooks/usePrevious.ts"],"sourcesContent":["import * as React from 'react';\n\nexport function usePrevious<T>(value: T): T | undefined {\n  const ref = React.useRef<T | undefined>();\n\n  React.useEffect(() => {\n    ref.current = value;\n  });\n\n  return ref.current;\n}\n"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;+BAEgBA;;;eAAAA;;;;iEAFO;AAEhB,SAASA,YAAeC,KAAQ;IACrC,MAAMC,MAAMC,OAAMC,MAAM;IAExBD,OAAME,SAAS,CAAC;QACdH,IAAII,OAAO,GAAGL;IAChB;IAEA,OAAOC,IAAII,OAAO;AACpB"}

package/dist/cjs/hooks/useResizeObserver.d.ts

@@ -2,5 +2,5 @@ import * as React from 'react';
 /**
  * Хук вызывает переданный коллбэк при изменении размеров элемента.
  */
-export declare function useResizeObserver(ref: React.MutableRefObject<HTMLElement | null>, callback: (element: HTMLElement) => void): void;
+export declare function useResizeObserver(ref: React.MutableRefObject<HTMLElement | null> | React.RefObject<HTMLElement | null> | null, callback: (element: HTMLElement) => void): void;
 //# sourceMappingURL=useResizeObserver.d.ts.map

package/dist/cjs/hooks/useResizeObserver.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,EAC/C,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAmBzC"}
+{"version":3,"file":"useResizeObserver.d.ts","sourceRoot":"","sources":["../../../src/hooks/useResizeObserver.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B;;GAEG;AACH,wBAAgB,iBAAiB,CAC/B,GAAG,EAAE,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,EAC5F,QAAQ,EAAE,CAAC,OAAO,EAAE,WAAW,KAAK,IAAI,QAmBzC"}

package/dist/cjs/hooks/useResizeObserver.js

@@ -11,12 +11,11 @@ Object.defineProperty(exports, "useResizeObserver", {
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _customResizeObserver = require("../lib/floating/customResizeObserver");
-const _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 const _useStableCallback = require("./useStableCallback");
 function useResizeObserver(ref, callback) {
     const stableCallback = (0, _useStableCallback.useStableCallback)(callback);
-    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(function addResizeObserverHandler() {
-        /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */ if (!ref.current) {
+    (0, _react.useEffect)(function addResizeObserverHandler() {
+        /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */ if (!ref || !ref.current) {
             return;
         }
         const element = ref.current;
@@ -25,7 +24,8 @@ function useResizeObserver(ref, callback) {
         observer.appendToTheDOM();
         return ()=>observer.disconnect();
     }, [
-        ref
+        ref,
+        stableCallback
     ]);
 }
 

package/dist/cjs/hooks/useResizeObserver.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import * as React from 'react';\nimport { CustomResizeObserver } from '../lib/floating/customResizeObserver';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { useStableCallback } from './useStableCallback';\n\n/**\n * Хук вызывает переданный коллбэк при изменении размеров элемента.\n */\nexport function useResizeObserver(\n  ref: React.MutableRefObject<HTMLElement | null>,\n  callback: (element: HTMLElement) => void,\n) {\n  const stableCallback = useStableCallback(callback);\n\n  useIsomorphicLayoutEffect(\n    function addResizeObserverHandler() {\n      /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n      if (!ref.current) {\n        return;\n      }\n      const element = ref.current;\n      const observer = new CustomResizeObserver(() => stableCallback(element));\n      observer.observe(element);\n      observer.appendToTheDOM();\n\n      return () => observer.disconnect();\n    },\n    [ref],\n  );\n}\n"],"names":["useResizeObserver","ref","callback","stableCallback","useStableCallback","useIsomorphicLayoutEffect","addResizeObserverHandler","current","element","observer","CustomResizeObserver","observe","appendToTheDOM","disconnect"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAQgBA;;;eAAAA;;;;iEARO;sCACc;2CACK;mCACR;AAK3B,SAASA,kBACdC,GAA+C,EAC/CC,QAAwC;IAExC,MAAMC,iBAAiBC,IAAAA,oCAAiB,EAACF;IAEzCG,IAAAA,oDAAyB,EACvB,SAASC;QACP,6EAA6E,GAC7E,IAAI,CAACL,IAAIM,OAAO,EAAE;YAChB;QACF;QACA,MAAMC,UAAUP,IAAIM,OAAO;QAC3B,MAAME,WAAW,IAAIC,0CAAoB,CAAC,IAAMP,eAAeK;QAC/DC,SAASE,OAAO,CAACH;QACjBC,SAASG,cAAc;QAEvB,OAAO,IAAMH,SAASI,UAAU;IAClC,GACA;QAACZ;KAAI;AAET"}
+{"version":3,"sources":["../../../src/hooks/useResizeObserver.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport * as React from 'react';\nimport { CustomResizeObserver } from '../lib/floating/customResizeObserver';\nimport { useStableCallback } from './useStableCallback';\n\n/**\n * Хук вызывает переданный коллбэк при изменении размеров элемента.\n */\nexport function useResizeObserver(\n  ref: React.MutableRefObject<HTMLElement | null> | React.RefObject<HTMLElement | null> | null,\n  callback: (element: HTMLElement) => void,\n) {\n  const stableCallback = useStableCallback(callback);\n\n  useEffect(\n    function addResizeObserverHandler() {\n      /* istanbul ignore if: невозможный кейс (в SSR вызова этой функции не будет) */\n      if (!ref || !ref.current) {\n        return;\n      }\n      const element = ref.current;\n      const observer = new CustomResizeObserver(() => stableCallback(element));\n      observer.observe(element);\n      observer.appendToTheDOM();\n\n      return () => observer.disconnect();\n    },\n    [ref, stableCallback],\n  );\n}\n"],"names":["useResizeObserver","ref","callback","stableCallback","useStableCallback","useEffect","addResizeObserverHandler","current","element","observer","CustomResizeObserver","observe","appendToTheDOM","disconnect"],"mappings":";;;;+BAQgBA;;;eAAAA;;;;iEARU;sCAEW;mCACH;AAK3B,SAASA,kBACdC,GAA4F,EAC5FC,QAAwC;IAExC,MAAMC,iBAAiBC,IAAAA,oCAAiB,EAACF;IAEzCG,IAAAA,gBAAS,EACP,SAASC;QACP,6EAA6E,GAC7E,IAAI,CAACL,OAAO,CAACA,IAAIM,OAAO,EAAE;YACxB;QACF;QACA,MAAMC,UAAUP,IAAIM,OAAO;QAC3B,MAAME,WAAW,IAAIC,0CAAoB,CAAC,IAAMP,eAAeK;QAC/DC,SAASE,OAAO,CAACH;QACjBC,SAASG,cAAc;QAEvB,OAAO,IAAMH,SAASI,UAAU;IAClC,GACA;QAACZ;QAAKE;KAAe;AAEzB"}

package/dist/cjs/hooks/useStableCallback.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useStableCallback<\n  Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown,\n>(fn: Fn): Fn;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args: Args) => (0, ref.current)(...args)).current;\n}\n"],"names":["useStableCallback","fn","ref","React","useRef","useIsomorphicLayoutEffect","current","args"],"rangeMappings":";;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAYgBA;;;eAAAA;;;;iEAZO;2CACmB;AAWnC,SAASA,kBACdC,EAA6B;IAE7B,MAAMC,MAAMC,OAAMC,MAAM,CAACH;IACzBI,IAAAA,oDAAyB,EAAC;QACxBH,IAAII,OAAO,GAAGL;IAChB;IACA,OAAOE,OAAMC,MAAM,CAAC,CAAC,GAAGG,OAAe,AAAC,CAAA,GAAGL,IAAII,OAAO,AAAD,KAAMC,OAAOD,OAAO;AAC3E"}
+{"version":3,"sources":["../../../src/hooks/useStableCallback.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\n/**\n * Inspired by https://github.com/facebook/react/issues/14099#issuecomment-440013892\n */\nexport function useStableCallback<\n  Fn extends (...args: any[]) => any = (...args: unknown[]) => unknown,\n>(fn: Fn): Fn;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return;\nexport function useStableCallback<Args extends unknown[], Return>(\n  fn: (...args: Args) => Return,\n): (...args: Args) => Return {\n  const ref = React.useRef(fn);\n  useIsomorphicLayoutEffect(() => {\n    ref.current = fn;\n  });\n  return React.useRef((...args: Args) => (0, ref.current)(...args)).current;\n}\n"],"names":["useStableCallback","fn","ref","React","useRef","useIsomorphicLayoutEffect","current","args"],"mappings":";;;;+BAYgBA;;;eAAAA;;;;iEAZO;2CACmB;AAWnC,SAASA,kBACdC,EAA6B;IAE7B,MAAMC,MAAMC,OAAMC,MAAM,CAACH;IACzBI,IAAAA,oDAAyB,EAAC;QACxBH,IAAII,OAAO,GAAGL;IAChB;IACA,OAAOE,OAAMC,MAAM,CAAC,CAAC,GAAGG,OAAe,AAAC,CAAA,GAAGL,IAAII,OAAO,AAAD,KAAMC,OAAOD,OAAO;AAC3E"}

package/dist/cjs/hooks/useTodayDate.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMillisecondsToTomorrow, isSameDay } from '../lib/date';\nimport { useDOM } from '../lib/dom';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const { document, window } = useDOM();\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate || !document || !window) {\n      return;\n    }\n\n    let timeout: number | undefined = undefined;\n\n    const recalcTimeout = () => {\n      if (document.visibilityState === 'visible') {\n        const now = new Date();\n\n        const timeToDayChange = getMillisecondsToTomorrow(now);\n\n        // Удаляем старый таймаут\n        window.clearTimeout(timeout);\n\n        // Создаем новый таймаут\n        timeout = window.setTimeout(() => {\n          setTodayDate(now);\n        }, timeToDayChange);\n\n        // Если todayDate не обновился в таймаут - обновить при заходе на вкладку\n        if (!isSameDay(todayDate, now)) {\n          setTodayDate(now);\n        }\n      }\n    };\n\n    recalcTimeout();\n\n    // Создаем слушатель visibilitychange, чтобы предотвратить пропуск обновления стейта после заморозки вкладки\n    // Если человек ее долго не трогал или закрывал крышку ноута и тп\n    // https://developer.chrome.com/blog/page-lifecycle-api/\n    document.addEventListener('visibilitychange', recalcTimeout);\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('visibilitychange', recalcTimeout);\n    };\n  }, [document, listenDayChangesForUpdate, todayDate, window]);\n\n  return todayDate;\n}\n"],"names":["useTodayDate","listenDayChangesForUpdate","document","window","useDOM","todayDate","setTodayDate","React","useState","Date","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","getMillisecondsToTomorrow","clearTimeout","setTimeout","isSameDay","addEventListener","removeEventListener"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAagBA;;;eAAAA;;;;iEAbO;sBAC8B;qBAC9B;AAWhB,SAASA,aAAaC,4BAA4B,KAAK;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,IAAAA,WAAM;IACnC,MAAM,CAACC,WAAWC,aAAa,GAAGC,OAAMC,QAAQ,CAAC,IAAM,IAAIC;IAE3DF,OAAMG,SAAS,CAAC;QACd,IAAI,CAACT,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIQ,UAA8BC;QAElC,MAAMC,gBAAgB;YACpB,IAAIX,SAASY,eAAe,KAAK,WAAW;gBAC1C,MAAMC,MAAM,IAAIN;gBAEhB,MAAMO,kBAAkBC,IAAAA,+BAAyB,EAACF;gBAElD,yBAAyB;gBACzBZ,OAAOe,YAAY,CAACP;gBAEpB,wBAAwB;gBACxBA,UAAUR,OAAOgB,UAAU,CAAC;oBAC1Bb,aAAaS;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAACI,IAAAA,eAAS,EAACf,WAAWU,MAAM;oBAC9BT,aAAaS;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDX,SAASmB,gBAAgB,CAAC,oBAAoBR;QAE9C,OAAO;YACLV,OAAOe,YAAY,CAACP;YACpBT,SAASoB,mBAAmB,CAAC,oBAAoBT;QACnD;IACF,GAAG;QAACX;QAAUD;QAA2BI;QAAWF;KAAO;IAE3D,OAAOE;AACT"}
+{"version":3,"sources":["../../../src/hooks/useTodayDate.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMillisecondsToTomorrow, isSameDay } from '../lib/date';\nimport { useDOM } from '../lib/dom';\n\n/**\n * Опционально обновляемая дата сегодняшнего дня\n *\n * Дата - сегодня (в соответствии с системным временем)\n *\n * Часы, минуты, секунды, миллисекунды - произвольные\n *\n * @param listenDayChangesForUpdate - флаг по которому определяется, будет ли создаваться подписка на смену календарного дня\n */\nexport function useTodayDate(listenDayChangesForUpdate = false) {\n  const { document, window } = useDOM();\n  const [todayDate, setTodayDate] = React.useState(() => new Date());\n\n  React.useEffect(() => {\n    if (!listenDayChangesForUpdate || !document || !window) {\n      return;\n    }\n\n    let timeout: number | undefined = undefined;\n\n    const recalcTimeout = () => {\n      if (document.visibilityState === 'visible') {\n        const now = new Date();\n\n        const timeToDayChange = getMillisecondsToTomorrow(now);\n\n        // Удаляем старый таймаут\n        window.clearTimeout(timeout);\n\n        // Создаем новый таймаут\n        timeout = window.setTimeout(() => {\n          setTodayDate(now);\n        }, timeToDayChange);\n\n        // Если todayDate не обновился в таймаут - обновить при заходе на вкладку\n        if (!isSameDay(todayDate, now)) {\n          setTodayDate(now);\n        }\n      }\n    };\n\n    recalcTimeout();\n\n    // Создаем слушатель visibilitychange, чтобы предотвратить пропуск обновления стейта после заморозки вкладки\n    // Если человек ее долго не трогал или закрывал крышку ноута и тп\n    // https://developer.chrome.com/blog/page-lifecycle-api/\n    document.addEventListener('visibilitychange', recalcTimeout);\n\n    return () => {\n      window.clearTimeout(timeout);\n      document.removeEventListener('visibilitychange', recalcTimeout);\n    };\n  }, [document, listenDayChangesForUpdate, todayDate, window]);\n\n  return todayDate;\n}\n"],"names":["useTodayDate","listenDayChangesForUpdate","document","window","useDOM","todayDate","setTodayDate","React","useState","Date","useEffect","timeout","undefined","recalcTimeout","visibilityState","now","timeToDayChange","getMillisecondsToTomorrow","clearTimeout","setTimeout","isSameDay","addEventListener","removeEventListener"],"mappings":";;;;+BAagBA;;;eAAAA;;;;iEAbO;sBAC8B;qBAC9B;AAWhB,SAASA,aAAaC,4BAA4B,KAAK;IAC5D,MAAM,EAAEC,QAAQ,EAAEC,MAAM,EAAE,GAAGC,IAAAA,WAAM;IACnC,MAAM,CAACC,WAAWC,aAAa,GAAGC,OAAMC,QAAQ,CAAC,IAAM,IAAIC;IAE3DF,OAAMG,SAAS,CAAC;QACd,IAAI,CAACT,6BAA6B,CAACC,YAAY,CAACC,QAAQ;YACtD;QACF;QAEA,IAAIQ,UAA8BC;QAElC,MAAMC,gBAAgB;YACpB,IAAIX,SAASY,eAAe,KAAK,WAAW;gBAC1C,MAAMC,MAAM,IAAIN;gBAEhB,MAAMO,kBAAkBC,IAAAA,+BAAyB,EAACF;gBAElD,yBAAyB;gBACzBZ,OAAOe,YAAY,CAACP;gBAEpB,wBAAwB;gBACxBA,UAAUR,OAAOgB,UAAU,CAAC;oBAC1Bb,aAAaS;gBACf,GAAGC;gBAEH,yEAAyE;gBACzE,IAAI,CAACI,IAAAA,eAAS,EAACf,WAAWU,MAAM;oBAC9BT,aAAaS;gBACf;YACF;QACF;QAEAF;QAEA,4GAA4G;QAC5G,iEAAiE;QACjE,wDAAwD;QACxDX,SAASmB,gBAAgB,CAAC,oBAAoBR;QAE9C,OAAO;YACLV,OAAOe,YAAY,CAACP;YACpBT,SAASoB,mBAAmB,CAAC,oBAAoBT;QACnD;IACF,GAAG;QAACX;QAAUD;QAA2BI;QAAWF;KAAO;IAE3D,OAAOE;AACT"}

package/dist/cjs/hooks/useWaitTransitionFinish.d.ts

@@ -1,4 +1,2 @@
-export declare const useWaitTransitionFinish: () => {
-    waitTransitionFinish: (element: HTMLElement | undefined | null, eventHandler: VoidFunction, durationFallback: number) => void;
-};
+export declare const useWaitTransitionFinish: () => (element: HTMLElement | undefined | null, eventHandler: VoidFunction, durationFallback: number) => void;
 //# sourceMappingURL=useWaitTransitionFinish.d.ts.map

package/dist/cjs/hooks/useWaitTransitionFinish.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useWaitTransitionFinish.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":[],"mappings":"AAKA,eAAO,MAAM,uBAAuB;oCAYrB,WAAW,GAAG,SAAS,GAAG,IAAI,gBACzB,YAAY,oBACR,MAAM;CAyB7B,CAAC"}
+{"version":3,"file":"useWaitTransitionFinish.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,kBAYrB,WAAW,GAAG,SAAS,GAAG,IAAI,gBACzB,YAAY,oBACR,MAAM,SAqB7B,CAAC"}

package/dist/cjs/hooks/useWaitTransitionFinish.js

@@ -12,7 +12,6 @@ const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildc
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _dom = require("../lib/dom");
-const _supportEvents = require("../lib/supportEvents");
 const useWaitTransitionFinish = ()=>{
     const timeoutRef = _react.useRef(null);
     const { document } = (0, _dom.useDOM)();
@@ -23,13 +22,11 @@ const useWaitTransitionFinish = ()=>{
     }, []);
     const waitTransitionFinish = _react.useCallback((element, eventHandler, durationFallback)=>{
         if (element) {
-            if (!(document === null || document === void 0 ? void 0 : document.hidden) && _supportEvents.transitionEvent.supported && _supportEvents.transitionEvent.name) {
+            if (!(document === null || document === void 0 ? void 0 : document.hidden)) {
                 remove();
-                element.addEventListener(_supportEvents.transitionEvent.name, eventHandler);
+                element.addEventListener('transitionend', eventHandler);
                 detach.current = ()=>{
-                    if (_supportEvents.transitionEvent.name) {
-                        element.removeEventListener(_supportEvents.transitionEvent.name, eventHandler);
-                    }
+                    element.removeEventListener('transitionend', eventHandler);
                 };
             } else {
                 if (timeoutRef === null || timeoutRef === void 0 ? void 0 : timeoutRef.current) {
@@ -43,9 +40,7 @@ const useWaitTransitionFinish = ()=>{
         remove,
         timeoutRef
     ]);
-    return {
-        waitTransitionFinish
-    };
+    return waitTransitionFinish;
 };
 
 //# sourceMappingURL=useWaitTransitionFinish.js.map

package/dist/cjs/hooks/useWaitTransitionFinish.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\nimport { transitionEvent } from '../lib/supportEvents';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | undefined | null,\n      eventHandler: VoidFunction,\n      durationFallback: number,\n    ) => {\n      if (element) {\n        if (!document?.hidden && transitionEvent.supported && transitionEvent.name) {\n          remove();\n          element.addEventListener(transitionEvent.name, eventHandler);\n          detach.current = () => {\n            if (transitionEvent.name) {\n              element.removeEventListener(transitionEvent.name, eventHandler);\n            }\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return {\n    waitTransitionFinish,\n  };\n};\n"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","useDOM","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","transitionEvent","supported","name","addEventListener","removeEventListener","clearTimeout","setTimeout"],"rangeMappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;","mappings":";;;;+BAKaA;;;eAAAA;;;;iEALU;sBACF;qBACE;+BACS;AAEzB,MAAMA,0BAA0B;IACrC,MAAMC,aAAaC,OAAMC,MAAM,CAAuC;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,SAASJ,OAAMC,MAAM,CAACI,UAAI;IAEhC,MAAMC,SAASN,OAAMO,WAAW,CAAC;QAC/BH,OAAOI,OAAO;QACdJ,OAAOI,OAAO,GAAGH,UAAI;IACvB,GAAG,EAAE;IAEL,MAAMI,uBAAuBT,OAAMO,WAAW,CAC5C,CACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,EAACR,qBAAAA,+BAAAA,SAAUW,MAAM,KAAIC,8BAAe,CAACC,SAAS,IAAID,8BAAe,CAACE,IAAI,EAAE;gBAC1EV;gBACAI,QAAQO,gBAAgB,CAACH,8BAAe,CAACE,IAAI,EAAEL;gBAC/CP,OAAOI,OAAO,GAAG;oBACf,IAAIM,8BAAe,CAACE,IAAI,EAAE;wBACxBN,QAAQQ,mBAAmB,CAACJ,8BAAe,CAACE,IAAI,EAAEL;oBACpD;gBACF;YACF,OAAO;gBACL,IAAIZ,uBAAAA,iCAAAA,WAAYS,OAAO,EAAE;oBACvBW,aAAapB,WAAWS,OAAO;gBACjC;gBACAT,WAAWS,OAAO,GAAGY,WAAWT,cAAcC;YAChD;QACF;IACF,GACA;QAACV;QAAUI;QAAQP;KAAW;IAGhC,OAAO;QACLU;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { useDOM } from '../lib/dom';\n\nexport const useWaitTransitionFinish = () => {\n  const timeoutRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const { document } = useDOM();\n  const detach = React.useRef(noop);\n\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n\n  const waitTransitionFinish = React.useCallback(\n    (\n      element: HTMLElement | undefined | null,\n      eventHandler: VoidFunction,\n      durationFallback: number,\n    ) => {\n      if (element) {\n        if (!document?.hidden) {\n          remove();\n          element.addEventListener('transitionend', eventHandler);\n          detach.current = () => {\n            element.removeEventListener('transitionend', eventHandler);\n          };\n        } else {\n          if (timeoutRef?.current) {\n            clearTimeout(timeoutRef.current);\n          }\n          timeoutRef.current = setTimeout(eventHandler, durationFallback);\n        }\n      }\n    },\n    [document, remove, timeoutRef],\n  );\n\n  return waitTransitionFinish;\n};\n"],"names":["useWaitTransitionFinish","timeoutRef","React","useRef","document","useDOM","detach","noop","remove","useCallback","current","waitTransitionFinish","element","eventHandler","durationFallback","hidden","addEventListener","removeEventListener","clearTimeout","setTimeout"],"mappings":";;;;+BAIaA;;;eAAAA;;;;iEAJU;sBACF;qBACE;AAEhB,MAAMA,0BAA0B;IACrC,MAAMC,aAAaC,OAAMC,MAAM,CAAuC;IACtE,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,WAAM;IAC3B,MAAMC,SAASJ,OAAMC,MAAM,CAACI,UAAI;IAEhC,MAAMC,SAASN,OAAMO,WAAW,CAAC;QAC/BH,OAAOI,OAAO;QACdJ,OAAOI,OAAO,GAAGH,UAAI;IACvB,GAAG,EAAE;IAEL,MAAMI,uBAAuBT,OAAMO,WAAW,CAC5C,CACEG,SACAC,cACAC;QAEA,IAAIF,SAAS;YACX,IAAI,EAACR,qBAAAA,+BAAAA,SAAUW,MAAM,GAAE;gBACrBP;gBACAI,QAAQI,gBAAgB,CAAC,iBAAiBH;gBAC1CP,OAAOI,OAAO,GAAG;oBACfE,QAAQK,mBAAmB,CAAC,iBAAiBJ;gBAC/C;YACF,OAAO;gBACL,IAAIZ,uBAAAA,iCAAAA,WAAYS,OAAO,EAAE;oBACvBQ,aAAajB,WAAWS,OAAO;gBACjC;gBACAT,WAAWS,OAAO,GAAGS,WAAWN,cAAcC;YAChD;QACF;IACF,GACA;QAACV;QAAUI;QAAQP;KAAW;IAGhC,OAAOU;AACT"}

package/dist/cjs/index.d.ts

@@ -4,6 +4,7 @@ import './styles/dynamicTokens.css';
 import './styles/focusVisible.module.css';
 import './styles/animationFades.module.css';
 import './styles/transformOriginByPlacement.module.css';
+import './styles/gaps.module.css';
 export { AppRoot } from './components/AppRoot/AppRoot';
 export type { AppRootProps } from './components/AppRoot/AppRoot';
 export type { SafeAreaInsets } from './components/AppRoot/types';
@@ -11,6 +12,8 @@ export type { SafeAreaInsets } from './components/AppRoot/types';
  * Typography
  */
 export type { TypographyProps } from './components/Typography/Typography';
+export { DisplayTitle } from './components/Typography/DisplayTitle/DisplayTitle';
+export type { DisplayTitleProps } from './components/Typography/DisplayTitle/DisplayTitle';
 export { Title } from './components/Typography/Title/Title';
 export type { TitleProps } from './components/Typography/Title/Title';
 export { Headline } from './components/Typography/Headline/Headline';
@@ -80,6 +83,8 @@ export { HorizontalScroll } from './components/HorizontalScroll/HorizontalScroll
 export type { HorizontalScrollProps } from './components/HorizontalScroll/HorizontalScroll';
 export { AspectRatio } from './components/AspectRatio/AspectRatio';
 export type { AspectRatioProps } from './components/AspectRatio/AspectRatio';
+export { Flex } from './components/Flex/Flex';
+export type { FlexProps } from './components/Flex/Flex';
 /**
  * Popouts
  */
@@ -211,6 +216,7 @@ export type { CustomPaginationNavigationButton } from './components/Pagination/P
 export { Accordion } from './components/Accordion/Accordion';
 export type { AccordionProps } from './components/Accordion/Accordion';
 export type { AccordionSummaryProps } from './components/Accordion/AccordionSummary';
+export type { AccordionContentProps } from './components/Accordion/AccordionContent';
 /**
  * Forms
  */
@@ -255,7 +261,7 @@ export type { SelectMimicryProps } from './components/SelectMimicry/SelectMimicr
 export { NativeSelect } from './components/NativeSelect/NativeSelect';
 export type { NativeSelectProps } from './components/NativeSelect/NativeSelect';
 export { CustomSelect } from './components/CustomSelect/CustomSelect';
-export type { SelectProps, CustomSelectOptionInterface, CustomSelectRenderOption, } from './components/CustomSelect/CustomSelect';
+export type { SelectProps, CustomSelectOptionInterface, CustomSelectRenderOption, CustomSelectClearButtonProps, } from './components/CustomSelect/CustomSelect';
 export { CustomSelectOption } from './components/CustomSelectOption/CustomSelectOption';
 export type { CustomSelectOptionProps } from './components/CustomSelectOption/CustomSelectOption';
 export { DatePicker } from './components/DatePicker/DatePicker';