@nordmanai/nif 0.2.1 → 0.2.3

package/dist/ui/components/nm-icon/animated/zoom-out.d.ts

@@ -0,0 +1,53 @@
+import * as React from 'react';
+import { type IconProps } from '@animate-ui/react/icons';
+type ZoomOutProps = IconProps<keyof typeof animations>;
+declare const animations: {
+    readonly default: {
+        lens: {
+            initial: {
+                scale: number;
+                transformOrigin: string;
+            };
+            animate: {
+                scale: number[];
+                transformOrigin: string;
+                transition: {
+                    duration: number;
+                    ease: "easeInOut";
+                };
+            };
+        };
+        sign: {
+            initial: {
+                scaleX: number;
+            };
+            animate: {
+                scaleX: number[];
+                transition: {
+                    duration: number;
+                    ease: "easeInOut";
+                };
+            };
+        };
+    };
+    readonly shrink: {
+        lens: {
+            initial: {
+                scale: number;
+                transformOrigin: string;
+            };
+            animate: {
+                scale: number[];
+                transformOrigin: string;
+                transition: {
+                    duration: number;
+                    times: number[];
+                    ease: "easeInOut";
+                };
+            };
+        };
+        sign: {};
+    };
+};
+declare function ZoomOut(props: ZoomOutProps): React.JSX.Element;
+export { animations, ZoomOut as ZoomOutAnimated };

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

@@ -1,7 +1,10 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode, SVGAttributes } from 'react';
 import { type NmIconId } from '../../config/nm-icons.ts';
-export type NmIconProps = {
+export type NmIconProps = Omit<SVGAttributes<SVGElement>, 'id' | 'className' | 'style' | 'viewBox' | 'fill' | 'stroke'> & {
     id: NmIconId;
     className?: string;
+    /** A size in px or any CSS length, for the rare icon that is not the themed icon size. */
+    size?: number | string;
+    style?: CSSProperties;
 };
-export declare function NmIcon(props: NmIconProps): ReactNode;
+export declare function NmIcon(allProps: NmIconProps): ReactNode;

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

@@ -0,0 +1,3 @@
+import { type LucideIcon } from 'lucide-react';
+import type { NM_EXTENDED_ICON_IDS } from '../../config/nm-icons-extended.ts';
+export declare const NM_LUCIDE_EXTENDED: Record<(typeof NM_EXTENDED_ICON_IDS)[number], LucideIcon>;

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

@@ -1,7 +1,11 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode, SVGAttributes } from 'react';
 export declare const NM_LUCIDE_FILLED_IDS: Set<string>;
+/** True when the icon plays an animation on hover: a lucide icon Animate UI has an animation for. */
+export declare function isNmIconAnimated(id: string): boolean;
 export declare function hasNmLucide(id: string): boolean;
-export declare function NmLucide({ id, className }: {
+export declare function NmLucide({ id, className, size, style, ...rest }: {
     id: string;
     className?: string;
-}): ReactNode;
+    size?: number | string;
+    style?: CSSProperties;
+} & Omit<SVGAttributes<SVGElement>, 'id' | 'className' | 'style'>): ReactNode;

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

@@ -0,0 +1,5 @@
+import type { ComponentProps } from 'react';
+/** A key or a shortcut, drawn as a key cap. Use it in tooltips, menus and docs. The shadcn Kbd composition. */
+export declare function NmKbd({ className, ...props }: ComponentProps<'kbd'>): import("react").JSX.Element;
+/** Several keys of one shortcut, side by side. */
+export declare function NmKbdGroup({ className, ...props }: ComponentProps<'span'>): import("react").JSX.Element;

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

@@ -1,5 +1,5 @@
-import { Menubar as MenubarPrimitive } from '@base-ui/react/menubar';
-import { Menu as MenuPrimitive } from '@base-ui/react/menu';
+import { Menubar as MenubarPrimitive } from '../../lib/nm-motion.ts';
+import { Menu as MenuPrimitive } from '../../lib/nm-motion.ts';
 /**
  * Base UI Menubar, in the shadcn composition. A row of menus that open on click and then on hover.
  * Each menu is an NmDropdownMenu, so its content and items are the dropdown parts.

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

@@ -1,9 +1,13 @@
 import type { ComponentProps } from 'react';
 export declare const NM_PANEL_VARIANTS: readonly ['default', 'inset', 'plain'];
 export type NmPanelVariant = (typeof NM_PANEL_VARIANTS)[number];
+/** `full` fills the room it is given. `column` is a centred share of it, held between a minimum and a maximum width. */
+export declare const NM_PANEL_MEASURES: readonly ['full', 'column'];
+export type NmPanelMeasure = (typeof NM_PANEL_MEASURES)[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'> & {
+export declare function NmPanel({ className, variant, measure, ...props }: ComponentProps<'section'> & {
     variant?: NmPanelVariant;
+    measure?: NmPanelMeasure;
 }): 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;

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

@@ -1,8 +1,8 @@
 import type { ComponentProps } from 'react';
-import { Popover as PopoverPrimitive } from '@base-ui/react/popover';
+import { Popover as PopoverPrimitive } from '../../lib/nm-motion.ts';
 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 NmPopoverContent({ className, align, alignOffset, side, sideOffset, anchor, ...props }: PopoverPrimitive.Popup.Props & Pick<PopoverPrimitive.Positioner.Props, 'align' | 'alignOffset' | 'side' | 'sideOffset' | 'anchor'>): 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

@@ -1,3 +1,3 @@
-import { Progress as ProgressPrimitive } from '@base-ui/react/progress';
+import { Progress as ProgressPrimitive } from '../../lib/nm-motion.ts';
 /** 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-radio-group/nm-radio-group.d.ts

@@ -1,4 +1,4 @@
-import { Radio as RadioPrimitive } from '@base-ui/react/radio';
-import { RadioGroup as RadioGroupPrimitive } from '@base-ui/react/radio-group';
+import { Radio as RadioPrimitive } from '../../lib/nm-motion.ts';
+import { RadioGroup as RadioGroupPrimitive } from '../../lib/nm-motion.ts';
 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-select/nm-select.d.ts

@@ -1,5 +1,5 @@
 import type { ReactNode } from 'react';
-import { Select as SelectPrimitive } from '@base-ui/react/select';
+import { Select as SelectPrimitive } from '../../lib/nm-motion.ts';
 /**
  * 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.

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, ReactNode } from 'react';
+/** A pulsing placeholder in the shape of the content that is loading. Size it with a class. */
+export declare function NmSkeleton({ className, ...props }: ComponentProps<'div'>): ReactNode;

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

@@ -1,4 +1,4 @@
-import { Slider as SliderPrimitive } from '@base-ui/react/slider';
+import { Slider as SliderPrimitive } from '../../lib/nm-motion.ts';
 /** `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;

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

@@ -1,4 +1,4 @@
-import { type ButtonHTMLAttributes, type ReactNode } from 'react';
+import { type ButtonHTMLAttributes, type MouseEvent, 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 = {
@@ -8,7 +8,7 @@ export type NmSmallIconButtonProps = {
     active?: boolean;
     iconContent?: ReactNode;
     testId?: string;
-    onClick?: () => void;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'onClick' | 'aria-label' | 'children'>;
 export declare const NmSmallIconButton: import("react").ForwardRefExoticComponent<{
     label: string;
@@ -17,5 +17,5 @@ export declare const NmSmallIconButton: import("react").ForwardRefExoticComponen
     active?: boolean;
     iconContent?: ReactNode;
     testId?: string;
-    onClick?: () => void;
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 } & Omit<ButtonHTMLAttributes<HTMLButtonElement>, "aria-label" | "children" | "onClick"> & import("react").RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,3 @@
+import type { ComponentProps, ReactNode } from 'react';
+/** A ring that turns while something loads. It is the themed icon size; a class or style sets another. */
+export declare function NmSpinner({ className, ...props }: ComponentProps<'span'>): ReactNode;

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

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

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

@@ -1,4 +1,5 @@
 import type { ReactNode } from 'react';
+import { Tabs as TabsPrimitive } from '../../lib/nm-motion.ts';
 import { type NmTabItem } from '../../config/nm-tabs.ts';
 export type NmTabsProps = {
     label: string;
@@ -7,3 +8,8 @@ export type NmTabsProps = {
     onChange: (id: string) => void;
 };
 export declare function NmTabs(props: NmTabsProps): ReactNode;
+/** The parts of a tab set, for a view that lays out its own list and panels. */
+export declare function NmTabsRoot(props: TabsPrimitive.Root.Props): ReactNode;
+export declare function NmTabsList({ className, ...props }: TabsPrimitive.List.Props): ReactNode;
+export declare function NmTabsTrigger({ className, ...props }: TabsPrimitive.Tab.Props): ReactNode;
+export declare function NmTabsContent({ className, ...props }: TabsPrimitive.Panel.Props): ReactNode;

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

@@ -1,4 +1,4 @@
-import { Toggle as TogglePrimitive } from '@base-ui/react/toggle';
+import { Toggle as TogglePrimitive } from '../../lib/nm-motion.ts';
 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];

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

@@ -1,6 +1,7 @@
 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 NmButtonTone } from '../../config/nm-button.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;
@@ -9,11 +10,14 @@ export declare function NmToolbarGroup({ className, ...props }: ToolbarPrimitive
 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. */
+/**
+ * An icon button. Give it children and it is a NIF button with text instead, in the tone of your choice.
+ * `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;
+    tone?: NmIconButtonTone | NmButtonTone;
     pressed?: boolean;
     children?: ReactNode;
 }): import("react").JSX.Element;

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

@@ -1,4 +1,4 @@
-import { Tooltip as TooltipPrimitive } from '@base-ui/react/tooltip';
+import { Tooltip as TooltipPrimitive } from '../../lib/nm-motion.ts';
 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;

package/dist/ui/components/nm-voice-orb/nm-voice-orb.d.ts

@@ -0,0 +1,18 @@
+import { type ReactNode } from 'react';
+import { type OrbAdapter, type OrbSignal, type OrbTheme } from 'orb-ui';
+import { type NmVoiceOrbAgentState } from '../../config/nm-voice-orb.ts';
+export type NmVoiceOrbProps = {
+    adapter?: OrbAdapter;
+    signal?: OrbSignal;
+    agentState?: NmVoiceOrbAgentState;
+    theme?: OrbTheme;
+    size?: number;
+    inputVolume?: number;
+    outputVolume?: number;
+    getInputVolume?: () => number;
+    getOutputVolume?: () => number;
+    label?: string;
+    testId?: string;
+    onClick?: () => void;
+};
+export declare function NmVoiceOrb(props: NmVoiceOrbProps): ReactNode;

package/dist/ui/components/nm-voice-orb/use-nm-voice-orb-theme.d.ts

@@ -0,0 +1,2 @@
+import { type OrbTheme } from 'orb-ui';
+export declare function useNmVoiceOrbTheme(): OrbTheme;

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

@@ -2,6 +2,8 @@ export declare const NM_APP_PANEL_TABS: {
     readonly code: 'code';
     readonly preview: 'preview';
     readonly environment: 'environment';
+    /** The agent's machine: the live desktop of the app's sandbox. */
+    readonly machine: 'machine';
 };
 export type NmAppPanelTab = (typeof NM_APP_PANEL_TABS)[keyof typeof NM_APP_PANEL_TABS];
 export declare const NM_APP_PANEL_ICON_SRC: {

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

@@ -4,6 +4,10 @@ export declare const NM_BUTTON_TONES: {
     readonly muted: 'muted';
     readonly panel: 'panel';
     readonly danger: 'danger';
+    /** No fill until hovered. For actions that sit inside other content. */
+    readonly ghost: 'ghost';
+    /** Text with an underline on hover. */
+    readonly link: 'link';
 };
 export type NmButtonTone = (typeof NM_BUTTON_TONES)[keyof typeof NM_BUTTON_TONES];
 export declare const NM_BUTTON_SIZES: {
@@ -20,6 +24,8 @@ export declare const NM_BUTTON_CLASSES: {
     readonly muted: 'nm-button--muted';
     readonly panel: 'nm-button--panel';
     readonly danger: 'nm-button--danger';
+    readonly ghost: 'nm-button--ghost';
+    readonly link: 'nm-button--link';
     readonly default: 'nm-button--default';
     readonly compact: 'nm-button--compact';
     readonly chip: 'nm-button--chip';

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

@@ -7,6 +7,11 @@ export declare const NM_COMPOSER_COPY: {
     readonly attach: 'Add';
     readonly mic: 'Dictate';
     readonly voice: 'Voice mode';
+    readonly voiceEnd: 'End voice mode';
+    readonly mute: 'Mute microphone';
+    readonly unmute: 'Unmute microphone';
+    readonly cancel: 'Cancel';
+    readonly done: 'Done';
     readonly send: 'Send';
     readonly stop: 'Stop';
     readonly remove: (name: string) => string;
@@ -14,6 +19,8 @@ export declare const NM_COMPOSER_COPY: {
     readonly editQueued: 'Edit queued message';
     readonly removeQueued: 'Remove queued message';
 };
+/** Wraps an inline chip's label inside the field text. */
+export declare const NM_COMPOSER_INLINE_MARK = "\u2060";
 export declare const NM_COMPOSER_CLASSES: {
     readonly root: 'nm-composer';
     readonly stack: 'nm-composer-stack';
@@ -24,6 +31,10 @@ export declare const NM_COMPOSER_CLASSES: {
     readonly queuedActions: 'nm-composer__queued-actions';
     readonly attachments: 'nm-composer__attachments';
     readonly field: 'nm-composer__field';
+    readonly listening: 'nm-composer__listening';
+    readonly fieldWrap: 'nm-composer__field-wrap';
+    readonly inline: 'nm-composer__inline';
+    readonly inlineChip: 'nm-composer__inline-chip';
     readonly bar: 'nm-composer__bar';
     readonly start: 'nm-composer__start';
     readonly end: 'nm-composer__end';

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

@@ -3,7 +3,6 @@ export declare const NM_ICON_BUTTON_TONES: {
     readonly raised: 'raised';
     readonly quiet: 'quiet';
     readonly solid: 'solid';
-    readonly subtle: 'subtle';
     readonly panel: 'panel';
     readonly invert: 'invert';
 };
@@ -16,7 +15,6 @@ export declare const NM_ICON_BUTTON_CLASSES: {
     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';
 };

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

@@ -0,0 +1 @@
+export declare const NM_EXTENDED_ICON_IDS: readonly ['activity', 'app-window', 'archive-restore', 'arrow-down', 'arrow-left-right', 'arrow-right-left', 'arrow-up-down', 'arrow-up-left', 'ban', 'beaker', 'bitcoin', 'bone', 'book-copy', 'bookmark', 'bookmark-plus', 'calendar-days', 'chart-column', 'chart-column-increasing', 'chart-line', 'check-check', 'chevron-left', 'chevron-right', 'chevron-up', 'chevrons-up-down', 'circle', 'circle-alert', 'circle-check-big', 'circle-dashed', 'circle-dot', 'circle-plus', 'circle-question-mark', 'circle-x', 'clock-3', 'clock-4', 'cloud-sun', 'code-xml', 'copy-check', 'corner-down-right', 'database', 'dices', 'earth', 'external-link', 'eye', 'eye-off', 'fast-forward', 'feather', 'file-clock', 'file-code', 'file-image', 'file-json', 'file-pen-line', 'file-plus-2', 'file-question-mark', 'file-search', 'file-spreadsheet', 'file-type-2', 'file-up', 'file-x-2', 'files', 'film', 'folder-kanban', 'funnel-x', 'git-branch-plus', 'git-commit-horizontal', 'git-fork', 'graduation-cap', 'grip-vertical', 'history', 'image-off', 'image-up', 'info', 'key-round', 'keyboard', 'laptop', 'layers', 'layout-dashboard', 'library', 'life-buoy', 'lightbulb', 'link', 'link-2-off', 'list', 'list-tree', 'map-pin', 'message-circle-question-mark', 'message-square', 'message-square-plus', 'message-square-text', 'messages-square', 'minimize-2', 'mouse-pointer-click', 'newspaper', 'notebook-pen', 'octagon-pause', 'paperclip', 'pen-line', 'pen-tool', 'pin-off', 'plane-takeoff', 'plug-zap', 'qr-code', 'radio', 'refresh-cw', 'rocket', 'rotate-cw', 'scale', 'scan-search', 'scroll-text', 'send', 'share-2', 'shield', 'shield-check', 'shield-ellipsis', 'shopping-bag', 'sliders-horizontal', 'sparkles', 'square-pen', 'square-slash', 'square-terminal', 'star', 'table-2', 'text-quote', 'trash', 'trending-up', 'triangle-alert', 'trophy', 'type', 'user', 'user-check', 'users', 'utensils-crossed', 'variable', 'video', 'wand-sparkles', 'zap', 'zap-off', 'zoom-in', 'zoom-out'];

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

@@ -1,5 +1,8 @@
 export declare const NM_ICON_IDS: readonly ['plus', 'user', 'paperclip', 'settings', 'globe', 'spreadsheet', 'pointer', 'mouse-pointer', 'mic', 'mic-off', 'audio-lines', 'send', 'chevron', 'check', 'circle-check', 'code', 'file-code', 'console', 'copy', 'volume', 'fork', 'chat', 'chat-dashed', 'folder', 'bot', 'app', 'layers', 'users', 'library', 'panel', 'ellipsis', 'camera', 'reload', 'expand', 'arrow-up-right', 'minimize', 'download', 'publish', 'share', 'pen', 'pin', 'archive', 'trash', 'folder-in', 'folder-out', 'duplicate', 'logout', 'table-properties', 'cable', 'menu', 'loader', 'monitor', 'server', 'filter', 'sliders', 'upload', 'image', 'image-plus', 'music', 'headphones', 'video', 'search', 'presentation', 'terminal', 'square-terminal', 'x', 'save', 'lock', 'mail', 'calendar', 'clock', 'gauge', 'minus', 'play', 'workflow', 'hard-drive', 'slack', 'github', 'building', 'file-text', 'wrench', 'file', 'brain', 'sun', 'moon', 'google', 'arrow-left', 'arrow-right', 'panel-left', 'rows'];
-export type NmIconId = (typeof NM_ICON_IDS)[number];
+import type { NM_EXTENDED_ICON_IDS } from './nm-icons-extended.ts';
+export type NmCoreIconId = (typeof NM_ICON_IDS)[number];
+/** The core ids above plus the generated lucide ids in nm-icons-extended.ts. */
+export type NmIconId = NmCoreIconId | (typeof NM_EXTENDED_ICON_IDS)[number];
 export type NmIconSpec = {
     viewBox: string;
     path?: string | readonly string[];

package/dist/ui/config/nm-voice-orb.d.ts

@@ -0,0 +1,22 @@
+import { type OrbState } from 'orb-ui';
+export type NmVoiceOrbAgentState = null | 'idle' | 'connecting' | 'listening' | 'thinking' | 'talking' | 'speaking' | 'error';
+export declare const NM_VOICE_ORB_SIZE = 34;
+export declare const NM_VOICE_ORB_CLASSES: {
+    readonly root: 'nm-voice-orb';
+};
+export declare const NM_ORB_UI_THEME: {
+    readonly name: "cloud";
+    readonly preset: "expressive";
+    readonly geometry: {
+        readonly diameterRatio: 1;
+        readonly listeningMinScale: 0.88;
+        readonly speakingMaxScale: 1;
+        readonly idleDotScale: 0.88;
+    };
+    readonly motion: {
+        readonly entranceHoldMs: 0;
+        readonly entranceGrowMs: 160;
+        readonly entranceSettleMs: 240;
+    };
+};
+export declare function toOrbUiState(agentState: NmVoiceOrbAgentState | undefined): OrbState;

package/dist/ui/lib/nm-motion.d.ts

@@ -0,0 +1,29 @@
+/**
+ * The one place NIF reaches for Animate UI. Each part is Animate UI's version of a Base UI primitive: the same API,
+ * with Motion built in. NIF components import their primitives from here and never from Animate UI directly, so the
+ * motion layer can be swapped by changing this file alone.
+ *
+ * Animate UI is "MIT + Commons Clause". It may be used in a product, but its components may not be sold or
+ * redistributed in their original form. NIF therefore depends on the package and never copies or bundles its code.
+ */
+export { Checkbox } from '@animate-ui/react/primitives/base-ui/checkbox';
+export { Collapsible } from '@animate-ui/react/primitives/base-ui/collapsible';
+export { Combobox } from '@animate-ui/react/primitives/base-ui/combobox';
+export { ContextMenu } from '@animate-ui/react/primitives/base-ui/context-menu';
+export { Dialog } from '@animate-ui/react/primitives/base-ui/dialog';
+export { Menu } from '@animate-ui/react/primitives/base-ui/menu';
+export { Menubar } from '@animate-ui/react/primitives/base-ui/menubar';
+export { Popover } from '@animate-ui/react/primitives/base-ui/popover';
+export { PreviewCard } from '@animate-ui/react/primitives/base-ui/preview-card';
+export { Progress } from '@animate-ui/react/primitives/base-ui/progress';
+export { Radio } from '@animate-ui/react/primitives/base-ui/radio';
+export { RadioGroup } from '@animate-ui/react/primitives/base-ui/radio-group';
+export { Select } from '@animate-ui/react/primitives/base-ui/select';
+export { Slider } from '@animate-ui/react/primitives/base-ui/slider';
+export { Switch } from '@base-ui/react/switch';
+export { Tabs } from '@animate-ui/react/primitives/base-ui/tabs';
+export { Toggle } from '@animate-ui/react/primitives/base-ui/toggle';
+export { Tooltip } from '@animate-ui/react/primitives/base-ui/tooltip';
+export { Button } from '@animate-ui/react/primitives/buttons/button';
+/** The animated icon engine. Icons follow the hover of the control around them, or animate on their own. */
+export { AnimateIcon, IconWrapper, getVariants, useAnimateIconContext, type IconProps } from '@animate-ui/react/icons';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@nordmanai/nif",
-  "version": "0.2.1",
+  "version": "0.2.3",
   "description": "Nordman Interface Framework: the one UI and UX system for every Nordman product. Base UI, in the shadcn composition, styled by NIF tokens.",
   "type": "module",
   "sideEffects": [
@@ -37,8 +37,10 @@
     "framer-motion": ">=12.0.0",
     "lucide-react": ">=0.525.0 <1",
     "orb-ui": "^0.10.0",
-    "react": "^18.3.0 || ^19.0.0",
-    "react-dom": "^18.3.0 || ^19.0.0"
+    "react": "^19.0.0",
+    "react-dom": "^19.0.0",
+    "@animate-ui/react": "^2.4.2",
+    "motion": ">=14.0.0"
   },
   "publishConfig": {
     "access": "public"
@@ -52,16 +54,18 @@
   ],
   "devDependencies": {
     "@base-ui/react": "^1.9.0",
-    "@types/react": "^18.3.31",
-    "@types/react-dom": "^18.3.7",
+    "@types/react": "^19.2.0",
+    "@types/react-dom": "^19.2.0",
     "@vitejs/plugin-react": "^6.2.1",
     "framer-motion": "^14.9.1",
     "lucide-react": "^0.525.0",
     "orb-ui": "^0.10.0",
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
+    "react": "^19.2.0",
+    "react-dom": "^19.2.0",
     "typescript": "^7.0.2",
-    "vite": "^8.3.6"
+    "vite": "^8.3.6",
+    "@animate-ui/react": "^2.4.2",
+    "motion": "^14.9.1"
   },
   "peerDependenciesMeta": {
     "orb-ui": {