Initial commit: notification-elements-demo app

Interactive Angular 19 demo for @sda/notification-elements-ui with
6 sections: Bell & Feed, Notification Center, Inbox, Comments &
Threads, Mention Input, and Full-Featured layout. Includes mock
data, dark mode toggle, and real-time event log.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>

node_modules/@inquirer/checkbox/LICENSE

@@ -0,0 +1,22 @@
+Copyright (c) 2025 Simon Boudrias
+
+Permission is hereby granted, free of charge, to any person
+obtaining a copy of this software and associated documentation
+files (the "Software"), to deal in the Software without
+restriction, including without limitation the rights to use,
+copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the
+Software is furnished to do so, subject to the following
+conditions:
+
+The above copyright notice and this permission notice shall be
+included in all copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
+EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES
+OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
+NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT
+HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY,
+WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING
+FROM, OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR
+OTHER DEALINGS IN THE SOFTWARE.

node_modules/@inquirer/checkbox/README.md

@@ -0,0 +1,188 @@
+# `@inquirer/checkbox`
+
+Simple interactive command line prompt to display a list of checkboxes (multi select).
+
+![Checkbox prompt](https://cdn.rawgit.com/SBoudrias/Inquirer.js/28ae8337ba51d93e359ef4f7ee24e79b69898962/assets/screenshots/checkbox.svg)
+
+# Installation
+
+<table>
+<tr>
+  <th>npm</th>
+  <th>yarn</th>
+</tr>
+<tr>
+<td>
+
+```sh
+npm install @inquirer/prompts
+```
+
+</td>
+<td>
+
+```sh
+yarn add @inquirer/prompts
+```
+
+</td>
+</tr>
+<tr>
+<td colSpan="2" align="center">Or</td>
+</tr>
+<tr>
+<td>
+
+```sh
+npm install @inquirer/checkbox
+```
+
+</td>
+<td>
+
+```sh
+yarn add @inquirer/checkbox
+```
+
+</td>
+</tr>
+</table>
+
+# Usage
+
+```js
+import { checkbox, Separator } from '@inquirer/prompts';
+// Or
+// import checkbox, { Separator } from '@inquirer/checkbox';
+
+const answer = await checkbox({
+  message: 'Select a package manager',
+  choices: [
+    { name: 'npm', value: 'npm' },
+    { name: 'yarn', value: 'yarn' },
+    new Separator(),
+    { name: 'pnpm', value: 'pnpm', disabled: true },
+    {
+      name: 'pnpm',
+      value: 'pnpm',
+      disabled: '(pnpm is not available)',
+    },
+  ],
+});
+```
+
+## Options
+
+| Property  | Type                                    | Required | Description                                                                                                                                                                                           |
+| --------- | --------------------------------------- | -------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| message   | `string`                                | yes      | The question to ask                                                                                                                                                                                   |
+| choices   | `Choice[]`                              | yes      | List of the available choices.                                                                                                                                                                        |
+| pageSize  | `number`                                | no       | By default, lists of choice longer than 7 will be paginated. Use this option to control how many choices will appear on the screen at once.                                                           |
+| loop      | `boolean`                               | no       | Defaults to `true`. When set to `false`, the cursor will be constrained to the top and bottom of the choice list without looping.                                                                     |
+| required  | `boolean`                               | no       | When set to `true`, ensures at least one choice must be selected.                                                                                                                                     |
+| validate  | `async (Choice[]) => boolean \| string` | no       | On submit, validate the choices. When returning a string, it'll be used as the error message displayed to the user. Note: returning a rejected promise, we'll assume a code error happened and crash. |
+| shortcuts | [See Shortcuts](#Shortcuts)             | no       | Customize shortcut keys for `all` and `invert`.                                                                                                                                                       |
+| theme     | [See Theming](#Theming)                 | no       | Customize look of the prompt.                                                                                                                                                                         |
+
+`Separator` objects can be used in the `choices` array to render non-selectable lines in the choice list. By default it'll render a line, but you can provide the text as argument (`new Separator('-- Dependencies --')`). This option is often used to add labels to groups within long list of options.
+
+### `Choice` object
+
+The `Choice` object is typed as
+
+```ts
+type Choice<Value> = {
+  value: Value;
+  name?: string;
+  checkedName?: string;
+  description?: string;
+  short?: string;
+  checked?: boolean;
+  disabled?: boolean | string;
+};
+```
+
+Here's each property:
+
+- `value`: The value is what will be returned by `await checkbox()`.
+- `name`: This is the string displayed in the choice list.
+- `checkedName`: Alternative `name` (or format) displayed when the choice is checked.
+- `description`: Option for a longer description string that'll appear under the list when the cursor highlight a given choice.
+- `short`: Once the prompt is done (press enter), we'll use `short` if defined to render next to the question. By default we'll use `name`.
+- `checked`: If `true`, the option will be checked by default.
+- `disabled`: Disallow the option from being selected. If `disabled` is a string, it'll be used as a help tip explaining why the choice isn't available.
+
+Also note the `choices` array can contain `Separator`s to help organize long lists.
+
+`choices` can also be an array of string, in which case the string will be used both as the `value` and the `name`.
+
+## Shortcuts
+
+You can customize the shortcut keys for `all` and `invert` or disable them by setting them to `null`.
+
+```ts
+type Shortcuts = {
+  all?: string | null; // default: 'a'
+  invert?: string | null; // default: 'i'
+};
+```
+
+## Theming
+
+You can theme a prompt by passing a `theme` object option. The theme object only need to includes the keys you wish to modify, we'll fallback on the defaults for the rest.
+
+```ts
+type Theme = {
+  prefix: string | { idle: string; done: string };
+  spinner: {
+    interval: number;
+    frames: string[];
+  };
+  style: {
+    answer: (text: string) => string;
+    message: (text: string, status: 'idle' | 'done' | 'loading') => string;
+    error: (text: string) => string;
+    defaultAnswer: (text: string) => string;
+    help: (text: string) => string;
+    highlight: (text: string) => string;
+    key: (text: string) => string;
+    disabledChoice: (text: string) => string;
+    description: (text: string) => string;
+    renderSelectedChoices: <T>(
+      selectedChoices: ReadonlyArray<Choice<T>>,
+      allChoices: ReadonlyArray<Choice<T> | Separator>,
+    ) => string;
+    keysHelpTip: (keys: [key: string, action: string][]) => string | undefined;
+  };
+  icon: {
+    checked: string;
+    unchecked: string;
+    cursor: string;
+  };
+};
+```
+
+### `theme.style.keysHelpTip`
+
+This function allows you to customize the keyboard shortcuts help tip displayed below the prompt. It receives an array of key-action pairs and should return a formatted string. You can also hook here to localize the labels to different languages.
+
+It can also returns `undefined` to hide the help tip entirely. This is the replacement for the deprecated theme option `helpMode: 'never'`.
+
+```js
+theme: {
+  style: {
+    keysHelpTip: (keys) => {
+      // Return undefined to hide the help tip completely
+      return undefined;
+
+      // Or customize the formatting. Or localize the labels.
+      return keys.map(([key, action]) => `${key}: ${action}`).join(' | ');
+    };
+  }
+}
+```
+
+# License
+
+Copyright (c) 2023 Simon Boudrias (twitter: [@vaxilart](https://twitter.com/Vaxilart))<br/>
+Licensed under the MIT license.

node_modules/@inquirer/checkbox/dist/commonjs/index.d.ts

@@ -0,0 +1,57 @@
+import { Separator, type Theme, type Keybinding } from '@inquirer/core';
+import type { PartialDeep } from '@inquirer/type';
+type CheckboxTheme = {
+    icon: {
+        checked: string;
+        unchecked: string;
+        cursor: string;
+    };
+    style: {
+        disabledChoice: (text: string) => string;
+        renderSelectedChoices: <T>(selectedChoices: ReadonlyArray<NormalizedChoice<T>>, allChoices: ReadonlyArray<NormalizedChoice<T> | Separator>) => string;
+        description: (text: string) => string;
+        keysHelpTip: (keys: [key: string, action: string][]) => string | undefined;
+    };
+    /** @deprecated Use theme.style.keysHelpTip instead */
+    helpMode: 'always' | 'never' | 'auto';
+    keybindings: ReadonlyArray<Keybinding>;
+};
+type CheckboxShortcuts = {
+    all?: string | null;
+    invert?: string | null;
+};
+type Choice<Value> = {
+    value: Value;
+    name?: string;
+    checkedName?: string;
+    description?: string;
+    short?: string;
+    disabled?: boolean | string;
+    checked?: boolean;
+    type?: never;
+};
+type NormalizedChoice<Value> = {
+    value: Value;
+    name: string;
+    checkedName: string;
+    description?: string;
+    short: string;
+    disabled: boolean | string;
+    checked: boolean;
+};
+declare const _default: <Value>(config: {
+    message: string;
+    prefix?: string | undefined;
+    pageSize?: number | undefined;
+    instructions?: string | boolean | undefined;
+    choices: readonly (string | Separator)[] | readonly (Separator | Choice<Value>)[];
+    loop?: boolean | undefined;
+    required?: boolean | undefined;
+    validate?: ((choices: readonly NormalizedChoice<Value>[]) => boolean | string | Promise<string | boolean>) | undefined;
+    theme?: PartialDeep<Theme<CheckboxTheme>> | undefined;
+    shortcuts?: CheckboxShortcuts | undefined;
+}, context?: import("@inquirer/type").Context) => Promise<Value[]> & {
+    cancel: () => void;
+};
+export default _default;
+export { Separator } from '@inquirer/core';

node_modules/@inquirer/checkbox/dist/commonjs/index.js

@@ -0,0 +1,209 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Separator = void 0;
+const core_1 = require("@inquirer/core");
+const ansi_1 = require("@inquirer/ansi");
+const yoctocolors_cjs_1 = __importDefault(require("yoctocolors-cjs"));
+const figures_1 = __importDefault(require("@inquirer/figures"));
+const checkboxTheme = {
+    icon: {
+        checked: yoctocolors_cjs_1.default.green(figures_1.default.circleFilled),
+        unchecked: figures_1.default.circle,
+        cursor: figures_1.default.pointer,
+    },
+    style: {
+        disabledChoice: (text) => yoctocolors_cjs_1.default.dim(`- ${text}`),
+        renderSelectedChoices: (selectedChoices) => selectedChoices.map((choice) => choice.short).join(', '),
+        description: (text) => yoctocolors_cjs_1.default.cyan(text),
+        keysHelpTip: (keys) => keys
+            .map(([key, action]) => `${yoctocolors_cjs_1.default.bold(key)} ${yoctocolors_cjs_1.default.dim(action)}`)
+            .join(yoctocolors_cjs_1.default.dim(' • ')),
+    },
+    helpMode: 'always',
+    keybindings: [],
+};
+function isSelectable(item) {
+    return !core_1.Separator.isSeparator(item) && !item.disabled;
+}
+function isChecked(item) {
+    return isSelectable(item) && item.checked;
+}
+function toggle(item) {
+    return isSelectable(item) ? { ...item, checked: !item.checked } : item;
+}
+function check(checked) {
+    return function (item) {
+        return isSelectable(item) ? { ...item, checked } : item;
+    };
+}
+function normalizeChoices(choices) {
+    return choices.map((choice) => {
+        if (core_1.Separator.isSeparator(choice))
+            return choice;
+        if (typeof choice === 'string') {
+            return {
+                value: choice,
+                name: choice,
+                short: choice,
+                checkedName: choice,
+                disabled: false,
+                checked: false,
+            };
+        }
+        const name = choice.name ?? String(choice.value);
+        const normalizedChoice = {
+            value: choice.value,
+            name,
+            short: choice.short ?? name,
+            checkedName: choice.checkedName ?? name,
+            disabled: choice.disabled ?? false,
+            checked: choice.checked ?? false,
+        };
+        if (choice.description) {
+            normalizedChoice.description = choice.description;
+        }
+        return normalizedChoice;
+    });
+}
+exports.default = (0, core_1.createPrompt)((config, done) => {
+    const { 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    instructions, pageSize = 7, loop = true, required, validate = () => true, } = config;
+    const shortcuts = { all: 'a', invert: 'i', ...config.shortcuts };
+    const theme = (0, core_1.makeTheme)(checkboxTheme, config.theme);
+    const { keybindings } = theme;
+    const [status, setStatus] = (0, core_1.useState)('idle');
+    const prefix = (0, core_1.usePrefix)({ status, theme });
+    const [items, setItems] = (0, core_1.useState)(normalizeChoices(config.choices));
+    const bounds = (0, core_1.useMemo)(() => {
+        const first = items.findIndex(isSelectable);
+        const last = items.findLastIndex(isSelectable);
+        if (first === -1) {
+            throw new core_1.ValidationError('[checkbox prompt] No selectable choices. All choices are disabled.');
+        }
+        return { first, last };
+    }, [items]);
+    const [active, setActive] = (0, core_1.useState)(bounds.first);
+    const [errorMsg, setError] = (0, core_1.useState)();
+    (0, core_1.useKeypress)(async (key) => {
+        if ((0, core_1.isEnterKey)(key)) {
+            const selection = items.filter(isChecked);
+            const isValid = await validate([...selection]);
+            if (required && !items.some(isChecked)) {
+                setError('At least one choice must be selected');
+            }
+            else if (isValid === true) {
+                setStatus('done');
+                done(selection.map((choice) => choice.value));
+            }
+            else {
+                setError(isValid || 'You must select a valid value');
+            }
+        }
+        else if ((0, core_1.isUpKey)(key, keybindings) || (0, core_1.isDownKey)(key, keybindings)) {
+            if (loop ||
+                ((0, core_1.isUpKey)(key, keybindings) && active !== bounds.first) ||
+                ((0, core_1.isDownKey)(key, keybindings) && active !== bounds.last)) {
+                const offset = (0, core_1.isUpKey)(key, keybindings) ? -1 : 1;
+                let next = active;
+                do {
+                    next = (next + offset + items.length) % items.length;
+                } while (!isSelectable(items[next]));
+                setActive(next);
+            }
+        }
+        else if ((0, core_1.isSpaceKey)(key)) {
+            setError(undefined);
+            setItems(items.map((choice, i) => (i === active ? toggle(choice) : choice)));
+        }
+        else if (key.name === shortcuts.all) {
+            const selectAll = items.some((choice) => isSelectable(choice) && !choice.checked);
+            setItems(items.map(check(selectAll)));
+        }
+        else if (key.name === shortcuts.invert) {
+            setItems(items.map(toggle));
+        }
+        else if ((0, core_1.isNumberKey)(key)) {
+            const selectedIndex = Number(key.name) - 1;
+            // Find the nth item (ignoring separators)
+            let selectableIndex = -1;
+            const position = items.findIndex((item) => {
+                if (core_1.Separator.isSeparator(item))
+                    return false;
+                selectableIndex++;
+                return selectableIndex === selectedIndex;
+            });
+            const selectedItem = items[position];
+            if (selectedItem && isSelectable(selectedItem)) {
+                setActive(position);
+                setItems(items.map((choice, i) => (i === position ? toggle(choice) : choice)));
+            }
+        }
+    });
+    const message = theme.style.message(config.message, status);
+    let description;
+    const page = (0, core_1.usePagination)({
+        items,
+        active,
+        renderItem({ item, isActive }) {
+            if (core_1.Separator.isSeparator(item)) {
+                return ` ${item.separator}`;
+            }
+            if (item.disabled) {
+                const disabledLabel = typeof item.disabled === 'string' ? item.disabled : '(disabled)';
+                return theme.style.disabledChoice(`${item.name} ${disabledLabel}`);
+            }
+            if (isActive) {
+                description = item.description;
+            }
+            const checkbox = item.checked ? theme.icon.checked : theme.icon.unchecked;
+            const name = item.checked ? item.checkedName : item.name;
+            const color = isActive ? theme.style.highlight : (x) => x;
+            const cursor = isActive ? theme.icon.cursor : ' ';
+            return color(`${cursor}${checkbox} ${name}`);
+        },
+        pageSize,
+        loop,
+    });
+    if (status === 'done') {
+        const selection = items.filter(isChecked);
+        const answer = theme.style.answer(theme.style.renderSelectedChoices(selection, items));
+        return [prefix, message, answer].filter(Boolean).join(' ');
+    }
+    let helpLine;
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    if (theme.helpMode !== 'never' && instructions !== false) {
+        if (typeof instructions === 'string') {
+            helpLine = instructions;
+        }
+        else {
+            const keys = [
+                ['↑↓', 'navigate'],
+                ['space', 'select'],
+            ];
+            if (shortcuts.all)
+                keys.push([shortcuts.all, 'all']);
+            if (shortcuts.invert)
+                keys.push([shortcuts.invert, 'invert']);
+            keys.push(['⏎', 'submit']);
+            helpLine = theme.style.keysHelpTip(keys);
+        }
+    }
+    const lines = [
+        [prefix, message].filter(Boolean).join(' '),
+        page,
+        ' ',
+        description ? theme.style.description(description) : '',
+        errorMsg ? theme.style.error(errorMsg) : '',
+        helpLine,
+    ]
+        .filter(Boolean)
+        .join('\n')
+        .trimEnd();
+    return `${lines}${ansi_1.cursorHide}`;
+});
+var core_2 = require("@inquirer/core");
+Object.defineProperty(exports, "Separator", { enumerable: true, get: function () { return core_2.Separator; } });

node_modules/@inquirer/checkbox/dist/commonjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}

node_modules/@inquirer/checkbox/dist/esm/index.d.ts

@@ -0,0 +1,57 @@
+import { Separator, type Theme, type Keybinding } from '@inquirer/core';
+import type { PartialDeep } from '@inquirer/type';
+type CheckboxTheme = {
+    icon: {
+        checked: string;
+        unchecked: string;
+        cursor: string;
+    };
+    style: {
+        disabledChoice: (text: string) => string;
+        renderSelectedChoices: <T>(selectedChoices: ReadonlyArray<NormalizedChoice<T>>, allChoices: ReadonlyArray<NormalizedChoice<T> | Separator>) => string;
+        description: (text: string) => string;
+        keysHelpTip: (keys: [key: string, action: string][]) => string | undefined;
+    };
+    /** @deprecated Use theme.style.keysHelpTip instead */
+    helpMode: 'always' | 'never' | 'auto';
+    keybindings: ReadonlyArray<Keybinding>;
+};
+type CheckboxShortcuts = {
+    all?: string | null;
+    invert?: string | null;
+};
+type Choice<Value> = {
+    value: Value;
+    name?: string;
+    checkedName?: string;
+    description?: string;
+    short?: string;
+    disabled?: boolean | string;
+    checked?: boolean;
+    type?: never;
+};
+type NormalizedChoice<Value> = {
+    value: Value;
+    name: string;
+    checkedName: string;
+    description?: string;
+    short: string;
+    disabled: boolean | string;
+    checked: boolean;
+};
+declare const _default: <Value>(config: {
+    message: string;
+    prefix?: string | undefined;
+    pageSize?: number | undefined;
+    instructions?: string | boolean | undefined;
+    choices: readonly (string | Separator)[] | readonly (Separator | Choice<Value>)[];
+    loop?: boolean | undefined;
+    required?: boolean | undefined;
+    validate?: ((choices: readonly NormalizedChoice<Value>[]) => boolean | string | Promise<string | boolean>) | undefined;
+    theme?: PartialDeep<Theme<CheckboxTheme>> | undefined;
+    shortcuts?: CheckboxShortcuts | undefined;
+}, context?: import("@inquirer/type").Context) => Promise<Value[]> & {
+    cancel: () => void;
+};
+export default _default;
+export { Separator } from '@inquirer/core';

node_modules/@inquirer/checkbox/dist/esm/index.js

@@ -0,0 +1,202 @@
+import { createPrompt, useState, useKeypress, usePrefix, usePagination, useMemo, makeTheme, isUpKey, isDownKey, isSpaceKey, isNumberKey, isEnterKey, ValidationError, Separator, } from '@inquirer/core';
+import { cursorHide } from '@inquirer/ansi';
+import colors from 'yoctocolors-cjs';
+import figures from '@inquirer/figures';
+const checkboxTheme = {
+    icon: {
+        checked: colors.green(figures.circleFilled),
+        unchecked: figures.circle,
+        cursor: figures.pointer,
+    },
+    style: {
+        disabledChoice: (text) => colors.dim(`- ${text}`),
+        renderSelectedChoices: (selectedChoices) => selectedChoices.map((choice) => choice.short).join(', '),
+        description: (text) => colors.cyan(text),
+        keysHelpTip: (keys) => keys
+            .map(([key, action]) => `${colors.bold(key)} ${colors.dim(action)}`)
+            .join(colors.dim(' • ')),
+    },
+    helpMode: 'always',
+    keybindings: [],
+};
+function isSelectable(item) {
+    return !Separator.isSeparator(item) && !item.disabled;
+}
+function isChecked(item) {
+    return isSelectable(item) && item.checked;
+}
+function toggle(item) {
+    return isSelectable(item) ? { ...item, checked: !item.checked } : item;
+}
+function check(checked) {
+    return function (item) {
+        return isSelectable(item) ? { ...item, checked } : item;
+    };
+}
+function normalizeChoices(choices) {
+    return choices.map((choice) => {
+        if (Separator.isSeparator(choice))
+            return choice;
+        if (typeof choice === 'string') {
+            return {
+                value: choice,
+                name: choice,
+                short: choice,
+                checkedName: choice,
+                disabled: false,
+                checked: false,
+            };
+        }
+        const name = choice.name ?? String(choice.value);
+        const normalizedChoice = {
+            value: choice.value,
+            name,
+            short: choice.short ?? name,
+            checkedName: choice.checkedName ?? name,
+            disabled: choice.disabled ?? false,
+            checked: choice.checked ?? false,
+        };
+        if (choice.description) {
+            normalizedChoice.description = choice.description;
+        }
+        return normalizedChoice;
+    });
+}
+export default createPrompt((config, done) => {
+    const { 
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    instructions, pageSize = 7, loop = true, required, validate = () => true, } = config;
+    const shortcuts = { all: 'a', invert: 'i', ...config.shortcuts };
+    const theme = makeTheme(checkboxTheme, config.theme);
+    const { keybindings } = theme;
+    const [status, setStatus] = useState('idle');
+    const prefix = usePrefix({ status, theme });
+    const [items, setItems] = useState(normalizeChoices(config.choices));
+    const bounds = useMemo(() => {
+        const first = items.findIndex(isSelectable);
+        const last = items.findLastIndex(isSelectable);
+        if (first === -1) {
+            throw new ValidationError('[checkbox prompt] No selectable choices. All choices are disabled.');
+        }
+        return { first, last };
+    }, [items]);
+    const [active, setActive] = useState(bounds.first);
+    const [errorMsg, setError] = useState();
+    useKeypress(async (key) => {
+        if (isEnterKey(key)) {
+            const selection = items.filter(isChecked);
+            const isValid = await validate([...selection]);
+            if (required && !items.some(isChecked)) {
+                setError('At least one choice must be selected');
+            }
+            else if (isValid === true) {
+                setStatus('done');
+                done(selection.map((choice) => choice.value));
+            }
+            else {
+                setError(isValid || 'You must select a valid value');
+            }
+        }
+        else if (isUpKey(key, keybindings) || isDownKey(key, keybindings)) {
+            if (loop ||
+                (isUpKey(key, keybindings) && active !== bounds.first) ||
+                (isDownKey(key, keybindings) && active !== bounds.last)) {
+                const offset = isUpKey(key, keybindings) ? -1 : 1;
+                let next = active;
+                do {
+                    next = (next + offset + items.length) % items.length;
+                } while (!isSelectable(items[next]));
+                setActive(next);
+            }
+        }
+        else if (isSpaceKey(key)) {
+            setError(undefined);
+            setItems(items.map((choice, i) => (i === active ? toggle(choice) : choice)));
+        }
+        else if (key.name === shortcuts.all) {
+            const selectAll = items.some((choice) => isSelectable(choice) && !choice.checked);
+            setItems(items.map(check(selectAll)));
+        }
+        else if (key.name === shortcuts.invert) {
+            setItems(items.map(toggle));
+        }
+        else if (isNumberKey(key)) {
+            const selectedIndex = Number(key.name) - 1;
+            // Find the nth item (ignoring separators)
+            let selectableIndex = -1;
+            const position = items.findIndex((item) => {
+                if (Separator.isSeparator(item))
+                    return false;
+                selectableIndex++;
+                return selectableIndex === selectedIndex;
+            });
+            const selectedItem = items[position];
+            if (selectedItem && isSelectable(selectedItem)) {
+                setActive(position);
+                setItems(items.map((choice, i) => (i === position ? toggle(choice) : choice)));
+            }
+        }
+    });
+    const message = theme.style.message(config.message, status);
+    let description;
+    const page = usePagination({
+        items,
+        active,
+        renderItem({ item, isActive }) {
+            if (Separator.isSeparator(item)) {
+                return ` ${item.separator}`;
+            }
+            if (item.disabled) {
+                const disabledLabel = typeof item.disabled === 'string' ? item.disabled : '(disabled)';
+                return theme.style.disabledChoice(`${item.name} ${disabledLabel}`);
+            }
+            if (isActive) {
+                description = item.description;
+            }
+            const checkbox = item.checked ? theme.icon.checked : theme.icon.unchecked;
+            const name = item.checked ? item.checkedName : item.name;
+            const color = isActive ? theme.style.highlight : (x) => x;
+            const cursor = isActive ? theme.icon.cursor : ' ';
+            return color(`${cursor}${checkbox} ${name}`);
+        },
+        pageSize,
+        loop,
+    });
+    if (status === 'done') {
+        const selection = items.filter(isChecked);
+        const answer = theme.style.answer(theme.style.renderSelectedChoices(selection, items));
+        return [prefix, message, answer].filter(Boolean).join(' ');
+    }
+    let helpLine;
+    // eslint-disable-next-line @typescript-eslint/no-deprecated
+    if (theme.helpMode !== 'never' && instructions !== false) {
+        if (typeof instructions === 'string') {
+            helpLine = instructions;
+        }
+        else {
+            const keys = [
+                ['↑↓', 'navigate'],
+                ['space', 'select'],
+            ];
+            if (shortcuts.all)
+                keys.push([shortcuts.all, 'all']);
+            if (shortcuts.invert)
+                keys.push([shortcuts.invert, 'invert']);
+            keys.push(['⏎', 'submit']);
+            helpLine = theme.style.keysHelpTip(keys);
+        }
+    }
+    const lines = [
+        [prefix, message].filter(Boolean).join(' '),
+        page,
+        ' ',
+        description ? theme.style.description(description) : '',
+        errorMsg ? theme.style.error(errorMsg) : '',
+        helpLine,
+    ]
+        .filter(Boolean)
+        .join('\n')
+        .trimEnd();
+    return `${lines}${cursorHide}`;
+});
+export { Separator } from '@inquirer/core';

node_modules/@inquirer/checkbox/dist/esm/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "module"
+}

node_modules/@inquirer/checkbox/package.json

@@ -0,0 +1,113 @@
+{
+  "name": "@inquirer/checkbox",
+  "version": "4.3.2",
+  "description": "Inquirer checkbox prompt",
+  "keywords": [
+    "answer",
+    "answers",
+    "ask",
+    "base",
+    "cli",
+    "command",
+    "command-line",
+    "confirm",
+    "enquirer",
+    "generate",
+    "generator",
+    "hyper",
+    "input",
+    "inquire",
+    "inquirer",
+    "interface",
+    "iterm",
+    "javascript",
+    "menu",
+    "node",
+    "nodejs",
+    "prompt",
+    "promptly",
+    "prompts",
+    "question",
+    "readline",
+    "scaffold",
+    "scaffolder",
+    "scaffolding",
+    "stdin",
+    "stdout",
+    "terminal",
+    "tty",
+    "ui",
+    "yeoman",
+    "yo",
+    "zsh"
+  ],
+  "homepage": "https://github.com/SBoudrias/Inquirer.js/blob/main/packages/checkbox/README.md",
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/SBoudrias/Inquirer.js.git"
+  },
+  "license": "MIT",
+  "author": "Simon Boudrias <admin@simonboudrias.com>",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "import": {
+        "types": "./dist/esm/index.d.ts",
+        "default": "./dist/esm/index.js"
+      },
+      "require": {
+        "types": "./dist/commonjs/index.d.ts",
+        "default": "./dist/commonjs/index.js"
+      }
+    }
+  },
+  "main": "./dist/commonjs/index.js",
+  "module": "./dist/esm/index.js",
+  "types": "./dist/commonjs/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "attw": "attw --pack",
+    "tsc": "tshy"
+  },
+  "dependencies": {
+    "@inquirer/ansi": "^1.0.2",
+    "@inquirer/core": "^10.3.2",
+    "@inquirer/figures": "^1.0.15",
+    "@inquirer/type": "^3.0.10",
+    "yoctocolors-cjs": "^2.1.3"
+  },
+  "devDependencies": {
+    "@arethetypeswrong/cli": "^0.18.2",
+    "@inquirer/testing": "^2.1.53",
+    "@repo/tsconfig": "0.0.0",
+    "tshy": "^3.0.3"
+  },
+  "engines": {
+    "node": ">=18"
+  },
+  "publishConfig": {
+    "access": "public"
+  },
+  "tshy": {
+    "exclude": [
+      "src/**/*.test.ts"
+    ],
+    "exports": {
+      "./package.json": "./package.json",
+      ".": "./src/index.ts"
+    }
+  },
+  "peerDependencies": {
+    "@types/node": ">=18"
+  },
+  "peerDependenciesMeta": {
+    "@types/node": {
+      "optional": true
+    }
+  },
+  "gitHead": "4731a373881368e2f701c41adc67bc83244bf89f"
+}