@chayns-components/core 5.0.0-beta.1063 → 5.0.0-beta.1065

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.js

@@ -19,6 +19,17 @@ const GlobalStyle = (0, _styledComponents.createGlobalStyle)`
         text-overflow: ellipsis;
         white-space: nowrap;
     }
+
+    footer {
+        font-size: 0.85rem;
+        color: #888;
+        margin: 10px 0 0;
+
+        & a {
+            color: #888;
+            letter-spacing: -0.3px;
+        }
+    }
 `;
 const ColorSchemeContext = exports.ColorSchemeContext = /*#__PURE__*/(0, _react.createContext)(undefined);
 const useColorScheme = () => (0, _react.useContext)(ColorSchemeContext);

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeProvider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_ColorSchemeProvider","_useChaynsTheme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GlobalStyle","createGlobalStyle","ColorSchemeContext","exports","createContext","undefined","useColorScheme","useContext","ColorSchemeProvider","children","color","colorProp","colorMode","colorModeProp","secondaryColor","siteId","style","customVariables","internalColor","internalColorMode","useSite","contextValue","useChaynsTheme","createElement","ThemeProvider","theme","Provider","value","StyledColorSchemeProvider","className","displayName","_default"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode, useSite } from 'chayns-api';\nimport React, { createContext, FC, ReactNode, useContext } from 'react';\nimport { createGlobalStyle, ThemeProvider } from 'styled-components';\nimport { StyledColorSchemeProvider } from './ColorSchemeProvider.styles';\nimport { useChaynsTheme } from './hooks/useChaynsTheme';\n\nexport type ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * The site id of the page for which the design settings should be fetched\n     */\n    siteId?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n    /**\n     * Additional variables to extend the theme\n     */\n    customVariables?: Record<string, string>;\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\n// ToDo remove type after the framer-motion bug is Fixed\nexport type FramerMotionBugFix = WithTheme<unknown>;\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n`;\n\nexport interface ColorSchemeContextProps {\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat: ChaynsParagraphFormat[];\n    theme: Theme;\n}\n\nexport const ColorSchemeContext = createContext<ColorSchemeContextProps | undefined>(undefined);\n\nexport const useColorScheme = () => useContext(ColorSchemeContext);\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color: colorProp,\n    colorMode: colorModeProp,\n    secondaryColor,\n    siteId,\n    style = {},\n    customVariables,\n}) => {\n    const { color: internalColor, colorMode: internalColorMode } = useSite();\n    const color = colorProp ?? internalColor;\n    const colorMode = colorModeProp ?? internalColorMode;\n\n    const contextValue = useChaynsTheme({\n        color,\n        colorMode,\n        secondaryColor,\n        siteId,\n        customVariables,\n    });\n\n    return (\n        <ThemeProvider theme={contextValue.theme}>\n            <ColorSchemeContext.Provider value={contextValue}>\n                <StyledColorSchemeProvider className=\"color-scheme-provider\" style={style}>\n                    {children}\n                </StyledColorSchemeProvider>\n                <GlobalStyle />\n            </ColorSchemeContext.Provider>\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ColorSchemeProvider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_styledComponents","_ColorSchemeProvider","_useChaynsTheme","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","GlobalStyle","createGlobalStyle","ColorSchemeContext","exports","createContext","undefined","useColorScheme","useContext","ColorSchemeProvider","children","color","colorProp","colorMode","colorModeProp","secondaryColor","siteId","style","customVariables","internalColor","internalColorMode","useSite","contextValue","useChaynsTheme","createElement","ThemeProvider","theme","Provider","value","StyledColorSchemeProvider","className","displayName","_default"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode, useSite } from 'chayns-api';\nimport React, { createContext, FC, ReactNode, useContext } from 'react';\nimport { createGlobalStyle, ThemeProvider } from 'styled-components';\nimport { StyledColorSchemeProvider } from './ColorSchemeProvider.styles';\nimport { useChaynsTheme } from './hooks/useChaynsTheme';\n\nexport type ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * The site id of the page for which the design settings should be fetched\n     */\n    siteId?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n    /**\n     * Additional variables to extend the theme\n     */\n    customVariables?: Record<string, string>;\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\n// ToDo remove type after the framer-motion bug is Fixed\nexport type FramerMotionBugFix = WithTheme<unknown>;\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    footer {\n        font-size: 0.85rem;\n        color: #888;\n        margin: 10px 0 0;\n\n        & a {\n            color: #888;\n            letter-spacing: -0.3px;\n        }\n    }\n`;\n\nexport interface ColorSchemeContextProps {\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat: ChaynsParagraphFormat[];\n    theme: Theme;\n}\n\nexport const ColorSchemeContext = createContext<ColorSchemeContextProps | undefined>(undefined);\n\nexport const useColorScheme = () => useContext(ColorSchemeContext);\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color: colorProp,\n    colorMode: colorModeProp,\n    secondaryColor,\n    siteId,\n    style = {},\n    customVariables,\n}) => {\n    const { color: internalColor, colorMode: internalColorMode } = useSite();\n    const color = colorProp ?? internalColor;\n    const colorMode = colorModeProp ?? internalColorMode;\n\n    const contextValue = useChaynsTheme({\n        color,\n        colorMode,\n        secondaryColor,\n        siteId,\n        customVariables,\n    });\n\n    return (\n        <ThemeProvider theme={contextValue.theme}>\n            <ColorSchemeContext.Provider value={contextValue}>\n                <StyledColorSchemeProvider className=\"color-scheme-provider\" style={style}>\n                    {children}\n                </StyledColorSchemeProvider>\n                <GlobalStyle />\n            </ColorSchemeContext.Provider>\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.styles.js

@@ -6,6 +6,7 @@ Object.defineProperty(exports, "__esModule", {
 exports.StyledColorSchemeProvider = void 0;
 var _colors = require("@chayns/colors");
 var _styledComponents = require("styled-components");
+// noinspection CssUnresolvedCustomProperty
 const StyledColorSchemeProvider = exports.StyledColorSchemeProvider = _styledComponents.styled.div`
     color: var(--chayns-color--text);
 

package/lib/cjs/components/color-scheme-provider/ColorSchemeProvider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeProvider.styles.js","names":["_colors","require","_styledComponents","StyledColorSchemeProvider","exports","styled","div","theme","getAvailableColorList","map","colorName","colorNameRgb"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.styles.ts"],"sourcesContent":["import { getAvailableColorList } from '@chayns/colors';\nimport { styled } from 'styled-components';\nimport type { WithTheme } from './ColorSchemeProvider';\n\ntype ColorSchemeProviderProps = WithTheme<unknown>;\n\nexport const StyledColorSchemeProvider = styled.div<ColorSchemeProviderProps>`\n    color: var(--chayns-color--text);\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        getAvailableColorList().map((colorName: string) => {\n            const colorNameRgb = `${colorName}-rgb`;\n            return [\n                `--chayns-color--${colorName}: ${theme[colorName]};`,\n                `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb]};`,\n            ];\n        })}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKO,MAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAGE,wBAAM,CAACC,GAA6B;AAC7E;AACA;AACA,MAAM,CAAC;EAAEC;AAAgC,CAAC,KAClC,IAAAC,6BAAqB,EAAC,CAAC,CAACC,GAAG,CAAEC,SAAiB,IAAK;EAC/C,MAAMC,YAAY,GAAG,GAAGD,SAAS,MAAM;EACvC,OAAO,CACH,mBAAmBA,SAAS,KAAKH,KAAK,CAACG,SAAS,CAAC,GAAG,EACpD,uBAAuBA,SAAS,KAAKH,KAAK,CAACI,YAAY,CAAC,GAAG,CAC9D;AACL,CAAC,CAAC;AACV,CAAC","ignoreList":[]}
+{"version":3,"file":"ColorSchemeProvider.styles.js","names":["_colors","require","_styledComponents","StyledColorSchemeProvider","exports","styled","div","theme","getAvailableColorList","map","colorName","colorNameRgb"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.styles.ts"],"sourcesContent":["import { getAvailableColorList } from '@chayns/colors';\nimport { styled } from 'styled-components';\nimport type { WithTheme } from './ColorSchemeProvider';\n\ntype ColorSchemeProviderProps = WithTheme<unknown>;\n\n// noinspection CssUnresolvedCustomProperty\nexport const StyledColorSchemeProvider = styled.div<ColorSchemeProviderProps>`\n    color: var(--chayns-color--text);\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        getAvailableColorList().map((colorName: string) => {\n            const colorNameRgb = `${colorName}-rgb`;\n            return [\n                `--chayns-color--${colorName}: ${theme[colorName]};`,\n                `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb]};`,\n            ];\n        })}\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,iBAAA,GAAAD,OAAA;AAKA;AACO,MAAME,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAGE,wBAAM,CAACC,GAA6B;AAC7E;AACA;AACA,MAAM,CAAC;EAAEC;AAAgC,CAAC,KAClC,IAAAC,6BAAqB,EAAC,CAAC,CAACC,GAAG,CAAEC,SAAiB,IAAK;EAC/C,MAAMC,YAAY,GAAG,GAAGD,SAAS,MAAM;EACvC,OAAO,CACH,mBAAmBA,SAAS,KAAKH,KAAK,CAACG,SAAS,CAAC,GAAG,EACpD,uBAAuBA,SAAS,KAAKH,KAAK,CAACI,YAAY,CAAC,GAAG,CAC9D;AACL,CAAC,CAAC;AACV,CAAC","ignoreList":[]}

package/lib/cjs/components/color-scheme-provider/hooks/useChaynsTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChaynsTheme.js","names":["_colors","require","_chaynsApi","_react","_font","_useDesignSettings","_useParagraphFormat","createTheme","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","customVariables","result","Object","keys","forEach","key","availableColors","getAvailableColorList","colorName","hexColor","getColorFromPalette","rgbColor","hexToRgb255","r","g","b","ColorMode","Light","Dark","convertIconStyle","iconStyle","themeResult","getHeadlineColorSelector","fontSize","fontSizePx","useChaynsTheme","designSettingsProp","paragraphFormatProp","siteId","useDesignSettings","useParagraphFormat","isMountedRef","useRef","internalTheme","setInternalTheme","useState","useEffect","current","useMemo","exports"],"sources":["../../../../../src/components/color-scheme-provider/hooks/useChaynsTheme.ts"],"sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode } from 'chayns-api';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';\nimport type { Theme } from '../ColorSchemeProvider';\nimport { useDesignSettings } from './useDesignSettings';\nimport { useParagraphFormat } from './useParagraphFormat';\n\nexport type ThemeOptions = {\n    colors?: Theme;\n    colorMode: ColorMode;\n    color: string;\n    secondaryColor?: string;\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat?: ChaynsParagraphFormat[];\n    siteId?: string;\n    theme?: Theme;\n    customVariables?: Record<string, string>;\n};\n\nconst createTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings,\n    paragraphFormat,\n    theme,\n    customVariables,\n}: Omit<ThemeOptions, 'siteId'>) => {\n    if (theme) {\n        return theme;\n    }\n\n    const result: Theme = {};\n\n    if (customVariables) {\n        Object.keys(customVariables).forEach((key) => {\n            result[key] = customVariables[key] as string;\n        });\n    }\n\n    const availableColors = getAvailableColorList();\n\n    if (!colors) {\n        availableColors.forEach((colorName: string) => {\n            const hexColor = getColorFromPalette(colorName, {\n                color,\n                colorMode,\n                secondaryColor,\n            });\n\n            if (hexColor) {\n                const rgbColor = hexToRgb255(hexColor);\n\n                result[colorName] = hexColor;\n\n                if (rgbColor) {\n                    result[`${colorName}-rgb`] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n                }\n            }\n        });\n    }\n\n    switch (colorMode) {\n        case ColorMode.Light:\n            result.colorMode = 'light';\n            break;\n        case ColorMode.Dark:\n            result.colorMode = 'dark';\n            break;\n        default:\n            result.colorMode = 'classic';\n            break;\n    }\n    if (designSettings) {\n        Object.keys(designSettings).forEach((key) => {\n            if (key === 'iconStyle') {\n                result[key] = convertIconStyle(designSettings.iconStyle);\n\n                return;\n            }\n            result[key] = designSettings[key as keyof ChaynsDesignSettings] as string;\n        });\n    }\n    if (paragraphFormat) {\n        const { themeResult } = getHeadlineColorSelector(paragraphFormat);\n\n        // Update Theme\n        Object.keys(themeResult).forEach((key) => {\n            result[key] = themeResult[key] as string;\n        });\n    }\n    result.fontSize = (designSettings?.fontSizePx || 15) as unknown as string;\n\n    return result;\n};\n\nexport const useChaynsTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings: designSettingsProp,\n    paragraphFormat: paragraphFormatProp,\n    siteId,\n    theme,\n    customVariables,\n}: ThemeOptions) => {\n    const designSettings = useDesignSettings(siteId, designSettingsProp);\n    const paragraphFormat = useParagraphFormat(siteId, paragraphFormatProp);\n    const isMountedRef = useRef<boolean>(false);\n\n    const [internalTheme, setInternalTheme] = useState<Theme>(() =>\n        createTheme({\n            colors,\n            colorMode,\n            color,\n            secondaryColor,\n            designSettings,\n            paragraphFormat,\n            theme,\n            customVariables,\n        }),\n    );\n\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            return;\n        }\n        setInternalTheme(\n            createTheme({\n                colors,\n                colorMode,\n                color,\n                secondaryColor,\n                designSettings,\n                paragraphFormat,\n                theme,\n                customVariables,\n            }),\n        );\n    }, [\n        color,\n        colorMode,\n        colors,\n        designSettings,\n        paragraphFormat,\n        secondaryColor,\n        theme,\n        customVariables,\n    ]);\n\n    return useMemo(\n        () => ({\n            theme: internalTheme,\n            designSettings,\n            paragraphFormat,\n        }),\n        [internalTheme, designSettings, paragraphFormat],\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useChaynsTheme.js","names":["_colors","require","_chaynsApi","_react","_font","_useDesignSettings","_useParagraphFormat","createTheme","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","customVariables","result","Object","keys","forEach","key","availableColors","getAvailableColorList","colorName","hexColor","getColorFromPalette","rgbColor","hexToRgb255","r","g","b","ColorMode","Light","Dark","convertIconStyle","iconStyle","themeResult","getHeadlineColorSelector","fontSize","fontSizePx","useChaynsTheme","designSettingsProp","paragraphFormatProp","siteId","useDesignSettings","useParagraphFormat","isMountedRef","useRef","internalTheme","setInternalTheme","useState","useEffect","current","useMemo","exports"],"sources":["../../../../../src/components/color-scheme-provider/hooks/useChaynsTheme.ts"],"sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode } from 'chayns-api';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';\nimport type { Theme } from '../ColorSchemeProvider';\nimport { useDesignSettings } from './useDesignSettings';\nimport { useParagraphFormat } from './useParagraphFormat';\n\nexport type ThemeOptions = {\n    colors?: Theme;\n    colorMode: ColorMode;\n    color: string;\n    secondaryColor?: string;\n    designSettings?: ChaynsDesignSettings & { fontSizePx?: number };\n    paragraphFormat?: ChaynsParagraphFormat[];\n    siteId?: string;\n    theme?: Theme;\n    customVariables?: Record<string, string>;\n};\n\nconst createTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings,\n    paragraphFormat,\n    theme,\n    customVariables,\n}: Omit<ThemeOptions, 'siteId'>) => {\n    if (theme) {\n        return theme;\n    }\n\n    const result: Theme = {};\n\n    if (customVariables) {\n        Object.keys(customVariables).forEach((key) => {\n            result[key] = customVariables[key] as string;\n        });\n    }\n\n    const availableColors = getAvailableColorList();\n\n    if (!colors) {\n        availableColors.forEach((colorName: string) => {\n            const hexColor = getColorFromPalette(colorName, {\n                color,\n                colorMode,\n                secondaryColor,\n            });\n\n            if (hexColor) {\n                const rgbColor = hexToRgb255(hexColor);\n\n                result[colorName] = hexColor;\n\n                if (rgbColor) {\n                    result[`${colorName}-rgb`] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n                }\n            }\n        });\n    }\n\n    switch (colorMode) {\n        case ColorMode.Light:\n            result.colorMode = 'light';\n            break;\n        case ColorMode.Dark:\n            result.colorMode = 'dark';\n            break;\n        default:\n            result.colorMode = 'classic';\n            break;\n    }\n    if (designSettings) {\n        Object.keys(designSettings).forEach((key) => {\n            if (key === 'iconStyle') {\n                result[key] = convertIconStyle(designSettings.iconStyle);\n\n                return;\n            }\n            result[key] = designSettings[key as keyof ChaynsDesignSettings] as string;\n        });\n    }\n    if (paragraphFormat) {\n        const { themeResult } = getHeadlineColorSelector(paragraphFormat);\n\n        // Update Theme\n        Object.keys(themeResult).forEach((key) => {\n            result[key] = themeResult[key] as string;\n        });\n    }\n    result.fontSize = (designSettings?.fontSizePx || 15) as unknown as string;\n\n    return result;\n};\n\nexport const useChaynsTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings: designSettingsProp,\n    paragraphFormat: paragraphFormatProp,\n    siteId,\n    theme,\n    customVariables,\n}: ThemeOptions) => {\n    const designSettings = useDesignSettings(siteId, designSettingsProp);\n    const paragraphFormat = useParagraphFormat(siteId, paragraphFormatProp);\n    const isMountedRef = useRef<boolean>(false);\n\n    const [internalTheme, setInternalTheme] = useState<Theme>(() =>\n        createTheme({\n            colors,\n            colorMode,\n            color,\n            secondaryColor,\n            designSettings,\n            paragraphFormat,\n            theme,\n            customVariables,\n        }),\n    );\n\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            return;\n        }\n        setInternalTheme(\n            createTheme({\n                colors,\n                colorMode,\n                color,\n                secondaryColor,\n                designSettings,\n                paragraphFormat,\n                theme,\n                customVariables,\n            }),\n        );\n    }, [\n        color,\n        colorMode,\n        colors,\n        designSettings,\n        paragraphFormat,\n        secondaryColor,\n        theme,\n        customVariables,\n    ]);\n\n    return useMemo(\n        () => ({\n            theme: internalTheme,\n            designSettings,\n            paragraphFormat,\n        }),\n        [internalTheme, designSettings, paragraphFormat],\n    );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,UAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,kBAAA,GAAAJ,OAAA;AACA,IAAAK,mBAAA,GAAAL,OAAA;AAcA,MAAMM,WAAW,GAAGA,CAAC;EACjBC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,cAAc;EACdC,cAAc;EACdC,eAAe;EACfC,KAAK;EACLC;AAC0B,CAAC,KAAK;EAChC,IAAID,KAAK,EAAE;IACP,OAAOA,KAAK;EAChB;EAEA,MAAME,MAAa,GAAG,CAAC,CAAC;EAExB,IAAID,eAAe,EAAE;IACjBE,MAAM,CAACC,IAAI,CAACH,eAAe,CAAC,CAACI,OAAO,CAAEC,GAAG,IAAK;MAC1CJ,MAAM,CAACI,GAAG,CAAC,GAAGL,eAAe,CAACK,GAAG,CAAW;IAChD,CAAC,CAAC;EACN;EAEA,MAAMC,eAAe,GAAG,IAAAC,6BAAqB,EAAC,CAAC;EAE/C,IAAI,CAACd,MAAM,EAAE;IACTa,eAAe,CAACF,OAAO,CAAEI,SAAiB,IAAK;MAC3C,MAAMC,QAAQ,GAAG,IAAAC,2BAAmB,EAACF,SAAS,EAAE;QAC5Cb,KAAK;QACLD,SAAS;QACTE;MACJ,CAAC,CAAC;MAEF,IAAIa,QAAQ,EAAE;QACV,MAAME,QAAQ,GAAG,IAAAC,mBAAW,EAACH,QAAQ,CAAC;QAEtCR,MAAM,CAACO,SAAS,CAAC,GAAGC,QAAQ;QAE5B,IAAIE,QAAQ,EAAE;UACVV,MAAM,CAAC,GAAGO,SAAS,MAAM,CAAC,GAAG,GAAGG,QAAQ,CAACE,CAAC,KAAKF,QAAQ,CAACG,CAAC,KAAKH,QAAQ,CAACI,CAAC,EAAE;QAC9E;MACJ;IACJ,CAAC,CAAC;EACN;EAEA,QAAQrB,SAAS;IACb,KAAKsB,oBAAS,CAACC,KAAK;MAChBhB,MAAM,CAACP,SAAS,GAAG,OAAO;MAC1B;IACJ,KAAKsB,oBAAS,CAACE,IAAI;MACfjB,MAAM,CAACP,SAAS,GAAG,MAAM;MACzB;IACJ;MACIO,MAAM,CAACP,SAAS,GAAG,SAAS;MAC5B;EACR;EACA,IAAIG,cAAc,EAAE;IAChBK,MAAM,CAACC,IAAI,CAACN,cAAc,CAAC,CAACO,OAAO,CAAEC,GAAG,IAAK;MACzC,IAAIA,GAAG,KAAK,WAAW,EAAE;QACrBJ,MAAM,CAACI,GAAG,CAAC,GAAG,IAAAc,sBAAgB,EAACtB,cAAc,CAACuB,SAAS,CAAC;QAExD;MACJ;MACAnB,MAAM,CAACI,GAAG,CAAC,GAAGR,cAAc,CAACQ,GAAG,CAAyC;IAC7E,CAAC,CAAC;EACN;EACA,IAAIP,eAAe,EAAE;IACjB,MAAM;MAAEuB;IAAY,CAAC,GAAG,IAAAC,8BAAwB,EAACxB,eAAe,CAAC;;IAEjE;IACAI,MAAM,CAACC,IAAI,CAACkB,WAAW,CAAC,CAACjB,OAAO,CAAEC,GAAG,IAAK;MACtCJ,MAAM,CAACI,GAAG,CAAC,GAAGgB,WAAW,CAAChB,GAAG,CAAW;IAC5C,CAAC,CAAC;EACN;EACAJ,MAAM,CAACsB,QAAQ,GAAI,CAAA1B,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAE2B,UAAU,KAAI,EAAwB;EAEzE,OAAOvB,MAAM;AACjB,CAAC;AAEM,MAAMwB,cAAc,GAAGA,CAAC;EAC3BhC,MAAM;EACNC,SAAS;EACTC,KAAK;EACLC,cAAc;EACdC,cAAc,EAAE6B,kBAAkB;EAClC5B,eAAe,EAAE6B,mBAAmB;EACpCC,MAAM;EACN7B,KAAK;EACLC;AACU,CAAC,KAAK;EAChB,MAAMH,cAAc,GAAG,IAAAgC,oCAAiB,EAACD,MAAM,EAAEF,kBAAkB,CAAC;EACpE,MAAM5B,eAAe,GAAG,IAAAgC,sCAAkB,EAACF,MAAM,EAAED,mBAAmB,CAAC;EACvE,MAAMI,YAAY,GAAG,IAAAC,aAAM,EAAU,KAAK,CAAC;EAE3C,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAG,IAAAC,eAAQ,EAAQ,MACtD3C,WAAW,CAAC;IACRC,MAAM;IACNC,SAAS;IACTC,KAAK;IACLC,cAAc;IACdC,cAAc;IACdC,eAAe;IACfC,KAAK;IACLC;EACJ,CAAC,CACL,CAAC;EAED,IAAAoC,gBAAS,EAAC,MAAM;IACZ,IAAI,CAACL,YAAY,CAACM,OAAO,EAAE;MACvBN,YAAY,CAACM,OAAO,GAAG,IAAI;MAC3B;IACJ;IACAH,gBAAgB,CACZ1C,WAAW,CAAC;MACRC,MAAM;MACNC,SAAS;MACTC,KAAK;MACLC,cAAc;MACdC,cAAc;MACdC,eAAe;MACfC,KAAK;MACLC;IACJ,CAAC,CACL,CAAC;EACL,CAAC,EAAE,CACCL,KAAK,EACLD,SAAS,EACTD,MAAM,EACNI,cAAc,EACdC,eAAe,EACfF,cAAc,EACdG,KAAK,EACLC,eAAe,CAClB,CAAC;EAEF,OAAO,IAAAsC,cAAO,EACV,OAAO;IACHvC,KAAK,EAAEkC,aAAa;IACpBpC,cAAc;IACdC;EACJ,CAAC,CAAC,EACF,CAACmC,aAAa,EAAEpC,cAAc,EAAEC,eAAe,CACnD,CAAC;AACL,CAAC;AAACyC,OAAA,CAAAd,cAAA,GAAAA,cAAA","ignoreList":[]}

package/lib/cjs/components/highlight-slider/HighlightSlider.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _HighlightSlider = require("./HighlightSlider.styles");
+var _HighlightSliderItem = _interopRequireDefault(require("./highlight-slider-item/HighlightSliderItem"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const DEFAULT_HIGHLIGHT_SLIDER_COLORS = {
+  backgroundColor: '#E0E0E0',
+  fillColor: '#808080'
+};
+const HighlightSlider = ({
+  count,
+  colors = DEFAULT_HIGHLIGHT_SLIDER_COLORS,
+  onIndexChange,
+  currentIndex,
+  duration = 10
+}) => {
+  const handleFinish = (0, _react.useCallback)(index => {
+    if (typeof onIndexChange === 'function') {
+      onIndexChange(index >= count - 1 ? 0 : index + 1);
+    }
+  }, [count, onIndexChange]);
+  const handleClick = (0, _react.useCallback)(index => {
+    if (typeof onIndexChange === 'function') {
+      onIndexChange(index);
+    }
+  }, [onIndexChange]);
+  const content = (0, _react.useMemo)(() => Array.from({
+    length: count
+  }).map((value, index) => /*#__PURE__*/_react.default.createElement(_HighlightSliderItem.default, {
+    key: `highlight-slider-item--${value}`,
+    index: index,
+    duration: duration,
+    colors: colors,
+    isActive: currentIndex === index,
+    isFinished: currentIndex > index,
+    onClick: handleClick,
+    onFinish: handleFinish
+  })), [colors, count, currentIndex, duration, handleClick, handleFinish]);
+  return /*#__PURE__*/_react.default.createElement(_HighlightSlider.StyledHighlightSlider, null, content);
+};
+HighlightSlider.displayName = 'HighlightSlider';
+var _default = exports.default = HighlightSlider;
+//# sourceMappingURL=HighlightSlider.js.map

package/lib/cjs/components/highlight-slider/HighlightSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSlider.js","names":["_react","_interopRequireWildcard","require","_HighlightSlider","_HighlightSliderItem","_interopRequireDefault","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","DEFAULT_HIGHLIGHT_SLIDER_COLORS","backgroundColor","fillColor","HighlightSlider","count","colors","onIndexChange","currentIndex","duration","handleFinish","useCallback","index","handleClick","content","useMemo","Array","from","length","map","value","createElement","key","isActive","isFinished","onClick","onFinish","StyledHighlightSlider","displayName","_default","exports"],"sources":["../../../../src/components/highlight-slider/HighlightSlider.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { StyledHighlightSlider } from './HighlightSlider.styles';\nimport HighlightSliderItem, {\n    HighlightSliderItemColors,\n} from './highlight-slider-item/HighlightSliderItem';\n\nconst DEFAULT_HIGHLIGHT_SLIDER_COLORS: HighlightSliderItemColors = {\n    backgroundColor: '#E0E0E0',\n    fillColor: '#808080',\n};\n\nexport type HighlightSliderProps = {\n    /**\n     * The Colors of the slider.\n     */\n    colors?: HighlightSliderItemColors;\n    /**\n     * The total number of sections, that should be displayed.\n     */\n    count: number;\n    /**\n     * The current index.\n     */\n    currentIndex: number;\n    /**\n     * The duration of the animation of a single item in seconds.\n     */\n    duration?: number;\n    /**\n     * Function to be executed if the index has changed.\n     */\n    onIndexChange?: (index: number) => void;\n};\n\nconst HighlightSlider: FC<HighlightSliderProps> = ({\n    count,\n    colors = DEFAULT_HIGHLIGHT_SLIDER_COLORS,\n    onIndexChange,\n    currentIndex,\n    duration = 10,\n}) => {\n    const handleFinish = useCallback(\n        (index: number) => {\n            if (typeof onIndexChange === 'function') {\n                onIndexChange(index >= count - 1 ? 0 : index + 1);\n            }\n        },\n        [count, onIndexChange],\n    );\n\n    const handleClick = useCallback(\n        (index: number) => {\n            if (typeof onIndexChange === 'function') {\n                onIndexChange(index);\n            }\n        },\n        [onIndexChange],\n    );\n\n    const content = useMemo(\n        () =>\n            Array.from({ length: count }).map((value, index) => (\n                <HighlightSliderItem\n                    key={`highlight-slider-item--${value as number}`}\n                    index={index}\n                    duration={duration}\n                    colors={colors}\n                    isActive={currentIndex === index}\n                    isFinished={currentIndex > index}\n                    onClick={handleClick}\n                    onFinish={handleFinish}\n                />\n            )),\n        [colors, count, currentIndex, duration, handleClick, handleFinish],\n    );\n\n    return <StyledHighlightSlider>{content}</StyledHighlightSlider>;\n};\n\nHighlightSlider.displayName = 'HighlightSlider';\n\nexport default HighlightSlider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/highlight-slider/HighlightSlider.styles.js

@@ -0,0 +1,14 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledHighlightSlider = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledHighlightSlider = exports.StyledHighlightSlider = _styledComponents.default.div`
+    display: flex;
+    gap: 12px;
+    align-items: center;
+`;
+//# sourceMappingURL=HighlightSlider.styles.js.map

package/lib/cjs/components/highlight-slider/HighlightSlider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSlider.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledHighlightSlider","exports","styled","div"],"sources":["../../../../src/components/highlight-slider/HighlightSlider.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledHighlightSlider = styled.div`\n    display: flex;\n    gap: 12px;\n    align-items: center;\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,qBAAqB,GAAAC,OAAA,CAAAD,qBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC/C;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/highlight-slider/highlight-slider-item/HighlightSliderItem.js

@@ -0,0 +1,57 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _HighlightSliderItem = require("./HighlightSliderItem.styles");
+var _ProgressBar = require("../../progress-bar/ProgressBar.styles");
+var _uuid = require("../../../hooks/uuid");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const HighlightSliderItem = ({
+  colors,
+  isActive,
+  isFinished,
+  onFinish,
+  index,
+  onClick,
+  duration
+}) => {
+  const uuid = (0, _uuid.useUuid)();
+  return /*#__PURE__*/_react.default.createElement(_HighlightSliderItem.StyledHighlightSliderItem, {
+    onClick: () => onClick(index)
+  }, /*#__PURE__*/_react.default.createElement(_ProgressBar.StyledProgressBarProgressWrapper, null, isActive && /*#__PURE__*/_react.default.createElement(_HighlightSliderItem.StyledHighlightSliderItemProgress, {
+    key: `highlight-slider-item-active--${uuid}`,
+    initial: {
+      width: '100%',
+      left: '-100%'
+    },
+    animate: {
+      width: '100%',
+      left: '0%'
+    },
+    exit: {
+      width: '100%',
+      left: '0%'
+    },
+    onAnimationComplete: () => onFinish(index),
+    $backgroundColor: colors.fillColor,
+    transition: {
+      ease: 'linear',
+      duration
+    }
+  }), isFinished && /*#__PURE__*/_react.default.createElement(_HighlightSliderItem.StyledHighlightSliderItemProgress, {
+    key: `highlight-slider-item-finished--${uuid}`,
+    style: {
+      width: '100%',
+      left: '0%'
+    },
+    $backgroundColor: colors.fillColor
+  }), /*#__PURE__*/_react.default.createElement(_HighlightSliderItem.StyledHighlightSliderItemBackground, {
+    $backgroundColor: colors.backgroundColor
+  })));
+};
+HighlightSliderItem.displayName = 'HighlightSliderItem';
+var _default = exports.default = HighlightSliderItem;
+//# sourceMappingURL=HighlightSliderItem.js.map

package/lib/cjs/components/highlight-slider/highlight-slider-item/HighlightSliderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSliderItem.js","names":["_react","_interopRequireDefault","require","_HighlightSliderItem","_ProgressBar","_uuid","e","__esModule","default","HighlightSliderItem","colors","isActive","isFinished","onFinish","index","onClick","duration","uuid","useUuid","createElement","StyledHighlightSliderItem","StyledProgressBarProgressWrapper","StyledHighlightSliderItemProgress","key","initial","width","left","animate","exit","onAnimationComplete","$backgroundColor","fillColor","transition","ease","style","StyledHighlightSliderItemBackground","backgroundColor","displayName","_default","exports"],"sources":["../../../../../src/components/highlight-slider/highlight-slider-item/HighlightSliderItem.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n    StyledHighlightSliderItem,\n    StyledHighlightSliderItemBackground,\n    StyledHighlightSliderItemProgress,\n} from './HighlightSliderItem.styles';\nimport { StyledProgressBarProgressWrapper } from '../../progress-bar/ProgressBar.styles';\nimport { useUuid } from '../../../hooks/uuid';\n\nexport interface HighlightSliderItemColors {\n    backgroundColor: string;\n    fillColor: string;\n}\n\nexport type HighlightSliderItemProps = {\n    index: number;\n    isActive: boolean;\n    isFinished: boolean;\n    onClick: (index: number) => void;\n    onFinish: (index: number) => void;\n    duration: number;\n    colors: HighlightSliderItemColors;\n};\n\nconst HighlightSliderItem: FC<HighlightSliderItemProps> = ({\n    colors,\n    isActive,\n    isFinished,\n    onFinish,\n    index,\n    onClick,\n    duration,\n}) => {\n    const uuid = useUuid();\n\n    return (\n        <StyledHighlightSliderItem onClick={() => onClick(index)}>\n            <StyledProgressBarProgressWrapper>\n                {isActive && (\n                    <StyledHighlightSliderItemProgress\n                        key={`highlight-slider-item-active--${uuid}`}\n                        initial={{ width: '100%', left: '-100%' }}\n                        animate={{ width: '100%', left: '0%' }}\n                        exit={{ width: '100%', left: '0%' }}\n                        onAnimationComplete={() => onFinish(index)}\n                        $backgroundColor={colors.fillColor}\n                        transition={{\n                            ease: 'linear',\n                            duration,\n                        }}\n                    />\n                )}\n                {isFinished && (\n                    <StyledHighlightSliderItemProgress\n                        key={`highlight-slider-item-finished--${uuid}`}\n                        style={{ width: '100%', left: '0%' }}\n                        $backgroundColor={colors.fillColor}\n                    />\n                )}\n                <StyledHighlightSliderItemBackground $backgroundColor={colors.backgroundColor} />\n            </StyledProgressBarProgressWrapper>\n        </StyledHighlightSliderItem>\n    );\n};\n\nHighlightSliderItem.displayName = 'HighlightSliderItem';\n\nexport default HighlightSliderItem;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AAKA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAA8C,SAAAD,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAiB9C,MAAMG,mBAAiD,GAAGA,CAAC;EACvDC,MAAM;EACNC,QAAQ;EACRC,UAAU;EACVC,QAAQ;EACRC,KAAK;EACLC,OAAO;EACPC;AACJ,CAAC,KAAK;EACF,MAAMC,IAAI,GAAG,IAAAC,aAAO,EAAC,CAAC;EAEtB,oBACIlB,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,oBAAA,CAAAiB,yBAAyB;IAACL,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK;EAAE,gBACrDd,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAACf,YAAA,CAAAiB,gCAAgC,QAC5BV,QAAQ,iBACLX,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,oBAAA,CAAAmB,iCAAiC;IAC9BC,GAAG,EAAE,iCAAiCN,IAAI,EAAG;IAC7CO,OAAO,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAQ,CAAE;IAC1CC,OAAO,EAAE;MAAEF,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAK,CAAE;IACvCE,IAAI,EAAE;MAAEH,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAK,CAAE;IACpCG,mBAAmB,EAAEA,CAAA,KAAMhB,QAAQ,CAACC,KAAK,CAAE;IAC3CgB,gBAAgB,EAAEpB,MAAM,CAACqB,SAAU;IACnCC,UAAU,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdjB;IACJ;EAAE,CACL,CACJ,EACAJ,UAAU,iBACPZ,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,oBAAA,CAAAmB,iCAAiC;IAC9BC,GAAG,EAAE,mCAAmCN,IAAI,EAAG;IAC/CiB,KAAK,EAAE;MAAET,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAK,CAAE;IACrCI,gBAAgB,EAAEpB,MAAM,CAACqB;EAAU,CACtC,CACJ,eACD/B,MAAA,CAAAQ,OAAA,CAAAW,aAAA,CAAChB,oBAAA,CAAAgC,mCAAmC;IAACL,gBAAgB,EAAEpB,MAAM,CAAC0B;EAAgB,CAAE,CAClD,CACX,CAAC;AAEpC,CAAC;AAED3B,mBAAmB,CAAC4B,WAAW,GAAG,qBAAqB;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEzCC,mBAAmB","ignoreList":[]}

package/lib/cjs/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.StyledHighlightSliderItemProgress = exports.StyledHighlightSliderItemBackground = exports.StyledHighlightSliderItem = void 0;
+var _styledComponents = _interopRequireDefault(require("styled-components"));
+var _react = require("motion/react");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const StyledHighlightSliderItem = exports.StyledHighlightSliderItem = _styledComponents.default.div`
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+    height: 4px;
+    border-radius: 4px;
+    cursor: pointer;
+`;
+const StyledHighlightSliderItemProgress = exports.StyledHighlightSliderItemProgress = (0, _styledComponents.default)(_react.motion.div)`
+    height: 4px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    background-color: ${({
+  $backgroundColor
+}) => $backgroundColor};
+`;
+const StyledHighlightSliderItemBackground = exports.StyledHighlightSliderItemBackground = (0, _styledComponents.default)(_react.motion.div)`
+    height: 4px;
+    width: 100%;
+    border-radius: 2px;
+    background-color: ${({
+  $backgroundColor
+}) => $backgroundColor};
+`;
+//# sourceMappingURL=HighlightSliderItem.styles.js.map

package/lib/cjs/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSliderItem.styles.js","names":["_styledComponents","_interopRequireDefault","require","_react","e","__esModule","default","StyledHighlightSliderItem","exports","styled","div","StyledHighlightSliderItemProgress","motion","$backgroundColor","StyledHighlightSliderItemBackground"],"sources":["../../../../../src/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'motion/react';\nimport { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledHighlightSliderItem = styled.div`\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: 4px;\n    border-radius: 4px;\n    cursor: pointer;\n`;\ntype StyledHighlightSliderItemProgressProps = WithTheme<{ $backgroundColor: string }>;\n\nexport const StyledHighlightSliderItemProgress = styled(\n    motion.div,\n)<StyledHighlightSliderItemProgressProps>`\n    height: 4px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 2;\n    background-color: ${({ $backgroundColor }: StyledHighlightSliderItemProgressProps) =>\n        $backgroundColor};\n`;\n\ntype StyledHighlightSliderItemBackgroundProps = WithTheme<{ $backgroundColor: string }>;\n\nexport const StyledHighlightSliderItemBackground = styled(\n    motion.div,\n)<StyledHighlightSliderItemBackgroundProps>`\n    height: 4px;\n    width: 100%;\n    border-radius: 2px;\n    background-color: ${({ $backgroundColor }: StyledHighlightSliderItemBackgroundProps) =>\n        $backgroundColor};\n`;\n"],"mappings":";;;;;;AAAA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AAAsC,SAAAD,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAG/B,MAAMG,yBAAyB,GAAAC,OAAA,CAAAD,yBAAA,GAAGE,yBAAM,CAACC,GAAG;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAGM,MAAMC,iCAAiC,GAAAH,OAAA,CAAAG,iCAAA,GAAG,IAAAF,yBAAM,EACnDG,aAAM,CAACF,GACX,CAAyC;AACzC;AACA;AACA;AACA;AACA;AACA,wBAAwB,CAAC;EAAEG;AAAyD,CAAC,KAC7EA,gBAAgB;AACxB,CAAC;AAIM,MAAMC,mCAAmC,GAAAN,OAAA,CAAAM,mCAAA,GAAG,IAAAL,yBAAM,EACrDG,aAAM,CAACF,GACX,CAA2C;AAC3C;AACA;AACA;AACA,wBAAwB,CAAC;EAAEG;AAA2D,CAAC,KAC/EA,gBAAgB;AACxB,CAAC","ignoreList":[]}

package/lib/cjs/index.js

@@ -171,6 +171,12 @@ Object.defineProperty(exports, "GridImage", {
     return _GridImage.default;
   }
 });
+Object.defineProperty(exports, "HighlightSLider", {
+  enumerable: true,
+  get: function () {
+    return _HighlightSlider.default;
+  }
+});
 Object.defineProperty(exports, "Icon", {
   enumerable: true,
   get: function () {
@@ -432,6 +438,7 @@ var _FileList = _interopRequireDefault(require("./components/file-list/FileList"
 var _FileSelect = _interopRequireDefault(require("./components/file-select/FileSelect"));
 var _ComboBox = _interopRequireDefault(require("./components/combobox/ComboBox"));
 var _ContentCard = _interopRequireDefault(require("./components/content-card/ContentCard"));
+var _HighlightSlider = _interopRequireDefault(require("./components/highlight-slider/HighlightSlider"));
 var _ContextMenu = _interopRequireDefault(require("./components/context-menu/ContextMenu"));
 var _ExpandableContent = _interopRequireDefault(require("./components/expandable-content/ExpandableContent"));
 var _FileInput = _interopRequireDefault(require("./components/file-input/FileInput"));

package/lib/cjs/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_AreaContextProvider","_interopRequireWildcard","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_FileList","_FileSelect","_ComboBox","_ContentCard","_ContextMenu","_ExpandableContent","_FileInput","_FilterButton","_FilterButtons","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_MentionFinder","_NumberInput","_PageProvider","_Popup","_PopupContent","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SelectButton","_SetupWizardItem","_SetupWizard","_SharingBar","_Signature","_SliderButton","_Slider","_SmallWaitCursor","_TagInput","_TextArea","_Tooltip","_Truncation","_mentionFinder","_useElementSize","_comboBox","_contentCard","_contextMenu","_filterButtons","_truncation","_environment","_fileDialog","_isTobitEmployee","_pageProvider","_uploadFile","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"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 {\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 type {\n    ColorSchemeContextProps,\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\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 {\n    default as ComboBox,\n    type ComboBoxTextStyles,\n    type IComboBoxItem as ComboBoxItem,\n    type IComboBoxItems as ComboBoxItems,\n} from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n    default as ContextMenu,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport { default as FileInput, type FileInputRef } 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 Icon } 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} 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 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 {\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 SharingBar } from './components/sharing-bar/SharingBar';\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 { default as TagInput } 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/useElementSize';\nexport type { BrowserName } from './types/chayns';\nexport { ComboBoxDirection } from './types/comboBox';\nexport { ContentCardType } from './types/contentCard';\nexport { ContextMenuAlignment } from './types/contextMenu';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/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 { ClampPosition } from './types/truncation';\nexport { getIsTouch } 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';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["_Accordion","_interopRequireDefault","require","_AccordionContent","_AccordionGroup","_AccordionIntro","_AccordionItem","_AmountControl","_AreaContextProvider","_interopRequireWildcard","_Badge","_Button","_Checkbox","_ColorSchemeProvider","_FileList","_FileSelect","_ComboBox","_ContentCard","_HighlightSlider","_ContextMenu","_ExpandableContent","_FileInput","_FilterButton","_FilterButtons","_GridImage","_Icon","_Input","_List","_ListItemContent","_ListItem","_MentionFinder","_NumberInput","_PageProvider","_Popup","_PopupContent","_ProgressBar","_RadioButtonGroup","_RadioButton","_ScrollView","_SearchBox","_SearchInput","_SelectButton","_SetupWizardItem","_SetupWizard","_SharingBar","_Signature","_SliderButton","_Slider","_SmallWaitCursor","_TagInput","_TextArea","_Tooltip","_Truncation","_mentionFinder","_useElementSize","_comboBox","_contentCard","_contextMenu","_filterButtons","_truncation","_environment","_fileDialog","_isTobitEmployee","_pageProvider","_uploadFile","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set"],"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 {\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 type {\n    ColorSchemeContextProps,\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\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 {\n    default as ComboBox,\n    type ComboBoxTextStyles,\n    type IComboBoxItem as ComboBoxItem,\n    type IComboBoxItems as ComboBoxItems,\n} 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 {\n    default as ContextMenu,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport { default as FileInput, type FileInputRef } 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 Icon } 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} 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 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 {\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 SharingBar } from './components/sharing-bar/SharingBar';\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 { default as TagInput } 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/useElementSize';\nexport type { BrowserName } from './types/chayns';\nexport { ComboBoxDirection } from './types/comboBox';\nexport { ContentCardType } from './types/contentCard';\nexport { ContextMenuAlignment } from './types/contextMenu';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/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 { ClampPosition } from './types/truncation';\nexport { getIsTouch } 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';\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/color-scheme-provider/ColorSchemeProvider.js

@@ -12,6 +12,17 @@ const GlobalStyle = createGlobalStyle`
         text-overflow: ellipsis;
         white-space: nowrap;
     }
+
+    footer {
+        font-size: 0.85rem;
+        color: #888;
+        margin: 10px 0 0;
+
+        & a {
+            color: #888;
+            letter-spacing: -0.3px;
+        }
+    }
 `;
 export const ColorSchemeContext = /*#__PURE__*/createContext(undefined);
 export const useColorScheme = () => useContext(ColorSchemeContext);

package/lib/esm/components/color-scheme-provider/ColorSchemeProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeProvider.js","names":["useSite","React","createContext","useContext","createGlobalStyle","ThemeProvider","StyledColorSchemeProvider","useChaynsTheme","GlobalStyle","ColorSchemeContext","undefined","useColorScheme","ColorSchemeProvider","_ref","children","color","colorProp","colorMode","colorModeProp","secondaryColor","siteId","style","customVariables","internalColor","internalColorMode","contextValue","createElement","theme","Provider","value","className","displayName"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode, useSite } from 'chayns-api';\nimport React, { createContext, FC, ReactNode, useContext } from 'react';\nimport { createGlobalStyle, ThemeProvider } from 'styled-components';\nimport { StyledColorSchemeProvider } from './ColorSchemeProvider.styles';\nimport { useChaynsTheme } from './hooks/useChaynsTheme';\n\nexport type ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * The site id of the page for which the design settings should be fetched\n     */\n    siteId?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n    /**\n     * Additional variables to extend the theme\n     */\n    customVariables?: Record<string, string>;\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\n// ToDo remove type after the framer-motion bug is Fixed\nexport type FramerMotionBugFix = WithTheme<unknown>;\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n`;\n\nexport interface ColorSchemeContextProps {\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat: ChaynsParagraphFormat[];\n    theme: Theme;\n}\n\nexport const ColorSchemeContext = createContext<ColorSchemeContextProps | undefined>(undefined);\n\nexport const useColorScheme = () => useContext(ColorSchemeContext);\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color: colorProp,\n    colorMode: colorModeProp,\n    secondaryColor,\n    siteId,\n    style = {},\n    customVariables,\n}) => {\n    const { color: internalColor, colorMode: internalColorMode } = useSite();\n    const color = colorProp ?? internalColor;\n    const colorMode = colorModeProp ?? internalColorMode;\n\n    const contextValue = useChaynsTheme({\n        color,\n        colorMode,\n        secondaryColor,\n        siteId,\n        customVariables,\n    });\n\n    return (\n        <ThemeProvider theme={contextValue.theme}>\n            <ColorSchemeContext.Provider value={contextValue}>\n                <StyledColorSchemeProvider className=\"color-scheme-provider\" style={style}>\n                    {children}\n                </StyledColorSchemeProvider>\n                <GlobalStyle />\n            </ColorSchemeContext.Provider>\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"mappings":"AAAA,SAAiEA,OAAO,QAAQ,YAAY;AAC5F,OAAOC,KAAK,IAAIC,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AACvE,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,mBAAmB;AACpE,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,cAAc,QAAQ,wBAAwB;;AAyCvD;;AAGA,MAAMC,WAAW,GAAGJ,iBAAiB;AACrC;AACA;AACA;AACA;AACA;AACA,CAAC;AAQD,OAAO,MAAMK,kBAAkB,gBAAGP,aAAa,CAAsCQ,SAAS,CAAC;AAE/F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAMR,UAAU,CAACM,kBAAkB,CAAC;AAElE,MAAMG,mBAAiD,GAAGC,IAAA,IAQpD;EAAA,IARqD;IACvDC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,SAAS,EAAEC,aAAa;IACxBC,cAAc;IACdC,MAAM;IACNC,KAAK,GAAG,CAAC,CAAC;IACVC;EACJ,CAAC,GAAAT,IAAA;EACG,MAAM;IAAEE,KAAK,EAAEQ,aAAa;IAAEN,SAAS,EAAEO;EAAkB,CAAC,GAAGxB,OAAO,CAAC,CAAC;EACxE,MAAMe,KAAK,GAAGC,SAAS,IAAIO,aAAa;EACxC,MAAMN,SAAS,GAAGC,aAAa,IAAIM,iBAAiB;EAEpD,MAAMC,YAAY,GAAGlB,cAAc,CAAC;IAChCQ,KAAK;IACLE,SAAS;IACTE,cAAc;IACdC,MAAM;IACNE;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAAyB,aAAA,CAACrB,aAAa;IAACsB,KAAK,EAAEF,YAAY,CAACE;EAAM,gBACrC1B,KAAA,CAAAyB,aAAA,CAACjB,kBAAkB,CAACmB,QAAQ;IAACC,KAAK,EAAEJ;EAAa,gBAC7CxB,KAAA,CAAAyB,aAAA,CAACpB,yBAAyB;IAACwB,SAAS,EAAC,uBAAuB;IAACT,KAAK,EAAEA;EAAM,GACrEP,QACsB,CAAC,eAC5Bb,KAAA,CAAAyB,aAAA,CAAClB,WAAW,MAAE,CACW,CAClB,CAAC;AAExB,CAAC;AAEDI,mBAAmB,CAACmB,WAAW,GAAG,qBAAqB;AAEvD,eAAenB,mBAAmB","ignoreList":[]}
+{"version":3,"file":"ColorSchemeProvider.js","names":["useSite","React","createContext","useContext","createGlobalStyle","ThemeProvider","StyledColorSchemeProvider","useChaynsTheme","GlobalStyle","ColorSchemeContext","undefined","useColorScheme","ColorSchemeProvider","_ref","children","color","colorProp","colorMode","colorModeProp","secondaryColor","siteId","style","customVariables","internalColor","internalColorMode","contextValue","createElement","theme","Provider","value","className","displayName"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.tsx"],"sourcesContent":["import { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode, useSite } from 'chayns-api';\nimport React, { createContext, FC, ReactNode, useContext } from 'react';\nimport { createGlobalStyle, ThemeProvider } from 'styled-components';\nimport { StyledColorSchemeProvider } from './ColorSchemeProvider.styles';\nimport { useChaynsTheme } from './hooks/useChaynsTheme';\n\nexport type ColorSchemeProviderProps = {\n    /**\n     * The content of the application or the components for which the styles should be set\n     */\n    children: ReactNode;\n    /**\n     * The hex color to be used for the children\n     */\n    color?: string;\n    /**\n     * The color mode to be used for the children\n     */\n    colorMode?: ColorMode;\n    /**\n     * The secondary hex color to be used for the children\n     */\n    secondaryColor?: string;\n    /**\n     * The site id of the page for which the design settings should be fetched\n     */\n    siteId?: string;\n    /**\n     * Additional styles set on the root element\n     */\n    style?: { [key: string]: string | number };\n    /**\n     * Additional variables to extend the theme\n     */\n    customVariables?: Record<string, string>;\n};\n\nexport interface Theme {\n    [key: string]: string;\n}\n\nexport type WithTheme<T> = T & {\n    theme: Theme;\n};\n\n// ToDo remove type after the framer-motion bug is Fixed\nexport type FramerMotionBugFix = WithTheme<unknown>;\n\nconst GlobalStyle = createGlobalStyle`\n    .ellipsis {\n        overflow: hidden;\n        text-overflow: ellipsis;\n        white-space: nowrap;\n    }\n\n    footer {\n        font-size: 0.85rem;\n        color: #888;\n        margin: 10px 0 0;\n\n        & a {\n            color: #888;\n            letter-spacing: -0.3px;\n        }\n    }\n`;\n\nexport interface ColorSchemeContextProps {\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat: ChaynsParagraphFormat[];\n    theme: Theme;\n}\n\nexport const ColorSchemeContext = createContext<ColorSchemeContextProps | undefined>(undefined);\n\nexport const useColorScheme = () => useContext(ColorSchemeContext);\n\nconst ColorSchemeProvider: FC<ColorSchemeProviderProps> = ({\n    children,\n    color: colorProp,\n    colorMode: colorModeProp,\n    secondaryColor,\n    siteId,\n    style = {},\n    customVariables,\n}) => {\n    const { color: internalColor, colorMode: internalColorMode } = useSite();\n    const color = colorProp ?? internalColor;\n    const colorMode = colorModeProp ?? internalColorMode;\n\n    const contextValue = useChaynsTheme({\n        color,\n        colorMode,\n        secondaryColor,\n        siteId,\n        customVariables,\n    });\n\n    return (\n        <ThemeProvider theme={contextValue.theme}>\n            <ColorSchemeContext.Provider value={contextValue}>\n                <StyledColorSchemeProvider className=\"color-scheme-provider\" style={style}>\n                    {children}\n                </StyledColorSchemeProvider>\n                <GlobalStyle />\n            </ColorSchemeContext.Provider>\n        </ThemeProvider>\n    );\n};\n\nColorSchemeProvider.displayName = 'ColorSchemeProvider';\n\nexport default ColorSchemeProvider;\n"],"mappings":"AAAA,SAAiEA,OAAO,QAAQ,YAAY;AAC5F,OAAOC,KAAK,IAAIC,aAAa,EAAiBC,UAAU,QAAQ,OAAO;AACvE,SAASC,iBAAiB,EAAEC,aAAa,QAAQ,mBAAmB;AACpE,SAASC,yBAAyB,QAAQ,8BAA8B;AACxE,SAASC,cAAc,QAAQ,wBAAwB;;AAyCvD;;AAGA,MAAMC,WAAW,GAAGJ,iBAAiB;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAQD,OAAO,MAAMK,kBAAkB,gBAAGP,aAAa,CAAsCQ,SAAS,CAAC;AAE/F,OAAO,MAAMC,cAAc,GAAGA,CAAA,KAAMR,UAAU,CAACM,kBAAkB,CAAC;AAElE,MAAMG,mBAAiD,GAAGC,IAAA,IAQpD;EAAA,IARqD;IACvDC,QAAQ;IACRC,KAAK,EAAEC,SAAS;IAChBC,SAAS,EAAEC,aAAa;IACxBC,cAAc;IACdC,MAAM;IACNC,KAAK,GAAG,CAAC,CAAC;IACVC;EACJ,CAAC,GAAAT,IAAA;EACG,MAAM;IAAEE,KAAK,EAAEQ,aAAa;IAAEN,SAAS,EAAEO;EAAkB,CAAC,GAAGxB,OAAO,CAAC,CAAC;EACxE,MAAMe,KAAK,GAAGC,SAAS,IAAIO,aAAa;EACxC,MAAMN,SAAS,GAAGC,aAAa,IAAIM,iBAAiB;EAEpD,MAAMC,YAAY,GAAGlB,cAAc,CAAC;IAChCQ,KAAK;IACLE,SAAS;IACTE,cAAc;IACdC,MAAM;IACNE;EACJ,CAAC,CAAC;EAEF,oBACIrB,KAAA,CAAAyB,aAAA,CAACrB,aAAa;IAACsB,KAAK,EAAEF,YAAY,CAACE;EAAM,gBACrC1B,KAAA,CAAAyB,aAAA,CAACjB,kBAAkB,CAACmB,QAAQ;IAACC,KAAK,EAAEJ;EAAa,gBAC7CxB,KAAA,CAAAyB,aAAA,CAACpB,yBAAyB;IAACwB,SAAS,EAAC,uBAAuB;IAACT,KAAK,EAAEA;EAAM,GACrEP,QACsB,CAAC,eAC5Bb,KAAA,CAAAyB,aAAA,CAAClB,WAAW,MAAE,CACW,CAClB,CAAC;AAExB,CAAC;AAEDI,mBAAmB,CAACmB,WAAW,GAAG,qBAAqB;AAEvD,eAAenB,mBAAmB","ignoreList":[]}

package/lib/esm/components/color-scheme-provider/ColorSchemeProvider.styles.js

@@ -1,5 +1,6 @@
 import { getAvailableColorList } from '@chayns/colors';
 import { styled } from 'styled-components';
+// noinspection CssUnresolvedCustomProperty
 export const StyledColorSchemeProvider = styled.div`
     color: var(--chayns-color--text);
 

package/lib/esm/components/color-scheme-provider/ColorSchemeProvider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorSchemeProvider.styles.js","names":["getAvailableColorList","styled","StyledColorSchemeProvider","div","_ref","theme","map","colorName","colorNameRgb"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.styles.ts"],"sourcesContent":["import { getAvailableColorList } from '@chayns/colors';\nimport { styled } from 'styled-components';\nimport type { WithTheme } from './ColorSchemeProvider';\n\ntype ColorSchemeProviderProps = WithTheme<unknown>;\n\nexport const StyledColorSchemeProvider = styled.div<ColorSchemeProviderProps>`\n    color: var(--chayns-color--text);\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        getAvailableColorList().map((colorName: string) => {\n            const colorNameRgb = `${colorName}-rgb`;\n            return [\n                `--chayns-color--${colorName}: ${theme[colorName]};`,\n                `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb]};`,\n            ];\n        })}\n`;\n"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAK1C,OAAO,MAAMC,yBAAyB,GAAGD,MAAM,CAACE,GAA6B;AAC7E;AACA;AACA,MAAMC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAClCJ,qBAAqB,CAAC,CAAC,CAACM,GAAG,CAAEC,SAAiB,IAAK;IAC/C,MAAMC,YAAY,GAAG,GAAGD,SAAS,MAAM;IACvC,OAAO,CACH,mBAAmBA,SAAS,KAAKF,KAAK,CAACE,SAAS,CAAC,GAAG,EACpD,uBAAuBA,SAAS,KAAKF,KAAK,CAACG,YAAY,CAAC,GAAG,CAC9D;EACL,CAAC,CAAC;AAAA;AACV,CAAC","ignoreList":[]}
+{"version":3,"file":"ColorSchemeProvider.styles.js","names":["getAvailableColorList","styled","StyledColorSchemeProvider","div","_ref","theme","map","colorName","colorNameRgb"],"sources":["../../../../src/components/color-scheme-provider/ColorSchemeProvider.styles.ts"],"sourcesContent":["import { getAvailableColorList } from '@chayns/colors';\nimport { styled } from 'styled-components';\nimport type { WithTheme } from './ColorSchemeProvider';\n\ntype ColorSchemeProviderProps = WithTheme<unknown>;\n\n// noinspection CssUnresolvedCustomProperty\nexport const StyledColorSchemeProvider = styled.div<ColorSchemeProviderProps>`\n    color: var(--chayns-color--text);\n\n    ${({ theme }: ColorSchemeProviderProps) =>\n        getAvailableColorList().map((colorName: string) => {\n            const colorNameRgb = `${colorName}-rgb`;\n            return [\n                `--chayns-color--${colorName}: ${theme[colorName]};`,\n                `--chayns-color-rgb--${colorName}: ${theme[colorNameRgb]};`,\n            ];\n        })}\n`;\n"],"mappings":"AAAA,SAASA,qBAAqB,QAAQ,gBAAgB;AACtD,SAASC,MAAM,QAAQ,mBAAmB;AAK1C;AACA,OAAO,MAAMC,yBAAyB,GAAGD,MAAM,CAACE,GAA6B;AAC7E;AACA;AACA,MAAMC,IAAA;EAAA,IAAC;IAAEC;EAAgC,CAAC,GAAAD,IAAA;EAAA,OAClCJ,qBAAqB,CAAC,CAAC,CAACM,GAAG,CAAEC,SAAiB,IAAK;IAC/C,MAAMC,YAAY,GAAG,GAAGD,SAAS,MAAM;IACvC,OAAO,CACH,mBAAmBA,SAAS,KAAKF,KAAK,CAACE,SAAS,CAAC,GAAG,EACpD,uBAAuBA,SAAS,KAAKF,KAAK,CAACG,YAAY,CAAC,GAAG,CAC9D;EACL,CAAC,CAAC;AAAA;AACV,CAAC","ignoreList":[]}

package/lib/esm/components/color-scheme-provider/hooks/useChaynsTheme.js.map

@@ -1 +1 @@
-{"version":3,"file":"useChaynsTheme.js","names":["getAvailableColorList","getColorFromPalette","hexToRgb255","ColorMode","useEffect","useMemo","useRef","useState","convertIconStyle","getHeadlineColorSelector","useDesignSettings","useParagraphFormat","createTheme","_ref","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","customVariables","result","Object","keys","forEach","key","availableColors","colorName","hexColor","rgbColor","r","g","b","Light","Dark","iconStyle","themeResult","fontSize","fontSizePx","useChaynsTheme","_ref2","designSettingsProp","paragraphFormatProp","siteId","isMountedRef","internalTheme","setInternalTheme","current"],"sources":["../../../../../src/components/color-scheme-provider/hooks/useChaynsTheme.ts"],"sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode } from 'chayns-api';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';\nimport type { Theme } from '../ColorSchemeProvider';\nimport { useDesignSettings } from './useDesignSettings';\nimport { useParagraphFormat } from './useParagraphFormat';\n\nexport type ThemeOptions = {\n    colors?: Theme;\n    colorMode: ColorMode;\n    color: string;\n    secondaryColor?: string;\n    designSettings?: ChaynsDesignSettings;\n    paragraphFormat?: ChaynsParagraphFormat[];\n    siteId?: string;\n    theme?: Theme;\n    customVariables?: Record<string, string>;\n};\n\nconst createTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings,\n    paragraphFormat,\n    theme,\n    customVariables,\n}: Omit<ThemeOptions, 'siteId'>) => {\n    if (theme) {\n        return theme;\n    }\n\n    const result: Theme = {};\n\n    if (customVariables) {\n        Object.keys(customVariables).forEach((key) => {\n            result[key] = customVariables[key] as string;\n        });\n    }\n\n    const availableColors = getAvailableColorList();\n\n    if (!colors) {\n        availableColors.forEach((colorName: string) => {\n            const hexColor = getColorFromPalette(colorName, {\n                color,\n                colorMode,\n                secondaryColor,\n            });\n\n            if (hexColor) {\n                const rgbColor = hexToRgb255(hexColor);\n\n                result[colorName] = hexColor;\n\n                if (rgbColor) {\n                    result[`${colorName}-rgb`] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n                }\n            }\n        });\n    }\n\n    switch (colorMode) {\n        case ColorMode.Light:\n            result.colorMode = 'light';\n            break;\n        case ColorMode.Dark:\n            result.colorMode = 'dark';\n            break;\n        default:\n            result.colorMode = 'classic';\n            break;\n    }\n    if (designSettings) {\n        Object.keys(designSettings).forEach((key) => {\n            if (key === 'iconStyle') {\n                result[key] = convertIconStyle(designSettings.iconStyle);\n\n                return;\n            }\n            result[key] = designSettings[key as keyof ChaynsDesignSettings] as string;\n        });\n    }\n    if (paragraphFormat) {\n        const { themeResult } = getHeadlineColorSelector(paragraphFormat);\n\n        // Update Theme\n        Object.keys(themeResult).forEach((key) => {\n            result[key] = themeResult[key] as string;\n        });\n    }\n    result.fontSize = (designSettings?.fontSizePx || 15) as unknown as string;\n\n    return result;\n};\n\nexport const useChaynsTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings: designSettingsProp,\n    paragraphFormat: paragraphFormatProp,\n    siteId,\n    theme,\n    customVariables,\n}: ThemeOptions) => {\n    const designSettings = useDesignSettings(siteId, designSettingsProp);\n    const paragraphFormat = useParagraphFormat(siteId, paragraphFormatProp);\n    const isMountedRef = useRef<boolean>(false);\n\n    const [internalTheme, setInternalTheme] = useState<Theme>(() =>\n        createTheme({\n            colors,\n            colorMode,\n            color,\n            secondaryColor,\n            designSettings,\n            paragraphFormat,\n            theme,\n            customVariables,\n        }),\n    );\n\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            return;\n        }\n        setInternalTheme(\n            createTheme({\n                colors,\n                colorMode,\n                color,\n                secondaryColor,\n                designSettings,\n                paragraphFormat,\n                theme,\n                customVariables,\n            }),\n        );\n    }, [\n        color,\n        colorMode,\n        colors,\n        designSettings,\n        paragraphFormat,\n        secondaryColor,\n        theme,\n        customVariables,\n    ]);\n\n    return useMemo(\n        () => ({\n            theme: internalTheme,\n            designSettings,\n            paragraphFormat,\n        }),\n        [internalTheme, designSettings, paragraphFormat],\n    );\n};\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"useChaynsTheme.js","names":["getAvailableColorList","getColorFromPalette","hexToRgb255","ColorMode","useEffect","useMemo","useRef","useState","convertIconStyle","getHeadlineColorSelector","useDesignSettings","useParagraphFormat","createTheme","_ref","colors","colorMode","color","secondaryColor","designSettings","paragraphFormat","theme","customVariables","result","Object","keys","forEach","key","availableColors","colorName","hexColor","rgbColor","r","g","b","Light","Dark","iconStyle","themeResult","fontSize","fontSizePx","useChaynsTheme","_ref2","designSettingsProp","paragraphFormatProp","siteId","isMountedRef","internalTheme","setInternalTheme","current"],"sources":["../../../../../src/components/color-scheme-provider/hooks/useChaynsTheme.ts"],"sourcesContent":["import { getAvailableColorList, getColorFromPalette, hexToRgb255 } from '@chayns/colors';\nimport { ChaynsDesignSettings, ChaynsParagraphFormat, ColorMode } from 'chayns-api';\nimport { useEffect, useMemo, useRef, useState } from 'react';\nimport { convertIconStyle, getHeadlineColorSelector } from '../../../utils/font';\nimport type { Theme } from '../ColorSchemeProvider';\nimport { useDesignSettings } from './useDesignSettings';\nimport { useParagraphFormat } from './useParagraphFormat';\n\nexport type ThemeOptions = {\n    colors?: Theme;\n    colorMode: ColorMode;\n    color: string;\n    secondaryColor?: string;\n    designSettings?: ChaynsDesignSettings & { fontSizePx?: number };\n    paragraphFormat?: ChaynsParagraphFormat[];\n    siteId?: string;\n    theme?: Theme;\n    customVariables?: Record<string, string>;\n};\n\nconst createTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings,\n    paragraphFormat,\n    theme,\n    customVariables,\n}: Omit<ThemeOptions, 'siteId'>) => {\n    if (theme) {\n        return theme;\n    }\n\n    const result: Theme = {};\n\n    if (customVariables) {\n        Object.keys(customVariables).forEach((key) => {\n            result[key] = customVariables[key] as string;\n        });\n    }\n\n    const availableColors = getAvailableColorList();\n\n    if (!colors) {\n        availableColors.forEach((colorName: string) => {\n            const hexColor = getColorFromPalette(colorName, {\n                color,\n                colorMode,\n                secondaryColor,\n            });\n\n            if (hexColor) {\n                const rgbColor = hexToRgb255(hexColor);\n\n                result[colorName] = hexColor;\n\n                if (rgbColor) {\n                    result[`${colorName}-rgb`] = `${rgbColor.r}, ${rgbColor.g}, ${rgbColor.b}`;\n                }\n            }\n        });\n    }\n\n    switch (colorMode) {\n        case ColorMode.Light:\n            result.colorMode = 'light';\n            break;\n        case ColorMode.Dark:\n            result.colorMode = 'dark';\n            break;\n        default:\n            result.colorMode = 'classic';\n            break;\n    }\n    if (designSettings) {\n        Object.keys(designSettings).forEach((key) => {\n            if (key === 'iconStyle') {\n                result[key] = convertIconStyle(designSettings.iconStyle);\n\n                return;\n            }\n            result[key] = designSettings[key as keyof ChaynsDesignSettings] as string;\n        });\n    }\n    if (paragraphFormat) {\n        const { themeResult } = getHeadlineColorSelector(paragraphFormat);\n\n        // Update Theme\n        Object.keys(themeResult).forEach((key) => {\n            result[key] = themeResult[key] as string;\n        });\n    }\n    result.fontSize = (designSettings?.fontSizePx || 15) as unknown as string;\n\n    return result;\n};\n\nexport const useChaynsTheme = ({\n    colors,\n    colorMode,\n    color,\n    secondaryColor,\n    designSettings: designSettingsProp,\n    paragraphFormat: paragraphFormatProp,\n    siteId,\n    theme,\n    customVariables,\n}: ThemeOptions) => {\n    const designSettings = useDesignSettings(siteId, designSettingsProp);\n    const paragraphFormat = useParagraphFormat(siteId, paragraphFormatProp);\n    const isMountedRef = useRef<boolean>(false);\n\n    const [internalTheme, setInternalTheme] = useState<Theme>(() =>\n        createTheme({\n            colors,\n            colorMode,\n            color,\n            secondaryColor,\n            designSettings,\n            paragraphFormat,\n            theme,\n            customVariables,\n        }),\n    );\n\n    useEffect(() => {\n        if (!isMountedRef.current) {\n            isMountedRef.current = true;\n            return;\n        }\n        setInternalTheme(\n            createTheme({\n                colors,\n                colorMode,\n                color,\n                secondaryColor,\n                designSettings,\n                paragraphFormat,\n                theme,\n                customVariables,\n            }),\n        );\n    }, [\n        color,\n        colorMode,\n        colors,\n        designSettings,\n        paragraphFormat,\n        secondaryColor,\n        theme,\n        customVariables,\n    ]);\n\n    return useMemo(\n        () => ({\n            theme: internalTheme,\n            designSettings,\n            paragraphFormat,\n        }),\n        [internalTheme, designSettings, paragraphFormat],\n    );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/esm/components/highlight-slider/HighlightSlider.js

@@ -0,0 +1,42 @@
+import React, { useCallback, useMemo } from 'react';
+import { StyledHighlightSlider } from './HighlightSlider.styles';
+import HighlightSliderItem from './highlight-slider-item/HighlightSliderItem';
+const DEFAULT_HIGHLIGHT_SLIDER_COLORS = {
+  backgroundColor: '#E0E0E0',
+  fillColor: '#808080'
+};
+const HighlightSlider = _ref => {
+  let {
+    count,
+    colors = DEFAULT_HIGHLIGHT_SLIDER_COLORS,
+    onIndexChange,
+    currentIndex,
+    duration = 10
+  } = _ref;
+  const handleFinish = useCallback(index => {
+    if (typeof onIndexChange === 'function') {
+      onIndexChange(index >= count - 1 ? 0 : index + 1);
+    }
+  }, [count, onIndexChange]);
+  const handleClick = useCallback(index => {
+    if (typeof onIndexChange === 'function') {
+      onIndexChange(index);
+    }
+  }, [onIndexChange]);
+  const content = useMemo(() => Array.from({
+    length: count
+  }).map((value, index) => /*#__PURE__*/React.createElement(HighlightSliderItem, {
+    key: `highlight-slider-item--${value}`,
+    index: index,
+    duration: duration,
+    colors: colors,
+    isActive: currentIndex === index,
+    isFinished: currentIndex > index,
+    onClick: handleClick,
+    onFinish: handleFinish
+  })), [colors, count, currentIndex, duration, handleClick, handleFinish]);
+  return /*#__PURE__*/React.createElement(StyledHighlightSlider, null, content);
+};
+HighlightSlider.displayName = 'HighlightSlider';
+export default HighlightSlider;
+//# sourceMappingURL=HighlightSlider.js.map

package/lib/esm/components/highlight-slider/HighlightSlider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSlider.js","names":["React","useCallback","useMemo","StyledHighlightSlider","HighlightSliderItem","DEFAULT_HIGHLIGHT_SLIDER_COLORS","backgroundColor","fillColor","HighlightSlider","_ref","count","colors","onIndexChange","currentIndex","duration","handleFinish","index","handleClick","content","Array","from","length","map","value","createElement","key","isActive","isFinished","onClick","onFinish","displayName"],"sources":["../../../../src/components/highlight-slider/HighlightSlider.tsx"],"sourcesContent":["import React, { FC, useCallback, useMemo } from 'react';\nimport { StyledHighlightSlider } from './HighlightSlider.styles';\nimport HighlightSliderItem, {\n    HighlightSliderItemColors,\n} from './highlight-slider-item/HighlightSliderItem';\n\nconst DEFAULT_HIGHLIGHT_SLIDER_COLORS: HighlightSliderItemColors = {\n    backgroundColor: '#E0E0E0',\n    fillColor: '#808080',\n};\n\nexport type HighlightSliderProps = {\n    /**\n     * The Colors of the slider.\n     */\n    colors?: HighlightSliderItemColors;\n    /**\n     * The total number of sections, that should be displayed.\n     */\n    count: number;\n    /**\n     * The current index.\n     */\n    currentIndex: number;\n    /**\n     * The duration of the animation of a single item in seconds.\n     */\n    duration?: number;\n    /**\n     * Function to be executed if the index has changed.\n     */\n    onIndexChange?: (index: number) => void;\n};\n\nconst HighlightSlider: FC<HighlightSliderProps> = ({\n    count,\n    colors = DEFAULT_HIGHLIGHT_SLIDER_COLORS,\n    onIndexChange,\n    currentIndex,\n    duration = 10,\n}) => {\n    const handleFinish = useCallback(\n        (index: number) => {\n            if (typeof onIndexChange === 'function') {\n                onIndexChange(index >= count - 1 ? 0 : index + 1);\n            }\n        },\n        [count, onIndexChange],\n    );\n\n    const handleClick = useCallback(\n        (index: number) => {\n            if (typeof onIndexChange === 'function') {\n                onIndexChange(index);\n            }\n        },\n        [onIndexChange],\n    );\n\n    const content = useMemo(\n        () =>\n            Array.from({ length: count }).map((value, index) => (\n                <HighlightSliderItem\n                    key={`highlight-slider-item--${value as number}`}\n                    index={index}\n                    duration={duration}\n                    colors={colors}\n                    isActive={currentIndex === index}\n                    isFinished={currentIndex > index}\n                    onClick={handleClick}\n                    onFinish={handleFinish}\n                />\n            )),\n        [colors, count, currentIndex, duration, handleClick, handleFinish],\n    );\n\n    return <StyledHighlightSlider>{content}</StyledHighlightSlider>;\n};\n\nHighlightSlider.displayName = 'HighlightSlider';\n\nexport default HighlightSlider;\n"],"mappings":"AAAA,OAAOA,KAAK,IAAQC,WAAW,EAAEC,OAAO,QAAQ,OAAO;AACvD,SAASC,qBAAqB,QAAQ,0BAA0B;AAChE,OAAOC,mBAAmB,MAEnB,6CAA6C;AAEpD,MAAMC,+BAA0D,GAAG;EAC/DC,eAAe,EAAE,SAAS;EAC1BC,SAAS,EAAE;AACf,CAAC;AAyBD,MAAMC,eAAyC,GAAGC,IAAA,IAM5C;EAAA,IAN6C;IAC/CC,KAAK;IACLC,MAAM,GAAGN,+BAA+B;IACxCO,aAAa;IACbC,YAAY;IACZC,QAAQ,GAAG;EACf,CAAC,GAAAL,IAAA;EACG,MAAMM,YAAY,GAAGd,WAAW,CAC3Be,KAAa,IAAK;IACf,IAAI,OAAOJ,aAAa,KAAK,UAAU,EAAE;MACrCA,aAAa,CAACI,KAAK,IAAIN,KAAK,GAAG,CAAC,GAAG,CAAC,GAAGM,KAAK,GAAG,CAAC,CAAC;IACrD;EACJ,CAAC,EACD,CAACN,KAAK,EAAEE,aAAa,CACzB,CAAC;EAED,MAAMK,WAAW,GAAGhB,WAAW,CAC1Be,KAAa,IAAK;IACf,IAAI,OAAOJ,aAAa,KAAK,UAAU,EAAE;MACrCA,aAAa,CAACI,KAAK,CAAC;IACxB;EACJ,CAAC,EACD,CAACJ,aAAa,CAClB,CAAC;EAED,MAAMM,OAAO,GAAGhB,OAAO,CACnB,MACIiB,KAAK,CAACC,IAAI,CAAC;IAAEC,MAAM,EAAEX;EAAM,CAAC,CAAC,CAACY,GAAG,CAAC,CAACC,KAAK,EAAEP,KAAK,kBAC3ChB,KAAA,CAAAwB,aAAA,CAACpB,mBAAmB;IAChBqB,GAAG,EAAE,0BAA0BF,KAAK,EAAa;IACjDP,KAAK,EAAEA,KAAM;IACbF,QAAQ,EAAEA,QAAS;IACnBH,MAAM,EAAEA,MAAO;IACfe,QAAQ,EAAEb,YAAY,KAAKG,KAAM;IACjCW,UAAU,EAAEd,YAAY,GAAGG,KAAM;IACjCY,OAAO,EAAEX,WAAY;IACrBY,QAAQ,EAAEd;EAAa,CAC1B,CACJ,CAAC,EACN,CAACJ,MAAM,EAAED,KAAK,EAAEG,YAAY,EAAEC,QAAQ,EAAEG,WAAW,EAAEF,YAAY,CACrE,CAAC;EAED,oBAAOf,KAAA,CAAAwB,aAAA,CAACrB,qBAAqB,QAAEe,OAA+B,CAAC;AACnE,CAAC;AAEDV,eAAe,CAACsB,WAAW,GAAG,iBAAiB;AAE/C,eAAetB,eAAe","ignoreList":[]}

package/lib/esm/components/highlight-slider/HighlightSlider.styles.js

@@ -0,0 +1,7 @@
+import styled from 'styled-components';
+export const StyledHighlightSlider = styled.div`
+    display: flex;
+    gap: 12px;
+    align-items: center;
+`;
+//# sourceMappingURL=HighlightSlider.styles.js.map

package/lib/esm/components/highlight-slider/HighlightSlider.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSlider.styles.js","names":["styled","StyledHighlightSlider","div"],"sources":["../../../../src/components/highlight-slider/HighlightSlider.styles.ts"],"sourcesContent":["import styled from 'styled-components';\n\nexport const StyledHighlightSlider = styled.div`\n    display: flex;\n    gap: 12px;\n    align-items: center;\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AAEtC,OAAO,MAAMC,qBAAqB,GAAGD,MAAM,CAACE,GAAG;AAC/C;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/esm/components/highlight-slider/highlight-slider-item/HighlightSliderItem.js

@@ -0,0 +1,51 @@
+import React from 'react';
+import { StyledHighlightSliderItem, StyledHighlightSliderItemBackground, StyledHighlightSliderItemProgress } from './HighlightSliderItem.styles';
+import { StyledProgressBarProgressWrapper } from '../../progress-bar/ProgressBar.styles';
+import { useUuid } from '../../../hooks/uuid';
+const HighlightSliderItem = _ref => {
+  let {
+    colors,
+    isActive,
+    isFinished,
+    onFinish,
+    index,
+    onClick,
+    duration
+  } = _ref;
+  const uuid = useUuid();
+  return /*#__PURE__*/React.createElement(StyledHighlightSliderItem, {
+    onClick: () => onClick(index)
+  }, /*#__PURE__*/React.createElement(StyledProgressBarProgressWrapper, null, isActive && /*#__PURE__*/React.createElement(StyledHighlightSliderItemProgress, {
+    key: `highlight-slider-item-active--${uuid}`,
+    initial: {
+      width: '100%',
+      left: '-100%'
+    },
+    animate: {
+      width: '100%',
+      left: '0%'
+    },
+    exit: {
+      width: '100%',
+      left: '0%'
+    },
+    onAnimationComplete: () => onFinish(index),
+    $backgroundColor: colors.fillColor,
+    transition: {
+      ease: 'linear',
+      duration
+    }
+  }), isFinished && /*#__PURE__*/React.createElement(StyledHighlightSliderItemProgress, {
+    key: `highlight-slider-item-finished--${uuid}`,
+    style: {
+      width: '100%',
+      left: '0%'
+    },
+    $backgroundColor: colors.fillColor
+  }), /*#__PURE__*/React.createElement(StyledHighlightSliderItemBackground, {
+    $backgroundColor: colors.backgroundColor
+  })));
+};
+HighlightSliderItem.displayName = 'HighlightSliderItem';
+export default HighlightSliderItem;
+//# sourceMappingURL=HighlightSliderItem.js.map

package/lib/esm/components/highlight-slider/highlight-slider-item/HighlightSliderItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSliderItem.js","names":["React","StyledHighlightSliderItem","StyledHighlightSliderItemBackground","StyledHighlightSliderItemProgress","StyledProgressBarProgressWrapper","useUuid","HighlightSliderItem","_ref","colors","isActive","isFinished","onFinish","index","onClick","duration","uuid","createElement","key","initial","width","left","animate","exit","onAnimationComplete","$backgroundColor","fillColor","transition","ease","style","backgroundColor","displayName"],"sources":["../../../../../src/components/highlight-slider/highlight-slider-item/HighlightSliderItem.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport {\n    StyledHighlightSliderItem,\n    StyledHighlightSliderItemBackground,\n    StyledHighlightSliderItemProgress,\n} from './HighlightSliderItem.styles';\nimport { StyledProgressBarProgressWrapper } from '../../progress-bar/ProgressBar.styles';\nimport { useUuid } from '../../../hooks/uuid';\n\nexport interface HighlightSliderItemColors {\n    backgroundColor: string;\n    fillColor: string;\n}\n\nexport type HighlightSliderItemProps = {\n    index: number;\n    isActive: boolean;\n    isFinished: boolean;\n    onClick: (index: number) => void;\n    onFinish: (index: number) => void;\n    duration: number;\n    colors: HighlightSliderItemColors;\n};\n\nconst HighlightSliderItem: FC<HighlightSliderItemProps> = ({\n    colors,\n    isActive,\n    isFinished,\n    onFinish,\n    index,\n    onClick,\n    duration,\n}) => {\n    const uuid = useUuid();\n\n    return (\n        <StyledHighlightSliderItem onClick={() => onClick(index)}>\n            <StyledProgressBarProgressWrapper>\n                {isActive && (\n                    <StyledHighlightSliderItemProgress\n                        key={`highlight-slider-item-active--${uuid}`}\n                        initial={{ width: '100%', left: '-100%' }}\n                        animate={{ width: '100%', left: '0%' }}\n                        exit={{ width: '100%', left: '0%' }}\n                        onAnimationComplete={() => onFinish(index)}\n                        $backgroundColor={colors.fillColor}\n                        transition={{\n                            ease: 'linear',\n                            duration,\n                        }}\n                    />\n                )}\n                {isFinished && (\n                    <StyledHighlightSliderItemProgress\n                        key={`highlight-slider-item-finished--${uuid}`}\n                        style={{ width: '100%', left: '0%' }}\n                        $backgroundColor={colors.fillColor}\n                    />\n                )}\n                <StyledHighlightSliderItemBackground $backgroundColor={colors.backgroundColor} />\n            </StyledProgressBarProgressWrapper>\n        </StyledHighlightSliderItem>\n    );\n};\n\nHighlightSliderItem.displayName = 'HighlightSliderItem';\n\nexport default HighlightSliderItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAc,OAAO;AACjC,SACIC,yBAAyB,EACzBC,mCAAmC,EACnCC,iCAAiC,QAC9B,8BAA8B;AACrC,SAASC,gCAAgC,QAAQ,uCAAuC;AACxF,SAASC,OAAO,QAAQ,qBAAqB;AAiB7C,MAAMC,mBAAiD,GAAGC,IAAA,IAQpD;EAAA,IARqD;IACvDC,MAAM;IACNC,QAAQ;IACRC,UAAU;IACVC,QAAQ;IACRC,KAAK;IACLC,OAAO;IACPC;EACJ,CAAC,GAAAP,IAAA;EACG,MAAMQ,IAAI,GAAGV,OAAO,CAAC,CAAC;EAEtB,oBACIL,KAAA,CAAAgB,aAAA,CAACf,yBAAyB;IAACY,OAAO,EAAEA,CAAA,KAAMA,OAAO,CAACD,KAAK;EAAE,gBACrDZ,KAAA,CAAAgB,aAAA,CAACZ,gCAAgC,QAC5BK,QAAQ,iBACLT,KAAA,CAAAgB,aAAA,CAACb,iCAAiC;IAC9Bc,GAAG,EAAE,iCAAiCF,IAAI,EAAG;IAC7CG,OAAO,EAAE;MAAEC,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAQ,CAAE;IAC1CC,OAAO,EAAE;MAAEF,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAK,CAAE;IACvCE,IAAI,EAAE;MAAEH,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAK,CAAE;IACpCG,mBAAmB,EAAEA,CAAA,KAAMZ,QAAQ,CAACC,KAAK,CAAE;IAC3CY,gBAAgB,EAAEhB,MAAM,CAACiB,SAAU;IACnCC,UAAU,EAAE;MACRC,IAAI,EAAE,QAAQ;MACdb;IACJ;EAAE,CACL,CACJ,EACAJ,UAAU,iBACPV,KAAA,CAAAgB,aAAA,CAACb,iCAAiC;IAC9Bc,GAAG,EAAE,mCAAmCF,IAAI,EAAG;IAC/Ca,KAAK,EAAE;MAAET,KAAK,EAAE,MAAM;MAAEC,IAAI,EAAE;IAAK,CAAE;IACrCI,gBAAgB,EAAEhB,MAAM,CAACiB;EAAU,CACtC,CACJ,eACDzB,KAAA,CAAAgB,aAAA,CAACd,mCAAmC;IAACsB,gBAAgB,EAAEhB,MAAM,CAACqB;EAAgB,CAAE,CAClD,CACX,CAAC;AAEpC,CAAC;AAEDvB,mBAAmB,CAACwB,WAAW,GAAG,qBAAqB;AAEvD,eAAexB,mBAAmB","ignoreList":[]}

package/lib/esm/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.js

@@ -0,0 +1,35 @@
+import styled from 'styled-components';
+import { motion } from 'motion/react';
+export const StyledHighlightSliderItem = styled.div`
+    overflow: hidden;
+    position: relative;
+    width: 100%;
+    height: 4px;
+    border-radius: 4px;
+    cursor: pointer;
+`;
+export const StyledHighlightSliderItemProgress = styled(motion.div)`
+    height: 4px;
+    position: absolute;
+    top: 0;
+    left: 0;
+    z-index: 2;
+    background-color: ${_ref => {
+  let {
+    $backgroundColor
+  } = _ref;
+  return $backgroundColor;
+}};
+`;
+export const StyledHighlightSliderItemBackground = styled(motion.div)`
+    height: 4px;
+    width: 100%;
+    border-radius: 2px;
+    background-color: ${_ref2 => {
+  let {
+    $backgroundColor
+  } = _ref2;
+  return $backgroundColor;
+}};
+`;
+//# sourceMappingURL=HighlightSliderItem.styles.js.map

package/lib/esm/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HighlightSliderItem.styles.js","names":["styled","motion","StyledHighlightSliderItem","div","StyledHighlightSliderItemProgress","_ref","$backgroundColor","StyledHighlightSliderItemBackground","_ref2"],"sources":["../../../../../src/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.ts"],"sourcesContent":["import styled from 'styled-components';\nimport { motion } from 'motion/react';\nimport { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';\n\nexport const StyledHighlightSliderItem = styled.div`\n    overflow: hidden;\n    position: relative;\n    width: 100%;\n    height: 4px;\n    border-radius: 4px;\n    cursor: pointer;\n`;\ntype StyledHighlightSliderItemProgressProps = WithTheme<{ $backgroundColor: string }>;\n\nexport const StyledHighlightSliderItemProgress = styled(\n    motion.div,\n)<StyledHighlightSliderItemProgressProps>`\n    height: 4px;\n    position: absolute;\n    top: 0;\n    left: 0;\n    z-index: 2;\n    background-color: ${({ $backgroundColor }: StyledHighlightSliderItemProgressProps) =>\n        $backgroundColor};\n`;\n\ntype StyledHighlightSliderItemBackgroundProps = WithTheme<{ $backgroundColor: string }>;\n\nexport const StyledHighlightSliderItemBackground = styled(\n    motion.div,\n)<StyledHighlightSliderItemBackgroundProps>`\n    height: 4px;\n    width: 100%;\n    border-radius: 2px;\n    background-color: ${({ $backgroundColor }: StyledHighlightSliderItemBackgroundProps) =>\n        $backgroundColor};\n`;\n"],"mappings":"AAAA,OAAOA,MAAM,MAAM,mBAAmB;AACtC,SAASC,MAAM,QAAQ,cAAc;AAGrC,OAAO,MAAMC,yBAAyB,GAAGF,MAAM,CAACG,GAAG;AACnD;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAGD,OAAO,MAAMC,iCAAiC,GAAGJ,MAAM,CACnDC,MAAM,CAACE,GACX,CAAyC;AACzC;AACA;AACA;AACA;AACA;AACA,wBAAwBE,IAAA;EAAA,IAAC;IAAEC;EAAyD,CAAC,GAAAD,IAAA;EAAA,OAC7EC,gBAAgB;AAAA;AACxB,CAAC;AAID,OAAO,MAAMC,mCAAmC,GAAGP,MAAM,CACrDC,MAAM,CAACE,GACX,CAA2C;AAC3C;AACA;AACA;AACA,wBAAwBK,KAAA;EAAA,IAAC;IAAEF;EAA2D,CAAC,GAAAE,KAAA;EAAA,OAC/EF,gBAAgB;AAAA;AACxB,CAAC","ignoreList":[]}

package/lib/esm/index.js

@@ -15,6 +15,7 @@ export { default as FileList } from './components/file-list/FileList';
 export { default as FileSelect } from './components/file-select/FileSelect';
 export { default as ComboBox } from './components/combobox/ComboBox';
 export { default as ContentCard } from './components/content-card/ContentCard';
+export { default as HighlightSLider } from './components/highlight-slider/HighlightSlider';
 export { default as ContextMenu } from './components/context-menu/ContextMenu';
 export { default as ExpandableContent } from './components/expandable-content/ExpandableContent';
 export { default as FileInput } from './components/file-input/FileInput';

package/lib/esm/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","FileList","FileSelect","ComboBox","ContentCard","ContextMenu","ExpandableContent","FileInput","FilterButton","FilterButtons","GridImage","Icon","Input","InputSize","List","ListItemContent","ListItem","MentionFinder","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingBar","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ComboBoxDirection","ContentCardType","ContextMenuAlignment","FilterButtonItemShape","FilterButtonSize","ClampPosition","getIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile"],"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 {\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 type {\n    ColorSchemeContextProps,\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\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 {\n    default as ComboBox,\n    type ComboBoxTextStyles,\n    type IComboBoxItem as ComboBoxItem,\n    type IComboBoxItems as ComboBoxItems,\n} from './components/combobox/ComboBox';\nexport { default as ContentCard } from './components/content-card/ContentCard';\nexport {\n    default as ContextMenu,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport { default as FileInput, type FileInputRef } 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 Icon } 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} 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 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 {\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 SharingBar } from './components/sharing-bar/SharingBar';\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 { default as TagInput } 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/useElementSize';\nexport type { BrowserName } from './types/chayns';\nexport { ComboBoxDirection } from './types/comboBox';\nexport { ContentCardType } from './types/contentCard';\nexport { ContextMenuAlignment } from './types/contextMenu';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/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 { ClampPosition } from './types/truncation';\nexport { getIsTouch } 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';\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Accordion","AccordionContent","AccordionGroup","AccordionIntro","AccordionItem","AmountControl","AreaContext","AreaProvider","Badge","Button","Checkbox","ColorSchemeProvider","useColorScheme","FileList","FileSelect","ComboBox","ContentCard","HighlightSLider","ContextMenu","ExpandableContent","FileInput","FilterButton","FilterButtons","GridImage","Icon","Input","InputSize","List","ListItemContent","ListItem","MentionFinder","NumberInput","PageProvider","Popup","PopupContent","ProgressBar","RadioButtonGroup","RadioButton","ScrollView","SearchBox","SearchInput","SelectButton","SetupWizardItem","SetupWizard","SharingBar","Signature","SliderButton","Slider","SmallWaitCursor","SmallWaitCursorSize","SmallWaitCursorSpeed","TagInput","TextArea","Tooltip","Truncation","MentionFinderPopupAlignment","useElementSize","ComboBoxDirection","ContentCardType","ContextMenuAlignment","FilterButtonItemShape","FilterButtonSize","ClampPosition","getIsTouch","filterFilesByMimeType","getFileAsArrayBuffer","selectFiles","isTobitEmployee","getUsableHeight","uploadFile"],"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 {\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 type {\n    ColorSchemeContextProps,\n    FramerMotionBugFix,\n    WithTheme,\n} from './components/color-scheme-provider/ColorSchemeProvider';\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 {\n    default as ComboBox,\n    type ComboBoxTextStyles,\n    type IComboBoxItem as ComboBoxItem,\n    type IComboBoxItems as ComboBoxItems,\n} 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 {\n    default as ContextMenu,\n    type ContextMenuCoordinates,\n    type ContextMenuItem,\n    type ContextMenuRef,\n} from './components/context-menu/ContextMenu';\nexport { default as ExpandableContent } from './components/expandable-content/ExpandableContent';\nexport { default as FileInput, type FileInputRef } 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 Icon } 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} 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 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 {\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 SharingBar } from './components/sharing-bar/SharingBar';\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 { default as TagInput } 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/useElementSize';\nexport type { BrowserName } from './types/chayns';\nexport { ComboBoxDirection } from './types/comboBox';\nexport { ContentCardType } from './types/contentCard';\nexport { ContextMenuAlignment } from './types/contextMenu';\nexport type { FileItem, Image, InternalFileItem, Meta, Video } from './types/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 { ClampPosition } from './types/truncation';\nexport { getIsTouch } 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';\n"],"mappings":"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","ignoreList":[]}

package/lib/types/components/color-scheme-provider/hooks/useChaynsTheme.d.ts

@@ -5,7 +5,9 @@ export type ThemeOptions = {
     colorMode: ColorMode;
     color: string;
     secondaryColor?: string;
-    designSettings?: ChaynsDesignSettings;
+    designSettings?: ChaynsDesignSettings & {
+        fontSizePx?: number;
+    };
     paragraphFormat?: ChaynsParagraphFormat[];
     siteId?: string;
     theme?: Theme;

package/lib/types/components/highlight-slider/HighlightSlider.d.ts

@@ -0,0 +1,26 @@
+import { FC } from 'react';
+import { HighlightSliderItemColors } from './highlight-slider-item/HighlightSliderItem';
+export type HighlightSliderProps = {
+    /**
+     * The Colors of the slider.
+     */
+    colors?: HighlightSliderItemColors;
+    /**
+     * The total number of sections, that should be displayed.
+     */
+    count: number;
+    /**
+     * The current index.
+     */
+    currentIndex: number;
+    /**
+     * The duration of the animation of a single item in seconds.
+     */
+    duration?: number;
+    /**
+     * Function to be executed if the index has changed.
+     */
+    onIndexChange?: (index: number) => void;
+};
+declare const HighlightSlider: FC<HighlightSliderProps>;
+export default HighlightSlider;

package/lib/types/components/highlight-slider/HighlightSlider.styles.d.ts

@@ -0,0 +1 @@
+export declare const StyledHighlightSlider: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/highlight-slider/highlight-slider-item/HighlightSliderItem.d.ts

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+export interface HighlightSliderItemColors {
+    backgroundColor: string;
+    fillColor: string;
+}
+export type HighlightSliderItemProps = {
+    index: number;
+    isActive: boolean;
+    isFinished: boolean;
+    onClick: (index: number) => void;
+    onFinish: (index: number) => void;
+    duration: number;
+    colors: HighlightSliderItemColors;
+};
+declare const HighlightSliderItem: FC<HighlightSliderItemProps>;
+export default HighlightSliderItem;

package/lib/types/components/highlight-slider/highlight-slider-item/HighlightSliderItem.styles.d.ts

@@ -0,0 +1,15 @@
+import { WithTheme } from '../../color-scheme-provider/ColorSchemeProvider';
+export declare const StyledHighlightSliderItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+type StyledHighlightSliderItemProgressProps = WithTheme<{
+    $backgroundColor: string;
+}>;
+export declare const StyledHighlightSliderItemProgress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, StyledHighlightSliderItemProgressProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+type StyledHighlightSliderItemBackgroundProps = WithTheme<{
+    $backgroundColor: string;
+}>;
+export declare const StyledHighlightSliderItemBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<Omit<Omit<import("motion/react").HTMLMotionProps<"div">, "ref"> & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
+}, StyledHighlightSliderItemBackgroundProps>> & string & Omit<import("motion/react").ForwardRefComponent<HTMLDivElement, import("motion/react").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;
+export {};

package/lib/types/index.d.ts

@@ -14,6 +14,8 @@ export { default as FileList, type IFileItem as FileListItem, } from './componen
 export { default as FileSelect } from './components/file-select/FileSelect';
 export { default as ComboBox, type ComboBoxTextStyles, type IComboBoxItem as ComboBoxItem, type IComboBoxItems as ComboBoxItems, } from './components/combobox/ComboBox';
 export { default as ContentCard } from './components/content-card/ContentCard';
+export { default as HighlightSLider } from './components/highlight-slider/HighlightSlider';
+export type { HighlightSliderItemColors as HighlightSliderColors } from './components/highlight-slider/highlight-slider-item/HighlightSliderItem';
 export { default as ContextMenu, type ContextMenuCoordinates, type ContextMenuItem, type ContextMenuRef, } from './components/context-menu/ContextMenu';
 export { default as ExpandableContent } from './components/expandable-content/ExpandableContent';
 export { default as FileInput, type FileInputRef } from './components/file-input/FileInput';

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.0.0-beta.1063",
+    "version": "5.0.0-beta.1065",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -86,5 +86,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "0f8d1595f3d9538b233861d9c4a722e3134c6cc6"
+    "gitHead": "3491e443d0438a539f7c7b685dd32872583970ea"
 }