@k2b/ui 0.36.0 → 0.38.0

package/dist/types/content/MessageRow.d.ts

@@ -113,7 +113,7 @@ export type MessageRowProps = {
      * the author and time. Defaults to true; `startsMessageGroup` decides it from the previous message.
      */
     groupStart?: boolean;
-    /** Shown next to the name at the start of a group, for example the kind of account. */
+    /** Shown next to the name (or own-message time) at the start of a group, for example the kind of account. */
     badge?: JSX.Element;
     /** Send state. Sets a line of fixed height below the message: a clock, a check, or "Not sent" with "Retry". */
     status?: MessageRowStatus;

package/dist/types/feedback/prompts.d.ts

@@ -21,6 +21,11 @@ export interface ConfirmOptions extends DialogOptions {
 }
 type PromptContent = string | HTMLElement | JSX.Element;
 export type PromptSearchItem<T = unknown> = {
+    /**
+     * Stable identity of the result, such as its record ID. With it, a newer answer that contains the same result keeps
+     * its row, so a click in progress still lands. Without it, each answer replaces the rows.
+     */
+    id?: string;
     label: string;
     desc?: string;
     icon?: string;

package/dist/types/internal/keyed-for.d.ts

@@ -0,0 +1,13 @@
+import { type JSX } from "solid-js";
+/**
+ * `<For>` that keeps a row's element while its item stays the same: the same object, also when its getters change, or
+ * a new object with the same identity (`by`). Hosts rebuild equal items whenever their inputs change; `<For>` would
+ * then replace each row, and a row replaced between press and release swallows the click (#2140).
+ * Each row reads its current item.
+ */
+export declare function KeyedFor<T>(props: {
+    each: readonly T[];
+    by: (item: T) => string;
+    fallback?: JSX.Element;
+    children: (item: () => T, index: () => number) => JSX.Element;
+}): JSX.Element;

package/dist/types/layout/AppWorkspace.d.ts

@@ -235,6 +235,12 @@ export type AppWorkspaceSidebarItemProps = {
     contextMeta?: JSX.Element;
     /** Passive second line; keep controls in actions or preview. */
     description?: JSX.Element;
+    /**
+     * A third line with the one fact about the row that needs attention, such as "3 deliveries failed". `noteTone`
+     * colours it; the words carry the meaning, the colour only repeats it.
+     */
+    note?: JSX.Element;
+    noteTone?: "neutral" | "warning" | "danger";
     /** Interactive details, also reachable through a dedicated button. */
     preview?: {
         label: string;

package/dist/types/text-editor/engine.d.ts

@@ -27,7 +27,7 @@ export declare function createTextEditor(options: TextEditorOptions): {
     view: EditorView;
     /** Also re-reads `presentation`, so a host can refresh it, e.g. after a theme change. */
     setMode: (mode: TextEditorMode) => void;
-    setLabel: (label: string) => void;
+    setLabel: (next: string) => void;
     setReadOnly: (readOnly: boolean) => void;
     destroy: () => void;
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.36.0",
+  "version": "0.38.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -73,6 +73,7 @@
     "@fontsource/ibm-plex-mono": "5.3.0",
     "@fontsource/ibm-plex-sans": "5.3.0",
     "@k2b/stdlib": "0.30.0",
+    "@lezer/highlight": "1.2.4",
     "@lezer/markdown": "1.7.2",
     "@tabler/icons-webfont": "3.48.0",
     "dompurify": "3.4.17",
@@ -88,7 +89,7 @@
   "devDependencies": {
     "@babel/core": "8.0.6",
     "@babel/preset-typescript": "8.0.1",
-    "@k2b/ssr": "0.20.1",
+    "@k2b/ssr": "0.20.2",
     "@types/babel__core": "7.20.5",
     "@types/bun": "1.4.2",
     "axe-core": "4.11.0",