klun-ui 0.4.0 → 0.5.0

package/dist/index.d.cts

@@ -208,6 +208,26 @@ interface CopyButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>,
  */
 declare const CopyButton: react.ForwardRefExoticComponent<CopyButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+type ToggleVariant = "default" | "outline";
+type ToggleSize = "small" | "medium" | "large";
+interface ToggleProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, "onChange"> {
+    /** `"default"` is frameless; `"outline"` carries a hairline border. */
+    variant?: ToggleVariant;
+    size?: ToggleSize;
+    /** Controlled pressed state. */
+    pressed?: boolean;
+    /** Initial pressed state when uncontrolled. */
+    defaultPressed?: boolean;
+    /** Fired with the next pressed state. */
+    onPressedChange?: (pressed: boolean) => void;
+}
+/**
+ * Toggle — two-state push button (`aria-pressed`), ported from the Multica UI.
+ * Tints through the klun tokens; pair several for toolbars, or use
+ * `SegmentedControl` when exactly one option must stay active.
+ */
+declare const Toggle: react.ForwardRefExoticComponent<ToggleProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface Locale {
     /** BCP-47 language tag, e.g. `"en-US"`. */
     locale: string;
@@ -321,6 +341,15 @@ interface Locale {
     notification: {
         close: string;
     };
+    /** Accessible name for a Select trigger that shows neither a value nor a visible placeholder. */
+    select?: {
+        placeholder?: string;
+    };
+    /** Accessible names for the CounterInput stepper buttons. */
+    counterInput?: {
+        decrease?: string;
+        increase?: string;
+    };
     /** `minChars`/`maxChars` have `{min}`/`{max}`; `exactChars` has `{len}`; `oneOf` has `{values}`; `min`/`max` have `{min}`/`{max}`. */
     form: {
         required: string;
@@ -354,6 +383,9 @@ interface Locale {
         next: string;
         pageRange: string;
         perPage: string;
+        /** Accessible names for the built-in row-selection controls. */
+        selectRow?: string;
+        selectAll?: string;
     };
 }
 /** Fill a `{placeholder}` template, e.g. `fmt(locale.rating.star, { count: 3 })`. */
@@ -425,7 +457,7 @@ type Theme = "light" | "dark";
  * palette (surfaces, text, strokes, intents, radii) onto Metronic colors, not
  * just the primary ramp. Orthogonal to `theme`, so it works in light and dark.
  */
-type Accent = "blue" | "purple" | "orange" | "green" | "slate" | "metronic";
+type Accent = "blue" | "purple" | "orange" | "green" | "slate" | "metronic" | "kk";
 /**
  * Global corner-radius scale (maps to `data-radius`). `"square"` = 0-radius
  * (sharp) corners, `"sharp"` = tight, `"rounded"` = soft. The functional pill
@@ -514,6 +546,114 @@ declare function useSize<S extends string = ComponentSize>(explicit?: S): S;
  */
 declare function useMappedSize<S extends string>(explicit: S | undefined, map: Record<ComponentSize, S>, fallback: S): S;
 
+declare function localTodayIso(): string;
+interface HeatmapCell {
+    /** ISO date of the cell. */
+    date: string;
+    /** 0 = Monday … 6 = Sunday. */
+    dayOfWeek: number;
+    /** Column index, 0-based from the leftmost (oldest) week. */
+    week: number;
+    value: number;
+    /** Intensity bucket: 0 (no activity) … 4 (busiest quartile). */
+    level: number;
+}
+interface HeatmapMonthLabel {
+    label: string;
+    week: number;
+}
+interface HeatmapGrid {
+    cells: HeatmapCell[];
+    months: HeatmapMonthLabel[];
+    /** Row labels, Monday-first (7 entries). */
+    weekdayLabels: string[];
+    /** Number of days rendered (partial last week included). */
+    windowDays: number;
+}
+interface HeatmapOptions {
+    /** Weeks rendered, ending with the week of `today`. Default `26`. */
+    weeks?: number;
+    /** ISO date used as the grid's last day. Default: today, local time. */
+    today?: string;
+    /** BCP-47 locale for month / weekday labels. Default `"en-US"`. */
+    locale?: string;
+}
+/**
+ * Builds the heatmap grid: quartile-bucketed cells, month labels and weekday
+ * labels. Pure — export it to reuse the data in your own insights panels.
+ */
+declare function buildHeatmapGrid(data: Record<string, number> | undefined, options?: HeatmapOptions): HeatmapGrid;
+interface HeatmapSummary {
+    /** Total across the rendered window. */
+    total: number;
+    /** Highest-value day, or `null` when the window is empty. */
+    busiest: {
+        date: string;
+        value: number;
+    } | null;
+    /** Average value per day. */
+    dailyAverage: number;
+    /** Average value per weekday index (0 = Monday … 6 = Sunday). */
+    weekdayAverages: number[];
+}
+/** Roll-up stats over the same window the grid renders. Pure. */
+declare function summarizeHeatmap(data: Record<string, number> | undefined, options?: HeatmapOptions): HeatmapSummary;
+interface ActivityHeatmapProps {
+    /** ISO date (`YYYY-MM-DD`) → value. Missing dates render as empty. */
+    data?: Record<string, number>;
+    /** Weeks rendered, ending with the week of `today`. Default `26`. */
+    weeks?: number;
+    /** ISO date used as the grid's last day. Default: today, local time. */
+    today?: string;
+    /** Cell size in px. Default `16`. */
+    cellSize?: number;
+    /** Base color of the heat ramp (any CSS color). Default: the theme primary. */
+    color?: string;
+    /** Formats the tooltip value, e.g. `(v) => "$" + v.toFixed(2)`. */
+    formatValue?: (value: number) => string;
+    /** BCP-47 locale for month / weekday labels. Default `"en-US"`. */
+    locale?: string;
+    /** Legend words around the swatch ramp. Default `["Less", "More"]`. */
+    legendLabels?: [string, string];
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * ActivityHeatmap — a calendar heatmap (GitHub-contribution style) over the
+ * last `weeks` weeks. Colors ride the klun tokens; the ramp is a
+ * `color-mix` of `color` (default: theme primary) at four intensities.
+ * Pair it with `summarizeHeatmap()` for busiest-day / weekday stats.
+ */
+declare const ActivityHeatmap: react.ForwardRefExoticComponent<ActivityHeatmapProps & react.RefAttributes<HTMLDivElement>>;
+
+type ActorKind = "member" | "agent" | "squad" | "system";
+type ActorAvatarSize = "20" | "24" | "32" | "40" | "56";
+/** Read the emoji out of a `"emoji:🐙"` avatar value, or `null`. */
+declare function parseAvatarEmoji(value?: string | null): string | null;
+/** Build the `src` value that stores an emoji avatar. */
+declare function formatAvatarEmoji(emoji: string): string;
+interface ActorAvatarProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Accessible name (image alt / group label). */
+    name: string;
+    /** Fallback initials for members. */
+    initials?: string;
+    /** Image URL; a value starting with `"emoji:"` renders that emoji instead. */
+    src?: string | null;
+    /** Explicit emoji avatar — wins over `src`. */
+    emoji?: string;
+    /** What kind of actor this is. Default `"member"`. */
+    kind?: ActorKind;
+    /** Avatar diameter. Default `"24"`. */
+    size?: ActorAvatarSize;
+}
+/**
+ * ActorAvatar — the single identity avatar for members, agents, squads and
+ * system actors (ported from the Multica UI). Always a circle; falls back to
+ * an emoji, a kind glyph, then initials. The `"emoji:"` src marker is kept so
+ * data written by Multica round-trips.
+ */
+declare const ActorAvatar: react.ForwardRefExoticComponent<ActorAvatarProps & react.RefAttributes<HTMLSpanElement>>;
+
 type AvatarSize = "20" | "24" | "32" | "40" | "48" | "56" | "64" | "72" | "80";
 type AvatarStatus = "online" | "busy" | "away" | "offline";
 interface AvatarProps extends HTMLAttributes<HTMLSpanElement> {
@@ -799,6 +939,53 @@ declare function parsePatch(patch: string): DiffHunk[];
  */
 declare const DiffViewer: react.ForwardRefExoticComponent<DiffViewerProps & react.RefAttributes<HTMLDivElement>>;
 
+interface ItemGroupProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** List wrapper (`role="list"`) for a run of `<Item>` rows. */
+declare const ItemGroup: react.ForwardRefExoticComponent<ItemGroupProps & react.RefAttributes<HTMLDivElement>>;
+type ItemVariant = "default" | "outline" | "muted";
+type ItemSize = "default" | "small" | "xsmall";
+interface ItemProps extends HTMLAttributes<HTMLDivElement> {
+    variant?: ItemVariant;
+    size?: ItemSize;
+}
+/**
+ * Item — one row of rich content: media + content + actions (ported from the
+ * Multica UI). Used for settings rows, suggestion lists, compact menu entries;
+ * pair with `ItemGroup` and `ItemSeparator`.
+ */
+declare const Item: react.ForwardRefExoticComponent<ItemProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const ItemSeparator: react.ForwardRefExoticComponent<ItemSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+type ItemMediaVariant = "default" | "icon" | "image";
+interface ItemMediaProps extends HTMLAttributes<HTMLDivElement> {
+    /** `"icon"` squares a 16px glyph; `"image"` frames a 40px thumbnail. */
+    variant?: ItemMediaVariant;
+}
+declare const ItemMedia: react.ForwardRefExoticComponent<ItemMediaProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const ItemContent: react.ForwardRefExoticComponent<ItemContentProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemTitleProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const ItemTitle: react.ForwardRefExoticComponent<ItemTitleProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const ItemDescription: react.ForwardRefExoticComponent<ItemDescriptionProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemActionsProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Right-aligned action cluster (buttons, kebabs…). */
+declare const ItemActions: react.ForwardRefExoticComponent<ItemActionsProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemHeaderProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Full-width row above the content (badges, timestamps). */
+declare const ItemHeader: react.ForwardRefExoticComponent<ItemHeaderProps & react.RefAttributes<HTMLDivElement>>;
+interface ItemFooterProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Full-width row below the content (progress, metadata). */
+declare const ItemFooter: react.ForwardRefExoticComponent<ItemFooterProps & react.RefAttributes<HTMLDivElement>>;
+
 interface KanbanCard {
     id: string;
     title: ReactNode;
@@ -818,7 +1005,7 @@ interface KanbanColumn {
 }
 interface KanbanProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
     columns: KanbanColumn[];
-    /** Fired when a card is dropped in another position/column. */
+    /** Fired when a card lands in another position/column. */
     onMove?: (cardId: string, fromColumn: string, toColumn: string, toIndex: number) => void;
     onCardClick?: (card: KanbanCard, columnId: string) => void;
     /** Replace the default card body. */
@@ -829,45 +1016,23 @@ interface KanbanProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
     style?: CSSProperties;
 }
 /**
- * Kanban — dependency-free drag & drop board. Columns hold cards; dropping a
- * card calls `onMove(cardId, fromColumn, toColumn, toIndex)` so the parent owns
- * the data. Native HTML5 DnD, keyboard-clickable cards.
+ * Where a dragged card lands: `overId` is a card (insert before/after it) or a
+ * column (append). Returns null when the card is unknown or nothing would move.
  */
-declare const Kanban: react.ForwardRefExoticComponent<KanbanProps & react.RefAttributes<HTMLDivElement>>;
-
-interface VirtualColumn<Row> {
-    key: string;
-    header: ReactNode;
-    /** Fixed px width; omit to share the remaining space. */
-    width?: number;
-    align?: "left" | "center" | "right";
-    render?: (row: Row, index: number) => ReactNode;
-}
-interface VirtualTableProps<Row = Record<string, unknown>> extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
-    rows: Row[];
-    columns: Array<VirtualColumn<Row>>;
-    /** Fixed row height in px — required for windowing. Default `40`. */
-    rowHeight?: number;
-    /** Viewport height in px. Default `420`. */
-    height?: number;
-    getRowId?: (row: Row, index: number) => string | number;
-    onRowClick?: (row: Row, index: number) => void;
-    /** Extra rows rendered above/below the viewport. Default `8`. */
-    overscan?: number;
-    zebra?: boolean;
-    empty?: ReactNode;
-    style?: CSSProperties;
-}
+declare function resolveMove(columns: KanbanColumn[], activeId: string, overId: string, after: boolean): {
+    fromColumn: string;
+    toColumn: string;
+    toIndex: number;
+} | null;
 /**
- * VirtualTable — windowed table for very large datasets (100k+ rows). Renders
- * only the visible slice plus `overscan`, so scrolling stays smooth. Columns use
- * the same render-function shape as `Table`, minus sorting/selection (keep that
- * work server-side for big data).
+ * Kanban — drag & drop board (dnd-kit: mouse, touch and keyboard). Columns hold
+ * cards; dropping a card calls `onMove(cardId, fromColumn, toColumn, toIndex)`
+ * so the parent owns the data. `toIndex` is the position in the target column
+ * **after** the card is removed from its old slot, so consumers can simply
+ * `splice(toIndex, 0, card)`. Dropping on the lower half of a card lands after
+ * it, on the upper half before it; dropping on empty column space appends.
  */
-declare function VirtualTable<Row = Record<string, unknown>>({ rows, columns, rowHeight, height, getRowId, onRowClick, overscan, zebra, empty, className, style, ...props }: VirtualTableProps<Row>): react.JSX.Element;
-declare namespace VirtualTable {
-    var displayName: string;
-}
+declare const Kanban: react.ForwardRefExoticComponent<KanbanProps & react.RefAttributes<HTMLDivElement>>;
 
 interface KbdProps extends HTMLAttributes<HTMLElement> {
     children?: ReactNode;
@@ -931,6 +1096,39 @@ interface ListItemProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
  */
 declare const ListItem: react.ForwardRefExoticComponent<ListItemProps & react.RefAttributes<HTMLDivElement>>;
 
+type ListGridSortDirection = "asc" | "desc";
+/**
+ * Linear-style list grid (ported from the Multica UI). The container declares
+ * every column track once; the header, rows and skeletons inherit it via
+ * `grid-template-columns: subgrid`, so column widths have a single source of
+ * truth and never drift. Template convention: the first and last tracks are
+ * edge-padding columns — header/row render the matching placeholder cells, so
+ * row hover backgrounds stay full-bleed while content aligns with page chrome.
+ */
+interface ListGridProps extends HTMLAttributes<HTMLDivElement> {
+    /** The shared `grid-template-columns` track list. */
+    columns: string;
+}
+declare const ListGrid: react.ForwardRefExoticComponent<ListGridProps & react.RefAttributes<HTMLDivElement>>;
+/** Sticky header row; carries a soft fade band below it while rows scroll. */
+declare const ListGridHeader: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+/** Rows area; carries any virtualization padding. It does not scroll — keep
+ *  the single scroller on an outer wrapper with the sticky header inside. */
+declare const ListGridBody: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+interface ListGridHeaderCellProps extends HTMLAttributes<HTMLDivElement> {
+    /** Active sort direction of this column; `false` when not the active sort. */
+    sorted?: ListGridSortDirection | false;
+    /** When provided the header renders as a sort button. */
+    onSort?: () => void;
+    align?: "left" | "right";
+}
+declare const ListGridHeaderCell: react.ForwardRefExoticComponent<ListGridHeaderCellProps & react.RefAttributes<HTMLDivElement>>;
+declare const ListGridRow: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+declare const ListGridCell: react.ForwardRefExoticComponent<HTMLAttributes<HTMLDivElement> & react.RefAttributes<HTMLDivElement>>;
+/** Bottom clearance (px) to append to the rows area's padding so the last row
+ *  can scroll clear of floating UI pinned to the pane's bottom edge. */
+declare const LIST_GRID_BOTTOM_CLEARANCE = 64;
+
 type WikiLinkResolver = (target: string) => string | {
     href: string;
     label?: string;
@@ -985,6 +1183,54 @@ interface MoneyProps extends Omit<HTMLAttributes<HTMLSpanElement>, "prefix"> {
  */
 declare const Money: react.ForwardRefExoticComponent<MoneyProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface NumberFlowFormat {
+    minimumFractionDigits?: number;
+    maximumFractionDigits?: number;
+    useGrouping?: boolean;
+}
+interface NumberFlowProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children" | "prefix"> {
+    value: number;
+    /** `Intl.NumberFormat` locales. */
+    locales?: string | string[];
+    /** `Intl.NumberFormat` number options. */
+    format?: NumberFlowFormat;
+    prefix?: ReactNode;
+    suffix?: ReactNode;
+    /** Accessible label; defaults to the formatted value. */
+    label?: string;
+}
+/**
+ * NumberFlow — animated number, ported from the Multica UI's `@number-flow`
+ * wrappers onto a dependency-free rolling-digit implementation: each glyph is
+ * a column of 0-9 that slides to its digit, so only changed positions move.
+ * Bound: digits are keyed right-to-left, so a change in digit count animates
+ * the columns but does not slide positions into place. Non-digit characters
+ * (grouping, decimal point, sign) render statically.
+ */
+declare const NumberFlow: react.ForwardRefExoticComponent<NumberFlowProps & react.RefAttributes<HTMLSpanElement>>;
+interface CurrencyNumberFlowProps extends Omit<NumberFlowProps, "format" | "prefix" | "suffix" | "value"> {
+    value: number;
+    prefix?: string;
+    /** Values at or above this show no decimals. Default `100`. */
+    fractionThreshold?: number;
+}
+/** Currency variant: two decimals below `fractionThreshold`, none above. */
+declare const CurrencyNumberFlow: react.ForwardRefExoticComponent<CurrencyNumberFlowProps & react.RefAttributes<HTMLSpanElement>>;
+interface CompactNumberFlowProps extends Omit<NumberFlowProps, "format" | "suffix" | "value"> {
+    value: number;
+    /** Case of the K/M/B/T suffix. Default `"upper"`. */
+    suffixCase?: "lower" | "upper";
+}
+/** Compact variant: 1200 → “1.2K”, 3_400_000 → “3.4M”. */
+declare const CompactNumberFlow: react.ForwardRefExoticComponent<CompactNumberFlowProps & react.RefAttributes<HTMLSpanElement>>;
+interface CappedNumberFlowProps extends Omit<NumberFlowProps, "format" | "suffix" | "value"> {
+    value: number;
+    /** Cap shown as “max+”. Default `99`. */
+    max?: number;
+}
+/** Capped variant: 137 with `max={99}` renders “99+”. */
+declare const CappedNumberFlow: react.ForwardRefExoticComponent<CappedNumberFlowProps & react.RefAttributes<HTMLSpanElement>>;
+
 interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style"> {
     /** Current rating. Default `0`. */
     value?: number;
@@ -1000,6 +1246,42 @@ interface RatingProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" |
 /** Klun UI Rating — star rating, interactive or read-only. */
 declare const Rating: react.ForwardRefExoticComponent<RatingProps & react.RefAttributes<HTMLDivElement>>;
 
+/** One actor's reaction, before grouping. */
+interface ReactionItem {
+    /** Native emoji character. */
+    emoji: string;
+    /** Stable actor id used to detect the current user's own reaction. */
+    actorId: string;
+    /** Display name shown in the pill tooltip; falls back to the id. */
+    actorName?: string;
+}
+/** A grouped reaction pill. */
+interface Reaction {
+    emoji: string;
+    count: number;
+    /** Whether `currentActorId` reacted with this emoji. */
+    reacted: boolean;
+    /** Display names of the reacting actors, for the tooltip. */
+    actors: string[];
+}
+/** Group flat per-actor records for `<ReactionBar>`. */
+declare function groupReactions(items: ReactionItem[], currentActorId?: string): Reaction[];
+interface ReactionBarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Grouped reactions, usually built with `groupReactions`. */
+    reactions: Reaction[];
+    /** Fired when a pill is toggled or an emoji is picked. */
+    onToggle?: (emoji: string) => void;
+    /** Show the add-reaction button. Default `true`. */
+    showPicker?: boolean;
+    /** One-click emojis in the picker. */
+    pickerEmojis?: string[];
+}
+/**
+ * ReactionBar — a row of emoji reaction pills with per-pill actor tooltips and
+ * an add-reaction `QuickEmojiPicker` (ported from the Multica UI).
+ */
+declare const ReactionBar: react.ForwardRefExoticComponent<ReactionBarProps & react.RefAttributes<HTMLDivElement>>;
+
 interface RelativeTimeProps extends TimeHTMLAttributes<HTMLTimeElement> {
     date: Date | number | string;
     locale?: string;
@@ -1030,6 +1312,20 @@ interface ExpiryCountdownProps extends HTMLAttributes<HTMLSpanElement> {
  */
 declare const ExpiryCountdown: react.ForwardRefExoticComponent<ExpiryCountdownProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface ShimmerTextProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children"> {
+    /** Single-line text content. */
+    children: string;
+    /** Run the highlight sweep. Default `true`. */
+    active?: boolean;
+}
+/**
+ * ShimmerText — a single-line activity label where only the decorative
+ * highlight moves over still glyphs (ported 1:1 from the Multica UI). Use it
+ * for “agent is working” style labels; with `active={false}` it degrades to a
+ * plain inherited-colour span.
+ */
+declare const ShimmerText: react.ForwardRefExoticComponent<ShimmerTextProps & react.RefAttributes<HTMLSpanElement>>;
+
 type StatCardTint = "feature" | "success" | "warning" | "information" | "error";
 interface StatCardProps extends HTMLAttributes<HTMLDivElement> {
     label?: ReactNode;
@@ -1244,7 +1540,7 @@ interface TableProps<Row = any> extends Omit<HTMLAttributes<HTMLDivElement>, "st
     defaultExpandedRowKeys?: Array<string | number>;
     /** Show a toolbar "Columns" menu to toggle column visibility. */
     columnSettings?: boolean;
-    /** Enable drag-to-reorder rows (native HTML5 DnD; disabled in tree mode). */
+    /** Enable drag-to-reorder rows (dnd-kit: pointer + keyboard; disabled in tree mode). */
     rowDraggable?: boolean;
     /** Called with the reordered rows after a drop. */
     onReorder?: (rows: Row[], from: number, to: number) => void;
@@ -1369,6 +1665,40 @@ interface TreeProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
  */
 declare const Tree: react.ForwardRefExoticComponent<TreeProps & react.RefAttributes<HTMLDivElement>>;
 
+interface VirtualColumn<Row> {
+    key: string;
+    header: ReactNode;
+    /** Fixed px width; omit to share the remaining space. */
+    width?: number;
+    align?: "left" | "center" | "right";
+    render?: (row: Row, index: number) => ReactNode;
+}
+interface VirtualTableProps<Row = Record<string, unknown>> extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    rows: Row[];
+    columns: Array<VirtualColumn<Row>>;
+    /** Fixed row height in px — required for windowing. Default `40`. */
+    rowHeight?: number;
+    /** Viewport height in px. Default `420`. */
+    height?: number;
+    getRowId?: (row: Row, index: number) => string | number;
+    onRowClick?: (row: Row, index: number) => void;
+    /** Extra rows rendered above/below the viewport. Default `8`. */
+    overscan?: number;
+    zebra?: boolean;
+    empty?: ReactNode;
+    style?: CSSProperties;
+}
+/**
+ * VirtualTable — windowed table for very large datasets (100k+ rows). Renders
+ * only the visible slice plus `overscan`, so scrolling stays smooth. Columns use
+ * the same render-function shape as `Table`, minus sorting/selection (keep that
+ * work server-side for big data).
+ */
+declare function VirtualTable<Row = Record<string, unknown>>({ rows, columns, rowHeight, height, getRowId, onRowClick, overscan, zebra, empty, className, style, ...props }: VirtualTableProps<Row>): react.JSX.Element;
+declare namespace VirtualTable {
+    var displayName: string;
+}
+
 interface AccordionItem {
     id: string;
     title: ReactNode;
@@ -1457,6 +1787,40 @@ interface BannerProps extends HTMLAttributes<HTMLDivElement> {
 /** Banner — full-width page-level announcement bar. */
 declare const Banner: react.ForwardRefExoticComponent<BannerProps & react.RefAttributes<HTMLDivElement>>;
 
+interface BorderBeamProps extends HTMLAttributes<HTMLSpanElement> {
+}
+/**
+ * BorderBeam — a highlight that sweeps continuously around the host's rounded
+ * border, drawing the eye to a call-to-action that would otherwise blend into
+ * the chrome. Render it as a child of a positioned (`relative`), rounded host;
+ * the ring inherits the host's border radius.
+ *
+ * The sweep colour defaults to the theme accent — override
+ * `--klun-border-beam-gradient` (on the host or the beam) with any background
+ * value, e.g. an image, to restyle it.
+ */
+declare const BorderBeam: react.ForwardRefExoticComponent<BorderBeamProps & react.RefAttributes<HTMLSpanElement>>;
+
+type CapabilityResource = "agent" | "skill" | "comment" | "runtime" | "workspace";
+type CapabilityReason = "allowed" | "not_authenticated" | "not_member" | "not_owner_role" | "not_admin_role" | "not_resource_owner" | "last_owner" | "private_visibility" | "unknown";
+interface CapabilityBannerProps extends HTMLAttributes<HTMLDivElement> {
+    /** Why the current user cannot edit; `"allowed"`/`"unknown"` render nothing. */
+    reason: CapabilityReason;
+    /** What kind of resource the page is about. */
+    resource: CapabilityResource;
+    /** Owner display name; the copy degrades gracefully without it. */
+    ownerName?: string;
+    /** Override the derived copy. */
+    message?: ReactNode;
+}
+/**
+ * CapabilityBanner — read-only notice for resource detail pages, shown when
+ * the current user cannot edit (ported from the Multica UI, same copy rules so
+ * wording stays consistent across resources). Returns `null` when editing is
+ * allowed, so callers can mount it unconditionally.
+ */
+declare const CapabilityBanner: react.ForwardRefExoticComponent<CapabilityBannerProps & react.RefAttributes<HTMLDivElement>>;
+
 type CircularProgressColor = "primary" | "success" | "warning" | "error";
 interface CircularProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
     value?: number;
@@ -1470,6 +1834,29 @@ interface CircularProgressProps extends Omit<HTMLAttributes<HTMLDivElement>, "st
 /** Klun UI CircularProgress — ring progress with optional center label. */
 declare const CircularProgress: react.ForwardRefExoticComponent<CircularProgressProps & react.RefAttributes<HTMLDivElement>>;
 
+interface DotSphereProps extends HTMLAttributes<HTMLCanvasElement> {
+    /** Dot pitch in px. Default `20`. */
+    dotGap?: number;
+    /** `"travel"` sends spheres across the field, `"wave"` pulses them in place. */
+    motion?: "travel" | "wave";
+    sphereCount?: number;
+    sphereRadius?: number | `${number}%`;
+    dotRadiusMax?: number;
+    speed?: number;
+    /** Canvas background; `"transparent"` (default) keeps the host visible. */
+    bgColor?: string;
+    /** Dot colour; `"currentColor"` (default) follows the CSS `color`. */
+    dotColor?: string;
+    followMouse?: boolean;
+}
+/**
+ * DotSphere — decorative canvas dot field with travelling or waving spheres
+ * (ported from the Multica UI; honours `prefers-reduced-motion` by painting a
+ * single static frame). Purely presentational; `dotColor` defaults to
+ * `currentColor`, so tint the host with a klun token and it follows the theme.
+ */
+declare const DotSphere: react.ForwardRefExoticComponent<DotSphereProps & react.RefAttributes<HTMLCanvasElement>>;
+
 interface EmptyStateProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     icon?: ReactNode;
     title?: ReactNode;
@@ -1541,6 +1928,30 @@ declare const Message: react.ForwardRefExoticComponent<MessageProps & react.RefA
  */
 declare function useMessage(defaults?: UseMessageDefaults): [MessageApi, ReactNode];
 
+interface NavigationProgressProps {
+    /** Whether a navigation is in flight. */
+    active: boolean;
+    /**
+     * Pin the bar to the viewport (default) or to the nearest positioned
+     * ancestor — use `"absolute"` when the app renders inside a scroll pane.
+     */
+    position?: "fixed" | "absolute";
+    /** Distance from the top edge. Default `0`. */
+    top?: number | string;
+    className?: string;
+    style?: CSSProperties;
+}
+/**
+ * NavigationProgress — a 2px indeterminate sweep across the top of the
+ * viewport while a route transition is committing. Purely presentational:
+ * drive it from your router's transition state (or any `active` flag).
+ *
+ * The container stays mounted so the bar can fade out over 200ms; the
+ * `infinite` sweep animation is mounted only while active (plus the fade-out
+ * tail), so a hidden bar never burns paints.
+ */
+declare function NavigationProgress({ active, position, top, className, style, }: NavigationProgressProps): react.JSX.Element;
+
 type NotificationStatus = "default" | "information" | "success" | "warning" | "error" | "loading";
 interface NotificationProps extends Omit<HTMLAttributes<HTMLDivElement>, "title"> {
     status?: NotificationStatus;
@@ -1753,6 +2164,97 @@ declare namespace Toaster {
     var displayName: string;
 }
 
+/** Built-in frame sets, keyed by animation name. */
+declare const UNICODE_ANIMATIONS: {
+    braille: {
+        interval: number;
+        frames: string[];
+    };
+    braillewave: {
+        interval: number;
+        frames: string[];
+    };
+    dna: {
+        interval: number;
+        frames: string[];
+    };
+    scan: {
+        interval: number;
+        frames: string[];
+    };
+    rain: {
+        interval: number;
+        frames: string[];
+    };
+    scanline: {
+        interval: number;
+        frames: string[];
+    };
+    pulse: {
+        interval: number;
+        frames: string[];
+    };
+    snake: {
+        interval: number;
+        frames: string[];
+    };
+    sparkle: {
+        interval: number;
+        frames: string[];
+    };
+    cascade: {
+        interval: number;
+        frames: string[];
+    };
+    columns: {
+        interval: number;
+        frames: string[];
+    };
+    orbit: {
+        interval: number;
+        frames: string[];
+    };
+    breathe: {
+        interval: number;
+        frames: string[];
+    };
+    waverows: {
+        interval: number;
+        frames: string[];
+    };
+    checkerboard: {
+        interval: number;
+        frames: string[];
+    };
+    helix: {
+        interval: number;
+        frames: string[];
+    };
+    fillsweep: {
+        interval: number;
+        frames: string[];
+    };
+    diagswipe: {
+        interval: number;
+        frames: string[];
+    };
+};
+type UnicodeSpinnerName = keyof typeof UNICODE_ANIMATIONS;
+
+interface UnicodeSpinnerProps extends HTMLAttributes<HTMLSpanElement> {
+    /** Animation frame set. Default `"braille"`. */
+    name?: UnicodeSpinnerName;
+    /** Freeze on the current frame without unmounting (e.g. when an outer state freezes). */
+    paused?: boolean;
+}
+/**
+ * UnicodeSpinner — inline braille/unicode frame animation, ported from the
+ * Multica UI. Renders the current frame inside a fixed-width monospace span so
+ * frames never reflow neighbouring text. Decorative: the glyph is
+ * `aria-hidden`, put the status text next to it.
+ */
+declare const UnicodeSpinner: react.ForwardRefExoticComponent<UnicodeSpinnerProps & react.RefAttributes<HTMLSpanElement>>;
+
 interface AutoCompleteOption {
     value: string;
     label?: ReactNode;
@@ -1988,6 +2490,24 @@ interface CompactSelectForInputProps extends Omit<SelectHTMLAttributes<HTMLSelec
  */
 declare const CompactSelectForInput: react.ForwardRefExoticComponent<CompactSelectForInputProps & react.RefAttributes<HTMLSelectElement>>;
 
+type CounterInputSize = "small" | "medium" | "large";
+interface CounterInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
+    value?: number;
+    min?: number;
+    max?: number;
+    step?: number;
+    size?: CounterInputSize;
+    onChange?: (value: number) => void;
+    disabled?: boolean;
+    /** Optional unit shown after the value, e.g. "kg". */
+    suffix?: ReactNode;
+}
+/**
+ * CounterInput — numeric stepper with decrement / increment controls.
+ * `ref` forwards to the root wrapper.
+ */
+declare const CounterInput: react.ForwardRefExoticComponent<CounterInputProps & react.RefAttributes<HTMLDivElement>>;
+
 interface CronPreset {
     label: string;
     value: string;
@@ -2025,24 +2545,6 @@ declare function describeCron(cron: string): string;
  */
 declare const CronEditor: react.ForwardRefExoticComponent<CronEditorProps & react.RefAttributes<HTMLDivElement>>;
 
-type CounterInputSize = "small" | "medium" | "large";
-interface CounterInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
-    value?: number;
-    min?: number;
-    max?: number;
-    step?: number;
-    size?: CounterInputSize;
-    onChange?: (value: number) => void;
-    disabled?: boolean;
-    /** Optional unit shown after the value, e.g. "kg". */
-    suffix?: ReactNode;
-}
-/**
- * CounterInput — numeric stepper with decrement / increment controls.
- * `ref` forwards to the root wrapper.
- */
-declare const CounterInput: react.ForwardRefExoticComponent<CounterInputProps & react.RefAttributes<HTMLDivElement>>;
-
 interface DatePickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style"> {
     value?: Date | string | null;
     onChange?: (date: Date) => void;
@@ -2128,6 +2630,78 @@ interface DigitInputProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange
  */
 declare const DigitInput: react.ForwardRefExoticComponent<DigitInputProps & react.RefAttributes<HTMLDivElement>>;
 
+interface EmojiDef {
+    /** Native emoji character(s). */
+    emoji: string;
+    /** Display name. */
+    name: string;
+    /** Search keywords (subset of the upstream list). */
+    keywords: string[];
+}
+interface EmojiGroup {
+    /** Stable group id. */
+    id: string;
+    /** Group label for tabs. */
+    label: string;
+    emojis: EmojiDef[];
+}
+
+interface EmojiPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onSelect"> {
+    /** Fired with the native emoji character. */
+    onSelect: (emoji: string, def: EmojiDef) => void;
+    /** Groups to render. Defaults to the built-in trimmed emoji-mart set. */
+    groups?: EmojiGroup[];
+    /** Cells per row. Default `8`. */
+    columns?: number;
+    /** Show the search field. Default `true`. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Copy for an empty search result. */
+    emptyText?: string;
+}
+/**
+ * EmojiPicker — searchable, grouped emoji grid (ported from the Multica UI's
+ * emoji-mart picker onto a self-contained dataset). Renders inline; put it in
+ * a popover/dialog yourself, or use `QuickEmojiPicker` for the ready-made
+ * add-reaction button.
+ */
+declare const EmojiPicker: react.ForwardRefExoticComponent<EmojiPickerProps & react.RefAttributes<HTMLDivElement>>;
+
+interface FieldGroupProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Vertical stack of fields (one form section). */
+declare const FieldGroup: react.ForwardRefExoticComponent<FieldGroupProps & react.RefAttributes<HTMLDivElement>>;
+type FieldOrientation = "vertical" | "horizontal";
+interface FieldProps extends HTMLAttributes<HTMLDivElement> {
+    /** `"vertical"` stacks label above the control; `"horizontal"` puts the
+     *  label in a fixed left column (tune `--klun-field-label-w`). */
+    orientation?: FieldOrientation;
+    /** Marks the field invalid: tints the label/description hooks via `data-invalid`. */
+    invalid?: boolean;
+}
+/** One form field: label/description + control. */
+declare const Field: react.ForwardRefExoticComponent<FieldProps & react.RefAttributes<HTMLDivElement>>;
+interface FieldContentProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Groups title + description so they keep a tight gap. */
+declare const FieldContent: react.ForwardRefExoticComponent<FieldContentProps & react.RefAttributes<HTMLDivElement>>;
+interface FieldLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
+}
+/** `<label>` variant — use when the control can be associated by htmlFor. */
+declare const FieldLabel: react.ForwardRefExoticComponent<FieldLabelProps & react.RefAttributes<HTMLLabelElement>>;
+interface FieldTitleProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Non-`<label>` variant for controls that need a group title. */
+declare const FieldTitle: react.ForwardRefExoticComponent<FieldTitleProps & react.RefAttributes<HTMLDivElement>>;
+interface FieldDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Helper text under the control. */
+declare const FieldDescription: react.ForwardRefExoticComponent<FieldDescriptionProps & react.RefAttributes<HTMLDivElement>>;
+interface FieldErrorProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Validation message; announced by screen readers (`role="alert"`). */
+declare const FieldError: react.ForwardRefExoticComponent<FieldErrorProps & react.RefAttributes<HTMLDivElement>>;
+
 interface FileUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
     /** Called with the dropped/selected files. */
     onFiles?: (files: File[]) => void;
@@ -2269,6 +2843,43 @@ interface HintProps extends HTMLAttributes<HTMLSpanElement> {
 /** Klun UI HintText — helper / error text beneath a field. */
 declare const Hint: react.ForwardRefExoticComponent<HintProps & react.RefAttributes<HTMLSpanElement>>;
 
+interface IconGroup {
+    /** Group label shown as a tab, e.g. `"常用"`. */
+    label: string;
+    /** Icon names of the group, e.g. `"ri-settings-3-line"`. */
+    icons: string[];
+}
+/** Built-in icon library — Remix line glyphs, grouped by purpose. */
+declare const ICON_GROUPS: IconGroup[];
+interface IconPickerProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "style"> {
+    /** Selected icon name (e.g. `"ri-settings-3-line"`); empty = nothing picked. */
+    value?: string;
+    /** Fired with the picked icon name, or `""` when cleared. */
+    onChange?: (icon: string) => void;
+    /** Icon library to browse. Defaults to the built-in `ICON_GROUPS`. */
+    groups?: IconGroup[];
+    /** Dialog title. Default `"选择图标"`. */
+    dialogTitle?: ReactNode;
+    /** Search field placeholder. */
+    placeholder?: string;
+    /** Turn an icon name into a node. Defaults to a Remix `<i class={name} />`. */
+    renderIcon?: (icon: string) => ReactNode;
+    /** Glyph for the empty state. Defaults to a plus. */
+    renderEmpty?: () => ReactNode;
+    /** Dialog width. Default `520`. */
+    width?: number | string;
+    /** Greyscale text put in the footer next to the current icon. */
+    emptyText?: string;
+    disabled?: boolean;
+    style?: CSSProperties;
+}
+/**
+ * IconPicker — a 38×32 icon trigger that opens a searchable icon dialog
+ * (category tabs + auto-filling grid). Picking an icon commits immediately;
+ * `清除` empties the value.
+ */
+declare const IconPicker: react.ForwardRefExoticComponent<IconPickerProps & react.RefAttributes<HTMLDivElement>>;
+
 type ImageUploadShape = "circle" | "square";
 interface ImageUploadProps extends Omit<HTMLAttributes<HTMLDivElement>, "style"> {
     /** Current image URL; shows the preview when set. */
@@ -2370,6 +2981,42 @@ interface InputProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "size">
  */
 declare const Input: react.ForwardRefExoticComponent<InputProps & react.RefAttributes<HTMLInputElement>>;
 
+interface InputGroupProps extends HTMLAttributes<HTMLDivElement> {
+}
+/**
+ * InputGroup — a field row that packs the input with addons and buttons into
+ * one framed control (ported from the Multica UI). Use `block-*` addons to
+ * stack content above/below the input; focus ring, disabled and invalid states
+ * live on the group, matching `Input`.
+ */
+declare const InputGroup: react.ForwardRefExoticComponent<InputGroupProps & react.RefAttributes<HTMLDivElement>>;
+interface InputGroupInputProps extends InputHTMLAttributes<HTMLInputElement> {
+}
+/** The borderless input that lives inside the group. */
+declare const InputGroupInput: react.ForwardRefExoticComponent<InputGroupInputProps & react.RefAttributes<HTMLInputElement>>;
+type InputGroupAddonAlign = "inline-start" | "inline-end" | "block-start" | "block-end";
+interface InputGroupAddonProps extends HTMLAttributes<HTMLDivElement> {
+    align?: InputGroupAddonAlign;
+}
+/**
+ * Icon/text/control slot next to the input. A click anywhere on the addon
+ * focuses the input — addons read as part of the field — while buttons inside
+ * keep their own click behaviour.
+ */
+declare const InputGroupAddon: react.ForwardRefExoticComponent<InputGroupAddonProps & react.RefAttributes<HTMLDivElement>>;
+interface InputGroupTextProps extends HTMLAttributes<HTMLSpanElement> {
+}
+/** Plain text slot (prefix, suffix, unit…). */
+declare const InputGroupText: react.ForwardRefExoticComponent<InputGroupTextProps & react.RefAttributes<HTMLSpanElement>>;
+type InputGroupButtonSize = "xsmall" | "icon-xsmall" | "icon-small";
+type InputGroupButtonVariant = "ghost" | "soft" | "primary";
+interface InputGroupButtonProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    size?: InputGroupButtonSize;
+    variant?: InputGroupButtonVariant;
+}
+/** Compact button sized to sit inside the group (attach, send, clear…). */
+declare const InputGroupButton: react.ForwardRefExoticComponent<InputGroupButtonProps & react.RefAttributes<HTMLButtonElement>>;
+
 interface LabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
     required?: boolean;
     sublabel?: ReactNode;
@@ -2396,6 +3043,26 @@ interface PasswordStrengthProps extends HTMLAttributes<HTMLDivElement> {
  */
 declare const PasswordStrength: react.ForwardRefExoticComponent<PasswordStrengthProps & react.RefAttributes<HTMLDivElement>>;
 
+/** The eight one-click reactions offered before expanding to the full picker. */
+declare const QUICK_EMOJIS: string[];
+interface QuickEmojiPickerProps {
+    /** Fired with the native emoji character. */
+    onSelect: (emoji: string) => void;
+    /** One-click reactions. Defaults to the built-in row. */
+    emojis?: string[];
+    /** Panel alignment against the trigger. Default `"left"`. */
+    align?: "left" | "right";
+    /** Accessible name / tooltip of the trigger. Default `"Add reaction"`. */
+    label?: string;
+    className?: string;
+}
+/**
+ * QuickEmojiPicker — a small add-reaction button: a popover with one-click
+ * reactions and a “More emojis…” expansion of the full `EmojiPicker`
+ * (ported from the Multica UI).
+ */
+declare const QuickEmojiPicker: react.ForwardRefExoticComponent<QuickEmojiPickerProps & react.RefAttributes<HTMLButtonElement>>;
+
 type RadioSize = "small" | "medium" | "large";
 interface RadioProps extends Omit<InputHTMLAttributes<HTMLInputElement>, "onChange" | "value" | "type" | "size"> {
     checked?: boolean;
@@ -2461,15 +3128,6 @@ interface RangeSliderProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChang
  */
 declare const RangeSlider: react.ForwardRefExoticComponent<RangeSliderProps & react.RefAttributes<HTMLDivElement>>;
 
-interface RichEditorToolbarProps extends HTMLAttributes<HTMLDivElement> {
-    /** Ids of active formatting buttons (bold, italic, h1, ul, …). */
-    active?: string[];
-    /** Called with the button id when a tool is pressed. */
-    onAction?: (id: string) => void;
-}
-/** RichEditorToolbar — formatting toolbar for a text editor (presentational). */
-declare const RichEditorToolbar: react.ForwardRefExoticComponent<RichEditorToolbarProps & react.RefAttributes<HTMLDivElement>>;
-
 interface RichEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
     /** HTML value. Controlled. */
     value?: string;
@@ -2494,6 +3152,15 @@ interface RichEditorProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange
  */
 declare const RichEditor: react.ForwardRefExoticComponent<RichEditorProps & react.RefAttributes<HTMLDivElement>>;
 
+interface RichEditorToolbarProps extends HTMLAttributes<HTMLDivElement> {
+    /** Ids of active formatting buttons (bold, italic, h1, ul, …). */
+    active?: string[];
+    /** Called with the button id when a tool is pressed. */
+    onAction?: (id: string) => void;
+}
+/** RichEditorToolbar — formatting toolbar for a text editor (presentational). */
+declare const RichEditorToolbar: react.ForwardRefExoticComponent<RichEditorToolbarProps & react.RefAttributes<HTMLDivElement>>;
+
 interface SelectProps extends Omit<SelectHTMLAttributes<HTMLSelectElement>, "size" | "style"> {
     size?: "xsmall" | "small" | "medium" | "large";
     placeholder?: string;
@@ -2986,6 +3653,74 @@ interface SegmentedControlProps extends Omit<HTMLAttributes<HTMLDivElement>, "on
 /** Klun UI SegmentedControl — equal-width segmented toggle. */
 declare const SegmentedControl: react.ForwardRefExoticComponent<SegmentedControlProps & react.RefAttributes<HTMLDivElement>>;
 
+interface SidebarNavItem {
+    /** Unique key; also the `navKey` value that marks this rail button active. */
+    key: string;
+    /** Icon rendered inside the 40px square button. */
+    icon?: ReactNode;
+    /** Accessible name; also used as the native tooltip. */
+    label?: string;
+    disabled?: boolean;
+}
+interface SidebarMenuItem {
+    key: string;
+    label: ReactNode;
+    icon?: ReactNode;
+    disabled?: boolean;
+    /** Non-empty children turn the row into an expander (chevron + nested list). */
+    children?: SidebarMenuItem[];
+}
+interface SidebarSection {
+    /** Group caption row. */
+    title?: ReactNode;
+    items: SidebarMenuItem[];
+}
+interface SidebarProps extends Omit<HTMLAttributes<HTMLDivElement>, "title" | "onSelect"> {
+    /** Brand / logo node shown at the top of the icon rail. */
+    brand?: ReactNode;
+    /** Icon-rail navigation entries. */
+    navItems?: SidebarNavItem[];
+    /** Icon-rail entries pinned to the bottom (e.g. settings). */
+    footNavItems?: SidebarNavItem[];
+    /** Avatar or account slot pinned below the rail's foot items. */
+    avatar?: ReactNode;
+    /** Controlled active rail key. */
+    navKey?: string;
+    /** Initial active rail key when uncontrolled. */
+    defaultNavKey?: string;
+    /** Fired when a rail entry is chosen. */
+    onNavChange?: (key: string) => void;
+    /** Detail-panel heading (e.g. the active section name). */
+    title?: ReactNode;
+    /** Menu sections rendered in the detail panel. */
+    sections?: SidebarSection[];
+    /** Controlled key of the highlighted menu row. */
+    selectedKey?: string;
+    /** Fired when a leaf menu row is chosen. */
+    onSelect?: (key: string, item: SidebarMenuItem) => void;
+    /** Menu keys whose children start expanded (uncontrolled). */
+    defaultExpandedKeys?: string[];
+    /** Render the search field above the menu. */
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    /** Fired on every keystroke in the search field. */
+    onSearch?: (value: string) => void;
+    /** Controlled collapsed state of the detail panel. */
+    collapsed?: boolean;
+    /** Initial collapsed state when uncontrolled. Default `false`. */
+    defaultCollapsed?: boolean;
+    /** Fired whenever the collapsed state changes. */
+    onCollapse?: (collapsed: boolean) => void;
+}
+/**
+ * Sidebar — two-level navigation: a fixed 64px icon rail (brand, primary
+ * icons, foot items, avatar) beside a 320px detail panel that collapses to
+ * the same 64px width. Ported 1:1 from the “Minimalist sidebar” Figma Make
+ * community file; colours go through klun tokens, geometry and the 500ms
+ * soft-spring collapse animation follow the original.
+ */
+declare const Sidebar: react.ForwardRefExoticComponent<SidebarProps & react.RefAttributes<HTMLDivElement>>;
+
 interface Step {
     label: ReactNode;
     description?: ReactNode;
@@ -2998,6 +3733,97 @@ interface StepIndicatorProps extends HTMLAttributes<HTMLDivElement> {
 /** Klun UI StepIndicator — horizontal numbered progress stepper. */
 declare const StepIndicator: react.ForwardRefExoticComponent<StepIndicatorProps & react.RefAttributes<HTMLDivElement>>;
 
+type StepperOrientation = "horizontal" | "vertical";
+type StepperStepState = "active" | "completed" | "inactive" | "loading";
+interface StepperIndicators {
+    active?: ReactNode;
+    completed?: ReactNode;
+    inactive?: ReactNode;
+    loading?: ReactNode;
+}
+interface StepperContextValue {
+    activeStep: number;
+    setActiveStep: (step: number) => void;
+    orientation: StepperOrientation;
+    registerTrigger: (node: HTMLButtonElement) => void;
+    unregisterTrigger: (node: HTMLButtonElement) => void;
+    triggerNodes: HTMLButtonElement[];
+    focusNext: (currentIndex: number) => void;
+    focusPrev: (currentIndex: number) => void;
+    focusFirst: () => void;
+    focusLast: () => void;
+    indicators: StepperIndicators;
+}
+interface StepItemContextValue {
+    step: number;
+    state: StepperStepState;
+    isDisabled: boolean;
+    isLoading: boolean;
+}
+declare function useStepper(): StepperContextValue;
+declare function useStepItem(): StepItemContextValue;
+interface StepperProps extends Omit<HTMLAttributes<HTMLDivElement>, "onChange" | "defaultValue"> {
+    /** Initial step when uncontrolled. Default `1`. */
+    defaultValue?: number;
+    /** Controlled active step (1-based). */
+    value?: number;
+    onValueChange?: (value: number) => void;
+    orientation?: StepperOrientation;
+    /** Replace the default indicator content per state. */
+    indicators?: StepperIndicators;
+}
+/**
+ * Stepper — interactive tab-style step navigation (ported from the Multica UI):
+ * click or arrow-key between steps, with a content panel per step. Unlike the
+ * presentational `StepIndicator`, steps are actionable and panels switch; for
+ * linear form flows use `Wizard`.
+ */
+declare const Stepper: react.ForwardRefExoticComponent<StepperProps & react.RefAttributes<HTMLDivElement>>;
+interface StepperNavProps extends HTMLAttributes<HTMLElement> {
+}
+/** Row/column that holds the step triggers (and separators). */
+declare const StepperNav: react.ForwardRefExoticComponent<StepperNavProps & react.RefAttributes<HTMLElement>>;
+interface StepperItemProps extends HTMLAttributes<HTMLDivElement> {
+    /** 1-based step number. */
+    step: number;
+    /** Force the completed state (otherwise `step < activeStep` does). */
+    completed?: boolean;
+    disabled?: boolean;
+    /** Show the loading indicator while this is the active step. */
+    loading?: boolean;
+}
+declare const StepperItem: react.ForwardRefExoticComponent<StepperItemProps & react.RefAttributes<HTMLDivElement>>;
+interface StepperTriggerProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+}
+/** The clickable step. Registers itself for arrow-key navigation. */
+declare const StepperTrigger: react.ForwardRefExoticComponent<StepperTriggerProps & react.RefAttributes<HTMLButtonElement>>;
+interface StepperIndicatorProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Circular state badge (number by default; replaceable via `indicators`). */
+declare const StepperIndicator: react.ForwardRefExoticComponent<StepperIndicatorProps & react.RefAttributes<HTMLDivElement>>;
+interface StepperSeparatorProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Connector between steps; fills with the accent once its step completes.
+ *  Render it inside the `StepperItem` it follows. */
+declare const StepperSeparator: react.ForwardRefExoticComponent<StepperSeparatorProps & react.RefAttributes<HTMLDivElement>>;
+interface StepperTitleProps extends HTMLAttributes<HTMLHeadingElement> {
+}
+declare const StepperTitle: react.ForwardRefExoticComponent<StepperTitleProps & react.RefAttributes<HTMLHeadingElement>>;
+interface StepperDescriptionProps extends HTMLAttributes<HTMLDivElement> {
+}
+declare const StepperDescription: react.ForwardRefExoticComponent<StepperDescriptionProps & react.RefAttributes<HTMLDivElement>>;
+interface StepperPanelProps extends HTMLAttributes<HTMLDivElement> {
+}
+/** Wrapper for the step content below the nav. */
+declare const StepperPanel: react.ForwardRefExoticComponent<StepperPanelProps & react.RefAttributes<HTMLDivElement>>;
+interface StepperContentProps extends HTMLAttributes<HTMLDivElement> {
+    /** The step this panel belongs to. */
+    value: number;
+    /** Keep the panel mounted (hidden) when inactive. */
+    forceMount?: boolean;
+}
+declare const StepperContent: react.ForwardRefExoticComponent<StepperContentProps & react.RefAttributes<HTMLDivElement>>;
+
 interface TabItem {
     value: string;
     label: ReactNode;
@@ -3199,6 +4025,35 @@ interface DropdownProps extends HTMLAttributes<HTMLSpanElement> {
 /** Klun UI Dropdown — click-to-open menu anchored to a trigger. */
 declare const Dropdown: react.ForwardRefExoticComponent<DropdownProps & react.RefAttributes<HTMLSpanElement>>;
 
+type HoverCardSide = "top" | "bottom" | "left" | "right";
+type HoverCardAlign = "start" | "center" | "end";
+interface HoverCardProps {
+    children: ReactNode;
+    /** Hover-in delay in ms. Default `300`. */
+    openDelay?: number;
+    /** Hover-out delay in ms; re-entering the trigger or panel cancels it. Default `150`. */
+    closeDelay?: number;
+    /** Controlled open state. */
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}
+/**
+ * HoverCard — a rich preview panel that opens on hover/focus of its trigger
+ * (ported from the Multica UI). Unlike `Tooltip`, the panel is interactive and
+ * stays open while the pointer is inside it.
+ */
+declare function HoverCard({ children, openDelay, closeDelay, open: openProp, onOpenChange, }: HoverCardProps): react.JSX.Element;
+interface HoverCardTriggerProps extends HTMLAttributes<HTMLSpanElement> {
+}
+/** Wraps the hover/focus target (usually a link or button). */
+declare const HoverCardTrigger: react.ForwardRefExoticComponent<HoverCardTriggerProps & react.RefAttributes<HTMLSpanElement>>;
+interface HoverCardContentProps extends HTMLAttributes<HTMLDivElement> {
+    side?: HoverCardSide;
+    align?: HoverCardAlign;
+}
+/** The preview panel; portaled to <body> and clamped to the viewport. */
+declare const HoverCardContent: react.ForwardRefExoticComponent<HoverCardContentProps & react.RefAttributes<HTMLDivElement>>;
+
 interface ImageItem {
     src: string;
     alt?: string;
@@ -3336,4 +4191,4 @@ interface PopoverProps extends Omit<HTMLAttributes<HTMLSpanElement>, "children">
  */
 declare const Popover: react.ForwardRefExoticComponent<PopoverProps & react.RefAttributes<HTMLSpanElement>>;
 
-export { type Accent, Accordion, type AccordionItem, type AccordionProps, Alert, type AlertProps, type AlertStatus, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeColor, type BadgeProps, type BadgeVariant, Banner, type BannerProps, type BannerStatus, type BannerVariant, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type Breakpoint, BulkAction, BulkActionBar, type BulkActionBarProps, type BulkActionProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupItem, type ButtonGroupProps, type ButtonGroupSize, type ButtonKind, type ButtonProps, type ButtonSize, type ButtonVariant, CRON_PRESETS, Card, type CardProps, type CardVariant, Carousel, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, CharacterCounter, type CharacterCounterProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, CheckboxCard, type CheckboxCardAlign, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ChipColor, CircularProgress, type CircularProgressColor, type CircularProgressProps, type ClassValue, CodeViewer, type CodeViewerProps, Col, type ColProps, type ColSize, Collapse, type CollapseProps, ColorDot, type ColorDotProps, type ColorDotSize, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, type ColorSliderSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, type CompactButtonAppearance, type CompactButtonProps, type CompactButtonSize, CompactSelect, type CompactSelectAppearance, CompactSelectForInput, type CompactSelectForInputProps, type CompactSelectForInputSide, type CompactSelectForInputSize, type CompactSelectProps, type CompactSelectSize, type ComponentSize, ConfigProvider, type ConfigProviderProps, Confirm, type ConfirmIntent, type ConfirmOptions, type ConfirmRequireInput, type ConfirmResult, ContentLabel, type ContentLabelColor, type ContentLabelProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuState, CopyButton, type CopyButtonProps, type CopyButtonSize, type CopyButtonVariant, type CountdownResult, CounterInput, type CounterInputProps, type CounterInputSize, CronEditor, type CronEditorProps, type CronPreset, CrossRefBadge, type CrossRefBadgeProps, type CrossRefKind, type CrossRefPreview, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, type DefaultButtonProps, type DescriptionItem, Descriptions, type DescriptionsLayout, type DescriptionsProps, type DescriptionsSize, type DescriptionsVariant, type DiffHunk, type DiffLine, type DiffLineType, type DiffMode, type DiffSide, DiffViewer, type DiffViewerProps, DigitInput, type DigitInputProps, type DigitInputSize, type Direction, Divider, type DividerProps, type DividerVariant, type DotTone, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, EmptyState, type EmptyStateProps, ExpiryCountdown, type ExpiryCountdownProps, type FancyButtonProps, type FancyButtonSize, type FancyButtonVariant, type FieldSize, FileUpload, type FileUploadProps, Flex, type FlexGap, type FlexProps, Form, type FormInstance, FormItem, type FormItemProps, FormList, type FormListField, type FormListOperations, type FormListProps, type FormProps, type FormRule, Format, type FormatApi, GaugeBar, type GaugeBarColor, type GaugeBarProps, type GaugeBarSize, Grid, type Gutter, Hint, type HintProps, HorizontalFilter, type HorizontalFilterItem, type HorizontalFilterProps, type HorizontalFilterSize, type ImageItem, ImageUpload, type ImageUploadProps, type ImageUploadShape, ImageViewer, type ImageViewerProps, InlineInput, type InlineInputProps, type InlineInputTone, type InlineInputWeight, InlineSelect, type InlineSelectProps, type InlineSelectTone, type InlineSelectWeight, Input, type InputProps, Kanban, type KanbanCard, type KanbanColumn, type KanbanProps, Kbd, type KbdProps, KeyIcon, type KeyIconAppearance, type KeyIconColor, type KeyIconProps, type KeyIconSize, type KlunConfig, Label, type LabelProps, Layout, LayoutContent, type LayoutContentProps, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, type LayoutProps, LayoutSider, type LinkButtonProps, type LinkButtonSize, type LinkButtonVariant, List, ListItem, type ListItemProps, type ListProps, LiveDot, type LiveDotProps, type Locale, type LogLevel, type LogLine, LogViewer, type LogViewerProps, Markdown, type MarkdownProps, Masonry, type MasonryBreakpoints, type MasonryColumns, type MasonryGutter, type MasonryProps, Menu, type MenuItem, type MenuProps, Message, type MessageApi, type MessageOptions, type MessageProps, type MessageStatus, Modal, type ModalProps, Money, type MoneyOptions, type MoneyPeriod, type MoneyProps, type MoneyResult, type MoneySize, type MoneyTone, type NamePath, Notification, type NotificationApi, type NotificationOptions, type NotificationPlacement, type NotificationProps, type NotificationStatus, PageHeader, type PageHeaderProps, type PageHeaderTab, Pagination, type PaginationProps, PasswordStrength, type PasswordStrengthLevel, type PasswordStrengthProps, type PctOptions, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressColor, Radio, RadioCard, type RadioCardAlign, type RadioCardProps, type RadioProps, type RadioSize, type Radius, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, type RelTimeOptions, RelativeTime, type RelativeTimeProps, type Responsive, Result, type ResultProps, type ResultStatus, RichEditor, type RichEditorProps, RichEditorToolbar, type RichEditorToolbarProps, Row, type RowAlign, type RowJustify, type RowProps, type Rules, type ScreenMap, type SegmentItem, SegmentedControl, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressColor, type SegmentedProgressProps, Select, SelectMenu, type SelectMenuOption, type SelectMenuProps, type SelectMenuSize, type SelectProps, type SiderProps, type SiderTheme, type SizeOptions, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, type SortDir, Space, type SpaceProps, type SpaceSize, Spinner, type SpinnerProps, type SpinnerSize, Splitter, type SplitterLayout, SplitterPanel, type SplitterPanelProps, type SplitterProps, StatCard, type StatCardProps, type StatCardTint, Statistic, type StatisticProps, StatusBadge, type StatusBadgeProps, StatusDot, type StatusDotProps, type StatusTone, type Step, StepIndicator, type StepIndicatorProps, Switch, type SwitchProps, type SwitchSize, type TabItem, Table, type TableColumn, type TableMenuItem, type TableProps, type TableSort, Tabs, type TabsProps, type TabsVariant, Tag, type TagProps, Textarea, type TextareaProps, type TextareaSize, type Theme, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastAction, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, type ToastStatus, Toaster, type ToasterProps, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, type UseFormOptions, type UseMessageDefaults, type UseNotificationDefaults, type VirtualColumn, VirtualTable, type VirtualTableProps, type WikiLinkResolver, Wizard, type WizardProps, type WizardStep, arSA, cx, deDE, describeCron, enUS, esES, fmt, frFR, idID, itIT, jaJP, koKR, locales, nlNL, parsePatch, plPL, primaryColorVars, ptBR, renderMarkdown, ruRU, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, viVN, zhCN, zhTW };
+export { type Accent, Accordion, type AccordionItem, type AccordionProps, ActivityHeatmap, type ActivityHeatmapProps, ActorAvatar, type ActorAvatarProps, type ActorAvatarSize, type ActorKind, Alert, type AlertProps, type AlertStatus, type AlertVariant, AutoComplete, type AutoCompleteOption, type AutoCompleteProps, Avatar, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, type AvatarStatus, Badge, type BadgeColor, type BadgeProps, type BadgeVariant, Banner, type BannerProps, type BannerStatus, type BannerVariant, BorderBeam, type BorderBeamProps, Breadcrumb, type BreadcrumbItem, type BreadcrumbProps, type Breakpoint, BulkAction, BulkActionBar, type BulkActionBarProps, type BulkActionProps, Button, type ButtonAppearance, ButtonGroup, type ButtonGroupItem, type ButtonGroupProps, type ButtonGroupSize, type ButtonKind, type ButtonProps, type ButtonSize, type ButtonVariant, CRON_PRESETS, CapabilityBanner, type CapabilityBannerProps, type CapabilityReason, type CapabilityResource, CappedNumberFlow, type CappedNumberFlowProps, Card, type CardProps, type CardVariant, Carousel, type CarouselProps, Cascader, type CascaderOption, type CascaderProps, CharacterCounter, type CharacterCounterProps, ChartLegend, type ChartLegendItem, type ChartLegendProps, ChartTooltip, type ChartTooltipProps, type ChartTooltipRow, Checkbox, CheckboxCard, type CheckboxCardAlign, type CheckboxCardProps, CheckboxGroup, type CheckboxGroupOption, type CheckboxGroupProps, type CheckboxProps, type CheckboxSize, ChipColor, CircularProgress, type CircularProgressColor, type CircularProgressProps, type ClassValue, CodeViewer, type CodeViewerProps, Col, type ColProps, type ColSize, Collapse, type CollapseProps, ColorDot, type ColorDotProps, type ColorDotSize, ColorPicker, type ColorPickerProps, ColorSlider, type ColorSliderProps, type ColorSliderSize, type CommandGroup, type CommandItem, CommandMenu, type CommandMenuProps, type CompactButtonAppearance, type CompactButtonProps, type CompactButtonSize, CompactNumberFlow, type CompactNumberFlowProps, CompactSelect, type CompactSelectAppearance, CompactSelectForInput, type CompactSelectForInputProps, type CompactSelectForInputSide, type CompactSelectForInputSize, type CompactSelectProps, type CompactSelectSize, type ComponentSize, ConfigProvider, type ConfigProviderProps, Confirm, type ConfirmIntent, type ConfirmOptions, type ConfirmRequireInput, type ConfirmResult, ContentLabel, type ContentLabelColor, type ContentLabelProps, ContextMenu, type ContextMenuItem, type ContextMenuProps, type ContextMenuState, CopyButton, type CopyButtonProps, type CopyButtonSize, type CopyButtonVariant, type CountdownResult, CounterInput, type CounterInputProps, type CounterInputSize, CronEditor, type CronEditorLabels, type CronEditorProps, type CronPreset, CrossRefBadge, type CrossRefBadgeProps, type CrossRefKind, type CrossRefPreview, CurrencyNumberFlow, type CurrencyNumberFlowProps, DatePicker, type DatePickerProps, type DateRange, DateRangePicker, type DateRangePickerProps, DateTimePicker, type DateTimePickerProps, type DefaultButtonProps, type Density, type DescriptionItem, Descriptions, type DescriptionsLayout, type DescriptionsProps, type DescriptionsSize, type DescriptionsVariant, type DiffHunk, type DiffLine, type DiffLineType, type DiffMode, type DiffSide, DiffViewer, type DiffViewerProps, DigitInput, type DigitInputProps, type DigitInputSize, type Direction, Divider, type DividerProps, type DividerVariant, DotSphere, type DotSphereProps, type DotTone, Drawer, type DrawerPlacement, type DrawerProps, Dropdown, type DropdownItem, type DropdownProps, EmojiPicker, type EmojiPickerProps, EmptyState, type EmptyStateProps, ExpiryCountdown, type ExpiryCountdownProps, type FancyButtonProps, type FancyButtonSize, type FancyButtonVariant, Field, FieldContent, type FieldContentProps, FieldDescription, type FieldDescriptionProps, FieldError, type FieldErrorProps, FieldGroup, type FieldGroupProps, FieldLabel, type FieldLabelProps, type FieldOrientation, type FieldProps, type FieldSize, FieldTitle, type FieldTitleProps, FileUpload, type FileUploadProps, Flex, type FlexGap, type FlexProps, Form, type FormInstance, FormItem, type FormItemProps, FormList, type FormListField, type FormListOperations, type FormListProps, type FormProps, type FormRule, Format, type FormatApi, GaugeBar, type GaugeBarColor, type GaugeBarProps, type GaugeBarSize, Grid, type Gutter, type HeatmapCell, type HeatmapGrid, type HeatmapMonthLabel, type HeatmapOptions, type HeatmapSummary, Hint, type HintProps, HorizontalFilter, type HorizontalFilterItem, type HorizontalFilterProps, type HorizontalFilterSize, HoverCard, type HoverCardAlign, HoverCardContent, type HoverCardContentProps, type HoverCardProps, type HoverCardSide, HoverCardTrigger, type HoverCardTriggerProps, ICON_GROUPS, type IconGroup, IconPicker, type IconPickerProps, type ImageItem, ImageUpload, type ImageUploadProps, type ImageUploadShape, ImageViewer, type ImageViewerProps, InlineInput, type InlineInputProps, type InlineInputTone, type InlineInputWeight, InlineSelect, type InlineSelectProps, type InlineSelectTone, type InlineSelectWeight, Input, InputGroup, InputGroupAddon, type InputGroupAddonAlign, type InputGroupAddonProps, InputGroupButton, type InputGroupButtonProps, type InputGroupButtonSize, type InputGroupButtonVariant, InputGroupInput, type InputGroupInputProps, type InputGroupProps, InputGroupText, type InputGroupTextProps, type InputProps, Item, ItemActions, type ItemActionsProps, ItemContent, type ItemContentProps, ItemDescription, type ItemDescriptionProps, ItemFooter, type ItemFooterProps, ItemGroup, type ItemGroupProps, ItemHeader, type ItemHeaderProps, ItemMedia, type ItemMediaProps, type ItemMediaVariant, type ItemProps, ItemSeparator, type ItemSeparatorProps, type ItemSize, ItemTitle, type ItemTitleProps, type ItemVariant, Kanban, type KanbanCard, type KanbanColumn, type KanbanProps, Kbd, type KbdProps, KeyIcon, type KeyIconAppearance, type KeyIconColor, type KeyIconProps, type KeyIconSize, type KlunConfig, LIST_GRID_BOTTOM_CLEARANCE, Label, type LabelProps, Layout, LayoutContent, type LayoutContentProps, LayoutFooter, type LayoutFooterProps, LayoutHeader, type LayoutHeaderProps, type LayoutProps, LayoutSider, type LinkButtonProps, type LinkButtonSize, type LinkButtonVariant, List, ListGrid, ListGridBody, ListGridCell, ListGridHeader, ListGridHeaderCell, type ListGridHeaderCellProps, type ListGridProps, ListGridRow, type ListGridSortDirection, ListItem, type ListItemProps, type ListProps, LiveDot, type LiveDotProps, type Locale, type LogLevel, type LogLine, LogViewer, type LogViewerProps, Markdown, type MarkdownProps, Masonry, type MasonryBreakpoints, type MasonryColumns, type MasonryGutter, type MasonryProps, Menu, type MenuItem, type MenuProps, Message, type MessageApi, type MessageOptions, type MessageProps, type MessageStatus, Modal, type ModalProps, Money, type MoneyOptions, type MoneyPeriod, type MoneyProps, type MoneyResult, type MoneySize, type MoneyTone, type NamePath, NavigationProgress, type NavigationProgressProps, Notification, type NotificationApi, type NotificationOptions, type NotificationPlacement, type NotificationProps, type NotificationStatus, NumberFlow, type NumberFlowFormat, type NumberFlowProps, PageHeader, type PageHeaderProps, type PageHeaderTab, Pagination, type PaginationProps, PasswordStrength, type PasswordStrengthLevel, type PasswordStrengthProps, type PctOptions, Popconfirm, type PopconfirmProps, Popover, type PopoverProps, ProgressBar, type ProgressBarProps, type ProgressColor, QUICK_EMOJIS, QuickEmojiPicker, type QuickEmojiPickerProps, Radio, RadioCard, type RadioCardAlign, type RadioCardProps, type RadioProps, type RadioSize, type Radius, RangeSlider, type RangeSliderProps, type RangeSliderSize, Rating, type RatingProps, type Reaction, ReactionBar, type ReactionBarProps, type ReactionItem, type RelTimeOptions, RelativeTime, type RelativeTimeProps, type Responsive, Result, type ResultProps, type ResultStatus, RichEditor, type RichEditorProps, RichEditorToolbar, type RichEditorToolbarProps, Row, type RowAlign, type RowJustify, type RowProps, type Rules, type ScreenMap, type SegmentItem, SegmentedControl, type SegmentedControlProps, SegmentedProgress, type SegmentedProgressColor, type SegmentedProgressProps, Select, SelectMenu, type SelectMenuOption, type SelectMenuProps, type SelectMenuSize, type SelectProps, ShimmerText, type ShimmerTextProps, Sidebar, type SidebarMenuItem, type SidebarNavItem, type SidebarProps, type SidebarSection, type SiderProps, type SiderTheme, type SizeOptions, Skeleton, type SkeletonProps, Slider, type SliderProps, type SliderSize, type SortDir, Space, type SpaceProps, type SpaceSize, Spinner, type SpinnerProps, type SpinnerSize, Splitter, type SplitterLayout, SplitterPanel, type SplitterPanelProps, type SplitterProps, StatCard, type StatCardProps, type StatCardTint, Statistic, type StatisticProps, StatusBadge, type StatusBadgeProps, StatusDot, type StatusDotProps, type StatusTone, type Step, StepIndicator, type StepIndicatorProps, Stepper, StepperContent, type StepperContentProps, StepperDescription, type StepperDescriptionProps, StepperIndicator, type StepperIndicatorProps, type StepperIndicators, StepperItem, type StepperItemProps, StepperNav, type StepperNavProps, type StepperOrientation, StepperPanel, type StepperPanelProps, type StepperProps, StepperSeparator, type StepperSeparatorProps, type StepperStepState, StepperTitle, type StepperTitleProps, StepperTrigger, type StepperTriggerProps, Switch, type SwitchProps, type SwitchSize, type TabItem, Table, type TableColumn, type TableMenuItem, type TableProps, type TableSort, Tabs, type TabsProps, type TabsVariant, Tag, type TagProps, Textarea, type TextareaProps, type TextareaSize, type Theme, TimePicker, type TimePickerProps, Timeline, type TimelineItem, type TimelineProps, Toast, type ToastAction, type ToastOptions, type ToastPosition, type ToastPromiseMessages, type ToastProps, type ToastStatus, Toaster, type ToasterProps, Toggle, type ToggleProps, type ToggleSize, type ToggleVariant, Tooltip, type TooltipProps, Tree, type TreeNode, type TreeProps, UnicodeSpinner, type UnicodeSpinnerProps, type UseFormOptions, type UseMessageDefaults, type UseNotificationDefaults, type VirtualColumn, VirtualTable, type VirtualTableProps, type WikiLinkResolver, Wizard, type WizardProps, type WizardStep, arSA, buildHeatmapGrid, cx, deDE, describeCron, enUS, esES, fmt, formatAvatarEmoji, frFR, groupReactions, idID, itIT, jaJP, koKR, localTodayIso, locales, nlNL, parseAvatarEmoji, parsePatch, plPL, primaryColorVars, ptBR, renderMarkdown, resolveMove, ruRU, summarizeHeatmap, toast, trTR, useBreakpoint, useConfig, useContextMenu, useForm, useLocale, useMappedSize, useMessage, useNotification, useSize, useStepItem, useStepper, viVN, zhCN, zhTW };