neba 1.13.0 → 1.16.0

package/dist/internal/drop.d.ts

@@ -0,0 +1,61 @@
+/**
+ * What a drop actually handed over, and the state of the box it landed on.
+ *
+ * Two components take dropped files — a
+ * [FilePicker](../components/inputs/file-picker), and a
+ * [PromptInput](../components/agent/prompt-input) whose shell is a drop target
+ * — and both have to get the same two things right. Neither is hard; both are
+ * the kind of thing that is written correctly once and approximately the second
+ * time.
+ */
+import * as React from 'react';
+/**
+ * Whether what was dropped is a file at all.
+ *
+ * A folder dragged onto a page arrives in `dataTransfer.files` as a `File` with
+ * no type and a size of zero, and there is no flag on it that says so. The only
+ * thing that does is `webkitGetAsEntry`, which is on the *item* rather than on
+ * the file — so the two lists are walked in step, and a browser too old to have
+ * it is left trusting what it was given.
+ *
+ * Silently accepting a folder is worse than refusing it: it goes into the list
+ * looking like a file, and the upload that follows sends nothing.
+ */
+export declare function droppedFiles(transfer: DataTransfer): File[];
+/** What a drop zone hands back: whether a drag is over it, and the listeners. */
+export interface DropZone {
+    /** A drag is over the zone right now. Always `false` while it is off. */
+    over: boolean;
+    /**
+     * Spread onto the element that *is* the zone — the whole area a drop is a
+     * gesture over, rather than the control inside it.
+     */
+    handlers: {
+        onDragEnter?: React.DragEventHandler;
+        onDragOver?: React.DragEventHandler;
+        onDragLeave?: React.DragEventHandler;
+        onDrop?: React.DragEventHandler;
+    };
+}
+/**
+ * An area that takes dropped files.
+ *
+ * `accept` is called with the files, folders already filtered out. Pass
+ * `undefined` and the zone is off: no listeners at all, and `over` never turns
+ * true — which is what a disabled or read-only control wants, and what a
+ * component with nothing to do with files wants.
+ *
+ * Two details are the whole reason this is shared rather than written twice.
+ *
+ * **The depth count.** `dragenter` and `dragleave` fire for every child the
+ * pointer crosses, so a boolean flickers the entire time a file is over a box
+ * with anything in it — which is every box worth dropping on.
+ *
+ * **The drag that never comes back.** Escape cancels a drag, and a drop outside
+ * the window ends it somewhere the zone will never hear about; neither fires a
+ * `dragleave` here, so the counter stays up and the box keeps its lit edge
+ * until some later drag happens to balance it. `dragend` fires on the source
+ * and `drop` on whatever accepted it, so both are listened for at the document,
+ * with capture.
+ */
+export declare function useDropZone(accept: ((files: File[]) => void) | undefined): DropZone;

package/dist/internal/drop.js

@@ -0,0 +1 @@
+"use client";import*as e from"react";export function droppedFiles(e){const r=[...e.items],t=[...e.files];return r.length!==t.length?t:t.filter((e,t)=>{const n=r[t]?.webkitGetAsEntry?.();return!n||n.isFile})}export function useDropZone(r){const t=e.useRef(0),[n,o]=e.useState(!1),u=void 0!==r;return e.useEffect(()=>{if(!u)return;const e=()=>{t.current=0,o(!1)};return document.addEventListener("dragend",e,!0),document.addEventListener("drop",e,!0),()=>{document.removeEventListener("dragend",e,!0),document.removeEventListener("drop",e,!0)}},[u]),u?{over:n,handlers:{onDragEnter:e=>{e.preventDefault(),t.current+=1,o(!0)},onDragOver:e=>{e.preventDefault(),e.dataTransfer.dropEffect="copy"},onDragLeave:()=>{t.current=Math.max(0,t.current-1),0===t.current&&o(!1)},onDrop:e=>{e.preventDefault(),t.current=0,o(!1),r(droppedFiles(e.dataTransfer))}}}:{over:!1,handlers:{}}}

package/dist/internal/fieldset.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+/**
+ * Whether a Fieldset around a field is disabled.
+ *
+ * Base UI's own Fieldset already stops every field inside it answering, and
+ * says nothing a Neba component can read: its context is not part of the
+ * package's public exports. So a field went on drawing itself available inside
+ * a disabled group, because each one decides how it looks from its own
+ * `disabled` prop. This is the half Base UI does not carry.
+ */
+export declare const FieldsetDisabledContext: React.Context<boolean>;
+/** A field's own `disabled`, or the Fieldset's around it. */
+export declare function useFieldsetDisabled(disabled: boolean | undefined): boolean;

package/dist/internal/fieldset.js

@@ -0,0 +1 @@
+"use client";import*as e from"react";export const FieldsetDisabledContext=/*@__PURE__*/e.createContext(!1);export function useFieldsetDisabled(t){return e.useContext(FieldsetDisabledContext)||!0===t}

package/dist/internal/glow.d.ts

@@ -0,0 +1,102 @@
+/**
+ * The pointer's place on a surface that is lit by it.
+ *
+ * `.neba-glow` in `styles.css` draws two layers off `--n-mx`/`--n-my` — a
+ * spotlight that follows the pointer and an afterglow that lands on a press —
+ * and neither of them can find the pointer on its own: CSS has no way to ask
+ * where it is. This is the two lines that tell it, and they are here because
+ * the number of components that want them is no longer two.
+ *
+ * **The rect, rather than `offsetX`.** `offsetX` is measured from the *target*,
+ * which is the innermost element under the pointer — so it is only the surface's
+ * own offset while every descendant is `pointer-events: none`. That holds for a
+ * Button's icons and stops holding the moment a caller wraps the label in a
+ * `<span>`, and it never held for a field, whose `<input>` is exactly the thing
+ * the pointer is over. One `getBoundingClientRect` per frame on the one element
+ * a pointer can be over is the price of being right about all of them.
+ *
+ * Nothing else costs anything. `pointermove` is already coalesced to one per
+ * frame; the two properties are written straight to the element rather than
+ * held in state, so React never re-renders; and what changes is where a
+ * gradient is centred, which is a repaint of one box and not a layout. Only the
+ * hovered element paints at all, `@media (hover: hover)` keeps it off a touch
+ * screen entirely, and a reduced-motion preference drops both layers.
+ *
+ * The one thing to watch is **whose subtree it is**. A custom property written
+ * on an element invalidates the style of everything under it, so the slots go
+ * on the surface that paints the light and never on a container holding rows of
+ * other things: a Menu lights its own rows, one at a time, and not the popup
+ * around them.
+ */
+import type * as React from 'react';
+/** Carries the two layers. Useless without the slots below and the handler. */
+export declare const glowClasses = "neba-glow";
+/**
+ * The spotlight without the press flash, for a surface that is **entered**
+ * rather than pressed and held.
+ *
+ * `--n-flash` is left unset and the afterglow falls back to `transparent`,
+ * which is the whole distinction. A press is answered by a flash that lands on
+ * the frame of the click and drains for the best part of a second: clicking
+ * into a field is not that, and neither is choosing a menu row, which is gone
+ * before the flash is a third of the way out.
+ *
+ * It reads `--n-soft` rather than a family, so it follows whatever the
+ * component's own slots resolved to — including a field turning `danger` the
+ * moment it is invalid.
+ */
+export declare const spotlightSlot: React.CSSProperties;
+/**
+ * Half of that, for a surface the reader is about to **write on**.
+ *
+ * A control is a thing the pointer acts on, and the bloom under the cursor is
+ * the surface answering. A field is a thing the pointer is only passing over on
+ * its way to putting a caret down: what the reader looks at next is their own
+ * text, a few pixels tall, and a wash at the full strength sits behind it and
+ * competes with it. The light still has to say the shell is live, which is all
+ * half of it is asked to do.
+ *
+ * Half of `--n-soft` rather than a paler token of its own, so a field that
+ * turns `danger` the moment it is invalid takes the danger light at the same
+ * strength it took the resting one.
+ */
+export declare const fieldSpotlightSlot: React.CSSProperties;
+/**
+ * The two handlers a **field's** shell takes, which is the pair that puts the
+ * spotlight out while the reader is typing and brings it back when the pointer
+ * moves.
+ *
+ * The bloom is drawn where the pointer is, and a pointer resting on a field is
+ * where the hand left it — over the text, most of the time, because that is
+ * where the reader clicked to get the caret. So the one moment the light is
+ * least wanted is the one moment it cannot get out of the way on its own.
+ *
+ * Any key and not only the ones that produce text: a reader walking the caret
+ * with the arrows or selecting with Shift is reading the field just as closely,
+ * and a rule that has to decide which keys count is a rule that will get one of
+ * them wrong.
+ *
+ * Both handlers go on the element carrying `.neba-glow` — the shell, which is
+ * where the key from the control inside it bubbles to. The mark is taken off
+ * here rather than inside `trackPointer` for the reason
+ * `internal/defaults.ts` is one `useContext`: `trackPointer` is on every lit
+ * control in the library, and a line only a field can ever need does not
+ * belong in the bundle of a page whose only control is a Button.
+ *
+ * `lit` off gives back nothing at all: a disabled or read-only shell has no
+ * light to put out.
+ */
+export declare function fieldLight<E extends HTMLElement>(lit: boolean): {
+    onPointerMove?: React.PointerEventHandler<E>;
+    onKeyDown?: React.KeyboardEventHandler<E>;
+};
+/**
+ * Writes the pointer's place onto the element, in front of whatever handler the
+ * caller passed.
+ *
+ * `lit` is what stops a disabled, read-only or otherwise unlit surface paying
+ * for a light nobody is painting: without the class there are no layers to
+ * feed, and writing the slots anyway would invalidate that element's style on
+ * every pointer event for nothing.
+ */
+export declare function trackPointer<E extends HTMLElement>(handler: React.PointerEventHandler<E> | undefined, lit: boolean): React.PointerEventHandler<E> | undefined;

package/dist/internal/glow.js

@@ -0,0 +1 @@
+export const glowClasses="neba-glow";export const spotlightSlot={"--n-glow":"var(--n-soft)"};export const fieldSpotlightSlot={"--n-glow":"color-mix(in srgb, var(--n-soft) 50%, transparent)"};const t="data-typing";export function fieldLight(e){return e?{onPointerMove:trackPointer(e=>e.currentTarget.removeAttribute(t),!0),onKeyDown:e=>e.currentTarget.setAttribute(t,"")}:{}}export function trackPointer(t,e){return e?e=>{const n=e.currentTarget,o=n.getBoundingClientRect();n.style.setProperty("--n-mx",e.clientX-o.left+"px"),n.style.setProperty("--n-my",e.clientY-o.top+"px"),t?.(e)}:t}

package/dist/internal/highlight.js

@@ -1 +1 @@
-const i={bash:()=>import("highlight.js/lib/languages/bash"),c:()=>import("highlight.js/lib/languages/c"),cpp:()=>import("highlight.js/lib/languages/cpp"),csharp:()=>import("highlight.js/lib/languages/csharp"),css:()=>import("highlight.js/lib/languages/css"),diff:()=>import("highlight.js/lib/languages/diff"),dockerfile:()=>import("highlight.js/lib/languages/dockerfile"),go:()=>import("highlight.js/lib/languages/go"),graphql:()=>import("highlight.js/lib/languages/graphql"),ini:()=>import("highlight.js/lib/languages/ini"),java:()=>import("highlight.js/lib/languages/java"),javascript:()=>import("highlight.js/lib/languages/javascript"),json:()=>import("highlight.js/lib/languages/json"),kotlin:()=>import("highlight.js/lib/languages/kotlin"),less:()=>import("highlight.js/lib/languages/less"),lua:()=>import("highlight.js/lib/languages/lua"),makefile:()=>import("highlight.js/lib/languages/makefile"),markdown:()=>import("highlight.js/lib/languages/markdown"),objectivec:()=>import("highlight.js/lib/languages/objectivec"),perl:()=>import("highlight.js/lib/languages/perl"),php:()=>import("highlight.js/lib/languages/php"),plaintext:()=>import("highlight.js/lib/languages/plaintext"),powershell:()=>import("highlight.js/lib/languages/powershell"),python:()=>import("highlight.js/lib/languages/python"),r:()=>import("highlight.js/lib/languages/r"),ruby:()=>import("highlight.js/lib/languages/ruby"),rust:()=>import("highlight.js/lib/languages/rust"),scss:()=>import("highlight.js/lib/languages/scss"),shell:()=>import("highlight.js/lib/languages/shell"),sql:()=>import("highlight.js/lib/languages/sql"),swift:()=>import("highlight.js/lib/languages/swift"),typescript:()=>import("highlight.js/lib/languages/typescript"),xml:()=>import("highlight.js/lib/languages/xml"),yaml:()=>import("highlight.js/lib/languages/yaml")},t={"c++":"cpp",cc:"cpp",cjs:"javascript",console:"bash",cs:"csharp",cts:"typescript",docker:"dockerfile",gql:"graphql",golang:"go",h:"cpp",hpp:"cpp",htm:"xml",html:"xml",js:"javascript",jsx:"javascript",kt:"kotlin",kts:"kotlin",md:"markdown",mdx:"markdown",mjs:"javascript",mm:"objectivec",mts:"typescript",mysql:"sql",node:"javascript",none:"plaintext",objc:"objectivec",plain:"plaintext",posh:"powershell",ps1:"powershell",psql:"sql",py:"python",rb:"ruby",rs:"rust",sh:"bash",svelte:"xml",svg:"xml",text:"plaintext",toml:"ini",ts:"typescript",tsx:"typescript",txt:"plaintext",vue:"xml",yml:"yaml",zsh:"bash"},l=new Map;export function registerLanguage(i,t){const g=i.toLowerCase();l.set(g,t),s.delete(g)}let g=null;const s=new Map;export function canonicalLanguage(i){if(!i)return null;const l=i.trim().toLowerCase();return l?t[l]??l:null}export async function highlight(t,a){let e=s.get(a);e||(e=async function(t){const s=l.get(t),a=s?void 0:i[t];if(!s&&!a)return null;g??=import("highlight.js/lib/core").then(i=>i.default);const e=await g;return s?e.registerLanguage(t,s):e.getLanguage(t)||e.registerLanguage(t,(await a()).default),t}(a).catch(i=>{throw s.delete(a),i}),s.set(a,e));const h=await e;if(!h||!g)return null;return tokenize((await g).highlight(t,{language:h,ignoreIllegals:!0}).value)}const a={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#x27;":"'"};export function tokenize(i){const t=[[]],l=[],g=/<span class="([^"]*)">|<\/span>/g;let s=0;const e=i=>{if(!i)return;const g=l[l.length-1];i.replace(/&(?:amp|lt|gt|quot|#x27);/g,i=>a[i]).split("\n").forEach((i,l)=>{l>0&&t.push([]),i&&t[t.length-1].push(g?{text:i,token:g}:{text:i})})};for(const t of i.matchAll(g))e(i.slice(s,t.index)),s=t.index+t[0].length,void 0===t[1]?l.pop():l.push(t[1]);return e(i.slice(s)),t}export function plainLines(i){return i.split("\n").map(i=>i?[{text:i}]:[])}
+const t={bash:()=>import("highlight.js/lib/languages/bash"),c:()=>import("highlight.js/lib/languages/c"),cpp:()=>import("highlight.js/lib/languages/cpp"),csharp:()=>import("highlight.js/lib/languages/csharp"),css:()=>import("highlight.js/lib/languages/css"),diff:()=>import("highlight.js/lib/languages/diff"),dockerfile:()=>import("highlight.js/lib/languages/dockerfile"),go:()=>import("highlight.js/lib/languages/go"),graphql:()=>import("highlight.js/lib/languages/graphql"),ini:()=>import("highlight.js/lib/languages/ini"),java:()=>import("highlight.js/lib/languages/java"),javascript:()=>import("highlight.js/lib/languages/javascript"),json:()=>import("highlight.js/lib/languages/json"),kotlin:()=>import("highlight.js/lib/languages/kotlin"),less:()=>import("highlight.js/lib/languages/less"),lua:()=>import("highlight.js/lib/languages/lua"),makefile:()=>import("highlight.js/lib/languages/makefile"),markdown:()=>import("highlight.js/lib/languages/markdown"),objectivec:()=>import("highlight.js/lib/languages/objectivec"),perl:()=>import("highlight.js/lib/languages/perl"),php:()=>import("highlight.js/lib/languages/php"),plaintext:()=>import("highlight.js/lib/languages/plaintext"),powershell:()=>import("highlight.js/lib/languages/powershell"),python:()=>import("highlight.js/lib/languages/python"),r:()=>import("highlight.js/lib/languages/r"),ruby:()=>import("highlight.js/lib/languages/ruby"),rust:()=>import("highlight.js/lib/languages/rust"),scss:()=>import("highlight.js/lib/languages/scss"),shell:()=>import("highlight.js/lib/languages/shell"),sql:()=>import("highlight.js/lib/languages/sql"),swift:()=>import("highlight.js/lib/languages/swift"),typescript:()=>import("highlight.js/lib/languages/typescript"),xml:()=>import("highlight.js/lib/languages/xml"),yaml:()=>import("highlight.js/lib/languages/yaml")},i={"c++":"cpp",cc:"cpp",cjs:"javascript",console:"bash",cs:"csharp",cts:"typescript",docker:"dockerfile",gql:"graphql",golang:"go",h:"cpp",hpp:"cpp",htm:"xml",html:"xml",js:"javascript",jsx:"javascript",kt:"kotlin",kts:"kotlin",md:"markdown",mdx:"markdown",mjs:"javascript",mm:"objectivec",mts:"typescript",mysql:"sql",node:"javascript",none:"plaintext",objc:"objectivec",plain:"plaintext",posh:"powershell",ps1:"powershell",psql:"sql",py:"python",rb:"ruby",rs:"rust",sh:"bash",svelte:"xml",svg:"xml",text:"plaintext",toml:"ini",ts:"typescript",tsx:"typescript",txt:"plaintext",vue:"xml",yml:"yaml",zsh:"bash"},l={dockerfile:["bash"],javascript:["xml"],markdown:["xml"],shell:["bash"],typescript:["xml"],xml:["javascript","css"]},s=new Map;export function registerLanguage(t,i){const l=t.toLowerCase();s.set(l,i),a.delete(l)}let g=null;const a=new Map;export function canonicalLanguage(t){if(!t)return null;const l=t.trim().toLowerCase();return l?s.has(l)?l:i[l]??l:null}export async function highlight(i,e){if(!s.has(e)&&!Object.hasOwn(t,e))return null;let h=a.get(e);h||(h=async function(i){const a=s.get(i),e=a||!Object.hasOwn(t,i)?void 0:t[i];if(!a&&!e)return null;g??=import("highlight.js/lib/core").then(t=>t.default).catch(t=>{throw g=null,t});const h=await g;a?h.registerLanguage(i,a):h.getLanguage(i)||h.registerLanguage(i,(await e()).default);const n=Object.hasOwn(l,i)?l[i]:[];return await Promise.all(n.map(async i=>{if(h.getLanguage(i))return;const l=s.get(i);h.registerLanguage(i,l??(await t[i]()).default)})),i}(e).catch(t=>{throw a.delete(e),t}),a.set(e,h));const n=await h;if(!n||!g)return null;return tokenize((await g).highlight(i,{language:n,ignoreIllegals:!0}).value)}const e={"&amp;":"&","&lt;":"<","&gt;":">","&quot;":'"',"&#x27;":"'"};export function tokenize(t){const i=[[]],l=[],s=/<span class="([^"]*)">|<\/span>/g;let g=0;const a=t=>{if(!t)return;const s=l[l.length-1];t.replace(/&(?:amp|lt|gt|quot|#x27);/g,t=>e[t]).split("\n").forEach((t,l)=>{l>0&&i.push([]),t&&i[i.length-1].push(s?{text:t,token:s}:{text:t})})};for(const i of t.matchAll(s))a(t.slice(g,i.index)),g=i.index+i[0].length,void 0===i[1]?l.pop():l.push(i[1]);return a(t.slice(g)),i}export function plainLines(t){return t.split("\n").map(t=>t?[{text:t}]:[])}

package/dist/internal/i18n.d.ts

@@ -33,16 +33,6 @@
  * string itself, so an unsupported language is never a dead end: `locale` gets
  * you a translation for free, and the prop gets you one for anything else.
  */
-/**
- * `{index}`, `{total}` and `{title}` filled into a message.
- *
- * It lives beside the tables rather than in whichever component needed it first
- * because the placeholders are part of the message format: a language that
- * orders "3 of 8" the other way round writes `{total}단계 중 {index}단계`, and a
- * second copy of this function would eventually disagree about what a
- * placeholder looks like.
- */
-export declare function fill(template: string, values: Record<string, string>): string;
 /**
  * One namespace's strings, in every language that has them.
  *
@@ -181,6 +171,11 @@ export interface TableMessages {
     empty: string;
     /** The button that writes what is on screen out as a file. */
     exportCsv: string;
+    /**
+     * The heading over the rows `groupBy` put in no group. Its own word rather
+     * than `empty`'s, which said there was nothing there over rows that were.
+     */
+    noGroup: string;
 }
 /** The `table` namespace, as Table and DataTable read it. */
 export declare const tableMessages: MessageTable<TableMessages>;
@@ -372,6 +367,11 @@ export interface ImageMessages {
      * caller gave no `alt` to say what it was.
      */
     unavailable: string;
+    /**
+     * Names the button that opens a preview, and titles the preview, when the
+     * picture has an empty `alt` to take a name from.
+     */
+    preview: string;
 }
 export declare const imageMessages: MessageTable<ImageMessages>;
 /**
@@ -386,6 +386,23 @@ export declare const imageMessages: MessageTable<ImageMessages>;
 export interface ChartMessages {
     /** Names the drawing when the caller did not. */
     label: string;
+    /** The column of a scatter's table that holds each point's size. */
+    size: string;
+    /** The column of a timeline's table that holds each span's own label. */
+    title: string;
+    /** The column of a timeline's table where each span starts. */
+    start: string;
+    /** And where it ends. */
+    end: string;
+    /**
+     * What the plot is described by: how many values it draws and between which
+     * two they fall. `{count}`, `{min}` and `{max}` are replaced with the numbers,
+     * already formatted. It is one sentence on purpose, because a description is
+     * read on every focus and the hidden table beside the plot holds the rest.
+     */
+    summary: string;
+    /** The button that writes the chart's data out as a file. */
+    exportCsv: string;
 }
 /** The `chart` namespace, as every chart reads it. */
 export declare const chartMessages: MessageTable<ChartMessages>;
@@ -413,6 +430,19 @@ export interface ScrollMessages {
 }
 /** The `scroll` namespace, as ScrollZone read it. */
 export declare const scrollMessages: MessageTable<ScrollMessages>;
+/** Panes. */
+export interface PanesMessages {
+    /**
+     * Names a handle between two panes.
+     *
+     * A `separator` that takes the focus is announced by its name and its value,
+     * and with no name all a reader heard was "separator, 50" — a number with
+     * nothing to say what it was the share of or what the keys would do.
+     */
+    handle: string;
+}
+/** The `panes` namespace, as Panes read it. */
+export declare const panesMessages: MessageTable<PanesMessages>;
 /** Breadcrumb. */
 export interface BreadcrumbMessages {
     /** Names the `<nav>` landmark. */
@@ -465,12 +495,61 @@ export interface ComboboxMessages {
     empty: string;
     /** The × on one chosen entry. `{label}` is replaced with its own label. */
     remove: string;
+    /** The row that adds what was typed. `{label}` is replaced with the text. */
+    add: string;
+    /** The chevron that opens the list, when there is no label to name it by. */
+    open: string;
 }
 /** The `combobox` namespace, as Combobox read it. */
 export declare const comboboxMessages: MessageTable<ComboboxMessages>;
+/** ToastProvider. */
+export interface ToastMessages {
+    /**
+     * Names the region the stack lives in. It is a landmark a screen reader can
+     * jump to, and F6 moves the focus into it, so it is announced on its own.
+     */
+    label: string;
+}
+/** The `toast` namespace, as ToastProvider reads it. */
+export declare const toastMessages: MessageTable<ToastMessages>;
+/** Timeline. */
+export interface TimelineMessages {
+    /**
+     * What a step's bullet says by its shape alone, said in words to a reader who
+     * cannot see it. The current step needs none: `aria-current` says it.
+     */
+    complete: string;
+    upcoming: string;
+}
+/** The `timeline` namespace, as Timeline reads it. */
+export declare const timelineMessages: MessageTable<TimelineMessages>;
+/** FilePicker. */
+export interface FileMessages {
+    /** The line inside the box, when the caller wrote none. */
+    title: string;
+    /** Names the button that takes one file back out of the list. */
+    remove: string;
+}
+/** The `file` namespace, as FilePicker reads it. */
+export declare const fileMessages: MessageTable<FileMessages>;
+/** OtpField. */
+export interface OtpMessages {
+    /**
+     * Names every slot after the first, which takes the field's label. Six boxes
+     * all called "Verification code" say nothing about which one has the caret.
+     */
+    slot: string;
+}
+/** The `otp` namespace, as OtpField reads it. */
+export declare const otpMessages: MessageTable<OtpMessages>;
 /** Overlay. */
 export interface OverlayMessages {
-    /** Names the sheet that covers whatever it was wrapped around. */
+    /**
+     * Names the sheet that covers whatever it was wrapped around. It says what
+     * the common case is doing rather than what the component is called: an
+     * overlay holding only a spinner was announced as "Overlay, dialog", which
+     * tells a reader nothing about why the page went out of reach.
+     */
     label: string;
 }
 /** The `overlay` namespace, as Overlay read it. */
@@ -490,6 +569,8 @@ export interface WindowMessages {
     restore: string;
     /** Names the corner a pointer drags to resize. */
     resize: string;
+    /** Says how a keyboard resizes from that corner, which its name does not. */
+    resizeHint: string;
 }
 /** The `window` namespace, as WindowPane read it. */
 export declare const windowMessages: MessageTable<WindowMessages>;
@@ -574,6 +655,122 @@ export interface StepsMessages {
 }
 /** The `steps` namespace, as HowToSteps reads it. */
 export declare const stepsMessages: MessageTable<StepsMessages>;
+/** ToolCall and AgentSteps. */
+export interface RunMessages {
+    /** Not started. */
+    pending: string;
+    /** Going on now. */
+    running: string;
+    /** Ended, and did what it was asked. */
+    success: string;
+    /** Ended, and did not. */
+    error: string;
+}
+/**
+ * The `run` namespace, as ToolCall and AgentSteps read it.
+ *
+ * Its own rather than four keys on `tool`, because what it names is the
+ * `NebaRunStatus` vocabulary and not one component's chrome: an AgentSteps
+ * draws a marker per step and never says the words "Arguments" or "Result", so
+ * a step list that reached those through one table would carry them.
+ *
+ * Every one of the four is read out and none of them is drawn. The shape says
+ * which state a row is in — a hollow ring, a turning ring, a tick, a cross —
+ * and these are the same sentence for a reader who has no shape to look at.
+ */
+export declare const runMessages: MessageTable<RunMessages>;
+/** ToolCall. */
+export interface ToolMessages {
+    /** The heading over what the tool was called with. */
+    arguments: string;
+    /** And over what it answered. */
+    result: string;
+}
+/** The `tool` namespace, as ToolCall reads it. */
+export declare const toolMessages: MessageTable<ToolMessages>;
+/** Approval. */
+export interface ApprovalMessages {
+    /** The heading over a request that was not given one. */
+    request: string;
+    /** What the record line is called once the request has been answered. */
+    answered: string;
+    /** The three risk levels, as the chip beside the heading draws them. */
+    low: string;
+    medium: string;
+    high: string;
+}
+/**
+ * The `approval` namespace, as Approval reads it.
+ *
+ * The three risk words are written out in full — "Low risk" rather than "Low" —
+ * because the chip is the only thing on the card that says what the level is
+ * *of*, and a lone adjective beside a heading reads as a description of the
+ * heading.
+ */
+export declare const approvalMessages: MessageTable<ApprovalMessages>;
+/** Reasoning. */
+export interface ReasoningMessages {
+    /** While the stream is still arriving. */
+    thinking: string;
+    /** Once it has stopped, when the time it took is known. `{duration}` is the length. */
+    thought: string;
+    /** And when it is not. */
+    done: string;
+}
+/**
+ * The `reasoning` namespace, as Reasoning reads it.
+ *
+ * `thought` is a whole sentence with a placeholder in it rather than a word and
+ * a number set beside each other, for `tableMessages.range`'s reason: where the
+ * length goes in the sentence is exactly what differs between languages.
+ */
+export declare const reasoningMessages: MessageTable<ReasoningMessages>;
+/** ContextWindow. */
+export interface ContextMessages {
+    /** What the gauge is called when it was not given a name. */
+    label: string;
+    /** The four things a context window is spent on. */
+    input: string;
+    output: string;
+    reasoning: string;
+    cached: string;
+    /** Over the money. */
+    cost: string;
+    /** How much of the window has gone. `{used}` and `{max}` are the two counts. */
+    usage: string;
+}
+/**
+ * The `context` namespace, as ContextWindow reads it.
+ *
+ * Nothing here is a number: the counts and the money are `Intl`'s, which speaks
+ * more languages than this file ever will, and `usage` is a whole sentence with
+ * two placeholders in it because where the two numbers sit is exactly what
+ * differs between languages.
+ */
+export declare const contextMessages: MessageTable<ContextMessages>;
+/** Sources and InlineCitation. */
+export interface SourcesMessages {
+    /** The heading over the list, when it was not given one. */
+    title: string;
+    /**
+     * What a numbered citation in the body is called. `{index}` is its number,
+     * which is the only thing the mark itself says.
+     */
+    citation: string;
+}
+/** The `sources` namespace, as Sources and InlineCitation read it. */
+export declare const sourcesMessages: MessageTable<SourcesMessages>;
+/** PromptInput. */
+export interface PromptMessages {
+    /** The button that sends what was typed. */
+    send: string;
+    /** And what that same button says while an answer is being written. */
+    stop: string;
+    /** Over the field while files are being dragged onto it. */
+    drop: string;
+}
+/** The `prompt` namespace, as PromptInput reads it. */
+export declare const promptMessages: MessageTable<PromptMessages>;
 /**
  * One namespace's strings for a locale, merged over English.
  *
@@ -639,6 +836,8 @@ export interface NebaLocale {
     chart?: Partial<ChartMessages>;
     /** Scroll. */
     scroll?: Partial<ScrollMessages>;
+    /** Panes. */
+    panes?: Partial<PanesMessages>;
     /** Breadcrumb. */
     breadcrumb?: Partial<BreadcrumbMessages>;
     /** Anchor. */
@@ -649,6 +848,8 @@ export interface NebaLocale {
     command?: Partial<CommandMessages>;
     /** Combobox. */
     combobox?: Partial<ComboboxMessages>;
+    /** Toast. */
+    toast?: Partial<ToastMessages>;
     /** Overlay. */
     overlay?: Partial<OverlayMessages>;
     /** Window. */
@@ -661,6 +862,26 @@ export interface NebaLocale {
     steps?: Partial<StepsMessages>;
     /** Confirm. */
     confirm?: Partial<ConfirmMessages>;
+    /** OtpField. */
+    otp?: Partial<OtpMessages>;
+    /** FilePicker. */
+    file?: Partial<FileMessages>;
+    /** Timeline. */
+    timeline?: Partial<TimelineMessages>;
+    /** ToolCall and AgentSteps. */
+    run?: Partial<RunMessages>;
+    /** ToolCall. */
+    tool?: Partial<ToolMessages>;
+    /** Approval. */
+    approval?: Partial<ApprovalMessages>;
+    /** Reasoning. */
+    reasoning?: Partial<ReasoningMessages>;
+    /** ContextWindow. */
+    context?: Partial<ContextMessages>;
+    /** Sources and InlineCitation. */
+    sources?: Partial<SourcesMessages>;
+    /** PromptInput. */
+    prompt?: Partial<PromptMessages>;
 }
 /**
  * Teaches the library a language.

package/dist/internal/i18n.js

@@ -1 +1 @@
-import*as e from"react";import{memoise as s}from"./cache.js";export function fill(e,s){return e.replace(/\{(\w+)\}/g,(e,o)=>s[o]??e)}export const actionMessages={"":{close:"Close",dismiss:"Dismiss",clear:"Clear",remove:"Remove"}};export const confirmMessages={"":{confirm:"Confirm",cancel:"Cancel"}};export const linkMessages={"":{newTab:"(opens in a new tab)"}};export const spoilerMessages={"":{reveal:"Reveal",hide:"Hide",notice:"This may contain spoilers"}};export const chatMessages={"":{sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Not sent",typing:"Typing…"}};export const emptyMessages={"":{title:"Nothing here"}};export const tableMessages={"":{search:"Search",selectAll:"Select all rows",selectRow:"Select row",rowsPerPage:"Rows per page",range:"{start}–{end} of {total}",selected:"{count} selected",empty:"No data",exportCsv:"Export CSV"}};export const colorMessages={"":{area:"Saturation and brightness",hue:"Hue",alpha:"Opacity",value:"Colour value",swatches:"Preset colours",clear:"Clear",empty:"Choose a colour"}};export const ratingMessages={"":{label:"Rating",value:"{value} out of {max}",empty:"No rating"}};export const numberMessages={"":{increase:"Increase",decrease:"Decrease"}};export const paginationMessages={"":{label:"Pagination",page:"Page {page}",status:"Page {page} of {total}",previous:"Previous page",next:"Next page",first:"First page",last:"Last page"}};export const carouselMessages={"":{label:"Carousel",slide:"Slide {index} of {total}",previous:"Previous slide",next:"Next slide",pause:"Pause slide show",play:"Play slide show"}};export const pickerMessages={"":{previousMonth:"Previous month",nextMonth:"Next month",previousYear:"Previous year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",chooseMonth:"Choose a month",chooseYear:"Choose a year",today:"Today",thisMonth:"This month",thisYear:"This year",now:"Now",clear:"Clear",done:"Done",hour:"Hour",minute:"Minute",second:"Second",meridiem:"AM/PM",start:"Start",end:"End"}};export const galleryMessages={"":{label:"Gallery",item:"Image {index} of {total}",previous:"Previous image",next:"Next image"}};export const imageMessages={"":{unavailable:"Image unavailable"}};export const chartMessages={"":{label:"Chart"}};export const scrollMessages={"":{label:"Scrollable content",previous:"Scroll back",next:"Scroll forward"}};export const breadcrumbMessages={"":{label:"Breadcrumb",expand:"Show hidden steps"}};export const commandMessages={"":{label:"Command palette",search:"Type a command or search…",empty:"No commands found"}};export const transferMessages={"":{source:"Available",target:"Selected",toTarget:"Move to selected",toSource:"Move to available",search:"Search",selectAll:"Select all",empty:"Nothing here"}};export const anchorMessages={"":{label:"On this page"}};export const comboboxMessages={"":{empty:"No matches",remove:"Remove {label}"}};export const overlayMessages={"":{label:"Overlay"}};export const windowMessages={"":{minimize:"Minimize",maximize:"Maximize",restore:"Restore",resize:"Resize window"}};export const layoutMessages={"":{skipToContent:"Skip to content",sidebar:"Sidebar",openSidebar:"Open sidebar",closeSidebar:"Close sidebar",resizeSidebar:"Resize sidebar"}};export const codeMessages={"":{code:"Code",copy:"Copy",copied:"Copied",copyFailed:"Could not copy",raw:"Raw",prompt:"Prompt"}};export const stepsMessages={"":{previous:"Previous",next:"Next",done:"Done",skip:"Skip",restart:"Start over",completed:"All steps complete",steps:"Steps",position:"{index} of {total}",step:"Step {index}: {title}"}};const o={zh:"zh-hans","zh-cn":"zh-hans","zh-my":"zh-hans","zh-sg":"zh-hans","zh-hk":"zh-hant","zh-mo":"zh-hant","zh-tw":"zh-hant"};const a=new WeakMap;export function resolveMessages(e,t){const r=e[""],n=t?.trim()??"";if(!n)return r;let i=a.get(e);return i||(i=new Map,a.set(e,i)),s(i,n,()=>{const s=function(e){const s=e.toLowerCase().split(/[-_]/).filter(Boolean),o=s[0];if(!o)return[];const a=s.slice(1),t=a.find(e=>/^[a-z]{4}$/.test(e)),r=a.find(e=>/^([a-z]{2}|\d{3})$/.test(e));return[t?`${o}-${t}`:"",r?`${o}-${r}`:"",o].filter(Boolean)}(n).map(s=>{const a=Object.hasOwn(o,s)?o[s]:void 0;return Object.hasOwn(e,s)?e[s]:a&&Object.hasOwn(e,a)?e[a]:void 0}).find(Boolean);return s?{...r,...s}:r})}export function useMessages(s,o){return e.useMemo(()=>resolveMessages(s,o),[s,o])}export function fillMessage(e,s){return e.replace(/\{(\w+)\}/g,(e,o)=>Object.hasOwn(s,o)?s[o]:e)}const t={action:actionMessages,confirm:confirmMessages,link:linkMessages,spoiler:spoilerMessages,chat:chatMessages,empty:emptyMessages,table:tableMessages,color:colorMessages,rating:ratingMessages,number:numberMessages,pagination:paginationMessages,carousel:carouselMessages,picker:pickerMessages,gallery:galleryMessages,image:imageMessages,chart:chartMessages,scroll:scrollMessages,breadcrumb:breadcrumbMessages,anchor:anchorMessages,transfer:transferMessages,command:commandMessages,combobox:comboboxMessages,overlay:overlayMessages,window:windowMessages,layout:layoutMessages,code:codeMessages,steps:stepsMessages};export function registerMessages(e,s){const o=e.trim().toLowerCase();for(const[e,r]of Object.entries(s)){const s=t[e];s&&r&&(s[o]=r,a.delete(s))}}
+import*as e from"react";import{memoise as s}from"./cache.js";export const actionMessages={"":{close:"Close",dismiss:"Dismiss",clear:"Clear",remove:"Remove"}};export const confirmMessages={"":{confirm:"Confirm",cancel:"Cancel"}};export const linkMessages={"":{newTab:"(opens in a new tab)"}};export const spoilerMessages={"":{reveal:"Reveal",hide:"Hide",notice:"This may contain spoilers"}};export const chatMessages={"":{sending:"Sending",sent:"Sent",delivered:"Delivered",read:"Read",failed:"Not sent",typing:"Typing…"}};export const emptyMessages={"":{title:"Nothing here"}};export const tableMessages={"":{search:"Search",selectAll:"Select all rows",selectRow:"Select row",rowsPerPage:"Rows per page",range:"{start}–{end} of {total}",selected:"{count} selected",empty:"No data",exportCsv:"Export CSV",noGroup:"No group"}};export const colorMessages={"":{area:"Saturation and brightness",hue:"Hue",alpha:"Opacity",value:"Colour value",swatches:"Preset colours",clear:"Clear",empty:"Choose a colour"}};export const ratingMessages={"":{label:"Rating",value:"{value} out of {max}",empty:"No rating"}};export const numberMessages={"":{increase:"Increase",decrease:"Decrease"}};export const paginationMessages={"":{label:"Pagination",page:"Page {page}",status:"Page {page} of {total}",previous:"Previous page",next:"Next page",first:"First page",last:"Last page"}};export const carouselMessages={"":{label:"Carousel",slide:"Slide {index} of {total}",previous:"Previous slide",next:"Next slide",pause:"Pause slide show",play:"Play slide show"}};export const pickerMessages={"":{previousMonth:"Previous month",nextMonth:"Next month",previousYear:"Previous year",nextYear:"Next year",previousYears:"Previous years",nextYears:"Next years",chooseMonth:"Choose a month",chooseYear:"Choose a year",today:"Today",thisMonth:"This month",thisYear:"This year",now:"Now",clear:"Clear",done:"Done",hour:"Hour",minute:"Minute",second:"Second",meridiem:"AM/PM",start:"Start",end:"End"}};export const galleryMessages={"":{label:"Gallery",item:"Image {index} of {total}",previous:"Previous image",next:"Next image"}};export const imageMessages={"":{unavailable:"Image unavailable",preview:"Enlarge image"}};export const chartMessages={"":{label:"Chart",size:"Size",title:"Label",start:"Start",end:"End",summary:"Data points: {count}. Range: {min} to {max}.",exportCsv:"Export CSV"}};export const scrollMessages={"":{label:"Scrollable content",previous:"Scroll back",next:"Scroll forward"}};export const panesMessages={"":{handle:"Resize panes"}};export const breadcrumbMessages={"":{label:"Breadcrumb",expand:"Show hidden steps"}};export const commandMessages={"":{label:"Command palette",search:"Type a command or search…",empty:"No commands found"}};export const transferMessages={"":{source:"Available",target:"Selected",toTarget:"Move to selected",toSource:"Move to available",search:"Search",selectAll:"Select all",empty:"Nothing here"}};export const anchorMessages={"":{label:"On this page"}};export const comboboxMessages={"":{empty:"No matches",remove:"Remove {label}",add:"Add “{label}”",open:"Open"}};export const toastMessages={"":{label:"Notifications"}};export const timelineMessages={"":{complete:"Completed",upcoming:"Upcoming"}};export const fileMessages={"":{title:"Drop files here, or click to browse",remove:"Remove {name}"}};export const otpMessages={"":{slot:"Character {index} of {total}"}};export const overlayMessages={"":{label:"Loading"}};export const windowMessages={"":{minimize:"Minimize",maximize:"Maximize",restore:"Restore",resize:"Resize window",resizeHint:"Use the arrow keys to resize the window"}};export const layoutMessages={"":{skipToContent:"Skip to content",sidebar:"Sidebar",openSidebar:"Open sidebar",closeSidebar:"Close sidebar",resizeSidebar:"Resize sidebar"}};export const codeMessages={"":{code:"Code",copy:"Copy",copied:"Copied",copyFailed:"Could not copy",raw:"Raw",prompt:"Prompt"}};export const stepsMessages={"":{previous:"Previous",next:"Next",done:"Done",skip:"Skip",restart:"Start over",completed:"All steps complete",steps:"Steps",position:"{index} of {total}",step:"Step {index}: {title}"}};export const runMessages={"":{pending:"Waiting",running:"Running",success:"Finished",error:"Failed"}};export const toolMessages={"":{arguments:"Arguments",result:"Result"}};export const approvalMessages={"":{request:"Permission needed",answered:"Answered",low:"Low risk",medium:"Medium risk",high:"High risk"}};export const reasoningMessages={"":{thinking:"Thinking…",thought:"Thought for {duration}",done:"Finished thinking"}};export const contextMessages={"":{label:"Context",input:"Input",output:"Output",reasoning:"Reasoning",cached:"Cached",cost:"Estimated cost",usage:"{used} of {max}"}};export const sourcesMessages={"":{title:"Sources",citation:"Source {index}"}};export const promptMessages={"":{send:"Send",stop:"Stop",drop:"Drop files to attach"}};const o={zh:"zh-hans","zh-cn":"zh-hans","zh-my":"zh-hans","zh-sg":"zh-hans","zh-hk":"zh-hant","zh-mo":"zh-hant","zh-tw":"zh-hant"};const t=new WeakMap;export function resolveMessages(e,a){const r=e[""],n=a?.trim()??"";if(!n)return r;let i=t.get(e);return i||(i=new Map,t.set(e,i)),s(i,n,()=>{const s=function(e){const s=e.toLowerCase().split(/[-_]/).filter(Boolean),o=s[0];if(!o)return[];const t=s.slice(1),a=t.find(e=>/^[a-z]{4}$/.test(e)),r=t.find(e=>/^([a-z]{2}|\d{3})$/.test(e));return[a?`${o}-${a}`:"",r?`${o}-${r}`:"",o].filter(Boolean)}(n).map(s=>{const t=Object.hasOwn(o,s)?o[s]:void 0;return Object.hasOwn(e,s)?e[s]:t&&Object.hasOwn(e,t)?e[t]:void 0}).find(Boolean);return s?{...r,...s}:r})}export function useMessages(s,o){return e.useMemo(()=>resolveMessages(s,o),[s,o])}export function fillMessage(e,s){return e.replace(/\{(\w+)\}/g,(e,o)=>Object.hasOwn(s,o)?s[o]:e)}const a={action:actionMessages,confirm:confirmMessages,link:linkMessages,spoiler:spoilerMessages,chat:chatMessages,empty:emptyMessages,table:tableMessages,color:colorMessages,rating:ratingMessages,number:numberMessages,pagination:paginationMessages,carousel:carouselMessages,picker:pickerMessages,gallery:galleryMessages,image:imageMessages,chart:chartMessages,scroll:scrollMessages,panes:panesMessages,breadcrumb:breadcrumbMessages,anchor:anchorMessages,transfer:transferMessages,command:commandMessages,combobox:comboboxMessages,toast:toastMessages,overlay:overlayMessages,window:windowMessages,layout:layoutMessages,code:codeMessages,steps:stepsMessages,otp:otpMessages,file:fileMessages,timeline:timelineMessages,run:runMessages,tool:toolMessages,approval:approvalMessages,reasoning:reasoningMessages,context:contextMessages,sources:sourcesMessages,prompt:promptMessages};export function registerMessages(e,s){const o=e.trim().toLowerCase();if("__proto__"!==o)for(const[e,r]of Object.entries(s)){const s=Object.hasOwn(a,e)?a[e]:void 0;s&&r&&(s[o]=r,t.delete(s))}}

package/dist/internal/icons.d.ts

@@ -139,6 +139,16 @@ export declare function StarOutlineIcon(): React.JSX.Element;
 export declare function SpinnerIcon(): React.JSX.Element;
 /** The filled dot: the chosen one of a set, where a tick would say "and". */
 export declare function DotIcon(): React.JSX.Element;
+/**
+ * The empty ring: something that has not started.
+ *
+ * The third member of the set a run status is drawn with — a hollow ring, a
+ * turning ring, a tick in a circle, a cross in a circle — so `pending`,
+ * `running`, `success` and `error` are four shapes at one diameter rather than
+ * four colours of one shape. A reader who cannot tell the colours apart still
+ * has four marks.
+ */
+export declare function CircleIcon(): React.JSX.Element;
 /** The neutral note: a circled `i` without the serif problem an `i` has at 16px. */
 export declare function NoteIcon(): React.JSX.Element;
 /** The tick in a circle: the one that went through. */
@@ -151,8 +161,9 @@ export declare function DangerIcon(): React.JSX.Element;
  * One drawing per colour family.
  *
  * `primary` and `secondary` have no severity to draw, so they take the note the
- * informational one uses — three shapes for six families, because the three
- * that mean something are the three worth telling apart.
+ * informational one uses — four shapes for six families, because the three
+ * that mean something are the three worth telling apart, and everything else
+ * shares the note.
  *
  * A function rather than a `Record` of elements, for the reason the tables in
  * `i18n.ts` are one per namespace: a bundler drops an unused function and it