@nordmanai/nif 0.0.0-stage → 0.2.0

package/dist/ui/components/nm-modal/nm-modal.d.ts

@@ -0,0 +1,35 @@
+import { type ReactNode } from 'react';
+import type { NmIconId } from '../../config/nm-icons.ts';
+import { NM_MODAL_ACTION, NM_MODAL_CLASSES, NM_MODAL_FOOTER, NM_MODAL_SIZE, NM_MODAL_TITLE, type NmModalActionTone, type NmModalFooter, type NmModalSize, type NmModalTitleSize } from '../../config/nm-modal.ts';
+import './nm-modal.css';
+export declare function useReportSaveDirty(dirty: boolean, enabled?: boolean): void;
+export declare function useTrackSave(): <T>(work: Promise<T>) => Promise<T>;
+export type NmModalProps = {
+    open: boolean;
+    title: string;
+    titleSize?: NmModalTitleSize;
+    size?: NmModalSize;
+    footer?: NmModalFooter;
+    paneTitle?: ReactNode;
+    titleEnd?: ReactNode;
+    leading?: ReactNode;
+    onClose: () => void;
+    children: ReactNode;
+    menu?: ReactNode;
+    actions?: ReactNode;
+    testId?: string;
+};
+export declare function NmModal(props: NmModalProps): ReactNode;
+export declare function NmModalAction(props: {
+    label?: string;
+    accessibleName?: string;
+    icon: NmIconId;
+    tone?: NmModalActionTone;
+    type?: 'button' | 'submit';
+    form?: string;
+    disabled?: boolean;
+    requireChange?: boolean;
+    testId?: string;
+    onClick?: () => void;
+}): ReactNode;
+export { NM_MODAL_ACTION, NM_MODAL_CLASSES, NM_MODAL_FOOTER, NM_MODAL_SIZE, NM_MODAL_TITLE };

package/dist/ui/components/nm-native-select/nm-native-select.d.ts

@@ -0,0 +1,5 @@
+import type { ComponentProps } from 'react';
+/** The browser's own select, styled by NIF. Use it where the platform picker is the right control, such as on a phone. */
+export declare function NmNativeSelect({ className, children, ...props }: ComponentProps<'select'>): import("react").JSX.Element;
+export declare function NmNativeSelectOption(props: ComponentProps<'option'>): import("react").JSX.Element;
+export declare function NmNativeSelectOptGroup(props: ComponentProps<'optgroup'>): import("react").JSX.Element;

package/dist/ui/components/nm-panel/nm-panel.d.ts

@@ -0,0 +1,14 @@
+import type { ComponentProps } from 'react';
+export declare const NM_PANEL_VARIANTS: readonly ['default', 'inset', 'plain'];
+export type NmPanelVariant = (typeof NM_PANEL_VARIANTS)[number];
+/** A region of the app, such as an inspector or a side panel: a header, content that scrolls, and a footer. */
+export declare function NmPanel({ className, variant, ...props }: ComponentProps<'section'> & {
+    variant?: NmPanelVariant;
+}): import("react").JSX.Element;
+export declare function NmPanelHeader({ className, ...props }: ComponentProps<'header'>): import("react").JSX.Element;
+export declare function NmPanelTitle({ className, ...props }: ComponentProps<'h2'>): import("react").JSX.Element;
+export declare function NmPanelDescription({ className, ...props }: ComponentProps<'p'>): import("react").JSX.Element;
+/** Buttons at the end of the header. */
+export declare function NmPanelActions({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function NmPanelContent({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function NmPanelFooter({ className, ...props }: ComponentProps<'footer'>): import("react").JSX.Element;

package/dist/ui/components/nm-panel-bar/nm-panel-bar.d.ts

@@ -0,0 +1,17 @@
+import type { ReactNode } from 'react';
+import { type NmSegmentedItem } from '../nm-segmented/nm-segmented.tsx';
+import type { NmSegmentedTone } from '../../config/nm-segmented.ts';
+import { NM_PANEL_BAR_LAYOUT } from '../../config/nm-panel-bar.ts';
+export type NmPanelBarProps = {
+    label: string;
+    testId?: string;
+    items: readonly NmSegmentedItem[];
+    active: string;
+    toggleLabel: string;
+    toggleTestId?: string;
+    tone?: NmSegmentedTone;
+    layout?: (typeof NM_PANEL_BAR_LAYOUT)[keyof typeof NM_PANEL_BAR_LAYOUT];
+    onSelect: (id: string) => void;
+    trailing?: ReactNode;
+};
+export declare function NmPanelBar(props: NmPanelBarProps): ReactNode;

package/dist/ui/components/nm-popover/nm-popover.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from 'react';
+import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+export declare function NmPopover(props: PopoverPrimitive.Root.Props): import("react").JSX.Element;
+export declare function NmPopoverTrigger(props: PopoverPrimitive.Trigger.Props): import("react").JSX.Element;
+export declare function NmPopoverContent({ className, align, alignOffset, side, sideOffset, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): import("react").JSX.Element;
+export declare function NmPopoverHeader({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+export declare function NmPopoverTitle({ className, ...props }: PopoverPrimitive.Title.Props): import("react").JSX.Element;
+export declare function NmPopoverDescription({ className, ...props }: PopoverPrimitive.Description.Props): import("react").JSX.Element;

package/dist/ui/components/nm-progress/nm-progress.d.ts

@@ -0,0 +1,3 @@
+import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
+/** Base UI Progress, in the shadcn composition, styled by NIF tokens. */
+export declare function NmProgress({ className, children, value, ...props }: ProgressPrimitive.Root.Props): import("react").JSX.Element;

package/dist/ui/components/nm-prose/nm-prose.d.ts

@@ -0,0 +1,6 @@
+import type { ComponentProps } from 'react';
+/**
+ * Rendered text: markdown, docs and long answers. Headings, paragraphs, lists, quotes, code, rules, links and
+ * tables take their type, space and colour from NIF tokens, so the plain elements inside it need no classes.
+ */
+export declare function NmProse({ className, ...props }: ComponentProps<'article'>): import("react").JSX.Element;

package/dist/ui/components/nm-questionnaire/nm-questionnaire.d.ts

@@ -0,0 +1,17 @@
+import { type ReactNode } from 'react';
+import { type NmQuestion, type NmQuestionnaireAnswers, type NmQuestionnaireShortcuts, type NmQuestionnaireVariant } from '../../config/nm-questionnaire.ts';
+export type NmQuestionnaireProps = {
+    questions: readonly NmQuestion[];
+    /** Answers so far. Pass them with `onChange` to control the form, or to resume one. */
+    answers?: NmQuestionnaireAnswers;
+    onChange?: (answers: NmQuestionnaireAnswers) => void;
+    onSubmit: (answers: NmQuestionnaireAnswers) => void;
+    /** The step to show first. */
+    defaultStep?: number;
+    shortcuts?: NmQuestionnaireShortcuts;
+    variant?: NmQuestionnaireVariant;
+    submitLabel?: string;
+    /** After submit the form shows what was answered. */
+    submitted?: boolean;
+};
+export declare function NmQuestionnaire(props: NmQuestionnaireProps): ReactNode;

package/dist/ui/components/nm-radio-group/nm-radio-group.d.ts

@@ -0,0 +1,4 @@
+import { Radio as RadioPrimitive } from '@base-ui/react/radio';
+import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+export declare function NmRadioGroup({ className, ...props }: RadioGroupPrimitive.Props): import("react").JSX.Element;
+export declare function NmRadioGroupItem({ className, ...props }: RadioPrimitive.Root.Props): import("react").JSX.Element;

package/dist/ui/components/nm-rail-icon/nm-rail-icon.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+import type { NmRailIconId } from '../../config/nm-rail-icons.ts';
+export type NmRailIconProps = {
+    id: NmRailIconId;
+};
+export declare function NmRailIcon(props: NmRailIconProps): ReactNode;

package/dist/ui/components/nm-resize-handle/nm-resize-handle.d.ts

@@ -0,0 +1,18 @@
+import { type RefObject } from 'react';
+/**
+ * The handle that resizes a panel. Every NIF panel that sits beside other content has one. It follows the pointer,
+ * the arrow keys, Home and End, and Enter or a double click restores the default width.
+ * The limits are the target's own `min-width` and `max-width`, so tokens in CSS decide how far it goes.
+ */
+export declare function NmResizeHandle({ target, edge, label, onSize, placement, className, }: {
+    /** The panel to resize. */
+    target: RefObject<HTMLElement | null>;
+    /** Which edge of the panel the handle is on. A panel on the right has its handle on the start edge. */
+    edge: 'start' | 'end';
+    label: string;
+    /** The new width in pixels, or null to restore the default. */
+    onSize: (px: number | null) => void;
+    /** `inside` pins the handle to the edge of its parent. `free` leaves placement to the layout. */
+    placement?: 'inside' | 'free';
+    className?: string;
+}): import("react").JSX.Element;

package/dist/ui/components/nm-segmented/nm-segmented.d.ts

@@ -0,0 +1,20 @@
+import type { ReactNode } from 'react';
+import type { NmIconId } from '../../config/nm-icons.ts';
+import { NM_SEGMENTED_TONES, type NmSegmentedTone } from '../../config/nm-segmented.ts';
+export type NmSegmentedItem = {
+    id: string;
+    label: string;
+    icon?: NmIconId;
+    imageSrc?: string;
+    iconOnly?: boolean;
+};
+export type NmSegmentedProps = {
+    items: readonly NmSegmentedItem[];
+    active: string;
+    tone?: NmSegmentedTone;
+    label: string;
+    testId?: string;
+    onSelect: (id: string) => void;
+};
+export declare function NmSegmented(props: NmSegmentedProps): ReactNode;
+export { NM_SEGMENTED_TONES };

package/dist/ui/components/nm-select/nm-select.d.ts

@@ -0,0 +1,22 @@
+import type { ReactNode } from 'react';
+import { Select as SelectPrimitive } from '@base-ui/react/select';
+/**
+ * Base UI Select, in the shadcn composition, styled by NIF tokens. The choice of one value from a list that
+ * opens under the field. The list is the same surface as the dropdown menu.
+ */
+export declare function NmSelect<Value = string>(props: SelectPrimitive.Root.Props<Value>): import("react").JSX.Element;
+/** `bare` drops its own box, for a trigger that sits inside a field. */
+export declare function NmSelectTrigger({ className, children, bare, ...props }: SelectPrimitive.Trigger.Props & {
+    bare?: boolean;
+}): import("react").JSX.Element;
+export declare function NmSelectValue(props: SelectPrimitive.Value.Props): import("react").JSX.Element;
+/** `anchor` is the element the list lines up with. It defaults to the trigger. */
+export declare function NmSelectContent({ className, children, anchor, ...props }: SelectPrimitive.Popup.Props & {
+    anchor?: HTMLElement | null;
+}): import("react").JSX.Element;
+export declare function NmSelectItem({ className, children, ...props }: SelectPrimitive.Item.Props & {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function NmSelectGroup(props: SelectPrimitive.Group.Props): import("react").JSX.Element;
+export declare function NmSelectLabel({ className, ...props }: SelectPrimitive.GroupLabel.Props): import("react").JSX.Element;
+export declare function NmSelectSeparator({ className, ...props }: SelectPrimitive.Separator.Props): import("react").JSX.Element;

package/dist/ui/components/nm-separator/nm-separator.d.ts

@@ -0,0 +1,2 @@
+import { Separator as SeparatorPrimitive } from '@base-ui/react/separator';
+export declare function NmSeparator({ className, orientation, ...props }: SeparatorPrimitive.Props): import("react").JSX.Element;

package/dist/ui/components/nm-side-panel/nm-side-panel.d.ts

@@ -0,0 +1,33 @@
+import { type ComponentProps } from 'react';
+import { type NmSidePanelKind, type NmSidePanelSize } from '../../config/nm-side-panel.ts';
+/**
+ * A view that holds a main area and a side panel next to it, such as a chat with an artifact beside it.
+ * It is the organ the side panel opens in.
+ */
+export declare function NmWorkspace({ className, height, ...props }: ComponentProps<'div'> & {
+    height?: 'fill' | 'sm' | 'lg';
+}): import("react").JSX.Element;
+/** The main area. It takes the room the side panel leaves. */
+export declare function NmWorkspaceMain({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** The content under a bar in the main area. It fills the height and scrolls. */
+export declare function NmWorkspaceBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** A row under the body, such as the composer. */
+export declare function NmWorkspaceFooter({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/**
+ * The panel that opens beside the main area, for an app, code, an artifact, media, docs or markdown.
+ * `open` shows it. `size` sets how much of the view it takes, and the handle on its edge resizes it. Fill it with a toolbar and a body.
+ */
+export declare function NmSidePanel({ className, open, size, label, resizable, style, children, ...props }: Omit<ComponentProps<'aside'>, 'aria-label'> & {
+    open?: boolean;
+    size?: NmSidePanelSize;
+    label: string;
+    resizable?: boolean;
+}): import("react").JSX.Element;
+/** The content under the toolbar. It fills the height and scrolls. */
+export declare function NmSidePanelBody({ className, ...props }: ComponentProps<'div'>): import("react").JSX.Element;
+/** One button per kind of content. Pressing one opens the panel on that kind. */
+export declare function NmSidePanelKinds({ kinds, active, onSelect, }: {
+    kinds?: readonly NmSidePanelKind[];
+    active?: NmSidePanelKind | null;
+    onSelect: (kind: NmSidePanelKind) => void;
+}): import("react").JSX.Element;

package/dist/ui/components/nm-slider/nm-slider.d.ts

@@ -0,0 +1,6 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+/** `label` and `output` add a caption above the track, set like the caption of a Field. */
+export declare function NmSlider({ className, defaultValue, value, min, max, label, output, ...props }: SliderPrimitive.Root.Props & {
+    label?: string;
+    output?: string;
+}): import("react").JSX.Element;

package/dist/ui/components/nm-small-icon-button/nm-small-icon-button.d.ts

@@ -0,0 +1,21 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { NmIconId } from '../../config/nm-icons.ts';
+import { type NmSmallIconButtonTone } from '../../config/nm-small-icon-button.ts';
+export type NmSmallIconButtonProps = {
+    label: string;
+    icon: NmIconId;
+    tone?: NmSmallIconButtonTone;
+    active?: boolean;
+    iconContent?: ReactNode;
+    testId?: string;
+    onClick?: () => void;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-label' | 'children'>;
+export declare const NmSmallIconButton: import("react").ForwardRefExoticComponent<{
+    label: string;
+    icon: NmIconId;
+    tone?: NmSmallIconButtonTone;
+    active?: boolean;
+    iconContent?: ReactNode;
+    testId?: string;
+    onClick?: () => void;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children" | "onClick"> & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/ui/components/nm-status-bar/nm-status-bar.d.ts

@@ -0,0 +1,8 @@
+import type { ComponentProps } from 'react';
+/** A thin bar at the bottom of a window for state: branch, errors, cursor position, connection. */
+export declare function NmStatusBar({ className, ...props }: ComponentProps<'footer'>): import("react").JSX.Element;
+/** One item. Give it `onClick` and it becomes a button. */
+export declare function NmStatusBarItem({ className, onClick, children, ...props }: Omit<ComponentProps<'span'>, 'onClick'> & {
+    onClick?: () => void;
+}): import("react").JSX.Element;
+export declare function NmStatusBarSpacer({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;

package/dist/ui/components/nm-switch/nm-switch.d.ts

@@ -0,0 +1,2 @@
+import { Switch as SwitchPrimitive } from '@base-ui/react/switch';
+export declare function NmSwitch({ className, ...props }: SwitchPrimitive.Root.Props): import("react").JSX.Element;

package/dist/ui/components/nm-table/nm-table.d.ts

@@ -0,0 +1,38 @@
+import type { ComponentProps } from 'react';
+export declare const NM_TABLE_VARIANTS: readonly ['default', 'striped', 'lined', 'plain'];
+export declare const NM_TABLE_SIZES: readonly ['default', 'sm'];
+export type NmTableVariant = (typeof NM_TABLE_VARIANTS)[number];
+export type NmTableSize = (typeof NM_TABLE_SIZES)[number];
+type TableOptions = {
+    /** default has a line between rows. striped alternates the row fill. lined draws every cell. plain has no lines. */
+    variant?: NmTableVariant;
+    size?: NmTableSize;
+    /** Keeps the header in view while the body scrolls. Give the container a height with `maxHeight`. */
+    stickyHeader?: boolean;
+    /** The container's maximum height. The body scrolls past it. */
+    maxHeight?: string;
+};
+/** The shadcn Table composition, styled by NIF tokens. The container scrolls sideways when the table is wider than its space. */
+export declare function NmTable({ className, variant, size, stickyHeader, maxHeight, ...props }: ComponentProps<'table'> & TableOptions): import("react").JSX.Element;
+export declare function NmTableHeader({ className, ...props }: ComponentProps<'thead'>): import("react").JSX.Element;
+export declare function NmTableBody({ className, ...props }: ComponentProps<'tbody'>): import("react").JSX.Element;
+export declare function NmTableFooter({ className, ...props }: ComponentProps<'tfoot'>): import("react").JSX.Element;
+/** A row. `selected` marks it chosen. `disabled` dims it and stops its hover. Give it `onClick` to make the whole row a target. */
+export declare function NmTableRow({ className, selected, disabled, ...props }: ComponentProps<'tr'> & {
+    selected?: boolean;
+    disabled?: boolean;
+}): import("react").JSX.Element;
+export type NmSortDirection = 'asc' | 'desc' | 'none';
+/** A column heading. Give it `sort` and `onSort` and it becomes a sort button. `textAlign="end"` is for numbers. */
+export declare function NmTableHead({ className, textAlign, sort, onSort, children, ...props }: Omit<ComponentProps<'th'>, 'align'> & {
+    textAlign?: 'start' | 'center' | 'end';
+    sort?: NmSortDirection;
+    onSort?: () => void;
+}): import("react").JSX.Element;
+/** Cells stay on one line. Give `wrap` to a cell that holds a sentence, and it wraps and aligns to the top. */
+export declare function NmTableCell({ className, textAlign, wrap, ...props }: Omit<ComponentProps<'td'>, 'align'> & {
+    textAlign?: 'start' | 'center' | 'end';
+    wrap?: boolean;
+}): import("react").JSX.Element;
+export declare function NmTableCaption({ className, ...props }: ComponentProps<'caption'>): import("react").JSX.Element;
+export {};

package/dist/ui/components/nm-tabs/nm-tabs.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import { type NmTabItem } from '../../config/nm-tabs.ts';
+export type NmTabsProps = {
+    label: string;
+    items: readonly NmTabItem[];
+    value: string;
+    onChange: (id: string) => void;
+};
+export declare function NmTabs(props: NmTabsProps): ReactNode;

package/dist/ui/components/nm-textarea/nm-textarea.d.ts

@@ -0,0 +1,2 @@
+import type { ComponentProps } from 'react';
+export declare function NmTextarea({ className, ...props }: ComponentProps<'textarea'>): import("react").JSX.Element;

package/dist/ui/components/nm-toggle/nm-toggle.d.ts

@@ -0,0 +1,9 @@
+import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+export declare const NM_TOGGLE_VARIANTS: readonly ['default', 'outline'];
+export declare const NM_TOGGLE_SIZES: readonly ['sm', 'default', 'lg'];
+export type NmToggleVariant = (typeof NM_TOGGLE_VARIANTS)[number];
+export type NmToggleSize = (typeof NM_TOGGLE_SIZES)[number];
+export declare function NmToggle({ className, variant, size, ...props }: TogglePrimitive.Props & {
+    variant?: NmToggleVariant;
+    size?: NmToggleSize;
+}): import("react").JSX.Element;

package/dist/ui/components/nm-toolbar/nm-toolbar.d.ts

@@ -0,0 +1,21 @@
+import type { ComponentProps, ReactNode } from 'react';
+import { Toolbar as ToolbarPrimitive } from '@base-ui/react/toolbar';
+import type { NmIconId } from '../../config/nm-icons.ts';
+import { type NmIconButtonTone } from '../../config/nm-icon-button.ts';
+/** Base UI Toolbar, in the shadcn composition, styled by NIF tokens. One tab stop, arrow keys move between controls. */
+export declare function NmToolbar({ className, ...props }: ToolbarPrimitive.Root.Props): import("react").JSX.Element;
+export declare function NmToolbarGroup({ className, ...props }: ToolbarPrimitive.Group.Props): import("react").JSX.Element;
+/** A vertical line between groups, such as between two panes. It follows the Contrast setting. */
+export declare function NmToolbarSeparator({ className, ...props }: ToolbarPrimitive.Separator.Props): import("react").JSX.Element;
+/** Takes the free space, pushing what follows to the end. */
+export declare function NmToolbarSpacer({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+/** An icon button, or a button with text. `label` is its accessible name. */
+export declare function NmToolbarButton({ icon, label, tone, pressed, className, children, ...props }: Omit<ToolbarPrimitive.Button.Props, 'children'> & {
+    icon?: NmIconId;
+    label: string;
+    tone?: NmIconButtonTone;
+    pressed?: boolean;
+    children?: ReactNode;
+}): import("react").JSX.Element;
+/** A field in the bar that takes the free width, such as an address. */
+export declare function NmToolbarInput({ className, ...props }: ToolbarPrimitive.Input.Props): import("react").JSX.Element;

package/dist/ui/components/nm-tooltip/nm-tooltip.d.ts

@@ -0,0 +1,5 @@
+import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+export declare function NmTooltipProvider({ delay, ...props }: TooltipPrimitive.Provider.Props): import("react").JSX.Element;
+export declare function NmTooltip(props: TooltipPrimitive.Root.Props): import("react").JSX.Element;
+export declare function NmTooltipTrigger(props: TooltipPrimitive.Trigger.Props): import("react").JSX.Element;
+export declare function NmTooltipContent({ className, side, sideOffset, align, alignOffset, children, ...props }: TooltipPrimitive.Popup.Props & Pick<TooltipPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): import("react").JSX.Element;

package/dist/ui/components/nm-top-bar/nm-top-bar.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export type NmTopBarProps = {
+    /** Controls on the leading side: mode, title, search, filters. */
+    children: ReactNode;
+    /** Controls on the trailing edge, such as the panel toggle. */
+    end?: ReactNode;
+    /** Narrow-screen control, such as the button that opens the rail. */
+    menu?: ReactNode;
+    endHidden?: boolean;
+};
+/** The one page bar. Chat, agents, work, artifacts, and the library pass their controls in. */
+export declare function NmTopBar(props: NmTopBarProps): ReactNode;

package/dist/ui/components/nordman-icon-button/nordman-icon-button.d.ts

@@ -0,0 +1,29 @@
+import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import type { NmIconId } from '../../config/nm-icons.ts';
+import { NM_ICON_BUTTON_TONES, type NmIconButtonTone } from '../../config/nm-icon-button.ts';
+import { type NordmanChromeIconId } from '../../config/nordman-chrome.ts';
+export declare const NORDMAN_ICON_BUTTON_VARIANTS: {
+    readonly line: "line";
+    readonly raised: "raised";
+};
+export type NordmanIconButtonVariant = (typeof NORDMAN_ICON_BUTTON_VARIANTS)[keyof typeof NORDMAN_ICON_BUTTON_VARIANTS];
+export declare const NordmanIconButton: import("react").ForwardRefExoticComponent<{
+    label: string;
+    href?: string;
+    tone?: NmIconButtonTone;
+    variant?: NordmanIconButtonVariant;
+    testId?: string;
+    imageSrc?: string;
+    children?: ReactNode;
+    active?: boolean;
+    pressed?: boolean;
+    checked?: boolean;
+    busy?: boolean;
+    expanded?: boolean;
+    popup?: 'listbox';
+    controls?: string;
+    ariaDisabled?: boolean;
+    glyph?: NmIconId;
+    icon?: NordmanChromeIconId;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children"> & import("react").RefAttributes<HTMLButtonElement>>;
+export { NM_ICON_BUTTON_TONES };

package/dist/ui/components/nordman-login/nordman-login.d.ts

@@ -0,0 +1,36 @@
+import { type ReactNode } from 'react';
+import { type NordmanLoginView } from '../../config/nordman-login.ts';
+import { type NordmanLoginShape } from '../nordman-login-hero/nordman-login-hero.tsx';
+export type NordmanLoginProps = {
+    title: string;
+    view: NordmanLoginView;
+    error: string | null;
+    notice: string | null;
+    pending: boolean;
+    sent: boolean;
+    passwordMin: number;
+    onView: (view: NordmanLoginView) => void;
+    onSignIn: (input: {
+        username: string;
+        password: string;
+    }) => void;
+    onRegister: (input: {
+        username: string;
+        displayName: string;
+        password: string;
+    }) => void;
+    onRequestReset: (input: {
+        identifier: string;
+    }) => void;
+    onResetPassword: (input: {
+        password: string;
+    }) => void;
+    children?: ReactNode;
+    hideSwitch?: boolean;
+    after?: ReactNode;
+    shape: NordmanLoginShape;
+    /** Google-only sign-in via Supabase Auth (hides email/password UI). */
+    googleOnly?: boolean;
+    onContinueWithGoogle?: () => void;
+};
+export declare function NordmanLogin(props: NordmanLoginProps): ReactNode;

package/dist/ui/components/nordman-login-field/nordman-login-field.d.ts

@@ -0,0 +1,13 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginFieldProps = {
+    id: string;
+    name: string;
+    label: string;
+    type: 'text' | 'email' | 'password';
+    autoComplete: string;
+    placeholder?: string;
+    minLength?: number;
+    required?: boolean;
+    accessory?: ReactNode;
+};
+export declare function NordmanLoginField(props: NordmanLoginFieldProps): ReactNode;

package/dist/ui/components/nordman-login-forgot/nordman-login-forgot.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginForgotProps = {
+    pending: boolean;
+    sent: boolean;
+    onRequestReset: (input: {
+        identifier: string;
+    }) => void;
+};
+export declare function NordmanLoginForgot(props: NordmanLoginForgotProps): ReactNode;

package/dist/ui/components/nordman-login-google/nordman-login-google.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginGoogleProps = {
+    pending: boolean;
+    onContinueWithGoogle: () => void;
+};
+export declare function NordmanLoginGoogle(props: NordmanLoginGoogleProps): ReactNode;

package/dist/ui/components/nordman-login-hero/nordman-login-hero.d.ts

@@ -0,0 +1,6 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginShape = 'square' | 'triangle' | 'circle';
+/** The website hero. The app loads `nordman-ui.js` and `hero.css`, which live beside `site.css`. */
+export declare function NordmanLoginHero(props: {
+    shape: NordmanLoginShape;
+}): ReactNode;

package/dist/ui/components/nordman-login-register/nordman-login-register.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginRegisterProps = {
+    pending: boolean;
+    passwordMin: number;
+    onRegister: (input: {
+        username: string;
+        displayName: string;
+        password: string;
+    }) => void;
+};
+export declare function NordmanLoginRegister(props: NordmanLoginRegisterProps): ReactNode;

package/dist/ui/components/nordman-login-reset/nordman-login-reset.d.ts

@@ -0,0 +1,9 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginResetProps = {
+    pending: boolean;
+    passwordMin: number;
+    onResetPassword: (input: {
+        password: string;
+    }) => void;
+};
+export declare function NordmanLoginReset(props: NordmanLoginResetProps): ReactNode;

package/dist/ui/components/nordman-login-reveal/nordman-login-reveal.d.ts

@@ -0,0 +1,6 @@
+import type { ReactNode } from 'react';
+export type NordmanLoginRevealProps = {
+    revealed: boolean;
+    onToggle: () => void;
+};
+export declare function NordmanLoginReveal(props: NordmanLoginRevealProps): ReactNode;

package/dist/ui/components/nordman-login-sign-in/nordman-login-sign-in.d.ts

@@ -0,0 +1,11 @@
+import { type ReactNode } from 'react';
+export type NordmanLoginSignInProps = {
+    pending: boolean;
+    passwordMin: number;
+    onForgot: () => void;
+    onSignIn: (input: {
+        username: string;
+        password: string;
+    }) => void;
+};
+export declare function NordmanLoginSignIn(props: NordmanLoginSignInProps): ReactNode;

package/dist/ui/components/nordman-toggle/nordman-toggle.d.ts

@@ -0,0 +1,12 @@
+import type { ReactNode } from 'react';
+export type NordmanToggleItem = {
+    id: string;
+    label: string;
+    href: string;
+};
+export type NordmanToggleProps = {
+    items: readonly NordmanToggleItem[];
+    active: string;
+    testId?: string;
+};
+export declare function NordmanToggle(props: NordmanToggleProps): ReactNode;

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

@@ -0,0 +1,44 @@
+/** AI Elements for Nordman. Each is a composition of the kit's trace, message, dropdown and chatbox parts. */
+import type { NmTraceStatus } from './nm-message.ts';
+export declare const NM_AI_STATUS: readonly ['pending', 'running', 'done', 'error'];
+export type NmAiStatus = (typeof NM_AI_STATUS)[number];
+/** Trace lines show `running`, `error` and `pending`. A finished line carries no status. */
+export declare function nmAiTraceStatus(status: NmAiStatus): NmTraceStatus | undefined;
+export declare const NM_TOOL_STATES: readonly ['input-streaming', 'input-available', 'approval-requested', 'approval-responded', 'output-available', 'output-error', 'output-denied'];
+export type NmToolState = (typeof NM_TOOL_STATES)[number];
+export declare const NM_AI_BADGE_TONES: readonly ['neutral', 'ok', 'error', 'warn'];
+export type NmAiBadgeTone = (typeof NM_AI_BADGE_TONES)[number];
+export declare const NM_AI_CLASSES: {
+    readonly bubble: 'nm-ai-bubble';
+    readonly bubbleUser: 'nm-ai-bubble--user';
+    readonly turn: 'nm-ai-turn';
+    readonly turnUser: 'nm-ai-turn--user';
+    readonly turnBody: 'nm-ai-turn__body';
+    readonly turnFooter: 'nm-ai-turn__footer';
+    readonly item: 'nm-ai-item';
+    readonly itemMedia: 'nm-ai-item__media';
+    readonly itemBody: 'nm-ai-item__body';
+    readonly itemTitle: 'nm-ai-item__title';
+    readonly itemDescription: 'nm-ai-item__description';
+    readonly itemActions: 'nm-ai-item__actions';
+    readonly sheet: 'nm-ai-sheet';
+    readonly sheetHead: 'nm-ai-sheet__head';
+    readonly sheetBody: 'nm-ai-sheet__body';
+    readonly stack: 'nm-ai-stack';
+    readonly checkpoint: 'nm-ai-checkpoint';
+    readonly contextRows: 'nm-ai-context__rows';
+    readonly tree: 'nm-ai-tree';
+    readonly treeNode: 'nm-ai-tree__node';
+    readonly citation: 'nm-ai-citation';
+    readonly suggestions: 'nm-ai-suggestions';
+    readonly suggestion: 'nm-ai-suggestion';
+    readonly thread: 'nm-ai-thread';
+    readonly threadEmpty: 'nm-ai-thread__empty';
+    readonly threadJump: 'nm-ai-thread__jump';
+    readonly selector: 'nm-ai-selector';
+    readonly tests: 'nm-ai-tests';
+    readonly testRow: 'nm-ai-tests__row';
+    readonly frame: 'nm-ai-frame';
+    readonly steps: 'nm-ai-steps';
+    readonly stepsItem: 'nm-ai-steps__item';
+};