@finam/web-ui-kit-components 3.33.2 → 3.34.0

package/dist/DraggablePopover/DraggablePopover.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePopover.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,SAAS,EAGV,MAAM,OAAO,CAAC;AAGf,OAAkB,EAAE,eAAe,EAAiC,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAO5G,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAUtE,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,cAAc,CAAC;IACpD,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,oFAAoF;IACpF,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;wMAY7B,KAAK;AAwMR,wBAAsC"}
+{"version":3,"file":"DraggablePopover.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"names":[],"mappings":"AAAA,OAAO,EAOL,SAAS,EAEV,MAAM,OAAO,CAAC;AAGf,OAAkB,EAAE,eAAe,EAAiC,cAAc,EAAE,MAAM,iBAAiB,CAAC;AAO5G,OAAO,EAAE,YAAY,EAAuB,MAAM,mBAAmB,CAAC;AAUtE,MAAM,WAAW,KAAM,SAAQ,OAAO,CAAC,cAAc,CAAC;IACpD,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gFAAgF;IAChF,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,kDAAkD;IAClD,IAAI,EAAE,OAAO,CAAC;IACd,4CAA4C;IAC5C,KAAK,CAAC,EAAE,MAAM,IAAI,CAAC;IACnB,uCAAuC;IACvC,QAAQ,EAAE,SAAS,CAAC;IACpB,sEAAsE;IACtE,gBAAgB,EAAE,CAAC,QAAQ,EAAE,eAAe,KAAK,IAAI,CAAC;IACtD,yBAAyB;IACzB,QAAQ,CAAC,EAAE,YAAY,CAAC;IACxB,oFAAoF;IACpF,YAAY,CAAC,EAAE,YAAY,CAAC;CAC7B;AAED,YAAY,EAAE,eAAe,EAAE,CAAC;wMAY7B,KAAK;AAuMR,wBAAsC"}

package/dist/DraggablePopover/DraggablePopover.js

@@ -131,8 +131,8 @@ const DraggablePopover = (_0)=>{
         const nextPosition = _({}, position);
         if (screenWidthDiff > 0) nextPosition.x -= screenWidthDiff;
         if (screenHeightDiff > 0) nextPosition.y -= screenHeightDiff;
-        nextPosition.x = nextPosition.x < 0 ? 0 : nextPosition.x;
-        nextPosition.y = nextPosition.y < 0 ? 0 : nextPosition.y;
+        nextPosition.x = Math.max(0, nextPosition.x);
+        nextPosition.y = Math.max(0, nextPosition.y);
         if (position.x !== nextPosition.x || position.y !== nextPosition.y) onChangePosition(nextPosition);
     }, [
         position.x,

package/dist/DraggablePopover/DraggablePopover.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePopover/DraggablePopover.js","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  memo,\n  useState,\n  ReactNode,\n  useReducer,\n  RefObject,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport debounce from 'lodash/debounce.js';\nimport Draggable, { ControlPosition, DraggableData, DraggableEvent, DraggableProps } from 'react-draggable';\nimport { CSSTransition } from 'react-transition-group';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { transitionGrow, transitionGrowParent } from '@finam/web-ui-kit-core/styles/transition';\nimport classNames from 'clsx';\n\nimport { KeyboardEventKey } from '../types.js';\nimport { ModalManager, defaultModalManager } from '../Modal/index.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport { defaultLayersManager } from './layersManager.js';\nimport { correctPosition } from './utils.js';\nimport { PaperStyled, DraggableWrap, transitionClassName } from './DraggablePopover.styles.js';\nimport { useIsomorphicEffect } from '../utils/useIsomorphicEffect.js';\nimport { transitionClassNames } from '../utils/transition.js';\n\nconst DEFAULT_OFFSET = 16;\n\nexport interface Props extends Partial<DraggableProps> {\n  /** Кастомные классы передаваемые в компонент Paper перетаскиваемого окна */\n  className?: string;\n  /** Идентификатор слоя, используется для управления порядком отображения окон */\n  layerId?: string;\n  /** Управление видимостью перетаскиваемого окна */\n  show: boolean;\n  /** Коллбэк, вызываемый на нажатие ESCAPE */\n  onEsc?: () => void;\n  /** Содержимое перетаскиваемого окна */\n  children: ReactNode;\n  /** Коллбэк, вызываемый при изменении позиции перетаскиваемого окна */\n  onChangePosition: (position: ControlPosition) => void;\n  /** from CSSTransition */\n  onExited?: VoidFunction;\n  /** Экземпляр класса ModalManager для управления порядком открытых модальных окон */\n  modalManager?: ModalManager;\n}\n\nexport type { ControlPosition };\n\nconst DraggablePopover = ({\n  show,\n  children,\n  onEsc,\n  layerId: layerIdProp,\n  className,\n  onChangePosition,\n  onExited,\n  modalManager: modalManagerProp,\n  ...draggableProps\n}: Props) => {\n  const {\n    position: positionProp,\n    defaultPosition,\n    onStart,\n    onMouseDown,\n    onStop,\n  } = draggableProps;\n  const { className: modalClassName } = useModalState();\n  const layerIdRef = useRef<string>(layerIdProp || Math.random().toString());\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [zIndex, setZIndex] = useState(0);\n  const [resized, setResized] = useReducer(prev => !prev, false);\n\n  const positionX = positionProp?.x ?? defaultPosition?.x ?? DEFAULT_OFFSET;\n  const positionY = positionProp?.y ?? defaultPosition?.y ?? DEFAULT_OFFSET;\n  const position = useMemo(() => (\n    correctPosition(positionX, positionY, popoverRef.current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [positionX, positionY, resized]);\n\n  const modalManager = modalManagerProp || defaultModalManager;\n\n  const handleMouseDown = useCallback((e: MouseEvent) => {\n    const popover = popoverRef.current;\n    const layerId = layerIdRef.current;\n\n    defaultLayersManager.setLayerActive(layerId);\n    if (popover) {\n      modalManager.remove(popover);\n      modalManager.add(popover);\n    }\n    onMouseDown?.(e);\n  }, [modalManager, onMouseDown]);\n\n  const handleDragStart = useCallback((e: DraggableEvent, data: DraggableData) => {\n    e.preventDefault();\n    onStart?.(e, data);\n  }, [onStart]);\n\n  const handleDragStop = useCallback((e: DraggableEvent, data: DraggableData) => {\n    onChangePosition({ x: data.x, y: data.y });\n    onStop?.(e, data);\n  }, [onChangePosition, onStop]);\n\n  useEffect(() => {\n    if (!show) return undefined;\n\n    const popover = popoverRef.current;\n    const layerId = layerIdRef.current;\n\n    defaultLayersManager.addLayerListener(\n      layerId,\n      () => {\n        setZIndex(prev => (defaultLayersManager.isLayerActive(layerId) ? 0 : prev + 1));\n      },\n      () => {\n        setZIndex(prevZIndex => prevZIndex - 1);\n      },\n    );\n    defaultLayersManager.setLayerActive(layerId);\n    if (popover) {\n      modalManager.add(popover);\n    }\n\n    return () => {\n      defaultLayersManager.removeLayerListener(layerId);\n      setZIndex(0);\n      if (popover) {\n        modalManager.remove(popover);\n      }\n    };\n  }, [modalManager, show]);\n\n  useEffect(() => {\n    if (!show) return undefined;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (\n        (key === KeyboardEventKey.ESCAPE || key === KeyboardEventKey.ESC) &&\n        onEsc && !event.defaultPrevented &&\n        defaultLayersManager.isLayerActive(layerIdRef.current) &&\n        popoverRef.current && modalManager.isTop(popoverRef.current)\n      ) {\n        event.preventDefault();\n        onEsc();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [modalManager, onEsc, show]);\n\n  useIsomorphicEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    const screenWidth = document.documentElement.scrollWidth;\n    const screenHeight = document.documentElement.scrollHeight;\n\n    const prevWidth = popover.style.width;\n    const prevHeight = popover.style.height;\n    popover.style.width = '0px';\n    popover.style.height = '0px';\n    const screenWidthWithout = document.documentElement.scrollWidth;\n    const screenHeightWithout = document.documentElement.scrollHeight;\n    popover.style.width = prevWidth;\n    popover.style.height = prevHeight;\n\n    const screenWidthDiff = screenWidth - screenWidthWithout;\n    const screenHeightDiff = screenHeight - screenHeightWithout;\n\n    const nextPosition = { ...position };\n    if (screenWidthDiff > 0) {\n      nextPosition.x -= screenWidthDiff;\n    }\n    if (screenHeightDiff > 0) {\n      nextPosition.y -= screenHeightDiff;\n    }\n\n    nextPosition.x = nextPosition.x < 0 ? 0 : nextPosition.x;\n    nextPosition.y = nextPosition.y < 0 ? 0 : nextPosition.y;\n\n    if (position.x !== nextPosition.x || position.y !== nextPosition.y) {\n      onChangePosition(nextPosition);\n    }\n  }, [position.x, position.y, resized, onChangePosition]);\n\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!show || !popover) return undefined;\n\n    const handleResize = debounce(() => {\n      setResized();\n    }, 250);\n\n    setResized();\n    window.addEventListener('resize', handleResize);\n    let resizeObserver: ResizeObserver | undefined;\n    if ('ResizeObserver' in window) {\n      try {\n        resizeObserver = new window.ResizeObserver(handleResize);\n        resizeObserver.observe(popover);\n      } catch (e) {\n        console.warn('Failed to create ResizeObserver for handling element resize', e);\n      }\n    }\n\n    return () => {\n      handleResize.cancel();\n      window.removeEventListener('resize', handleResize);\n      resizeObserver?.disconnect();\n    };\n  }, [show]);\n\n  const paperClassName = classNames(\n    transitionGrow(),\n    className,\n  );\n\n  return createPortal(\n    <Draggable\n      bounds=\"parent\"\n      {...draggableProps}\n      // TODO: remove as after https://github.com/react-grid-layout/react-draggable/issues/768\n      nodeRef={popoverRef as RefObject<HTMLDivElement>}\n      position={position}\n      onMouseDown={handleMouseDown}\n      onStart={handleDragStart}\n      onStop={handleDragStop}\n    >\n      <DraggableWrap\n        ref={popoverRef}\n        className={modalClassName}\n        style={{ zIndex: `calc(${tokens.zIndex.draggablePopover} + ${zIndex})` }}\n      >\n        <CSSTransition\n          nodeRef={rootRef}\n          mountOnEnter={true}\n          unmountOnExit={true}\n          classNames={transitionClassNames([transitionGrowParent, transitionClassName])}\n          timeout={300}\n          in={show}\n          onExited={onExited}\n        >\n          <PaperStyled shadow=\"modalDialog\" ref={rootRef} className={paperClassName} tabIndex={0}>\n            {children}\n          </PaperStyled>\n        </CSSTransition>\n      </DraggableWrap>\n    </Draggable>,\n    document.body,\n  );\n};\n\nexport default memo(DraggablePopover);\n"],"names":["DEFAULT_OFFSET","DraggablePopover","show","children","onEsc","layerIdProp","className","onChangePosition","onExited","modalManagerProp","draggableProps","_ref","_ref2","positionProp","defaultPosition","onStart","onMouseDown","onStop","modalClassName","useModalState","layerIdRef","useRef","Math","popoverRef","rootRef","zIndex","setZIndex","useState","resized","setResized","useReducer","prev","positionX","positionY","position","useMemo","correctPosition","modalManager","defaultModalManager","handleMouseDown","useCallback","e","popover","layerId","defaultLayersManager","handleDragStart","data","handleDragStop","useEffect","prevZIndex","handleKeyDown","event","key","KeyboardEventKey","document","useIsomorphicEffect","screenWidth","screenHeight","prevWidth","prevHeight","screenWidthWithout","screenHeightWithout","screenWidthDiff","screenHeightDiff","nextPosition","handleResize","debounce","window","resizeObserver","console","paperClassName","classNames","transitionGrow","createPortal","Draggable","DraggableWrap","tokens","CSSTransition","transitionClassNames","transitionGrowParent","transitionClassName","PaperStyled","memo"],"mappings":"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"}
+{"version":3,"file":"DraggablePopover/DraggablePopover.js","sources":["../../src/DraggablePopover/DraggablePopover.tsx"],"sourcesContent":["import {\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  memo,\n  useState,\n  ReactNode,\n  useReducer,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport debounce from 'lodash/debounce.js';\nimport Draggable, { ControlPosition, DraggableData, DraggableEvent, DraggableProps } from 'react-draggable';\nimport { CSSTransition } from 'react-transition-group';\nimport { tokens } from '@finam/web-ui-kit-core/theme/contract';\nimport { transitionGrow, transitionGrowParent } from '@finam/web-ui-kit-core/styles/transition';\nimport classNames from 'clsx';\n\nimport { KeyboardEventKey } from '../types.js';\nimport { ModalManager, defaultModalManager } from '../Modal/index.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport { defaultLayersManager } from './layersManager.js';\nimport { correctPosition } from './utils.js';\nimport { PaperStyled, DraggableWrap, transitionClassName } from './DraggablePopover.styles.js';\nimport { useIsomorphicEffect } from '../utils/useIsomorphicEffect.js';\nimport { transitionClassNames } from '../utils/transition.js';\n\nconst DEFAULT_OFFSET = 16;\n\nexport interface Props extends Partial<DraggableProps> {\n  /** Кастомные классы передаваемые в компонент Paper перетаскиваемого окна */\n  className?: string;\n  /** Идентификатор слоя, используется для управления порядком отображения окон */\n  layerId?: string;\n  /** Управление видимостью перетаскиваемого окна */\n  show: boolean;\n  /** Коллбэк, вызываемый на нажатие ESCAPE */\n  onEsc?: () => void;\n  /** Содержимое перетаскиваемого окна */\n  children: ReactNode;\n  /** Коллбэк, вызываемый при изменении позиции перетаскиваемого окна */\n  onChangePosition: (position: ControlPosition) => void;\n  /** from CSSTransition */\n  onExited?: VoidFunction;\n  /** Экземпляр класса ModalManager для управления порядком открытых модальных окон */\n  modalManager?: ModalManager;\n}\n\nexport type { ControlPosition };\n\nconst DraggablePopover = ({\n  show,\n  children,\n  onEsc,\n  layerId: layerIdProp,\n  className,\n  onChangePosition,\n  onExited,\n  modalManager: modalManagerProp,\n  ...draggableProps\n}: Props) => {\n  const {\n    position: positionProp,\n    defaultPosition,\n    onStart,\n    onMouseDown,\n    onStop,\n  } = draggableProps;\n  const { className: modalClassName } = useModalState();\n  const layerIdRef = useRef<string>(layerIdProp || Math.random().toString());\n  const popoverRef = useRef<HTMLDivElement | null>(null);\n  const rootRef = useRef<HTMLDivElement | null>(null);\n  const [zIndex, setZIndex] = useState(0);\n  const [resized, setResized] = useReducer(prev => !prev, false);\n\n  const positionX = positionProp?.x ?? defaultPosition?.x ?? DEFAULT_OFFSET;\n  const positionY = positionProp?.y ?? defaultPosition?.y ?? DEFAULT_OFFSET;\n  const position = useMemo(() => (\n    correctPosition(positionX, positionY, popoverRef.current)\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  ), [positionX, positionY, resized]);\n\n  const modalManager = modalManagerProp || defaultModalManager;\n\n  const handleMouseDown = useCallback((e: MouseEvent) => {\n    const popover = popoverRef.current;\n    const layerId = layerIdRef.current;\n\n    defaultLayersManager.setLayerActive(layerId);\n    if (popover) {\n      modalManager.remove(popover);\n      modalManager.add(popover);\n    }\n    onMouseDown?.(e);\n  }, [modalManager, onMouseDown]);\n\n  const handleDragStart = useCallback((e: DraggableEvent, data: DraggableData) => {\n    e.preventDefault();\n    onStart?.(e, data);\n  }, [onStart]);\n\n  const handleDragStop = useCallback((e: DraggableEvent, data: DraggableData) => {\n    onChangePosition({ x: data.x, y: data.y });\n    onStop?.(e, data);\n  }, [onChangePosition, onStop]);\n\n  useEffect(() => {\n    if (!show) return undefined;\n\n    const popover = popoverRef.current;\n    const layerId = layerIdRef.current;\n\n    defaultLayersManager.addLayerListener(\n      layerId,\n      () => {\n        setZIndex(prev => (defaultLayersManager.isLayerActive(layerId) ? 0 : prev + 1));\n      },\n      () => {\n        setZIndex(prevZIndex => prevZIndex - 1);\n      },\n    );\n    defaultLayersManager.setLayerActive(layerId);\n    if (popover) {\n      modalManager.add(popover);\n    }\n\n    return () => {\n      defaultLayersManager.removeLayerListener(layerId);\n      setZIndex(0);\n      if (popover) {\n        modalManager.remove(popover);\n      }\n    };\n  }, [modalManager, show]);\n\n  useEffect(() => {\n    if (!show) return undefined;\n\n    const handleKeyDown = (event: KeyboardEvent) => {\n      const { key } = event;\n      if (\n        (key === KeyboardEventKey.ESCAPE || key === KeyboardEventKey.ESC) &&\n        onEsc && !event.defaultPrevented &&\n        defaultLayersManager.isLayerActive(layerIdRef.current) &&\n        popoverRef.current && modalManager.isTop(popoverRef.current)\n      ) {\n        event.preventDefault();\n        onEsc();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [modalManager, onEsc, show]);\n\n  useIsomorphicEffect(() => {\n    const popover = popoverRef.current;\n    if (!popover) return;\n\n    const screenWidth = document.documentElement.scrollWidth;\n    const screenHeight = document.documentElement.scrollHeight;\n\n    const prevWidth = popover.style.width;\n    const prevHeight = popover.style.height;\n    popover.style.width = '0px';\n    popover.style.height = '0px';\n    const screenWidthWithout = document.documentElement.scrollWidth;\n    const screenHeightWithout = document.documentElement.scrollHeight;\n    popover.style.width = prevWidth;\n    popover.style.height = prevHeight;\n\n    const screenWidthDiff = screenWidth - screenWidthWithout;\n    const screenHeightDiff = screenHeight - screenHeightWithout;\n\n    const nextPosition = { ...position };\n    if (screenWidthDiff > 0) {\n      nextPosition.x -= screenWidthDiff;\n    }\n    if (screenHeightDiff > 0) {\n      nextPosition.y -= screenHeightDiff;\n    }\n\n    nextPosition.x = Math.max(0, nextPosition.x);\n    nextPosition.y = Math.max(0, nextPosition.y);\n\n    if (position.x !== nextPosition.x || position.y !== nextPosition.y) {\n      onChangePosition(nextPosition);\n    }\n  }, [position.x, position.y, resized, onChangePosition]);\n\n  useEffect(() => {\n    const popover = popoverRef.current;\n    if (!show || !popover) return undefined;\n\n    const handleResize = debounce(() => {\n      setResized();\n    }, 250);\n\n    setResized();\n    window.addEventListener('resize', handleResize);\n    let resizeObserver: ResizeObserver | undefined;\n    if ('ResizeObserver' in window) {\n      try {\n        resizeObserver = new window.ResizeObserver(handleResize);\n        resizeObserver.observe(popover);\n      } catch (e) {\n        console.warn('Failed to create ResizeObserver for handling element resize', e);\n      }\n    }\n\n    return () => {\n      handleResize.cancel();\n      window.removeEventListener('resize', handleResize);\n      resizeObserver?.disconnect();\n    };\n  }, [show]);\n\n  const paperClassName = classNames(\n    transitionGrow(),\n    className,\n  );\n\n  return createPortal(\n    <Draggable\n      bounds=\"parent\"\n      {...draggableProps}\n      nodeRef={popoverRef}\n      position={position}\n      onMouseDown={handleMouseDown}\n      onStart={handleDragStart}\n      onStop={handleDragStop}\n    >\n      <DraggableWrap\n        ref={popoverRef}\n        className={modalClassName}\n        style={{ zIndex: `calc(${tokens.zIndex.draggablePopover} + ${zIndex})` }}\n      >\n        <CSSTransition\n          nodeRef={rootRef}\n          mountOnEnter={true}\n          unmountOnExit={true}\n          classNames={transitionClassNames([transitionGrowParent, transitionClassName])}\n          timeout={300}\n          in={show}\n          onExited={onExited}\n        >\n          <PaperStyled shadow=\"modalDialog\" ref={rootRef} className={paperClassName} tabIndex={0}>\n            {children}\n          </PaperStyled>\n        </CSSTransition>\n      </DraggableWrap>\n    </Draggable>,\n    document.body,\n  );\n};\n\nexport default memo(DraggablePopover);\n"],"names":["DEFAULT_OFFSET","DraggablePopover","show","children","onEsc","layerIdProp","className","onChangePosition","onExited","modalManagerProp","draggableProps","_ref","_ref2","positionProp","defaultPosition","onStart","onMouseDown","onStop","modalClassName","useModalState","layerIdRef","useRef","Math","popoverRef","rootRef","zIndex","setZIndex","useState","resized","setResized","useReducer","prev","positionX","positionY","position","useMemo","correctPosition","modalManager","defaultModalManager","handleMouseDown","useCallback","e","popover","layerId","defaultLayersManager","handleDragStart","data","handleDragStop","useEffect","prevZIndex","handleKeyDown","event","key","KeyboardEventKey","document","useIsomorphicEffect","screenWidth","screenHeight","prevWidth","prevHeight","screenWidthWithout","screenHeightWithout","screenWidthDiff","screenHeightDiff","nextPosition","handleResize","debounce","window","resizeObserver","console","paperClassName","classNames","transitionGrow","createPortal","Draggable","DraggableWrap","tokens","CSSTransition","transitionClassNames","transitionGrowParent","transitionClassName","PaperStyled","memo"],"mappings":"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"}

package/dist/DraggablePopover/layersManager.d.ts

@@ -4,7 +4,7 @@ export interface Layer {
     onBack: () => void;
 }
 declare class LayersManager {
-    private layers;
+    private readonly layers;
     setLayerActive: (id: string) => void;
     removeLayerListener: (id: string) => void;
     addLayerListener: (id: string, onFront: () => void, onBack: () => void) => () => void;

package/dist/DraggablePopover/layersManager.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"layersManager.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/layersManager.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,cAAM,aAAa;IACjB,OAAO,CAAC,MAAM,CAAe;IAE7B,cAAc,GAAI,IAAI,MAAM,UAa1B;IAEF,mBAAmB,GAAI,IAAI,MAAM,UAW/B;IAEF,gBAAgB,GAAI,IAAI,MAAM,EAAE,SAAS,MAAM,IAAI,EAAE,QAAQ,MAAM,IAAI,gBAerE;IAEF,aAAa,GAAI,IAAI,MAAM,aAAoD;CAChF;AAED,eAAO,MAAM,oBAAoB,eAAsB,CAAC;AAExD,eAAe,aAAa,CAAC"}
+{"version":3,"file":"layersManager.d.ts","sourceRoot":"","sources":["../../src/DraggablePopover/layersManager.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,EAAE,EAAE,MAAM,CAAC;IACX,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,MAAM,EAAE,MAAM,IAAI,CAAC;CACpB;AAED,cAAM,aAAa;IACjB,OAAO,CAAC,QAAQ,CAAC,MAAM,CAAe;IAEtC,cAAc,GAAI,IAAI,MAAM,UAa1B;IAEF,mBAAmB,GAAI,IAAI,MAAM,UAW/B;IAEF,gBAAgB,GAAI,IAAI,MAAM,EAAE,SAAS,MAAM,IAAI,EAAE,QAAQ,MAAM,IAAI,gBAerE;IAEF,aAAa,GAAI,IAAI,MAAM,aAAoD;CAChF;AAED,eAAO,MAAM,oBAAoB,eAAsB,CAAC;AAExD,eAAe,aAAa,CAAC"}

package/dist/DraggablePopover/layersManager.js.map

@@ -1 +1 @@
-{"version":3,"file":"DraggablePopover/layersManager.js","sources":["../../src/DraggablePopover/layersManager.ts"],"sourcesContent":["export interface Layer {\n  id: string;\n  onFront: () => void;\n  onBack: () => void;\n}\n\nclass LayersManager {\n  private layers: Layer[] = [];\n\n  setLayerActive = (id: string) => {\n    const layerIndex = this.layers.findIndex(layer => layer.id === id);\n    if (layerIndex < 0 || layerIndex >= this.layers.length - 1) {\n      return;\n    }\n    const [layer] = this.layers.splice(layerIndex, 1);\n    this.layers.forEach((layerValue, index) => {\n      if (index >= layerIndex) {\n        layerValue.onBack();\n      }\n    });\n    this.layers.push(layer);\n    layer.onFront();\n  };\n\n  removeLayerListener = (id: string) => {\n    const layerIndex = this.layers.findIndex(layer => layer.id === id);\n    if (layerIndex < 0) {\n      return;\n    }\n    this.layers.splice(layerIndex, 1);\n    this.layers.forEach((layer, index) => {\n      if (index < layerIndex) {\n        layer.onFront();\n      }\n    });\n  };\n\n  addLayerListener = (id: string, onFront: () => void, onBack: () => void) => {\n    if (!this.layers.some(layer => layer.id === id)) {\n      this.layers.forEach((layer) => {\n        layer.onBack();\n      });\n      this.layers.push({\n        id,\n        onFront,\n        onBack,\n      });\n    }\n\n    return () => {\n      this.removeLayerListener(id);\n    };\n  };\n\n  isLayerActive = (id: string) => this.layers[this.layers.length - 1]?.id === id;\n}\n\nexport const defaultLayersManager = new LayersManager();\n\nexport default LayersManager;\n"],"names":["LayersManager","id","layerIndex","layer","layerValue","index","onFront","onBack","_this_layers_","defaultLayersManager"],"mappings":"AAMA,MAAMA;;aACI,MAAM,GAAY,EAAE;aAE5B,cAAc,GAAG,CAACC;YAChB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAACC,CAAAA,QAASA,MAAM,EAAE,KAAKF;YAC/D,IAAIC,aAAa,KAAKA,cAAc,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GACvD;YAEF,MAAM,CAACC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAACD,YAAY;YAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE,YAAYC;gBAC/B,IAAIA,SAASH,YACXE,WAAW,MAAM;YAErB;YACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAACD;YACjBA,MAAM,OAAO;QACf;aAEA,mBAAmB,GAAG,CAACF;YACrB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAACC,CAAAA,QAASA,MAAM,EAAE,KAAKF;YAC/D,IAAIC,aAAa,GACf;YAEF,IAAI,CAAC,MAAM,CAAC,MAAM,CAACA,YAAY;YAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACC,OAAOE;gBAC1B,IAAIA,QAAQH,YACVC,MAAM,OAAO;YAEjB;QACF;aAEA,gBAAgB,GAAG,CAACF,IAAYK,SAAqBC;YACnD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACJ,CAAAA,QAASA,MAAM,EAAE,KAAKF,KAAK;gBAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE;oBACnBA,MAAM,MAAM;gBACd;gBACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;oBACfF;oBACAK;oBACAC;gBACF;YACF;YAEA,OAAO;gBACL,IAAI,CAAC,mBAAmB,CAACN;YAC3B;QACF;aAEA,aAAa,GAAG,CAACA;gBAAeO;mBAAAA,AAAAA,SAAAA,CAAAA,gBAAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,AAAD,IAAlCA,KAAAA,IAAAA,cAAqC,EAAE,AAAD,MAAMP;;;AAC9E;AAEO,MAAMQ,uBAAuB,IAAIT;AAExC,sBAAeA"}
+{"version":3,"file":"DraggablePopover/layersManager.js","sources":["../../src/DraggablePopover/layersManager.ts"],"sourcesContent":["export interface Layer {\n  id: string;\n  onFront: () => void;\n  onBack: () => void;\n}\n\nclass LayersManager {\n  private readonly layers: Layer[] = [];\n\n  setLayerActive = (id: string) => {\n    const layerIndex = this.layers.findIndex(layer => layer.id === id);\n    if (layerIndex < 0 || layerIndex >= this.layers.length - 1) {\n      return;\n    }\n    const [layer] = this.layers.splice(layerIndex, 1);\n    this.layers.forEach((layerValue, index) => {\n      if (index >= layerIndex) {\n        layerValue.onBack();\n      }\n    });\n    this.layers.push(layer);\n    layer.onFront();\n  };\n\n  removeLayerListener = (id: string) => {\n    const layerIndex = this.layers.findIndex(layer => layer.id === id);\n    if (layerIndex < 0) {\n      return;\n    }\n    this.layers.splice(layerIndex, 1);\n    this.layers.forEach((layer, index) => {\n      if (index < layerIndex) {\n        layer.onFront();\n      }\n    });\n  };\n\n  addLayerListener = (id: string, onFront: () => void, onBack: () => void) => {\n    if (!this.layers.some(layer => layer.id === id)) {\n      this.layers.forEach((layer) => {\n        layer.onBack();\n      });\n      this.layers.push({\n        id,\n        onFront,\n        onBack,\n      });\n    }\n\n    return () => {\n      this.removeLayerListener(id);\n    };\n  };\n\n  isLayerActive = (id: string) => this.layers[this.layers.length - 1]?.id === id;\n}\n\nexport const defaultLayersManager = new LayersManager();\n\nexport default LayersManager;\n"],"names":["LayersManager","id","layerIndex","layer","layerValue","index","onFront","onBack","_this_layers_","defaultLayersManager"],"mappings":"AAMA,MAAMA;;aACa,MAAM,GAAY,EAAE;aAErC,cAAc,GAAG,CAACC;YAChB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAACC,CAAAA,QAASA,MAAM,EAAE,KAAKF;YAC/D,IAAIC,aAAa,KAAKA,cAAc,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,GACvD;YAEF,MAAM,CAACC,MAAM,GAAG,IAAI,CAAC,MAAM,CAAC,MAAM,CAACD,YAAY;YAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE,YAAYC;gBAC/B,IAAIA,SAASH,YACXE,WAAW,MAAM;YAErB;YACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAACD;YACjBA,MAAM,OAAO;QACf;aAEA,mBAAmB,GAAG,CAACF;YACrB,MAAMC,aAAa,IAAI,CAAC,MAAM,CAAC,SAAS,CAACC,CAAAA,QAASA,MAAM,EAAE,KAAKF;YAC/D,IAAIC,aAAa,GACf;YAEF,IAAI,CAAC,MAAM,CAAC,MAAM,CAACA,YAAY;YAC/B,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACC,OAAOE;gBAC1B,IAAIA,QAAQH,YACVC,MAAM,OAAO;YAEjB;QACF;aAEA,gBAAgB,GAAG,CAACF,IAAYK,SAAqBC;YACnD,IAAI,CAAC,IAAI,CAAC,MAAM,CAAC,IAAI,CAACJ,CAAAA,QAASA,MAAM,EAAE,KAAKF,KAAK;gBAC/C,IAAI,CAAC,MAAM,CAAC,OAAO,CAAC,CAACE;oBACnBA,MAAM,MAAM;gBACd;gBACA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC;oBACfF;oBACAK;oBACAC;gBACF;YACF;YAEA,OAAO;gBACL,IAAI,CAAC,mBAAmB,CAACN;YAC3B;QACF;aAEA,aAAa,GAAG,CAACA;gBAAeO;mBAAAA,AAAAA,SAAAA,CAAAA,gBAAAA,IAAI,CAAC,MAAM,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,GAAG,EAAE,AAAD,IAAlCA,KAAAA,IAAAA,cAAqC,EAAE,AAAD,MAAMP;;;AAC9E;AAEO,MAAMQ,uBAAuB,IAAIT;AAExC,sBAAeA"}

package/dist/DropDownMenu/index.d.ts

@@ -1,4 +1,2 @@
-import DropDownMenu, { Props } from './DropDownMenu.js';
-export type { Props as DropDownMenuProps };
-export default DropDownMenu;
+export { default, type Props as DropDownMenuProps } from './DropDownMenu.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/DropDownMenu/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropDownMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,EAAE,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAC;AAExD,YAAY,EAAE,KAAK,IAAI,iBAAiB,EAAE,CAAC;AAC3C,eAAe,YAAY,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/DropDownMenu/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,iBAAiB,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/DropDownMenu/index.js

@@ -1,5 +1 @@
-import DropDownMenu from "./DropDownMenu.js";
-const src_DropDownMenu = DropDownMenu;
-export default src_DropDownMenu;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./DropDownMenu.js";

package/dist/FeatureCallout/FeatureCalloutActions/index.d.ts

@@ -1,4 +1,2 @@
-import FeatureCalloutActions, { Props } from './FeatureCalloutActions.js';
-export type { Props as FeatureCalloutActionsProps };
-export default FeatureCalloutActions;
+export { default, type Props as FeatureCalloutActionsProps } from './FeatureCalloutActions.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/FeatureCalloutActions/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,qBAAqB,EAAE,EAAE,KAAK,EAAE,MAAM,4BAA4B,CAAC;AAE1E,YAAY,EAAE,KAAK,IAAI,0BAA0B,EAAE,CAAC;AACpD,eAAe,qBAAqB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutActions/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,0BAA0B,EAAE,MAAM,4BAA4B,CAAC"}

package/dist/FeatureCallout/FeatureCalloutActions/index.js

@@ -1,5 +1 @@
-import FeatureCalloutActions from "./FeatureCalloutActions.js";
-const FeatureCallout_FeatureCalloutActions = FeatureCalloutActions;
-export default FeatureCallout_FeatureCalloutActions;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./FeatureCalloutActions.js";

package/dist/FeatureCallout/FeatureCalloutText/index.d.ts

@@ -1,4 +1,2 @@
-import FeatureCalloutText, { Props } from './FeatureCalloutText.js';
-export type { Props as FeatureCalloutTextProps };
-export default FeatureCalloutText;
+export { default, type Props as FeatureCalloutTextProps } from './FeatureCalloutText.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/FeatureCalloutText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutText/index.ts"],"names":[],"mappings":"AAAA,OAAO,kBAAkB,EAAE,EAAE,KAAK,EAAE,MAAM,yBAAyB,CAAC;AAEpE,YAAY,EAAE,KAAK,IAAI,uBAAuB,EAAE,CAAC;AACjD,eAAe,kBAAkB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutText/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,uBAAuB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/FeatureCallout/FeatureCalloutText/index.js

@@ -1,5 +1 @@
-import FeatureCalloutText from "./FeatureCalloutText.js";
-const FeatureCallout_FeatureCalloutText = FeatureCalloutText;
-export default FeatureCallout_FeatureCalloutText;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./FeatureCalloutText.js";

package/dist/FeatureCallout/FeatureCalloutTitle/index.d.ts

@@ -1,4 +1,2 @@
-import FeatureCalloutTitle, { Props } from './FeatureCalloutTitle.js';
-export type { Props as FeatureCalloutTitleProps };
-export default FeatureCalloutTitle;
+export { default, type Props as FeatureCalloutTitleProps } from './FeatureCalloutTitle.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/FeatureCalloutTitle/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,mBAAmB,EAAE,EAAE,KAAK,EAAE,MAAM,0BAA0B,CAAC;AAEtE,YAAY,EAAE,KAAK,IAAI,wBAAwB,EAAE,CAAC;AAClD,eAAe,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/FeatureCallout/FeatureCalloutTitle/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,wBAAwB,EAAE,MAAM,0BAA0B,CAAC"}

package/dist/FeatureCallout/FeatureCalloutTitle/index.js

@@ -1,5 +1 @@
-import FeatureCalloutTitle from "./FeatureCalloutTitle.js";
-const FeatureCallout_FeatureCalloutTitle = FeatureCalloutTitle;
-export default FeatureCallout_FeatureCalloutTitle;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./FeatureCalloutTitle.js";

package/dist/FeatureCallout/index.d.ts

@@ -1,9 +1,6 @@
-import FeatureCallout, { Props as FeatureCalloutProps } from './FeatureCallout.js';
-import FeatureCalloutActions, { FeatureCalloutActionsProps } from './FeatureCalloutActions/index.js';
-import FeatureCalloutTitle, { FeatureCalloutTitleProps } from './FeatureCalloutTitle/index.js';
-import FeatureCalloutText, { FeatureCalloutTextProps } from './FeatureCalloutText/index.js';
-export type { FeatureCalloutProps, FeatureCalloutActionsProps, FeatureCalloutTitleProps, FeatureCalloutTextProps, };
-export default FeatureCallout;
+export { default, type Props as FeatureCalloutProps } from './FeatureCallout.js';
+export { default as FeatureCalloutActions, type FeatureCalloutActionsProps } from './FeatureCalloutActions/index.js';
+export { default as FeatureCalloutTitle, type FeatureCalloutTitleProps } from './FeatureCalloutTitle/index.js';
+export { default as FeatureCalloutText, type FeatureCalloutTextProps } from './FeatureCalloutText/index.js';
 export { FeatureCalloutPosition } from './constants.js';
-export { FeatureCalloutActions, FeatureCalloutTitle, FeatureCalloutText };
 //# sourceMappingURL=index.d.ts.map

package/dist/FeatureCallout/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,EAAE,EAAE,KAAK,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACnF,OAAO,qBAAqB,EAAE,EAAE,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AACrG,OAAO,mBAAmB,EAAE,EAAE,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/F,OAAO,kBAAkB,EAAE,EAAE,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAE5F,YAAY,EACV,mBAAmB,EACnB,0BAA0B,EAC1B,wBAAwB,EACxB,uBAAuB,GACxB,CAAC;AACF,eAAe,cAAc,CAAC;AAC9B,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC;AACxD,OAAO,EAAE,qBAAqB,EAAE,mBAAmB,EAAE,kBAAkB,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AACjF,OAAO,EAAE,OAAO,IAAI,qBAAqB,EAAE,KAAK,0BAA0B,EAAE,MAAM,kCAAkC,CAAC;AACrH,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,KAAK,wBAAwB,EAAE,MAAM,gCAAgC,CAAC;AAC/G,OAAO,EAAE,OAAO,IAAI,kBAAkB,EAAE,KAAK,uBAAuB,EAAE,MAAM,+BAA+B,CAAC;AAC5G,OAAO,EAAE,sBAAsB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/FeatureCallout/index.js

@@ -1,9 +1,5 @@
-import FeatureCallout from "./FeatureCallout.js";
-const src_FeatureCallout = FeatureCallout;
+export { default } from "./FeatureCallout.js";
 export { default as FeatureCalloutActions } from "./FeatureCalloutActions/index.js";
 export { default as FeatureCalloutTitle } from "./FeatureCalloutTitle/index.js";
 export { default as FeatureCalloutText } from "./FeatureCalloutText/index.js";
 export { FeatureCalloutPosition } from "./constants.js";
-export default src_FeatureCallout;
-
-//# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAkB,sBAAsB,EAAiB,MAAM,gBAAgB,CAAC;AAEvF,eAAO,MAAM,kBAAkB,GAAI,UAAU,sBAAsB,KAAG,MAoErE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,sBAAsB,KAAG,MAoElE,CAAC"}
+{"version":3,"file":"utils.d.ts","sourceRoot":"","sources":["../../src/FeatureCallout/utils.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAClD,OAAO,EAAkB,sBAAsB,EAAiB,MAAM,gBAAgB,CAAC;AAEvF,eAAO,MAAM,kBAAkB,GAAI,UAAU,sBAAsB,KAAG,MAgErE,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,UAAU,sBAAsB,KAAG,MAoClE,CAAC"}

package/dist/FeatureCallout/utils.js

@@ -12,6 +12,7 @@ const getTransformOrigin = (position)=>{
                 vertical: 'bottom'
             };
         case FeatureCalloutPosition.TopRight:
+        case FeatureCalloutPosition.LeftBottom:
             return {
                 horizontal: 'right',
                 vertical: 'bottom'
@@ -36,11 +37,6 @@ const getTransformOrigin = (position)=>{
                 horizontal: 'right',
                 vertical: 'top'
             };
-        case FeatureCalloutPosition.LeftBottom:
-            return {
-                horizontal: 'right',
-                vertical: 'bottom'
-            };
         case FeatureCalloutPosition.LeftCenter:
             return {
                 horizontal: 'right',
@@ -71,60 +67,28 @@ const getTransformOrigin = (position)=>{
 const getAnchorOrigin = (position)=>{
     switch(position){
         case FeatureCalloutPosition.TopLeft:
-            return {
-                horizontal: 'center',
-                vertical: -POINTER_WIDTH
-            };
         case FeatureCalloutPosition.TopRight:
-            return {
-                horizontal: 'center',
-                vertical: -POINTER_WIDTH
-            };
         case FeatureCalloutPosition.TopCenter:
             return {
                 horizontal: 'center',
                 vertical: -POINTER_WIDTH
             };
         case FeatureCalloutPosition.BottomLeft:
-            return {
-                horizontal: 'center',
-                vertical: 'bottom'
-            };
         case FeatureCalloutPosition.BottomRight:
-            return {
-                horizontal: 'center',
-                vertical: 'bottom'
-            };
         case FeatureCalloutPosition.BottomCenter:
             return {
                 horizontal: 'center',
                 vertical: 'bottom'
             };
         case FeatureCalloutPosition.LeftTop:
-            return {
-                horizontal: 'left',
-                vertical: 'center'
-            };
         case FeatureCalloutPosition.LeftBottom:
-            return {
-                horizontal: 'left',
-                vertical: 'center'
-            };
         case FeatureCalloutPosition.LeftCenter:
             return {
                 horizontal: 'left',
                 vertical: 'center'
             };
         case FeatureCalloutPosition.RightTop:
-            return {
-                horizontal: 'right',
-                vertical: 'center'
-            };
         case FeatureCalloutPosition.RightBottom:
-            return {
-                horizontal: 'right',
-                vertical: 'center'
-            };
         case FeatureCalloutPosition.RightCenter:
             return {
                 horizontal: 'right',

package/dist/FeatureCallout/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureCallout/utils.js","sources":["../../src/FeatureCallout/utils.ts"],"sourcesContent":["import type { Origin } from '../Popover/index.js';\nimport { POINTER_HEIGHT, FeatureCalloutPosition, POINTER_WIDTH } from './constants.js';\n\nexport const getTransformOrigin = (position: FeatureCalloutPosition): Origin => {\n  switch (position) {\n    case FeatureCalloutPosition.TopLeft:\n      return {\n        horizontal: 'left',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.TopCenter:\n      return {\n        horizontal: 'center',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.TopRight:\n      return {\n        horizontal: 'right',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.BottomLeft:\n      return {\n        horizontal: 'left',\n        vertical: -POINTER_HEIGHT,\n      };\n    case FeatureCalloutPosition.BottomRight:\n      return {\n        horizontal: 'right',\n        vertical: -POINTER_HEIGHT,\n      };\n    case FeatureCalloutPosition.BottomCenter:\n      return {\n        horizontal: 'center',\n        vertical: -POINTER_HEIGHT,\n      };\n    case FeatureCalloutPosition.LeftTop:\n      return {\n        horizontal: 'right',\n        vertical: 'top',\n      };\n    case FeatureCalloutPosition.LeftBottom:\n      return {\n        horizontal: 'right',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.LeftCenter:\n      return {\n        horizontal: 'right',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.RightTop:\n      return {\n        horizontal: -POINTER_HEIGHT,\n        vertical: 'top',\n      };\n    case FeatureCalloutPosition.RightBottom:\n      return {\n        horizontal: -POINTER_HEIGHT,\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.RightCenter:\n      return {\n        horizontal: -POINTER_HEIGHT,\n        vertical: 'center',\n      };\n    default:\n      return {\n        horizontal: 0,\n        vertical: 0,\n      };\n  }\n};\n\nexport const getAnchorOrigin = (position: FeatureCalloutPosition): Origin => {\n  switch (position) {\n    case FeatureCalloutPosition.TopLeft:\n      return {\n        horizontal: 'center',\n        vertical: -POINTER_WIDTH,\n      };\n    case FeatureCalloutPosition.TopRight:\n      return {\n        horizontal: 'center',\n        vertical: -POINTER_WIDTH,\n      };\n    case FeatureCalloutPosition.TopCenter:\n      return {\n        horizontal: 'center',\n        vertical: -POINTER_WIDTH,\n      };\n    case FeatureCalloutPosition.BottomLeft:\n      return {\n        horizontal: 'center',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.BottomRight:\n      return {\n        horizontal: 'center',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.BottomCenter:\n      return {\n        horizontal: 'center',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.LeftTop:\n      return {\n        horizontal: 'left',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.LeftBottom:\n      return {\n        horizontal: 'left',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.LeftCenter:\n      return {\n        horizontal: 'left',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.RightTop:\n      return {\n        horizontal: 'right',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.RightBottom:\n      return {\n        horizontal: 'right',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.RightCenter:\n      return {\n        horizontal: 'right',\n        vertical: 'center',\n      };\n    default:\n      return {\n        horizontal: 0,\n        vertical: 0,\n      };\n  }\n};\n"],"names":["getTransformOrigin","position","FeatureCalloutPosition","POINTER_HEIGHT","getAnchorOrigin","POINTER_WIDTH"],"mappings":";AAGO,MAAMA,qBAAqB,CAACC;IACjC,OAAQA;QACN,KAAKC,uBAAuB,OAAO;YACjC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,SAAS;YACnC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,QAAQ;YAClC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACC;YACb;QACF,KAAKD,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACC;YACb;QACF,KAAKD,uBAAuB,YAAY;YACtC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACC;YACb;QACF,KAAKD,uBAAuB,OAAO;YACjC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,QAAQ;YAClC,OAAO;gBACL,YAAY,CAACC;gBACb,UAAU;YACZ;QACF,KAAKD,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY,CAACC;gBACb,UAAU;YACZ;QACF,KAAKD,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY,CAACC;gBACb,UAAU;YACZ;QACF;YACE,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;IACJ;AACF;AAEO,MAAMC,kBAAkB,CAACH;IAC9B,OAAQA;QACN,KAAKC,uBAAuB,OAAO;YACjC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACG;YACb;QACF,KAAKH,uBAAuB,QAAQ;YAClC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACG;YACb;QACF,KAAKH,uBAAuB,SAAS;YACnC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACG;YACb;QACF,KAAKH,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,YAAY;YACtC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,OAAO;YACjC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,QAAQ;YAClC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF;YACE,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;IACJ;AACF"}
+{"version":3,"file":"FeatureCallout/utils.js","sources":["../../src/FeatureCallout/utils.ts"],"sourcesContent":["import type { Origin } from '../Popover/index.js';\nimport { POINTER_HEIGHT, FeatureCalloutPosition, POINTER_WIDTH } from './constants.js';\n\nexport const getTransformOrigin = (position: FeatureCalloutPosition): Origin => {\n  switch (position) {\n    case FeatureCalloutPosition.TopLeft:\n      return {\n        horizontal: 'left',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.TopCenter:\n      return {\n        horizontal: 'center',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.TopRight:\n    case FeatureCalloutPosition.LeftBottom:\n      return {\n        horizontal: 'right',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.BottomLeft:\n      return {\n        horizontal: 'left',\n        vertical: -POINTER_HEIGHT,\n      };\n    case FeatureCalloutPosition.BottomRight:\n      return {\n        horizontal: 'right',\n        vertical: -POINTER_HEIGHT,\n      };\n    case FeatureCalloutPosition.BottomCenter:\n      return {\n        horizontal: 'center',\n        vertical: -POINTER_HEIGHT,\n      };\n    case FeatureCalloutPosition.LeftTop:\n      return {\n        horizontal: 'right',\n        vertical: 'top',\n      };\n    case FeatureCalloutPosition.LeftCenter:\n      return {\n        horizontal: 'right',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.RightTop:\n      return {\n        horizontal: -POINTER_HEIGHT,\n        vertical: 'top',\n      };\n    case FeatureCalloutPosition.RightBottom:\n      return {\n        horizontal: -POINTER_HEIGHT,\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.RightCenter:\n      return {\n        horizontal: -POINTER_HEIGHT,\n        vertical: 'center',\n      };\n    default:\n      return {\n        horizontal: 0,\n        vertical: 0,\n      };\n  }\n};\n\nexport const getAnchorOrigin = (position: FeatureCalloutPosition): Origin => {\n  switch (position) {\n    case FeatureCalloutPosition.TopLeft:\n    case FeatureCalloutPosition.TopRight:\n    case FeatureCalloutPosition.TopCenter:\n      return {\n        horizontal: 'center',\n        vertical: -POINTER_WIDTH,\n      };\n    case FeatureCalloutPosition.BottomLeft:\n    case FeatureCalloutPosition.BottomRight:\n    case FeatureCalloutPosition.BottomCenter:\n      return {\n        horizontal: 'center',\n        vertical: 'bottom',\n      };\n    case FeatureCalloutPosition.LeftTop:\n    case FeatureCalloutPosition.LeftBottom:\n    case FeatureCalloutPosition.LeftCenter:\n      return {\n        horizontal: 'left',\n        vertical: 'center',\n      };\n    case FeatureCalloutPosition.RightTop:\n    case FeatureCalloutPosition.RightBottom:\n    case FeatureCalloutPosition.RightCenter:\n      return {\n        horizontal: 'right',\n        vertical: 'center',\n      };\n    default:\n      return {\n        horizontal: 0,\n        vertical: 0,\n      };\n  }\n};\n"],"names":["getTransformOrigin","position","FeatureCalloutPosition","POINTER_HEIGHT","getAnchorOrigin","POINTER_WIDTH"],"mappings":";AAGO,MAAMA,qBAAqB,CAACC;IACjC,OAAQA;QACN,KAAKC,uBAAuB,OAAO;YACjC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,SAAS;YACnC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,QAAQ;QACpC,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACC;YACb;QACF,KAAKD,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACC;YACb;QACF,KAAKD,uBAAuB,YAAY;YACtC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACC;YACb;QACF,KAAKD,uBAAuB,OAAO;YACjC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,QAAQ;YAClC,OAAO;gBACL,YAAY,CAACC;gBACb,UAAU;YACZ;QACF,KAAKD,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY,CAACC;gBACb,UAAU;YACZ;QACF,KAAKD,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY,CAACC;gBACb,UAAU;YACZ;QACF;YACE,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;IACJ;AACF;AAEO,MAAMC,kBAAkB,CAACH;IAC9B,OAAQA;QACN,KAAKC,uBAAuB,OAAO;QACnC,KAAKA,uBAAuB,QAAQ;QACpC,KAAKA,uBAAuB,SAAS;YACnC,OAAO;gBACL,YAAY;gBACZ,UAAU,CAACG;YACb;QACF,KAAKH,uBAAuB,UAAU;QACtC,KAAKA,uBAAuB,WAAW;QACvC,KAAKA,uBAAuB,YAAY;YACtC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,OAAO;QACnC,KAAKA,uBAAuB,UAAU;QACtC,KAAKA,uBAAuB,UAAU;YACpC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF,KAAKA,uBAAuB,QAAQ;QACpC,KAAKA,uBAAuB,WAAW;QACvC,KAAKA,uBAAuB,WAAW;YACrC,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;QACF;YACE,OAAO;gBACL,YAAY;gBACZ,UAAU;YACZ;IACJ;AACF"}

package/dist/FieldHint/index.d.ts

@@ -1,4 +1,2 @@
-import FieldHint, { Props } from './FieldHint.js';
-export type { Props as FieldHintProps };
-export default FieldHint;
+export { default, type Props as FieldHintProps } from './FieldHint.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/FieldHint/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FieldHint/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElD,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC;AACxC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FieldHint/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/FieldHint/index.js

@@ -1,5 +1 @@
-import FieldHint from "./FieldHint.js";
-const src_FieldHint = FieldHint;
-export default src_FieldHint;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./FieldHint.js";

package/dist/FilterButton/FilterButton.js

@@ -65,7 +65,7 @@ function FilterButtonImpl(_0, _1) {
     ]);
     const handleClickIconClear = useCallback((event)=>{
         event.stopPropagation();
-        onClear && onClear();
+        null == onClear || onClear();
     }, [
         onClear
     ]);

package/dist/FilterButton/FilterButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"FilterButton/FilterButton.js","sources":["../../src/FilterButton/FilterButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ForwardedRef,\n  memo,\n  ReactNode,\n  ButtonHTMLAttributes,\n  ComponentType,\n  MouseEvent,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport classnames from 'clsx';\nimport { filterButton, filterButtonLabel } from '@finam/web-ui-kit-core/styles/filterButton';\nimport ChevronDownSmall from '@finam/web-ui-kit-icons/Chevron/ChevronDownSmall';\nimport PlusCircle from '@finam/web-ui-kit-icons/Plus/PlusCircle';\nimport PlusCircleFilled from '@finam/web-ui-kit-icons/Plus/PlusCircleFilled';\nimport DismissCircleSmall from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmall';\nimport DismissCircleSmallFilled from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmallFilled';\nimport Popover, { Origin, PopoverProps } from '../Popover/index.js';\nimport { useForkRef } from '../utils/withForwardedRef.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport type { Size, Color, LabelPlacement, FixedForwardRef, FixedMemo } from './types.js';\n\nexport const classNames = filterButton.classNames.variants;\n\ntype PartialProp<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\n\nexport interface Props<T extends PopoverProps> extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Состояние активированности кнопки */\n  activated?: boolean;\n  /** Размер кнопки */\n  size?: Size;\n  /** Вариант основного цвета кнопки */\n  color?: Color;\n  /** Текст на кнопке */\n  label?: ReactNode;\n  /** Положение текста по отношению к иконке */\n  labelPlacement?: LabelPlacement;\n  /** иконка на кнопке */\n  iconAdd?: ReactNode;\n  /** Испольльзовать ли иконку с заливкой */\n  iconFilled?: boolean;\n  /** Обработчик клика по иконке очистки состояния */\n  onClear?: VoidFunction;\n  /** Свойства компонента отображающего всплывающую панель */\n  PopoverProps?: PartialProp<T, 'children' | 'open'>;\n  /**\n   * Компонент всплывающей панели\n   * @default Popover\n   * */\n  PopoverComponent?: ComponentType<T>;\n  /** Верстка внутри всплывающей панели */\n  children: ReactNode;\n}\n\nconst fixedForwardRef = forwardRef as FixedForwardRef;\nconst fixedMemo = memo as FixedMemo;\n\nconst anchorOrigin: Origin = { vertical: 'bottom', horizontal: 'left' };\nconst transformOrigin: Origin = { vertical: -8, horizontal: 'left' };\n\nfunction FilterButtonImpl<T extends PopoverProps>({\n  activated = false,\n  size = 'm',\n  color = 'primary',\n  label,\n  labelPlacement = 'left',\n  iconAdd,\n  iconFilled = false,\n  onClear,\n  PopoverComponent = Popover,\n  PopoverProps: popoverProps = {} as T,\n  className,\n  onClick,\n  children,\n  ...buttonProps\n}: Props<T>, ref: ForwardedRef<HTMLButtonElement>) {\n  const { disabled } = buttonProps;\n\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const handleRef = useForkRef(ref, buttonRef);\n\n  const { open: initialOpen } = useModalState(popoverProps.id);\n  const [open, setOpen] = useState(initialOpen ?? false);\n  const popoverOnClose = popoverProps?.onClose;\n\n  if (popoverProps?.open != null && popoverProps.open !== open) {\n    setOpen(popoverProps.open);\n  }\n\n  const buttonClassName = classnames(\n    filterButton({\n      size,\n      color,\n      state: disabled\n        ? 'disabled'\n        : activated ? 'activated' : 'default',\n      iconOnly: !label,\n    }),\n    className,\n  );\n\n  const handleClickButton = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n    setOpen(true);\n    onClick?.(event);\n  }, [onClick]);\n\n  const handleClickIconClear = useCallback((event: MouseEvent<SVGElement>) => {\n    event.stopPropagation();\n    onClear && onClear();\n  }, [onClear]);\n\n  const handleClosePopover = useCallback(() => {\n    setOpen(false);\n    popoverOnClose?.();\n  }, [popoverOnClose]);\n\n  const IconClear = iconFilled ? DismissCircleSmallFilled : DismissCircleSmall;\n  const IconAdd = iconFilled ? PlusCircleFilled : PlusCircle;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        {...buttonProps}\n        className={buttonClassName}\n        ref={handleRef}\n        onClick={handleClickButton}\n      >\n        {(labelPlacement === 'right' || !label) && (\n          activated ? <IconClear onClick={handleClickIconClear} /> : iconAdd ?? <IconAdd />\n        )}\n        {!!label && (\n          <span className={filterButtonLabel}>{label}</span>\n        )}\n        {labelPlacement === 'left' && !!label && (\n          activated ? <IconClear onClick={handleClickIconClear} /> : <ChevronDownSmall />\n        )}\n      </button>\n      {\n        /* тайпскрипт ругается, что T может быть неподоходящим для ComponentType<T>\n         * подтипом PopoverProps, но дженерик это исключает\n         */\n      }\n      {/* @ts-expect-error */}\n      <PopoverComponent\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        {...popoverProps}\n        anchorEl={buttonRef.current || undefined}\n        open={popoverProps?.open ?? open}\n        onClose={handleClosePopover}\n      >\n        {children}\n      </PopoverComponent>\n    </>\n  );\n}\n\nconst FilterButton = fixedForwardRef(FilterButtonImpl);\nexport default fixedMemo(FilterButton);\n"],"names":["classNames","filterButton","fixedForwardRef","forwardRef","fixedMemo","memo","anchorOrigin","transformOrigin","FilterButtonImpl","ref","activated","size","color","label","labelPlacement","iconAdd","iconFilled","onClear","PopoverComponent","Popover","popoverProps","className","onClick","children","buttonProps","disabled","buttonRef","useRef","handleRef","useForkRef","initialOpen","useModalState","open","setOpen","useState","popoverOnClose","buttonClassName","classnames","handleClickButton","useCallback","event","handleClickIconClear","handleClosePopover","IconClear","DismissCircleSmallFilled","DismissCircleSmall","IconAdd","PlusCircleFilled","PlusCircle","filterButtonLabel","ChevronDownSmall","undefined","FilterButton"],"mappings":";;;;;;;;;;;;;;;AAwBO,MAAMA,aAAaC,aAAa,UAAU,CAAC,QAAQ;AAgC1D,MAAMC,kBAAkBC;AACxB,MAAMC,YAAYC;AAElB,MAAMC,eAAuB;IAAE,UAAU;IAAU,YAAY;AAAO;AACtE,MAAMC,kBAA0B;IAAE,UAAU;IAAI,YAAY;AAAO;AAEnE,SAASC,iBAAyC,EAevC,EAAEC,EAAoC;;;;iCAfC,EAChDC,YAAY,KAAK,EACjBC,OAAO,GAAG,EACVC,QAAQ,SAAS,EACjBC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,OAAO,EACPC,aAAa,KAAK,EAClBC,OAAO,EACPC,mBAAmBC,OAAO,EAC1B,cAAcC,eAAe,CAAC,CAAM,EACpCC,SAAS,EACTC,OAAO,EACPC,QAAQ,EAEC,UADNC,cAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;SACQf,IAAAA,GAAAA;;IACX,MAAM,EAAEgB,QAAQ,EAAE,GAAGD;IAErB,MAAME,YAAYC,OAAiC;IACnD,MAAMC,YAAYC,WAAWpB,KAAKiB;IAElC,MAAM,EAAE,MAAMI,WAAW,EAAE,GAAGC,cAAcX,aAAa,EAAE;IAC3D,MAAM,CAACY,MAAMC,QAAQ,GAAGC,SAASJ,QAAAA,cAAAA,cAAe;IAChD,MAAMK,iBAAiBf,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,OAAO;IAE5C,IAAIA,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,KAAK,QAAQA,aAAa,IAAI,KAAKY,MACtDC,QAAQb,aAAa,IAAI;IAG3B,MAAMgB,kBAAkBC,KACtBpC,aAAa;QACXU;QACAC;QACA,OAAOa,WACH,aACAf,YAAY,cAAc;QAC9B,UAAU,CAACG;IACb,IACAQ;IAGF,MAAMiB,oBAAoBC,YAAY,CAACC;QACrCP,QAAQ;QACRX,QAAAA,WAAAA,QAAUkB;IACZ,GAAG;QAAClB;KAAQ;IAEZ,MAAMmB,uBAAuBF,YAAY,CAACC;QACxCA,MAAM,eAAe;QACrBvB,WAAWA;IACb,GAAG;QAACA;KAAQ;IAEZ,MAAMyB,qBAAqBH,YAAY;QACrCN,QAAQ;QACRE,QAAAA,kBAAAA;IACF,GAAG;QAACA;KAAe;IAEnB,MAAMQ,YAAY3B,aAAa4B,2BAA2BC;IAC1D,MAAMC,UAAU9B,aAAa+B,mBAAmBC;IAEhD,OAAO,WAAP,GACE;;0BACE,KAAC;gBACC,MAAK;eACDxB,cAAAA;gBACJ,WAAWY;gBACX,KAAKR;gBACL,SAASU;;oBAEPxB,CAAAA,AAAmB,YAAnBA,kBAA8B,CAACD,KAAI,KACnCH,CAAAA,YAAY,WAAZA,GAAY,IAACiC,WAAAA;wBAAU,SAASF;yBAA2B1B,QAAAA,UAAAA,UAAAA,WAAAA,GAAW,IAAC+B,SAAAA,CAAAA,EAAAA;oBAExE,CAAC,CAACjC,SAAS,WAATA,GACD,IAAC;wBAAK,WAAWoC;kCAAoBpC;;oBAEnB,WAAnBC,kBAA6B,CAAC,CAACD,SAC9BH,CAAAA,YAAY,WAAZA,GAAY,IAACiC,WAAAA;wBAAU,SAASF;uCAA2B,IAACS,kBAAgBA,CAAAA,EAAAA;;;0BAShF,IAAChC,kBAAAA,uBAAAA,EAAAA;gBACC,cAAcZ;gBACd,iBAAiBC;eACba,eAAAA;gBACJ,UAAUM,UAAU,OAAO,IAAIyB;gBAC/B,MAAI,iBAAE/B,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,IAAC,QAAIY;gBAC5B,SAASU;0BAERnB;;;;AAIT;AAEA,MAAM6B,eAAelD,gBAAgBM;AACrC,kCAAeJ,UAAUgD"}
+{"version":3,"file":"FilterButton/FilterButton.js","sources":["../../src/FilterButton/FilterButton.tsx"],"sourcesContent":["import {\n  forwardRef,\n  ForwardedRef,\n  memo,\n  ReactNode,\n  ButtonHTMLAttributes,\n  ComponentType,\n  MouseEvent,\n  useCallback,\n  useRef,\n  useState,\n} from 'react';\nimport classnames from 'clsx';\nimport { filterButton, filterButtonLabel } from '@finam/web-ui-kit-core/styles/filterButton';\nimport ChevronDownSmall from '@finam/web-ui-kit-icons/Chevron/ChevronDownSmall';\nimport PlusCircle from '@finam/web-ui-kit-icons/Plus/PlusCircle';\nimport PlusCircleFilled from '@finam/web-ui-kit-icons/Plus/PlusCircleFilled';\nimport DismissCircleSmall from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmall';\nimport DismissCircleSmallFilled from '@finam/web-ui-kit-icons/Dismiss/DismissCircleSmallFilled';\nimport Popover, { Origin, PopoverProps } from '../Popover/index.js';\nimport { useForkRef } from '../utils/withForwardedRef.js';\nimport { useModalState } from '../ModalsProvider/index.js';\nimport type { Size, Color, LabelPlacement, FixedForwardRef, FixedMemo } from './types.js';\n\nexport const classNames = filterButton.classNames.variants;\n\ntype PartialProp<T, K extends keyof T> = Omit<T, K> & Partial<Pick<T, K>>;\n\nexport interface Props<T extends PopoverProps> extends ButtonHTMLAttributes<HTMLButtonElement> {\n  /** Состояние активированности кнопки */\n  activated?: boolean;\n  /** Размер кнопки */\n  size?: Size;\n  /** Вариант основного цвета кнопки */\n  color?: Color;\n  /** Текст на кнопке */\n  label?: ReactNode;\n  /** Положение текста по отношению к иконке */\n  labelPlacement?: LabelPlacement;\n  /** иконка на кнопке */\n  iconAdd?: ReactNode;\n  /** Испольльзовать ли иконку с заливкой */\n  iconFilled?: boolean;\n  /** Обработчик клика по иконке очистки состояния */\n  onClear?: VoidFunction;\n  /** Свойства компонента отображающего всплывающую панель */\n  PopoverProps?: PartialProp<T, 'children' | 'open'>;\n  /**\n   * Компонент всплывающей панели\n   * @default Popover\n   * */\n  PopoverComponent?: ComponentType<T>;\n  /** Верстка внутри всплывающей панели */\n  children: ReactNode;\n}\n\nconst fixedForwardRef = forwardRef as FixedForwardRef;\nconst fixedMemo = memo as FixedMemo;\n\nconst anchorOrigin: Origin = { vertical: 'bottom', horizontal: 'left' };\nconst transformOrigin: Origin = { vertical: -8, horizontal: 'left' };\n\nfunction FilterButtonImpl<T extends PopoverProps>({\n  activated = false,\n  size = 'm',\n  color = 'primary',\n  label,\n  labelPlacement = 'left',\n  iconAdd,\n  iconFilled = false,\n  onClear,\n  PopoverComponent = Popover,\n  PopoverProps: popoverProps = {} as T,\n  className,\n  onClick,\n  children,\n  ...buttonProps\n}: Props<T>, ref: ForwardedRef<HTMLButtonElement>) {\n  const { disabled } = buttonProps;\n\n  const buttonRef = useRef<HTMLButtonElement | null>(null);\n  const handleRef = useForkRef(ref, buttonRef);\n\n  const { open: initialOpen } = useModalState(popoverProps.id);\n  const [open, setOpen] = useState(initialOpen ?? false);\n  const popoverOnClose = popoverProps?.onClose;\n\n  if (popoverProps?.open != null && popoverProps.open !== open) {\n    setOpen(popoverProps.open);\n  }\n\n  const buttonClassName = classnames(\n    filterButton({\n      size,\n      color,\n      state: disabled\n        ? 'disabled'\n        : activated ? 'activated' : 'default',\n      iconOnly: !label,\n    }),\n    className,\n  );\n\n  const handleClickButton = useCallback((event: MouseEvent<HTMLButtonElement>) => {\n    setOpen(true);\n    onClick?.(event);\n  }, [onClick]);\n\n  const handleClickIconClear = useCallback((event: MouseEvent<SVGElement>) => {\n    event.stopPropagation();\n    onClear?.();\n  }, [onClear]);\n\n  const handleClosePopover = useCallback(() => {\n    setOpen(false);\n    popoverOnClose?.();\n  }, [popoverOnClose]);\n\n  const IconClear = iconFilled ? DismissCircleSmallFilled : DismissCircleSmall;\n  const IconAdd = iconFilled ? PlusCircleFilled : PlusCircle;\n\n  return (\n    <>\n      <button\n        type=\"button\"\n        {...buttonProps}\n        className={buttonClassName}\n        ref={handleRef}\n        onClick={handleClickButton}\n      >\n        {(labelPlacement === 'right' || !label) && (\n          activated ? <IconClear onClick={handleClickIconClear} /> : iconAdd ?? <IconAdd />\n        )}\n        {!!label && (\n          <span className={filterButtonLabel}>{label}</span>\n        )}\n        {labelPlacement === 'left' && !!label && (\n          activated ? <IconClear onClick={handleClickIconClear} /> : <ChevronDownSmall />\n        )}\n      </button>\n      {\n        /* тайпскрипт ругается, что T может быть неподоходящим для ComponentType<T>\n         * подтипом PopoverProps, но дженерик это исключает\n         */\n      }\n      {/* @ts-expect-error */}\n      <PopoverComponent\n        anchorOrigin={anchorOrigin}\n        transformOrigin={transformOrigin}\n        {...popoverProps}\n        anchorEl={buttonRef.current || undefined}\n        open={popoverProps?.open ?? open}\n        onClose={handleClosePopover}\n      >\n        {children}\n      </PopoverComponent>\n    </>\n  );\n}\n\nconst FilterButton = fixedForwardRef(FilterButtonImpl);\nexport default fixedMemo(FilterButton);\n"],"names":["classNames","filterButton","fixedForwardRef","forwardRef","fixedMemo","memo","anchorOrigin","transformOrigin","FilterButtonImpl","ref","activated","size","color","label","labelPlacement","iconAdd","iconFilled","onClear","PopoverComponent","Popover","popoverProps","className","onClick","children","buttonProps","disabled","buttonRef","useRef","handleRef","useForkRef","initialOpen","useModalState","open","setOpen","useState","popoverOnClose","buttonClassName","classnames","handleClickButton","useCallback","event","handleClickIconClear","handleClosePopover","IconClear","DismissCircleSmallFilled","DismissCircleSmall","IconAdd","PlusCircleFilled","PlusCircle","filterButtonLabel","ChevronDownSmall","undefined","FilterButton"],"mappings":";;;;;;;;;;;;;;;AAwBO,MAAMA,aAAaC,aAAa,UAAU,CAAC,QAAQ;AAgC1D,MAAMC,kBAAkBC;AACxB,MAAMC,YAAYC;AAElB,MAAMC,eAAuB;IAAE,UAAU;IAAU,YAAY;AAAO;AACtE,MAAMC,kBAA0B;IAAE,UAAU;IAAI,YAAY;AAAO;AAEnE,SAASC,iBAAyC,EAevC,EAAEC,EAAoC;;;;iCAfC,EAChDC,YAAY,KAAK,EACjBC,OAAO,GAAG,EACVC,QAAQ,SAAS,EACjBC,KAAK,EACLC,iBAAiB,MAAM,EACvBC,OAAO,EACPC,aAAa,KAAK,EAClBC,OAAO,EACPC,mBAAmBC,OAAO,EAC1B,cAAcC,eAAe,CAAC,CAAM,EACpCC,SAAS,EACTC,OAAO,EACPC,QAAQ,EAEC,UADNC,cAAAA,6BAAAA,OAAAA;;;;;;;;;;;;;;SACQf,IAAAA,GAAAA;;IACX,MAAM,EAAEgB,QAAQ,EAAE,GAAGD;IAErB,MAAME,YAAYC,OAAiC;IACnD,MAAMC,YAAYC,WAAWpB,KAAKiB;IAElC,MAAM,EAAE,MAAMI,WAAW,EAAE,GAAGC,cAAcX,aAAa,EAAE;IAC3D,MAAM,CAACY,MAAMC,QAAQ,GAAGC,SAASJ,QAAAA,cAAAA,cAAe;IAChD,MAAMK,iBAAiBf,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,OAAO;IAE5C,IAAIA,AAAAA,CAAAA,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,KAAK,QAAQA,aAAa,IAAI,KAAKY,MACtDC,QAAQb,aAAa,IAAI;IAG3B,MAAMgB,kBAAkBC,KACtBpC,aAAa;QACXU;QACAC;QACA,OAAOa,WACH,aACAf,YAAY,cAAc;QAC9B,UAAU,CAACG;IACb,IACAQ;IAGF,MAAMiB,oBAAoBC,YAAY,CAACC;QACrCP,QAAQ;QACRX,QAAAA,WAAAA,QAAUkB;IACZ,GAAG;QAAClB;KAAQ;IAEZ,MAAMmB,uBAAuBF,YAAY,CAACC;QACxCA,MAAM,eAAe;QACrBvB,QAAAA,WAAAA;IACF,GAAG;QAACA;KAAQ;IAEZ,MAAMyB,qBAAqBH,YAAY;QACrCN,QAAQ;QACRE,QAAAA,kBAAAA;IACF,GAAG;QAACA;KAAe;IAEnB,MAAMQ,YAAY3B,aAAa4B,2BAA2BC;IAC1D,MAAMC,UAAU9B,aAAa+B,mBAAmBC;IAEhD,OAAO,WAAP,GACE;;0BACE,KAAC;gBACC,MAAK;eACDxB,cAAAA;gBACJ,WAAWY;gBACX,KAAKR;gBACL,SAASU;;oBAEPxB,CAAAA,AAAmB,YAAnBA,kBAA8B,CAACD,KAAI,KACnCH,CAAAA,YAAY,WAAZA,GAAY,IAACiC,WAAAA;wBAAU,SAASF;yBAA2B1B,QAAAA,UAAAA,UAAAA,WAAAA,GAAW,IAAC+B,SAAAA,CAAAA,EAAAA;oBAExE,CAAC,CAACjC,SAAS,WAATA,GACD,IAAC;wBAAK,WAAWoC;kCAAoBpC;;oBAEnB,WAAnBC,kBAA6B,CAAC,CAACD,SAC9BH,CAAAA,YAAY,WAAZA,GAAY,IAACiC,WAAAA;wBAAU,SAASF;uCAA2B,IAACS,kBAAgBA,CAAAA,EAAAA;;;0BAShF,IAAChC,kBAAAA,uBAAAA,EAAAA;gBACC,cAAcZ;gBACd,iBAAiBC;eACba,eAAAA;gBACJ,UAAUM,UAAU,OAAO,IAAIyB;gBAC/B,MAAI,iBAAE/B,QAAAA,eAAAA,KAAAA,IAAAA,aAAc,IAAI,AAAD,IAAC,QAAIY;gBAC5B,SAASU;0BAERnB;;;;AAIT;AAEA,MAAM6B,eAAelD,gBAAgBM;AACrC,kCAAeJ,UAAUgD"}

package/dist/FormGroup/index.d.ts

@@ -1,4 +1,2 @@
-import FormGroup, { Props } from './FormGroup.js';
-export type { Props as FormGroupProps };
-export default FormGroup;
+export { default, type Props as FormGroupProps } from './FormGroup.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/FormGroup/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,SAAS,EAAE,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAC;AAElD,YAAY,EAAE,KAAK,IAAI,cAAc,EAAE,CAAC;AACxC,eAAe,SAAS,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/FormGroup/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,cAAc,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/FormGroup/index.js

@@ -1,5 +1 @@
-import FormGroup from "./FormGroup.js";
-const src_FormGroup = FormGroup;
-export default src_FormGroup;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./FormGroup.js";

package/dist/Loader/index.d.ts

@@ -1,4 +1,2 @@
-import Loader, { Props, Color } from './Loader.js';
-export type { Props as LoaderProps, Color as LoaderColor };
-export default Loader;
+export { default, type Props as LoaderProps, type Color as LoaderColor } from './Loader.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/Loader/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AAEnD,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC;AAC3D,eAAe,MAAM,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Loader/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,WAAW,EAAE,KAAK,KAAK,IAAI,WAAW,EAAE,MAAM,aAAa,CAAC"}

package/dist/Loader/index.js

@@ -1,5 +1 @@
-import Loader from "./Loader.js";
-const src_Loader = Loader;
-export default src_Loader;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./Loader.js";

package/dist/LoaderBackdrop/index.d.ts

@@ -1,4 +1,2 @@
-import LoaderBackdrop, { Props } from './LoaderBackdrop.js';
-export type { Props as LoaderBackdropProps };
-export default LoaderBackdrop;
+export { default, type Props as LoaderBackdropProps } from './LoaderBackdrop.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/LoaderBackdrop/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LoaderBackdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,cAAc,EAAE,EAAE,KAAK,EAAE,MAAM,qBAAqB,CAAC;AAE5D,YAAY,EAAE,KAAK,IAAI,mBAAmB,EAAE,CAAC;AAC7C,eAAe,cAAc,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LoaderBackdrop/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,mBAAmB,EAAE,MAAM,qBAAqB,CAAC"}

package/dist/LoaderBackdrop/index.js

@@ -1,5 +1 @@
-import LoaderBackdrop from "./LoaderBackdrop.js";
-const src_LoaderBackdrop = LoaderBackdrop;
-export default src_LoaderBackdrop;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./LoaderBackdrop.js";

package/dist/LoaderDots/index.d.ts

@@ -1,4 +1,2 @@
-import LoaderDots, { Props } from './LoaderDots.js';
-export type { Props as LoaderProps };
-export default LoaderDots;
+export { default, type Props as LoaderProps } from './LoaderDots.js';
 //# sourceMappingURL=index.d.ts.map

package/dist/LoaderDots/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LoaderDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,UAAU,EAAE,EAAE,KAAK,EAAE,MAAM,iBAAiB,CAAC;AAEpD,YAAY,EAAE,KAAK,IAAI,WAAW,EAAE,CAAC;AACrC,eAAe,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/LoaderDots/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,KAAK,KAAK,IAAI,WAAW,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/LoaderDots/index.js

@@ -1,5 +1 @@
-import LoaderDots from "./LoaderDots.js";
-const src_LoaderDots = LoaderDots;
-export default src_LoaderDots;
-
-//# sourceMappingURL=index.js.map
+export { default } from "./LoaderDots.js";

package/dist/MarketingButton/useMarketingAnimations.d.ts

@@ -17,8 +17,8 @@ export declare const useMarketingAnimations: (marketingType?: Variant) => {
     };
     isHovered: boolean;
     isActive: boolean;
-    hasHoverBgAnimation: boolean | undefined;
-    hasHoverGlowAnimation: boolean | undefined;
+    hasHoverBgAnimation: boolean;
+    hasHoverGlowAnimation: boolean;
     highlightX: number;
 };
 //# sourceMappingURL=useMarketingAnimations.d.ts.map

package/dist/MarketingButton/useMarketingAnimations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useMarketingAnimations.d.ts","sourceRoot":"","sources":["../../src/MarketingButton/useMarketingAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,UAAU,EAAe,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AA2E1C,eAAO,MAAM,sBAAsB,GAAI,gBAAgB,OAAO;;yBAmBpB,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;0BA0BhD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;0BA2BvD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;yBA0BxD,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;uBAoBnD,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;;;;;;;;;;;;;;CA4CxF,CAAC"}
+{"version":3,"file":"useMarketingAnimations.d.ts","sourceRoot":"","sources":["../../src/MarketingButton/useMarketingAnimations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAoB,UAAU,EAAe,MAAM,OAAO,CAAC;AAClE,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AAsF1C,eAAO,MAAM,sBAAsB,GAAI,gBAAgB,OAAO;;yBAmBpB,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;0BA0BhD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;0BA2BvD,KAAK,CAAC,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;yBA0BxD,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;uBA0BnD,UAAU,CAAC,iBAAiB,GAAG,iBAAiB,CAAC;;;;;;;;;;;;;;CAmDxF,CAAC"}