@k2b/ui 0.32.0 → 0.33.0

package/dist/types/actions/Dropdown.d.ts

@@ -44,6 +44,13 @@ export type DropdownAction = (DropdownActionBase & {
     href?: never;
     external?: never;
 });
+/** A second, smaller action at the end of a row, such as "Only" beside a checkbox; it keeps the menu open. */
+export type DropdownSecondaryAction = {
+    label: string;
+    /** Accessible name when the visible label alone does not say what it acts on, such as "Only Team Logistik". */
+    ariaLabel?: string;
+    action: () => void;
+};
 /** Declarative radio or checkbox row for compact action menus. */
 export type DropdownChoice = DropdownActionBase & {
     action: () => void;
@@ -52,6 +59,11 @@ export type DropdownChoice = DropdownActionBase & {
     href?: string;
     closeOnSelect?: boolean;
     color?: string;
+    /**
+     * A second action at the end of the row. It shows while the row is hovered or focused, always on a touch screen,
+     * and keeps its place when hidden, so the row never changes width. Right and Left move between the two.
+     */
+    secondary?: DropdownSecondaryAction;
 };
 export type DropdownSection = {
     sectionLabel?: string;
@@ -60,6 +72,8 @@ export type DropdownSection = {
      * `sectionLabel`: the label names the choice above the row and for screen readers.
      */
     layout?: "row";
+    /** A quiet action at the end of the section label, such as "All"; it needs a `sectionLabel` and keeps the menu open. */
+    labelAction?: DropdownSecondaryAction;
     items: readonly (DropdownAction | DropdownChoice)[];
 };
 export type DropdownItem = DropdownAction | DropdownChoice | DropdownSection;

package/dist/types/actions/FilterChip.d.ts

@@ -5,6 +5,8 @@ export type FilterChipOption = {
     label: string;
     icon?: string;
     color?: string;
+    /** Quiet trailing information about the option, such as a short note or a loading or warning icon with its own label. */
+    trailing?: JSX.Element;
 };
 export type FilterChipSection = {
     label?: string;
@@ -15,6 +17,8 @@ export type FilterChipSection = {
      * chosen option again keeps it; give the row a value in `defaultValue` so Reset keeps a choice too.
      */
     layout?: "row";
+    /** A labelled `multiple` section offers "All" or, once all its options are chosen, "None" beside its label. */
+    toggleAll?: boolean;
 };
 export type FilterChipProps = {
     label: string;
@@ -33,6 +37,13 @@ export type FilterChipProps = {
      * chips of `AppWorkspace.Head`; pass only the filter's name as `label`. The chip then grows with its value.
      */
     showValue?: boolean;
+    /**
+     * Each option of a `multiple` section offers "Only" at the end of its row: it chooses that option alone among the
+     * `multiple` sections and keeps the choices of single-select sections.
+     */
+    only?: boolean;
+    /** The trigger shows the colors of the first four chosen options before its label, as a quiet hint of what is in view. */
+    swatches?: boolean;
     disabled?: boolean;
     class?: string;
 };

package/dist/types/actions/filter-messages.d.ts

@@ -2,6 +2,18 @@ declare const filterMessages: import("@k2b/stdlib").Catalog<{
     filterActions: string;
     filters: string;
     reset: string;
+    all: string;
+    none: string;
+    allOf: ({ label }: {
+        label: string;
+    }) => string;
+    noneOf: ({ label }: {
+        label: string;
+    }) => string;
+    only: string;
+    onlyOption: ({ label }: {
+        label: string;
+    }) => string;
 }>;
 export type FilterMessages = ReturnType<(typeof filterMessages)["resolve"]>["t"];
 /** Resolved from the inherited render locale. */

package/dist/types/actions/menu-rows.d.ts

@@ -1,5 +1,10 @@
 /**
- * Left and Right cycle through the segments of a row section; Up and Down leave it like any item. Returns whether
- * the key moved focus.
+ * Left and Right cycle through the segments of a row section, or between a row and its secondary action; Up and Down
+ * leave it like any item. Returns whether the key moved focus.
  */
 export declare const focusRowSegment: (items: HTMLElement[], key: string) => boolean;
+/**
+ * Moves Up, Down, Home, or End through the rows; a row's secondary action is no stop of its own there, so Down from
+ * it goes to the next row. Returns whether the key moved focus.
+ */
+export declare const focusMenuRow: (items: HTMLElement[], key: string) => boolean;

package/dist/types/chat/ChatComposer.d.ts

@@ -133,6 +133,14 @@ export type ChatPasteHandler = (event: ClipboardEvent & {
     currentTarget: HTMLTextAreaElement;
     target: Element;
 }) => void;
+export type ChatComposerReply = {
+    /** Name of the answered message's author. */
+    author: string;
+    /** Plain text of the answered message; it shows at most two lines. */
+    text: string;
+    onCancel: () => void;
+    onSelect?: () => void;
+};
 export type ChatComposerProps = {
     value: string;
     onValueChange: (value: string) => void;
@@ -216,5 +224,10 @@ export type ChatComposerProps = {
     microphone?: ChatComposerMicrophone;
     /** One line above the field. The conversation variant always keeps its height; the default shows it only with content. */
     hint?: JSX.Element;
+    /**
+     * The message this draft answers, shown above the field on the same quiet tint as a quote in a message, with a
+     * button that cancels the reply. `onSelect` makes the quote a button, for example to jump to the original.
+     */
+    reply?: ChatComposerReply;
 };
 export declare function ChatComposer(props: ChatComposerProps): JSX.Element;

package/dist/types/chat/chat-messages.d.ts

@@ -28,6 +28,7 @@ export declare const chatMessages: import("@k2b/stdlib").Catalog<{
     messageSent: string;
     messageNotSent: string;
     messageRetry: string;
+    messageDiscard: string;
     messageShowMore: string;
     messageShowLess: string;
     messageReplyTo: string;
@@ -75,6 +76,12 @@ export declare const chatMessages: import("@k2b/stdlib").Catalog<{
     couldNotLoadEarlierMessages: string;
     couldNotPostMessage: string;
     messageActions: string;
+    cancelReply: string;
+    replyingTo: string;
+    messageMenu: ({ author, time }: {
+        author: string;
+        time: string;
+    }) => string;
     messageComposer: string;
     messageInput: string;
     model: string;

package/dist/types/chat/index.d.ts

@@ -7,7 +7,7 @@ import { ChatDecision, ChatMark, ChatOutcome } from "./ChatDecision";
 import { ChatActivity, ChatActivityToggle, ChatContextUsage, ChatMessage } from "./ChatPrimitives";
 import { ChatRoot } from "./ChatRoot";
 import { ChatTimeline } from "./ChatTimeline";
-export type { ChatCommand, ChatCommandContext, ChatCommandDraft, ChatCommandOpenResult, ChatCommandResult, ChatCommandScope, ChatCommandSearch, ChatCommandSection, ChatComposerProps, ChatFileSelection, ChatPasteHandler, } from "./ChatComposer";
+export type { ChatCommand, ChatCommandContext, ChatCommandDraft, ChatCommandOpenResult, ChatCommandResult, ChatCommandScope, ChatCommandSearch, ChatCommandSection, ChatComposerProps, ChatComposerReply, ChatFileSelection, ChatPasteHandler, } from "./ChatComposer";
 export type { ChatDecisionProps, ChatMarkProps, ChatOutcomeProps, ChatPreviewExcerptProps, ChatPreviewHeaderProps, ChatPreviewLineProps, ChatPreviewPeopleProps, ChatPreviewProps, ChatPreviewReadMoreProps, ChatPreviewShowAllProps, ChatPreviewTitleProps, } from "./ChatDecision";
 export type { ChatActivityProps, ChatActivityToggleProps, ChatContextUsageProps, ChatMessageProps } from "./ChatPrimitives";
 export { formatChatTokens } from "./ChatPrimitives";

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

@@ -129,12 +129,19 @@ export type CalendarController = {
 export type CalendarCustomView<V extends string = string> = {
     value: V;
     label: string;
+    /** Days the previous and next buttons and keys move, such as 14 for a two-week list. Defaults to one day. */
+    days?: number;
 };
 export type CalendarProps<V extends string = never> = {
     date: Date | string;
     events: CalendarEvent[];
     view?: CalendarView | V;
     views?: CalendarView[];
+    /**
+     * `false` leaves the view switcher out of the toolbar, for a host that shows the views elsewhere, such as tabs in
+     * its page head. The view commands stay.
+     */
+    viewSwitcher?: boolean;
     /** Views after the built-in ones. While one is active, `children` is the body and the header pages by day. */
     customViews?: CalendarCustomView<V>[];
     /** The body of the active custom view. */

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

@@ -1,4 +1,5 @@
 import { type JSX } from "solid-js";
+import { type GestureKind } from "../actions/GestureMenu";
 import { type ReactionBarItem } from "./ReactionBar";
 export type MessageRowAuthor = {
     /** Display name, shown at the start of a group and read before every message. */
@@ -11,12 +12,26 @@ export type MessageRowAuthor = {
 export type MessageRowStatus = "pending" | "sent" | "failed";
 export type MessageRowAction = {
     id: string;
-    /** Accessible name and tooltip. */
+    /** Visible name of the menu entry. */
     label: string;
     /** Icon class, for example `ti ti-arrow-back-up`. */
     icon: string;
+    /** One quiet sentence below the label that says what the entry does. */
+    description?: string;
     onSelect: () => void;
     disabled?: boolean;
+    variant?: "danger";
+    /** A touch gesture that runs the entry too. Give each gesture to at most one entry. */
+    gesture?: GestureKind;
+    /**
+     * Alt+click (Option+click on Apple devices) on the message runs the entry directly, and the entry shows that
+     * shortcut. Give it to at most one entry.
+     */
+    altClick?: boolean;
+    /** A key the application handles for the focused message, such as "r"; the entry shows it at its end. */
+    shortcut?: string;
+    /** In the phone sheet, runs while the tap still counts as the person's gesture, as clipboard writes require. */
+    immediate?: boolean;
 };
 export type MessageRowQuote = {
     /** Name of the quoted message's author. */
@@ -67,6 +82,16 @@ export type MessageRowFile = MessageRowAttachmentTarget & {
     icon?: string;
 };
 export type MessageRowAttachment = MessageRowMedia | MessageRowFile;
+/** Where a message belongs, shown as a small chip under it, for example its thread in a timeline of several. */
+export type MessageRowOrigin = {
+    label: string;
+    /** Icon class, for example `ti ti-hash`. */
+    icon?: string;
+    /** Opens where the message belongs. Without it, the chip is not a control. */
+    onSelect?: () => void;
+    /** Accessible name of the control when it must say more than the label, such as "Open thread Updates". */
+    selectLabel?: string;
+};
 export type MessageRowProgress = {
     /** What is happening, for example "Writing" or "Searching the files". */
     status: string;
@@ -96,7 +121,12 @@ export type MessageRowProps = {
     receipt?: string;
     /** Called by "Retry" while `status` is `"failed"`. */
     onRetry?: () => void;
-    /** Shown as a toolbar over the message while it is hovered or focused. It never moves the layout. */
+    /** Called by "Discard" next to "Retry" while `status` is `"failed"`, so both answers to a failure sit where it shows. */
+    onDiscard?: () => void;
+    /**
+     * The message's menu. A quiet "…" beside the bubble opens it while the message is hovered or focused, also from the
+     * keyboard; right-click and a long press open the same menu. Showing "…" never moves the layout.
+     */
     actions?: readonly MessageRowAction[];
     /** The message this one answers, shown above it. */
     quote?: MessageRowQuote;
@@ -124,6 +154,8 @@ export type MessageRowProps = {
     onAddReaction?: (anchor: HTMLElement) => void;
     /** A bar of fixed height that opens the replies to this message. */
     thread?: MessageRowThread;
+    /** A chip of fixed height under the message that names where it belongs. */
+    origin?: MessageRowOrigin;
     /** The message is still being written, by a person or an automated author alike: a status line with "Stop". */
     progress?: MessageRowProgress;
     class?: string;
@@ -138,6 +170,29 @@ export type MessageSystemRowProps = {
     icon?: string;
     class?: string;
 };
+export type MessageEventRowProps = {
+    /** What changed, for example "Mara set the status to “In review”". */
+    children: JSX.Element;
+    /** Icon class of the kind of change; a dot by default. */
+    icon?: string;
+    /** Where the change belongs, such as its thread, where several threads mix. */
+    origin?: MessageRowOrigin;
+    /** Visible time, formatted by the caller. */
+    time?: string;
+    dateTime?: string | Date;
+    class?: string;
+};
+export type MessageEventGroupProps = {
+    /** What the closed group stands for, for example "4 changes to Invitation and Light test". */
+    label: string;
+    expanded: boolean;
+    onToggle: () => void;
+    /** Visible time or range, formatted by the caller, for example "09:50–09:58". */
+    time?: string;
+    /** The first event's time. */
+    dateTime?: string | Date;
+    class?: string;
+};
 export type MessageGroupEntry = {
     /** Stable identity of the author. */
     author: string;
@@ -156,6 +211,13 @@ export declare const startsMessageGroup: (entry: MessageGroupEntry, previous?: M
  * as `VirtualFeed` keeps its positions.
  */
 export declare function MessageRow(props: MessageRowProps): JSX.Element;
+/**
+ * A quiet line for a change to something the conversation is about, such as a task's new status: no bubble, aligned
+ * with the messages' text, with its time at the end. It is no message: it never counts as unread.
+ */
+export declare function MessageEventRow(props: MessageEventRowProps): JSX.Element;
+/** Several event lines in a row as one line that opens them, such as "4 changes to Invitation and Light test". */
+export declare function MessageEventGroup(props: MessageEventGroupProps): JSX.Element;
 /** A quiet, centered line for something that happened in the conversation, such as a person joining. */
 export declare function MessageSystemRow(props: MessageSystemRowProps): JSX.Element;
 export {};

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

@@ -40,8 +40,8 @@ export { MapAttribution } from "./MapAttribution";
 export { MapView } from "./MapView";
 export { MapViewFrame } from "./MapViewFrame";
 export { default as MarkdownView, type MarkdownRenderOptions, type MarkdownViewProps, renderSafeMarkdown } from "./MarkdownView";
-export type { MessageGroupEntry, MessageRowAction, MessageRowAttachment, MessageRowAuthor, MessageRowFile, MessageRowMedia, MessageRowProgress, MessageRowProps, MessageRowQuote, MessageRowReaction, MessageRowStatus, MessageRowThread, MessageSystemRowProps, } from "./MessageRow";
-export { MessageRow, MessageSystemRow, startsMessageGroup } from "./MessageRow";
+export type { MessageEventGroupProps, MessageEventRowProps, MessageGroupEntry, MessageRowAction, MessageRowAttachment, MessageRowAuthor, MessageRowFile, MessageRowMedia, MessageRowOrigin, MessageRowProgress, MessageRowProps, MessageRowQuote, MessageRowReaction, MessageRowStatus, MessageRowThread, MessageSystemRowProps, } from "./MessageRow";
+export { MessageEventGroup, MessageEventRow, MessageRow, MessageSystemRow, startsMessageGroup } from "./MessageRow";
 export { type MapPaletteColors, type MapTheme, mapPalette } from "./map-palette";
 export { type MapStyleOptions, mapAttribution, mapStyle } from "./map-style";
 export type { MapViewArea, MapViewFit, MapViewFrameProps, MapViewLine, MapViewLineTone, MapViewMarker, MapViewOwnLocation, MapViewPoint, MapViewProps, MapViewStyle, MapViewStyleSource, MapViewTone, } from "./map-view-types";

package/dist/types/feedback/dialog-core.d.ts

@@ -8,6 +8,9 @@ export type OpenDialogOptions = {
     initialFocus?: "first-input" | "none" | ((dialog: HTMLDialogElement) => HTMLElement | null);
     cancelBehavior?: "resolve-undefined" | "ignore";
     ariaLabel?: string;
+    ariaDescribedBy?: string;
+    /** Use for a consequential confirmation that requires a response. Defaults to dialog. */
+    role?: "dialog" | "alertdialog";
     /**
      * Add a same-URL history entry while the dialog is open, so the browser's or the phone's Back closes the dialog
      * instead of leaving the page. Normally closing the dialog removes the entry again; the returned promise settles after that.

package/dist/types/intl/shortcut-messages.d.ts

@@ -26,6 +26,8 @@ export declare const resolveShortcutMessages: (locale?: string) => {
     pageup: string;
     pagedown: string;
     spaceLabel: string;
+    click: string;
+    clickLabel: string;
     deleteLabel: string;
     homeLabel: string;
     endLabel: string;

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

@@ -91,6 +91,8 @@ export type AppWorkspaceMainPaneProps = {
     href?: string;
     /** Quiet one-line text below the level title. */
     description?: JSX.Element;
+    /** Levels mode: a small mark before the level title, such as the colour dot of the object's container. */
+    lead?: JSX.Element;
     /** Controls at the end of the level head. */
     actions?: JSX.Element;
     surface?: "default" | "navigation";

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

@@ -1,20 +1,38 @@
 import { type JSX } from "solid-js";
+import type { TabBarItem } from "./TabBar";
 export type MobileShellProps = {
     /** Usually `MobileShell.Header`; it sits above the scroll area and pads the top safe area. */
-    header: JSX.Element;
+    header?: JSX.Element;
     /** Usually a `TabBar`; it sits below the scroll area and pads the bottom safe area itself. */
     footer?: JSX.Element;
+    /**
+     * Usually `MobileShell.Sidebar` with the footer's destinations and more. From 48rem of window width it stands at
+     * the start edge and the footer goes; below, it is not shown. The server renders both, so CSS alone decides.
+     */
+    sidebar?: JSX.Element;
     /** The page content, inside the shell's only scroll area. */
     children: JSX.Element;
+    /**
+     * `false` for content that brings its own heads and scroll areas, such as `AppWorkspace.Main` levels: it fills the
+     * main area without the shell's scroll area, and the header shows only as the frame of the next page while a tapped
+     * tab's page loads.
+     */
+    scroll?: boolean;
     class?: string;
 };
 export type MobileShellHeaderProps = {
     title: string;
-    /** A Back control before the title: a link with `href`, otherwise a button. */
+    /** The title while the shell shows its sidebar, which already names the app; `title` by default. */
+    sidebarTitle?: string;
+    /**
+     * A Back control before the title: a link with `href`, otherwise a button. `withSidebar: false` hides it while the
+     * shell shows its sidebar, for a way back to a destination the sidebar lists.
+     */
     back?: {
         href?: string;
         onClick?: () => void;
         label: string;
+        withSidebar?: boolean;
     };
     /** Controls after the title, such as a menu. */
     actions?: JSX.Element;
@@ -29,12 +47,41 @@ export type MobileShellHeaderProps = {
 export declare function observeMobileShell(root: HTMLElement): () => void;
 declare function MobileShellRoot(props: MobileShellProps): JSX.Element;
 declare function MobileShellHeader(props: MobileShellHeaderProps): JSX.Element;
+export type MobileShellSidebarItem = TabBarItem & {
+    /** A count after the label, such as unread messages; 0 shows nothing. */
+    count?: number;
+};
+export type MobileShellSidebarProps = {
+    /** Accessible name of the navigation landmark; usually the tab bar's. */
+    label: string;
+    /** The app's name in the sidebar's head. */
+    title: string;
+    /** Address of the app's logo before the name; decorative, the name says it. */
+    logo?: string;
+    /** Destinations at the top, such as Start. */
+    items: readonly MobileShellSidebarItem[];
+    /** Named groups below them, such as the apps; a group without items is left out. */
+    sections?: readonly {
+        title: string;
+        items: readonly MobileShellSidebarItem[];
+    }[];
+    /** Destinations at the bottom edge, such as Settings. */
+    footer?: readonly MobileShellSidebarItem[];
+};
+/**
+ * The navigation of a touch app on a wide screen, in `MobileShell`'s `sidebar`: the app's name, then its destinations
+ * as 44 px rows with icon and label, the open one in the action colour. A press shows the item's page frame at once,
+ * as on a tab, and the row of a loading page pulses.
+ */
+declare function MobileShellSidebar(props: MobileShellSidebarProps): JSX.Element;
 /**
- * The full-screen frame of a phone app: a header, one scroll area, and an optional footer such as a `TabBar`. While
- * it is mounted, the document itself never scrolls, pinch zoom and rubber-banding are off, and the toast rail sits
- * above the footer. Mount one per page, as the page's layout.
+ * The full-screen frame of a phone app: a header, one scroll area, and an optional footer such as a `TabBar`. With a
+ * `sidebar`, a window of 48rem and wider shows the sidebar at the start edge instead of the footer, and the toast rail
+ * stays in the area beside it. While it is mounted, the document itself never scrolls, pinch zoom and rubber-banding
+ * are off, and the toast rail sits above the footer. Mount one per page, as the page's layout.
  */
 export declare const MobileShell: typeof MobileShellRoot & {
     Header: typeof MobileShellHeader;
+    Sidebar: typeof MobileShellSidebar;
 };
 export default MobileShell;

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

@@ -16,7 +16,7 @@ export type { DiscussionComposerProps, DiscussionItemProps, DiscussionListProps,
 export { default as Discussion } from "./Discussion";
 export type { FloatingWindowClose, FloatingWindowProps, OpenFloatingWindowOptions, } from "./FloatingWindow";
 export { default as FloatingWindow, type FloatingWindowRect, fitFloatingWindowRect, openFloatingWindow, } from "./FloatingWindow";
-export type { MobileShellHeaderProps, MobileShellProps } from "./MobileShell";
+export type { MobileShellHeaderProps, MobileShellProps, MobileShellSidebarItem, MobileShellSidebarProps } from "./MobileShell";
 export { default as MobileShell, observeMobileShell } from "./MobileShell";
 export { default as Navigation, type NavigationProps } from "./Navigation";
 export { createNavigation, findNavigationItem, type NavigationController, type NavigationItem, type NavigationOptions, type NavigationStatus, } from "./navigation-model";
@@ -44,6 +44,7 @@ export { default as SettingsCollection } from "./SettingsCollection";
 export type { SettingsModalFooterProps, SettingsModalGroupProps, SettingsModalProps, SettingsModalTabProps, SettingsModalTabTone, } from "./SettingsModal";
 export { default as SettingsModal } from "./SettingsModal";
 export { APP_WORKSPACE_SWITCHER_SEARCH_FROM, type AppWorkspaceSidebarSwitcherProps, type AppWorkspaceSwitcherAction, type AppWorkspaceSwitcherOption, } from "./SidebarSwitcher";
+export { measureScrollFade } from "./scroll-fade";
 export type { TabBarItem, TabBarProps } from "./TabBar";
 export { default as TabBar } from "./TabBar";
 export type { TableOfContentsItem, TableOfContentsProps } from "./TableOfContents";

package/dist/types/layout/scroll-fade.d.ts

@@ -1,5 +1,10 @@
 /** Self-contained because the sidebar inline script embeds its source. */
 export declare function scrollFadeEdges(body: HTMLElement): "top" | "bottom" | "both" | undefined;
+/**
+ * Measures an observed scrollport's fades now instead of at the end of the frame. Call it before reading the fades in
+ * the same frame as a change of the scrollport's content, as an editor does when it keeps its cursor clear of them.
+ */
+export declare function measureScrollFade(element: HTMLElement): void;
 export declare function createScrollFade(element: () => HTMLElement | undefined, enabled: () => boolean): void;
 /** Enrich only explicitly marked UI scrollports, including SSR and later navigation. */
 export declare function installScrollFades(root: Document | HTMLElement): () => void;

package/dist/types/surfaces/NoticeCard.d.ts

@@ -14,11 +14,14 @@ type NoticeCardContentProps = {
 };
 export type NoticeCardProps = Omit<JSX.HTMLAttributes<HTMLElement>, "children" | "class" | "title"> & NoticeCardContentProps & {
     tone?: NoticeTone;
+    /** A Tabler icon class. Turns the notice into a compact status line whose icon and text take the tone colour. */
+    icon?: string;
     class?: string;
     bodyClass?: string;
 };
 export declare const NOTICE_CARD_CLASSES: {
     readonly root: "k2b-notice-card";
+    readonly icon: "k2b-notice-card__icon";
     readonly content: "k2b-notice-card__content";
     readonly head: "k2b-notice-card__head";
     readonly title: "k2b-notice-card__title";

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.32.0",
+  "version": "0.33.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -65,7 +65,7 @@
   "devDependencies": {
     "@babel/core": "8.0.6",
     "@babel/preset-typescript": "8.0.1",
-    "@k2b/ssr": "0.20.0",
+    "@k2b/ssr": "0.20.1",
     "@types/babel__core": "7.20.5",
     "@types/bun": "1.4.2",
     "axe-core": "4.11.0",