aura-glass
Version:
A comprehensive glassmorphism design system for React applications with 142+ production-ready components
78 lines • 1.68 kB
TypeScript
import React from "react";
export interface Color {
r: number;
g: number;
b: number;
a?: number;
}
export interface HslColor {
h: number;
s: number;
l: number;
a?: number;
}
export interface GlassColorPickerProps {
/**
* Current color value
*/
value?: string;
/**
* Default color value
*/
defaultValue?: string;
/**
* Callback when color changes
*/
onChange?: (color: string) => void;
/**
* Color format (hex, rgb, hsl, rgba, hsla)
*/
format?: "hex" | "rgb" | "hsl" | "rgba" | "hsla";
/**
* Show alpha channel
*/
showAlpha?: boolean;
/**
* Predefined color palette
*/
palette?: string[];
/**
* Show color input field
*/
showInput?: boolean;
/**
* Show color presets
*/
showPresets?: boolean;
/**
* Disabled state
*/
disabled?: boolean;
/**
* Size variant
*/
size?: "sm" | "md" | "lg";
/**
* Custom className
*/
className?: string;
/**
* Popover placement
*/
placement?: "top" | "bottom" | "left" | "right";
}
/**
* GlassColorPicker component
* A comprehensive color picker with multiple selection methods
*/
export declare const GlassColorPicker: React.FC<GlassColorPickerProps>;
export interface GlassColorPaletteProps {
colors: string[];
selectedColor?: string;
onColorSelect?: (color: string) => void;
size?: "sm" | "md" | "lg";
className?: string;
}
export declare const GlassColorPalette: React.FC<GlassColorPaletteProps>;
export default GlassColorPicker;
//# sourceMappingURL=GlassColorPicker.d.ts.map