theme-menu machine

type ThemeMenuChangeReason = ThemeMenuOpenReason | ThemeMenuCloseReason;

type ThemeMenuCloseReason = "escape" | "outside-click" | "select" | "programmatic";

type ThemeMenuCommand = (CommandObject & {
  readonly type: "OPEN_CHANGE_REQUEST";
  readonly open: boolean;
  readonly reason: ThemeMenuChangeReason;
}) | (CommandObject & {
  readonly type: "THEME_CHANGE_REQUEST";
  readonly theme: string;
  readonly storageKey: string;
  readonly reason: "select";
}) | ScheduleCommand<ThemeMenuEvent> | CancelCommand;

type ThemeMenuContext = MenuContext & {
  readonly theme: string;
};

export declare const ThemeMenuDiagnosticCodes: readonly DiagnosticCatalogueEntry[];

type ThemeMenuEvent = {
  readonly type: "TOGGLE";
  readonly reason: "trigger";
} | {
  readonly type: "OPEN";
  readonly reason: ThemeMenuOpenReason;
  readonly highlight?: "first" | "last";
} | {
  readonly type: "CLOSE";
  readonly reason: ThemeMenuCloseReason;
} | {
  readonly type: "MOVE";
  readonly direction: -1 | 1;
} | {
  readonly type: "HIGHLIGHT";
  readonly index: number;
} | {
  readonly type: "HOME";
} | {
  readonly type: "END";
} | {
  readonly type: "SELECT";
} | {
  readonly type: "TYPEAHEAD";
  readonly char: string;
} | {
  readonly type: "SYNC_THEME";
  readonly theme: string;
};

type ThemeMenuInput = {
  readonly open?: boolean;
  readonly defaultOpen?: boolean;
  readonly items: readonly ThemeMenuItem[];
  readonly theme?: string;
  /** Required uncontrolled seed when no current theme is supplied. */
  readonly defaultTheme: string;
  /** Required key copied into the persistence command. */
  readonly storageKey: string;
  readonly typeaheadTimeoutMs?: number;
};

interface ThemeMenuItem {
  readonly id: string;
  readonly value: string;
  readonly disabled?: boolean;
  readonly textValue?: string;
}

export declare const themeMenuMachine: ThemeMenuMachine;

type ThemeMenuMachine = Machine<ThemeMenuInput, ThemeMenuStateValue, ThemeMenuContext, ThemeMenuEvent, ThemeMenuCommand>;

type ThemeMenuOpenReason = "trigger" | "programmatic";

export declare const themeMenuReplaySequence: readonly ThemeMenuEvent[];

export declare const themeMenuSelectors: {
  open: (snapshot: ThemeMenuSnapshot) => boolean;
  highlightedIndex: (snapshot: ThemeMenuSnapshot) => number;
  typeaheadBuffer: (snapshot: ThemeMenuSnapshot) => string;
  theme: (snapshot: ThemeMenuSnapshot) => string;
};

type ThemeMenuSnapshot = Snapshot<ThemeMenuStateValue, ThemeMenuContext>;

type ThemeMenuStateValue = "open" | "closed";