@chayns-components/core 5.0.55 → 5.0.58

package/lib/esm/components/progress-bar/ProgressBar.js.map

@@ -1 +1 @@
-{"version":3,"file":"ProgressBar.js","names":["React","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","useUuid","StyledMotionProgressBarProgress","StyledProgressBar","StyledProgressBarBackground","StyledProgressBarLabel","StyledProgressBarProgressWrapper","StyledProgressBarShine","StyledProgressBarStep","StyledProgressBarStepWrapper","StyledProgressBarThumbLabel","PopupAlignment","ThemeContext","ThemeProvider","Popup","ProgressBar","t0","$","_c","percentage","label","shouldHideProgress","t1","shouldShowLabelInline","t2","steps","colors","thumbLabel","showShine","t3","height","undefined","uuid","coordinates","setCoordinates","popupRef","hostContainer","setHostContainer","theme","t4","bb0","t","shineCount","Math","ceil","speed","t5","Array","from","length","t6","map","_","index","createElement","key","$delay","shineEffect","getBoundingClientRect","t7","t8","current","show","t9","backgroundColor","primaryTextColor","progressColor","secondaryTextColor","stepColor","thumbLabelColor","$color","initial","width","left","animate","exit","transition","type","repeat","Infinity","repeatDelay","duration","ref","instance","style","border","position","step","onUpdate","onAnimationComplete","onClick","_temp","text","alignment","TopCenter","onHide","container","shouldBeOpen","shouldScrollWithContent","yOffset","$primaryColor","$secondaryColor","progressBar","t10","t11","displayName","event","stopPropagation"],"sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, {\n    FC,\n    useContext,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport {\n    StyledMotionProgressBarProgress,\n    StyledProgressBar,\n    StyledProgressBarBackground,\n    StyledProgressBarLabel,\n    StyledProgressBarProgressWrapper,\n    StyledProgressBarShine,\n    StyledProgressBarStep,\n    StyledProgressBarStepWrapper,\n    StyledProgressBarThumbLabel,\n} from './ProgressBar.styles';\nimport { PopupAlignment, PopupRef } from '../../types/popup';\nimport { ThemeContext, ThemeProvider } from 'styled-components';\nimport { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Popup from '../popup/Popup';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n    ? Acc[number]\n    : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\ninterface Colors {\n    backgroundColor?: string;\n    progressColor?: string;\n    stepColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    thumbLabelColor?: string;\n}\n\nexport type ProgressBarProps = {\n    /**\n     * The colors of the ProgressBar.\n     */\n    colors?: Colors;\n    /**\n     * The label that should be displayed under the progressbar.\n     */\n    label?: string;\n    /**\n     * The percentage of the progress. Number between 0 and 100.\n     */\n    percentage?: Range<0, 101>;\n    /**\n     * Whether the progress should be hide and just display the label.\n     */\n    shouldHideProgress?: boolean;\n    /**\n     * Whether the label should be displayed inside the ProgressBar.\n     */\n    shouldShowLabelInline?: boolean;\n    /**\n     * Visual marked steps.\n     */\n    steps?: Range<0, 101>[];\n    /**\n     * The label that should be displayed on the thumb of the progress bar.\n     */\n    thumbLabel?: React.ReactNode;\n    /**\n     * Whether a shine animation should be shown on the progress bar. The amount of shine is based on the percentage value.\n     */\n    showShine?: boolean;\n    /**\n     * The height of the progress bar in pixels. If not provided, it will be 10px if shouldShowLabelInline is false and 20px if shouldShowLabelInline is true.\n     */\n    height?: number;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({\n    percentage,\n    label,\n    shouldHideProgress = false,\n    shouldShowLabelInline = false,\n    steps,\n    colors,\n    thumbLabel,\n    showShine = false,\n    height,\n}) => {\n    'use memo';\n\n    const uuid = useUuid();\n    const [coordinates, setCoordinates] = useState<{ x: number; y: number }>();\n    const popupRef = useRef<PopupRef | null>(null);\n    const [hostContainer, setHostContainer] = useState<HTMLDivElement | null>(null);\n\n    const theme = useContext(ThemeContext) as Theme | undefined;\n\n    const shineEffect = useMemo(() => {\n        if (!showShine || percentage === undefined) return null;\n        const MIN_ANIMATION_LENGTH = 1;\n        const MAX_ANIMATION_LENGTH = 5;\n        const MAX_SHINE_COUNT = 6;\n        const t = percentage / 100;\n\n        const shineCount = Math.ceil(MAX_SHINE_COUNT * t);\n\n        const speed = MIN_ANIMATION_LENGTH + (MAX_ANIMATION_LENGTH - MIN_ANIMATION_LENGTH) * t;\n\n        return Array.from({ length: shineCount }).map((_, index) => (\n            <StyledProgressBarShine\n                /* eslint-disable-next-line react/no-array-index-key */\n                key={`progress-bar-shine__${shineCount}__${index}`}\n                $speed={speed}\n                $delay={-(speed / shineCount) * index}\n            />\n        ));\n    }, [percentage, showShine]);\n\n    useLayoutEffect(() => {\n        if (thumbLabel) setCoordinates(hostContainer?.getBoundingClientRect());\n    }, [hostContainer, thumbLabel]);\n\n    useEffect(() => {\n        if (coordinates) popupRef.current?.show();\n    }, [coordinates]);\n\n    const progressBar = useMemo(() => {\n        if (shouldHideProgress) {\n            return null;\n        }\n\n        if (percentage === undefined) {\n            return (\n                <StyledProgressBarProgressWrapper>\n                    <StyledMotionProgressBarProgress\n                        key={`progress-bar-loop__${uuid}`}\n                        $color={colors?.progressColor}\n                        initial={{ width: '200px', left: '-200px' }}\n                        animate={{ width: '200px', left: '100%' }}\n                        exit={{ width: '200px', left: '100%' }}\n                        transition={{\n                            type: 'tween',\n                            repeat: Infinity,\n                            repeatDelay: 0,\n                            duration: 1,\n                        }}\n                    />\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            );\n        }\n\n        return (\n            <div\n                ref={(instance) => setHostContainer(instance)}\n                style={{ border: 0, position: 'relative' }}\n            >\n                <StyledProgressBarProgressWrapper $isBig={shouldShowLabelInline} $height={height}>\n                    {!!steps?.length && (\n                        <StyledProgressBarStepWrapper>\n                            {steps.map((step) => (\n                                <StyledProgressBarStep\n                                    $position={step}\n                                    key={`progress-step-${step}`}\n                                    $color={colors?.stepColor}\n                                />\n                            ))}\n                        </StyledProgressBarStepWrapper>\n                    )}\n                    <StyledMotionProgressBarProgress\n                        $height={height}\n                        $color={colors?.progressColor}\n                        key={`progress-bar__${uuid}`}\n                        initial={{ width: '0%' }}\n                        animate={{ width: `${percentage}%` }}\n                        exit={{ width: '0%' }}\n                        transition={{ type: 'tween' }}\n                        onUpdate={() => popupRef.current?.show()}\n                        onAnimationComplete={() => popupRef.current?.show()}\n                    >\n                        {showShine && shineEffect}\n                        {thumbLabel && (\n                            <StyledProgressBarThumbLabel\n                                $height={height}\n                                onClick={(event) => event.stopPropagation()}\n                            >\n                                <ThemeProvider\n                                    theme={{\n                                        '000': colors?.thumbLabelColor ?? theme?.['104'],\n                                        text: colors?.secondaryTextColor ?? theme?.['300'],\n                                    }}\n                                >\n                                    <Popup\n                                        ref={popupRef}\n                                        content={thumbLabel}\n                                        alignment={PopupAlignment.TopCenter}\n                                        onHide={() => popupRef.current?.show()}\n                                        container={hostContainer ?? undefined}\n                                        shouldBeOpen\n                                        shouldScrollWithContent\n                                        yOffset={-12}\n                                    >\n                                        {}\n                                    </Popup>\n                                </ThemeProvider>\n                            </StyledProgressBarThumbLabel>\n                        )}\n                    </StyledMotionProgressBarProgress>\n\n                    {shouldShowLabelInline && label && (\n                        <StyledProgressBarLabel\n                            $shouldShowLabelInline={shouldShowLabelInline}\n                            $primaryColor={colors?.primaryTextColor}\n                            $secondaryColor={colors?.secondaryTextColor}\n                            $colorSplitPosition={percentage}\n                        >\n                            {label}\n                        </StyledProgressBarLabel>\n                    )}\n\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            </div>\n        );\n    }, [\n        colors?.backgroundColor,\n        colors?.primaryTextColor,\n        colors?.progressColor,\n        colors?.secondaryTextColor,\n        colors?.stepColor,\n        colors?.thumbLabelColor,\n        height,\n        hostContainer,\n        label,\n        percentage,\n        shineEffect,\n        shouldHideProgress,\n        shouldShowLabelInline,\n        showShine,\n        steps,\n        theme,\n        thumbLabel,\n        uuid,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledProgressBar>\n                {progressBar}\n                {label && !shouldShowLabelInline && (\n                    <StyledProgressBarLabel $primaryColor={colors?.primaryTextColor}>\n                        {label}\n                    </StyledProgressBarLabel>\n                )}\n            </StyledProgressBar>\n        ),\n        [colors?.primaryTextColor, label, progressBar, shouldShowLabelInline],\n    );\n};\n\nProgressBar.displayName = 'ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ProgressBar.js","names":["React","useContext","useEffect","useLayoutEffect","useMemo","useRef","useState","useUuid","StyledMotionProgressBarProgress","StyledProgressBar","StyledProgressBarBackground","StyledProgressBarLabel","StyledProgressBarProgressWrapper","StyledProgressBarShine","StyledProgressBarStep","StyledProgressBarStepWrapper","StyledProgressBarThumbLabel","PopupAlignment","ThemeContext","ThemeProvider","Popup","ProgressBar","t0","$","_c","percentage","label","shouldHideProgress","t1","shouldShowLabelInline","t2","steps","colors","thumbLabel","showShine","t3","height","undefined","uuid","coordinates","setCoordinates","popupRef","hostContainer","setHostContainer","theme","t4","bb0","t","shineCount","Math","ceil","speed","t5","Array","from","length","t6","map","_","index","createElement","key","$delay","shineEffect","getBoundingClientRect","t7","t8","current","show","t9","backgroundColor","primaryTextColor","progressColor","secondaryTextColor","stepColor","thumbLabelColor","$color","initial","width","left","animate","exit","transition","type","repeat","Infinity","repeatDelay","duration","ref","instance","style","border","position","step","onUpdate","onAnimationComplete","onClick","_temp","text","alignment","TopCenter","onHide","container","shouldBeOpen","shouldScrollWithContent","yOffset","$primaryColor","$secondaryColor","progressBar","t10","t11","displayName","event","stopPropagation"],"sources":["../../../../src/components/progress-bar/ProgressBar.tsx"],"sourcesContent":["import React, {\n    FC,\n    useContext,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { useUuid } from '../../hooks/uuid';\nimport {\n    StyledMotionProgressBarProgress,\n    StyledProgressBar,\n    StyledProgressBarBackground,\n    StyledProgressBarLabel,\n    StyledProgressBarProgressWrapper,\n    StyledProgressBarShine,\n    StyledProgressBarStep,\n    StyledProgressBarStepWrapper,\n    StyledProgressBarThumbLabel,\n} from './ProgressBar.styles';\nimport { PopupAlignment, PopupRef } from '../../types/popup';\nimport { ThemeContext, ThemeProvider } from 'styled-components';\nimport { Theme } from '../color-scheme-provider/ColorSchemeProvider';\nimport Popup from '../popup/Popup';\n\ntype Enumerate<N extends number, Acc extends number[] = []> = Acc['length'] extends N\n    ? Acc[number]\n    : Enumerate<N, [...Acc, Acc['length']]>;\n\ntype Range<F extends number, T extends number> = Exclude<Enumerate<T>, Enumerate<F>>;\n\ninterface Colors {\n    backgroundColor?: string;\n    progressColor?: string;\n    stepColor?: string;\n    primaryTextColor?: string;\n    secondaryTextColor?: string;\n    thumbLabelColor?: string;\n}\n\nexport type ProgressBarProps = {\n    /**\n     * The colors of the ProgressBar.\n     */\n    colors?: Colors;\n    /**\n     * The label that should be displayed under the progressbar.\n     */\n    label?: string;\n    /**\n     * The percentage of the progress. Number between 0 and 100.\n     */\n    percentage?: Range<0, 101>;\n    /**\n     * Whether the progress should be hide and just display the label.\n     */\n    shouldHideProgress?: boolean;\n    /**\n     * Whether the label should be displayed inside the ProgressBar.\n     */\n    shouldShowLabelInline?: boolean;\n    /**\n     * Visual marked steps.\n     */\n    steps?: Range<0, 101>[];\n    /**\n     * The label that should be displayed on the thumb of the progress bar.\n     */\n    thumbLabel?: React.ReactNode;\n    /**\n     * Whether a shine animation should be shown on the progress bar. The amount of shine is based on the percentage value.\n     */\n    showShine?: boolean;\n    /**\n     * The height of the progress bar in pixels. If not provided, it will be 10px if shouldShowLabelInline is false and 20px if shouldShowLabelInline is true.\n     */\n    height?: number;\n};\n\nconst ProgressBar: FC<ProgressBarProps> = ({\n    percentage,\n    label,\n    shouldHideProgress = false,\n    shouldShowLabelInline = false,\n    steps,\n    colors,\n    thumbLabel,\n    showShine = false,\n    height,\n}) => {\n    'use memo';\n\n    const uuid = useUuid();\n    const [coordinates, setCoordinates] = useState<{ x: number; y: number }>();\n    const popupRef = useRef<PopupRef | null>(null);\n    const [hostContainer, setHostContainer] = useState<HTMLDivElement | null>(null);\n\n    const theme = useContext(ThemeContext) as Theme | undefined;\n\n    const shineEffect = useMemo(() => {\n        if (!showShine || percentage === undefined) return null;\n        const MIN_ANIMATION_LENGTH = 1;\n        const MAX_ANIMATION_LENGTH = 5;\n        const MAX_SHINE_COUNT = 6;\n        const t = percentage / 100;\n\n        const shineCount = Math.ceil(MAX_SHINE_COUNT * t);\n\n        const speed = MIN_ANIMATION_LENGTH + (MAX_ANIMATION_LENGTH - MIN_ANIMATION_LENGTH) * t;\n\n        return Array.from({ length: shineCount }).map((_, index) => (\n            <StyledProgressBarShine\n                /* eslint-disable-next-line react/no-array-index-key */\n                key={`progress-bar-shine__${shineCount}__${index}`}\n                $speed={speed}\n                $delay={-(speed / shineCount) * index}\n            />\n        ));\n    }, [percentage, showShine]);\n\n    useLayoutEffect(() => {\n        if (thumbLabel) setCoordinates(hostContainer?.getBoundingClientRect());\n    }, [hostContainer, thumbLabel]);\n\n    useEffect(() => {\n        if (coordinates) popupRef.current?.show();\n    }, [coordinates]);\n\n    const progressBar = useMemo(() => {\n        if (shouldHideProgress) {\n            return null;\n        }\n\n        if (percentage === undefined) {\n            return (\n                <StyledProgressBarProgressWrapper>\n                    <StyledMotionProgressBarProgress\n                        key={`progress-bar-loop__${uuid}`}\n                        $color={colors?.progressColor}\n                        initial={{ width: '200px', left: '-200px' }}\n                        animate={{ width: '200px', left: '100%' }}\n                        exit={{ width: '200px', left: '100%' }}\n                        transition={{\n                            type: 'tween',\n                            repeat: Infinity,\n                            repeatDelay: 0,\n                            duration: 1,\n                        }}\n                    />\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            );\n        }\n\n        return (\n            <div\n                ref={(instance) => setHostContainer(instance)}\n                style={{ border: 0, position: 'relative' }}\n            >\n                <StyledProgressBarProgressWrapper $isBig={shouldShowLabelInline} $height={height}>\n                    {!!steps?.length && (\n                        <StyledProgressBarStepWrapper>\n                            {steps.map((step) => (\n                                <StyledProgressBarStep\n                                    $position={step}\n                                    key={`progress-step-${step}`}\n                                    $color={colors?.stepColor}\n                                />\n                            ))}\n                        </StyledProgressBarStepWrapper>\n                    )}\n                    <StyledMotionProgressBarProgress\n                        $height={height}\n                        $color={colors?.progressColor}\n                        key={`progress-bar__${uuid}`}\n                        initial={{ width: '0%' }}\n                        animate={{ width: `${percentage}%` }}\n                        exit={{ width: '0%' }}\n                        transition={{ type: 'tween' }}\n                        onUpdate={() => popupRef.current?.show()}\n                        onAnimationComplete={() => popupRef.current?.show()}\n                    >\n                        {showShine && shineEffect}\n                        {thumbLabel && (\n                            <StyledProgressBarThumbLabel\n                                $height={height}\n                                onClick={(event) => event.stopPropagation()}\n                            >\n                                <ThemeProvider\n                                    theme={{\n                                        '000': colors?.thumbLabelColor ?? theme?.['104'],\n                                        text: colors?.secondaryTextColor ?? theme?.['300'],\n                                    }}\n                                >\n                                    <Popup\n                                        ref={popupRef}\n                                        content={thumbLabel}\n                                        alignment={PopupAlignment.TopCenter}\n                                        onHide={() => popupRef.current?.show()}\n                                        container={hostContainer ?? undefined}\n                                        shouldBeOpen\n                                        shouldScrollWithContent\n                                        yOffset={-12}\n                                    />\n                                </ThemeProvider>\n                            </StyledProgressBarThumbLabel>\n                        )}\n                    </StyledMotionProgressBarProgress>\n\n                    {shouldShowLabelInline && label && (\n                        <StyledProgressBarLabel\n                            $shouldShowLabelInline={shouldShowLabelInline}\n                            $primaryColor={colors?.primaryTextColor}\n                            $secondaryColor={colors?.secondaryTextColor}\n                            $colorSplitPosition={percentage}\n                        >\n                            {label}\n                        </StyledProgressBarLabel>\n                    )}\n\n                    <StyledProgressBarBackground $color={colors?.backgroundColor} />\n                </StyledProgressBarProgressWrapper>\n            </div>\n        );\n    }, [\n        colors?.backgroundColor,\n        colors?.primaryTextColor,\n        colors?.progressColor,\n        colors?.secondaryTextColor,\n        colors?.stepColor,\n        colors?.thumbLabelColor,\n        height,\n        hostContainer,\n        label,\n        percentage,\n        shineEffect,\n        shouldHideProgress,\n        shouldShowLabelInline,\n        showShine,\n        steps,\n        theme,\n        thumbLabel,\n        uuid,\n    ]);\n\n    return useMemo(\n        () => (\n            <StyledProgressBar>\n                {progressBar}\n                {label && !shouldShowLabelInline && (\n                    <StyledProgressBarLabel $primaryColor={colors?.primaryTextColor}>\n                        {label}\n                    </StyledProgressBarLabel>\n                )}\n            </StyledProgressBar>\n        ),\n        [colors?.primaryTextColor, label, progressBar, shouldShowLabelInline],\n    );\n};\n\nProgressBar.displayName = 'ProgressBar';\n\nexport default ProgressBar;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/hooks/container.js

@@ -7,9 +7,10 @@ export let ContainerAnchor = /*#__PURE__*/function (ContainerAnchor) {
   ContainerAnchor["ROOT"] = "#root";
   ContainerAnchor["TAPP"] = ".tapp";
   ContainerAnchor["WALLET"] = ".wallet";
+  ContainerAnchor["COLOR_SCHEME"] = ".color-scheme-provider";
   return ContainerAnchor;
 }({});
-const DEFAULT_CONTAINER_ANCHORS = [ContainerAnchor.BODY, ContainerAnchor.DIALOG, ContainerAnchor.PAGE, ContainerAnchor.ROOT, ContainerAnchor.TAPP];
+const DEFAULT_CONTAINER_ANCHORS = [ContainerAnchor.BODY, ContainerAnchor.DIALOG, ContainerAnchor.PAGE, ContainerAnchor.ROOT, ContainerAnchor.TAPP, ContainerAnchor.COLOR_SCHEME];
 export const useContainer = ({
   ref,
   anchorElement,

package/lib/esm/hooks/container.js.map

@@ -1 +1 @@
-{"version":3,"file":"container.js","names":["useEffect","useState","ContainerAnchor","DEFAULT_CONTAINER_ANCHORS","BODY","DIALOG","PAGE","ROOT","TAPP","useContainer","ref","anchorElement","container","anchors","newContainer","setNewContainer","undefined","el","current","reservationWrapperContainer","document","querySelector","RESERVATION_WRAPPER","rootContainer","walletContainer","WALLET","isInWallet","contains","element","closest","join","Element"],"sources":["../../../src/hooks/container.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useState } from 'react';\n\nexport enum ContainerAnchor {\n    BODY = 'body',\n    DIALOG = '.dialog-inner',\n    PAGE = '.page-provider',\n    RESERVATION_WRAPPER = '.reservation-wrapper',\n    ROOT = '#root',\n    TAPP = '.tapp',\n    WALLET = '.wallet',\n}\n\nconst DEFAULT_CONTAINER_ANCHORS = [\n    ContainerAnchor.BODY,\n    ContainerAnchor.DIALOG,\n    ContainerAnchor.PAGE,\n    ContainerAnchor.ROOT,\n    ContainerAnchor.TAPP,\n];\n\ninterface UseContainerProps {\n    ref?: MutableRefObject<HTMLDivElement | HTMLLabelElement | HTMLSpanElement | null>;\n    anchorElement?: Element;\n    container?: Element | null;\n    anchors?: ContainerAnchor[];\n}\n\nexport const useContainer = ({\n    ref,\n    anchorElement,\n    container,\n    anchors = DEFAULT_CONTAINER_ANCHORS,\n}: UseContainerProps) => {\n    const [newContainer, setNewContainer] = useState<Element | undefined>(container ?? undefined);\n\n    // Get the closest container if none is set\n    useEffect(() => {\n        let el = anchorElement as HTMLElement;\n\n        if (ref?.current) {\n            el = ref.current as HTMLElement;\n        }\n\n        if (!container) {\n            const reservationWrapperContainer = document.querySelector(\n                ContainerAnchor.RESERVATION_WRAPPER,\n            );\n\n            const rootContainer = document.querySelector(ContainerAnchor.ROOT);\n            const walletContainer = document.querySelector(ContainerAnchor.WALLET);\n\n            const isInWallet =\n                (reservationWrapperContainer && reservationWrapperContainer.contains(el)) ||\n                (walletContainer && walletContainer.contains(el));\n\n            if (isInWallet && rootContainer && rootContainer.contains(el)) {\n                setNewContainer(rootContainer);\n\n                return;\n            }\n\n            const element = el.closest(anchors?.join(', '));\n\n            setNewContainer(element ?? undefined);\n        }\n    }, [anchors, container, anchorElement, ref]);\n\n    useEffect(() => {\n        if (container instanceof Element) {\n            setNewContainer(container);\n        }\n    }, [container]);\n\n    return newContainer;\n};\n"],"mappings":"AAAA,SAA2BA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE7D,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAU3B,MAAMC,yBAAyB,GAAG,CAC9BD,eAAe,CAACE,IAAI,EACpBF,eAAe,CAACG,MAAM,EACtBH,eAAe,CAACI,IAAI,EACpBJ,eAAe,CAACK,IAAI,EACpBL,eAAe,CAACM,IAAI,CACvB;AASD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,GAAG;EACHC,aAAa;EACbC,SAAS;EACTC,OAAO,GAAGV;AACK,CAAC,KAAK;EACrB,MAAM,CAACW,YAAY,EAAEC,eAAe,CAAC,GAAGd,QAAQ,CAAsBW,SAAS,IAAII,SAAS,CAAC;;EAE7F;EACAhB,SAAS,CAAC,MAAM;IACZ,IAAIiB,EAAE,GAAGN,aAA4B;IAErC,IAAID,GAAG,EAAEQ,OAAO,EAAE;MACdD,EAAE,GAAGP,GAAG,CAACQ,OAAsB;IACnC;IAEA,IAAI,CAACN,SAAS,EAAE;MACZ,MAAMO,2BAA2B,GAAGC,QAAQ,CAACC,aAAa,CACtDnB,eAAe,CAACoB,mBACpB,CAAC;MAED,MAAMC,aAAa,GAAGH,QAAQ,CAACC,aAAa,CAACnB,eAAe,CAACK,IAAI,CAAC;MAClE,MAAMiB,eAAe,GAAGJ,QAAQ,CAACC,aAAa,CAACnB,eAAe,CAACuB,MAAM,CAAC;MAEtE,MAAMC,UAAU,GACXP,2BAA2B,IAAIA,2BAA2B,CAACQ,QAAQ,CAACV,EAAE,CAAC,IACvEO,eAAe,IAAIA,eAAe,CAACG,QAAQ,CAACV,EAAE,CAAE;MAErD,IAAIS,UAAU,IAAIH,aAAa,IAAIA,aAAa,CAACI,QAAQ,CAACV,EAAE,CAAC,EAAE;QAC3DF,eAAe,CAACQ,aAAa,CAAC;QAE9B;MACJ;MAEA,MAAMK,OAAO,GAAGX,EAAE,CAACY,OAAO,CAAChB,OAAO,EAAEiB,IAAI,CAAC,IAAI,CAAC,CAAC;MAE/Cf,eAAe,CAACa,OAAO,IAAIZ,SAAS,CAAC;IACzC;EACJ,CAAC,EAAE,CAACH,OAAO,EAAED,SAAS,EAAED,aAAa,EAAED,GAAG,CAAC,CAAC;EAE5CV,SAAS,CAAC,MAAM;IACZ,IAAIY,SAAS,YAAYmB,OAAO,EAAE;MAC9BhB,eAAe,CAACH,SAAS,CAAC;IAC9B;EACJ,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,OAAOE,YAAY;AACvB,CAAC","ignoreList":[]}
+{"version":3,"file":"container.js","names":["useEffect","useState","ContainerAnchor","DEFAULT_CONTAINER_ANCHORS","BODY","DIALOG","PAGE","ROOT","TAPP","COLOR_SCHEME","useContainer","ref","anchorElement","container","anchors","newContainer","setNewContainer","undefined","el","current","reservationWrapperContainer","document","querySelector","RESERVATION_WRAPPER","rootContainer","walletContainer","WALLET","isInWallet","contains","element","closest","join","Element"],"sources":["../../../src/hooks/container.ts"],"sourcesContent":["import { MutableRefObject, useEffect, useState } from 'react';\n\nexport enum ContainerAnchor {\n    BODY = 'body',\n    DIALOG = '.dialog-inner',\n    PAGE = '.page-provider',\n    RESERVATION_WRAPPER = '.reservation-wrapper',\n    ROOT = '#root',\n    TAPP = '.tapp',\n    WALLET = '.wallet',\n    COLOR_SCHEME = '.color-scheme-provider',\n}\n\nconst DEFAULT_CONTAINER_ANCHORS = [\n    ContainerAnchor.BODY,\n    ContainerAnchor.DIALOG,\n    ContainerAnchor.PAGE,\n    ContainerAnchor.ROOT,\n    ContainerAnchor.TAPP,\n    ContainerAnchor.COLOR_SCHEME,\n];\n\ninterface UseContainerProps {\n    ref?: MutableRefObject<HTMLDivElement | HTMLLabelElement | HTMLSpanElement | null>;\n    anchorElement?: Element;\n    container?: Element | null;\n    anchors?: ContainerAnchor[];\n}\n\nexport const useContainer = ({\n    ref,\n    anchorElement,\n    container,\n    anchors = DEFAULT_CONTAINER_ANCHORS,\n}: UseContainerProps) => {\n    const [newContainer, setNewContainer] = useState<Element | undefined>(container ?? undefined);\n\n    // Get the closest container if none is set\n    useEffect(() => {\n        let el = anchorElement as HTMLElement;\n\n        if (ref?.current) {\n            el = ref.current as HTMLElement;\n        }\n\n        if (!container) {\n            const reservationWrapperContainer = document.querySelector(\n                ContainerAnchor.RESERVATION_WRAPPER,\n            );\n\n            const rootContainer = document.querySelector(ContainerAnchor.ROOT);\n            const walletContainer = document.querySelector(ContainerAnchor.WALLET);\n\n            const isInWallet =\n                (reservationWrapperContainer && reservationWrapperContainer.contains(el)) ||\n                (walletContainer && walletContainer.contains(el));\n\n            if (isInWallet && rootContainer && rootContainer.contains(el)) {\n                setNewContainer(rootContainer);\n\n                return;\n            }\n\n            const element = el.closest(anchors?.join(', '));\n\n            setNewContainer(element ?? undefined);\n        }\n    }, [anchors, container, anchorElement, ref]);\n\n    useEffect(() => {\n        if (container instanceof Element) {\n            setNewContainer(container);\n        }\n    }, [container]);\n\n    return newContainer;\n};\n"],"mappings":"AAAA,SAA2BA,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAE7D,WAAYC,eAAe,0BAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAfA,eAAe;EAAA,OAAfA,eAAe;AAAA;AAW3B,MAAMC,yBAAyB,GAAG,CAC9BD,eAAe,CAACE,IAAI,EACpBF,eAAe,CAACG,MAAM,EACtBH,eAAe,CAACI,IAAI,EACpBJ,eAAe,CAACK,IAAI,EACpBL,eAAe,CAACM,IAAI,EACpBN,eAAe,CAACO,YAAY,CAC/B;AASD,OAAO,MAAMC,YAAY,GAAGA,CAAC;EACzBC,GAAG;EACHC,aAAa;EACbC,SAAS;EACTC,OAAO,GAAGX;AACK,CAAC,KAAK;EACrB,MAAM,CAACY,YAAY,EAAEC,eAAe,CAAC,GAAGf,QAAQ,CAAsBY,SAAS,IAAII,SAAS,CAAC;;EAE7F;EACAjB,SAAS,CAAC,MAAM;IACZ,IAAIkB,EAAE,GAAGN,aAA4B;IAErC,IAAID,GAAG,EAAEQ,OAAO,EAAE;MACdD,EAAE,GAAGP,GAAG,CAACQ,OAAsB;IACnC;IAEA,IAAI,CAACN,SAAS,EAAE;MACZ,MAAMO,2BAA2B,GAAGC,QAAQ,CAACC,aAAa,CACtDpB,eAAe,CAACqB,mBACpB,CAAC;MAED,MAAMC,aAAa,GAAGH,QAAQ,CAACC,aAAa,CAACpB,eAAe,CAACK,IAAI,CAAC;MAClE,MAAMkB,eAAe,GAAGJ,QAAQ,CAACC,aAAa,CAACpB,eAAe,CAACwB,MAAM,CAAC;MAEtE,MAAMC,UAAU,GACXP,2BAA2B,IAAIA,2BAA2B,CAACQ,QAAQ,CAACV,EAAE,CAAC,IACvEO,eAAe,IAAIA,eAAe,CAACG,QAAQ,CAACV,EAAE,CAAE;MAErD,IAAIS,UAAU,IAAIH,aAAa,IAAIA,aAAa,CAACI,QAAQ,CAACV,EAAE,CAAC,EAAE;QAC3DF,eAAe,CAACQ,aAAa,CAAC;QAE9B;MACJ;MAEA,MAAMK,OAAO,GAAGX,EAAE,CAACY,OAAO,CAAChB,OAAO,EAAEiB,IAAI,CAAC,IAAI,CAAC,CAAC;MAE/Cf,eAAe,CAACa,OAAO,IAAIZ,SAAS,CAAC;IACzC;EACJ,CAAC,EAAE,CAACH,OAAO,EAAED,SAAS,EAAED,aAAa,EAAED,GAAG,CAAC,CAAC;EAE5CX,SAAS,CAAC,MAAM;IACZ,IAAIa,SAAS,YAAYmB,OAAO,EAAE;MAC9BhB,eAAe,CAACH,SAAS,CAAC;IAC9B;EACJ,CAAC,EAAE,CAACA,SAAS,CAAC,CAAC;EAEf,OAAOE,YAAY;AACvB,CAAC","ignoreList":[]}

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n} from './components/list/list-item/ListItem';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","VerificationBadge","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","BadgeSize","BadgeDesign","useContainer","ContainerAnchor","DropdownDirection","useIsMeasuredClone","useCombinedRefs","Filter","AnimatedNumber","FileList","FileSelect","DropdownBodyWrapper","ComboBox","ContentCard","HighlightSlider","ContextMenu","ContextMenuAlignment","ExpandableContent","FileInput","STREAMINGSERVICE_FILE_TYPES","TSIMG_FILE_TYPES","FilterButton","FilterButtons","GridImage","GroupedImage","Icon","Input","InputSize","List","ListItemContent","ListItem","MentionFinder","MultiActionButton","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","PopupAlignment","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingContextMenu","SharingBar","SharingButton","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ContentCardType","isValidFileType","FilterButtonItemShape","FilterButtonSize","MultiActionButtonHeight","MultiActionButtonStatusType","ClampPosition","useIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile","ComboBoxSize"],"sources":["../../src/index.ts"],"sourcesContent":["// noinspection JSUnusedGlobalSymbols\n\nexport { default as Accordion } from './components/accordion/Accordion';\nexport { default as AccordionContent } from './components/accordion/accordion-content/AccordionContent';\nexport { default as AccordionGroup } from './components/accordion/accordion-group/AccordionGroup';\nexport { default as AccordionIntro } from './components/accordion/accordion-intro/AccordionIntro';\nexport { default as AccordionItem } from './components/accordion/accordion-item/AccordionItem';\nexport { default as AmountControl } from './components/amount-control/AmountControl';\nexport { default as VerificationBadge } from './components/verification-badge/VerificationBadge';\nexport {\n    AreaContext,\n    default as AreaProvider,\n} from './components/area-provider/AreaContextProvider';\nexport { default as Badge } from './components/badge/Badge';\nexport { default as Button } from './components/button/Button';\nexport { default as Checkbox } from './components/checkbox/Checkbox';\nexport {\n    default as ColorSchemeProvider,\n    useColorScheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { BadgeSize, BadgeDesign } from './components/badge/Badge.types';\nexport type {\n    ColorSchemeContextProps,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\nexport { useContainer, ContainerAnchor } from './hooks/container';\nexport { DropdownDirection, type DropdownCoordinates } from './types/dropdown';\nexport { useIsMeasuredClone } from './hooks/element';\nexport { useCombinedRefs } from './hooks/ref';\nexport { default as Filter, type FilterRightIcon } from './components/filter/Filter';\nexport {\n    type SortItem,\n    type SearchConfig,\n    type SortConfig,\n    type CheckboxConfig,\n    type FilterButtonConfig,\n    type FilterRef,\n} from './types/filter';\nexport { default as AnimatedNumber } from './components/animated-number/AnimatedNumber';\nexport {\n    default as FileList,\n    type IFileItem as FileListItem,\n} from './components/file-list/FileList';\nexport { default as FileSelect } from './components/file-select/FileSelect';\nexport { default as DropdownBodyWrapper } from './components/dropdown-body-wrapper/DropdownBodyWrapper';\nexport { default as ComboBox } from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport { default as HighlightSlider } from './components/highlight-slider/HighlightSlider';\nexport type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';\nexport { default as ContextMenu } from './components/context-menu/ContextMenu';\nexport {\n    ContextMenuAlignment,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuProps,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu.types';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport {\n    default as FileInput,\n    type FileInputRef,\n    STREAMINGSERVICE_FILE_TYPES,\n    TSIMG_FILE_TYPES,\n} from './components/file-input/FileInput';\nexport { default as FilterButton } from './components/filter-buttons/filter-button/FilterButton';\nexport { default as FilterButtons } from './components/filter-buttons/FilterButtons';\nexport { default as GridImage } from './components/grid-image/GridImage';\nexport { default as GroupedImage } from './components/grouped-image/GroupedImage';\nexport { default as Icon, type IconProps } from './components/icon/Icon';\nexport { default as Input, InputSize } from './components/input/Input';\nexport { default as List } from './components/list/List';\nexport { default as ListItemContent } from './components/list/list-item/list-item-content/ListItemContent';\nexport {\n    default as ListItem,\n    type ListItemElements,\n    type ListItemProps,\n    type ListItemRef,\n} from './components/list/list-item/ListItem';\nexport { default as MentionFinder } from './components/mention-finder/MentionFinder';\nexport type { MentionMember } from './components/mention-finder/MentionFinder';\nexport { default as MultiActionButton } from './components/multi-action-button/MultiActionButton';\nexport { default as NumberInput } from './components/number-input/NumberInput';\nexport { default as PageProvider } from './components/page-provider/PageProvider';\nexport { default as Popup } from './components/popup/Popup';\nexport { default as PopupContent } from './components/popup/popup-content/PopupContent';\nexport { default as ProgressBar } from './components/progress-bar/ProgressBar';\nexport { PopupAlignment } from './types/popup';\nexport type { PopupProps } from './components/popup/Popup.types';\nexport {\n    default as RadioButtonGroup,\n    type RadioButtonGroupRef,\n} from './components/radio-button/radio-button-group/RadioButtonGroup';\nexport { default as RadioButton } from './components/radio-button/RadioButton';\nexport { default as ScrollView } from './components/scroll-view/ScrollView';\nexport { default as SearchBox } from './components/search-box/SearchBox';\nexport { default as SearchInput } from './components/search-input/SearchInput';\nexport { default as SelectButton } from './components/select-button/SelectButton';\nexport { default as SetupWizardItem } from './components/setup-wizard/setup-wizard-item/SetupWizardItem';\nexport { default as SetupWizard } from './components/setup-wizard/SetupWizard';\nexport type { SetupWizardRef } from './components/setup-wizard/SetupWizard';\nexport { default as SharingContextMenu } from './components/sharing-context-menu/SharingContextMenu';\nexport { default as SharingBar } from './components/sharing-bar/SharingBar';\nexport { default as SharingButton } from './components/sharing-button/SharingButton';\nexport { default as Signature } from './components/signature/Signature';\nexport type { SignatureRef } from './components/signature/Signature';\nexport { default as SliderButton } from './components/slider-button/SliderButton';\nexport { default as Slider } from './components/slider/Slider';\nexport {\n    default as SmallWaitCursor,\n    SmallWaitCursorSize,\n    SmallWaitCursorSpeed,\n} from './components/small-wait-cursor/SmallWaitCursor';\nexport type { Tag } from './types/tagInput';\nexport { default as TagInput } from './components/tag-input/TagInput';\nexport type { TagInputRef } from './components/tag-input/TagInput';\nexport { default as TextArea } from './components/text-area/TextArea';\nexport { default as Tooltip } from './components/tooltip/Tooltip';\nexport { default as Truncation } from './components/truncation/Truncation';\nexport { MentionFinderPopupAlignment } from './constants/mentionFinder';\nexport { useElementSize } from './hooks/element';\nexport type { BrowserName } from './types/chayns';\nexport { ContentCardType } from './types/contentCard';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/file';\nexport { isValidFileType } from './utils/file';\nexport type { FileInputFileItem } from './types/fileInput';\nexport { FilterButtonItemShape, FilterButtonSize } from './types/filterButtons';\nexport type { IFilterButtonItem as FilterButtonItem } from './types/filterButtons';\nexport type { IListItemRightElements } from './types/list';\nexport type { PopupRef } from './types/popup';\nexport type { RadioButtonItem } from './types/radioButton';\nexport type {\n    ISearchBoxItem as SearchBoxItem,\n    ISearchBoxItems as SearchBoxItems,\n} from './types/searchBox';\nexport type { SelectButtonItem } from './types/selectButton';\nexport type { SliderButtonItem } from './types/slider-button';\nexport {\n    type MultiActionButtonAction,\n    type MultiActionButtonActionEvent,\n    type MultiActionButtonActionStatus,\n    MultiActionButtonHeight,\n    type MultiActionButtonProps,\n    type MultiActionButtonSecondaryContextMenu,\n    MultiActionButtonStatusType,\n} from './components/multi-action-button/MultiActionButton.types';\nexport { ClampPosition } from './types/truncation';\nexport { useIsTouch } from './utils/environment';\nexport { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';\nexport { isTobitEmployee } from './utils/isTobitEmployee';\nexport { getUsableHeight } from './utils/pageProvider';\nexport { uploadFile } from './utils/uploadFile';\nexport type { Theme } from './components/color-scheme-provider/ColorSchemeProvider';\nexport { ComboBoxSize } from './components/combobox/ComboBox.types';\nexport type {\n    IComboBoxItem as ComboBoxItem,\n    ComboBoxTextStyles,\n    IComboBoxItems as ComboBoxItems,\n    ComboBoxRef,\n} from './components/combobox/ComboBox.types';\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/context-menu/ContextMenu.styles.d.ts

@@ -2,6 +2,7 @@ import { WithTheme } from '../color-scheme-provider/ColorSchemeProvider';
 type StyledContextMenuProps = WithTheme<{
     $isActive: boolean;
     $shouldAddHoverEffect: boolean;
+    $shouldUseDefaultTriggerStyles: boolean;
 }>;
 export declare const StyledContextMenu: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, StyledContextMenuProps>> & string;
 export {};

package/lib/types/components/context-menu/ContextMenu.types.d.ts

@@ -1,4 +1,4 @@
-import type { MouseEvent, ReactNode } from 'react';
+import type { CSSProperties, MouseEvent, ReactNode } from 'react';
 /**
  * Enum representing the possible alignments for the context menu.
  */
@@ -48,6 +48,11 @@ export type ContextMenuProps = {
      * @optional
      */
     alignment?: ContextMenuAlignment;
+    /**
+     * Additional class name applied to the trigger wrapper.
+     * @optional
+     */
+    className?: string;
     /**
      * Children element
      * @description The element over which the content of the ContextMenu should be displayed.
@@ -120,6 +125,13 @@ export type ContextMenuProps = {
      * @optional
      */
     shouldHidePopupArrow?: boolean;
+    /**
+     * Whether the default trigger padding/background styles should be applied.
+     * @description Disable this when the trigger child already provides its own full visual styling.
+     * @default true
+     * @optional
+     */
+    shouldUseDefaultTriggerStyles?: boolean;
     /**
      * Show hover effect flag
      * @description Whether the hover effect should be shown.
@@ -127,6 +139,20 @@ export type ContextMenuProps = {
      * @optional
      */
     shouldShowHoverEffect?: boolean;
+    /**
+     * Inline styles applied to the trigger wrapper.
+     * @optional
+     */
+    style?: CSSProperties;
+    /**
+     * Vertical offset between the trigger element and the context menu.
+     * @description Use this prop to fine-tune the context menu position on the Y axis. Positive and
+     * negative values can be used depending on the desired spacing.
+     * @default 0
+     * @example yOffset={8}
+     * @optional
+     */
+    yOffset?: number;
     /**
      * Z-index value
      * @description The z-index of the popup.

package/lib/types/components/multi-action-button/MultiActionButton.types.d.ts

@@ -1,5 +1,6 @@
 import type { MouseEvent, ReactElement, ReactNode } from 'react';
 import type { MotionValue } from 'motion/react';
+import type { ContextMenuItem } from '../context-menu/ContextMenu.types';
 /**
  * Supported status types for the multi action button.
  */
@@ -125,6 +126,7 @@ export type MultiActionButtonAction = {
      */
     status?: MultiActionButtonActionStatus;
 };
+export type MultiActionButtonSecondaryContextMenu = ContextMenuItem[];
 /**
  * Props for the MultiActionButton component.
  */
@@ -196,6 +198,14 @@ export type MultiActionButtonProps = {
      * @optional
      */
     secondaryAction?: MultiActionButtonAction;
+    /**
+     * Context menu rendered as the secondary action.
+     * @description When the list contains entries, the secondary slot renders a fixed down-arrow
+     * trigger that opens a ContextMenu. If the list is empty or undefined, no context menu trigger
+     * is shown and `secondaryAction` can be used as usual.
+     * @optional
+     */
+    secondaryContextMenu?: MultiActionButtonSecondaryContextMenu;
     /**
      * Whether the button should take the full width of its parent.
      * @description When true, the control stretches to 100% width unless `width` is provided.

package/lib/types/components/multi-action-button/MultiActionButton.utils.d.ts

@@ -0,0 +1,8 @@
+import type { CSSProperties } from 'react';
+export interface GetSecondaryContextMenuTriggerStyleOptions {
+    height: number;
+    isCollapsed: boolean;
+    isExpanded: boolean;
+    shouldUseContentWidth: boolean;
+}
+export declare const getSecondaryContextMenuTriggerStyle: ({ height, isCollapsed, isExpanded, shouldUseContentWidth, }: GetSecondaryContextMenuTriggerStyleOptions) => CSSProperties;

package/lib/types/hooks/container.d.ts

@@ -6,7 +6,8 @@ export declare enum ContainerAnchor {
     RESERVATION_WRAPPER = ".reservation-wrapper",
     ROOT = "#root",
     TAPP = ".tapp",
-    WALLET = ".wallet"
+    WALLET = ".wallet",
+    COLOR_SCHEME = ".color-scheme-provider"
 }
 interface UseContainerProps {
     ref?: MutableRefObject<HTMLDivElement | HTMLLabelElement | HTMLSpanElement | null>;

package/lib/types/index.d.ts

@@ -87,7 +87,7 @@ export type { RadioButtonItem } from './types/radioButton';
 export type { ISearchBoxItem as SearchBoxItem, ISearchBoxItems as SearchBoxItems, } from './types/searchBox';
 export type { SelectButtonItem } from './types/selectButton';
 export type { SliderButtonItem } from './types/slider-button';
-export { type MultiActionButtonAction, type MultiActionButtonActionEvent, type MultiActionButtonActionStatus, MultiActionButtonHeight, type MultiActionButtonProps, MultiActionButtonStatusType, } from './components/multi-action-button/MultiActionButton.types';
+export { type MultiActionButtonAction, type MultiActionButtonActionEvent, type MultiActionButtonActionStatus, MultiActionButtonHeight, type MultiActionButtonProps, type MultiActionButtonSecondaryContextMenu, MultiActionButtonStatusType, } from './components/multi-action-button/MultiActionButton.types';
 export { ClampPosition } from './types/truncation';
 export { useIsTouch } from './utils/environment';
 export { filterFilesByMimeType, getFileAsArrayBuffer, selectFiles } from './utils/fileDialog';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.55",
+    "version": "5.0.58",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -87,5 +87,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "05d5f7508703e3fb5757bd36d984d6e1224d5e2b"
+    "gitHead": "03da47d802e7cfc6d035237fdd8d21dafe1cae7e"
 }