@vkontakte/vkui 8.0.2 → 8.1.0

package/dist/cssm/hooks/useEnsuredControl.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../lib/warnOnce';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, e: E) => any;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\nexport interface UseCustomEnsuredControlProps<V> {\n  value?: V;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: (this: void, v: V) => any;\n}\n\nconst warn = warnOnce('useCustomEnsuredControl');\n\nexport function useCustomEnsuredControl<V = any>({\n  value,\n  defaultValue,\n  disabled,\n  onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const preservedControlledValueRef = React.useRef<V | undefined>(undefined);\n  useIsomorphicLayoutEffect(() => {\n    preservedControlledValueRef.current = value;\n  });\n\n  const onChange = React.useCallback(\n    (nextValue: React.SetStateAction<V>) => {\n      if (disabled) {\n        return;\n      }\n\n      if (isFunction(nextValue)) {\n        if (!isControlled) {\n          setLocalValue((prevValue) => {\n            const resolvedValue = nextValue(prevValue);\n            if (onChangeProp) {\n              onChangeProp(resolvedValue);\n            }\n            return resolvedValue;\n          });\n        } else if (onChangeProp) {\n          if (process.env.NODE_ENV === 'development') {\n            if (preservedControlledValueRef.current === undefined) {\n              warn(\n                `A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components`,\n                'error',\n              );\n            }\n          }\n\n          if (preservedControlledValueRef.current !== undefined) {\n            const resolvedValue = nextValue(preservedControlledValueRef.current);\n            onChangeProp(resolvedValue);\n          }\n        }\n      } else {\n        if (onChangeProp) {\n          onChangeProp(nextValue);\n        }\n        if (!isControlled) {\n          setLocalValue(nextValue);\n        }\n      }\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["React","isFunction","useIsomorphicLayoutEffect","warnOnce","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","warn","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","current","nextValue","prevValue","resolvedValue","process","env","NODE_ENV"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,sCAAmC;AAC7E,SAASC,QAAQ,QAAQ,qBAAkB;AAS3C,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWL,MAAMY,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,MAAMU,OAAOZ,SAAS;AAEtB,OAAO,SAASQ,wBAAiC,EAC/CF,KAAK,EACLO,YAAY,EACZT,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMW,eAAeR,UAAUS;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGpB,MAAMqB,QAAQ,CAACL;IAEnD,MAAMM,8BAA8BtB,MAAMuB,MAAM,CAAgBL;IAChEhB,0BAA0B;QACxBoB,4BAA4BE,OAAO,GAAGf;IACxC;IAEA,MAAMJ,WAAWL,MAAMY,WAAW,CAChC,CAACa;QACC,IAAIlB,UAAU;YACZ;QACF;QAEA,IAAIN,WAAWwB,YAAY;YACzB,IAAI,CAACR,cAAc;gBACjBG,cAAc,CAACM;oBACb,MAAMC,gBAAgBF,UAAUC;oBAChC,IAAIpB,cAAc;wBAChBA,aAAaqB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAIrB,cAAc;gBACvB,IAAIsB,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;oBAC1C,IAAIR,4BAA4BE,OAAO,KAAKN,WAAW;wBACrDH,KACE,CAAC,kUAAkU,CAAC,EACpU;oBAEJ;gBACF;gBAEA,IAAIO,4BAA4BE,OAAO,KAAKN,WAAW;oBACrD,MAAMS,gBAAgBF,UAAUH,4BAA4BE,OAAO;oBACnElB,aAAaqB;gBACf;YACF;QACF,OAAO;YACL,IAAIrB,cAAc;gBAChBA,aAAamB;YACf;YACA,IAAI,CAACR,cAAc;gBACjBG,cAAcK;YAChB;QACF;IACF,GACA;QAAClB;QAAUU;QAAcX;KAAa;IAGxC,OAAO;QAACW,eAAeR,QAAQU;QAAYd;KAAS;AACtD"}
+{"version":3,"sources":["../../../src/hooks/useEnsuredControl.ts"],"sourcesContent":["import * as React from 'react';\nimport { isFunction } from '@vkontakte/vkjs';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\nimport { warnOnce } from '../lib/warnOnce';\n\nexport interface UseEnsuredControlProps<V, E extends React.ChangeEvent<any>> {\n  value?: V | undefined;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: ((this: void, e: E) => any) | undefined;\n}\n\nexport function useEnsuredControl<V, E extends React.ChangeEvent<any>>({\n  onChange: onChangeProp,\n  disabled,\n  ...props\n}: UseEnsuredControlProps<V, E>): [V, (e: E) => any] {\n  const [value, onChangeValue] = useCustomEnsuredControl(props);\n\n  const onChange = React.useCallback(\n    (e: E) => {\n      if (disabled) {\n        return;\n      }\n\n      onChangeValue(e.target.value);\n      onChangeProp && onChangeProp(e);\n    },\n    [onChangeValue, onChangeProp, disabled],\n  );\n\n  return [value, onChange];\n}\n\nexport interface UseCustomEnsuredControlProps<V> {\n  value?: V | undefined;\n  defaultValue: V;\n  disabled?: boolean | undefined;\n  onChange?: ((this: void, v: V) => any) | undefined;\n}\n\nconst warn = warnOnce('useCustomEnsuredControl');\n\nexport function useCustomEnsuredControl<V = any>({\n  value,\n  defaultValue,\n  disabled,\n  onChange: onChangeProp,\n}: UseCustomEnsuredControlProps<V>): [V, React.Dispatch<React.SetStateAction<V>>] {\n  const isControlled = value !== undefined;\n  const [localValue, setLocalValue] = React.useState(defaultValue);\n\n  const preservedControlledValueRef = React.useRef<V | undefined>(undefined);\n  useIsomorphicLayoutEffect(() => {\n    preservedControlledValueRef.current = value;\n  });\n\n  const onChange = React.useCallback(\n    (nextValue: React.SetStateAction<V>) => {\n      if (disabled) {\n        return;\n      }\n\n      if (isFunction(nextValue)) {\n        if (!isControlled) {\n          setLocalValue((prevValue) => {\n            const resolvedValue = nextValue(prevValue);\n            if (onChangeProp) {\n              onChangeProp(resolvedValue);\n            }\n            return resolvedValue;\n          });\n        } else if (onChangeProp) {\n          if (process.env.NODE_ENV === 'development') {\n            if (preservedControlledValueRef.current === undefined) {\n              warn(\n                `A component is changing an uncontrolled input to be controlled. This is likely caused by the value changing from undefined to a defined value, which should not happen. Decide between using a controlled or uncontrolled input element for the lifetime of the component. More info: https://react.dev/link/controlled-components`,\n                'error',\n              );\n            }\n          }\n\n          if (preservedControlledValueRef.current !== undefined) {\n            const resolvedValue = nextValue(preservedControlledValueRef.current);\n            onChangeProp(resolvedValue);\n          }\n        }\n      } else {\n        if (onChangeProp) {\n          onChangeProp(nextValue);\n        }\n        if (!isControlled) {\n          setLocalValue(nextValue);\n        }\n      }\n    },\n    [disabled, isControlled, onChangeProp],\n  );\n\n  return [isControlled ? value : localValue, onChange];\n}\n"],"names":["React","isFunction","useIsomorphicLayoutEffect","warnOnce","useEnsuredControl","onChange","onChangeProp","disabled","props","value","onChangeValue","useCustomEnsuredControl","useCallback","e","target","warn","defaultValue","isControlled","undefined","localValue","setLocalValue","useState","preservedControlledValueRef","useRef","current","nextValue","prevValue","resolvedValue","process","env","NODE_ENV"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,yBAAyB,QAAQ,sCAAmC;AAC7E,SAASC,QAAQ,QAAQ,qBAAkB;AAS3C,OAAO,SAASC,kBAAuD,EACrEC,UAAUC,YAAY,EACtBC,QAAQ,EACR,GAAGC,OAC0B;IAC7B,MAAM,CAACC,OAAOC,cAAc,GAAGC,wBAAwBH;IAEvD,MAAMH,WAAWL,MAAMY,WAAW,CAChC,CAACC;QACC,IAAIN,UAAU;YACZ;QACF;QAEAG,cAAcG,EAAEC,MAAM,CAACL,KAAK;QAC5BH,gBAAgBA,aAAaO;IAC/B,GACA;QAACH;QAAeJ;QAAcC;KAAS;IAGzC,OAAO;QAACE;QAAOJ;KAAS;AAC1B;AASA,MAAMU,OAAOZ,SAAS;AAEtB,OAAO,SAASQ,wBAAiC,EAC/CF,KAAK,EACLO,YAAY,EACZT,QAAQ,EACRF,UAAUC,YAAY,EACU;IAChC,MAAMW,eAAeR,UAAUS;IAC/B,MAAM,CAACC,YAAYC,cAAc,GAAGpB,MAAMqB,QAAQ,CAACL;IAEnD,MAAMM,8BAA8BtB,MAAMuB,MAAM,CAAgBL;IAChEhB,0BAA0B;QACxBoB,4BAA4BE,OAAO,GAAGf;IACxC;IAEA,MAAMJ,WAAWL,MAAMY,WAAW,CAChC,CAACa;QACC,IAAIlB,UAAU;YACZ;QACF;QAEA,IAAIN,WAAWwB,YAAY;YACzB,IAAI,CAACR,cAAc;gBACjBG,cAAc,CAACM;oBACb,MAAMC,gBAAgBF,UAAUC;oBAChC,IAAIpB,cAAc;wBAChBA,aAAaqB;oBACf;oBACA,OAAOA;gBACT;YACF,OAAO,IAAIrB,cAAc;gBACvB,IAAIsB,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;oBAC1C,IAAIR,4BAA4BE,OAAO,KAAKN,WAAW;wBACrDH,KACE,CAAC,kUAAkU,CAAC,EACpU;oBAEJ;gBACF;gBAEA,IAAIO,4BAA4BE,OAAO,KAAKN,WAAW;oBACrD,MAAMS,gBAAgBF,UAAUH,4BAA4BE,OAAO;oBACnElB,aAAaqB;gBACf;YACF;QACF,OAAO;YACL,IAAIrB,cAAc;gBAChBA,aAAamB;YACf;YACA,IAAI,CAACR,cAAc;gBACjBG,cAAcK;YAChB;QACF;IACF,GACA;QAAClB;QAAUU;QAAcX;KAAa;IAGxC,OAAO;QAACW,eAAeR,QAAQU;QAAYd;KAAS;AACtD"}

package/dist/cssm/hooks/useFloatingElement.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useFloatingElement.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type Ref, useMemo } from 'react';\nimport {\n  type OnPlacementChange,\n  useFloatingMiddlewaresBootstrap,\n  type UseFloatingMiddlewaresBootstrapOptions,\n  useFloatingWithInteractions,\n  type UseFloatingWithInteractionsProps,\n  type UseFloatingWithInteractionsReturn,\n  usePlacementChangeCallback,\n} from '../lib/floating';\nimport type { ReferenceProps } from '../lib/floating/useFloatingWithInteractions/types';\nimport { useReferenceHiddenChangeCallback } from '../lib/floating/useReferenceHiddenChangeCallback';\nimport { useExternRef } from './useExternRef';\nimport { useGlobalEscKeyDown } from './useGlobalEscKeyDown';\n\nexport type FloatingComponentProps<FloatingElement extends HTMLElement = HTMLElement> = Pick<\n  UseFloatingWithInteractionsReturn,\n  | 'shown'\n  | 'willBeHide'\n  | 'floatingProps'\n  | 'middlewareData'\n  | 'onClose'\n  | 'onRestoreFocus'\n  | 'placement'\n> & {\n  floatingRef: React.Ref<FloatingElement>;\n  setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n};\n\nexport type RenderFloatingComponentFn<FloatingElement extends HTMLElement = HTMLElement> = (\n  props: FloatingComponentProps<FloatingElement>,\n) => React.ReactNode | null;\n\nexport type RemapReferencePropsFn<ReferenceElement extends HTMLElement = HTMLElement> = (\n  props: ReferenceProps<ReferenceElement> & { shown: boolean },\n) => ReferenceProps<ReferenceElement>;\n\nexport type UseFloatingElementProps<\n  FloatingElement extends HTMLElement = HTMLElement,\n  ReferenceElement extends HTMLElement = HTMLElement,\n> = Omit<UseFloatingMiddlewaresBootstrapOptions, 'arrowRef'> &\n  Omit<UseFloatingWithInteractionsProps, 'placement'> & {\n    onPlacementChange?: OnPlacementChange;\n    onReferenceHiddenChange?: (hidden: boolean) => void;\n    renderFloatingComponent: RenderFloatingComponentFn<FloatingElement>;\n    remapReferenceProps?: RemapReferencePropsFn<ReferenceElement>;\n    externalFloatingElementRef?: React.Ref<FloatingElement>;\n  };\n\nexport type UseFloatingResult<ReferenceElement extends HTMLElement = HTMLElement> = {\n  anchorRef: Ref<ReferenceElement>;\n  anchorProps: ReferenceProps<ReferenceElement>;\n  component: React.ReactNode | null;\n};\n\nexport const useFloatingElement = <\n  ReferenceElement extends HTMLElement = HTMLElement,\n  FloatingElement extends HTMLElement = HTMLElement,\n>({\n  // useFloatingMiddlewaresBootstrap\n  placement = 'bottom-start',\n  arrow,\n  arrowHeight,\n  arrowPadding,\n  sameWidth,\n  offsetByMainAxis = 0,\n  offsetByCrossAxis = 0,\n  customMiddlewares,\n  hideWhenReferenceHidden,\n  disableFlipMiddleware = false,\n  disableShiftMiddleware = false,\n  overflowPadding,\n\n  // useFloatingWithInteractions\n  trigger,\n  hoverDelay,\n  closeAfterClick,\n  disabled,\n  disableInteractive,\n  disableCloseOnClickOutside,\n  disableCloseOnEscKey,\n  defaultShown,\n  shown: shownProp,\n  onShownChange,\n  onShownChanged,\n  strategy,\n  onReferenceHiddenChange,\n\n  onPlacementChange,\n\n  renderFloatingComponent,\n  externalFloatingElementRef,\n  remapReferenceProps,\n}: UseFloatingElementProps<\n  FloatingElement,\n  ReferenceElement\n>): UseFloatingResult<ReferenceElement> => {\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    customMiddlewares,\n    hideWhenReferenceHidden,\n    sameWidth,\n    arrow,\n    arrowRef,\n    arrowPadding,\n    arrowHeight,\n    disableFlipMiddleware,\n    disableShiftMiddleware,\n    overflowPadding,\n  });\n\n  const {\n    placement: resolvedPlacement,\n    shown,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose,\n    onRestoreFocus,\n    onEscapeKeyDown,\n  } = useFloatingWithInteractions({\n    middlewares,\n    strategy,\n    placement: strictPlacement,\n    trigger,\n    hoverDelay,\n    closeAfterClick,\n    disabled,\n    disableInteractive,\n    disableCloseOnClickOutside,\n    disableCloseOnEscKey,\n    defaultShown,\n    shown: shownProp,\n    onShownChange,\n    onShownChanged,\n  });\n\n  const resultRef = useExternRef<FloatingElement>(externalFloatingElementRef, refs.setFloating);\n\n  usePlacementChangeCallback(placement, resolvedPlacement, onPlacementChange);\n\n  useReferenceHiddenChangeCallback(middlewareData.hide, onReferenceHiddenChange);\n\n  const component = renderFloatingComponent({\n    shown,\n    willBeHide,\n    floatingProps,\n    floatingRef: resultRef,\n    middlewareData,\n    placement: resolvedPlacement,\n    onClose,\n    onRestoreFocus,\n    setArrowRef,\n  });\n\n  useGlobalEscKeyDown(shown, onEscapeKeyDown);\n\n  const remappedReferenceProps = useMemo(\n    () =>\n      remapReferenceProps ? remapReferenceProps({ ...referenceProps, shown }) : referenceProps,\n    [remapReferenceProps, shown, referenceProps],\n  );\n\n  return {\n    anchorRef: refs.setReference,\n    anchorProps: remappedReferenceProps,\n    component,\n  };\n};\n"],"names":["React","useMemo","useFloatingMiddlewaresBootstrap","useFloatingWithInteractions","usePlacementChangeCallback","useReferenceHiddenChangeCallback","useExternRef","useGlobalEscKeyDown","useFloatingElement","placement","arrow","arrowHeight","arrowPadding","sameWidth","offsetByMainAxis","offsetByCrossAxis","customMiddlewares","hideWhenReferenceHidden","disableFlipMiddleware","disableShiftMiddleware","overflowPadding","trigger","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChanged","strategy","onReferenceHiddenChange","onPlacementChange","renderFloatingComponent","externalFloatingElementRef","remapReferenceProps","arrowRef","setArrowRef","useState","middlewares","strictPlacement","resolvedPlacement","willBeHide","refs","referenceProps","floatingProps","middlewareData","onClose","onRestoreFocus","onEscapeKeyDown","resultRef","setFloating","hide","component","floatingRef","remappedReferenceProps","anchorRef","setReference","anchorProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAAmBC,OAAO,QAAQ,QAAQ;AAC1C,SAEEC,+BAA+B,EAE/BC,2BAA2B,EAG3BC,0BAA0B,QACrB,2BAAkB;AAEzB,SAASC,gCAAgC,QAAQ,sDAAmD;AACpG,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,mBAAmB,QAAQ,2BAAwB;AA0C5D,OAAO,MAAMC,qBAAqB,CAGhC,EACA,kCAAkC;AAClCC,YAAY,cAAc,EAC1BC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,iBAAiB,EACjBC,uBAAuB,EACvBC,wBAAwB,KAAK,EAC7BC,yBAAyB,KAAK,EAC9BC,eAAe,EAEf,8BAA8B;AAC9BC,OAAO,EACPC,UAAU,EACVC,eAAe,EACfC,QAAQ,EACRC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,YAAY,EACZC,OAAOC,SAAS,EAChBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,uBAAuB,EAEvBC,iBAAiB,EAEjBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,mBAAmB,EAIpB;IACC,MAAM,CAACC,UAAUC,YAAY,GAAGxC,MAAMyC,QAAQ,CAAwB;IAEtE,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGzC,gCAAgC;QACvEO;QACAK;QACAC;QACAC;QACAC;QACAJ;QACAH;QACA6B;QACA3B;QACAD;QACAO;QACAC;QACAC;IACF;IAEA,MAAM,EACJX,WAAWmC,iBAAiB,EAC5Bf,KAAK,EACLgB,UAAU,EACVC,IAAI,EACJC,cAAc,EACdC,aAAa,EACbC,cAAc,EACdC,OAAO,EACPC,cAAc,EACdC,eAAe,EAChB,GAAGjD,4BAA4B;QAC9BuC;QACAT;QACAxB,WAAWkC;QACXtB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,OAAOC;QACPC;QACAC;IACF;IAEA,MAAMqB,YAAY/C,aAA8B+B,4BAA4BS,KAAKQ,WAAW;IAE5FlD,2BAA2BK,WAAWmC,mBAAmBT;IAEzD9B,iCAAiC4C,eAAeM,IAAI,EAAErB;IAEtD,MAAMsB,YAAYpB,wBAAwB;QACxCP;QACAgB;QACAG;QACAS,aAAaJ;QACbJ;QACAxC,WAAWmC;QACXM;QACAC;QACAX;IACF;IAEAjC,oBAAoBsB,OAAOuB;IAE3B,MAAMM,yBAAyBzD,QAC7B,IACEqC,sBAAsBA,oBAAoB;YAAE,GAAGS,cAAc;YAAElB;QAAM,KAAKkB,gBAC5E;QAACT;QAAqBT;QAAOkB;KAAe;IAG9C,OAAO;QACLY,WAAWb,KAAKc,YAAY;QAC5BC,aAAaH;QACbF;IACF;AACF,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useFloatingElement.tsx"],"sourcesContent":["import * as React from 'react';\nimport { type Ref, useMemo } from 'react';\nimport {\n  type OnPlacementChange,\n  useFloatingMiddlewaresBootstrap,\n  type UseFloatingMiddlewaresBootstrapOptions,\n  useFloatingWithInteractions,\n  type UseFloatingWithInteractionsProps,\n  type UseFloatingWithInteractionsReturn,\n  usePlacementChangeCallback,\n} from '../lib/floating';\nimport type { ReferenceProps } from '../lib/floating/useFloatingWithInteractions/types';\nimport { useReferenceHiddenChangeCallback } from '../lib/floating/useReferenceHiddenChangeCallback';\nimport { useExternRef } from './useExternRef';\nimport { useGlobalEscKeyDown } from './useGlobalEscKeyDown';\n\nexport type FloatingComponentProps<FloatingElement extends HTMLElement = HTMLElement> = Pick<\n  UseFloatingWithInteractionsReturn,\n  | 'shown'\n  | 'willBeHide'\n  | 'floatingProps'\n  | 'middlewareData'\n  | 'onClose'\n  | 'onRestoreFocus'\n  | 'placement'\n> & {\n  floatingRef: React.Ref<FloatingElement>;\n  setArrowRef: React.Dispatch<React.SetStateAction<HTMLDivElement | null>>;\n};\n\nexport type RenderFloatingComponentFn<FloatingElement extends HTMLElement = HTMLElement> = (\n  props: FloatingComponentProps<FloatingElement>,\n) => React.ReactNode | null;\n\nexport type RemapReferencePropsFn<ReferenceElement extends HTMLElement = HTMLElement> = (\n  props: ReferenceProps<ReferenceElement> & { shown: boolean },\n) => ReferenceProps<ReferenceElement>;\n\nexport type UseFloatingElementProps<\n  FloatingElement extends HTMLElement = HTMLElement,\n  ReferenceElement extends HTMLElement = HTMLElement,\n> = Omit<UseFloatingMiddlewaresBootstrapOptions, 'arrowRef'> &\n  Omit<UseFloatingWithInteractionsProps, 'placement'> & {\n    onPlacementChange?: OnPlacementChange | undefined;\n    onReferenceHiddenChange?: ((hidden: boolean) => void) | undefined;\n    renderFloatingComponent: RenderFloatingComponentFn<FloatingElement>;\n    remapReferenceProps?: RemapReferencePropsFn<ReferenceElement> | undefined;\n    externalFloatingElementRef?: React.Ref<FloatingElement> | undefined;\n  };\n\nexport type UseFloatingResult<ReferenceElement extends HTMLElement = HTMLElement> = {\n  anchorRef: Ref<ReferenceElement>;\n  anchorProps: ReferenceProps<ReferenceElement>;\n  component: React.ReactNode | null;\n};\n\nexport const useFloatingElement = <\n  ReferenceElement extends HTMLElement = HTMLElement,\n  FloatingElement extends HTMLElement = HTMLElement,\n>({\n  // useFloatingMiddlewaresBootstrap\n  placement = 'bottom-start',\n  arrow,\n  arrowHeight,\n  arrowPadding,\n  sameWidth,\n  offsetByMainAxis = 0,\n  offsetByCrossAxis = 0,\n  customMiddlewares,\n  hideWhenReferenceHidden,\n  disableFlipMiddleware = false,\n  disableShiftMiddleware = false,\n  overflowPadding,\n\n  // useFloatingWithInteractions\n  trigger,\n  hoverDelay,\n  closeAfterClick,\n  disabled,\n  disableInteractive,\n  disableCloseOnClickOutside,\n  disableCloseOnEscKey,\n  defaultShown,\n  shown: shownProp,\n  onShownChange,\n  onShownChanged,\n  strategy,\n  onReferenceHiddenChange,\n\n  onPlacementChange,\n\n  renderFloatingComponent,\n  externalFloatingElementRef,\n  remapReferenceProps,\n}: UseFloatingElementProps<\n  FloatingElement,\n  ReferenceElement\n>): UseFloatingResult<ReferenceElement> => {\n  const [arrowRef, setArrowRef] = React.useState<HTMLDivElement | null>(null);\n\n  const { middlewares, strictPlacement } = useFloatingMiddlewaresBootstrap({\n    placement,\n    offsetByMainAxis,\n    offsetByCrossAxis,\n    customMiddlewares,\n    hideWhenReferenceHidden,\n    sameWidth,\n    arrow,\n    arrowRef,\n    arrowPadding,\n    arrowHeight,\n    disableFlipMiddleware,\n    disableShiftMiddleware,\n    overflowPadding,\n  });\n\n  const {\n    placement: resolvedPlacement,\n    shown,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose,\n    onRestoreFocus,\n    onEscapeKeyDown,\n  } = useFloatingWithInteractions({\n    middlewares,\n    strategy,\n    placement: strictPlacement,\n    trigger,\n    hoverDelay,\n    closeAfterClick,\n    disabled,\n    disableInteractive,\n    disableCloseOnClickOutside,\n    disableCloseOnEscKey,\n    defaultShown,\n    shown: shownProp,\n    onShownChange,\n    onShownChanged,\n  });\n\n  const resultRef = useExternRef<FloatingElement>(externalFloatingElementRef, refs.setFloating);\n\n  usePlacementChangeCallback(placement, resolvedPlacement, onPlacementChange);\n\n  useReferenceHiddenChangeCallback(middlewareData.hide, onReferenceHiddenChange);\n\n  const component = renderFloatingComponent({\n    shown,\n    willBeHide,\n    floatingProps,\n    floatingRef: resultRef,\n    middlewareData,\n    placement: resolvedPlacement,\n    onClose,\n    onRestoreFocus,\n    setArrowRef,\n  });\n\n  useGlobalEscKeyDown(shown, onEscapeKeyDown);\n\n  const remappedReferenceProps = useMemo(\n    () =>\n      remapReferenceProps ? remapReferenceProps({ ...referenceProps, shown }) : referenceProps,\n    [remapReferenceProps, shown, referenceProps],\n  );\n\n  return {\n    anchorRef: refs.setReference,\n    anchorProps: remappedReferenceProps,\n    component,\n  };\n};\n"],"names":["React","useMemo","useFloatingMiddlewaresBootstrap","useFloatingWithInteractions","usePlacementChangeCallback","useReferenceHiddenChangeCallback","useExternRef","useGlobalEscKeyDown","useFloatingElement","placement","arrow","arrowHeight","arrowPadding","sameWidth","offsetByMainAxis","offsetByCrossAxis","customMiddlewares","hideWhenReferenceHidden","disableFlipMiddleware","disableShiftMiddleware","overflowPadding","trigger","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChanged","strategy","onReferenceHiddenChange","onPlacementChange","renderFloatingComponent","externalFloatingElementRef","remapReferenceProps","arrowRef","setArrowRef","useState","middlewares","strictPlacement","resolvedPlacement","willBeHide","refs","referenceProps","floatingProps","middlewareData","onClose","onRestoreFocus","onEscapeKeyDown","resultRef","setFloating","hide","component","floatingRef","remappedReferenceProps","anchorRef","setReference","anchorProps"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAAmBC,OAAO,QAAQ,QAAQ;AAC1C,SAEEC,+BAA+B,EAE/BC,2BAA2B,EAG3BC,0BAA0B,QACrB,2BAAkB;AAEzB,SAASC,gCAAgC,QAAQ,sDAAmD;AACpG,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,mBAAmB,QAAQ,2BAAwB;AA0C5D,OAAO,MAAMC,qBAAqB,CAGhC,EACA,kCAAkC;AAClCC,YAAY,cAAc,EAC1BC,KAAK,EACLC,WAAW,EACXC,YAAY,EACZC,SAAS,EACTC,mBAAmB,CAAC,EACpBC,oBAAoB,CAAC,EACrBC,iBAAiB,EACjBC,uBAAuB,EACvBC,wBAAwB,KAAK,EAC7BC,yBAAyB,KAAK,EAC9BC,eAAe,EAEf,8BAA8B;AAC9BC,OAAO,EACPC,UAAU,EACVC,eAAe,EACfC,QAAQ,EACRC,kBAAkB,EAClBC,0BAA0B,EAC1BC,oBAAoB,EACpBC,YAAY,EACZC,OAAOC,SAAS,EAChBC,aAAa,EACbC,cAAc,EACdC,QAAQ,EACRC,uBAAuB,EAEvBC,iBAAiB,EAEjBC,uBAAuB,EACvBC,0BAA0B,EAC1BC,mBAAmB,EAIpB;IACC,MAAM,CAACC,UAAUC,YAAY,GAAGxC,MAAMyC,QAAQ,CAAwB;IAEtE,MAAM,EAAEC,WAAW,EAAEC,eAAe,EAAE,GAAGzC,gCAAgC;QACvEO;QACAK;QACAC;QACAC;QACAC;QACAJ;QACAH;QACA6B;QACA3B;QACAD;QACAO;QACAC;QACAC;IACF;IAEA,MAAM,EACJX,WAAWmC,iBAAiB,EAC5Bf,KAAK,EACLgB,UAAU,EACVC,IAAI,EACJC,cAAc,EACdC,aAAa,EACbC,cAAc,EACdC,OAAO,EACPC,cAAc,EACdC,eAAe,EAChB,GAAGjD,4BAA4B;QAC9BuC;QACAT;QACAxB,WAAWkC;QACXtB;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC;QACAC,OAAOC;QACPC;QACAC;IACF;IAEA,MAAMqB,YAAY/C,aAA8B+B,4BAA4BS,KAAKQ,WAAW;IAE5FlD,2BAA2BK,WAAWmC,mBAAmBT;IAEzD9B,iCAAiC4C,eAAeM,IAAI,EAAErB;IAEtD,MAAMsB,YAAYpB,wBAAwB;QACxCP;QACAgB;QACAG;QACAS,aAAaJ;QACbJ;QACAxC,WAAWmC;QACXM;QACAC;QACAX;IACF;IAEAjC,oBAAoBsB,OAAOuB;IAE3B,MAAMM,yBAAyBzD,QAC7B,IACEqC,sBAAsBA,oBAAoB;YAAE,GAAGS,cAAc;YAAElB;QAAM,KAAKkB,gBAC5E;QAACT;QAAqBT;QAAOkB;KAAe;IAG9C,OAAO;QACLY,WAAWb,KAAKc,YAAY;QAC5BC,aAAaH;QACbF;IACF;AACF,EAAE"}

package/dist/cssm/hooks/useFocusTrap/FocusGuard.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useFocusTrap/FocusGuard.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { VisuallyHidden } from '../../components/VisuallyHidden/VisuallyHidden';\n\ninterface FocusGuardProps {\n  onFocus?: (event: React.FocusEvent<HTMLSpanElement>) => void;\n}\n\nexport const FocusGuard = ({ onFocus }: FocusGuardProps) => (\n  <VisuallyHidden aria-hidden data-focus-guard tabIndex={0} onFocus={onFocus} />\n);\n"],"names":["VisuallyHidden","FocusGuard","onFocus","aria-hidden","data-focus-guard","tabIndex"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,oDAAiD;AAMhF,OAAO,MAAMC,aAAa,CAAC,EAAEC,OAAO,EAAmB,iBACrD,KAACF;QAAeG,aAAW;QAACC,kBAAgB;QAACC,UAAU;QAAGH,SAASA;OACnE"}
+{"version":3,"sources":["../../../../src/hooks/useFocusTrap/FocusGuard.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { VisuallyHidden } from '../../components/VisuallyHidden/VisuallyHidden';\n\ninterface FocusGuardProps {\n  onFocus?: ((event: React.FocusEvent<HTMLSpanElement>) => void) | undefined;\n}\n\nexport const FocusGuard = ({ onFocus }: FocusGuardProps) => (\n  <VisuallyHidden aria-hidden data-focus-guard tabIndex={0} onFocus={onFocus} />\n);\n"],"names":["VisuallyHidden","FocusGuard","onFocus","aria-hidden","data-focus-guard","tabIndex"],"mappings":"AAAA;;AAGA,SAASA,cAAc,QAAQ,oDAAiD;AAMhF,OAAO,MAAMC,aAAa,CAAC,EAAEC,OAAO,EAAmB,iBACrD,KAACF;QAAeG,aAAW;QAACC,kBAAgB;QAACC,UAAU;QAAGH,SAASA;OACnE"}

package/dist/cssm/hooks/useFocusTrap/useFocusTrap.js

@@ -1,5 +1,7 @@
 'use client';
 import { jsx as _jsx } from "react/jsx-runtime";
+import { useRef } from "react";
+import { arraysEquals } from "../../helpers/array.js";
 import { FOCUSABLE_ELEMENTS_LIST } from "../../lib/accessibility.js";
 import { getWindow } from "../../lib/dom.js";
 import { useMutationObserver } from "../useMutationObserver.js";
@@ -40,7 +42,8 @@ const getLastFocusable = (root)=>{
     const nodes = collectFocusable(root);
     return nodes[nodes.length - 1] || null;
 };
-export const useFocusTrap = (ref, { mount = true, disabled = false, autoFocus = true, restoreFocus = true, autoFocusDelay = 0, mutationObserverOptions })=>{
+export const useFocusTrap = (ref, { mount = true, disabled = false, autoFocus = true, restoreFocus = true, autoFocusDelay = 0 })=>{
+    const prevFocusableRef = useRef([]);
     const createFocusFn = (getFocusElement)=>{
         return ()=>{
             const node = getFocusElement(ref.current);
@@ -78,7 +81,11 @@ export const useFocusTrap = (ref, { mount = true, disabled = false, autoFocus =
         }
         const activeElement = doc.activeElement;
         const focusableNodes = collectFocusable(parentNode);
+        if (arraysEquals(focusableNodes, prevFocusableRef.current)) {
+            return;
+        }
         if (focusableNodes.length === 0) {
+            prevFocusableRef.current = [];
             return;
         }
         const currentElementIndex = Math.max(activeElement ? focusableNodes.indexOf(activeElement) : -1, 0);
@@ -88,8 +95,9 @@ export const useFocusTrap = (ref, { mount = true, disabled = false, autoFocus =
                 preventScroll: true
             });
         }
+        prevFocusableRef.current = focusableNodes;
     });
-    useMutationObserver(ref, ()=>ref.current && onMutateParentHandler(ref.current), mutationObserverOptions);
+    useMutationObserver(ref, ()=>ref.current && onMutateParentHandler(ref.current));
     const createGuardFocusHandler = (focusFn, focusFromOutside)=>{
         return (event)=>{
             if (!mount || disabled || !ref.current) {

package/dist/cssm/hooks/useFocusTrap/useFocusTrap.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useFocusTrap/useFocusTrap.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { FOCUSABLE_ELEMENTS_LIST } from '../../lib/accessibility';\nimport { getWindow } from '../../lib/dom';\nimport { useMutationObserver } from '../useMutationObserver';\nimport { useStableCallback } from '../useStableCallback';\nimport { FocusGuard } from './FocusGuard';\nimport { useAutoFocus } from './useAutoFocus';\nimport { useRestoreFocus } from './useRestoreFocus';\n\nconst FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();\n\nconst collectFocusable = (root: HTMLElement): HTMLElement[] => {\n  const newFocusableElements =\n    // eslint-disable-next-line no-restricted-properties\n    root.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS);\n  const nodes = Array.from(newFocusableElements).filter((node) => {\n    // Исключаем гарды из списка фокусируемых элементов\n    if (node.hasAttribute('data-focus-guard')) {\n      return false;\n    }\n\n    const { display, visibility } = getComputedStyle(node);\n    const isHidden = display === 'none' || visibility === 'hidden';\n    const isDisabled = (node as HTMLButtonElement).disabled ?? false;\n\n    return !isHidden && !isDisabled;\n  });\n\n  if (nodes.length === 0) {\n    nodes.push(root);\n  }\n\n  return nodes;\n};\n\nconst getFirstFocusable = (root: HTMLElement | null): HTMLElement | null => {\n  if (!root) {\n    return null;\n  }\n\n  const nodes = collectFocusable(root);\n  return nodes[0] || null;\n};\n\nconst getLastFocusable = (root: HTMLElement | null): HTMLElement | null => {\n  if (!root) {\n    return null;\n  }\n\n  const nodes = collectFocusable(root);\n  return nodes[nodes.length - 1] || null;\n};\n\nexport type UseFocusTrapProps = {\n  /**\n   * Форсированное отключение захвата фокуса\n   *\n   * @default false\n   */\n  disabled?: boolean;\n  /**\n   * Управление поведением автофокуса при появлении всплывающего окна.\n   * При прокидывании `true` фокус будет установлен на первый элемент.\n   * При прокидывании `root` фокус будет установлен в корень.\n   * @default true\n   */\n  autoFocus?: boolean | 'root';\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement);\n  /**\n   * Время в миллисекундах после которого срабатывает автофокус при появлении всплывающего окна.\n   * @default 0\n   */\n  autoFocusDelay?: number;\n  /**\n   * Пользовательские опции для MutationObserver, который отслеживает изменения DOM внутри компонента и пересчитывает ноды для фокуса.\n   */\n  mutationObserverOptions?: MutationObserverInit;\n  /**\n   * @default true\n   */\n  mount?: boolean;\n};\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  {\n    mount = true,\n    disabled = false,\n    autoFocus = true,\n    restoreFocus = true,\n    autoFocusDelay = 0,\n    mutationObserverOptions,\n  }: UseFocusTrapProps,\n) => {\n  const createFocusFn = (getFocusElement: (root: HTMLElement | null) => HTMLElement | null) => {\n    return () => {\n      const node = getFocusElement(ref.current);\n      if (node) {\n        node.focus({ preventScroll: true });\n      } else if (ref.current) {\n        ref.current.focus();\n      }\n    };\n  };\n\n  const focusFirst = useStableCallback(createFocusFn(getFirstFocusable));\n\n  const focusLast = useStableCallback(createFocusFn(getLastFocusable));\n\n  useRestoreFocus({\n    restoreFocus,\n    autoFocusDelay,\n    mount,\n    ref,\n  });\n\n  useAutoFocus(ref, {\n    autoFocus,\n    disabled,\n    mount,\n    autoFocusDelay,\n    focusFirst,\n  });\n\n  const onMutateParentHandler = useStableCallback((parentNode: HTMLElement) => {\n    if (disabled || !autoFocus || !mount) {\n      return;\n    }\n\n    const doc = getWindow(parentNode)?.document;\n    if (!doc) {\n      return;\n    }\n\n    const activeElement = doc.activeElement as HTMLElement;\n    const focusableNodes = collectFocusable(parentNode);\n\n    if (focusableNodes.length === 0) {\n      return;\n    }\n\n    const currentElementIndex = Math.max(\n      activeElement ? focusableNodes.indexOf(activeElement) : -1,\n      0,\n    );\n\n    const nodeToFocus = focusableNodes[currentElementIndex];\n    if (nodeToFocus) {\n      nodeToFocus.focus({ preventScroll: true });\n    }\n  });\n\n  useMutationObserver(\n    ref,\n    () => ref.current && onMutateParentHandler(ref.current),\n    mutationObserverOptions,\n  );\n\n  const createGuardFocusHandler = (focusFn: () => void, focusFromOutside: () => void) => {\n    return (event: React.FocusEvent<HTMLSpanElement>) => {\n      if (!mount || disabled || !ref.current) {\n        return;\n      }\n\n      // Проверяем, был ли предыдущий активный элемент внутри root\n      // Если нет, значит фокус пришёл извне, и нужно использовать focusFromOutside\n      const relatedTarget = event.relatedTarget as HTMLElement | null;\n\n      if (relatedTarget === null || (relatedTarget && !ref.current.contains(relatedTarget))) {\n        focusFromOutside();\n        return;\n      }\n\n      focusFn();\n    };\n  };\n\n  const onBeforeGuardFocus = useStableCallback(createGuardFocusHandler(focusLast, focusFirst));\n  const onAfterGuardFocus = useStableCallback(createGuardFocusHandler(focusFirst, focusLast));\n\n  const shouldRenderGuards = mount && !disabled;\n\n  return {\n    beforeGuard: shouldRenderGuards && <FocusGuard onFocus={onBeforeGuardFocus} />,\n    afterGuard: shouldRenderGuards && <FocusGuard onFocus={onAfterGuardFocus} />,\n  };\n};\n"],"names":["FOCUSABLE_ELEMENTS_LIST","getWindow","useMutationObserver","useStableCallback","FocusGuard","useAutoFocus","useRestoreFocus","FOCUSABLE_ELEMENTS","join","collectFocusable","root","newFocusableElements","querySelectorAll","nodes","Array","from","filter","node","hasAttribute","display","visibility","getComputedStyle","isHidden","isDisabled","disabled","length","push","getFirstFocusable","getLastFocusable","useFocusTrap","ref","mount","autoFocus","restoreFocus","autoFocusDelay","mutationObserverOptions","createFocusFn","getFocusElement","current","focus","preventScroll","focusFirst","focusLast","onMutateParentHandler","parentNode","doc","document","activeElement","focusableNodes","currentElementIndex","Math","max","indexOf","nodeToFocus","createGuardFocusHandler","focusFn","focusFromOutside","event","relatedTarget","contains","onBeforeGuardFocus","onAfterGuardFocus","shouldRenderGuards","beforeGuard","onFocus","afterGuard"],"mappings":"AAAA;;AAGA,SAASA,uBAAuB,QAAQ,6BAA0B;AAClE,SAASC,SAAS,QAAQ,mBAAgB;AAC1C,SAASC,mBAAmB,QAAQ,4BAAyB;AAC7D,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,UAAU,QAAQ,kBAAe;AAC1C,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,eAAe,QAAQ,uBAAoB;AAEpD,MAAMC,qBAAqBP,wBAAwBQ,IAAI;AAEvD,MAAMC,mBAAmB,CAACC;IACxB,MAAMC,uBACJ,oDAAoD;IACpDD,KAAKE,gBAAgB,CAAcL;IACrC,MAAMM,QAAQC,MAAMC,IAAI,CAACJ,sBAAsBK,MAAM,CAAC,CAACC;QACrD,mDAAmD;QACnD,IAAIA,KAAKC,YAAY,CAAC,qBAAqB;YACzC,OAAO;QACT;QAEA,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,iBAAiBJ;QACjD,MAAMK,WAAWH,YAAY,UAAUC,eAAe;QACtD,MAAMG,aAAa,AAACN,KAA2BO,QAAQ,IAAI;QAE3D,OAAO,CAACF,YAAY,CAACC;IACvB;IAEA,IAAIV,MAAMY,MAAM,KAAK,GAAG;QACtBZ,MAAMa,IAAI,CAAChB;IACb;IAEA,OAAOG;AACT;AAEA,MAAMc,oBAAoB,CAACjB;IACzB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IAEA,MAAMG,QAAQJ,iBAAiBC;IAC/B,OAAOG,KAAK,CAAC,EAAE,IAAI;AACrB;AAEA,MAAMe,mBAAmB,CAAClB;IACxB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IAEA,MAAMG,QAAQJ,iBAAiBC;IAC/B,OAAOG,KAAK,CAACA,MAAMY,MAAM,GAAG,EAAE,IAAI;AACpC;AAoCA,OAAO,MAAMI,eAAe,CAC1BC,KACA,EACEC,QAAQ,IAAI,EACZP,WAAW,KAAK,EAChBQ,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,iBAAiB,CAAC,EAClBC,uBAAuB,EACL;IAEpB,MAAMC,gBAAgB,CAACC;QACrB,OAAO;YACL,MAAMpB,OAAOoB,gBAAgBP,IAAIQ,OAAO;YACxC,IAAIrB,MAAM;gBACRA,KAAKsB,KAAK,CAAC;oBAAEC,eAAe;gBAAK;YACnC,OAAO,IAAIV,IAAIQ,OAAO,EAAE;gBACtBR,IAAIQ,OAAO,CAACC,KAAK;YACnB;QACF;IACF;IAEA,MAAME,aAAatC,kBAAkBiC,cAAcT;IAEnD,MAAMe,YAAYvC,kBAAkBiC,cAAcR;IAElDtB,gBAAgB;QACd2B;QACAC;QACAH;QACAD;IACF;IAEAzB,aAAayB,KAAK;QAChBE;QACAR;QACAO;QACAG;QACAO;IACF;IAEA,MAAME,wBAAwBxC,kBAAkB,CAACyC;QAC/C,IAAIpB,YAAY,CAACQ,aAAa,CAACD,OAAO;YACpC;QACF;QAEA,MAAMc,MAAM5C,UAAU2C,aAAaE;QACnC,IAAI,CAACD,KAAK;YACR;QACF;QAEA,MAAME,gBAAgBF,IAAIE,aAAa;QACvC,MAAMC,iBAAiBvC,iBAAiBmC;QAExC,IAAII,eAAevB,MAAM,KAAK,GAAG;YAC/B;QACF;QAEA,MAAMwB,sBAAsBC,KAAKC,GAAG,CAClCJ,gBAAgBC,eAAeI,OAAO,CAACL,iBAAiB,CAAC,GACzD;QAGF,MAAMM,cAAcL,cAAc,CAACC,oBAAoB;QACvD,IAAII,aAAa;YACfA,YAAYd,KAAK,CAAC;gBAAEC,eAAe;YAAK;QAC1C;IACF;IAEAtC,oBACE4B,KACA,IAAMA,IAAIQ,OAAO,IAAIK,sBAAsBb,IAAIQ,OAAO,GACtDH;IAGF,MAAMmB,0BAA0B,CAACC,SAAqBC;QACpD,OAAO,CAACC;YACN,IAAI,CAAC1B,SAASP,YAAY,CAACM,IAAIQ,OAAO,EAAE;gBACtC;YACF;YAEA,4DAA4D;YAC5D,6EAA6E;YAC7E,MAAMoB,gBAAgBD,MAAMC,aAAa;YAEzC,IAAIA,kBAAkB,QAASA,iBAAiB,CAAC5B,IAAIQ,OAAO,CAACqB,QAAQ,CAACD,gBAAiB;gBACrFF;gBACA;YACF;YAEAD;QACF;IACF;IAEA,MAAMK,qBAAqBzD,kBAAkBmD,wBAAwBZ,WAAWD;IAChF,MAAMoB,oBAAoB1D,kBAAkBmD,wBAAwBb,YAAYC;IAEhF,MAAMoB,qBAAqB/B,SAAS,CAACP;IAErC,OAAO;QACLuC,aAAaD,oCAAsB,KAAC1D;YAAW4D,SAASJ;;QACxDK,YAAYH,oCAAsB,KAAC1D;YAAW4D,SAASH;;IACzD;AACF,EAAE"}
+{"version":3,"sources":["../../../../src/hooks/useFocusTrap/useFocusTrap.tsx"],"sourcesContent":["'use client';\n\nimport type * as React from 'react';\nimport { useRef } from 'react';\nimport { arraysEquals } from '../../helpers/array';\nimport { FOCUSABLE_ELEMENTS_LIST } from '../../lib/accessibility';\nimport { getWindow } from '../../lib/dom';\nimport { useMutationObserver } from '../useMutationObserver';\nimport { useStableCallback } from '../useStableCallback';\nimport { FocusGuard } from './FocusGuard';\nimport { useAutoFocus } from './useAutoFocus';\nimport { useRestoreFocus } from './useRestoreFocus';\n\nconst FOCUSABLE_ELEMENTS = FOCUSABLE_ELEMENTS_LIST.join();\n\nconst collectFocusable = (root: HTMLElement): HTMLElement[] => {\n  const newFocusableElements =\n    // eslint-disable-next-line no-restricted-properties\n    root.querySelectorAll<HTMLElement>(FOCUSABLE_ELEMENTS);\n  const nodes = Array.from(newFocusableElements).filter((node) => {\n    // Исключаем гарды из списка фокусируемых элементов\n    if (node.hasAttribute('data-focus-guard')) {\n      return false;\n    }\n\n    const { display, visibility } = getComputedStyle(node);\n    const isHidden = display === 'none' || visibility === 'hidden';\n    const isDisabled = (node as HTMLButtonElement).disabled ?? false;\n\n    return !isHidden && !isDisabled;\n  });\n\n  if (nodes.length === 0) {\n    nodes.push(root);\n  }\n\n  return nodes;\n};\n\nconst getFirstFocusable = (root: HTMLElement | null): HTMLElement | null => {\n  if (!root) {\n    return null;\n  }\n\n  const nodes = collectFocusable(root);\n  return nodes[0] || null;\n};\n\nconst getLastFocusable = (root: HTMLElement | null): HTMLElement | null => {\n  if (!root) {\n    return null;\n  }\n\n  const nodes = collectFocusable(root);\n  return nodes[nodes.length - 1] || null;\n};\n\nexport type UseFocusTrapProps = {\n  /**\n   * Форсированное отключение захвата фокуса\n   *\n   * @default false\n   */\n  disabled?: boolean | undefined;\n  /**\n   * Управление поведением автофокуса при появлении всплывающего окна.\n   * При прокидывании `true` фокус будет установлен на первый элемент.\n   * При прокидывании `root` фокус будет установлен в корень.\n   * @default true\n   */\n  autoFocus?: boolean | 'root' | undefined;\n  /**\n   * Управление поведением возврата фокуса при закрытии всплывающего окна.\n   * @default true\n   */\n  restoreFocus?: boolean | (() => boolean | HTMLElement) | undefined;\n  /**\n   * Время в миллисекундах после которого срабатывает автофокус при появлении всплывающего окна.\n   * @default 0\n   */\n  autoFocusDelay?: number | undefined;\n  /**\n   * @default true\n   */\n  mount?: boolean | undefined;\n};\n\nexport const useFocusTrap = (\n  ref: React.RefObject<HTMLElement | null>,\n  {\n    mount = true,\n    disabled = false,\n    autoFocus = true,\n    restoreFocus = true,\n    autoFocusDelay = 0,\n  }: UseFocusTrapProps,\n) => {\n  const prevFocusableRef = useRef<HTMLElement[]>([]);\n\n  const createFocusFn = (getFocusElement: (root: HTMLElement | null) => HTMLElement | null) => {\n    return () => {\n      const node = getFocusElement(ref.current);\n      if (node) {\n        node.focus({ preventScroll: true });\n      } else if (ref.current) {\n        ref.current.focus();\n      }\n    };\n  };\n\n  const focusFirst = useStableCallback(createFocusFn(getFirstFocusable));\n\n  const focusLast = useStableCallback(createFocusFn(getLastFocusable));\n\n  useRestoreFocus({\n    restoreFocus,\n    autoFocusDelay,\n    mount,\n    ref,\n  });\n\n  useAutoFocus(ref, {\n    autoFocus,\n    disabled,\n    mount,\n    autoFocusDelay,\n    focusFirst,\n  });\n\n  const onMutateParentHandler = useStableCallback((parentNode: HTMLElement) => {\n    if (disabled || !autoFocus || !mount) {\n      return;\n    }\n\n    const doc = getWindow(parentNode)?.document;\n    if (!doc) {\n      return;\n    }\n\n    const activeElement = doc.activeElement as HTMLElement;\n    const focusableNodes = collectFocusable(parentNode);\n\n    if (arraysEquals(focusableNodes, prevFocusableRef.current)) {\n      return;\n    }\n\n    if (focusableNodes.length === 0) {\n      prevFocusableRef.current = [];\n      return;\n    }\n\n    const currentElementIndex = Math.max(\n      activeElement ? focusableNodes.indexOf(activeElement) : -1,\n      0,\n    );\n\n    const nodeToFocus = focusableNodes[currentElementIndex];\n    if (nodeToFocus) {\n      nodeToFocus.focus({ preventScroll: true });\n    }\n\n    prevFocusableRef.current = focusableNodes;\n  });\n\n  useMutationObserver(ref, () => ref.current && onMutateParentHandler(ref.current));\n\n  const createGuardFocusHandler = (focusFn: () => void, focusFromOutside: () => void) => {\n    return (event: React.FocusEvent<HTMLSpanElement>) => {\n      if (!mount || disabled || !ref.current) {\n        return;\n      }\n\n      // Проверяем, был ли предыдущий активный элемент внутри root\n      // Если нет, значит фокус пришёл извне, и нужно использовать focusFromOutside\n      const relatedTarget = event.relatedTarget as HTMLElement | null;\n\n      if (relatedTarget === null || (relatedTarget && !ref.current.contains(relatedTarget))) {\n        focusFromOutside();\n        return;\n      }\n\n      focusFn();\n    };\n  };\n\n  const onBeforeGuardFocus = useStableCallback(createGuardFocusHandler(focusLast, focusFirst));\n  const onAfterGuardFocus = useStableCallback(createGuardFocusHandler(focusFirst, focusLast));\n\n  const shouldRenderGuards = mount && !disabled;\n\n  return {\n    beforeGuard: shouldRenderGuards && <FocusGuard onFocus={onBeforeGuardFocus} />,\n    afterGuard: shouldRenderGuards && <FocusGuard onFocus={onAfterGuardFocus} />,\n  };\n};\n"],"names":["useRef","arraysEquals","FOCUSABLE_ELEMENTS_LIST","getWindow","useMutationObserver","useStableCallback","FocusGuard","useAutoFocus","useRestoreFocus","FOCUSABLE_ELEMENTS","join","collectFocusable","root","newFocusableElements","querySelectorAll","nodes","Array","from","filter","node","hasAttribute","display","visibility","getComputedStyle","isHidden","isDisabled","disabled","length","push","getFirstFocusable","getLastFocusable","useFocusTrap","ref","mount","autoFocus","restoreFocus","autoFocusDelay","prevFocusableRef","createFocusFn","getFocusElement","current","focus","preventScroll","focusFirst","focusLast","onMutateParentHandler","parentNode","doc","document","activeElement","focusableNodes","currentElementIndex","Math","max","indexOf","nodeToFocus","createGuardFocusHandler","focusFn","focusFromOutside","event","relatedTarget","contains","onBeforeGuardFocus","onAfterGuardFocus","shouldRenderGuards","beforeGuard","onFocus","afterGuard"],"mappings":"AAAA;;AAGA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,YAAY,QAAQ,yBAAsB;AACnD,SAASC,uBAAuB,QAAQ,6BAA0B;AAClE,SAASC,SAAS,QAAQ,mBAAgB;AAC1C,SAASC,mBAAmB,QAAQ,4BAAyB;AAC7D,SAASC,iBAAiB,QAAQ,0BAAuB;AACzD,SAASC,UAAU,QAAQ,kBAAe;AAC1C,SAASC,YAAY,QAAQ,oBAAiB;AAC9C,SAASC,eAAe,QAAQ,uBAAoB;AAEpD,MAAMC,qBAAqBP,wBAAwBQ,IAAI;AAEvD,MAAMC,mBAAmB,CAACC;IACxB,MAAMC,uBACJ,oDAAoD;IACpDD,KAAKE,gBAAgB,CAAcL;IACrC,MAAMM,QAAQC,MAAMC,IAAI,CAACJ,sBAAsBK,MAAM,CAAC,CAACC;QACrD,mDAAmD;QACnD,IAAIA,KAAKC,YAAY,CAAC,qBAAqB;YACzC,OAAO;QACT;QAEA,MAAM,EAAEC,OAAO,EAAEC,UAAU,EAAE,GAAGC,iBAAiBJ;QACjD,MAAMK,WAAWH,YAAY,UAAUC,eAAe;QACtD,MAAMG,aAAa,AAACN,KAA2BO,QAAQ,IAAI;QAE3D,OAAO,CAACF,YAAY,CAACC;IACvB;IAEA,IAAIV,MAAMY,MAAM,KAAK,GAAG;QACtBZ,MAAMa,IAAI,CAAChB;IACb;IAEA,OAAOG;AACT;AAEA,MAAMc,oBAAoB,CAACjB;IACzB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IAEA,MAAMG,QAAQJ,iBAAiBC;IAC/B,OAAOG,KAAK,CAAC,EAAE,IAAI;AACrB;AAEA,MAAMe,mBAAmB,CAAClB;IACxB,IAAI,CAACA,MAAM;QACT,OAAO;IACT;IAEA,MAAMG,QAAQJ,iBAAiBC;IAC/B,OAAOG,KAAK,CAACA,MAAMY,MAAM,GAAG,EAAE,IAAI;AACpC;AAgCA,OAAO,MAAMI,eAAe,CAC1BC,KACA,EACEC,QAAQ,IAAI,EACZP,WAAW,KAAK,EAChBQ,YAAY,IAAI,EAChBC,eAAe,IAAI,EACnBC,iBAAiB,CAAC,EACA;IAEpB,MAAMC,mBAAmBrC,OAAsB,EAAE;IAEjD,MAAMsC,gBAAgB,CAACC;QACrB,OAAO;YACL,MAAMpB,OAAOoB,gBAAgBP,IAAIQ,OAAO;YACxC,IAAIrB,MAAM;gBACRA,KAAKsB,KAAK,CAAC;oBAAEC,eAAe;gBAAK;YACnC,OAAO,IAAIV,IAAIQ,OAAO,EAAE;gBACtBR,IAAIQ,OAAO,CAACC,KAAK;YACnB;QACF;IACF;IAEA,MAAME,aAAatC,kBAAkBiC,cAAcT;IAEnD,MAAMe,YAAYvC,kBAAkBiC,cAAcR;IAElDtB,gBAAgB;QACd2B;QACAC;QACAH;QACAD;IACF;IAEAzB,aAAayB,KAAK;QAChBE;QACAR;QACAO;QACAG;QACAO;IACF;IAEA,MAAME,wBAAwBxC,kBAAkB,CAACyC;QAC/C,IAAIpB,YAAY,CAACQ,aAAa,CAACD,OAAO;YACpC;QACF;QAEA,MAAMc,MAAM5C,UAAU2C,aAAaE;QACnC,IAAI,CAACD,KAAK;YACR;QACF;QAEA,MAAME,gBAAgBF,IAAIE,aAAa;QACvC,MAAMC,iBAAiBvC,iBAAiBmC;QAExC,IAAI7C,aAAaiD,gBAAgBb,iBAAiBG,OAAO,GAAG;YAC1D;QACF;QAEA,IAAIU,eAAevB,MAAM,KAAK,GAAG;YAC/BU,iBAAiBG,OAAO,GAAG,EAAE;YAC7B;QACF;QAEA,MAAMW,sBAAsBC,KAAKC,GAAG,CAClCJ,gBAAgBC,eAAeI,OAAO,CAACL,iBAAiB,CAAC,GACzD;QAGF,MAAMM,cAAcL,cAAc,CAACC,oBAAoB;QACvD,IAAII,aAAa;YACfA,YAAYd,KAAK,CAAC;gBAAEC,eAAe;YAAK;QAC1C;QAEAL,iBAAiBG,OAAO,GAAGU;IAC7B;IAEA9C,oBAAoB4B,KAAK,IAAMA,IAAIQ,OAAO,IAAIK,sBAAsBb,IAAIQ,OAAO;IAE/E,MAAMgB,0BAA0B,CAACC,SAAqBC;QACpD,OAAO,CAACC;YACN,IAAI,CAAC1B,SAASP,YAAY,CAACM,IAAIQ,OAAO,EAAE;gBACtC;YACF;YAEA,4DAA4D;YAC5D,6EAA6E;YAC7E,MAAMoB,gBAAgBD,MAAMC,aAAa;YAEzC,IAAIA,kBAAkB,QAASA,iBAAiB,CAAC5B,IAAIQ,OAAO,CAACqB,QAAQ,CAACD,gBAAiB;gBACrFF;gBACA;YACF;YAEAD;QACF;IACF;IAEA,MAAMK,qBAAqBzD,kBAAkBmD,wBAAwBZ,WAAWD;IAChF,MAAMoB,oBAAoB1D,kBAAkBmD,wBAAwBb,YAAYC;IAEhF,MAAMoB,qBAAqB/B,SAAS,CAACP;IAErC,OAAO;QACLuC,aAAaD,oCAAsB,KAAC1D;YAAW4D,SAASJ;;QACxDK,YAAYH,oCAAsB,KAAC1D;YAAW4D,SAASH;;IACzD;AACF,EAAE"}

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

@@ -1 +1 @@
-{"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.focusVisibleModeInside,\n  outside: styles.focusVisibleModeOutside,\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.focusVisible,\n    focusVisible && styles.focusVisibleFocused,\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["classNames","styles","focusVisiblePresetModeClassNames","inside","focusVisibleModeInside","outside","focusVisibleModeOutside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames","focusVisibleFocused"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,mCAAyE;IACpFC,QAAQF,OAAOG,sBAAsB;IACrCC,SAASJ,OAAOK,uBAAuB;AACzC,EAAE;AAMF,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQN,gCAAgC,CAACM,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBZ,WAC7BC,OAAOS,YAAY,EACnBA,gBAAgBT,OAAOY,mBAAmB,EAC1CH,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.focusVisibleModeInside,\n  outside: styles.focusVisibleModeOutside,\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 | undefined;\n}\n\nexport interface UseFocusVisibleClassNameProps {\n  focusVisible?: boolean | undefined;\n  mode?: FocusVisibleMode | undefined;\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.focusVisible,\n    focusVisible && styles.focusVisibleFocused,\n    focusVisible && modeClassName,\n  );\n\n  return focusVisibleClassNames;\n}\n"],"names":["classNames","styles","focusVisiblePresetModeClassNames","inside","focusVisibleModeInside","outside","focusVisibleModeOutside","isPresetMode","mode","useFocusVisibleClassName","focusVisible","modeClassName","focusVisibleClassNames","focusVisibleFocused"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAE7C,OAAOC,YAAY,oCAAoC;AAEvD,OAAO,MAAMC,mCAAyE;IACpFC,QAAQF,OAAOG,sBAAsB;IACrCC,SAASJ,OAAOK,uBAAuB;AACzC,EAAE;AAMF,MAAMC,eAAe,CAACC,OACpBA,SAAS,YAAYA,SAAS;AAchC;;;;;CAKC,GACD,OAAO,SAASC,yBAAyB,EACvCC,eAAe,KAAK,EACpBF,OAAO,QAAQ,EACe;IAC9B,MAAMG,gBAAgBJ,aAAaC,QAAQN,gCAAgC,CAACM,KAAK,GAAGA;IAEpF,MAAMI,yBAAyBZ,WAC7BC,OAAOS,YAAY,EACnBA,gBAAgBT,OAAOY,mBAAmB,EAC1CH,gBAAgBC;IAGlB,OAAOC;AACT"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (\n  init: boolean,\n  callback?: (event: KeyboardEvent) => void,\n  optionsProp?: AddEventListenerOptions,\n): void => {\n  const { document } = useDOM();\n\n  const options = useRef<AddEventListenerOptions>(optionsProp || EVENT_OPTIONS);\n\n  useIsomorphicLayoutEffect(() => {\n    options.current = optionsProp || EVENT_OPTIONS;\n  }, [options]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, options.current);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, options.current);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["useRef","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","optionsProp","document","options","current","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,0BAAuB;AACxD,SAASC,MAAM,QAAQ,gBAAa;AACpC,SAASC,yBAAyB,QAAQ,sCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CACjCC,MACAC,UACAC;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGT;IAErB,MAAMU,UAAUb,OAAgCW,eAAeN;IAE/DD,0BAA0B;QACxBS,QAAQC,OAAO,GAAGH,eAAeN;IACnC,GAAG;QAACQ;KAAQ;IAEZT,0BAA0B;QACxB,IAAI,CAACQ,YAAY,CAACH,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAMK,gBAAgB,CAACC;YACrB,IAAId,WAAWc,WAAWf,KAAKgB,MAAM,EAAE;gBACrCP,SAASM;YACX;QACF;QACAJ,SAASM,gBAAgB,CAAC,WAAWH,eAAeF,QAAQC,OAAO;QACnE,OAAO;YACLF,SAASO,mBAAmB,CAAC,WAAWJ,eAAeF,QAAQC,OAAO;QACxE;IACF,GAAG;QAACL;QAAMG;QAAUF;KAAS;AAC/B,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useGlobalEscKeyDown.ts"],"sourcesContent":["import { useRef } from 'react';\nimport { Keys, pressedKey } from '../lib/accessibility';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst EVENT_OPTIONS = {\n  passive: true,\n  capture: true,\n};\n\n/**\n * Завязывается на document.\n *\n * @private\n */\nexport const useGlobalEscKeyDown = (\n  init: boolean,\n  callback?: ((event: KeyboardEvent) => void) | undefined,\n  optionsProp?: AddEventListenerOptions | undefined,\n): void => {\n  const { document } = useDOM();\n\n  const options = useRef<AddEventListenerOptions>(optionsProp || EVENT_OPTIONS);\n\n  useIsomorphicLayoutEffect(() => {\n    options.current = optionsProp || EVENT_OPTIONS;\n  }, [options]);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!document || !init || !callback) {\n      return;\n    }\n    const handleKeyDown = (event: KeyboardEvent) => {\n      if (pressedKey(event) === Keys.ESCAPE) {\n        callback(event);\n      }\n    };\n    document.addEventListener('keydown', handleKeyDown, options.current);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown, options.current);\n    };\n  }, [init, document, callback]);\n};\n"],"names":["useRef","Keys","pressedKey","useDOM","useIsomorphicLayoutEffect","EVENT_OPTIONS","passive","capture","useGlobalEscKeyDown","init","callback","optionsProp","document","options","current","handleKeyDown","event","ESCAPE","addEventListener","removeEventListener"],"mappings":"AAAA,SAASA,MAAM,QAAQ,QAAQ;AAC/B,SAASC,IAAI,EAAEC,UAAU,QAAQ,0BAAuB;AACxD,SAASC,MAAM,QAAQ,gBAAa;AACpC,SAASC,yBAAyB,QAAQ,sCAAmC;AAE7E,MAAMC,gBAAgB;IACpBC,SAAS;IACTC,SAAS;AACX;AAEA;;;;CAIC,GACD,OAAO,MAAMC,sBAAsB,CACjCC,MACAC,UACAC;IAEA,MAAM,EAAEC,QAAQ,EAAE,GAAGT;IAErB,MAAMU,UAAUb,OAAgCW,eAAeN;IAE/DD,0BAA0B;QACxBS,QAAQC,OAAO,GAAGH,eAAeN;IACnC,GAAG;QAACQ;KAAQ;IAEZT,0BAA0B;QACxB,IAAI,CAACQ,YAAY,CAACH,QAAQ,CAACC,UAAU;YACnC;QACF;QACA,MAAMK,gBAAgB,CAACC;YACrB,IAAId,WAAWc,WAAWf,KAAKgB,MAAM,EAAE;gBACrCP,SAASM;YACX;QACF;QACAJ,SAASM,gBAAgB,CAAC,WAAWH,eAAeF,QAAQC,OAAO;QACnE,OAAO;YACLF,SAASO,mBAAmB,CAAC,WAAWJ,eAAeF,QAAQC,OAAO;QACxE;IACF,GAAG;QAACL;QAAMG;QAAUF;KAAS;AAC/B,EAAE"}

package/dist/cssm/hooks/useMediaQueryMatch.js

@@ -0,0 +1,25 @@
+/* eslint-disable no-restricted-properties */ import * as React from "react";
+import { useDOM } from "../lib/dom.js";
+import { useIsomorphicLayoutEffect } from "../lib/useIsomorphicLayoutEffect.js";
+export function useMediaQueryMatches(media, { disable } = {}) {
+    const { window } = useDOM();
+    const [matches, setMatches] = React.useState(undefined);
+    useIsomorphicLayoutEffect(()=>{
+        if (!window || disable) {
+            return;
+        }
+        const match = window.matchMedia(media);
+        setMatches(match.matches);
+        /* istanbul ignore next: на текущий момент, покрытие данного кейса неинтересно  */ const handleMediaQueryChange = (event)=>{
+            /* istanbul ignore next */ setMatches(event.matches);
+        };
+        match.addEventListener('change', handleMediaQueryChange);
+        return ()=>match.removeEventListener('change', handleMediaQueryChange);
+    }, [
+        media,
+        window
+    ]);
+    return matches;
+}
+
+//# sourceMappingURL=useMediaQueryMatch.js.map

package/dist/cssm/hooks/useMediaQueryMatch.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/hooks/useMediaQueryMatch.ts"],"sourcesContent":["/* eslint-disable no-restricted-properties */\nimport * as React from 'react';\nimport { useDOM } from '../lib/dom';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\ntype Options = {\n  disable?: boolean | undefined;\n};\n\nexport function useMediaQueryMatches(\n  media: string,\n  { disable }: Options = {},\n): boolean | undefined {\n  const { window } = useDOM();\n\n  const [matches, setMatches] = React.useState<boolean | undefined>(undefined);\n\n  useIsomorphicLayoutEffect(() => {\n    if (!window || disable) {\n      return;\n    }\n    const match = window.matchMedia(media);\n    setMatches(match.matches);\n    /* istanbul ignore next: на текущий момент, покрытие данного кейса неинтересно  */\n    const handleMediaQueryChange = (event: MediaQueryListEvent) => {\n      /* istanbul ignore next */\n      setMatches(event.matches);\n    };\n    match.addEventListener('change', handleMediaQueryChange);\n    return () => match.removeEventListener('change', handleMediaQueryChange);\n  }, [media, window]);\n\n  return matches;\n}\n"],"names":["React","useDOM","useIsomorphicLayoutEffect","useMediaQueryMatches","media","disable","window","matches","setMatches","useState","undefined","match","matchMedia","handleMediaQueryChange","event","addEventListener","removeEventListener"],"mappings":"AAAA,2CAA2C,GAC3C,YAAYA,WAAW,QAAQ;AAC/B,SAASC,MAAM,QAAQ,gBAAa;AACpC,SAASC,yBAAyB,QAAQ,sCAAmC;AAM7E,OAAO,SAASC,qBACdC,KAAa,EACb,EAAEC,OAAO,EAAW,GAAG,CAAC,CAAC;IAEzB,MAAM,EAAEC,MAAM,EAAE,GAAGL;IAEnB,MAAM,CAACM,SAASC,WAAW,GAAGR,MAAMS,QAAQ,CAAsBC;IAElER,0BAA0B;QACxB,IAAI,CAACI,UAAUD,SAAS;YACtB;QACF;QACA,MAAMM,QAAQL,OAAOM,UAAU,CAACR;QAChCI,WAAWG,MAAMJ,OAAO;QACxB,gFAAgF,GAChF,MAAMM,yBAAyB,CAACC;YAC9B,wBAAwB,GACxBN,WAAWM,MAAMP,OAAO;QAC1B;QACAI,MAAMI,gBAAgB,CAAC,UAAUF;QACjC,OAAO,IAAMF,MAAMK,mBAAmB,CAAC,UAAUH;IACnD,GAAG;QAACT;QAAOE;KAAO;IAElB,OAAOC;AACT"}

package/dist/cssm/hooks/useMergeProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useMergeProps.ts"],"sourcesContent":["import type { AllHTMLAttributes } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport { mergeStyle } from '../helpers/mergeStyle';\nimport { filterObject } from '../lib/object';\nimport type { HasRootRef } from '../types';\nimport { useExternRef } from './useExternRef';\n\ntype BaseProps<T extends HTMLElement = HTMLElement> = HasRootRef<T> &\n  Pick<AllHTMLAttributes<T>, 'className' | 'style'>;\n\nconst filterProps = <T extends BaseProps = BaseProps>(props: T) => {\n  return filterObject(props, (value) => value !== undefined);\n};\n\nexport const useMergeProps = <T extends BaseProps = BaseProps>(\n  originalProps: T,\n  slotProps?: T,\n): T => {\n  const originalSlotGetRef = originalProps.getRootRef;\n  const rootSlotGetRef = slotProps?.getRootRef;\n\n  const getRootRef = useExternRef(originalSlotGetRef, rootSlotGetRef);\n\n  if (!slotProps) {\n    return filterProps(originalProps);\n  }\n\n  const { className: rootSlotClassName, style: rootSlotStyle, ...rootSlotProps } = slotProps || {};\n\n  const {\n    className: originalClassName,\n    style: originalSlotStyle,\n    ...originalRestProps\n  } = originalProps;\n\n  const resolvedClassName =\n    originalClassName || rootSlotClassName\n      ? classNames(originalClassName, rootSlotClassName)\n      : undefined;\n  const resolvedStyle =\n    originalSlotStyle || rootSlotStyle ? mergeStyle(originalSlotStyle, rootSlotStyle) : undefined;\n\n  const mergedEventsByInjectProps: any = getMergedSameEventsByProps(\n    originalRestProps,\n    rootSlotProps,\n  );\n\n  const resolvedProps: T = {\n    ...originalRestProps,\n    ...rootSlotProps,\n    ...mergedEventsByInjectProps,\n  };\n\n  if (resolvedClassName) {\n    resolvedProps.className = resolvedClassName;\n  }\n  if (resolvedStyle) {\n    resolvedProps.style = resolvedStyle;\n  }\n  if (rootSlotGetRef || originalSlotGetRef) {\n    resolvedProps.getRootRef = getRootRef;\n  }\n\n  return filterProps(resolvedProps);\n};\n"],"names":["classNames","getMergedSameEventsByProps","mergeStyle","filterObject","useExternRef","filterProps","props","value","undefined","useMergeProps","originalProps","slotProps","originalSlotGetRef","getRootRef","rootSlotGetRef","className","rootSlotClassName","style","rootSlotStyle","rootSlotProps","originalClassName","originalSlotStyle","originalRestProps","resolvedClassName","resolvedStyle","mergedEventsByInjectProps","resolvedProps"],"mappings":"AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,0BAA0B,QAAQ,2CAAwC;AACnF,SAASC,UAAU,QAAQ,2BAAwB;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,YAAY,QAAQ,oBAAiB;AAK9C,MAAMC,cAAc,CAAkCC;IACpD,OAAOH,aAAaG,OAAO,CAACC,QAAUA,UAAUC;AAClD;AAEA,OAAO,MAAMC,gBAAgB,CAC3BC,eACAC;IAEA,MAAMC,qBAAqBF,cAAcG,UAAU;IACnD,MAAMC,iBAAiBH,WAAWE;IAElC,MAAMA,aAAaT,aAAaQ,oBAAoBE;IAEpD,IAAI,CAACH,WAAW;QACd,OAAON,YAAYK;IACrB;IAEA,MAAM,EAAEK,WAAWC,iBAAiB,EAAEC,OAAOC,aAAa,EAAE,GAAGC,eAAe,GAAGR,aAAa,CAAC;IAE/F,MAAM,EACJI,WAAWK,iBAAiB,EAC5BH,OAAOI,iBAAiB,EACxB,GAAGC,mBACJ,GAAGZ;IAEJ,MAAMa,oBACJH,qBAAqBJ,oBACjBhB,WAAWoB,mBAAmBJ,qBAC9BR;IACN,MAAMgB,gBACJH,qBAAqBH,gBAAgBhB,WAAWmB,mBAAmBH,iBAAiBV;IAEtF,MAAMiB,4BAAiCxB,2BACrCqB,mBACAH;IAGF,MAAMO,gBAAmB;QACvB,GAAGJ,iBAAiB;QACpB,GAAGH,aAAa;QAChB,GAAGM,yBAAyB;IAC9B;IAEA,IAAIF,mBAAmB;QACrBG,cAAcX,SAAS,GAAGQ;IAC5B;IACA,IAAIC,eAAe;QACjBE,cAAcT,KAAK,GAAGO;IACxB;IACA,IAAIV,kBAAkBF,oBAAoB;QACxCc,cAAcb,UAAU,GAAGA;IAC7B;IAEA,OAAOR,YAAYqB;AACrB,EAAE"}
+{"version":3,"sources":["../../../src/hooks/useMergeProps.ts"],"sourcesContent":["import type { AllHTMLAttributes } from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport { mergeStyle } from '../helpers/mergeStyle';\nimport { filterObject } from '../lib/object';\nimport type { HasRootRef } from '../types';\nimport { useExternRef } from './useExternRef';\n\ntype BaseProps<T extends HTMLElement = HTMLElement> = HasRootRef<T> &\n  Pick<AllHTMLAttributes<T>, 'className' | 'style'>;\n\nconst filterProps = <T extends BaseProps = BaseProps>(props: T): T => {\n  return filterObject(props, (value) => value !== undefined);\n};\n\nexport const useMergeProps = <T extends BaseProps = BaseProps>(\n  originalProps: T,\n  slotProps?: T | undefined,\n): T => {\n  const originalSlotGetRef = originalProps.getRootRef;\n  const rootSlotGetRef = slotProps?.getRootRef;\n\n  const getRootRef = useExternRef(originalSlotGetRef, rootSlotGetRef);\n\n  if (!slotProps) {\n    return filterProps(originalProps);\n  }\n\n  const { className: rootSlotClassName, style: rootSlotStyle, ...rootSlotProps } = slotProps || {};\n\n  const {\n    className: originalClassName,\n    style: originalSlotStyle,\n    ...originalRestProps\n  } = originalProps;\n\n  const resolvedClassName =\n    originalClassName || rootSlotClassName\n      ? classNames(originalClassName, rootSlotClassName)\n      : undefined;\n  const resolvedStyle =\n    originalSlotStyle || rootSlotStyle ? mergeStyle(originalSlotStyle, rootSlotStyle) : undefined;\n\n  const mergedEventsByInjectProps: any = getMergedSameEventsByProps(\n    originalRestProps,\n    rootSlotProps,\n  );\n\n  const resolvedProps: T = {\n    ...originalRestProps,\n    ...rootSlotProps,\n    ...mergedEventsByInjectProps,\n  };\n\n  if (resolvedClassName) {\n    resolvedProps.className = resolvedClassName;\n  }\n  if (resolvedStyle) {\n    resolvedProps.style = resolvedStyle;\n  }\n  if (rootSlotGetRef || originalSlotGetRef) {\n    resolvedProps.getRootRef = getRootRef;\n  }\n\n  return filterProps(resolvedProps);\n};\n"],"names":["classNames","getMergedSameEventsByProps","mergeStyle","filterObject","useExternRef","filterProps","props","value","undefined","useMergeProps","originalProps","slotProps","originalSlotGetRef","getRootRef","rootSlotGetRef","className","rootSlotClassName","style","rootSlotStyle","rootSlotProps","originalClassName","originalSlotStyle","originalRestProps","resolvedClassName","resolvedStyle","mergedEventsByInjectProps","resolvedProps"],"mappings":"AACA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,0BAA0B,QAAQ,2CAAwC;AACnF,SAASC,UAAU,QAAQ,2BAAwB;AACnD,SAASC,YAAY,QAAQ,mBAAgB;AAE7C,SAASC,YAAY,QAAQ,oBAAiB;AAK9C,MAAMC,cAAc,CAAkCC;IACpD,OAAOH,aAAaG,OAAO,CAACC,QAAUA,UAAUC;AAClD;AAEA,OAAO,MAAMC,gBAAgB,CAC3BC,eACAC;IAEA,MAAMC,qBAAqBF,cAAcG,UAAU;IACnD,MAAMC,iBAAiBH,WAAWE;IAElC,MAAMA,aAAaT,aAAaQ,oBAAoBE;IAEpD,IAAI,CAACH,WAAW;QACd,OAAON,YAAYK;IACrB;IAEA,MAAM,EAAEK,WAAWC,iBAAiB,EAAEC,OAAOC,aAAa,EAAE,GAAGC,eAAe,GAAGR,aAAa,CAAC;IAE/F,MAAM,EACJI,WAAWK,iBAAiB,EAC5BH,OAAOI,iBAAiB,EACxB,GAAGC,mBACJ,GAAGZ;IAEJ,MAAMa,oBACJH,qBAAqBJ,oBACjBhB,WAAWoB,mBAAmBJ,qBAC9BR;IACN,MAAMgB,gBACJH,qBAAqBH,gBAAgBhB,WAAWmB,mBAAmBH,iBAAiBV;IAEtF,MAAMiB,4BAAiCxB,2BACrCqB,mBACAH;IAGF,MAAMO,gBAAmB;QACvB,GAAGJ,iBAAiB;QACpB,GAAGH,aAAa;QAChB,GAAGM,yBAAyB;IAC9B;IAEA,IAAIF,mBAAmB;QACrBG,cAAcX,SAAS,GAAGQ;IAC5B;IACA,IAAIC,eAAe;QACjBE,cAAcT,KAAK,GAAGO;IACxB;IACA,IAAIV,kBAAkBF,oBAAoB;QACxCc,cAAcb,UAAU,GAAGA;IAC7B;IAEA,OAAOR,YAAYqB;AACrB,EAAE"}

package/dist/cssm/hooks/useModalManager/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useModalManager/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { ModalCardProps } from '../../components/ModalCard/types';\nimport type { ModalPageProps } from '../../components/ModalPage/types';\nimport type { ModalRootProps } from '../../components/ModalRoot/types';\nimport type { HasDataAttribute } from '../../types';\n\nexport type UseModalManagerProps = Omit<ModalRootProps, 'activeModal' | 'children'> & {\n  saveHistory?: boolean;\n};\n\nexport type OpenModalPageProps = Omit<ModalPageProps, 'open' | 'keepMounted'> & HasDataAttribute;\n\nexport type OpenModalCardProps = Omit<ModalCardProps, 'open' | 'keepMounted'> & HasDataAttribute;\n\nexport type CustomModalPageItem = Pick<OpenPageReturn, 'update' | 'close'> & {\n  type: 'page';\n  id: string;\n  component: React.ComponentType<any>;\n  additionalProps?: any;\n  modalProps?: OpenModalPageProps;\n};\n\nexport type CustomModalCardItem = Pick<OpenCardReturn, 'update' | 'close'> & {\n  type: 'card';\n  id: string;\n  component: React.ComponentType<any>;\n  additionalProps?: any;\n  modalProps?: OpenModalCardProps;\n};\n\nexport type ModalManagerItem = CustomModalPageItem | CustomModalCardItem;\n\nexport type OpenModalReturn<T> = {\n  id: string;\n  close: () => void;\n  update: (props: T) => void;\n  onClose: <R>(resolve?: () => R, reject?: VoidFunction) => Promise<R>;\n};\n\ntype UpdateArgs =\n  | [id: string, type: 'card', props: Omit<OpenModalCardProps, 'id'>]\n  | [id: string, type: 'page', props: Omit<OpenModalPageProps, 'id'>];\n\nexport type OpenCardReturn = OpenModalReturn<Omit<OpenModalCardProps, 'id'>>;\n\nexport type OpenPageReturn = OpenModalReturn<Omit<OpenModalPageProps, 'id'>>;\n\nexport type CustomModalProps<\n  BaseProps extends OpenModalCardProps | OpenModalPageProps,\n  AdditionalProps extends object = object,\n> = AdditionalProps &\n  Pick<OpenModalReturn<Omit<BaseProps, 'id'>>, 'close' | 'update'> & {\n    modalProps: BaseProps;\n  };\n\nexport type CustomModalPayload<\n  BaseProps extends OpenModalCardProps | OpenModalPageProps,\n  AdditionalProps extends object = object,\n> = {\n  id?: string;\n  component: React.ComponentType<CustomModalProps<BaseProps, AdditionalProps>>;\n  baseProps?: BaseProps;\n  additionalProps?: AdditionalProps;\n};\n\n/**\n * API предоставляемое хуком `useModalManager`\n */\nexport type ModalManagerApi = {\n  /**\n   * Метод для открытия `ModalCard`, принимает свойства `ModalCard`.\n   * Возвращает объект типа `OpenModalReturn`.\n   */\n  openModalCard: (props: OpenModalCardProps) => OpenCardReturn;\n  /**\n   * Метод для открытия `ModalPage`, принимает свойства `ModalPage`.\n   * Возвращает объект типа `OpenModalReturn`.\n   */\n  openModalPage: (props: OpenModalPageProps) => OpenPageReturn;\n  /**\n   * Метод для открытия кастомного модального окна на базе `ModalCard`.\n   */\n  openCustomModalCard: <AdditionalProps extends object>(\n    props:\n      | CustomModalPayload<OpenModalCardProps, AdditionalProps>\n      | React.ComponentType<CustomModalProps<OpenModalCardProps, AdditionalProps>>,\n  ) => OpenCardReturn;\n  /**\n   * Метод для открытия кастомного модального окна на базе `ModalPage`.\n   */\n  openCustomModalPage: <AdditionalProps extends object>(\n    props:\n      | CustomModalPayload<OpenModalPageProps, AdditionalProps>\n      | React.ComponentType<CustomModalProps<OpenModalPageProps, AdditionalProps>>,\n  ) => OpenPageReturn;\n  /**\n   * Метод для изменения свойств уже созданных модалок. Принимает `id` и новые свойства, которые нужно переопределить.\n   */\n  update: (...args: UpdateArgs) => void;\n  /**\n   * Метод для закрытия определенного модального окна. Принимает `id` модального окна.\n   */\n  close: (id: string) => void;\n  /**\n   * Метод для закрытия всех модальных окон.\n   */\n  closeAll: () => void;\n  /**\n   * Метод для изменения флага `saveHistory`\n   */\n  setSaveHistory: (saveHistory: boolean) => void;\n};\n\nexport type UseModalManagerReturn = [ModalManagerApi, React.ReactElement | null];\n"],"names":[],"mappings":"AAiHA,WAAiF"}
+{"version":3,"sources":["../../../../src/hooks/useModalManager/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { ModalCardProps } from '../../components/ModalCard/types';\nimport type { ModalPageProps } from '../../components/ModalPage/types';\nimport type { ModalRootProps } from '../../components/ModalRoot/types';\nimport type { HasDataAttribute } from '../../types';\n\nexport type UseModalManagerProps = Omit<ModalRootProps, 'activeModal' | 'children'> & {\n  saveHistory?: boolean | undefined;\n};\n\nexport type OpenModalPageProps = Omit<ModalPageProps, 'open' | 'keepMounted'> & HasDataAttribute;\n\nexport type OpenModalCardProps = Omit<ModalCardProps, 'open' | 'keepMounted'> & HasDataAttribute;\n\nexport type CustomModalPageItem = Pick<OpenPageReturn, 'update' | 'close'> & {\n  type: 'page';\n  id: string;\n  component: React.ComponentType<any>;\n  additionalProps?: any | undefined;\n  modalProps?: OpenModalPageProps | undefined;\n};\n\nexport type CustomModalCardItem = Pick<OpenCardReturn, 'update' | 'close'> & {\n  type: 'card';\n  id: string;\n  component: React.ComponentType<any>;\n  additionalProps?: any | undefined;\n  modalProps?: OpenModalCardProps | undefined;\n};\n\nexport type ModalManagerItem = CustomModalPageItem | CustomModalCardItem;\n\nexport type OpenModalReturn<T> = {\n  id: string;\n  close: () => void;\n  update: (props: T) => void;\n  onClose: <R>(resolve?: () => R, reject?: VoidFunction) => Promise<R>;\n};\n\ntype UpdateArgs =\n  | [id: string, type: 'card', props: Omit<OpenModalCardProps, 'id'>]\n  | [id: string, type: 'page', props: Omit<OpenModalPageProps, 'id'>];\n\nexport type OpenCardReturn = OpenModalReturn<Omit<OpenModalCardProps, 'id'>>;\n\nexport type OpenPageReturn = OpenModalReturn<Omit<OpenModalPageProps, 'id'>>;\n\nexport type CustomModalProps<\n  BaseProps extends OpenModalCardProps | OpenModalPageProps,\n  AdditionalProps extends object = object,\n> = AdditionalProps &\n  Pick<OpenModalReturn<Omit<BaseProps, 'id'>>, 'close' | 'update'> & {\n    modalProps: BaseProps;\n  };\n\nexport type CustomModalPayload<\n  BaseProps extends OpenModalCardProps | OpenModalPageProps,\n  AdditionalProps extends object = object,\n> = {\n  id?: string | undefined;\n  component: React.ComponentType<CustomModalProps<BaseProps, AdditionalProps>>;\n  baseProps?: BaseProps | undefined;\n  additionalProps?: AdditionalProps | undefined;\n};\n\n/**\n * API предоставляемое хуком `useModalManager`\n */\nexport type ModalManagerApi = {\n  /**\n   * Метод для открытия `ModalCard`, принимает свойства `ModalCard`.\n   * Возвращает объект типа `OpenModalReturn`.\n   */\n  openModalCard: (props: OpenModalCardProps) => OpenCardReturn;\n  /**\n   * Метод для открытия `ModalPage`, принимает свойства `ModalPage`.\n   * Возвращает объект типа `OpenModalReturn`.\n   */\n  openModalPage: (props: OpenModalPageProps) => OpenPageReturn;\n  /**\n   * Метод для открытия кастомного модального окна на базе `ModalCard`.\n   */\n  openCustomModalCard: <AdditionalProps extends object>(\n    props:\n      | CustomModalPayload<OpenModalCardProps, AdditionalProps>\n      | React.ComponentType<CustomModalProps<OpenModalCardProps, AdditionalProps>>,\n  ) => OpenCardReturn;\n  /**\n   * Метод для открытия кастомного модального окна на базе `ModalPage`.\n   */\n  openCustomModalPage: <AdditionalProps extends object>(\n    props:\n      | CustomModalPayload<OpenModalPageProps, AdditionalProps>\n      | React.ComponentType<CustomModalProps<OpenModalPageProps, AdditionalProps>>,\n  ) => OpenPageReturn;\n  /**\n   * Метод для изменения свойств уже созданных модалок. Принимает `id` и новые свойства, которые нужно переопределить.\n   */\n  update: (...args: UpdateArgs) => void;\n  /**\n   * Метод для закрытия определенного модального окна. Принимает `id` модального окна.\n   */\n  close: (id: string) => void;\n  /**\n   * Метод для закрытия всех модальных окон.\n   */\n  closeAll: () => void;\n  /**\n   * Метод для изменения флага `saveHistory`\n   */\n  setSaveHistory: (saveHistory: boolean) => void;\n};\n\nexport type UseModalManagerReturn = [ModalManagerApi, React.ReactElement | null];\n"],"names":[],"mappings":"AAiHA,WAAiF"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,qBAAkB;AACxC,SAASC,cAAc,QAAQ,sBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBR,MAAMS,OAAO,CAAC;QACZ,MAAMC,aAAaR,eAAe,GAAGS,KAAKC,GAAG,CAACN,eAAeE;QAC7D,MAAMK,WAAWX,eACfS,KAAKG,GAAG,CAACN,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMO,mCAAmCP,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMW,gBAAgBf,MACpBG,cAAcC,cACdC,gBAAgB,GAChBS;QAGF,MAAME,kCAAkCX,gBAAgB,IAAI,IAAID;QAChE,MAAMa,cAAcP,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACV,cAAcC,cAAcY,kCACrCJ,SAASM,MAAM,GAAG,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIL,UAAU;QAGpD,MAAMY,QAA6BV;QAEnC,IAAIM,gBAAgBV,gBAAgB,GAAG;YACrCc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIf,gBAAgB,IAAIE,UAAUF,eAAe;YACtDc,MAAMC,IAAI,CAACf,gBAAgB;QAC7B;QAEAc,MAAMC,IAAI,IAAInB,eAAec,eAAeE;QAE5C,IAAIA,cAAcV,UAAUF,gBAAgB,GAAG;YAC7Cc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIb,UAAUF,gBAAgBA,eAAe;YAClDc,MAAMC,IAAI,CAACb,UAAUF;QACvB;QAEAc,MAAMC,IAAI,IAAIR;QAEd,OAAOO;IACT,GAAG;QAAChB;QAAaI;QAASH;QAAcC;KAAc,EAAE"}
+{"version":3,"sources":["../../../src/hooks/usePagination.ts"],"sourcesContent":["import * as React from 'react';\nimport { clamp } from '../helpers/math';\nimport { rangeIncrement } from '../helpers/range';\n\ninterface UsePaginationProps {\n  /**\n   * Текущая страница.\n   */\n  currentPage?: number | undefined;\n  /**\n   * Кол-во всегда видимых страниц по краям текущей страницы.\n   */\n  siblingCount?: number | undefined;\n  /**\n   * Кол-во всегда видимых страниц в начале и в конце.\n   */\n  boundaryCount?: number | undefined;\n  /**\n   * Общее кол-во страниц.\n   */\n  totalPages?: number | undefined;\n}\n\nexport type PaginationPageType = 'start-ellipsis' | 'end-ellipsis' | number;\n\nexport type UsePaginationResult = PaginationPageType[];\n\n/**\n * Хук позаимствован у @mui с некоторыми изменениями.\n *  [usePagination.js](https://github.com/mui/material-ui/blob/master/packages/mui-material/src/usePagination/usePagination.js).\n *\n * Примеры вывода:\n *           v\n * [1, 2, 3, 4, 5, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 4, 5, 6, 'end-ellipsis', 10]\n *                          v\n * [1, 'start-ellipsis', 6, 7, 8, 9, 10]\n */\nexport const usePagination = ({\n  currentPage = 1,\n  siblingCount = 1,\n  boundaryCount = 1,\n  totalPages: endPage = 1,\n}: UsePaginationProps = {}): UsePaginationResult =>\n  React.useMemo(() => {\n    const startPages = rangeIncrement(1, Math.min(boundaryCount, endPage));\n    const endPages = rangeIncrement(\n      Math.max(endPage - boundaryCount + 1, boundaryCount + 1),\n      endPage,\n    );\n\n    const lowerBoundaryWhenCurrentPageHigh = endPage - boundaryCount - 1 - 2 * siblingCount;\n    const siblingsStart = clamp(\n      currentPage - siblingCount,\n      boundaryCount + 2,\n      lowerBoundaryWhenCurrentPageHigh,\n    );\n\n    const upperBoundaryWhenCurrentPageLow = boundaryCount + 2 + 2 * siblingCount;\n    const siblingsEnd = Math.min(\n      Math.max(currentPage + siblingCount, upperBoundaryWhenCurrentPageLow),\n      endPages.length > 0 ? endPages[0] - 2 : endPage - 1,\n    );\n\n    const pages: UsePaginationResult = startPages;\n\n    if (siblingsStart > boundaryCount + 2) {\n      pages.push('start-ellipsis');\n    } else if (boundaryCount + 1 < endPage - boundaryCount) {\n      pages.push(boundaryCount + 1);\n    }\n\n    pages.push(...rangeIncrement(siblingsStart, siblingsEnd));\n\n    if (siblingsEnd < endPage - boundaryCount - 1) {\n      pages.push('end-ellipsis');\n    } else if (endPage - boundaryCount > boundaryCount) {\n      pages.push(endPage - boundaryCount);\n    }\n\n    pages.push(...endPages);\n\n    return pages;\n  }, [currentPage, endPage, siblingCount, boundaryCount]);\n"],"names":["React","clamp","rangeIncrement","usePagination","currentPage","siblingCount","boundaryCount","totalPages","endPage","useMemo","startPages","Math","min","endPages","max","lowerBoundaryWhenCurrentPageHigh","siblingsStart","upperBoundaryWhenCurrentPageLow","siblingsEnd","length","pages","push"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,KAAK,QAAQ,qBAAkB;AACxC,SAASC,cAAc,QAAQ,sBAAmB;AAyBlD;;;;;;;;;;;CAWC,GACD,OAAO,MAAMC,gBAAgB,CAAC,EAC5BC,cAAc,CAAC,EACfC,eAAe,CAAC,EAChBC,gBAAgB,CAAC,EACjBC,YAAYC,UAAU,CAAC,EACJ,GAAG,CAAC,CAAC,GACxBR,MAAMS,OAAO,CAAC;QACZ,MAAMC,aAAaR,eAAe,GAAGS,KAAKC,GAAG,CAACN,eAAeE;QAC7D,MAAMK,WAAWX,eACfS,KAAKG,GAAG,CAACN,UAAUF,gBAAgB,GAAGA,gBAAgB,IACtDE;QAGF,MAAMO,mCAAmCP,UAAUF,gBAAgB,IAAI,IAAID;QAC3E,MAAMW,gBAAgBf,MACpBG,cAAcC,cACdC,gBAAgB,GAChBS;QAGF,MAAME,kCAAkCX,gBAAgB,IAAI,IAAID;QAChE,MAAMa,cAAcP,KAAKC,GAAG,CAC1BD,KAAKG,GAAG,CAACV,cAAcC,cAAcY,kCACrCJ,SAASM,MAAM,GAAG,IAAIN,QAAQ,CAAC,EAAE,GAAG,IAAIL,UAAU;QAGpD,MAAMY,QAA6BV;QAEnC,IAAIM,gBAAgBV,gBAAgB,GAAG;YACrCc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIf,gBAAgB,IAAIE,UAAUF,eAAe;YACtDc,MAAMC,IAAI,CAACf,gBAAgB;QAC7B;QAEAc,MAAMC,IAAI,IAAInB,eAAec,eAAeE;QAE5C,IAAIA,cAAcV,UAAUF,gBAAgB,GAAG;YAC7Cc,MAAMC,IAAI,CAAC;QACb,OAAO,IAAIb,UAAUF,gBAAgBA,eAAe;YAClDc,MAAMC,IAAI,CAACb,UAAUF;QACvB;QAEAc,MAAMC,IAAI,IAAIR;QAEd,OAAOO;IACT,GAAG;QAAChB;QAAaI;QAASH;QAAcC;KAAc,EAAE"}

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

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/usePatchChildren.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport {\n  isDOMTypeElement,\n  isForwardRefElement,\n  isValidNotReactFragmentElement,\n} from '../lib/utils';\nimport { warnOnce } from '../lib/warnOnce';\nimport type { HasRootRef } from '../types';\nimport { useExternRef } from './useExternRef';\n\nconst warn = warnOnce('usePatchChildren');\n\ntype InjectProps<T> = React.HTMLAttributes<T> &\n  React.Attributes & {\n    ref?: React.Ref<T>;\n  };\n\ntype ExpectedReactElement<T> = React.ReactElement<HasRootRef<T> & React.DOMAttributes<T>>;\n\ntype ChildrenElement<T> = ExpectedReactElement<T> | React.ReactNode;\n\nfunction useWarn<ElementType extends HTMLElement = HTMLElement>(\n  shouldUseRef: boolean,\n  childRef: React.RefObject<ElementType | null>,\n) {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'development') {\n      if (!childRef.current && !shouldUseRef) {\n        warn(\n          'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n          'error',\n        );\n      }\n    }\n  }, [shouldUseRef, childRef]);\n}\n\n/**\n * Хук позволяет пропатчить переданный компонент так, чтобы можно было получить ссылку на его\n * DOM-элемент. Также есть возможность прокинуть дополнительные параметры.\n *\n * @param children\n * @param injectProps\n * @param externRef – полезен когда нужно прокинуть `ref` элементу выше.\n *\n * 👎 Без параметра `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildren(children);\n * React.useLayoutEffect(() => {\n *   ref.current = childRef.current; // или ref.current(childRef.current)\n * }, [childRef]);\n * ```\n *\n * 👍 С параметром `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildren(children, undefined, ref);\n * ```\n */\nexport const usePatchChildren = <ElementType extends HTMLElement = HTMLElement>(\n  children?: ChildrenElement<ElementType>,\n  injectProps?: InjectProps<ElementType>,\n  externRef?: React.Ref<ElementType>,\n): [React.RefObject<ElementType | null>, ChildrenElement<ElementType> | undefined] => {\n  const isValidElementResult = isValidNotReactFragmentElement(children);\n  const isDOMTypeElementResult =\n    isValidElementResult &&\n    isDOMTypeElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const isForwardedRefElementResult =\n    isValidElementResult &&\n    isForwardRefElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const shouldUseRef = isDOMTypeElementResult || isForwardedRefElementResult;\n  const childRef = useExternRef<ElementType>(\n    shouldUseRef ? children.ref : isValidElementResult ? children.props.getRootRef : undefined,\n    externRef,\n  );\n\n  const mergedEventsByInjectProps = getMergedSameEventsByProps(\n    injectProps ? injectProps : {},\n    isValidElementResult ? children.props : {},\n  );\n\n  const props = shouldUseRef\n    ? { ref: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : isValidElementResult\n      ? { getRootRef: childRef, ...injectProps, ...mergedEventsByInjectProps }\n      : undefined;\n\n  const patchedChildren = isValidElementResult ? React.cloneElement(children, props) : children;\n\n  useWarn(shouldUseRef, childRef);\n\n  return [childRef, patchedChildren];\n};\n"],"names":["React","getMergedSameEventsByProps","isDOMTypeElement","isForwardRefElement","isValidNotReactFragmentElement","warnOnce","useExternRef","warn","useWarn","shouldUseRef","childRef","useEffect","process","env","NODE_ENV","current","usePatchChildren","children","injectProps","externRef","isValidElementResult","isDOMTypeElementResult","isForwardedRefElementResult","ref","props","getRootRef","undefined","mergedEventsByInjectProps","patchedChildren","cloneElement"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,2CAAwC;AACnF,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,8BAA8B,QACzB,kBAAe;AACtB,SAASC,QAAQ,QAAQ,qBAAkB;AAE3C,SAASC,YAAY,QAAQ,oBAAiB;AAE9C,MAAMC,OAAOF,SAAS;AAWtB,SAASG,QACPC,YAAqB,EACrBC,QAA6C;IAE7CV,MAAMW,SAAS,CAAC;QACd,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAC1C,IAAI,CAACJ,SAASK,OAAO,IAAI,CAACN,cAAc;gBACtCF,KACE,4JACA;YAEJ;QACF;IACF,GAAG;QAACE;QAAcC;KAAS;AAC7B;AAEA;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,OAAO,MAAMM,mBAAmB,CAC9BC,UACAC,aACAC;IAEA,MAAMC,uBAAuBhB,+BAA+Ba;IAC5D,MAAMI,yBACJD,wBACAlB,iBAAiEe;IAEnE,MAAMK,8BACJF,wBACAjB,oBAAoEc;IAEtE,MAAMR,eAAeY,0BAA0BC;IAC/C,MAAMZ,WAAWJ,aACfG,eAAeQ,SAASM,GAAG,GAAGH,uBAAuBH,SAASO,KAAK,CAACC,UAAU,GAAGC,WACjFP;IAGF,MAAMQ,4BAA4B1B,2BAChCiB,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASO,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQf,eACV;QAAEc,KAAKb;QAAU,GAAGQ,WAAW;QAAE,GAAGS,yBAAyB;IAAC,IAC9DP,uBACE;QAAEK,YAAYf;QAAU,GAAGQ,WAAW;QAAE,GAAGS,yBAAyB;IAAC,IACrED;IAEN,MAAME,kBAAkBR,uBAAuBpB,MAAM6B,YAAY,CAACZ,UAAUO,SAASP;IAErFT,QAAQC,cAAcC;IAEtB,OAAO;QAACA;QAAUkB;KAAgB;AACpC,EAAE"}
+{"version":3,"sources":["../../../src/hooks/usePatchChildren.ts"],"sourcesContent":["import * as React from 'react';\nimport { getMergedSameEventsByProps } from '../helpers/getMergedSameEventsByProps';\nimport {\n  isDOMTypeElement,\n  isForwardRefElement,\n  isValidNotReactFragmentElement,\n} from '../lib/utils';\nimport { warnOnce } from '../lib/warnOnce';\nimport type { HasRootRef } from '../types';\nimport { useExternRef } from './useExternRef';\n\nconst warn = warnOnce('usePatchChildren');\n\ntype InjectProps<T> = React.HTMLAttributes<T> &\n  React.Attributes & {\n    ref?: React.Ref<T> | undefined;\n  };\n\ntype ExpectedReactElement<T> = React.ReactElement<HasRootRef<T> & React.DOMAttributes<T>>;\n\ntype ChildrenElement<T> = ExpectedReactElement<T> | React.ReactNode;\n\nfunction useWarn<ElementType extends HTMLElement = HTMLElement>(\n  shouldUseRef: boolean,\n  childRef: React.RefObject<ElementType | null>,\n) {\n  React.useEffect(() => {\n    if (process.env.NODE_ENV === 'development') {\n      if (!childRef.current && !shouldUseRef) {\n        warn(\n          'Кажется, в children передан компонент, который не поддерживает свойство getRootRef. Мы не можем получить ссылку на корневой dom-элемент этого компонента',\n          'error',\n        );\n      }\n    }\n  }, [shouldUseRef, childRef]);\n}\n\n/**\n * Хук позволяет пропатчить переданный компонент так, чтобы можно было получить ссылку на его\n * DOM-элемент. Также есть возможность прокинуть дополнительные параметры.\n *\n * @param children\n * @param injectProps\n * @param externRef – полезен когда нужно прокинуть `ref` элементу выше.\n *\n * 👎 Без параметра `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildren(children);\n * React.useLayoutEffect(() => {\n *   ref.current = childRef.current; // или ref.current(childRef.current)\n * }, [childRef]);\n * ```\n *\n * 👍 С параметром `externRef`\n * ```ts\n * const { ref } = useSomeHook();\n * const [childRef, child] = usePatchChildren(children, undefined, ref);\n * ```\n */\nexport const usePatchChildren = <ElementType extends HTMLElement = HTMLElement>(\n  children?: ChildrenElement<ElementType>,\n  injectProps?: InjectProps<ElementType>,\n  externRef?: React.Ref<ElementType>,\n): [React.RefObject<ElementType | null>, ChildrenElement<ElementType> | undefined] => {\n  const isValidElementResult = isValidNotReactFragmentElement(children);\n  const isDOMTypeElementResult =\n    isValidElementResult &&\n    isDOMTypeElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const isForwardedRefElementResult =\n    isValidElementResult &&\n    isForwardRefElement<React.HTMLAttributes<ElementType>, ElementType>(children);\n\n  const shouldUseRef = isDOMTypeElementResult || isForwardedRefElementResult;\n  const childRef = useExternRef<ElementType>(\n    shouldUseRef ? children.ref : isValidElementResult ? children.props.getRootRef : undefined,\n    externRef,\n  );\n\n  const mergedEventsByInjectProps = getMergedSameEventsByProps(\n    injectProps ? injectProps : {},\n    isValidElementResult ? children.props : {},\n  );\n\n  const props = shouldUseRef\n    ? { ref: childRef, ...injectProps, ...mergedEventsByInjectProps }\n    : isValidElementResult\n      ? { getRootRef: childRef, ...injectProps, ...mergedEventsByInjectProps }\n      : undefined;\n\n  const patchedChildren = isValidElementResult ? React.cloneElement(children, props) : children;\n\n  useWarn(shouldUseRef, childRef);\n\n  return [childRef, patchedChildren];\n};\n"],"names":["React","getMergedSameEventsByProps","isDOMTypeElement","isForwardRefElement","isValidNotReactFragmentElement","warnOnce","useExternRef","warn","useWarn","shouldUseRef","childRef","useEffect","process","env","NODE_ENV","current","usePatchChildren","children","injectProps","externRef","isValidElementResult","isDOMTypeElementResult","isForwardedRefElementResult","ref","props","getRootRef","undefined","mergedEventsByInjectProps","patchedChildren","cloneElement"],"mappings":"AAAA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,0BAA0B,QAAQ,2CAAwC;AACnF,SACEC,gBAAgB,EAChBC,mBAAmB,EACnBC,8BAA8B,QACzB,kBAAe;AACtB,SAASC,QAAQ,QAAQ,qBAAkB;AAE3C,SAASC,YAAY,QAAQ,oBAAiB;AAE9C,MAAMC,OAAOF,SAAS;AAWtB,SAASG,QACPC,YAAqB,EACrBC,QAA6C;IAE7CV,MAAMW,SAAS,CAAC;QACd,IAAIC,QAAQC,GAAG,CAACC,QAAQ,KAAK,eAAe;YAC1C,IAAI,CAACJ,SAASK,OAAO,IAAI,CAACN,cAAc;gBACtCF,KACE,4JACA;YAEJ;QACF;IACF,GAAG;QAACE;QAAcC;KAAS;AAC7B;AAEA;;;;;;;;;;;;;;;;;;;;;;CAsBC,GACD,OAAO,MAAMM,mBAAmB,CAC9BC,UACAC,aACAC;IAEA,MAAMC,uBAAuBhB,+BAA+Ba;IAC5D,MAAMI,yBACJD,wBACAlB,iBAAiEe;IAEnE,MAAMK,8BACJF,wBACAjB,oBAAoEc;IAEtE,MAAMR,eAAeY,0BAA0BC;IAC/C,MAAMZ,WAAWJ,aACfG,eAAeQ,SAASM,GAAG,GAAGH,uBAAuBH,SAASO,KAAK,CAACC,UAAU,GAAGC,WACjFP;IAGF,MAAMQ,4BAA4B1B,2BAChCiB,cAAcA,cAAc,CAAC,GAC7BE,uBAAuBH,SAASO,KAAK,GAAG,CAAC;IAG3C,MAAMA,QAAQf,eACV;QAAEc,KAAKb;QAAU,GAAGQ,WAAW;QAAE,GAAGS,yBAAyB;IAAC,IAC9DP,uBACE;QAAEK,YAAYf;QAAU,GAAGQ,WAAW;QAAE,GAAGS,yBAAyB;IAAC,IACrED;IAEN,MAAME,kBAAkBR,uBAAuBpB,MAAM6B,YAAY,CAACZ,UAAUO,SAASP;IAErFT,QAAQC,cAAcC;IAEtB,OAAO;QAACA;QAAUkB;KAAgB;AACpC,EAAE"}

package/dist/cssm/hooks/useSnackbarManager/components/{SnackbarAnimatedWrapper.js → SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js}

@@ -2,8 +2,8 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import { useEffect, useRef } from "react";
 import { classNames } from "@vkontakte/vkjs";
-import { useCSSKeyframesAnimationController } from "../../../lib/animation/index.js";
-import { usePlatform } from "../../usePlatform.js";
+import { useCSSKeyframesAnimationController } from "../../../../lib/animation/index.js";
+import { usePlatform } from "../../../usePlatform.js";
 import styles from "./SnackbarAnimatedWrapper.module.css";
 const animationStateClassNames = {
     enter: styles.stateEnter,

package/dist/cssm/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/hooks/useSnackbarManager/components/SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.tsx"],"sourcesContent":["'use client';\n\nimport { useEffect, useRef } from 'react';\nimport type * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { useCSSKeyframesAnimationController } from '../../../../lib/animation';\nimport { usePlatform } from '../../../usePlatform';\nimport type { SnackbarItem } from '../../types';\nimport styles from './SnackbarAnimatedWrapper.module.css';\n\nconst animationStateClassNames = {\n  enter: styles.stateEnter,\n  entering: styles.stateEnter,\n  entered: styles.stateEnter,\n  exit: styles.stateExit,\n  exiting: styles.stateExit,\n  exited: undefined,\n};\n\nconst placementClassNames = {\n  top: styles.placementTop,\n  bottom: styles.placementBottom,\n};\n\nexport const SnackbarAnimatedWrapper: React.FC<{\n  snackbarItem: SnackbarItem;\n  close: boolean;\n  onClosed: (id: string) => void;\n  placement: 'top' | 'bottom';\n}> = ({ snackbarItem, close = false, onClosed, placement }) => {\n  const ref = useRef<HTMLDivElement | null>(null);\n  const platform = usePlatform();\n  const [animationState, animationHandlers] = useCSSKeyframesAnimationController(\n    close ? 'exit' : 'enter',\n    {\n      onExited: () => onClosed(snackbarItem.id),\n    },\n  );\n\n  useEffect(() => {\n    if (ref.current && animationState === 'entered') {\n      ref.current.style.setProperty(\n        '--vkui_internal--SnackbarAnimatedWrapper_height',\n        `${ref.current.offsetHeight}px`,\n      );\n    }\n  }, [animationState]);\n\n  if (animationState === 'exited') {\n    return null;\n  }\n\n  return (\n    <div\n      ref={ref}\n      className={classNames(\n        styles.host,\n        animationStateClassNames[animationState],\n        platform === 'ios' && styles.ios,\n        placementClassNames[placement],\n      )}\n      {...animationHandlers}\n    >\n      <snackbarItem.component\n        {...snackbarItem.additionalProps}\n        id={snackbarItem.id}\n        snackbarProps={snackbarItem.snackbarProps}\n        close={snackbarItem.close}\n        update={snackbarItem.update}\n      />\n    </div>\n  );\n};\n"],"names":["useEffect","useRef","classNames","useCSSKeyframesAnimationController","usePlatform","styles","animationStateClassNames","enter","stateEnter","entering","entered","exit","stateExit","exiting","exited","undefined","placementClassNames","top","placementTop","bottom","placementBottom","SnackbarAnimatedWrapper","snackbarItem","close","onClosed","placement","ref","platform","animationState","animationHandlers","onExited","id","current","style","setProperty","offsetHeight","div","className","host","ios","component","additionalProps","snackbarProps","update"],"mappings":"AAAA;;AAEA,SAASA,SAAS,EAAEC,MAAM,QAAQ,QAAQ;AAE1C,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,kCAAkC,QAAQ,qCAA4B;AAC/E,SAASC,WAAW,QAAQ,0BAAuB;AAEnD,OAAOC,YAAY,uCAAuC;AAE1D,MAAMC,2BAA2B;IAC/BC,OAAOF,OAAOG,UAAU;IACxBC,UAAUJ,OAAOG,UAAU;IAC3BE,SAASL,OAAOG,UAAU;IAC1BG,MAAMN,OAAOO,SAAS;IACtBC,SAASR,OAAOO,SAAS;IACzBE,QAAQC;AACV;AAEA,MAAMC,sBAAsB;IAC1BC,KAAKZ,OAAOa,YAAY;IACxBC,QAAQd,OAAOe,eAAe;AAChC;AAEA,OAAO,MAAMC,0BAKR,CAAC,EAAEC,YAAY,EAAEC,QAAQ,KAAK,EAAEC,QAAQ,EAAEC,SAAS,EAAE;IACxD,MAAMC,MAAMzB,OAA8B;IAC1C,MAAM0B,WAAWvB;IACjB,MAAM,CAACwB,gBAAgBC,kBAAkB,GAAG1B,mCAC1CoB,QAAQ,SAAS,SACjB;QACEO,UAAU,IAAMN,SAASF,aAAaS,EAAE;IAC1C;IAGF/B,UAAU;QACR,IAAI0B,IAAIM,OAAO,IAAIJ,mBAAmB,WAAW;YAC/CF,IAAIM,OAAO,CAACC,KAAK,CAACC,WAAW,CAC3B,mDACA,GAAGR,IAAIM,OAAO,CAACG,YAAY,CAAC,EAAE,CAAC;QAEnC;IACF,GAAG;QAACP;KAAe;IAEnB,IAAIA,mBAAmB,UAAU;QAC/B,OAAO;IACT;IAEA,qBACE,KAACQ;QACCV,KAAKA;QACLW,WAAWnC,WACTG,OAAOiC,IAAI,EACXhC,wBAAwB,CAACsB,eAAe,EACxCD,aAAa,SAAStB,OAAOkC,GAAG,EAChCvB,mBAAmB,CAACS,UAAU;QAE/B,GAAGI,iBAAiB;kBAErB,cAAA,KAACP,aAAakB,SAAS;YACpB,GAAGlB,aAAamB,eAAe;YAChCV,IAAIT,aAAaS,EAAE;YACnBW,eAAepB,aAAaoB,aAAa;YACzCnB,OAAOD,aAAaC,KAAK;YACzBoB,QAAQrB,aAAaqB,MAAM;;;AAInC,EAAE"}

package/dist/cssm/hooks/useSnackbarManager/components/SnackbarHolder.js

@@ -1,7 +1,7 @@
 'use client';
 import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from "react";
-import { SnackbarsContainer } from "./SnackbarsContainer.js";
+import { SnackbarsContainer } from "./SnackbarsContainer/SnackbarsContainer.js";
 export const SnackbarHolder = ({ store, limit, offsetYStart, offsetYEnd, zIndex })=>{
     const state = React.useSyncExternalStore(store.subscribe, store.getState, store.getState);
     const onSnackbarOpen = React.useCallback((id)=>{
@@ -16,7 +16,10 @@ export const SnackbarHolder = ({ store, limit, offsetYStart, offsetYEnd, zIndex
         for (const snackbar of state.snackbars){
             const placement = snackbar.snackbarProps.placement;
             const isClosing = state.snackbarsToClose.has(snackbar.id);
-            if (!map[placement]) {
+            if (placement === undefined) {
+                continue;
+            }
+            if (placement !== undefined && !map[placement]) {
                 map[placement] = [];
                 openedSnackbarsCountersByPlacement[placement] = 0;
                 placements.push(placement);

package/dist/cssm/hooks/useSnackbarManager/components/SnackbarHolder.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/hooks/useSnackbarManager/components/SnackbarHolder.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SnackbarStore } from '../helpers/createSnackbarStore';\nimport type { SnackbarPlacement, SnackbarsMap, UseSnackbar } from '../types';\nimport { SnackbarsContainer } from './SnackbarsContainer';\n\ninterface SnackbarHolderProps\n  extends Pick<UseSnackbar.Props, 'offsetYStart' | 'offsetYEnd' | 'zIndex'> {\n  store: SnackbarStore;\n  limit: number;\n}\n\nexport const SnackbarHolder: React.FC<SnackbarHolderProps> = ({\n  store,\n  limit,\n  offsetYStart,\n  offsetYEnd,\n  zIndex,\n}) => {\n  const state = React.useSyncExternalStore(store.subscribe, store.getState, store.getState);\n\n  const onSnackbarOpen = React.useCallback(\n    (id: string) => {\n      store.showedSnackbars.add(id);\n    },\n    [store],\n  );\n\n  const [snackbarsMap, placements] = React.useMemo(() => {\n    const map: SnackbarsMap = {};\n    const placements: SnackbarPlacement[] = [];\n    const openedSnackbarsCountersByPlacement: Record<string, number> = {};\n\n    for (const snackbar of state.snackbars) {\n      const placement = snackbar.snackbarProps.placement;\n      const isClosing = state.snackbarsToClose.has(snackbar.id);\n\n      if (!map[placement]) {\n        map[placement] = [];\n        openedSnackbarsCountersByPlacement[placement] = 0;\n        placements.push(placement);\n      }\n\n      const openedCount = openedSnackbarsCountersByPlacement[placement];\n\n      if (openedCount >= limit && !isClosing) {\n        continue;\n      }\n\n      map[placement].push({\n        ...snackbar,\n        snackbarProps: {\n          ...snackbar.snackbarProps,\n          open: isClosing ? false : undefined,\n        },\n      });\n\n      if (!isClosing) {\n        openedSnackbarsCountersByPlacement[placement] = openedCount + 1;\n      }\n    }\n\n    return [map, placements];\n  }, [state.snackbars, state.snackbarsToClose, limit]);\n\n  if (placements.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {placements.map((placement) => (\n        <SnackbarsContainer\n          key={placement}\n          snackbars={snackbarsMap[placement]}\n          placement={placement}\n          onSnackbarContainerClosed={store.removeSnackbar}\n          onSnackbarOpen={onSnackbarOpen}\n          offsetYStart={offsetYStart}\n          offsetYEnd={offsetYEnd}\n          zIndex={zIndex}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["React","SnackbarsContainer","SnackbarHolder","store","limit","offsetYStart","offsetYEnd","zIndex","state","useSyncExternalStore","subscribe","getState","onSnackbarOpen","useCallback","id","showedSnackbars","add","snackbarsMap","placements","useMemo","map","openedSnackbarsCountersByPlacement","snackbar","snackbars","placement","snackbarProps","isClosing","snackbarsToClose","has","push","openedCount","open","undefined","length","onSnackbarContainerClosed","removeSnackbar"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,kBAAkB,QAAQ,0BAAuB;AAQ1D,OAAO,MAAMC,iBAAgD,CAAC,EAC5DC,KAAK,EACLC,KAAK,EACLC,YAAY,EACZC,UAAU,EACVC,MAAM,EACP;IACC,MAAMC,QAAQR,MAAMS,oBAAoB,CAACN,MAAMO,SAAS,EAAEP,MAAMQ,QAAQ,EAAER,MAAMQ,QAAQ;IAExF,MAAMC,iBAAiBZ,MAAMa,WAAW,CACtC,CAACC;QACCX,MAAMY,eAAe,CAACC,GAAG,CAACF;IAC5B,GACA;QAACX;KAAM;IAGT,MAAM,CAACc,cAAcC,WAAW,GAAGlB,MAAMmB,OAAO,CAAC;QAC/C,MAAMC,MAAoB,CAAC;QAC3B,MAAMF,aAAkC,EAAE;QAC1C,MAAMG,qCAA6D,CAAC;QAEpE,KAAK,MAAMC,YAAYd,MAAMe,SAAS,CAAE;YACtC,MAAMC,YAAYF,SAASG,aAAa,CAACD,SAAS;YAClD,MAAME,YAAYlB,MAAMmB,gBAAgB,CAACC,GAAG,CAACN,SAASR,EAAE;YAExD,IAAI,CAACM,GAAG,CAACI,UAAU,EAAE;gBACnBJ,GAAG,CAACI,UAAU,GAAG,EAAE;gBACnBH,kCAAkC,CAACG,UAAU,GAAG;gBAChDN,WAAWW,IAAI,CAACL;YAClB;YAEA,MAAMM,cAAcT,kCAAkC,CAACG,UAAU;YAEjE,IAAIM,eAAe1B,SAAS,CAACsB,WAAW;gBACtC;YACF;YAEAN,GAAG,CAACI,UAAU,CAACK,IAAI,CAAC;gBAClB,GAAGP,QAAQ;gBACXG,eAAe;oBACb,GAAGH,SAASG,aAAa;oBACzBM,MAAML,YAAY,QAAQM;gBAC5B;YACF;YAEA,IAAI,CAACN,WAAW;gBACdL,kCAAkC,CAACG,UAAU,GAAGM,cAAc;YAChE;QACF;QAEA,OAAO;YAACV;YAAKF;SAAW;IAC1B,GAAG;QAACV,MAAMe,SAAS;QAAEf,MAAMmB,gBAAgB;QAAEvB;KAAM;IAEnD,IAAIc,WAAWe,MAAM,KAAK,GAAG;QAC3B,OAAO;IACT;IAEA,qBACE;kBACGf,WAAWE,GAAG,CAAC,CAACI,0BACf,KAACvB;gBAECsB,WAAWN,YAAY,CAACO,UAAU;gBAClCA,WAAWA;gBACXU,2BAA2B/B,MAAMgC,cAAc;gBAC/CvB,gBAAgBA;gBAChBP,cAAcA;gBACdC,YAAYA;gBACZC,QAAQA;eAPHiB;;AAYf,EAAE"}
+{"version":3,"sources":["../../../../../src/hooks/useSnackbarManager/components/SnackbarHolder.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport type { SnackbarStore } from '../helpers/createSnackbarStore';\nimport type { SnackbarPlacement, SnackbarsMap, UseSnackbar } from '../types';\nimport { SnackbarsContainer } from './SnackbarsContainer/SnackbarsContainer';\n\ninterface SnackbarHolderProps\n  extends Pick<UseSnackbar.Props, 'offsetYStart' | 'offsetYEnd' | 'zIndex'> {\n  store: SnackbarStore;\n  limit: number;\n}\n\nexport const SnackbarHolder: React.FC<SnackbarHolderProps> = ({\n  store,\n  limit,\n  offsetYStart,\n  offsetYEnd,\n  zIndex,\n}) => {\n  const state = React.useSyncExternalStore(store.subscribe, store.getState, store.getState);\n\n  const onSnackbarOpen = React.useCallback(\n    (id: string) => {\n      store.showedSnackbars.add(id);\n    },\n    [store],\n  );\n\n  const [snackbarsMap, placements] = React.useMemo(() => {\n    const map: SnackbarsMap = {};\n    const placements: SnackbarPlacement[] = [];\n    const openedSnackbarsCountersByPlacement: Record<string, number> = {};\n\n    for (const snackbar of state.snackbars) {\n      const placement = snackbar.snackbarProps.placement;\n      const isClosing = state.snackbarsToClose.has(snackbar.id);\n\n      if (placement === undefined) {\n        continue;\n      }\n\n      if (placement !== undefined && !map[placement]) {\n        map[placement] = [];\n        openedSnackbarsCountersByPlacement[placement] = 0;\n        placements.push(placement);\n      }\n\n      const openedCount = openedSnackbarsCountersByPlacement[placement];\n\n      if (openedCount >= limit && !isClosing) {\n        continue;\n      }\n\n      map[placement].push({\n        ...snackbar,\n        snackbarProps: {\n          ...snackbar.snackbarProps,\n          open: isClosing ? false : undefined,\n        },\n      });\n\n      if (!isClosing) {\n        openedSnackbarsCountersByPlacement[placement] = openedCount + 1;\n      }\n    }\n\n    return [map, placements];\n  }, [state.snackbars, state.snackbarsToClose, limit]);\n\n  if (placements.length === 0) {\n    return null;\n  }\n\n  return (\n    <>\n      {placements.map((placement) => (\n        <SnackbarsContainer\n          key={placement}\n          snackbars={snackbarsMap[placement]}\n          placement={placement}\n          onSnackbarContainerClosed={store.removeSnackbar}\n          onSnackbarOpen={onSnackbarOpen}\n          offsetYStart={offsetYStart}\n          offsetYEnd={offsetYEnd}\n          zIndex={zIndex}\n        />\n      ))}\n    </>\n  );\n};\n"],"names":["React","SnackbarsContainer","SnackbarHolder","store","limit","offsetYStart","offsetYEnd","zIndex","state","useSyncExternalStore","subscribe","getState","onSnackbarOpen","useCallback","id","showedSnackbars","add","snackbarsMap","placements","useMemo","map","openedSnackbarsCountersByPlacement","snackbar","snackbars","placement","snackbarProps","isClosing","snackbarsToClose","has","undefined","push","openedCount","open","length","onSnackbarContainerClosed","removeSnackbar"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAG/B,SAASC,kBAAkB,QAAQ,6CAA0C;AAQ7E,OAAO,MAAMC,iBAAgD,CAAC,EAC5DC,KAAK,EACLC,KAAK,EACLC,YAAY,EACZC,UAAU,EACVC,MAAM,EACP;IACC,MAAMC,QAAQR,MAAMS,oBAAoB,CAACN,MAAMO,SAAS,EAAEP,MAAMQ,QAAQ,EAAER,MAAMQ,QAAQ;IAExF,MAAMC,iBAAiBZ,MAAMa,WAAW,CACtC,CAACC;QACCX,MAAMY,eAAe,CAACC,GAAG,CAACF;IAC5B,GACA;QAACX;KAAM;IAGT,MAAM,CAACc,cAAcC,WAAW,GAAGlB,MAAMmB,OAAO,CAAC;QAC/C,MAAMC,MAAoB,CAAC;QAC3B,MAAMF,aAAkC,EAAE;QAC1C,MAAMG,qCAA6D,CAAC;QAEpE,KAAK,MAAMC,YAAYd,MAAMe,SAAS,CAAE;YACtC,MAAMC,YAAYF,SAASG,aAAa,CAACD,SAAS;YAClD,MAAME,YAAYlB,MAAMmB,gBAAgB,CAACC,GAAG,CAACN,SAASR,EAAE;YAExD,IAAIU,cAAcK,WAAW;gBAC3B;YACF;YAEA,IAAIL,cAAcK,aAAa,CAACT,GAAG,CAACI,UAAU,EAAE;gBAC9CJ,GAAG,CAACI,UAAU,GAAG,EAAE;gBACnBH,kCAAkC,CAACG,UAAU,GAAG;gBAChDN,WAAWY,IAAI,CAACN;YAClB;YAEA,MAAMO,cAAcV,kCAAkC,CAACG,UAAU;YAEjE,IAAIO,eAAe3B,SAAS,CAACsB,WAAW;gBACtC;YACF;YAEAN,GAAG,CAACI,UAAU,CAACM,IAAI,CAAC;gBAClB,GAAGR,QAAQ;gBACXG,eAAe;oBACb,GAAGH,SAASG,aAAa;oBACzBO,MAAMN,YAAY,QAAQG;gBAC5B;YACF;YAEA,IAAI,CAACH,WAAW;gBACdL,kCAAkC,CAACG,UAAU,GAAGO,cAAc;YAChE;QACF;QAEA,OAAO;YAACX;YAAKF;SAAW;IAC1B,GAAG;QAACV,MAAMe,SAAS;QAAEf,MAAMmB,gBAAgB;QAAEvB;KAAM;IAEnD,IAAIc,WAAWe,MAAM,KAAK,GAAG;QAC3B,OAAO;IACT;IAEA,qBACE;kBACGf,WAAWE,GAAG,CAAC,CAACI,0BACf,KAACvB;gBAECsB,WAAWN,YAAY,CAACO,UAAU;gBAClCA,WAAWA;gBACXU,2BAA2B/B,MAAMgC,cAAc;gBAC/CvB,gBAAgBA;gBAChBP,cAAcA;gBACdC,YAAYA;gBACZC,QAAQA;eAPHiB;;AAYf,EAAE"}

package/dist/cssm/hooks/useSnackbarManager/components/{SnackbarsContainer.js → SnackbarsContainer/SnackbarsContainer.js}

@@ -2,9 +2,9 @@
 import { jsx as _jsx } from "react/jsx-runtime";
 import * as React from "react";
 import { classNames } from "@vkontakte/vkjs";
-import { Flex } from "../../../components/Flex/Flex.js";
-import { SnackbarAnimatedWrapper } from "./SnackbarAnimatedWrapper.js";
-import { SnackbarsContainerContext } from "./SnackbarsContainerContext.js";
+import { Flex } from "../../../../components/Flex/Flex.js";
+import { SnackbarAnimatedWrapper } from "../SnackbarAnimatedWrapper/SnackbarAnimatedWrapper.js";
+import { SnackbarsContainerContext } from "../SnackbarsContainerContext.js";
 import styles from "./SnackbarsContainer.module.css";
 const placementClassNames = {
     'top-start': styles.placementTopStart,

package/dist/cssm/hooks/useSnackbarManager/components/SnackbarsContainer/SnackbarsContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../../src/hooks/useSnackbarManager/components/SnackbarsContainer/SnackbarsContainer.tsx"],"sourcesContent":["'use client';\n\nimport * as React from 'react';\nimport { classNames } from '@vkontakte/vkjs';\nimport { Flex } from '../../../../components/Flex/Flex';\nimport type { SnackbarPlacement } from '../../../../components/Snackbar/types';\nimport type { CSSCustomProperties } from '../../../../types';\nimport type { SnackbarApi, SnackbarItem, UseSnackbar } from '../../types';\nimport { SnackbarAnimatedWrapper } from '../SnackbarAnimatedWrapper/SnackbarAnimatedWrapper';\nimport {\n  SnackbarsContainerContext,\n  type SnackbarsContainerContextData,\n} from '../SnackbarsContainerContext';\nimport styles from './SnackbarsContainer.module.css';\n/* eslint-disable jsdoc/require-jsdoc */\n\ninterface SnackbarsContainerProps\n  extends Pick<UseSnackbar.Props, 'offsetYStart' | 'offsetYEnd' | 'zIndex'> {\n  snackbars: SnackbarItem[];\n  placement: SnackbarPlacement;\n  onSnackbarOpen: (id: string) => void;\n  onSnackbarContainerClosed: (id: string) => void;\n}\n\nconst placementClassNames = {\n  'top-start': styles.placementTopStart,\n  'top-end': styles.placementTopEnd,\n  'top': styles.placementTop,\n  'bottom-start': styles.placementBottomStart,\n  'bottom-end': styles.placementBottomEnd,\n  'bottom': styles.placementBottom,\n};\n\nconst resolveOffset = (offset: SnackbarApi.OffsetY | undefined): string => {\n  if (typeof offset === 'undefined') {\n    return '';\n  }\n  return typeof offset === 'number' ? `${offset}px` : offset;\n};\n\nexport const SnackbarsContainer: React.FC<SnackbarsContainerProps> = ({\n  snackbars,\n  placement,\n  onSnackbarOpen,\n  onSnackbarContainerClosed: onSnackbarContainerClosedProp,\n  offsetYStart,\n  offsetYEnd,\n  zIndex,\n}) => {\n  const [snackbarsWrappersToClose, setSnackbarsWrappersToClose] = React.useState<Set<string>>(\n    new Set(),\n  );\n  const onClosed = React.useCallback((id: string) => {\n    setSnackbarsWrappersToClose((oldState) => new Set([...oldState, id]));\n  }, []);\n\n  const onSnackbarContainerClosed = React.useCallback(\n    (id: string) => {\n      setSnackbarsWrappersToClose((oldState) => {\n        oldState.delete(id);\n        return new Set(oldState);\n      });\n      onSnackbarContainerClosedProp(id);\n    },\n    [onSnackbarContainerClosedProp],\n  );\n\n  const contextValue: SnackbarsContainerContextData = React.useMemo(\n    () => ({\n      isInsideContainer: true,\n      onClosed,\n      onOpen: onSnackbarOpen,\n    }),\n    [onClosed, onSnackbarOpen],\n  );\n\n  const containerStyles: CSSCustomProperties = {\n    '--vkui_internal--snackbars_container_offset_y_start': resolveOffset(offsetYStart),\n    '--vkui_internal--snackbars_container_offset_y_end': resolveOffset(offsetYEnd),\n    ...(zIndex !== undefined && { zIndex }),\n  };\n\n  return (\n    <SnackbarsContainerContext.Provider value={contextValue}>\n      <Flex\n        className={classNames(styles.host, placementClassNames[placement])}\n        style={containerStyles}\n      >\n        {snackbars.map((snackbar) => (\n          <SnackbarAnimatedWrapper\n            key={snackbar.id}\n            snackbarItem={snackbar}\n            onClosed={onSnackbarContainerClosed}\n            close={snackbarsWrappersToClose.has(snackbar.id)}\n            placement={placement.startsWith('top') ? 'top' : 'bottom'}\n          />\n        ))}\n      </Flex>\n    </SnackbarsContainerContext.Provider>\n  );\n};\n"],"names":["React","classNames","Flex","SnackbarAnimatedWrapper","SnackbarsContainerContext","styles","placementClassNames","placementTopStart","placementTopEnd","placementTop","placementBottomStart","placementBottomEnd","placementBottom","resolveOffset","offset","SnackbarsContainer","snackbars","placement","onSnackbarOpen","onSnackbarContainerClosed","onSnackbarContainerClosedProp","offsetYStart","offsetYEnd","zIndex","snackbarsWrappersToClose","setSnackbarsWrappersToClose","useState","Set","onClosed","useCallback","id","oldState","delete","contextValue","useMemo","isInsideContainer","onOpen","containerStyles","undefined","Provider","value","className","host","style","map","snackbar","snackbarItem","close","has","startsWith"],"mappings":"AAAA;;AAEA,YAAYA,WAAW,QAAQ;AAC/B,SAASC,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,IAAI,QAAQ,sCAAmC;AAIxD,SAASC,uBAAuB,QAAQ,wDAAqD;AAC7F,SACEC,yBAAyB,QAEpB,kCAA+B;AACtC,OAAOC,YAAY,kCAAkC;AAWrD,MAAMC,sBAAsB;IAC1B,aAAaD,OAAOE,iBAAiB;IACrC,WAAWF,OAAOG,eAAe;IACjC,OAAOH,OAAOI,YAAY;IAC1B,gBAAgBJ,OAAOK,oBAAoB;IAC3C,cAAcL,OAAOM,kBAAkB;IACvC,UAAUN,OAAOO,eAAe;AAClC;AAEA,MAAMC,gBAAgB,CAACC;IACrB,IAAI,OAAOA,WAAW,aAAa;QACjC,OAAO;IACT;IACA,OAAO,OAAOA,WAAW,WAAW,GAAGA,OAAO,EAAE,CAAC,GAAGA;AACtD;AAEA,OAAO,MAAMC,qBAAwD,CAAC,EACpEC,SAAS,EACTC,SAAS,EACTC,cAAc,EACdC,2BAA2BC,6BAA6B,EACxDC,YAAY,EACZC,UAAU,EACVC,MAAM,EACP;IACC,MAAM,CAACC,0BAA0BC,4BAA4B,GAAGzB,MAAM0B,QAAQ,CAC5E,IAAIC;IAEN,MAAMC,WAAW5B,MAAM6B,WAAW,CAAC,CAACC;QAClCL,4BAA4B,CAACM,WAAa,IAAIJ,IAAI;mBAAII;gBAAUD;aAAG;IACrE,GAAG,EAAE;IAEL,MAAMX,4BAA4BnB,MAAM6B,WAAW,CACjD,CAACC;QACCL,4BAA4B,CAACM;YAC3BA,SAASC,MAAM,CAACF;YAChB,OAAO,IAAIH,IAAII;QACjB;QACAX,8BAA8BU;IAChC,GACA;QAACV;KAA8B;IAGjC,MAAMa,eAA8CjC,MAAMkC,OAAO,CAC/D,IAAO,CAAA;YACLC,mBAAmB;YACnBP;YACAQ,QAAQlB;QACV,CAAA,GACA;QAACU;QAAUV;KAAe;IAG5B,MAAMmB,kBAAuC;QAC3C,uDAAuDxB,cAAcQ;QACrE,qDAAqDR,cAAcS;QACnE,GAAIC,WAAWe,aAAa;YAAEf;QAAO,CAAC;IACxC;IAEA,qBACE,KAACnB,0BAA0BmC,QAAQ;QAACC,OAAOP;kBACzC,cAAA,KAAC/B;YACCuC,WAAWxC,WAAWI,OAAOqC,IAAI,EAAEpC,mBAAmB,CAACW,UAAU;YACjE0B,OAAON;sBAENrB,UAAU4B,GAAG,CAAC,CAACC,yBACd,KAAC1C;oBAEC2C,cAAcD;oBACdjB,UAAUT;oBACV4B,OAAOvB,yBAAyBwB,GAAG,CAACH,SAASf,EAAE;oBAC/Cb,WAAWA,UAAUgC,UAAU,CAAC,SAAS,QAAQ;mBAJ5CJ,SAASf,EAAE;;;AAU5B,EAAE"}

package/dist/cssm/hooks/useSnackbarManager/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/hooks/useSnackbarManager/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { SnackbarProps } from '../../components/Snackbar/Snackbar';\nimport type { HasDataAttribute, PartialFields, RequiredFields } from '../../types';\n\nexport type SnackbarsMap = Record<string, SnackbarItem[]>;\n\nexport type SnackbarData = RequiredFields<Omit<SnackbarProps, 'offsetY'>, 'id' | 'placement'>;\n\nexport namespace CustomSnackbar {\n  export type Props<AdditionalProps extends object = object> = AdditionalProps &\n    Pick<SnackbarApi.OpenReturn, 'close' | 'update'> & {\n      id: string;\n      snackbarProps: SnackbarData;\n    };\n\n  export type Payload<AdditionalProps extends object = object> = {\n    id?: string;\n    component: React.ComponentType<Props<AdditionalProps>>;\n    baseProps?: SnackbarApi.OpenProps;\n    additionalProps?: AdditionalProps;\n  };\n}\n\nexport namespace SnackbarApi {\n  export type OpenProps = PartialFields<Omit<SnackbarProps, 'open' | 'offsetY'>, 'onClosed'> &\n    HasDataAttribute;\n\n  export type UpdateProps = Omit<OpenProps, 'id' | 'placement'>;\n\n  export type OpenReturn = {\n    id: string;\n    close: () => void;\n    update: (props: UpdateProps) => void;\n    onClose: <R>(resolve?: () => R, reject?: VoidFunction) => Promise<R>;\n  };\n\n  export type QueueStrategy = 'queue' | 'shift';\n\n  export type OffsetY = number | string;\n\n  export interface Api {\n    /**\n     * Метод для открытия снекбара. Принимает конфиг\n     */\n    open: (config: OpenProps) => OpenReturn;\n    /**\n     * Метод для открытия кастомного снекбара.\n     */\n    openCustom: <AdditionalProps extends object = object>(\n      config:\n        | CustomSnackbar.Payload<AdditionalProps>\n        | React.ComponentType<CustomSnackbar.Props<AdditionalProps>>,\n    ) => OpenReturn;\n    /**\n     * Метод для обновления свойств снекбара. Можно поменять любое свойство, кроме 'id' и 'placement'.\n     */\n    update: (id: string, config: UpdateProps) => void;\n    /**\n     * Метод для закрытия снекбара по id.\n     */\n    close: (id: string) => void;\n    /**\n     * Метод для закрытия всех снекбаров.\n     */\n    closeAll: () => void;\n    /**\n     * Метод для изменения максимального числа открытых снекбаров в один момент.\n     */\n    setLimit: (count: number) => void;\n    /**\n     * Метод для изменения поведения переполнения очереди снекбаров.\n     */\n    setQueueStrategy: (behavior: QueueStrategy) => void;\n    /**\n     * Метод для изменения отступа контейнера снекбаров от верха.\n     */\n    setOffsetYStart: (offset: OffsetY) => void;\n    /**\n     * Метод для изменения отступа контейнера снекбаров от низа.\n     */\n    setOffsetYEnd: (offset: OffsetY) => void;\n    /**\n     * Метод для изменения z-index контейнера снекбаров.\n     */\n    setZIndex: (zIndex: number | string) => void;\n  }\n}\n\nexport namespace UseSnackbar {\n  export interface Props {\n    /**\n     * Максимальное число открытых на одном `placement` снекбаров\n     */\n    limit?: number;\n    /**\n     * Поведение переполнения очереди снекбаров:\n     * - `\"queue\"` - снекбары не откроются, пока для них не появится место.\n     * - `\"shift\"` - снекбары форсируют закрытие более старых снекбаров, чтобы освободить место. Значение по умолчанию.\n     */\n    queueStrategy?: SnackbarApi.QueueStrategy;\n    /**\n     * Вертикальный отступ контейнера со снекбарами от верха. Полезно, когда на странице используется компонент `FixedLayout`.\n     */\n    offsetYStart?: SnackbarApi.OffsetY;\n    /**\n     * Вертикальный отступ контейнера со снекбарами от низа. Полезно, когда на странице используется компонент `FixedLayout`.\n     */\n    offsetYEnd?: SnackbarApi.OffsetY;\n    /**\n     * Свойство для установки стиля `z-index` на контейнере снекбаров.\n     */\n    zIndex?: number | string;\n  }\n\n  export type Return = [SnackbarApi.Api, React.ReactElement | null];\n}\n\nexport type SnackbarItem = Pick<SnackbarApi.OpenReturn, 'close' | 'update'> & {\n  id: string;\n  component: React.ComponentType<any>;\n  additionalProps?: any;\n  snackbarProps: SnackbarData;\n};\n\nexport type CommonOnOpenPayload = Pick<SnackbarApi.OpenReturn, 'close' | 'update'> & {\n  id: string;\n  component: React.ComponentType<CustomSnackbar.Props<any>>;\n  snackbarProps?: SnackbarApi.OpenProps;\n  additionalProps?: any;\n};\n\nexport { type SnackbarPlacement } from '../../components/Snackbar/types';\nexport { SnackbarProps };\n"],"names":[],"mappings":"AAoIA,WAAyB"}
+{"version":3,"sources":["../../../../src/hooks/useSnackbarManager/types.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { SnackbarProps } from '../../components/Snackbar/Snackbar';\nimport type { HasDataAttribute, PartialFields, RequiredFields } from '../../types';\n\nexport type SnackbarsMap = Record<string, SnackbarItem[]>;\n\nexport type SnackbarData = RequiredFields<Omit<SnackbarProps, 'offsetY'>, 'id' | 'placement'>;\n\nexport namespace CustomSnackbar {\n  export type Props<AdditionalProps extends object = object> = AdditionalProps &\n    Pick<SnackbarApi.OpenReturn, 'close' | 'update'> & {\n      id: string;\n      snackbarProps: SnackbarData;\n    };\n\n  export type Payload<AdditionalProps extends object = object> = {\n    id?: string | undefined;\n    component: React.ComponentType<Props<AdditionalProps>>;\n    baseProps?: SnackbarApi.OpenProps | undefined;\n    additionalProps?: AdditionalProps | undefined;\n  };\n}\n\nexport namespace SnackbarApi {\n  export type OpenProps = PartialFields<Omit<SnackbarProps, 'open' | 'offsetY'>, 'onClosed'> &\n    HasDataAttribute;\n\n  export type UpdateProps = Omit<OpenProps, 'id' | 'placement'>;\n\n  export type OpenReturn = {\n    id: string;\n    close: () => void;\n    update: (props: UpdateProps) => void;\n    onClose: <R>(resolve?: () => R, reject?: VoidFunction) => Promise<R>;\n  };\n\n  export type QueueStrategy = 'queue' | 'shift';\n\n  export type OffsetY = number | string;\n\n  export interface Api {\n    /**\n     * Метод для открытия снекбара. Принимает конфиг\n     */\n    open: (config: OpenProps) => OpenReturn;\n    /**\n     * Метод для открытия кастомного снекбара.\n     */\n    openCustom: <AdditionalProps extends object = object>(\n      config:\n        | CustomSnackbar.Payload<AdditionalProps>\n        | React.ComponentType<CustomSnackbar.Props<AdditionalProps>>,\n    ) => OpenReturn;\n    /**\n     * Метод для обновления свойств снекбара. Можно поменять любое свойство, кроме 'id' и 'placement'.\n     */\n    update: (id: string, config: UpdateProps) => void;\n    /**\n     * Метод для закрытия снекбара по id.\n     */\n    close: (id: string) => void;\n    /**\n     * Метод для закрытия всех снекбаров.\n     */\n    closeAll: () => void;\n    /**\n     * Метод для изменения максимального числа открытых снекбаров в один момент.\n     */\n    setLimit: (count: number) => void;\n    /**\n     * Метод для изменения поведения переполнения очереди снекбаров.\n     */\n    setQueueStrategy: (behavior: QueueStrategy) => void;\n    /**\n     * Метод для изменения отступа контейнера снекбаров от верха.\n     */\n    setOffsetYStart: (offset: OffsetY) => void;\n    /**\n     * Метод для изменения отступа контейнера снекбаров от низа.\n     */\n    setOffsetYEnd: (offset: OffsetY) => void;\n    /**\n     * Метод для изменения z-index контейнера снекбаров.\n     */\n    setZIndex: (zIndex: number | string) => void;\n  }\n}\n\nexport namespace UseSnackbar {\n  export interface Props {\n    /**\n     * Максимальное число открытых на одном `placement` снекбаров\n     */\n    limit?: number | undefined;\n    /**\n     * Поведение переполнения очереди снекбаров:\n     * - `\"queue\"` - снекбары не откроются, пока для них не появится место.\n     * - `\"shift\"` - снекбары форсируют закрытие более старых снекбаров, чтобы освободить место. Значение по умолчанию.\n     */\n    queueStrategy?: SnackbarApi.QueueStrategy | undefined;\n    /**\n     * Вертикальный отступ контейнера со снекбарами от верха. Полезно, когда на странице используется компонент `FixedLayout`.\n     */\n    offsetYStart?: SnackbarApi.OffsetY | undefined;\n    /**\n     * Вертикальный отступ контейнера со снекбарами от низа. Полезно, когда на странице используется компонент `FixedLayout`.\n     */\n    offsetYEnd?: SnackbarApi.OffsetY | undefined;\n    /**\n     * Свойство для установки стиля `z-index` на контейнере снекбаров.\n     */\n    zIndex?: number | string | undefined;\n  }\n\n  export type Return = [SnackbarApi.Api, React.ReactElement | null];\n}\n\nexport type SnackbarItem = Pick<SnackbarApi.OpenReturn, 'close' | 'update'> & {\n  id: string;\n  component: React.ComponentType<any>;\n  additionalProps?: any | undefined;\n  snackbarProps: SnackbarData;\n};\n\nexport type CommonOnOpenPayload = Pick<SnackbarApi.OpenReturn, 'close' | 'update'> & {\n  id: string;\n  component: React.ComponentType<CustomSnackbar.Props<any>>;\n  snackbarProps?: SnackbarApi.OpenProps | undefined;\n  additionalProps?: any | undefined;\n};\n\nexport { type SnackbarPlacement } from '../../components/Snackbar/types';\nexport { SnackbarProps };\n"],"names":[],"mappings":"AAoIA,WAAyB"}

package/dist/cssm/hooks/useSyncHTMLWithBaseVKUIClasses.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/hooks/useSyncHTMLWithBaseVKUIClasses.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { AppRootLayout, AppRootMode } from '../components/AppRoot/types';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst layoutClassNames = { card: 'vkui--layout-card', plain: 'vkui--layout-plain' };\n\nexport function useSyncHTMLWithBaseVKUIClasses({\n  appRootRef,\n  mode,\n  enable,\n  layout,\n}: {\n  appRootRef: React.RefObject<HTMLElement | null>;\n  mode: AppRootMode;\n  layout?: AppRootLayout;\n  enable: boolean;\n}) {\n  useIsomorphicLayoutEffect(() => {\n    if (!enable) {\n      return;\n    }\n\n    const htmlElement = appRootRef.current?.ownerDocument.documentElement;\n    const parentElement = appRootRef.current?.parentElement ?? null;\n\n    const htmlElementClasses = ['vkui'];\n    const parentElementClasses = ['vkui__root'];\n\n    if (mode === 'embedded') {\n      parentElementClasses.push('vkui__root--embedded');\n    }\n\n    if (mode === 'full') {\n      if (layout) {\n        htmlElementClasses.push(layoutClassNames[layout]);\n      }\n      /* eslint-disable-next-line no-restricted-properties */\n      htmlElement?.classList.add(...htmlElementClasses);\n    }\n\n    /* eslint-disable-next-line no-restricted-properties */\n    parentElement?.classList.add(...parentElementClasses);\n\n    return () => {\n      if (mode === 'full') {\n        /* eslint-disable-next-line no-restricted-properties */\n        htmlElement?.classList.remove(...htmlElementClasses);\n      }\n      /* eslint-disable-next-line no-restricted-properties */\n      parentElement?.classList.remove(...parentElementClasses);\n    };\n  }, [mode, enable, layout]);\n}\n"],"names":["useIsomorphicLayoutEffect","layoutClassNames","card","plain","useSyncHTMLWithBaseVKUIClasses","appRootRef","mode","enable","layout","htmlElement","current","ownerDocument","documentElement","parentElement","htmlElementClasses","parentElementClasses","push","classList","add","remove"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ,sCAAmC;AAE7E,MAAMC,mBAAmB;IAAEC,MAAM;IAAqBC,OAAO;AAAqB;AAElF,OAAO,SAASC,+BAA+B,EAC7CC,UAAU,EACVC,IAAI,EACJC,MAAM,EACNC,MAAM,EAMP;IACCR,0BAA0B;QACxB,IAAI,CAACO,QAAQ;YACX;QACF;QAEA,MAAME,cAAcJ,WAAWK,OAAO,EAAEC,cAAcC;QACtD,MAAMC,gBAAgBR,WAAWK,OAAO,EAAEG,iBAAiB;QAE3D,MAAMC,qBAAqB;YAAC;SAAO;QACnC,MAAMC,uBAAuB;YAAC;SAAa;QAE3C,IAAIT,SAAS,YAAY;YACvBS,qBAAqBC,IAAI,CAAC;QAC5B;QAEA,IAAIV,SAAS,QAAQ;YACnB,IAAIE,QAAQ;gBACVM,mBAAmBE,IAAI,CAACf,gBAAgB,CAACO,OAAO;YAClD;YACA,qDAAqD,GACrDC,aAAaQ,UAAUC,OAAOJ;QAChC;QAEA,qDAAqD,GACrDD,eAAeI,UAAUC,OAAOH;QAEhC,OAAO;YACL,IAAIT,SAAS,QAAQ;gBACnB,qDAAqD,GACrDG,aAAaQ,UAAUE,UAAUL;YACnC;YACA,qDAAqD,GACrDD,eAAeI,UAAUE,UAAUJ;QACrC;IACF,GAAG;QAACT;QAAMC;QAAQC;KAAO;AAC3B"}
+{"version":3,"sources":["../../../src/hooks/useSyncHTMLWithBaseVKUIClasses.ts"],"sourcesContent":["import type * as React from 'react';\nimport type { AppRootLayout, AppRootMode } from '../components/AppRoot/types';\nimport { useIsomorphicLayoutEffect } from '../lib/useIsomorphicLayoutEffect';\n\nconst layoutClassNames = { card: 'vkui--layout-card', plain: 'vkui--layout-plain' };\n\nexport function useSyncHTMLWithBaseVKUIClasses({\n  appRootRef,\n  mode,\n  enable,\n  layout,\n}: {\n  appRootRef: React.RefObject<HTMLElement | null>;\n  mode: AppRootMode;\n  layout?: AppRootLayout | undefined;\n  enable: boolean;\n}) {\n  useIsomorphicLayoutEffect(() => {\n    if (!enable) {\n      return;\n    }\n\n    const htmlElement = appRootRef.current?.ownerDocument.documentElement;\n    const parentElement = appRootRef.current?.parentElement ?? null;\n\n    const htmlElementClasses = ['vkui'];\n    const parentElementClasses = ['vkui__root'];\n\n    if (mode === 'embedded') {\n      parentElementClasses.push('vkui__root--embedded');\n    }\n\n    if (mode === 'full') {\n      if (layout) {\n        htmlElementClasses.push(layoutClassNames[layout]);\n      }\n      /* eslint-disable-next-line no-restricted-properties */\n      htmlElement?.classList.add(...htmlElementClasses);\n    }\n\n    /* eslint-disable-next-line no-restricted-properties */\n    parentElement?.classList.add(...parentElementClasses);\n\n    return () => {\n      if (mode === 'full') {\n        /* eslint-disable-next-line no-restricted-properties */\n        htmlElement?.classList.remove(...htmlElementClasses);\n      }\n      /* eslint-disable-next-line no-restricted-properties */\n      parentElement?.classList.remove(...parentElementClasses);\n    };\n  }, [mode, enable, layout]);\n}\n"],"names":["useIsomorphicLayoutEffect","layoutClassNames","card","plain","useSyncHTMLWithBaseVKUIClasses","appRootRef","mode","enable","layout","htmlElement","current","ownerDocument","documentElement","parentElement","htmlElementClasses","parentElementClasses","push","classList","add","remove"],"mappings":"AAEA,SAASA,yBAAyB,QAAQ,sCAAmC;AAE7E,MAAMC,mBAAmB;IAAEC,MAAM;IAAqBC,OAAO;AAAqB;AAElF,OAAO,SAASC,+BAA+B,EAC7CC,UAAU,EACVC,IAAI,EACJC,MAAM,EACNC,MAAM,EAMP;IACCR,0BAA0B;QACxB,IAAI,CAACO,QAAQ;YACX;QACF;QAEA,MAAME,cAAcJ,WAAWK,OAAO,EAAEC,cAAcC;QACtD,MAAMC,gBAAgBR,WAAWK,OAAO,EAAEG,iBAAiB;QAE3D,MAAMC,qBAAqB;YAAC;SAAO;QACnC,MAAMC,uBAAuB;YAAC;SAAa;QAE3C,IAAIT,SAAS,YAAY;YACvBS,qBAAqBC,IAAI,CAAC;QAC5B;QAEA,IAAIV,SAAS,QAAQ;YACnB,IAAIE,QAAQ;gBACVM,mBAAmBE,IAAI,CAACf,gBAAgB,CAACO,OAAO;YAClD;YACA,qDAAqD,GACrDC,aAAaQ,UAAUC,OAAOJ;QAChC;QAEA,qDAAqD,GACrDD,eAAeI,UAAUC,OAAOH;QAEhC,OAAO;YACL,IAAIT,SAAS,QAAQ;gBACnB,qDAAqD,GACrDG,aAAaQ,UAAUE,UAAUL;YACnC;YACA,qDAAqD,GACrDD,eAAeI,UAAUE,UAAUJ;QACrC;IACF,GAAG;QAACT;QAAMC;QAAQC;KAAO;AAC3B"}

package/dist/cssm/index.js

@@ -203,7 +203,7 @@ export { useNavDirection } from "./components/NavTransitionDirectionContext/NavT
 export { useNavId } from "./components/NavIdContext/useNavId.js";
 export { useCSSKeyframesAnimationController as unstable_useCSSKeyframesAnimationController } from "./lib/animation/index.js";
 export { useFocusVisible } from "./hooks/useFocusVisible.js";
-export { useReducedMotion as unstable_useReducedMotion } from "./lib/animation/index.js";
+export { useReducedMotion } from "./lib/animation/index.js";
 /**
  * Utils
  */ export { classNames } from "@vkontakte/vkjs";