cursedbelt 5.56.0 → 5.59.0

package/dist/react/components/EditorPage.js

@@ -0,0 +1,133 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { ArrowLeft } from 'lucide-react';
+import { useCallback, useEffect, useId, useRef, useState, } from 'react';
+import { useDiscardGuard } from '../hooks/useDiscardGuard.js';
+import { cn } from '../lib/cn.js';
+import { UnstyledButton } from './UnstyledButton.js';
+import './formKit.css';
+import './editorPage.css';
+/** What answers Escape itself, before the page does. */
+const OWNS_ESCAPE = '[role="listbox"],[role="menu"],[role="combobox"][aria-expanded="true"],[aria-haspopup]:not([aria-haspopup="false"])[aria-expanded="true"]';
+const MIN_SPLIT = 0.25;
+const MAX_SPLIT = 0.75;
+const clampSplit = (value) => Math.min(MAX_SPLIT, Math.max(MIN_SPLIT, value));
+function readSplit(key, fallback) {
+    if (!key || typeof localStorage === 'undefined')
+        return fallback;
+    const stored = Number(localStorage.getItem(key));
+    return Number.isFinite(stored) && stored > 0 ? clampSplit(stored) : fallback;
+}
+/**
+ * A creation page: the form on the left, a live mock of what it makes on the right, and a
+ * divider between them that drags.
+ *
+ * The owner, 2026-10-05, on desk's template editor: *"instead of opening a modal I want to open a
+ * page with a split view where I see the forms and fields … on the left and I see what it looks
+ * like so far and can tinker with a mock version of it on the right. I should be able to drag to
+ * resize a vertical divider … On mobile it will need an appropriate narrow layout."*
+ *
+ * - **Wide** (its container ≥ 48rem): two columns and a `separator` between them — drag it,
+ *   or focus it and use ← / → (Home / End for the limits); a double-click puts it back. The
+ *   split is kept under `storageKey`. Each side scrolls on its own, so a long form never pushes
+ *   the preview out of sight.
+ * - **Narrow**: one side at a time, chosen by an Edit / Preview switch in the header — a phone
+ *   has no room for both, and a pinned half-height preview leaves neither usable.
+ *
+ * The header is the page's own: a Back arrow with the crumb, the title, and the actions
+ * top-right where Linear and every desktop editor put Save. Escape anywhere is Back, as it was
+ * when the same form was a dialog.
+ *
+ * Plain stylesheet (`formKit.css`) — draws without Tailwind; `cursedbelt/react/form-kit`.
+ */
+export function EditorPage({ title, backLabel = 'Back', onBack, isDirty, actions, children, preview, previewLabel = 'Preview', previewTools, defaultSplit = 0.5, storageKey, quiet = true, presentation = 'overlay', className, }) {
+    const [split, setSplit] = useState(() => readSplit(storageKey, clampSplit(defaultSplit)));
+    const [mode, setMode] = useState('edit');
+    const [dragging, setDragging] = useState(false);
+    const splitRef = useRef(null);
+    const rootRef = useRef(null);
+    const titleId = useId();
+    const formId = useId();
+    const previewId = useId();
+    const { guardedClose, discardOverlay, isConfirming, cancelDiscard } = useDiscardGuard({ onClose: onBack, isDirty });
+    const commit = useCallback((value) => {
+        const next = clampSplit(value);
+        setSplit(next);
+        if (storageKey && typeof localStorage !== 'undefined')
+            localStorage.setItem(storageKey, String(next));
+    }, [storageKey]);
+    // An overlay takes focus on open and gives it back on close, so the keyboard is where the
+    // eye is; the first field's own `autoFocus` still wins, because it runs first.
+    useEffect(() => {
+        if (presentation !== 'overlay')
+            return;
+        const before = document.activeElement;
+        const root = rootRef.current;
+        if (root && !root.contains(document.activeElement))
+            root.focus({ preventScroll: true });
+        return () => {
+            if (before?.isConnected)
+                before.focus({ preventScroll: true });
+        };
+    }, [presentation]);
+    const onPointerDown = (event) => {
+        if (event.button !== 0)
+            return;
+        event.preventDefault();
+        event.currentTarget.setPointerCapture(event.pointerId);
+        setDragging(true);
+    };
+    const onPointerMove = (event) => {
+        if (!dragging)
+            return;
+        const box = splitRef.current?.getBoundingClientRect();
+        if (!box || box.width === 0)
+            return;
+        commit((event.clientX - box.left) / box.width);
+    };
+    const onPointerUp = (event) => {
+        if (event.currentTarget.hasPointerCapture(event.pointerId))
+            event.currentTarget.releasePointerCapture(event.pointerId);
+        setDragging(false);
+    };
+    const onDividerKey = (event) => {
+        const step = event.shiftKey ? 0.1 : 0.02;
+        const next = event.key === 'ArrowLeft' ? split - step
+            : event.key === 'ArrowRight' ? split + step
+                : event.key === 'Home' ? MIN_SPLIT
+                    : event.key === 'End' ? MAX_SPLIT
+                        : null;
+        if (next === null)
+            return;
+        event.preventDefault();
+        commit(next);
+    };
+    const onKeyDown = (event) => {
+        if (event.key !== 'Escape' || event.defaultPrevented)
+            return;
+        // A menu, a listbox or an open combobox inside the form closes itself on Escape first. Only a
+        // POPUP's trigger counts: a disclosure (a folded row's ▸, `aria-expanded` with no popup) has
+        // nothing to close, and Escape on it is the page's.
+        if (event.target.closest(OWNS_ESCAPE))
+            return;
+        event.preventDefault();
+        if (isConfirming)
+            cancelDiscard();
+        else
+            guardedClose();
+    };
+    return (_jsxs("div", { ref: rootRef, className: cn('cbfk-page', className), "data-presentation": presentation, "data-mode": mode, "data-dragging": dragging ? 'true' : undefined, role: presentation === 'overlay' ? 'dialog' : 'region', "aria-modal": presentation === 'overlay' ? true : undefined, "aria-labelledby": titleId, tabIndex: -1, onKeyDown: onKeyDown, children: [_jsxs("header", { className: 'cbfk-page-head', children: [_jsxs(UnstyledButton, { className: 'cbfk-page-back', onClick: guardedClose, "aria-label": backLabel, tooltip: backLabel, children: [_jsx(ArrowLeft, { "aria-hidden": true }), _jsx("span", { className: 'cbfk-page-crumb', children: backLabel })] }), _jsx("span", { className: 'cbfk-page-sep', "aria-hidden": true, children: "/" }), _jsx("h1", { id: titleId, className: 'cbfk-page-title', children: title }), _jsx("div", { className: 'cbfk-page-modes', role: 'tablist', "aria-label": 'Show', children: ['edit', 'preview'].map((each) => (_jsx(UnstyledButton, { role: 'tab', className: 'cbfk-page-mode', "aria-selected": mode === each, "aria-controls": each === 'edit' ? formId : previewId, onClick: () => setMode(each), children: each === 'edit' ? 'Edit' : previewLabel }, each))) }), actions ? _jsx("div", { className: 'cbfk-page-actions', children: actions }) : null] }), _jsxs("div", { ref: splitRef, className: 'cbfk-page-split', style: { '--cbfk-page-split': `${(split * 100).toFixed(2)}%` }, children: [_jsx("div", { id: formId, className: cn('cbfk-page-form', quiet && 'cbfk-quiet'), children: _jsx("div", { className: 'cbfk-page-form-inner', children: children }) }), _jsx("div", { className: 'cbfk-page-divider', role: 'separator', "aria-orientation": 'vertical', "aria-label": 'Resize the form and the preview', "aria-valuemin": MIN_SPLIT * 100, "aria-valuemax": MAX_SPLIT * 100, "aria-valuenow": Math.round(split * 100), "aria-controls": formId, tabIndex: 0, onPointerDown: onPointerDown, onPointerMove: onPointerMove, onPointerUp: onPointerUp, onPointerCancel: onPointerUp, onKeyDown: onDividerKey, onDoubleClick: () => commit(defaultSplit) }), _jsxs("section", { id: previewId, className: 'cbfk-page-preview', "aria-label": previewLabel, children: [_jsxs("div", { className: 'cbfk-page-preview-head', children: [_jsx("p", { className: 'cbfk-page-preview-label', children: previewLabel }), previewTools ? _jsx("div", { className: 'cbfk-page-preview-tools', children: previewTools }) : null] }), _jsx("div", { className: 'cbfk-page-preview-body', children: preview })] })] }), discardOverlay] }));
+}
+/**
+ * Linear's form, for any form: inputs, textareas and selects drawn with no box until they are
+ * pointed at or focused, labels muted and small, so the values are the only full-strength text.
+ *
+ * The owner, 2026-10-05, beside a Linear project page: *"I like how it doesn't have boxes around
+ * all the fields and doesn't fill in extra text or explanations. I want this minimal look in our
+ * apps too."* `EditorPage` puts its form inside one; wrap any other form to get the same.
+ * The words are the caller's half: a field that needs a description to be understood has the
+ * wrong label or the wrong placeholder.
+ */
+export function QuietForm({ children, className }) {
+    return _jsx("div", { className: cn('cbfk-quiet', className), children: children });
+}
+//# sourceMappingURL=EditorPage.js.map

package/dist/react/components/EditorPage.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"EditorPage.js","sourceRoot":"","sources":["../../../src/react/components/EditorPage.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/IconPicker.d.ts

@@ -0,0 +1,70 @@
+import './formKit.css';
+import './editorPage.css';
+/**
+ * An icon somebody picked, with its drawing — so whoever stores it can draw it again with no
+ * icon library and no network: `iconDataUrl(icon, color)`.
+ */
+export interface PickedIcon {
+    /** Iconify's name, `set:icon` — `lucide:code`, `simple-icons:kubernetes`. */
+    name: string;
+    /** The SVG's inner markup, every colour `currentColor`. */
+    body: string;
+    width: number;
+    height: number;
+}
+export interface IconSet {
+    prefix: string;
+    label: string;
+}
+/**
+ * The sets searched, all single-colour (they tint): the general-purpose four, and Simple Icons
+ * for the brands a runbook names — Kubernetes, Datadog, GitHub. Multi-colour logo sets are left
+ * out because a colour of the owner's choosing is the point of the mark.
+ */
+export declare const ICON_SETS: readonly IconSet[];
+export declare const ICONIFY_API = "https://api.iconify.design";
+/**
+ * A picked icon as an `<img>` source, in `color`. An image rather than inline SVG on purpose: a
+ * stored body is drawn wherever the record goes, and an SVG inside an `<img>` cannot run script
+ * or reach the page, whatever the stored markup says. `color` must be a hex or a colour's name —
+ * anything else is left out, and the icon draws in the SVG's default black.
+ */
+export declare function iconDataUrl(icon: Pick<PickedIcon, 'body' | 'width' | 'height'>, color: string): string;
+/** Iconify's search, then every hit's drawing, one request per set. */
+export declare function searchIcons(query: string, prefixes: readonly string[], fetcher?: typeof fetch, signal?: AbortSignal): Promise<PickedIcon[]>;
+export interface IconPickerProps {
+    /** The chosen icon's name, drawn as selected. */
+    value?: string | null;
+    onPick: (icon: PickedIcon) => void;
+    /**
+     * The colour the results are drawn in — the mark's own, so the choice is made in it. A hex
+     * or a colour's name: the hits are images, which cannot inherit the page's `currentColor`.
+     */
+    color: string;
+    /**
+     * What to search for until somebody types — the thing's name is a good first guess. Followed
+     * as it changes (a name typed after the picker opened still searches), and let go of for good
+     * the moment the search field is typed in.
+     */
+    initialQuery?: string;
+    sets?: readonly IconSet[];
+    /** The request function — a test's seam. */
+    fetcher?: typeof fetch;
+    className?: string;
+}
+/**
+ * Search big icon sets and pick one: a search field, a row of sets, and a grid of hits drawn in
+ * the mark's own colour.
+ *
+ * The owner, 2026-10-05: *"For the mark I want a way to search in icon lists to choose a good
+ * icon … if I make a code snippet template I want to be able to pick an icon instead of letters
+ * like "CS". If we can have a search field and access to big icon sets like at shadcn.io/icons or
+ * iconify that will be good."* So Iconify's public API: 200,000 icons across the sets above,
+ * searched where they live rather than shipped in every app's bundle. A picked icon carries its
+ * own drawing (`PickedIcon.body`), so drawing it later needs neither the API nor the network.
+ *
+ * Keys: type to search; ↓ from the field enters the grid; arrows move in it; Enter or Space
+ * picks. Plain stylesheet (`formKit.css`); `cursedbelt/react/form-kit`.
+ */
+export declare function IconPicker({ value, onPick, color, initialQuery, sets, fetcher, className, }: IconPickerProps): import("react").JSX.Element;
+//# sourceMappingURL=IconPicker.d.ts.map

package/dist/react/components/IconPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.d.ts","sourceRoot":"","sources":["../../../src/react/components/IconPicker.tsx"],"names":[],"mappings":"AAIA,OAAO,eAAe,CAAC;AACvB,OAAO,kBAAkB,CAAC;AAE1B;;;GAGG;AACH,MAAM,WAAW,UAAU;IACzB,6EAA6E;IAC7E,IAAI,EAAE,MAAM,CAAC;IACb,2DAA2D;IAC3D,IAAI,EAAE,MAAM,CAAC;IACb,KAAK,EAAE,MAAM,CAAC;IACd,MAAM,EAAE,MAAM,CAAC;CAChB;AAED,MAAM,WAAW,OAAO;IACtB,MAAM,EAAE,MAAM,CAAC;IACf,KAAK,EAAE,MAAM,CAAC;CACf;AAED;;;;GAIG;AACH,eAAO,MAAM,SAAS,EAAE,SAAS,OAAO,EAMvC,CAAC;AAEF,eAAO,MAAM,WAAW,+BAA+B,CAAC;AAKxD;;;;;GAKG;AACH,wBAAgB,WAAW,CAAC,IAAI,EAAE,IAAI,CAAC,UAAU,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,CAItG;AASD,uEAAuE;AACvE,wBAAsB,WAAW,CAC/B,KAAK,EAAE,MAAM,EACb,QAAQ,EAAE,SAAS,MAAM,EAAE,EAC3B,OAAO,GAAE,OAAO,KAAa,EAC7B,MAAM,CAAC,EAAE,WAAW,GACnB,OAAO,CAAC,UAAU,EAAE,CAAC,CAoCvB;AAED,MAAM,WAAW,eAAe;IAC9B,iDAAiD;IACjD,KAAK,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IACtB,MAAM,EAAE,CAAC,IAAI,EAAE,UAAU,KAAK,IAAI,CAAC;IACnC;;;OAGG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;;;OAIG;IACH,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,IAAI,CAAC,EAAE,SAAS,OAAO,EAAE,CAAC;IAC1B,4CAA4C;IAC5C,OAAO,CAAC,EAAE,OAAO,KAAK,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;GAaG;AACH,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,MAAM,EACN,KAAK,EACL,YAAiB,EACjB,IAAgB,EAChB,OAAO,EACP,SAAS,GACV,EAAE,eAAe,+BA2IjB"}

package/dist/react/components/IconPicker.js

@@ -0,0 +1,175 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useRef, useState } from 'react';
+import { cn } from '../lib/cn.js';
+import { SearchInput } from './SearchInput.js';
+import { UnstyledButton } from './UnstyledButton.js';
+import './formKit.css';
+import './editorPage.css';
+/**
+ * The sets searched, all single-colour (they tint): the general-purpose four, and Simple Icons
+ * for the brands a runbook names — Kubernetes, Datadog, GitHub. Multi-colour logo sets are left
+ * out because a colour of the owner's choosing is the point of the mark.
+ */
+export const ICON_SETS = [
+    { prefix: 'lucide', label: 'Lucide' },
+    { prefix: 'tabler', label: 'Tabler' },
+    { prefix: 'ph', label: 'Phosphor' },
+    { prefix: 'mdi', label: 'Material' },
+    { prefix: 'simple-icons', label: 'Brands' },
+];
+export const ICONIFY_API = 'https://api.iconify.design';
+const RESULTS = 96;
+/** A hex, or a named colour — nothing that could close the attribute it is spliced into. */
+const SAFE_COLOR = /^(?:#[0-9a-f]{3,8}|[a-z]+)$/i;
+/**
+ * A picked icon as an `<img>` source, in `color`. An image rather than inline SVG on purpose: a
+ * stored body is drawn wherever the record goes, and an SVG inside an `<img>` cannot run script
+ * or reach the page, whatever the stored markup says. `color` must be a hex or a colour's name —
+ * anything else is left out, and the icon draws in the SVG's default black.
+ */
+export function iconDataUrl(icon, color) {
+    const tint = SAFE_COLOR.test(color) ? ` color="${color}"` : '';
+    const svg = `<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 ${icon.width} ${icon.height}" width="${icon.width}" height="${icon.height}"${tint}>${icon.body}</svg>`;
+    return `data:image/svg+xml;charset=utf-8,${encodeURIComponent(svg)}`;
+}
+/** Iconify's search, then every hit's drawing, one request per set. */
+export async function searchIcons(query, prefixes, fetcher = fetch, signal) {
+    const q = query.trim();
+    if (q === '')
+        return [];
+    const search = new URL('/search', ICONIFY_API);
+    search.searchParams.set('query', q);
+    search.searchParams.set('limit', String(RESULTS));
+    search.searchParams.set('prefixes', prefixes.join(','));
+    const found = await fetcher(search.toString(), { signal });
+    if (!found.ok)
+        throw new Error(`The icon search answered ${found.status}.`);
+    const names = (await found.json()).icons ?? [];
+    const bySet = new Map();
+    for (const name of names) {
+        const [prefix, icon] = name.split(':');
+        if (!prefix || !icon)
+            continue;
+        bySet.set(prefix, [...(bySet.get(prefix) ?? []), icon]);
+    }
+    const drawn = new Map();
+    await Promise.all([...bySet].map(async ([prefix, icons]) => {
+        const url = new URL(`/${prefix}.json`, ICONIFY_API);
+        url.searchParams.set('icons', icons.join(','));
+        const answer = await fetcher(url.toString(), { signal });
+        if (!answer.ok)
+            return;
+        const set = (await answer.json());
+        for (const [icon, data] of Object.entries(set.icons ?? {})) {
+            drawn.set(`${prefix}:${icon}`, {
+                name: `${prefix}:${icon}`,
+                body: data.body,
+                width: data.width ?? set.width ?? 24,
+                height: data.height ?? set.height ?? 24,
+            });
+        }
+    }));
+    // In the search's own order — its ranking is the useful part of it.
+    return names.map((name) => drawn.get(name)).filter((icon) => icon !== undefined);
+}
+/**
+ * Search big icon sets and pick one: a search field, a row of sets, and a grid of hits drawn in
+ * the mark's own colour.
+ *
+ * The owner, 2026-10-05: *"For the mark I want a way to search in icon lists to choose a good
+ * icon … if I make a code snippet template I want to be able to pick an icon instead of letters
+ * like "CS". If we can have a search field and access to big icon sets like at shadcn.io/icons or
+ * iconify that will be good."* So Iconify's public API: 200,000 icons across the sets above,
+ * searched where they live rather than shipped in every app's bundle. A picked icon carries its
+ * own drawing (`PickedIcon.body`), so drawing it later needs neither the API nor the network.
+ *
+ * Keys: type to search; ↓ from the field enters the grid; arrows move in it; Enter or Space
+ * picks. Plain stylesheet (`formKit.css`); `cursedbelt/react/form-kit`.
+ */
+export function IconPicker({ value, onPick, color, initialQuery = '', sets = ICON_SETS, fetcher, className, }) {
+    const [query, setQuery] = useState(initialQuery);
+    const [typed, setTyped] = useState(false);
+    const [only, setOnly] = useState(null);
+    const [results, setResults] = useState([]);
+    const [state, setState] = useState('idle');
+    const [active, setActive] = useState(0);
+    const grid = useRef(null);
+    useEffect(() => {
+        if (!typed)
+            setQuery(initialQuery);
+    }, [initialQuery, typed]);
+    const prefixes = useMemo(() => (only ? [only] : sets.map((set) => set.prefix)), [only, sets]);
+    useEffect(() => {
+        if (query.trim() === '') {
+            setResults([]);
+            setState('idle');
+            return;
+        }
+        const abort = new AbortController();
+        setState('loading');
+        const timer = setTimeout(() => {
+            searchIcons(query, prefixes, fetcher, abort.signal).then((found) => {
+                setResults(found);
+                setActive(0);
+                setState('done');
+            }, (cause) => {
+                if (cause?.name === 'AbortError')
+                    return;
+                setState('error');
+            });
+        }, 200);
+        return () => {
+            clearTimeout(timer);
+            abort.abort();
+        };
+    }, [query, prefixes, fetcher]);
+    const focusAt = (index) => {
+        const buttons = grid.current?.querySelectorAll('[data-icon]');
+        if (!buttons || buttons.length === 0)
+            return;
+        const next = Math.max(0, Math.min(buttons.length - 1, index));
+        setActive(next);
+        buttons[next]?.focus();
+    };
+    const columns = () => {
+        const buttons = grid.current?.querySelectorAll('[data-icon]');
+        if (!buttons || buttons.length === 0)
+            return 1;
+        const top = buttons[0].offsetTop;
+        let count = 0;
+        for (const button of buttons) {
+            if (button.offsetTop !== top)
+                break;
+            count += 1;
+        }
+        return Math.max(1, count);
+    };
+    const onGridKey = (event) => {
+        const step = event.key === 'ArrowRight' ? 1
+            : event.key === 'ArrowLeft' ? -1
+                : event.key === 'ArrowDown' ? columns()
+                    : event.key === 'ArrowUp' ? -columns()
+                        : null;
+        if (step === null)
+            return;
+        event.preventDefault();
+        focusAt(active + step);
+    };
+    return (_jsxs("div", { className: cn('cbfk-icons', className), children: [_jsx(SearchInput, { value: query, onChange: (next) => {
+                    setTyped(true);
+                    setQuery(next);
+                }, syntax: false, placeholder: 'Search icons \u2014 code, server, chart, kubernetes\u2026', "aria-label": 'Search icons', onKeyDown: (event) => {
+                    if (event.key === 'ArrowDown' && results.length > 0) {
+                        event.preventDefault();
+                        focusAt(0);
+                    }
+                } }), _jsx("fieldset", { className: 'cbfk-icons-sets', "aria-label": 'Icon sets', children: [{ prefix: null, label: 'All' }, ...sets].map((set) => (_jsx(UnstyledButton, { className: 'cbfk-icons-set', "aria-pressed": only === set.prefix, onClick: () => setOnly(set.prefix), children: set.label }, set.prefix ?? 'all'))) }), _jsx("div", { ref: grid, className: 'cbfk-icons-grid', role: 'radiogroup', "aria-label": 'Icons', "aria-busy": state === 'loading', onKeyDown: onGridKey, children: results.map((icon, index) => {
+                    const [set, name] = icon.name.split(':');
+                    return (_jsx(UnstyledButton, { role: 'radio', "data-icon": icon.name, className: 'cbfk-icons-cell', "aria-checked": icon.name === value, "aria-label": `${name} (${sets.find((each) => each.prefix === set)?.label ?? set})`, tooltip: icon.name, tabIndex: index === active ? 0 : -1, onFocus: () => setActive(index), onClick: () => onPick(icon), children: _jsx("img", { src: iconDataUrl(icon, color), alt: '', width: 22, height: 22, draggable: false }) }, icon.name));
+                }) }), _jsx("p", { className: 'cbfk-icons-note', role: 'status', children: state === 'idle' ? 'Type to search Lucide, Tabler, Phosphor, Material and brand icons.'
+                    : state === 'loading' ? 'Searching…'
+                        : state === 'error' ? 'Icon search needs the internet — api.iconify.design did not answer.'
+                            : results.length === 0 ? `No icon matches “${query.trim()}”.`
+                                : `${results.length} icons${results.length === RESULTS ? ' — the closest; type more to narrow' : ''}.` })] }));
+}
+//# sourceMappingURL=IconPicker.js.map

package/dist/react/components/IconPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconPicker.js","sourceRoot":"","sources":["../../../src/react/components/IconPicker.tsx"],"names":[],"mappings":"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"}

package/dist/react/components/PaneSplit.d.ts

@@ -0,0 +1,52 @@
+/**
+ * `PaneSplit` — an editor's pane tree, drawn VS Code's way: panes that meet edge to edge, square,
+ * with one hairline between them.
+ *
+ * Graduated from desk's `WorkspaceSplit` on the owner's word: *"Panels and panes should be separated
+ * by sharp corners and thin border lines just like they are in vscode"* — and *"since these changes
+ * apply to layouts and cards they should be changed in cb and should impact desk through cb"*.
+ *
+ * The model is the app's — a tree of leaves and splits, each split carrying the fractions of its
+ * children. This component is only geometry: flex tracks, one seam between each pair of children,
+ * and the arithmetic that turns a pointer into a pair of fractions. Unlike `PanelGrid` it owns no
+ * sizes and persists nothing, which is what an app that stores its layout as a setting needs.
+ *
+ * 🔴 **The seam is keyboard-operable.** Arrow keys move it by 2%, Home/End take it to the bounds.
+ *
+ * 🔴 **The hit strip lives inside the seam's own track** — a real flex item, never a bar hung over
+ * the boundary. An invisible strip centred on the seam sits over the first pixels of the pane beside
+ * it and swallows clicks nobody aimed at it (desk's file `21`, where a 44px hit area ate a fill
+ * handle). So the track is a few pixels wide for the hand, painted the panes' own ground
+ * (`--cb-panesplit-ground`) with the hairline drawn down its middle: to the eye, two panes and one
+ * line, which is VS Code's picture; to the pointer, a target that touches no pane.
+ *
+ * Plain CSS (`paneSplit.css`), prefix `cb-panesplit`, so it draws in an app with no Tailwind pass.
+ */
+import type { JSX } from 'react';
+import './paneSplit.css';
+export type PaneSplitDirection = 'row' | 'column';
+export type PaneSplitNode<P> = {
+    kind: 'leaf';
+    pane: P;
+} | {
+    kind: 'split';
+    direction: PaneSplitDirection;
+    sizes: readonly number[];
+    children: readonly PaneSplitNode<P>[];
+};
+/** Where a node sits in the tree: the child index at each level, from the root. */
+export type PaneSplitPath = readonly number[];
+export interface PaneSplitProps<P> {
+    node: PaneSplitNode<P>;
+    /** A key unique across the whole tree — what keeps a pane's subtree when its siblings close. */
+    paneKey: (pane: P) => string;
+    renderPane: (pane: P) => JSX.Element;
+    /** A seam moved: the split at `path` now has these fractions. */
+    onResize: (path: PaneSplitPath, sizes: number[]) => void;
+    /** The smallest share of an axis a pane can be dragged down to. Default 0.12. */
+    minFraction?: number;
+    /** Where `node` sits — only for a tree drawn from below its root. */
+    path?: PaneSplitPath;
+}
+export declare function PaneSplit<P>(props: PaneSplitProps<P>): JSX.Element;
+//# sourceMappingURL=PaneSplit.d.ts.map

package/dist/react/components/PaneSplit.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneSplit.d.ts","sourceRoot":"","sources":["../../../src/react/components/PaneSplit.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;;;;;GAuBG;AAEH,OAAO,KAAK,EAAiB,GAAG,EAA0E,MAAM,OAAO,CAAC;AAExH,OAAO,iBAAiB,CAAC;AAEzB,MAAM,MAAM,kBAAkB,GAAG,KAAK,GAAG,QAAQ,CAAC;AAElD,MAAM,MAAM,aAAa,CAAC,CAAC,IACvB;IAAE,IAAI,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,CAAC,CAAA;CAAE,GACzB;IAAE,IAAI,EAAE,OAAO,CAAC;IAAC,SAAS,EAAE,kBAAkB,CAAC;IAAC,KAAK,EAAE,SAAS,MAAM,EAAE,CAAC;IAAC,QAAQ,EAAE,SAAS,aAAa,CAAC,CAAC,CAAC,EAAE,CAAA;CAAE,CAAC;AAEtH,mFAAmF;AACnF,MAAM,MAAM,aAAa,GAAG,SAAS,MAAM,EAAE,CAAC;AAE9C,MAAM,WAAW,cAAc,CAAC,CAAC;IAC/B,IAAI,EAAE,aAAa,CAAC,CAAC,CAAC,CAAC;IACvB,gGAAgG;IAChG,OAAO,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,MAAM,CAAC;IAC7B,UAAU,EAAE,CAAC,IAAI,EAAE,CAAC,KAAK,GAAG,CAAC,OAAO,CAAC;IACrC,iEAAiE;IACjE,QAAQ,EAAE,CAAC,IAAI,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACzD,iFAAiF;IACjF,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,qEAAqE;IACrE,IAAI,CAAC,EAAE,aAAa,CAAC;CACtB;AAaD,wBAAgB,SAAS,CAAC,CAAC,EAAE,KAAK,EAAE,cAAc,CAAC,CAAC,CAAC,GAAG,GAAG,CAAC,OAAO,CAIlE"}

package/dist/react/components/PaneSplit.js

@@ -0,0 +1,103 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { useCallback, useRef } from 'react';
+import './paneSplit.css';
+const DEFAULT_MIN_FRACTION = 0.12;
+/**
+ * A key for a child that follows its content rather than its position: closing a pane in the middle
+ * of a row shifts every later child's index, and `key={index}` would hand React the wrong subtree.
+ */
+function childKey(node, paneKey) {
+    if (node.kind === 'leaf')
+        return paneKey(node.pane);
+    return node.children.map((child) => childKey(child, paneKey)).join('|');
+}
+export function PaneSplit(props) {
+    const { node } = props;
+    if (node.kind === 'leaf')
+        return props.renderPane(node.pane);
+    return _jsx(SplitNode, { ...props, node: node, path: props.path ?? [] });
+}
+function SplitNode({ node, path, paneKey, renderPane, onResize, minFraction = DEFAULT_MIN_FRACTION, }) {
+    const frame = useRef(null);
+    const dragging = useRef(null);
+    /** Set the share of the pair either side of seam `index`; only those two panes move. */
+    const setShare = useCallback((index, share) => {
+        const pair = (node.sizes[index] ?? 0) + (node.sizes[index + 1] ?? 0);
+        if (pair <= 0)
+            return;
+        const bounded = Math.min(Math.max(share, minFraction), 1 - minFraction);
+        const sizes = [...node.sizes];
+        sizes[index] = pair * bounded;
+        sizes[index + 1] = pair * (1 - bounded);
+        onResize(path, sizes);
+    }, [node.sizes, minFraction, onResize, path]);
+    const moveSeam = (index, position) => {
+        const box = frame.current?.getBoundingClientRect();
+        if (!box)
+            return;
+        const total = node.direction === 'row' ? box.width : box.height;
+        if (total <= 0)
+            return;
+        const offset = (node.direction === 'row' ? position - box.left : position - box.top) / total;
+        const before = node.sizes.slice(0, index).reduce((sum, size) => sum + size, 0);
+        const pair = (node.sizes[index] ?? 0) + (node.sizes[index + 1] ?? 0);
+        if (pair <= 0)
+            return;
+        setShare(index, (offset - before) / pair);
+    };
+    const nudgeSeam = (index, delta) => {
+        const pair = (node.sizes[index] ?? 0) + (node.sizes[index + 1] ?? 0);
+        if (pair <= 0)
+            return;
+        setShare(index, (node.sizes[index] ?? 0) / pair + delta);
+    };
+    const onKeyDown = (event, index) => {
+        const back = node.direction === 'row' ? 'ArrowLeft' : 'ArrowUp';
+        const forward = node.direction === 'row' ? 'ArrowRight' : 'ArrowDown';
+        if (event.key === back)
+            nudgeSeam(index, -0.02);
+        else if (event.key === forward)
+            nudgeSeam(index, 0.02);
+        else if (event.key === 'Home')
+            nudgeSeam(index, -1);
+        else if (event.key === 'End')
+            nudgeSeam(index, 1);
+        else
+            return;
+        event.preventDefault();
+    };
+    const onPointerDown = (event, index) => {
+        if (event.button !== 0)
+            return;
+        dragging.current = index;
+        event.currentTarget.setPointerCapture(event.pointerId);
+        event.preventDefault();
+    };
+    const onPointerMove = (event) => {
+        if (dragging.current === null)
+            return;
+        moveSeam(dragging.current, node.direction === 'row' ? event.clientX : event.clientY);
+    };
+    const endDrag = (event) => {
+        if (dragging.current === null)
+            return;
+        dragging.current = null;
+        if (event.currentTarget.hasPointerCapture?.(event.pointerId))
+            event.currentTarget.releasePointerCapture(event.pointerId);
+    };
+    const minPercent = Math.round(minFraction * 100);
+    return (_jsx("div", { className: "cb-panesplit", "data-direction": node.direction, ref: frame, children: node.children.map((child, index) => (_jsx(ChildAndSeam, { last: index === node.children.length - 1, size: node.sizes[index] ?? 1 / node.children.length, seam: {
+                direction: node.direction,
+                percent: Math.round((node.sizes[index] ?? 0) * 100),
+                min: minPercent,
+                max: 100 - minPercent,
+                onKeyDown: (event) => onKeyDown(event, index),
+                onPointerDown: (event) => onPointerDown(event, index),
+                onPointerMove,
+                endDrag,
+            }, children: _jsx(PaneSplit, { node: child, path: [...path, index], paneKey: paneKey, renderPane: renderPane, onResize: onResize, minFraction: minFraction }) }, childKey(child, paneKey)))) }));
+}
+function ChildAndSeam({ last, size, seam, children }) {
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: "cb-panesplit__cell", style: { '--cb-panesplit-share': size }, children: children }), !last && (_jsx("div", { className: "cb-panesplit__seam", role: "separator", tabIndex: 0, "aria-orientation": seam.direction === 'row' ? 'vertical' : 'horizontal', "aria-label": seam.direction === 'row' ? 'Width of the pane on the left' : 'Height of the pane above', "aria-valuenow": seam.percent, "aria-valuemin": seam.min, "aria-valuemax": seam.max, onKeyDown: seam.onKeyDown, onPointerDown: seam.onPointerDown, onPointerMove: seam.onPointerMove, onPointerUp: seam.endDrag, onPointerCancel: seam.endDrag }))] }));
+}
+//# sourceMappingURL=PaneSplit.js.map

package/dist/react/components/PaneSplit.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"PaneSplit.js","sourceRoot":"","sources":["../../../src/react/components/PaneSplit.tsx"],"names":[],"mappings":"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"}