@nordmanai/nif 0.0.0-stage → 0.2.0

package/dist/ui/config/nm-app-panel.d.ts

@@ -0,0 +1,36 @@
+export declare const NM_APP_PANEL_TABS: {
+    readonly code: 'code';
+    readonly preview: 'preview';
+    readonly environment: 'environment';
+};
+export type NmAppPanelTab = (typeof NM_APP_PANEL_TABS)[keyof typeof NM_APP_PANEL_TABS];
+export declare const NM_APP_PANEL_ICON_SRC: {
+    readonly code: '/interface/app-panel/code.svg';
+    readonly play: '/interface/app-panel/play.svg';
+    readonly ellipsis: '/interface/app-panel/ellipsis.svg';
+    readonly plus: '/interface/app-panel/plus.svg';
+    readonly console: '/interface/app-panel/console.svg';
+    readonly network: '/interface/app-panel/network.svg';
+    readonly message: '/interface/app-panel/message.svg';
+    readonly copy: '/interface/app-panel/copy.svg';
+};
+export declare const NM_APP_PANEL_CLASSES: {
+    readonly root: 'nm-app-panel';
+    readonly body: 'nm-app-panel__body';
+    readonly canvas: 'nm-app-panel__canvas';
+    readonly loader: 'nm-app-panel__loader';
+    readonly publish: 'nm-app-panel__publish';
+    readonly publishStatus: 'nm-app-panel__publish-status';
+    readonly publishLabel: 'nm-app-panel__publish-label';
+    readonly progressWrap: 'nm-app-panel__progress-wrap';
+    readonly progressLabel: 'nm-app-panel__progress-label';
+    readonly progress: 'nm-app-panel__progress';
+    readonly progressFill: 'nm-app-panel__progress-fill';
+    readonly blocked: 'nm-app-panel__blocked';
+    readonly blockedTitle: 'nm-app-panel__blocked-title';
+    readonly blockedBody: 'nm-app-panel__blocked-body';
+};
+export declare const NM_LOGS_PANEL_CLASSES: {
+    readonly root: 'nm-logs-panel';
+    readonly body: 'nm-logs-panel__body';
+};

package/dist/ui/config/nm-appearance.d.ts

@@ -0,0 +1,100 @@
+/** Single source of truth for Nordman visual appearance settings (Chat + kit). */
+export declare const NM_APPEARANCE_STORAGE_KEY: 'nordman-appearance-v1';
+/** Dispatched on `window` after `applyAppearanceState` updates document tokens. */
+export declare const NM_APPEARANCE_APPLIED_EVENT: 'nordman-appearance-applied';
+export declare const NM_APPEARANCE_MODES: readonly ['system', 'light', 'dark'];
+export type NmAppearanceMode = (typeof NM_APPEARANCE_MODES)[number];
+export declare const NM_UI_FONT_SIZE_PX: {
+    readonly min: 12;
+    readonly max: 16;
+    readonly default: 14;
+};
+/** Poppins ships nine weights. The setting is the Regular weight. Medium, semibold and bold step up from it. */
+export declare const NM_FONT_WEIGHTS: readonly [{
+    readonly id: '100';
+    readonly label: 'Thin';
+}, {
+    readonly id: '200';
+    readonly label: 'ExtraLight';
+}, {
+    readonly id: '300';
+    readonly label: 'Light';
+}, {
+    readonly id: '400';
+    readonly label: 'Regular';
+}, {
+    readonly id: '500';
+    readonly label: 'Medium';
+}, {
+    readonly id: '600';
+    readonly label: 'SemiBold';
+}, {
+    readonly id: '700';
+    readonly label: 'Bold';
+}, {
+    readonly id: '800';
+    readonly label: 'ExtraBold';
+}, {
+    readonly id: '900';
+    readonly label: 'Black';
+}];
+export declare const NM_UI_FONT_WEIGHT: {
+    readonly min: 100;
+    readonly max: 900;
+    readonly default: 400;
+};
+export declare const NM_UI_ICON_SIZE_PX: {
+    readonly min: 14;
+    readonly max: 24;
+    readonly default: 18;
+};
+/** 100 = kit default corner roundness; scales all `--nm-*-radius` tokens. */
+export declare const NM_UI_RADIUS_PERCENT: {
+    readonly min: 50;
+    readonly max: 150;
+    readonly default: 100;
+};
+/** 100 = kit default spacing; scales every `--nm-space-*`, `--nm-gap-*` and `--nm-pad-*` token. */
+export declare const NM_UI_SPACE_PERCENT: {
+    readonly min: 75;
+    readonly max: 125;
+    readonly default: 100;
+};
+export declare const NM_APPEARANCE_CONTRAST: {
+    readonly min: 0;
+    readonly max: 100;
+    readonly default: 0;
+};
+export declare const NM_ACCENT_PRESETS: readonly ['default', 'blue', 'green', 'yellow', 'pink', 'orange', 'purple', 'white', 'custom'];
+export type NmAccentPreset = (typeof NM_ACCENT_PRESETS)[number];
+export type NmAppearancePalette = {
+    canvas: string;
+    foreground: string;
+    accent: string;
+};
+export type NmThemePresetDefinition = {
+    id: string;
+    label: string;
+    swatch: string;
+    dark: Pick<NmAppearancePalette, 'canvas' | 'foreground'>;
+    light: Pick<NmAppearancePalette, 'canvas' | 'foreground'>;
+};
+export declare const NM_THEME_PRESETS: readonly NmThemePresetDefinition[];
+export declare const NM_ACCENT_HEX: Record<Exclude<NmAccentPreset, 'default' | 'custom'>, string>;
+export declare const NM_APPEARANCE_DEFAULTS: {
+    readonly mode: NmAppearanceMode;
+    readonly themePresetId: 'nordman';
+    readonly accentPreset: NmAccentPreset;
+    readonly customAccentHex: '#D2BB9C';
+    readonly backgroundHex: "#000000";
+    readonly foregroundHex: "#ededed";
+    readonly uiFontSizePx: 14;
+    readonly uiFontWeight: number;
+    readonly uiIconSizePx: 18;
+    readonly uiRadiusPercent: 100;
+    readonly uiSpacePercent: 100;
+    readonly contrast: 0;
+};
+export declare const NM_APPEARANCE_CSS_VARS: readonly ['--nm-canvas', '--nm-fg', '--nm-fg-muted', '--nm-fg-subtle', '--nm-stroke', '--nm-line', '--nm-line-strong', '--nm-divider', '--control-fs', '--nm-panel', '--nm-raised', '--nm-inset', '--nm-mark-primary', '--nm-mark-secondary', '--nm-mark-tertiary', '--nm-mark-surface', '--nm-canvas-rgb', '--nm-fg-rgb', '--nm-fg-muted-rgb', '--nm-fg-subtle-rgb', '--nm-stroke-rgb', '--nm-line-rgb', '--nm-panel-rgb', '--nm-raised-rgb', '--nm-inset-rgb', '--sand', '--nm-accent', '--nm-accent-rgb', '--orb-ui-cloud-appearance-deepColor', '--orb-ui-cloud-appearance-upperColor', '--orb-ui-cloud-appearance-lowerColor', '--orb-ui-cloud-appearance-highlightColor', '--orb-ui-cloud-appearance-launchColor', '--orb-ui-cloud-appearance-spinnerColor', '--nm-weight-light', '--nm-weight-regular', '--nm-weight-medium', '--nm-weight-semibold', '--nm-weight-bold', '--nm-type-body', '--nm-type-ui', '--nm-type-ui-sm', '--nm-type-lede', '--nm-type-section', '--nm-type-card', '--nm-type-caption', '--markdown-font-size', '--font-size-base', '--font-size-sm', '--nm-icon-button', '--nm-icon-sm', '--nm-rail-icon', '--nm-ui-chip-min-height', '--nm-radius-scale', '--nm-space-scale', '--text-primary', '--text-secondary', '--text-tertiary', '--text-muted', '--presentation', '--surface-primary', '--surface-chat', '--surface-secondary', '--surface-secondary-alt', '--surface-tertiary', '--surface-primary-alt', '--surface-dialog', '--surface-hover', '--surface-active', '--border-light', '--border-medium', '--link', '--link-hover', '--link-visited', '--accent-primary', '--ring-primary', '--brand-purple', '--nordman-accent'];
+export declare function findThemePreset(id: string): NmThemePresetDefinition | undefined;
+export declare function defaultThemePresetId(): string;

package/dist/ui/config/nm-bar-overflow.d.ts

@@ -0,0 +1,9 @@
+export declare const NM_BAR_OVERFLOW_CLASSES: {
+    readonly root: 'nm-bar-overflow';
+    readonly row: 'nm-bar-overflow__row';
+    readonly start: 'nm-bar-overflow__start';
+};
+export declare const NM_BAR_OVERFLOW_TEST_IDS: {
+    readonly root: 'bar-overflow';
+    readonly menu: 'bar-overflow-menu';
+};

package/dist/ui/config/nm-button.d.ts

@@ -0,0 +1,31 @@
+export declare const NM_BUTTON_TONES: {
+    readonly filled: 'filled';
+    readonly outline: 'outline';
+    readonly muted: 'muted';
+    readonly panel: 'panel';
+    readonly danger: 'danger';
+};
+export type NmButtonTone = (typeof NM_BUTTON_TONES)[keyof typeof NM_BUTTON_TONES];
+export declare const NM_BUTTON_SIZES: {
+    readonly default: 'default';
+    readonly compact: 'compact';
+    readonly chip: 'chip';
+    readonly large: 'large';
+};
+export type NmButtonSize = (typeof NM_BUTTON_SIZES)[keyof typeof NM_BUTTON_SIZES];
+export declare const NM_BUTTON_CLASSES: {
+    readonly root: 'nm-button';
+    readonly filled: 'nm-button--filled';
+    readonly outline: 'nm-button--outline';
+    readonly muted: 'nm-button--muted';
+    readonly panel: 'nm-button--panel';
+    readonly danger: 'nm-button--danger';
+    readonly default: 'nm-button--default';
+    readonly compact: 'nm-button--compact';
+    readonly chip: 'nm-button--chip';
+    readonly large: 'nm-button--large';
+    readonly block: 'nm-button--block';
+    readonly icon: 'nm-button--icon';
+};
+/** The button's class names, for triggers that must stay a Base UI part, such as a menu or popover trigger. */
+export declare function nmButtonClassName(tone: NmButtonTone, size?: NmButtonSize, iconOnly?: boolean): string;

package/dist/ui/config/nm-chatbox-icons.d.ts

@@ -0,0 +1,42 @@
+export declare const NM_CHATBOX_ICON_IDS: readonly ['paperclip', 'settings', 'globe', 'spreadsheet', 'pointer', 'mic', 'mic-off', 'audio-lines', 'send', 'stop', 'loader', 'x', 'check', 'integration', 'app', 'steer', 'queue', 'interrupt-steer', 'interrupt-send'];
+export type NmChatboxIconId = (typeof NM_CHATBOX_ICON_IDS)[number];
+/** Public path for the composer MCP chip glyph — CSS `--nm-chatbox-integration-icon` must match. */
+export declare const NM_CHATBOX_INTEGRATION_ICON_PATH = "/interface/chatbox/integration.svg";
+export declare const NM_CHATBOX_ICON_SRC: {
+    readonly paperclip: '/interface/chatbox/paperclip.svg';
+    readonly settings: '/interface/chatbox/settings.svg';
+    readonly globe: '/interface/chatbox/globe.svg';
+    readonly spreadsheet: '/interface/chatbox/spreadsheet.svg';
+    readonly pointer: '/interface/chatbox/pointer.svg';
+    readonly mic: '/interface/chatbox/mic.svg';
+    readonly 'mic-off': '/interface/chatbox/mic.svg';
+    readonly 'audio-lines': '/interface/chatbox/audio-lines.svg';
+    readonly send: '/interface/chatbox/send.svg';
+    readonly stop: '/interface/chatbox/stop.svg';
+    readonly loader: '/interface/chatbox/loader.svg';
+    readonly x: '/interface/chatbox/x.svg';
+    readonly check: '/interface/chatbox/check.svg';
+    readonly integration: "/interface/chatbox/integration.svg";
+    readonly app: '/interface/chatbox/app.svg';
+    readonly steer: '/interface/chatbox/settings.svg';
+    readonly queue: '/interface/chatbox/settings.svg';
+    readonly 'interrupt-steer': '/interface/chatbox/settings.svg';
+    readonly 'interrupt-send': '/interface/chatbox/send.svg';
+};
+/** Composer footer / dictation controls — values are `NmChatboxIcon` ids. */
+export declare const NM_CHATBOX_COMPOSER_ACTION_ICONS: {
+    readonly send: 'send';
+    readonly stop: 'stop';
+    readonly audioLines: 'audio-lines';
+    readonly loader: 'loader';
+    readonly check: 'check';
+    readonly cancel: 'x';
+    readonly interruptSteer: 'interrupt-steer';
+};
+/** During-run send menu row icons — values are `NmChatboxIcon` ids. */
+export declare const NM_CHATBOX_DURING_RUN_MENU_ICONS: {
+    readonly steer: 'steer';
+    readonly queue: 'queue';
+    readonly interruptSteer: 'interrupt-steer';
+    readonly interruptSend: 'interrupt-send';
+};

package/dist/ui/config/nm-chatbox.d.ts

@@ -0,0 +1,40 @@
+export declare const NM_CHATBOX_CLASSES: {
+    readonly root: 'nm-chatbox';
+    readonly files: 'nm-chatbox__files';
+    readonly fileList: 'nm-chatbox__file-list';
+    readonly fileItem: 'nm-chatbox__file-item';
+    readonly imageAttachment: 'nm-chatbox__image-attachment';
+    readonly imagePreview: 'nm-chatbox__image-preview';
+    readonly prompt: 'nm-chatbox__prompt';
+    readonly chips: 'nm-chatbox__chips';
+    readonly promptField: 'nm-chatbox__prompt-field';
+    readonly placeholder: 'nm-chatbox__placeholder';
+    readonly field: 'nm-chatbox__field';
+    readonly inline: 'nm-chatbox__inline';
+    readonly inlineLink: 'nm-chatbox__inline-link';
+    readonly row: 'nm-chatbox__row';
+    readonly tools: 'nm-chatbox__tools';
+    readonly actions: 'nm-chatbox__actions';
+    readonly dictation: 'nm-chatbox__dictation';
+    readonly app: 'nm-chatbox__app';
+    readonly menu: 'nm-chatbox-menu';
+    readonly menuText: 'nm-chatbox-menu--text';
+    readonly menuItem: 'nm-chatbox-menu__item';
+    readonly menuCopy: 'nm-chatbox-menu__copy';
+    readonly menuHint: 'nm-chatbox-menu__hint';
+    readonly menuSection: 'nm-chatbox-menu__section';
+    readonly menuIcon: 'nm-chatbox-menu__icon';
+    readonly menuLogo: 'nm-chatbox-menu__logo';
+    readonly menuAnchor: 'nm-chatbox-menu__anchor';
+    readonly connectTitle: 'nm-chatbox__connect-title';
+    readonly connectIcon: 'nm-chatbox__connect-icon';
+    readonly chip: 'nm-chatbox__chip';
+    readonly chipIcon: 'nm-chatbox__chip-icon';
+    readonly chipConnected: 'nm-chatbox__chip--connected';
+};
+/** Add menu rows include an icon. Slash rows are a name and a short description. */
+export declare const NM_CHATBOX_MENU_MODE: {
+    readonly icons: 'icons';
+    readonly text: 'text';
+};
+export type NmChatboxMenuMode = (typeof NM_CHATBOX_MENU_MODE)[keyof typeof NM_CHATBOX_MENU_MODE];

package/dist/ui/config/nm-collection.d.ts

@@ -0,0 +1,88 @@
+/** How often the open library reloads its file list. A generated image can
+ * finish after the view has already opened, and the conversation stream is
+ * not mounted on this route. */
+export declare const NM_COLLECTION_FILES_REFRESH_MS = 2000;
+/** Scrollbar thumb visibility after scroll stops (matches rail, modal, dropdown). */
+export declare const NM_COLLECTION_SCROLL_IDLE_MS = 750;
+export declare const NM_COLLECTION_VIEWS: {
+    readonly table: 'table';
+    readonly grid: 'grid';
+};
+export type NmCollectionView = (typeof NM_COLLECTION_VIEWS)[keyof typeof NM_COLLECTION_VIEWS];
+export declare const NM_COLLECTION_ICON_SRC: {
+    readonly spreadsheet: '/interface/collection/spreadsheet.svg';
+    readonly grid: '/interface/collection/grid.svg';
+    readonly library: '/interface/rail/library.svg';
+    readonly image: '/interface/collection/image.svg';
+    readonly video: '/interface/collection/video.svg';
+    readonly audio: '/interface/collection/audio.svg';
+    readonly search: '/interface/rail/search.svg';
+    readonly download: '/interface/collection/download.svg';
+    readonly expand: '/interface/collection/expand.svg';
+};
+export declare const NM_COLLECTION_CLASSES: {
+    readonly root: 'nm-collection';
+    readonly bar: 'nm-collection__bar';
+    readonly cluster: 'nm-collection__cluster';
+    readonly title: 'nm-collection__title';
+    readonly filter: 'nm-collection__filter';
+    readonly kindFilter: 'nm-collection__kind-filter';
+    readonly search: 'nm-collection__search';
+    readonly switch: 'nm-collection__switch';
+    readonly barEnd: 'nm-collection__bar-end';
+    readonly stage: 'nm-collection__stage';
+    readonly stageBar: 'nm-collection__stage-bar';
+    readonly preview: 'nm-collection__preview';
+    readonly body: 'nm-collection__body';
+    readonly table: 'nm-collection__table';
+    readonly row: 'nm-collection__row';
+    readonly name: 'nm-collection__name';
+    readonly meta: 'nm-collection__meta';
+    readonly grid: 'nm-collection__grid';
+    readonly tile: 'nm-collection__tile';
+    readonly hit: 'nm-collection__hit';
+    readonly actions: 'nm-collection__actions';
+    readonly rowHit: 'nm-collection__row-hit';
+    readonly facts: 'nm-collection__facts';
+    readonly cell: 'nm-collection__cell';
+    readonly head: 'nm-collection__head';
+    readonly menu: 'nm-collection__menu';
+    readonly media: 'nm-collection__media';
+    readonly audio: 'nm-collection__audio';
+};
+export declare const NM_COLLECTION_ACTIONS: {
+    readonly open: 'open';
+    readonly download: 'download';
+    readonly delete: 'delete';
+};
+export type NmCollectionItemActions = {
+    openLabel: string;
+    downloadLabel: string;
+    deleteLabel: string;
+    menuLabel: string;
+    onOpen: (id: string) => void;
+    onDownload: (id: string) => void;
+    onDelete: (id: string) => void;
+};
+export declare const NM_COLLECTION_MEDIA_KINDS: {
+    readonly image: 'image';
+    readonly video: 'video';
+    readonly audio: 'audio';
+};
+export type NmCollectionMediaKind = (typeof NM_COLLECTION_MEDIA_KINDS)[keyof typeof NM_COLLECTION_MEDIA_KINDS];
+export type NmCollectionMedia = {
+    kind: NmCollectionMediaKind;
+    src: string;
+};
+export type NmCollectionColumn = {
+    id: string;
+    label: string;
+};
+export type NmCollectionItem = {
+    id: string;
+    title: string;
+    meta?: string;
+    cells?: Readonly<Record<string, string>>;
+    kind?: NmCollectionMediaKind;
+    media?: NmCollectionMedia;
+};

package/dist/ui/config/nm-composer.d.ts

@@ -0,0 +1,42 @@
+/**
+ * Composer: the message box. Built from the Nordman AI design:
+ * one framed box, the text on top, actions in a row beneath. Add on the left, dictate and voice on the right.
+ */
+export declare const NM_COMPOSER_COPY: {
+    readonly placeholder: 'Ask Nordman';
+    readonly attach: 'Add';
+    readonly mic: 'Dictate';
+    readonly voice: 'Voice mode';
+    readonly send: 'Send';
+    readonly stop: 'Stop';
+    readonly remove: (name: string) => string;
+    readonly queued: 'Queued';
+    readonly editQueued: 'Edit queued message';
+    readonly removeQueued: 'Remove queued message';
+};
+export declare const NM_COMPOSER_CLASSES: {
+    readonly root: 'nm-composer';
+    readonly stack: 'nm-composer-stack';
+    readonly main: 'nm-composer__main';
+    readonly queue: 'nm-composer__queue';
+    readonly queued: 'nm-composer__queued';
+    readonly queuedText: 'nm-composer__queued-text';
+    readonly queuedActions: 'nm-composer__queued-actions';
+    readonly attachments: 'nm-composer__attachments';
+    readonly field: 'nm-composer__field';
+    readonly bar: 'nm-composer__bar';
+    readonly start: 'nm-composer__start';
+    readonly end: 'nm-composer__end';
+    readonly button: 'nm-composer__button';
+    readonly primary: 'nm-composer__button--primary';
+    readonly stopMark: 'nm-composer__stop-mark';
+};
+export type NmComposerAttachment = {
+    id: string;
+    name: string;
+};
+/** A message sent while the agent was still answering. It waits in line above the box. */
+export type NmComposerQueued = {
+    id: string;
+    text: string;
+};

package/dist/ui/config/nm-dropdown.d.ts

@@ -0,0 +1,56 @@
+export declare const NM_DROPDOWN_CLASSES: {
+    readonly root: 'nm-dropdown';
+    readonly trigger: 'nm-dropdown__trigger';
+    readonly triggerIcon: 'nm-dropdown__trigger--icon';
+    readonly triggerChip: 'nm-dropdown__trigger--chip';
+    readonly triggerChipIconOnly: 'nm-dropdown__trigger--chip-icon-only';
+    readonly triggerFilled: 'nm-dropdown__trigger--filled';
+    readonly triggerOutline: 'nm-dropdown__trigger--outline';
+    readonly lead: 'nm-dropdown__lead';
+    readonly chevron: 'nm-dropdown__chevron';
+    readonly panel: 'nm-dropdown__panel';
+    readonly panelEnd: 'nm-dropdown__panel--end';
+    readonly panelRow: 'nm-dropdown__panel--row';
+    readonly panelPortal: 'nm-dropdown__panel--portal';
+    readonly item: 'nm-dropdown__item';
+    readonly itemBranch: 'nm-dropdown__item--branch';
+    readonly itemDanger: 'nm-dropdown__item--danger';
+    readonly itemDisabled: 'nm-dropdown__item--disabled';
+    readonly itemQuiet: 'nm-dropdown__item--quiet';
+    readonly mark: 'nm-dropdown__mark';
+    readonly markBusy: 'nm-dropdown__mark--busy';
+    readonly markLive: 'nm-dropdown__mark--live';
+    readonly branch: 'nm-dropdown__branch';
+    readonly subpanel: 'nm-dropdown__subpanel';
+    readonly separator: 'nm-dropdown__separator';
+    readonly icon: 'nm-dropdown__icon';
+    readonly check: 'nm-dropdown__check';
+    readonly label: 'nm-dropdown__label';
+    readonly copy: 'nm-dropdown__copy';
+    readonly detail: 'nm-dropdown__detail';
+    readonly trailing: 'nm-dropdown__trailing';
+    readonly shortcut: 'nm-dropdown__shortcut';
+    readonly revealHover: 'nm-dropdown--hover';
+};
+export declare const NM_DROPDOWN_TRIGGER: {
+    readonly text: 'text';
+    readonly icon: 'icon';
+    readonly iconButton: 'icon-button';
+};
+export declare const NM_DROPDOWN_TONE: {
+    readonly filled: 'filled';
+    readonly outline: 'outline';
+};
+export declare const NM_DROPDOWN_ALIGN: {
+    readonly start: 'start';
+    readonly end: 'end';
+    /** Match the hosting `.nm-rail__row` pill width and left edge. */
+    readonly row: 'row';
+};
+/** Icon menus stay hidden until the host row or field is hovered or focused. */
+export declare const NM_DROPDOWN_REVEAL: {
+    readonly hover: 'hover';
+};
+export declare const NM_DROPDOWN_GAP_PX = 8;
+/** Matches `--nm-rail-scroll-idle` (`--reveal` × 3). */
+export declare const NM_DROPDOWN_SCROLL_IDLE_MS = 750;

package/dist/ui/config/nm-fade.d.ts

@@ -0,0 +1,6 @@
+import type { Transition } from 'framer-motion';
+/** Shared settle time from `--reveal`. Camera moves and fades both read this. */
+export declare function nmSettleSeconds(): number;
+/** Opacity fade. Duration follows `--reveal`. Reduced motion is instant. */
+export declare function nmFade(reduceMotion: boolean): Transition;
+export declare function useNmFade(): Transition;

package/dist/ui/config/nm-field.d.ts

@@ -0,0 +1,38 @@
+export declare const NM_FIELD_KINDS: {
+    readonly text: 'text';
+    readonly search: 'search';
+    readonly email: 'email';
+    readonly password: 'password';
+    readonly select: 'select';
+    readonly area: 'area';
+};
+export declare const NM_FIELD_LAYOUT: {
+    readonly inline: 'inline';
+    readonly stack: 'stack';
+};
+export type NmFieldKind = (typeof NM_FIELD_KINDS)[keyof typeof NM_FIELD_KINDS];
+export type NmFieldLayout = (typeof NM_FIELD_LAYOUT)[keyof typeof NM_FIELD_LAYOUT];
+export type NmFieldOption = {
+    id: string;
+    label: string;
+    /** Colours shown after the label, such as a theme's background, foreground and accent. */
+    swatches?: readonly string[];
+};
+export declare const NM_FIELD_CLASSES: {
+    readonly root: 'nm-field';
+    readonly icon: 'nm-field__icon';
+    readonly control: 'nm-field__control';
+    readonly trail: 'nm-field__trail';
+    readonly meta: 'nm-field__meta';
+    readonly step: 'nm-field__step';
+    readonly stack: 'nm-field--stack';
+    readonly caption: 'nm-field__caption';
+    readonly row: 'nm-field__row';
+    readonly box: 'nm-field__box';
+    readonly mark: 'nm-field__mark';
+    readonly add: 'nm-field__add';
+    readonly menu: 'nm-field__menu';
+    readonly search: 'nm-field__search';
+    readonly searchInput: 'nm-field__search-input';
+    readonly option: 'nm-field__option';
+};

package/dist/ui/config/nm-header-icons.d.ts

@@ -0,0 +1,15 @@
+export declare const NM_HEADER_ICON_IDS: readonly ['chat', 'bot', 'app', 'layers', 'users', 'folder', 'settings', 'panel', 'play', 'schedule', 'search'];
+export type NmHeaderIconId = (typeof NM_HEADER_ICON_IDS)[number];
+export declare const NM_HEADER_ICON_SRC: {
+    readonly chat: '/interface/header/chat.svg';
+    readonly bot: '/interface/header/bot.svg';
+    readonly app: '/interface/header/app.svg';
+    readonly layers: '/interface/header/layers.svg';
+    readonly users: '/interface/header/users.svg';
+    readonly folder: '/interface/header/folder.svg';
+    readonly settings: '/interface/header/settings.svg';
+    readonly panel: '/interface/header/panel.svg';
+    readonly play: '/interface/header/play.svg';
+    readonly schedule: '/interface/header/schedule.svg';
+    readonly search: '/interface/header/search.svg';
+};

package/dist/ui/config/nm-icon-border.d.ts

@@ -0,0 +1,3 @@
+export declare const NM_ICON_BORDER_CLASSES: {
+    readonly root: 'nm-icon-border';
+};

package/dist/ui/config/nm-icon-button.d.ts

@@ -0,0 +1,26 @@
+export declare const NM_ICON_BUTTON_TONES: {
+    readonly line: 'line';
+    readonly raised: 'raised';
+    readonly quiet: 'quiet';
+    readonly solid: 'solid';
+    readonly subtle: 'subtle';
+    readonly panel: 'panel';
+    readonly invert: 'invert';
+};
+export type NmIconButtonTone = (typeof NM_ICON_BUTTON_TONES)[keyof typeof NM_ICON_BUTTON_TONES];
+export declare const NM_ICON_BUTTON_CLASSES: {
+    readonly root: 'nm-icon-button';
+    readonly icon: 'nm-icon-button__icon';
+    readonly active: 'nm-icon-button--active';
+    readonly line: 'nm-icon-button';
+    readonly raised: 'nm-icon-button--raised';
+    readonly quiet: 'nm-icon-button--quiet';
+    readonly solid: 'nm-icon-button--solid';
+    readonly subtle: 'nm-icon-button--subtle';
+    readonly panel: 'nm-icon-button--panel';
+    readonly invert: 'nm-icon-button--invert';
+};
+/** Shared geometry hook for send / stop / during-run primary composer actions. */
+export declare const NM_CHATBOX_ACTION_CLASS = "nm-chatbox__send";
+export declare function nmIconButtonClassName(tone?: NmIconButtonTone): string;
+export declare function nmChatboxActionButtonClassName(): string;