@k2b/ui 0.19.0 → 0.20.0

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

@@ -0,0 +1,35 @@
+import { type JSX } from "solid-js";
+import { type DropdownAction, type DropdownActionBase, type DropdownChoice, type DropdownSection } from "./Dropdown";
+export type GestureKind = "swipe-right" | "swipe-left" | "double-tap";
+/** A menu action that a gesture runs as well. */
+export type GestureMenuAction = DropdownActionBase & {
+    action: () => void;
+    /** The gesture that runs this action. Give each gesture to at most one item; a disabled item disables its gesture. */
+    gesture?: GestureKind;
+};
+export type GestureMenuSection = Omit<DropdownSection, "items"> & {
+    items: readonly (GestureMenuAction | DropdownAction | DropdownChoice)[];
+};
+export type GestureMenuItem = GestureMenuAction | DropdownAction | DropdownChoice | GestureMenuSection;
+export type GestureMenuProps = {
+    /**
+     * The menu. A long press opens it as a bottom sheet, a right-click, the Context Menu key, or Shift+F10 as a menu.
+     * An item with `gesture` is also run by that gesture, so every gesture has its entry here.
+     */
+    items: readonly GestureMenuItem[];
+    /** Names the element and its menu, for example "Message from Nora, 10:42". */
+    label: string;
+    children: JSX.Element;
+    /** Shown above the menu in the long-press sheet, for example a row of quick reactions. `close` closes the sheet. */
+    sheetTop?: (close: () => void) => JSX.Element;
+    /** Tab order of the element. A list that moves focus between its rows itself passes -1. */
+    tabIndex?: number;
+    class?: string;
+};
+/**
+ * Touch gestures for an element, each the shortcut of an entry in its menu: a horizontal swipe, a double tap, and a
+ * long press that opens the whole menu as a `BottomSheet`. A mouse double-click runs the double-tap action; a
+ * right-click and the keyboard open the menu beside the element. Vertical scrolling never turns into a swipe.
+ */
+export declare function GestureMenu(props: GestureMenuProps): JSX.Element;
+export default GestureMenu;

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

@@ -10,6 +10,8 @@ export type { DropdownAction, DropdownActionBase, DropdownChoice, DropdownItemPr
 export { Dropdown, DropdownItem, dropdownPosition } from "./Dropdown";
 export type { FilterChipOption, FilterChipProps, FilterChipSection } from "./FilterChip";
 export { FilterChip } from "./FilterChip";
+export type { GestureKind, GestureMenuAction, GestureMenuItem, GestureMenuProps, GestureMenuSection } from "./GestureMenu";
+export { GestureMenu } from "./GestureMenu";
 export type { RemoveButtonProps } from "./RemoveButton";
 export { RemoveButton } from "./RemoveButton";
 export type { SegmentedControlProps, SegmentOption } from "./SegmentedControl";

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

@@ -86,7 +86,10 @@ export type ChatComposerProps = {
     variant?: "default" | "conversation";
     /** `"enter"` (default): Enter sends and Shift+Enter breaks the line. `"mod-enter"`: Enter breaks the line. Ctrl/⌘+Enter always sends. */
     sendKey?: "enter" | "mod-enter";
-    /** Adds "Aa", which opens one row of Markdown formatting buttons above the field; the field and its controls stay put. */
+    /**
+     * Adds "Aa", which opens one row above the field with Bold, Italic and Bullet list (Ctrl/⌘+B, Ctrl/⌘+I, Ctrl/⌘+Shift+8);
+     * the field and its controls stay put. Other Markdown is typed by hand.
+     */
     formatting?: boolean;
     /** An emoji button at a fixed place. Touch-only devices hide it; their keyboard has emoji. */
     emoji?: ChatComposerEmoji;

package/dist/types/inputs/markdown/actions.d.ts

@@ -6,7 +6,5 @@ export declare const toggleInlineMarker: (textarea: HTMLTextAreaElement, marker:
 export declare const insertLink: (textarea: HTMLTextAreaElement, url?: string) => void;
 export declare const toggleHeading: (textarea: HTMLTextAreaElement, level: 1 | 2 | 3) => void;
 export declare const toggleBulletList: (textarea: HTMLTextAreaElement) => void;
-/** Puts the selected lines between ``` fences. Inside a fenced block, from its opening line on, it removes that block's fences. */
-export declare const toggleCodeBlock: (textarea: HTMLTextAreaElement) => void;
 export declare const toggleQuote: (textarea: HTMLTextAreaElement) => void;
 export declare const toggleNumberedList: (textarea: HTMLTextAreaElement) => void;

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

@@ -456,9 +456,6 @@ declare const uiMessages: import("@k2b/stdlib").Catalog<{
     writeMessage: string;
     writeConversationMessage: string;
     composerFormatting: string;
-    strikethroughShortcut: string;
-    codeBlock: string;
-    insertLink: string;
     insertEmoji: string;
     emojiSuggestions: string;
     dictate: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@k2b/ui",
-  "version": "0.19.0",
+  "version": "0.20.0",
   "description": "Production-ready components for SolidJS applications.",
   "repository": {
     "type": "git",
@@ -38,7 +38,7 @@
     "fixture:build": "bun run build && NODE_ENV=production bun run fixture/scripts/build.ts",
     "fixture:typecheck": "tsc -p fixture/tsconfig.json --noEmit --pretty false",
     "test": "bun run build && bun test --path-ignore-patterns '**/*.behavior.test.*' src scripts && bun run scripts/check-packed-consumer.ts",
-    "typecheck": "tsc -p tsconfig.json --noEmit --pretty false && bun run check:declarations && bun run typecheck:dom",
+    "typecheck": "tsc --checkers 2 -p tsconfig.json --noEmit --pretty false && bun run check:declarations && bun run typecheck:dom",
     "typecheck:dom": "tsc -p test/tsconfig.json --noEmit --pretty false",
     "prepack": "bun run build"
   },