@nordmanai/nif 0.0.0-stage → 0.1.0

package/dist/ui/components/nm-dropdown-menu/nm-dropdown-menu.d.ts

@@ -0,0 +1,30 @@
+import type { ComponentProps } from 'react';
+import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+/** Base UI Menu, in the shadcn dropdown-menu composition, styled by NIF tokens. */
+export declare function NmDropdownMenu(props: MenuPrimitive.Root.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuTrigger(props: MenuPrimitive.Trigger.Props): import("react").JSX.Element;
+type PositionProps = Pick<MenuPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>;
+export declare function NmDropdownMenuContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & PositionProps): import("react").JSX.Element;
+export declare function NmDropdownMenuGroup(props: MenuPrimitive.Group.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuLabel({ className, ...props }: MenuPrimitive.GroupLabel.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuItem({ className, variant, ...props }: MenuPrimitive.Item.Props & {
+    variant?: 'default' | 'destructive';
+}): import("react").JSX.Element;
+export declare function NmDropdownMenuSub(props: MenuPrimitive.SubmenuRoot.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuSubTrigger({ className, children, ...props }: MenuPrimitive.SubmenuTrigger.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuSubContent({ align, alignOffset, side, sideOffset, className, ...props }: MenuPrimitive.Popup.Props & PositionProps): import("react").JSX.Element;
+export declare function NmDropdownMenuCheckboxItem({ className, children, ...props }: MenuPrimitive.CheckboxItem.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuRadioGroup(props: MenuPrimitive.RadioGroup.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuRadioItem({ className, children, ...props }: MenuPrimitive.RadioItem.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuSeparator({ className, ...props }: MenuPrimitive.Separator.Props): import("react").JSX.Element;
+export declare function NmDropdownMenuShortcut({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;
+/** Two lines in an item: the title, then a quieter description. */
+export declare function NmDropdownMenuText({ title, description }: {
+    title: string;
+    description?: string;
+}): import("react").JSX.Element;
+/** A status dot at the start of an item. */
+export declare function NmDropdownMenuDot({ status }: {
+    status?: 'ok' | 'error';
+}): import("react").JSX.Element;
+export {};

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

@@ -0,0 +1,50 @@
+import { type KeyboardEventHandler, type ReactNode, type Ref } from 'react';
+import type { NmIconId } from '../../config/nm-icons.ts';
+import { NM_FIELD_KINDS, NM_FIELD_LAYOUT, type NmFieldKind, type NmFieldLayout, type NmFieldOption } from '../../config/nm-field.ts';
+import { type NmDropdownItem } from '../nm-dropdown/nm-dropdown.tsx';
+export type NmFieldProps = {
+    label: string;
+    value: string;
+    onChange: (value: string) => void;
+    kind?: NmFieldKind;
+    layout?: NmFieldLayout;
+    caption?: string;
+    placeholder?: string;
+    icon?: NmIconId;
+    /** Mark shown inside the field, before the value. */
+    leading?: ReactNode;
+    leadingSize?: 'mark' | 'face';
+    /** Keeps the value in the primary text color when the field is read-only. */
+    emphasis?: boolean;
+    trailing?: ReactNode;
+    /** Ellipsis menu. Hidden until the field is hovered or focused. */
+    menuItems?: readonly NmDropdownItem[];
+    menuLabel?: string;
+    onMenuSelect?: (id: string) => void;
+    options?: readonly NmFieldOption[];
+    searchPlaceholder?: string;
+    searchValue?: string;
+    onSearchChange?: (value: string) => void;
+    onAdd?: () => void;
+    addLabel?: string;
+    addIcon?: NmIconId;
+    testId?: string;
+    disabled?: boolean;
+    readOnly?: boolean;
+    name?: string;
+    id?: string;
+    autoComplete?: string;
+    minLength?: number;
+    maxLength?: number;
+    className?: string;
+    inputRef?: Ref<HTMLInputElement>;
+    describedBy?: string;
+    invalid?: boolean;
+    keyShortcuts?: string;
+    onKeyDown?: KeyboardEventHandler<HTMLInputElement>;
+    onKeyUp?: KeyboardEventHandler<HTMLInputElement>;
+    onFocus?: () => void;
+    onBlur?: () => void;
+};
+export declare const NmField: import("react").ForwardRefExoticComponent<NmFieldProps & import("react").RefAttributes<HTMLDivElement>>;
+export { NM_FIELD_KINDS, NM_FIELD_LAYOUT };

package/dist/ui/components/nm-hover-card/nm-hover-card.d.ts

@@ -0,0 +1,5 @@
+import { PreviewCard as PreviewCardPrimitive } from '@base-ui/react/preview-card';
+/** Base UI Preview Card, in the shadcn hover-card composition, styled by NIF tokens. */
+export declare function NmHoverCard(props: PreviewCardPrimitive.Root.Props): import("react").JSX.Element;
+export declare function NmHoverCardTrigger(props: PreviewCardPrimitive.Trigger.Props): import("react").JSX.Element;
+export declare function NmHoverCardContent({ className, side, sideOffset, align, alignOffset, ...props }: PreviewCardPrimitive.Popup.Props & Pick<PreviewCardPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset'>): import("react").JSX.Element;

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+import { type NmIconId } from '../../config/nm-icons.ts';
+export type NmIconProps = {
+    id: NmIconId;
+    className?: string;
+};
+export declare function NmIcon(props: NmIconProps): ReactNode;

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

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export declare const NM_LUCIDE_FILLED_IDS: Set<string>;
+export declare function hasNmLucide(id: string): boolean;
+export declare function NmLucide({ id, className }: {
+    id: string;
+    className?: string;
+}): ReactNode;

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

@@ -0,0 +1,21 @@
+import type { MouseEvent as ReactMouseEvent, ReactNode, Ref } from 'react';
+import type { NmIconId } from '../../config/nm-icons.ts';
+export type NmIconBorderProps = {
+    label: string;
+    icon?: NmIconId;
+    imageSrc?: string;
+    pressed?: boolean;
+    checked?: boolean;
+    disabled?: boolean;
+    ariaDisabled?: boolean;
+    busy?: boolean;
+    expanded?: boolean;
+    popup?: 'listbox';
+    controls?: string;
+    buttonRef?: Ref<HTMLButtonElement>;
+    className?: string;
+    children?: ReactNode;
+    testId?: string;
+    onClick?: (event: ReactMouseEvent<HTMLButtonElement>) => void;
+};
+export declare function NmIconBorder(props: NmIconBorderProps): ReactNode;

package/dist/ui/components/nm-list-item/nm-list-item.d.ts

@@ -0,0 +1,23 @@
+import type { ReactNode } from 'react';
+import { type NmDropdownItem } from '../nm-dropdown/nm-dropdown.tsx';
+export type NmListItemProps = {
+    title: string;
+    detail?: string;
+    /** Brand mark or face shown beside the title. */
+    leading?: ReactNode;
+    /** `mark` is a 20px app logo. `icon` is a tool glyph. `face` is the companion portrait. */
+    leadingSize?: 'mark' | 'icon' | 'face';
+    /** Connect or disconnect control. Stays visible; it does not collapse into the menu. */
+    action?: ReactNode;
+    menuLabel?: string;
+    /** Ellipsis menu. The shared dropdown, usually edit and delete. */
+    menuItems?: readonly NmDropdownItem[];
+    onMenuSelect?: (id: string) => void;
+    locked?: boolean;
+    /** Lock shown at rest. Hover replaces it with the menu. */
+    resting?: 'lock';
+    onMenu?: () => void;
+    /** Opens the row. The title becomes the control. */
+    onOpen?: () => void;
+};
+export declare function NmListItem(props: NmListItemProps): ReactNode;

package/dist/ui/components/nm-message/nm-message-actions.d.ts

@@ -0,0 +1,7 @@
+import type { ReactNode } from 'react';
+export type NmMessageActionsProps = {
+    children: ReactNode;
+    testId?: string;
+    revealOnHover?: boolean;
+};
+export declare function NmMessageActions(props: NmMessageActionsProps): ReactNode;

package/dist/ui/components/nm-message/nm-message-meta.d.ts

@@ -0,0 +1,10 @@
+import type { ReactNode } from 'react';
+export type NmMessageMetaProps = {
+    label: string;
+    testId?: string;
+    expandable?: boolean;
+    expanded?: boolean;
+    onToggle?: () => void;
+    live?: boolean;
+};
+export declare function NmMessageMeta(props: NmMessageMetaProps): ReactNode;

package/dist/ui/components/nm-message/nm-text-shimmer.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode } from 'react';
+export declare function NmTextShimmer(props: {
+    children: string;
+}): ReactNode;

package/dist/ui/components/nm-message/nm-trace.d.ts

@@ -0,0 +1,58 @@
+import { type ReactNode } from 'react';
+import { type NmTraceGlyphKind, type NmTraceStatus } from '../../config/nm-message.ts';
+export declare function NmTraceGlyph(props: {
+    kind: NmTraceGlyphKind;
+    spin?: boolean;
+}): ReactNode;
+export declare function NmTrace(props: {
+    children: ReactNode;
+    testId?: string;
+    ariaLabel?: string;
+    role?: 'region' | 'group';
+}): ReactNode;
+export declare function NmTraceCollapsible(props: {
+    children: ReactNode;
+    open?: boolean;
+    defaultOpen?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    testId?: string;
+}): ReactNode;
+export declare function NmTraceCollapsibleTrigger(props: {
+    children: ReactNode;
+    ariaLabel?: string;
+    action?: ReactNode;
+    testId?: string;
+}): ReactNode;
+export declare function NmTraceCollapsibleContent(props: {
+    children: ReactNode;
+    keepMounted?: boolean;
+    asList?: boolean;
+    testId?: string;
+}): ReactNode;
+export declare function NmTraceLine(props: {
+    children: ReactNode;
+    status?: NmTraceStatus;
+    as?: 'div' | 'span' | 'li';
+    testId?: string;
+    role?: 'status';
+    ariaLive?: 'polite';
+}): ReactNode;
+export declare function NmTraceIcon(props: {
+    children: ReactNode;
+}): ReactNode;
+export declare function NmTraceTitle(props: {
+    children: ReactNode;
+    shimmer?: boolean;
+}): ReactNode;
+export declare function NmTraceDescription(props: {
+    children: ReactNode;
+    ariaHidden?: boolean;
+    testId?: string;
+}): ReactNode;
+export declare function NmTraceBadges(props: {
+    children: ReactNode;
+    ariaHidden?: boolean;
+}): ReactNode;
+export declare function NmTraceBadge(props: {
+    children: ReactNode;
+}): ReactNode;

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-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-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-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-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-slider/nm-slider.d.ts

@@ -0,0 +1,2 @@
+import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+export declare function NmSlider({ className, defaultValue, value, min, max, ...props }: SliderPrimitive.Root.Props): 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-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-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-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-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;