fix(command-palette): accept HTML input attributes on CommandPalette.Input

[mattrothenberg]

Summary

• CommandPalette.Input had an inline prop type that only declared 6 specific props (autoFocus, placeholder, className, onKeyDown, leading, trailing). Passing standard HTML input attributes like autoComplete, autoCorrect, spellCheck, or data-* caused TypeScript errors — even though the rest spread already forwarded them to the underlying <Autocomplete.Input> at runtime.

• Extends PanelInput props with InputHTMLAttributes<HTMLInputElement> so consumers can suppress browser autocomplete, spellcheck, and password manager overlays without type errors.

• Exports the new CommandPaletteInputProps type from the package.

• Adds a docs demo (CommandPaletteNoAutocompleteDemo) showing usage of autoComplete="off", autoCorrect="off", spellCheck={false}, and data-1p-ignore/data-lpignore attributes.

• Reviews

• bonk has reviewed the change

• automated review not possible because: type-level fix, needs human review

• Tests

• Additional testing not necessary because: type-only change to props interface; runtime behavior is unchanged (rest spread already forwarded props). Verified via typecheck in both kumo and kumo-docs-astro packages.

[mattrothenberg]

/bonk

[pkg-pr-new]

npm i https://pkg.pr.new/@cloudflare/kumo@451

commit: ff42ccb

[github-actions]

Docs Preview

View docs preview

Commit: ff42ccb

[github-actions]

Visual Regression Report — 9 changed, 28 unchanged

9 screenshot(s) with visual changes:

Button / Loading State

2 px (0%) changed

Before	After	Diff

Dialog / Dialog With Actions

138 px (0.14%) changed

Before	After	Diff

Select / Select Sizes

599 px (0.32%) changed

Before	After	Diff

Select / Select With Field

635 px (0.54%) changed

Before	After	Diff

Select / Select Placeholder

418 px (0.41%) changed

Before	After	Diff

Select / Select With Tooltip

294 px (0.29%) changed

Before	After	Diff

Select / Select Loading

0 px (0%) changed

Before	After	Diff

Select / Select Long List

898 px (0.76%) changed

Before	After	Diff

Select (Open)

0 px (0%) changed

Before	After	Diff

28 screenshot(s) unchanged

• Button / Basic
• Button / Variant: Primary
• Button / Variant: Secondary
• Button / Variant: Ghost
• Button / Variant: Destructive
• Button / Variant: Outline
• Button / Variant: Secondary Destructive
• Button / Sizes
• Button / With Icon
• Button / Icon Only
• Button / Disabled State
• Button / Title
• Dialog / Dialog Basic
• Dialog / Dialog Alert
• Dialog / Dialog Confirmation
• Dialog / Dialog With Select
• Dialog / Dialog With Combobox
• Dialog / Dialog With Dropdown
• Dialog (Open)
• Select / Select Basic
• Select / Select Without Label
• Select / Select Custom Rendering
• Select / Select Multiple
• Select / Select Complex
• Select / Select Disabled Options
• Select / Select Disabled Items
• Select / Select Grouped
• Select / Select Grouped With Disabled

---

Generated by Kumo Visual Regression

[ask-bonk]

@mattrothenberg Bonk workflow was cancelled.

View workflow run · To retry, trigger Bonk again.

[mattrothenberg]

/bonk

[ask-bonk]

Clean, well-scoped type fix that follows existing patterns.

Highlights:

• Correctly extends InputHTMLAttributes<HTMLInputElement> with sensible omissions (children, defaultValue, defaultChecked, color)
• Props properly exported from both component index and package barrel
• Good documentation with practical demo showing password manager suppression attributes (data-1p-ignore, data-lpignore)
• Changeset correctly marked as patch

The rest spread on Autocomplete.Input already forwarded these props at runtime—this change just fixes the TypeScript surface. Approved.

[ask-bonk]

✅ Review submitted and approved

This is a clean, well-scoped type-level fix that:

1. Extends the props interface with InputHTMLAttributes<HTMLInputElement> (minus non-input attributes)
2. Exports the new type from both the component index and package barrel
3. Includes practical documentation demonstrating password manager suppression attributes
4. Adds an appropriate changeset (patch level)

The runtime behavior was already correct (props were forwarded via rest spread)—this just fixes the TypeScript surface so consumers don't get errors when passing standard HTML input attributes like autoComplete="off" or data-1p-ignore.

github run