react-iro-gradient-picker 1.1.7 → 1.2.3

package/dist/lib/types/types.d.ts

@@ -1,6 +1,17 @@
 import { ReactText } from 'react';
+export interface IGradientStop {
+    color: string;
+    position: number;
+}
+export interface IGradientData {
+    type: 'linear' | 'radial';
+    angle?: number;
+    stops: IGradientStop[];
+    defaultActiveTab?: 'gradient';
+}
+export type TValueProp = string | IGradientData;
 export interface IPropsComp {
-    value: string;
+    value: TValueProp;
     format?: 'rgb' | 'hsl' | 'hex';
     debounceMS?: number;
     debounce?: boolean;
@@ -20,6 +31,38 @@ export interface IPropsComp {
     showReset?: boolean;
     onReset?: () => void;
 }
+export interface IPropsSolid {
+    value: string;
+    format?: 'rgb' | 'hsl' | 'hex';
+    debounceMS?: number;
+    debounce?: boolean;
+    showAlpha?: boolean;
+    showInputs?: boolean;
+    colorBoardHeight?: number;
+    defaultColors?: string[];
+    onChange?: (value: string) => void;
+    showReset?: boolean;
+    onReset?: () => void;
+}
+export interface IPropsGradient {
+    value: string;
+    format?: 'rgb' | 'hsl' | 'hex';
+    debounceMS?: number;
+    debounce?: boolean;
+    showAlpha?: boolean;
+    showInputs?: boolean;
+    showGradientResult?: boolean;
+    showGradientStops?: boolean;
+    showGradientMode?: boolean;
+    showGradientAngle?: boolean;
+    showGradientPosition?: boolean;
+    allowAddGradientStops?: boolean;
+    colorBoardHeight?: number;
+    defaultColors?: string[];
+    onChange?: (value: string) => void;
+    showReset?: boolean;
+    onReset?: () => void;
+}
 export interface IPropsMain extends IPropsComp {
     gradient?: boolean;
     solid?: boolean;

package/dist/utils/gradient/gradientConverter.d.ts

@@ -0,0 +1,17 @@
+import { IGradientData } from '../../lib/types';
+/**
+ * Convert gradient object to CSS gradient string
+ */
+export declare function gradientObjectToCss(gradientData: IGradientData): string;
+/**
+ * Convert CSS gradient string to gradient object
+ */
+export declare function cssToGradientObject(cssGradient: string): IGradientData | null;
+/**
+ * Check if a value is a gradient object
+ */
+export declare function isGradientObject(value: any): value is IGradientData;
+/**
+ * Normalize value to always return a CSS gradient string
+ */
+export declare function normalizeGradientValue(value: string | IGradientData): string;

package/dist/utils/gradient/index.d.ts

@@ -0,0 +1 @@
+export * from './gradientConverter';

package/dist/utils/index.d.ts

@@ -1,4 +1,5 @@
 export * from './cn';
 export * from './color';
 export * from './format';
+export * from './gradient';
 export * from './validation';

package/dist/utils/validation/validGradient.d.ts

@@ -11,5 +11,5 @@ interface IParsedGraient {
     sideCorner?: string;
     parseWarning?: boolean;
 }
-declare const _default: (input: string) => string | IParsedGraient;
+declare const _default: (input: string) => IParsedGraient | string;
 export default _default;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-iro-gradient-picker",
-  "version": "1.1.7",
+  "version": "1.2.3",
   "description": "Modern React gradient and solid color picker with complete dark theme support, built with TypeScript and Tailwind CSS",
   "keywords": [
     "react",