@logicplanes/kaeso-ui 0.4.4 → 0.4.5

package/dist/tailwind.css

@@ -7,4 +7,4 @@
 @source "./chunks";
 @source "./index.js";
 @source not "./chunks/cn-*";
-@source inline("show-after-delay");
+@source inline("show-after-delay data-mark forced-line");

package/dist/types/blocks/delete-resource/delete-resource.d.ts

@@ -3,11 +3,11 @@ export declare const KAESO_DELETE_RESOURCE_VARIANTS: {
     readonly confirm: {
         readonly typed: {
             readonly classes: "";
-            readonly description: "The person types the resource's name (default)";
+            readonly description: "The person types the resource's name, for one that holds a lot: a project, an organization (default)";
         };
         readonly simple: {
             readonly classes: "";
-            readonly description: "A confirm button only, for reversible archives";
+            readonly description: "A confirm button only, for a resource that holds little: a key, an alias";
         };
     };
 };

package/dist/types/components/agent-avatar/agent-avatar.d.ts

@@ -38,34 +38,39 @@ export declare const KAESO_AGENT_AVATAR_DEFAULT_VARIANTS: {
 export declare const KAESO_AGENT_ATTRIBUTION_VARIANTS: {
     readonly size: {
         readonly 20: {
-            readonly classes: "size-10 right-0 bottom-0 rounded-cell";
-            readonly glyph: "size-8";
-            readonly stroke: 3;
-            readonly description: "20px person, 10px agent badge";
+            readonly classes: "size-8";
+            readonly px: 8;
+            readonly glyph: "size-6";
+            readonly stroke: 3.5;
+            readonly description: "20px person, 8px agent badge";
         };
         readonly 24: {
-            readonly classes: "size-12 right-0 bottom-0 rounded-cell";
-            readonly glyph: "size-10";
-            readonly stroke: 2.75;
-            readonly description: "24px person, 12px agent badge (default)";
+            readonly classes: "size-10";
+            readonly px: 10;
+            readonly glyph: "size-8";
+            readonly stroke: 3;
+            readonly description: "24px person, 10px agent badge (default)";
         };
         readonly 28: {
-            readonly classes: "size-14 right-0 bottom-0 rounded-cell";
+            readonly classes: "size-12";
+            readonly px: 12;
             readonly glyph: "size-10";
-            readonly stroke: 2.5;
-            readonly description: "28px person, 14px agent badge";
+            readonly stroke: 2.75;
+            readonly description: "28px person, 12px agent badge";
         };
         readonly 32: {
-            readonly classes: "size-16 right-0 bottom-0 rounded-cell";
-            readonly glyph: "size-12";
-            readonly stroke: 2.25;
-            readonly description: "32px person, 16px agent badge";
+            readonly classes: "size-12";
+            readonly px: 12;
+            readonly glyph: "size-10";
+            readonly stroke: 2.75;
+            readonly description: "32px person, 12px agent badge";
         };
         readonly 40: {
-            readonly classes: "size-20 right-0 bottom-0 rounded-avatar";
-            readonly glyph: "size-14";
-            readonly stroke: 2;
-            readonly description: "40px person, 20px agent badge";
+            readonly classes: "size-16";
+            readonly px: 16;
+            readonly glyph: "size-12";
+            readonly stroke: 2.5;
+            readonly description: "40px person, 16px agent badge";
         };
     };
 };

package/dist/types/components/badge/badge.d.ts

@@ -2,8 +2,8 @@ import { type HTMLAttributes, type ReactNode } from "react";
 export declare const KAESO_BADGE_VARIANTS: {
     readonly tone: {
         readonly neutral: {
-            readonly classes: "bg-fill-2 text-fg-secondary";
-            readonly description: "Neutral (default)";
+            readonly classes: "bg-fill-2 mark-fill text-fg-secondary";
+            readonly description: "Neutral (default): fill-2, or the control fill on a hovered or selected row";
         };
         readonly success: {
             readonly classes: "bg-success-tint text-success-text";
@@ -27,7 +27,7 @@ export declare const KAESO_BADGE_VARIANTS: {
         };
         readonly ink: {
             readonly classes: "bg-ink text-on-ink";
-            readonly description: "Inverted, for the one thing that must stand out";
+            readonly description: "Inverted: at most one on a view, for the one thing that must stand out";
         };
     };
 };

package/dist/types/components/banner/banner.d.ts

@@ -25,12 +25,12 @@ export declare const KAESO_BANNER_VARIANTS: {
     };
     readonly layout: {
         readonly inline: {
-            readonly classes: "rounded-well px-16 py-12";
-            readonly description: "Inside content: radius 14 (default)";
+            readonly classes: "flex min-h-56 flex-col justify-center rounded-well px-12 py-12";
+            readonly description: "Inside content: radius 14, its icon 12px in, at least 56px tall with or without actions (default)";
         };
         readonly full: {
             readonly classes: "rounded-none px-24 py-10";
-            readonly description: "Across the top of the panel for global notices";
+            readonly description: "Across the top of the panel for global notices: its icon on the 24px gutter";
         };
     };
 };

package/dist/types/components/button/button.d.ts

@@ -15,7 +15,7 @@ export declare const KAESO_BUTTON_VARIANTS: {
             readonly description: "Transparent until hovered: toolbars, rows, quiet actions";
         };
         readonly quiet: {
-            readonly classes: "material-ghost text-fg-secondary hover:text-fg";
+            readonly classes: "material-ghost text-fg-secondary hover:text-fg active:text-fg open:text-fg";
             readonly description: "A ghost in secondary text that darkens on hover: actions inside a field (clear, reveal, copy)";
         };
         readonly soft: {
@@ -31,7 +31,7 @@ export declare const KAESO_BUTTON_VARIANTS: {
             readonly description: "Raised with danger text; tints on hover. Destructive triggers.";
         };
         readonly link: {
-            readonly classes: "bg-transparent text-fg underline decoration-line-strong decoration-1 underline-offset-3 hover:decoration-current disabled:text-fg-disabled";
+            readonly classes: "bg-transparent text-fg underline decoration-fg-tertiary decoration-1 underline-offset-3 hover:decoration-current active:decoration-current open:decoration-current disabled:text-fg-disabled";
             readonly description: "Text with an underline, for actions inside sentences";
         };
     };

package/dist/types/components/button-group/button-group.d.ts

@@ -4,7 +4,7 @@ import { type ButtonSize } from "../button/button.js";
 export declare const KAESO_BUTTON_GROUP_VARIANTS: {
     readonly attached: {
         readonly true: {
-            readonly classes: "inline-flex rounded-pill bg-raised ring-over isolate";
+            readonly classes: "inline-flex rounded-pill bg-raised ring-over isolate forced-colors:outline forced-colors:-outline-offset-1";
             readonly description: "Connected: one outer pill with inner hairline dividers (default)";
         };
         readonly false: {

package/dist/types/components/charts/domain.d.ts

@@ -0,0 +1,11 @@
+export declare const finite: (values: readonly number[]) => number[];
+export declare const hasPoints: (values: readonly number[]) => boolean;
+export declare const onlyZero: (values: readonly number[]) => boolean;
+export declare function valueExtent(values: readonly number[], also?: readonly number[]): [number, number];
+export declare const compactAxis: (v: number) => string;
+export declare function axisRoom(labels: readonly string[], { gap, min, max }?: {
+    gap?: number | undefined;
+    min?: number | undefined;
+    max?: number | undefined;
+}): number;
+export declare function fitLabel(label: string, room: number, fontSize?: number): string;

package/dist/types/components/charts/marks.d.ts

@@ -0,0 +1 @@
+export declare function edgeColor(color: string): string | undefined;

package/dist/types/components/code/code.d.ts

@@ -2,8 +2,8 @@ import { type HTMLAttributes } from "react";
 export declare const KAESO_CODE_VARIANTS: {
     readonly shape: {
         readonly auto: {
-            readonly classes: "";
-            readonly description: "Pill for a single word, radius 6 for anything longer (default)";
+            readonly classes: "rounded-code";
+            readonly description: "Radius 6, like every inline code in running text (default)";
         };
         readonly pill: {
             readonly classes: "rounded-pill";
@@ -16,7 +16,7 @@ export declare const KAESO_CODE_VARIANTS: {
     };
     readonly flow: {
         readonly box: {
-            readonly classes: "inline-block";
+            readonly classes: "inline-block max-w-full wrap-anywhere";
             readonly description: "One box: it moves to the next line whole and wraps inside itself (default)";
         };
         readonly text: {

package/dist/types/components/code-block/json-view.d.ts

@@ -1,3 +1,4 @@
+import type * as React from "react";
 export declare const KAESO_JSON_VIEW_VARIANTS: {
     readonly surface: {
         readonly well: {
@@ -20,4 +21,4 @@ export interface JsonViewProps {
     surface?: keyof typeof KAESO_JSON_VIEW_VARIANTS.surface | undefined;
     className?: string | undefined;
 }
-export declare const JsonView: import("react").ForwardRefExoticComponent<JsonViewProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const JsonView: React.ForwardRefExoticComponent<JsonViewProps & React.RefAttributes<HTMLDivElement>>;

package/dist/types/components/code-block/numbers.d.ts

@@ -0,0 +1 @@
+export declare function numberWidth(count: number): string;

package/dist/types/components/collapsible/collapsible.d.ts

@@ -3,11 +3,11 @@ export declare const KAESO_COLLAPSIBLE_VARIANTS: {
     readonly state: {
         readonly closed: {
             readonly classes: "";
-            readonly description: "Closed: the chevron points to the row (default)";
+            readonly description: "Closed: a pill row with the title 12px in and a chevron at its end pointing right (default)";
         };
         readonly open: {
             readonly classes: "group-data-panel-open/dt:rotate-90";
-            readonly description: "Open: the chevron turns down and the content shows";
+            readonly description: "Open: the chevron turns down in 200ms and the content shows under the title";
         };
     };
 };

package/dist/types/components/collapsible/disclosure.d.ts

@@ -0,0 +1,2 @@
+export declare const DISCLOSURE_TRIGGER = "group/dt relative flex w-full cursor-pointer items-center gap-8 rounded-pill px-12 text-left transition-control focus-ring-inset";
+export declare const DisclosureChevron: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLSpanElement>>;

package/dist/types/components/data-table/data-table.d.ts

@@ -5,12 +5,12 @@ import { type StatusTone } from "../../utils/tone.js";
 export declare const KAESO_DATA_TABLE_VARIANTS: {
     readonly density: {
         readonly compact: {
-            readonly classes: "h-36";
-            readonly description: "36px rows";
+            readonly classes: "h-36 coarse:h-44";
+            readonly description: "36px rows; 44px with a coarse pointer";
         };
         readonly default: {
-            readonly classes: "h-40";
-            readonly description: "40px rows (default)";
+            readonly classes: "h-40 coarse:h-44";
+            readonly description: "40px rows (default); 44px with a coarse pointer";
         };
         readonly comfortable: {
             readonly classes: "h-48";
@@ -60,6 +60,7 @@ export interface DataTableProps<T> {
     activeRowId?: string | undefined;
     freshRowIds?: ReadonlySet<string> | undefined;
     onHiddenColumnsChange?: ((ids: string[]) => void) | undefined;
+    "data-force-row"?: string | undefined;
 }
 export declare const DATA_TABLE_GROW_MIN = 136;
 type FitColumn = {
@@ -75,7 +76,7 @@ export declare function fitColumns(columns: FitColumn[], width: number, reserve?
     tight: boolean;
     overflow: boolean;
 };
-declare function DataTableInner<T>({ data, columns: userColumns, getRowId, density, onRowClick, rowMenu, selectable, canSelectRow, selection, onSelectionChange, sorting: sortingProp, onSortingChange, manualSorting, loading, error, onRetry, empty, hasMore, loadingMore, onLoadMore, stickyFirstColumn, virtualizeAbove, className, activeRowId, freshRowIds, onHiddenColumnsChange, "aria-label": ariaLabel, }: DataTableProps<T>, ref: React.Ref<HTMLDivElement>): React.JSX.Element;
+declare function DataTableInner<T>({ data, columns: userColumns, getRowId, density, onRowClick, rowMenu, selectable, canSelectRow, selection, onSelectionChange, sorting: sortingProp, onSortingChange, manualSorting, loading, error, onRetry, empty, hasMore, loadingMore, onLoadMore, stickyFirstColumn, virtualizeAbove, className, activeRowId, freshRowIds, onHiddenColumnsChange, "aria-label": ariaLabel, "data-force-row": forceRow, }: DataTableProps<T>, ref: React.Ref<HTMLDivElement>): React.JSX.Element;
 export declare const DataTable: <T>(p: DataTableProps<T> & {
     ref?: React.Ref<HTMLDivElement> | undefined;
 }) => ReturnType<typeof DataTableInner>;

package/dist/types/components/data-table/docs.d.ts

@@ -4,6 +4,7 @@ export declare const docs: {
         props: {
             activeRowId: string;
             "aria-label": string;
+            "data-force-row": string;
             columns: string;
             data: string;
             density: string;

package/dist/types/components/data-table/time-columns.d.ts

@@ -0,0 +1 @@
+export declare const TIME_COLUMNS: WeakSet<object>;

package/dist/types/components/date-picker/focus-day.d.ts

@@ -0,0 +1 @@
+export declare function useFocusDay(): (root: HTMLDivElement | null) => (() => void) | undefined;

package/dist/types/components/date-picker/iso-field.d.ts

@@ -1,5 +1,12 @@
-export declare function IsoField({ label, value, onCommit }: {
+import { type UiText } from "../../i18n/context.js";
+export type IsoProblem = "format" | "unavailable" | "missing" | null;
+export declare function IsoField({ label, value, onCommit, onProblem, errorId, invalid, }: {
     label: string;
     value: Date | undefined;
     onCommit: (d: Date) => boolean | void;
+    onProblem: (problem: IsoProblem) => void;
+    errorId: string;
+    invalid: boolean;
 }): import("react").JSX.Element;
+export declare const ISO_PROBLEM = "mt-6 text-small text-pretty text-danger-text empty:mt-0";
+export declare function isoProblemText(t: UiText, problem: IsoProblem): string;

package/dist/types/components/dialog/dialog.d.ts

@@ -64,16 +64,16 @@ export declare const Dialog: import("react").ForwardRefExoticComponent<DialogPro
 export declare const KAESO_ALERT_DIALOG_VARIANTS: {
     readonly tone: {
         readonly danger: {
-            readonly classes: "bg-danger-tint text-danger-text";
-            readonly description: "Destructive (default)";
+            readonly classes: "";
+            readonly description: "Destructive: a danger confirm, with the focus on Cancel (default)";
         };
         readonly warning: {
-            readonly classes: "bg-warning-tint text-warning-text";
-            readonly description: "Risky but reversible";
+            readonly classes: "";
+            readonly description: "Risky but reversible: a primary confirm, with the focus on Cancel";
         };
         readonly info: {
-            readonly classes: "bg-info-tint text-info-text";
-            readonly description: "Neutral confirmation";
+            readonly classes: "";
+            readonly description: "A neutral confirmation: a primary confirm, with the focus on it";
         };
     };
 };
@@ -124,7 +124,7 @@ export declare const KAESO_LAYER_DIALOG_VARIANTS: {
 };
 export declare const KAESO_LAYER_DIALOG_DEFAULT_VARIANTS: {
     readonly size: "md";
-    readonly anchor: "center";
+    readonly anchor: "top";
 };
 export interface DialogLayer {
     title: ReactNode;

package/dist/types/components/field/field.d.ts

@@ -6,7 +6,7 @@ export declare const KAESO_FIELD_VARIANTS: {
             readonly description: "Label above the control (default)";
         };
         readonly horizontal: {
-            readonly classes: "grid grid-cols-1 gap-8 md:grid-cols-label md:gap-x-24";
+            readonly classes: "grid grid-cols-1 gap-8 md:grid-cols-label md:items-baseline md:gap-x-24";
             readonly description: "Label in a 240px column on the left, from 768px";
         };
     };

package/dist/types/components/flow/flow.d.ts

@@ -4,7 +4,7 @@ export declare const KAESO_FLOW_VARIANTS: {
     readonly node: {
         readonly pill: {
             readonly classes: "h-36 rounded-pill px-14";
-            readonly description: "A raised pill (default)";
+            readonly description: "A pill with a hairline (default)";
         };
         readonly box: {
             readonly classes: "min-h-56 rounded-well px-16 py-10";

package/dist/types/components/icon-button/icon-button.d.ts

@@ -8,7 +8,7 @@ export declare const KAESO_ICON_BUTTON_VARIANTS: {
             readonly description: "Toolbar and row actions (default)";
         };
         readonly quiet: {
-            readonly classes: "material-ghost text-fg-secondary hover:text-fg";
+            readonly classes: "material-ghost text-fg-secondary hover:text-fg active:text-fg open:text-fg";
             readonly description: "Secondary text that darkens on hover: inside fields";
         };
         readonly secondary: {

package/dist/types/components/input/input-group.d.ts

@@ -25,6 +25,7 @@ export declare const KAESO_INPUT_GROUP_DEFAULT_VARIANTS: {
     readonly size: "md";
 };
 export type InputSize = keyof typeof KAESO_INPUT_GROUP_VARIANTS.size;
+export declare const LEADING: Record<InputSize, string>;
 export declare const INPUT_ICON_SIZE: Record<InputSize, IconSize>;
 export interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
     size?: InputSize | undefined;
@@ -39,6 +40,7 @@ export interface InputGroupInputProps extends Omit<InputHTMLAttributes<HTMLInput
 }
 export interface InputGroupAddonProps extends HTMLAttributes<HTMLSpanElement> {
     icon?: IconData | undefined;
+    "data-join"?: boolean | undefined;
 }
 export interface InputGroupButtonProps {
     icon: IconData;

package/dist/types/components/input/number-input.d.ts

@@ -2,12 +2,12 @@ import { type InputProps } from "./input.js";
 export declare const KAESO_NUMBER_INPUT_VARIANTS: {
     readonly align: {
         readonly end: {
-            readonly classes: "text-right";
-            readonly description: "Right-aligned tabular digits (default)";
+            readonly classes: "text-end";
+            readonly description: "End-aligned tabular digits (default)";
         };
         readonly start: {
-            readonly classes: "text-left";
-            readonly description: "Left-aligned";
+            readonly classes: "text-start";
+            readonly description: "Start-aligned";
         };
     };
 };

package/dist/types/components/input/otp-input.d.ts

@@ -2,11 +2,11 @@ import { type InputHTMLAttributes } from "react";
 export declare const KAESO_OTP_INPUT_VARIANTS: {
     readonly size: {
         readonly md: {
-            readonly classes: "size-48 text-title";
-            readonly description: "48px cells (default)";
+            readonly classes: "w-48 text-title";
+            readonly description: "48px cells (default); they shrink, square, when the row is narrower";
         };
         readonly sm: {
-            readonly classes: "size-40 text-title-sm";
+            readonly classes: "w-40 text-title-sm";
             readonly description: "40px cells";
         };
     };

package/dist/types/components/kaeso/client-button.d.ts

@@ -12,6 +12,7 @@ export interface ClientButtonProps {
     "aria-label": string;
     onClick?: (() => void) | undefined;
     className?: string | undefined;
+    "data-force"?: string | undefined;
 }
-/** An agent client's mark on a raised tile, as a button that opens how to connect it. Its tooltip is its label. */
+/** An agent client's mark in a raised circle, as a button that opens how to connect it. Its tooltip is its label. */
 export declare const ClientButton: import("react").ForwardRefExoticComponent<ClientButtonProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/kaeso/provider-picker.d.ts

@@ -27,6 +27,7 @@ export interface ProviderPickerOption {
     hint?: ReactNode | undefined;
     keywords?: readonly string[] | undefined;
     disabled?: boolean | undefined;
+    "data-force"?: string | undefined;
 }
 export interface ProviderPickerProps extends FieldWrapProps {
     providers: ProviderPickerOption[];

package/dist/types/components/kaeso/rights.d.ts

@@ -2,7 +2,7 @@ import { type RightChange } from "./rights-logic.js";
 export declare const KAESO_RIGHTS_MATRIX_VARIANTS: {
     readonly origin: {
         readonly preset: {
-            readonly classes: "text-fg-tertiary";
+            readonly classes: "text-fg-secondary";
             readonly description: "Comes from the role";
         };
         readonly added: {

package/dist/types/components/kaeso/role-picker.d.ts

@@ -21,6 +21,7 @@ export interface RoleOption {
     hint?: string | undefined;
     disabled?: boolean | undefined;
     disabledReason?: string | undefined;
+    "data-force"?: string | undefined;
 }
 export interface RolePickerProps {
     roles: RoleOption[];

package/dist/types/components/key-value/key-value.d.ts

@@ -2,7 +2,7 @@ import { type ReactNode } from "react";
 export declare const KAESO_KEY_VALUE_VARIANTS: {
     readonly layout: {
         readonly columns: {
-            readonly classes: "grid grid-cols-kv gap-x-24";
+            readonly classes: "grid grid-cols-kv content-start self-start gap-x-24";
             readonly description: "Label and value side by side (default)";
         };
         readonly stacked: {
@@ -10,7 +10,7 @@ export declare const KAESO_KEY_VALUE_VARIANTS: {
             readonly description: "Label above value, for narrow sheets";
         };
         readonly grid: {
-            readonly classes: "grid gap-x-32";
+            readonly classes: "grid content-start self-start gap-x-32";
             readonly description: "Label above value, in columns: a wide sheet's details, two or more to a row";
         };
     };

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

@@ -74,8 +74,8 @@ export declare const KAESO_LAYOUT_VARIANTS: {
             readonly description: "Two, then four from 1024px";
         };
         readonly 6: {
-            readonly classes: "grid-cols-3 lg:grid-cols-6";
-            readonly description: "Three, then six from 1024px";
+            readonly classes: "grid-cols-2 md:grid-cols-3 lg:grid-cols-6";
+            readonly description: "Two, three from 768px, six from 1024px";
         };
     };
 };

package/dist/types/components/link/link.d.ts

@@ -2,15 +2,15 @@ import { type AnchorHTMLAttributes, type ReactNode } from "react";
 export declare const KAESO_LINK_VARIANTS: {
     readonly variant: {
         readonly inline: {
-            readonly classes: "text-inherit underline decoration-line-strong decoration-1 underline-offset-3 hover:decoration-current";
-            readonly description: "Inside prose: text color with a quiet underline that turns solid on hover";
+            readonly classes: "text-inherit underline decoration-fg-tertiary decoration-1 underline-offset-3 hover:decoration-current";
+            readonly description: "Inside prose: text color with a grey underline that turns to the text color on hover";
         };
         readonly quiet: {
             readonly classes: "text-fg-secondary no-underline hover:text-fg";
             readonly description: "Navigation-style links in footers and metadata; no underline until hover";
         };
         readonly standalone: {
-            readonly classes: "font-medium text-fg no-underline hover:underline hover:decoration-line-strong hover:underline-offset-3";
+            readonly classes: "font-medium text-fg no-underline hover:underline hover:decoration-fg-tertiary hover:underline-offset-3";
             readonly description: "A link on its own line (“Team overview ›”)";
         };
         readonly heading: {
@@ -18,7 +18,7 @@ export declare const KAESO_LINK_VARIANTS: {
             readonly description: "A heading's link to itself: the heading's own look, with a # beside it on hover and keyboard focus";
         };
         readonly card: {
-            readonly classes: "mx-0 flex flex-col gap-4 rounded-well bg-fill-1 px-16 py-12 text-fg no-underline hover:bg-fill-2";
+            readonly classes: "mx-0 flex flex-col gap-4 rounded-well bg-fill-1 px-16 py-12 text-fg no-underline outline-offset-2 hover:bg-fill-2";
             readonly description: "A page to read next: a filled well with the page's name and one sentence about it";
         };
     };

package/dist/types/components/list/list.d.ts

@@ -7,8 +7,8 @@ export declare const KAESO_LIST_VARIANTS: {
             readonly description: "44px rows (default)";
         };
         readonly compact: {
-            readonly classes: "h-36";
-            readonly description: "36px rows";
+            readonly classes: "h-36 coarse:h-44";
+            readonly description: "36px rows; 44px with a coarse pointer";
         };
     };
 };

package/dist/types/components/menu/menu.d.ts

@@ -7,7 +7,7 @@ export declare const KAESO_MENU_VARIANTS: {
             readonly description: "An action";
         };
         readonly danger: {
-            readonly classes: "text-danger-text highlighted:bg-danger-tint";
+            readonly classes: "text-danger-text highlighted:bg-danger-tint active:bg-danger-tint";
             readonly description: "A destructive action: red text, a red tint on highlight";
         };
     };
@@ -141,6 +141,7 @@ export declare const ContextMenu: typeof ContextRoot & {
     Trigger: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         className?: string | undefined;
+        "data-force"?: string | undefined;
     } & import("react").RefAttributes<HTMLDivElement>>;
     Content: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side" | "sideOffset"> & import("react").RefAttributes<HTMLDivElement>>;
     Item: import("react").ForwardRefExoticComponent<MenuItemProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/menu/styles.d.ts

@@ -1,7 +1,7 @@
 export declare const MENU_POPUP = "z-50 flex min-w-220 max-w-360 flex-col overflow-y-auto overscroll-contain rounded-menu bg-raised p-6 text-body text-fg shadow-raised outline-none popup-motion scrollbar-quiet max-h-(--available-height)";
 export declare const MENU_ITEM = "group/item relative flex min-h-34 w-full cursor-default items-center gap-10 rounded-item px-10 text-left text-body font-medium text-fg outline-none select-none coarse:min-h-44 highlighted:bg-item-hover active:bg-item-pressed disabled:pointer-events-none disabled:text-fg-disabled";
-export declare const MENU_ICON = "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled";
-export declare const MENU_DANGER = "text-danger-text highlighted:bg-danger-tint";
+export declare const MENU_ICON = "text-fg-secondary group-data-highlighted/item:text-fg group-data-disabled/item:text-fg-disabled forced-colors:text-current";
+export declare const MENU_DANGER = "text-danger-text highlighted:bg-danger-tint active:bg-danger-tint";
 export declare const MENU_LABEL = "flex h-28 items-center px-10 text-caption font-medium text-fg-secondary";
 export declare const MENU_SEPARATOR = "mx-10 my-4 h-1 shrink-0 bg-line-subtle";
-export declare const MENU_HINT = "ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular group-data-highlighted/item:text-fg-secondary";
+export declare const MENU_HINT = "ml-auto flex shrink-0 items-center gap-4 pl-16 text-caption font-medium text-fg-tertiary tabular group-data-highlighted/item:text-fg-secondary forced-colors:text-current";

package/dist/types/components/meter/meter.d.ts

@@ -3,7 +3,7 @@ export declare const KAESO_METER_VARIANTS: {
     readonly tone: {
         readonly auto: {
             readonly classes: "";
-            readonly description: "Series 1 until the first alert threshold, warning after, danger at 100% (default)";
+            readonly description: "Series 1 until the first alert threshold, amber (series 2) after, danger at 100%; the value and the caption take the warning or danger color too (default)";
         };
         readonly neutral: {
             readonly classes: "bg-fg-secondary";
@@ -26,12 +26,12 @@ export interface MeterProps {
     "aria-label"?: string | undefined;
     className?: string | undefined;
 }
-export declare function meterColor(value: number, thresholds?: number[]): "bg-viz-1" | "bg-warning" | "bg-danger";
+export declare function meterColor(value: number, thresholds?: number[]): "bg-viz-1" | "bg-viz-2" | "bg-danger";
 export declare const Meter: import("react").ForwardRefExoticComponent<MeterProps & import("react").RefAttributes<HTMLDivElement>>;
 export declare const KAESO_PROGRESS_VARIANTS: {
     readonly kind: {
         readonly determinate: {
-            readonly classes: "h-6 rounded-pill bg-fill-3";
+            readonly classes: "h-6 rounded-pill bg-fill-2 forced-colors:outline forced-colors:-outline-offset-1";
             readonly description: "A pill bar with a known amount";
         };
         readonly indeterminate: {

package/dist/types/components/page-header/page-header.d.ts

@@ -4,7 +4,7 @@ export declare const KAESO_PAGE_HEADER_VARIANTS: {
     readonly size: {
         readonly md: {
             readonly classes: "min-h-52 flex-wrap gap-x-12 gap-y-8 px-24 py-10 sm:h-52 sm:flex-nowrap sm:py-0";
-            readonly description: "52px, no bottom line (default); on a phone the tabs take a second row";
+            readonly description: "52px, no bottom line (default); on a phone the title and actions keep the first row and the tabs take a second";
         };
     };
 };

package/dist/types/components/pagination/pagination.d.ts

@@ -2,7 +2,7 @@ export declare const KAESO_PAGINATION_VARIANTS: {
     readonly variant: {
         readonly "load-more": {
             readonly classes: "";
-            readonly description: "A “Load more” pill while more rows exist, nothing once all are shown (cursor APIs, default)";
+            readonly description: "A “Load more” pill while more rows exist; once all are shown, nothing, or “All rows shown” where the button had focus (cursor APIs, default)";
         };
         readonly cursor: {
             readonly classes: "";
@@ -10,7 +10,7 @@ export declare const KAESO_PAGINATION_VARIANTS: {
         };
         readonly pages: {
             readonly classes: "";
-            readonly description: "Page numbers, for lists with a known number of pages";
+            readonly description: "Page numbers in seven fixed slots, so Next stays under the pointer, for lists with a known number of pages";
         };
     };
 };

package/dist/types/components/playground/prompt-suggestions.d.ts

@@ -19,5 +19,6 @@ export interface PromptSuggestionsProps {
     "aria-label"?: string | undefined;
     align?: keyof typeof KAESO_PROMPT_SUGGESTIONS_VARIANTS.align | undefined;
     className?: string | undefined;
+    "data-force"?: string | undefined;
 }
 export declare const PromptSuggestions: import("react").ForwardRefExoticComponent<PromptSuggestionsProps & import("react").RefAttributes<HTMLUListElement>>;

package/dist/types/components/playground/reasoning-frame.d.ts

@@ -0,0 +1,14 @@
+import { type ReactNode } from "react";
+export interface ReasoningFrameProps {
+    heading: ReactNode;
+    preview?: ReactNode | undefined;
+    previewHidden?: boolean | undefined;
+    live?: boolean | undefined;
+    open?: boolean | undefined;
+    defaultOpen?: boolean | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
+    children: ReactNode;
+    className?: string | undefined;
+    "data-force"?: string | undefined;
+}
+export declare const ReasoningFrame: import("react").ForwardRefExoticComponent<ReasoningFrameProps & import("react").RefAttributes<HTMLDivElement>>;