customizable-gradient-picker 1.1.0

package/dist/components/delete-stop/index.d.ts

@@ -0,0 +1,10 @@
+import { Icon } from '../../types';
+export type DeleteStopClassNames = {
+    button: string;
+    icon: string;
+};
+export type DeleteStopProps = {
+    icon?: Icon;
+    classNames?: Partial<DeleteStopClassNames>;
+};
+export declare const DeleteStop: ({ icon, classNames }: DeleteStopProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/eye-dropper/index.d.ts

@@ -0,0 +1,11 @@
+import { Icon } from '../../types';
+export type EyeDropperClassNames = {
+    button?: string;
+    active?: string;
+    icon?: string;
+};
+export type EyeDropperProps = {
+    classNames?: Partial<EyeDropperClassNames>;
+    icon?: Icon;
+};
+export declare const EyeDropper: ({ classNames, icon }: EyeDropperProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/gradient-formats/const.d.ts

@@ -0,0 +1,3 @@
+import { FC, SVGProps } from 'react';
+import { GradientFormats } from '.';
+export declare const GRADIENT_FORMATS: Record<GradientFormats, FC<SVGProps<SVGSVGElement>>>;

package/dist/components/gradient-formats/index.d.ts

@@ -0,0 +1,19 @@
+import { Icon } from '../../types';
+export type GradientFormats = 'linear-gradient' | 'radial-gradient' | 'conic-gradient';
+export type GradientFormatsButtonClassNames = {
+    base: string;
+    activeBase: string;
+    icon: string;
+};
+export type GradientFormatsClassNames = {
+    wrapper?: string;
+    button?: GradientFormatsButtonClassNames;
+    buttons?: Record<GradientFormats, Partial<GradientFormatsButtonClassNames>>;
+};
+export type GradientFormatsProps = {
+    allowedFormats?: GradientFormats[];
+    classNames?: Partial<GradientFormatsClassNames>;
+    icons?: Partial<Record<GradientFormats, Icon>>;
+};
+export declare const PickGradientFormats: ({ allowedFormats, icons, classNames, }: GradientFormatsProps) => import("react/jsx-runtime").JSX.Element;
+export * from './const';

package/dist/components/gradient-preview/index.d.ts

@@ -0,0 +1,4 @@
+export type GradientPreviewProps = {
+    className?: string;
+};
+export declare const GradientPreview: ({ className }: GradientPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/gradient-slider/const.d.ts

@@ -0,0 +1 @@
+export declare const MIN_GAP = 4;

package/dist/components/gradient-slider/helpers.d.ts

@@ -0,0 +1,28 @@
+import { CSSProperties } from 'react';
+import { Stop, Stops } from '../../types';
+export declare const STOP_SIZE = 24;
+export declare const R: number;
+export declare const makeId: () => string;
+export declare const stopGap: (pos: number, all: Array<{
+    position: number;
+}>, minGap?: number) => number;
+export declare const leftPxFromPercent: (posPct: number, width: number) => number;
+type BlockState = Nullable<{
+    neighborId: string;
+    dir: -1 | 1;
+}>;
+export declare const applyJump: (rawPos: number, activeStopId: string, stops: Stops, lastRawPos: Nullable<number>, block: BlockState) => {
+    pos: number;
+    block: {
+        neighborId: string;
+        dir: -1 | 1;
+    };
+} | {
+    pos: number;
+    block: null;
+};
+export declare const getStopInnerStyle: (stop: Stop) => CSSProperties;
+export declare const sameIds: (a?: string[], b?: string[]) => boolean;
+export declare const normalizeGradientString: (v: string) => string;
+export declare const stopsEquivalentIgnoringIds: (a: Stops | null | undefined, b: Stops | null | undefined) => boolean;
+export {};

package/dist/components/gradient-slider/index.d.ts

@@ -0,0 +1,11 @@
+export type GradientSliderClassNames = {
+    wrapper: string;
+    stop: string;
+    stops: string[];
+};
+export type GradientSliderProps = {
+    classNames?: Partial<GradientSliderClassNames>;
+};
+export declare const GradientSlider: import('react').MemoExoticComponent<({ classNames }: GradientSliderProps) => import("react/jsx-runtime").JSX.Element>;
+export * from './helpers';
+export * from './const';

package/dist/components/gradient-string/index.d.ts

@@ -0,0 +1,13 @@
+import { Icon } from '../../types';
+export type GradientStringClassNames = {
+    wrapper?: string;
+    text?: string;
+    copyButton?: string;
+    copyIcon?: string;
+};
+export type GradientStringProps = {
+    classNames?: GradientStringClassNames;
+    icon?: Icon;
+    onCopyClick?: VoidFunction;
+};
+export declare const GradientString: import('react').MemoExoticComponent<({ classNames, icon, onCopyClick }: GradientStringProps) => import("react/jsx-runtime").JSX.Element>;

package/dist/components/hex-input/helpers.d.ts

@@ -0,0 +1 @@
+export declare const HEX_VALID_RE: RegExp;

package/dist/components/hex-input/index.d.ts

@@ -0,0 +1,14 @@
+import { Icon, IconedButtonClassName } from '../../types';
+export type HexInputClassNames = {
+    copy?: IconedButtonClassName;
+    prefix?: string;
+    input?: string;
+    wrapper?: string;
+};
+export type HexInputProps = {
+    classNames?: HexInputClassNames;
+    copyIcon?: Icon;
+    onCopyClick?: VoidFunction;
+};
+export declare const HexInput: ({ classNames, copyIcon, onCopyClick }: HexInputProps) => import("react/jsx-runtime").JSX.Element;
+export * from './helpers';

package/dist/components/hex-preview/index.d.ts

@@ -0,0 +1,4 @@
+export type HexPreviewProps = {
+    className?: string;
+};
+export declare const HexPreview: ({ className }: HexPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/hue-slider/const.d.ts

@@ -0,0 +1 @@
+export declare const HUE_MAX = 359.999;

package/dist/components/hue-slider/index.d.ts

@@ -0,0 +1,10 @@
+export type HueSliderClassNames = {
+    wrapper: string;
+    thumb: string;
+    canvas: string;
+};
+export type HueSliderProps = {
+    classNames?: Partial<HueSliderClassNames>;
+};
+export declare const HueSlider: ({ classNames }: HueSliderProps) => import("react/jsx-runtime").JSX.Element;
+export * from './const';

package/dist/components/index.d.ts

@@ -0,0 +1,16 @@
+export * from './color-square';
+export * from './hue-slider';
+export * from './delete-stop';
+export * from './eye-dropper';
+export * from './stop-position';
+export * from './alpha-slider';
+export * from './alpha-input';
+export * from './angle-input';
+export * from './gradient-slider';
+export * from './gradient-formats';
+export * from './gradient-preview';
+export * from './gradient-string';
+export * from './hex-input';
+export * from './hex-preview';
+export * from './rgba-input';
+export * from './rgba-preview';

package/dist/components/render-icon.d.ts

@@ -0,0 +1,2 @@
+import { ReactNode } from 'react';
+export declare const renderIcon: (icon: Maybe<Nullable<Icon>>, fallback: ReactNode, className: string) => any;

package/dist/components/rgba-input/const.d.ts

@@ -0,0 +1,2 @@
+export type Channel = 'r' | 'g' | 'b' | 'a';
+export declare const CHANNELS: Channel[];

package/dist/components/rgba-input/helpers.d.ts

@@ -0,0 +1,5 @@
+import { Channel } from './const';
+export declare const getChannelFromRgba: (rgba: string, channel: "r" | "g" | "b" | "a") => number;
+export declare const getChannelsFromRgba: (rgba: string) => Record<"r" | "g" | "b" | "a", number>;
+export declare const updateRgbaChannel: (rgba: string, channel: "r" | "g" | "b" | "a") => (value: number) => string;
+export declare const channelsEqual: (a: Record<Channel, number>, b: Record<Channel, number>) => boolean;

package/dist/components/rgba-input/index.d.ts

@@ -0,0 +1,28 @@
+import { Channel } from './const';
+import { Icon } from '../../types';
+type Icons = 'increment' | 'decrement';
+type ButtonClassNames = {
+    button: string;
+    icon: string;
+};
+type InputClassNames = {
+    wrapper: string;
+    field: string;
+    steppers: {
+        wrapper: string;
+        increment: ButtonClassNames;
+        decrement: ButtonClassNames;
+    };
+};
+export type RgbaInputClassNames = {
+    wrapper: string;
+    input: InputClassNames;
+    inputs: Record<Channel, InputClassNames>;
+};
+export type RgbaInputProps = {
+    classNames?: Partial<RgbaInputClassNames>;
+    icons?: Record<Icons, Icon>;
+};
+export declare const RgbaInput: ({ classNames, icons }: RgbaInputProps) => import("react/jsx-runtime").JSX.Element;
+export * from './helpers';
+export * from './const';

package/dist/components/rgba-preview/index.d.ts

@@ -0,0 +1,4 @@
+export type RgbaPreviewProps = {
+    className?: string;
+};
+export declare const RgbaPreview: ({ className }: RgbaPreviewProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/stop-position/helpers.d.ts

@@ -0,0 +1,6 @@
+export declare const enforceGapWithEdge: (pos: number, others: Array<{
+    position: number;
+}>, gap: number) => number;
+export declare const makePositionsSignature: (stops: Record<string, {
+    position: number;
+}>) => string;

package/dist/components/stop-position/index.d.ts

@@ -0,0 +1,33 @@
+import { Icon } from '../../types';
+type ButtonClassNames = {
+    button: string;
+    icon: string;
+};
+export type StopPositionClassNames = {
+    wrapper?: string;
+    label?: string;
+    inputWrapper?: string;
+    input?: string;
+    baseIcon?: string;
+    suffix?: string;
+    steppers?: {
+        wrapper?: string;
+        increment?: ButtonClassNames;
+        decrement?: ButtonClassNames;
+    };
+};
+export type StopPositionProps = {
+    classNames?: StopPositionClassNames;
+    label?: Nullable<string>;
+    icons?: {
+        base?: Icon;
+        increment?: Icon;
+        decrement?: Icon;
+    };
+    hideLabel?: boolean;
+    hideSuffix?: boolean;
+    hideSteppers?: boolean;
+    suffix?: string;
+};
+export declare const StopPosition: ({ classNames, label, suffix, icons, hideLabel, hideSuffix, hideSteppers, }: StopPositionProps) => import("react/jsx-runtime").JSX.Element | null;
+export * from './helpers';

package/dist/const.d.ts

@@ -0,0 +1,2 @@
+import { Stops } from './types';
+export declare const INITIAL_STOPS: Stops;

package/dist/context/color-provider.d.ts

@@ -0,0 +1,8 @@
+import { default as React } from 'react';
+export declare const ColorProvider: (props: {
+    hue: number;
+    rgba: string;
+    setHue: React.Dispatch<React.SetStateAction<number>>;
+    setRgba: React.Dispatch<React.SetStateAction<string>>;
+    children: React.ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/context/color.d.ts

@@ -0,0 +1,5 @@
+import { Dispatch, SetStateAction } from 'react';
+export declare const HueContext: import('react').Context<number>;
+export declare const RgbaContext: import('react').Context<string>;
+export declare const SetHueContext: import('react').Context<Dispatch<SetStateAction<number>>>;
+export declare const SetRgbaContext: import('react').Context<Dispatch<SetStateAction<string>>>;

package/dist/context/compose.d.ts

@@ -0,0 +1,30 @@
+import { Dispatch, SetStateAction, ReactNode } from 'react';
+import { GradientPrefixes } from '.';
+import { GradientFormats } from '../components';
+import { Stops } from '../types';
+export declare const GradientPickerProviders: (props: {
+    rgba: string;
+    hue: number;
+    setRgba: Dispatch<SetStateAction<string>>;
+    setHue: Dispatch<SetStateAction<number>>;
+    format: GradientFormats;
+    prefixes: GradientPrefixes;
+    angle: number;
+    gradient: string;
+    updateDelay?: number;
+    setFormat: Dispatch<SetStateAction<GradientFormats>>;
+    setPrefixes: Dispatch<SetStateAction<GradientPrefixes>>;
+    setAngle: Dispatch<SetStateAction<number>>;
+    setGradient: (g: string) => void;
+    activeStopId: string | null;
+    stops: Stops;
+    stopsOrder: string[];
+    draggingStopId: string | null;
+    draftPosition: number | null;
+    setActiveStopId: Dispatch<SetStateAction<string | null>>;
+    setStops: Dispatch<SetStateAction<Stops>>;
+    setStopsOrder: Dispatch<SetStateAction<string[]>>;
+    setDraggingStopId: Dispatch<SetStateAction<string | null>>;
+    setDraftPosition: Dispatch<SetStateAction<number | null>>;
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/context/gradient-provider.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { GradientPrefixes } from './gradient';
+import { GradientFormats } from '../components';
+export declare function GradientMetaProvider(props: {
+    format: GradientFormats;
+    prefixes: GradientPrefixes;
+    angle: number;
+    gradient: string;
+    updateDelay?: number;
+    setFormat: React.Dispatch<React.SetStateAction<GradientFormats>>;
+    setPrefixes: React.Dispatch<React.SetStateAction<GradientPrefixes>>;
+    setAngle: React.Dispatch<React.SetStateAction<number>>;
+    setGradient: (g: string) => void;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/context/gradient.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { GradientFormats } from '../components';
+export type GradientPrefixes = Record<GradientFormats, string>;
+export declare const FormatContext: import('react').Context<GradientFormats>;
+export declare const SetFormatContext: import('react').Context<Dispatch<SetStateAction<GradientFormats>>>;
+export declare const PrefixesContext: import('react').Context<GradientPrefixes>;
+export declare const SetPrefixesContext: import('react').Context<Dispatch<SetStateAction<GradientPrefixes>>>;
+export declare const AngleContext: import('react').Context<number>;
+export declare const SetAngleContext: import('react').Context<Dispatch<SetStateAction<number>>>;
+export declare const GradientContext: import('react').Context<string>;
+export declare const SetGradientContext: import('react').Context<(g: string) => void>;
+export declare const UpdateDelayContext: import('react').Context<number>;

package/dist/context/index.d.ts

@@ -0,0 +1,7 @@
+export * from './color';
+export * from './color-provider';
+export * from './gradient';
+export * from './gradient-provider';
+export * from './stops';
+export * from './stops-provider';
+export * from './compose';

package/dist/context/stops-provider.d.ts

@@ -0,0 +1,15 @@
+import { default as React } from 'react';
+import { Stops } from '../types';
+export declare function StopsProvider(props: {
+    activeStopId: string | null;
+    stops: Stops;
+    stopsOrder: string[];
+    draggingStopId: string | null;
+    draftPosition: number | null;
+    setActiveStopId: React.Dispatch<React.SetStateAction<string | null>>;
+    setStops: React.Dispatch<React.SetStateAction<Stops>>;
+    setStopsOrder: React.Dispatch<React.SetStateAction<string[]>>;
+    setDraggingStopId: React.Dispatch<React.SetStateAction<string | null>>;
+    setDraftPosition: React.Dispatch<React.SetStateAction<number | null>>;
+    children: React.ReactNode;
+}): import("react/jsx-runtime").JSX.Element;

package/dist/context/stops.d.ts

@@ -0,0 +1,12 @@
+import { Dispatch, SetStateAction } from 'react';
+import { Stops } from '../types';
+export declare const ActiveStopIdContext: import('react').Context<Nullable<string>>;
+export declare const SetActiveStopIdContext: import('react').Context<Dispatch<SetStateAction<Nullable<string>>>>;
+export declare const StopsContext: import('react').Context<Stops>;
+export declare const SetStopsContext: import('react').Context<Dispatch<SetStateAction<Stops>>>;
+export declare const StopsOrderContext: import('react').Context<string[]>;
+export declare const SetStopsOrderContext: import('react').Context<Dispatch<SetStateAction<string[]>>>;
+export declare const DraggingStopIdContext: import('react').Context<Nullable<string>>;
+export declare const SetDraggingStopIdContext: import('react').Context<Dispatch<SetStateAction<Nullable<string>>>>;
+export declare const DraftPositionContext: import('react').Context<Nullable<number>>;
+export declare const SetDraftPositionContext: import('react').Context<Dispatch<SetStateAction<Nullable<number>>>>;

package/dist/helpers/color.d.ts

@@ -0,0 +1,46 @@
+export declare const clamp01: (n: number) => number;
+export declare const hsvToRgb: (h: number, s: number, v: number) => {
+    r: number;
+    g: number;
+    b: number;
+};
+export declare const rgbToHsv: (r: number, g: number, b: number) => {
+    h: number;
+    s: number;
+    v: number;
+};
+export declare const normalizeHex: (hex: string) => string;
+export declare const rgbToHex: (r: number, g: number, b: number) => string;
+export declare const normalizeHue: (h: unknown) => number;
+export declare const clampByte: (n: number) => number;
+export declare const rgbToRgbaString: (r: number, g: number, b: number, a: number) => string;
+export declare const parseRgbaString: (value: string) => {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+} | null;
+export declare const rgbaToHue: (rgba: string) => number;
+export declare const rgbaWithHue: (rgba: string, nextHue: number) => string;
+export declare const rgbToHue: (r: number, g: number, b: number) => number;
+export declare const alphaFromRgba: (rgba: string) => number;
+export declare const valueFromClientX: (clientX: number, rect: DOMRect) => number;
+export declare const thumbLeftFromValue: (value01: number, width: number) => number;
+export type Rgb = {
+    r: number;
+    g: number;
+    b: number;
+};
+export type Rgba = {
+    r: number;
+    g: number;
+    b: number;
+    a: number;
+};
+export declare const hexToRgb: (hex: string) => Nullable<Rgb>;
+export declare const rgbaToHex: (rgba: string) => Nullable<string>;
+export declare const hexToRgbaParts: (hex: string) => Nullable<Rgba>;
+export declare const isGrayRgb: (r: number, g: number, b: number) => boolean;
+export declare const hexToRgba: (hex: string) => Nullable<string>;
+export declare const rgbaToHex8: (rgba: string) => Nullable<string>;
+export declare const rgbaStringsEqual: (a: string | null | undefined, b: string | null | undefined) => boolean;

package/dist/helpers/function.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Debounces a function call.
+ * @param fn The function to debounce.
+ * @param delay The debounce delay in milliseconds. Default is 500ms.
+ * @param key The unique key for the debounce timer.
+ */
+export declare const debounce: (fn: () => void, delay?: number, key?: string) => void;
+export declare const getDefaultValue: (defaultGradient?: string) => import('../store').GradientPickerStore;

package/dist/helpers/gradient.d.ts

@@ -0,0 +1,19 @@
+import { GradientFormats } from '../components';
+import { Stops } from '../types';
+export type ParsedGradient = {
+    format: GradientFormats;
+    prefix: string;
+    stops: Stops;
+};
+export declare const parseGradientToStops: (gradient: string) => ParsedGradient | null;
+export declare const buildGradient: (stops: Array<{
+    position: number;
+    color: string;
+}>, opts: {
+    format: GradientFormats;
+    angle?: number;
+    prefix?: string;
+}) => string;
+export declare const huePreserveGray: (rgba: string, prevHue: number) => number;
+export declare const clampN: (n: number, a: number, b: number) => number;
+export declare const orderIdsByPosition: (stopsMap: Stops | null | undefined) => string[];

package/dist/helpers/index.d.ts

@@ -0,0 +1,6 @@
+export * from './color';
+export * from './function';
+export * from './gradient';
+export * from './number';
+export * from './string';
+export * from './styles';

package/dist/helpers/number.d.ts

@@ -0,0 +1 @@
+export declare const clamp: (n: number, a: number, b: number) => number;

package/dist/helpers/string.d.ts

@@ -0,0 +1,2 @@
+export declare function cn(...classes: Maybe<Nullable<string | false>>[]): string;
+export declare function uuidv4(): string;

package/dist/helpers/styles.d.ts

@@ -0,0 +1 @@
+export declare function injectStyle(id: string, css: string): void;

package/dist/hooks/gradient/helpers.d.ts

@@ -0,0 +1,9 @@
+import { StopsRecord } from './types';
+import { GradientPickerStoreState } from '../../store';
+export declare const isHex: (v: string) => boolean;
+export declare const isRgba: (v: string) => boolean;
+export declare const coerceToRgba: (color: string) => string;
+export declare const nextStopId: (existingIds: string[]) => string;
+export declare const ensureOrder: (stops: StopsRecord) => string[];
+export declare const parseLinearAngle: (g: string) => number | null;
+export declare const buildGradientString: (state: GradientPickerStoreState) => string;

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

@@ -0,0 +1,4 @@
+import { Return } from './types';
+export declare const useGradient: (defaultGradient?: string, onGradientChange?: (gradient: string) => void) => Return;
+export * from './helpers';
+export * from './types';

package/dist/hooks/gradient/types.d.ts

@@ -0,0 +1,53 @@
+import { GradientFormats } from '../../components';
+import { GradientPickerStore } from '../../store';
+export type StopItem = {
+    position: number;
+    id: string;
+    hex: string;
+    rgbaString: string;
+    rgba: Record<'r' | 'g' | 'b' | 'a', number>;
+    opacity: number;
+};
+export type ColorType = 'hex' | 'rgba';
+export type Return = {
+    store: GradientPickerStore;
+    stops: StopItem[];
+    activeStopId: Nullable<string>;
+    activeStopPosition: number;
+    angle: number;
+    format: GradientFormats;
+    isDragging: boolean;
+    recentlyUsedColors: string[];
+    libraryColors: string[];
+    hex: string;
+    rgba: string;
+    rgbaString: string;
+    gradientString: string;
+    opacity: number;
+    setR: (r: number) => void;
+    setG: (g: number) => void;
+    setB: (b: number) => void;
+    setA: (a: number) => void;
+    setHex: (hex: string) => void;
+    setAngle: (angle: number) => void;
+    setFormat: (format: GradientFormats) => void;
+    setOpacity: (opacity: number) => void;
+    setStopColor: (id: string, color: string) => void;
+    setActiveStop: (id: string) => void;
+    setStopPosition: (id: string, position: number) => void;
+    setLibraryColors: (colors: string[]) => void;
+    setRecentlyUsedColors: (colors: string[]) => void;
+    addStop: (position: number, color: string) => void;
+    addColorToLibrary: (color: string) => void;
+    addColorToRecentlyUsed: (color: string) => void;
+    removeStop: (id: string) => void;
+    removeColorFromLibrary: (color: string) => void;
+    removeColorFromRecentlyUsed: (color: string) => void;
+    convertColor: (from: ColorType, to: ColorType, value: string) => string;
+};
+export type StopRecord = {
+    id: string;
+    position: number;
+    color: string;
+};
+export type StopsRecord = Record<string, StopRecord>;

package/dist/hooks/index.d.ts

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

package/dist/icons/angle-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const AngleIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/bin-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const BinIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/chevron-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ChevronIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/clipboard-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ClipboardIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/conic-gradient-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const ConicGradientIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/dropper-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const DropperIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/index.d.ts

@@ -0,0 +1,8 @@
+export * from './bin-icon';
+export * from './conic-gradient-icon';
+export * from './linear-gradient-icon';
+export * from './radial-gradient-icon';
+export * from './dropper-icon';
+export * from './angle-icon';
+export * from './chevron-icon';
+export * from './clipboard-icon';

package/dist/icons/linear-gradient-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const LinearGradientIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/icons/radial-gradient-icon.d.ts

@@ -0,0 +1,2 @@
+import { SVGProps } from 'react';
+export declare const RadialGradientIcon: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;

package/dist/index.d.ts

@@ -0,0 +1,22 @@
+import { ReactNode } from 'react';
+import { GradientPickerStore } from './store';
+import { ChildrenProps, Grid } from './types';
+type BaseGradientPickerProps = {
+    gradient: string;
+    updateDelay?: number;
+    wrapperClassName?: string;
+    childrenProps?: ChildrenProps;
+    store?: GradientPickerStore;
+    onChange: (gradient: string) => void;
+};
+export type GradientPickerProps = (BaseGradientPickerProps & {
+    grid: Grid;
+    children?: never;
+}) | (BaseGradientPickerProps & {
+    children: ReactNode;
+    grid?: never;
+});
+export declare const GradientPicker: (props: GradientPickerProps) => import("react/jsx-runtime").JSX.Element;
+export * from './components';
+export * from './types';
+export * from './hooks';