Changelog

Textarea: The resize grip sits in the bordered box's corner, level with the counter, instead of floating above the footer, and is drawn with the new Notches Koala icon.

Dialog: Clearer rhythm: the header stands apart from the body (and drops that margin when the footer follows), the icon sits closer to the title, the close button centres on the first row, and the bordered footer gets more room.

Expandable Search: The docs header search is now an Expandable Search: it rests as a magnifier, opens on click and lists matches right under the field. ⌘K still opens the command palette.

Accordion: Every disclosure panel (Accordion, Collapsible, Tool, Plan, Tree, Sidebar groups) keeps its children's edge and focus rings painted while it opens and closes.

Paper: A section band no longer doubles the rule above it.

Paper: A SignaturePad inside PaperSignature drops its own box and guide and signs on the sheet's line, scaled with the sheet.

Input: InputFloatingField: the label rests as the placeholder and floats to the top edge on focus, value or autofill.

Radio Group: RadioCard states no longer compete: every state is one ink, keyboard focus adds a soft ink halo, a click shows the ink selection straight away, and hover is a quieter hint.

Floating Window: A minimized window no longer shows a stray hairline under its bar.

Floating Window: Dragging lifts the window from the grab point with a deeper shadow, and the cursor holds while the pointer leaves the bar.

Tool: The first section's top hairline no longer vanishes while the card opens.

Voice Roster: A group mark before the avatar keeps the full gap, and the header and overflow line align with the row text at each density.

Field: info on FieldLabel and FieldGroupLabel puts the help behind an info icon with a tooltip; it still describes the control for screen readers.

Empty State: layout="inline" puts the parts on one left-aligned line, for an empty list inside a sheet or a panel.

Rich Text Editor: imageLinks shows the picture under any block that links to an image file; the saved HTML keeps just the link.

Layout: The docked content keeps its top hairline under a topbar: it sits 1px lower, so the sticky bar no longer paints over the ring.

TeamMember: Name and role sit closer together in every layout, so the pair reads as one label.

Koala Icons: Every component, section and page now draws Koala Icons: 117 new icons bring the set to 487, and @phosphor-icons/react is no longer a dependency.

Brand logos: @/lib/brand-logos holds the monochrome brand marks (GitHub, X, LinkedIn, Dribbble, TikTok and more) with the same size, color and title props as an icon.

Motion: No control scales down on press anymore: Button, inputs, pickers, toggles and every other control answer a press with the focus ring and color alone, and static stays for compatibility.

SplitButton: Takes a menuClassName for the menu, never shrinks in a flex row, and now drives the docs Copy page menu.

VoiceRoster: Speaks Koala now: rounded rows on the elevation floor, a soft green fill instead of the spine and wash, body type instead of mono, round group dots, the supervisor star after the name, and panel rows sit on the page's own ground like a List.

Hero Section 1: A rotate list turns the end of the headline into a rotating highlight, the same wash as HeroHighlight.

HeroHighlight: A rotating highlight now server-renders only its first phrase, so search engines read a clean headline instead of every phrase run together.

SwatchGrid: Swatches are round now, the selection ring takes the swatch's own color, kept opaque and readable on either theme, and hover hints in that color.

ease-lift: A motion token for physical objects being picked up or selected: a gentle 10% overshoot, softer than ease-spring.

Ink Tray: The tool in hand now lifts on ease-lift with a growing shadow, hover only hints at the lift, and the chosen colour rises slightly.

cn and every recipe now let ease-drawer, ease-spring, ease-lift and ease-sine in className override a component's own easing.

Toast: appearance: "minimal" for a compact one-row toast, countdown for a hairline that drains with the timer, and progress for a determinate bar you advance by raising the same id; the first two can be set app-wide on <Toaster />.

Ink Tray: A whiteboard pen tray: pen, marker, pencil and eraser rise from behind the bar when picked up, and each tool keeps its own colour and stroke size.

Fields: Input, InputGroup, Select, MultiSelect, NativeSelect, CountrySelect and DatePicker are rounded rectangles instead of pills (12, 14 and 16 by size), and Textarea steps down to rounded-lg.

Button: A Button inside a <form> takes the field corner for its size, so a submit matches the inputs beside it; everywhere else, a Popover form included, it stays a pill.

OTPInput: Slots follow the field corners, 12, 14 and 16 by size, so a code entry matches the inputs and the Verify button beside it.

No comments left in the code you install: components, sections, page examples, templates and the shared lib helpers all ship as plain code.

Icons: Koala Icons grows to 370 glyphs, and every example in the docs now draws with them instead of Phosphor.

Rating: icon takes any icon component, Koala Icons or Phosphor, and so do the icon props of CookieConsent categories and Toolbar overflow items.

Terminal: A Windows window now: 8px corners, square seams, a TerminalTab that merges into the screen and TerminalCaption buttons with close going red on hover.

PromptInput: One size now: the size prop is gone, and every composer is the tighter default, with one 32px control height and 16px icons across the toolbar, send included.

PromptInput: PromptInputBannerApps and PromptInputBannerApp: a row of app logos in the banner under the composer, each a button with a tooltip, for a "connect your apps" strip.

PromptInput: The banner takes a muted tint so it reads as tucked behind the composer, and its content wraps on narrow screens instead of overflowing.

ModelSelector: Capability glyphs are smaller and quieter, and each explains itself in a tooltip on hover through a new description prop.

Command: The sliding highlight no longer covers a group heading or separator as it glides from one group into the next.

Tool: Opening or closing a call no longer shows its sheets cut flat by the height animation; they fade in step with it.

Citation: A chip no longer wraps alone onto the next line, and no longer crops the first message of a Chat conversation.

Citation: A chip in an answer that previews its sources on hover and goes to them on click.

Tool: One call an agent makes to a tool: its arguments, the result and an approval step when a person has to say yes.

ModelSelector: A searchable model picker grouped by provider, with each model's capabilities and context window.

ContextMeter: A small ring for how much of the context window a conversation has used, opening onto what fills it.

EventCalendar: Month, week and day views where events drag between slots and resize, from the mouse or the keyboard.

CompareSlider: Two pictures in one frame with a divider to drag between them, for a redesign, a retouch or a grade.

Button: A split button: the main action stays visible and its alternatives sit in an attached menu.

Chat: An agent trace of reasoning steps, with an ink-sweep pass across the step still in progress.

Tabs: segmented is now the default variant, with a tighter track.

EmptyState: Illustrated states: a small object that belongs to the job for each empty moment.

DataTable: An AI generation example that fills an insight column row by row.

ActivityFeed: A workflow example with a compact phase bar for the total time.

Leaner component source: the long explanatory comments are gone from every component, so the files you copy read as plain code. One-line prop docs stay for editor hints.

Combobox: A text field you type into to filter a list, then pick one option.

Meter: A measurement inside a known range, like storage used or a plan quota.

NumberField: A numeric input with minus and plus steppers.

Terminal: A command-line surface whose title bar doubles as a drag handle.

StatusBar: The thin strip of status items along the edge of an app shell.

TabStrip: The browser-style row of open documents across the top of an app shell.

DotMatrix: A 5×5 dot-matrix loader with a light running through it.

TabletFrame: A device that floats over a game, a map or another full-bleed canvas.

SwatchGrid: A grid of pickable samples: a color, or a glyph over a color.

FloatingWindow: A small movable, resizable window over the app.

Tabs: variant="segmented", the pill-on-track look for switching views.

Tabs: The line and folder indicators sit on the bottom edge of the list and stay fully visible.

DropdownMenu: The exit animation is interruptible: reopening mid-close picks up where it was.

Map: Map pins merge the collapsible chip with the new dispatch, fleet and incident symbols.

API tables and anatomy on the docs pages of every component merged this week, including AI panel, Chat, Prompt Input and Rich Text Editor.

DotMatrix: Keyframes that were left open no longer break the animation.

Button: An icon-only size="xs" button stays round like every other size.

ChannelChat: A many-person channel log for team chat or a radio net.

VoiceRoster: Who is on a voice channel, lit as they talk. variant="panel" sets it inside a page column.

Chip: A small pill you act on, the interactive sibling of Badge.

Dot: A status light or color swatch.

HoldButton: Press and hold to confirm a destructive or final action, with controlled holding and keyboard support.

Receipt: A slip of thermal paper with a torn edge.

HandheldDevice: The shell of a handheld gadget, with an LCD, keys and a printer.

Button: size="xs", a 28px tier for dense interfaces.

Progress: A timed mode: pass duration and the bar runs itself, like an auto-dismiss countdown.

Typography: eyebrow and eyebrow-mono label roles.

Badge: Takes any color, not only the preset variants.

PushToTalk: size="sm", variant="outline" and a live prop for a hotkey handled elsewhere.

NotebookPage: A red margin, a spiral binding and fields that sit on the rules. Focus shows only the caret unless focusTint is set.

AI panel: Works inside a container, with jump to latest, prompt limits, quick actions and mentions.

Chat: The conversation keeps following the latest message through resizes.

List: A bleed option and currentStyle for the active row.

Banner: A size prop.

Tabs: A trailing badge sits concentric with its tab.

Focus rings use one brand color everywhere and are never clipped by a scroll container.

Dialog: Focus returns to the opener when there is no trigger, including a menu item that opened it.

Tooltip: Automatic hints stand down under an explicit Tooltip, so you never get two bubbles.

TabStrip: A sortable tab no longer breaks the tab stop.

PushToTalk: A hold interrupted by unmounting or disabling still ends through onTalkEnd.

PromptInput: Growing with its text no longer moves the thread above it.

Koala UI for React 1.0: 125 free components, four themes and the CLI.

Paper: A printed document on screen that scales as a whole.

NotebookPage: A sheet of notebook paper behind what someone writes.

Existing members: The access guide for buyers from the old site.

RichTextEditor: Opt-in text alignment, starterKit and extensions props, quote and code styles, and translatable labels.

Lightbox: A loop prop and translatable labels.

Carousel: A peek layout that shows the neighbouring slides.

Navbar: collapseAt="xl" collapses it at the wider breakpoint.

Chart: Translucent stacked areas.

RichTextEditor: No longer calls onChange on mount.