@vkontakte/vkui 8.1.2 → 8.2.0

package/dist/cssm/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce, noop } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { LockFloatingPositionContext } from '../LockFloatingPosition/LockFloatingPosition';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport type { UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n  FloatingProps,\n  ReferenceProps,\n  ShownChangeReason,\n  UseFloatingWithInteractionsProps,\n  UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n  /* istanbul ignore next: не знаю как проверить */\n  autoUpdateFloatingElement(...args, { elementResize: true });\n\n/**\n * @private\n */\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n  trigger = DEFAULT_TRIGGER,\n\n  // UseFloating\n  placement: placementProp = 'bottom',\n  strategy: strategyProp = 'fixed',\n  middlewares,\n  hoverDelay = 0,\n  closeAfterClick = false,\n\n  // disables\n  disabled = false,\n  disableInteractive = false,\n  disableCloseOnClickOutside = false,\n  disableCloseOnEscKey = false,\n\n  // uncontrolled\n  defaultShown = false,\n\n  // controlled\n  shown: shownProp,\n  onShownChange: onShownChangeProp,\n  onShownChanged: onShownChangedProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n  const memoizedValue = React.useMemo<LocalState | undefined>(\n    () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n    [shownProp],\n  );\n  const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n    value: memoizedValue,\n    disabled,\n    defaultValue: { shown: defaultShown },\n    onChange: useStableCallback(({ shown, reason }) => {\n      if (onShownChangeProp) {\n        onShownChangeProp(shown, reason);\n      }\n    }),\n  });\n  const onShownChanged = useStableCallback(onShownChangedProp ? onShownChangedProp : noop);\n  const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n  const [willBeHide, setWillBeHide] = React.useState(false);\n\n  const hasCSSAnimation = React.useRef(false);\n\n  const blockMouseEnterRef = React.useRef(false);\n  const blockFocusRef = React.useRef(false);\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleCloseOnReferenceClickOutsideDisabled =\n    disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;\n  const handleCloseOnFloatingClickOutsideDisabled =\n    disableInteractive || handleCloseOnReferenceClickOutsideDisabled;\n\n  const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n  const isLock = React.useContext(LockFloatingPositionContext);\n\n  // Библиотека `floating-ui`\n  const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n    strategy: strategyProp,\n    placement: placementProp,\n    ...(middlewares !== undefined ? { middleware: middlewares } : {}),\n    ...(!isLock && { whileElementsMounted }),\n  });\n\n  const commitShownLocalState = React.useCallback(\n    (nextShown: boolean, reason: ShownChangeReason) => {\n      setShownLocalState((prevState) => {\n        if (prevState.shown !== nextShown || prevState.reason !== reason) {\n          return {\n            shown: nextShown,\n            reason,\n          };\n        }\n        /* istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным */\n        return prevState;\n      });\n    },\n    [setShownLocalState],\n  );\n\n  const [mouseEnterDelay, mouseLeaveDelay] =\n    typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n  const showWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n    [mouseEnterDelay, commitShownLocalState],\n  );\n\n  const hideWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n    [mouseLeaveDelay, commitShownLocalState],\n  );\n\n  const handleFocusOnReference = useStableCallback(() => {\n    // Повторный вызов события фокуса - следствие клика на reference-элемент\n    if (shownLocalState.shown) {\n      if (!closeAfterClick && shownLocalState.reason === 'hover') {\n        return;\n      }\n      commitShownLocalState(false, 'focus');\n      return;\n    }\n    if (blockFocusRef.current) {\n      /* istanbul ignore next: в Vitest не воспроизводится баг на вебе (cм. onRestoreFocus) */\n      blockFocusRef.current = false;\n      return;\n    }\n\n    commitShownLocalState(true, 'focus');\n  });\n\n  const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n    blockFocusRef.current = false;\n    blockMouseEnterRef.current = false;\n\n    if (!shownLocalState.shown) {\n      clearTimeout(blurTimeoutRef.current);\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget;\n    blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n      const reference = refs.reference.current;\n      // Если пользователь покинул текущее окно в открытом состоянии, то\n      // не закрываем всплывающий элемент.\n      /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n      if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n        /* istanbul ignore next */\n        return;\n      }\n\n      // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n      // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n      if (contains(refs.floating.current, relatedTarget) || contains(reference, relatedTarget)) {\n        return;\n      }\n\n      commitShownLocalState(false, 'focus');\n    });\n  });\n\n  const handleClickOnReference = useStableCallback(() => {\n    // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n    if (shownLocalState.reason === 'focus') {\n      commitShownLocalState(shownLocalState.shown, 'click');\n      return;\n    }\n    commitShownLocalState(!shownLocalState.shown, 'click');\n  });\n\n  const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n    blockMouseEnterRef.current = true;\n    commitShownLocalState(false, 'click');\n  });\n\n  const handleMouseEnterOnBoth = useStableCallback((event: React.MouseEvent<HTMLElement>) => {\n    if (willBeHide && event.currentTarget === refs.floating.current) {\n      return;\n    }\n\n    showWithDelay.cancel();\n    hideWithDelay.cancel();\n\n    if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n      showWithDelay();\n    }\n  });\n\n  const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (willBeHide && event.currentTarget === refs.floating.current) {\n        return;\n      }\n\n      blockFocusRef.current = false;\n      blockMouseEnterRef.current = false;\n\n      if (triggerOnHover) {\n        showWithDelay.cancel();\n        hideWithDelay.cancel();\n\n        hideWithDelay();\n      }\n    },\n  );\n\n  const handleFloatingAnimationStart = () => {\n    hasCSSAnimation.current = true;\n  };\n\n  const handleFloatingAnimationEnd = () => {\n    if (willBeHide) {\n      setShownFinalState(false);\n      setWillBeHide(false);\n      onShownChanged(false, shownLocalState.reason);\n    }\n  };\n\n  const handleOnClose = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'callback');\n  }, [commitShownLocalState]);\n\n  const handleRestoreFocus: UseFloatingWithInteractionsReturn['onRestoreFocus'] = React.useCallback(\n    (restoreFocus = true) => {\n      if (!restoreFocus) {\n        return false;\n      }\n      if (restoreFocus === true) {\n        return triggerOnFocus ? blockFocusRef.current : true;\n      } else if (restoreFocus === 'anchor-element') {\n        return refs.reference.current as HTMLElement;\n      } else if (restoreFocus instanceof HTMLElement) {\n        return restoreFocus;\n      }\n      return false;\n    },\n    [refs.reference, triggerOnFocus],\n  );\n\n  const handleEscapeKeyDown = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'escape-key');\n  }, [commitShownLocalState]);\n\n  const handleClickOutside = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'click-outside');\n  }, [commitShownLocalState]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n    handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n  );\n\n  useIsomorphicLayoutEffect(\n    /**\n     * Если пользователь покинул активное окно и:\n     * 1. целевой элемент был в состоянии фокуса;\n     * 2. всплывающий элемент был закрытом состоянии;\n     * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n     * всплывающий элемент.\n     */\n    function setGlobalBlurForTriggerOnFocus() {\n      if (!triggerOnFocus || !refs.reference.current) {\n        return;\n      }\n\n      const handleGlobalBlur = () => {\n        /* istanbul ignore next */\n        const reference = refs.reference.current;\n        /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n        if (\n          !shownLocalState.shown &&\n          isHTMLElement(reference) &&\n          reference === getActiveElementByAnotherElement(reference)\n        ) {\n          /* istanbul ignore next */\n          blockFocusRef.current = true;\n        }\n      };\n\n      const win = getWindow(refs.reference.current);\n      win.addEventListener('blur', handleGlobalBlur);\n      return () => {\n        win.removeEventListener('blur', handleGlobalBlur);\n      };\n    },\n    [triggerOnFocus, refs.reference, shownLocalState],\n  );\n\n  useIsomorphicLayoutEffect(\n    function resolveShownStates() {\n      if (willBeHide || shownLocalState.shown === shownFinalState) {\n        return;\n      }\n\n      if (shownLocalState.shown) {\n        setShownFinalState(true);\n        onShownChanged(true, shownLocalState.reason);\n      } else if (hasCSSAnimation.current && !willBeHide) {\n        setWillBeHide(true);\n      } else {\n        setShownFinalState(false);\n      }\n\n      return () => {\n        clearTimeout(blurTimeoutRef.current);\n      };\n    },\n    [shownLocalState, shownFinalState, willBeHide, onShownChanged],\n  );\n\n  const referenceProps: ReferenceProps = {};\n  const floatingProps: FloatingProps = { style: {} };\n\n  if (shownFinalState) {\n    floatingProps.style = convertFloatingDataToReactCSSProperties({\n      strategy,\n      x,\n      y,\n      middlewareData,\n    });\n\n    if (disableInteractive) {\n      floatingProps.style.pointerEvents = 'none';\n    }\n  }\n\n  if (triggerOnFocus) {\n    referenceProps.onFocus = handleFocusOnReference;\n    referenceProps.onBlur = handleBlurOnReference;\n  }\n\n  if (triggerOnClick) {\n    referenceProps.onClick = handleClickOnReference;\n  }\n\n  if (triggerOnHover) {\n    referenceProps.onMouseOver = handleMouseEnterOnBoth;\n\n    if (closeAfterClick && !triggerOnClick) {\n      referenceProps.onClick = handleClickOnReferenceForOnlyClose;\n    }\n\n    if (!disableInteractive) {\n      floatingProps.onMouseOver = handleMouseEnterOnBoth;\n    }\n  }\n\n  if (triggerOnHover || triggerOnFocus) {\n    referenceProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n    if (!disableInteractive) {\n      floatingProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n    }\n  }\n\n  if (shownFinalState) {\n    floatingProps.onAnimationStart = handleFloatingAnimationStart;\n    floatingProps.onAnimationEnd = handleFloatingAnimationEnd;\n  }\n\n  return {\n    placement,\n    shown: shownFinalState,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose: handleOnClose,\n    // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n    // кнопки вместо просто onKeyDown.\n    onEscapeKeyDown: !shownFinalState || disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n    // [Обход баги с FocusTrap]\n    //\n    // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n    // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n    // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n    // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n    onRestoreFocus: handleRestoreFocus,\n  };\n};\n"],"names":["React","debounce","noop","getWindow","isHTMLElement","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","LockFloatingPositionContext","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","strategy","strategyProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","onShownChanged","onShownChangedProp","memoizedValue","useMemo","undefined","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","isLock","useContext","x","y","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","currentTarget","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","restoreFocus","HTMLElement","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referenceProps","floatingProps","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"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"}
+{"version":3,"sources":["../../../../../src/lib/floating/useFloatingWithInteractions/useFloatingWithInteractions.ts"],"sourcesContent":["import * as React from 'react';\nimport { debounce, noop } from '@vkontakte/vkjs';\nimport { getWindow, isHTMLElement } from '@vkontakte/vkui-floating-ui/utils/dom';\nimport { useNavTransition } from '../../../components/NavTransitionContext/NavTransitionContext';\nimport { useCustomEnsuredControl } from '../../../hooks/useEnsuredControl';\nimport { useGlobalOnClickOutside } from '../../../hooks/useGlobalOnClickOutside';\nimport { useStableCallback } from '../../../hooks/useStableCallback';\nimport { contains, getActiveElementByAnotherElement } from '../../dom';\nimport { useIsomorphicLayoutEffect } from '../../useIsomorphicLayoutEffect';\nimport { autoUpdateFloatingElement, useFloating } from '../adapters';\nimport { convertFloatingDataToReactCSSProperties } from '../functions';\nimport type { UseFloatingOptions } from '../types/common';\nimport { DEFAULT_TRIGGER } from './constants';\nimport type {\n  FloatingProps,\n  ReferenceProps,\n  ShownChangeReason,\n  UseFloatingWithInteractionsProps,\n  UseFloatingWithInteractionsReturn,\n} from './types';\nimport { useResolveTriggerType } from './useResolveTriggerType';\n\ntype LocalState = { shown: boolean; reason?: ShownChangeReason };\n\nconst whileElementsMounted: UseFloatingOptions['whileElementsMounted'] = (...args) =>\n  /* istanbul ignore next: не знаю как проверить */\n  autoUpdateFloatingElement(...args, { elementResize: true });\n\n/**\n * @private\n */\nexport const useFloatingWithInteractions = <T extends HTMLElement = HTMLElement>({\n  trigger = DEFAULT_TRIGGER,\n\n  // UseFloating\n  placement: placementProp = 'bottom',\n  strategy: strategyProp = 'fixed',\n  middlewares,\n  hoverDelay = 0,\n  closeAfterClick = false,\n\n  // disables\n  disabled = false,\n  disableInteractive = false,\n  disableCloseOnClickOutside = false,\n  disableCloseOnEscKey = false,\n\n  // uncontrolled\n  defaultShown = false,\n\n  // controlled\n  shown: shownProp,\n  onShownChange: onShownChangeProp,\n  onShownChanged: onShownChangedProp,\n}: UseFloatingWithInteractionsProps): UseFloatingWithInteractionsReturn<T> => {\n  const memoizedValue = React.useMemo<LocalState | undefined>(\n    () => (shownProp !== undefined ? { shown: shownProp } : undefined),\n    [shownProp],\n  );\n  const { entering, animating } = useNavTransition();\n  const [shownLocalState, setShownLocalState] = useCustomEnsuredControl<LocalState>({\n    value: memoizedValue,\n    disabled,\n    defaultValue: { shown: defaultShown },\n    onChange: useStableCallback(({ shown, reason }) => {\n      if (onShownChangeProp) {\n        onShownChangeProp(shown, reason);\n      }\n    }),\n  });\n  const onShownChanged = useStableCallback(onShownChangedProp ? onShownChangedProp : noop);\n  const [shownFinalState, setShownFinalState] = React.useState(() => shownLocalState.shown);\n  const [willBeHide, setWillBeHide] = React.useState(false);\n\n  const hasCSSAnimation = React.useRef(false);\n\n  const blockMouseEnterRef = React.useRef(false);\n  const blockFocusRef = React.useRef(false);\n  const blurTimeoutRef = React.useRef<ReturnType<typeof setTimeout> | undefined>(undefined);\n\n  const handleCloseOnReferenceClickOutsideDisabled =\n    disabled || disableCloseOnClickOutside || willBeHide || !shownLocalState.shown;\n  const handleCloseOnFloatingClickOutsideDisabled =\n    disableInteractive || handleCloseOnReferenceClickOutsideDisabled;\n\n  const { triggerOnFocus, triggerOnClick, triggerOnHover } = useResolveTriggerType(trigger);\n\n  // Библиотека `floating-ui`\n  const { placement, x, y, strategy, refs, middlewareData } = useFloating<T>({\n    strategy: strategyProp,\n    placement: placementProp,\n    ...(middlewares !== undefined ? { middleware: middlewares } : {}),\n    ...(!animating && { whileElementsMounted }),\n  });\n\n  const commitShownLocalState = React.useCallback(\n    (nextShown: boolean, reason: ShownChangeReason) => {\n      setShownLocalState((prevState) => {\n        if (prevState.shown !== nextShown || prevState.reason !== reason) {\n          return {\n            shown: nextShown,\n            reason,\n          };\n        }\n        /* istanbul ignore next: страховка, если вдруг на момент вызова обновления состояния, оно уже будет актуальным */\n        return prevState;\n      });\n    },\n    [setShownLocalState],\n  );\n\n  const [mouseEnterDelay, mouseLeaveDelay] =\n    typeof hoverDelay === 'number' ? [hoverDelay, hoverDelay] : hoverDelay;\n\n  const showWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(true, 'hover'), mouseEnterDelay),\n    [mouseEnterDelay, commitShownLocalState],\n  );\n\n  const hideWithDelay = React.useMemo(\n    () => debounce(() => commitShownLocalState(false, 'hover'), mouseLeaveDelay),\n    [mouseLeaveDelay, commitShownLocalState],\n  );\n\n  const handleFocusOnReference = useStableCallback(() => {\n    // Повторный вызов события фокуса - следствие клика на reference-элемент\n    if (shownLocalState.shown) {\n      if (!closeAfterClick && shownLocalState.reason === 'hover') {\n        return;\n      }\n      commitShownLocalState(false, 'focus');\n      return;\n    }\n    if (blockFocusRef.current) {\n      /* istanbul ignore next: в Vitest не воспроизводится баг на вебе (cм. onRestoreFocus) */\n      blockFocusRef.current = false;\n      return;\n    }\n\n    commitShownLocalState(true, 'focus');\n  });\n\n  const handleBlurOnReference = useStableCallback((event: React.FocusEvent) => {\n    blockFocusRef.current = false;\n    blockMouseEnterRef.current = false;\n\n    if (!shownLocalState.shown) {\n      clearTimeout(blurTimeoutRef.current);\n      return;\n    }\n\n    const relatedTarget = event.relatedTarget;\n    blurTimeoutRef.current = setTimeout(function waitWindowBlurFire() {\n      const reference = refs.reference.current;\n      // Если пользователь покинул текущее окно в открытом состоянии, то\n      // не закрываем всплывающий элемент.\n      /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n      if (!relatedTarget && getActiveElementByAnotherElement(reference) === reference) {\n        /* istanbul ignore next */\n        return;\n      }\n\n      // Если пользователь нажал на всплывающий элемент, то не закрываем всплывающий элемент.\n      // Note: для этого элемент должен быть фокусируемый (например, за счёт `tabindex=\"-1\"`).\n      if (contains(refs.floating.current, relatedTarget) || contains(reference, relatedTarget)) {\n        return;\n      }\n\n      commitShownLocalState(false, 'focus');\n    });\n  });\n\n  const handleClickOnReference = useStableCallback(() => {\n    // Предыдущий триггер (фокус) уже вызвал открытие/закрытие всплывающего окна, игнорируем вызов\n    if (shownLocalState.reason === 'focus') {\n      commitShownLocalState(shownLocalState.shown, 'click');\n      return;\n    }\n    commitShownLocalState(!shownLocalState.shown, 'click');\n  });\n\n  const handleClickOnReferenceForOnlyClose = useStableCallback(() => {\n    blockMouseEnterRef.current = true;\n    commitShownLocalState(false, 'click');\n  });\n\n  const handleMouseEnterOnBoth = useStableCallback((event: React.MouseEvent<HTMLElement>) => {\n    if (willBeHide && event.currentTarget === refs.floating.current) {\n      return;\n    }\n\n    showWithDelay.cancel();\n    hideWithDelay.cancel();\n\n    if (!blockMouseEnterRef.current && !shownLocalState.shown) {\n      showWithDelay();\n    }\n  });\n\n  const handleMouseLeaveOnBothForHoverAndFocusStates = useStableCallback(\n    (event: React.MouseEvent<HTMLElement>) => {\n      if (willBeHide && event.currentTarget === refs.floating.current) {\n        return;\n      }\n\n      blockFocusRef.current = false;\n      blockMouseEnterRef.current = false;\n\n      if (triggerOnHover) {\n        showWithDelay.cancel();\n        hideWithDelay.cancel();\n\n        hideWithDelay();\n      }\n    },\n  );\n\n  const handleFloatingAnimationStart = () => {\n    hasCSSAnimation.current = true;\n  };\n\n  const handleFloatingAnimationEnd = () => {\n    if (willBeHide) {\n      setShownFinalState(false);\n      setWillBeHide(false);\n      onShownChanged(false, shownLocalState.reason);\n    }\n  };\n\n  const handleOnClose = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'callback');\n  }, [commitShownLocalState]);\n\n  const handleRestoreFocus: UseFloatingWithInteractionsReturn['onRestoreFocus'] = React.useCallback(\n    (restoreFocus = true) => {\n      if (!restoreFocus) {\n        return false;\n      }\n      if (restoreFocus === true) {\n        return triggerOnFocus ? blockFocusRef.current : true;\n      } else if (restoreFocus === 'anchor-element') {\n        return refs.reference.current as HTMLElement;\n      } else if (restoreFocus instanceof HTMLElement) {\n        return restoreFocus;\n      }\n      return false;\n    },\n    [refs.reference, triggerOnFocus],\n  );\n\n  const handleEscapeKeyDown = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'escape-key');\n  }, [commitShownLocalState]);\n\n  const handleClickOutside = React.useCallback(() => {\n    blockFocusRef.current = true;\n    commitShownLocalState(false, 'click-outside');\n  }, [commitShownLocalState]);\n\n  useGlobalOnClickOutside(\n    handleClickOutside,\n    handleCloseOnReferenceClickOutsideDisabled ? null : refs.reference,\n    handleCloseOnFloatingClickOutsideDisabled ? null : refs.floating,\n  );\n\n  useIsomorphicLayoutEffect(\n    /**\n     * Если пользователь покинул активное окно и:\n     * 1. целевой элемент был в состоянии фокуса;\n     * 2. всплывающий элемент был закрытом состоянии;\n     * то фокус должен быть заблокирован, когда пользователь вернётся обратно. Иначе покажется\n     * всплывающий элемент.\n     */\n    function setGlobalBlurForTriggerOnFocus() {\n      if (!triggerOnFocus || !refs.reference.current) {\n        return;\n      }\n\n      const handleGlobalBlur = () => {\n        /* istanbul ignore next */\n        const reference = refs.reference.current;\n        /* istanbul ignore if: не умеем симулировать уход из текущего окна */\n        if (\n          !shownLocalState.shown &&\n          isHTMLElement(reference) &&\n          reference === getActiveElementByAnotherElement(reference)\n        ) {\n          /* istanbul ignore next */\n          blockFocusRef.current = true;\n        }\n      };\n\n      const win = getWindow(refs.reference.current);\n      win.addEventListener('blur', handleGlobalBlur);\n      return () => {\n        win.removeEventListener('blur', handleGlobalBlur);\n      };\n    },\n    [triggerOnFocus, refs.reference, shownLocalState],\n  );\n\n  useIsomorphicLayoutEffect(\n    function resolveShownStates() {\n      if (willBeHide || shownLocalState.shown === shownFinalState) {\n        return;\n      }\n\n      if (shownLocalState.shown) {\n        setShownFinalState(true);\n        onShownChanged(true, shownLocalState.reason);\n      } else if (hasCSSAnimation.current && !willBeHide) {\n        setWillBeHide(true);\n      } else {\n        setShownFinalState(false);\n      }\n\n      return () => {\n        clearTimeout(blurTimeoutRef.current);\n      };\n    },\n    [shownLocalState, shownFinalState, willBeHide, onShownChanged],\n  );\n\n  const referenceProps: ReferenceProps = {};\n  const floatingProps: FloatingProps = { style: {} };\n\n  if (shownFinalState) {\n    floatingProps.style = convertFloatingDataToReactCSSProperties({\n      strategy,\n      x,\n      y,\n      middlewareData,\n    });\n\n    if (disableInteractive) {\n      floatingProps.style.pointerEvents = 'none';\n    }\n  }\n\n  if (triggerOnFocus) {\n    referenceProps.onFocus = handleFocusOnReference;\n    referenceProps.onBlur = handleBlurOnReference;\n  }\n\n  if (triggerOnClick) {\n    referenceProps.onClick = handleClickOnReference;\n  }\n\n  if (triggerOnHover) {\n    referenceProps.onMouseOver = handleMouseEnterOnBoth;\n\n    if (closeAfterClick && !triggerOnClick) {\n      referenceProps.onClick = handleClickOnReferenceForOnlyClose;\n    }\n\n    if (!disableInteractive) {\n      floatingProps.onMouseOver = handleMouseEnterOnBoth;\n    }\n  }\n\n  if (triggerOnHover || triggerOnFocus) {\n    referenceProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n\n    if (!disableInteractive) {\n      floatingProps.onMouseLeave = handleMouseLeaveOnBothForHoverAndFocusStates;\n    }\n  }\n\n  if (shownFinalState) {\n    floatingProps.onAnimationStart = handleFloatingAnimationStart;\n    floatingProps.onAnimationEnd = handleFloatingAnimationEnd;\n  }\n\n  return {\n    placement,\n    shown: shownFinalState && !entering,\n    willBeHide,\n    refs,\n    referenceProps,\n    floatingProps,\n    middlewareData,\n    onClose: handleOnClose,\n    // FocusTrap уже определяет нажатие на ESC, поэтому название события содержит конкретный код\n    // кнопки вместо просто onKeyDown.\n    onEscapeKeyDown: !shownFinalState || disableCloseOnEscKey ? undefined : handleEscapeKeyDown,\n    // [Обход баги с FocusTrap]\n    //\n    // Если сфокусироваться на целевой элемент через нажатие, а потом нажать в область за пределами\n    // целевого и всплывающего элемента, то появляется моргание из-за того, что FocusTrap\n    // восстанавливает фокус, из-за чего всплывающий элемент снова показывается за счёт\n    // `handleFocusOnReference`, а потом скрывается за счёт `handleBlurOnReference`.\n    onRestoreFocus: handleRestoreFocus,\n  };\n};\n"],"names":["React","debounce","noop","getWindow","isHTMLElement","useNavTransition","useCustomEnsuredControl","useGlobalOnClickOutside","useStableCallback","contains","getActiveElementByAnotherElement","useIsomorphicLayoutEffect","autoUpdateFloatingElement","useFloating","convertFloatingDataToReactCSSProperties","DEFAULT_TRIGGER","useResolveTriggerType","whileElementsMounted","args","elementResize","useFloatingWithInteractions","trigger","placement","placementProp","strategy","strategyProp","middlewares","hoverDelay","closeAfterClick","disabled","disableInteractive","disableCloseOnClickOutside","disableCloseOnEscKey","defaultShown","shown","shownProp","onShownChange","onShownChangeProp","onShownChanged","onShownChangedProp","memoizedValue","useMemo","undefined","entering","animating","shownLocalState","setShownLocalState","value","defaultValue","onChange","reason","shownFinalState","setShownFinalState","useState","willBeHide","setWillBeHide","hasCSSAnimation","useRef","blockMouseEnterRef","blockFocusRef","blurTimeoutRef","handleCloseOnReferenceClickOutsideDisabled","handleCloseOnFloatingClickOutsideDisabled","triggerOnFocus","triggerOnClick","triggerOnHover","x","y","refs","middlewareData","middleware","commitShownLocalState","useCallback","nextShown","prevState","mouseEnterDelay","mouseLeaveDelay","showWithDelay","hideWithDelay","handleFocusOnReference","current","handleBlurOnReference","event","clearTimeout","relatedTarget","setTimeout","waitWindowBlurFire","reference","floating","handleClickOnReference","handleClickOnReferenceForOnlyClose","handleMouseEnterOnBoth","currentTarget","cancel","handleMouseLeaveOnBothForHoverAndFocusStates","handleFloatingAnimationStart","handleFloatingAnimationEnd","handleOnClose","handleRestoreFocus","restoreFocus","HTMLElement","handleEscapeKeyDown","handleClickOutside","setGlobalBlurForTriggerOnFocus","handleGlobalBlur","win","addEventListener","removeEventListener","resolveShownStates","referenceProps","floatingProps","style","pointerEvents","onFocus","onBlur","onClick","onMouseOver","onMouseLeave","onAnimationStart","onAnimationEnd","onClose","onEscapeKeyDown","onRestoreFocus"],"mappings":"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"}

package/dist/cssm/lib/fx.js

@@ -1,65 +1,14 @@
+import { cubicBezierTwoDimensional } from "./curve.js";
 /**
  * ease function
  * @param x absolute progress of the animation in bounds 0 (beginning) and 1 (end)
  */ export function easeInOutSine(x) {
     return 0.5 * (1 - Math.cos(Math.PI * x));
 }
-/**
- * JS-реализация cubic bezier
- *
- * Алгебраический метод решения взят из PRа {@link https://github.com/gre/bezier-easing/pull/57}
- */ export function cubicBezier(mX1, mY1, mX2, mY2) {
-    if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {
-        throw new Error('Bezier x values must be in [0, 1] range');
-    }
-    if (mX1 === mY1 && mX2 === mY2) {
-        return LinearEasing;
-    }
-    const a = 6 * (3 * mX1 - 3 * mX2 + 1);
-    const b = 6 * (mX2 - 2 * mX1);
-    const c = 3 * mX1;
-    const a2 = a * a;
-    const b2 = b * b;
-    const d = b / a;
-    const e = 3 * b * c / a2 - b2 * b / (a2 * a);
-    const w1 = 2 * c / a - b2 / a2;
-    const w = w1 * w1 * w1;
-    const o = 3 / a;
-    const ay = 3 * mY1 - 3 * mY2 + 1;
-    const by = mY2 - 2 * mY1;
-    const cy = 3 * mY1;
-    const funcX2T = a ? x2t : LinearEasing;
-    return (x)=>{
-        if (x === 0 || x === 1) {
-            return x;
-        }
-        return funcY(funcX2T(x, e, o, w, d), ay, by, cy);
+export function cubicBezier(x1, y1, x2, y2) {
+    return function(progress) {
+        return cubicBezierTwoDimensional(0, 0, x1, y1, x2, y2, 1, 1, progress)[1];
     };
 }
-function LinearEasing(x) {
-    return x;
-}
-function x2t(x, a, b, c, d) {
-    const q = a + b * x;
-    const s = q ** 2 + c;
-    if (s > 0) {
-        const root = Math.sqrt(s);
-        return Math.cbrt(q + root) + Math.cbrt(q - root) - d;
-    }
-    const l = Math.cbrt(Math.sqrt(q * q - s));
-    const angle = q ? Math.atan(Math.sqrt(-s) / q) : -Math.PI / 2;
-    let φ;
-    if (b < 0) {
-        φ = (q > 0 ? 2 * Math.PI : Math.PI) - angle;
-    } else if (d < 0) {
-        φ = (q > 0 ? 2 * Math.PI : -3 * Math.PI) + angle;
-    } else {
-        φ = (q > 0 ? 0 : Math.PI) + angle;
-    }
-    return 2 * l * Math.cos(φ / 3) - d;
-}
-function funcY(t, ay, by, cy) {
-    return ((ay * t + 3 * by) * t + cy) * t;
-}
 
 //# sourceMappingURL=fx.js.map

package/dist/cssm/lib/fx.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../src/lib/fx.ts"],"sourcesContent":["/**\n * ease function\n * @param x absolute progress of the animation in bounds 0 (beginning) and 1 (end)\n */\nexport function easeInOutSine(x: number): number {\n  return 0.5 * (1 - Math.cos(Math.PI * x));\n}\n\n/**\n * JS-реализация cubic bezier\n *\n * Алгебраический метод решения взят из PRа {@link https://github.com/gre/bezier-easing/pull/57}\n */\nexport function cubicBezier(mX1: number, mY1: number, mX2: number, mY2: number) {\n  if (!(0 <= mX1 && mX1 <= 1 && 0 <= mX2 && mX2 <= 1)) {\n    throw new Error('Bezier x values must be in [0, 1] range');\n  }\n\n  if (mX1 === mY1 && mX2 === mY2) {\n    return LinearEasing;\n  }\n\n  const a = 6 * (3 * mX1 - 3 * mX2 + 1);\n  const b = 6 * (mX2 - 2 * mX1);\n  const c = 3 * mX1;\n  const a2 = a * a;\n  const b2 = b * b;\n  const d = b / a;\n  const e = (3 * b * c) / a2 - (b2 * b) / (a2 * a);\n  const w1 = (2 * c) / a - b2 / a2;\n  const w = w1 * w1 * w1;\n  const o = 3 / a;\n  const ay = 3 * mY1 - 3 * mY2 + 1;\n  const by = mY2 - 2 * mY1;\n  const cy = 3 * mY1;\n\n  const funcX2T = a ? x2t : LinearEasing;\n\n  return (x: number) => {\n    if (x === 0 || x === 1) {\n      return x;\n    }\n    return funcY(funcX2T(x, e, o, w, d), ay, by, cy);\n  };\n}\n\nfunction LinearEasing(x: number) {\n  return x;\n}\n\nfunction x2t(x: number, a: number, b: number, c: number, d: number) {\n  const q = a + b * x;\n  const s = q ** 2 + c;\n  if (s > 0) {\n    const root = Math.sqrt(s);\n    return Math.cbrt(q + root) + Math.cbrt(q - root) - d;\n  }\n  const l = Math.cbrt(Math.sqrt(q * q - s));\n  const angle = q ? Math.atan(Math.sqrt(-s) / q) : -Math.PI / 2;\n  let φ;\n  if (b < 0) {\n    φ = (q > 0 ? 2 * Math.PI : Math.PI) - angle;\n  } else if (d < 0) {\n    φ = (q > 0 ? 2 * Math.PI : -3 * Math.PI) + angle;\n  } else {\n    φ = (q > 0 ? 0 : Math.PI) + angle;\n  }\n  return 2 * l * Math.cos(φ / 3) - d;\n}\n\nfunction funcY(t: number, ay: number, by: number, cy: number) {\n  return ((ay * t + 3 * by) * t + cy) * t;\n}\n"],"names":["easeInOutSine","x","Math","cos","PI","cubicBezier","mX1","mY1","mX2","mY2","Error","LinearEasing","a","b","c","a2","b2","d","e","w1","w","o","ay","by","cy","funcX2T","x2t","funcY","q","s","root","sqrt","cbrt","l","angle","atan","φ","t"],"mappings":"AAAA;;;CAGC,GACD,OAAO,SAASA,cAAcC,CAAS;IACrC,OAAO,MAAO,CAAA,IAAIC,KAAKC,GAAG,CAACD,KAAKE,EAAE,GAAGH,EAAC;AACxC;AAEA;;;;CAIC,GACD,OAAO,SAASI,YAAYC,GAAW,EAAEC,GAAW,EAAEC,GAAW,EAAEC,GAAW;IAC5E,IAAI,CAAE,CAAA,KAAKH,OAAOA,OAAO,KAAK,KAAKE,OAAOA,OAAO,CAAA,GAAI;QACnD,MAAM,IAAIE,MAAM;IAClB;IAEA,IAAIJ,QAAQC,OAAOC,QAAQC,KAAK;QAC9B,OAAOE;IACT;IAEA,MAAMC,IAAI,IAAK,CAAA,IAAIN,MAAM,IAAIE,MAAM,CAAA;IACnC,MAAMK,IAAI,IAAKL,CAAAA,MAAM,IAAIF,GAAE;IAC3B,MAAMQ,IAAI,IAAIR;IACd,MAAMS,KAAKH,IAAIA;IACf,MAAMI,KAAKH,IAAIA;IACf,MAAMI,IAAIJ,IAAID;IACd,MAAMM,IAAI,AAAC,IAAIL,IAAIC,IAAKC,KAAK,AAACC,KAAKH,IAAME,CAAAA,KAAKH,CAAAA;IAC9C,MAAMO,KAAK,AAAC,IAAIL,IAAKF,IAAII,KAAKD;IAC9B,MAAMK,IAAID,KAAKA,KAAKA;IACpB,MAAME,IAAI,IAAIT;IACd,MAAMU,KAAK,IAAIf,MAAM,IAAIE,MAAM;IAC/B,MAAMc,KAAKd,MAAM,IAAIF;IACrB,MAAMiB,KAAK,IAAIjB;IAEf,MAAMkB,UAAUb,IAAIc,MAAMf;IAE1B,OAAO,CAACV;QACN,IAAIA,MAAM,KAAKA,MAAM,GAAG;YACtB,OAAOA;QACT;QACA,OAAO0B,MAAMF,QAAQxB,GAAGiB,GAAGG,GAAGD,GAAGH,IAAIK,IAAIC,IAAIC;IAC/C;AACF;AAEA,SAASb,aAAaV,CAAS;IAC7B,OAAOA;AACT;AAEA,SAASyB,IAAIzB,CAAS,EAAEW,CAAS,EAAEC,CAAS,EAAEC,CAAS,EAAEG,CAAS;IAChE,MAAMW,IAAIhB,IAAIC,IAAIZ;IAClB,MAAM4B,IAAID,KAAK,IAAId;IACnB,IAAIe,IAAI,GAAG;QACT,MAAMC,OAAO5B,KAAK6B,IAAI,CAACF;QACvB,OAAO3B,KAAK8B,IAAI,CAACJ,IAAIE,QAAQ5B,KAAK8B,IAAI,CAACJ,IAAIE,QAAQb;IACrD;IACA,MAAMgB,IAAI/B,KAAK8B,IAAI,CAAC9B,KAAK6B,IAAI,CAACH,IAAIA,IAAIC;IACtC,MAAMK,QAAQN,IAAI1B,KAAKiC,IAAI,CAACjC,KAAK6B,IAAI,CAAC,CAACF,KAAKD,KAAK,CAAC1B,KAAKE,EAAE,GAAG;IAC5D,IAAIgC;IACJ,IAAIvB,IAAI,GAAG;QACTuB,IAAI,AAACR,CAAAA,IAAI,IAAI,IAAI1B,KAAKE,EAAE,GAAGF,KAAKE,EAAE,AAAD,IAAK8B;IACxC,OAAO,IAAIjB,IAAI,GAAG;QAChBmB,IAAI,AAACR,CAAAA,IAAI,IAAI,IAAI1B,KAAKE,EAAE,GAAG,CAAC,IAAIF,KAAKE,EAAE,AAAD,IAAK8B;IAC7C,OAAO;QACLE,IAAI,AAACR,CAAAA,IAAI,IAAI,IAAI1B,KAAKE,EAAE,AAAD,IAAK8B;IAC9B;IACA,OAAO,IAAID,IAAI/B,KAAKC,GAAG,CAACiC,IAAI,KAAKnB;AACnC;AAEA,SAASU,MAAMU,CAAS,EAAEf,EAAU,EAAEC,EAAU,EAAEC,EAAU;IAC1D,OAAO,AAAC,CAAA,AAACF,CAAAA,KAAKe,IAAI,IAAId,EAAC,IAAKc,IAAIb,EAAC,IAAKa;AACxC"}
+{"version":3,"sources":["../../../src/lib/fx.ts"],"sourcesContent":["import { cubicBezierTwoDimensional } from './curve';\n\n/**\n * ease function\n * @param x absolute progress of the animation in bounds 0 (beginning) and 1 (end)\n */\nexport function easeInOutSine(x: number): number {\n  return 0.5 * (1 - Math.cos(Math.PI * x));\n}\n\nexport function cubicBezier(x1: number, y1: number, x2: number, y2: number) {\n  return function (progress: number): number {\n    return cubicBezierTwoDimensional(0, 0, x1, y1, x2, y2, 1, 1, progress)[1];\n  };\n}\n"],"names":["cubicBezierTwoDimensional","easeInOutSine","x","Math","cos","PI","cubicBezier","x1","y1","x2","y2","progress"],"mappings":"AAAA,SAASA,yBAAyB,QAAQ,aAAU;AAEpD;;;CAGC,GACD,OAAO,SAASC,cAAcC,CAAS;IACrC,OAAO,MAAO,CAAA,IAAIC,KAAKC,GAAG,CAACD,KAAKE,EAAE,GAAGH,EAAC;AACxC;AAEA,OAAO,SAASI,YAAYC,EAAU,EAAEC,EAAU,EAAEC,EAAU,EAAEC,EAAU;IACxE,OAAO,SAAUC,QAAgB;QAC/B,OAAOX,0BAA0B,GAAG,GAAGO,IAAIC,IAAIC,IAAIC,IAAI,GAAG,GAAGC,SAAS,CAAC,EAAE;IAC3E;AACF"}

package/dist/cssm/lib/layouts/index.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/layouts/index.ts"],"sourcesContent":["export {\n  calculateGap,\n  type GapsProp,\n  type GapProp,\n  columnGapClassNames,\n  rowGapClassNames,\n} from './gaps';\n\nexport type {\n  PaddingProp,\n  InsetProp,\n  SizeProp,\n  FlexBasisProp,\n  FlexGrowProp,\n  FlexShrinkProp,\n  PositionValue,\n  LayoutProps,\n} from './types';\n\nexport { resolveLayoutProps } from './resolveLayoutProps';\n"],"names":["calculateGap","columnGapClassNames","rowGapClassNames","resolveLayoutProps"],"mappings":"AAAA,SACEA,YAAY,EAGZC,mBAAmB,EACnBC,gBAAgB,QACX,YAAS;AAahB,SAASC,kBAAkB,QAAQ,0BAAuB"}
+{"version":3,"sources":["../../../../src/lib/layouts/index.ts"],"sourcesContent":["export {\n  calculateGap,\n  type GapsProp,\n  type GapProp,\n  columnGapClassNames,\n  rowGapClassNames,\n} from './gaps';\n\nexport type {\n  MarginProp,\n  PaddingProp,\n  InsetProp,\n  SizeProp,\n  FlexBasisProp,\n  FlexGrowProp,\n  FlexShrinkProp,\n  PositionValue,\n  LayoutProps,\n} from './types';\n\nexport { resolveLayoutProps } from './resolveLayoutProps';\n"],"names":["calculateGap","columnGapClassNames","rowGapClassNames","resolveLayoutProps"],"mappings":"AAAA,SACEA,YAAY,EAGZC,mBAAmB,EACnBC,gBAAgB,QACX,YAAS;AAchB,SAASC,kBAAkB,QAAQ,0BAAuB"}

package/dist/cssm/lib/layouts/layoutProps.js

@@ -29,6 +29,10 @@ const PADDING_VALUES = [
     ...CSS_GLOBAL_KEYWORDS,
     'system'
 ];
+const MARGIN_VALUES = [
+    ...DESIGN_SYSTEM_SIZES,
+    ...CSS_GLOBAL_KEYWORDS
+];
 const SIZE_VALUES = CSS_KEYWORDS;
 const MINMAX_SIZE_VALUES = [
     ...CSS_KEYWORDS.filter((opt)=>opt !== 'auto')
@@ -76,6 +80,13 @@ const JUSTIFY_SELF_VALUES = [
 export const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';
 export const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';
 export const LAYOUT_PROPS = {
+    margin: MARGIN_VALUES,
+    marginInline: MARGIN_VALUES,
+    marginBlock: MARGIN_VALUES,
+    marginInlineStart: MARGIN_VALUES,
+    marginInlineEnd: MARGIN_VALUES,
+    marginBlockStart: MARGIN_VALUES,
+    marginBlockEnd: MARGIN_VALUES,
     padding: PADDING_VALUES,
     paddingInline: PADDING_VALUES,
     paddingBlock: PADDING_VALUES,

package/dist/cssm/lib/layouts/layoutProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/layouts/layoutProps.ts"],"sourcesContent":["import type {\n  CSSGlobalValue,\n  CSSIntrinsicSizingKeywords,\n  DesignSystemSize,\n  OverflowValue,\n  PositionValue,\n} from './types';\n\nexport const DESIGN_SYSTEM_SIZES: DesignSystemSize[] = [\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n];\nconst CSS_INTRINSIC_KEYWORDS: CSSIntrinsicSizingKeywords[] = [\n  'auto',\n  'max-content',\n  'min-content',\n  'fit-content',\n];\nconst CSS_GLOBAL_KEYWORDS: CSSGlobalValue[] = ['inherit', 'initial', 'unset'];\n\nconst CSS_KEYWORDS = [...CSS_INTRINSIC_KEYWORDS, ...CSS_GLOBAL_KEYWORDS];\nconst PADDING_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'system'];\nconst SIZE_VALUES = CSS_KEYWORDS;\nconst MINMAX_SIZE_VALUES = [...CSS_KEYWORDS.filter((opt) => opt !== 'auto')];\nconst FLEX_VALUES = CSS_GLOBAL_KEYWORDS;\nconst FLEX_BASIS_VALUES = [...CSS_KEYWORDS, 'content'];\nconst INSET_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'auto'];\nconst POSITION_VALUES: PositionValue[] = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\nconst OVERFLOW_VALUES: OverflowValue[] = [\n  'visible',\n  'hidden',\n  'clip',\n  'scroll',\n  'auto',\n  ...CSS_GLOBAL_KEYWORDS,\n];\nconst SELF_POSITION = ['start', 'center', 'end'];\nconst ALIGN_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\nconst JUSTIFY_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\n\nexport const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';\nexport const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';\n\nexport const LAYOUT_PROPS = {\n  padding: PADDING_VALUES,\n  paddingInline: PADDING_VALUES,\n  paddingBlock: PADDING_VALUES,\n  paddingInlineStart: PADDING_VALUES,\n  paddingInlineEnd: PADDING_VALUES,\n  paddingBlockStart: PADDING_VALUES,\n  paddingBlockEnd: PADDING_VALUES,\n  inlineSize: SIZE_VALUES,\n  minInlineSize: MINMAX_SIZE_VALUES,\n  maxInlineSize: MINMAX_SIZE_VALUES,\n  blockSize: SIZE_VALUES,\n  minBlockSize: MINMAX_SIZE_VALUES,\n  maxBlockSize: MINMAX_SIZE_VALUES,\n  inset: INSET_VALUES,\n  insetInline: INSET_VALUES,\n  insetBlock: INSET_VALUES,\n  insetInlineStart: INSET_VALUES,\n  insetInlineEnd: INSET_VALUES,\n  insetBlockStart: INSET_VALUES,\n  insetBlockEnd: INSET_VALUES,\n  position: POSITION_VALUES,\n  flexGrow: FLEX_VALUES,\n  flexShrink: FLEX_VALUES,\n  flexBasis: FLEX_BASIS_VALUES,\n  alignSelf: ALIGN_SELF_VALUES,\n  justifySelf: JUSTIFY_SELF_VALUES,\n  overflow: OVERFLOW_VALUES,\n  overflowBlock: OVERFLOW_VALUES,\n  overflowInline: OVERFLOW_VALUES,\n};\n\nexport type LayoutPropKeys = keyof typeof LAYOUT_PROPS;\n"],"names":["DESIGN_SYSTEM_SIZES","CSS_INTRINSIC_KEYWORDS","CSS_GLOBAL_KEYWORDS","CSS_KEYWORDS","PADDING_VALUES","SIZE_VALUES","MINMAX_SIZE_VALUES","filter","opt","FLEX_VALUES","FLEX_BASIS_VALUES","INSET_VALUES","POSITION_VALUES","OVERFLOW_VALUES","SELF_POSITION","ALIGN_SELF_VALUES","JUSTIFY_SELF_VALUES","SYSTEM_PADDING_VERTICAL","SYSTEM_PADDING_HORIZONTAL","LAYOUT_PROPS","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingBlockStart","paddingBlockEnd","inlineSize","minInlineSize","maxInlineSize","blockSize","minBlockSize","maxBlockSize","inset","insetInline","insetBlock","insetInlineStart","insetInlineEnd","insetBlockStart","insetBlockEnd","position","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","overflow","overflowBlock","overflowInline"],"mappings":"AAQA,OAAO,MAAMA,sBAA0C;IACrD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC;AACF,MAAMC,yBAAuD;IAC3D;IACA;IACA;IACA;CACD;AACD,MAAMC,sBAAwC;IAAC;IAAW;IAAW;CAAQ;AAE7E,MAAMC,eAAe;OAAIF;OAA2BC;CAAoB;AACxE,MAAME,iBAAiB;OAAIJ;OAAwBE;IAAqB;CAAS;AACjF,MAAMG,cAAcF;AACpB,MAAMG,qBAAqB;OAAIH,aAAaI,MAAM,CAAC,CAACC,MAAQA,QAAQ;CAAQ;AAC5E,MAAMC,cAAcP;AACpB,MAAMQ,oBAAoB;OAAIP;IAAc;CAAU;AACtD,MAAMQ,eAAe;OAAIX;OAAwBE;IAAqB;CAAO;AAC7E,MAAMU,kBAAmC;IAAC;IAAU;IAAY;IAAY;IAAS;CAAS;AAC9F,MAAMC,kBAAmC;IACvC;IACA;IACA;IACA;IACA;OACGX;CACJ;AACD,MAAMY,gBAAgB;IAAC;IAAS;IAAU;CAAM;AAChD,MAAMC,oBAAoB;OAAID;IAAe;IAAY;CAAU;AACnE,MAAME,sBAAsB;OAAIF;IAAe;IAAY;CAAU;AAErE,OAAO,MAAMG,0BAA0B,mDAAmD;AAC1F,OAAO,MAAMC,4BAA4B,qDAAqD;AAE9F,OAAO,MAAMC,eAAe;IAC1BC,SAAShB;IACTiB,eAAejB;IACfkB,cAAclB;IACdmB,oBAAoBnB;IACpBoB,kBAAkBpB;IAClBqB,mBAAmBrB;IACnBsB,iBAAiBtB;IACjBuB,YAAYtB;IACZuB,eAAetB;IACfuB,eAAevB;IACfwB,WAAWzB;IACX0B,cAAczB;IACd0B,cAAc1B;IACd2B,OAAOtB;IACPuB,aAAavB;IACbwB,YAAYxB;IACZyB,kBAAkBzB;IAClB0B,gBAAgB1B;IAChB2B,iBAAiB3B;IACjB4B,eAAe5B;IACf6B,UAAU5B;IACV6B,UAAUhC;IACViC,YAAYjC;IACZkC,WAAWjC;IACXkC,WAAW7B;IACX8B,aAAa7B;IACb8B,UAAUjC;IACVkC,eAAelC;IACfmC,gBAAgBnC;AAClB,EAAE"}
+{"version":3,"sources":["../../../../src/lib/layouts/layoutProps.ts"],"sourcesContent":["import type {\n  CSSGlobalValue,\n  CSSIntrinsicSizingKeywords,\n  DesignSystemSize,\n  OverflowValue,\n  PositionValue,\n} from './types';\n\nexport const DESIGN_SYSTEM_SIZES: DesignSystemSize[] = [\n  '2xs',\n  'xs',\n  's',\n  'm',\n  'l',\n  'xl',\n  '2xl',\n  '3xl',\n  '4xl',\n];\nconst CSS_INTRINSIC_KEYWORDS: CSSIntrinsicSizingKeywords[] = [\n  'auto',\n  'max-content',\n  'min-content',\n  'fit-content',\n];\nconst CSS_GLOBAL_KEYWORDS: CSSGlobalValue[] = ['inherit', 'initial', 'unset'];\n\nconst CSS_KEYWORDS = [...CSS_INTRINSIC_KEYWORDS, ...CSS_GLOBAL_KEYWORDS];\nconst PADDING_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'system'];\nconst MARGIN_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS];\nconst SIZE_VALUES = CSS_KEYWORDS;\nconst MINMAX_SIZE_VALUES = [...CSS_KEYWORDS.filter((opt) => opt !== 'auto')];\nconst FLEX_VALUES = CSS_GLOBAL_KEYWORDS;\nconst FLEX_BASIS_VALUES = [...CSS_KEYWORDS, 'content'];\nconst INSET_VALUES = [...DESIGN_SYSTEM_SIZES, ...CSS_GLOBAL_KEYWORDS, 'auto'];\nconst POSITION_VALUES: PositionValue[] = ['static', 'relative', 'absolute', 'fixed', 'sticky'];\nconst OVERFLOW_VALUES: OverflowValue[] = [\n  'visible',\n  'hidden',\n  'clip',\n  'scroll',\n  'auto',\n  ...CSS_GLOBAL_KEYWORDS,\n];\nconst SELF_POSITION = ['start', 'center', 'end'];\nconst ALIGN_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\nconst JUSTIFY_SELF_VALUES = [...SELF_POSITION, 'baseline', 'stretch'];\n\nexport const SYSTEM_PADDING_VERTICAL = 'var(--vkui--size_base_padding_vertical--regular)';\nexport const SYSTEM_PADDING_HORIZONTAL = 'var(--vkui--size_base_padding_horizontal--regular)';\n\nexport const LAYOUT_PROPS = {\n  margin: MARGIN_VALUES,\n  marginInline: MARGIN_VALUES,\n  marginBlock: MARGIN_VALUES,\n  marginInlineStart: MARGIN_VALUES,\n  marginInlineEnd: MARGIN_VALUES,\n  marginBlockStart: MARGIN_VALUES,\n  marginBlockEnd: MARGIN_VALUES,\n  padding: PADDING_VALUES,\n  paddingInline: PADDING_VALUES,\n  paddingBlock: PADDING_VALUES,\n  paddingInlineStart: PADDING_VALUES,\n  paddingInlineEnd: PADDING_VALUES,\n  paddingBlockStart: PADDING_VALUES,\n  paddingBlockEnd: PADDING_VALUES,\n  inlineSize: SIZE_VALUES,\n  minInlineSize: MINMAX_SIZE_VALUES,\n  maxInlineSize: MINMAX_SIZE_VALUES,\n  blockSize: SIZE_VALUES,\n  minBlockSize: MINMAX_SIZE_VALUES,\n  maxBlockSize: MINMAX_SIZE_VALUES,\n  inset: INSET_VALUES,\n  insetInline: INSET_VALUES,\n  insetBlock: INSET_VALUES,\n  insetInlineStart: INSET_VALUES,\n  insetInlineEnd: INSET_VALUES,\n  insetBlockStart: INSET_VALUES,\n  insetBlockEnd: INSET_VALUES,\n  position: POSITION_VALUES,\n  flexGrow: FLEX_VALUES,\n  flexShrink: FLEX_VALUES,\n  flexBasis: FLEX_BASIS_VALUES,\n  alignSelf: ALIGN_SELF_VALUES,\n  justifySelf: JUSTIFY_SELF_VALUES,\n  overflow: OVERFLOW_VALUES,\n  overflowBlock: OVERFLOW_VALUES,\n  overflowInline: OVERFLOW_VALUES,\n};\n\nexport type LayoutPropKeys = keyof typeof LAYOUT_PROPS;\n"],"names":["DESIGN_SYSTEM_SIZES","CSS_INTRINSIC_KEYWORDS","CSS_GLOBAL_KEYWORDS","CSS_KEYWORDS","PADDING_VALUES","MARGIN_VALUES","SIZE_VALUES","MINMAX_SIZE_VALUES","filter","opt","FLEX_VALUES","FLEX_BASIS_VALUES","INSET_VALUES","POSITION_VALUES","OVERFLOW_VALUES","SELF_POSITION","ALIGN_SELF_VALUES","JUSTIFY_SELF_VALUES","SYSTEM_PADDING_VERTICAL","SYSTEM_PADDING_HORIZONTAL","LAYOUT_PROPS","margin","marginInline","marginBlock","marginInlineStart","marginInlineEnd","marginBlockStart","marginBlockEnd","padding","paddingInline","paddingBlock","paddingInlineStart","paddingInlineEnd","paddingBlockStart","paddingBlockEnd","inlineSize","minInlineSize","maxInlineSize","blockSize","minBlockSize","maxBlockSize","inset","insetInline","insetBlock","insetInlineStart","insetInlineEnd","insetBlockStart","insetBlockEnd","position","flexGrow","flexShrink","flexBasis","alignSelf","justifySelf","overflow","overflowBlock","overflowInline"],"mappings":"AAQA,OAAO,MAAMA,sBAA0C;IACrD;IACA;IACA;IACA;IACA;IACA;IACA;IACA;IACA;CACD,CAAC;AACF,MAAMC,yBAAuD;IAC3D;IACA;IACA;IACA;CACD;AACD,MAAMC,sBAAwC;IAAC;IAAW;IAAW;CAAQ;AAE7E,MAAMC,eAAe;OAAIF;OAA2BC;CAAoB;AACxE,MAAME,iBAAiB;OAAIJ;OAAwBE;IAAqB;CAAS;AACjF,MAAMG,gBAAgB;OAAIL;OAAwBE;CAAoB;AACtE,MAAMI,cAAcH;AACpB,MAAMI,qBAAqB;OAAIJ,aAAaK,MAAM,CAAC,CAACC,MAAQA,QAAQ;CAAQ;AAC5E,MAAMC,cAAcR;AACpB,MAAMS,oBAAoB;OAAIR;IAAc;CAAU;AACtD,MAAMS,eAAe;OAAIZ;OAAwBE;IAAqB;CAAO;AAC7E,MAAMW,kBAAmC;IAAC;IAAU;IAAY;IAAY;IAAS;CAAS;AAC9F,MAAMC,kBAAmC;IACvC;IACA;IACA;IACA;IACA;OACGZ;CACJ;AACD,MAAMa,gBAAgB;IAAC;IAAS;IAAU;CAAM;AAChD,MAAMC,oBAAoB;OAAID;IAAe;IAAY;CAAU;AACnE,MAAME,sBAAsB;OAAIF;IAAe;IAAY;CAAU;AAErE,OAAO,MAAMG,0BAA0B,mDAAmD;AAC1F,OAAO,MAAMC,4BAA4B,qDAAqD;AAE9F,OAAO,MAAMC,eAAe;IAC1BC,QAAQhB;IACRiB,cAAcjB;IACdkB,aAAalB;IACbmB,mBAAmBnB;IACnBoB,iBAAiBpB;IACjBqB,kBAAkBrB;IAClBsB,gBAAgBtB;IAChBuB,SAASxB;IACTyB,eAAezB;IACf0B,cAAc1B;IACd2B,oBAAoB3B;IACpB4B,kBAAkB5B;IAClB6B,mBAAmB7B;IACnB8B,iBAAiB9B;IACjB+B,YAAY7B;IACZ8B,eAAe7B;IACf8B,eAAe9B;IACf+B,WAAWhC;IACXiC,cAAchC;IACdiC,cAAcjC;IACdkC,OAAO7B;IACP8B,aAAa9B;IACb+B,YAAY/B;IACZgC,kBAAkBhC;IAClBiC,gBAAgBjC;IAChBkC,iBAAiBlC;IACjBmC,eAAenC;IACfoC,UAAUnC;IACVoC,UAAUvC;IACVwC,YAAYxC;IACZyC,WAAWxC;IACXyC,WAAWpC;IACXqC,aAAapC;IACbqC,UAAUxC;IACVyC,eAAezC;IACf0C,gBAAgB1C;AAClB,EAAE"}

package/dist/cssm/lib/layouts/resolveLayoutProps.js

@@ -13,17 +13,19 @@ import { LAYOUT_PROPS } from "./layoutProps.js";
     let resolvedClassName;
     let resolvedStyle;
     for(const key in LAYOUT_PROPS){
-        if (key in outProps && outProps[key] !== undefined) {
-            const propDef = LAYOUT_PROPS[key];
-            const value = outProps[key];
-            const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();
-            if (typeof value === 'string' && propDef.includes(value)) {
-                resolvedClassName = classNames(resolvedClassName, generateConstantClassName(cssProperty, value));
-            } else if (key !== 'position' && !key.startsWith('overflow')) {
-                resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));
-                resolvedStyle = mergeStyle(resolvedStyle, {
-                    [generateVariable(cssProperty)]: typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink' ? `${value}px` : value
-                });
+        if (key in outProps) {
+            if (outProps[key] !== undefined) {
+                const propDef = LAYOUT_PROPS[key];
+                const value = outProps[key];
+                const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();
+                if (typeof value === 'string' && propDef.includes(value)) {
+                    resolvedClassName = classNames(resolvedClassName, generateConstantClassName(cssProperty, value));
+                } else if (key !== 'position' && !key.startsWith('overflow')) {
+                    resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));
+                    resolvedStyle = mergeStyle(resolvedStyle, {
+                        [generateVariable(cssProperty)]: typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink' ? `${value}px` : value
+                    });
+                }
             }
             delete outProps[key];
         }

package/dist/cssm/lib/layouts/resolveLayoutProps.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n  className?: string | undefined;\n  style?: React.CSSProperties | undefined;\n} & {\n  [key: string]: unknown;\n};\n\n/**\n * Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n  props: T & { className?: string | undefined; style?: React.CSSProperties | undefined },\n) {\n  const outProps = { ...props };\n  let resolvedClassName: string | undefined;\n  let resolvedStyle: React.CSSProperties | undefined;\n\n  for (const key in LAYOUT_PROPS) {\n    if (key in outProps && outProps[key] !== undefined) {\n      const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n      const value = outProps[key];\n      const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n      if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n        resolvedClassName = classNames(\n          resolvedClassName,\n          generateConstantClassName(cssProperty, value),\n        );\n      } else if (key !== 'position' && !key.startsWith('overflow')) {\n        resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n        resolvedStyle = mergeStyle(resolvedStyle, {\n          [generateVariable(cssProperty)]:\n            typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n              ? `${value}px`\n              : value,\n        });\n      }\n      delete outProps[key];\n    }\n  }\n\n  outProps.className = classNames(resolvedClassName, outProps.className);\n  outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n  return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,KAAsF;IAEtF,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,YAAYA,QAAQ,CAACG,IAAI,KAAKC,WAAW;YAClD,MAAMC,UAAUR,YAAY,CAACM,IAAsB;YACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;YAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;YAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;gBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;YAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;gBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;gBAC5EL,gBAAgBT,WAAWS,eAAe;oBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;gBACR;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}
+{"version":3,"sources":["../../../../src/lib/layouts/resolveLayoutProps.ts"],"sourcesContent":["import { classNames } from '@vkontakte/vkjs';\nimport { mergeStyle } from '../../helpers/mergeStyle';\nimport { generateConstantClassName, generateVariable, generateVariableClassName } from './helpers';\nimport { LAYOUT_PROPS, type LayoutPropKeys } from './layoutProps';\nimport type { LayoutProps } from './types';\n\nexport type ComponentProps = Partial<LayoutProps> & {\n  className?: string | undefined;\n  style?: React.CSSProperties | undefined;\n} & {\n  [key: string]: unknown;\n};\n\n/**\n * Превращает layout свойства в нужные значения className/style\n * @param props - все пропы компонента\n * @returns измененные свойства\n */\nexport function resolveLayoutProps<T extends ComponentProps>(\n  props: T & { className?: string | undefined; style?: React.CSSProperties | undefined },\n) {\n  const outProps = { ...props };\n  let resolvedClassName: string | undefined;\n  let resolvedStyle: React.CSSProperties | undefined;\n\n  for (const key in LAYOUT_PROPS) {\n    if (key in outProps) {\n      if (outProps[key] !== undefined) {\n        const propDef = LAYOUT_PROPS[key as LayoutPropKeys];\n        const value = outProps[key];\n        const cssProperty = key.replace(/([A-Z])/g, '-$1').toLowerCase();\n        if (typeof value === 'string' && (propDef as string[]).includes(value)) {\n          resolvedClassName = classNames(\n            resolvedClassName,\n            generateConstantClassName(cssProperty, value),\n          );\n        } else if (key !== 'position' && !key.startsWith('overflow')) {\n          resolvedClassName = classNames(resolvedClassName, generateVariableClassName(cssProperty));\n          resolvedStyle = mergeStyle(resolvedStyle, {\n            [generateVariable(cssProperty)]:\n              typeof value === 'number' && key !== 'flexGrow' && key !== 'flexShrink'\n                ? `${value}px`\n                : value,\n          });\n        }\n      }\n      delete outProps[key];\n    }\n  }\n\n  outProps.className = classNames(resolvedClassName, outProps.className);\n  outProps.style = mergeStyle(resolvedStyle, outProps.style);\n\n  return outProps;\n}\n"],"names":["classNames","mergeStyle","generateConstantClassName","generateVariable","generateVariableClassName","LAYOUT_PROPS","resolveLayoutProps","props","outProps","resolvedClassName","resolvedStyle","key","undefined","propDef","value","cssProperty","replace","toLowerCase","includes","startsWith","className","style"],"mappings":"AAAA,SAASA,UAAU,QAAQ,kBAAkB;AAC7C,SAASC,UAAU,QAAQ,8BAA2B;AACtD,SAASC,yBAAyB,EAAEC,gBAAgB,EAAEC,yBAAyB,QAAQ,eAAY;AACnG,SAASC,YAAY,QAA6B,mBAAgB;AAUlE;;;;CAIC,GACD,OAAO,SAASC,mBACdC,KAAsF;IAEtF,MAAMC,WAAW;QAAE,GAAGD,KAAK;IAAC;IAC5B,IAAIE;IACJ,IAAIC;IAEJ,IAAK,MAAMC,OAAON,aAAc;QAC9B,IAAIM,OAAOH,UAAU;YACnB,IAAIA,QAAQ,CAACG,IAAI,KAAKC,WAAW;gBAC/B,MAAMC,UAAUR,YAAY,CAACM,IAAsB;gBACnD,MAAMG,QAAQN,QAAQ,CAACG,IAAI;gBAC3B,MAAMI,cAAcJ,IAAIK,OAAO,CAAC,YAAY,OAAOC,WAAW;gBAC9D,IAAI,OAAOH,UAAU,YAAY,AAACD,QAAqBK,QAAQ,CAACJ,QAAQ;oBACtEL,oBAAoBT,WAClBS,mBACAP,0BAA0Ba,aAAaD;gBAE3C,OAAO,IAAIH,QAAQ,cAAc,CAACA,IAAIQ,UAAU,CAAC,aAAa;oBAC5DV,oBAAoBT,WAAWS,mBAAmBL,0BAA0BW;oBAC5EL,gBAAgBT,WAAWS,eAAe;wBACxC,CAACP,iBAAiBY,aAAa,EAC7B,OAAOD,UAAU,YAAYH,QAAQ,cAAcA,QAAQ,eACvD,GAAGG,MAAM,EAAE,CAAC,GACZA;oBACR;gBACF;YACF;YACA,OAAON,QAAQ,CAACG,IAAI;QACtB;IACF;IAEAH,SAASY,SAAS,GAAGpB,WAAWS,mBAAmBD,SAASY,SAAS;IACrEZ,SAASa,KAAK,GAAGpB,WAAWS,eAAeF,SAASa,KAAK;IAEzD,OAAOb;AACT"}

package/dist/cssm/lib/layouts/types.js.map

@@ -1 +1 @@
-{"version":3,"sources":["../../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n  DesignSystemSize | CSSGlobalValue | 'system',\n  number | string\n>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n  CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n  number | string\n>;\n\ntype SelfPositionProp = 'start' | 'center' | 'end';\n\ntype AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';\ntype JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';\n\nexport interface LayoutProps {\n  /**\n   * Внутренние отступы со всех сторон.\n   */\n  padding?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по строчной оси.\n   */\n  paddingInline?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по блочной оси.\n   */\n  paddingBlock?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по строчной оси.\n   */\n  paddingInlineStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по строчной оси.\n   */\n  paddingInlineEnd?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по блочной оси.\n   */\n  paddingBlockStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по блочной оси.\n   */\n  paddingBlockEnd?: PaddingProp | undefined;\n  /**\n   * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  inlineSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  blockSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  minBlockSize?: SizeProp | undefined;\n  /**\n   * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  maxBlockSize?: SizeProp | undefined;\n  /**\n   * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n   */\n  inset?: InsetProp | undefined;\n  /**\n   * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n   */\n  insetInline?: InsetProp | undefined;\n  /**\n   * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n   */\n  insetBlock?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n   */\n  insetInlineStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n   */\n  insetInlineEnd?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n   */\n  insetBlockStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n   */\n  insetBlockEnd?: InsetProp | undefined;\n  /**\n   * Позиционирование элемента.\n   */\n  position?: PositionValue | undefined;\n  /**\n   * Управление переполнением содержимого.\n   */\n  overflow?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n   */\n  overflowBlock?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n   */\n  overflowInline?: OverflowValue | undefined;\n  /**\n   * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n   */\n  flexGrow?: FlexGrowProp | undefined;\n  /**\n   * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n   */\n  flexShrink?: FlexShrinkProp | undefined;\n  /**\n   * Определяет начальный размер flex-элемента.\n   */\n  flexBasis?: FlexBasisProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n   */\n  alignSelf?: AlignSelfProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n   */\n  justifySelf?: JustifySelfProp | undefined;\n}\n"],"names":[],"mappings":"AAwCA,WAqHC"}
+{"version":3,"sources":["../../../../src/lib/layouts/types.ts"],"sourcesContent":["import type { LiteralUnion } from '../../types';\n\n// Тип для размеров дизайн-системы, переименованный из GapPresets\nexport type DesignSystemSize = '2xs' | 'xs' | 's' | 'm' | 'l' | 'xl' | '2xl' | '3xl' | '4xl';\n\n// Глобальные CSS-значения\nexport type CSSGlobalValue = 'inherit' | 'initial' | 'unset';\n\n// Ключевые слова для внутренних размеров\nexport type CSSIntrinsicSizingKeywords = 'auto' | 'max-content' | 'min-content' | 'fit-content';\n\nexport type PositionValue = 'static' | 'relative' | 'absolute' | 'fixed' | 'sticky';\n\nexport type OverflowValue = 'visible' | 'hidden' | 'clip' | 'scroll' | 'auto' | CSSGlobalValue;\n\n// Тип для отступов\nexport type PaddingProp = LiteralUnion<\n  DesignSystemSize | CSSGlobalValue | 'system',\n  number | string\n>;\nexport type MarginProp = LiteralUnion<DesignSystemSize | CSSGlobalValue, number | string>;\n\n// Типы для параметров позиционирования\nexport type InsetProp = LiteralUnion<DesignSystemSize | CSSGlobalValue | 'auto', number | string>;\n\n// Тип для размеров\nexport type SizeProp = LiteralUnion<CSSGlobalValue | CSSIntrinsicSizingKeywords, number | string>;\n\n// Тип для управления flex-свойствами\nexport type FlexGrowProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexShrinkProp = LiteralUnion<CSSGlobalValue, number>;\nexport type FlexBasisProp = LiteralUnion<\n  CSSIntrinsicSizingKeywords | 'content' | CSSGlobalValue,\n  number | string\n>;\n\ntype SelfPositionProp = 'start' | 'center' | 'end';\n\ntype AlignSelfProp = SelfPositionProp | 'baseline' | 'stretch';\ntype JustifySelfProp = SelfPositionProp | 'baseline' | 'stretch';\n\nexport interface LayoutProps {\n  /**\n   * Внешние отступы со всех сторон.\n   */\n  margin?: MarginProp | undefined;\n  /**\n   * Внешние отступы по строчной оси.\n   */\n  marginInline?: MarginProp | undefined;\n  /**\n   * Внешние отступы по блочной оси.\n   */\n  marginBlock?: MarginProp | undefined;\n  /**\n   * Внешний начальный отступ по строчной оси.\n   */\n  marginInlineStart?: MarginProp | undefined;\n  /**\n   * Внешний конечный отступ по строчной оси.\n   */\n  marginInlineEnd?: MarginProp | undefined;\n  /**\n   * Внешний начальный отступ по блочной оси.\n   */\n  marginBlockStart?: MarginProp | undefined;\n  /**\n   * Внешний конечный отступ по блочной оси.\n   */\n  marginBlockEnd?: MarginProp | undefined;\n  /**\n   * Внутренние отступы со всех сторон.\n   */\n  padding?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по строчной оси.\n   */\n  paddingInline?: PaddingProp | undefined;\n  /**\n   * Внутренние отступы по блочной оси.\n   */\n  paddingBlock?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по строчной оси.\n   */\n  paddingInlineStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по строчной оси.\n   */\n  paddingInlineEnd?: PaddingProp | undefined;\n  /**\n   * Внутренний начальный отступ по блочной оси.\n   */\n  paddingBlockStart?: PaddingProp | undefined;\n  /**\n   * Внутренний конечный отступ по блочной оси.\n   */\n  paddingBlockEnd?: PaddingProp | undefined;\n  /**\n   * Размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  inlineSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  minInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Максимальный размер элемента по строчной оси (при горизонтальном направлении письма - ширина элемента).\n   */\n  maxInlineSize?: Exclude<SizeProp, 'auto'> | undefined;\n  /**\n   * Размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  blockSize?: SizeProp | undefined;\n  /**\n   * Минимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  minBlockSize?: SizeProp | undefined;\n  /**\n   * Максимальный размер элемента по блочной оси (при горизонтальном направлении письма - высота элемента).\n   */\n  maxBlockSize?: SizeProp | undefined;\n  /**\n   * Смещение элемента по `top`, `right`, `bottom` и `left` одновременно.\n   */\n  inset?: InsetProp | undefined;\n  /**\n   * Боковое смещение по строчной оси (при горизонтальном направлении письма - свойства `left`/`right`).\n   */\n  insetInline?: InsetProp | undefined;\n  /**\n   * Боковое смещение по блочной оси (при горизонтальном направлении письма - свойства `top`/`bottom`).\n   */\n  insetBlock?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по строчной оси (при горизонтальном направлении письма - свойство `left`).\n   */\n  insetInlineStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по строчной оси (при горизонтальном направлении письма - свойство `right`).\n   */\n  insetInlineEnd?: InsetProp | undefined;\n  /**\n   * Смещение начального отступа по блочной оси (при горизонтальном направлении письма - свойство `top`).\n   */\n  insetBlockStart?: InsetProp | undefined;\n  /**\n   * Смещение конечного отступа по блочной оси (при горизонтальном направлении письма - свойство `bottom`).\n   */\n  insetBlockEnd?: InsetProp | undefined;\n  /**\n   * Позиционирование элемента.\n   */\n  position?: PositionValue | undefined;\n  /**\n   * Управление переполнением содержимого.\n   */\n  overflow?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по блочной оси (при горизонтальном направлении письма - свойство `overflow-y`).\n   */\n  overflowBlock?: OverflowValue | undefined;\n  /**\n   * Управление переполнением содержимого по строчной оси (при горизонтальном направлении письма - свойство `overflow-x`).\n   */\n  overflowInline?: OverflowValue | undefined;\n  /**\n   * Определяет, насколько элемент будет расти относительно остальных flex-элементов.\n   */\n  flexGrow?: FlexGrowProp | undefined;\n  /**\n   * Определяет, насколько элемент будет сжиматься относительно остальных flex-элементов.\n   */\n  flexShrink?: FlexShrinkProp | undefined;\n  /**\n   * Определяет начальный размер flex-элемента.\n   */\n  flexBasis?: FlexBasisProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `align-self`.\n   */\n  alignSelf?: AlignSelfProp | undefined;\n  /**\n   * Для задания выравнивания, отличного от установленного на родителе, эквивалентно `justify-self`.\n   */\n  justifySelf?: JustifySelfProp | undefined;\n}\n"],"names":[],"mappings":"AAyCA,WAiJC"}

package/dist/cssm/lib/material/shapes/Shape.js

@@ -0,0 +1,18 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { RootComponent } from "../../../components/RootComponent/RootComponent.js";
+import { svgPathToString } from "../../svg/path/path.js";
+import * as shapes from "./shapes.js";
+export function Shape({ size = 24, params, ...props }) {
+    return /*#__PURE__*/ _jsx(RootComponent, {
+        Component: "svg",
+        width: size,
+        height: size,
+        ...props,
+        children: /*#__PURE__*/ _jsx("path", {
+            d: svgPathToString(shapes.shape(params, size)),
+            fill: "currentColor"
+        })
+    });
+}
+
+//# sourceMappingURL=Shape.js.map

package/dist/cssm/lib/material/shapes/Shape.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../../../src/lib/material/shapes/Shape.tsx"],"sourcesContent":["import { RootComponent } from '../../../components/RootComponent/RootComponent';\nimport { type HasRootRef } from '../../../types';\nimport { svgPathToString } from '../../svg/path/path';\nimport * as shapes from './shapes';\n\nexport interface ShapeProps extends React.ComponentProps<'svg'>, HasRootRef<SVGElement> {\n  size?: number;\n  params: shapes.ShapeParameters;\n}\n\nexport function Shape({ size = 24, params, ...props }: ShapeProps) {\n  return (\n    <RootComponent Component=\"svg\" width={size} height={size} {...props}>\n      <path d={svgPathToString(shapes.shape(params, size))} fill=\"currentColor\" />\n    </RootComponent>\n  );\n}\n"],"names":["RootComponent","svgPathToString","shapes","Shape","size","params","props","Component","width","height","path","d","shape","fill"],"mappings":";AAAA,SAASA,aAAa,QAAQ,qDAAkD;AAEhF,SAASC,eAAe,QAAQ,yBAAsB;AACtD,YAAYC,YAAY,cAAW;AAOnC,OAAO,SAASC,MAAM,EAAEC,OAAO,EAAE,EAAEC,MAAM,EAAE,GAAGC,OAAmB;IAC/D,qBACE,KAACN;QAAcO,WAAU;QAAMC,OAAOJ;QAAMK,QAAQL;QAAO,GAAGE,KAAK;kBACjE,cAAA,KAACI;YAAKC,GAAGV,gBAAgBC,OAAOU,KAAK,CAACP,QAAQD;YAAQS,MAAK;;;AAGjE"}