@chayns-components/typewriter 5.0.0-beta.750 → 5.0.0-beta.755

package/lib/cjs/components/typewriter/Typewriter.js

@@ -20,9 +20,11 @@ let TypewriterResetDelay = exports.TypewriterResetDelay = /*#__PURE__*/function
   return TypewriterResetDelay;
 }({}); // noinspection JSUnusedGlobalSymbols
 let TypewriterSpeed = exports.TypewriterSpeed = /*#__PURE__*/function (TypewriterSpeed) {
-  TypewriterSpeed[TypewriterSpeed["Slow"] = 30] = "Slow";
-  TypewriterSpeed[TypewriterSpeed["Medium"] = 20] = "Medium";
-  TypewriterSpeed[TypewriterSpeed["Fast"] = 10] = "Fast";
+  TypewriterSpeed[TypewriterSpeed["ExtraSlow"] = 40] = "ExtraSlow";
+  TypewriterSpeed[TypewriterSpeed["Slow"] = 20] = "Slow";
+  TypewriterSpeed[TypewriterSpeed["Medium"] = 10] = "Medium";
+  TypewriterSpeed[TypewriterSpeed["Fast"] = 5] = "Fast";
+  TypewriterSpeed[TypewriterSpeed["ExtraFast"] = 2.5] = "ExtraFast";
   return TypewriterSpeed;
 }({});
 const Typewriter = ({

package/lib/cjs/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["_core","require","_react","_interopRequireWildcard","_reactDom","_server","_Typewriter","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypewriterResetDelay","exports","TypewriterSpeed","Typewriter","children","onFinish","pseudoChildren","resetDelay","Medium","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","textStyle","currentChildrenIndex","setCurrentChildrenIndex","useState","shouldCount","setShouldCount","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","useLayoutEffect","useEffect","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","createElement","ColorSchemeProvider","color","colorMode","style","display","charactersCount","getCharactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","prevChildren","setPrevChildren","isAnimatingText","handleClick","useCallback","handleSetNextChildrenIndex","newIndex","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","StyledTypewriter","onClick","StyledTypewriterText","dangerouslySetInnerHTML","__html","$isAnimatingText","$shouldHideCursor","StyledTypewriterPseudoText","createPortal","position","visibility","document","body","displayName","_default"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterResetDelay {\n    Slow = 4000,\n    Medium = 2000,\n    Fast = 1000,\n}\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterSpeed {\n    Slow = 30,\n    Medium = 20,\n    Fast = 10,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time before the typewriter resets the content if multiple texts are given\n     */\n    resetDelay?: TypewriterResetDelay;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    onFinish,\n    pseudoChildren,\n    resetDelay = TypewriterResetDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    textStyle,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [shouldCount, setShouldCount] = useState(true);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n\n    useLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {currentChildren}\n                          </ColorSchemeProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ColorSchemeProvider color=\"#005EB8\" colorMode={0} style={{ display: 'inline' }}>\n                      {sortedChildren}\n                  </ColorSchemeProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [prevChildren, setPrevChildren] = useState<TypewriterProps['children']>(children);\n\n    useEffect(() => {\n        if (children !== prevChildren) {\n            setShouldCount(true);\n            setPrevChildren(children);\n        }\n    }, [children, prevChildren]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        } else {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    let nextState = prevState;\n\n                    if (shouldCount) {\n                        nextState = prevState + 1;\n                    }\n\n                    if (nextState >= charactersCount) {\n                        if (shouldWaitForContent) {\n                            setShouldCount(false);\n                        } else {\n                            window.clearInterval(interval);\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, resetDelay / 2);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        shouldStopAnimation,\n        speed,\n        textContent.length,\n        charactersCount,\n        isResetAnimationActive,\n        areMultipleChildrenGiven,\n        resetDelay,\n        childrenCount,\n        handleSetNextChildrenIndex,\n        shouldUseResetAnimation,\n        shouldCount,\n        shouldWaitForContent,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {pseudoChildren}\n                      </ColorSchemeProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter onClick={handleClick}>\n                {isAnimatingText ? (\n                    <StyledTypewriterText\n                        dangerouslySetInnerHTML={{ __html: shownText }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                        style={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typewriter.js","names":["_core","require","_react","_interopRequireWildcard","_reactDom","_server","_Typewriter","_utils","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TypewriterResetDelay","exports","TypewriterSpeed","Typewriter","children","onFinish","pseudoChildren","resetDelay","Medium","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","textStyle","currentChildrenIndex","setCurrentChildrenIndex","useState","shouldCount","setShouldCount","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","useLayoutEffect","useEffect","sortedChildren","useMemo","Array","isArray","shuffleArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","React","isValidElement","renderToString","createElement","ColorSchemeProvider","color","colorMode","style","display","charactersCount","getCharactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","prevChildren","setPrevChildren","isAnimatingText","handleClick","useCallback","handleSetNextChildrenIndex","newIndex","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","getSubTextFromHTML","pseudoTextHTML","pseudoText","StyledTypewriter","onClick","StyledTypewriterText","dangerouslySetInnerHTML","__html","$isAnimatingText","$shouldHideCursor","StyledTypewriterPseudoText","createPortal","position","visibility","document","body","displayName","_default"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterResetDelay {\n    Slow = 4000,\n    Medium = 2000,\n    Fast = 1000,\n}\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterSpeed {\n    ExtraSlow = 40,\n    Slow = 20,\n    Medium = 10,\n    Fast = 5,\n    ExtraFast = 2.5,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time before the typewriter resets the content if multiple texts are given\n     */\n    resetDelay?: TypewriterResetDelay;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    onFinish,\n    pseudoChildren,\n    resetDelay = TypewriterResetDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    textStyle,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [shouldCount, setShouldCount] = useState(true);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n\n    useLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {currentChildren}\n                          </ColorSchemeProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ColorSchemeProvider color=\"#005EB8\" colorMode={0} style={{ display: 'inline' }}>\n                      {sortedChildren}\n                  </ColorSchemeProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [prevChildren, setPrevChildren] = useState<TypewriterProps['children']>(children);\n\n    useEffect(() => {\n        if (children !== prevChildren) {\n            setShouldCount(true);\n            setPrevChildren(children);\n        }\n    }, [children, prevChildren]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        } else {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    let nextState = prevState;\n\n                    if (shouldCount) {\n                        nextState = prevState + 1;\n                    }\n\n                    if (nextState >= charactersCount) {\n                        if (shouldWaitForContent) {\n                            setShouldCount(false);\n                        } else {\n                            window.clearInterval(interval);\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, resetDelay / 2);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        shouldStopAnimation,\n        speed,\n        textContent.length,\n        charactersCount,\n        isResetAnimationActive,\n        areMultipleChildrenGiven,\n        resetDelay,\n        childrenCount,\n        handleSetNextChildrenIndex,\n        shouldUseResetAnimation,\n        shouldCount,\n        shouldWaitForContent,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {pseudoChildren}\n                      </ColorSchemeProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter onClick={handleClick}>\n                {isAnimatingText ? (\n                    <StyledTypewriterText\n                        dangerouslySetInnerHTML={{ __html: shownText }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                        style={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/typewriter/Typewriter.styles.js

@@ -23,7 +23,7 @@ const typewriterCursorElement = ({
   $shouldHideCursor
 }) => $isAnimatingText && !$shouldHideCursor && (0, _styledComponents.css)`
         &:after {
-            animation: ${blinkAnimation} 2s steps(2, start) infinite;
+            animation: ${blinkAnimation} 1s steps(2, start) infinite;
             color: ${({
   theme
 }) => theme.text};

package/lib/cjs/components/typewriter/Typewriter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledTypewriter","exports","styled","div","blinkAnimation","keyframes","typewriterCursorElement","$isAnimatingText","$shouldHideCursor","css","theme","text","StyledTypewriterPseudoText","span","StyledTypewriterText"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.div`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nconst typewriterCursorElement = ({\n    $isAnimatingText,\n    $shouldHideCursor,\n}: {\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}) =>\n    $isAnimatingText &&\n    !$shouldHideCursor &&\n    css`\n        &:after {\n            animation: ${blinkAnimation} 2s steps(2, start) infinite;\n            color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n            content: '▋';\n            margin-left: 0.25rem;\n            opacity: 0.85;\n            position: relative;\n            vertical-align: baseline;\n        }\n    `;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n\n    ${typewriterCursorElement}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${typewriterCursorElement}\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpD,MAAMW,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAG,IAAAC,2BAAS;AAChC;AACA;AACA;AACA,CAAC;AAED,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,gBAAgB;EAChBC;AAIJ,CAAC,KACGD,gBAAgB,IAChB,CAACC,iBAAiB,IAClB,IAAAC,qBAAG;AACP;AACA,yBAAyBL,cAAc;AACvC,qBAAqB,CAAC;EAAEM;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACzE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AAEE,MAAMC,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,GAAGV,yBAAM,CAACW,IAA+B;AAChF;AACA;AACA;AACA;AACA,MAAMP,uBAAuB;AAC7B,CAAC;AAOM,MAAMQ,oBAAoB,GAAAb,OAAA,CAAAa,oBAAA,GAAGZ,yBAAM,CAACW,IAA+B;AAC1E;AACA,gBAAgB,CAAC;EAAEN;AAAiB,CAAC,KAAMA,gBAAgB,GAAG,UAAU,GAAG,UAAW;AACtF;AACA;AACA,MAAMD,uBAAuB;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"file":"Typewriter.styles.js","names":["_styledComponents","_interopRequireWildcard","require","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","StyledTypewriter","exports","styled","div","blinkAnimation","keyframes","typewriterCursorElement","$isAnimatingText","$shouldHideCursor","css","theme","text","StyledTypewriterPseudoText","span","StyledTypewriterText"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.div`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nconst typewriterCursorElement = ({\n    $isAnimatingText,\n    $shouldHideCursor,\n}: {\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}) =>\n    $isAnimatingText &&\n    !$shouldHideCursor &&\n    css`\n        &:after {\n            animation: ${blinkAnimation} 1s steps(2, start) infinite;\n            color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n            content: '▋';\n            margin-left: 0.25rem;\n            opacity: 0.85;\n            position: relative;\n            vertical-align: baseline;\n        }\n    `;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n\n    ${typewriterCursorElement}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${typewriterCursorElement}\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,uBAAA,CAAAC,OAAA;AAA2D,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpD,MAAMW,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAG,IAAAC,2BAAS;AAChC;AACA;AACA;AACA,CAAC;AAED,MAAMC,uBAAuB,GAAGA,CAAC;EAC7BC,gBAAgB;EAChBC;AAIJ,CAAC,KACGD,gBAAgB,IAChB,CAACC,iBAAiB,IAClB,IAAAC,qBAAG;AACP;AACA,yBAAyBL,cAAc;AACvC,qBAAqB,CAAC;EAAEM;AAAiC,CAAC,KAAKA,KAAK,CAACC,IAAI;AACzE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AAEE,MAAMC,0BAA0B,GAAAX,OAAA,CAAAW,0BAAA,GAAGV,yBAAM,CAACW,IAA+B;AAChF;AACA;AACA;AACA;AACA,MAAMP,uBAAuB;AAC7B,CAAC;AAOM,MAAMQ,oBAAoB,GAAAb,OAAA,CAAAa,oBAAA,GAAGZ,yBAAM,CAACW,IAA+B;AAC1E;AACA,gBAAgB,CAAC;EAAEN;AAAiB,CAAC,KAAMA,gBAAgB,GAAG,UAAU,GAAG,UAAW;AACtF;AACA;AACA,MAAMD,uBAAuB;AAC7B,CAAC","ignoreList":[]}

package/lib/esm/components/typewriter/Typewriter.js

@@ -15,9 +15,11 @@ export let TypewriterResetDelay = /*#__PURE__*/function (TypewriterResetDelay) {
 
 // noinspection JSUnusedGlobalSymbols
 export let TypewriterSpeed = /*#__PURE__*/function (TypewriterSpeed) {
-  TypewriterSpeed[TypewriterSpeed["Slow"] = 30] = "Slow";
-  TypewriterSpeed[TypewriterSpeed["Medium"] = 20] = "Medium";
-  TypewriterSpeed[TypewriterSpeed["Fast"] = 10] = "Fast";
+  TypewriterSpeed[TypewriterSpeed["ExtraSlow"] = 40] = "ExtraSlow";
+  TypewriterSpeed[TypewriterSpeed["Slow"] = 20] = "Slow";
+  TypewriterSpeed[TypewriterSpeed["Medium"] = 10] = "Medium";
+  TypewriterSpeed[TypewriterSpeed["Fast"] = 5] = "Fast";
+  TypewriterSpeed[TypewriterSpeed["ExtraFast"] = 2.5] = "ExtraFast";
   return TypewriterSpeed;
 }({});
 const Typewriter = _ref => {

package/lib/esm/components/typewriter/Typewriter.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","React","useCallback","useEffect","useLayoutEffect","useMemo","useState","createPortal","renderToString","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","getCharactersCount","getSubTextFromHTML","shuffleArray","TypewriterResetDelay","TypewriterSpeed","Typewriter","_ref","children","onFinish","pseudoChildren","resetDelay","Medium","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","textStyle","currentChildrenIndex","setCurrentChildrenIndex","shouldCount","setShouldCount","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","color","colorMode","style","display","charactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","prevChildren","setPrevChildren","isAnimatingText","handleClick","handleSetNextChildrenIndex","newIndex","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","pseudoTextHTML","pseudoText","onClick","dangerouslySetInnerHTML","__html","$isAnimatingText","$shouldHideCursor","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterResetDelay {\n    Slow = 4000,\n    Medium = 2000,\n    Fast = 1000,\n}\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterSpeed {\n    Slow = 30,\n    Medium = 20,\n    Fast = 10,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time before the typewriter resets the content if multiple texts are given\n     */\n    resetDelay?: TypewriterResetDelay;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    onFinish,\n    pseudoChildren,\n    resetDelay = TypewriterResetDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    textStyle,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [shouldCount, setShouldCount] = useState(true);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n\n    useLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {currentChildren}\n                          </ColorSchemeProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ColorSchemeProvider color=\"#005EB8\" colorMode={0} style={{ display: 'inline' }}>\n                      {sortedChildren}\n                  </ColorSchemeProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [prevChildren, setPrevChildren] = useState<TypewriterProps['children']>(children);\n\n    useEffect(() => {\n        if (children !== prevChildren) {\n            setShouldCount(true);\n            setPrevChildren(children);\n        }\n    }, [children, prevChildren]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        } else {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    let nextState = prevState;\n\n                    if (shouldCount) {\n                        nextState = prevState + 1;\n                    }\n\n                    if (nextState >= charactersCount) {\n                        if (shouldWaitForContent) {\n                            setShouldCount(false);\n                        } else {\n                            window.clearInterval(interval);\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, resetDelay / 2);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        shouldStopAnimation,\n        speed,\n        textContent.length,\n        charactersCount,\n        isResetAnimationActive,\n        areMultipleChildrenGiven,\n        resetDelay,\n        childrenCount,\n        handleSetNextChildrenIndex,\n        shouldUseResetAnimation,\n        shouldCount,\n        shouldWaitForContent,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {pseudoChildren}\n                      </ColorSchemeProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter onClick={handleClick}>\n                {isAnimatingText ? (\n                    <StyledTypewriterText\n                        dangerouslySetInnerHTML={{ __html: shownText }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                        style={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Typewriter.js","names":["ColorSchemeProvider","React","useCallback","useEffect","useLayoutEffect","useMemo","useState","createPortal","renderToString","StyledTypewriter","StyledTypewriterPseudoText","StyledTypewriterText","getCharactersCount","getSubTextFromHTML","shuffleArray","TypewriterResetDelay","TypewriterSpeed","Typewriter","_ref","children","onFinish","pseudoChildren","resetDelay","Medium","shouldForceCursorAnimation","shouldHideCursor","shouldSortChildrenRandomly","shouldUseAnimationHeight","shouldUseResetAnimation","shouldWaitForContent","speed","textStyle","currentChildrenIndex","setCurrentChildrenIndex","shouldCount","setShouldCount","hasRenderedChildrenOnce","setHasRenderedChildrenOnce","sortedChildren","Array","isArray","areMultipleChildrenGiven","childrenCount","length","textContent","currentChildren","isValidElement","createElement","color","colorMode","style","display","charactersCount","isResetAnimationActive","setIsResetAnimationActive","shownCharCount","setShownCharCount","shouldStopAnimation","setShouldStopAnimation","prevChildren","setPrevChildren","isAnimatingText","handleClick","handleSetNextChildrenIndex","newIndex","interval","window","setInterval","prevState","nextState","clearInterval","setTimeout","shownText","pseudoTextHTML","pseudoText","onClick","dangerouslySetInnerHTML","__html","$isAnimatingText","$shouldHideCursor","position","visibility","document","body","displayName"],"sources":["../../../../src/components/typewriter/Typewriter.tsx"],"sourcesContent":["import { ColorSchemeProvider } from '@chayns-components/core';\nimport React, {\n    FC,\n    ReactElement,\n    useCallback,\n    useEffect,\n    useLayoutEffect,\n    useMemo,\n    useState,\n} from 'react';\nimport { createPortal } from 'react-dom';\nimport { renderToString } from 'react-dom/server';\nimport {\n    StyledTypewriter,\n    StyledTypewriterPseudoText,\n    StyledTypewriterText,\n} from './Typewriter.styles';\nimport { getCharactersCount, getSubTextFromHTML, shuffleArray } from './utils';\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterResetDelay {\n    Slow = 4000,\n    Medium = 2000,\n    Fast = 1000,\n}\n\n// noinspection JSUnusedGlobalSymbols\nexport enum TypewriterSpeed {\n    ExtraSlow = 40,\n    Slow = 20,\n    Medium = 10,\n    Fast = 5,\n    ExtraFast = 2.5,\n}\n\nexport type TypewriterProps = {\n    /**\n     * The text to type\n     */\n    children: ReactElement | ReactElement[] | string | string[];\n    /**\n     * Function that is executed when the typewriter animation has finished. This function will not\n     * be executed if multiple texts are used.\n     */\n    onFinish?: VoidFunction;\n    /**\n     * Pseudo-element to be rendered invisible during animation to define the size of the element\n     * for the typewriter effect. By default, the \"children\" is used for this purpose.\n     */\n    pseudoChildren?: ReactElement | string;\n    /**\n     * Waiting time before the typewriter resets the content if multiple texts are given\n     */\n    resetDelay?: TypewriterResetDelay;\n    /**\n     * Specifies whether the cursor should be forced to animate even if no text is currently animated.\n     */\n    shouldForceCursorAnimation?: boolean;\n    /**\n     * Specifies whether the cursor should be hidden\n     */\n    shouldHideCursor?: boolean;\n    /**\n     * Specifies whether the children should be sorted randomly if there are multiple texts.\n     * This makes the typewriter start with a different text each time and also changes them\n     * in a random order.\n     */\n    shouldSortChildrenRandomly?: boolean;\n    /**\n     * Specifies whether the animation should use its full height or the height of the current\n     * chunk.\n     */\n    shouldUseAnimationHeight?: boolean;\n    /**\n     * Specifies whether the reset of the text should be animated with a backspace animation for\n     * multiple texts.\n     */\n    shouldUseResetAnimation?: boolean;\n    /**\n     * Whether the typewriter should wait for new content\n     */\n    shouldWaitForContent?: boolean;\n    /**\n     * The speed of the animation. Use the TypewriterSpeed enum for this prop.\n     */\n    speed?: TypewriterSpeed | number;\n    /**\n     * The style of the typewriter text element\n     */\n    textStyle?: React.CSSProperties;\n};\n\nconst Typewriter: FC<TypewriterProps> = ({\n    children,\n    onFinish,\n    pseudoChildren,\n    resetDelay = TypewriterResetDelay.Medium,\n    shouldForceCursorAnimation = false,\n    shouldHideCursor = false,\n    shouldSortChildrenRandomly = false,\n    shouldUseAnimationHeight = false,\n    shouldUseResetAnimation = false,\n    shouldWaitForContent,\n    speed = TypewriterSpeed.Medium,\n    textStyle,\n}) => {\n    const [currentChildrenIndex, setCurrentChildrenIndex] = useState(0);\n    const [shouldCount, setShouldCount] = useState(true);\n    const [hasRenderedChildrenOnce, setHasRenderedChildrenOnce] = useState(false);\n\n    useLayoutEffect(() => {\n        if (children) {\n            setHasRenderedChildrenOnce(false);\n        }\n    }, [children]);\n\n    useEffect(() => {\n        if (!hasRenderedChildrenOnce) {\n            setHasRenderedChildrenOnce(true);\n        }\n    }, [hasRenderedChildrenOnce]);\n\n    const sortedChildren = useMemo(\n        () =>\n            Array.isArray(children) && shouldSortChildrenRandomly\n                ? shuffleArray<ReactElement | string>(children)\n                : children,\n        [children, shouldSortChildrenRandomly],\n    );\n\n    const areMultipleChildrenGiven = Array.isArray(sortedChildren);\n    const childrenCount = areMultipleChildrenGiven ? sortedChildren.length : 1;\n\n    const textContent = useMemo(() => {\n        if (areMultipleChildrenGiven) {\n            const currentChildren = sortedChildren[currentChildrenIndex];\n\n            if (currentChildren) {\n                return React.isValidElement(currentChildren)\n                    ? renderToString(\n                          <ColorSchemeProvider\n                              color=\"#005EB8\"\n                              colorMode={0}\n                              style={{ display: 'inline' }}\n                          >\n                              {currentChildren}\n                          </ColorSchemeProvider>,\n                      )\n                    : (currentChildren as string);\n            }\n\n            return '';\n        }\n\n        return React.isValidElement(sortedChildren)\n            ? renderToString(\n                  <ColorSchemeProvider color=\"#005EB8\" colorMode={0} style={{ display: 'inline' }}>\n                      {sortedChildren}\n                  </ColorSchemeProvider>,\n              )\n            : (sortedChildren as string);\n    }, [areMultipleChildrenGiven, currentChildrenIndex, sortedChildren]);\n\n    const charactersCount = useMemo(() => getCharactersCount(textContent), [textContent]);\n\n    const [isResetAnimationActive, setIsResetAnimationActive] = useState(false);\n    const [shownCharCount, setShownCharCount] = useState(\n        charactersCount > 0 ? 0 : textContent.length,\n    );\n    const [shouldStopAnimation, setShouldStopAnimation] = useState(false);\n    const [prevChildren, setPrevChildren] = useState<TypewriterProps['children']>(children);\n\n    useEffect(() => {\n        if (children !== prevChildren) {\n            setShouldCount(true);\n            setPrevChildren(children);\n        }\n    }, [children, prevChildren]);\n\n    const isAnimatingText =\n        shownCharCount < textContent.length ||\n        shouldForceCursorAnimation ||\n        areMultipleChildrenGiven ||\n        textContent.length === 0;\n\n    const handleClick = useCallback(() => {\n        setShouldStopAnimation(true);\n    }, []);\n\n    const handleSetNextChildrenIndex = useCallback(\n        () =>\n            setCurrentChildrenIndex(() => {\n                let newIndex = currentChildrenIndex + 1;\n\n                if (newIndex > childrenCount - 1) {\n                    newIndex = 0;\n                }\n\n                return newIndex;\n            }),\n        [childrenCount, currentChildrenIndex],\n    );\n\n    useEffect(() => {\n        let interval: number | undefined;\n\n        if (shouldStopAnimation || charactersCount === 0) {\n            setShownCharCount(textContent.length);\n        } else if (isResetAnimationActive) {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    const nextState = prevState - 1;\n\n                    if (nextState === 0) {\n                        window.clearInterval(interval);\n\n                        if (areMultipleChildrenGiven) {\n                            setTimeout(() => {\n                                setIsResetAnimationActive(false);\n                                handleSetNextChildrenIndex();\n                            }, resetDelay);\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        } else {\n            interval = window.setInterval(() => {\n                setShownCharCount((prevState) => {\n                    let nextState = prevState;\n\n                    if (shouldCount) {\n                        nextState = prevState + 1;\n                    }\n\n                    if (nextState >= charactersCount) {\n                        if (shouldWaitForContent) {\n                            setShouldCount(false);\n                        } else {\n                            window.clearInterval(interval);\n\n                            /**\n                             * At this point, the next value for \"shownCharCount\" is deliberately set to\n                             * the length of the textContent in order to correctly display HTML elements\n                             * after the last letter.\n                             */\n                            nextState = textContent.length;\n\n                            if (areMultipleChildrenGiven) {\n                                setTimeout(() => {\n                                    if (shouldUseResetAnimation) {\n                                        setIsResetAnimationActive(true);\n                                    } else {\n                                        setShownCharCount(0);\n                                        setTimeout(handleSetNextChildrenIndex, resetDelay / 2);\n                                    }\n                                }, resetDelay);\n                            }\n                        }\n                    }\n\n                    return nextState;\n                });\n            }, speed);\n        }\n\n        return () => {\n            window.clearInterval(interval);\n        };\n    }, [\n        shouldStopAnimation,\n        speed,\n        textContent.length,\n        charactersCount,\n        isResetAnimationActive,\n        areMultipleChildrenGiven,\n        resetDelay,\n        childrenCount,\n        handleSetNextChildrenIndex,\n        shouldUseResetAnimation,\n        shouldCount,\n        shouldWaitForContent,\n    ]);\n\n    useEffect(() => {\n        if (!isAnimatingText && typeof onFinish === 'function') {\n            onFinish();\n        }\n    }, [isAnimatingText, onFinish]);\n\n    const shownText = useMemo(\n        () => getSubTextFromHTML(textContent, shownCharCount),\n        [shownCharCount, textContent],\n    );\n\n    const pseudoTextHTML = useMemo(() => {\n        if (pseudoChildren) {\n            const pseudoText = React.isValidElement(pseudoChildren)\n                ? renderToString(\n                      <ColorSchemeProvider\n                          color=\"#005EB8\"\n                          colorMode={0}\n                          style={{ display: 'inline' }}\n                      >\n                          {pseudoChildren}\n                      </ColorSchemeProvider>,\n                  )\n                : (pseudoChildren as string);\n\n            if (shouldUseAnimationHeight) {\n                return getSubTextFromHTML(pseudoText, shownCharCount);\n            }\n\n            return pseudoText;\n        }\n\n        if (shouldUseAnimationHeight && textContent) {\n            return getSubTextFromHTML(textContent, shownCharCount);\n        }\n\n        return textContent || '&#8203;';\n    }, [pseudoChildren, shouldUseAnimationHeight, shownCharCount, textContent]);\n\n    return useMemo(\n        () => (\n            <StyledTypewriter onClick={handleClick}>\n                {isAnimatingText ? (\n                    <StyledTypewriterText\n                        dangerouslySetInnerHTML={{ __html: shownText }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                        style={textStyle}\n                    />\n                ) : (\n                    <StyledTypewriterText style={textStyle}>{sortedChildren}</StyledTypewriterText>\n                )}\n                {isAnimatingText && (\n                    <StyledTypewriterPseudoText\n                        dangerouslySetInnerHTML={{ __html: pseudoTextHTML }}\n                        $isAnimatingText\n                        $shouldHideCursor={shouldHideCursor}\n                    />\n                )}\n                {/*\n                    The following is needed because some components like the CodeHighlighter will not render correct\n                    if the element is not rendered on client before...\n                */}\n                {!hasRenderedChildrenOnce &&\n                    createPortal(\n                        <div style={{ position: 'absolute', visibility: 'hidden' }}>\n                            {children}\n                        </div>,\n                        document.body,\n                    )}\n            </StyledTypewriter>\n        ),\n        [\n            children,\n            handleClick,\n            hasRenderedChildrenOnce,\n            isAnimatingText,\n            pseudoTextHTML,\n            shouldHideCursor,\n            shownText,\n            sortedChildren,\n            textStyle,\n        ],\n    );\n};\n\nTypewriter.displayName = 'Typewriter';\n\nexport default Typewriter;\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/typewriter/Typewriter.styles.js

@@ -17,7 +17,7 @@ const typewriterCursorElement = _ref => {
   } = _ref;
   return $isAnimatingText && !$shouldHideCursor && css`
         &:after {
-            animation: ${blinkAnimation} 2s steps(2, start) infinite;
+            animation: ${blinkAnimation} 1s steps(2, start) infinite;
             color: ${_ref2 => {
     let {
       theme

package/lib/esm/components/typewriter/Typewriter.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Typewriter.styles.js","names":["styled","css","keyframes","StyledTypewriter","div","blinkAnimation","typewriterCursorElement","_ref","$isAnimatingText","$shouldHideCursor","_ref2","theme","text","StyledTypewriterPseudoText","span","StyledTypewriterText","_ref3"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.div`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nconst typewriterCursorElement = ({\n    $isAnimatingText,\n    $shouldHideCursor,\n}: {\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}) =>\n    $isAnimatingText &&\n    !$shouldHideCursor &&\n    css`\n        &:after {\n            animation: ${blinkAnimation} 2s steps(2, start) infinite;\n            color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n            content: '▋';\n            margin-left: 0.25rem;\n            opacity: 0.85;\n            position: relative;\n            vertical-align: baseline;\n        }\n    `;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n\n    ${typewriterCursorElement}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${typewriterCursorElement}\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACI,GAAG;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGH,SAAS;AAChC;AACA;AACA;AACA,CAAC;AAED,MAAMI,uBAAuB,GAAGC,IAAA;EAAA,IAAC;IAC7BC,gBAAgB;IAChBC;EAIJ,CAAC,GAAAF,IAAA;EAAA,OACGC,gBAAgB,IAChB,CAACC,iBAAiB,IAClBR,GAAG;AACP;AACA,yBAAyBI,cAAc;AACvC,qBAAqBK,KAAA;IAAA,IAAC;MAAEC;IAAiC,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,CAACC,IAAI;EAAA;AACzE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AAAA;AAEL,OAAO,MAAMC,0BAA0B,GAAGb,MAAM,CAACc,IAA+B;AAChF;AACA;AACA;AACA;AACA,MAAMR,uBAAuB;AAC7B,CAAC;AAOD,OAAO,MAAMS,oBAAoB,GAAGf,MAAM,CAACc,IAA+B;AAC1E;AACA,gBAAgBE,KAAA;EAAA,IAAC;IAAER;EAAiB,CAAC,GAAAQ,KAAA;EAAA,OAAMR,gBAAgB,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC;AACtF;AACA;AACA,MAAMF,uBAAuB;AAC7B,CAAC","ignoreList":[]}
+{"version":3,"file":"Typewriter.styles.js","names":["styled","css","keyframes","StyledTypewriter","div","blinkAnimation","typewriterCursorElement","_ref","$isAnimatingText","$shouldHideCursor","_ref2","theme","text","StyledTypewriterPseudoText","span","StyledTypewriterText","_ref3"],"sources":["../../../../src/components/typewriter/Typewriter.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled, { css, keyframes } from 'styled-components';\n\nexport const StyledTypewriter = styled.div`\n    align-items: inherit;\n    display: flex;\n    position: relative;\n    width: 100%;\n`;\n\nconst blinkAnimation = keyframes`\n  100% {\n    visibility: hidden;\n  }\n`;\n\nconst typewriterCursorElement = ({\n    $isAnimatingText,\n    $shouldHideCursor,\n}: {\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}) =>\n    $isAnimatingText &&\n    !$shouldHideCursor &&\n    css`\n        &:after {\n            animation: ${blinkAnimation} 1s steps(2, start) infinite;\n            color: ${({ theme }: StyledTypewriterTextProps) => theme.text};\n            content: '▋';\n            margin-left: 0.25rem;\n            opacity: 0.85;\n            position: relative;\n            vertical-align: baseline;\n        }\n    `;\n\nexport const StyledTypewriterPseudoText = styled.span<StyledTypewriterTextProps>`\n    opacity: 0;\n    pointer-events: none;\n    user-select: none;\n\n    ${typewriterCursorElement}\n`;\n\ntype StyledTypewriterTextProps = WithTheme<{\n    $isAnimatingText?: boolean;\n    $shouldHideCursor?: boolean;\n}>;\n\nexport const StyledTypewriterText = styled.span<StyledTypewriterTextProps>`\n    color: inherit;\n    position: ${({ $isAnimatingText }) => ($isAnimatingText ? 'absolute' : 'relative')};\n    width: 100%;\n\n    ${typewriterCursorElement}\n`;\n"],"mappings":"AACA,OAAOA,MAAM,IAAIC,GAAG,EAAEC,SAAS,QAAQ,mBAAmB;AAE1D,OAAO,MAAMC,gBAAgB,GAAGH,MAAM,CAACI,GAAG;AAC1C;AACA;AACA;AACA;AACA,CAAC;AAED,MAAMC,cAAc,GAAGH,SAAS;AAChC;AACA;AACA;AACA,CAAC;AAED,MAAMI,uBAAuB,GAAGC,IAAA;EAAA,IAAC;IAC7BC,gBAAgB;IAChBC;EAIJ,CAAC,GAAAF,IAAA;EAAA,OACGC,gBAAgB,IAChB,CAACC,iBAAiB,IAClBR,GAAG;AACP;AACA,yBAAyBI,cAAc;AACvC,qBAAqBK,KAAA;IAAA,IAAC;MAAEC;IAAiC,CAAC,GAAAD,KAAA;IAAA,OAAKC,KAAK,CAACC,IAAI;EAAA;AACzE;AACA;AACA;AACA;AACA;AACA;AACA,KAAK;AAAA;AAEL,OAAO,MAAMC,0BAA0B,GAAGb,MAAM,CAACc,IAA+B;AAChF;AACA;AACA;AACA;AACA,MAAMR,uBAAuB;AAC7B,CAAC;AAOD,OAAO,MAAMS,oBAAoB,GAAGf,MAAM,CAACc,IAA+B;AAC1E;AACA,gBAAgBE,KAAA;EAAA,IAAC;IAAER;EAAiB,CAAC,GAAAQ,KAAA;EAAA,OAAMR,gBAAgB,GAAG,UAAU,GAAG,UAAU;AAAA,CAAC;AACtF;AACA;AACA,MAAMF,uBAAuB;AAC7B,CAAC","ignoreList":[]}

package/lib/types/components/typewriter/Typewriter.d.ts

@@ -5,9 +5,11 @@ export declare enum TypewriterResetDelay {
     Fast = 1000
 }
 export declare enum TypewriterSpeed {
-    Slow = 30,
-    Medium = 20,
-    Fast = 10
+    ExtraSlow = 40,
+    Slow = 20,
+    Medium = 10,
+    Fast = 5,
+    ExtraFast = 2.5
 }
 export type TypewriterProps = {
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/typewriter",
-    "version": "5.0.0-beta.750",
+    "version": "5.0.0-beta.755",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -67,7 +67,7 @@
         "typescript": "^5.5.4"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.750"
+        "@chayns-components/core": "^5.0.0-beta.755"
     },
     "peerDependencies": {
         "chayns-api": ">=1.0.73",
@@ -79,5 +79,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "7031bd365c03d01bee057467b7bb9b0745548293"
+    "gitHead": "3a51555657a206e188e8d520e22b1e46de9a2cc5"
 }