@chayns-components/color-picker 5.0.0-beta.999 → 5.0.0

package/lib/cjs/components/color-picker-popup/more-options/MoreOptions.js.map

@@ -1 +1 @@
-{"version":3,"file":"MoreOptions.js","names":["_core","require","_colors","_react","_interopRequireWildcard","_color","_ColorPickerProvider","_MoreOptions","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","MoreOptions","selectedColor","updateSelectedColor","updateShouldCallOnSelect","useContext","ColorPickerContext","areaProvider","AreaContext","tmpHexValue","setTmpHexValue","useState","tmpRgbValue","setTmpRgbValue","isHexInvalid","setIsHexInvalid","isRgbInvalid","setIsRgbInvalid","shouldChangeColor","useMemo","handleHexChange","event","target","value","isValid","isHex","g","b","hexToRgb","handleRgbChange","isValidRGBA","useEffect","rgbToHex","extractRgbValues","createElement","StyledMoreOptions","AccordionGroup","isWrapped","Accordion","title","StyledMoreOptionsInputWrapper","StyledMoreOptionsInput","$shouldChangeColor","onChange","$isInvalid","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/more-options/MoreOptions.tsx"],"sourcesContent":["import { Accordion, AccordionGroup, AreaContext } from '@chayns-components/core';\nimport { isHex } from '@chayns/colors';\nimport React, { useContext, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport { extractRgbValues, hexToRgb, isValidRGBA, rgbToHex } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport {\n    StyledMoreOptions,\n    StyledMoreOptionsInput,\n    StyledMoreOptionsInputWrapper,\n} from './MoreOptions.styles';\n\nconst MoreOptions = () => {\n    const { selectedColor, updateSelectedColor, updateShouldCallOnSelect } =\n        useContext(ColorPickerContext);\n    const areaProvider = useContext(AreaContext);\n\n    const [tmpHexValue, setTmpHexValue] = useState('');\n    const [tmpRgbValue, setTmpRgbValue] = useState('');\n    const [isHexInvalid, setIsHexInvalid] = useState(false);\n    const [isRgbInvalid, setIsRgbInvalid] = useState(false);\n\n    const shouldChangeColor = useMemo(\n        () => areaProvider.shouldChangeColor ?? false,\n        [areaProvider.shouldChangeColor],\n    );\n\n    const handleHexChange = (event: ChangeEvent<HTMLInputElement>) => {\n        setTmpHexValue(event.target.value);\n\n        const isValid = isHex(event.target.value);\n\n        setIsHexInvalid(!isValid);\n\n        if (typeof updateSelectedColor === 'function' && isValid) {\n            const { r, g, b, a } = hexToRgb(event.target.value);\n\n            updateSelectedColor(`rgba(${r},${g},${b},${a})`);\n        }\n\n        if (typeof updateShouldCallOnSelect === 'function' && isValid) {\n            updateShouldCallOnSelect(true);\n        }\n    };\n\n    const handleRgbChange = (event: ChangeEvent<HTMLInputElement>) => {\n        setTmpRgbValue(event.target.value);\n\n        const isValid = isValidRGBA(event.target.value);\n\n        setIsRgbInvalid(!isValid);\n\n        if (typeof updateSelectedColor === 'function' && isValid) {\n            updateSelectedColor(event.target.value);\n        }\n\n        if (typeof updateShouldCallOnSelect === 'function' && isValid) {\n            updateShouldCallOnSelect(true);\n        }\n    };\n\n    useEffect(() => {\n        if (selectedColor) {\n            if (isValidRGBA(selectedColor)) {\n                setTmpRgbValue(selectedColor);\n                setTmpHexValue(rgbToHex(extractRgbValues(selectedColor ?? '')));\n            } else {\n                const { r, g, b, a } = hexToRgb(selectedColor);\n\n                setTmpRgbValue(`rgba(${r},${g},${b},${a})`);\n                setTmpHexValue(selectedColor);\n            }\n        }\n    }, [selectedColor]);\n\n    return (\n        <StyledMoreOptions>\n            <AccordionGroup isWrapped>\n                <Accordion title=\"Erweitert\">\n                    <StyledMoreOptionsInputWrapper>\n                        <StyledMoreOptionsInput\n                            $shouldChangeColor={shouldChangeColor}\n                            value={tmpHexValue}\n                            onChange={handleHexChange}\n                            $isInvalid={isHexInvalid}\n                        />\n                        <StyledMoreOptionsInput\n                            $shouldChangeColor={shouldChangeColor}\n                            value={tmpRgbValue}\n                            onChange={handleRgbChange}\n                            $isInvalid={isRgbInvalid}\n                        />\n                    </StyledMoreOptionsInputWrapper>\n                </Accordion>\n            </AccordionGroup>\n        </StyledMoreOptions>\n    );\n};\n\nMoreOptions.displayName = 'MoreOptions';\n\nexport default MoreOptions;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"MoreOptions.js","names":["_core","require","_colors","_react","_interopRequireWildcard","_color","_ColorPickerProvider","_MoreOptions","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","MoreOptions","selectedColor","updateSelectedColor","updateShouldCallOnSelect","useContext","ColorPickerContext","areaProvider","AreaContext","tmpHexValue","setTmpHexValue","useState","tmpRgbValue","setTmpRgbValue","isHexInvalid","setIsHexInvalid","isRgbInvalid","setIsRgbInvalid","shouldChangeColor","useMemo","handleHexChange","event","target","value","isValid","isHex","g","b","a","hexToRgb","handleRgbChange","isValidRGBA","useEffect","rgbToHex","extractRgbValues","createElement","StyledMoreOptions","AccordionGroup","isWrapped","Accordion","title","StyledMoreOptionsInputWrapper","StyledMoreOptionsInput","$shouldChangeColor","onChange","$isInvalid","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/more-options/MoreOptions.tsx"],"sourcesContent":["import { Accordion, AccordionGroup, AreaContext } from '@chayns-components/core';\nimport { isHex } from '@chayns/colors';\nimport React, { useContext, useEffect, useMemo, useState, type ChangeEvent } from 'react';\n\nimport { extractRgbValues, hexToRgb, isValidRGBA, rgbToHex } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport {\n    StyledMoreOptions,\n    StyledMoreOptionsInput,\n    StyledMoreOptionsInputWrapper,\n} from './MoreOptions.styles';\n\nconst MoreOptions = () => {\n    const { selectedColor, updateSelectedColor, updateShouldCallOnSelect } =\n        useContext(ColorPickerContext);\n    const areaProvider = useContext(AreaContext);\n\n    const [tmpHexValue, setTmpHexValue] = useState('');\n    const [tmpRgbValue, setTmpRgbValue] = useState('');\n    const [isHexInvalid, setIsHexInvalid] = useState(false);\n    const [isRgbInvalid, setIsRgbInvalid] = useState(false);\n\n    const shouldChangeColor = useMemo(\n        () => areaProvider.shouldChangeColor ?? false,\n        [areaProvider.shouldChangeColor],\n    );\n\n    const handleHexChange = (event: ChangeEvent<HTMLInputElement>) => {\n        setTmpHexValue(event.target.value);\n\n        const isValid = isHex(event.target.value);\n\n        setIsHexInvalid(!isValid);\n\n        if (typeof updateSelectedColor === 'function' && isValid) {\n            const { r, g, b, a } = hexToRgb(event.target.value);\n\n            updateSelectedColor(`rgba(${r},${g},${b},${a})`);\n        }\n\n        if (typeof updateShouldCallOnSelect === 'function' && isValid) {\n            updateShouldCallOnSelect(true);\n        }\n    };\n\n    const handleRgbChange = (event: ChangeEvent<HTMLInputElement>) => {\n        setTmpRgbValue(event.target.value);\n\n        const isValid = isValidRGBA(event.target.value);\n\n        setIsRgbInvalid(!isValid);\n\n        if (typeof updateSelectedColor === 'function' && isValid) {\n            updateSelectedColor(event.target.value);\n        }\n\n        if (typeof updateShouldCallOnSelect === 'function' && isValid) {\n            updateShouldCallOnSelect(true);\n        }\n    };\n\n    useEffect(() => {\n        if (selectedColor) {\n            if (isValidRGBA(selectedColor)) {\n                setTmpRgbValue(selectedColor);\n                setTmpHexValue(rgbToHex(extractRgbValues(selectedColor ?? '')));\n            } else {\n                const { r, g, b, a } = hexToRgb(selectedColor);\n\n                setTmpRgbValue(`rgba(${r},${g},${b},${a})`);\n                setTmpHexValue(selectedColor);\n            }\n        }\n    }, [selectedColor]);\n\n    return (\n        <StyledMoreOptions>\n            <AccordionGroup isWrapped>\n                <Accordion title=\"Erweitert\">\n                    <StyledMoreOptionsInputWrapper>\n                        <StyledMoreOptionsInput\n                            $shouldChangeColor={shouldChangeColor}\n                            value={tmpHexValue}\n                            onChange={handleHexChange}\n                            $isInvalid={isHexInvalid}\n                        />\n                        <StyledMoreOptionsInput\n                            $shouldChangeColor={shouldChangeColor}\n                            value={tmpRgbValue}\n                            onChange={handleRgbChange}\n                            $isInvalid={isRgbInvalid}\n                        />\n                    </StyledMoreOptionsInputWrapper>\n                </Accordion>\n            </AccordionGroup>\n        </StyledMoreOptions>\n    );\n};\n\nMoreOptions.displayName = 'MoreOptions';\n\nexport default MoreOptions;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js

@@ -15,13 +15,13 @@ var _PresetButton = _interopRequireDefault(require("./preset-button/PresetButton
 var _PresetColor = _interopRequireDefault(require("./preset-color/PresetColor"));
 var _PresetColors = require("./PresetColors.styles");
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PresetColors = ({
   presetColors,
   onPresetColorRemove,
   onPresetColorAdd,
-  shouldUseSiteColors
+  shouldUseSiteColors,
+  shouldHideDefaultPresetColors
 }) => {
   const {
     selectedColor
@@ -96,8 +96,11 @@ const PresetColors = ({
         color: newColor
       };
     });
+    if (shouldHideDefaultPresetColors) {
+      return tmp;
+    }
     return [..._color.PRESETCOLORS, ...(siteColors ?? []), ...tmp];
-  }, [presetColors, siteColors]);
+  }, [presetColors, shouldHideDefaultPresetColors, siteColors]);
   const content = (0, _react.useMemo)(() => {
     const items = [];
     combinedColors.forEach(({
@@ -136,7 +139,7 @@ const PresetColors = ({
       onPresetColorRemove(presetColorId);
     }
   };
-  return /*#__PURE__*/_react.default.createElement(_PresetColors.StyledPresetColors, null, content, /*#__PURE__*/_react.default.createElement(_PresetButton.default, {
+  return /*#__PURE__*/_react.default.createElement(_PresetColors.StyledPresetColors, null, content, !shouldHideDefaultPresetColors && /*#__PURE__*/_react.default.createElement(_PresetButton.default, {
     id: currentPresetColor === null || currentPresetColor === void 0 ? void 0 : currentPresetColor.id,
     isCustom: currentPresetColor === null || currentPresetColor === void 0 ? void 0 : currentPresetColor.isCustom,
     onAdd: handleAddColor,

package/lib/cjs/components/color-picker-popup/preset-colors/PresetColors.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColors.js","names":["_colors","require","_react","_interopRequireWildcard","_get","_put","_color","_color2","_ColorPickerProvider","_PresetButton","_interopRequireDefault","_PresetColor","_PresetColors","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetColors","presetColors","onPresetColorRemove","onPresetColorAdd","shouldUseSiteColors","selectedColor","useContext","ColorPickerContext","siteColors","setSiteColors","useState","undefined","loadSiteColors","presetColorId","colors","getSiteColors","prevColors","_prevColors$find","newColors","value","map","color","g","b","hexToRgb","newColor","id","Math","random","toString","isCustom","deletedColor","find","filteredColors","filter","formattedColors","rgbValues","extractRgbValues","rgbToHex","putSiteColors","useEffect","combinedColors","useMemo","tmp","isHex","PRESETCOLORS","content","items","forEach","push","createElement","key","currentPresetColor","handleAddColor","presetColor","handleRemoveColor","StyledPresetColors","onAdd","onRemove","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useEffect, useMemo, useState, type ReactElement } from 'react';\n\nimport { putSiteColors } from '../../../api/color/get';\nimport { getSiteColors } from '../../../api/color/put';\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { extractRgbValues, hexToRgb, rgbToHex } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n    presetColors?: IPresetColor[];\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldUseSiteColors: boolean;\n}\n\nconst PresetColors = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldUseSiteColors,\n}: PresetColorsProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const [siteColors, setSiteColors] = useState<IPresetColor[] | undefined>(undefined);\n\n    const loadSiteColors = async (presetColorId?: IPresetColor['id']) => {\n        const colors = await getSiteColors();\n\n        setSiteColors((prevColors) => {\n            const newColors = colors.value.map((color) => {\n                const { r, g, b, a } = hexToRgb(color);\n\n                const newColor = `rgba(${r},${g},${b},${a})`;\n\n                return {\n                    color: newColor,\n                    id: Math.random().toString(),\n                    isCustom: true,\n                };\n            });\n\n            if (!presetColorId) {\n                return newColors;\n            }\n\n            const deletedColor = prevColors?.find(({ id }) => id === presetColorId)?.color;\n\n            if (!deletedColor) {\n                return newColors;\n            }\n\n            const filteredColors = newColors?.filter(({ color }) => color !== deletedColor);\n\n            const formattedColors = filteredColors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(formattedColors ?? []);\n\n            return filteredColors;\n        });\n    };\n\n    useEffect(() => {\n        if (!shouldUseSiteColors) {\n            setSiteColors(undefined);\n\n            return;\n        }\n\n        void loadSiteColors();\n    }, [shouldUseSiteColors]);\n\n    const combinedColors = useMemo(() => {\n        const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n            let newColor = color;\n\n            if (isHex(color)) {\n                const { r, g, b, a } = hexToRgb(color);\n\n                newColor = `rgba(${r},${g},${b},${a})`;\n            }\n\n            return {\n                id,\n                isCustom,\n                color: newColor,\n            };\n        });\n\n        return [...PRESETCOLORS, ...(siteColors ?? []), ...tmp];\n    }, [presetColors, siteColors]);\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        combinedColors.forEach(({ color, id }) => {\n            items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n        });\n\n        return items;\n    }, [combinedColors]);\n\n    const currentPresetColor = useMemo(\n        () => combinedColors.find(({ color }) => color === selectedColor),\n        [combinedColors, selectedColor],\n    );\n\n    const handleAddColor = (presetColor: IPresetColor) => {\n        if (typeof onPresetColorAdd === 'function') {\n            onPresetColorAdd(presetColor);\n        }\n\n        setSiteColors((prevColors) => {\n            const colors = [...(prevColors ?? []), presetColor];\n\n            const newColors = colors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(newColors);\n\n            return colors;\n        });\n    };\n\n    const handleRemoveColor = (presetColorId: IPresetColor['id']) => {\n        void loadSiteColors(presetColorId);\n\n        if (typeof onPresetColorRemove === 'function') {\n            onPresetColorRemove(presetColorId);\n        }\n    };\n\n    return (\n        <StyledPresetColors>\n            {content}\n            <PresetButton\n                id={currentPresetColor?.id}\n                isCustom={currentPresetColor?.isCustom}\n                onAdd={handleAddColor}\n                onRemove={handleRemoveColor}\n            />\n        </StyledPresetColors>\n    );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PresetColors.js","names":["_colors","require","_react","_interopRequireWildcard","_get","_put","_color","_color2","_ColorPickerProvider","_PresetButton","_interopRequireDefault","_PresetColor","_PresetColors","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PresetColors","presetColors","onPresetColorRemove","onPresetColorAdd","shouldUseSiteColors","shouldHideDefaultPresetColors","selectedColor","useContext","ColorPickerContext","siteColors","setSiteColors","useState","undefined","loadSiteColors","presetColorId","colors","getSiteColors","prevColors","_prevColors$find","newColors","value","map","color","g","b","a","hexToRgb","newColor","id","Math","random","toString","isCustom","deletedColor","find","filteredColors","filter","formattedColors","rgbValues","extractRgbValues","rgbToHex","putSiteColors","useEffect","combinedColors","useMemo","tmp","isHex","PRESETCOLORS","content","items","forEach","push","createElement","key","currentPresetColor","handleAddColor","presetColor","handleRemoveColor","StyledPresetColors","onAdd","onRemove","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/preset-colors/PresetColors.tsx"],"sourcesContent":["import { isHex } from '@chayns/colors';\nimport React, { useContext, useEffect, useMemo, useState, type ReactElement } from 'react';\n\nimport { putSiteColors } from '../../../api/color/get';\nimport { getSiteColors } from '../../../api/color/put';\nimport { PRESETCOLORS } from '../../../constants/color';\nimport type { IPresetColor } from '../../../types/colorPicker';\nimport { extractRgbValues, hexToRgb, rgbToHex } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport PresetButton from './preset-button/PresetButton';\nimport PresetColor from './preset-color/PresetColor';\nimport { StyledPresetColors } from './PresetColors.styles';\n\ninterface PresetColorsProps {\n    presetColors?: IPresetColor[];\n    onPresetColorAdd?: (presetColor: IPresetColor) => void;\n    onPresetColorRemove?: (presetColorId: IPresetColor['id']) => void;\n    shouldUseSiteColors: boolean;\n    shouldHideDefaultPresetColors: boolean;\n}\n\nconst PresetColors = ({\n    presetColors,\n    onPresetColorRemove,\n    onPresetColorAdd,\n    shouldUseSiteColors,\n    shouldHideDefaultPresetColors,\n}: PresetColorsProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const [siteColors, setSiteColors] = useState<IPresetColor[] | undefined>(undefined);\n\n    const loadSiteColors = async (presetColorId?: IPresetColor['id']) => {\n        const colors = await getSiteColors();\n\n        setSiteColors((prevColors) => {\n            const newColors = colors.value.map((color) => {\n                const { r, g, b, a } = hexToRgb(color);\n\n                const newColor = `rgba(${r},${g},${b},${a})`;\n\n                return {\n                    color: newColor,\n                    id: Math.random().toString(),\n                    isCustom: true,\n                };\n            });\n\n            if (!presetColorId) {\n                return newColors;\n            }\n\n            const deletedColor = prevColors?.find(({ id }) => id === presetColorId)?.color;\n\n            if (!deletedColor) {\n                return newColors;\n            }\n\n            const filteredColors = newColors?.filter(({ color }) => color !== deletedColor);\n\n            const formattedColors = filteredColors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(formattedColors ?? []);\n\n            return filteredColors;\n        });\n    };\n\n    useEffect(() => {\n        if (!shouldUseSiteColors) {\n            setSiteColors(undefined);\n\n            return;\n        }\n\n        void loadSiteColors();\n    }, [shouldUseSiteColors]);\n\n    const combinedColors = useMemo(() => {\n        const tmp = (presetColors ?? []).map(({ color, isCustom, id }) => {\n            let newColor = color;\n\n            if (isHex(color)) {\n                const { r, g, b, a } = hexToRgb(color);\n\n                newColor = `rgba(${r},${g},${b},${a})`;\n            }\n\n            return {\n                id,\n                isCustom,\n                color: newColor,\n            };\n        });\n\n        if (shouldHideDefaultPresetColors) {\n            return tmp;\n        }\n\n        return [...PRESETCOLORS, ...(siteColors ?? []), ...tmp];\n    }, [presetColors, shouldHideDefaultPresetColors, siteColors]);\n\n    const content = useMemo(() => {\n        const items: ReactElement[] = [];\n\n        combinedColors.forEach(({ color, id }) => {\n            items.push(<PresetColor key={`preset-color__${id}`} color={color} />);\n        });\n\n        return items;\n    }, [combinedColors]);\n\n    const currentPresetColor = useMemo(\n        () => combinedColors.find(({ color }) => color === selectedColor),\n        [combinedColors, selectedColor],\n    );\n\n    const handleAddColor = (presetColor: IPresetColor) => {\n        if (typeof onPresetColorAdd === 'function') {\n            onPresetColorAdd(presetColor);\n        }\n\n        setSiteColors((prevColors) => {\n            const colors = [...(prevColors ?? []), presetColor];\n\n            const newColors = colors?.map(({ color }) => {\n                const rgbValues = extractRgbValues(color);\n\n                return rgbToHex(rgbValues);\n            });\n\n            void putSiteColors(newColors);\n\n            return colors;\n        });\n    };\n\n    const handleRemoveColor = (presetColorId: IPresetColor['id']) => {\n        void loadSiteColors(presetColorId);\n\n        if (typeof onPresetColorRemove === 'function') {\n            onPresetColorRemove(presetColorId);\n        }\n    };\n\n    return (\n        <StyledPresetColors>\n            {content}\n            {!shouldHideDefaultPresetColors && (\n                <PresetButton\n                    id={currentPresetColor?.id}\n                    isCustom={currentPresetColor?.isCustom}\n                    onAdd={handleAddColor}\n                    onRemove={handleRemoveColor}\n                />\n            )}\n        </StyledPresetColors>\n    );\n};\n\nPresetColors.displayName = 'PresetColors';\n\nexport default PresetColors;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/preset-colors/preset-button/PresetButton.js

@@ -9,8 +9,7 @@ var _react = _interopRequireWildcard(require("react"));
 var _uuid = require("uuid");
 var _ColorPickerProvider = require("../../../ColorPickerProvider");
 var _PresetButton = require("./PresetButton.styles");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PresetButton = ({
   id,
   isCustom,

package/lib/cjs/components/color-picker-popup/preset-colors/preset-button/PresetButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetButton.js","names":["_core","require","_react","_interopRequireWildcard","_uuid","_ColorPickerProvider","_PresetButton","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetButton","id","isCustom","onRemove","onAdd","selectedColor","useContext","ColorPickerContext","icon","handleClick","color","uuidv4","createElement","StyledPresetButton","onClick","$isDisabled","Icon","icons","size","displayName","_default","exports"],"sources":["../../../../../../src/components/color-picker-popup/preset-colors/preset-button/PresetButton.tsx"],"sourcesContent":["import { Icon } from '@chayns-components/core';\nimport React, { useContext } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport type { IPresetColor } from '../../../../types/colorPicker';\nimport { ColorPickerContext } from '../../../ColorPickerProvider';\nimport { StyledPresetButton } from './PresetButton.styles';\n\ninterface PresetButtonProps {\n    id?: IPresetColor['id'];\n    isCustom?: IPresetColor['isCustom'];\n    onAdd?: (color: IPresetColor) => void;\n    onRemove?: (id: IPresetColor['id']) => void;\n}\n\nconst PresetButton = ({ id, isCustom, onRemove, onAdd }: PresetButtonProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const icon = isCustom ? ['fa-solid fa-trash'] : ['fa-solid fa-plus'];\n\n    const handleClick = () => {\n        if (id) {\n            if (typeof onRemove === 'function') {\n                onRemove(id);\n            }\n        } else if (typeof onAdd === 'function' && selectedColor) {\n            onAdd({ color: selectedColor, isCustom: true, id: uuidv4() });\n        }\n    };\n\n    return (\n        <StyledPresetButton onClick={handleClick} $isDisabled={!!id && !isCustom}>\n            <Icon icons={icon} size={isCustom ? 10 : 15} />\n        </StyledPresetButton>\n    );\n};\n\nPresetButton.displayName = 'PresetButton';\n\nexport default PresetButton;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA2D,SAAAM,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAS3D,MAAMW,YAAY,GAAGA,CAAC;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EAC3E,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAU,EAACC,uCAAkB,CAAC;EAExD,MAAMC,IAAI,GAAGN,QAAQ,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,CAAC;EAEpE,MAAMO,WAAW,GAAGA,CAAA,KAAM;IACtB,IAAIR,EAAE,EAAE;MACJ,IAAI,OAAOE,QAAQ,KAAK,UAAU,EAAE;QAChCA,QAAQ,CAACF,EAAE,CAAC;MAChB;IACJ,CAAC,MAAM,IAAI,OAAOG,KAAK,KAAK,UAAU,IAAIC,aAAa,EAAE;MACrDD,KAAK,CAAC;QAAEM,KAAK,EAAEL,aAAa;QAAEH,QAAQ,EAAE,IAAI;QAAED,EAAE,EAAE,IAAAU,QAAM,EAAC;MAAE,CAAC,CAAC;IACjE;EACJ,CAAC;EAED,oBACIpC,MAAA,CAAAW,OAAA,CAAA0B,aAAA,CAACjC,aAAA,CAAAkC,kBAAkB;IAACC,OAAO,EAAEL,WAAY;IAACM,WAAW,EAAE,CAAC,CAACd,EAAE,IAAI,CAACC;EAAS,gBACrE3B,MAAA,CAAAW,OAAA,CAAA0B,aAAA,CAACvC,KAAA,CAAA2C,IAAI;IAACC,KAAK,EAAET,IAAK;IAACU,IAAI,EAAEhB,QAAQ,GAAG,EAAE,GAAG;EAAG,CAAE,CAC9B,CAAC;AAE7B,CAAC;AAEDF,YAAY,CAACmB,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnC,OAAA,GAE3Bc,YAAY","ignoreList":[]}
+{"version":3,"file":"PresetButton.js","names":["_core","require","_react","_interopRequireWildcard","_uuid","_ColorPickerProvider","_PresetButton","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PresetButton","id","isCustom","onRemove","onAdd","selectedColor","useContext","ColorPickerContext","icon","handleClick","color","uuidv4","createElement","StyledPresetButton","onClick","$isDisabled","Icon","icons","size","displayName","_default","exports"],"sources":["../../../../../../src/components/color-picker-popup/preset-colors/preset-button/PresetButton.tsx"],"sourcesContent":["import { Icon } from '@chayns-components/core';\nimport React, { useContext } from 'react';\nimport { v4 as uuidv4 } from 'uuid';\nimport type { IPresetColor } from '../../../../types/colorPicker';\nimport { ColorPickerContext } from '../../../ColorPickerProvider';\nimport { StyledPresetButton } from './PresetButton.styles';\n\ninterface PresetButtonProps {\n    id?: IPresetColor['id'];\n    isCustom?: IPresetColor['isCustom'];\n    onAdd?: (color: IPresetColor) => void;\n    onRemove?: (id: IPresetColor['id']) => void;\n}\n\nconst PresetButton = ({ id, isCustom, onRemove, onAdd }: PresetButtonProps) => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    const icon = isCustom ? ['fa-solid fa-trash'] : ['fa-solid fa-plus'];\n\n    const handleClick = () => {\n        if (id) {\n            if (typeof onRemove === 'function') {\n                onRemove(id);\n            }\n        } else if (typeof onAdd === 'function' && selectedColor) {\n            onAdd({ color: selectedColor, isCustom: true, id: uuidv4() });\n        }\n    };\n\n    return (\n        <StyledPresetButton onClick={handleClick} $isDisabled={!!id && !isCustom}>\n            <Icon icons={icon} size={isCustom ? 10 : 15} />\n        </StyledPresetButton>\n    );\n};\n\nPresetButton.displayName = 'PresetButton';\n\nexport default PresetButton;\n"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,oBAAA,GAAAJ,OAAA;AACA,IAAAK,aAAA,GAAAL,OAAA;AAA2D,SAAAE,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAS3D,MAAMkB,YAAY,GAAGA,CAAC;EAAEC,EAAE;EAAEC,QAAQ;EAAEC,QAAQ;EAAEC;AAAyB,CAAC,KAAK;EAC3E,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAU,EAACC,uCAAkB,CAAC;EAExD,MAAMC,IAAI,GAAGN,QAAQ,GAAG,CAAC,mBAAmB,CAAC,GAAG,CAAC,kBAAkB,CAAC;EAEpE,MAAMO,WAAW,GAAGA,CAAA,KAAM;IACtB,IAAIR,EAAE,EAAE;MACJ,IAAI,OAAOE,QAAQ,KAAK,UAAU,EAAE;QAChCA,QAAQ,CAACF,EAAE,CAAC;MAChB;IACJ,CAAC,MAAM,IAAI,OAAOG,KAAK,KAAK,UAAU,IAAIC,aAAa,EAAE;MACrDD,KAAK,CAAC;QAAEM,KAAK,EAAEL,aAAa;QAAEH,QAAQ,EAAE,IAAI;QAAED,EAAE,EAAE,IAAAU,QAAM,EAAC;MAAE,CAAC,CAAC;IACjE;EACJ,CAAC;EAED,oBACInC,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAAChC,aAAA,CAAAiC,kBAAkB;IAACC,OAAO,EAAEL,WAAY;IAACM,WAAW,EAAE,CAAC,CAACd,EAAE,IAAI,CAACC;EAAS,gBACrE1B,MAAA,CAAAe,OAAA,CAAAqB,aAAA,CAACtC,KAAA,CAAA0C,IAAI;IAACC,KAAK,EAAET,IAAK;IAACU,IAAI,EAAEhB,QAAQ,GAAG,EAAE,GAAG;EAAG,CAAE,CAC9B,CAAC;AAE7B,CAAC;AAEDF,YAAY,CAACmB,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA9B,OAAA,GAE3BS,YAAY","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/preset-colors/preset-color/PresetColor.js

@@ -7,8 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ColorPickerProvider = require("../../../ColorPickerProvider");
 var _PresetColor = require("./PresetColor.styles");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const PresetColor = ({
   color
 }) => {

package/lib/cjs/components/color-picker-popup/preset-colors/preset-color/PresetColor.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColor.js","names":["_react","_interopRequireWildcard","require","_ColorPickerProvider","_PresetColor","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","PresetColor","color","selectedColor","updateSelectedColor","updateHueColor","updateShouldCallOnSelect","updateShouldGetCoordinates","updateIsPresetColor","useContext","ColorPickerContext","isSelected","useMemo","handleClick","createElement","StyledPresetColor","onClick","$isSelected","StyledPresetColorBackground","StyledPresetColorColor","$color","displayName","_default","exports"],"sources":["../../../../../../src/components/color-picker-popup/preset-colors/preset-color/PresetColor.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport type { IPresetColor } from '../../../../types/colorPicker';\nimport { ColorPickerContext } from '../../../ColorPickerProvider';\nimport {\n    StyledPresetColor,\n    StyledPresetColorBackground,\n    StyledPresetColorColor,\n} from './PresetColor.styles';\n\ninterface PresetColorProps {\n    color: IPresetColor['color'];\n}\n\nconst PresetColor = ({ color }: PresetColorProps) => {\n    const {\n        selectedColor,\n        updateSelectedColor,\n        updateHueColor,\n        updateShouldCallOnSelect,\n        updateShouldGetCoordinates,\n        updateIsPresetColor,\n    } = useContext(ColorPickerContext);\n\n    const isSelected = useMemo(() => selectedColor === color, [color, selectedColor]);\n\n    const handleClick = () => {\n        if (typeof updateSelectedColor === 'function') {\n            updateSelectedColor(color);\n        }\n\n        if (typeof updateHueColor === 'function') {\n            updateHueColor(color);\n        }\n\n        if (typeof updateIsPresetColor === 'function') {\n            updateIsPresetColor(true);\n        }\n\n        if (typeof updateShouldCallOnSelect === 'function') {\n            updateShouldCallOnSelect(true);\n        }\n\n        if (typeof updateShouldGetCoordinates === 'function') {\n            updateShouldGetCoordinates(true);\n        }\n    };\n\n    return (\n        <StyledPresetColor onClick={handleClick} $isSelected={isSelected}>\n            <StyledPresetColorBackground />\n            <StyledPresetColorColor $color={color} />\n        </StyledPresetColor>\n    );\n};\n\nPresetColor.displayName = 'PresetColor';\n\nexport default PresetColor;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"PresetColor.js","names":["_react","_interopRequireWildcard","require","_ColorPickerProvider","_PresetColor","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","PresetColor","color","selectedColor","updateSelectedColor","updateHueColor","updateShouldCallOnSelect","updateShouldGetCoordinates","updateIsPresetColor","useContext","ColorPickerContext","isSelected","useMemo","handleClick","createElement","StyledPresetColor","onClick","$isSelected","StyledPresetColorBackground","StyledPresetColorColor","$color","displayName","_default","exports"],"sources":["../../../../../../src/components/color-picker-popup/preset-colors/preset-color/PresetColor.tsx"],"sourcesContent":["import React, { useContext, useMemo } from 'react';\n\nimport type { IPresetColor } from '../../../../types/colorPicker';\nimport { ColorPickerContext } from '../../../ColorPickerProvider';\nimport {\n    StyledPresetColor,\n    StyledPresetColorBackground,\n    StyledPresetColorColor,\n} from './PresetColor.styles';\n\ninterface PresetColorProps {\n    color: IPresetColor['color'];\n}\n\nconst PresetColor = ({ color }: PresetColorProps) => {\n    const {\n        selectedColor,\n        updateSelectedColor,\n        updateHueColor,\n        updateShouldCallOnSelect,\n        updateShouldGetCoordinates,\n        updateIsPresetColor,\n    } = useContext(ColorPickerContext);\n\n    const isSelected = useMemo(() => selectedColor === color, [color, selectedColor]);\n\n    const handleClick = () => {\n        if (typeof updateSelectedColor === 'function') {\n            updateSelectedColor(color);\n        }\n\n        if (typeof updateHueColor === 'function') {\n            updateHueColor(color);\n        }\n\n        if (typeof updateIsPresetColor === 'function') {\n            updateIsPresetColor(true);\n        }\n\n        if (typeof updateShouldCallOnSelect === 'function') {\n            updateShouldCallOnSelect(true);\n        }\n\n        if (typeof updateShouldGetCoordinates === 'function') {\n            updateShouldGetCoordinates(true);\n        }\n    };\n\n    return (\n        <StyledPresetColor onClick={handleClick} $isSelected={isSelected}>\n            <StyledPresetColorBackground />\n            <StyledPresetColorColor $color={color} />\n        </StyledPresetColor>\n    );\n};\n\nPresetColor.displayName = 'PresetColor';\n\nexport default PresetColor;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAGA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AAI8B,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAM9B,MAAMkB,WAAW,GAAGA,CAAC;EAAEC;AAAwB,CAAC,KAAK;EACjD,MAAM;IACFC,aAAa;IACbC,mBAAmB;IACnBC,cAAc;IACdC,wBAAwB;IACxBC,0BAA0B;IAC1BC;EACJ,CAAC,GAAG,IAAAC,iBAAU,EAACC,uCAAkB,CAAC;EAElC,MAAMC,UAAU,GAAG,IAAAC,cAAO,EAAC,MAAMT,aAAa,KAAKD,KAAK,EAAE,CAACA,KAAK,EAAEC,aAAa,CAAC,CAAC;EAEjF,MAAMU,WAAW,GAAGA,CAAA,KAAM;IACtB,IAAI,OAAOT,mBAAmB,KAAK,UAAU,EAAE;MAC3CA,mBAAmB,CAACF,KAAK,CAAC;IAC9B;IAEA,IAAI,OAAOG,cAAc,KAAK,UAAU,EAAE;MACtCA,cAAc,CAACH,KAAK,CAAC;IACzB;IAEA,IAAI,OAAOM,mBAAmB,KAAK,UAAU,EAAE;MAC3CA,mBAAmB,CAAC,IAAI,CAAC;IAC7B;IAEA,IAAI,OAAOF,wBAAwB,KAAK,UAAU,EAAE;MAChDA,wBAAwB,CAAC,IAAI,CAAC;IAClC;IAEA,IAAI,OAAOC,0BAA0B,KAAK,UAAU,EAAE;MAClDA,0BAA0B,CAAC,IAAI,CAAC;IACpC;EACJ,CAAC;EAED,oBACI9B,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACjC,YAAA,CAAAkC,iBAAiB;IAACC,OAAO,EAAEH,WAAY;IAACI,WAAW,EAAEN;EAAW,gBAC7DlC,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACjC,YAAA,CAAAqC,2BAA2B,MAAE,CAAC,eAC/BzC,MAAA,CAAAe,OAAA,CAAAsB,aAAA,CAACjC,YAAA,CAAAsC,sBAAsB;IAACC,MAAM,EAAElB;EAAM,CAAE,CACzB,CAAC;AAE5B,CAAC;AAEDD,WAAW,CAACoB,WAAW,GAAG,aAAa;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAA/B,OAAA,GAEzBS,WAAW","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/preset-colors/preset-color/PresetColor.styles.js

@@ -28,9 +28,9 @@ const StyledPresetColorColor = exports.StyledPresetColorColor = _styledComponent
 const StyledPresetColorBackground = exports.StyledPresetColorBackground = _styledComponents.default.div`
     position: absolute;
     background-color: #fff;
-    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),
-        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),
-        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
+    background-image:
+        linear-gradient(45deg, #a0a0a0 25%, #0000 0), linear-gradient(-45deg, #a0a0a0 25%, #0000 0),
+        linear-gradient(45deg, #0000 75%, #a0a0a0 0), linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
     background-position:
         0 0,
         0 4px,

package/lib/cjs/components/color-picker-popup/preset-colors/preset-color/PresetColor.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"PresetColor.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledPresetColor","exports","styled","div","$isSelected","StyledPresetColorColor","$color","StyledPresetColorBackground"],"sources":["../../../../../../src/components/color-picker-popup/preset-colors/preset-color/PresetColor.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledPresetColorProps = WithTheme<{ $isSelected?: boolean }>;\n\nexport const StyledPresetColor = styled.div<StyledPresetColorProps>`\n    width: 22px;\n    aspect-ratio: 1;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    border-radius: 50px;\n    border: ${({ $isSelected }) =>\n        $isSelected ? '2px solid rgba(255, 255, 255, 1)' : '1px solid rgba(160, 160, 160, 0.3)'};\n`;\n\ntype StyledPresetColorColorProps = WithTheme<{ $color: string; $isSelected?: boolean }>;\n\nexport const StyledPresetColorColor = styled.div<StyledPresetColorColorProps>`\n    background-color: ${({ $color }) => $color};\n    height: 100%;\n    width: 100%;\n    position: absolute;\n`;\n\nexport const StyledPresetColorBackground = styled.div`\n    position: absolute;\n    background-color: #fff;\n    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),\n        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),\n        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);\n    background-position:\n        0 0,\n        0 4px,\n        4px -4px,\n        -4px 0;\n    background-repeat: repeat;\n    background-size: 8px 8px;\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAAY,CAAC,KACtBA,WAAW,GAAG,kCAAkC,GAAG,oCAAoC;AAC/F,CAAC;AAIM,MAAMC,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAGH,yBAAM,CAACC,GAAgC;AAC7E,wBAAwB,CAAC;EAAEG;AAAO,CAAC,KAAKA,MAAM;AAC9C;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAN,OAAA,CAAAM,2BAAA,GAAGL,yBAAM,CAACC,GAAG;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"PresetColor.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledPresetColor","exports","styled","div","$isSelected","StyledPresetColorColor","$color","StyledPresetColorBackground"],"sources":["../../../../../../src/components/color-picker-popup/preset-colors/preset-color/PresetColor.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport styled from 'styled-components';\n\ntype StyledPresetColorProps = WithTheme<{ $isSelected?: boolean }>;\n\nexport const StyledPresetColor = styled.div<StyledPresetColorProps>`\n    width: 22px;\n    aspect-ratio: 1;\n    cursor: pointer;\n    position: relative;\n    overflow: hidden;\n    border-radius: 50px;\n    border: ${({ $isSelected }) =>\n        $isSelected ? '2px solid rgba(255, 255, 255, 1)' : '1px solid rgba(160, 160, 160, 0.3)'};\n`;\n\ntype StyledPresetColorColorProps = WithTheme<{ $color: string; $isSelected?: boolean }>;\n\nexport const StyledPresetColorColor = styled.div<StyledPresetColorColorProps>`\n    background-color: ${({ $color }) => $color};\n    height: 100%;\n    width: 100%;\n    position: absolute;\n`;\n\nexport const StyledPresetColorBackground = styled.div`\n    position: absolute;\n    background-color: #fff;\n    background-image:\n        linear-gradient(45deg, #a0a0a0 25%, #0000 0), linear-gradient(-45deg, #a0a0a0 25%, #0000 0),\n        linear-gradient(45deg, #0000 75%, #a0a0a0 0), linear-gradient(-45deg, #0000 75%, #a0a0a0 0);\n    background-position:\n        0 0,\n        0 4px,\n        4px -4px,\n        -4px 0;\n    background-repeat: repeat;\n    background-size: 8px 8px;\n    height: 100%;\n    width: 100%;\n`;\n"],"mappings":";;;;;;AACA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAIhC,MAAMG,iBAAiB,GAAAC,OAAA,CAAAD,iBAAA,GAAGE,yBAAM,CAACC,GAA2B;AACnE;AACA;AACA;AACA;AACA;AACA;AACA,cAAc,CAAC;EAAEC;AAAY,CAAC,KACtBA,WAAW,GAAG,kCAAkC,GAAG,oCAAoC;AAC/F,CAAC;AAIM,MAAMC,sBAAsB,GAAAJ,OAAA,CAAAI,sBAAA,GAAGH,yBAAM,CAACC,GAAgC;AAC7E,wBAAwB,CAAC;EAAEG;AAAO,CAAC,KAAKA,MAAM;AAC9C;AACA;AACA;AACA,CAAC;AAEM,MAAMC,2BAA2B,GAAAN,OAAA,CAAAM,2BAAA,GAAGL,yBAAM,CAACC,GAAG;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/sliders/Sliders.js

@@ -12,8 +12,7 @@ var _TransparencySlider = _interopRequireDefault(require("../../transparency-sli
 var _ColorPreview = _interopRequireDefault(require("./color-preview/ColorPreview"));
 var _Sliders = require("./Sliders.styles");
 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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const Sliders = ({
   shouldShowTransparencySlider
 }) => {

package/lib/cjs/components/color-picker-popup/sliders/Sliders.js.map

@@ -1 +1 @@
-{"version":3,"file":"Sliders.js","names":["_react","_interopRequireWildcard","require","_color","_ColorPickerProvider","_HueSlider","_interopRequireDefault","_TransparencySlider","_ColorPreview","_Sliders","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Sliders","shouldShowTransparencySlider","selectedColor","updateSelectedColor","updateHueColor","updateShouldGetCoordinates","updateShouldCallOnSelect","updateCanGetColorFromArea","hueColor","useContext","ColorPickerContext","handleColorChange","color","handleHueColorChange","handleStart","handleHueStart","handleEnd","opacity","useMemo","extractRgbValues","createElement","StyledSliders","StyledSlidersWrapper","onEnd","onStart","onChange","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/sliders/Sliders.tsx"],"sourcesContent":["import React, { useContext, useMemo, type CSSProperties } from 'react';\nimport { extractRgbValues } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport HueSlider from '../../hue-slider/HueSlider';\nimport TransparencySlider from '../../transparency-slider/TransparencySlider';\nimport ColorPreview from './color-preview/ColorPreview';\nimport { StyledSliders, StyledSlidersWrapper } from './Sliders.styles';\n\ninterface SlidersProps {\n    shouldShowTransparencySlider: boolean;\n}\n\nconst Sliders = ({ shouldShowTransparencySlider }: SlidersProps) => {\n    const {\n        selectedColor,\n        updateSelectedColor,\n        updateHueColor,\n        updateShouldGetCoordinates,\n        updateShouldCallOnSelect,\n        updateCanGetColorFromArea,\n        hueColor,\n    } = useContext(ColorPickerContext);\n\n    const handleColorChange = (color: CSSProperties['color']) => {\n        if (typeof updateSelectedColor === 'function' && color) {\n            updateSelectedColor(color);\n        }\n    };\n\n    const handleHueColorChange = (color: CSSProperties['color']) => {\n        if (typeof updateHueColor === 'function' && color) {\n            updateHueColor(color);\n        }\n    };\n\n    const handleStart = () => {\n        if (typeof updateShouldGetCoordinates === 'function') {\n            updateShouldGetCoordinates(false);\n        }\n    };\n\n    const handleHueStart = () => {\n        handleStart();\n\n        if (typeof updateCanGetColorFromArea === 'function') {\n            updateCanGetColorFromArea(true);\n        }\n    };\n\n    const handleEnd = () => {\n        if (\n            typeof updateShouldGetCoordinates === 'function' &&\n            typeof updateShouldCallOnSelect === 'function'\n        ) {\n            updateShouldGetCoordinates(true);\n            updateShouldCallOnSelect(true);\n        }\n\n        if (typeof updateCanGetColorFromArea === 'function') {\n            updateCanGetColorFromArea(false);\n        }\n    };\n\n    const opacity = useMemo(() => extractRgbValues(selectedColor ?? '').a, [selectedColor]);\n\n    return (\n        <StyledSliders>\n            <StyledSlidersWrapper>\n                <HueSlider\n                    color={hueColor}\n                    opacity={opacity}\n                    onEnd={handleEnd}\n                    onStart={handleHueStart}\n                    onChange={handleHueColorChange}\n                />\n                {shouldShowTransparencySlider && (\n                    <TransparencySlider\n                        color={selectedColor}\n                        onEnd={handleEnd}\n                        onStart={handleStart}\n                        onChange={handleColorChange}\n                    />\n                )}\n            </StyledSlidersWrapper>\n            <ColorPreview />\n        </StyledSliders>\n    );\n};\n\nSliders.displayName = 'Sliders';\n\nexport default Sliders;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"Sliders.js","names":["_react","_interopRequireWildcard","require","_color","_ColorPickerProvider","_HueSlider","_interopRequireDefault","_TransparencySlider","_ColorPreview","_Sliders","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","Sliders","shouldShowTransparencySlider","selectedColor","updateSelectedColor","updateHueColor","updateShouldGetCoordinates","updateShouldCallOnSelect","updateCanGetColorFromArea","hueColor","useContext","ColorPickerContext","handleColorChange","color","handleHueColorChange","handleStart","handleHueStart","handleEnd","opacity","useMemo","extractRgbValues","a","createElement","StyledSliders","StyledSlidersWrapper","onEnd","onStart","onChange","displayName","_default","exports"],"sources":["../../../../../src/components/color-picker-popup/sliders/Sliders.tsx"],"sourcesContent":["import React, { useContext, useMemo, type CSSProperties } from 'react';\nimport { extractRgbValues } from '../../../utils/color';\nimport { ColorPickerContext } from '../../ColorPickerProvider';\nimport HueSlider from '../../hue-slider/HueSlider';\nimport TransparencySlider from '../../transparency-slider/TransparencySlider';\nimport ColorPreview from './color-preview/ColorPreview';\nimport { StyledSliders, StyledSlidersWrapper } from './Sliders.styles';\n\ninterface SlidersProps {\n    shouldShowTransparencySlider: boolean;\n}\n\nconst Sliders = ({ shouldShowTransparencySlider }: SlidersProps) => {\n    const {\n        selectedColor,\n        updateSelectedColor,\n        updateHueColor,\n        updateShouldGetCoordinates,\n        updateShouldCallOnSelect,\n        updateCanGetColorFromArea,\n        hueColor,\n    } = useContext(ColorPickerContext);\n\n    const handleColorChange = (color: CSSProperties['color']) => {\n        if (typeof updateSelectedColor === 'function' && color) {\n            updateSelectedColor(color);\n        }\n    };\n\n    const handleHueColorChange = (color: CSSProperties['color']) => {\n        if (typeof updateHueColor === 'function' && color) {\n            updateHueColor(color);\n        }\n    };\n\n    const handleStart = () => {\n        if (typeof updateShouldGetCoordinates === 'function') {\n            updateShouldGetCoordinates(false);\n        }\n    };\n\n    const handleHueStart = () => {\n        handleStart();\n\n        if (typeof updateCanGetColorFromArea === 'function') {\n            updateCanGetColorFromArea(true);\n        }\n    };\n\n    const handleEnd = () => {\n        if (\n            typeof updateShouldGetCoordinates === 'function' &&\n            typeof updateShouldCallOnSelect === 'function'\n        ) {\n            updateShouldGetCoordinates(true);\n            updateShouldCallOnSelect(true);\n        }\n\n        if (typeof updateCanGetColorFromArea === 'function') {\n            updateCanGetColorFromArea(false);\n        }\n    };\n\n    const opacity = useMemo(() => extractRgbValues(selectedColor ?? '').a, [selectedColor]);\n\n    return (\n        <StyledSliders>\n            <StyledSlidersWrapper>\n                <HueSlider\n                    color={hueColor}\n                    opacity={opacity}\n                    onEnd={handleEnd}\n                    onStart={handleHueStart}\n                    onChange={handleHueColorChange}\n                />\n                {shouldShowTransparencySlider && (\n                    <TransparencySlider\n                        color={selectedColor}\n                        onEnd={handleEnd}\n                        onStart={handleStart}\n                        onChange={handleColorChange}\n                    />\n                )}\n            </StyledSlidersWrapper>\n            <ColorPreview />\n        </StyledSliders>\n    );\n};\n\nSliders.displayName = 'Sliders';\n\nexport default Sliders;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/sliders/color-preview/ColorPreview.js

@@ -7,8 +7,7 @@ exports.default = void 0;
 var _react = _interopRequireWildcard(require("react"));
 var _ColorPickerProvider = require("../../../ColorPickerProvider");
 var _ColorPreview = require("./ColorPreview.styles");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const ColorPreview = () => {
   const {
     selectedColor

package/lib/cjs/components/color-picker-popup/sliders/color-preview/ColorPreview.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPreview.js","names":["_react","_interopRequireWildcard","require","_ColorPickerProvider","_ColorPreview","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ColorPreview","selectedColor","useContext","ColorPickerContext","createElement","StyledColorPreview","StyledColorPreviewColor","$color","displayName","_default","exports"],"sources":["../../../../../../src/components/color-picker-popup/sliders/color-preview/ColorPreview.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ColorPickerContext } from '../../../ColorPickerProvider';\nimport { StyledColorPreview, StyledColorPreviewColor } from './ColorPreview.styles';\n\nconst ColorPreview = () => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    return (\n        <StyledColorPreview>\n            <StyledColorPreviewColor $color={selectedColor} />\n        </StyledColorPreview>\n    );\n};\n\nColorPreview.displayName = 'ColorPreview';\n\nexport default ColorPreview;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAoF,SAAAG,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAL,wBAAAK,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAEpF,MAAMW,YAAY,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAU,EAACC,uCAAkB,CAAC;EAExD,oBACI5B,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACzB,aAAA,CAAA0B,kBAAkB,qBACf9B,MAAA,CAAAW,OAAA,CAAAkB,aAAA,CAACzB,aAAA,CAAA2B,uBAAuB;IAACC,MAAM,EAAEN;EAAc,CAAE,CACjC,CAAC;AAE7B,CAAC;AAEDD,YAAY,CAACQ,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAxB,OAAA,GAE3Bc,YAAY","ignoreList":[]}
+{"version":3,"file":"ColorPreview.js","names":["_react","_interopRequireWildcard","require","_ColorPickerProvider","_ColorPreview","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","ColorPreview","selectedColor","useContext","ColorPickerContext","createElement","StyledColorPreview","StyledColorPreviewColor","$color","displayName","_default","exports"],"sources":["../../../../../../src/components/color-picker-popup/sliders/color-preview/ColorPreview.tsx"],"sourcesContent":["import React, { useContext } from 'react';\nimport { ColorPickerContext } from '../../../ColorPickerProvider';\nimport { StyledColorPreview, StyledColorPreviewColor } from './ColorPreview.styles';\n\nconst ColorPreview = () => {\n    const { selectedColor } = useContext(ColorPickerContext);\n\n    return (\n        <StyledColorPreview>\n            <StyledColorPreviewColor $color={selectedColor} />\n        </StyledColorPreview>\n    );\n};\n\nColorPreview.displayName = 'ColorPreview';\n\nexport default ColorPreview;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,oBAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AAAoF,SAAAD,wBAAAI,CAAA,EAAAC,CAAA,6BAAAC,OAAA,MAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAN,uBAAA,YAAAA,CAAAI,CAAA,EAAAC,CAAA,SAAAA,CAAA,IAAAD,CAAA,IAAAA,CAAA,CAAAK,UAAA,SAAAL,CAAA,MAAAM,CAAA,EAAAC,CAAA,EAAAC,CAAA,KAAAC,SAAA,QAAAC,OAAA,EAAAV,CAAA,iBAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,SAAAQ,CAAA,MAAAF,CAAA,GAAAL,CAAA,GAAAG,CAAA,GAAAD,CAAA,QAAAG,CAAA,CAAAK,GAAA,CAAAX,CAAA,UAAAM,CAAA,CAAAM,GAAA,CAAAZ,CAAA,GAAAM,CAAA,CAAAO,GAAA,CAAAb,CAAA,EAAAQ,CAAA,gBAAAP,CAAA,IAAAD,CAAA,gBAAAC,CAAA,OAAAa,cAAA,CAAAC,IAAA,CAAAf,CAAA,EAAAC,CAAA,OAAAM,CAAA,IAAAD,CAAA,GAAAU,MAAA,CAAAC,cAAA,KAAAD,MAAA,CAAAE,wBAAA,CAAAlB,CAAA,EAAAC,CAAA,OAAAM,CAAA,CAAAK,GAAA,IAAAL,CAAA,CAAAM,GAAA,IAAAP,CAAA,CAAAE,CAAA,EAAAP,CAAA,EAAAM,CAAA,IAAAC,CAAA,CAAAP,CAAA,IAAAD,CAAA,CAAAC,CAAA,WAAAO,CAAA,KAAAR,CAAA,EAAAC,CAAA;AAEpF,MAAMkB,YAAY,GAAGA,CAAA,KAAM;EACvB,MAAM;IAAEC;EAAc,CAAC,GAAG,IAAAC,iBAAU,EAACC,uCAAkB,CAAC;EAExD,oBACI3B,MAAA,CAAAe,OAAA,CAAAa,aAAA,CAACxB,aAAA,CAAAyB,kBAAkB,qBACf7B,MAAA,CAAAe,OAAA,CAAAa,aAAA,CAACxB,aAAA,CAAA0B,uBAAuB;IAACC,MAAM,EAAEN;EAAc,CAAE,CACjC,CAAC;AAE7B,CAAC;AAEDD,YAAY,CAACQ,WAAW,GAAG,cAAc;AAAC,IAAAC,QAAA,GAAAC,OAAA,CAAAnB,OAAA,GAE3BS,YAAY","ignoreList":[]}

package/lib/cjs/components/color-picker-popup/sliders/color-preview/ColorPreview.styles.js

@@ -17,9 +17,9 @@ const StyledColorPreview = exports.StyledColorPreview = _styledComponents.defaul
 const StyledColorPreviewBackground = exports.StyledColorPreviewBackground = _styledComponents.default.div`
     position: absolute;
     background-color: #fff;
-    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),
-        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),
-        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
+    background-image:
+        linear-gradient(45deg, #a0a0a0 25%, #0000 0), linear-gradient(-45deg, #a0a0a0 25%, #0000 0),
+        linear-gradient(45deg, #0000 75%, #a0a0a0 0), linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
     background-position:
         0 0,
         0 4px,

package/lib/cjs/components/color-picker-popup/sliders/color-preview/ColorPreview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ColorPreview.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledColorPreview","exports","styled","div","StyledColorPreviewBackground","StyledColorPreviewColor","attrs","$color","theme","style","backgroundColor","border","text"],"sources":["../../../../../../src/components/color-picker-popup/sliders/color-preview/ColorPreview.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { Theme } from '@chayns-components/core/lib/types/components/color-scheme-provider/ColorSchemeProvider';\nimport styled from 'styled-components';\n\nexport const StyledColorPreview = styled.div`\n    width: 40px;\n    aspect-ratio: 1;\n    position: relative;\n\n    border-radius: 2px;\n    overflow: hidden;\n`;\n\nexport const StyledColorPreviewBackground = styled.div`\n    position: absolute;\n    background-color: #fff;\n    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),\n        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),\n        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);\n    background-position:\n        0 0,\n        0 4px,\n        4px -4px,\n        -4px 0;\n    background-repeat: repeat;\n    background-size: 8px 8px;\n    height: 100%;\n    width: 100%;\n`;\n\ntype StyledColorPreviewColorProps = WithTheme<{ $color?: string }>;\n\nexport const StyledColorPreviewColor = styled.div.attrs<StyledColorPreviewColorProps>(\n    ({ $color, theme }) => ({\n        style: {\n            backgroundColor: $color,\n            border: `1px ${(theme as Theme).text} solid`,\n        },\n    }),\n)`\n    height: 100%;\n    width: 100%;\n    position: absolute;\n`;\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,4BAA4B,GAAAH,OAAA,CAAAG,4BAAA,GAAGF,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAME,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAGH,yBAAM,CAACC,GAAG,CAACG,KAAK,CACnD,CAAC;EAAEC,MAAM;EAAEC;AAAM,CAAC,MAAM;EACpBC,KAAK,EAAE;IACHC,eAAe,EAAEH,MAAM;IACvBI,MAAM,EAAE,OAAQH,KAAK,CAAWI,IAAI;EACxC;AACJ,CAAC,CACL,CAAC;AACD;AACA;AACA;AACA,CAAC","ignoreList":[]}
+{"version":3,"file":"ColorPreview.styles.js","names":["_styledComponents","_interopRequireDefault","require","e","__esModule","default","StyledColorPreview","exports","styled","div","StyledColorPreviewBackground","StyledColorPreviewColor","attrs","$color","theme","style","backgroundColor","border","text"],"sources":["../../../../../../src/components/color-picker-popup/sliders/color-preview/ColorPreview.styles.ts"],"sourcesContent":["import type { WithTheme } from '@chayns-components/core';\nimport type { Theme } from '@chayns-components/core/lib/types/components/color-scheme-provider/ColorSchemeProvider';\nimport styled from 'styled-components';\n\nexport const StyledColorPreview = styled.div`\n    width: 40px;\n    aspect-ratio: 1;\n    position: relative;\n\n    border-radius: 2px;\n    overflow: hidden;\n`;\n\nexport const StyledColorPreviewBackground = styled.div`\n    position: absolute;\n    background-color: #fff;\n    background-image:\n        linear-gradient(45deg, #a0a0a0 25%, #0000 0), linear-gradient(-45deg, #a0a0a0 25%, #0000 0),\n        linear-gradient(45deg, #0000 75%, #a0a0a0 0), linear-gradient(-45deg, #0000 75%, #a0a0a0 0);\n    background-position:\n        0 0,\n        0 4px,\n        4px -4px,\n        -4px 0;\n    background-repeat: repeat;\n    background-size: 8px 8px;\n    height: 100%;\n    width: 100%;\n`;\n\ntype StyledColorPreviewColorProps = WithTheme<{ $color?: string }>;\n\nexport const StyledColorPreviewColor = styled.div.attrs<StyledColorPreviewColorProps>(\n    ({ $color, theme }) => ({\n        style: {\n            backgroundColor: $color,\n            border: `1px ${(theme as Theme).text} solid`,\n        },\n    }),\n)`\n    height: 100%;\n    width: 100%;\n    position: absolute;\n`;\n"],"mappings":";;;;;;AAEA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAAuC,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEhC,MAAMG,kBAAkB,GAAAC,OAAA,CAAAD,kBAAA,GAAGE,yBAAM,CAACC,GAAG;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAEM,MAAMC,4BAA4B,GAAAH,OAAA,CAAAG,4BAAA,GAAGF,yBAAM,CAACC,GAAG;AACtD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC;AAIM,MAAME,uBAAuB,GAAAJ,OAAA,CAAAI,uBAAA,GAAGH,yBAAM,CAACC,GAAG,CAACG,KAAK,CACnD,CAAC;EAAEC,MAAM;EAAEC;AAAM,CAAC,MAAM;EACpBC,KAAK,EAAE;IACHC,eAAe,EAAEH,MAAM;IACvBI,MAAM,EAAE,OAAQH,KAAK,CAAWI,IAAI;EACxC;AACJ,CAAC,CACL,CAAC;AACD;AACA;AACA;AACA,CAAC","ignoreList":[]}

package/lib/cjs/components/hue-slider/HueSlider.js

@@ -9,8 +9,7 @@ var _chaynsApi = require("chayns-api");
 var _react = _interopRequireWildcard(require("react"));
 var _color = require("../../utils/color");
 var _HueSlider = require("./HueSlider.styles");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const HueSlider = ({
   onChange,
   onStart,

package/lib/cjs/components/hue-slider/HueSlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"HueSlider.js","names":["_colors","require","_chaynsApi","_react","_interopRequireWildcard","_color","_HueSlider","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HueSlider","onChange","onStart","onEnd","opacity","color","editedValue","setEditedValue","useState","hslColor","setHslColor","internalOpacity","setInternalOpacity","sliderThumbRef","useRef","sliderRef","useEffect","rgb","isValidRGBA","splitRgb","hexToRgb","g","b","hsl","convertColorToHsl","match","toString","parseInt","handleInputChange","useCallback","event","Number","target","value","percentage","hue","saturation","lightness","hslToRgb255","h","s","l","sliderThumbPosition","useMemo","current","offsetWidth","handleStart","setRefreshScrollEnabled","extractHsl","handleEnd","createElement","StyledHueSlider","StyledHueSliderInput","ref","$color","type","min","max","onPointerDown","onPointerUp","StyledHueSliderThumb","$position","displayName","_default","exports"],"sources":["../../../../src/components/hue-slider/HueSlider.tsx"],"sourcesContent":["import { hslToRgb255 } from '@chayns/colors';\nimport { setRefreshScrollEnabled } from 'chayns-api';\nimport React, {\n    ChangeEvent,\n    CSSProperties,\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { convertColorToHsl, extractHsl, hexToRgb, isValidRGBA, splitRgb } from '../../utils/color';\nimport { StyledHueSlider, StyledHueSliderInput, StyledHueSliderThumb } from './HueSlider.styles';\n\nexport type HueSliderProps = {\n    /**\n     * The color that should be selected.\n     */\n    color?: CSSProperties['color'];\n    /**\n     * Function that will be executed when the color is changed.\n     */\n    onChange?: (rgb: CSSProperties['color'], hsl: CSSProperties['color']) => void;\n    /**\n     * Function that will be executed when the color is ending to change.\n     */\n    onEnd?: (rgb: CSSProperties['color'], hsl: CSSProperties['color']) => void;\n    /**\n     * Function that will be executed when the color is starting to change.\n     */\n    onStart?: (rgb: CSSProperties['color'], hsl: CSSProperties['color']) => void;\n    /**\n     * The opacity of the Color. Is used if the color has no opacity value.\n     */\n    opacity?: number;\n};\n\nconst HueSlider: FC<HueSliderProps> = ({\n    onChange,\n    onStart,\n    onEnd,\n    opacity,\n    color = 'rgba(255, 0, 0, 1)',\n}) => {\n    const [editedValue, setEditedValue] = useState(0);\n    const [hslColor, setHslColor] = useState<CSSProperties['color']>('hsl(0, 0, 100)');\n    const [internalOpacity, setInternalOpacity] = useState(1);\n\n    const sliderThumbRef = useRef<HTMLDivElement>(null);\n    const sliderRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (color) {\n            let rgb;\n\n            if (isValidRGBA(color)) {\n                rgb = splitRgb(color);\n            } else {\n                rgb = hexToRgb(color);\n            }\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b, a } = rgb;\n\n            setInternalOpacity(a);\n\n            const hsl = convertColorToHsl(`rgba(${r}, ${g}, ${b}, 1)`);\n            const match = hsl?.toString().match(/hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/);\n\n            if (!match || !match[1]) {\n                return;\n            }\n\n            setHslColor(`hsl(${match[1]}, 100%, 50%)`);\n            setEditedValue(parseInt(match[1], 10));\n        }\n    }, [color]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setEditedValue(Number(event.target.value));\n\n            const percentage = (Number(event.target.value) / 360) * 100;\n            const hue = (percentage / 100) * 360;\n            const saturation = 100;\n            const lightness = 50;\n\n            const hsl = `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n            setHslColor(hsl);\n\n            if (typeof onChange === 'function') {\n                const rgb = hslToRgb255({ h: hue, s: 1, l: 0.5 });\n\n                if (!rgb) {\n                    return;\n                }\n\n                onChange(`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity ?? internalOpacity})`, hsl);\n            }\n        },\n        [internalOpacity, onChange, opacity],\n    );\n\n    const sliderThumbPosition = useMemo(() => {\n        if (sliderRef.current && sliderThumbRef.current) {\n            return (\n                (editedValue / 360) *\n                (sliderRef.current.offsetWidth - sliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [editedValue]);\n\n    const handleStart = useCallback(() => {\n        void setRefreshScrollEnabled(false);\n\n        if (typeof onStart === 'function' && hslColor) {\n            const hsl = extractHsl(hslColor);\n\n            if (!hsl) {\n                return;\n            }\n\n            const rgb = hslToRgb255(hsl);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            onStart(`rgba(${r}, ${g}, ${b}, ${opacity ?? internalOpacity})`, hslColor);\n        }\n    }, [hslColor, internalOpacity, onStart, opacity]);\n\n    const handleEnd = useCallback(() => {\n        void setRefreshScrollEnabled(true);\n\n        if (typeof onEnd === 'function' && hslColor) {\n            const hsl = extractHsl(hslColor);\n\n            if (!hsl) {\n                return;\n            }\n\n            const rgb = hslToRgb255(hsl);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            onEnd(`rgba(${r}, ${g}, ${b}, ${opacity ?? internalOpacity})`, hslColor);\n        }\n    }, [hslColor, internalOpacity, onEnd, opacity]);\n\n    return useMemo(\n        () => (\n            <StyledHueSlider>\n                <StyledHueSliderInput\n                    ref={sliderRef}\n                    $color={hslColor}\n                    type=\"range\"\n                    min={0}\n                    max={360}\n                    value={editedValue}\n                    onChange={handleInputChange}\n                    onPointerDown={handleStart}\n                    onPointerUp={handleEnd}\n                />\n                <StyledHueSliderThumb\n                    ref={sliderThumbRef}\n                    $position={sliderThumbPosition}\n                    $color={hslColor}\n                />\n            </StyledHueSlider>\n        ),\n        [editedValue, handleEnd, handleInputChange, handleStart, hslColor, sliderThumbPosition],\n    );\n};\n\nHueSlider.displayName = 'HueSlider';\n\nexport default HueSlider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"HueSlider.js","names":["_colors","require","_chaynsApi","_react","_interopRequireWildcard","_color","_HueSlider","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","HueSlider","onChange","onStart","onEnd","opacity","color","editedValue","setEditedValue","useState","hslColor","setHslColor","internalOpacity","setInternalOpacity","sliderThumbRef","useRef","sliderRef","useEffect","rgb","isValidRGBA","splitRgb","hexToRgb","g","b","a","hsl","convertColorToHsl","match","toString","parseInt","handleInputChange","useCallback","event","Number","target","value","percentage","hue","saturation","lightness","hslToRgb255","h","s","l","sliderThumbPosition","useMemo","current","offsetWidth","handleStart","setRefreshScrollEnabled","extractHsl","handleEnd","createElement","StyledHueSlider","StyledHueSliderInput","ref","$color","type","min","max","onPointerDown","onPointerUp","StyledHueSliderThumb","$position","displayName","_default","exports"],"sources":["../../../../src/components/hue-slider/HueSlider.tsx"],"sourcesContent":["import { hslToRgb255 } from '@chayns/colors';\nimport { setRefreshScrollEnabled } from 'chayns-api';\nimport React, {\n    ChangeEvent,\n    CSSProperties,\n    FC,\n    useCallback,\n    useEffect,\n    useMemo,\n    useRef,\n    useState,\n} from 'react';\nimport { convertColorToHsl, extractHsl, hexToRgb, isValidRGBA, splitRgb } from '../../utils/color';\nimport { StyledHueSlider, StyledHueSliderInput, StyledHueSliderThumb } from './HueSlider.styles';\n\nexport type HueSliderProps = {\n    /**\n     * The color that should be selected.\n     */\n    color?: CSSProperties['color'];\n    /**\n     * Function that will be executed when the color is changed.\n     */\n    onChange?: (rgb: CSSProperties['color'], hsl: CSSProperties['color']) => void;\n    /**\n     * Function that will be executed when the color is ending to change.\n     */\n    onEnd?: (rgb: CSSProperties['color'], hsl: CSSProperties['color']) => void;\n    /**\n     * Function that will be executed when the color is starting to change.\n     */\n    onStart?: (rgb: CSSProperties['color'], hsl: CSSProperties['color']) => void;\n    /**\n     * The opacity of the Color. Is used if the color has no opacity value.\n     */\n    opacity?: number;\n};\n\nconst HueSlider: FC<HueSliderProps> = ({\n    onChange,\n    onStart,\n    onEnd,\n    opacity,\n    color = 'rgba(255, 0, 0, 1)',\n}) => {\n    const [editedValue, setEditedValue] = useState(0);\n    const [hslColor, setHslColor] = useState<CSSProperties['color']>('hsl(0, 0, 100)');\n    const [internalOpacity, setInternalOpacity] = useState(1);\n\n    const sliderThumbRef = useRef<HTMLDivElement>(null);\n    const sliderRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (color) {\n            let rgb;\n\n            if (isValidRGBA(color)) {\n                rgb = splitRgb(color);\n            } else {\n                rgb = hexToRgb(color);\n            }\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b, a } = rgb;\n\n            setInternalOpacity(a);\n\n            const hsl = convertColorToHsl(`rgba(${r}, ${g}, ${b}, 1)`);\n            const match = hsl?.toString().match(/hsl\\((\\d+),\\s*([\\d.]+)%,\\s*([\\d.]+)%\\)/);\n\n            if (!match || !match[1]) {\n                return;\n            }\n\n            setHslColor(`hsl(${match[1]}, 100%, 50%)`);\n            setEditedValue(parseInt(match[1], 10));\n        }\n    }, [color]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            setEditedValue(Number(event.target.value));\n\n            const percentage = (Number(event.target.value) / 360) * 100;\n            const hue = (percentage / 100) * 360;\n            const saturation = 100;\n            const lightness = 50;\n\n            const hsl = `hsl(${hue}, ${saturation}%, ${lightness}%)`;\n            setHslColor(hsl);\n\n            if (typeof onChange === 'function') {\n                const rgb = hslToRgb255({ h: hue, s: 1, l: 0.5 });\n\n                if (!rgb) {\n                    return;\n                }\n\n                onChange(`rgba(${rgb.r}, ${rgb.g}, ${rgb.b}, ${opacity ?? internalOpacity})`, hsl);\n            }\n        },\n        [internalOpacity, onChange, opacity],\n    );\n\n    const sliderThumbPosition = useMemo(() => {\n        if (sliderRef.current && sliderThumbRef.current) {\n            return (\n                (editedValue / 360) *\n                (sliderRef.current.offsetWidth - sliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [editedValue]);\n\n    const handleStart = useCallback(() => {\n        void setRefreshScrollEnabled(false);\n\n        if (typeof onStart === 'function' && hslColor) {\n            const hsl = extractHsl(hslColor);\n\n            if (!hsl) {\n                return;\n            }\n\n            const rgb = hslToRgb255(hsl);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            onStart(`rgba(${r}, ${g}, ${b}, ${opacity ?? internalOpacity})`, hslColor);\n        }\n    }, [hslColor, internalOpacity, onStart, opacity]);\n\n    const handleEnd = useCallback(() => {\n        void setRefreshScrollEnabled(true);\n\n        if (typeof onEnd === 'function' && hslColor) {\n            const hsl = extractHsl(hslColor);\n\n            if (!hsl) {\n                return;\n            }\n\n            const rgb = hslToRgb255(hsl);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            onEnd(`rgba(${r}, ${g}, ${b}, ${opacity ?? internalOpacity})`, hslColor);\n        }\n    }, [hslColor, internalOpacity, onEnd, opacity]);\n\n    return useMemo(\n        () => (\n            <StyledHueSlider>\n                <StyledHueSliderInput\n                    ref={sliderRef}\n                    $color={hslColor}\n                    type=\"range\"\n                    min={0}\n                    max={360}\n                    value={editedValue}\n                    onChange={handleInputChange}\n                    onPointerDown={handleStart}\n                    onPointerUp={handleEnd}\n                />\n                <StyledHueSliderThumb\n                    ref={sliderThumbRef}\n                    $position={sliderThumbPosition}\n                    $color={hslColor}\n                />\n            </StyledHueSlider>\n        ),\n        [editedValue, handleEnd, handleInputChange, handleStart, hslColor, sliderThumbPosition],\n    );\n};\n\nHueSlider.displayName = 'HueSlider';\n\nexport default HueSlider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/transparency-slider/TransparencySlider.js

@@ -8,8 +8,7 @@ var _chaynsApi = require("chayns-api");
 var _react = _interopRequireWildcard(require("react"));
 var _color = require("../../utils/color");
 var _TransparencySlider = require("./TransparencySlider.styles");
-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; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
 const TransparencySlider = ({
   onChange,
   onStart,

package/lib/cjs/components/transparency-slider/TransparencySlider.js.map

@@ -1 +1 @@
-{"version":3,"file":"TransparencySlider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_color","_TransparencySlider","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","TransparencySlider","onChange","onStart","onEnd","color","editedValue","setEditedValue","useState","pureColor","setPureColor","previewColor","setPreviewColor","sliderThumbRef","useRef","sliderRef","useEffect","rgb","isValidRGBA","splitRgb","hexToRgb","g","b","newColor","handleInputChange","useCallback","event","Number","target","value","sliderThumbPosition","useMemo","current","offsetWidth","handleStart","setRefreshScrollEnabled","handleEnd","createElement","StyledTransparencySlider","StyledTransparencySliderInput","ref","$color","type","min","max","onPointerDown","onPointerUp","StyledTransparencySliderBackground","StyledTransparencySliderThumbWrapper","$position","StyledTransparencySliderThumbBackground","StyledTransparencySliderThumb","displayName","_default","exports"],"sources":["../../../../src/components/transparency-slider/TransparencySlider.tsx"],"sourcesContent":["import { setRefreshScrollEnabled } from 'chayns-api';\nimport React, { ChangeEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { hexToRgb, isValidRGBA, splitRgb } from '../../utils/color';\nimport {\n    StyledTransparencySlider,\n    StyledTransparencySliderBackground,\n    StyledTransparencySliderInput,\n    StyledTransparencySliderThumb,\n    StyledTransparencySliderThumbBackground,\n    StyledTransparencySliderThumbWrapper,\n} from './TransparencySlider.styles';\n\ninterface TransparencySliderProps {\n    /**\n     * The color that should be selected.\n     */\n    color?: string;\n    /**\n     * Function that will be executed when the opacity is changed.\n     */\n    onChange?: (color: string) => void;\n    /**\n     * Function that will be executed when the opacity is ending to change.\n     */\n    onEnd?: (color: string) => void;\n    /**\n     * Function that will be executed when the opacity is starting to change.\n     */\n    onStart?: (color: string) => void;\n}\n\nconst TransparencySlider = ({\n    onChange,\n    onStart,\n    onEnd,\n    color = 'rgba(255, 0, 0, 1)',\n}: TransparencySliderProps) => {\n    const [editedValue, setEditedValue] = useState(0);\n    const [pureColor, setPureColor] = useState<string>();\n    const [previewColor, setPreviewColor] = useState<string>();\n\n    const sliderThumbRef = useRef<HTMLDivElement>(null);\n    const sliderRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (color) {\n            let rgb;\n\n            if (isValidRGBA(color)) {\n                rgb = splitRgb(color);\n            } else {\n                rgb = hexToRgb(color);\n            }\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b, a } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n\n            setPreviewColor(newColor);\n            setPureColor(`rgb(${r},${g},${b},1)`);\n            setEditedValue(100 - a * 100);\n        }\n    }, [color]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const a = Number(event.target.value);\n\n            setEditedValue(a);\n\n            const rgb = splitRgb(pureColor);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${(100 - a) / 100})`;\n\n            setPreviewColor(newColor);\n\n            if (typeof onChange === 'function') {\n                onChange(newColor);\n            }\n        },\n        [onChange, pureColor],\n    );\n\n    const sliderThumbPosition = useMemo(() => {\n        if (sliderRef.current && sliderThumbRef.current) {\n            return (\n                (editedValue / 100) *\n                (sliderRef.current.offsetWidth - sliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [editedValue]);\n\n    const handleStart = useCallback(() => {\n        void setRefreshScrollEnabled(false);\n\n        if (typeof onStart === 'function') {\n            const rgb = splitRgb(pureColor);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${(100 - editedValue) / 100})`;\n\n            onStart(newColor);\n        }\n    }, [editedValue, onStart, pureColor]);\n\n    const handleEnd = useCallback(() => {\n        void setRefreshScrollEnabled(true);\n\n        if (typeof onEnd === 'function') {\n            const rgb = splitRgb(pureColor);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${(100 - editedValue) / 100})`;\n\n            onEnd(newColor);\n        }\n    }, [editedValue, onEnd, pureColor]);\n\n    return (\n        <StyledTransparencySlider>\n            <StyledTransparencySliderInput\n                ref={sliderRef}\n                $color={pureColor}\n                type=\"range\"\n                min={0}\n                max={100}\n                value={editedValue}\n                onPointerDown={handleStart}\n                onPointerUp={handleEnd}\n                onChange={handleInputChange}\n            />\n            <StyledTransparencySliderBackground />\n            <StyledTransparencySliderThumbWrapper\n                ref={sliderThumbRef}\n                $position={sliderThumbPosition}\n            >\n                <StyledTransparencySliderThumbBackground />\n                <StyledTransparencySliderThumb $color={previewColor} />\n            </StyledTransparencySliderThumbWrapper>\n        </StyledTransparencySlider>\n    );\n};\n\nTransparencySlider.displayName = 'TransparencySlider';\n\nexport default TransparencySlider;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"TransparencySlider.js","names":["_chaynsApi","require","_react","_interopRequireWildcard","_color","_TransparencySlider","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","TransparencySlider","onChange","onStart","onEnd","color","editedValue","setEditedValue","useState","pureColor","setPureColor","previewColor","setPreviewColor","sliderThumbRef","useRef","sliderRef","useEffect","rgb","isValidRGBA","splitRgb","hexToRgb","g","b","a","newColor","handleInputChange","useCallback","event","Number","target","value","sliderThumbPosition","useMemo","current","offsetWidth","handleStart","setRefreshScrollEnabled","handleEnd","createElement","StyledTransparencySlider","StyledTransparencySliderInput","ref","$color","type","min","max","onPointerDown","onPointerUp","StyledTransparencySliderBackground","StyledTransparencySliderThumbWrapper","$position","StyledTransparencySliderThumbBackground","StyledTransparencySliderThumb","displayName","_default","exports"],"sources":["../../../../src/components/transparency-slider/TransparencySlider.tsx"],"sourcesContent":["import { setRefreshScrollEnabled } from 'chayns-api';\nimport React, { ChangeEvent, useCallback, useEffect, useMemo, useRef, useState } from 'react';\nimport { hexToRgb, isValidRGBA, splitRgb } from '../../utils/color';\nimport {\n    StyledTransparencySlider,\n    StyledTransparencySliderBackground,\n    StyledTransparencySliderInput,\n    StyledTransparencySliderThumb,\n    StyledTransparencySliderThumbBackground,\n    StyledTransparencySliderThumbWrapper,\n} from './TransparencySlider.styles';\n\ninterface TransparencySliderProps {\n    /**\n     * The color that should be selected.\n     */\n    color?: string;\n    /**\n     * Function that will be executed when the opacity is changed.\n     */\n    onChange?: (color: string) => void;\n    /**\n     * Function that will be executed when the opacity is ending to change.\n     */\n    onEnd?: (color: string) => void;\n    /**\n     * Function that will be executed when the opacity is starting to change.\n     */\n    onStart?: (color: string) => void;\n}\n\nconst TransparencySlider = ({\n    onChange,\n    onStart,\n    onEnd,\n    color = 'rgba(255, 0, 0, 1)',\n}: TransparencySliderProps) => {\n    const [editedValue, setEditedValue] = useState(0);\n    const [pureColor, setPureColor] = useState<string>();\n    const [previewColor, setPreviewColor] = useState<string>();\n\n    const sliderThumbRef = useRef<HTMLDivElement>(null);\n    const sliderRef = useRef<HTMLInputElement>(null);\n\n    useEffect(() => {\n        if (color) {\n            let rgb;\n\n            if (isValidRGBA(color)) {\n                rgb = splitRgb(color);\n            } else {\n                rgb = hexToRgb(color);\n            }\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b, a } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${a})`;\n\n            setPreviewColor(newColor);\n            setPureColor(`rgb(${r},${g},${b},1)`);\n            setEditedValue(100 - a * 100);\n        }\n    }, [color]);\n\n    const handleInputChange = useCallback(\n        (event: ChangeEvent<HTMLInputElement>) => {\n            const a = Number(event.target.value);\n\n            setEditedValue(a);\n\n            const rgb = splitRgb(pureColor);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${(100 - a) / 100})`;\n\n            setPreviewColor(newColor);\n\n            if (typeof onChange === 'function') {\n                onChange(newColor);\n            }\n        },\n        [onChange, pureColor],\n    );\n\n    const sliderThumbPosition = useMemo(() => {\n        if (sliderRef.current && sliderThumbRef.current) {\n            return (\n                (editedValue / 100) *\n                (sliderRef.current.offsetWidth - sliderThumbRef.current.offsetWidth / 2)\n            );\n        }\n        return 0;\n    }, [editedValue]);\n\n    const handleStart = useCallback(() => {\n        void setRefreshScrollEnabled(false);\n\n        if (typeof onStart === 'function') {\n            const rgb = splitRgb(pureColor);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${(100 - editedValue) / 100})`;\n\n            onStart(newColor);\n        }\n    }, [editedValue, onStart, pureColor]);\n\n    const handleEnd = useCallback(() => {\n        void setRefreshScrollEnabled(true);\n\n        if (typeof onEnd === 'function') {\n            const rgb = splitRgb(pureColor);\n\n            if (!rgb) {\n                return;\n            }\n\n            const { r, g, b } = rgb;\n\n            const newColor = `rgba(${r}, ${g}, ${b}, ${(100 - editedValue) / 100})`;\n\n            onEnd(newColor);\n        }\n    }, [editedValue, onEnd, pureColor]);\n\n    return (\n        <StyledTransparencySlider>\n            <StyledTransparencySliderInput\n                ref={sliderRef}\n                $color={pureColor}\n                type=\"range\"\n                min={0}\n                max={100}\n                value={editedValue}\n                onPointerDown={handleStart}\n                onPointerUp={handleEnd}\n                onChange={handleInputChange}\n            />\n            <StyledTransparencySliderBackground />\n            <StyledTransparencySliderThumbWrapper\n                ref={sliderThumbRef}\n                $position={sliderThumbPosition}\n            >\n                <StyledTransparencySliderThumbBackground />\n                <StyledTransparencySliderThumb $color={previewColor} />\n            </StyledTransparencySliderThumbWrapper>\n        </StyledTransparencySlider>\n    );\n};\n\nTransparencySlider.displayName = 'TransparencySlider';\n\nexport default TransparencySlider;\n"],"mappings":"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","ignoreList":[]}

package/lib/cjs/components/transparency-slider/TransparencySlider.styles.js

@@ -19,9 +19,9 @@ const StyledTransparencySlider = exports.StyledTransparencySlider = _styledCompo
 const StyledTransparencySliderBackground = exports.StyledTransparencySliderBackground = _styledComponents.default.div`
     height: 10px;
     background-color: #fff;
-    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),
-        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),
-        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
+    background-image:
+        linear-gradient(45deg, #a0a0a0 25%, #0000 0), linear-gradient(-45deg, #a0a0a0 25%, #0000 0),
+        linear-gradient(45deg, #0000 75%, #a0a0a0 0), linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
     background-position:
         0 0,
         0 4px,
@@ -96,9 +96,9 @@ const StyledTransparencySliderThumbWrapper = exports.StyledTransparencySliderThu
 const StyledTransparencySliderThumbBackground = exports.StyledTransparencySliderThumbBackground = _styledComponents.default.div`
     position: absolute;
     background-color: #fff;
-    background-image: linear-gradient(45deg, #a0a0a0 25%, #0000 0),
-        linear-gradient(-45deg, #a0a0a0 25%, #0000 0), linear-gradient(45deg, #0000 75%, #a0a0a0 0),
-        linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
+    background-image:
+        linear-gradient(45deg, #a0a0a0 25%, #0000 0), linear-gradient(-45deg, #a0a0a0 25%, #0000 0),
+        linear-gradient(45deg, #0000 75%, #a0a0a0 0), linear-gradient(-45deg, #0000 75%, #a0a0a0 0);
     background-position:
         0 0,
         0 4px,