@imfusion/web-ui 0.11.1-dev.71.g25428988 → 0.11.1-dev.73.g65836a33

package/CHANGELOG.md

@@ -4,6 +4,10 @@
 
 ### Added
 
+- `Input` takes `shortcut` to show a key such as `/` or `Ctrl K` at its end and set `aria-keyshortcuts`. The key hides before the
+  text or placeholder reaches it, and while a search input shows its clear button. With a shortcut, `className` also reaches
+  a wrapping element. `shortcut=""` keeps that wrapper with no key shown, so a hint that switches on with state does not
+  remount the input. [Input](src/components/input/input.mdx) — Nikolaus Brunner <brunner@imfusion.com>
 - `Table.SelectCell` and `Table.SelectAllCell` put a row checkbox and a counted select-all checkbox in action columns,
   `Table.Row` takes `disabled` to lock a row (its checkbox, `Table.RowLink` and `Table.RowButton` stop responding), and
   `Table.EmptyRow` spans one muted cell across all columns. Selection state and the counter stay the app's.

package/dist/components/button/button.d.ts

@@ -14,7 +14,7 @@ interface Props extends VariantProps<typeof button>, React.ComponentProps<typeof
     /** Trailing slot, typically an icon. */
     endIcon?: React.ReactNode;
     /**
-     * Key hint shown in the top corner at the end of the line, such as `"S"` or `"Ctrl Z"`. It also sets
+     * Key hint shown after the label, before an end icon, such as `"S"` or `"Ctrl Z"`. It also sets
      * `aria-keyshortcuts` in its notation (`Control+Z`), which an explicit
      * `aria-keyshortcuts` prop overrides. Display only: bind the key in the app, for example with `useHotkey` from TanStack Hotkeys.
      */

package/dist/components/input/input.d.ts

@@ -8,6 +8,14 @@ type UpstreamInput = React.ComponentProps<typeof InputPrimitive>;
 interface Props extends Omit<UpstreamInput, "size">, VariantProps<typeof input> {
     /** Called when the search input's clear button is pressed. */
     onClear?: () => void;
+    /**
+     * Key hint shown at the end of the input, such as `"/"` or `"Ctrl K"`. It hides before the text or placeholder reaches
+     * it, and while a search input shows its clear button. It also sets `aria-keyshortcuts` in its notation
+     * (`Control+K`), which an explicit `aria-keyshortcuts` prop overrides. Display only: bind the key in the app. With a
+     * shortcut, `className` also reaches a wrapping element, as it does for a search input. Pass `""` when no key applies
+     * right now but one may later: the input keeps its wrapper, so switching the hint on does not remount it and drop focus.
+     */
+    shortcut?: string;
 }
 /**
  * Single-line text input. Also called a text field or input field.
@@ -17,5 +25,5 @@ interface Props extends Omit<UpstreamInput, "size">, VariantProps<typeof input>
  * @see https://base-ui.com/react/components/input
  * @llm https://base-ui.com/react/components/input.md
  */
-export declare function Input({ variant, size, type, value, defaultValue, onValueChange, onClear, disabled, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
+export declare function Input({ variant, size, type, value, defaultValue, onValueChange, onClear, shortcut, disabled, className, ...props }: Props): import("react/jsx-runtime").JSX.Element;
 export {};