@chayns-components/core 5.0.46-alpha.0 → 5.0.47

package/lib/cjs/components/accordion/Accordion.js

@@ -47,7 +47,7 @@ const Accordion = ({
   onTitleInputChange,
   titleInputProps,
   shouldSkipAnimation: shouldSkipAnimationProp = false,
-  titleColor,
+  colors,
   shouldIndex = false,
   onBodyAnimationComplete
 }) => {
@@ -173,6 +173,7 @@ const Accordion = ({
     $shouldForceBackground: shouldForceBackground,
     $shouldHideBackground: shouldHideBackground,
     $shouldHideBottomLine: shouldHideBottomLine,
+    $bottomBorderColor: colors === null || colors === void 0 ? void 0 : colors.borderBottomColor,
     onKeyDown: e => {
       if (e.key === 'Enter' && e.target.className.includes('beta-chayns-accordion') && shouldIndex) {
         e.preventDefault();
@@ -208,7 +209,7 @@ const Accordion = ({
     titleElement: titleElement,
     onTitleInputChange: onTitleInputChange,
     titleInputProps: titleInputProps,
-    titleColor: titleColor
+    titleColor: colors === null || colors === void 0 ? void 0 : colors.titleColor
   }), /*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
     initial: false
   }, (isOpen || shouldRenderClosed) && /*#__PURE__*/_react2.default.createElement(_AccordionBody.default, {

package/lib/cjs/components/accordion/Accordion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.js","names":["_react","require","_react2","_interopRequireWildcard","_uuid","_AreaContextProvider","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_AccordionContextProvider","_Accordion","_ref","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionContext","exports","React","createContext","isWrapped","undefined","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","shouldHideBottomLine","title","titleElement","onTitleInputChange","titleInputProps","shouldSkipAnimation","shouldSkipAnimationProp","titleColor","shouldIndex","onBodyAnimationComplete","groupIsWrapped","openAccordionUuid","accordionGroupUuid","accordionUuids","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","contextIsWrapped","AccordionWrappedContext","useMemo","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","initialRenderSkipRef","useInitialRenderRef","current","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","isLastAccordion","length","useEffect","handleHeadClick","useCallback","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","accordionWrappedContextProviderValue","initialAnimation","height","opacity","createElement","StyledMotionAccordion","animate","className","exit","initial","$isOpen","tabIndex","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","$shouldHideBottomLine","onKeyDown","key","target","includes","preventDefault","onMouseEnter","onMouseLeave","transition","duration","Provider","value","MotionConfig","type","onClick","AnimatePresence","maxHeight","onScroll","onAnimationComplete","shouldHideBody","AreaContext","displayName","_default"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    FC,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n    type CSSProperties,\n    type MouseEventHandler,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { InputProps } from '../input/Input';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { AccordionWrappedContext } from './accordion-provider/AccordionContextProvider';\nimport { StyledMotionAccordion } from './Accordion.styles';\nimport { useInitialRenderRef } from '../../hooks/ref';\n\nexport const AccordionContext = React.createContext<{ isWrapped?: boolean }>({\n    isWrapped: undefined,\n});\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This can be used to open the Accordion from the outside\n     */\n    isOpened?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the accordion is no longer hovered.\n     */\n    onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the accordion is hovered.\n     */\n    onHoverStart?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the accordion body is animated\n     */\n    onBodyAnimationComplete?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * title changes. When this function is given, the search field is displayed\n     * as the Accordion title.\n     */\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * The value that is displayed inside the search\n     */\n    searchValue?: string;\n    /**\n     * This will force the background color of the accordion to be used even if it is closed and not hovered.\n     */\n    shouldForceBackground?: boolean;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Whether the bottom line should be hidden.\n     */\n    shouldHideBottomLine?: boolean;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n    /**\n     * Whether the icon should be rotating.\n     */\n    shouldRotateIcon?: boolean;\n    /**\n     * Whether the animation should be skipped.\n     * If 'isDefaultOpen' is true the initial animation will be skipped even this prop is false\n     */\n    shouldSkipAnimation?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title?: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * The props of the title Input.\n     */\n    titleInputProps?: InputProps;\n    /**\n     * The title color.\n     */\n    titleColor?: CSSProperties['color'];\n    /**\n     * Whether the accordion should be indexed.\n     */\n    shouldIndex?: boolean;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isOpened,\n    isTitleGreyed = false,\n    onBodyScroll,\n    onClose,\n    onHoverEnd,\n    onHoverStart,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchPlaceholder,\n    searchValue,\n    shouldForceBackground = false,\n    shouldHideBackground = false,\n    shouldRenderClosed = false,\n    shouldRotateIcon = true,\n    shouldHideBottomLine = false,\n    title,\n    titleElement,\n    onTitleInputChange,\n    titleInputProps,\n    shouldSkipAnimation: shouldSkipAnimationProp = false,\n    titleColor,\n    shouldIndex = false,\n    onBodyAnimationComplete,\n}) => {\n    const {\n        isWrapped: groupIsWrapped,\n        openAccordionUuid,\n        accordionGroupUuid,\n        accordionUuids,\n        updateOpenAccordionUuid,\n    } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const { isWrapped: contextIsWrapped } = useContext(AccordionWrappedContext);\n    const isWrapped = useMemo(\n        () => groupIsWrapped ?? contextIsWrapped,\n        [contextIsWrapped, groupIsWrapped],\n    );\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const initialRenderSkipRef = useInitialRenderRef(true);\n\n    const shouldSkipAnimation =\n        shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);\n\n    const isInGroup = shouldSkipAnimation ? false : typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const isOpenRef = useRef(isOpen);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n\n    const isLastAccordion = useMemo(\n        () => (accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false),\n        [accordionUuids, uuid],\n    );\n\n    useEffect(() => {\n        isOpenRef.current = isOpen;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n    }, [isOpen, onClose, onOpen]);\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isDisabled && isOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid);\n            }\n\n            setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n        }\n    }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpenRef.current === 'function') {\n                onOpenRef.current();\n            }\n        } else if (typeof onCloseRef.current === 'function') {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n            } else {\n                setIsAccordionOpen(true);\n            }\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (typeof isOpened === 'boolean') {\n            if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n                updateOpenAccordionUuid(uuid);\n            } else {\n                setIsAccordionOpen(isOpened);\n            }\n        }\n    }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(\n        () => ({ isWrapped: isWrapped === true }),\n        [isWrapped],\n    );\n\n    const areaContextProviderValue = useMemo(\n        () => ({ shouldChangeColor: !shouldHideBackground }),\n        [shouldHideBackground],\n    );\n\n    const accordionWrappedContextProviderValue = useMemo(() => ({ isWrapped: true }), []);\n\n    const initialAnimation = useMemo(() => {\n        if (shouldSkipAnimation) {\n            return { height: 'auto', opacity: 1 };\n        }\n\n        return isOpen ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 };\n    }, [isOpen, shouldSkipAnimation]);\n\n    return (\n        <StyledMotionAccordion\n            animate={{ height: 'auto', opacity: 1 }}\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={initialAnimation}\n            $isOpen={isOpen}\n            tabIndex={shouldIndex ? 0 : -1}\n            $shouldShowLines={!isLastAccordion || !isWrapped}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\n            $shouldHideBottomLine={shouldHideBottomLine}\n            onKeyDown={(e) => {\n                if (\n                    e.key === 'Enter' &&\n                    (e.target as HTMLDivElement).className.includes('beta-chayns-accordion') &&\n                    shouldIndex\n                ) {\n                    e.preventDefault();\n                    handleHeadClick();\n                }\n            }}\n            onMouseEnter={onHoverStart}\n            onMouseLeave={onHoverEnd}\n            transition={{ duration: shouldSkipAnimation ? 0 : 0.25 }}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        uuid={uuid}\n                        icon={icon}\n                        isOpen={isOpen}\n                        shouldSkipAnimation={shouldSkipAnimation}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped === true}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchPlaceholder={searchPlaceholder}\n                        searchValue={searchValue}\n                        shouldRotateIcon={shouldRotateIcon}\n                        title={title}\n                        titleElement={titleElement}\n                        onTitleInputChange={onTitleInputChange}\n                        titleInputProps={titleInputProps}\n                        titleColor={titleColor}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                shouldSkipAnimation={shouldSkipAnimation}\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                onAnimationComplete={onBodyAnimationComplete}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                <AccordionWrappedContext.Provider\n                                    value={accordionWrappedContextProviderValue}\n                                >\n                                    <AreaContext.Provider value={areaContextProviderValue}>\n                                        {children}\n                                    </AreaContext.Provider>\n                                </AccordionWrappedContext.Provider>\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledMotionAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAC,uBAAA,CAAAF,OAAA;AAcA,IAAAG,KAAA,GAAAH,OAAA;AACA,IAAAI,oBAAA,GAAAJ,OAAA;AAEA,IAAAK,cAAA,GAAAC,sBAAA,CAAAN,OAAA;AACA,IAAAO,eAAA,GAAAP,OAAA;AACA,IAAAQ,cAAA,GAAAF,sBAAA,CAAAN,OAAA;AACA,IAAAS,yBAAA,GAAAT,OAAA;AACA,IAAAU,UAAA,GAAAV,OAAA;AACA,IAAAW,IAAA,GAAAX,OAAA;AAAsD,SAAAM,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAV,wBAAAU,CAAA,EAAAG,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAd,uBAAA,YAAAA,CAAAU,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;AAE/C,MAAMgB,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,gBAAGE,eAAK,CAACC,aAAa,CAA0B;EACzEC,SAAS,EAAEC;AACf,CAAC,CAAC;AAoIF,MAAMC,SAA6B,GAAGA,CAAC;EACnCC,aAAa;EACbC,QAAQ;EACRC,IAAI;EACJC,aAAa,GAAG,KAAK;EACrBC,UAAU,GAAG,KAAK;EAClBC,OAAO,GAAG,KAAK;EACfC,QAAQ;EACRC,aAAa,GAAG,KAAK;EACrBC,YAAY;EACZC,OAAO;EACPC,UAAU;EACVC,YAAY;EACZC,MAAM;EACNC,cAAc;EACdC,YAAY;EACZC,iBAAiB;EACjBC,WAAW;EACXC,qBAAqB,GAAG,KAAK;EAC7BC,oBAAoB,GAAG,KAAK;EAC5BC,kBAAkB,GAAG,KAAK;EAC1BC,gBAAgB,GAAG,IAAI;EACvBC,oBAAoB,GAAG,KAAK;EAC5BC,KAAK;EACLC,YAAY;EACZC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB,EAAEC,uBAAuB,GAAG,KAAK;EACpDC,UAAU;EACVC,WAAW,GAAG,KAAK;EACnBC;AACJ,CAAC,KAAK;EACF,MAAM;IACFjC,SAAS,EAAEkC,cAAc;IACzBC,iBAAiB;IACjBC,kBAAkB;IAClBC,cAAc;IACdC;EACJ,CAAC,GAAG,IAAAC,kBAAU,EAACC,qCAAqB,CAAC;EACrC,MAAM;IAAExC,SAAS,EAAEyC;EAAgB,CAAC,GAAG,IAAAF,kBAAU,EAAC3C,gBAAgB,CAAC;EAEnE,MAAM;IAAEI,SAAS,EAAE0C;EAAiB,CAAC,GAAG,IAAAH,kBAAU,EAACI,iDAAuB,CAAC;EAC3E,MAAM3C,SAAS,GAAG,IAAA4C,eAAO,EACrB,MAAMV,cAAc,IAAIQ,gBAAgB,EACxC,CAACA,gBAAgB,EAAER,cAAc,CACrC,CAAC;EAED,MAAM,CAACW,eAAe,EAAEC,kBAAkB,CAAC,GAAG,IAAAC,gBAAQ,EAAUzC,aAAa,IAAIG,QAAQ,CAAC;EAE1F,MAAMuC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEtB,MAAMC,kBAAkB,GAAG,IAAAC,cAAM,EAAC,IAAI,CAAC;EAEvC,MAAMC,oBAAoB,GAAG,IAAAC,wBAAmB,EAAC,IAAI,CAAC;EAEtD,MAAMxB,mBAAmB,GACrBC,uBAAuB,KAAKsB,oBAAoB,CAACE,OAAO,IAAIhD,aAAa,CAAC;EAE9E,MAAMiD,SAAS,GAAG1B,mBAAmB,GAAG,KAAK,GAAG,OAAOS,uBAAuB,KAAK,UAAU;EAE7F,MAAMkB,MAAM,GAAGD,SAAS,GAAGpB,iBAAiB,KAAKa,IAAI,GAAGH,eAAe;EAEvE,MAAMY,SAAS,GAAG,IAAAN,cAAM,EAACK,MAAM,CAAC;EAChC,MAAME,UAAU,GAAG,IAAAP,cAAM,EAACvC,OAAO,CAAC;EAClC,MAAM+C,SAAS,GAAG,IAAAR,cAAM,EAACpC,MAAM,CAAC;EAEhC,MAAM6C,eAAe,GAAG,IAAAhB,eAAO,EAC3B,MAAOP,cAAc,GAAGA,cAAc,CAACA,cAAc,CAACwB,MAAM,GAAG,CAAC,CAAC,KAAKb,IAAI,GAAG,KAAM,EACnF,CAACX,cAAc,EAAEW,IAAI,CACzB,CAAC;EAED,IAAAc,iBAAS,EAAC,MAAM;IACZL,SAAS,CAACH,OAAO,GAAGE,MAAM;IAC1BE,UAAU,CAACJ,OAAO,GAAG1C,OAAO;IAC5B+C,SAAS,CAACL,OAAO,GAAGvC,MAAM;EAC9B,CAAC,EAAE,CAACyC,MAAM,EAAE5C,OAAO,EAAEG,MAAM,CAAC,CAAC;EAE7B,MAAMgD,eAAe,GAAG,IAAAC,mBAAW,EAAC,MAAM;IACtC,IAAIzD,UAAU,EAAE;MACZ;IACJ;IAEA,IAAI,OAAO+B,uBAAuB,KAAK,UAAU,EAAE;MAC/CA,uBAAuB,CAACU,IAAI,CAAC;IACjC;IAEAF,kBAAkB,CAAEmB,sBAAsB,IAAK,CAACA,sBAAsB,CAAC;EAC3E,CAAC,EAAE,CAAC1D,UAAU,EAAE+B,uBAAuB,EAAEU,IAAI,CAAC,CAAC;EAE/C,IAAAc,iBAAS,EAAC,MAAM;IACZ,IAAIvD,UAAU,IAAIiD,MAAM,EAAE;MACtB,IAAI,OAAOlB,uBAAuB,KAAK,UAAU,EAAE;QAC/CA,uBAAuB,CAACU,IAAI,CAAC;MACjC;MAEAF,kBAAkB,CAAEmB,sBAAsB,IAAK,CAACA,sBAAsB,CAAC;IAC3E;EACJ,CAAC,EAAE,CAAC1D,UAAU,EAAEiD,MAAM,EAAElB,uBAAuB,EAAEU,IAAI,CAAC,CAAC;EAEvD,IAAAc,iBAAS,EAAC,MAAM;IACZ,IAAIZ,kBAAkB,CAACI,OAAO,EAAE;MAC5BJ,kBAAkB,CAACI,OAAO,GAAG,KAAK;IACtC,CAAC,MAAM,IAAIE,MAAM,EAAE;MACf,IAAI,OAAOG,SAAS,CAACL,OAAO,KAAK,UAAU,EAAE;QACzCK,SAAS,CAACL,OAAO,CAAC,CAAC;MACvB;IACJ,CAAC,MAAM,IAAI,OAAOI,UAAU,CAACJ,OAAO,KAAK,UAAU,EAAE;MACjDI,UAAU,CAACJ,OAAO,CAAC,CAAC;IACxB;EACJ,CAAC,EAAE,CAACE,MAAM,CAAC,CAAC;EAEZ,IAAAM,iBAAS,EAAC,MAAM;IACZ,IAAIxD,aAAa,EAAE;MACf,IAAI,OAAOgC,uBAAuB,KAAK,UAAU,EAAE;QAC/CA,uBAAuB,CAACU,IAAI,EAAE;UAAEkB,cAAc,EAAE;QAAK,CAAC,CAAC;MAC3D,CAAC,MAAM;QACHpB,kBAAkB,CAAC,IAAI,CAAC;MAC5B;IACJ;EACJ,CAAC,EAAE,CAACxC,aAAa,EAAEgC,uBAAuB,EAAEU,IAAI,CAAC,CAAC;EAElD,IAAAc,iBAAS,EAAC,MAAM;IACZ,IAAI,OAAOrD,QAAQ,KAAK,SAAS,EAAE;MAC/B,IAAI,OAAO6B,uBAAuB,KAAK,UAAU,IAAI7B,QAAQ,KAAKgD,SAAS,CAACH,OAAO,EAAE;QACjFhB,uBAAuB,CAACU,IAAI,CAAC;MACjC,CAAC,MAAM;QACHF,kBAAkB,CAACrC,QAAQ,CAAC;MAChC;IACJ;EACJ,CAAC,EAAE,CAACA,QAAQ,EAAE6B,uBAAuB,EAAEU,IAAI,CAAC,CAAC;EAE7C,MAAMmB,6BAA6B,GAAG,IAAAvB,eAAO,EACzC,OAAO;IAAE5C,SAAS,EAAEA,SAAS,KAAK;EAAK,CAAC,CAAC,EACzC,CAACA,SAAS,CACd,CAAC;EAED,MAAMoE,wBAAwB,GAAG,IAAAxB,eAAO,EACpC,OAAO;IAAEyB,iBAAiB,EAAE,CAAChD;EAAqB,CAAC,CAAC,EACpD,CAACA,oBAAoB,CACzB,CAAC;EAED,MAAMiD,oCAAoC,GAAG,IAAA1B,eAAO,EAAC,OAAO;IAAE5C,SAAS,EAAE;EAAK,CAAC,CAAC,EAAE,EAAE,CAAC;EAErF,MAAMuE,gBAAgB,GAAG,IAAA3B,eAAO,EAAC,MAAM;IACnC,IAAIf,mBAAmB,EAAE;MACrB,OAAO;QAAE2C,MAAM,EAAE,MAAM;QAAEC,OAAO,EAAE;MAAE,CAAC;IACzC;IAEA,OAAOjB,MAAM,GAAG;MAAEgB,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAC,GAAG;MAAED,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAC;EAC9E,CAAC,EAAE,CAACjB,MAAM,EAAE3B,mBAAmB,CAAC,CAAC;EAEjC,oBACI/D,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAACnG,UAAA,CAAAoG,qBAAqB;IAClBC,OAAO,EAAE;MAAEJ,MAAM,EAAE,MAAM;MAAEC,OAAO,EAAE;IAAE,CAAE;IACxC,aAAW,GAAGrC,kBAAkB,IAAI,EAAE,MAAMY,IAAI,EAAG;IACnD6B,SAAS,EAAC,uBAAuB;IACjCC,IAAI,EAAE;MAAEN,MAAM,EAAE,CAAC;MAAEC,OAAO,EAAE;IAAE,CAAE;IAChCM,OAAO,EAAER,gBAAiB;IAC1BS,OAAO,EAAExB,MAAO;IAChByB,QAAQ,EAAEjD,WAAW,GAAG,CAAC,GAAG,CAAC,CAAE;IAC/BkD,gBAAgB,EAAE,CAACtB,eAAe,IAAI,CAAC5D,SAAU;IACjDmF,gBAAgB,EAAE1C,eAAgB;IAClC2C,UAAU,EAAEpF,SAAU;IACtBqF,sBAAsB,EAAEjE,qBAAsB;IAC9CkE,qBAAqB,EAAEjE,oBAAqB;IAC5CkE,qBAAqB,EAAE/D,oBAAqB;IAC5CgE,SAAS,EAAG/G,CAAC,IAAK;MACd,IACIA,CAAC,CAACgH,GAAG,KAAK,OAAO,IAChBhH,CAAC,CAACiH,MAAM,CAAoBb,SAAS,CAACc,QAAQ,CAAC,uBAAuB,CAAC,IACxE3D,WAAW,EACb;QACEvD,CAAC,CAACmH,cAAc,CAAC,CAAC;QAClB7B,eAAe,CAAC,CAAC;MACrB;IACJ,CAAE;IACF8B,YAAY,EAAE/E,YAAa;IAC3BgF,YAAY,EAAEjF,UAAW;IACzBkF,UAAU,EAAE;MAAEC,QAAQ,EAAEnE,mBAAmB,GAAG,CAAC,GAAG;IAAK;EAAE,gBAEzD/D,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAAC9E,gBAAgB,CAACqG,QAAQ;IAACC,KAAK,EAAE/B;EAA8B,gBAC5DrG,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAAC9G,MAAA,CAAAuI,YAAY;IAACJ,UAAU,EAAE;MAAEK,IAAI,EAAE;IAAQ;EAAE,gBACxCtI,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAACrG,cAAA,CAAAM,OAAa;IACVqE,IAAI,EAAEA,IAAK;IACX3C,IAAI,EAAEA,IAAK;IACXmD,MAAM,EAAEA,MAAO;IACf3B,mBAAmB,EAAEA,mBAAoB;IACzCrB,OAAO,EAAEA,OAAQ;IACjBE,aAAa,EAAEA,aAAa,IAAIH,UAAW;IAC3CP,SAAS,EAAEA,SAAS,KAAK,IAAK;IAC9BqG,OAAO,EAAEtC,eAAgB;IACzB/C,cAAc,EAAEA,cAAe;IAC/BC,YAAY,EAAEA,YAAa;IAC3BC,iBAAiB,EAAEA,iBAAkB;IACrCC,WAAW,EAAEA,WAAY;IACzBI,gBAAgB,EAAEA,gBAAiB;IACnCE,KAAK,EAAEA,KAAM;IACbC,YAAY,EAAEA,YAAa;IAC3BC,kBAAkB,EAAEA,kBAAmB;IACvCC,eAAe,EAAEA,eAAgB;IACjCG,UAAU,EAAEA;EAAW,CAC1B,CAAC,eACFjE,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAAC9G,MAAA,CAAA0I,eAAe;IAACvB,OAAO,EAAE;EAAM,GAC3B,CAACvB,MAAM,IAAIlC,kBAAkB,kBAC1BxD,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAACxG,cAAA,CAAAS,OAAa;IACVkD,mBAAmB,EAAEA,mBAAoB;IACzC0E,SAAS,EAAEpG,aAAc;IACzBqG,QAAQ,EAAE7F,YAAa;IACvB8F,mBAAmB,EAAExE,uBAAwB;IAC7CyE,cAAc,EAAEpF,kBAAkB,IAAI,CAACkC;EAAO,gBAE9C1F,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAACpG,yBAAA,CAAAqE,uBAAuB,CAACsD,QAAQ;IAC7BC,KAAK,EAAE5B;EAAqC,gBAE5CxG,OAAA,CAAAa,OAAA,CAAA+F,aAAA,CAACzG,oBAAA,CAAA0I,WAAW,CAACV,QAAQ;IAACC,KAAK,EAAE9B;EAAyB,GACjDhE,QACiB,CACQ,CACvB,CAEN,CACP,CACS,CACR,CAAC;AAEhC,CAAC;AAEDF,SAAS,CAAC0G,WAAW,GAAG,WAAW;AAAC,IAAAC,QAAA,GAAAhH,OAAA,CAAAlB,OAAA,GAErBuB,SAAS","ignoreList":[]}
+{"version":3,"file":"Accordion.js","names":["_react","require","_react2","_interopRequireWildcard","_uuid","_AreaContextProvider","_AccordionBody","_interopRequireDefault","_AccordionGroup","_AccordionHead","_AccordionContextProvider","_Accordion","_ref","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","AccordionContext","exports","React","createContext","isWrapped","undefined","Accordion","bodyMaxHeight","children","icon","isDefaultOpen","isDisabled","isFixed","isOpened","isTitleGreyed","onBodyScroll","onClose","onHoverEnd","onHoverStart","onOpen","onSearchChange","rightElement","searchPlaceholder","searchValue","shouldForceBackground","shouldHideBackground","shouldRenderClosed","shouldRotateIcon","shouldHideBottomLine","title","titleElement","onTitleInputChange","titleInputProps","shouldSkipAnimation","shouldSkipAnimationProp","colors","shouldIndex","onBodyAnimationComplete","groupIsWrapped","openAccordionUuid","accordionGroupUuid","accordionUuids","updateOpenAccordionUuid","useContext","AccordionGroupContext","isParentWrapped","contextIsWrapped","AccordionWrappedContext","useMemo","isAccordionOpen","setIsAccordionOpen","useState","uuid","useUuid","isInitialRenderRef","useRef","initialRenderSkipRef","useInitialRenderRef","current","isInGroup","isOpen","isOpenRef","onCloseRef","onOpenRef","isLastAccordion","length","useEffect","handleHeadClick","useCallback","currentIsAccordionOpen","shouldOnlyOpen","accordionContextProviderValue","areaContextProviderValue","shouldChangeColor","accordionWrappedContextProviderValue","initialAnimation","height","opacity","createElement","StyledMotionAccordion","animate","className","exit","initial","$isOpen","tabIndex","$shouldShowLines","$isParentWrapped","$isWrapped","$shouldForceBackground","$shouldHideBackground","$shouldHideBottomLine","$bottomBorderColor","borderBottomColor","onKeyDown","key","target","includes","preventDefault","onMouseEnter","onMouseLeave","transition","duration","Provider","value","MotionConfig","type","onClick","titleColor","AnimatePresence","maxHeight","onScroll","onAnimationComplete","shouldHideBody","AreaContext","displayName","_default"],"sources":["../../../../src/components/accordion/Accordion.tsx"],"sourcesContent":["import { AnimatePresence, MotionConfig } from 'motion/react';\nimport React, {\n    ChangeEventHandler,\n    type CSSProperties,\n    FC,\n    type MouseEventHandler,\n    ReactNode,\n    UIEvent,\n    useCallback,\n    useContext,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport { AreaContext } from '../area-provider/AreaContextProvider';\nimport type { InputProps } from '../input/Input';\nimport AccordionBody from './accordion-body/AccordionBody';\nimport { AccordionGroupContext } from './accordion-group/AccordionGroup';\nimport AccordionHead from './accordion-head/AccordionHead';\nimport { AccordionWrappedContext } from './accordion-provider/AccordionContextProvider';\nimport { StyledMotionAccordion } from './Accordion.styles';\nimport { useInitialRenderRef } from '../../hooks/ref';\n\nexport const AccordionContext = React.createContext<{ isWrapped?: boolean }>({\n    isWrapped: undefined,\n});\n\ntype AccordionColors = {\n    titleColor?: CSSProperties['color'];\n    borderBottomColor?: CSSProperties['borderBottomColor'];\n};\n\nexport type AccordionProps = {\n    /**\n     * Maximum height of the accordion body element. This automatically makes the content of the\n     * body element scrollable.\n     */\n    bodyMaxHeight?: number;\n    /**\n     * The content of the accordion body\n     */\n    children: ReactNode;\n    /**\n     * The icon that is displayed in front of the title\n     */\n    icon?: string;\n    /**\n     * This can be used to automatically expand the Accordion during the first render.\n     */\n    isDefaultOpen?: boolean;\n    /**\n     * This will disable the Accordion so that it cannot be opened and will gray out the title. Does not work with isOpened.\n     */\n    isDisabled?: boolean;\n    /**\n     * This can be used so that the Accordion cannot be opened or closed.\n     * In addition, in this case the icon is exchanged to mark the Accordions.\n     */\n    isFixed?: boolean;\n    /**\n     * This can be used to open the Accordion from the outside\n     */\n    isOpened?: boolean;\n    /**\n     * This will gray out the title of the Accordion to indicate hidden content, for example.\n     */\n    isTitleGreyed?: boolean;\n    /**\n     * Function that is executed when the accordion body will be scrolled\n     */\n    onBodyScroll?: (event: UIEvent<HTMLDivElement>) => void;\n    /**\n     * Function that is executed when the accordion will be closed.\n     */\n    onClose?: VoidFunction;\n    /**\n     * Function to be executed when the accordion is no longer hovered.\n     */\n    onHoverEnd?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function to be executed when the accordion is hovered.\n     */\n    onHoverStart?: MouseEventHandler<HTMLDivElement>;\n    /**\n     * Function that is executed when the accordion will be opened.\n     */\n    onOpen?: VoidFunction;\n    /**\n     * Function that is executed when the accordion body is animated\n     */\n    onBodyAnimationComplete?: VoidFunction;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * head changes. When this function is given, the search field is displayed\n     * in the Accordion Head.\n     */\n    onSearchChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Function that is executed when the text of the search in the accordion\n     * title changes. When this function is given, the search field is displayed\n     * as the Accordion title.\n     */\n    onTitleInputChange?: ChangeEventHandler<HTMLInputElement>;\n    /**\n     * Content to be displayed on the right side in the head of the Accordion\n     */\n    rightElement?: ReactNode;\n    /**\n     * The placeholder to be used for the search\n     */\n    searchPlaceholder?: string;\n    /**\n     * The value that is displayed inside the search\n     */\n    searchValue?: string;\n    /**\n     * This will force the background color of the accordion to be used even if it is closed and not hovered.\n     */\n    shouldForceBackground?: boolean;\n    /**\n     * This will hide the background color of the accordion\n     */\n    shouldHideBackground?: boolean;\n    /**\n     * Whether the bottom line should be hidden.\n     */\n    shouldHideBottomLine?: boolean;\n    /**\n     * This will render the Accordion closed on the first render.\n     */\n    shouldRenderClosed?: boolean;\n    /**\n     * Whether the icon should be rotating.\n     */\n    shouldRotateIcon?: boolean;\n    /**\n     * Whether the animation should be skipped.\n     * If 'isDefaultOpen' is true the initial animation will be skipped even this prop is false\n     */\n    shouldSkipAnimation?: boolean;\n    /**\n     * Title of the Accordion displayed in the head\n     */\n    title?: string;\n    /**\n     * Additional elements to be displayed in the header next to the title.\n     */\n    titleElement?: ReactNode;\n    /**\n     * The props of the title Input.\n     */\n    titleInputProps?: InputProps;\n    /**\n     * Provide custom colors to the Accordion Component\n     */\n    colors?: AccordionColors;\n    /**\n     * Whether the accordion should be indexed.\n     */\n    shouldIndex?: boolean;\n};\n\nconst Accordion: FC<AccordionProps> = ({\n    bodyMaxHeight,\n    children,\n    icon,\n    isDefaultOpen = false,\n    isDisabled = false,\n    isFixed = false,\n    isOpened,\n    isTitleGreyed = false,\n    onBodyScroll,\n    onClose,\n    onHoverEnd,\n    onHoverStart,\n    onOpen,\n    onSearchChange,\n    rightElement,\n    searchPlaceholder,\n    searchValue,\n    shouldForceBackground = false,\n    shouldHideBackground = false,\n    shouldRenderClosed = false,\n    shouldRotateIcon = true,\n    shouldHideBottomLine = false,\n    title,\n    titleElement,\n    onTitleInputChange,\n    titleInputProps,\n    shouldSkipAnimation: shouldSkipAnimationProp = false,\n    colors,\n    shouldIndex = false,\n    onBodyAnimationComplete,\n}) => {\n    const {\n        isWrapped: groupIsWrapped,\n        openAccordionUuid,\n        accordionGroupUuid,\n        accordionUuids,\n        updateOpenAccordionUuid,\n    } = useContext(AccordionGroupContext);\n    const { isWrapped: isParentWrapped } = useContext(AccordionContext);\n\n    const { isWrapped: contextIsWrapped } = useContext(AccordionWrappedContext);\n    const isWrapped = useMemo(\n        () => groupIsWrapped ?? contextIsWrapped,\n        [contextIsWrapped, groupIsWrapped],\n    );\n\n    const [isAccordionOpen, setIsAccordionOpen] = useState<boolean>(isDefaultOpen ?? isOpened);\n\n    const uuid = useUuid();\n\n    const isInitialRenderRef = useRef(true);\n\n    const initialRenderSkipRef = useInitialRenderRef(true);\n\n    const shouldSkipAnimation =\n        shouldSkipAnimationProp ?? (initialRenderSkipRef.current && isDefaultOpen);\n\n    const isInGroup = shouldSkipAnimation ? false : typeof updateOpenAccordionUuid === 'function';\n\n    const isOpen = isInGroup ? openAccordionUuid === uuid : isAccordionOpen;\n\n    const isOpenRef = useRef(isOpen);\n    const onCloseRef = useRef(onClose);\n    const onOpenRef = useRef(onOpen);\n\n    const isLastAccordion = useMemo(\n        () => (accordionUuids ? accordionUuids[accordionUuids.length - 1] === uuid : false),\n        [accordionUuids, uuid],\n    );\n\n    useEffect(() => {\n        isOpenRef.current = isOpen;\n        onCloseRef.current = onClose;\n        onOpenRef.current = onOpen;\n    }, [isOpen, onClose, onOpen]);\n\n    const handleHeadClick = useCallback(() => {\n        if (isDisabled) {\n            return;\n        }\n\n        if (typeof updateOpenAccordionUuid === 'function') {\n            updateOpenAccordionUuid(uuid);\n        }\n\n        setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n    }, [isDisabled, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isDisabled && isOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid);\n            }\n\n            setIsAccordionOpen((currentIsAccordionOpen) => !currentIsAccordionOpen);\n        }\n    }, [isDisabled, isOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (isInitialRenderRef.current) {\n            isInitialRenderRef.current = false;\n        } else if (isOpen) {\n            if (typeof onOpenRef.current === 'function') {\n                onOpenRef.current();\n            }\n        } else if (typeof onCloseRef.current === 'function') {\n            onCloseRef.current();\n        }\n    }, [isOpen]);\n\n    useEffect(() => {\n        if (isDefaultOpen) {\n            if (typeof updateOpenAccordionUuid === 'function') {\n                updateOpenAccordionUuid(uuid, { shouldOnlyOpen: true });\n            } else {\n                setIsAccordionOpen(true);\n            }\n        }\n    }, [isDefaultOpen, updateOpenAccordionUuid, uuid]);\n\n    useEffect(() => {\n        if (typeof isOpened === 'boolean') {\n            if (typeof updateOpenAccordionUuid === 'function' && isOpened !== isOpenRef.current) {\n                updateOpenAccordionUuid(uuid);\n            } else {\n                setIsAccordionOpen(isOpened);\n            }\n        }\n    }, [isOpened, updateOpenAccordionUuid, uuid]);\n\n    const accordionContextProviderValue = useMemo(\n        () => ({ isWrapped: isWrapped === true }),\n        [isWrapped],\n    );\n\n    const areaContextProviderValue = useMemo(\n        () => ({ shouldChangeColor: !shouldHideBackground }),\n        [shouldHideBackground],\n    );\n\n    const accordionWrappedContextProviderValue = useMemo(() => ({ isWrapped: true }), []);\n\n    const initialAnimation = useMemo(() => {\n        if (shouldSkipAnimation) {\n            return { height: 'auto', opacity: 1 };\n        }\n\n        return isOpen ? { height: 'auto', opacity: 1 } : { height: 0, opacity: 0 };\n    }, [isOpen, shouldSkipAnimation]);\n\n    return (\n        <StyledMotionAccordion\n            animate={{ height: 'auto', opacity: 1 }}\n            data-uuid={`${accordionGroupUuid ?? ''}---${uuid}`}\n            className=\"beta-chayns-accordion\"\n            exit={{ height: 0, opacity: 0 }}\n            initial={initialAnimation}\n            $isOpen={isOpen}\n            tabIndex={shouldIndex ? 0 : -1}\n            $shouldShowLines={!isLastAccordion || !isWrapped}\n            $isParentWrapped={isParentWrapped}\n            $isWrapped={isWrapped}\n            $shouldForceBackground={shouldForceBackground}\n            $shouldHideBackground={shouldHideBackground}\n            $shouldHideBottomLine={shouldHideBottomLine}\n            $bottomBorderColor={colors?.borderBottomColor}\n            onKeyDown={(e) => {\n                if (\n                    e.key === 'Enter' &&\n                    (e.target as HTMLDivElement).className.includes('beta-chayns-accordion') &&\n                    shouldIndex\n                ) {\n                    e.preventDefault();\n                    handleHeadClick();\n                }\n            }}\n            onMouseEnter={onHoverStart}\n            onMouseLeave={onHoverEnd}\n            transition={{ duration: shouldSkipAnimation ? 0 : 0.25 }}\n        >\n            <AccordionContext.Provider value={accordionContextProviderValue}>\n                <MotionConfig transition={{ type: 'tween' }}>\n                    <AccordionHead\n                        uuid={uuid}\n                        icon={icon}\n                        isOpen={isOpen}\n                        shouldSkipAnimation={shouldSkipAnimation}\n                        isFixed={isFixed}\n                        isTitleGreyed={isTitleGreyed || isDisabled}\n                        isWrapped={isWrapped === true}\n                        onClick={handleHeadClick}\n                        onSearchChange={onSearchChange}\n                        rightElement={rightElement}\n                        searchPlaceholder={searchPlaceholder}\n                        searchValue={searchValue}\n                        shouldRotateIcon={shouldRotateIcon}\n                        title={title}\n                        titleElement={titleElement}\n                        onTitleInputChange={onTitleInputChange}\n                        titleInputProps={titleInputProps}\n                        titleColor={colors?.titleColor}\n                    />\n                    <AnimatePresence initial={false}>\n                        {(isOpen || shouldRenderClosed) && (\n                            <AccordionBody\n                                shouldSkipAnimation={shouldSkipAnimation}\n                                maxHeight={bodyMaxHeight}\n                                onScroll={onBodyScroll}\n                                onAnimationComplete={onBodyAnimationComplete}\n                                shouldHideBody={shouldRenderClosed && !isOpen}\n                            >\n                                <AccordionWrappedContext.Provider\n                                    value={accordionWrappedContextProviderValue}\n                                >\n                                    <AreaContext.Provider value={areaContextProviderValue}>\n                                        {children}\n                                    </AreaContext.Provider>\n                                </AccordionWrappedContext.Provider>\n                            </AccordionBody>\n                        )}\n                    </AnimatePresence>\n                </MotionConfig>\n            </AccordionContext.Provider>\n        </StyledMotionAccordion>\n    );\n};\n\nAccordion.displayName = 'Accordion';\n\nexport default Accordion;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/accordion/Accordion.styles.js

@@ -46,9 +46,13 @@ const StyledMotionAccordion = exports.StyledMotionAccordion = (0, _styledCompone
   $shouldForceBackground,
   $shouldShowLines,
   $shouldHideBottomLine,
-  theme
+  theme,
+  $bottomBorderColor
 }) => {
   if ($shouldForceBackground || $shouldHideBottomLine) return undefined;
+  if ($bottomBorderColor) return (0, _styledComponents.css)`
+                border-bottom-color: ${$bottomBorderColor};
+            `;
   if (theme.accordionLines) {
     if ($isWrapped && $shouldShowLines) {
       return (0, _styledComponents.css)`

package/lib/cjs/components/accordion/Accordion.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Accordion.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMotionAccordion","exports","styled","motion","div","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","css","cardBackgroundOpacity","cardBorderRadius","cardShadow","accordionLines","$shouldShowLines","$shouldHideBottomLine","undefined","$isParentWrapped"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n    $isOpen: boolean;\n    $isParentWrapped?: boolean;\n    $isWrapped?: boolean;\n    $shouldForceBackground?: boolean;\n    $shouldHideBackground?: boolean;\n    $shouldShowLines?: boolean;\n    $shouldHideBottomLine: boolean;\n}>;\n\nexport const StyledMotionAccordion = styled(motion.div)<StyledMotionAccordionProps>`\n    ${({\n        $isOpen,\n        $isWrapped,\n        $shouldForceBackground,\n        $shouldHideBackground,\n        theme,\n    }: StyledMotionAccordionProps) =>\n        ($isOpen || $shouldForceBackground) &&\n        !$isWrapped &&\n        !$shouldHideBackground &&\n        css`\n            background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n            border-radius: ${theme.cardBorderRadius}px;\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `}\n\n    ${({ theme }: StyledMotionAccordionProps) =>\n        theme.accordionLines &&\n        css`\n            border-bottom: 1px solid transparent;\n        `}\n\n    margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n        $isOpen && !$isWrapped ? '30px' : '0px'};\n    transition:\n        background-color 0.3s ease,\n        border-bottom-color 0.3s ease,\n        border-radius 0.3s ease,\n        box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n    will-change: unset !important;\n\n    margin-top: 10px;\n\n    ${({\n        $isOpen,\n        $isWrapped,\n        $shouldForceBackground,\n        $shouldShowLines,\n        $shouldHideBottomLine,\n        theme,\n    }: StyledMotionAccordionProps) => {\n        if ($shouldForceBackground || $shouldHideBottomLine) return undefined;\n\n        if (theme.accordionLines) {\n            if ($isWrapped && $shouldShowLines) {\n                return css`\n                    border-bottom-color: rgba(${theme['headline-rgb']}, 1);\n                `;\n            }\n\n            if (!$isOpen && $shouldShowLines) {\n                return css`\n                    border-bottom-color: rgba(${theme['headline-rgb']}, 1);\n                `;\n            }\n        }\n\n        return undefined;\n    }}\n    ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n        $isParentWrapped &&\n        css`\n            padding-left: 17px;\n        `}\n    ${({ $isWrapped }: StyledMotionAccordionProps) =>\n        !$isWrapped\n            ? css`\n                  margin-top: 5px;\n              `\n            : css`\n                  margin: 0;\n              `}\n    ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n        !$isWrapped &&\n        !$shouldHideBackground &&\n        css`\n            &:hover,\n            &:focus-visible {\n                background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n            }\n        `};\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Accordion.styles.js","names":["_react","require","_styledComponents","_interopRequireWildcard","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","StyledMotionAccordion","exports","styled","motion","div","$isOpen","$isWrapped","$shouldForceBackground","$shouldHideBackground","theme","css","cardBackgroundOpacity","cardBorderRadius","cardShadow","accordionLines","$shouldShowLines","$shouldHideBottomLine","$bottomBorderColor","undefined","$isParentWrapped"],"sources":["../../../../src/components/accordion/Accordion.styles.ts"],"sourcesContent":["import { motion } from 'motion/react';\nimport styled, { css } from 'styled-components';\nimport type { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';\n\ntype StyledMotionAccordionProps = WithTheme<{\n    $isOpen: boolean;\n    $isParentWrapped?: boolean;\n    $isWrapped?: boolean;\n    $shouldForceBackground?: boolean;\n    $shouldHideBackground?: boolean;\n    $shouldShowLines?: boolean;\n    $shouldHideBottomLine: boolean;\n    $bottomBorderColor?: string;\n}>;\n\nexport const StyledMotionAccordion = styled(motion.div)<StyledMotionAccordionProps>`\n    ${({\n        $isOpen,\n        $isWrapped,\n        $shouldForceBackground,\n        $shouldHideBackground,\n        theme,\n    }: StyledMotionAccordionProps) =>\n        ($isOpen || $shouldForceBackground) &&\n        !$isWrapped &&\n        !$shouldHideBackground &&\n        css`\n            background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n            border-radius: ${theme.cardBorderRadius}px;\n            box-shadow: 0 2px 6px 0 rgba(0, 0, 0, ${theme.cardShadow});\n        `}\n\n    ${({ theme }: StyledMotionAccordionProps) =>\n        theme.accordionLines &&\n        css`\n            border-bottom: 1px solid transparent;\n        `}\n\n    margin-bottom: ${({ $isOpen, $isWrapped }: StyledMotionAccordionProps) =>\n        $isOpen && !$isWrapped ? '30px' : '0px'};\n    transition:\n        background-color 0.3s ease,\n        border-bottom-color 0.3s ease,\n        border-radius 0.3s ease,\n        box-shadow 0.3s ease,\n        margin-bottom 0.3s ease;\n    will-change: unset !important;\n\n    margin-top: 10px;\n\n    ${({\n        $isOpen,\n        $isWrapped,\n        $shouldForceBackground,\n        $shouldShowLines,\n        $shouldHideBottomLine,\n        theme,\n        $bottomBorderColor,\n    }: StyledMotionAccordionProps) => {\n        if ($shouldForceBackground || $shouldHideBottomLine) return undefined;\n\n        if ($bottomBorderColor)\n            return css`\n                border-bottom-color: ${$bottomBorderColor};\n            `;\n        if (theme.accordionLines) {\n            if ($isWrapped && $shouldShowLines) {\n                return css`\n                    border-bottom-color: rgba(${theme['headline-rgb']}, 1);\n                `;\n            }\n\n            if (!$isOpen && $shouldShowLines) {\n                return css`\n                    border-bottom-color: rgba(${theme['headline-rgb']}, 1);\n                `;\n            }\n        }\n\n        return undefined;\n    }}\n    ${({ $isParentWrapped }: StyledMotionAccordionProps) =>\n        $isParentWrapped &&\n        css`\n            padding-left: 17px;\n        `}\n    ${({ $isWrapped }: StyledMotionAccordionProps) =>\n        !$isWrapped\n            ? css`\n                  margin-top: 5px;\n              `\n            : css`\n                  margin: 0;\n              `}\n    ${({ $isWrapped, $shouldHideBackground, theme }: StyledMotionAccordionProps) =>\n        !$isWrapped &&\n        !$shouldHideBackground &&\n        css`\n            &:hover,\n            &:focus-visible {\n                background-color: rgba(${theme['100-rgb']}, ${theme.cardBackgroundOpacity});\n            }\n        `};\n`;\n"],"mappings":"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","ignoreList":[]}

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

@@ -22,6 +22,7 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
   container,
   onHide,
   children,
+  isOpen,
   shouldHideOnChildrenLeave,
   shouldShowOnHover = false,
   shouldUseChildrenWidth = true,
@@ -36,13 +37,16 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
   });
   const [internalAlignment, setInternalAlignment] = (0, _react2.useState)(_popup.PopupAlignment.TopLeft);
   const [offset, setOffset] = (0, _react2.useState)(0);
-  const [isOpen, setIsOpen] = (0, _react2.useState)(shouldBeOpen);
+  const [isInternallyOpen, setIsInternallyOpen] = (0, _react2.useState)(shouldBeOpen);
   const [portal, setPortal] = (0, _react2.useState)();
   const [pseudoSize, setPseudoSize] = (0, _react2.useState)();
   const [newContainer, setNewContainer] = (0, _react2.useState)(container ?? null);
   const [contentMaxHeight, setContentMaxHeight] = (0, _react2.useState)(undefined);
   const timeout = (0, _react2.useRef)();
+  const previousIsVisibleRef = (0, _react2.useRef)(false);
   const uuid = (0, _uuid.useUuid)();
+  const isControlled = typeof isOpen === 'boolean';
+  const isPopupOpen = isControlled ? isOpen : isInternallyOpen;
   const {
     height,
     width,
@@ -71,7 +75,7 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
       width
     });
   }, [height, width]);
-  const handleShow = (0, _react2.useCallback)(() => {
+  const updatePopupPosition = (0, _react2.useCallback)(() => {
     if (popupRef.current && pseudoSize) {
       if (!newContainer) {
         return;
@@ -137,21 +141,33 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
           y
         });
       }
-      setIsOpen(true);
     }
   }, [alignment, newContainer, pseudoSize, shouldScrollWithContent, yOffset]);
+  const handleShow = (0, _react2.useCallback)(() => {
+    updatePopupPosition();
+    if (isControlled) {
+      return;
+    }
+    setIsInternallyOpen(true);
+  }, [isControlled, updatePopupPosition]);
   (0, _react2.useEffect)(() => {
+    if (isControlled) {
+      if (isOpen) {
+        updatePopupPosition();
+      }
+      return;
+    }
     if (shouldBeOpen) {
       handleShow();
     }
-  }, [handleShow, shouldBeOpen]);
+  }, [handleShow, isControlled, isOpen, shouldBeOpen, updatePopupPosition]);
   const handleReposition = (0, _react2.useCallback)(() => {
-    if (isOpen) {
-      handleShow();
+    if (isPopupOpen) {
+      updatePopupPosition();
     }
-  }, [handleShow, isOpen]);
+  }, [isPopupOpen, updatePopupPosition]);
   (0, _react2.useEffect)(() => {
-    if (!isOpen) {
+    if (!isPopupOpen) {
       return;
     }
     window.addEventListener('resize', handleReposition);
@@ -160,7 +176,7 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
       window.removeEventListener('resize', handleReposition);
       window.removeEventListener('scroll', handleReposition, true);
     };
-  }, [handleReposition, isOpen]);
+  }, [handleReposition, isPopupOpen]);
   (0, _react2.useEffect)(() => {
     if (!newContainer || !popupRef.current) return;
     const viewHeight = newContainer.clientHeight;
@@ -172,18 +188,30 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
     }
   }, [coordinates.y, internalAlignment, newContainer]);
   const handleChildrenClick = () => {
+    if (isControlled) {
+      return;
+    }
     handleShow();
   };
   const handleHide = (0, _react2.useCallback)(() => {
-    setIsOpen(false);
-  }, []);
+    if (isControlled) {
+      return;
+    }
+    setIsInternallyOpen(false);
+  }, [isControlled]);
   const handleMouseEnter = (0, _react2.useCallback)(() => {
+    if (isControlled) {
+      return;
+    }
     if (shouldShowOnHover) {
       window.clearTimeout(timeout.current);
       handleShow();
     }
-  }, [handleShow, shouldShowOnHover]);
+  }, [handleShow, isControlled, shouldShowOnHover]);
   const handleMouseLeave = (0, _react2.useCallback)(() => {
+    if (isControlled) {
+      return;
+    }
     if (!shouldShowOnHover) {
       return;
     }
@@ -194,7 +222,7 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
     timeout.current = window.setTimeout(() => {
       handleHide();
     }, 500);
-  }, [handleHide, shouldHideOnChildrenLeave, shouldShowOnHover]);
+  }, [handleHide, isControlled, shouldHideOnChildrenLeave, shouldShowOnHover]);
   const handleDocumentClick = (0, _react2.useCallback)(event => {
     var _popupContentRef$curr;
     if (!((_popupContentRef$curr = popupContentRef.current) !== null && _popupContentRef$curr !== void 0 && _popupContentRef$curr.contains(event.target))) {
@@ -206,27 +234,36 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
     show: handleShow
   }), [handleHide, handleShow]);
   (0, _react2.useEffect)(() => {
-    if (isOpen && !shouldBeOpen) {
+    if (!isPopupOpen) {
+      return undefined;
+    }
+    if (!isControlled && !shouldBeOpen) {
       document.addEventListener('click', handleDocumentClick, true);
       window.addEventListener('blur', handleHide);
-      if (typeof onShow === 'function') {
-        onShow();
-      }
-    } else if (typeof onHide === 'function') {
-      onHide();
     }
     return () => {
       document.removeEventListener('click', handleDocumentClick, true);
       window.removeEventListener('blur', handleHide);
     };
-  }, [handleDocumentClick, handleHide, isOpen, onHide, onShow, shouldBeOpen]);
+  }, [handleDocumentClick, handleHide, isControlled, isPopupOpen, shouldBeOpen]);
+  (0, _react2.useEffect)(() => {
+    if (previousIsVisibleRef.current === isPopupOpen) {
+      return;
+    }
+    previousIsVisibleRef.current = isPopupOpen;
+    if (isPopupOpen) {
+      onShow === null || onShow === void 0 || onShow();
+      return;
+    }
+    onHide === null || onHide === void 0 || onHide();
+  }, [isPopupOpen, onHide, onShow]);
   (0, _react2.useEffect)(() => {
     if (!newContainer) {
       return;
     }
     setPortal(() => /*#__PURE__*/(0, _reactDom.createPortal)(/*#__PURE__*/_react2.default.createElement(_react.AnimatePresence, {
       initial: false
-    }, isOpen && /*#__PURE__*/_react2.default.createElement(_PopupContentWrapper.default, {
+    }, isPopupOpen && /*#__PURE__*/_react2.default.createElement(_PopupContentWrapper.default, {
       width: (pseudoSize === null || pseudoSize === void 0 ? void 0 : pseudoSize.width) ?? 0,
       offset: offset,
       shouldScrollWithContent: shouldScrollWithContent,
@@ -240,7 +277,7 @@ const Popup = /*#__PURE__*/(0, _react2.forwardRef)(({
     }, /*#__PURE__*/_react2.default.createElement(_AreaContextProvider.default, {
       shouldChangeColor: true
     }, content))), newContainer));
-  }, [contentMaxHeight, internalAlignment, newContainer, content, coordinates, handleMouseEnter, handleMouseLeave, isOpen, offset, pseudoSize === null || pseudoSize === void 0 ? void 0 : pseudoSize.width, uuid, shouldScrollWithContent]);
+  }, [contentMaxHeight, internalAlignment, newContainer, content, coordinates, handleMouseEnter, handleMouseLeave, isPopupOpen, offset, pseudoSize === null || pseudoSize === void 0 ? void 0 : pseudoSize.width, uuid, shouldScrollWithContent]);
   return /*#__PURE__*/_react2.default.createElement(_react2.default.Fragment, null, measuredElement, /*#__PURE__*/_react2.default.createElement(_Popup.StyledPopup, {
     className: "beta-chayns-popup",
     ref: popupRef,

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","shouldHideOnChildrenLeave","shouldShowOnHover","shouldUseChildrenWidth","shouldScrollWithContent","shouldUseFullWidth","yOffset","shouldBeOpen","ref","coordinates","setCoordinates","useState","x","y","internalAlignment","setInternalAlignment","PopupAlignment","TopLeft","offset","setOffset","isOpen","setIsOpen","portal","setPortal","pseudoSize","setPseudoSize","newContainer","setNewContainer","contentMaxHeight","setContentMaxHeight","undefined","timeout","useRef","uuid","useUuid","height","width","measuredElement","useMeasuredClone","shouldPreventTextWrapping","popupContentRef","popupRef","useEffect","current","el","element","closest","Element","handleShow","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","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    ReactNode,\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';\n\nexport type PopupProps = {\n    /**\n     * The alignment of the popup. By default, the popup will calculate the best alignment.\n     */\n    alignment?: PopupAlignment;\n    /**\n     * The element over which the content of the `ContextMenu` should be displayed.\n     */\n    children?: ReactNode;\n    /**\n     * The element where the content of the `Popup` should be rendered via React Portal.\n     */\n    container?: Element;\n    /**\n     * The content that should be displayed inside the popup.\n     */\n    content: ReactNode;\n    /**\n     * Function to be executed when the content of the Context menu has been hidden.\n     */\n    onHide?: VoidFunction;\n    /**\n     * Function to be executed when the content of the Context menu has been shown.\n     */\n    onShow?: VoidFunction;\n    /**\n     * Whether the tooltip should be hidden after the children is not hovered.\n     */\n    shouldHideOnChildrenLeave?: boolean;\n    /**\n     * Whether the popup should scroll with the content.\n     */\n    shouldScrollWithContent?: boolean;\n    /**\n     * Whether the popup should be opened on hover. If not, the popup will be opened on click.\n     */\n    shouldShowOnHover?: boolean;\n    /**\n     * Whether the width of the children should be used.\n     */\n    shouldUseChildrenWidth?: boolean;\n    /**\n     * Whether the popup children should use the full width.\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * The Y offset of the popup to the children.\n     */\n    yOffset?: number;\n    /**\n     * Whether the popup should be open. This can be used to control the popup from outside.\n     */\n    shouldBeOpen?: boolean;\n};\n\nconst Popup = forwardRef<PopupRef, PopupProps>(\n    (\n        {\n            alignment,\n            content,\n            onShow,\n            container,\n            onHide,\n            children,\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 [isOpen, setIsOpen] = 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\n        const uuid = useUuid();\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 handleShow = 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                setIsOpen(true);\n            }\n        }, [alignment, newContainer, pseudoSize, shouldScrollWithContent, yOffset]);\n\n        useEffect(() => {\n            if (shouldBeOpen) {\n                handleShow();\n            }\n        }, [handleShow, shouldBeOpen]);\n\n        const handleReposition = useCallback(() => {\n            if (isOpen) {\n                handleShow();\n            }\n        }, [handleShow, isOpen]);\n\n        useEffect(() => {\n            if (!isOpen) {\n                return;\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, isOpen]);\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            handleShow();\n        };\n\n        const handleHide = useCallback(() => {\n            setIsOpen(false);\n        }, []);\n\n        const handleMouseEnter = useCallback(() => {\n            if (shouldShowOnHover) {\n                window.clearTimeout(timeout.current);\n                handleShow();\n            }\n        }, [handleShow, shouldShowOnHover]);\n\n        const handleMouseLeave = useCallback(() => {\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, 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 (isOpen && !shouldBeOpen) {\n                document.addEventListener('click', handleDocumentClick, true);\n                window.addEventListener('blur', handleHide);\n\n                if (typeof onShow === 'function') {\n                    onShow();\n                }\n            } else if (typeof onHide === 'function') {\n                onHide();\n            }\n\n            return () => {\n                document.removeEventListener('click', handleDocumentClick, true);\n                window.removeEventListener('blur', handleHide);\n            };\n        }, [handleDocumentClick, handleHide, isOpen, onHide, onShow, shouldBeOpen]);\n\n        useEffect(() => {\n            if (!newContainer) {\n                return;\n            }\n\n            setPortal(() =>\n                createPortal(\n                    <AnimatePresence initial={false}>\n                        {isOpen && (\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            isOpen,\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","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;\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":[]}

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

@@ -0,0 +1,6 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+//# sourceMappingURL=Popup.types.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Popup.types.js","names":[],"sources":["../../../../src/components/popup/Popup.types.ts"],"sourcesContent":["import { ReactNode } from 'react';\nimport { PopupAlignment } from '../../types/popup';\n\nexport type PopupProps = {\n    /**\n     * The preferred alignment of the popup relative to its trigger element.\n     * @description\n     * Use this prop to influence where the popup should appear around its trigger. If no alignment is provided,\n     * the component automatically chooses a suitable position based on the available space.\n     * @example\n     * <Popup alignment={PopupAlignment.BottomRight} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    alignment?: PopupAlignment;\n    /**\n     * The trigger element that the popup is attached to.\n     * @description\n     * This content is rendered in place and acts as the interactive anchor for the popup.\n     * Depending on the configured behavior, clicking or hovering this element can show or hide the popup.\n     * @example\n     * <Popup content=\"Details\"><button type=\"button\">Open</button></Popup>\n     * @optional\n     */\n    children?: ReactNode;\n    /**\n     * The DOM element that should receive the popup portal.\n     * @description\n     * By default, the popup resolves a suitable container automatically. Use this prop when the popup should be rendered\n     * into a specific element instead, for example to keep it inside a dialog or another scrollable area.\n     * @example\n     * <Popup container={document.body} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    container?: Element;\n    /**\n     * The content rendered inside the popup.\n     * @description\n     * This can be any React node, such as text, markup, or a fully custom component tree.\n     * @example\n     * <Popup content={<div>Additional information</div>}>Open</Popup>\n     */\n    content: ReactNode;\n    /**\n     * Fully controls whether the popup is visible.\n     * @description\n     * When this prop receives a boolean value, the popup becomes fully controlled from the outside.\n     * Internal triggers such as click, hover, outside click, blur handling, or imperative `show` and `hide`\n     * calls no longer change the visibility state. The popup is then shown only when `isOpen` is `true`\n     * and hidden only when `isOpen` is `false`.\n     * @example\n     * <Popup isOpen={isPopupOpen} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    isOpen?: boolean;\n    /**\n     * Callback that is called after the popup becomes hidden.\n     * @description\n     * Use this callback to react to the popup closing, for example to synchronize external UI state.\n     * It is called when the effective popup visibility changes from open to closed.\n     * @example\n     * <Popup onHide={() => console.log('Popup hidden')} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    onHide?: VoidFunction;\n    /**\n     * Callback that is called after the popup becomes visible.\n     * @description\n     * Use this callback to react to the popup opening, for example to start related UI behavior or analytics.\n     * It is called when the effective popup visibility changes from closed to open.\n     * @example\n     * <Popup onShow={() => console.log('Popup shown')} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    onShow?: VoidFunction;\n    /**\n     * Hides the popup when the pointer leaves the trigger element.\n     * @description\n     * This prop is only relevant when `shouldShowOnHover` is enabled. When set to `true`, the popup closes immediately\n     * after the pointer leaves the trigger element instead of waiting for the delayed hide behavior.\n     * This prop has no effect while `isOpen` is used as a controlled prop.\n     * @default false\n     * @example\n     * <Popup shouldShowOnHover shouldHideOnChildrenLeave content=\"Details\">Open</Popup>\n     * @optional\n     */\n    shouldHideOnChildrenLeave?: boolean;\n    /**\n     * Keeps the popup aligned within the scrolling content container.\n     * @description\n     * When set to `true`, the popup uses the resolved container for positioning and scroll synchronization.\n     * When set to `false`, it is positioned relative to the document body instead.\n     * @default true\n     * @example\n     * <Popup shouldScrollWithContent={false} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    shouldScrollWithContent?: boolean;\n    /**\n     * Opens the popup when the trigger element is hovered instead of clicked.\n     * @description\n     * By default, the popup opens on click. Set this prop to `true` to switch to hover-based interaction.\n     * This prop has no effect while `isOpen` is used as a controlled prop.\n     * @default false\n     * @example\n     * <Popup shouldShowOnHover content=\"Details\">Open</Popup>\n     * @optional\n     */\n    shouldShowOnHover?: boolean;\n    /**\n     * Uses the trigger element width as the popup width reference.\n     * @description\n     * When enabled, the popup measurement and layout respect the width of the trigger element.\n     * Disable this when the popup should size itself more freely based on its content.\n     * @default true\n     * @example\n     * <Popup shouldUseChildrenWidth={false} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    shouldUseChildrenWidth?: boolean;\n    /**\n     * Stretches the trigger element to the full available width.\n     * @description\n     * This affects the wrapper around the popup trigger and is useful when the trigger should behave like a block-level element.\n     * @default false\n     * @example\n     * <Popup shouldUseFullWidth content=\"Details\">Open</Popup>\n     * @optional\n     */\n    shouldUseFullWidth?: boolean;\n    /**\n     * Requests that the popup should be opened from outside.\n     * @description\n     * Unlike `isOpen`, this prop does not fully control visibility. It acts as an external open trigger and keeps compatibility\n     * with the existing behavior, while other internal interactions may still influence the popup state.\n     * Use `isOpen` when you need full external control over showing and hiding the popup.\n     * @default false\n     * @example\n     * <Popup shouldBeOpen={shouldOpenInitially} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    shouldBeOpen?: boolean;\n    /**\n     * Vertical offset between the trigger element and the popup.\n     * @description\n     * Use this prop to fine-tune the popup position on the Y axis. Positive and negative values can be used depending on the desired spacing.\n     * @default 0\n     * @example\n     * <Popup yOffset={8} content=\"Details\">Open</Popup>\n     * @optional\n     */\n    yOffset?: number;\n};\n"],"mappings":"","ignoreList":[]}