@chayns-components/color-picker 5.0.0-beta.686 → 5.0.0-beta.694

package/lib/types/components/color-picker/ColorPicker.styles.d.ts

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

package/lib/types/components/color-picker/color-picker-wrapper/ColorPickerWrapper.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 export declare const StyledColorPickerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledColorPickerWrapperInfo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -11,7 +10,7 @@ type StyledColorPickerWrapperInfoColorWrapperProps = WithTheme<{
 export declare const StyledColorPickerWrapperInfoColorWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledColorPickerWrapperInfoColorWrapperProps>> & string;
 export declare const StyledColorPickerWrapperInfoColorBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledColorPickerWrapperInfoColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, StyledColorPickerWrapperInfoColorProps>, never>> & string;
 export declare const StyledColorPickerWrapperInfoText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     theme: import("@chayns-components/core/lib/types/components/color-scheme-provider/ColorSchemeProvider").Theme;

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/ColorPickerPopup.styles.d.ts

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

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/color-area/ColorArea.styles.d.ts

@@ -1,5 +1,3 @@
-/// <reference types="react" />
-/// <reference types="react" />
 export declare const StyledColorArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledColorAreaCanvas: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").CanvasHTMLAttributes<HTMLCanvasElement>, HTMLCanvasElement>, never>> & string;
 export declare const StyledColorAreaPseudo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -64,12 +62,12 @@ export declare const StyledMotionColorAreaPointer: import("styled-components/dis
     "aria-colindextext"?: string | undefined;
     "aria-colspan"?: number | undefined;
     "aria-controls"?: string | undefined;
-    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "location" | "date" | undefined;
+    "aria-current"?: boolean | "time" | "true" | "false" | "step" | "page" | "date" | "location" | undefined;
     "aria-describedby"?: string | undefined;
     "aria-description"?: string | undefined;
     "aria-details"?: string | undefined;
     "aria-disabled"?: (boolean | "true" | "false") | undefined;
-    "aria-dropeffect"?: "link" | "none" | "copy" | "move" | "execute" | "popup" | undefined;
+    "aria-dropeffect"?: "link" | "none" | "copy" | "execute" | "move" | "popup" | undefined;
     "aria-errormessage"?: string | undefined;
     "aria-expanded"?: (boolean | "true" | "false") | undefined;
     "aria-flowto"?: string | undefined;
@@ -264,5 +262,5 @@ export declare const StyledMotionColorAreaPointer: import("styled-components/dis
     onTransitionEnd?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLDivElement> | undefined;
 } & import("framer-motion").MotionProps & import("react").RefAttributes<HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, never>> & string & Omit<import("framer-motion").ForwardRefComponent<HTMLDivElement, import("framer-motion").HTMLMotionProps<"div">>, keyof import("react").Component<any, {}, any>>;

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/more-options/MoreOptions.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 export declare const StyledMoreOptions: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledMoreOptionsInputWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/preset-colors/PresetColors.styles.d.ts

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

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/preset-colors/preset-button/PresetButton.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 type StyledPresetButtonProps = WithTheme<{
     $isDisabled: boolean;

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/preset-colors/preset-color/PresetColor.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 type StyledPresetColorProps = WithTheme<{
     $isSelected?: boolean;

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/Sliders.styles.d.ts

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

package/lib/types/components/color-picker/color-picker-wrapper/color-picker-popup/sliders/color-preview/ColorPreview.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { WithTheme } from '@chayns-components/core';
 export declare const StyledColorPreview: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 export declare const StyledColorPreviewBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
@@ -6,6 +5,6 @@ type StyledColorPreviewColorProps = WithTheme<{
     $color?: string;
 }>;
 export declare const StyledColorPreviewColor: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, StyledColorPreviewColorProps>, never>> & string;
 export {};

package/lib/types/components/hue-slider/HueSlider.styles.d.ts

@@ -10,6 +10,6 @@ type StyledHueSliderThumbProps = WithTheme<{
     $color: CSSProperties['color'];
 }>;
 export declare const StyledHueSliderThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, StyledHueSliderThumbProps>, never>> & string;
 export {};

package/lib/types/components/transparency-slider/TransparencySlider.styles.d.ts

@@ -6,19 +6,19 @@ type StyledTransparencySliderInputProps = WithTheme<{
     $color?: string;
 }>;
 export declare const StyledTransparencySliderInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, Omit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "ref"> & {
-    ref?: ((instance: HTMLInputElement | null) => void) | import("react").RefObject<HTMLInputElement> | null | undefined;
+    ref?: ((instance: HTMLInputElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLInputElement> | null | undefined;
 }>, StyledTransparencySliderInputProps>, never>> & string;
 type StyledTransparencySliderThumbWrapperProps = WithTheme<{
     $position: number;
 }>;
 export declare const StyledTransparencySliderThumbWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, StyledTransparencySliderThumbWrapperProps>, never>> & string;
 export declare const StyledTransparencySliderThumbBackground: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
 type StyledTransparencySliderThumbProps = WithTheme<{
     $color: CSSProperties['color'];
 }>;
 export declare const StyledTransparencySliderThumb: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
+    ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }>, StyledTransparencySliderThumbProps>, never>> & string;
 export {};

package/lib/types/utils/color.d.ts

@@ -18,13 +18,13 @@ export declare const getCoordinatesFromColor: ({ canvas, color, tolerance, }: Ge
 } | null;
 export declare const isValidRGBA: (rgbaString: string) => boolean;
 export declare const convertColorToHsl: (color: string) => string | undefined;
-export declare const rgbToHsv: (color: CSSProperties['color']) => import("@chayns/colors/lib/types/hsv").HSV | import("@chayns/colors/lib/types/hsv").HSVA | null;
+export declare const rgbToHsv: (color: CSSProperties["color"]) => import("@chayns/colors/lib/types/hsv").HSV | import("@chayns/colors/lib/types/hsv").HSVA | null;
 export declare const extractHsl: (hsl: string) => {
     h: number;
     s: number;
     l: number;
 } | null;
-export declare const splitRgb: (color: CSSProperties['color']) => null | RGBA;
+export declare const splitRgb: (color: CSSProperties["color"]) => null | RGBA;
 export declare const extractRgbValues: (rgbString: string) => RGBA;
 export declare const hexToRgb: (hex: string) => RGBA;
 export declare const rgbToHex: ({ r, g, b, a }: RGBA) => string;

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/color-picker",
-    "version": "5.0.0-beta.686",
+    "version": "5.0.0-beta.694",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -49,25 +49,25 @@
         "url": "https://github.com/TobitSoftware/chayns-components/issues"
     },
     "devDependencies": {
-        "@babel/cli": "^7.24.6",
-        "@babel/core": "^7.24.6",
-        "@babel/preset-env": "^7.24.6",
-        "@babel/preset-react": "^7.24.6",
-        "@babel/preset-typescript": "^7.24.6",
+        "@babel/cli": "^7.24.8",
+        "@babel/core": "^7.24.9",
+        "@babel/preset-env": "^7.24.8",
+        "@babel/preset-react": "^7.24.7",
+        "@babel/preset-typescript": "^7.24.7",
         "@types/react": "^18.3.3",
         "@types/react-dom": "^18.3.0",
         "@types/styled-components": "^5.1.34",
         "@types/uuid": "^9.0.8",
         "babel-loader": "^9.1.3",
         "cross-env": "^7.0.3",
-        "lerna": "^8.1.3",
+        "lerna": "^8.1.6",
         "react": "^18.3.1",
         "react-dom": "^18.3.1",
         "styled-components": "^6.1.11",
-        "typescript": "^5.4.5"
+        "typescript": "^5.5.3"
     },
     "dependencies": {
-        "@chayns-components/core": "^5.0.0-beta.686",
+        "@chayns-components/core": "^5.0.0-beta.694",
         "@chayns/colors": "^2.0.0"
     },
     "peerDependencies": {
@@ -80,5 +80,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "90360c2ae4d29e39e0e220b7c36df89385be128b"
+    "gitHead": "53f4f7c8fdabf8493b09818872eb8fc7ce132550"
 }