effect 4.0.0-rc.111 → 4.0.0-rc.113

package/dist/unstable/cli/Prompt.js

@@ -11,6 +11,7 @@
  * @since 4.0.0
  */
 import * as Arr from "../../Array.js";
+import * as Context from "../../Context.js";
 import * as Data from "../../Data.js";
 import * as Effect from "../../Effect.js";
 import * as Effectable from "../../Effectable.js";
@@ -32,41 +33,62 @@ const TypeId = "~effect/cli/Prompt";
  * @since 4.0.0
  */
 export const isPrompt = u => Predicate.hasProperty(u, TypeId);
-const defaultFigures = {
+const defaultTheme = {
+  prefix: "?",
   arrowUp: "↑",
   arrowDown: "↓",
-  arrowLeft: "←",
-  arrowRight: "→",
-  radioOn: "◉",
-  radioOff: "◯",
   checkboxOn: "☒",
   checkboxOff: "☐",
   tick: "✔",
-  cross: "✖",
   ellipsis: "…",
   pointerSmall: "›",
-  line: "─",
-  pointer: "❯"
-};
-const DEFAULT_PREFIX = "?";
-const windowsFigures = {
-  arrowUp: defaultFigures.arrowUp,
-  arrowDown: defaultFigures.arrowDown,
-  arrowLeft: defaultFigures.arrowLeft,
-  arrowRight: defaultFigures.arrowRight,
-  radioOn: "(*)",
-  radioOff: "( )",
+  pointer: "❯",
+  descriptionSeparator: "- ",
+  passwordMask: "*",
+  toggleSeparator: "/",
+  primaryColor: Ansi.cyanBright,
+  mutedColor: Ansi.blackBright,
+  successColor: Ansi.green,
+  errorColor: Ansi.red,
+  submittedColor: Ansi.white
+};
+const windowsTheme = {
+  ...defaultTheme,
   checkboxOn: "[*]",
   checkboxOff: "[ ]",
   tick: "√",
-  cross: "×",
   ellipsis: "...",
   pointerSmall: "»",
-  line: "─",
   pointer: ">"
 };
-/** @internal */
-export const platformFigures = /*#__PURE__*/Effect.map(/*#__PURE__*/Effect.sync(() => process.platform === "win32"), isWindows => isWindows ? windowsFigures : defaultFigures);
+/**
+ * Creates a prompt theme using the current platform defaults.
+ *
+ * @category constructors
+ * @since 4.0.0
+ */
+export const makeTheme = options => ({
+  ...(process.platform === "win32" ? windowsTheme : defaultTheme),
+  ...options
+});
+/**
+ * Context reference for the theme used by built-in prompts.
+ *
+ * **Details**
+ *
+ * Provide this reference once to theme every prompt in an application. A
+ * prompt's `theme` option takes precedence over the context value.
+ *
+ * @category services
+ * @since 4.0.0
+ */
+export const Theme = /*#__PURE__*/Context.Reference("effect/unstable/cli/Prompt/Theme", {
+  defaultValue: makeTheme
+});
+const getTheme = options => Effect.map(Theme, theme => ({
+  ...theme,
+  ...options.theme
+}));
 /**
  * Runs all the provided prompts in sequence respecting the structure provided
  * in input.
@@ -139,7 +161,19 @@ export const all = function () {
   return allTupled(arguments[0]);
 };
 const annotateLine = line => Ansi.annotate(line, Ansi.bold);
-const annotateErrorLine = line => Ansi.annotate(line, Ansi.combine(Ansi.italicized, Ansi.red));
+const annotateErrorLine = (line, color) => Ansi.annotate(line, Ansi.combine(Ansi.italicized, color));
+const annotateSymbol = (symbol, ...styles) => symbol.length === 0 ? "" : Ansi.annotate(symbol, ...styles);
+const separateSymbol = (symbol, text) => symbol.length === 0 ? text : symbol + " " + text;
+const renderPagingPrefix = (theme, showArrowUp, showArrowDown) => {
+  const width = Math.max(theme.arrowUp.length, theme.arrowDown.length);
+  if (showArrowUp) {
+    return theme.arrowUp.padEnd(width);
+  }
+  if (showArrowDown) {
+    return theme.arrowDown.padEnd(width);
+  }
+  return " ".repeat(width);
+};
 /**
  * Creates a confirmation prompt that asks the user to choose a boolean yes/no
  * value.
@@ -153,16 +187,15 @@ const annotateErrorLine = line => Ansi.annotate(line, Ansi.combine(Ansi.italiciz
  * `initial` defaults to `false`. Enter submits the current default, yes-style
  * input submits `true`, no-style input submits `false`, and other input beeps.
  *
- * @see {@link toggle} for an interactive switch-before-submit boolean prompt
+ * @see {@link Toggle} for an interactive switch-before-submit boolean prompt
  *
  * @category constructors
  * @since 4.0.0
  */
-export const confirm = options => {
+export const Confirm = options => {
   const opts = {
     initial: false,
     ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX,
     label: {
       confirm: "yes",
       deny: "no",
@@ -177,7 +210,7 @@ export const confirm = options => {
   const initialState = {
     value: opts.initial
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleConfirmRender(opts),
     process: input => handleConfirmProcess(input, opts.initial),
     clear: handleConfirmClear(opts)
@@ -205,7 +238,7 @@ export const confirm = options => {
  * @category constructors
  * @since 4.0.0
  */
-export const custom = (initialState, ...args) => {
+export const Custom = (initialState, ...args) => {
   const [events, handlers] = args.length === 1 ? [undefined, args[0]] : [args[0], args[1]];
   const op = Object.create(proto);
   op._tag = "Loop";
@@ -237,13 +270,12 @@ export const custom = (initialState, ...args) => {
  * @category constructors
  * @since 4.0.0
  */
-export const date = options => {
+export const Date = options => {
   const opts = {
-    initial: new Date(),
+    initial: new globalThis.Date(),
     dateMask: "YYYY-MM-DD HH:mm:ss",
     validate: Effect.succeed,
     ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX,
     locales: {
       ...defaultLocales,
       ...options.locales
@@ -258,7 +290,7 @@ export const date = options => {
     value: opts.initial,
     error: Option.none()
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleDateRender(opts),
     process: handleDateProcess(opts),
     clear: handleDateClear(opts)
@@ -272,14 +304,19 @@ export const date = options => {
  * The prompt can be configured to select files, directories, or either path
  * type.
  *
+ * You can also type to filter the listed entries. Every printable character is
+ * appended to the filter query, so navigation is bound to the arrow keys,
+ * `tab`, and the `Ctrl+P` / `Ctrl+N` chords used by `readline` and `fzf`
+ * (`Ctrl+K` also moves up). `Ctrl+U` clears the query.
+ *
  * @category constructors
  * @since 4.0.0
  */
-export const file = (options = {}) => {
+export const File = (options = {}) => {
   const opts = {
+    ...options,
     type: options.type ?? "file",
     message: options.message ?? `Choose a file`,
-    prefix: options.prefix ?? DEFAULT_PREFIX,
     startingPath: Option.fromUndefinedOr(options.startingPath),
     default: Option.fromUndefinedOr(options.default),
     maxPerPage: options.maxPerPage ?? 10,
@@ -301,7 +338,7 @@ export const file = (options = {}) => {
         return index === -1 ? 0 : index;
       }
     });
-    const confirm = Confirm.Hide();
+    const confirm = FileConfirm.Hide();
     return {
       cursor,
       files,
@@ -311,7 +348,7 @@ export const file = (options = {}) => {
       confirm
     };
   });
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleFileRender(opts),
     process: handleFileProcess(opts),
     clear: handleFileClear(opts)
@@ -341,11 +378,11 @@ export const flatMap = /*#__PURE__*/dual(2, (self, f) => {
  * @category constructors
  * @since 4.0.0
  */
-export const float = options => {
+export const Number = options => {
   const opts = {
     default: 0,
-    min: Number.NEGATIVE_INFINITY,
-    max: Number.POSITIVE_INFINITY,
+    min: globalThis.Number.NEGATIVE_INFINITY,
+    max: globalThis.Number.POSITIVE_INFINITY,
     incrementBy: 1,
     decrementBy: 1,
     precision: 2,
@@ -358,8 +395,7 @@ export const float = options => {
       }
       return Effect.succeed(n);
     },
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
   const initialValue = options.default === undefined ? "" : `${opts.default}`;
   const initialState = {
@@ -367,7 +403,7 @@ export const float = options => {
     value: initialValue,
     error: Option.none()
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleRenderFloat(opts),
     process: handleProcessFloat(opts),
     clear: handleNumberClear(opts)
@@ -380,7 +416,7 @@ export const float = options => {
  * @category constructors
  * @since 4.0.0
  */
-export const hidden = options => basePrompt(options, "hidden").pipe(map(Redacted.make));
+export const Hidden = options => basePrompt(options, "hidden").pipe(map(Redacted.make));
 /**
  * Creates an integer prompt.
  *
@@ -392,11 +428,11 @@ export const hidden = options => basePrompt(options, "hidden").pipe(map(Redacted
  * @category constructors
  * @since 4.0.0
  */
-export const integer = options => {
+export const Int = options => {
   const opts = {
     default: 0,
-    min: Number.NEGATIVE_INFINITY,
-    max: Number.POSITIVE_INFINITY,
+    min: globalThis.Number.NEGATIVE_INFINITY,
+    max: globalThis.Number.POSITIVE_INFINITY,
     incrementBy: 1,
     decrementBy: 1,
     validate: n => {
@@ -408,8 +444,7 @@ export const integer = options => {
       }
       return Effect.succeed(n);
     },
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
   const initialValue = options.default === undefined ? "" : `${opts.default}`;
   const initialState = {
@@ -417,7 +452,7 @@ export const integer = options => {
     value: initialValue,
     error: Option.none()
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleRenderInteger(opts),
     process: handleProcessInteger(opts),
     clear: handleNumberClear(opts)
@@ -430,7 +465,7 @@ export const integer = options => {
  * @category constructors
  * @since 4.0.0
  */
-export const list = options => text(options).pipe(map(output => output.split(options.delimiter || ",")));
+export const List = options => String(options).pipe(map(output => output.split(options.delimiter || ",")));
 /**
  * Transforms the output value produced by a prompt.
  *
@@ -445,7 +480,7 @@ export const map = /*#__PURE__*/dual(2, (self, f) => flatMap(self, a => succeed(
  * @category constructors
  * @since 4.0.0
  */
-export const password = options => basePrompt(options, "password").pipe(map(Redacted.make));
+export const Password = options => basePrompt(options, "password").pipe(map(Redacted.make));
 /**
  * Runs a prompt by reading terminal input and rendering prompt frames until the
  * prompt submits a value.
@@ -470,7 +505,7 @@ const getSelectInitialIndex = choices => {
     const choice = choices[i];
     if (choice.selected === true) {
       if (seenSelected !== -1) {
-        throw new Error("InvalidArgumentException: only a single choice can be selected by default for Prompt.select");
+        throw new Error("InvalidArgumentException: only a single choice can be selected by default for Prompt.Select");
       }
       seenSelected = i;
     }
@@ -491,14 +526,13 @@ const getSelectInitialIndex = choices => {
  * @category constructors
  * @since 4.0.0
  */
-export const select = options => {
+export const Select = options => {
   const opts = {
     maxPerPage: 10,
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
   const initialIndex = getSelectInitialIndex(opts.choices);
-  return custom(initialIndex, {
+  return Custom(initialIndex, {
     render: handleSelectRender(opts),
     process: handleSelectProcess(opts),
     clear: handleSelectClear(opts)
@@ -507,12 +541,18 @@ export const select = options => {
 /**
  * Creates a prompt that lets users filter select choices by typing.
  *
+ * **Details**
+ *
+ * Every printable character is appended to the filter query, so navigation is
+ * bound to the arrow keys, `tab`, and the `Ctrl+P` / `Ctrl+N` chords used by
+ * `readline` and `fzf` (`Ctrl+K` also moves up). `Ctrl+U` clears the query.
+ *
  * **Example** (Filtering choices with autocomplete)
  *
  * ```ts import.meta.vitest
  * import { Prompt } from "effect/unstable/cli"
  *
- * const language = Prompt.autoComplete({
+ * const language = Prompt.AutoComplete({
  *   message: "Choose a language",
  *   choices: [
  *     { title: "TypeScript", value: "ts" },
@@ -527,14 +567,13 @@ export const select = options => {
  * @category constructors
  * @since 4.0.0
  */
-export const autoComplete = options => {
+export const AutoComplete = options => {
   const opts = {
     maxPerPage: 10,
     filterLabel: "filter",
     filterPlaceholder: "type to filter",
     emptyMessage: "No matches",
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
   const initialIndex = getSelectInitialIndex(opts.choices);
   const filtered = filterAutoCompleteChoices(opts.choices, "");
@@ -544,7 +583,7 @@ export const autoComplete = options => {
     index,
     filtered
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleAutoCompleteRender(opts),
     process: handleAutoCompleteProcess(opts),
     clear: handleAutoCompleteClear(opts)
@@ -562,11 +601,10 @@ export const autoComplete = options => {
  * @category constructors
  * @since 4.0.0
  */
-export const multiSelect = options => {
+export const MultiSelect = options => {
   const opts = {
     maxPerPage: 10,
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
   // Seed initial selection from choices marked as selected: true
   const initialSelected = new Set();
@@ -581,7 +619,7 @@ export const multiSelect = options => {
     selectedIndices: initialSelected,
     error: Option.none()
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleMultiSelectRender(opts),
     process: handleMultiSelectProcess(opts),
     clear: handleMultiSelectClear(opts)
@@ -611,7 +649,7 @@ export const succeed = value => {
  * @category constructors
  * @since 4.0.0
  */
-export const text = options => basePrompt(options, "text");
+export const String = options => basePrompt(options, "text");
 /**
  * Creates a toggle prompt that lets the user switch between active and inactive
  * states and returns the selected boolean value.
@@ -619,15 +657,14 @@ export const text = options => basePrompt(options, "text");
  * @category constructors
  * @since 4.0.0
  */
-export const toggle = options => {
+export const Toggle = options => {
   const opts = {
     initial: false,
     active: "on",
     inactive: "off",
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
-  return custom(opts.initial, {
+  return Custom(opts.initial, {
     render: handleToggleRender(opts),
     process: handleToggleProcess,
     clear: () => handleToggleClear(opts)
@@ -680,9 +717,11 @@ const runLoop = /*#__PURE__*/Effect.fnUntraced(function* (loop, terminal, input)
   let action = Action.NextFrame({
     state
   });
+  let clear = "";
   while (true) {
     const msg = yield* loop.render(state, action);
-    yield* Effect.orDie(terminal.display(msg));
+    yield* Effect.orDie(terminal.display(clear + msg));
+    clear = "";
     if (loop.events) {
       const takeInput = Queue.take(input).pipe(Effect.map(input => ({
         _tag: "Input",
@@ -702,15 +741,15 @@ const runLoop = /*#__PURE__*/Effect.fnUntraced(function* (loop, terminal, input)
         continue;
       case "NextFrame":
         {
-          yield* Effect.orDie(terminal.display(yield* loop.clear(state, action)));
+          clear = yield* loop.clear(state, action);
           state = action.state;
           continue;
         }
       case "Submit":
         {
-          yield* Effect.orDie(terminal.display(yield* loop.clear(state, action)));
+          clear = yield* loop.clear(state, action);
           const msg = yield* loop.render(state, action);
-          yield* Effect.orDie(terminal.display(msg));
+          yield* Effect.orDie(terminal.display(clear + msg));
           return action.value;
         }
     }
@@ -747,9 +786,9 @@ const handleConfirmClear = options => {
   return Effect.fnUntraced(function* (state, _) {
     const terminal = yield* Terminal.Terminal;
     const columns = yield* terminal.columns;
-    const figures = yield* platformFigures;
+    const figures = yield* getTheme(options);
     const confirmMessage = state.value ? options.placeholder.defaultConfirm : options.placeholder.defaultDeny;
-    const promptText = renderConfirmOutput(confirmMessage, options.prefix, figures.pointerSmall, options, {
+    const promptText = renderConfirmOutput(confirmMessage, figures.prefix, figures.pointerSmall, options, {
       plain: true
     });
     const clearOutput = eraseText(promptText, columns);
@@ -759,21 +798,21 @@ const handleConfirmClear = options => {
 };
 const renderConfirmOutput = (confirm, leadingSymbol, trailingSymbol, options, renderOptions) => renderPrompt(confirm, options.message, leadingSymbol, trailingSymbol, renderOptions);
 const renderConfirmNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
   // Marking these explicitly as present with `!` because they always will be
   // and there is really no value in adding a `DeepRequired` type helper just
   // for these internal cases
   const confirmMessage = state.value ? options.placeholder.defaultConfirm : options.placeholder.defaultDeny;
-  const confirm = Ansi.annotate(confirmMessage, Ansi.blackBright);
+  const confirm = Ansi.annotate(confirmMessage, figures.mutedColor);
   const promptMsg = renderConfirmOutput(confirm, leadingSymbol, trailingSymbol, options);
   return Ansi.cursorHide + promptMsg;
 });
 const renderConfirmSubmission = /*#__PURE__*/Effect.fnUntraced(function* (value, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
   const confirmMessage = value ? options.label.confirm : options.label.deny;
   const promptMsg = renderConfirmOutput(confirmMessage, leadingSymbol, trailingSymbol, options);
   return promptMsg + "\n";
@@ -816,36 +855,36 @@ const handleDateClear = options => {
   return Effect.fnUntraced(function* (state, _) {
     const terminal = yield* Terminal.Terminal;
     const columns = yield* terminal.columns;
-    const figures = yield* platformFigures;
+    const figures = yield* getTheme(options);
     const resetCurrentLine = Ansi.eraseLine + Ansi.cursorLeft;
     const parts = Arr.reduce(state.dateParts, "", (doc, part) => doc + part.toString());
-    const promptText = renderDateOutput(options.prefix, figures.pointerSmall, parts, options, {
+    const promptText = renderDateOutput(figures.prefix, figures.pointerSmall, parts, options, {
       plain: true
     });
     const errorText = Option.isSome(state.error) ? Arr.match(state.error.value.split(NEWLINE_REGEXP), {
       onEmpty: () => "",
-      onNonEmpty: errorLines => `${figures.pointerSmall} ${errorLines.join("\n")}`
+      onNonEmpty: errorLines => separateSymbol(figures.pointerSmall, errorLines.join("\n"))
     }) : "";
     const clearOutput = clearOutputWithError(promptText, columns, errorText);
     return clearOutput + resetCurrentLine;
   });
 };
-const renderDateError = (state, pointer) => {
+const renderDateError = (state, pointer, theme) => {
   if (Option.isSome(state.error)) {
     const errorLines = state.error.value.split(NEWLINE_REGEXP);
     if (Arr.isReadonlyArrayNonEmpty(errorLines)) {
-      const prefix = Ansi.annotate(pointer, Ansi.red) + " ";
-      const lines = Arr.map(errorLines, str => annotateErrorLine(str));
-      return Ansi.cursorSavePosition + "\n" + prefix + lines.join("\n") + Ansi.cursorRestorePosition;
+      const prefix = annotateSymbol(pointer, theme.errorColor);
+      const lines = Arr.map(errorLines, str => annotateErrorLine(str, theme.errorColor));
+      return Ansi.cursorSavePosition + "\n" + separateSymbol(prefix, lines.join("\n")) + Ansi.cursorRestorePosition;
     }
   }
   return "";
 };
-const renderParts = (state, submitted = false) => {
+const renderParts = (state, theme, submitted = false) => {
   return Arr.reduce(state.dateParts, "", (doc, part, currentIndex) => {
     const partDoc = part.toString();
     if (currentIndex === state.cursor && !submitted) {
-      const annotation = Ansi.combine(Ansi.underlined, Ansi.cyanBright);
+      const annotation = Ansi.combine(Ansi.underlined, theme.primaryColor);
       return doc + Ansi.annotate(partDoc, annotation);
     }
     return doc + partDoc;
@@ -853,19 +892,19 @@ const renderParts = (state, submitted = false) => {
 };
 const renderDateOutput = (leadingSymbol, trailingSymbol, parts, options, renderOptions) => renderPrompt(parts, options.message, leadingSymbol, trailingSymbol, renderOptions);
 const renderDateNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
-  const parts = renderParts(state);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
+  const parts = renderParts(state, figures);
   const promptMsg = renderDateOutput(leadingSymbol, trailingSymbol, parts, options);
-  const errorMsg = renderDateError(state, figures.pointerSmall);
+  const errorMsg = renderDateError(state, figures.pointerSmall, figures);
   return Ansi.cursorHide + promptMsg + errorMsg;
 });
 const renderDateSubmission = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const parts = renderParts(state, true);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const parts = renderParts(state, figures, true);
   const promptMsg = renderDateOutput(leadingSymbol, trailingSymbol, parts, options);
   return promptMsg + "\n";
 });
@@ -922,6 +961,7 @@ const processDateNext = state => {
   return Action.NextFrame({
     state: {
       ...state,
+      typed: "",
       cursor
     }
   });
@@ -1065,7 +1105,7 @@ class DatePart {
   constructor(params) {
     this.token = params.token;
     this.locales = params.locales;
-    this.date = params.date || new Date();
+    this.date = params.date || new globalThis.Date();
     this.parts = params.parts || [this];
   }
   /**
@@ -1092,7 +1132,7 @@ class DatePart {
     return Option.none();
   }
   toString() {
-    return String(this.date);
+    return globalThis.String(this.date);
   }
 }
 class Token extends DatePart {
@@ -1116,7 +1156,7 @@ class Milliseconds extends DatePart {
     this.date.setMilliseconds(this.date.getMilliseconds() - 1);
   }
   setValue(value) {
-    this.date.setMilliseconds(Number.parseInt(value.slice(-this.token.length)));
+    this.date.setMilliseconds(globalThis.Number.parseInt(value.slice(-this.token.length)));
   }
   toString() {
     const millis = `${this.date.getMilliseconds()}`;
@@ -1131,7 +1171,7 @@ class Seconds extends DatePart {
     this.date.setSeconds(this.date.getSeconds() - 1);
   }
   setValue(value) {
-    this.date.setSeconds(Number.parseInt(value.slice(-2)));
+    this.date.setSeconds(globalThis.Number.parseInt(value.slice(-2)));
   }
   toString() {
     const seconds = `${this.date.getSeconds()}`;
@@ -1146,7 +1186,7 @@ class Minutes extends DatePart {
     this.date.setMinutes(this.date.getMinutes() - 1);
   }
   setValue(value) {
-    this.date.setMinutes(Number.parseInt(value.slice(-2)));
+    this.date.setMinutes(globalThis.Number.parseInt(value.slice(-2)));
   }
   toString() {
     const minutes = `${this.date.getMinutes()}`;
@@ -1161,7 +1201,7 @@ class Hours extends DatePart {
     this.date.setHours(this.date.getHours() - 1);
   }
   setValue(value) {
-    this.date.setHours(Number.parseInt(value.slice(-2)));
+    this.date.setHours(globalThis.Number.parseInt(value.slice(-2)));
   }
   toString() {
     const hours = /h/.test(this.token) ? this.date.getHours() % 12 || 12 : this.date.getHours();
@@ -1176,7 +1216,7 @@ class Day extends DatePart {
     this.date.setDate(this.date.getDate() - 1);
   }
   setValue(value) {
-    this.date.setDate(Number.parseInt(value.slice(-2)));
+    this.date.setDate(globalThis.Number.parseInt(value.slice(-2)));
   }
   toString() {
     const date = this.date.getDate();
@@ -1220,7 +1260,7 @@ class Month extends DatePart {
     this.date.setMonth(this.date.getMonth() - 1);
   }
   setValue(value) {
-    const month = Number.parseInt(value.slice(-2)) - 1;
+    const month = globalThis.Number.parseInt(value.slice(-2)) - 1;
     this.date.setMonth(month < 0 ? 0 : month);
   }
   toString() {
@@ -1245,7 +1285,7 @@ class Year extends DatePart {
     this.date.setFullYear(this.date.getFullYear() - 1);
   }
   setValue(value) {
-    this.date.setFullYear(Number.parseInt(value.slice(-4)));
+    this.date.setFullYear(globalThis.Number.parseInt(value.slice(-4)));
   }
   toString() {
     const year = `${this.date.getFullYear()}`.padStart(4, "0");
@@ -1269,8 +1309,8 @@ const CONFIRM_MESSAGE = "The selected directory contains files. Would you like t
 const FILE_FILTER_LABEL = "filter";
 const FILE_FILTER_PLACEHOLDER = "type to filter";
 const FILE_EMPTY_MESSAGE = "No matches";
-const Confirm = /*#__PURE__*/Data.taggedEnum();
-const showConfirmation = /*#__PURE__*/Confirm.$is("Show");
+const FileConfirm = /*#__PURE__*/Data.taggedEnum();
+const showConfirmation = /*#__PURE__*/FileConfirm.$is("Show");
 const resolveCurrentPath = (path, options) => {
   if (Option.isSome(path)) {
     return Effect.succeed(path.value);
@@ -1338,15 +1378,15 @@ const handleFileClear = options => {
     const terminal = yield* Terminal.Terminal;
     const columns = yield* terminal.columns;
     const path = yield* Path.Path;
-    const figures = yield* platformFigures;
+    const figures = yield* getTheme(options);
     const currentPath = yield* resolveCurrentPath(state.path, options);
     const selectedPath = state.files[state.cursor];
     const resolvedPath = selectedPath === undefined ? currentPath : path.resolve(currentPath, selectedPath);
-    const resolvedPathText = `${figures.pointerSmall} ${resolvedPath}`;
+    const resolvedPathText = separateSymbol(figures.pointerSmall, resolvedPath);
     const isConfirming = showConfirmation(state.confirm);
-    const promptText = isConfirming ? renderPrompt("(Y/n)", CONFIRM_MESSAGE, options.prefix, figures.pointerSmall, {
+    const promptText = isConfirming ? renderPrompt("(Y/n)", CONFIRM_MESSAGE, figures.prefix, figures.pointerSmall, {
       plain: true
-    }) : renderPrompt(renderFileFilter(state, {
+    }) : renderPrompt(renderFileFilter(state, figures, {
       plain: true
     }), options.message, figures.tick, figures.ellipsis, {
       plain: true
@@ -1361,79 +1401,86 @@ const handleFileClear = options => {
   });
 };
 const renderPrompt = (confirm, message, leadingSymbol, trailingSymbol, options) => {
-  const prefix = leadingSymbol + " ";
+  const prefix = leadingSymbol.length === 0 ? "" : leadingSymbol + " ";
+  const renderLine = line => {
+    let output = prefix + line;
+    if (trailingSymbol.length > 0) {
+      output += " " + trailingSymbol;
+    }
+    if (confirm.length > 0) {
+      output += " " + confirm;
+    } else if (trailingSymbol.length > 0) {
+      output += " ";
+    }
+    return output;
+  };
   const annotate = options?.plain === true ? line => line : annotateLine;
   return Arr.match(message.split(NEWLINE_REGEXP), {
-    onEmpty: () => prefix + " " + trailingSymbol + " " + confirm,
+    onEmpty: () => renderLine(""),
     onNonEmpty: promptLines => {
       const lines = Arr.map(promptLines, line => annotate(line));
-      return prefix + lines.join("\n") + " " + trailingSymbol + " " + confirm;
+      return renderLine(lines.join("\n"));
     }
   });
 };
 const renderPrefix = (state, toDisplay, currentIndex, length, figures, renderOptions) => {
-  let prefix = " ";
-  if (currentIndex === toDisplay.startIndex && toDisplay.startIndex > 0) {
-    prefix = figures.arrowUp;
-  } else if (currentIndex === toDisplay.endIndex - 1 && toDisplay.endIndex < length) {
-    prefix = figures.arrowDown;
-  }
+  const prefix = renderPagingPrefix(figures, currentIndex === toDisplay.startIndex && toDisplay.startIndex > 0, currentIndex === toDisplay.endIndex - 1 && toDisplay.endIndex < length);
   if (state.cursor === currentIndex) {
-    return renderOptions?.plain === true ? figures.pointer + prefix : Ansi.annotate(figures.pointer, Ansi.cyanBright) + prefix;
+    return renderOptions?.plain === true ? figures.pointer + prefix : annotateSymbol(figures.pointer, figures.primaryColor) + prefix;
   }
-  return prefix + " ";
+  return prefix + " ".repeat(figures.pointer.length);
 };
-const renderFileName = (file, isSelected, renderOptions) => {
+const renderFileName = (file, isSelected, theme, renderOptions) => {
   if (renderOptions?.plain === true) {
     return file;
   }
-  return isSelected ? Ansi.annotate(file, Ansi.combine(Ansi.underlined, Ansi.cyanBright)) : file;
+  return isSelected ? Ansi.annotate(file, Ansi.combine(Ansi.underlined, theme.primaryColor)) : file;
 };
-const renderFileFilter = (state, renderOptions) => {
-  const filterValue = state.query.length === 0 ? renderOptions?.plain === true ? FILE_FILTER_PLACEHOLDER : Ansi.annotate(FILE_FILTER_PLACEHOLDER, Ansi.blackBright) : renderOptions?.plain === true ? state.query : Ansi.annotate(state.query, Ansi.combine(Ansi.underlined, Ansi.cyanBright));
+const renderFileFilter = (state, theme, renderOptions) => {
+  const filterValue = state.query.length === 0 ? renderOptions?.plain === true ? FILE_FILTER_PLACEHOLDER : Ansi.annotate(FILE_FILTER_PLACEHOLDER, theme.mutedColor) : renderOptions?.plain === true ? state.query : Ansi.annotate(state.query, Ansi.combine(Ansi.underlined, theme.primaryColor));
   return `[${FILE_FILTER_LABEL}: ${filterValue}]`;
 };
 const renderFiles = (state, files, figures, options, renderOptions) => {
   const length = files.length;
   if (length === 0) {
-    return renderOptions?.plain === true ? FILE_EMPTY_MESSAGE : Ansi.annotate(FILE_EMPTY_MESSAGE, Ansi.blackBright);
+    return renderOptions?.plain === true ? FILE_EMPTY_MESSAGE : Ansi.annotate(FILE_EMPTY_MESSAGE, figures.mutedColor);
   }
   const toDisplay = entriesToDisplay(state.cursor, length, options.maxPerPage);
   const documents = [];
   for (let index = toDisplay.startIndex; index < toDisplay.endIndex; index++) {
     const isSelected = state.cursor === index;
     const prefix = renderPrefix(state, toDisplay, index, length, figures, renderOptions);
-    const fileName = renderFileName(files[index], isSelected, renderOptions);
+    const fileName = renderFileName(files[index], isSelected, figures, renderOptions);
     documents.push(prefix + fileName);
   }
   return documents.join("\n");
 };
 const renderFileNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
   const path = yield* Path.Path;
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const currentPath = yield* resolveCurrentPath(state.path, options);
   const selectedPath = state.files[state.cursor];
   const resolvedPath = selectedPath === undefined ? currentPath : path.resolve(currentPath, selectedPath);
-  const resolvedPathMsg = Ansi.annotate(figures.pointerSmall + " " + resolvedPath, Ansi.blackBright);
+  const resolvedPathMsg = Ansi.annotate(separateSymbol(figures.pointerSmall, resolvedPath), figures.mutedColor);
   if (showConfirmation(state.confirm)) {
-    const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-    const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
-    const confirm = Ansi.annotate("(Y/n)", Ansi.blackBright);
+    const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+    const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
+    const confirm = Ansi.annotate("(Y/n)", figures.mutedColor);
     const promptMsg = renderPrompt(confirm, CONFIRM_MESSAGE, leadingSymbol, trailingSymbol);
     return Ansi.cursorHide + promptMsg + "\n" + resolvedPathMsg;
   }
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const promptMsg = renderPrompt(renderFileFilter(state), options.message, leadingSymbol, trailingSymbol);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const promptMsg = renderPrompt(renderFileFilter(state, figures), options.message, leadingSymbol, trailingSymbol);
   const files = renderFiles(state, state.files, figures, options);
   return Ansi.cursorHide + promptMsg + "\n" + resolvedPathMsg + "\n" + files;
 });
 const renderFileSubmission = /*#__PURE__*/Effect.fnUntraced(function* (state, value, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const promptMsg = renderPrompt(renderFileFilter(state), options.message, leadingSymbol, trailingSymbol);
-  return promptMsg + " " + Ansi.annotate(value, Ansi.white) + "\n";
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const promptMsg = renderPrompt(renderFileFilter(state, figures), options.message, leadingSymbol, trailingSymbol);
+  return promptMsg + " " + Ansi.annotate(value, figures.submittedColor) + "\n";
 });
 const handleFileRender = options => {
   return (state, action) => {
@@ -1519,7 +1566,7 @@ const processSelection = /*#__PURE__*/Effect.fnUntraced(function* (state, option
       : Action.NextFrame({
         state: {
           ...state,
-          confirm: Confirm.Show()
+          confirm: FileConfirm.Show()
         }
       });
     }
@@ -1530,7 +1577,7 @@ const processSelection = /*#__PURE__*/Effect.fnUntraced(function* (state, option
         allFiles: files,
         query: "",
         path: Option.some(resolvedPath),
-        confirm: Confirm.Hide()
+        confirm: FileConfirm.Hide()
       }
     });
   }
@@ -1540,22 +1587,37 @@ const processSelection = /*#__PURE__*/Effect.fnUntraced(function* (state, option
 });
 const handleFileProcess = options => {
   return Effect.fnUntraced(function* (input, state) {
+    // Navigation is bound to ctrl chords rather than bare `j`/`k`, so that every
+    // printable character reaches the filter input.
     if (input.key.ctrl) {
-      if (input.key.name === "u") {
-        if (showConfirmation(state.confirm)) {
-          return Action.Beep();
-        }
-        return yield* processFileClear(state);
+      switch (input.key.name) {
+        case "u":
+          {
+            if (showConfirmation(state.confirm)) {
+              return Action.Beep();
+            }
+            return yield* processFileClear(state);
+          }
+        case "p":
+        case "k":
+          {
+            return yield* processFileCursorUp(state);
+          }
+        case "n":
+          {
+            return yield* processFileCursorDown(state);
+          }
+        default:
+          {
+            return Action.Beep();
+          }
       }
-      return Action.Beep();
     }
     switch (input.key.name) {
-      case "k":
       case "up":
         {
           return yield* processFileCursorUp(state);
         }
-      case "j":
       case "down":
       case "tab":
         {
@@ -1589,7 +1651,7 @@ const handleFileProcess = options => {
                 allFiles: files,
                 query: "",
                 path: Option.some(resolvedPath),
-                confirm: Confirm.Hide()
+                confirm: FileConfirm.Hide()
               }
             });
           }
@@ -1619,37 +1681,39 @@ const handleFileProcess = options => {
     }
   });
 };
-const renderMultiSelectError = (state, pointer, renderOptions) => {
+const renderMultiSelectError = (state, pointer, theme, renderOptions) => {
   if (Option.isSome(state.error)) {
     return Arr.match(state.error.value.split(NEWLINE_REGEXP), {
       onEmpty: () => "",
       onNonEmpty: errorLines => {
         if (renderOptions?.plain === true) {
-          return `${pointer} ${errorLines.join("\n")}`;
+          return separateSymbol(pointer, errorLines.join("\n"));
         }
-        const prefix = Ansi.annotate(pointer, Ansi.red) + " ";
-        const lines = Arr.map(errorLines, str => annotateErrorLine(str));
-        return Ansi.cursorSavePosition + "\n" + prefix + lines.join("\n") + Ansi.cursorRestorePosition;
+        const prefix = annotateSymbol(pointer, theme.errorColor);
+        const lines = Arr.map(errorLines, str => annotateErrorLine(str, theme.errorColor));
+        return Ansi.cursorSavePosition + "\n" + separateSymbol(prefix, lines.join("\n")) + Ansi.cursorRestorePosition;
       }
     });
   }
   return "";
 };
-const renderChoiceDescription = (choice, isActive, renderOptions) => {
+const renderChoiceDescription = (choice, isActive, theme, renderOptions) => {
   if (!choice.disabled && choice.description && isActive) {
-    return renderOptions?.plain === true ? "- " + choice.description : Ansi.annotate("- " + choice.description, Ansi.blackBright);
+    const text = theme.descriptionSeparator + choice.description;
+    return renderOptions?.plain === true ? text : Ansi.annotate(text, theme.mutedColor);
   }
   return "";
 };
 const metaOptionsCount = 2;
-const renderMultiSelectTitle = (title, isHighlighted, renderOptions) => {
+const renderMultiSelectTitle = (title, isHighlighted, theme, renderOptions) => {
   if (renderOptions?.plain === true || !isHighlighted) {
     return title;
   }
-  return Ansi.annotate(title, Ansi.combine(Ansi.underlined, Ansi.cyanBright));
+  return Ansi.annotate(title, Ansi.combine(Ansi.underlined, theme.primaryColor));
 };
 const renderMultiSelectChoices = (state, options, figures, renderOptions) => {
   const choices = options.choices;
+  const checkboxWidth = Math.max(figures.checkboxOn.length, figures.checkboxOff.length);
   const selectableCount = choices.filter(choice => !choice.disabled).length;
   const selectedCount = Array.from(state.selectedIndices).filter(index => !choices[index].disabled).length;
   const allSelected = selectedCount === selectableCount;
@@ -1666,47 +1730,43 @@ const renderMultiSelectChoices = (state, options, figures, renderOptions) => {
   for (let index = toDisplay.startIndex; index < toDisplay.endIndex; index++) {
     const choice = allChoices[index];
     const isHighlighted = state.index === index;
-    let prefix = " ";
-    if (index === toDisplay.startIndex && toDisplay.startIndex > 0) {
-      prefix = figures.arrowUp;
-    } else if (index === toDisplay.endIndex - 1 && toDisplay.endIndex < allChoices.length) {
-      prefix = figures.arrowDown;
-    }
+    const prefix = renderPagingPrefix(figures, index === toDisplay.startIndex && toDisplay.startIndex > 0, index === toDisplay.endIndex - 1 && toDisplay.endIndex < allChoices.length);
     if (index < metaOptions.length) {
       // Meta options
-      const title = renderMultiSelectTitle(choice.title, isHighlighted, renderOptions);
-      documents.push(prefix + " " + title);
+      const title = renderMultiSelectTitle(choice.title, isHighlighted, figures, renderOptions);
+      documents.push(prefix + (prefix.length === 0 ? "" : " ") + title);
     } else {
       // Regular choices
       const choiceIndex = index - metaOptions.length;
       const isSelected = state.selectedIndices.has(choiceIndex);
       const checkbox = isSelected ? figures.checkboxOn : figures.checkboxOff;
-      const annotatedCheckbox = isHighlighted && renderOptions?.plain !== true ? Ansi.annotate(checkbox, Ansi.cyanBright) : checkbox;
+      const annotatedCheckbox = isHighlighted && renderOptions?.plain !== true ? Ansi.annotate(checkbox, figures.primaryColor) : checkbox;
       const selectChoice = choice;
-      const title = renderChoiceTitle(selectChoice, isHighlighted, renderOptions);
-      const description = renderChoiceDescription(selectChoice, isHighlighted, renderOptions);
-      documents.push(prefix + " " + annotatedCheckbox + " " + title + " " + description);
+      const title = renderChoiceTitle(selectChoice, isHighlighted, figures, renderOptions);
+      const description = renderChoiceDescription(selectChoice, isHighlighted, figures, renderOptions);
+      const checkboxPrefix = checkboxWidth === 0 ? "" : annotatedCheckbox + " ".repeat(checkboxWidth - checkbox.length + 1);
+      documents.push(prefix + (prefix.length === 0 ? "" : " ") + checkboxPrefix + title + " " + description);
     }
   }
   return documents.join("\n");
 };
 const renderMultiSelectNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const choices = renderMultiSelectChoices(state, options, figures);
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
   const promptMsg = renderSelectOutput(leadingSymbol, trailingSymbol, options);
-  const error = renderMultiSelectError(state, figures.pointer);
+  const error = renderMultiSelectError(state, figures.pointer, figures);
   return Ansi.cursorHide + promptMsg + "\n" + choices + error;
 });
 const renderMultiSelectSubmission = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const selectedChoices = Array.from(state.selectedIndices).sort(EffectNumber.Order).map(index => options.choices[index].title);
   const selectedText = selectedChoices.join(", ");
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
   const promptMsg = renderSelectOutput(leadingSymbol, trailingSymbol, options);
-  return promptMsg + " " + Ansi.annotate(selectedText, Ansi.white) + "\n";
+  return promptMsg + " " + Ansi.annotate(selectedText, figures.submittedColor) + "\n";
 });
 const processMultiSelectCursorUp = (state, totalChoices) => {
   const newIndex = state.index === 0 ? totalChoices - 1 : state.index - 1;
@@ -1768,15 +1828,15 @@ const processSpace = (state, options) => {
 const handleMultiSelectClear = options => Effect.fnUntraced(function* (state, _) {
   const terminal = yield* Terminal.Terminal;
   const columns = yield* terminal.columns;
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const clearPrompt = Ansi.eraseLine + Ansi.cursorLeft;
-  const promptText = renderSelectOutput(options.prefix, figures.pointerSmall, options, {
+  const promptText = renderSelectOutput(figures.prefix, figures.pointerSmall, options, {
     plain: true
   });
   const choicesText = renderMultiSelectChoices(state, options, figures, {
     plain: true
   });
-  const errorText = renderMultiSelectError(state, figures.pointer, {
+  const errorText = renderMultiSelectError(state, figures.pointer, figures, {
     plain: true
   });
   const clearOutput = clearOutputWithError(`${promptText}\n${choicesText}`, columns, errorText);
@@ -1855,59 +1915,59 @@ const handleNumberClear = options => {
   return Effect.fnUntraced(function* (state, _) {
     const terminal = yield* Terminal.Terminal;
     const columns = yield* terminal.columns;
-    const figures = yield* platformFigures;
+    const figures = yield* getTheme(options);
     const resetCurrentLine = Ansi.eraseLine + Ansi.cursorLeft;
-    const errorText = renderNumberError(state, figures.pointerSmall, {
+    const errorText = renderNumberError(state, figures.pointerSmall, figures, {
       plain: true
     });
-    const promptText = renderNumberOutput(state, options.prefix, figures.pointerSmall, options, {
+    const promptText = renderNumberOutput(state, figures.prefix, figures.pointerSmall, options, figures, {
       plain: true
     });
     const clearOutput = clearOutputWithError(promptText, columns, errorText);
     return clearOutput + resetCurrentLine;
   });
 };
-const renderNumberInput = (state, submitted, renderOptions) => {
+const renderNumberInput = (state, submitted, theme, renderOptions) => {
   const value = state.value === "" ? "" : `${state.value}`;
   if (submitted || renderOptions?.plain === true) {
     return value;
   }
-  const annotation = Option.isSome(state.error) ? Ansi.red : Ansi.combine(Ansi.underlined, Ansi.cyanBright);
+  const annotation = Option.isSome(state.error) ? theme.errorColor : Ansi.combine(Ansi.underlined, theme.primaryColor);
   return Ansi.annotate(value, annotation);
 };
-const renderNumberError = (state, pointer, renderOptions) => {
+const renderNumberError = (state, pointer, theme, renderOptions) => {
   if (Option.isSome(state.error)) {
     return Arr.match(state.error.value.split(NEWLINE_REGEXP), {
       onEmpty: () => "",
       onNonEmpty: errorLines => {
         if (renderOptions?.plain === true) {
-          return `${pointer} ${errorLines.join("\n")}`;
+          return separateSymbol(pointer, errorLines.join("\n"));
         }
-        const prefix = Ansi.annotate(pointer, Ansi.red) + " ";
-        const lines = Arr.map(errorLines, str => annotateErrorLine(str));
-        return Ansi.cursorSavePosition + "\n" + prefix + lines.join("\n") + Ansi.cursorRestorePosition;
+        const prefix = annotateSymbol(pointer, theme.errorColor);
+        const lines = Arr.map(errorLines, str => annotateErrorLine(str, theme.errorColor));
+        return Ansi.cursorSavePosition + "\n" + separateSymbol(prefix, lines.join("\n")) + Ansi.cursorRestorePosition;
       }
     });
   }
   return "";
 };
-const renderNumberOutput = (state, leadingSymbol, trailingSymbol, options, renderOptions, submitted = false) => {
-  const value = renderNumberInput(state, submitted, renderOptions);
+const renderNumberOutput = (state, leadingSymbol, trailingSymbol, options, theme, renderOptions, submitted = false) => {
+  const value = renderNumberInput(state, submitted, theme, renderOptions);
   return renderPrompt(value, options.message, leadingSymbol, trailingSymbol, renderOptions);
 };
 const renderNumberNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
-  const errorMsg = renderNumberError(state, figures.pointerSmall);
-  const promptMsg = renderNumberOutput(state, leadingSymbol, trailingSymbol, options);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
+  const errorMsg = renderNumberError(state, figures.pointerSmall, figures);
+  const promptMsg = renderNumberOutput(state, leadingSymbol, trailingSymbol, options, figures);
   return promptMsg + errorMsg;
 });
 const renderNumberSubmission = /*#__PURE__*/Effect.fnUntraced(function* (nextState, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const promptMsg = renderNumberOutput(nextState, leadingSymbol, trailingSymbol, options, undefined, true);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const promptMsg = renderNumberOutput(nextState, leadingSymbol, trailingSymbol, options, figures, undefined, true);
   return promptMsg + "\n";
 });
 const processNumberBackspace = state => {
@@ -1941,8 +2001,8 @@ const defaultIntProcessor = (input, state) => {
       }
     }));
   }
-  const parsed = Number.parseInt(state.value + input);
-  if (Number.isNaN(parsed)) {
+  const parsed = globalThis.Number.parseInt(state.value + input);
+  if (globalThis.Number.isNaN(parsed)) {
     return Effect.succeed(Action.Beep());
   } else {
     return Effect.succeed(Action.NextFrame({
@@ -1967,8 +2027,8 @@ const defaultFloatProcessor = (input, state) => {
       }
     }));
   }
-  const parsed = Number.parseFloat(state.value + input);
-  if (Number.isNaN(parsed)) {
+  const parsed = globalThis.Number.parseFloat(state.value + input);
+  if (globalThis.Number.isNaN(parsed)) {
     return Effect.succeed(Action.Beep());
   } else {
     return Effect.succeed(Action.NextFrame({
@@ -2007,7 +2067,7 @@ const handleProcessInteger = options => {
           return Effect.succeed(Action.NextFrame({
             state: {
               ...state,
-              value: state.value === "" || state.value === "-" ? `${options.incrementBy}` : `${Number.parseInt(state.value) + options.incrementBy}`,
+              value: state.value === "" || state.value === "-" ? `${options.incrementBy}` : `${globalThis.Number.parseInt(state.value) + options.incrementBy}`,
               error: Option.none()
             }
           }));
@@ -2018,7 +2078,7 @@ const handleProcessInteger = options => {
           return Effect.succeed(Action.NextFrame({
             state: {
               ...state,
-              value: state.value === "" || state.value === "-" ? `-${options.decrementBy}` : `${Number.parseInt(state.value) - options.decrementBy}`,
+              value: state.value === "" || state.value === "-" ? `-${options.decrementBy}` : `${globalThis.Number.parseInt(state.value) - options.decrementBy}`,
               error: Option.none()
             }
           }));
@@ -2026,8 +2086,8 @@ const handleProcessInteger = options => {
       case "enter":
       case "return":
         {
-          const parsed = Number.parseInt(state.value);
-          if (Number.isNaN(parsed)) {
+          const parsed = globalThis.Number.parseInt(state.value);
+          if (globalThis.Number.isNaN(parsed)) {
             return Effect.succeed(Action.NextFrame({
               state: {
                 ...state,
@@ -2082,7 +2142,7 @@ const handleProcessFloat = options => {
           return Effect.succeed(Action.NextFrame({
             state: {
               ...state,
-              value: state.value === "" || state.value === "-" ? `${options.incrementBy}` : `${Number.parseFloat(state.value) + options.incrementBy}`,
+              value: state.value === "" || state.value === "-" ? `${options.incrementBy}` : `${globalThis.Number.parseFloat(state.value) + options.incrementBy}`,
               error: Option.none()
             }
           }));
@@ -2093,7 +2153,7 @@ const handleProcessFloat = options => {
           return Effect.succeed(Action.NextFrame({
             state: {
               ...state,
-              value: state.value === "" || state.value === "-" ? `-${options.decrementBy}` : `${Number.parseFloat(state.value) - options.decrementBy}`,
+              value: state.value === "" || state.value === "-" ? `-${options.decrementBy}` : `${globalThis.Number.parseFloat(state.value) - options.decrementBy}`,
               error: Option.none()
             }
           }));
@@ -2101,8 +2161,8 @@ const handleProcessFloat = options => {
       case "enter":
       case "return":
         {
-          const parsed = Number.parseFloat(state.value);
-          if (Number.isNaN(parsed)) {
+          const parsed = globalThis.Number.parseFloat(state.value);
+          if (globalThis.Number.isNaN(parsed)) {
             return Effect.succeed(Action.NextFrame({
               state: {
                 ...state,
@@ -2166,57 +2226,47 @@ const updateAutoCompleteState = (state, options, query) => {
 };
 const autoCompleteCursor = state => Option.getOrElse(Arr.findFirstIndex(state.filtered, index => index === state.index), () => 0);
 const renderSelectOutput = (leadingSymbol, trailingSymbol, options, renderOptions) => renderPrompt("", options.message, leadingSymbol, trailingSymbol, renderOptions);
-const renderAutoCompleteFilter = (state, options, renderOptions) => {
-  const filterValue = state.query.length === 0 ? renderOptions?.plain === true ? options.filterPlaceholder : Ansi.annotate(options.filterPlaceholder, Ansi.blackBright) : renderOptions?.plain === true ? state.query : Ansi.annotate(state.query, Ansi.combine(Ansi.underlined, Ansi.cyanBright));
+const renderAutoCompleteFilter = (state, options, theme, renderOptions) => {
+  const filterValue = state.query.length === 0 ? renderOptions?.plain === true ? options.filterPlaceholder : Ansi.annotate(options.filterPlaceholder, theme.mutedColor) : renderOptions?.plain === true ? state.query : Ansi.annotate(state.query, Ansi.combine(Ansi.underlined, theme.primaryColor));
   return `[${options.filterLabel}: ${filterValue}]`;
 };
-const renderAutoCompleteOutput = (state, leadingSymbol, trailingSymbol, options, renderOptions) => {
-  const filter = renderAutoCompleteFilter(state, options, renderOptions);
+const renderAutoCompleteOutput = (state, leadingSymbol, trailingSymbol, options, theme, renderOptions) => {
+  const filter = renderAutoCompleteFilter(state, options, theme, renderOptions);
   return renderPrompt(filter, options.message, leadingSymbol, trailingSymbol, renderOptions);
 };
 const renderChoicePrefix = (state, choices, toDisplay, currentIndex, figures, renderOptions) => {
-  let prefix = " ";
-  if (currentIndex === toDisplay.startIndex && toDisplay.startIndex > 0) {
-    prefix = figures.arrowUp;
-  } else if (currentIndex === toDisplay.endIndex - 1 && toDisplay.endIndex < choices.length) {
-    prefix = figures.arrowDown;
-  }
+  const prefix = renderPagingPrefix(figures, currentIndex === toDisplay.startIndex && toDisplay.startIndex > 0, currentIndex === toDisplay.endIndex - 1 && toDisplay.endIndex < choices.length);
   if (renderOptions?.plain === true) {
-    return state === currentIndex ? figures.pointer + prefix : prefix + " ";
+    return state === currentIndex ? figures.pointer + prefix : prefix + " ".repeat(figures.pointer.length);
   }
   if (choices[currentIndex].disabled) {
-    const annotation = Ansi.combine(Ansi.bold, Ansi.blackBright);
-    return state === currentIndex ? Ansi.annotate(figures.pointer, annotation) + prefix : prefix + " ";
+    const annotation = Ansi.combine(Ansi.bold, figures.mutedColor);
+    return state === currentIndex ? annotateSymbol(figures.pointer, annotation) + prefix : prefix + " ".repeat(figures.pointer.length);
   }
-  return state === currentIndex ? Ansi.annotate(figures.pointer, Ansi.cyanBright) + prefix : prefix + " ";
+  return state === currentIndex ? annotateSymbol(figures.pointer, figures.primaryColor) + prefix : prefix + " ".repeat(figures.pointer.length);
 };
 const renderAutoCompleteChoicePrefix = (state, options, toDisplay, currentIndex, figures, renderOptions) => {
-  let prefix = " ";
-  if (currentIndex === toDisplay.startIndex && toDisplay.startIndex > 0) {
-    prefix = figures.arrowUp;
-  } else if (currentIndex === toDisplay.endIndex - 1 && toDisplay.endIndex < state.filtered.length) {
-    prefix = figures.arrowDown;
-  }
+  const prefix = renderPagingPrefix(figures, currentIndex === toDisplay.startIndex && toDisplay.startIndex > 0, currentIndex === toDisplay.endIndex - 1 && toDisplay.endIndex < state.filtered.length);
   const choiceIndex = state.filtered[currentIndex];
   if (renderOptions?.plain === true) {
-    return state.index === choiceIndex ? figures.pointer + prefix : prefix + " ";
+    return state.index === choiceIndex ? figures.pointer + prefix : prefix + " ".repeat(figures.pointer.length);
   }
   const choice = options.choices[choiceIndex];
   if (choice.disabled) {
-    const annotation = Ansi.combine(Ansi.bold, Ansi.blackBright);
-    return state.index === choiceIndex ? Ansi.annotate(figures.pointer, annotation) + prefix : prefix + " ";
+    const annotation = Ansi.combine(Ansi.bold, figures.mutedColor);
+    return state.index === choiceIndex ? annotateSymbol(figures.pointer, annotation) + prefix : prefix + " ".repeat(figures.pointer.length);
   }
-  return state.index === choiceIndex ? Ansi.annotate(figures.pointer, Ansi.cyanBright) + prefix : prefix + " ";
+  return state.index === choiceIndex ? annotateSymbol(figures.pointer, figures.primaryColor) + prefix : prefix + " ".repeat(figures.pointer.length);
 };
-const renderChoiceTitle = (choice, isSelected, renderOptions) => {
+const renderChoiceTitle = (choice, isSelected, theme, renderOptions) => {
   if (renderOptions?.plain === true) {
     return choice.title;
   }
   const title = choice.title;
   if (isSelected) {
-    return choice.disabled ? Ansi.annotate(title, Ansi.combine(Ansi.underlined, Ansi.blackBright)) : Ansi.annotate(title, Ansi.combine(Ansi.underlined, Ansi.cyanBright));
+    return choice.disabled ? Ansi.annotate(title, Ansi.combine(Ansi.underlined, theme.mutedColor)) : Ansi.annotate(title, Ansi.combine(Ansi.underlined, theme.primaryColor));
   }
-  return choice.disabled ? Ansi.annotate(title, Ansi.combine(Ansi.strikethrough, Ansi.blackBright)) : title;
+  return choice.disabled ? Ansi.annotate(title, Ansi.combine(Ansi.strikethrough, theme.mutedColor)) : title;
 };
 const renderSelectChoices = (state, options, figures, renderOptions) => {
   const choices = options.choices;
@@ -2226,15 +2276,15 @@ const renderSelectChoices = (state, options, figures, renderOptions) => {
     const choice = choices[index];
     const isSelected = state === index;
     const prefix = renderChoicePrefix(state, choices, toDisplay, index, figures, renderOptions);
-    const title = renderChoiceTitle(choice, isSelected, renderOptions);
-    const description = renderChoiceDescription(choice, isSelected, renderOptions);
+    const title = renderChoiceTitle(choice, isSelected, figures, renderOptions);
+    const description = renderChoiceDescription(choice, isSelected, figures, renderOptions);
     documents.push(prefix + title + " " + description);
   }
   return documents.join("\n");
 };
 const renderAutoCompleteChoices = (state, options, figures, renderOptions) => {
   if (state.filtered.length === 0) {
-    return renderOptions?.plain === true ? options.emptyMessage : Ansi.annotate(options.emptyMessage, Ansi.blackBright);
+    return renderOptions?.plain === true ? options.emptyMessage : Ansi.annotate(options.emptyMessage, figures.mutedColor);
   }
   const cursor = autoCompleteCursor(state);
   const toDisplay = entriesToDisplay(cursor, state.filtered.length, options.maxPerPage);
@@ -2244,43 +2294,43 @@ const renderAutoCompleteChoices = (state, options, figures, renderOptions) => {
     const choice = options.choices[choiceIndex];
     const isSelected = state.index === choiceIndex;
     const prefix = renderAutoCompleteChoicePrefix(state, options, toDisplay, index, figures, renderOptions);
-    const title = renderChoiceTitle(choice, isSelected, renderOptions);
-    const description = renderChoiceDescription(choice, isSelected, renderOptions);
+    const title = renderChoiceTitle(choice, isSelected, figures, renderOptions);
+    const description = renderChoiceDescription(choice, isSelected, figures, renderOptions);
     documents.push(prefix + title + " " + description);
   }
   return documents.join("\n");
 };
 const renderSelectNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const choices = renderSelectChoices(state, options, figures);
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
   const promptMsg = renderSelectOutput(leadingSymbol, trailingSymbol, options);
   return Ansi.cursorHide + promptMsg + "\n" + choices;
 });
 const renderAutoCompleteNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const choices = renderAutoCompleteChoices(state, options, figures);
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
-  const promptMsg = renderAutoCompleteOutput(state, leadingSymbol, trailingSymbol, options);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
+  const promptMsg = renderAutoCompleteOutput(state, leadingSymbol, trailingSymbol, options, figures);
   return Ansi.cursorHide + promptMsg + "\n" + choices;
 });
 const renderSelectSubmission = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const selected = options.choices[state].title;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
   const promptMsg = renderSelectOutput(leadingSymbol, trailingSymbol, options);
-  return promptMsg + " " + Ansi.annotate(selected, Ansi.white) + "\n";
+  return promptMsg + " " + Ansi.annotate(selected, figures.submittedColor) + "\n";
 });
 const renderAutoCompleteSubmission = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const selected = options.choices[state.index].title;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const promptMsg = renderAutoCompleteOutput(state, leadingSymbol, trailingSymbol, options);
-  return promptMsg + " " + Ansi.annotate(selected, Ansi.white) + "\n";
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const promptMsg = renderAutoCompleteOutput(state, leadingSymbol, trailingSymbol, options, figures);
+  return promptMsg + " " + Ansi.annotate(selected, figures.submittedColor) + "\n";
 });
 const processSelectCursorUp = (state, choices) => {
   if (state === 0) {
@@ -2380,9 +2430,9 @@ const handleAutoCompleteRender = options => {
 const handleSelectClear = options => Effect.fnUntraced(function* (state, _) {
   const terminal = yield* Terminal.Terminal;
   const columns = yield* terminal.columns;
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const clearPrompt = Ansi.eraseLine + Ansi.cursorLeft;
-  const promptText = renderSelectOutput(options.prefix, figures.pointerSmall, options, {
+  const promptText = renderSelectOutput(figures.prefix, figures.pointerSmall, options, {
     plain: true
   });
   const choicesText = renderSelectChoices(state, options, figures, {
@@ -2394,9 +2444,9 @@ const handleSelectClear = options => Effect.fnUntraced(function* (state, _) {
 const handleAutoCompleteClear = options => Effect.fnUntraced(function* (state, _) {
   const terminal = yield* Terminal.Terminal;
   const columns = yield* terminal.columns;
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const clearPrompt = Ansi.eraseLine + Ansi.cursorLeft;
-  const promptText = renderAutoCompleteOutput(state, options.prefix, figures.pointerSmall, options, {
+  const promptText = renderAutoCompleteOutput(state, figures.prefix, figures.pointerSmall, options, figures, {
     plain: true
   });
   const choicesText = renderAutoCompleteChoices(state, options, figures, {
@@ -2442,19 +2492,34 @@ const handleSelectProcess = options => {
 };
 const handleAutoCompleteProcess = options => {
   return (input, state) => {
+    // Navigation is bound to ctrl chords rather than bare `j`/`k`, so that every
+    // printable character reaches the filter input.
     if (input.key.ctrl) {
-      if (input.key.name === "u") {
-        return processAutoCompleteClear(state, options);
+      switch (input.key.name) {
+        case "u":
+          {
+            return processAutoCompleteClear(state, options);
+          }
+        case "p":
+        case "k":
+          {
+            return processAutoCompleteCursorUp(state);
+          }
+        case "n":
+          {
+            return processAutoCompleteCursorDown(state);
+          }
+        default:
+          {
+            return Effect.succeed(Action.Beep());
+          }
       }
-      return Effect.succeed(Action.Beep());
     }
     switch (input.key.name) {
-      case "k":
       case "up":
         {
           return processAutoCompleteCursorUp(state);
         }
-      case "j":
       case "down":
         {
           return processAutoCompleteCursorDown(state);
@@ -2491,17 +2556,17 @@ const handleAutoCompleteProcess = options => {
 const renderClearScreen = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
   const terminal = yield* Terminal.Terminal;
   const columns = yield* terminal.columns;
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const resetCurrentLine = Ansi.eraseLine + Ansi.cursorLeft;
-  const errorText = renderTextError(state, figures.pointerSmall, {
+  const errorText = renderTextError(state, figures.pointerSmall, figures, {
     plain: true
   });
-  const clearOutput = clearOutputWithError(renderTextOutput(state, options.prefix, figures.pointerSmall, options, {
+  const clearOutput = clearOutputWithError(renderTextOutput(state, figures.prefix, figures.pointerSmall, options, figures, {
     plain: true
   }), columns, errorText);
   return clearOutput + resetCurrentLine;
 });
-const renderTextInput = (nextState, options, submitted, renderOptions) => {
+const renderTextInput = (nextState, options, theme, submitted, renderOptions) => {
   const text = nextState.value;
   if (renderOptions?.plain === true) {
     switch (options.type) {
@@ -2511,7 +2576,7 @@ const renderTextInput = (nextState, options, submitted, renderOptions) => {
         }
       case "password":
         {
-          return "*".repeat(text.length);
+          return theme.passwordMask.repeat(text.length);
         }
       case "text":
         {
@@ -2519,7 +2584,12 @@ const renderTextInput = (nextState, options, submitted, renderOptions) => {
         }
     }
   }
-  const annotation = Option.isSome(nextState.error) ? Ansi.red : submitted ? Ansi.white : nextState.value.length === 0 ? Ansi.blackBright : Ansi.combine(Ansi.underlined, Ansi.cyanBright);
+  if (text.length === 0) {
+    // Avoid wrapping an empty value in ANSI codes, which would make renderPrompt
+    // add spacing for content that occupies no terminal columns.
+    return "";
+  }
+  const annotation = Option.isSome(nextState.error) ? theme.errorColor : submitted ? theme.submittedColor : Ansi.combine(Ansi.underlined, theme.primaryColor);
   switch (options.type) {
     case "hidden":
       {
@@ -2527,7 +2597,7 @@ const renderTextInput = (nextState, options, submitted, renderOptions) => {
       }
     case "password":
       {
-        return Ansi.annotate("*".repeat(text.length), annotation);
+        return annotateSymbol(theme.passwordMask.repeat(text.length), annotation);
       }
     case "text":
       {
@@ -2535,40 +2605,41 @@ const renderTextInput = (nextState, options, submitted, renderOptions) => {
       }
   }
 };
-const renderTextError = (nextState, pointer, renderOptions) => {
+const renderTextError = (nextState, pointer, theme, renderOptions) => {
   if (Option.isSome(nextState.error)) {
     return Arr.match(nextState.error.value.split(NEWLINE_REGEXP), {
       onEmpty: () => "",
       onNonEmpty: errorLines => {
         if (renderOptions?.plain === true) {
-          return `${pointer} ${errorLines.join("\n")}`;
+          return separateSymbol(pointer, errorLines.join("\n"));
         }
-        const prefix = Ansi.annotate(pointer, Ansi.red) + " ";
-        const lines = Arr.map(errorLines, str => annotateErrorLine(str));
-        return Ansi.cursorSavePosition + "\n" + prefix + lines.join("\n") + Ansi.cursorRestorePosition;
+        const prefix = annotateSymbol(pointer, theme.errorColor);
+        const lines = Arr.map(errorLines, str => annotateErrorLine(str, theme.errorColor));
+        return Ansi.cursorSavePosition + "\n" + separateSymbol(prefix, lines.join("\n")) + Ansi.cursorRestorePosition;
       }
     });
   }
   return "";
 };
-const renderTextOutput = (nextState, leadingSymbol, trailingSymbol, options, renderOptions, submitted = false) => {
-  const value = renderTextInput(nextState, options, submitted, renderOptions);
+const renderTextOutput = (nextState, leadingSymbol, trailingSymbol, options, theme, renderOptions, submitted = false) => {
+  const value = renderTextInput(nextState, options, theme, submitted, renderOptions);
   return renderPrompt(value, options.message, leadingSymbol, trailingSymbol, renderOptions);
 };
 const renderTextNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
-  const promptMsg = renderTextOutput(state, leadingSymbol, trailingSymbol, options);
-  const errorMsg = renderTextError(state, figures.pointerSmall);
-  const offset = state.cursor - state.value.length;
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
+  const promptMsg = renderTextOutput(state, leadingSymbol, trailingSymbol, options, figures);
+  const errorMsg = renderTextError(state, figures.pointerSmall, figures);
+  const cursorWidth = options.type === "password" ? figures.passwordMask.length : 1;
+  const offset = (state.cursor - state.value.length) * cursorWidth;
   return promptMsg + errorMsg + Ansi.cursorMove(offset);
 });
 const renderTextSubmission = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const promptMsg = renderTextOutput(state, leadingSymbol, trailingSymbol, options, undefined, true);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const promptMsg = renderTextOutput(state, leadingSymbol, trailingSymbol, options, figures, undefined, true);
   return promptMsg + "\n";
 });
 const processTextBackspace = state => {
@@ -2756,15 +2827,14 @@ const basePrompt = (options, type) => {
     default: "",
     type,
     validate: Effect.succeed,
-    ...options,
-    prefix: options.prefix ?? DEFAULT_PREFIX
+    ...options
   };
   const initialState = {
     cursor: opts.default.length,
     value: opts.default,
     error: Option.none()
   };
-  return custom(initialState, {
+  return Custom(initialState, {
     render: handleTextRender(opts),
     process: handleTextProcess(opts),
     clear: handleTextClear(opts)
@@ -2773,44 +2843,38 @@ const basePrompt = (options, type) => {
 const handleToggleClear = /*#__PURE__*/Effect.fnUntraced(function* (options) {
   const terminal = yield* Terminal.Terminal;
   const columns = yield* terminal.columns;
-  const figures = yield* platformFigures;
+  const figures = yield* getTheme(options);
   const clearPrompt = Ansi.eraseLine + Ansi.cursorLeft;
-  const toggleText = `${options.active} / ${options.inactive}`;
-  const promptText = renderPrompt(toggleText, options.message, options.prefix, figures.pointerSmall, {
+  const toggleText = options.active + " " + separateSymbol(figures.toggleSeparator, options.inactive);
+  const promptText = renderPrompt(toggleText, options.message, figures.prefix, figures.pointerSmall, {
     plain: true
   });
   const clearOutput = eraseText(promptText, columns);
   return clearOutput + clearPrompt;
 });
-const renderToggle = (value, options, submitted = false) => {
-  const separator = Ansi.annotate("/", Ansi.blackBright);
-  const selectedAnnotation = Ansi.combine(Ansi.underlined, submitted ? Ansi.white : Ansi.cyanBright);
+const renderToggle = (value, options, theme, submitted = false) => {
+  const separator = annotateSymbol(theme.toggleSeparator, theme.mutedColor);
+  const selectedAnnotation = Ansi.combine(Ansi.underlined, submitted ? theme.submittedColor : theme.primaryColor);
   const inactive = value ? options.inactive : Ansi.annotate(options.inactive, selectedAnnotation);
   const active = value ? Ansi.annotate(options.active, selectedAnnotation) : options.active;
-  return active + " " + separator + " " + inactive;
+  return active + " " + separateSymbol(separator, inactive);
 };
 const renderToggleOutput = (toggle, leadingSymbol, trailingSymbol, options) => {
-  const promptLines = options.message.split(NEWLINE_REGEXP);
-  const prefix = leadingSymbol + " ";
-  if (Arr.isReadonlyArrayNonEmpty(promptLines)) {
-    const lines = Arr.map(promptLines, line => annotateLine(line));
-    return prefix + lines.join("\n") + " " + trailingSymbol + " " + toggle;
-  }
-  return prefix + " " + trailingSymbol + " " + toggle;
+  return renderPrompt(toggle, options.message, leadingSymbol, trailingSymbol);
 };
 const renderToggleNextFrame = /*#__PURE__*/Effect.fnUntraced(function* (state, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(options.prefix, Ansi.cyanBright);
-  const trailingSymbol = Ansi.annotate(figures.pointerSmall, Ansi.blackBright);
-  const toggle = renderToggle(state, options);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.prefix, figures.primaryColor);
+  const trailingSymbol = annotateSymbol(figures.pointerSmall, figures.mutedColor);
+  const toggle = renderToggle(state, options, figures);
   const promptMsg = renderToggleOutput(toggle, leadingSymbol, trailingSymbol, options);
   return Ansi.cursorHide + promptMsg;
 });
 const renderToggleSubmission = /*#__PURE__*/Effect.fnUntraced(function* (value, options) {
-  const figures = yield* platformFigures;
-  const leadingSymbol = Ansi.annotate(figures.tick, Ansi.green);
-  const trailingSymbol = Ansi.annotate(figures.ellipsis, Ansi.blackBright);
-  const toggle = renderToggle(value, options, true);
+  const figures = yield* getTheme(options);
+  const leadingSymbol = annotateSymbol(figures.tick, figures.successColor);
+  const trailingSymbol = annotateSymbol(figures.ellipsis, figures.mutedColor);
+  const toggle = renderToggle(value, options, figures, true);
   const promptMsg = renderToggleOutput(toggle, leadingSymbol, trailingSymbol, options);
   return promptMsg + "\n";
 });