@k2b/ui 0.49.0 → 0.51.0

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

@@ -1,7 +1,7 @@
 import { type LinkNavigateEvent, type NavigationScrollMode } from "@k2b/ssr/nav";
 import { type JSX } from "solid-js";
 import { type TooltipPlacement } from "../feedback/Tooltip";
-export type ButtonVariant = "primary" | "secondary" | "ghost" | "text" | "subtle" | "input" | "warning" | "danger" | "success" | "ai";
+export type ButtonVariant = "primary" | "secondary" | "ghost" | "text" | "link" | "subtle" | "input" | "warning" | "danger" | "success" | "ai";
 export type ButtonSize = "xs" | "sm" | "md" | "lg";
 export type ButtonAlign = "center" | "start";
 export type ButtonProps = JSX.ButtonHTMLAttributes<HTMLButtonElement> & {

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

@@ -0,0 +1,120 @@
+import { type Accessor, type JSX } from "solid-js";
+import { type CommandContext, type CommandGroup, type CommandItem, type CommandSource } from "./command-items";
+/** The state of one open command list: its steps, the shown entries, and the marked one. */
+export type CommandNavigator = ReturnType<typeof createCommandNavigator>;
+/** The context without what the list adds itself: the query, the path, the signal, and the reports. */
+export type CommandPlace = Omit<CommandContext, "query" | "path" | "signal" | "success" | "error">;
+/** A list whose entries come from a promise: pending, or failed with the message of its rejection. */
+export type CommandListLoad = {
+    state: "ready";
+} | {
+    state: "loading";
+} | {
+    state: "failed";
+    message?: string;
+};
+/** A command that returned a promise, busy while it runs. */
+export type CommandStatus = {
+    key: string;
+    label: string;
+    state: "running";
+};
+/**
+ * What a finished command reported, shown in the list's place: a confirmation, an error (with a way to try again when
+ * the command threw or rejected), or the command running again after a retry.
+ */
+export type CommandOutcome = {
+    state: "success";
+    message: string;
+} | {
+    state: "error";
+    message?: string;
+    retry?: () => void;
+} | {
+    state: "running";
+    message: string;
+};
+/** A confirmation or an error stays at least this long, even when the person types on at once. */
+export declare const COMMAND_OUTCOME_MIN_MS = 1200;
+/** A confirmation goes by itself after this long; an error stays until the person types, retries, or presses Escape. */
+export declare const COMMAND_OUTCOME_SUCCESS_MS = 4000;
+/**
+ * Keeps the steps, the marked entry, and the running command of a command list. The host owns the query and the
+ * effects: `onText` places an entry's text; for an entry with `onSelect`, `beforeRun` lets the host remove its query,
+ * `context` describes the text the command acts on, and `afterRun` closes the list once the command finished.
+ * `onStep` runs after a further list opened or closed, with the new depth, so the host clears its query.
+ */
+export declare const createCommandNavigator: (options: {
+    items: Accessor<CommandSource>;
+    query: Accessor<string>;
+    onText: (item: CommandItem) => void;
+    /** The part of the context the host knows: the text and where the list is in it. */
+    context: () => CommandPlace;
+    /** Whether the list is open; a closed list asks no source. */
+    active: () => boolean;
+    beforeRun?: () => void;
+    /** Runs once a command finished, before its outcome shows; `outcome` tells the host to keep its place for it. */
+    afterRun: (outcome: boolean) => void;
+    onStep?: (depth: number) => void;
+}) => {
+    query: Accessor<string>;
+    step: () => CommandItem | undefined;
+    groups: Accessor<CommandGroup[]>;
+    entries: Accessor<CommandItem[]>;
+    active: Accessor<number>;
+    setActive: (index: number) => void;
+    /** Marks the next or previous entry, wrapping; unavailable entries are passed over, as in a searchable menu. */
+    move: (delta: 1 | -1) => void;
+    edge: (which: "first" | "last") => void;
+    status: Accessor<CommandStatus | undefined>;
+    load: Accessor<CommandListLoad>;
+    /** Asks a source whose promise failed again. */
+    retry: () => number;
+    /** Whether a command's promise is pending; the list then waits for it. */
+    busy: () => boolean;
+    choose: (index?: number) => void;
+    /** Enter while entries load: chooses the first entry of this query once it arrives. */
+    chooseWhenLoaded: () => string;
+    /** Whether a choice waits for entries on their way. */
+    awaitingChoice: () => boolean;
+    /** Stops a running command: its signal aborts, and its result no longer reaches the list. */
+    abort: () => void;
+    /** What the last command reported, shown in the list's place until it clears. */
+    outcome: Accessor<CommandOutcome | undefined>;
+    /** The person typed on: the outcome clears, but not before it showed for `COMMAND_OUTCOME_MIN_MS`. */
+    typedOn: () => void;
+    /** Clears the outcome at once, for Escape or a new list; a retry still running is stopped. */
+    clearOutcome: () => void;
+    /** Leaves the second list; `false` when the first list shows. */
+    back: () => boolean;
+    /**
+     * Forgets steps, mark, and status. A running command goes on, but its result no longer reaches the list, so a
+     * retry's running line goes too; a reported outcome stays until it clears.
+     */
+    reset: () => void;
+};
+export declare const commandOptionId: (listId: string, index: number) => string;
+/**
+ * The rows of a command list as a list box, with the menu's own rows and headings. The focus stays in the host's
+ * field, which points at the marked row as its active descendant; the rows only answer the pointer.
+ */
+export declare function CommandList(props: {
+    navigator: CommandNavigator;
+    id: string;
+    /** Names the first list; a second list is named by its step. */
+    label: string;
+    /** Shows the step's label beside the back control, for a host without its own search field. */
+    stepHint?: boolean;
+    /** Says how many entries match, after the query changed. */
+    query: Accessor<string>;
+    /** Content between the back control and the list, such as a search field. */
+    header?: JSX.Element;
+    /** Runs after Retry or Close on an outcome, so the host puts the focus back where the person writes. */
+    onOutcomeAction?: () => void;
+}): JSX.Element;
+/**
+ * The keys of a command list in its host's field: Up, Down, Home, and End mark; Enter and Tab choose; Escape and
+ * Backspace on an empty query leave a second list. Returns whether the key was used; Escape in the first list is left
+ * to the host, which closes.
+ */
+export declare const commandListKey: (nav: CommandNavigator, event: KeyboardEvent, query: string) => boolean;

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

@@ -0,0 +1,39 @@
+import { type JSX } from "solid-js";
+import { type CommandSource } from "./command-items";
+import { Dropdown, type DropdownAnchor, type DropdownPosition, type DropdownReturnFocus } from "./Dropdown";
+export type CommandMenuProps = {
+    /** The same entries as `MarkdownEditor`'s `commands`, so the slash menu, a "+" button, and a chip offer one list. */
+    items: CommandSource;
+    /** Names the menu and its first list, such as "Add to message". */
+    label: string;
+    /** Names the search field and is its hint, such as "Search commands". A second list shows its own label there. */
+    search: string;
+    /**
+     * The field the commands act on, such as the composer's textarea beside a "+" button. Its text and selection are the
+     * `context` of an `onSelect`, and `context.insert` and entries with `text` write into it as typing would.
+     */
+    target?: HTMLTextAreaElement | HTMLInputElement;
+    /**
+     * The composer box the menu docks to, as the slash list does: as wide as the box, just above it, or below it when
+     * there is more room there. Without it, the menu opens beside its trigger.
+     */
+    dock?: HTMLElement;
+    /** Receives inserted text when there is no `target`, such as a snippet the host places itself. */
+    onInsert?: (text: string) => void;
+    /** The `CommandMenu.Trigger`; leave it out for a menu opened through `openAt` or `attach`. */
+    children?: JSX.Element;
+    position?: DropdownPosition;
+    align?: "start" | "end";
+    /** Receives `open`, which shows the menu beside `anchor` without its trigger; focus returns to `returnFocus`. */
+    openAt?: (open: (anchor: DropdownAnchor, returnFocus?: DropdownReturnFocus) => void) => void;
+    /** Adopts an element rendered elsewhere, such as a server-rendered chip, as the trigger. */
+    attach?: () => HTMLElement | null | undefined;
+    onOpenChange?: (open: boolean) => void;
+    disabled?: boolean;
+    class?: string;
+};
+type CommandMenuComponent = ((props: CommandMenuProps) => JSX.Element) & {
+    Trigger: typeof Dropdown.Trigger;
+};
+export declare const CommandMenu: CommandMenuComponent;
+export {};

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

@@ -1,6 +1,7 @@
 import { type JSX } from "solid-js";
 import { type TooltipPlacement } from "../feedback/Tooltip";
 import { type ButtonProps, type ButtonSize, type ButtonVariant } from "./Button";
+import { type MenuSearchApi } from "./menu-search";
 export type DropdownPosition = "bottom-right" | "bottom-left" | "top-right" | "top-left" | "right-start";
 /** Where a menu opened without its trigger appears: an element, or any box such as a point inside one. */
 export type DropdownAnchor = {
@@ -198,10 +199,26 @@ export declare function DropdownItems(props: {
     close: (restoreFocus?: boolean) => void;
     role?: "menuitem" | "option";
 }): JSX.Element;
+/**
+ * Internal: content in place of the entries, as `CommandMenu` renders its command list. It reports where the focus
+ * goes as the menu opens, like the search field, and `open` tells it when the menu closed.
+ */
+export type DropdownBody = (props: {
+    close: (restoreFocus?: boolean) => void;
+    open: () => boolean;
+    api: (api: MenuSearchApi) => void;
+}) => JSX.Element;
+/** Accessible top-layer menu with explicit trigger ownership. */
+declare function DropdownRoot(props: DropdownProps & {
+    body?: DropdownBody;
+    placeMenu?: (menu: HTMLElement) => void;
+}): JSX.Element;
 type DropdownComponent = ((props: DropdownProps) => JSX.Element) & {
     Root: (props: DropdownProps) => JSX.Element;
     Trigger: (props: DropdownTriggerProps) => JSX.Element;
     Item: (props: DropdownItemProps) => JSX.Element;
 };
+/** Internal: the menu with a `body`, for `CommandMenu`. */
+export declare const DropdownShell: typeof DropdownRoot;
 export declare const Dropdown: DropdownComponent;
 export default Dropdown;

package/dist/types/actions/command-dock.d.ts

@@ -0,0 +1,8 @@
+/**
+ * Docks a command list to its composer: exactly as wide as the composer and flush with its edges, just above it, or
+ * below it when the visible viewport leaves more room there, as for a composer at the top. The visible viewport counts,
+ * so a phone's open keyboard does not hide the list. The list scrolls within the room it gets.
+ */
+export declare const dockCommandList: (list: HTMLElement, composer: Element) => void;
+/** Calls `follow` whenever the composer or the visible viewport moves or changes size; returns the cleanup. */
+export declare const followComposer: (composer: Element, follow: () => void) => () => void;

package/dist/types/actions/command-items.d.ts

@@ -0,0 +1,134 @@
+import type { JSX } from "solid-js";
+/**
+ * One entry of a command list: the slash menu of `MarkdownEditor` and `CommandMenu` read the same entries, so a
+ * composer's `/`, its "+" button, and a chip offer one list.
+ */
+/** Where a slash at `start` stands in `value`: the text before it and whether only whitespace precedes it, overall or on its line. */
+export declare const commandPlace: (value: string, start: number, end: number) => {
+    text: string;
+    before: string;
+    atStart: boolean;
+    lineStart: boolean;
+};
+export type CommandItem = {
+    label: string;
+    /** Heading above the entry. Entries of one group stand together, in the order the groups first appear. */
+    group?: string;
+    /** One quiet line of what the entry does, after the label on the same line, such as "Preis aus dem Text prüfen". */
+    description?: string;
+    /** Quiet text at the end of the row, such as what a person can type: `/telefonat`. It is searched, too. */
+    hint?: string;
+    /** Tabler icon class, such as `ti ti-phone`. */
+    icon?: string;
+    /**
+     * An image at icon size in place of the icon, such as a service's logo: a URL, or one for each theme when the logo
+     * needs a light variant on dark surfaces. It is decorative; the label names the entry.
+     */
+    image?: string | {
+        light: string;
+        dark: string;
+    };
+    /**
+     * Renders the start of the row in place of the icon, such as an avatar or a tag's color. A function, so each row
+     * gets its own element.
+     */
+    leading?: () => JSX.Element;
+    /** Further words that find the entry, such as "anruf" for "Phone call". */
+    keywords?: readonly string[];
+    /** Unavailable now: the entry stays in the list, greyed, with this one-line reason, and cannot be chosen. */
+    disabled?: string;
+    /** Stable key, when two entries share group and label. */
+    id?: string;
+} & ({
+    /**
+     * Runs when the entry is chosen, with the text it acts on. In the editor, the typed `/query` has left the text
+     * first. A returned promise keeps the list open with the entry busy; any other result counts as done; a rejection shows its message on the entry,
+     * which can then run again, and Escape aborts `context.signal`.
+     */
+    onSelect: (context: CommandContext) => unknown;
+    text?: never;
+    next?: never;
+} | {
+    /** Text that takes the place of the typed `/query`; `CommandMenu` hands it to `onInsert`. */
+    text: string;
+    onSelect?: never;
+    next?: never;
+} | {
+    /** A second list in the same popover, such as people to assign. */
+    next: CommandStep;
+    onSelect?: never;
+    text?: never;
+});
+/**
+ * Where a command list is and what it acts on: one context for the entries of every level and for `onSelect`. In
+ * `SlashCommands` the text is the editor's, without the typed `/query`; in `CommandMenu` it is the text of its `target`
+ * field, or empty without one.
+ */
+export type CommandContext = {
+    /** What the person typed after `/`, or into the menu's search field. */
+    query: string;
+    /** The whole text without the typed `/query`. */
+    text: string;
+    /** The text before the slash, or before the caret in `CommandMenu`. */
+    before: string;
+    /** Whether the slash is the first character of the text, leading whitespace aside. */
+    atStart: boolean;
+    /** Whether the slash starts a line, leading whitespace aside. */
+    lineStart: boolean;
+    /** The selection in `text`; `start === end` is the caret. */
+    selection: {
+        start: number;
+        end: number;
+    };
+    /** The entries chosen so far on the way to this level, such as `[assign, person]` on the third. */
+    path: readonly CommandItem[];
+    /**
+     * Puts text at the caret in place of the selection, as typing would, so undo keeps working. Without a `target`,
+     * `CommandMenu` hands it to `onInsert`. Meant for `onSelect`.
+     */
+    insert: (text: string) => void;
+    /**
+     * Reports what a command did, such as "Valentin Brandt zugewiesen": after the command finished, the list gives way to
+     * a short confirmation in the same place. Meant for `onSelect`; an entry source has its own loading and failure.
+     */
+    success: (message: string) => void;
+    /**
+     * Reports why a command could not do it, such as "Keine Artikelnummer im Text"; it stays until the person types on
+     * or presses Escape. A command that throws or rejects reports its error itself, with a way to try again.
+     */
+    error: (message: string) => void;
+    /**
+     * Aborts when the result is no longer wanted: a new query replaces a pending list, or the person closes the list
+     * with Escape before a command's promise settled.
+     */
+    signal: AbortSignal;
+};
+/**
+ * The entries of a list: a list, or a function of the context that decides which entries there are in this place, at
+ * once or as a promise, such as templates only at the start of the text or people from a server search. Either way the
+ * list filters them by the query; give server matches the words they matched on as `keywords`.
+ */
+export type CommandSource = readonly CommandItem[] | ((context: CommandContext) => readonly CommandItem[] | Promise<readonly CommandItem[]>);
+/** A further list in the same place, as deep as needed. Escape, or Backspace on an empty query, goes back. */
+export type CommandStep = {
+    /** Names the list and is the search hint, such as "Search person". */
+    label: string;
+    items: CommandSource;
+};
+export type CommandGroup = {
+    label?: string;
+    entries: {
+        item: CommandItem;
+        index: number;
+    }[];
+};
+/**
+ * The entries whose label, hint, or keywords contain every word of the query, ignoring case and accents, in their
+ * order. A blank query keeps all.
+ */
+export declare const filterCommandItems: (items: readonly CommandItem[], query: string) => readonly CommandItem[];
+/** The entries of a source in a context, filtered by its query; a promise resolves to the filtered entries. */
+export declare const resolveCommandSource: (source: CommandSource, context: CommandContext) => readonly CommandItem[] | Promise<readonly CommandItem[]>;
+/** Groups in the order they first appear; `index` is the entry's place in the order the list shows. */
+export declare const groupCommandItems: (items: readonly CommandItem[]) => CommandGroup[];
+export declare const commandKey: (item: CommandItem) => string;

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

@@ -0,0 +1,19 @@
+declare const commandMessages: import("@k2b/stdlib").Catalog<{
+    commands: string;
+    back: ({ label }: {
+        label: string;
+    }) => string;
+    running: ({ label }: {
+        label: string;
+    }) => string;
+    failed: string;
+    loading: string;
+    loadingChoice: string;
+    loadFailed: string;
+    done: string;
+}>;
+export type CommandMessages = ReturnType<(typeof commandMessages)["resolve"]>["t"];
+/** Resolved from the inherited render locale. */
+export declare const useCommandMessages: () => (() => CommandMessages);
+export declare const checkCommandMessages: () => import("@k2b/stdlib").CatalogIssue[];
+export {};

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

@@ -1,9 +1,12 @@
 export type { ButtonAlign, ButtonLinkProps, ButtonProps, ButtonSize, ButtonVariant, IconButtonLinkProps, IconButtonProps } from "./Button";
 export { Button, ButtonLink, IconButton, IconButtonLink } from "./Button";
+export type { CommandMenuProps } from "./CommandMenu";
+export { CommandMenu } from "./CommandMenu";
 export type { ContextMenuProps } from "./ContextMenu";
 export { ContextMenu } from "./ContextMenu";
 export type { CopyButtonProps, CopyButtonValue } from "./CopyButton";
 export { CopyButton } from "./CopyButton";
+export type { CommandContext, CommandItem, CommandSource, CommandStep } from "./command-items";
 export type { DisclosureProps } from "./Disclosure";
 export { Disclosure } from "./Disclosure";
 export type { DragPayload, DragSourceProps, DropTargetProps } from "./DragAndDrop";

package/dist/types/charts/core/area.d.ts

@@ -0,0 +1,62 @@
+export type AreaOptions = {
+    layout: "stacked";
+    normalize?: boolean;
+    x: (string | number)[];
+    series: {
+        label: string;
+        data: (number | null)[];
+    }[];
+    title?: string;
+    subtitle?: string;
+    className?: string;
+    legend?: boolean;
+    format?: (value: number) => string;
+    locale?: string;
+    /** Narrowest displayed width in CSS pixels; measured hosts pass their actual width. */
+    displayWidth?: number;
+};
+export type AreaPoint = {
+    index: number;
+    amount: number;
+    share: number;
+    lower: number;
+    upper: number;
+};
+/** Missing observations interrupt the entire stack; zero-sum columns are gaps only in normalized mode. */
+export declare function areaLayout(spec: AreaOptions, size: {
+    width: number;
+    height: number;
+}): {
+    layers: (AreaPoint | null)[][];
+    totals: (number | null)[];
+    max: number;
+    ticks: number[];
+    format: {
+        (value: number): string;
+        (value: number | bigint): string;
+        (value: number | bigint | Intl.StringNumericLiteral): string;
+    };
+    percent: {
+        (value: number): string;
+        (value: number | bigint): string;
+        (value: number | bigint | Intl.StringNumericLiteral): string;
+    };
+    axisFormat: {
+        (value: number): string;
+        (value: number | bigint): string;
+        (value: number | bigint | Intl.StringNumericLiteral): string;
+    };
+    xFormat: (value: string | number) => string;
+    ratio: number;
+    left: number;
+    right: number;
+    top: number;
+    bottom: number;
+    projectX: (index: number) => number;
+    projectY: (value: number) => number;
+};
+export declare function renderAreaSvg(spec: AreaOptions & {
+    width: number;
+    height: number;
+    inspect?: boolean;
+}): string;

package/dist/types/charts/core/calendar.d.ts

@@ -0,0 +1,57 @@
+import { type ChartOptions, type HeatmapOptions } from "./svg-renderers";
+export type CalendarHeatmapOptions = ChartOptions & {
+    layout: "calendar";
+    data: [string, number | null][];
+    scale: "sequential" | "diverging";
+    /** Unit shown beside each tooltip value. */
+    label?: string;
+    locale?: string;
+    format?: (value: number) => string;
+    displayWidth?: number;
+};
+export type HeatmapChartOptions = (HeatmapOptions & {
+    layout?: undefined;
+}) | CalendarHeatmapOptions;
+/** Bound sparse inputs too: three leap years of daily observations. */
+export declare const CALENDAR_MAX_DAYS = 1098;
+export declare function calendarDay(value: string): number;
+/** Intl uses 1..7, JS dates use 0..6. Old engines use an explicit locale fallback. */
+export declare function calendarWeekStart(locale?: string): number;
+export declare const calendarWords: (locale?: string) => {
+    day: string;
+    less: string;
+    more: string;
+    moreIn: string;
+    moreOut: string;
+};
+export declare function calendarLayout(spec: CalendarHeatmapOptions, size?: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    height: number;
+    minWidth: number;
+    firstMonday: number;
+    weekStart: number;
+    weeks: number;
+    min: number;
+    max: number;
+    absMax: number;
+    cell: number;
+    cellWidth: number;
+    top: number;
+    cells: {
+        date: string;
+        value: number;
+        index: number;
+        time: number;
+        week: number;
+        weekday: number;
+        x: number;
+        y: number;
+        intensity: number;
+        color: string;
+    }[];
+};
+export declare function renderCalendarSvg(spec: CalendarHeatmapOptions): string;
+export declare const renderHeatmapSvg: (spec: HeatmapChartOptions) => string;

package/dist/types/charts/core/chart-map-data.d.ts

@@ -0,0 +1,3 @@
+export declare const WORLD_MAP_WIDTH = 1000;
+export declare const WORLD_MAP_HEIGHT = 500;
+export declare const WORLD_LAND_PATH = "M312 400L319 402L318 403L314 402L311 404L308 404L299 401L293 397L302 400L305 397L307 396L310 397ZM337 392L340 393L339 394L335 395L334 394L331 395L330 394L333 392L336 393ZM695 388L691 388L691 385L696 387ZM904 363L907 364L912 364L911 370L910 369L908 371L906 371L902 363ZM981 364L981 365L983 364L984 365L980 370L981 372L976 373L974 378L970 380L963 378L964 375L974 370L980 362ZM985 350L987 353L987 351L989 354L991 355L996 355L994 359L992 359L989 365L987 366L985 365L987 362L986 361L983 360L985 358L985 354L980 346L984 348ZM964 312L963 312L960 310L956 306L963 310ZM995 298L996 300L993 300L994 298L995 299ZM998 297L996 297L996 296L1000 295L1000 296ZM0 296L1 295ZM966 296L965 296L964 294ZM964 291L965 294L963 294L963 291ZM639 288L640 294L639 294L639 293L638 294L638 297L631 319L626 321L622 319L620 311L623 306L622 298L623 295L629 294L633 291L633 288L634 288L637 283L638 286ZM899 288L900 290L902 289L904 292L907 303L913 307L916 312L919 312L919 315L925 320L925 322L925 326L927 328L925 338L918 349L917 354L912 355L906 358L902 357L903 355L899 358L891 356L888 350L884 349L885 348L884 346L883 347L880 348L883 343L883 341L878 347L876 346L873 341L865 337L850 339L845 342L843 344L833 344L828 347L824 347L820 345L820 343L821 342L821 338L815 323L816 324L815 321L817 323L815 318L817 310L817 313L818 311L824 308L836 305L840 301L840 298L842 296L843 298L844 297L843 296L844 295L845 295L845 293L849 290L853 288L857 291L860 292L859 290L863 285L868 284L868 282L866 281L876 284L879 283L880 284L878 287L876 292L889 299L891 298L892 296L894 284L896 280L899 287ZM950 279L951 280L949 280L948 278L950 279ZM835 278L830 277L833 276L835 278ZM947 277L944 277L944 276L946 277ZM949 277L946 273L948 275ZM846 278L843 278L844 276L847 274L854 273L847 276ZM828 272L831 274L824 275L825 273L827 273ZM841 272L841 274L833 274L833 273L835 273L839 274ZM944 273L939 271L943 272ZM938 270L935 268L937 270ZM802 269L807 269L808 268L821 273L818 274L801 272L793 269L795 266L801 268ZM874 267L873 269L873 267L874 265L874 266ZM933 269L931 268L929 264L933 268ZM922 265L917 268L912 266L912 265L916 265L917 264L917 265L919 265L921 263L921 262L923 262L923 264ZM853 260L852 261L850 259L853 259ZM862 259L863 261L855 259L856 258L859 258ZM925 262L925 263L923 261L919 258L921 258L925 261ZM873 253L873 258L876 259L879 256L884 255L902 261L906 265L910 267L911 268L908 269L909 271L913 275L915 275L915 276L919 279L911 278L906 272L902 271L898 273L898 275L896 276L892 275L889 273L886 272L882 273L885 270L883 265L871 260L869 261L869 259L867 258L871 256L867 256L863 253L868 251L872 252ZM848 246L846 249L844 249L834 249L833 251L836 254L843 252L842 253L841 253L838 255L840 259L842 265L841 266L840 265L841 262L838 263L837 263L838 262L836 260L836 257L834 258L835 265L832 265L832 260L830 258L833 248L836 246L845 247L847 245ZM857 247L857 249L856 249L856 252L854 247L855 244L856 245L857 246ZM794 266L791 266L785 262L776 249L774 245L765 235L771 235L780 244L782 244L785 246L788 250L787 252L790 253L791 257L793 257L795 259L794 262ZM827 245L831 247L827 248L826 252L824 254L823 261L822 260L819 261L818 260L815 259L811 260L810 258L806 258L806 254L803 251L803 246L805 244L809 245L809 243L814 241L824 231L827 233L831 235L826 241L828 244ZM851 227L851 230L851 233L850 230L848 231L849 233L848 234L845 233L844 231L845 230L843 228L839 231L839 230L840 228L843 226L844 227L849 225L848 223L851 226ZM726 233L723 233L722 231L721 227L723 223L727 229L727 232ZM331 222L328 222L329 220L331 220ZM844 221L842 225L840 223L842 220L843 220L843 221L845 219ZM829 224L825 227L832 218L832 221L831 222ZM839 217L842 218L839 221L839 218ZM849 216L849 219L847 219L848 221L847 222L845 218L847 218L847 217L845 215L848 215ZM838 214L837 216L834 213L837 213ZM837 199L840 199L840 203L838 206L838 210L844 212L845 215L841 212L841 213L839 212L835 212L836 210L835 209L835 210L834 208L833 205L834 205L835 199ZM318 199L313 200L314 199L317 199ZM286 200L282 199L286 199L288 200ZM298 195L306 195L310 198L309 199L304 199L302 201L299 199L295 200L293 198L299 198L298 196L296 195L297 195ZM806 198L804 199L802 199L802 196L808 194L808 195L807 197ZM68 197L67 197L67 194L70 196L69 197ZM66 193L65 192L67 192ZM65 191L63 191ZM62 191L61 191L61 190ZM57 189L56 189L57 188ZM279 187L282 187L290 192L294 194L284 195L286 193L283 192L281 190L272 188L273 187L264 189L269 186L276 186ZM285 184L282 182L283 180L285 182ZM837 187L835 189L834 185L837 180L839 181L838 182ZM284 176L281 177L281 176L284 175ZM286 176L286 178L284 175ZM874 155L873 158L872 157L869 159L868 158L869 155L872 155ZM596 151L592 154L590 152L594 152ZM566 151L573 152L569 153L565 152ZM543 144L542 148L535 146L535 144L541 144ZM526 136L527 137L527 141L524 142L523 136L524 136ZM892 147L890 152L881 154L877 157L875 156L875 154L864 156L867 158L865 163L863 164L862 163L862 160L859 158L868 152L877 151L880 146L882 148L887 144L889 140L889 137L890 136L893 135L894 141L892 144ZM527 133L526 135L524 133L526 131ZM900 127L902 128L904 127L904 130L900 131L898 133L893 131L892 134L889 135L888 132L890 130L893 129L894 123L898 126ZM323 121L328 121L325 122L322 121L321 120L322 119ZM328 114L321 111L328 113ZM157 115L151 114L143 110L151 110L156 114ZM344 109L342 112L344 111L346 111L345 112L351 113L351 115L353 115L354 118L353 120L350 120L349 117L346 120L344 120L346 118L344 118L335 118L335 117L337 116L335 115L341 109L345 107L346 107ZM131 100L134 100L133 103L136 105L130 102L130 100ZM899 109L902 114L898 113L896 117L899 120L899 122L897 120L895 122L895 108L893 106L894 102L896 101L895 99L896 99L898 106ZM481 105L476 106L472 106L475 103L473 100L479 97L481 97L484 98L483 100L483 102ZM535 96L534 98L531 96L530 95L534 94ZM75 91L72 92L70 90L74 89L77 90ZM492 87L489 90L495 90L491 95L494 95L497 98L499 99L501 103L505 104L503 106L504 108L502 109L492 109L485 111L484 111L491 107L486 107L485 106L488 105L487 103L487 101L491 102L492 100L490 98L487 98L486 95L484 96L484 94L483 92L486 87L488 87ZM40 84L35 83L40 83ZM280 77L279 79L277 78L279 77ZM273 76L269 77L267 77L269 75L273 75ZM23 73L31 74L29 75L23 74ZM263 68L264 69L265 68L277 73L275 74L269 72L262 75L261 73L258 73L260 72L261 67ZM460 65L459 67L462 69L459 71L448 74L437 72L440 71L433 70L438 69L438 68L432 68L434 66L439 66L443 67L455 65ZM289 63L286 64L285 62L287 61L289 60L291 61L291 63ZM14 65L16 66L15 64L23 64L28 67L21 68L21 71L20 72L11 70L11 68L5 68L3 67L4 66L0 67L2 68L0 70L0 58L14 63ZM234 58L233 59L223 57L227 55L233 57ZM1000 53L996 53L1000 51ZM4 53L0 53L0 51L6 52ZM248 57L248 60L252 58L256 59L255 61L257 63L262 59L262 56L270 57L274 58L274 59L272 61L274 62L274 64L268 66L262 65L257 70L254 72L250 72L248 73L248 75L245 75L241 78L238 81L237 86L241 87L244 91L248 91L264 96L271 97L272 102L274 105L278 108L280 107L282 104L280 100L278 98L283 97L287 93L285 89L282 87L285 84L283 77L295 77L302 80L307 80L308 86L312 88L316 87L321 82L329 92L328 94L341 98L342 101L345 102L345 105L333 110L316 110L310 114L302 120L305 119L309 116L319 113L322 115L319 116L321 122L325 123L329 123L332 119L332 121L334 122L318 129L316 129L316 126L321 124L314 125L314 126L305 129L304 130L303 132L306 134L295 136L300 136L295 137L292 142L290 140L292 143L289 147L290 145L288 141L288 144L286 144L288 145L290 151L288 153L280 157L274 163L274 167L278 175L277 180L275 180L273 178L270 173L270 169L266 166L264 168L260 166L252 166L251 166L252 169L250 169L245 168L239 167L232 171L230 174L230 178L228 188L233 196L238 200L244 198L248 196L249 192L258 190L259 192L257 195L256 199L255 199L255 204L253 206L264 206L268 208L269 210L267 219L272 225L274 226L279 223L287 226L290 224L290 221L292 219L296 219L301 215L302 216L302 218L300 218L301 221L300 223L301 225L302 225L303 223L302 220L305 218L306 216L311 221L316 220L320 222L321 220L328 220L326 221L327 222L331 224L331 226L336 228L338 231L341 233L350 234L357 238L360 245L361 245L361 247L359 249L360 250L365 251L365 253L367 252L375 254L377 256L376 257L379 257L389 258L397 263L401 264L404 270L402 275L393 286L391 300L386 311L383 314L376 315L368 319L365 322L364 330L351 346L347 347L344 347L338 344L338 346L341 348L341 350L342 351L342 353L340 356L335 358L327 358L327 363L326 364L319 364L320 367L321 368L323 367L324 368L319 371L318 375L313 377L312 379L318 381L317 384L313 385L312 389L308 391L311 395L307 395L303 397L303 400L298 399L292 395L290 385L291 383L294 380L290 380L293 377L293 373L297 373L298 368L296 367L295 370L294 370L297 359L296 353L297 353L302 340L301 330L303 327L305 305L305 301L301 298L289 291L278 270L274 267L275 266L274 263L278 257L278 256L277 257L275 256L275 253L278 248L281 246L282 243L284 243L286 239L285 239L285 231L283 229L283 227L279 225L276 228L278 229L275 230L275 228L268 227L268 225L264 222L264 223L262 222L262 219L256 214L257 214L257 213L254 213L247 211L237 205L232 207L212 199L207 195L206 193L208 190L205 187L196 179L196 177L193 175L193 173L188 170L186 163L181 162L181 166L190 176L193 183L194 183L196 186L194 187L188 181L188 178L180 173L182 173L183 171L179 168L174 158L171 155L165 154L154 138L154 131L156 124L154 116L158 117L159 119L159 114L146 109L144 106L145 105L141 103L141 101L133 96L133 93L129 91L128 89L120 88L111 85L100 83L91 81L88 81L89 83L79 86L79 81L82 80L72 85L74 86L72 88L66 90L60 94L42 99L62 90L64 86L58 88L55 86L50 87L50 84L49 83L45 84L41 82L41 80L39 79L43 75L47 75L53 73L51 71L53 70L42 71L38 70L33 68L43 65L45 65L45 66L51 66L37 60L38 59L47 57L50 55L65 52L71 54L101 55L121 59L127 57L131 57L139 55L141 56L144 54L151 57L154 55L155 57L163 56L184 60L180 61L195 61L198 63L201 61L198 60L200 59L205 59L210 61L218 62L227 62L226 60L229 60L233 60L233 63L235 61L237 61L238 58L232 55L232 52L236 50L242 52L246 55L243 56ZM183 47L181 48L188 47L192 49L195 47L197 48L199 51L201 50L199 47L204 47L207 48L210 53L219 55L219 57L215 57L216 58L215 59L206 58L185 60L184 58L177 58L174 56L188 55L172 54L171 53L177 52L168 51L173 48L180 46ZM210 46L207 48L203 46L208 45ZM288 47L288 48L279 48L275 46L277 45L283 45ZM260 47L262 49L264 46L271 45L276 48L276 50L284 48L294 51L294 52L299 51L302 53L309 54L314 58L309 59L320 62L324 64L328 64L327 66L322 69L315 66L311 66L311 68L319 71L320 74L319 76L309 73L316 78L303 75L299 74L300 73L292 70L292 71L284 72L282 71L284 69L295 68L294 67L298 63L297 62L286 59L288 58L281 55L274 56L264 56L254 54L251 53L254 52L250 52L249 49L252 47L262 45ZM221 45L230 45L230 46L228 47L232 48L231 51L224 52L215 49L215 48L221 48L218 46ZM899 47L889 46L895 45L899 46ZM241 48L238 50L235 50L233 46L237 44L249 45L244 47ZM165 52L158 53L150 50L156 45L153 44L173 44L179 46L165 51ZM919 41L915 43L906 41L907 40L912 41ZM240 42L238 43L231 42L237 40L239 41ZM903 40L901 42L886 43L880 41L882 39L893 39ZM226 37L229 38L227 42L223 42L220 42L220 40L215 40L215 38L226 37ZM199 38L201 39L206 39L206 40L205 42L188 43L184 43L184 42L189 41L173 41L179 38L197 40L193 38L198 37ZM660 54L649 53L648 52L643 51L643 50L646 49L646 48L651 45L649 45L655 43L655 41L670 38L689 36L691 37L662 44L654 49L655 51ZM237 36L246 37L248 38L247 39L252 40L275 40L278 42L272 43L255 43L243 42L242 39L230 37L231 36ZM177 34L177 36L175 37L163 39L159 39L169 35L173 35ZM797 36L798 38L809 37L817 39L816 41L804 44L814 45L815 46L821 45L842 47L842 45L853 46L857 47L858 49L857 50L865 53L867 50L872 52L889 51L887 49L890 48L915 49L925 53L942 53L944 54L944 56L947 57L966 57L971 59L974 58L972 57L973 55L988 56L1000 58L1000 70L993 71L998 75L998 77L993 76L982 79L973 84L969 82L962 84L961 83L958 84L954 84L950 88L950 89L953 90L953 94L950 94L949 96L950 98L945 99L945 102L940 103L940 106L936 108L932 96L933 92L936 89L940 89L955 80L957 76L953 76L952 79L945 82L943 78L935 79L928 84L931 86L920 87L920 85L916 84L913 86L895 86L875 98L880 98L881 100L884 101L886 99L889 99L893 103L893 105L891 108L889 115L884 121L875 129L871 131L867 130L861 133L860 136L854 140L854 141L857 143L860 148L859 153L851 154L850 148L852 148L850 145L848 145L846 144L848 140L845 139L836 142L839 138L838 136L831 141L828 141L826 142L828 144L830 145L830 146L833 147L836 145L840 146L840 147L836 148L831 153L834 155L839 162L839 164L837 165L839 167L838 172L836 172L830 182L822 187L817 188L816 187L808 191L807 193L805 194L805 191L801 190L794 195L794 197L802 208L804 213L803 218L792 226L791 224L792 222L787 220L785 216L780 215L780 213L778 213L776 224L777 224L779 229L786 235L790 246L788 247L782 242L778 232L774 227L773 228L774 218L770 203L765 206L762 205L762 199L760 195L757 193L754 187L751 187L751 189L747 189L747 190L742 190L742 192L740 194L736 196L728 203L728 204L723 206L722 221L720 221L719 223L720 224L717 225L715 228L713 225L707 209L704 206L702 191L696 192L692 189L693 188L693 187L687 183L684 179L671 180L659 179L658 175L657 175L652 176L643 173L639 166L633 167L636 173L639 176L641 181L642 178L643 178L643 182L644 183L650 183L657 177L657 181L658 183L663 185L666 188L662 193L661 194L660 197L654 201L654 202L646 204L645 207L635 211L627 213L625 215L621 215L618 208L618 203L614 196L609 191L607 184L604 183L598 172L596 172L597 168L594 173L590 167L595 177L599 184L599 186L602 189L604 198L607 200L609 206L620 216L619 217L624 221L642 217L642 220L637 231L633 238L612 257L609 263L608 268L610 269L609 274L612 280L613 291L610 296L604 299L597 305L599 316L597 318L590 321L591 323L589 330L578 341L572 344L563 344L554 347L551 345L550 341L551 338L542 325L540 311L533 300L533 294L535 288L538 283L538 280L536 275L537 274L533 264L524 253L527 241L526 240L524 237L516 238L512 233L505 233L495 237L487 236L479 238L475 237L465 230L459 220L454 216L454 212L451 209L454 205L455 200L455 194L453 192L453 189L458 182L460 177L465 172L468 172L473 167L473 163L474 160L481 155L484 151L494 152L504 148L523 147L526 146L528 147L528 148L531 147L529 149L530 151L530 153L528 155L529 156L542 160L544 163L553 166L556 164L556 160L560 159L570 162L580 164L586 162L589 164L589 163L594 164L596 162L600 154L600 150L599 149L600 148L596 148L595 149L590 150L588 148L585 148L583 150L577 148L573 144L574 142L573 140L576 138L580 138L581 135L587 136L593 133L598 133L607 136L612 136L616 133L615 132L602 124L606 122L605 120L609 119L597 121L597 123L601 124L601 125L594 127L593 126L593 125L590 124L593 123L592 122L588 121L588 120L585 121L582 125L580 125L577 132L578 134L581 135L580 136L577 136L573 138L572 137L569 136L566 137L568 139L566 139L563 138L565 141L564 142L567 144L567 145L564 145L565 146L563 146L564 149L562 149L560 148L559 144L554 138L554 134L544 129L541 125L540 124L539 126L538 125L539 123L537 123L534 124L535 128L542 133L544 133L544 135L551 138L551 139L547 138L546 139L548 140L547 142L545 144L544 145L545 142L543 139L534 134L529 131L528 128L525 127L518 130L513 129L509 130L508 134L502 136L499 141L500 142L494 148L488 148L485 150L482 147L475 148L475 144L474 142L476 137L474 130L478 128L495 129L496 128L497 122L492 118L488 117L487 115L496 115L495 112L497 113L504 111L505 108L511 107L513 103L520 101L523 101L524 100L523 96L522 93L524 91L529 90L528 92L530 93L527 96L528 98L530 99L530 100L535 99L539 101L549 98L555 99L555 98L559 97L559 92L560 91L563 90L565 92L567 92L568 88L565 87L565 86L578 85L581 83L578 82L564 84L559 81L560 79L558 76L560 74L571 69L570 68L566 67L562 67L559 69L559 71L550 76L548 80L552 83L550 86L547 87L544 94L541 94L539 96L536 96L529 85L523 88L520 89L516 87L514 78L529 71L541 62L553 56L564 55L568 53L578 52L587 54L583 55L586 57L589 56L601 58L614 63L614 64L607 67L592 65L597 67L597 71L603 73L603 71L601 70L603 69L610 71L612 70L610 68L617 65L622 66L624 65L621 63L623 61L621 60L628 60L630 62L627 62L627 64L629 65L633 64L634 62L649 59L651 59L649 61L663 59L667 60L670 58L667 57L668 56L676 57L690 61L692 59L689 57L686 57L687 56L685 53L690 50L692 48L702 48L702 49L700 52L702 54L702 58L705 60L698 66L701 66L708 62L707 60L708 58L705 58L704 57L707 54L703 52L708 50L707 48L710 49L709 52L712 52L711 50L715 49L721 49L726 51L724 48L724 45L741 45L739 43L742 41L759 39L769 39L780 38L783 35L790 34L795 35L791 36ZM636 135L640 138L638 138L636 142L637 146L641 148L650 147L650 142L648 141L648 139L646 139L647 136L652 136L649 133L647 134L647 136L646 131L643 130L640 126L642 126L643 124L647 124L647 120L642 119L636 121L630 126L635 134ZM239 35L232 34L240 34ZM194 34L189 35L185 34L195 33ZM569 34L562 35L558 34L559 34L558 33L564 32L565 33ZM195 32L187 32L192 31ZM234 33L227 33L226 31L235 32ZM222 32L223 34L208 32L211 31L207 31L207 30L220 31ZM792 32L776 34L781 30L784 30L793 31ZM551 29L560 31L553 32L551 34L549 34L548 37L544 37L538 35L541 34L531 31L529 29L547 28ZM571 27L576 28L572 29L564 29L556 29L548 27L564 26ZM642 26L632 28L629 27L631 26L625 26L643 26ZM778 31L764 30L753 27L767 24L778 28ZM258 29L262 30L253 33L248 33L242 32L239 31L241 29L236 30L231 27L238 25L237 24L243 24L256 27ZM310 19L328 20L312 24L318 24L307 26L302 28L286 30L290 30L288 31L291 32L278 36L284 37L276 38L251 38L251 36L256 36L255 34L264 35L256 32L264 30L259 27L268 28L273 26L257 26L246 23L263 20L269 21L271 20L280 19L304 19ZM425 18L442 20L437 21L411 22L431 23L436 22L439 23L436 25L456 22L465 23L466 24L444 27L451 27L445 31L445 34L449 36L440 37L445 39L446 41L443 41L446 44L440 44L443 45L442 46L435 46L438 48L438 49L433 48L431 49L439 51L440 54L435 54L429 52L430 53L427 55L438 55L423 60L412 61L405 65L389 68L387 70L386 74L381 76L382 78L380 83L376 83L371 81L366 81L357 73L355 69L351 66L352 64L350 63L353 60L357 59L359 56L352 58L348 57L349 53L357 54L350 51L345 51L348 48L341 42L337 41L337 40L330 39L310 39L302 36L315 35L296 33L297 32L317 29L319 28L311 27L327 24L326 23L341 22L353 23L360 21L376 23L370 22L370 20L379 19L403 18Z";

package/dist/types/charts/core/chart-messages.d.ts

@@ -0,0 +1,5 @@
+/** Labels needed by pure SVG renderers; UI inspection messages stay with the UI host. */
+export declare const coreChartMessages: import("@k2b/stdlib").Catalog<{
+    series: string;
+    areaTotal: string;
+}>;

package/dist/types/charts/core/hbar-layout.d.ts

@@ -0,0 +1,74 @@
+import type { ChartDatum } from "./types";
+export type HorizontalBarOptions = {
+    series: string[];
+    rows: {
+        group?: string;
+        label: string;
+        values: (number | null)[];
+    }[];
+    valueFormat?: (value: number) => string;
+    legend?: boolean;
+    title?: string;
+    subtitle?: string;
+    locale?: string;
+    className?: string;
+};
+/** Stacks start at zero, group headings keep their first-appearance order. */
+export declare function hbarLayout(spec: HorizontalBarOptions, size?: {
+    width: number;
+    height: number;
+}): {
+    width: number;
+    header: number;
+    height: number;
+    top: number;
+    left: number;
+    right: number;
+    rows: {
+        group?: string;
+        label: string;
+        values: (number | null)[];
+        labelLines: string[];
+        groupHeading: string | undefined;
+        index: number;
+        center: number;
+        segments: {
+            value: number | null;
+            seriesIndex: number;
+            x: number;
+            width: number;
+            label: string;
+            showLabel: boolean;
+        }[];
+        total: number;
+        valueText: string;
+        datum: ChartDatum;
+        title: string;
+        groupY: number;
+    }[];
+    groups: (string | undefined)[];
+    pitch: number;
+    x: (v: number) => number;
+    scale: {
+        domain: [number, number];
+        ticks: number[];
+    };
+    format: (value: number) => string;
+    unit: number;
+    legend: {
+        hidden: number;
+        height: number;
+        items: {
+            label: string;
+            data: (number | null)[];
+            total: number | null;
+            x: number;
+            y: number;
+            labelWidth: number;
+            valueX: number;
+            valueText: string;
+            text: string;
+        }[];
+    };
+};
+export type HorizontalBarLayout = ReturnType<typeof hbarLayout>;

package/dist/types/charts/core/hbar.d.ts

@@ -0,0 +1,13 @@
+import { type HorizontalBarLayout, type HorizontalBarOptions } from "./hbar-layout";
+export { type HorizontalBarLayout, type HorizontalBarOptions, hbarLayout } from "./hbar-layout";
+export declare function renderHbarSvg(spec: HorizontalBarOptions & {
+    width: number;
+    height: number;
+    inspect?: boolean;
+}): string;
+/** Draw an already prepared layout; lazy hosts reuse the geometry reserved before loading. */
+export declare function renderHbarLayoutSvg(spec: HorizontalBarOptions & {
+    width: number;
+    height: number;
+    inspect?: boolean;
+}, g: HorizontalBarLayout): string;

package/dist/types/charts/core/index.d.ts

@@ -0,0 +1,16 @@
+/** Portable chart contracts. This entry never imports Solid or browser APIs. */
+export { type BarChartLayout, type BarChartOptions, barChartLayout, renderBarChartSvg, seriesBarLayout } from "../../content/chart-bar";
+export { renderStateTimelineSvg, type StateTimelineChartOptions, type StateTimelineDomain, stateTimelineDomain, stateTimelineHeight, } from "../../content/chart-state-timeline";
+export { type ChartTimeAxis } from "../../content/chart-time-axis";
+export { type AreaOptions, areaLayout, renderAreaSvg } from "./area";
+export * from "./calendar";
+export { type HorizontalBarLayout, type HorizontalBarOptions, hbarLayout, renderHbarLayoutSvg, renderHbarSvg } from "./hbar";
+export * from "./inspection";
+export { map } from "./map";
+export * from "./render";
+export { chartRenderHeight, preservesAspectRatio } from "./render-size";
+export * from "./snapshot";
+export { charts } from "./svg";
+export { type AxisOptions, arcPathD, autoBin, type BarItem, bar, barGauge, boxplot, type ChartOptions, chartDatumSvg, computeBoxStats, computeDomain, donut, escapeXml, extendDomainToNice, gauge, heatmap, histogram, type LineStyle, line, linearRegression, linePathD, type MapOptions, type MapPoint, type MapSeries, type MapViewport, type MarkerShape, mapLog, mapRange, markerPath, niceLogTicks, niceStep, normalizePadding, type Padding, type Point, pie, type ReferenceLine, type Series, type SliceItem, scatter, smoothPathD, sparkline, stat, stateTimeline, stepPathD, svgRoot, } from "./svg-renderers";
+export { type ChartDateFormat, type ChartDatum, type ChartDatumRole, type ChartFormat, type ChartKind, type ChartNumberFormat, chartDatumRoles, } from "./types";
+export { renderWaterfallLayoutSvg, renderWaterfallSvg, type WaterfallLayout, type WaterfallOptions, waterfallLayout } from "./waterfall";