@streamscloud/kit 0.16.1 → 0.16.2

package/dist/ui/page-toolbar/cmp.toolbar-search-input.svelte

@@ -2,10 +2,10 @@
 import { CONTROL_ICON_SIZE, scaleUp } from '../icon';
 import { Input } from '../input';
 import IconSearch from '@fluentui/svg-icons/icons/search_20_regular.svg?raw';
-const { value, collapsedIconColor, collapsedIconSize, placeholder = '', size = 'sm', debounce = 0, shortcut = false, clearOnEscape = false, on } = $props();
+const { value, collapsedIconColor, collapsedIconSize, placeholder = '', size = 'sm', debounce = 0, collapsible = true, shortcut = false, clearOnEscape = false, on } = $props();
 let inputRef = $state.raw(undefined);
 let focused = $state(false);
-const expanded = $derived(focused || !!value);
+const expanded = $derived(!collapsible || focused || !!value);
 const collapsedSize = $derived(collapsedIconSize ?? scaleUp(CONTROL_ICON_SIZE[size]));
 const onInput = (v) => {
     on?.input?.(v);
@@ -47,10 +47,11 @@ const handleKeydown = (event) => {
 
 <!--
 @component
-A collapsible search input for toolbars. Collapsed to an icon-only square at the chosen field height
-when empty + unfocused; expands to the full input width when focused or when a value is present.
-Shares Input's size preset so it lines up with other field-shaped controls. Opt into `shortcut`
-for a document-wide Cmd/Ctrl+K focus-and-select, and `clearOnEscape` to clear on Escape.
+A search input for toolbars. By default collapses to an icon-only square at the chosen field height
+when empty + unfocused, and expands to the full input width when focused or when a value is present;
+set `collapsible={false}` to keep it always expanded. Shares Input's size preset so it lines up with
+other field-shaped controls. Opt into `shortcut` for a document-wide Cmd/Ctrl+K focus-and-select,
+and `clearOnEscape` to clear on Escape.
 
 ### CSS Custom Properties
 | Property | Description | Default |

package/dist/ui/page-toolbar/cmp.toolbar-search-input.svelte.d.ts

@@ -7,6 +7,8 @@ type Props = {
     placeholder?: string;
     /** Size preset (shared with Input / DatePicker / Select). @default 'sm' */
     size?: 'sm' | 'md' | 'lg';
+    /** Collapse to an icon-only square when empty + unfocused. Set false to keep the input always expanded. @default true */
+    collapsible?: boolean;
     /** Debounce delay in ms @default 0 */
     debounce?: number;
     /** Bind Cmd/Ctrl+K document-wide to focus the input and select its text. Enable on a single instance per view. @default false */
@@ -18,10 +20,11 @@ type Props = {
     };
 };
 /**
- * A collapsible search input for toolbars. Collapsed to an icon-only square at the chosen field height
- * when empty + unfocused; expands to the full input width when focused or when a value is present.
- * Shares Input's size preset so it lines up with other field-shaped controls. Opt into `shortcut`
- * for a document-wide Cmd/Ctrl+K focus-and-select, and `clearOnEscape` to clear on Escape.
+ * A search input for toolbars. By default collapses to an icon-only square at the chosen field height
+ * when empty + unfocused, and expands to the full input width when focused or when a value is present;
+ * set `collapsible={false}` to keep it always expanded. Shares Input's size preset so it lines up with
+ * other field-shaped controls. Opt into `shortcut` for a document-wide Cmd/Ctrl+K focus-and-select,
+ * and `clearOnEscape` to clear on Escape.
  *
  * ### CSS Custom Properties
  * | Property | Description | Default |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamscloud/kit",
-  "version": "0.16.1",
+  "version": "0.16.2",
   "author": "StreamsCloud",
   "repository": {
     "type": "git",