@vkontakte/vkui 6.5.3 → 6.7.0

package/dist/cjs/components/WriteBar/WriteBar.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport { HasRef, HasRootRef } from '../../types';\nimport { useResizeTextarea } from '../Textarea/useResizeTextarea';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport { TypographyProps } from '../Typography/Typography';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\nconst WriteBarTypography = (props: TypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <Title {...props} level=\"3\" weight=\"3\" />;\n  }\n\n  return <Headline {...props} />;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  onChange,\n  ...restProps\n}: WriteBarProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);\n  const textareaRef = useExternRef(getRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, platform]);\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        styles['WriteBar'],\n        platform === 'ios' && styles['WriteBar--ios'],\n        shadow && styles['WriteBar--shadow'],\n        className,\n      )}\n      style={style}\n    >\n      <div className={styles['WriteBar__form']}>\n        {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n        <div className={styles['WriteBar__formIn']}>\n          <WriteBarTypography\n            {...restProps}\n            Component=\"textarea\"\n            className={styles['WriteBar__textarea']}\n            onChange={callMultiple(onChange, resize)}\n            getRootRef={textareaRef}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["WriteBar","WriteBarTypography","props","platform","usePlatform","Title","level","weight","Headline","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","onChange","restProps","refResizeTextarea","resize","useResizeTextarea","textareaRef","useExternRef","React","useEffect","div","ref","classNames","hasReactNode","Component","callMultiple"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;;iEArDU;sBACkB;8BACZ;6BACD;8BACC;mCAEK;0BACT;uBACH;AAgCtB,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBAAO,qBAACE,YAAK,8CAAKH;YAAOI,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,qBAACC,kBAAQ,uBAAKN;AACvB;AAKO,MAAMF,WAAW;QAAC,EACvBS,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,cAAc,EACdC,SAAS,KAAK,EACdC,QAAQ,EAEM,WADXC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMf,WAAWC,IAAAA,wBAAW;IAE5B,MAAM,CAACgB,mBAAmBC,OAAO,GAAGC,IAAAA,oCAAiB,EAACN,gBAAgB;IACtE,MAAMO,cAAcC,IAAAA,0BAAY,EAACT,QAAQK;IAEzCK,OAAMC,SAAS,CAACL,QAAQ;QAACA;QAAQlB;KAAS;IAE1C,qBACE,qBAACwB;QACCC,KAAKd;QACLL,WAAWoB,IAAAA,gBAAU,kBAEnB1B,aAAa,8BACbc,kCACAR;QAEFC,OAAOA;kBAEP,cAAA,sBAACiB;YAAIlB,SAAS;;gBACXqB,IAAAA,kBAAY,EAACnB,yBAAW,qBAACgB;oBAAIlB,SAAS;8BAA+BE;;8BAEtE,sBAACgB;oBAAIlB,SAAS;;sCACZ,qBAACR,gEACKkB;4BACJY,WAAU;4BACVtB,SAAS;4BACTS,UAAUc,IAAAA,0BAAY,EAACd,UAAUG;4BACjCP,YAAYS;;wBAEbO,IAAAA,kBAAY,EAAClB,8BACZ,qBAACe;4BAAIlB,SAAS;sCAAoCG;;;;gBAIrDkB,IAAAA,kBAAY,EAACjB,wBAAU,qBAACc;oBAAIlB,SAAS;8BAA8BI;;;;;AAI5E"}
+{"version":3,"sources":["../../../../src/components/WriteBar/WriteBar.tsx"],"sourcesContent":["import * as React from 'react';\nimport { classNames, hasReactNode } from '@vkontakte/vkjs';\nimport { useExternRef } from '../../hooks/useExternRef';\nimport { usePlatform } from '../../hooks/usePlatform';\nimport { callMultiple } from '../../lib/callMultiple';\nimport type { HasRef, HasRootRef } from '../../types';\nimport { useResizeTextarea } from '../Textarea/useResizeTextarea';\nimport { Headline } from '../Typography/Headline/Headline';\nimport { Title } from '../Typography/Title/Title';\nimport type { TypographyProps } from '../Typography/Typography';\nimport styles from './WriteBar.module.css';\n\nexport interface WriteBarProps\n  extends React.TextareaHTMLAttributes<HTMLTextAreaElement>,\n    HasRootRef<HTMLDivElement>,\n    HasRef<HTMLTextAreaElement> {\n  /**\n   * Содержимое, отображаемое слева от поля ввода.\n   */\n  before?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое поверх поля ввода (актуально для iOS)\n   */\n  inlineAfter?: React.ReactNode;\n  /**\n   * Содержимое, отображаемое справа от поля ввода\n   */\n  after?: React.ReactNode;\n  /**\n   * Вызывается при смене высоты поля ввода\n   */\n  onHeightChange?: VoidFunction;\n  /**\n   * Добавляет тень вокруг поля ввода\n   */\n  shadow?: boolean;\n\n  children?: never;\n}\n\nconst WriteBarTypography = (props: TypographyProps) => {\n  const platform = usePlatform();\n\n  if (platform === 'ios') {\n    return <Title {...props} level=\"3\" weight=\"3\" />;\n  }\n\n  return <Headline weight=\"3\" {...props} />;\n};\n\n/**\n * @see https://vkcom.github.io/VKUI/#/WriteBar\n */\nexport const WriteBar = ({\n  className,\n  style,\n  before,\n  inlineAfter,\n  after,\n  getRootRef,\n  getRef,\n  onHeightChange,\n  shadow = false,\n  onChange,\n  ...restProps\n}: WriteBarProps): React.ReactNode => {\n  const platform = usePlatform();\n\n  const [refResizeTextarea, resize] = useResizeTextarea(onHeightChange, true);\n  const textareaRef = useExternRef(getRef, refResizeTextarea);\n\n  React.useEffect(resize, [resize, platform]);\n\n  return (\n    <div\n      ref={getRootRef}\n      className={classNames(\n        styles['WriteBar'],\n        platform === 'ios' && styles['WriteBar--ios'],\n        shadow && styles['WriteBar--shadow'],\n        className,\n      )}\n      style={style}\n    >\n      <div className={styles['WriteBar__form']}>\n        {hasReactNode(before) && <div className={styles['WriteBar__before']}>{before}</div>}\n\n        <div className={styles['WriteBar__formIn']}>\n          <WriteBarTypography\n            {...restProps}\n            Component=\"textarea\"\n            className={styles['WriteBar__textarea']}\n            onChange={callMultiple(onChange, resize)}\n            getRootRef={textareaRef}\n          />\n          {hasReactNode(inlineAfter) && (\n            <div className={styles['WriteBar__inlineAfter']}>{inlineAfter}</div>\n          )}\n        </div>\n\n        {hasReactNode(after) && <div className={styles['WriteBar__after']}>{after}</div>}\n      </div>\n    </div>\n  );\n};\n"],"names":["WriteBar","WriteBarTypography","props","platform","usePlatform","Title","level","weight","Headline","className","style","before","inlineAfter","after","getRootRef","getRef","onHeightChange","shadow","onChange","restProps","refResizeTextarea","resize","useResizeTextarea","textareaRef","useExternRef","React","useEffect","div","ref","classNames","hasReactNode","Component","callMultiple"],"mappings":";;;;+BAqDaA;;;eAAAA;;;;;;;;iEArDU;sBACkB;8BACZ;6BACD;8BACC;mCAEK;0BACT;uBACH;AAgCtB,MAAMC,qBAAqB,CAACC;IAC1B,MAAMC,WAAWC,IAAAA,wBAAW;IAE5B,IAAID,aAAa,OAAO;QACtB,qBAAO,qBAACE,YAAK,8CAAKH;YAAOI,OAAM;YAAIC,QAAO;;IAC5C;IAEA,qBAAO,qBAACC,kBAAQ;QAACD,QAAO;OAAQL;AAClC;AAKO,MAAMF,WAAW;QAAC,EACvBS,SAAS,EACTC,KAAK,EACLC,MAAM,EACNC,WAAW,EACXC,KAAK,EACLC,UAAU,EACVC,MAAM,EACNC,cAAc,EACdC,SAAS,KAAK,EACdC,QAAQ,EAEM,WADXC;QAVHV;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;;IAGA,MAAMf,WAAWC,IAAAA,wBAAW;IAE5B,MAAM,CAACgB,mBAAmBC,OAAO,GAAGC,IAAAA,oCAAiB,EAACN,gBAAgB;IACtE,MAAMO,cAAcC,IAAAA,0BAAY,EAACT,QAAQK;IAEzCK,OAAMC,SAAS,CAACL,QAAQ;QAACA;QAAQlB;KAAS;IAE1C,qBACE,qBAACwB;QACCC,KAAKd;QACLL,WAAWoB,IAAAA,gBAAU,kBAEnB1B,aAAa,8BACbc,kCACAR;QAEFC,OAAOA;kBAEP,cAAA,sBAACiB;YAAIlB,SAAS;;gBACXqB,IAAAA,kBAAY,EAACnB,yBAAW,qBAACgB;oBAAIlB,SAAS;8BAA+BE;;8BAEtE,sBAACgB;oBAAIlB,SAAS;;sCACZ,qBAACR,gEACKkB;4BACJY,WAAU;4BACVtB,SAAS;4BACTS,UAAUc,IAAAA,0BAAY,EAACd,UAAUG;4BACjCP,YAAYS;;wBAEbO,IAAAA,kBAAY,EAAClB,8BACZ,qBAACe;4BAAIlB,SAAS;sCAAoCG;;;;gBAIrDkB,IAAAA,kBAAY,EAACjB,wBAAU,qBAACc;oBAAIlB,SAAS;8BAA8BI;;;;;AAI5E"}

package/dist/cjs/helpers/getMergedSameEventsByProps.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 import type { PickOnlyFunctionProps } from '../types';
 /**
  * Полезен, когда нужно сохранить пользовательские события.

package/dist/cjs/helpers/getMergedSameEventsByProps.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"getMergedSameEventsByProps.d.ts","sourceRoot":"","sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOtD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GACrC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EACxE,SAAS,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACzC,iBAAiB,SAAS,qBAAqB,CAAC,SAAS,CAAC,aAE/C,SAAS,eACP,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KACnC,GACA,CAA4B,IAAvB,MAAM,iBAAiB,CAAC,CAAC,EAC3B,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAChE,SAAS,GAwBd,CAAC"}
+{"version":3,"file":"getMergedSameEventsByProps.d.ts","sourceRoot":"","sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,OAAO,KAAK,EAAE,qBAAqB,EAAE,MAAM,UAAU,CAAC;AAOtD;;;;;;;GAOG;AACH,eAAO,MAAM,0BAA0B,GACrC,CAAC,SAAS,MAAM,GAAG,CAAC,iBAAiB,GAAG,KAAK,CAAC,qBAAqB,CAAC,GAAG,CAAC,EACxE,SAAS,SAAS,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,EACzC,iBAAiB,SAAS,qBAAqB,CAAC,SAAS,CAAC,aAE/C,SAAS,eACP,KAAK,CAAC,cAAc,CAAC,CAAC,CAAC,KACnC,GACA,CAA4B,IAAvB,MAAM,iBAAiB,CAAC,CAAC,EAC3B,CAAC,CAAC,IAAI,EAAE,GAAG,EAAE,GAAG,IAAI,EAAE,UAAU,CAAC,iBAAiB,CAAC,CAAC,CAAC,CAAC,KAAK,IAAI,CAAC,GAChE,SAAS,GAwBd,CAAC"}

package/dist/cjs/helpers/getMergedSameEventsByProps.js

@@ -8,8 +8,6 @@ Object.defineProperty(exports, "getMergedSameEventsByProps", {
         return getMergedSameEventsByProps;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const isFunctionExistInProps = (props, key)=>typeof props[key] === 'function';
 const getMergedSameEventsByProps = (mainProps, secondProps)=>{
     const result = {};

package/dist/cjs/helpers/getMergedSameEventsByProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"sourcesContent":["import * as React from 'react';\nimport type { AnyFunction } from '@vkontakte/vkjs';\nimport type { PickOnlyFunctionProps } from '../types';\n\nconst isFunctionExistInProps = <Props extends Record<PropertyKey, any>>(\n  props: Props,\n  key: PropertyKey,\n): key is Extract<keyof Props, AnyFunction> => typeof props[key] === 'function';\n\n/**\n * Полезен, когда нужно сохранить пользовательские события.\n *\n * Приоритет даём пользовательскому событию. Например, можно будет отловить был ли вызван\n * `event.preventDefault()` через `event.defaultPrevented`.\n *\n * @private\n */\nexport const getMergedSameEventsByProps = <\n  T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>,\n  MainProps extends React.ComponentProps<T>,\n  OnlyFnPropsByMain extends PickOnlyFunctionProps<MainProps>,\n>(\n  mainProps: MainProps,\n  secondProps: React.ComponentProps<T>,\n): {\n  [K in keyof OnlyFnPropsByMain]?:\n    | ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void)\n    | undefined;\n} => {\n  const result: {\n    [K in keyof OnlyFnPropsByMain]?:\n      | ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void)\n      | undefined;\n  } = {};\n\n  for (const eventName in mainProps) {\n    if (\n      mainProps.hasOwnProperty(eventName) &&\n      secondProps.hasOwnProperty(eventName) &&\n      isFunctionExistInProps(mainProps, eventName) &&\n      isFunctionExistInProps(secondProps, eventName)\n    ) {\n      result[eventName] = function mergeSameEventsByProps(\n        ...args: Parameters<OnlyFnPropsByMain[typeof eventName]>\n      ) {\n        secondProps[eventName].apply(this, args);\n        mainProps[eventName].apply(this, args);\n      };\n    }\n  }\n  return result;\n};\n"],"names":["getMergedSameEventsByProps","isFunctionExistInProps","props","key","mainProps","secondProps","result","eventName","hasOwnProperty","mergeSameEventsByProps","args","apply"],"mappings":";;;;+BAiBaA;;;eAAAA;;;;iEAjBU;AAIvB,MAAMC,yBAAyB,CAC7BC,OACAC,MAC6C,OAAOD,KAAK,CAACC,IAAI,KAAK;AAU9D,MAAMH,6BAA6B,CAKxCI,WACAC;IAMA,MAAMC,SAIF,CAAC;IAEL,IAAK,MAAMC,aAAaH,UAAW;QACjC,IACEA,UAAUI,cAAc,CAACD,cACzBF,YAAYG,cAAc,CAACD,cAC3BN,uBAAuBG,WAAWG,cAClCN,uBAAuBI,aAAaE,YACpC;YACAD,MAAM,CAACC,UAAU,GAAG,SAASE,uBAC3B,GAAGC,IAAqD;gBAExDL,WAAW,CAACE,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;gBACnCN,SAAS,CAACG,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;YACnC;QACF;IACF;IACA,OAAOJ;AACT"}
+{"version":3,"sources":["../../../src/helpers/getMergedSameEventsByProps.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { AnyFunction } from '@vkontakte/vkjs';\nimport type { PickOnlyFunctionProps } from '../types';\n\nconst isFunctionExistInProps = <Props extends Record<PropertyKey, any>>(\n  props: Props,\n  key: PropertyKey,\n): key is Extract<keyof Props, AnyFunction> => typeof props[key] === 'function';\n\n/**\n * Полезен, когда нужно сохранить пользовательские события.\n *\n * Приоритет даём пользовательскому событию. Например, можно будет отловить был ли вызван\n * `event.preventDefault()` через `event.defaultPrevented`.\n *\n * @private\n */\nexport const getMergedSameEventsByProps = <\n  T extends keyof JSX.IntrinsicElements | React.JSXElementConstructor<any>,\n  MainProps extends React.ComponentProps<T>,\n  OnlyFnPropsByMain extends PickOnlyFunctionProps<MainProps>,\n>(\n  mainProps: MainProps,\n  secondProps: React.ComponentProps<T>,\n): {\n  [K in keyof OnlyFnPropsByMain]?:\n    | ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void)\n    | undefined;\n} => {\n  const result: {\n    [K in keyof OnlyFnPropsByMain]?:\n      | ((this: any, ...args: Parameters<OnlyFnPropsByMain[K]>) => void)\n      | undefined;\n  } = {};\n\n  for (const eventName in mainProps) {\n    if (\n      mainProps.hasOwnProperty(eventName) &&\n      secondProps.hasOwnProperty(eventName) &&\n      isFunctionExistInProps(mainProps, eventName) &&\n      isFunctionExistInProps(secondProps, eventName)\n    ) {\n      result[eventName] = function mergeSameEventsByProps(\n        ...args: Parameters<OnlyFnPropsByMain[typeof eventName]>\n      ) {\n        secondProps[eventName].apply(this, args);\n        mainProps[eventName].apply(this, args);\n      };\n    }\n  }\n  return result;\n};\n"],"names":["getMergedSameEventsByProps","isFunctionExistInProps","props","key","mainProps","secondProps","result","eventName","hasOwnProperty","mergeSameEventsByProps","args","apply"],"mappings":";;;;+BAiBaA;;;eAAAA;;;AAbb,MAAMC,yBAAyB,CAC7BC,OACAC,MAC6C,OAAOD,KAAK,CAACC,IAAI,KAAK;AAU9D,MAAMH,6BAA6B,CAKxCI,WACAC;IAMA,MAAMC,SAIF,CAAC;IAEL,IAAK,MAAMC,aAAaH,UAAW;QACjC,IACEA,UAAUI,cAAc,CAACD,cACzBF,YAAYG,cAAc,CAACD,cAC3BN,uBAAuBG,WAAWG,cAClCN,uBAAuBI,aAAaE,YACpC;YACAD,MAAM,CAACC,UAAU,GAAG,SAASE,uBAC3B,GAAGC,IAAqD;gBAExDL,WAAW,CAACE,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;gBACnCN,SAAS,CAACG,UAAU,CAACI,KAAK,CAAC,IAAI,EAAED;YACnC;QACF;IACF;IACA,OAAOJ;AACT"}

package/dist/cjs/hoc/withPlatform.d.ts

@@ -1,4 +1,4 @@
 import * as React from 'react';
-import { HasPlatform } from '../types';
+import type { HasPlatform } from '../types';
 export declare function withPlatform<T extends HasPlatform>(Component: React.ComponentType<T>): React.FC<Omit<T, keyof HasPlatform>>;
 //# sourceMappingURL=withPlatform.d.ts.map

package/dist/cjs/hoc/withPlatform.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"withPlatform.d.ts","sourceRoot":"","sources":["../../../src/hoc/withPlatform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAEvC,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAChD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAOtC"}
+{"version":3,"file":"withPlatform.d.ts","sourceRoot":"","sources":["../../../src/hoc/withPlatform.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,wBAAgB,YAAY,CAAC,CAAC,SAAS,WAAW,EAChD,SAAS,EAAE,KAAK,CAAC,aAAa,CAAC,CAAC,CAAC,GAChC,KAAK,CAAC,EAAE,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,WAAW,CAAC,CAAC,CAOtC"}

package/dist/cjs/hoc/withPlatform.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const { platform } = useConfigProvider();\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"names":["withPlatform","Component","WithPlatform","props","platform","useConfigProvider"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;;;iEAJO;uCACW;AAG3B,SAASA,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;QAEtC,qBAAO,qBAACJ,uDAAeE;YAAaC,UAAUA;;IAChD;IACA,OAAOF;AACT"}
+{"version":3,"sources":["../../../src/hoc/withPlatform.tsx"],"sourcesContent":["import * as React from 'react';\nimport { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport type { HasPlatform } from '../types';\n\nexport function withPlatform<T extends HasPlatform>(\n  Component: React.ComponentType<T>,\n): React.FC<Omit<T, keyof HasPlatform>> {\n  function WithPlatform(props: Omit<T, keyof HasPlatform>) {\n    const { platform } = useConfigProvider();\n\n    return <Component {...(props as T)} platform={platform} />;\n  }\n  return WithPlatform;\n}\n"],"names":["withPlatform","Component","WithPlatform","props","platform","useConfigProvider"],"mappings":";;;;+BAIgBA;;;eAAAA;;;;;;;iEAJO;uCACW;AAG3B,SAASA,aACdC,SAAiC;IAEjC,SAASC,aAAaC,KAAiC;QACrD,MAAM,EAAEC,QAAQ,EAAE,GAAGC,IAAAA,wCAAiB;QAEtC,qBAAO,qBAACJ,uDAAeE;YAAaC,UAAUA;;IAChD;IACA,OAAOF;AACT"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/constants.js

@@ -32,7 +32,7 @@ const sizeXCompactClassNames = {
     mq: {
         className: "vkui-sizeX--compact-mq"
     },
-    ['compact']: {
+    compact: {
         className: "vkui-sizeX--compact-forced"
     }
 };
@@ -40,7 +40,7 @@ const sizeXRegularClassNames = {
     mq: {
         className: "vkui-sizeX--regular-mq"
     },
-    ['regular']: {
+    regular: {
         className: "vkui-sizeX--regular-forced"
     }
 };
@@ -48,7 +48,7 @@ const sizeYCompactClassNames = {
     mq: {
         className: "vkui-sizeY--compact-mq"
     },
-    ['compact']: {
+    compact: {
         className: "vkui-sizeY--compact-forced"
     }
 };
@@ -56,7 +56,7 @@ const sizeYRegularClassNames = {
     mq: {
         className: "vkui-sizeY--regular-mq"
     },
-    ['regular']: {
+    regular: {
         className: "vkui-sizeY--regular-forced"
     }
 };

package/dist/cjs/hooks/useAdaptivityConditionalRender/constants.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames: Record<'mq' | 'compact', { className: string }> = {\n  mq: { className: styles['-sizeX--compact-mq'] },\n  ['compact']: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames: Record<'mq' | 'regular', { className: string }> = {\n  mq: { className: styles['-sizeX--regular-mq'] },\n  ['regular']: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames: Record<'mq' | 'compact', { className: string }> = {\n  mq: { className: styles['-sizeY--compact-mq'] },\n  ['compact']: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames: Record<'mq' | 'regular', { className: string }> = {\n  mq: { className: styles['-sizeY--regular-mq'] },\n  ['regular']: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames: Record<\n  'tabletMinus' | 'tabletPlus',\n  Record<'mq' | 'forced', { className: string }>\n> = {\n  tabletMinus: {\n    mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n    forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n  },\n  tabletPlus: {\n    mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n    forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n  },\n};\n\nexport const deviceTypeClassNames: Record<\n  'mobile' | 'desktop',\n  Record<'mq' | 'forced', { className: string }>\n> = {\n  mobile: {\n    mq: { className: styles['-deviceType--mobile-mq'] },\n    forced: { className: styles['-deviceType--mobile-forced'] },\n  },\n  desktop: {\n    mq: { className: styles['-deviceType--desktop-mq'] },\n    forced: { className: styles['-deviceType--desktop-forced'] },\n  },\n};\n"],"names":["deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","mq","className","tabletMinus","forced","tabletPlus","mobile","desktop"],"mappings":";;;;;;;;;;;IAoCaA,oBAAoB;eAApBA;;IAlCAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,mBAAmB;eAAnBA;;;AApBN,MAAMJ,yBAA0E;IACrFK,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAML,yBAA0E;IACrFI,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMJ,yBAA0E;IACrFG,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMH,yBAA0E;IACrFE,IAAI;QAAEC,SAAS;IAA+B;IAC9C,CAAC,UAAU,EAAE;QAAEA,SAAS;IAAmC;AAC7D;AAEO,MAAMF,sBAGT;IACFG,aAAa;QACXF,IAAI;YAAEC,SAAS;QAAuC;QACtDE,QAAQ;YAAEF,SAAS;QAA2C;IAChE;IACAG,YAAY;QACVJ,IAAI;YAAEC,SAAS;QAAsC;QACrDE,QAAQ;YAAEF,SAAS;QAA0C;IAC/D;AACF;AAEO,MAAMP,uBAGT;IACFW,QAAQ;QACNL,IAAI;YAAEC,SAAS;QAAmC;QAClDE,QAAQ;YAAEF,SAAS;QAAuC;IAC5D;IACAK,SAAS;QACPN,IAAI;YAAEC,SAAS;QAAoC;QACnDE,QAAQ;YAAEF,SAAS;QAAwC;IAC7D;AACF"}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/constants.ts"],"sourcesContent":["import styles from '../../styles/adaptivity.module.css';\n\nexport const sizeXCompactClassNames: Record<'mq' | 'compact', { className: string }> = {\n  mq: { className: styles['-sizeX--compact-mq'] },\n  compact: { className: styles['-sizeX--compact-forced'] },\n};\n\nexport const sizeXRegularClassNames: Record<'mq' | 'regular', { className: string }> = {\n  mq: { className: styles['-sizeX--regular-mq'] },\n  regular: { className: styles['-sizeX--regular-forced'] },\n};\n\nexport const sizeYCompactClassNames: Record<'mq' | 'compact', { className: string }> = {\n  mq: { className: styles['-sizeY--compact-mq'] },\n  compact: { className: styles['-sizeY--compact-forced'] },\n};\n\nexport const sizeYRegularClassNames: Record<'mq' | 'regular', { className: string }> = {\n  mq: { className: styles['-sizeY--regular-mq'] },\n  regular: { className: styles['-sizeY--regular-forced'] },\n};\n\nexport const viewWidthClassNames: Record<\n  'tabletMinus' | 'tabletPlus',\n  Record<'mq' | 'forced', { className: string }>\n> = {\n  tabletMinus: {\n    mq: { className: styles['-viewWidth--tabletMinus-mq'] },\n    forced: { className: styles['-viewWidth--tabletMinus-forced'] },\n  },\n  tabletPlus: {\n    mq: { className: styles['-viewWidth--tabletPlus-mq'] },\n    forced: { className: styles['-viewWidth--tabletPlus-forced'] },\n  },\n};\n\nexport const deviceTypeClassNames: Record<\n  'mobile' | 'desktop',\n  Record<'mq' | 'forced', { className: string }>\n> = {\n  mobile: {\n    mq: { className: styles['-deviceType--mobile-mq'] },\n    forced: { className: styles['-deviceType--mobile-forced'] },\n  },\n  desktop: {\n    mq: { className: styles['-deviceType--desktop-mq'] },\n    forced: { className: styles['-deviceType--desktop-forced'] },\n  },\n};\n"],"names":["deviceTypeClassNames","sizeXCompactClassNames","sizeXRegularClassNames","sizeYCompactClassNames","sizeYRegularClassNames","viewWidthClassNames","mq","className","compact","regular","tabletMinus","forced","tabletPlus","mobile","desktop"],"mappings":";;;;;;;;;;;IAoCaA,oBAAoB;eAApBA;;IAlCAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,sBAAsB;eAAtBA;;IAKAC,mBAAmB;eAAnBA;;;AApBN,MAAMJ,yBAA0E;IACrFK,IAAI;QAAEC,SAAS;IAA+B;IAC9CC,SAAS;QAAED,SAAS;IAAmC;AACzD;AAEO,MAAML,yBAA0E;IACrFI,IAAI;QAAEC,SAAS;IAA+B;IAC9CE,SAAS;QAAEF,SAAS;IAAmC;AACzD;AAEO,MAAMJ,yBAA0E;IACrFG,IAAI;QAAEC,SAAS;IAA+B;IAC9CC,SAAS;QAAED,SAAS;IAAmC;AACzD;AAEO,MAAMH,yBAA0E;IACrFE,IAAI;QAAEC,SAAS;IAA+B;IAC9CE,SAAS;QAAEF,SAAS;IAAmC;AACzD;AAEO,MAAMF,sBAGT;IACFK,aAAa;QACXJ,IAAI;YAAEC,SAAS;QAAuC;QACtDI,QAAQ;YAAEJ,SAAS;QAA2C;IAChE;IACAK,YAAY;QACVN,IAAI;YAAEC,SAAS;QAAsC;QACrDI,QAAQ;YAAEJ,SAAS;QAA0C;IAC/D;AACF;AAEO,MAAMP,uBAGT;IACFa,QAAQ;QACNP,IAAI;YAAEC,SAAS;QAAmC;QAClDI,QAAQ;YAAEJ,SAAS;QAAuC;IAC5D;IACAO,SAAS;QACPR,IAAI;YAAEC,SAAS;QAAoC;QACnDI,QAAQ;YAAEJ,SAAS;QAAwC;IAC7D;AACF"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.d.ts

@@ -1,4 +1,4 @@
-import { SizeTypeValues, ViewHeightType, ViewWidthType } from '../../lib/adaptivity';
+import { type SizeTypeValues, type ViewHeightType, type ViewWidthType } from '../../lib/adaptivity';
 import type { PlatformType } from '../../lib/platform';
 import type { AdaptiveDeviceType, AdaptiveSizeType, AdaptiveViewWidth, DeviceTypeCSSBreakpoints, ElementProps, ViewWidthCSSBreakpoints } from './types';
 export declare const getAdaptiveSizeType: (type: undefined | SizeTypeValues, compactClassNames: Record<"mq" | "compact", ElementProps>, regularClassNames: Record<"mq" | "regular", ElementProps>) => AdaptiveSizeType;

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EAEd,cAAc,EAEd,aAAa,EACd,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,SACxB,SAAS,GAAG,cAAc,qBACb,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,qBACtC,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,KACxD,gBAeF,CAAC;AAEF,eAAO,MAAM,oBAAoB,cACpB,SAAS,GAAG,aAAa,uBACf,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC1F,iBAeF,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,SAAS,GAAG,aAAa,cACxB,SAAS,GAAG,cAAc,cAC1B,SAAS,GAAG,OAAO,YACrB,YAAY,wBACA,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC5F,kBAqBF,CAAC"}
+{"version":3,"file":"helpers.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,KAAK,cAAc,EAEnB,KAAK,cAAc,EAEnB,KAAK,aAAa,EACnB,MAAM,sBAAsB,CAAC;AAC9B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AACvD,OAAO,KAAK,EACV,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EACjB,wBAAwB,EACxB,YAAY,EACZ,uBAAuB,EACxB,MAAM,SAAS,CAAC;AAEjB,eAAO,MAAM,mBAAmB,SACxB,SAAS,GAAG,cAAc,qBACb,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,qBACtC,MAAM,CAAC,IAAI,GAAG,SAAS,EAAE,YAAY,CAAC,KACxD,gBAeF,CAAC;AAEF,eAAO,MAAM,oBAAoB,cACpB,SAAS,GAAG,aAAa,uBACf,MAAM,CAAC,uBAAuB,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC1F,iBAeF,CAAC;AAEF,eAAO,MAAM,qBAAqB,cACrB,SAAS,GAAG,aAAa,cACxB,SAAS,GAAG,cAAc,cAC1B,SAAS,GAAG,OAAO,YACrB,YAAY,wBACA,MAAM,CAAC,wBAAwB,EAAE,MAAM,CAAC,IAAI,GAAG,QAAQ,EAAE,YAAY,CAAC,CAAC,KAC5F,kBAqBF,CAAC"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/helpers.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import {\n  SizeTypeValues,\n  tryToCheckIsDesktop,\n  ViewHeightType,\n  ViewWidth,\n  ViewWidthType,\n} from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n  AdaptiveDeviceType,\n  AdaptiveSizeType,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  ElementProps,\n  ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n  type: undefined | SizeTypeValues,\n  compactClassNames: Record<'mq' | 'compact', ElementProps>,\n  regularClassNames: Record<'mq' | 'regular', ElementProps>,\n): AdaptiveSizeType => {\n  return {\n    compact:\n      type === undefined\n        ? compactClassNames.mq\n        : type === 'compact'\n          ? compactClassNames[type]\n          : false,\n    regular:\n      type === undefined\n        ? regularClassNames.mq\n        : type === 'regular'\n          ? regularClassNames[type]\n          : false,\n  };\n};\n\nexport const getAdaptiveViewWidth = (\n  viewWidth: undefined | ViewWidthType,\n  viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n  return {\n    tabletMinus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletMinus.mq\n        : viewWidth < ViewWidth.TABLET\n          ? viewWidthClassNames.tabletMinus.forced\n          : false,\n    tabletPlus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletPlus.mq\n        : viewWidth >= ViewWidth.TABLET\n          ? viewWidthClassNames.tabletPlus.forced\n          : false,\n  };\n};\n\nexport const getAdaptiveDeviceType = (\n  viewWidth: undefined | ViewWidthType,\n  viewHeight: undefined | ViewHeightType,\n  hasPointer: undefined | boolean,\n  platform: PlatformType,\n  deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n  if (isDesktop === null) {\n    return {\n      mobile: deviceTypeClassNames.mobile.mq,\n      desktop: deviceTypeClassNames.desktop.mq,\n    };\n  }\n\n  if (isDesktop) {\n    return {\n      mobile: false,\n      desktop: deviceTypeClassNames.desktop.forced,\n    };\n  }\n\n  return {\n    mobile: deviceTypeClassNames.mobile.forced,\n    desktop: false,\n  };\n};\n"],"names":["getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","type","compactClassNames","regularClassNames","compact","undefined","mq","regular","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"mappings":";;;;;;;;;;;IA0DaA,qBAAqB;eAArBA;;IAzCAC,mBAAmB;eAAnBA;;IAqBAC,oBAAoB;eAApBA;;;4BAhCN;AAWA,MAAMD,sBAAsB,CACjCE,MACAC,mBACAC;IAEA,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,EAAE,GACpBL,SAAS,YACPC,iBAAiB,CAACD,KAAK,GACvB;QACRM,SACEN,SAASI,YACLF,kBAAkBG,EAAE,GACpBL,SAAS,YACPE,iBAAiB,CAACF,KAAK,GACvB;IACV;AACF;AAEO,MAAMD,uBAAuB,CAClCQ,WACAC;IAEA,OAAO;QACLC,aACEF,cAAcH,YACVI,oBAAoBC,WAAW,CAACJ,EAAE,GAClCE,YAAYG,qBAAS,CAACC,MAAM,GAC1BH,oBAAoBC,WAAW,CAACG,MAAM,GACtC;QACRC,YACEN,cAAcH,YACVI,oBAAoBK,UAAU,CAACR,EAAE,GACjCE,aAAaG,qBAAS,CAACC,MAAM,GAC3BH,oBAAoBK,UAAU,CAACD,MAAM,GACrC;IACV;AACF;AAEO,MAAMf,wBAAwB,CACnCU,WACAO,YACAC,YACAC,UACAC;IAEA,MAAMC,YAAYC,IAAAA,+BAAmB,EAACZ,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,MAAM;QACtB,OAAO;YACLE,QAAQH,qBAAqBG,MAAM,CAACf,EAAE;YACtCgB,SAASJ,qBAAqBI,OAAO,CAAChB,EAAE;QAC1C;IACF;IAEA,IAAIa,WAAW;QACb,OAAO;YACLE,QAAQ;YACRC,SAASJ,qBAAqBI,OAAO,CAACT,MAAM;QAC9C;IACF;IAEA,OAAO;QACLQ,QAAQH,qBAAqBG,MAAM,CAACR,MAAM;QAC1CS,SAAS;IACX;AACF"}
+{"version":3,"sources":["../../../../src/hooks/useAdaptivityConditionalRender/helpers.ts"],"sourcesContent":["import {\n  type SizeTypeValues,\n  tryToCheckIsDesktop,\n  type ViewHeightType,\n  ViewWidth,\n  type ViewWidthType,\n} from '../../lib/adaptivity';\nimport type { PlatformType } from '../../lib/platform';\nimport type {\n  AdaptiveDeviceType,\n  AdaptiveSizeType,\n  AdaptiveViewWidth,\n  DeviceTypeCSSBreakpoints,\n  ElementProps,\n  ViewWidthCSSBreakpoints,\n} from './types';\n\nexport const getAdaptiveSizeType = (\n  type: undefined | SizeTypeValues,\n  compactClassNames: Record<'mq' | 'compact', ElementProps>,\n  regularClassNames: Record<'mq' | 'regular', ElementProps>,\n): AdaptiveSizeType => {\n  return {\n    compact:\n      type === undefined\n        ? compactClassNames.mq\n        : type === 'compact'\n          ? compactClassNames[type]\n          : false,\n    regular:\n      type === undefined\n        ? regularClassNames.mq\n        : type === 'regular'\n          ? regularClassNames[type]\n          : false,\n  };\n};\n\nexport const getAdaptiveViewWidth = (\n  viewWidth: undefined | ViewWidthType,\n  viewWidthClassNames: Record<ViewWidthCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveViewWidth => {\n  return {\n    tabletMinus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletMinus.mq\n        : viewWidth < ViewWidth.TABLET\n          ? viewWidthClassNames.tabletMinus.forced\n          : false,\n    tabletPlus:\n      viewWidth === undefined\n        ? viewWidthClassNames.tabletPlus.mq\n        : viewWidth >= ViewWidth.TABLET\n          ? viewWidthClassNames.tabletPlus.forced\n          : false,\n  };\n};\n\nexport const getAdaptiveDeviceType = (\n  viewWidth: undefined | ViewWidthType,\n  viewHeight: undefined | ViewHeightType,\n  hasPointer: undefined | boolean,\n  platform: PlatformType,\n  deviceTypeClassNames: Record<DeviceTypeCSSBreakpoints, Record<'mq' | 'forced', ElementProps>>,\n): AdaptiveDeviceType => {\n  const isDesktop = tryToCheckIsDesktop(viewWidth, viewHeight, hasPointer, platform);\n\n  if (isDesktop === null) {\n    return {\n      mobile: deviceTypeClassNames.mobile.mq,\n      desktop: deviceTypeClassNames.desktop.mq,\n    };\n  }\n\n  if (isDesktop) {\n    return {\n      mobile: false,\n      desktop: deviceTypeClassNames.desktop.forced,\n    };\n  }\n\n  return {\n    mobile: deviceTypeClassNames.mobile.forced,\n    desktop: false,\n  };\n};\n"],"names":["getAdaptiveDeviceType","getAdaptiveSizeType","getAdaptiveViewWidth","type","compactClassNames","regularClassNames","compact","undefined","mq","regular","viewWidth","viewWidthClassNames","tabletMinus","ViewWidth","TABLET","forced","tabletPlus","viewHeight","hasPointer","platform","deviceTypeClassNames","isDesktop","tryToCheckIsDesktop","mobile","desktop"],"mappings":";;;;;;;;;;;IA0DaA,qBAAqB;eAArBA;;IAzCAC,mBAAmB;eAAnBA;;IAqBAC,oBAAoB;eAApBA;;;4BAhCN;AAWA,MAAMD,sBAAsB,CACjCE,MACAC,mBACAC;IAEA,OAAO;QACLC,SACEH,SAASI,YACLH,kBAAkBI,EAAE,GACpBL,SAAS,YACPC,iBAAiB,CAACD,KAAK,GACvB;QACRM,SACEN,SAASI,YACLF,kBAAkBG,EAAE,GACpBL,SAAS,YACPE,iBAAiB,CAACF,KAAK,GACvB;IACV;AACF;AAEO,MAAMD,uBAAuB,CAClCQ,WACAC;IAEA,OAAO;QACLC,aACEF,cAAcH,YACVI,oBAAoBC,WAAW,CAACJ,EAAE,GAClCE,YAAYG,qBAAS,CAACC,MAAM,GAC1BH,oBAAoBC,WAAW,CAACG,MAAM,GACtC;QACRC,YACEN,cAAcH,YACVI,oBAAoBK,UAAU,CAACR,EAAE,GACjCE,aAAaG,qBAAS,CAACC,MAAM,GAC3BH,oBAAoBK,UAAU,CAACD,MAAM,GACrC;IACV;AACF;AAEO,MAAMf,wBAAwB,CACnCU,WACAO,YACAC,YACAC,UACAC;IAEA,MAAMC,YAAYC,IAAAA,+BAAmB,EAACZ,WAAWO,YAAYC,YAAYC;IAEzE,IAAIE,cAAc,MAAM;QACtB,OAAO;YACLE,QAAQH,qBAAqBG,MAAM,CAACf,EAAE;YACtCgB,SAASJ,qBAAqBI,OAAO,CAAChB,EAAE;QAC1C;IACF;IAEA,IAAIa,WAAW;QACb,OAAO;YACLE,QAAQ;YACRC,SAASJ,qBAAqBI,OAAO,CAACT,MAAM;QAC9C;IACF;IAEA,OAAO;QACLQ,QAAQH,qBAAqBG,MAAM,CAACR,MAAM;QAC1CS,SAAS;IACX;AACF"}

package/dist/cjs/hooks/useAdaptivityConditionalRender/types.d.ts

@@ -1,4 +1,4 @@
-import { type CSSBreakpoints, SizeTypeValues } from '../../lib/adaptivity';
+import type { CSSBreakpoints, SizeTypeValues } from '../../lib/adaptivity';
 export type ForcedHiddenByAdaptivityProviderType = false;
 export type ElementProps = {
     className: string;

package/dist/cjs/hooks/useAdaptivityConditionalRender/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3E,MAAM,MAAM,oCAAoC,GAAG,KAAK,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAIjD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,cAAc,EACd,oCAAoC,GAAG,YAAY,CACpD,CAAC;AAIF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,cAAc,EAAE,aAAa,GAAG,YAAY,CAAC,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG,MAAM,CACpC,uBAAuB,EACvB,oCAAoC,GAAG,YAAY,CACpD,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,MAAM,CACrC,wBAAwB,EACxB,oCAAoC,GAAG,YAAY,CACpD,CAAC;AAIF,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,UAAU,EAAE,kBAAkB,CAAC;CAChC"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useAdaptivityConditionalRender/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAE3E,MAAM,MAAM,oCAAoC,GAAG,KAAK,CAAC;AAEzD,MAAM,MAAM,YAAY,GAAG;IAAE,SAAS,EAAE,MAAM,CAAA;CAAE,CAAC;AAIjD,MAAM,MAAM,gBAAgB,GAAG,MAAM,CACnC,cAAc,EACd,oCAAoC,GAAG,YAAY,CACpD,CAAC;AAIF,MAAM,MAAM,uBAAuB,GAAG,OAAO,CAAC,cAAc,EAAE,aAAa,GAAG,YAAY,CAAC,CAAC;AAE5F,MAAM,MAAM,iBAAiB,GAAG,MAAM,CACpC,uBAAuB,EACvB,oCAAoC,GAAG,YAAY,CACpD,CAAC;AAIF,MAAM,MAAM,wBAAwB,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE5D,MAAM,MAAM,kBAAkB,GAAG,MAAM,CACrC,wBAAwB,EACxB,oCAAoC,GAAG,YAAY,CACpD,CAAC;AAIF,MAAM,WAAW,8BAA8B;IAC7C,KAAK,EAAE,gBAAgB,CAAC;IACxB,KAAK,EAAE,gBAAgB,CAAC;IACxB,SAAS,EAAE,iBAAiB,CAAC;IAC7B,UAAU,EAAE,kBAAkB,CAAC;CAChC"}

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

@@ -1,3 +1,3 @@
-import { AppearanceType } from '../lib/appearance';
+import { type AppearanceType } from '../lib/appearance';
 export declare function useAppearance(): AppearanceType;
 //# sourceMappingURL=useAppearance.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAppearance.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAppearance.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAEvE,wBAAgB,aAAa,IAAI,cAAc,CAI9C"}
+{"version":3,"file":"useAppearance.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAppearance.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,cAAc,EAAsB,MAAM,mBAAmB,CAAC;AAE5E,wBAAgB,aAAa,IAAI,cAAc,CAI9C"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { AppearanceType, DEFAULT_APPEARANCE } from '../lib/appearance';\n\nexport function useAppearance(): AppearanceType {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? DEFAULT_APPEARANCE;\n}\n"],"names":["useAppearance","appearance","useConfigProvider","DEFAULT_APPEARANCE"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;4BACiB;AAE5C,SAASA;IACd,MAAM,EAAEC,UAAU,EAAE,GAAGC,IAAAA,wCAAiB;IAExC,OAAOD,uBAAAA,wBAAAA,aAAcE,8BAAkB;AACzC"}
+{"version":3,"sources":["../../../src/hooks/useAppearance.ts"],"sourcesContent":["import { useConfigProvider } from '../components/ConfigProvider/ConfigProviderContext';\nimport { type AppearanceType, DEFAULT_APPEARANCE } from '../lib/appearance';\n\nexport function useAppearance(): AppearanceType {\n  const { appearance } = useConfigProvider();\n\n  return appearance ?? DEFAULT_APPEARANCE;\n}\n"],"names":["useAppearance","appearance","useConfigProvider","DEFAULT_APPEARANCE"],"mappings":";;;;+BAGgBA;;;eAAAA;;;uCAHkB;4BACsB;AAEjD,SAASA;IACd,MAAM,EAAEC,UAAU,EAAE,GAAGC,IAAAA,wCAAiB;IAExC,OAAOD,uBAAAA,wBAAAA,aAAcE,8BAAkB;AACzC"}

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

@@ -1,3 +1,3 @@
-import * as React from 'react';
+import type * as React from 'react';
 export declare function useAutoFocus(ref: React.RefObject<HTMLElement | null>, autoFocus: boolean | undefined): void;
 //# sourceMappingURL=useAutoFocus.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"useAutoFocus.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,wBAAgB,YAAY,CAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,SAAS,EAAE,OAAO,GAAG,SAAS,GAC7B,IAAI,CAQN"}
+{"version":3,"file":"useAutoFocus.d.ts","sourceRoot":"","sources":["../../../src/hooks/useAutoFocus.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAGpC,wBAAgB,YAAY,CAC1B,GAAG,EAAE,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,EACxC,SAAS,EAAE,OAAO,GAAG,SAAS,GAC7B,IAAI,CAQN"}

package/dist/cjs/hooks/useAutoFocus.js

@@ -8,8 +8,6 @@ Object.defineProperty(exports, "useAutoFocus", {
         return useAutoFocus;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 function useAutoFocus(ref, autoFocus) {
     (0, _useIsomorphicLayoutEffect.useIsomorphicLayoutEffect)(()=>{

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useAutoFocus","ref","autoFocus","useIsomorphicLayoutEffect","current","focus"],"mappings":";;;;+BAGgBA;;;eAAAA;;;;iEAHO;2CACmB;AAEnC,SAASA,aACdC,GAAwC,EACxCC,SAA8B;IAE9BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACD,aAAa,CAACD,IAAIG,OAAO,EAAE;YAC9B;QACF;QAEAH,IAAIG,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}
+{"version":3,"sources":["../../../src/hooks/useAutoFocus.ts"],"sourcesContent":["import type * as React from 'react';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nexport function useAutoFocus(\n  ref: React.RefObject<HTMLElement | null>,\n  autoFocus: boolean | undefined,\n): void {\n  useIsomorphicLayoutEffect(() => {\n    if (!autoFocus || !ref.current) {\n      return;\n    }\n\n    ref.current.focus();\n  }, []);\n}\n"],"names":["useAutoFocus","ref","autoFocus","useIsomorphicLayoutEffect","current","focus"],"mappings":";;;;+BAGgBA;;;eAAAA;;;2CAF0B;AAEnC,SAASA,aACdC,GAAwC,EACxCC,SAA8B;IAE9BC,IAAAA,oDAAyB,EAAC;QACxB,IAAI,CAACD,aAAa,CAACD,IAAIG,OAAO,EAAE;YAC9B;QACF;QAEAH,IAAIG,OAAO,CAACC,KAAK;IACnB,GAAG,EAAE;AACP"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { addMonths, endOfDay, isAfter, isBefore, isSameDay, startOfDay, subMonths } from 'date-fns';\nimport { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    | 'onHeaderChange'\n    | 'onNextMonth'\n    | 'onPrevMonth'\n    | 'minDateTime'\n    | 'maxDateTime'\n    | 'shouldDisableDate'\n    | 'disableFuture'\n    | 'disablePast'\n  > {\n  value?: Array<Date | null> | Date;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  minDateTime,\n  maxDateTime,\n}: UseCalendarDependencies): {\n  viewDate: Date;\n  setViewDate: (value: Date) => void;\n  setPrevMonth: () => void;\n  setNextMonth: () => void;\n  focusedDay: Date | undefined;\n  setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;\n  isDayFocused: (day: Date) => boolean;\n  isDayDisabled: (day: Date, withTime?: boolean) => boolean;\n  resetSelectedDay: () => void;\n  isMonthDisabled: (month: number, year?: number) => boolean;\n  isYearDisabled: (year: number) => boolean;\n} {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date, withTime?: boolean) => {\n      const now = new Date();\n      if (shouldDisableDate) {\n        return shouldDisableDate(day);\n      }\n      if (disableFuture) {\n        return isAfter(startOfDay(day), now);\n      }\n      if (disablePast) {\n        return isBefore(endOfDay(day), now);\n      }\n      if (minDateTime || maxDateTime) {\n        return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n      }\n\n      return false;\n    },\n    [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n  );\n\n  const isMonthDisabled = React.useCallback(\n    (month: number, year?: number): boolean => {\n      const now = new Date();\n      year = year || viewDate.getFullYear();\n      const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n      const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled =\n        year >= minYear && year <= maxYear\n          ? (year === minYear && minMonth > month) || (year === maxYear && month > maxMonth)\n          : true;\n\n      if (disableFuture) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n      }\n      if (disablePast) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n  );\n\n  const isYearDisabled = React.useCallback(\n    (year: number): boolean => {\n      const now = new Date();\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled = minYear > year || year > maxYear;\n      if (disableFuture) {\n        isDisabled = isDisabled || year > now.getFullYear();\n      }\n      if (disablePast) {\n        isDisabled = isDisabled || year < now.getFullYear();\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, minDateTime, maxDateTime],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n    isMonthDisabled,\n    isYearDisabled,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","React","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","withTime","now","isAfter","startOfDay","isBefore","endOfDay","isDayMinMaxRestricted","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","DEFAULT_MIN_YEAR","maxYear","DEFAULT_MAX_YEAR","isDisabled","isYearDisabled","resetSelectedDay","undefined"],"mappings":"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"}
+{"version":3,"sources":["../../../src/hooks/useCalendar.ts"],"sourcesContent":["import * as React from 'react';\nimport { addMonths, endOfDay, isAfter, isBefore, isSameDay, startOfDay, subMonths } from 'date-fns';\nimport type { CalendarProps } from '../components/Calendar/Calendar';\nimport { DEFAULT_MAX_YEAR, DEFAULT_MIN_YEAR, isDayMinMaxRestricted } from '../lib/calendar';\n\nexport interface UseCalendarDependencies\n  extends Pick<\n    CalendarProps,\n    | 'onHeaderChange'\n    | 'onNextMonth'\n    | 'onPrevMonth'\n    | 'minDateTime'\n    | 'maxDateTime'\n    | 'shouldDisableDate'\n    | 'disableFuture'\n    | 'disablePast'\n  > {\n  value?: Array<Date | null> | Date;\n}\n\nexport function useCalendar({\n  value,\n  disablePast,\n  disableFuture,\n  shouldDisableDate,\n  onHeaderChange,\n  onNextMonth,\n  onPrevMonth,\n  minDateTime,\n  maxDateTime,\n}: UseCalendarDependencies): {\n  viewDate: Date;\n  setViewDate: (value: Date) => void;\n  setPrevMonth: () => void;\n  setNextMonth: () => void;\n  focusedDay: Date | undefined;\n  setFocusedDay: React.Dispatch<React.SetStateAction<Date | undefined>>;\n  isDayFocused: (day: Date) => boolean;\n  isDayDisabled: (day: Date, withTime?: boolean) => boolean;\n  resetSelectedDay: () => void;\n  isMonthDisabled: (month: number, year?: number) => boolean;\n  isYearDisabled: (year: number) => boolean;\n} {\n  const [viewDate, setViewDate] = React.useState(\n    (Array.isArray(value) ? value[0] : value) ?? new Date(),\n  );\n  const [focusedDay, setFocusedDay] = React.useState<Date>();\n\n  const setPrevMonth = React.useCallback(() => {\n    onPrevMonth?.();\n    setViewDate(subMonths(viewDate, 1));\n  }, [viewDate, onPrevMonth]);\n  const setNextMonth = React.useCallback(() => {\n    onNextMonth?.();\n    setViewDate(addMonths(viewDate, 1));\n  }, [viewDate, onNextMonth]);\n\n  const handleSetViewDate = React.useCallback(\n    (value: Date) => {\n      onHeaderChange?.(value);\n      setViewDate(value);\n    },\n    [onHeaderChange],\n  );\n\n  const isDayFocused = React.useCallback(\n    (day: Date) => Boolean(focusedDay && isSameDay(day, focusedDay)),\n    [focusedDay],\n  );\n\n  const isDayDisabled = React.useCallback(\n    (day: Date, withTime?: boolean) => {\n      const now = new Date();\n      if (shouldDisableDate) {\n        return shouldDisableDate(day);\n      }\n      if (disableFuture) {\n        return isAfter(startOfDay(day), now);\n      }\n      if (disablePast) {\n        return isBefore(endOfDay(day), now);\n      }\n      if (minDateTime || maxDateTime) {\n        return isDayMinMaxRestricted(day, { min: minDateTime, max: maxDateTime, withTime });\n      }\n\n      return false;\n    },\n    [disableFuture, disablePast, shouldDisableDate, minDateTime, maxDateTime],\n  );\n\n  const isMonthDisabled = React.useCallback(\n    (month: number, year?: number): boolean => {\n      const now = new Date();\n      year = year || viewDate.getFullYear();\n      const minMonth = minDateTime ? minDateTime.getMonth() : 0;\n      const maxMonth = maxDateTime ? maxDateTime.getMonth() : 11;\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled =\n        year >= minYear && year <= maxYear\n          ? (year === minYear && minMonth > month) || (year === maxYear && month > maxMonth)\n          : true;\n\n      if (disableFuture) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month > now.getMonth() : year > now.getFullYear());\n      }\n      if (disablePast) {\n        isDisabled =\n          isDisabled ||\n          (year === now.getFullYear() ? month < now.getMonth() : year < now.getFullYear());\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, viewDate, minDateTime, maxDateTime],\n  );\n\n  const isYearDisabled = React.useCallback(\n    (year: number): boolean => {\n      const now = new Date();\n      const minYear = minDateTime?.getFullYear() || DEFAULT_MIN_YEAR;\n      const maxYear = maxDateTime?.getFullYear() || DEFAULT_MAX_YEAR;\n\n      let isDisabled = minYear > year || year > maxYear;\n      if (disableFuture) {\n        isDisabled = isDisabled || year > now.getFullYear();\n      }\n      if (disablePast) {\n        isDisabled = isDisabled || year < now.getFullYear();\n      }\n\n      return isDisabled;\n    },\n    [disableFuture, disablePast, minDateTime, maxDateTime],\n  );\n\n  const resetSelectedDay = React.useCallback(() => {\n    setFocusedDay(undefined);\n  }, [setFocusedDay]);\n\n  return {\n    viewDate,\n    setViewDate: handleSetViewDate,\n    setPrevMonth,\n    setNextMonth,\n    focusedDay,\n    setFocusedDay,\n    isDayFocused,\n    isDayDisabled,\n    resetSelectedDay,\n    isMonthDisabled,\n    isYearDisabled,\n  };\n}\n"],"names":["useCalendar","value","disablePast","disableFuture","shouldDisableDate","onHeaderChange","onNextMonth","onPrevMonth","minDateTime","maxDateTime","Array","viewDate","setViewDate","React","useState","isArray","Date","focusedDay","setFocusedDay","setPrevMonth","useCallback","subMonths","setNextMonth","addMonths","handleSetViewDate","isDayFocused","day","Boolean","isSameDay","isDayDisabled","withTime","now","isAfter","startOfDay","isBefore","endOfDay","isDayMinMaxRestricted","min","max","isMonthDisabled","month","year","getFullYear","minMonth","getMonth","maxMonth","minYear","DEFAULT_MIN_YEAR","maxYear","DEFAULT_MAX_YEAR","isDisabled","isYearDisabled","resetSelectedDay","undefined"],"mappings":"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"}

package/dist/cjs/hooks/useDraggableWithDomApi/types.d.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
-import type { TouchEvent } from '../../components/Touch/Touch';
+import type * as React from 'react';
+import type { CustomTouchEvent } from '../../components/Touch/Touch';
 export type Direction = 'up' | 'down';
 export type DraggingItem = {
     index: number;
@@ -26,9 +26,9 @@ export interface UseDraggableProps<T extends HTMLElement = HTMLElement> {
     onDragFinish?: (value: SwappedItemRange) => void;
 }
 export interface DraggableProps {
-    onDragStart: (this: void, event: TouchEvent) => void;
-    onDragEnd: (this: void, event: TouchEvent) => void;
-    onDragMove: (this: void, event: TouchEvent) => void;
+    onDragStart: (this: void, event: CustomTouchEvent) => void;
+    onDragEnd: (this: void, event: CustomTouchEvent) => void;
+    onDragMove: (this: void, event: CustomTouchEvent) => void;
 }
 export interface UseDraggable extends DraggableProps {
     dragging: boolean;

package/dist/cjs/hooks/useDraggableWithDomApi/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAC/B,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,8BAA8B,CAAC;AAE/D,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACpE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACrD,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;IACnD,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,UAAU,KAAK,IAAI,CAAC;CACrD;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,QAAQ,EAAE,OAAO,CAAC;CACnB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../../src/hooks/useDraggableWithDomApi/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AACpC,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,8BAA8B,CAAC;AAErE,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,CAAC;AAEtC,MAAM,MAAM,YAAY,GAAG;IACzB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,eAAe,GAAG;IAC5B,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,WAAW,GAAG;IACxB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,WAAW,CAAC;IAChB,OAAO,EAAE,OAAO,CAAC;IACjB,cAAc,EAAE,OAAO,CAAC;CACzB,CAAC;AAEF,MAAM,MAAM,gBAAgB,GAAG;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,EAAE,EAAE,MAAM,CAAA;CAAE,CAAC;AAE5D,MAAM,WAAW,iBAAiB,CAAC,CAAC,SAAS,WAAW,GAAG,WAAW;IACpE,KAAK,EAAE,KAAK,CAAC,gBAAgB,CAAC,CAAC,GAAG,IAAI,CAAC,CAAC;IACxC,YAAY,CAAC,EAAE,CAAC,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAClD;AAED,MAAM,WAAW,cAAc;IAC7B,WAAW,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IAC3D,SAAS,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACzD,UAAU,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,gBAAgB,KAAK,IAAI,CAAC;CAC3D;AAED,MAAM,WAAW,YAAa,SAAQ,cAAc;IAClD,QAAQ,EAAE,OAAO,CAAC;CACnB"}

package/dist/cjs/hooks/useDraggableWithDomApi/types.js

@@ -2,7 +2,5 @@
 Object.defineProperty(exports, "__esModule", {
     value: true
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 
 //# sourceMappingURL=types.js.map

package/dist/cjs/hooks/useDraggableWithDomApi/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/types.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\n\nexport type Direction = 'up' | 'down';\n\nexport type DraggingItem = {\n  index: number;\n  el: HTMLElement;\n  draggingElRect: DOMRect;\n};\n\nexport type PlaceholderItem = {\n  index: number;\n  el: HTMLElement;\n  draggingElRect: DOMRect;\n};\n\nexport type SiblingItem = {\n  index: number;\n  el: HTMLElement;\n  shifted: boolean;\n  draggingElRect: DOMRect;\n};\n\nexport type SwappedItemRange = { from: number; to: number };\n\nexport interface UseDraggableProps<T extends HTMLElement = HTMLElement> {\n  elRef: React.MutableRefObject<T | null>;\n  onDragFinish?: (value: SwappedItemRange) => void;\n}\n\nexport interface DraggableProps {\n  onDragStart: (this: void, event: TouchEvent) => void;\n  onDragEnd: (this: void, event: TouchEvent) => void;\n  onDragMove: (this: void, event: TouchEvent) => void;\n}\n\nexport interface UseDraggable extends DraggableProps {\n  dragging: boolean;\n}\n"],"names":[],"mappings":";;;;;iEAAuB"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/types.ts"],"names":[],"mappings":""}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { TouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n  AUTO_SCROLL_START_DELAY,\n  DATA_DRAGGABLE_PLACEHOLDER_KEY,\n  ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n  Direction,\n  DraggingItem,\n  PlaceholderItem,\n  SiblingItem,\n  UseDraggable,\n  UseDraggableProps,\n} from './types';\nimport {\n  getTargetIsOverOrUnderElData,\n  setDraggingItemShiftStyles,\n  setInitialDraggingItemStyles,\n  setInitialPlaceholderItemStyles,\n  setInitialSiblingItemStyles,\n  setSiblingItemsShiftStyles,\n  unsetInitialDraggingItemStyles,\n  unsetInitialPlaceholderItemStyles,\n  unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n  elRef: draggingElRef,\n  onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n  const [dragging, setDragging] = React.useState(false);\n  const lastClientYRef = React.useRef(0);\n  const lastDragShiftYRef = React.useRef(0);\n\n  const scrollElRef = React.useRef<Element | Window | null>(null);\n  const lastScrollTopRef = React.useRef<number>(0);\n  const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> | null>(\n    null,\n  );\n  const initializeScrollRefs = (draggableEl: HTMLElement) => {\n    const node = getNearestOverflowAncestor(draggableEl);\n    if (node) {\n      scrollElRef.current = node;\n      lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n      scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n    }\n  };\n  const cleanupScrollRefs = () => {\n    lastScrollTopRef.current = 0;\n    scrollControllerRef.current?.stop();\n    scrollElRef.current = scrollControllerRef.current = null;\n  };\n\n  const lastDragDirectionRef = React.useRef<Direction | undefined>(undefined);\n  const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n    const shiftYDiff = prevShiftY - nextShiftY;\n    if (shiftYDiff < 0) {\n      return 'down';\n    }\n    if (shiftYDiff > 0) {\n      return 'up';\n    }\n    return lastDragDirectionRef.current;\n  };\n\n  const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const draggingItemRef = React.useRef<DraggingItem | null>(null);\n  const placeholderItemRef = React.useRef<PlaceholderItem | null>(null);\n  const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n  const itemsGapRef = React.useRef<number>(0);\n  const initializeItems = (draggingEl: HTMLElement) => {\n    const draggingElRect = getBoundingClientRect(draggingEl, true);\n    const parentElement = draggingEl.parentElement;\n    itemsGapRef.current = parentElement ? parseInt(parentElement.style.gridGap) : 0;\n\n    const { children } = parentElement || { children: [] };\n    Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n      if (el === draggingEl) {\n        itemStartIndexRef.current = itemEndIndexRef.current = index;\n        draggingItemRef.current = { index, el, draggingElRect };\n      } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n        placeholderItemRef.current = { index, el, draggingElRect };\n      } else {\n        siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n      }\n    });\n    if (placeholderItemRef.current) {\n      setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach((sibling) =>\n      setInitialSiblingItemStyles(sibling, itemsGapRef.current),\n    ); // 2. repaint\n  };\n  const cleanupItems = () => {\n    if (placeholderItemRef.current) {\n      unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n    siblingItemsRef.current = [];\n    placeholderItemRef.current = draggingItemRef.current = null;\n\n    const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n    itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n    return swappedItemIndexRange;\n  };\n  const getShiftAndUnshiftItemsPreparedData = (\n    clientY: number,\n  ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n    const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n    const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n    itemEndIndexRef.current = itemStartIndexRef.current;\n    siblingItemsRef.current.forEach((siblingItem) => {\n      const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n        clientY,\n        getBoundingClientRect(siblingItem.el),\n      );\n      if (itemStartIndexRef.current < siblingItem.index) {\n        if (isOverEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current + 1;\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            shiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n        if (isUnderEl) {\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            unshiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n      } else if (itemStartIndexRef.current > siblingItem.index) {\n        if (isUnderEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current - 1;\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            shiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n        if (isOverEl) {\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            unshiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n      }\n    });\n    return [shiftItemEls, unshiftItemEls];\n  };\n  const setShiftAndUnshiftItemStyles = (\n    shiftItemEls: Array<[SiblingItem, Direction]>,\n    unshiftItemEls: Array<[SiblingItem, Direction]>,\n  ) => {\n    shiftItemEls.forEach((item) => setSiblingItemsShiftStyles(item, itemsGapRef.current));\n    unshiftItemEls.forEach((item) => setSiblingItemsShiftStyles(item, itemsGapRef.current));\n  };\n\n  const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearSchedulingAutoScrollTimeout = () => {\n    if (schedulingAutoScrollTimeoutIdRef.current) {\n      clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n      schedulingAutoScrollTimeoutIdRef.current = null;\n    }\n  };\n  const tryAutoScroll = () => {\n    if (scrollControllerRef.current) {\n      scrollControllerRef.current.tryAutoScroll(() => {\n        return scrollElRef.current\n          ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n          : {\n              shouldScrolling: false,\n              y: 0,\n            };\n      });\n    }\n  };\n  const schedulingAutoScroll = () => {\n    clearSchedulingAutoScrollTimeout();\n    schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n      schedulingAutoScrollTimeoutIdRef.current = null;\n      tryAutoScroll();\n    }, AUTO_SCROLL_START_DELAY);\n  };\n\n  const onDragStart = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n  };\n\n  const onDragMove = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    const draggingEl = draggingElRef.current;\n\n    if (!draggingEl) {\n      return;\n    }\n\n    if (dragging) {\n      lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n      lastDragShiftYRef.current = event.shiftY;\n      lastClientYRef.current = event.clientY;\n\n      if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n      } else {\n        const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n          lastClientYRef.current,\n        );\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n        setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n        schedulingAutoScroll();\n      }\n    } else {\n      setDragging((prevDragging) => {\n        // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n        // `true`\n        if (prevDragging) {\n          return prevDragging;\n        }\n        initializeScrollRefs(draggingEl);\n        initializeItems(draggingEl);\n        return true;\n      });\n    }\n  };\n\n  const onDragEnd = (event: TouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    clearSchedulingAutoScrollTimeout();\n    cleanupScrollRefs();\n\n    lastClientYRef.current = lastDragShiftYRef.current = 0;\n    lastDragDirectionRef.current = undefined;\n\n    if (dragging) {\n      const swappedItemRange = cleanupItems();\n      if (onDragFinish) {\n        onDragFinish(swappedItemRange);\n      }\n      setDragging(false);\n    }\n  };\n\n  const handleScroll = React.useCallback(() => {\n    if (!draggingElRef.current || !scrollElRef.current) {\n      return;\n    }\n\n    const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n    lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n    const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n    const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n    lastScrollTopRef.current = nextScrollTop;\n\n    const [shiftItemEls, unshiftItemEls] =\n      getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n    setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n  }, [draggingElRef]);\n\n  useIsomorphicLayoutEffect(\n    function recalculateOnScroll() {\n      const scrollEl = scrollElRef.current;\n      if (!dragging || !scrollEl) {\n        return;\n      }\n      scrollEl.addEventListener('scroll', handleScroll);\n      return () => {\n        if (scrollEl) {\n          scrollEl.removeEventListener('scroll', handleScroll);\n        }\n      };\n    },\n    [dragging, handleScroll],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function componentWillUnmount() {\n        if (placeholderItemRef.current) {\n          unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n        }\n      },\n    [],\n  );\n\n  return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","React","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","getNearestOverflowAncestor","current","getNodeScroll","scrollTop","createAutoScrollController","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","ITEM_INITIAL_INDEX","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","itemsGapRef","initializeItems","draggingEl","draggingElRect","getBoundingClientRect","parentElement","parseInt","style","gridGap","children","Array","prototype","forEach","call","el","index","getAttribute","DATA_DRAGGABLE_PLACEHOLDER_KEY","push","shifted","setInitialPlaceholderItemStyles","setInitialDraggingItemStyles","sibling","setInitialSiblingItemStyles","cleanupItems","unsetInitialPlaceholderItemStyles","unsetInitialDraggingItemStyles","unsetInitialSiblingItemStyles","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","getTargetIsOverOrUnderElData","setShiftAndUnshiftItemStyles","item","setSiblingItemsShiftStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","getAutoScrollingData","shouldScrolling","y","schedulingAutoScroll","setTimeout","AUTO_SCROLL_START_DELAY","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","setDraggingItemShiftStyles","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","useIsomorphicLayoutEffect","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":"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"}
+{"version":3,"sources":["../../../../src/hooks/useDraggableWithDomApi/useDraggableWithDomApi.ts"],"sourcesContent":["import * as React from 'react';\nimport type { CustomTouchEvent } from '../../components/Touch/Touch';\nimport { getBoundingClientRect, getNearestOverflowAncestor, getNodeScroll } from '../../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../../lib/useIsomorphicLayoutEffect';\nimport { createAutoScrollController, getAutoScrollingData } from './autoScroll';\nimport {\n  AUTO_SCROLL_START_DELAY,\n  DATA_DRAGGABLE_PLACEHOLDER_KEY,\n  ITEM_INITIAL_INDEX,\n} from './constants';\nimport type {\n  Direction,\n  DraggingItem,\n  PlaceholderItem,\n  SiblingItem,\n  UseDraggable,\n  UseDraggableProps,\n} from './types';\nimport {\n  getTargetIsOverOrUnderElData,\n  setDraggingItemShiftStyles,\n  setInitialDraggingItemStyles,\n  setInitialPlaceholderItemStyles,\n  setInitialSiblingItemStyles,\n  setSiblingItemsShiftStyles,\n  unsetInitialDraggingItemStyles,\n  unsetInitialPlaceholderItemStyles,\n  unsetInitialSiblingItemStyles,\n} from './utils';\n\nexport const useDraggableWithDomApi = <T extends HTMLElement>({\n  elRef: draggingElRef,\n  onDragFinish,\n}: UseDraggableProps<T>): UseDraggable => {\n  const [dragging, setDragging] = React.useState(false);\n  const lastClientYRef = React.useRef(0);\n  const lastDragShiftYRef = React.useRef(0);\n\n  const scrollElRef = React.useRef<Element | Window | null>(null);\n  const lastScrollTopRef = React.useRef<number>(0);\n  const scrollControllerRef = React.useRef<ReturnType<typeof createAutoScrollController> | null>(\n    null,\n  );\n  const initializeScrollRefs = (draggableEl: HTMLElement) => {\n    const node = getNearestOverflowAncestor(draggableEl);\n    if (node) {\n      scrollElRef.current = node;\n      lastScrollTopRef.current = getNodeScroll(node).scrollTop;\n      scrollControllerRef.current = createAutoScrollController(scrollElRef.current);\n    }\n  };\n  const cleanupScrollRefs = () => {\n    lastScrollTopRef.current = 0;\n    scrollControllerRef.current?.stop();\n    scrollElRef.current = scrollControllerRef.current = null;\n  };\n\n  const lastDragDirectionRef = React.useRef<Direction | undefined>(undefined);\n  const toggleDragDirection = (prevShiftY: number, nextShiftY: number) => {\n    const shiftYDiff = prevShiftY - nextShiftY;\n    if (shiftYDiff < 0) {\n      return 'down';\n    }\n    if (shiftYDiff > 0) {\n      return 'up';\n    }\n    return lastDragDirectionRef.current;\n  };\n\n  const itemStartIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const itemEndIndexRef = React.useRef<number>(ITEM_INITIAL_INDEX);\n  const draggingItemRef = React.useRef<DraggingItem | null>(null);\n  const placeholderItemRef = React.useRef<PlaceholderItem | null>(null);\n  const siblingItemsRef = React.useRef<SiblingItem[]>([]);\n  const itemsGapRef = React.useRef<number>(0);\n  const initializeItems = (draggingEl: HTMLElement) => {\n    const draggingElRect = getBoundingClientRect(draggingEl, true);\n    const parentElement = draggingEl.parentElement;\n    itemsGapRef.current = parentElement ? parseInt(parentElement.style.gridGap) : 0;\n\n    const { children } = parentElement || { children: [] };\n    Array.prototype.forEach.call(children, (el: HTMLElement, index) => {\n      if (el === draggingEl) {\n        itemStartIndexRef.current = itemEndIndexRef.current = index;\n        draggingItemRef.current = { index, el, draggingElRect };\n      } else if (el.getAttribute(DATA_DRAGGABLE_PLACEHOLDER_KEY) !== null) {\n        placeholderItemRef.current = { index, el, draggingElRect };\n      } else {\n        siblingItemsRef.current.push({ index, el, shifted: itemStartIndexRef.current !== ITEM_INITIAL_INDEX && itemStartIndexRef.current < index, draggingElRect }); // prettier-ignore\n      }\n    });\n    if (placeholderItemRef.current) {\n      setInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      setInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach((sibling) =>\n      setInitialSiblingItemStyles(sibling, itemsGapRef.current),\n    ); // 2. repaint\n  };\n  const cleanupItems = () => {\n    if (placeholderItemRef.current) {\n      unsetInitialPlaceholderItemStyles(placeholderItemRef.current); // 1. reflow\n    }\n    if (draggingItemRef.current) {\n      unsetInitialDraggingItemStyles(draggingItemRef.current); // 2. repaint\n    }\n    siblingItemsRef.current.forEach(unsetInitialSiblingItemStyles); // 2. repaint\n    siblingItemsRef.current = [];\n    placeholderItemRef.current = draggingItemRef.current = null;\n\n    const swappedItemIndexRange = { from: itemStartIndexRef.current, to: itemEndIndexRef.current };\n    itemStartIndexRef.current = itemEndIndexRef.current = ITEM_INITIAL_INDEX;\n    return swappedItemIndexRange;\n  };\n  const getShiftAndUnshiftItemsPreparedData = (\n    clientY: number,\n  ): [Array<[SiblingItem, Direction]>, Array<[SiblingItem, Direction]>] => {\n    const shiftItemEls: Array<[SiblingItem, Direction]> = [];\n    const unshiftItemEls: Array<[SiblingItem, Direction]> = [];\n    itemEndIndexRef.current = itemStartIndexRef.current;\n    siblingItemsRef.current.forEach((siblingItem) => {\n      const { isOverEl, isUnderEl } = getTargetIsOverOrUnderElData(\n        clientY,\n        getBoundingClientRect(siblingItem.el),\n      );\n      if (itemStartIndexRef.current < siblingItem.index) {\n        if (isOverEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current + 1;\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            shiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n        if (isUnderEl) {\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            unshiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n      } else if (itemStartIndexRef.current > siblingItem.index) {\n        if (isUnderEl) {\n          itemEndIndexRef.current = itemEndIndexRef.current - 1;\n          if (lastDragDirectionRef.current === 'up' && !siblingItem.shifted) {\n            siblingItem.shifted = true;\n            shiftItemEls.push([siblingItem, 'down']);\n          }\n        }\n        if (isOverEl) {\n          if (lastDragDirectionRef.current === 'down' && siblingItem.shifted) {\n            siblingItem.shifted = false;\n            unshiftItemEls.push([siblingItem, 'up']);\n          }\n        }\n      }\n    });\n    return [shiftItemEls, unshiftItemEls];\n  };\n  const setShiftAndUnshiftItemStyles = (\n    shiftItemEls: Array<[SiblingItem, Direction]>,\n    unshiftItemEls: Array<[SiblingItem, Direction]>,\n  ) => {\n    shiftItemEls.forEach((item) => setSiblingItemsShiftStyles(item, itemsGapRef.current));\n    unshiftItemEls.forEach((item) => setSiblingItemsShiftStyles(item, itemsGapRef.current));\n  };\n\n  const schedulingAutoScrollTimeoutIdRef = React.useRef<ReturnType<typeof setTimeout> | null>(null);\n  const clearSchedulingAutoScrollTimeout = () => {\n    if (schedulingAutoScrollTimeoutIdRef.current) {\n      clearTimeout(schedulingAutoScrollTimeoutIdRef.current);\n      schedulingAutoScrollTimeoutIdRef.current = null;\n    }\n  };\n  const tryAutoScroll = () => {\n    if (scrollControllerRef.current) {\n      scrollControllerRef.current.tryAutoScroll(() => {\n        return scrollElRef.current\n          ? getAutoScrollingData(lastClientYRef.current, scrollElRef.current)\n          : {\n              shouldScrolling: false,\n              y: 0,\n            };\n      });\n    }\n  };\n  const schedulingAutoScroll = () => {\n    clearSchedulingAutoScrollTimeout();\n    schedulingAutoScrollTimeoutIdRef.current = setTimeout(() => {\n      schedulingAutoScrollTimeoutIdRef.current = null;\n      tryAutoScroll();\n    }, AUTO_SCROLL_START_DELAY);\n  };\n\n  const onDragStart = (event: CustomTouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n  };\n\n  const onDragMove = (event: CustomTouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    const draggingEl = draggingElRef.current;\n\n    if (!draggingEl) {\n      return;\n    }\n\n    if (dragging) {\n      lastDragDirectionRef.current = toggleDragDirection(lastDragShiftYRef.current, event.shiftY);\n      lastDragShiftYRef.current = event.shiftY;\n      lastClientYRef.current = event.clientY;\n\n      if (scrollControllerRef.current && scrollControllerRef.current.isRunning) {\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n      } else {\n        const [shiftItemEls, unshiftItemEls] = getShiftAndUnshiftItemsPreparedData(\n          lastClientYRef.current,\n        );\n        setDraggingItemShiftStyles(draggingEl, lastDragShiftYRef.current);\n        setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n        schedulingAutoScroll();\n      }\n    } else {\n      setDragging((prevDragging) => {\n        // На случай, если onDragMove успеет вызваться ещё раз до того, как `dragging` выставится в\n        // `true`\n        if (prevDragging) {\n          return prevDragging;\n        }\n        initializeScrollRefs(draggingEl);\n        initializeItems(draggingEl);\n        return true;\n      });\n    }\n  };\n\n  const onDragEnd = (event: CustomTouchEvent) => {\n    event.originalEvent.stopPropagation();\n    event.originalEvent.preventDefault();\n\n    clearSchedulingAutoScrollTimeout();\n    cleanupScrollRefs();\n\n    lastClientYRef.current = lastDragShiftYRef.current = 0;\n    lastDragDirectionRef.current = undefined;\n\n    if (dragging) {\n      const swappedItemRange = cleanupItems();\n      if (onDragFinish) {\n        onDragFinish(swappedItemRange);\n      }\n      setDragging(false);\n    }\n  };\n\n  const handleScroll = React.useCallback(() => {\n    if (!draggingElRef.current || !scrollElRef.current) {\n      return;\n    }\n\n    const nextScrollTop = getNodeScroll(scrollElRef.current).scrollTop;\n    lastDragDirectionRef.current = toggleDragDirection(lastScrollTopRef.current, nextScrollTop);\n    const scrollDiff = lastScrollTopRef.current - nextScrollTop;\n    const clientYWithScrollOffset = lastClientYRef.current + scrollDiff;\n    lastScrollTopRef.current = nextScrollTop;\n\n    const [shiftItemEls, unshiftItemEls] =\n      getShiftAndUnshiftItemsPreparedData(clientYWithScrollOffset);\n    setShiftAndUnshiftItemStyles(shiftItemEls, unshiftItemEls);\n  }, [draggingElRef]);\n\n  useIsomorphicLayoutEffect(\n    function recalculateOnScroll() {\n      const scrollEl = scrollElRef.current;\n      if (!dragging || !scrollEl) {\n        return;\n      }\n      scrollEl.addEventListener('scroll', handleScroll);\n      return () => {\n        if (scrollEl) {\n          scrollEl.removeEventListener('scroll', handleScroll);\n        }\n      };\n    },\n    [dragging, handleScroll],\n  );\n\n  useIsomorphicLayoutEffect(\n    () =>\n      function componentWillUnmount() {\n        if (placeholderItemRef.current) {\n          unsetInitialPlaceholderItemStyles(placeholderItemRef.current);\n        }\n      },\n    [],\n  );\n\n  return { dragging, onDragStart, onDragMove, onDragEnd };\n};\n"],"names":["useDraggableWithDomApi","elRef","draggingElRef","onDragFinish","dragging","setDragging","React","useState","lastClientYRef","useRef","lastDragShiftYRef","scrollElRef","lastScrollTopRef","scrollControllerRef","initializeScrollRefs","draggableEl","node","getNearestOverflowAncestor","current","getNodeScroll","scrollTop","createAutoScrollController","cleanupScrollRefs","stop","lastDragDirectionRef","undefined","toggleDragDirection","prevShiftY","nextShiftY","shiftYDiff","itemStartIndexRef","ITEM_INITIAL_INDEX","itemEndIndexRef","draggingItemRef","placeholderItemRef","siblingItemsRef","itemsGapRef","initializeItems","draggingEl","draggingElRect","getBoundingClientRect","parentElement","parseInt","style","gridGap","children","Array","prototype","forEach","call","el","index","getAttribute","DATA_DRAGGABLE_PLACEHOLDER_KEY","push","shifted","setInitialPlaceholderItemStyles","setInitialDraggingItemStyles","sibling","setInitialSiblingItemStyles","cleanupItems","unsetInitialPlaceholderItemStyles","unsetInitialDraggingItemStyles","unsetInitialSiblingItemStyles","swappedItemIndexRange","from","to","getShiftAndUnshiftItemsPreparedData","clientY","shiftItemEls","unshiftItemEls","siblingItem","isOverEl","isUnderEl","getTargetIsOverOrUnderElData","setShiftAndUnshiftItemStyles","item","setSiblingItemsShiftStyles","schedulingAutoScrollTimeoutIdRef","clearSchedulingAutoScrollTimeout","clearTimeout","tryAutoScroll","getAutoScrollingData","shouldScrolling","y","schedulingAutoScroll","setTimeout","AUTO_SCROLL_START_DELAY","onDragStart","event","originalEvent","stopPropagation","preventDefault","onDragMove","shiftY","isRunning","setDraggingItemShiftStyles","prevDragging","onDragEnd","swappedItemRange","handleScroll","useCallback","nextScrollTop","scrollDiff","clientYWithScrollOffset","useIsomorphicLayoutEffect","recalculateOnScroll","scrollEl","addEventListener","removeEventListener","componentWillUnmount"],"mappings":"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"}

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

@@ -1,4 +1,4 @@
-import { FocusEvent } from 'react';
+import { type FocusEvent } from 'react';
 export declare function useFocusVisible(withKeyboardInputCheck?: boolean): {
     focusVisible: boolean;
     onFocus: (event: FocusEvent<HTMLElement>) => void;

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,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"}
+{"version":3,"file":"useFocusVisible.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisible.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,UAAU,EAAqC,MAAM,OAAO,CAAC;AAG3E,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  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"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisible.ts"],"sourcesContent":["import { type 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;;;uBAHmD;gCACpC;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,4 +1,4 @@
-import { LiteralUnion } from '../types';
+import type { LiteralUnion } from '../types';
 export declare const focusVisiblePresetModeClassNames: Record<'inside' | 'outside', string>;
 type FocusVisiblePresetMode = keyof typeof focusVisiblePresetModeClassNames;
 export type FocusVisibleMode = LiteralUnion<FocusVisiblePresetMode, string>;

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,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"}
+{"version":3,"file":"useFocusVisibleClassName.d.ts","sourceRoot":"","sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,UAAU,CAAC;AAG7C,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: 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"}
+{"version":3,"sources":["../../../src/hooks/useFocusVisibleClassName.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport type { 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/useGlobalOnClickOutside.d.ts

@@ -1,4 +1,4 @@
-import * as React from 'react';
+import type * as React from 'react';
 /**
  * Завязывается на document.
  *

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,KACX,IAwBF,CAAC"}
+{"version":3,"file":"useGlobalOnClickOutside.d.ts","sourceRoot":"","sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC;;;;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

@@ -8,8 +8,6 @@ Object.defineProperty(exports, "useGlobalOnClickOutside", {
         return useGlobalOnClickOutside;
     }
 });
-const _interop_require_wildcard = require("@swc/helpers/_/_interop_require_wildcard");
-const _react = /*#__PURE__*/ _interop_require_wildcard._(require("react"));
 const _dom = require("../lib/dom");
 const _useIsomorphicLayoutEffect = require("../lib/useIsomorphicLayoutEffect");
 const useGlobalOnClickOutside = (callback, ...refs)=>{

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): 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"}
+{"version":3,"sources":["../../../src/hooks/useGlobalOnClickOutside.ts"],"sourcesContent":["import type * 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;;;qBARqB;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/useMutationObserver.d.ts

@@ -0,0 +1,3 @@
+import type * as React from 'react';
+export declare const useMutationObserver: (ref: React.MutableRefObject<HTMLElement | null> | React.RefObject<HTMLElement | null> | null, callback: () => void) => void;
+//# sourceMappingURL=useMutationObserver.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useMutationObserver.d.ts","sourceRoot":"","sources":["../../../src/hooks/useMutationObserver.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAIpC,eAAO,MAAM,mBAAmB,QACzB,KAAK,CAAC,gBAAgB,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,KAAK,CAAC,SAAS,CAAC,WAAW,GAAG,IAAI,CAAC,GAAG,IAAI,YAClF,MAAM,IAAI,KACnB,IAcF,CAAC"}