import * as React$1 from "react";
//#region src/components/color-picker.d.ts
type ColorPreset = {
  label: string;
  /** Value emitted on select (e.g. "red" or "FF0000") */
  value: string;
  /** CSS color for the swatch (e.g. "var(--option-red)" or "#FF0000").
   *  Falls back to `#${value}` when omitted. */
  color?: string;
};
type ColorPickerProps = {
  /** Currently selected value (matches a preset value, or a hex without #) */
  value?: string | undefined;
  /** Called with the preset value on selection, or a hex string from the input */
  onSelect?: (value: string) => void;
  /** Show "No Color" button; fires on click */
  onClear?: () => void;
  /** Color presets. Falls back to DEFAULT_PRESETS when omitted. */
  presets?: ColorPreset[];
  /** Grid columns (default 9) */
  columns?: number;
  /** Start with hex input visible (default false) */
  defaultExpanded?: boolean;
  /** Localized label for expanding the custom color controls. */
  moreLabel: string;
  /** Popover trigger element */
  children: React$1.ReactNode;
  /** Popover placement side */
  side?: "top" | "bottom" | "left" | "right";
  /** Popover placement alignment */
  align?: "start" | "center" | "end";
  className?: string;
};
type ColorPickerContentBaseProps = {
  value?: string | undefined;
  onSelect?: ((value: string) => void) | undefined;
  presets: ColorPreset[];
  moreLabel: string;
};
type ColorPickerContentProps = ColorPickerContentBaseProps & ({
  columns: number;
  defaultExpanded: boolean;
  onClear?: (() => void) | undefined;
  /** Popover content closes on preset selection. */
  presentation?: "popover";
} | {
  columns?: never;
  defaultExpanded?: never;
  onClear?: never;
  /** Inline content stays mounted and reserves its popup for custom color. */
  presentation: "inline";
});
declare const DEFAULT_PRESETS: ColorPreset[];
declare const ColorPickerContent: ({ value, onSelect, onClear, presets, columns, defaultExpanded, moreLabel, presentation }: ColorPickerContentProps) => React$1.JSX.Element;
declare const ColorPicker: ({ value, onSelect, onClear, presets, columns, defaultExpanded, moreLabel, children, side, align, className }: ColorPickerProps) => React$1.JSX.Element;
//#endregion
export { ColorPicker, ColorPickerContent, type ColorPickerContentProps, type ColorPickerProps, type ColorPreset, DEFAULT_PRESETS };