@imfusion/web-ui 0.11.1-dev.71.g25428988 → 0.11.1-dev.72.g7dc184e8

package/CHANGELOG.md

@@ -4,6 +4,9 @@
 
 ### 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. [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,13 @@ 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.
+     */
+    shortcut?: string;
 }
 /**
  * Single-line text input. Also called a text field or input field.
@@ -17,5 +24,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 {};