import * as react from 'react';
import { RefObject, ReactNode, Ref } from 'react';
import { ViewInstance, PopoverHost, PopoverRotation } from '@tastic/hud/chrome';
import { StyleProp, ViewStyle } from 'react-native';
import { SeedColor } from '@rific/auto-paper';

interface ProfilePickerColorSection {
    value: string;
    onChange: (hex: string) => void;
    previewValue?: (hex: string) => string;
    swatches?: SeedColor[];
    label?: string;
    caption?: string;
    takenValue?: string;
    allowSwapTaken?: boolean;
}
interface ProfilePickerAlignResult {
    align: 'left' | 'right' | 'center';
    verticalAlign: 'below' | 'above';
    maxHeight: number;
    measured: boolean;
    triggerRef: RefObject<ViewInstance | null>;
}
interface ProfilePickerContentSize {
    width: number;
    height: number;
}

interface OptionPickerOption<T extends string> {
    value: T;
    label: string;
    icon?: string;
    color?: string;
}
declare function getOptionPickerContentSize(optionCount: number, colorSection?: Pick<ProfilePickerColorSection, 'swatches' | 'caption'>): ProfilePickerContentSize;
interface OptionPickerProps<T extends string> {
    id: string;
    host: PopoverHost;
    options: OptionPickerOption<T>[];
    value: T;
    onChange: (value: T) => void;
    color: string;
    dark: boolean;
    icon: string;
    rowIcon?: string;
    colorSection?: ProfilePickerColorSection;
    align?: 'left' | 'right' | 'center';
    alignOverride?: ProfilePickerAlignResult;
    rotation?: PopoverRotation;
    triggerStyle?: StyleProp<ViewStyle>;
}
declare function OptionPicker<T extends string>({ id, host, options, value, onChange, color, dark, icon, rowIcon, colorSection, align, alignOverride, rotation, triggerStyle }: OptionPickerProps<T>): react.JSX.Element;

interface Profile {
    id: string;
    name: string;
    color: string;
    tag: string;
    createdAt: number;
    updatedAt: number;
}

interface Props {
    profile: Profile;
    size?: number;
    filled?: boolean;
}
declare function ProfileChip({ profile, size, filled }: Props): react.JSX.Element;

type ProfileSwatchPlace = 'chip' | 'colorRow' | 'colorPage';
type ProfileSwatchRenderer = (color: string, size: number, place: ProfileSwatchPlace) => ReactNode;
interface ProfileColorProviderProps {
    preview?: (hex: string) => string;
    renderSwatch?: ProfileSwatchRenderer;
    children: ReactNode;
}
declare function ProfileColorProvider({ preview, renderSwatch, children }: ProfileColorProviderProps): react.JSX.Element;
declare function useProfileColorPreview(): ((hex: string) => string) | undefined;
declare function useProfileSwatchRenderer(): ProfileSwatchRenderer | undefined;
declare function useProfileDisplayColor(hex: string): string;

declare function getProfilePickerContentSize(profileCount: number, hasManageRow?: boolean, colorSection?: Pick<ProfilePickerColorSection, 'swatches' | 'caption'>): ProfilePickerContentSize;
interface ProfilePickerProps<P extends Profile> {
    idPrefix: string;
    host: PopoverHost;
    profiles: P[];
    selectedId: string | null;
    takenId?: string | null;
    takenIds?: readonly string[];
    color: string;
    dark: boolean;
    align?: 'left' | 'right' | 'center';
    alignOverride?: ProfilePickerAlignResult;
    rotation?: PopoverRotation;
    guestLabel: string;
    nullLabel?: string;
    nullIcon?: string;
    onSelect: (profile: P | null) => void;
    onManage?: () => void;
    colorSection?: ProfilePickerColorSection;
    triggerStyle?: StyleProp<ViewStyle>;
}
declare function ProfilePicker<P extends Profile>({ idPrefix, host, profiles, selectedId, takenId, takenIds, color, dark, align, alignOverride, rotation, guestLabel, nullLabel, nullIcon, onSelect, onManage, colorSection, triggerStyle }: ProfilePickerProps<P>): react.JSX.Element;

type MD3TextVariant$1 = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';
interface ProfileEditPatch {
    name: string;
    color: string;
    tag: string;
}
interface ProfilesManagerHandle {
    commitPendingEdit: () => void;
}
interface ProfilesManagerProps {
    profiles: Profile[];
    defaultColor: string;
    onCreate: (input: ProfileEditPatch) => void;
    onSave: (id: string, patch: ProfileEditPatch) => void;
    onDelete: (id: string) => void;
    headerLeft?: ReactNode;
    ref?: Ref<ProfilesManagerHandle>;
    fg?: string;
    fgMuted?: string;
    titleVariant?: MD3TextVariant$1;
    colorPreview?: (hex: string) => string;
    useColorPickerAlign?: (open: boolean, contentWidth: number, contentHeight: number, column: RefObject<ViewInstance | null>) => ProfilePickerAlignResult;
}
declare function ProfilesManager({ profiles, defaultColor, onCreate, onSave, onDelete, headerLeft, ref, fg: fgOverride, fgMuted: fgMutedOverride, titleVariant, colorPreview: colorPreviewProp, useColorPickerAlign }: ProfilesManagerProps): react.JSX.Element;

type MD3TextVariant = 'displayLarge' | 'displayMedium' | 'displaySmall' | 'headlineLarge' | 'headlineMedium' | 'headlineSmall' | 'titleLarge' | 'titleMedium' | 'titleSmall' | 'labelLarge' | 'labelMedium' | 'labelSmall' | 'bodyLarge' | 'bodyMedium' | 'bodySmall';
interface ProfilesScreenProps {
    profiles: Profile[];
    defaultColor: string;
    onCreate: (patch: ProfileEditPatch) => void;
    onSave: (id: string, patch: ProfileEditPatch) => void;
    onDelete: (id: string) => void;
    onBack: () => void;
    fg?: string;
    fgMuted?: string;
    bg?: string;
    titleVariant?: MD3TextVariant;
    colorPreview?: (hex: string) => string;
    useColorPickerAlign?: ProfilesManagerProps['useColorPickerAlign'];
}
declare function ProfilesScreen({ profiles, defaultColor, onCreate, onSave, onDelete, onBack, fg: fgOverride, fgMuted, bg: bgOverride, titleVariant, colorPreview, useColorPickerAlign }: ProfilesScreenProps): react.JSX.Element;

declare const MAX_PROFILE_NAME_LENGTH = 20;
declare const MAX_TAG_LENGTH = 3;
declare function isValidTag(value: unknown): value is string;
declare function isValidProfile(value: unknown): value is Profile;

interface ReduxAction<P> {
    payload: P;
    type: string;
}
type ActionCreator<P> = ((payload: P) => ReduxAction<P>) & {
    type: string;
    match: (action: {
        type: string;
    }) => action is ReduxAction<P>;
};

interface SetProfileExtensionPayload<TExtension> {
    extension: TExtension;
    id: string;
}
interface ProfileExtensionActions<TExtension> {
    remove: ActionCreator<string>;
    set: ActionCreator<SetProfileExtensionPayload<TExtension>>;
}
type ProfileExtensionState<TExtension> = Record<string, TExtension>;
interface ProfileExtensionSlice<TExtension> {
    actions: ProfileExtensionActions<TExtension>;
    reducer: (state: ProfileExtensionState<TExtension> | undefined, action: {
        type: string;
    }) => ProfileExtensionState<TExtension>;
}
declare function createProfileExtensionSlice<TExtension>(namespace: string): ProfileExtensionSlice<TExtension>;

interface SelectProfilePayload<TSeat> {
    profileId: string | null;
    seat: TSeat;
}
interface ProfileSelectionActions<TSeat> {
    clearProfile: ActionCreator<string>;
    pruneToRoster: ActionCreator<string[]>;
    select: ActionCreator<SelectProfilePayload<TSeat>>;
}
type ProfileSelectionState<TSeat extends string | number> = Record<TSeat, string | null>;
interface ProfileSelectionSlice<TSeat extends string | number> {
    actions: ProfileSelectionActions<TSeat>;
    reducer: (state: ProfileSelectionState<TSeat> | undefined, action: {
        type: string;
        payload?: unknown;
    }) => ProfileSelectionState<TSeat>;
}
declare function createProfileSelectionSlice<TSeat extends string | number>(namespace: string, defaultState: ProfileSelectionState<TSeat>, mountKey?: string): ProfileSelectionSlice<TSeat>;

interface UpdateProfilePayload {
    id: string;
    patch: Partial<Pick<Profile, 'name' | 'color' | 'tag'>>;
}
declare const profilesActions: {
    add: ActionCreator<Profile>;
    remove: ActionCreator<string>;
    setAll: ActionCreator<Profile[]>;
    update: ActionCreator<UpdateProfilePayload>;
};
declare function profilesReducer(state: Profile[] | undefined, action: {
    type: string;
}): Profile[];
interface CreateProfileInput {
    name: string;
    color: string;
    tag: string;
}
declare function createProfileRecord(input: CreateProfileInput): Profile;

declare function resolveInitialProfiles(groupId: string, localFallback: Profile[]): Promise<Profile[]>;

interface SetLastGuestColorPayload<TSeat> {
    color: string;
    seat: TSeat;
}
interface ProfileColorPick {
    color: string;
    profileColor: string;
}
interface SetProfileColorPayload {
    profile: Pick<Profile, 'id' | 'color'>;
    color: string | null;
}
interface SeatColorsActions<TSeat> {
    setLastCpuColor: ActionCreator<string>;
    setLastGuestColor: ActionCreator<SetLastGuestColorPayload<TSeat>>;
    setProfileColor: ActionCreator<SetProfileColorPayload>;
}
type SeatColorsState<TSeat extends string | number> = {
    lastCpuColor: string;
    lastGuestColor: Record<TSeat, string>;
    profileColors: Record<string, ProfileColorPick>;
};
interface SeatColorsSlice<TSeat extends string | number> {
    actions: SeatColorsActions<TSeat>;
    reducer: (state: SeatColorsState<TSeat> | undefined, action: {
        type: string;
        payload?: unknown;
    }) => SeatColorsState<TSeat>;
}
declare function profileSeatColor(profile: Pick<Profile, 'id' | 'color'>, profileColors: Record<string, ProfileColorPick>): string;
declare function createSeatColorsSlice<TSeat extends string | number>(namespace: string, defaultState: SeatColorsState<TSeat>, mountKey?: string): SeatColorsSlice<TSeat>;

interface UseSharedProfilesSyncOptions {
    groupId: string;
    onRemoteChange: (profiles: Profile[]) => void;
}
interface UseSharedProfilesSyncResult {
    syncToShared: (next: Profile[]) => void;
}
declare function useSharedProfilesSync({ groupId, onRemoteChange }: UseSharedProfilesSyncOptions): UseSharedProfilesSyncResult;

declare function avoidSeatColorClash(p1Color: string, p2Color: string, defaults: readonly [p1Default: string, p2Default: string]): string;

declare const isSharedProfileStoreAvailable: boolean;
declare function readSharedProfiles(groupId: string): Promise<Profile[] | null>;
declare function loadSharedProfiles(groupId: string): Promise<Profile[]>;
declare function saveSharedProfiles(groupId: string, profiles: Profile[]): Promise<void>;
declare function subscribeSharedProfiles(groupId: string, listener: (profiles: Profile[]) => void): () => void;

export { type CreateProfileInput, MAX_PROFILE_NAME_LENGTH, MAX_TAG_LENGTH, OptionPicker, type OptionPickerOption, type Profile, ProfileChip, type ProfileColorPick, ProfileColorProvider, type ProfileEditPatch, type ProfileExtensionActions, type ProfileExtensionSlice, type ProfileExtensionState, ProfilePicker, type ProfilePickerAlignResult, type ProfilePickerColorSection, type ProfilePickerContentSize, type ProfileSelectionActions, type ProfileSelectionSlice, type ProfileSelectionState, type ProfileSwatchPlace, type ProfileSwatchRenderer, ProfilesManager, type ProfilesManagerHandle, type ProfilesManagerProps, ProfilesScreen, type ProfilesScreenProps, type SeatColorsActions, type SeatColorsSlice, type SeatColorsState, type SelectProfilePayload, type SetLastGuestColorPayload, type SetProfileColorPayload, type SetProfileExtensionPayload, type UpdateProfilePayload, type UseSharedProfilesSyncOptions, type UseSharedProfilesSyncResult, avoidSeatColorClash, createProfileExtensionSlice, createProfileRecord, createProfileSelectionSlice, createSeatColorsSlice, getOptionPickerContentSize, getProfilePickerContentSize, isSharedProfileStoreAvailable, isValidProfile, isValidTag, loadSharedProfiles, profileSeatColor, profilesActions, profilesReducer, readSharedProfiles, resolveInitialProfiles, saveSharedProfiles, subscribeSharedProfiles, useProfileColorPreview, useProfileDisplayColor, useProfileSwatchRenderer, useSharedProfilesSync };