@vkontakte/vkui 6.2.1 → 6.3.0

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev = process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;uBAHa;sBACL;AAEd,MAAMA,eAAeC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}
+{"version":3,"sources":["../../../src/hooks/useEffectDev.ts"],"sourcesContent":["import { useEffect } from 'react';\nimport { noop } from '@vkontakte/vkjs';\n\nexport const useEffectDev: typeof useEffect =\n  process.env.NODE_ENV === 'development' ? useEffect : noop;\n"],"names":["useEffectDev","process","env","NODE_ENV","useEffect","noop"],"mappings":";;;;+BAGaA;;;eAAAA;;;uBAHa;sBACL;AAEd,MAAMA,eACXC,QAAQC,GAAG,CAACC,QAAQ,KAAK,gBAAgBC,gBAAS,GAAGC,UAAI"}

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

@@ -1 +1 @@
-{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAKA,UAAU,mBAAmB;IAC3B,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1E,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,EAC9E,QAAQ,CAAC,EAAE,uBAAuB,GACjC,mBAAmB,CAAC;AACvB,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK,EAC9C,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,EACjD,QAAQ,CAAC,EAAE,uBAAuB,GACjC,mBAAmB,CAAC"}
+{"version":3,"file":"useEventListener.d.ts","sourceRoot":"","sources":["../../../src/hooks/useEventListener.ts"],"names":[],"mappings":"AAIA,UAAU,mBAAmB;IAC3B,GAAG,EAAE,CAAC,EAAE,EAAE,WAAW,GAAG,QAAQ,GAAG,MAAM,KAAK,IAAI,CAAC;IACnD,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAgDD,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,MAAM,2BAA2B,EAC1E,KAAK,EAAE,CAAC,EACR,GAAG,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,2BAA2B,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,EAC9E,QAAQ,CAAC,EAAE,uBAAuB,GACjC,mBAAmB,CAAC;AACvB,wBAAgB,gBAAgB,CAAC,CAAC,SAAS,KAAK,EAC9C,KAAK,EAAE,MAAM,EACb,GAAG,EAAE,KAAK,GAAG,IAAI,GAAG,SAAS,GAAG,CAAC,CAAC,EAAE,EAAE,CAAC,KAAK,IAAI,CAAC,EACjD,QAAQ,CAAC,EAAE,uBAAuB,GACjC,mBAAmB,CAAC"}

package/dist/cjs/hooks/useEventListener.js

@@ -8,52 +8,72 @@ Object.defineProperty(exports, "useEventListener", {
         return useEventListener;
     }
 });
+const _class_private_field_get = require("@swc/helpers/_/_class_private_field_get");
+const _class_private_field_init = require("@swc/helpers/_/_class_private_field_init");
+const _class_private_field_set = require("@swc/helpers/_/_class_private_field_set");
+const _define_property = require("@swc/helpers/_/_define_property");
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _object_spread = require("@swc/helpers/_/_object_spread");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _vkjs = require("@vkontakte/vkjs");
 const _dom = require("../lib/dom");
-const _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
-function useEventListener(event, _cb, _options) {
-    const cbRef = _react.useRef(_cb);
-    (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(()=>{
-        cbRef.current = _cb;
-    }, [
-        _cb
-    ]);
-    const cb = _react.useCallback((e)=>cbRef.current && cbRef.current(e), []);
-    const detach = _react.useRef(_vkjs.noop);
-    const remove = _react.useCallback(()=>{
-        detach.current();
-        detach.current = _vkjs.noop;
-    }, []);
-    const add = _react.useCallback((el)=>{
-        if (!_dom.canUseDOM) {
-            return;
+var _target = /*#__PURE__*/ new WeakMap(), _listener = /*#__PURE__*/ new WeakMap();
+class EventListener {
+    constructor(type, callback, options){
+        _define_property._(this, "callback", _vkjs.noop);
+        _define_property._(this, "options", undefined);
+        _define_property._(this, "eventType", void 0);
+        _class_private_field_init._(this, _target, {
+            writable: true,
+            value: null
+        });
+        _class_private_field_init._(this, _listener, {
+            writable: true,
+            value: (ev)=>{
+                this.callback(ev);
+            }
+        });
+        _define_property._(this, "add", (el)=>{
+            if (!_dom.canUseDOM) {
+                return;
+            }
+            this.remove();
+            if (!el) {
+                return;
+            }
+            el.addEventListener(this.eventType, _class_private_field_get._(this, _listener), this.options);
+            _class_private_field_set._(this, _target, el);
+        });
+        _define_property._(this, "remove", ()=>{
+            if (!_dom.canUseDOM || !_class_private_field_get._(this, _target)) {
+                return;
+            }
+            _class_private_field_get._(this, _target).removeEventListener(this.eventType, _class_private_field_get._(this, _listener), this.options);
+            _class_private_field_set._(this, _target, null);
+        });
+        this.options = options;
+        this.eventType = type;
+        if (callback) {
+            this.callback = callback;
         }
-        remove();
-        if (!el) {
-            return;
+    }
+}
+function useEventListener(event, _cb, _options) {
+    const ref = _react.useRef(null);
+    if (ref.current === null) {
+        ref.current = new EventListener(event, _cb, _options);
+    } else {
+        ref.current.eventType = event;
+        ref.current.options = _options;
+        if (_cb) {
+            ref.current.callback = _cb;
         }
-        const options = _object_spread._({}, _options);
-        el.addEventListener(event, cb, options);
-        detach.current = ()=>el.removeEventListener(event, cb, options);
-    }, [
-        _options,
-        cb,
-        event,
-        remove
-    ]);
-    _react.useEffect(()=>remove, [
-        remove
-    ]);
-    return _react.useMemo(()=>({
-            add,
-            remove
-        }), [
-        add,
-        remove
-    ]);
+    }
+    _react.useEffect(()=>{
+        var _ref_current;
+        const detach = (_ref_current = ref.current) === null || _ref_current === void 0 ? void 0 : _ref_current.remove.bind(ref.current);
+        return detach;
+    }, []);
+    return ref.current;
 }
 
 //# sourceMappingURL=useEventListener.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const cbRef = React.useRef(_cb);\n  useIsomorphicLayoutEffect(() => {\n    cbRef.current = _cb;\n  }, [_cb]);\n  const cb = React.useCallback((e: any) => cbRef.current && cbRef.current(e), []);\n\n  const detach = React.useRef(noop);\n  const remove = React.useCallback(() => {\n    detach.current();\n    detach.current = noop;\n  }, []);\n  const add = React.useCallback(\n    (el: HTMLElement | Document | Window) => {\n      if (!canUseDOM) {\n        return;\n      }\n      remove();\n      if (!el) {\n        return;\n      }\n      const options = { ..._options };\n      el.addEventListener(event, cb, options);\n      detach.current = () => el.removeEventListener(event, cb, options);\n    },\n    [_options, cb, event, remove],\n  );\n  React.useEffect(() => remove, [remove]);\n\n  return React.useMemo(() => ({ add, remove }), [add, remove]);\n}\n"],"names":["useEventListener","event","_cb","_options","cbRef","React","useRef","useIsomorphicLayoutEffect","current","cb","useCallback","e","detach","noop","remove","add","el","canUseDOM","options","addEventListener","removeEventListener","useEffect","useMemo"],"mappings":";;;;+BAoBgBA;;;eAAAA;;;;;iEApBO;sBACF;qBACK;2CACgB;AAiBnC,SAASA,iBACdC,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,QAAQC,OAAMC,MAAM,CAACJ;IAC3BK,IAAAA,oDAAyB,EAAC;QACxBH,MAAMI,OAAO,GAAGN;IAClB,GAAG;QAACA;KAAI;IACR,MAAMO,KAAKJ,OAAMK,WAAW,CAAC,CAACC,IAAWP,MAAMI,OAAO,IAAIJ,MAAMI,OAAO,CAACG,IAAI,EAAE;IAE9E,MAAMC,SAASP,OAAMC,MAAM,CAACO,UAAI;IAChC,MAAMC,SAAST,OAAMK,WAAW,CAAC;QAC/BE,OAAOJ,OAAO;QACdI,OAAOJ,OAAO,GAAGK,UAAI;IACvB,GAAG,EAAE;IACL,MAAME,MAAMV,OAAMK,WAAW,CAC3B,CAACM;QACC,IAAI,CAACC,cAAS,EAAE;YACd;QACF;QACAH;QACA,IAAI,CAACE,IAAI;YACP;QACF;QACA,MAAME,UAAU,qBAAKf;QACrBa,GAAGG,gBAAgB,CAAClB,OAAOQ,IAAIS;QAC/BN,OAAOJ,OAAO,GAAG,IAAMQ,GAAGI,mBAAmB,CAACnB,OAAOQ,IAAIS;IAC3D,GACA;QAACf;QAAUM;QAAIR;QAAOa;KAAO;IAE/BT,OAAMgB,SAAS,CAAC,IAAMP,QAAQ;QAACA;KAAO;IAEtC,OAAOT,OAAMiB,OAAO,CAAC,IAAO,CAAA;YAAEP;YAAKD;QAAO,CAAA,GAAI;QAACC;QAAKD;KAAO;AAC7D"}
+{"version":3,"sources":["../../../src/hooks/useEventListener.ts"],"sourcesContent":["import * as React from 'react';\nimport { noop } from '@vkontakte/vkjs';\nimport { canUseDOM } from '../lib/dom';\n\ninterface EventListenerHandle {\n  add: (el: HTMLElement | Document | Window) => void;\n  remove: () => void;\n}\n\nclass EventListener implements EventListenerHandle {\n  callback: (ev: any) => void = noop;\n  options: AddEventListenerOptions | boolean | undefined = undefined;\n  eventType: string;\n  #target: HTMLElement | Document | Window | null = null;\n\n  constructor(\n    type: string,\n    callback: false | null | undefined | ((ev: any) => void),\n    options?: AddEventListenerOptions | boolean,\n  ) {\n    this.options = options;\n    this.eventType = type;\n\n    if (callback) {\n      this.callback = callback;\n    }\n  }\n\n  readonly #listener = (ev: any) => {\n    this.callback(ev);\n  };\n\n  add = (el: HTMLElement | Document | Window) => {\n    if (!canUseDOM) {\n      return;\n    }\n    this.remove();\n    if (!el) {\n      return;\n    }\n\n    el.addEventListener(this.eventType, this.#listener, this.options);\n    this.#target = el;\n  };\n\n  remove = () => {\n    if (!canUseDOM || !this.#target) {\n      return;\n    }\n\n    this.#target.removeEventListener(this.eventType, this.#listener, this.options);\n    this.#target = null;\n  };\n}\n\nexport function useEventListener<K extends keyof GlobalEventHandlersEventMap>(\n  event: K,\n  _cb: false | null | undefined | ((ev: GlobalEventHandlersEventMap[K]) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event>(\n  event: string,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle;\nexport function useEventListener<E extends Event, K extends keyof GlobalEventHandlersEventMap>(\n  event: string | K,\n  _cb: false | null | undefined | ((ev: E) => void),\n  _options?: AddEventListenerOptions,\n): EventListenerHandle {\n  const ref = React.useRef<EventListener | null>(null);\n  if (ref.current === null) {\n    ref.current = new EventListener(event, _cb, _options);\n  } else {\n    ref.current.eventType = event;\n    ref.current.options = _options;\n\n    if (_cb) {\n      ref.current.callback = _cb;\n    }\n  }\n\n  React.useEffect(() => {\n    const detach = ref.current?.remove.bind(ref.current);\n    return detach;\n  }, []);\n\n  return ref.current;\n}\n"],"names":["useEventListener","EventListener","constructor","type","callback","options","noop","undefined","eventType","ev","add","el","canUseDOM","remove","addEventListener","removeEventListener","event","_cb","_options","ref","React","useRef","current","useEffect","detach","bind"],"mappings":";;;;+BAiEgBA;;;eAAAA;;;;;;;;iEAjEO;sBACF;qBACK;IAWxB,uCAeS;AAnBX,MAAMC;IAMJC,YACEC,IAAY,EACZC,QAAwD,EACxDC,OAA2C,CAC3C;QATFD,yBAAAA,YAA8BE,UAAI;QAClCD,yBAAAA,WAAyDE;QACzDC,yBAAAA,aAAAA,KAAAA;QACA,kCAAA;;mBAAkD;;QAelD,kCAAS;;mBAAY,CAACC;gBACpB,IAAI,CAACL,QAAQ,CAACK;YAChB;;QAEAC,yBAAAA,OAAM,CAACC;YACL,IAAI,CAACC,cAAS,EAAE;gBACd;YACF;YACA,IAAI,CAACC,MAAM;YACX,IAAI,CAACF,IAAI;gBACP;YACF;YAEAA,GAAGG,gBAAgB,CAAC,IAAI,CAACN,SAAS,6BAAE,IAAI,EAAC,YAAW,IAAI,CAACH,OAAO;6CAC3D,SAAUM;QACjB;QAEAE,yBAAAA,UAAS;YACP,IAAI,CAACD,cAAS,IAAI,4BAAC,IAAI,EAAC,UAAS;gBAC/B;YACF;YAEA,2BAAA,IAAI,EAAC,SAAQG,mBAAmB,CAAC,IAAI,CAACP,SAAS,6BAAE,IAAI,EAAC,YAAW,IAAI,CAACH,OAAO;6CACxE,SAAU;QACjB;QAhCE,IAAI,CAACA,OAAO,GAAGA;QACf,IAAI,CAACG,SAAS,GAAGL;QAEjB,IAAIC,UAAU;YACZ,IAAI,CAACA,QAAQ,GAAGA;QAClB;IACF;AA2BF;AAYO,SAASJ,iBACdgB,KAAiB,EACjBC,GAAiD,EACjDC,QAAkC;IAElC,MAAMC,MAAMC,OAAMC,MAAM,CAAuB;IAC/C,IAAIF,IAAIG,OAAO,KAAK,MAAM;QACxBH,IAAIG,OAAO,GAAG,IAAIrB,cAAce,OAAOC,KAAKC;IAC9C,OAAO;QACLC,IAAIG,OAAO,CAACd,SAAS,GAAGQ;QACxBG,IAAIG,OAAO,CAACjB,OAAO,GAAGa;QAEtB,IAAID,KAAK;YACPE,IAAIG,OAAO,CAAClB,QAAQ,GAAGa;QACzB;IACF;IAEAG,OAAMG,SAAS,CAAC;YACCJ;QAAf,MAAMK,UAASL,eAAAA,IAAIG,OAAO,cAAXH,mCAAAA,aAAaN,MAAM,CAACY,IAAI,CAACN,IAAIG,OAAO;QACnD,OAAOE;IACT,GAAG,EAAE;IAEL,OAAOL,IAAIG,OAAO;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"useExternRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExternRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,YAAY,CAAC,CAAC,EAC5B,GAAG,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,GACrD,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,CAoBlC"}
+{"version":3,"file":"useExternRef.d.ts","sourceRoot":"","sources":["../../../src/hooks/useExternRef.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AA6C/B,wBAAgB,YAAY,CAAC,CAAC,EAC5B,GAAG,UAAU,EAAE,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,SAAS,GAAG,KAAK,CAAC,GACrD,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,CASlC"}

package/dist/cjs/hooks/useExternRef.js

@@ -8,25 +8,61 @@ Object.defineProperty(exports, "useExternRef", {
         return useExternRef;
     }
 });
+const _class_private_field_get = require("@swc/helpers/_/_class_private_field_get");
+const _class_private_field_init = require("@swc/helpers/_/_class_private_field_init");
+const _class_private_field_set = require("@swc/helpers/_/_class_private_field_set");
 const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
 const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _utils = require("../lib/utils");
-function useExternRef(...externRefs) {
-    const stableRef = _react.useRef(null);
-    return _react.useMemo(()=>({
-            get current () {
-                return stableRef.current;
-            },
-            set current (el){
-                stableRef.current = el;
-                externRefs.forEach((ref)=>{
-                    if (ref) {
-                        (0, _utils.setRef)(el, ref);
-                    }
-                });
+var _element = /*#__PURE__*/ new WeakMap(), _externRefs = /*#__PURE__*/ new WeakMap();
+class ExternalRef {
+    updateExternRefs(refs) {
+        refs.forEach((ref)=>{
+            if (!ref || _class_private_field_get._(this, _externRefs).has(ref)) {
+                return;
+            }
+            (0, _utils.setRef)(_class_private_field_get._(this, _element), ref);
+            _class_private_field_get._(this, _externRefs).add(ref);
+        });
+    }
+    get current() {
+        return _class_private_field_get._(this, _element);
+    }
+    set current(el) {
+        _class_private_field_set._(this, _element, el);
+        _class_private_field_get._(this, _externRefs).forEach((ref)=>(0, _utils.setRef)(el, ref));
+    }
+    /**
+   * React проверяет наличие свойства current у объектов через hasOwnProperty
+   *
+   * https://github.com/facebook/react/blob/c3cdbec0a78d39b5ff7329384cb41c4573a38212/packages/react-reconciler/src/ReactFiberCommitWork.js#L1612
+   */ hasOwnProperty(v) {
+        return v === 'current';
+    }
+    constructor(externRefs = []){
+        _class_private_field_init._(this, _element, {
+            writable: true,
+            value: null
+        });
+        _class_private_field_init._(this, _externRefs, {
+            writable: true,
+            value: new Set()
+        });
+        externRefs.forEach((ref)=>{
+            if (ref) {
+                _class_private_field_get._(this, _externRefs).add(ref);
             }
-        }), // eslint-disable-next-line react-hooks/exhaustive-deps
-    externRefs);
+        });
+    }
+}
+function useExternRef(...externRefs) {
+    const ref = _react.useRef(null);
+    if (ref.current === null) {
+        ref.current = new ExternalRef(externRefs);
+    } else {
+        ref.current.updateExternRefs(externRefs);
+    }
+    return ref.current;
 }
 
 //# sourceMappingURL=useExternRef.js.map

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const stableRef = React.useRef<T | null>(null);\n\n  return React.useMemo(\n    () => ({\n      get current() {\n        return stableRef.current;\n      },\n      set current(el) {\n        stableRef.current = el;\n        externRefs.forEach((ref) => {\n          if (ref) {\n            setRef(el, ref);\n          }\n        });\n      },\n    }),\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n    externRefs,\n  );\n}\n"],"names":["useExternRef","externRefs","stableRef","React","useRef","useMemo","current","el","forEach","ref","setRef"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;uBACA;AAEhB,SAASA,aACd,GAAGC,UAAmD;IAEtD,MAAMC,YAAYC,OAAMC,MAAM,CAAW;IAEzC,OAAOD,OAAME,OAAO,CAClB,IAAO,CAAA;YACL,IAAIC,WAAU;gBACZ,OAAOJ,UAAUI,OAAO;YAC1B;YACA,IAAIA,SAAQC,GAAI;gBACdL,UAAUI,OAAO,GAAGC;gBACpBN,WAAWO,OAAO,CAAC,CAACC;oBAClB,IAAIA,KAAK;wBACPC,IAAAA,aAAM,EAACH,IAAIE;oBACb;gBACF;YACF;QACF,CAAA,GACA,uDAAuD;IACvDR;AAEJ"}
+{"version":3,"sources":["../../../src/hooks/useExternRef.ts"],"sourcesContent":["import * as React from 'react';\nimport { setRef } from '../lib/utils';\n\nclass ExternalRef<T> implements React.MutableRefObject<T | null> {\n  #element: T | null = null;\n  readonly #externRefs = new Set<React.Ref<T>>();\n\n  constructor(externRefs: Array<React.Ref<T> | undefined | false> = []) {\n    externRefs.forEach((ref) => {\n      if (ref) {\n        this.#externRefs.add(ref);\n      }\n    });\n  }\n\n  updateExternRefs(refs: Array<React.Ref<T> | undefined | false>) {\n    refs.forEach((ref) => {\n      if (!ref || this.#externRefs.has(ref)) {\n        return;\n      }\n\n      setRef(this.#element, ref);\n      this.#externRefs.add(ref);\n    });\n  }\n\n  get current() {\n    return this.#element;\n  }\n\n  set current(el) {\n    this.#element = el;\n    this.#externRefs.forEach((ref) => setRef(el, ref));\n  }\n\n  /**\n   * React проверяет наличие свойства current у объектов через hasOwnProperty\n   *\n   * https://github.com/facebook/react/blob/c3cdbec0a78d39b5ff7329384cb41c4573a38212/packages/react-reconciler/src/ReactFiberCommitWork.js#L1612\n   */\n  hasOwnProperty(v: PropertyKey): v is keyof ExternalRef<T> {\n    return v === 'current';\n  }\n}\n\nexport function useExternRef<T>(\n  ...externRefs: Array<React.Ref<T> | undefined | false>\n): React.MutableRefObject<T | null> {\n  const ref = React.useRef<ExternalRef<T> | null>(null);\n  if (ref.current === null) {\n    ref.current = new ExternalRef(externRefs);\n  } else {\n    ref.current.updateExternRefs(externRefs);\n  }\n\n  return ref.current;\n}\n"],"names":["useExternRef","ExternalRef","updateExternRefs","refs","forEach","ref","has","setRef","add","current","el","hasOwnProperty","v","constructor","externRefs","Set","React","useRef"],"mappings":";;;;+BA6CgBA;;;eAAAA;;;;;;;iEA7CO;uBACA;IAGrB,wCACS;AAFX,MAAMC;IAYJC,iBAAiBC,IAA6C,EAAE;QAC9DA,KAAKC,OAAO,CAAC,CAACC;YACZ,IAAI,CAACA,OAAO,2BAAA,IAAI,EAAC,aAAYC,GAAG,CAACD,MAAM;gBACrC;YACF;YAEAE,IAAAA,aAAM,6BAAC,IAAI,EAAC,WAAUF;YACtB,2BAAA,IAAI,EAAC,aAAYG,GAAG,CAACH;QACvB;IACF;IAEA,IAAII,UAAU;QACZ,kCAAO,IAAI,EAAC;IACd;IAEA,IAAIA,QAAQC,EAAE,EAAE;yCACT,UAAWA;QAChB,2BAAA,IAAI,EAAC,aAAYN,OAAO,CAAC,CAACC,MAAQE,IAAAA,aAAM,EAACG,IAAIL;IAC/C;IAEA;;;;GAIC,GACDM,eAAeC,CAAc,EAA6B;QACxD,OAAOA,MAAM;IACf;IAnCAC,YAAYC,aAAsD,EAAE,CAAE;QAHtE,kCAAA;;mBAAqB;;QACrB,kCAAS;;mBAAc,IAAIC;;QAGzBD,WAAWV,OAAO,CAAC,CAACC;YAClB,IAAIA,KAAK;gBACP,2BAAA,IAAI,EAAC,aAAYG,GAAG,CAACH;YACvB;QACF;IACF;AA8BF;AAEO,SAASL,aACd,GAAGc,UAAmD;IAEtD,MAAMT,MAAMW,OAAMC,MAAM,CAAwB;IAChD,IAAIZ,IAAII,OAAO,KAAK,MAAM;QACxBJ,IAAII,OAAO,GAAG,IAAIR,YAAYa;IAChC,OAAO;QACLT,IAAII,OAAO,CAACP,gBAAgB,CAACY;IAC/B;IAEA,OAAOT,IAAII,OAAO;AACpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO;;qBAKjD,UAAU,CAAC,WAAW,CAAC;oBAQvB,UAAU,CAAC,WAAW,CAAC;EAclC"}
+{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAqC,MAAM,OAAO,CAAC;AAGtE,wBAAgB,eAAe,CAAC,sBAAsB,UAAO,GAAG;IAC9D,YAAY,EAAE,OAAO,CAAC;IACtB,OAAO,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;IAClD,MAAM,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,WAAW,CAAC,KAAK,IAAI,CAAC;CAClD,CA2BA"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true) {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","useState","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uBAH8C;gCAC/B;AAExB,SAASA,gBAAgBC,yBAAyB,IAAI;IAC3D,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,IAAAA,iBAAU,EAACC,8BAAc;IAEnD,MAAMC,UAAUC,IAAAA,kBAAW,EACzB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMS,SAASH,IAAAA,kBAAW,EACxB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMU,eAAeZ,yBAAyBI,iBAAiBH,YAAYA;IAE3E,OAAO;QACLW;QACAL;QACAI;IACF;AACF"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { FocusEvent, useCallback, useContext, useState } from 'react';\nimport { AppRootContext } from '../components/AppRoot/AppRootContext';\n\nexport function useFocusVisible(withKeyboardInputCheck = true): {\n  focusVisible: boolean;\n  onFocus: (event: FocusEvent<HTMLElement>) => void;\n  onBlur: (event: FocusEvent<HTMLElement>) => void;\n} {\n  const [isFocused, setIsFocused] = useState(false);\n  const { keyboardInput } = useContext(AppRootContext);\n\n  const onFocus = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(true);\n    },\n    [setIsFocused],\n  );\n\n  const onBlur = useCallback(\n    (event: FocusEvent<HTMLElement>) => {\n      event.stopPropagation();\n      setIsFocused(false);\n    },\n    [setIsFocused],\n  );\n\n  const focusVisible = withKeyboardInputCheck ? keyboardInput && isFocused : isFocused;\n\n  return {\n    focusVisible,\n    onFocus,\n    onBlur,\n  };\n}\n"],"names":["useFocusVisible","withKeyboardInputCheck","isFocused","setIsFocused","useState","keyboardInput","useContext","AppRootContext","onFocus","useCallback","event","stopPropagation","onBlur","focusVisible"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uBAH8C;gCAC/B;AAExB,SAASA,gBAAgBC,yBAAyB,IAAI;IAK3D,MAAM,CAACC,WAAWC,aAAa,GAAGC,IAAAA,eAAQ,EAAC;IAC3C,MAAM,EAAEC,aAAa,EAAE,GAAGC,IAAAA,iBAAU,EAACC,8BAAc;IAEnD,MAAMC,UAAUC,IAAAA,kBAAW,EACzB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMS,SAASH,IAAAA,kBAAW,EACxB,CAACC;QACCA,MAAMC,eAAe;QACrBR,aAAa;IACf,GACA;QAACA;KAAa;IAGhB,MAAMU,eAAeZ,yBAAyBI,iBAAiBH,YAAYA;IAE3E,OAAO;QACLW;QACAL;QACAI;IACF;AACF"}

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

@@ -1,8 +1,5 @@
 import { LiteralUnion } from '../types';
-export declare const focusVisiblePresetModeClassNames: {
-    inside: string;
-    outside: string;
-};
+export declare const focusVisiblePresetModeClassNames: Record<'inside' | 'outside', string>;
 type FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;
 export type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;
 export interface FocusVisibleModeProps {

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

@@ -1 +1 @@
-{"version":3,"file":"useFocusVisibleClassName.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,gCAAgC;;;CAG5C,CAAC;AAEF,KAAK,sBAAsB,GAAG,MAAM,OAAO,gCAAgC,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAK5E,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,MAAM,WAAW,6BAA6B;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,YAAoB,EACpB,IAAe,GAChB,EAAE,6BAA6B,UAU/B"}
+{"version":3,"file":"useFocusVisibleClassName.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAGxC,eAAO,MAAM,gCAAgC,EAAE,MAAM,CAAC,QAAQ,GAAG,SAAS,EAAE,MAAM,CAGjF,CAAC;AAEF,KAAK,sBAAsB,GAAG,MAAM,OAAO,gCAAgC,CAAC;AAE5E,MAAM,MAAM,gBAAgB,GAAG,YAAY,CAAC,sBAAsB,EAAE,MAAM,CAAC,CAAC;AAK5E,MAAM,WAAW,qBAAqB;IACpC;;OAEG;IACH,gBAAgB,CAAC,EAAE,gBAAgB,CAAC;CACrC;AAED,MAAM,WAAW,6BAA6B;IAC5C,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,IAAI,CAAC,EAAE,gBAAgB,CAAC;CACzB;AAED;;;;;GAKG;AACH,wBAAgB,wBAAwB,CAAC,EACvC,YAAoB,EACpB,IAAe,GAChB,EAAE,6BAA6B,GAAG,MAAM,CAUxC"}

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"],"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: Record<'inside' | 'outside', string> = {\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): string {\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,mCAAyE;IACpFE,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/useGlobalEscKeyDown.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useGlobalEscKeyDown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,SAAU,OAAO,aAAa,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,SAgB3F,CAAC"}
+{"version":3,"file":"useGlobalEscKeyDown.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"names":[],"mappings":"AASA;;;;GAIG;AACH,eAAO,MAAM,mBAAmB,SACxB,OAAO,aACF,CAAC,KAAK,EAAE,aAAa,KAAK,IAAI,KACxC,IAgBF,CAAC"}

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"],"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 = (\n  init: boolean,\n  callback?: (event: KeyboardEvent) => void,\n): 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,CACjCI,MACAC;IAEA,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/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,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"}
+{"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,KACX,IAwBF,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"],"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): void => {\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.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useIsClient.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsClient.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,UAAQ,WAQ1C"}
+{"version":3,"file":"useIsClient.d.ts","sourceRoot":"","sources":["../../../src/hooks/useIsClient.ts"],"names":[],"mappings":"AAGA;;;;;;;GAOG;AACH,wBAAgB,WAAW,CAAC,OAAO,UAAQ,GAAG,OAAO,CAQpD"}

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"],"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): boolean {\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/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;AAkBrE;;GAEG;AACH,eAAO,MAAM,eAAe,oBAsB3B,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,QAAO,YAsBlC,CAAC"}

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\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"}
+{"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 = (): MediaQueries => {\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,KAAK,CAAC,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,KAC9B,IAmBF,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"],"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): void => {\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/useResizeObserver.d.ts.map

@@ -1 +1 @@
-{"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"}
+{"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,GACvC,IAAI,CAkBN"}

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

@@ -1 +1 @@
-{"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"}
+{"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): void {\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/useTodayDate.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useTodayDate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTodayDate.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,yBAAyB,UAAQ,QA8C7D"}
+{"version":3,"file":"useTodayDate.d.ts","sourceRoot":"","sources":["../../../src/hooks/useTodayDate.ts"],"names":[],"mappings":"AAIA;;;;;;;;GAQG;AACH,wBAAgB,YAAY,CAAC,yBAAyB,UAAQ,GAAG,IAAI,CA8CpE"}

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"],"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): Date {\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,2 +1,2 @@
-export declare const useWaitTransitionFinish: () => (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":"AAIA,eAAO,MAAM,uBAAuB,kBAYrB,WAAW,GAAG,SAAS,GAAG,IAAI,gBACzB,YAAY,oBACR,MAAM,SAqB7B,CAAC"}
+{"version":3,"file":"useWaitTransitionFinish.d.ts","sourceRoot":"","sources":["../../../src/hooks/useWaitTransitionFinish.ts"],"names":[],"mappings":"AAIA,eAAO,MAAM,uBAAuB,QAAO,CAAC,CAC1C,OAAO,EAAE,WAAW,GAAG,SAAS,GAAG,IAAI,EACvC,YAAY,EAAE,YAAY,EAC1B,gBAAgB,EAAE,MAAM,KACrB,IAAI,CAmCR,CAAC"}

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';\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"}
+{"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  element: HTMLElement | undefined | null,\n  eventHandler: VoidFunction,\n  durationFallback: number,\n) => void) => {\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;IAKrC,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

@@ -85,6 +85,8 @@ 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';
+export { SimpleGrid } from './components/SimpleGrid/SimpleGrid';
+export type { SimpleGridProps } from './components/SimpleGrid/SimpleGrid';
 /**
  * Popouts
  */
@@ -171,7 +173,7 @@ export type { ImageProps, ImageBadgeProps, ImageOverlayProps } from './component
 export { Progress } from './components/Progress/Progress';
 export type { ProgressProps } from './components/Progress/Progress';
 export { Search } from './components/Search/Search';
-export type { SearchProps } from './components/Search/Search';
+export type { SearchProps, RenderIconButtonFn } from './components/Search/Search';
 export { Tabs } from './components/Tabs/Tabs';
 export type { TabsProps } from './components/Tabs/Tabs';
 export { TabsItem } from './components/TabsItem/TabsItem';
@@ -190,7 +192,7 @@ export { OnboardingTooltipContainer } from './components/OnboardingTooltip/Onboa
 export { Counter } from './components/Counter/Counter';
 export type { CounterProps } from './components/Counter/Counter';
 export { UsersStack } from './components/UsersStack/UsersStack';
-export type { UsersStackProps } from './components/UsersStack/UsersStack';
+export type { UsersStackProps, UsersStackPhoto, UsersStackRenderWrapperProps, } from './components/UsersStack/UsersStack';
 export { Separator } from './components/Separator/Separator';
 export type { SeparatorProps } from './components/Separator/Separator';
 export { Spacing } from './components/Spacing/Spacing';
@@ -226,7 +228,7 @@ export type { FormItemTopLabelProps } from './components/FormItem/FormItemTop/Fo
 export type { FormItemTopAsideProps } from './components/FormItem/FormItemTop/FormItemTopAside';
 export type { FormItemProps } from './components/FormItem/FormItem';
 export { FormField } from './components/FormField/FormField';
-export type { FormFieldProps } from './components/FormField/FormField';
+export type { FormFieldProps, FieldIconsAlign } from './components/FormField/FormField';
 export { FormLayoutGroup } from './components/FormLayoutGroup/FormLayoutGroup';
 export type { FormLayoutGroupProps } from './components/FormLayoutGroup/FormLayoutGroup';
 export { FormStatus } from './components/FormStatus/FormStatus';
@@ -245,6 +247,7 @@ export { ChipsInput } from './components/ChipsInput/ChipsInput';
 export type { ChipsInputProps } from './components/ChipsInput/ChipsInput';
 export { ChipsSelect } from './components/ChipsSelect/ChipsSelect';
 export type { ChipsSelectProps } from './components/ChipsSelect/ChipsSelect';
+export type { FormFieldClearButtonProps } from './components/FormFieldClearButton/FormFieldClearButton';
 export { Slider } from './components/Slider/Slider';
 export type { SliderBaseProps, SliderProps, SliderMultipleProps } from './components/Slider/Slider';
 export { Textarea } from './components/Textarea/Textarea';