@chayns-components/core 5.4.7 → 5.4.8-alpha.0

package/lib/cjs/components/multi-action-button/action-button/ActionButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.js","names":["_react","require","_react2","_interopRequireDefault","_Icon","_Tooltip","_ActionButton","_popup","e","__esModule","default","LABEL_GAP","LABEL_TRANSITION","duration","ActionButton","action","actionType","backgroundColor","isCollapsed","isDisabled","isExpanded","isHidden","isShrunk","isSolo","onClick","onMouseEnter","onMouseLeave","showLabel","shouldUseContentWidth","height","_action$disabledReaso","_action$status","_action$status2","isPrimary","isSecondary","actionColor","color","isActionDisabled","Boolean","disabledReason","trim","shouldShowDisabledReason","iconSize","actionContent","createElement","StyledActionContent","StyledIconSlot","$height","$isDisabled","icon","icons","size","AnimatePresence","initial","StyledLabelWrapper","animate","opacity","width","marginLeft","exit","transition","StyledSecondaryLabel","style","label","StyledActionButton","disabled","$backgroundColor","$isCollapsed","$isExpanded","undefined","$isInteractionDisabled","$isHidden","$isPrimary","$isSecondary","$isShrunk","$isSolo","$pulseColors","status","pulseColors","$statusType","type","$shouldUseContentWidth","alignment","PopupAlignment","BottomRight","item","text","maxItemWidth","displayName","_default","exports"],"sources":["../../../../../src/components/multi-action-button/action-button/ActionButton.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, MouseEvent } from 'react';\nimport Icon from '../../icon/Icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport {\n    StyledActionButton,\n    StyledActionContent,\n    StyledIconSlot,\n    StyledLabelWrapper,\n    StyledSecondaryLabel,\n} from './ActionButton.styles';\nimport type { MultiActionButtonAction } from '../MultiActionButton.types';\nimport { PopupAlignment } from '../../../types/popup';\n\nconst LABEL_GAP = 6;\nconst LABEL_TRANSITION = { duration: 0.3 };\n\nexport type ActionButtonProps = {\n    action: MultiActionButtonAction;\n    actionType: 'primary' | 'secondary';\n    backgroundColor?: string;\n    isCollapsed: boolean;\n    isDisabled: boolean;\n    isExpanded?: boolean;\n    isHidden?: boolean;\n    isShrunk?: boolean;\n    isSolo?: boolean;\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n    showLabel: boolean;\n    shouldUseContentWidth: boolean;\n    height: number;\n};\n\n/**\n * Shared action button UI used by both primary and secondary actions.\n * Keeps layout and animations consistent while isolating styling details.\n */\nconst ActionButton: FC<ActionButtonProps> = ({\n    action,\n    actionType,\n    backgroundColor,\n    isCollapsed,\n    isDisabled,\n    isExpanded,\n    isHidden,\n    isShrunk,\n    isSolo,\n    onClick,\n    onMouseEnter,\n    onMouseLeave,\n    showLabel,\n    shouldUseContentWidth,\n    height,\n}) => {\n    const isPrimary = actionType === 'primary';\n    const isSecondary = actionType === 'secondary';\n    const actionColor = action.color ?? '#FFFFFF';\n    const isActionDisabled = isDisabled || Boolean(action.isDisabled);\n    const disabledReason = action.disabledReason?.trim();\n    const shouldShowDisabledReason = Boolean(disabledReason) && isActionDisabled;\n    const iconSize = height - 24;\n\n    const actionContent = (\n        <StyledActionContent>\n            <StyledIconSlot $height={height} $isDisabled={isActionDisabled}>\n                {typeof action.icon === 'string' ? (\n                    <Icon icons={[action.icon]} color={actionColor} size={iconSize} />\n                ) : (\n                    action.icon\n                )}\n            </StyledIconSlot>\n            <AnimatePresence initial={false}>\n                {/* Animate width and margin to avoid layout jumps when labels mount/unmount. */}\n                {showLabel && (\n                    <StyledLabelWrapper\n                        animate={{ opacity: 1, width: 'auto', marginLeft: LABEL_GAP }}\n                        exit={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        initial={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        transition={LABEL_TRANSITION}\n                    >\n                        <StyledSecondaryLabel style={{ color: actionColor }}>\n                            {action.label}\n                        </StyledSecondaryLabel>\n                    </StyledLabelWrapper>\n                )}\n            </AnimatePresence>\n        </StyledActionContent>\n    );\n\n    return (\n        <StyledActionButton\n            aria-disabled={isActionDisabled}\n            disabled={isActionDisabled && !shouldShowDisabledReason}\n            $backgroundColor={backgroundColor}\n            $isCollapsed={isCollapsed}\n            $isExpanded={isSecondary ? isExpanded : undefined}\n            $isInteractionDisabled={isActionDisabled}\n            $isHidden={isSecondary ? isHidden : undefined}\n            $isPrimary={isPrimary}\n            $isSecondary={isSecondary}\n            $isShrunk={isPrimary ? isShrunk : undefined}\n            $isSolo={isPrimary ? isSolo : undefined}\n            $pulseColors={action.status?.pulseColors}\n            $height={height}\n            $statusType={action.status?.type}\n            $shouldUseContentWidth={shouldUseContentWidth}\n            onClick={onClick}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            type=\"button\"\n        >\n            {shouldShowDisabledReason && disabledReason ? (\n                <Tooltip\n                    alignment={PopupAlignment.BottomRight}\n                    item={{ text: disabledReason }}\n                    maxItemWidth={400}\n                >\n                    {actionContent}\n                </Tooltip>\n            ) : (\n                actionContent\n            )}\n        </StyledActionButton>\n    );\n};\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ActionButton.js","names":["_react","require","_react2","_interopRequireDefault","_Icon","_Tooltip","_ActionButton","_popup","e","__esModule","default","LABEL_GAP","LABEL_TRANSITION","duration","ActionButton","action","actionType","backgroundColor","isCollapsed","isDisabled","isExpanded","isHidden","isShrunk","isSolo","onClick","onMouseEnter","onMouseLeave","onFocus","onBlur","showLabel","shouldUseContentWidth","height","shouldShowKeyboardHighlighting","_action$disabledReaso","_action$status","_action$status2","isPrimary","isSecondary","actionColor","color","isActionDisabled","Boolean","disabledReason","trim","shouldShowDisabledReason","iconSize","actionContent","createElement","StyledActionContent","StyledIconSlot","$height","$isDisabled","icon","icons","size","AnimatePresence","initial","StyledLabelWrapper","animate","opacity","width","marginLeft","exit","transition","StyledSecondaryLabel","style","label","StyledActionButton","disabled","$backgroundColor","$isCollapsed","$isExpanded","undefined","$isInteractionDisabled","$isHidden","$isPrimary","$isSecondary","$isShrunk","$isSolo","$pulseColors","status","pulseColors","$statusType","type","$shouldUseContentWidth","$shouldShowKeyboardHighlighting","alignment","PopupAlignment","BottomRight","item","text","maxItemWidth","displayName","_default","exports"],"sources":["../../../../../src/components/multi-action-button/action-button/ActionButton.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, { FC, FocusEventHandler, MouseEvent } from 'react';\nimport Icon from '../../icon/Icon';\nimport Tooltip from '../../tooltip/Tooltip';\nimport {\n    StyledActionButton,\n    StyledActionContent,\n    StyledIconSlot,\n    StyledLabelWrapper,\n    StyledSecondaryLabel,\n} from './ActionButton.styles';\nimport type { MultiActionButtonAction } from '../MultiActionButton.types';\nimport { PopupAlignment } from '../../../types/popup';\n\nconst LABEL_GAP = 6;\nconst LABEL_TRANSITION = { duration: 0.3 };\n\nexport type ActionButtonProps = {\n    action: MultiActionButtonAction;\n    actionType: 'primary' | 'secondary';\n    backgroundColor?: string;\n    isCollapsed: boolean;\n    isDisabled: boolean;\n    isExpanded?: boolean;\n    isHidden?: boolean;\n    isShrunk?: boolean;\n    isSolo?: boolean;\n    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;\n    onMouseEnter?: () => void;\n    onMouseLeave?: () => void;\n    onFocus?: FocusEventHandler<HTMLButtonElement>;\n    onBlur?: FocusEventHandler<HTMLButtonElement>;\n    showLabel: boolean;\n    shouldUseContentWidth: boolean;\n    height: number;\n    shouldShowKeyboardHighlighting?: boolean;\n};\n\n/**\n * Shared action button UI used by both primary and secondary actions.\n * Keeps layout and animations consistent while isolating styling details.\n */\nconst ActionButton: FC<ActionButtonProps> = ({\n    action,\n    actionType,\n    backgroundColor,\n    isCollapsed,\n    isDisabled,\n    isExpanded,\n    isHidden,\n    isShrunk,\n    isSolo,\n    onClick,\n    onMouseEnter,\n    onMouseLeave,\n    onFocus,\n    onBlur,\n    showLabel,\n    shouldUseContentWidth,\n    height,\n    shouldShowKeyboardHighlighting = false,\n}) => {\n    const isPrimary = actionType === 'primary';\n    const isSecondary = actionType === 'secondary';\n    const actionColor = action.color ?? '#FFFFFF';\n    const isActionDisabled = isDisabled || Boolean(action.isDisabled);\n    const disabledReason = action.disabledReason?.trim();\n    const shouldShowDisabledReason = Boolean(disabledReason) && isActionDisabled;\n    const iconSize = height - 24;\n\n    const actionContent = (\n        <StyledActionContent>\n            <StyledIconSlot $height={height} $isDisabled={isActionDisabled}>\n                {typeof action.icon === 'string' ? (\n                    <Icon icons={[action.icon]} color={actionColor} size={iconSize} />\n                ) : (\n                    action.icon\n                )}\n            </StyledIconSlot>\n            <AnimatePresence initial={false}>\n                {/* Animate width and margin to avoid layout jumps when labels mount/unmount. */}\n                {showLabel && (\n                    <StyledLabelWrapper\n                        animate={{ opacity: 1, width: 'auto', marginLeft: LABEL_GAP }}\n                        exit={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        initial={{ opacity: 0, width: 0, marginLeft: 0 }}\n                        transition={LABEL_TRANSITION}\n                    >\n                        <StyledSecondaryLabel style={{ color: actionColor }}>\n                            {action.label}\n                        </StyledSecondaryLabel>\n                    </StyledLabelWrapper>\n                )}\n            </AnimatePresence>\n        </StyledActionContent>\n    );\n\n    return (\n        <StyledActionButton\n            aria-disabled={isActionDisabled}\n            disabled={isActionDisabled && !shouldShowDisabledReason}\n            $backgroundColor={backgroundColor}\n            $isCollapsed={isCollapsed}\n            $isExpanded={isSecondary ? isExpanded : undefined}\n            $isInteractionDisabled={isActionDisabled}\n            $isHidden={isSecondary ? isHidden : undefined}\n            $isPrimary={isPrimary}\n            $isSecondary={isSecondary}\n            $isShrunk={isPrimary ? isShrunk : undefined}\n            $isSolo={isPrimary ? isSolo : undefined}\n            $pulseColors={action.status?.pulseColors}\n            $height={height}\n            $statusType={action.status?.type}\n            $shouldUseContentWidth={shouldUseContentWidth}\n            $shouldShowKeyboardHighlighting={shouldShowKeyboardHighlighting}\n            onClick={onClick}\n            onMouseEnter={onMouseEnter}\n            onMouseLeave={onMouseLeave}\n            onFocus={onFocus}\n            onBlur={onBlur}\n            type=\"button\"\n        >\n            {shouldShowDisabledReason && disabledReason ? (\n                <Tooltip\n                    alignment={PopupAlignment.BottomRight}\n                    item={{ text: disabledReason }}\n                    maxItemWidth={400}\n                >\n                    {actionContent}\n                </Tooltip>\n            ) : (\n                actionContent\n            )}\n        </StyledActionButton>\n    );\n};\n\nActionButton.displayName = 'ActionButton';\n\nexport default ActionButton;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/multi-action-button/action-button/ActionButton.styles.js

@@ -176,6 +176,18 @@ const StyledActionButton = exports.StyledActionButton = _styledComponents.defaul
                 background-color: ${`color-mix(in srgb, ${$backgroundColor || (theme === null || theme === void 0 ? void 0 : theme.primary) || '#000'} 85%, black)`};
             }
         `}
+
+    ${({
+  $shouldShowKeyboardHighlighting
+}) => $shouldShowKeyboardHighlighting && (0, _styledComponents.css)`
+            &:focus-visible {
+                transition: none;
+                outline: solid 2px color-mix(in srgb, currentColor 70%, transparent);
+                box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);
+                outline-offset: 1px;
+                color: white;
+            }
+        `}
 `;
 const StyledActionContent = exports.StyledActionContent = _styledComponents.default.span`
     align-items: center;

package/lib/cjs/components/multi-action-button/action-button/ActionButton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionButton.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_MultiActionButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","pulse","color1","color2","keyframes","StyledActionButton","exports","styled","button","$height","$backgroundColor","theme","primary","$shouldUseContentWidth","css","$isExpanded","props","$isCollapsed","$isPrimary","$isShrunk","$isSecondary","$isHidden","$isSolo","$isInteractionDisabled","$statusType","$pulseColors","MultiActionButtonStatusType","Pulse","StyledActionContent","span","StyledIconSlot","$isDisabled","StyledLabelWrapper","motion","StyledSecondaryLabel"],"sources":["../../../../../src/components/multi-action-button/action-button/ActionButton.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { MultiActionButtonStatusType } from '../MultiActionButton.types';\n\ntype StyledActionButtonProps = WithTheme<{\n    $backgroundColor?: string;\n    $isCollapsed?: boolean;\n    $isExpanded?: boolean;\n    $isHidden?: boolean;\n    $isPrimary?: boolean;\n    $isSecondary?: boolean;\n    $isShrunk?: boolean;\n    $isSolo?: boolean;\n    $pulseColors?: [string, string];\n    $isInteractionDisabled?: boolean;\n    $height: number;\n    $statusType?: MultiActionButtonStatusType;\n    $shouldUseContentWidth?: boolean;\n}>;\n\nconst pulse = (color1: string, color2: string) => keyframes`\n    0% {\n        background: ${color1};\n    }\n    50% {\n        background: ${color2};\n    }\n    100% {\n        background: ${color1};\n    }\n`;\n\nexport const StyledActionButton = styled.button<StyledActionButtonProps>`\n    align-items: center;\n    border: none;\n    border-radius: ${({ $height }) => $height / 2}px;\n    cursor: pointer;\n    display: inline-flex;\n    flex: 1 1 auto;\n    height: ${({ $height }) => $height}px;\n    line-height: 22px;\n    min-height: ${({ $height }) => $height}px;\n    overflow: hidden;\n    padding: 0;\n    position: relative;\n    transition:\n        background-color 0.2s ease,\n        border-radius 0.2s ease,\n        color 0.2s ease,\n        flex-grow 0.2s ease,\n        opacity 0.2s ease,\n        padding 0.2s ease,\n        width 0.2s ease;\n    user-select: none;\n    white-space: nowrap;\n\n    background-color: ${({ $backgroundColor, theme }) =>\n        $backgroundColor || theme?.primary || '#000'};\n    color: #fff;\n\n    /* When width is content-driven, avoid flex stretching. */\n    ${({ $shouldUseContentWidth }) =>\n        $shouldUseContentWidth &&\n        css`\n            flex: 0 1 auto;\n        `}\n\n    /* Expanded secondary button when width is not content-driven. */\n    ${({ $isExpanded, $shouldUseContentWidth }) =>\n        $isExpanded &&\n        !$shouldUseContentWidth &&\n        css`\n            flex: 1 1 auto;\n            min-width: 0;\n        `}\n\n    /* Collapsed state clamps to a fixed icon size. */\n    ${(props) =>\n        props.$isCollapsed &&\n        css`\n            flex: 0 0 auto;\n            padding: 0;\n            width: ${props.$height}px;\n        `}\n\n    /* Primary action stretches unless content-driven. */\n    ${({ $isPrimary, $isCollapsed, $shouldUseContentWidth }) =>\n        $isPrimary &&\n        !$isCollapsed &&\n        !$shouldUseContentWidth &&\n        css`\n            flex: 1 1 auto;\n            min-width: 0;\n        `}\n\n    /* Shrink the primary action to icon size when secondary is expanded. */\n    ${(props) =>\n        props.$isShrunk &&\n        !props.$shouldUseContentWidth &&\n        css`\n            flex: 0 0 auto;\n            padding: 0;\n            width: ${props.$height}px;\n        `}\n\n    /* Keep secondary icon-only when collapsed and not expanded. */\n    ${(props) =>\n        props.$isSecondary &&\n        !props.$isExpanded &&\n        !props.$shouldUseContentWidth &&\n        css`\n            flex: 0 0 auto;\n            padding: 0;\n            width: ${props.$height}px;\n        `}\n\n    /* Fully hide the secondary action when the whole control is collapsed. */\n    ${({ $isHidden }) =>\n        $isHidden &&\n        css`\n            opacity: 0;\n            pointer-events: none;\n            width: 0;\n        `}\n\n    /* Joining both buttons into a pill shape. */\n    ${({ $isPrimary }) =>\n        $isPrimary &&\n        css`\n            border-bottom-right-radius: 0;\n            border-top-right-radius: 0;\n        `}\n\n    ${(props) =>\n        props.$isPrimary &&\n        props.$isCollapsed &&\n        css`\n            border-bottom-right-radius: ${props.$height / 2}px;\n            border-top-right-radius: ${props.$height / 2}px;\n        `}\n\n    ${({ $isSecondary }) =>\n        $isSecondary &&\n        css`\n            border-bottom-left-radius: 0;\n            border-top-left-radius: 0;\n        `}\n\n    ${(props) =>\n        props.$isSolo &&\n        css`\n            border-radius: ${props.$height / 2}px;\n        `}\n\n    ${(props) =>\n        props.$isCollapsed &&\n        css`\n            border-radius: ${props.$height / 2}px;\n        `}\n\n    ${({ $isInteractionDisabled }) =>\n        $isInteractionDisabled &&\n        css`\n            cursor: default;\n        `}\n\n    /* Optional pulse overlay used by status. */\n    ${({ $statusType, $pulseColors }) =>\n        $statusType === MultiActionButtonStatusType.Pulse &&\n        css`\n            overflow: hidden;\n\n            &::before {\n                animation: ${pulse($pulseColors?.[0] || '#A50000', $pulseColors?.[1] || '#630000')}\n                    1.6s ease-in-out infinite;\n                border-radius: 3px;\n                content: '';\n                inset: 0;\n                pointer-events: none;\n                position: absolute;\n            }\n        `}\n\n    &:disabled {\n        cursor: default;\n    }\n\n    ${({ $isInteractionDisabled, $backgroundColor, theme }) =>\n        !$isInteractionDisabled &&\n        css`\n            &:hover:not(:disabled) {\n                background-color: ${`color-mix(in srgb, ${$backgroundColor || theme?.primary || '#000'} 85%, black)`};\n            }\n        `}\n`;\n\nexport const StyledActionContent = styled.span`\n    align-items: center;\n    display: inline-flex;\n    flex: 1 1 auto;\n    gap: 0;\n    min-width: 0;\n    position: relative;\n    z-index: 1;\n`;\n\nexport const StyledIconSlot = styled.span<{ $height: number; $isDisabled?: boolean }>`\n    align-items: center;\n    display: inline-flex;\n    flex: 0 0 auto;\n    height: ${({ $height }) => $height}px;\n    justify-content: center;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    transition: opacity 0.2s ease;\n    width: ${({ $height }) => $height}px;\n`;\n\nexport const StyledLabelWrapper = styled(motion.span)`\n    /* The wrapper animates width/margin to avoid layout jumps. */\n    display: inline-flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-align: left;\n`;\n\nexport const StyledSecondaryLabel = styled.span`\n    display: block;\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    padding-right: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ActionButton.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","_MultiActionButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","pulse","color1","color2","keyframes","StyledActionButton","exports","styled","button","$height","$backgroundColor","theme","primary","$shouldUseContentWidth","css","$isExpanded","props","$isCollapsed","$isPrimary","$isShrunk","$isSecondary","$isHidden","$isSolo","$isInteractionDisabled","$statusType","$pulseColors","MultiActionButtonStatusType","Pulse","$shouldShowKeyboardHighlighting","StyledActionContent","span","StyledIconSlot","$isDisabled","StyledLabelWrapper","motion","StyledSecondaryLabel"],"sources":["../../../../../src/components/multi-action-button/action-button/ActionButton.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css, keyframes } from 'styled-components';\nimport type { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\nimport { MultiActionButtonStatusType } from '../MultiActionButton.types';\n\ntype StyledActionButtonProps = WithTheme<{\n    $backgroundColor?: string;\n    $isCollapsed?: boolean;\n    $isExpanded?: boolean;\n    $isHidden?: boolean;\n    $isPrimary?: boolean;\n    $isSecondary?: boolean;\n    $isShrunk?: boolean;\n    $isSolo?: boolean;\n    $pulseColors?: [string, string];\n    $isInteractionDisabled?: boolean;\n    $height: number;\n    $statusType?: MultiActionButtonStatusType;\n    $shouldUseContentWidth?: boolean;\n    $shouldShowKeyboardHighlighting?: boolean;\n}>;\n\nconst pulse = (color1: string, color2: string) => keyframes`\n    0% {\n        background: ${color1};\n    }\n    50% {\n        background: ${color2};\n    }\n    100% {\n        background: ${color1};\n    }\n`;\n\nexport const StyledActionButton = styled.button<StyledActionButtonProps>`\n    align-items: center;\n    border: none;\n    border-radius: ${({ $height }) => $height / 2}px;\n    cursor: pointer;\n    display: inline-flex;\n    flex: 1 1 auto;\n    height: ${({ $height }) => $height}px;\n    line-height: 22px;\n    min-height: ${({ $height }) => $height}px;\n    overflow: hidden;\n    padding: 0;\n    position: relative;\n    transition:\n        background-color 0.2s ease,\n        border-radius 0.2s ease,\n        color 0.2s ease,\n        flex-grow 0.2s ease,\n        opacity 0.2s ease,\n        padding 0.2s ease,\n        width 0.2s ease;\n    user-select: none;\n    white-space: nowrap;\n\n    background-color: ${({ $backgroundColor, theme }) =>\n        $backgroundColor || theme?.primary || '#000'};\n    color: #fff;\n\n    /* When width is content-driven, avoid flex stretching. */\n    ${({ $shouldUseContentWidth }) =>\n        $shouldUseContentWidth &&\n        css`\n            flex: 0 1 auto;\n        `}\n\n    /* Expanded secondary button when width is not content-driven. */\n    ${({ $isExpanded, $shouldUseContentWidth }) =>\n        $isExpanded &&\n        !$shouldUseContentWidth &&\n        css`\n            flex: 1 1 auto;\n            min-width: 0;\n        `}\n\n    /* Collapsed state clamps to a fixed icon size. */\n    ${(props) =>\n        props.$isCollapsed &&\n        css`\n            flex: 0 0 auto;\n            padding: 0;\n            width: ${props.$height}px;\n        `}\n\n    /* Primary action stretches unless content-driven. */\n    ${({ $isPrimary, $isCollapsed, $shouldUseContentWidth }) =>\n        $isPrimary &&\n        !$isCollapsed &&\n        !$shouldUseContentWidth &&\n        css`\n            flex: 1 1 auto;\n            min-width: 0;\n        `}\n\n    /* Shrink the primary action to icon size when secondary is expanded. */\n    ${(props) =>\n        props.$isShrunk &&\n        !props.$shouldUseContentWidth &&\n        css`\n            flex: 0 0 auto;\n            padding: 0;\n            width: ${props.$height}px;\n        `}\n\n    /* Keep secondary icon-only when collapsed and not expanded. */\n    ${(props) =>\n        props.$isSecondary &&\n        !props.$isExpanded &&\n        !props.$shouldUseContentWidth &&\n        css`\n            flex: 0 0 auto;\n            padding: 0;\n            width: ${props.$height}px;\n        `}\n\n    /* Fully hide the secondary action when the whole control is collapsed. */\n    ${({ $isHidden }) =>\n        $isHidden &&\n        css`\n            opacity: 0;\n            pointer-events: none;\n            width: 0;\n        `}\n\n    /* Joining both buttons into a pill shape. */\n    ${({ $isPrimary }) =>\n        $isPrimary &&\n        css`\n            border-bottom-right-radius: 0;\n            border-top-right-radius: 0;\n        `}\n\n    ${(props) =>\n        props.$isPrimary &&\n        props.$isCollapsed &&\n        css`\n            border-bottom-right-radius: ${props.$height / 2}px;\n            border-top-right-radius: ${props.$height / 2}px;\n        `}\n\n    ${({ $isSecondary }) =>\n        $isSecondary &&\n        css`\n            border-bottom-left-radius: 0;\n            border-top-left-radius: 0;\n        `}\n\n    ${(props) =>\n        props.$isSolo &&\n        css`\n            border-radius: ${props.$height / 2}px;\n        `}\n\n    ${(props) =>\n        props.$isCollapsed &&\n        css`\n            border-radius: ${props.$height / 2}px;\n        `}\n\n    ${({ $isInteractionDisabled }) =>\n        $isInteractionDisabled &&\n        css`\n            cursor: default;\n        `}\n\n    /* Optional pulse overlay used by status. */\n    ${({ $statusType, $pulseColors }) =>\n        $statusType === MultiActionButtonStatusType.Pulse &&\n        css`\n            overflow: hidden;\n\n            &::before {\n                animation: ${pulse($pulseColors?.[0] || '#A50000', $pulseColors?.[1] || '#630000')}\n                    1.6s ease-in-out infinite;\n                border-radius: 3px;\n                content: '';\n                inset: 0;\n                pointer-events: none;\n                position: absolute;\n            }\n        `}\n\n    &:disabled {\n        cursor: default;\n    }\n\n    ${({ $isInteractionDisabled, $backgroundColor, theme }) =>\n        !$isInteractionDisabled &&\n        css`\n            &:hover:not(:disabled) {\n                background-color: ${`color-mix(in srgb, ${$backgroundColor || theme?.primary || '#000'} 85%, black)`};\n            }\n        `}\n\n    ${({ $shouldShowKeyboardHighlighting }) =>\n        $shouldShowKeyboardHighlighting &&\n        css`\n            &:focus-visible {\n                transition: none;\n                outline: solid 2px color-mix(in srgb, currentColor 70%, transparent);\n                box-shadow: 0 0 0 3px rgba(0, 102, 204, 0.3);\n                outline-offset: 1px;\n                color: white;\n            }\n        `}\n`;\n\nexport const StyledActionContent = styled.span`\n    align-items: center;\n    display: inline-flex;\n    flex: 1 1 auto;\n    gap: 0;\n    min-width: 0;\n    position: relative;\n    z-index: 1;\n`;\n\nexport const StyledIconSlot = styled.span<{ $height: number; $isDisabled?: boolean }>`\n    align-items: center;\n    display: inline-flex;\n    flex: 0 0 auto;\n    height: ${({ $height }) => $height}px;\n    justify-content: center;\n    opacity: ${({ $isDisabled }) => ($isDisabled ? 0.5 : 1)};\n    transition: opacity 0.2s ease;\n    width: ${({ $height }) => $height}px;\n`;\n\nexport const StyledLabelWrapper = styled(motion.span)`\n    /* The wrapper animates width/margin to avoid layout jumps. */\n    display: inline-flex;\n    flex: 1 1 auto;\n    min-width: 0;\n    overflow: hidden;\n    text-align: left;\n`;\n\nexport const StyledSecondaryLabel = styled.span`\n    display: block;\n    flex: 1 1 auto;\n    min-width: 0;\n    max-width: 100%;\n    overflow: hidden;\n    padding-right: 18px;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n`;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/number-input/NumberInput.js

@@ -14,7 +14,7 @@ function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r
 const NumberInput = t0 => {
   "use memo";
 
-  const $ = (0, _reactCompilerRuntime.c)(41);
+  const $ = (0, _reactCompilerRuntime.c)(42);
   const {
     isDecimalInput,
     isMoneyInput,
@@ -28,7 +28,8 @@ const NumberInput = t0 => {
     isDisabled,
     onChange,
     shouldShowOnlyBottomBorder,
-    minNumber: t3
+    minNumber: t3,
+    shouldEnableKeyboardHighlighting
   } = t0;
   const maxNumber = t1 === undefined ? Infinity : t1;
   const shouldTriggerChangeOnFormat = t2 === undefined ? true : t2;
@@ -206,7 +207,7 @@ const NumberInput = t0 => {
   const t11 = hasFocus ? plainText : formattedValue;
   const t12 = typeof isInvalid === "boolean" ? isInvalid : isValueInvalid;
   let t13;
-  if ($[31] !== isDisabled || $[32] !== localPlaceholder || $[33] !== onLocalBlur || $[34] !== onLocalChange || $[35] !== onLocalFocus || $[36] !== shouldRemainPlaceholder || $[37] !== shouldShowOnlyBottomBorder || $[38] !== t11 || $[39] !== t12) {
+  if ($[31] !== isDisabled || $[32] !== localPlaceholder || $[33] !== onLocalBlur || $[34] !== onLocalChange || $[35] !== onLocalFocus || $[36] !== shouldEnableKeyboardHighlighting || $[37] !== shouldRemainPlaceholder || $[38] !== shouldShowOnlyBottomBorder || $[39] !== t11 || $[40] !== t12) {
     t13 = /*#__PURE__*/_react.default.createElement(_Input.default, {
       shouldRemainPlaceholder: shouldRemainPlaceholder,
       shouldShowOnlyBottomBorder: shouldShowOnlyBottomBorder,
@@ -218,20 +219,22 @@ const NumberInput = t0 => {
       onFocus: onLocalFocus,
       isDisabled: isDisabled,
       isInvalid: t12,
-      shouldShowCenteredContent: shouldShowOnlyBottomBorder
+      shouldShowCenteredContent: shouldShowOnlyBottomBorder,
+      shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
     });
     $[31] = isDisabled;
     $[32] = localPlaceholder;
     $[33] = onLocalBlur;
     $[34] = onLocalChange;
     $[35] = onLocalFocus;
-    $[36] = shouldRemainPlaceholder;
-    $[37] = shouldShowOnlyBottomBorder;
-    $[38] = t11;
-    $[39] = t12;
-    $[40] = t13;
+    $[36] = shouldEnableKeyboardHighlighting;
+    $[37] = shouldRemainPlaceholder;
+    $[38] = shouldShowOnlyBottomBorder;
+    $[39] = t11;
+    $[40] = t12;
+    $[41] = t13;
   } else {
-    t13 = $[40];
+    t13 = $[41];
   }
   return t13;
 };

package/lib/cjs/components/number-input/NumberInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_numberInput","_numberInput2","_Input","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NumberInput","t0","$","_reactCompilerRuntime","c","isDecimalInput","isMoneyInput","isTimeInput","isInvalid","maxNumber","t1","value","shouldTriggerChangeOnFormat","t2","placeholder","onBlur","isDisabled","onChange","shouldShowOnlyBottomBorder","minNumber","t3","undefined","Infinity","plainText","setPlainText","useState","formattedValue","setFormattedValue","hasFocus","setHasFocus","shouldRemainPlaceholder","setShouldRemainPlaceholder","isValueInvalid","setIsValueInvalid","localPlaceholder","initialInputRef","useRef","t4","event","newValue","target","current","sanitizedValueString","replace","NUMBER_CLEAR_REGEX","includes","length","valueToCheck","replaceAll","isValidString","string","Number","match","onLocalChange","t5","sanitizedValue","newIsInvalid","parsedNumber","parseFloatWithDecimals","stringValue","decimals","newStringValue","formateNumber","number","onLocalBlur","t6","onLocalFocus","t7","t8","parsedNumber_0","useEffect","t10","t9","t11","t12","t13","createElement","inputMode","displayName","_default","exports"],"sources":["../../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC, useEffect, useRef, useState } from 'react';\nimport { NUMBER_CLEAR_REGEX } from '../../constants/numberInput';\nimport { formateNumber, isValidString, parseFloatWithDecimals } from '../../utils/numberInput';\nimport Input from '../input/Input';\n\nexport type NumberInputProps = {\n    /**\n     * Applies rules for decimal input.\n     * Enables the user to input one zero as number before the comma\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether the value is invalid.\n     */\n    isInvalid?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one zero before the comma\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Whether the value should be formatted as a time.\n     */\n    isTimeInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * Limits the number to this value\n     */\n    minNumber?: number;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onBlur?: (newNumber: number | string | null, isInvalid: boolean) => void;\n    /**\n     * Callback function that is called when the input changes\n     * It will pass the text from the input\n     */\n    onChange?: (newValue: string) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Whether only the bottom border should be displayed\n     */\n    shouldShowOnlyBottomBorder?: boolean;\n    /**\n     * Whether the onChange function should be triggert when the value is formatted on the focus or blur\n     */\n    shouldTriggerChangeOnFormat?: boolean;\n    /**\n     * The value, that should be displayed in the input, when it is in focus.\n     * You can also pass a stringified number as default value.\n     * NOTE: If you pass a stringified number, it will be formatted to the selected format\n     */\n    value?: string;\n};\n\nconst NumberInput: FC<NumberInputProps> = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    isInvalid,\n    maxNumber = Infinity,\n    value,\n    shouldTriggerChangeOnFormat = true,\n    placeholder,\n    onBlur,\n    isDisabled,\n    onChange,\n    shouldShowOnlyBottomBorder,\n    minNumber = -Infinity,\n}) => {\n    'use memo';\n\n    // the plainText will be shown in the input, when it is in focus\n    const [plainText, setPlainText] = useState<string>('');\n    // the formattedValue will be shown in the input, when it is not in focus\n    const [formattedValue, setFormattedValue] = useState<string>('');\n    const [hasFocus, setHasFocus] = useState<boolean>(false);\n    const [shouldRemainPlaceholder, setShouldRemainPlaceholder] = useState<boolean>(false);\n\n    const [isValueInvalid, setIsValueInvalid] = useState(false);\n    const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);\n\n    const initialInputRef = useRef(true);\n\n    const onLocalChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const newValue = event.target.value;\n\n        initialInputRef.current = false;\n\n        const sanitizedValueString = newValue\n            // Removes everything except numbers, commas and points\n            .replace(NUMBER_CLEAR_REGEX, '');\n\n        if (\n            isTimeInput &&\n            ((sanitizedValueString.includes(':') && sanitizedValueString.length > 5) ||\n                (!sanitizedValueString.includes(':') && sanitizedValueString.length > 4))\n        ) {\n            return;\n        }\n\n        const valueToCheck = sanitizedValueString.replaceAll(',', '.');\n\n        if (!isValidString({ string: valueToCheck, isMoneyInput, isDecimalInput, isTimeInput })) {\n            return;\n        }\n\n        if (\n            (maxNumber && Number(valueToCheck) > maxNumber) ||\n            (minNumber && Number(valueToCheck) < minNumber)\n        ) {\n            return;\n        }\n\n        if (newValue.length === 1 && newValue.match(/^[0-9]+$/) === null) {\n            setShouldRemainPlaceholder(true);\n        } else {\n            setShouldRemainPlaceholder(false);\n        }\n\n        setPlainText(sanitizedValueString.replaceAll('.', ','));\n\n        if (typeof onChange === 'function') {\n            onChange(sanitizedValueString.replaceAll('.', ','));\n        }\n    };\n\n    const onLocalBlur = () => {\n        const sanitizedValue = plainText;\n        let newIsInvalid = false;\n        let parsedNumber = null;\n\n        if (!isTimeInput) {\n            parsedNumber = parseFloatWithDecimals({\n                stringValue: sanitizedValue.replace(',', '.').replaceAll(':', '').replace('€', ''),\n                decimals: isMoneyInput ? 2 : undefined,\n            });\n\n            if (\n                parsedNumber &&\n                parsedNumber !== 0 &&\n                (parsedNumber > maxNumber || parsedNumber < minNumber)\n            ) {\n                newIsInvalid = true;\n            }\n\n            setIsValueInvalid(newIsInvalid);\n        }\n\n        const newStringValue =\n            plainText.length === 0\n                ? ''\n                : formateNumber({\n                      number: isTimeInput ? sanitizedValue : parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  });\n\n        setFormattedValue(`${newStringValue} ${isMoneyInput ? '€' : ''}`);\n        setPlainText(newStringValue.replaceAll('.', ''));\n        setHasFocus(false);\n\n        if (typeof onChange === 'function' && shouldTriggerChangeOnFormat) {\n            onChange(newStringValue.replaceAll('.', ''));\n        }\n\n        if (typeof onBlur === 'function') {\n            if (isTimeInput) {\n                onBlur(newStringValue, newIsInvalid);\n            } else {\n                onBlur(parsedNumber, newIsInvalid);\n            }\n        }\n    };\n\n    const onLocalFocus = () => {\n        // formattedValue will be a number string with german number format (e.g. 1.000,00)\n        // It will remove all dots, so that the user can type in the number\n        setPlainText(formattedValue.replaceAll('.', '').replace('€', '').replaceAll(' ', ''));\n\n        // This will update the external state\n        if (typeof onChange === 'function' && shouldTriggerChangeOnFormat) {\n            onChange(formattedValue.replaceAll('.', '').replace('€', '').replaceAll(' ', ''));\n        }\n\n        setIsValueInvalid(false);\n        setHasFocus(true);\n    };\n\n    // updates the formattedValue, when the value changes\n    useEffect(() => {\n        let parsedNumber = null;\n\n        if (!isTimeInput) {\n            parsedNumber = parseFloatWithDecimals({\n                stringValue: plainText\n                    .replace(',', '.')\n                    .replaceAll(':', '')\n                    .replace('€', '')\n                    .replaceAll(' ', ''),\n                decimals: isMoneyInput ? 2 : undefined,\n            });\n\n            // checks, if a given number is invalid, if the input is not in focus\n            if (!hasFocus) {\n                if (parsedNumber === null && initialInputRef.current) {\n                    setIsValueInvalid(false);\n                } else {\n                    setIsValueInvalid(\n                        parsedNumber === null ||\n                            parsedNumber > maxNumber ||\n                            parsedNumber < minNumber,\n                    );\n                }\n            }\n        }\n\n        setFormattedValue(\n            plainText.length === 0\n                ? ''\n                : `${formateNumber({\n                      number: isTimeInput ? plainText : parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  })}${isMoneyInput ? ' €' : ''}`,\n        );\n    }, [hasFocus, isMoneyInput, isTimeInput, maxNumber, minNumber, plainText]);\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setPlainText(value.replace('€', '').replaceAll(' ', ''));\n        }\n    }, [value]);\n\n    return (\n        <Input\n            shouldRemainPlaceholder={shouldRemainPlaceholder}\n            shouldShowOnlyBottomBorder={shouldShowOnlyBottomBorder}\n            inputMode=\"decimal\"\n            onChange={onLocalChange}\n            value={hasFocus ? plainText : formattedValue}\n            placeholder={localPlaceholder}\n            onBlur={onLocalBlur}\n            onFocus={onLocalFocus}\n            isDisabled={isDisabled}\n            isInvalid={typeof isInvalid === 'boolean' ? isInvalid : isValueInvalid}\n            shouldShowCenteredContent={shouldShowOnlyBottomBorder}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":";;;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,MAAA,GAAAC,sBAAA,CAAAJ,OAAA;AAAmC,SAAAI,uBAAAC,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAV,uBAAA,YAAAA,CAAAM,CAAA,EAAAG,CAAA,SAAAA,CAAA,IAAAH,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,MAAAO,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAR,OAAA,EAAAF,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAS,CAAA,MAAAF,CAAA,GAAAJ,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAE,CAAA,CAAAI,GAAA,CAAAX,CAAA,UAAAO,CAAA,CAAAK,GAAA,CAAAZ,CAAA,GAAAO,CAAA,CAAAM,GAAA,CAAAb,CAAA,EAAAS,CAAA,gBAAAN,CAAA,IAAAH,CAAA,gBAAAG,CAAA,OAAAW,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAG,CAAA,OAAAK,CAAA,IAAAD,CAAA,GAAAS,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAG,CAAA,OAAAK,CAAA,CAAAI,GAAA,IAAAJ,CAAA,CAAAK,GAAA,IAAAN,CAAA,CAAAE,CAAA,EAAAN,CAAA,EAAAK,CAAA,IAAAC,CAAA,CAAAN,CAAA,IAAAH,CAAA,CAAAG,CAAA,WAAAM,CAAA,KAAAT,CAAA,EAAAG,CAAA;AA8DnC,MAAMgB,WAAiC,GAAGC,EAAA;EAAA;;EAAA,MAAAC,CAAA,OAAAC,qBAAA,CAAAC,CAAA;EAAC;IAAAC,cAAA;IAAAC,YAAA;IAAAC,WAAA;IAAAC,SAAA;IAAAC,SAAA,EAAAC,EAAA;IAAAC,KAAA;IAAAC,2BAAA,EAAAC,EAAA;IAAAC,WAAA;IAAAC,MAAA;IAAAC,UAAA;IAAAC,QAAA;IAAAC,0BAAA;IAAAC,SAAA,EAAAC;EAAA,IAAAnB,EAc1C;EATG,MAAAQ,SAAA,GAAAC,EAAoB,KAApBW,SAAoB,GAApBC,QAAoB,GAApBZ,EAAoB;EAEpB,MAAAE,2BAAA,GAAAC,EAAkC,KAAlCQ,SAAkC,GAAlC,IAAkC,GAAlCR,EAAkC;EAMlC,MAAAM,SAAA,GAAAC,EAAqB,KAArBC,SAAqB,GAArB,CAAaC,QAAQ,GAArBF,EAAqB;EAKrB,OAAAG,SAAA,EAAAC,YAAA,IAAkC,IAAAC,eAAQ,EAAS,EAAE,CAAC;EAEtD,OAAAC,cAAA,EAAAC,iBAAA,IAA4C,IAAAF,eAAQ,EAAS,EAAE,CAAC;EAChE,OAAAG,QAAA,EAAAC,WAAA,IAAgC,IAAAJ,eAAQ,EAAU,KAAK,CAAC;EACxD,OAAAK,uBAAA,EAAAC,0BAAA,IAA8D,IAAAN,eAAQ,EAAU,KAAK,CAAC;EAEtF,OAAAO,cAAA,EAAAC,iBAAA,IAA4C,IAAAR,eAAQ,EAAC,KAAK,CAAC;EAC3D,MAAAS,gBAAA,GAAyBpB,WAA+C,KAA/BR,YAAY,GAAZ,QAA8B,GAA9Be,SAA+B;EAExE,MAAAc,eAAA,GAAwB,IAAAC,aAAM,EAAC,IAAI,CAAC;EAAC,IAAAC,EAAA;EAAA,IAAAnC,CAAA,QAAAG,cAAA,IAAAH,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAO,SAAA,IAAAP,CAAA,QAAAiB,SAAA,IAAAjB,CAAA,QAAAe,QAAA;IAEuBoB,EAAA,GAAAC,KAAA;MACxD,MAAAC,QAAA,GAAiBD,KAAK,CAAAE,MAAO,CAAA7B,KAAM;MAEnCwB,eAAe,CAAAM,OAAA,GAAW,KAAH;MAEvB,MAAAC,oBAAA,GAA6BH,QAAQ,CAAAI,OAEzB,CAACC,+BAAkB,EAAE,EAAE,CAAC;MAEpC,IACIrC,WAE6E,KAD3EmC,oBAAoB,CAAAG,QAAS,CAAC,GAAsC,CAAC,IAA/BH,oBAAoB,CAAAI,MAAO,GAAG,CACM,IAAvE,CAACJ,oBAAoB,CAAAG,QAAS,CAAC,GAAG,CAAoC,IAA/BH,oBAAoB,CAAAI,MAAO,GAAG,CAAG;QAAA;MAAA;MAKjF,MAAAC,YAAA,GAAqBL,oBAAoB,CAAAM,UAAW,CAAC,GAAG,EAAE,GAAG,CAAC;MAE9D,IAAI,CAAC,IAAAC,2BAAa,EAAC;QAAAC,MAAA,EAAUH,YAAY;QAAAzC,YAAA;QAAAD,cAAA;QAAAE;MAA4C,CAAC,CAAC;QAAA;MAAA;MAIvF,IACKE,SAA6C,IAAhC0C,MAAM,CAACJ,YAAY,CAAC,GAAGtC,SACU,IAA9CU,SAA6C,IAAhCgC,MAAM,CAACJ,YAAY,CAAC,GAAG5B,SAAU;QAAA;MAAA;MAKnD,IAAIoB,QAAQ,CAAAO,MAAO,KAAK,CAAwC,IAAnCP,QAAQ,CAAAa,KAAM,CAAC,UAAU,CAAC,KAAK,IAAI;QAC5DrB,0BAA0B,CAAC,IAAI,CAAC;MAAA;QAEhCA,0BAA0B,CAAC,KAAK,CAAC;MAAA;MAGrCP,YAAY,CAACkB,oBAAoB,CAAAM,UAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;MAEvD,IAAI,OAAO/B,QAAQ,KAAK,UAAU;QAC9BA,QAAQ,CAACyB,oBAAoB,CAAAM,UAAW,CAAC,GAAG,EAAE,GAAG,CAAC,CAAC;MAAA;IACtD,CACJ;IAAA9C,CAAA,MAAAG,cAAA;IAAAH,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAO,SAAA;IAAAP,CAAA,MAAAiB,SAAA;IAAAjB,CAAA,MAAAe,QAAA;IAAAf,CAAA,MAAAmC,EAAA;EAAA;IAAAA,EAAA,GAAAnC,CAAA;EAAA;EAzCD,MAAAmD,aAAA,GAA4DhB,EAyC3D;EAAC,IAAAiB,EAAA;EAAA,IAAApD,CAAA,QAAAI,YAAA,IAAAJ,CAAA,QAAAK,WAAA,IAAAL,CAAA,QAAAO,SAAA,IAAAP,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAa,MAAA,IAAAb,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAqB,SAAA,IAAArB,CAAA,SAAAU,2BAAA;IAEkB0C,EAAA,GAAAA,CAAA;MAChB,MAAAC,cAAA,GAAuBhC,SAAS;MAChC,IAAAiC,YAAA,GAAmB,KAAK;MACxB,IAAAC,YAAA,GAAmB,IAAI;MAEvB,IAAI,CAAClD,WAAW;QACZkD,YAAA,CAAAA,CAAA,CAAeA,GAAA,CAAAC,oCAAsB,EAAC;UAAAC,WAAA,EACrBJ,cAAc,CAAAZ,OAAQ,CAAC,GAAG,EAAE,GAAG,CAAC,CAAAK,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAAL,OAAQ,CAAC,QAAG,EAAE,EAAE,CAAC;UAAAiB,QAAA,EACxEtD,YAAY,GAAZ,CAA4B,GAA5Be;QACd,CAAC,CAAC;QAEF,IACIoC,YACkB,IAAlBA,YAAY,KAAK,CACqC,KAArDA,YAAY,GAAGhD,SAAqC,IAAxBgD,YAAY,GAAGtC,SAAU;UAEtDqC,YAAA,CAAAA,CAAA,CAAeA,IAAI;QAAP;QAGhBvB,iBAAiB,CAACuB,YAAY,CAAC;MAAA;MAGnC,MAAAK,cAAA,GACItC,SAAS,CAAAuB,MAAO,KAAK,CAMb,GANR,EAMQ,GANR,IAEMgB,2BAAa,EAAC;QAAAC,MAAA,EACFxD,WAAW,GAAXgD,cAA2C,GAA3CE,YAA2C;QAAAnD,YAAA;QAAAC;MAGvD,CAAC,CAAC;MAEZoB,iBAAiB,CAAC,GAAGkC,cAAc,IAAIvD,YAAY,GAAZ,QAAuB,GAAvB,EAAuB,EAAE,CAAC;MACjEkB,YAAY,CAACqC,cAAc,CAAAb,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;MAChDnB,WAAW,CAAC,KAAK,CAAC;MAElB,IAAI,OAAOZ,QAAQ,KAAK,UAAyC,IAA7DL,2BAA6D;QAC7DK,QAAQ,CAAC4C,cAAc,CAAAb,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;MAAA;MAGhD,IAAI,OAAOjC,MAAM,KAAK,UAAU;QAC5B,IAAIR,WAAW;UACXQ,MAAM,CAAC8C,cAAc,EAAEL,YAAY,CAAC;QAAA;UAEpCzC,MAAM,CAAC0C,YAAY,EAAED,YAAY,CAAC;QAAA;MACrC;IACJ,CACJ;IAAAtD,CAAA,MAAAI,YAAA;IAAAJ,CAAA,MAAAK,WAAA;IAAAL,CAAA,MAAAO,SAAA;IAAAP,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAa,MAAA;IAAAb,CAAA,OAAAe,QAAA;IAAAf,CAAA,OAAAqB,SAAA;IAAArB,CAAA,OAAAU,2BAAA;IAAAV,CAAA,OAAAoD,EAAA;EAAA;IAAAA,EAAA,GAAApD,CAAA;EAAA;EA9CD,MAAA8D,WAAA,GAAoBV,EA8CnB;EAAC,IAAAW,EAAA;EAAA,IAAA/D,CAAA,SAAAwB,cAAA,IAAAxB,CAAA,SAAAe,QAAA,IAAAf,CAAA,SAAAU,2BAAA;IAEmBqD,EAAA,GAAAA,CAAA;MAGjBzC,YAAY,CAACE,cAAc,CAAAsB,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAAL,OAAQ,CAAC,QAAG,EAAE,EAAE,CAAC,CAAAK,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;MAGrF,IAAI,OAAO/B,QAAQ,KAAK,UAAyC,IAA7DL,2BAA6D;QAC7DK,QAAQ,CAACS,cAAc,CAAAsB,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAAL,OAAQ,CAAC,QAAG,EAAE,EAAE,CAAC,CAAAK,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;MAAA;MAGrFf,iBAAiB,CAAC,KAAK,CAAC;MACxBJ,WAAW,CAAC,IAAI,CAAC;IAAA,CACpB;IAAA3B,CAAA,OAAAwB,cAAA;IAAAxB,CAAA,OAAAe,QAAA;IAAAf,CAAA,OAAAU,2BAAA;IAAAV,CAAA,OAAA+D,EAAA;EAAA;IAAAA,EAAA,GAAA/D,CAAA;EAAA;EAZD,MAAAgE,YAAA,GAAqBD,EAYpB;EAAC,IAAAE,EAAA;EAAA,IAAAC,EAAA;EAAA,IAAAlE,CAAA,SAAA0B,QAAA,IAAA1B,CAAA,SAAAI,YAAA,IAAAJ,CAAA,SAAAK,WAAA,IAAAL,CAAA,SAAAO,SAAA,IAAAP,CAAA,SAAAiB,SAAA,IAAAjB,CAAA,SAAAqB,SAAA;IAGQ4C,EAAA,GAAAA,CAAA;MACN,IAAAE,cAAA,GAAmB,IAAI;MAEvB,IAAI,CAAC9D,WAAW;QACZkD,cAAA,CAAAA,CAAA,CAAeA,GAAA,CAAAC,oCAAsB,EAAC;UAAAC,WAAA,EACrBpC,SAAS,CAAAoB,OACV,CAAC,GAAG,EAAE,GAAG,CAAC,CAAAK,UACP,CAAC,GAAG,EAAE,EAAE,CAAC,CAAAL,OACZ,CAAC,QAAG,EAAE,EAAE,CAAC,CAAAK,UACN,CAAC,GAAG,EAAE,EAAE,CAAC;UAAAY,QAAA,EACdtD,YAAY,GAAZ,CAA4B,GAA5Be;QACd,CAAC,CAAC;QAGF,IAAI,CAACO,QAAQ;UACT,IAAI6B,cAAY,KAAK,IAA+B,IAAvBtB,eAAe,CAAAM,OAAQ;YAChDR,iBAAiB,CAAC,KAAK,CAAC;UAAA;YAExBA,iBAAiB,CACbwB,cAAY,KAAK,IACW,IAAxBA,cAAY,GAAGhD,SACS,IAAxBgD,cAAY,GAAGtC,SACvB,CAAC;UAAA;QACJ;MACJ;MAGLQ,iBAAiB,CACbJ,SAAS,CAAAuB,MAAO,KAAK,CAMgB,GANrC,EAMqC,GANrC,GAES,IAAAgB,2BAAa,EAAC;QAAAC,MAAA,EACLxD,WAAW,GAAXgB,SAAsC,GAAtC8C,cAAsC;QAAA/D,YAAA;QAAAC;MAGlD,CAAC,CAAC,GAAGD,YAAY,GAAZ,SAAwB,GAAxB,EAAwB,EACvC,CAAC;IAAA,CACJ;IAAE8D,EAAA,IAACxC,QAAQ,EAAEtB,YAAY,EAAEC,WAAW,EAAEE,SAAS,EAAEU,SAAS,EAAEI,SAAS,CAAC;IAAArB,CAAA,OAAA0B,QAAA;IAAA1B,CAAA,OAAAI,YAAA;IAAAJ,CAAA,OAAAK,WAAA;IAAAL,CAAA,OAAAO,SAAA;IAAAP,CAAA,OAAAiB,SAAA;IAAAjB,CAAA,OAAAqB,SAAA;IAAArB,CAAA,OAAAiE,EAAA;IAAAjE,CAAA,OAAAkE,EAAA;EAAA;IAAAD,EAAA,GAAAjE,CAAA;IAAAkE,EAAA,GAAAlE,CAAA;EAAA;EApCzE,IAAAoE,gBAAS,EAACH,EAoCT,EAAEC,EAAsE,CAAC;EAAA,IAAAG,GAAA;EAAA,IAAAC,EAAA;EAAA,IAAAtE,CAAA,SAAAS,KAAA;IAEhE6D,EAAA,GAAAA,CAAA;MACN,IAAI,OAAO7D,KAAK,KAAK,QAAQ;QACzBa,YAAY,CAACb,KAAK,CAAAgC,OAAQ,CAAC,QAAG,EAAE,EAAE,CAAC,CAAAK,UAAW,CAAC,GAAG,EAAE,EAAE,CAAC,CAAC;MAAA;IAC3D,CACJ;IAAEuB,GAAA,IAAC5D,KAAK,CAAC;IAAAT,CAAA,OAAAS,KAAA;IAAAT,CAAA,OAAAqE,GAAA;IAAArE,CAAA,OAAAsE,EAAA;EAAA;IAAAD,GAAA,GAAArE,CAAA;IAAAsE,EAAA,GAAAtE,CAAA;EAAA;EAJV,IAAAoE,gBAAS,EAACE,EAIT,EAAED,GAAO,CAAC;EAQI,MAAAE,GAAA,GAAA7C,QAAQ,GAARL,SAAqC,GAArCG,cAAqC;EAKjC,MAAAgD,GAAA,UAAOlE,SAAS,KAAK,SAAsC,GAA3DA,SAA2D,GAA3DwB,cAA2D;EAAA,IAAA2C,GAAA;EAAA,IAAAzE,CAAA,SAAAc,UAAA,IAAAd,CAAA,SAAAgC,gBAAA,IAAAhC,CAAA,SAAA8D,WAAA,IAAA9D,CAAA,SAAAmD,aAAA,IAAAnD,CAAA,SAAAgE,YAAA,IAAAhE,CAAA,SAAA4B,uBAAA,IAAA5B,CAAA,SAAAgB,0BAAA,IAAAhB,CAAA,SAAAuE,GAAA,IAAAvE,CAAA,SAAAwE,GAAA;IAV1EC,GAAA,gBAAArG,MAAA,CAAAS,OAAA,CAAA6F,aAAA,CAACjG,MAAA,CAAAI,OAAK;MACuB+C,uBAAuB,EAAvBA,uBAAuB;MACpBZ,0BAA0B,EAA1BA,0BAA0B;MAC5C2D,SAAS,EAAT,SAAS;MACTxB,QAAa,EAAbA,aAAa;MAChB1C,KAAqC,EAArC8D,GAAqC;MAC/BvC,WAAgB,EAAhBA,gBAAgB;MACrB8B,MAAW,EAAXA,WAAW;MACVE,OAAY,EAAZA,YAAY;MACTlD,UAAU,EAAVA,UAAU;MACXR,SAA2D,EAA3DkE,GAA2D;MAC3CxD,yBAA0B,EAA1BA;IAA0B,CACxD,CAAC;IAAAhB,CAAA,OAAAc,UAAA;IAAAd,CAAA,OAAAgC,gBAAA;IAAAhC,CAAA,OAAA8D,WAAA;IAAA9D,CAAA,OAAAmD,aAAA;IAAAnD,CAAA,OAAAgE,YAAA;IAAAhE,CAAA,OAAA4B,uBAAA;IAAA5B,CAAA,OAAAgB,0BAAA;IAAAhB,CAAA,OAAAuE,GAAA;IAAAvE,CAAA,OAAAwE,GAAA;IAAAxE,CAAA,OAAAyE,GAAA;EAAA;IAAAA,GAAA,GAAAzE,CAAA;EAAA;EAAA,OAZFyE,GAYE;AAAA,CAET;AAED3E,WAAW,CAAC8E,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAjG,OAAA,GAEzBiB,WAAW","ignoreList":[]}
+{"version":3,"file":"NumberInput.js","names":["_react","_interopRequireWildcard","require","_numberInput","_numberInput2","_Input","_interopRequireDefault","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","NumberInput","t0","$","_reactCompilerRuntime","c","isDecimalInput","isMoneyInput","isTimeInput","isInvalid","maxNumber","t1","value","shouldTriggerChangeOnFormat","t2","placeholder","onBlur","isDisabled","onChange","shouldShowOnlyBottomBorder","minNumber","t3","shouldEnableKeyboardHighlighting","undefined","Infinity","plainText","setPlainText","useState","formattedValue","setFormattedValue","hasFocus","setHasFocus","shouldRemainPlaceholder","setShouldRemainPlaceholder","isValueInvalid","setIsValueInvalid","localPlaceholder","initialInputRef","useRef","t4","event","newValue","target","current","sanitizedValueString","replace","NUMBER_CLEAR_REGEX","includes","length","valueToCheck","replaceAll","isValidString","string","Number","match","onLocalChange","t5","sanitizedValue","newIsInvalid","parsedNumber","parseFloatWithDecimals","stringValue","decimals","newStringValue","formateNumber","number","onLocalBlur","t6","onLocalFocus","t7","t8","parsedNumber_0","useEffect","t10","t9","t11","t12","t13","createElement","inputMode","displayName","_default","exports"],"sources":["../../../../src/components/number-input/NumberInput.tsx"],"sourcesContent":["import React, { ChangeEventHandler, FC, useEffect, useRef, useState } from 'react';\nimport { NUMBER_CLEAR_REGEX } from '../../constants/numberInput';\nimport { formateNumber, isValidString, parseFloatWithDecimals } from '../../utils/numberInput';\nimport Input from '../input/Input';\n\nexport type NumberInputProps = {\n    /**\n     * Applies rules for decimal input.\n     * Enables the user to input one zero as number before the comma\n     */\n    isDecimalInput?: boolean;\n    /**\n     * Whether the input is disabled\n     */\n    isDisabled?: boolean;\n    /**\n     * Whether the value is invalid.\n     */\n    isInvalid?: boolean;\n    /**\n     * Applies rules for money input.\n     * Rules: only two decimal places, one zero before the comma\n     */\n    isMoneyInput?: boolean;\n    /**\n     * Whether the value should be formatted as a time.\n     */\n    isTimeInput?: boolean;\n    /**\n     * Limits the number to this value\n     */\n    maxNumber?: number;\n    /**\n     * Limits the number to this value\n     */\n    minNumber?: number;\n    /**\n     * Callback function that is called when the input gets out of focus\n     */\n    onBlur?: (newNumber: number | string | null, isInvalid: boolean) => void;\n    /**\n     * Callback function that is called when the input changes\n     * It will pass the text from the input\n     */\n    onChange?: (newValue: string) => void;\n    /**\n     * Placeholder for the input field\n     */\n    placeholder?: string;\n    /**\n     * Whether only the bottom border should be displayed\n     */\n    shouldShowOnlyBottomBorder?: boolean;\n    /**\n     * Whether the onChange function should be triggert when the value is formatted on the focus or blur\n     */\n    shouldTriggerChangeOnFormat?: boolean;\n    /**\n     * The value, that should be displayed in the input, when it is in focus.\n     * You can also pass a stringified number as default value.\n     * NOTE: If you pass a stringified number, it will be formatted to the selected format\n     */\n    value?: string;\n    /**\n     * Enables keyboard-only focus highlighting.\n     */\n    shouldEnableKeyboardHighlighting?: boolean;\n};\n\nconst NumberInput: FC<NumberInputProps> = ({\n    isDecimalInput,\n    isMoneyInput,\n    isTimeInput,\n    isInvalid,\n    maxNumber = Infinity,\n    value,\n    shouldTriggerChangeOnFormat = true,\n    placeholder,\n    onBlur,\n    isDisabled,\n    onChange,\n    shouldShowOnlyBottomBorder,\n    minNumber = -Infinity,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    'use memo';\n\n    // the plainText will be shown in the input, when it is in focus\n    const [plainText, setPlainText] = useState<string>('');\n    // the formattedValue will be shown in the input, when it is not in focus\n    const [formattedValue, setFormattedValue] = useState<string>('');\n    const [hasFocus, setHasFocus] = useState<boolean>(false);\n    const [shouldRemainPlaceholder, setShouldRemainPlaceholder] = useState<boolean>(false);\n\n    const [isValueInvalid, setIsValueInvalid] = useState(false);\n    const localPlaceholder = placeholder ?? (isMoneyInput ? '€' : undefined);\n\n    const initialInputRef = useRef(true);\n\n    const onLocalChange: ChangeEventHandler<HTMLInputElement> = (event) => {\n        const newValue = event.target.value;\n\n        initialInputRef.current = false;\n\n        const sanitizedValueString = newValue\n            // Removes everything except numbers, commas and points\n            .replace(NUMBER_CLEAR_REGEX, '');\n\n        if (\n            isTimeInput &&\n            ((sanitizedValueString.includes(':') && sanitizedValueString.length > 5) ||\n                (!sanitizedValueString.includes(':') && sanitizedValueString.length > 4))\n        ) {\n            return;\n        }\n\n        const valueToCheck = sanitizedValueString.replaceAll(',', '.');\n\n        if (!isValidString({ string: valueToCheck, isMoneyInput, isDecimalInput, isTimeInput })) {\n            return;\n        }\n\n        if (\n            (maxNumber && Number(valueToCheck) > maxNumber) ||\n            (minNumber && Number(valueToCheck) < minNumber)\n        ) {\n            return;\n        }\n\n        if (newValue.length === 1 && newValue.match(/^[0-9]+$/) === null) {\n            setShouldRemainPlaceholder(true);\n        } else {\n            setShouldRemainPlaceholder(false);\n        }\n\n        setPlainText(sanitizedValueString.replaceAll('.', ','));\n\n        if (typeof onChange === 'function') {\n            onChange(sanitizedValueString.replaceAll('.', ','));\n        }\n    };\n\n    const onLocalBlur = () => {\n        const sanitizedValue = plainText;\n        let newIsInvalid = false;\n        let parsedNumber = null;\n\n        if (!isTimeInput) {\n            parsedNumber = parseFloatWithDecimals({\n                stringValue: sanitizedValue.replace(',', '.').replaceAll(':', '').replace('€', ''),\n                decimals: isMoneyInput ? 2 : undefined,\n            });\n\n            if (\n                parsedNumber &&\n                parsedNumber !== 0 &&\n                (parsedNumber > maxNumber || parsedNumber < minNumber)\n            ) {\n                newIsInvalid = true;\n            }\n\n            setIsValueInvalid(newIsInvalid);\n        }\n\n        const newStringValue =\n            plainText.length === 0\n                ? ''\n                : formateNumber({\n                      number: isTimeInput ? sanitizedValue : parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  });\n\n        setFormattedValue(`${newStringValue} ${isMoneyInput ? '€' : ''}`);\n        setPlainText(newStringValue.replaceAll('.', ''));\n        setHasFocus(false);\n\n        if (typeof onChange === 'function' && shouldTriggerChangeOnFormat) {\n            onChange(newStringValue.replaceAll('.', ''));\n        }\n\n        if (typeof onBlur === 'function') {\n            if (isTimeInput) {\n                onBlur(newStringValue, newIsInvalid);\n            } else {\n                onBlur(parsedNumber, newIsInvalid);\n            }\n        }\n    };\n\n    const onLocalFocus = () => {\n        // formattedValue will be a number string with german number format (e.g. 1.000,00)\n        // It will remove all dots, so that the user can type in the number\n        setPlainText(formattedValue.replaceAll('.', '').replace('€', '').replaceAll(' ', ''));\n\n        // This will update the external state\n        if (typeof onChange === 'function' && shouldTriggerChangeOnFormat) {\n            onChange(formattedValue.replaceAll('.', '').replace('€', '').replaceAll(' ', ''));\n        }\n\n        setIsValueInvalid(false);\n        setHasFocus(true);\n    };\n\n    // updates the formattedValue, when the value changes\n    useEffect(() => {\n        let parsedNumber = null;\n\n        if (!isTimeInput) {\n            parsedNumber = parseFloatWithDecimals({\n                stringValue: plainText\n                    .replace(',', '.')\n                    .replaceAll(':', '')\n                    .replace('€', '')\n                    .replaceAll(' ', ''),\n                decimals: isMoneyInput ? 2 : undefined,\n            });\n\n            // checks, if a given number is invalid, if the input is not in focus\n            if (!hasFocus) {\n                if (parsedNumber === null && initialInputRef.current) {\n                    setIsValueInvalid(false);\n                } else {\n                    setIsValueInvalid(\n                        parsedNumber === null ||\n                            parsedNumber > maxNumber ||\n                            parsedNumber < minNumber,\n                    );\n                }\n            }\n        }\n\n        setFormattedValue(\n            plainText.length === 0\n                ? ''\n                : `${formateNumber({\n                      number: isTimeInput ? plainText : parsedNumber,\n                      isMoneyInput,\n                      isTimeInput,\n                  })}${isMoneyInput ? ' €' : ''}`,\n        );\n    }, [hasFocus, isMoneyInput, isTimeInput, maxNumber, minNumber, plainText]);\n\n    useEffect(() => {\n        if (typeof value === 'string') {\n            setPlainText(value.replace('€', '').replaceAll(' ', ''));\n        }\n    }, [value]);\n\n    return (\n        <Input\n            shouldRemainPlaceholder={shouldRemainPlaceholder}\n            shouldShowOnlyBottomBorder={shouldShowOnlyBottomBorder}\n            inputMode=\"decimal\"\n            onChange={onLocalChange}\n            value={hasFocus ? plainText : formattedValue}\n            placeholder={localPlaceholder}\n            onBlur={onLocalBlur}\n            onFocus={onLocalFocus}\n            isDisabled={isDisabled}\n            isInvalid={typeof isInvalid === 'boolean' ? isInvalid : isValueInvalid}\n            shouldShowCenteredContent={shouldShowOnlyBottomBorder}\n            shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n        />\n    );\n};\n\nNumberInput.displayName = 'NumberInput';\n\nexport default NumberInput;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/page-provider/PageProvider.js

@@ -38,7 +38,8 @@ const PageProvider = ({
   shouldRemovePadding = false,
   shouldUseUsableHeight = false,
   iconColor,
-  customVariables
+  customVariables,
+  shouldEnableKeyboardHighlighting
 }) => {
   const {
     runtimeEnvironment
@@ -61,7 +62,8 @@ const PageProvider = ({
       height: '100%'
     } : style,
     customVariables: customVariables,
-    iconColor: iconColor
+    iconColor: iconColor,
+    shouldEnableKeyboardHighlighting: shouldEnableKeyboardHighlighting
   }, children), /*#__PURE__*/_react.default.createElement(GlobalStyle, null));
 };
 PageProvider.displayName = 'PageProvider';

package/lib/cjs/components/page-provider/PageProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"PageProvider.js","names":["_chaynsApi","require","_react","_interopRequireDefault","_styledComponents","_pageProvider","_ColorSchemeProvider","_PageProvider","e","__esModule","default","GlobalStyle","createGlobalStyle","PageProvider","children","color","colorMode","secondaryColor","siteId","style","shouldReduceUsableHeightByCoverHeight","shouldRemovePadding","shouldUseUsableHeight","iconColor","customVariables","runtimeEnvironment","useEnvironment","usableHeight","useUsableHeight","shouldReduceByCoverHeight","shouldUsePadding","RuntimeEnviroment","IntercomPlugin","PagemakerPlugin","includes","createElement","StyledPageProvider","className","$shouldUsePadding","$usableHeight","undefined","height","displayName","_default","exports"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import { RuntimeEnviroment, useEnvironment } from 'chayns-api';\nimport React, { FC } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { useUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\n/**\n * Props for the PageProvider component.\n * @description\n * This interface defines the props that can be passed to the PageProvider component\n * for controlling the layout and styling behavior.\n * @example\n * <PageProvider shouldRemovePadding={true}>\n *   {children}\n * </PageProvider>\n */\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Controls whether the usable height should be reduced by the cover height\n     * @description\n     * When true, the usable height will be reduced by the cover image height. This is useful\n     * when the page should not be scrollable due to the cover image. The property has no effect\n     * when `shouldUseUsableHeight` is false.\n     * @default false\n     * @optional\n     */\n    shouldReduceUsableHeightByCoverHeight?: boolean;\n    /**\n     * Controls whether padding should be removed from the page\n     * @description\n     * When true, the padding around the page content will be removed. This is useful when the\n     * page should not have any padding, for example, when it is embedded in a pagemaker page.\n     * @default false\n     * @optional\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Controls whether the component should use the calculated usable height\n     * @description\n     * When true, the page will cover the entire usable height of the screen. This means that\n     * the viewport is not scrollable and the page takes up the full height not required by the\n     * title or bottom bar. Optionally, the height of the cover image can be reduced by setting\n     * `shouldReduceUsableHeightByCoverHeight` to true.\n     * @default false\n     * @optional\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    secondaryColor,\n    siteId,\n    style = {},\n    shouldReduceUsableHeightByCoverHeight = false,\n    shouldRemovePadding = false,\n    shouldUseUsableHeight = false,\n    iconColor,\n    customVariables,\n}) => {\n    const { runtimeEnvironment } = useEnvironment();\n\n    const usableHeight = useUsableHeight({\n        shouldReduceByCoverHeight: shouldReduceUsableHeightByCoverHeight,\n    });\n\n    const shouldUsePadding =\n        !shouldRemovePadding &&\n        ![RuntimeEnviroment.IntercomPlugin, RuntimeEnviroment.PagemakerPlugin, 6].includes(\n            runtimeEnvironment as number,\n        );\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $shouldUsePadding={shouldUsePadding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                siteId={siteId}\n                style={shouldUseUsableHeight ? { ...style, height: '100%' } : style}\n                customVariables={customVariables}\n                iconColor={iconColor}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAH,sBAAA,CAAAF,OAAA;AAGA,IAAAM,aAAA,GAAAN,OAAA;AAA2D,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkCA,MAAMG,WAAW,GAAG,IAAAC,mCAAiB;AACrC;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAmC,GAAGA,CAAC;EACzCC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,cAAc;EACdC,MAAM;EACNC,KAAK,GAAG,CAAC,CAAC;EACVC,qCAAqC,GAAG,KAAK;EAC7CC,mBAAmB,GAAG,KAAK;EAC3BC,qBAAqB,GAAG,KAAK;EAC7BC,SAAS;EACTC;AACJ,CAAC,KAAK;EACF,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,yBAAc,EAAC,CAAC;EAE/C,MAAMC,YAAY,GAAG,IAAAC,6BAAe,EAAC;IACjCC,yBAAyB,EAAET;EAC/B,CAAC,CAAC;EAEF,MAAMU,gBAAgB,GAClB,CAACT,mBAAmB,IACpB,CAAC,CAACU,4BAAiB,CAACC,cAAc,EAAED,4BAAiB,CAACE,eAAe,EAAE,CAAC,CAAC,CAACC,QAAQ,CAC9ET,kBACJ,CAAC;EAEL,oBACIvB,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC5B,aAAA,CAAA6B,kBAAkB;IACfC,SAAS,EAAC,eAAe;IACzBC,iBAAiB,EAAER,gBAAiB;IACpCS,aAAa,EAAEjB,qBAAqB,GAAGK,YAAY,GAAGa;EAAU,gBAEhEtC,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAAC7B,oBAAA,CAAAI,OAAmB;IAChBK,KAAK,EAAEA,KAAM;IACbE,cAAc,EAAEA,cAAe;IAC/BD,SAAS,EAAEA,SAAU;IACrBE,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEG,qBAAqB,GAAG;MAAE,GAAGH,KAAK;MAAEsB,MAAM,EAAE;IAAO,CAAC,GAAGtB,KAAM;IACpEK,eAAe,EAAEA,eAAgB;IACjCD,SAAS,EAAEA;EAAU,GAEpBT,QACgB,CAAC,eACtBZ,MAAA,CAAAQ,OAAA,CAAAyB,aAAA,CAACxB,WAAW,MAAE,CACE,CAAC;AAE7B,CAAC;AACDE,YAAY,CAAC6B,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAlC,OAAA,GAE3BG,YAAY","ignoreList":[]}
+{"version":3,"file":"PageProvider.js","names":["_chaynsApi","require","_react","_interopRequireDefault","_styledComponents","_pageProvider","_ColorSchemeProvider","_PageProvider","e","__esModule","default","GlobalStyle","createGlobalStyle","PageProvider","children","color","colorMode","secondaryColor","siteId","style","shouldReduceUsableHeightByCoverHeight","shouldRemovePadding","shouldUseUsableHeight","iconColor","customVariables","shouldEnableKeyboardHighlighting","runtimeEnvironment","useEnvironment","usableHeight","useUsableHeight","shouldReduceByCoverHeight","shouldUsePadding","RuntimeEnviroment","IntercomPlugin","PagemakerPlugin","includes","createElement","StyledPageProvider","className","$shouldUsePadding","$usableHeight","undefined","height","displayName","_default","exports"],"sources":["../../../../src/components/page-provider/PageProvider.tsx"],"sourcesContent":["import { RuntimeEnviroment, useEnvironment } from 'chayns-api';\nimport React, { FC } from 'react';\nimport { createGlobalStyle } from 'styled-components';\nimport { useUsableHeight } from '../../utils/pageProvider';\nimport ColorSchemeProvider, {\n    type ColorSchemeProviderProps,\n} from '../color-scheme-provider/ColorSchemeProvider';\nimport { StyledPageProvider } from './PageProvider.styles';\n\n/**\n * Props for the PageProvider component.\n * @description\n * This interface defines the props that can be passed to the PageProvider component\n * for controlling the layout and styling behavior.\n * @example\n * <PageProvider shouldRemovePadding={true}>\n *   {children}\n * </PageProvider>\n */\ninterface PageProviderProps extends ColorSchemeProviderProps {\n    /**\n     * Controls whether the usable height should be reduced by the cover height\n     * @description\n     * When true, the usable height will be reduced by the cover image height. This is useful\n     * when the page should not be scrollable due to the cover image. The property has no effect\n     * when `shouldUseUsableHeight` is false.\n     * @default false\n     * @optional\n     */\n    shouldReduceUsableHeightByCoverHeight?: boolean;\n    /**\n     * Controls whether padding should be removed from the page\n     * @description\n     * When true, the padding around the page content will be removed. This is useful when the\n     * page should not have any padding, for example, when it is embedded in a pagemaker page.\n     * @default false\n     * @optional\n     */\n    shouldRemovePadding?: boolean;\n    /**\n     * Controls whether the component should use the calculated usable height\n     * @description\n     * When true, the page will cover the entire usable height of the screen. This means that\n     * the viewport is not scrollable and the page takes up the full height not required by the\n     * title or bottom bar. Optionally, the height of the cover image can be reduced by setting\n     * `shouldReduceUsableHeightByCoverHeight` to true.\n     * @default false\n     * @optional\n     */\n    shouldUseUsableHeight?: boolean;\n}\n\nconst GlobalStyle = createGlobalStyle`\n  *, *::before, *::after {\n    box-sizing: border-box;\n  }\n`;\n\nconst PageProvider: FC<PageProviderProps> = ({\n    children,\n    color,\n    colorMode,\n    secondaryColor,\n    siteId,\n    style = {},\n    shouldReduceUsableHeightByCoverHeight = false,\n    shouldRemovePadding = false,\n    shouldUseUsableHeight = false,\n    iconColor,\n    customVariables,\n    shouldEnableKeyboardHighlighting,\n}) => {\n    const { runtimeEnvironment } = useEnvironment();\n\n    const usableHeight = useUsableHeight({\n        shouldReduceByCoverHeight: shouldReduceUsableHeightByCoverHeight,\n    });\n\n    const shouldUsePadding =\n        !shouldRemovePadding &&\n        ![RuntimeEnviroment.IntercomPlugin, RuntimeEnviroment.PagemakerPlugin, 6].includes(\n            runtimeEnvironment as number,\n        );\n\n    return (\n        <StyledPageProvider\n            className=\"page-provider\"\n            $shouldUsePadding={shouldUsePadding}\n            $usableHeight={shouldUseUsableHeight ? usableHeight : undefined}\n        >\n            <ColorSchemeProvider\n                color={color}\n                secondaryColor={secondaryColor}\n                colorMode={colorMode}\n                siteId={siteId}\n                style={shouldUseUsableHeight ? { ...style, height: '100%' } : style}\n                customVariables={customVariables}\n                iconColor={iconColor}\n                shouldEnableKeyboardHighlighting={shouldEnableKeyboardHighlighting}\n            >\n                {children}\n            </ColorSchemeProvider>\n            <GlobalStyle />\n        </StyledPageProvider>\n    );\n};\nPageProvider.displayName = 'PageProvider';\n\nexport default PageProvider;\n"],"mappings":";;;;;;AAAA,IAAAA,UAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AACA,IAAAG,iBAAA,GAAAH,OAAA;AACA,IAAAI,aAAA,GAAAJ,OAAA;AACA,IAAAK,oBAAA,GAAAH,sBAAA,CAAAF,OAAA;AAGA,IAAAM,aAAA,GAAAN,OAAA;AAA2D,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAE3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAkCA,MAAMG,WAAW,GAAG,IAAAC,mCAAiB;AACrC;AACA;AACA;AACA,CAAC;AAED,MAAMC,YAAmC,GAAGA,CAAC;EACzCC,QAAQ;EACRC,KAAK;EACLC,SAAS;EACTC,cAAc;EACdC,MAAM;EACNC,KAAK,GAAG,CAAC,CAAC;EACVC,qCAAqC,GAAG,KAAK;EAC7CC,mBAAmB,GAAG,KAAK;EAC3BC,qBAAqB,GAAG,KAAK;EAC7BC,SAAS;EACTC,eAAe;EACfC;AACJ,CAAC,KAAK;EACF,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,yBAAc,EAAC,CAAC;EAE/C,MAAMC,YAAY,GAAG,IAAAC,6BAAe,EAAC;IACjCC,yBAAyB,EAAEV;EAC/B,CAAC,CAAC;EAEF,MAAMW,gBAAgB,GAClB,CAACV,mBAAmB,IACpB,CAAC,CAACW,4BAAiB,CAACC,cAAc,EAAED,4BAAiB,CAACE,eAAe,EAAE,CAAC,CAAC,CAACC,QAAQ,CAC9ET,kBACJ,CAAC;EAEL,oBACIxB,MAAA,CAAAQ,OAAA,CAAA0B,aAAA,CAAC7B,aAAA,CAAA8B,kBAAkB;IACfC,SAAS,EAAC,eAAe;IACzBC,iBAAiB,EAAER,gBAAiB;IACpCS,aAAa,EAAElB,qBAAqB,GAAGM,YAAY,GAAGa;EAAU,gBAEhEvC,MAAA,CAAAQ,OAAA,CAAA0B,aAAA,CAAC9B,oBAAA,CAAAI,OAAmB;IAChBK,KAAK,EAAEA,KAAM;IACbE,cAAc,EAAEA,cAAe;IAC/BD,SAAS,EAAEA,SAAU;IACrBE,MAAM,EAAEA,MAAO;IACfC,KAAK,EAAEG,qBAAqB,GAAG;MAAE,GAAGH,KAAK;MAAEuB,MAAM,EAAE;IAAO,CAAC,GAAGvB,KAAM;IACpEK,eAAe,EAAEA,eAAgB;IACjCD,SAAS,EAAEA,SAAU;IACrBE,gCAAgC,EAAEA;EAAiC,GAElEX,QACgB,CAAC,eACtBZ,MAAA,CAAAQ,OAAA,CAAA0B,aAAA,CAACzB,WAAW,MAAE,CACE,CAAC;AAE7B,CAAC;AACDE,YAAY,CAAC8B,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAE3BG,YAAY","ignoreList":[]}

package/lib/cjs/components/popup/Popup.js

@@ -229,6 +229,11 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
       handleHide();
     }
   }, [handleHide]);
+  const handleDocumentKeyDown = (0, _react2.useCallback)(event => {
+    if (event.key === 'Escape') {
+      handleHide();
+    }
+  }, [handleHide]);
   (0, _react2.useImperativeHandle)(ref, () => ({
     hide: handleHide,
     show: handleShow
@@ -241,11 +246,13 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
       document.addEventListener('click', handleDocumentClick, true);
       window.addEventListener('blur', handleHide);
     }
+    document.addEventListener('keydown', handleDocumentKeyDown);
     return () => {
       document.removeEventListener('click', handleDocumentClick, true);
       window.removeEventListener('blur', handleHide);
+      document.removeEventListener('keydown', handleDocumentKeyDown);
     };
-  }, [handleDocumentClick, handleHide, isControlled, isPopupOpen, shouldBeOpen]);
+  }, [handleDocumentClick, handleDocumentKeyDown, handleHide, isControlled, isPopupOpen, shouldBeOpen]);
   (0, _react2.useEffect)(() => {
     if (previousIsVisibleRef.current === isPopupOpen) {
       return;

package/lib/cjs/components/popup/Popup.js.map

@@ -1 +1 @@
-{"version":3,"file":"Popup.js","names":["_react","require","_react2","_interopRequireWildcard","_reactDom","_uuid","_popup","_AreaContextProvider","_interopRequireDefault","_PopupContentWrapper","_Popup","_element","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Popup","forwardRef","alignment","content","onShow","container","onHide","children","isOpen","shouldHideOnChildrenLeave","shouldShowOnHover","shouldUseChildrenWidth","shouldScrollWithContent","shouldUseFullWidth","yOffset","shouldBeOpen","ref","coordinates","setCoordinates","useState","x","y","internalAlignment","setInternalAlignment","PopupAlignment","TopLeft","offset","setOffset","isInternallyOpen","setIsInternallyOpen","portal","setPortal","pseudoSize","setPseudoSize","newContainer","setNewContainer","contentMaxHeight","setContentMaxHeight","undefined","timeout","useRef","previousIsVisibleRef","uuid","useUuid","isControlled","isPopupOpen","height","width","measuredElement","useMeasuredClone","shouldPreventTextWrapping","popupContentRef","popupRef","useEffect","current","el","element","closest","Element","updatePopupPosition","useCallback","HORIZONTAL_PADDING","pseudoHeight","pseudoWidth","childrenHeight","left","childrenLeft","top","childrenTop","childrenWidth","getBoundingClientRect","document","body","containerHeight","containerWidth","zoomX","offsetWidth","zoomY","offsetHeight","childrenCenterX","scrollLeft","scrollTop","boundaryLeft","boundaryWidth","relativeX","shouldShowBottom","BottomLeft","BottomRight","BottomCenter","shouldForceRight","TopRight","shouldUseCenterAlignment","TopCenter","hasEnoughSpaceForCenter","isRight","newOffset","right","newX","handleShow","handleReposition","window","addEventListener","removeEventListener","viewHeight","clientHeight","includes","handleChildrenClick","handleHide","handleMouseEnter","clearTimeout","handleMouseLeave","setTimeout","handleDocumentClick","event","_popupContentRef$curr","contains","target","useImperativeHandle","hide","show","createPortal","createElement","AnimatePresence","initial","key","maxHeight","onMouseLeave","onMouseEnter","shouldChangeColor","Fragment","StyledPopup","className","onClick","$shouldUseChildrenWidth","$shouldUseFullWidth","displayName","_default","exports"],"sources":["../../../../src/components/popup/Popup.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    forwardRef,\n    ReactPortal,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useUuid } from '../../hooks/uuid';\nimport { PopupAlignment, PopupCoordinates, PopupRef } from '../../types/popup';\nimport AreaContextProvider from '../area-provider/AreaContextProvider';\nimport PopupContentWrapper from './popup-content-wrapper/PopupContentWrapper';\nimport { StyledPopup } from './Popup.styles';\nimport { useMeasuredClone } from '../../hooks/element';\nimport type { PopupProps } from './Popup.types';\n\nexport type { PopupProps } from './Popup.types';\n\nconst Popup = forwardRef<PopupRef, PopupProps>(\n    (\n        {\n            alignment,\n            content,\n            onShow,\n            container,\n            onHide,\n            children,\n            isOpen,\n            shouldHideOnChildrenLeave,\n            shouldShowOnHover = false,\n            shouldUseChildrenWidth = true,\n            shouldScrollWithContent = true,\n            shouldUseFullWidth = false,\n            yOffset = 0,\n            shouldBeOpen = false,\n        },\n        ref,\n    ) => {\n        const [coordinates, setCoordinates] = useState<PopupCoordinates>({\n            x: 0,\n            y: 0,\n        });\n\n        const [internalAlignment, setInternalAlignment] = useState<PopupAlignment>(\n            PopupAlignment.TopLeft,\n        );\n        const [offset, setOffset] = useState<number>(0);\n        const [isInternallyOpen, setIsInternallyOpen] = useState(shouldBeOpen);\n        const [portal, setPortal] = useState<ReactPortal>();\n        const [pseudoSize, setPseudoSize] = useState<{ height: number; width: number }>();\n        const [newContainer, setNewContainer] = useState<Element | null>(container ?? null);\n        const [contentMaxHeight, setContentMaxHeight] = useState<number | undefined>(undefined);\n\n        const timeout = useRef<number>();\n        const previousIsVisibleRef = useRef(false);\n\n        const uuid = useUuid();\n        const isControlled = typeof isOpen === 'boolean';\n        const isPopupOpen = isControlled ? isOpen : isInternallyOpen;\n\n        const { height, width, measuredElement } = useMeasuredClone({\n            content,\n            shouldPreventTextWrapping: !shouldUseChildrenWidth,\n        });\n\n        const popupContentRef = useRef<HTMLDivElement>(null);\n        const popupRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (popupRef.current && !container) {\n                const el = popupRef.current as HTMLElement;\n\n                const element = el.closest('.dialog-inner, .page-provider, .tapp, body');\n\n                setNewContainer(element);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            if (container instanceof Element) {\n                setNewContainer(container);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            setPseudoSize({ height, width });\n        }, [height, width]);\n\n        const updatePopupPosition = useCallback(() => {\n            if (popupRef.current && pseudoSize) {\n                if (!newContainer) {\n                    return;\n                }\n\n                const HORIZONTAL_PADDING = 23;\n\n                const { height: pseudoHeight, width: pseudoWidth } = pseudoSize;\n\n                const {\n                    height: childrenHeight,\n                    left: childrenLeft,\n                    top: childrenTop,\n                    width: childrenWidth,\n                } = popupRef.current.getBoundingClientRect();\n\n                const element = shouldScrollWithContent ? newContainer : document.body;\n\n                const {\n                    height: containerHeight,\n                    width: containerWidth,\n                    top,\n                    left,\n                } = element.getBoundingClientRect();\n\n                const zoomX = containerWidth / (element as HTMLElement).offsetWidth;\n                const zoomY = containerHeight / (element as HTMLElement).offsetHeight;\n\n                const childrenCenterX = childrenLeft + childrenWidth / 2;\n                const x = (childrenCenterX - left) / zoomX + element.scrollLeft;\n                const y =\n                    (childrenTop + childrenHeight / 2 - top) / zoomY + element.scrollTop - yOffset;\n\n                // Use one coordinate space for all horizontal bounds checks.\n                const boundaryLeft = element.scrollLeft;\n                const boundaryWidth = containerWidth / zoomX;\n                const relativeX = x - boundaryLeft;\n\n                const shouldShowBottom =\n                    pseudoHeight > childrenTop - 25 ||\n                    alignment === PopupAlignment.BottomLeft ||\n                    alignment === PopupAlignment.BottomRight ||\n                    alignment === PopupAlignment.BottomCenter;\n\n                const shouldForceRight = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomRight\n                    : alignment === PopupAlignment.TopRight;\n\n                const shouldUseCenterAlignment = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomCenter\n                    : alignment === PopupAlignment.TopCenter;\n\n                const hasEnoughSpaceForCenter =\n                    pseudoWidth / 2 <= relativeX - HORIZONTAL_PADDING &&\n                    pseudoWidth / 2 <= boundaryWidth - relativeX - HORIZONTAL_PADDING;\n\n                if (shouldUseCenterAlignment && hasEnoughSpaceForCenter) {\n                    setInternalAlignment(\n                        shouldShowBottom ? PopupAlignment.BottomCenter : PopupAlignment.TopCenter,\n                    );\n                    setOffset(0);\n                    setCoordinates({\n                        x,\n                        y,\n                    });\n                } else {\n                    let isRight = false;\n\n                    if (pseudoWidth > relativeX - HORIZONTAL_PADDING || shouldForceRight) {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomRight : PopupAlignment.TopRight,\n                        );\n                        isRight = true;\n                    } else {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomLeft : PopupAlignment.TopLeft,\n                        );\n                    }\n\n                    let newOffset;\n\n                    if (isRight) {\n                        newOffset =\n                            relativeX + pseudoWidth >= boundaryWidth - HORIZONTAL_PADDING\n                                ? relativeX + pseudoWidth - (boundaryWidth - HORIZONTAL_PADDING)\n                                : 0;\n                    } else {\n                        const right = boundaryWidth - relativeX;\n\n                        newOffset =\n                            right + pseudoWidth >= boundaryWidth + HORIZONTAL_PADDING\n                                ? right + pseudoWidth - (boundaryWidth + HORIZONTAL_PADDING)\n                                : 0;\n                    }\n\n                    setOffset(newOffset);\n\n                    const newX = x - newOffset;\n\n                    setCoordinates({\n                        x: newX,\n                        y,\n                    });\n                }\n            }\n        }, [alignment, newContainer, pseudoSize, shouldScrollWithContent, yOffset]);\n\n        const handleShow = useCallback(() => {\n            updatePopupPosition();\n\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(true);\n        }, [isControlled, updatePopupPosition]);\n\n        useEffect(() => {\n            if (isControlled) {\n                if (isOpen) {\n                    updatePopupPosition();\n                }\n\n                return;\n            }\n\n            if (shouldBeOpen) {\n                handleShow();\n            }\n        }, [handleShow, isControlled, isOpen, shouldBeOpen, updatePopupPosition]);\n\n        const handleReposition = useCallback(() => {\n            if (isPopupOpen) {\n                updatePopupPosition();\n            }\n        }, [isPopupOpen, updatePopupPosition]);\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            window.addEventListener('resize', handleReposition);\n            window.addEventListener('scroll', handleReposition, true);\n\n            return () => {\n                window.removeEventListener('resize', handleReposition);\n                window.removeEventListener('scroll', handleReposition, true);\n            };\n        }, [handleReposition, isPopupOpen]);\n\n        useEffect(() => {\n            if (!newContainer || !popupRef.current) return;\n\n            const viewHeight = newContainer.clientHeight;\n            const childrenHeight = popupRef.current.getBoundingClientRect().height;\n\n            if (\n                [\n                    PopupAlignment.TopLeft,\n                    PopupAlignment.TopRight,\n                    PopupAlignment.TopCenter,\n                ].includes(internalAlignment)\n            ) {\n                setContentMaxHeight(coordinates.y - 20);\n            } else {\n                setContentMaxHeight(viewHeight - childrenHeight - coordinates.y - 20);\n            }\n        }, [coordinates.y, internalAlignment, newContainer]);\n\n        const handleChildrenClick = () => {\n            if (isControlled) {\n                return;\n            }\n\n            handleShow();\n        };\n\n        const handleHide = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(false);\n        }, [isControlled]);\n\n        const handleMouseEnter = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (shouldShowOnHover) {\n                window.clearTimeout(timeout.current);\n                handleShow();\n            }\n        }, [handleShow, isControlled, shouldShowOnHover]);\n\n        const handleMouseLeave = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (!shouldShowOnHover) {\n                return;\n            }\n\n            if (shouldHideOnChildrenLeave) {\n                handleHide();\n\n                return;\n            }\n\n            timeout.current = window.setTimeout(() => {\n                handleHide();\n            }, 500);\n        }, [handleHide, isControlled, shouldHideOnChildrenLeave, shouldShowOnHover]);\n\n        const handleDocumentClick = useCallback<EventListener>(\n            (event) => {\n                if (!popupContentRef.current?.contains(event.target as Node)) {\n                    handleHide();\n                }\n            },\n            [handleHide],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleHide,\n                show: handleShow,\n            }),\n            [handleHide, handleShow],\n        );\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            if (!isControlled && !shouldBeOpen) {\n                document.addEventListener('click', handleDocumentClick, true);\n                window.addEventListener('blur', handleHide);\n            }\n\n            return () => {\n                document.removeEventListener('click', handleDocumentClick, true);\n                window.removeEventListener('blur', handleHide);\n            };\n        }, [handleDocumentClick, handleHide, isControlled, isPopupOpen, shouldBeOpen]);\n\n        useEffect(() => {\n            if (previousIsVisibleRef.current === isPopupOpen) {\n                return;\n            }\n\n            previousIsVisibleRef.current = isPopupOpen;\n\n            if (isPopupOpen) {\n                onShow?.();\n\n                return;\n            }\n\n            onHide?.();\n        }, [isPopupOpen, onHide, onShow]);\n\n        useEffect(() => {\n            if (!newContainer) {\n                return;\n            }\n\n            setPortal(() =>\n                createPortal(\n                    <AnimatePresence initial={false}>\n                        {isPopupOpen && (\n                            <PopupContentWrapper\n                                width={pseudoSize?.width ?? 0}\n                                offset={offset}\n                                shouldScrollWithContent={shouldScrollWithContent}\n                                coordinates={coordinates}\n                                key={`tooltip_${uuid}`}\n                                maxHeight={contentMaxHeight}\n                                alignment={internalAlignment}\n                                ref={popupContentRef}\n                                onMouseLeave={handleMouseLeave}\n                                onMouseEnter={handleMouseEnter}\n                            >\n                                <AreaContextProvider shouldChangeColor>\n                                    {content}\n                                </AreaContextProvider>\n                            </PopupContentWrapper>\n                        )}\n                    </AnimatePresence>,\n                    newContainer,\n                ),\n            );\n        }, [\n            contentMaxHeight,\n            internalAlignment,\n            newContainer,\n            content,\n            coordinates,\n            handleMouseEnter,\n            handleMouseLeave,\n            isPopupOpen,\n            offset,\n            pseudoSize?.width,\n            uuid,\n            shouldScrollWithContent,\n        ]);\n\n        return (\n            <>\n                {measuredElement}\n                <StyledPopup\n                    className=\"beta-chayns-popup\"\n                    ref={popupRef}\n                    onClick={handleChildrenClick}\n                    onMouseLeave={handleMouseLeave}\n                    onMouseEnter={handleMouseEnter}\n                    $shouldUseChildrenWidth={shouldUseChildrenWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    {children}\n                </StyledPopup>\n                {portal}\n            </>\n        );\n    },\n);\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Popup.js","names":["_react","require","_react2","_interopRequireWildcard","_reactDom","_uuid","_popup","_AreaContextProvider","_interopRequireDefault","_PopupContentWrapper","_Popup","_element","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Popup","forwardRef","alignment","content","onShow","container","onHide","children","isOpen","shouldHideOnChildrenLeave","shouldShowOnHover","shouldUseChildrenWidth","shouldScrollWithContent","shouldUseFullWidth","yOffset","shouldBeOpen","ref","coordinates","setCoordinates","useState","x","y","internalAlignment","setInternalAlignment","PopupAlignment","TopLeft","offset","setOffset","isInternallyOpen","setIsInternallyOpen","portal","setPortal","pseudoSize","setPseudoSize","newContainer","setNewContainer","contentMaxHeight","setContentMaxHeight","undefined","timeout","useRef","previousIsVisibleRef","uuid","useUuid","isControlled","isPopupOpen","height","width","measuredElement","useMeasuredClone","shouldPreventTextWrapping","popupContentRef","popupRef","useEffect","current","el","element","closest","Element","updatePopupPosition","useCallback","HORIZONTAL_PADDING","pseudoHeight","pseudoWidth","childrenHeight","left","childrenLeft","top","childrenTop","childrenWidth","getBoundingClientRect","document","body","containerHeight","containerWidth","zoomX","offsetWidth","zoomY","offsetHeight","childrenCenterX","scrollLeft","scrollTop","boundaryLeft","boundaryWidth","relativeX","shouldShowBottom","BottomLeft","BottomRight","BottomCenter","shouldForceRight","TopRight","shouldUseCenterAlignment","TopCenter","hasEnoughSpaceForCenter","isRight","newOffset","right","newX","handleShow","handleReposition","window","addEventListener","removeEventListener","viewHeight","clientHeight","includes","handleChildrenClick","handleHide","handleMouseEnter","clearTimeout","handleMouseLeave","setTimeout","handleDocumentClick","event","_popupContentRef$curr","contains","target","handleDocumentKeyDown","key","useImperativeHandle","hide","show","createPortal","createElement","AnimatePresence","initial","maxHeight","onMouseLeave","onMouseEnter","shouldChangeColor","Fragment","StyledPopup","className","onClick","$shouldUseChildrenWidth","$shouldUseFullWidth","displayName","_default","exports"],"sources":["../../../../src/components/popup/Popup.tsx"],"sourcesContent":["import { AnimatePresence } from 'motion/react';\nimport React, {\n    forwardRef,\n    ReactPortal,\n    useCallback,\n    useEffect,\n    useImperativeHandle,\n    useRef,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { useUuid } from '../../hooks/uuid';\nimport { PopupAlignment, PopupCoordinates, PopupRef } from '../../types/popup';\nimport AreaContextProvider from '../area-provider/AreaContextProvider';\nimport PopupContentWrapper from './popup-content-wrapper/PopupContentWrapper';\nimport { StyledPopup } from './Popup.styles';\nimport { useMeasuredClone } from '../../hooks/element';\nimport type { PopupProps } from './Popup.types';\n\nexport type { PopupProps } from './Popup.types';\n\nconst Popup = forwardRef<PopupRef, PopupProps>(\n    (\n        {\n            alignment,\n            content,\n            onShow,\n            container,\n            onHide,\n            children,\n            isOpen,\n            shouldHideOnChildrenLeave,\n            shouldShowOnHover = false,\n            shouldUseChildrenWidth = true,\n            shouldScrollWithContent = true,\n            shouldUseFullWidth = false,\n            yOffset = 0,\n            shouldBeOpen = false,\n        },\n        ref,\n    ) => {\n        const [coordinates, setCoordinates] = useState<PopupCoordinates>({\n            x: 0,\n            y: 0,\n        });\n\n        const [internalAlignment, setInternalAlignment] = useState<PopupAlignment>(\n            PopupAlignment.TopLeft,\n        );\n        const [offset, setOffset] = useState<number>(0);\n        const [isInternallyOpen, setIsInternallyOpen] = useState(shouldBeOpen);\n        const [portal, setPortal] = useState<ReactPortal>();\n        const [pseudoSize, setPseudoSize] = useState<{ height: number; width: number }>();\n        const [newContainer, setNewContainer] = useState<Element | null>(container ?? null);\n        const [contentMaxHeight, setContentMaxHeight] = useState<number | undefined>(undefined);\n\n        const timeout = useRef<number>();\n        const previousIsVisibleRef = useRef(false);\n\n        const uuid = useUuid();\n        const isControlled = typeof isOpen === 'boolean';\n        const isPopupOpen = isControlled ? isOpen : isInternallyOpen;\n\n        const { height, width, measuredElement } = useMeasuredClone({\n            content,\n            shouldPreventTextWrapping: !shouldUseChildrenWidth,\n        });\n\n        const popupContentRef = useRef<HTMLDivElement>(null);\n        const popupRef = useRef<HTMLDivElement>(null);\n\n        useEffect(() => {\n            if (popupRef.current && !container) {\n                const el = popupRef.current as HTMLElement;\n\n                const element = el.closest('.dialog-inner, .page-provider, .tapp, body');\n\n                setNewContainer(element);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            if (container instanceof Element) {\n                setNewContainer(container);\n            }\n        }, [container]);\n\n        useEffect(() => {\n            setPseudoSize({ height, width });\n        }, [height, width]);\n\n        const updatePopupPosition = useCallback(() => {\n            if (popupRef.current && pseudoSize) {\n                if (!newContainer) {\n                    return;\n                }\n\n                const HORIZONTAL_PADDING = 23;\n\n                const { height: pseudoHeight, width: pseudoWidth } = pseudoSize;\n\n                const {\n                    height: childrenHeight,\n                    left: childrenLeft,\n                    top: childrenTop,\n                    width: childrenWidth,\n                } = popupRef.current.getBoundingClientRect();\n\n                const element = shouldScrollWithContent ? newContainer : document.body;\n\n                const {\n                    height: containerHeight,\n                    width: containerWidth,\n                    top,\n                    left,\n                } = element.getBoundingClientRect();\n\n                const zoomX = containerWidth / (element as HTMLElement).offsetWidth;\n                const zoomY = containerHeight / (element as HTMLElement).offsetHeight;\n\n                const childrenCenterX = childrenLeft + childrenWidth / 2;\n                const x = (childrenCenterX - left) / zoomX + element.scrollLeft;\n                const y =\n                    (childrenTop + childrenHeight / 2 - top) / zoomY + element.scrollTop - yOffset;\n\n                // Use one coordinate space for all horizontal bounds checks.\n                const boundaryLeft = element.scrollLeft;\n                const boundaryWidth = containerWidth / zoomX;\n                const relativeX = x - boundaryLeft;\n\n                const shouldShowBottom =\n                    pseudoHeight > childrenTop - 25 ||\n                    alignment === PopupAlignment.BottomLeft ||\n                    alignment === PopupAlignment.BottomRight ||\n                    alignment === PopupAlignment.BottomCenter;\n\n                const shouldForceRight = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomRight\n                    : alignment === PopupAlignment.TopRight;\n\n                const shouldUseCenterAlignment = shouldShowBottom\n                    ? alignment === PopupAlignment.BottomCenter\n                    : alignment === PopupAlignment.TopCenter;\n\n                const hasEnoughSpaceForCenter =\n                    pseudoWidth / 2 <= relativeX - HORIZONTAL_PADDING &&\n                    pseudoWidth / 2 <= boundaryWidth - relativeX - HORIZONTAL_PADDING;\n\n                if (shouldUseCenterAlignment && hasEnoughSpaceForCenter) {\n                    setInternalAlignment(\n                        shouldShowBottom ? PopupAlignment.BottomCenter : PopupAlignment.TopCenter,\n                    );\n                    setOffset(0);\n                    setCoordinates({\n                        x,\n                        y,\n                    });\n                } else {\n                    let isRight = false;\n\n                    if (pseudoWidth > relativeX - HORIZONTAL_PADDING || shouldForceRight) {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomRight : PopupAlignment.TopRight,\n                        );\n                        isRight = true;\n                    } else {\n                        setInternalAlignment(\n                            shouldShowBottom ? PopupAlignment.BottomLeft : PopupAlignment.TopLeft,\n                        );\n                    }\n\n                    let newOffset;\n\n                    if (isRight) {\n                        newOffset =\n                            relativeX + pseudoWidth >= boundaryWidth - HORIZONTAL_PADDING\n                                ? relativeX + pseudoWidth - (boundaryWidth - HORIZONTAL_PADDING)\n                                : 0;\n                    } else {\n                        const right = boundaryWidth - relativeX;\n\n                        newOffset =\n                            right + pseudoWidth >= boundaryWidth + HORIZONTAL_PADDING\n                                ? right + pseudoWidth - (boundaryWidth + HORIZONTAL_PADDING)\n                                : 0;\n                    }\n\n                    setOffset(newOffset);\n\n                    const newX = x - newOffset;\n\n                    setCoordinates({\n                        x: newX,\n                        y,\n                    });\n                }\n            }\n        }, [alignment, newContainer, pseudoSize, shouldScrollWithContent, yOffset]);\n\n        const handleShow = useCallback(() => {\n            updatePopupPosition();\n\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(true);\n        }, [isControlled, updatePopupPosition]);\n\n        useEffect(() => {\n            if (isControlled) {\n                if (isOpen) {\n                    updatePopupPosition();\n                }\n\n                return;\n            }\n\n            if (shouldBeOpen) {\n                handleShow();\n            }\n        }, [handleShow, isControlled, isOpen, shouldBeOpen, updatePopupPosition]);\n\n        const handleReposition = useCallback(() => {\n            if (isPopupOpen) {\n                updatePopupPosition();\n            }\n        }, [isPopupOpen, updatePopupPosition]);\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            window.addEventListener('resize', handleReposition);\n            window.addEventListener('scroll', handleReposition, true);\n\n            return () => {\n                window.removeEventListener('resize', handleReposition);\n                window.removeEventListener('scroll', handleReposition, true);\n            };\n        }, [handleReposition, isPopupOpen]);\n\n        useEffect(() => {\n            if (!newContainer || !popupRef.current) return;\n\n            const viewHeight = newContainer.clientHeight;\n            const childrenHeight = popupRef.current.getBoundingClientRect().height;\n\n            if (\n                [\n                    PopupAlignment.TopLeft,\n                    PopupAlignment.TopRight,\n                    PopupAlignment.TopCenter,\n                ].includes(internalAlignment)\n            ) {\n                setContentMaxHeight(coordinates.y - 20);\n            } else {\n                setContentMaxHeight(viewHeight - childrenHeight - coordinates.y - 20);\n            }\n        }, [coordinates.y, internalAlignment, newContainer]);\n\n        const handleChildrenClick = () => {\n            if (isControlled) {\n                return;\n            }\n\n            handleShow();\n        };\n\n        const handleHide = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            setIsInternallyOpen(false);\n        }, [isControlled]);\n\n        const handleMouseEnter = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (shouldShowOnHover) {\n                window.clearTimeout(timeout.current);\n                handleShow();\n            }\n        }, [handleShow, isControlled, shouldShowOnHover]);\n\n        const handleMouseLeave = useCallback(() => {\n            if (isControlled) {\n                return;\n            }\n\n            if (!shouldShowOnHover) {\n                return;\n            }\n\n            if (shouldHideOnChildrenLeave) {\n                handleHide();\n\n                return;\n            }\n\n            timeout.current = window.setTimeout(() => {\n                handleHide();\n            }, 500);\n        }, [handleHide, isControlled, shouldHideOnChildrenLeave, shouldShowOnHover]);\n\n        const handleDocumentClick = useCallback<EventListener>(\n            (event) => {\n                if (!popupContentRef.current?.contains(event.target as Node)) {\n                    handleHide();\n                }\n            },\n            [handleHide],\n        );\n\n        const handleDocumentKeyDown = useCallback(\n            (event: KeyboardEvent) => {\n                if (event.key === 'Escape') {\n                    handleHide();\n                }\n            },\n            [handleHide],\n        );\n\n        useImperativeHandle(\n            ref,\n            () => ({\n                hide: handleHide,\n                show: handleShow,\n            }),\n            [handleHide, handleShow],\n        );\n\n        useEffect(() => {\n            if (!isPopupOpen) {\n                return undefined;\n            }\n\n            if (!isControlled && !shouldBeOpen) {\n                document.addEventListener('click', handleDocumentClick, true);\n                window.addEventListener('blur', handleHide);\n            }\n\n            document.addEventListener('keydown', handleDocumentKeyDown);\n\n            return () => {\n                document.removeEventListener('click', handleDocumentClick, true);\n                window.removeEventListener('blur', handleHide);\n                document.removeEventListener('keydown', handleDocumentKeyDown);\n            };\n        }, [\n            handleDocumentClick,\n            handleDocumentKeyDown,\n            handleHide,\n            isControlled,\n            isPopupOpen,\n            shouldBeOpen,\n        ]);\n\n        useEffect(() => {\n            if (previousIsVisibleRef.current === isPopupOpen) {\n                return;\n            }\n\n            previousIsVisibleRef.current = isPopupOpen;\n\n            if (isPopupOpen) {\n                onShow?.();\n\n                return;\n            }\n\n            onHide?.();\n        }, [isPopupOpen, onHide, onShow]);\n\n        useEffect(() => {\n            if (!newContainer) {\n                return;\n            }\n\n            setPortal(() =>\n                createPortal(\n                    <AnimatePresence initial={false}>\n                        {isPopupOpen && (\n                            <PopupContentWrapper\n                                width={pseudoSize?.width ?? 0}\n                                offset={offset}\n                                shouldScrollWithContent={shouldScrollWithContent}\n                                coordinates={coordinates}\n                                key={`tooltip_${uuid}`}\n                                maxHeight={contentMaxHeight}\n                                alignment={internalAlignment}\n                                ref={popupContentRef}\n                                onMouseLeave={handleMouseLeave}\n                                onMouseEnter={handleMouseEnter}\n                            >\n                                <AreaContextProvider shouldChangeColor>\n                                    {content}\n                                </AreaContextProvider>\n                            </PopupContentWrapper>\n                        )}\n                    </AnimatePresence>,\n                    newContainer,\n                ),\n            );\n        }, [\n            contentMaxHeight,\n            internalAlignment,\n            newContainer,\n            content,\n            coordinates,\n            handleMouseEnter,\n            handleMouseLeave,\n            isPopupOpen,\n            offset,\n            pseudoSize?.width,\n            uuid,\n            shouldScrollWithContent,\n        ]);\n\n        return (\n            <>\n                {measuredElement}\n                <StyledPopup\n                    className=\"beta-chayns-popup\"\n                    ref={popupRef}\n                    onClick={handleChildrenClick}\n                    onMouseLeave={handleMouseLeave}\n                    onMouseEnter={handleMouseEnter}\n                    $shouldUseChildrenWidth={shouldUseChildrenWidth}\n                    $shouldUseFullWidth={shouldUseFullWidth}\n                >\n                    {children}\n                </StyledPopup>\n                {portal}\n            </>\n        );\n    },\n);\n\nPopup.displayName = 'Popup';\n\nexport default Popup;\n"],"mappings":"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","ignoreList":[]}