@logicplanes/kaeso-ui 0.4.2 → 0.4.3

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

@@ -11,6 +11,10 @@ export declare const KAESO_PROVIDER_PICKER_VARIANTS: {
             readonly classes: "";
             readonly description: "A pill that opens the searchable list: forms and toolbars";
         };
+        readonly grid: {
+            readonly classes: "";
+            readonly description: "Tiles with each provider's mark, connected ones first: the first step of a dialog";
+        };
     };
 };
 export declare const KAESO_PROVIDER_PICKER_DEFAULT_VARIANTS: {
@@ -28,6 +32,7 @@ export interface ProviderPickerProps extends FieldWrapProps {
     providers: ProviderPickerOption[];
     value?: string | null | undefined;
     onValueChange?: ((id: string | null) => void) | undefined;
+    onChoose?: ((id: string) => void) | undefined;
     appearance?: keyof typeof KAESO_PROVIDER_PICKER_VARIANTS.appearance | undefined;
     allLabel?: string | undefined;
     placeholder?: string | undefined;

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

@@ -15,6 +15,8 @@ export declare const KAESO_USAGE_VARIANTS: {
 export declare const KAESO_USAGE_DEFAULT_VARIANTS: {
     readonly limit: "hard";
 };
+export declare const KAESO_USAGE_BREAKDOWN_VARIANTS: {};
+export declare const KAESO_USAGE_BREAKDOWN_DEFAULT_VARIANTS: {};
 export declare const UsageBreakdown: import("react").ForwardRefExoticComponent<{
     tokens: Partial<Record<TokenKind, number>>;
     className?: string | undefined;

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

@@ -101,21 +101,17 @@ export interface GroupHeaderProps {
     onFocus?: (() => void) | undefined;
 }
 export declare const GroupHeader: import("react").ForwardRefExoticComponent<GroupHeaderProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare function SelectionBar({ count, onClear, children }: {
+export interface SelectionBarProps {
     count: number;
     onClear: () => void;
     children?: ReactNode | undefined;
-}): import("react").ReactPortal | null;
-export declare namespace SelectionBar {
-    var displayName: string;
 }
-export declare function SelectionAction({ children, onClick, icon, danger, }: {
+export declare const SelectionBar: import("react").ForwardRefExoticComponent<SelectionBarProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface SelectionActionProps {
     children: ReactNode;
     onClick?: (() => void) | undefined;
     icon?: IconData | undefined;
     danger?: boolean | undefined;
-}): import("react").JSX.Element;
-export declare namespace SelectionAction {
-    var displayName: string;
 }
+export declare const SelectionAction: import("react").ForwardRefExoticComponent<SelectionActionProps & import("react").RefAttributes<HTMLButtonElement>>;
 export {};

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

@@ -1,5 +1,12 @@
 export declare const docs: {
     ContextMenu: {
+        description: string;
+        props: {
+            children: string;
+            onOpenChange: string;
+        };
+    };
+    Menu: {
         description: string;
         props: {
             children: string;
@@ -12,8 +19,8 @@ export declare const docs: {
     Menubar: {
         description: string;
         props: {
+            "aria-label": string;
             children: string;
-            onOpenChange: string;
         };
     };
 };

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

@@ -91,18 +91,6 @@ export interface MenuCheckboxItemProps extends Omit<MenuItemProps, "variant" | "
     defaultChecked?: boolean | undefined;
     onCheckedChange?: ((checked: boolean) => void) | undefined;
 }
-declare function Separator(): import("react").JSX.Element;
-declare namespace Separator {
-    var displayName: string;
-}
-declare function Header({ avatar, name, email }: {
-    avatar?: ReactNode | undefined;
-    name: ReactNode;
-    email?: ReactNode | undefined;
-}): import("react").JSX.Element;
-declare namespace Header {
-    var displayName: string;
-}
 declare function Sub({ children, open, onOpenChange }: {
     children: ReactNode;
     open?: boolean | undefined;
@@ -130,28 +118,30 @@ export declare const Menu: typeof Root & {
         label?: ReactNode | undefined;
         children: ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: typeof Separator;
-    Header: typeof Header;
+    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
+    Header: import("react").ForwardRefExoticComponent<{
+        avatar?: ReactNode | undefined;
+        name: ReactNode;
+        email?: ReactNode | undefined;
+    } & import("react").RefAttributes<HTMLDivElement>>;
     Sub: typeof Sub;
     SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "onClick" | "shortcut" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
     SubContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side"> & import("react").RefAttributes<HTMLDivElement>>;
 };
+export declare const KAESO_CONTEXT_MENU_VARIANTS: {};
+export declare const KAESO_CONTEXT_MENU_DEFAULT_VARIANTS: {};
 declare function ContextRoot({ children, onOpenChange }: {
     children: ReactNode;
-    onOpenChange?: ((o: boolean) => void) | undefined;
+    onOpenChange?: ((open: boolean) => void) | undefined;
 }): import("react").JSX.Element;
 declare namespace ContextRoot {
     var displayName: string;
 }
-declare function ContextTrigger({ children, className }: {
-    children: ReactNode;
-    className?: string | undefined;
-}): import("react").JSX.Element;
-declare namespace ContextTrigger {
-    var displayName: string;
-}
 export declare const ContextMenu: typeof ContextRoot & {
-    Trigger: typeof ContextTrigger;
+    Trigger: import("react").ForwardRefExoticComponent<{
+        children: ReactNode;
+        className?: 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>>;
     LinkItem: import("react").ForwardRefExoticComponent<MenuLinkItemProps & import("react").RefAttributes<HTMLAnchorElement>>;
@@ -169,20 +159,18 @@ export declare const ContextMenu: typeof ContextRoot & {
         label?: ReactNode | undefined;
         children: ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: typeof Separator;
+    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
     Sub: typeof Sub;
     SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "onClick" | "shortcut" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
     SubContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side"> & import("react").RefAttributes<HTMLDivElement>>;
 };
-declare function MenubarRoot({ children, className, "aria-label": ariaLabel, }: {
+export declare const KAESO_MENUBAR_VARIANTS: {};
+export declare const KAESO_MENUBAR_DEFAULT_VARIANTS: {};
+export declare const Menubar: import("react").ForwardRefExoticComponent<{
     children: ReactNode;
     className?: string | undefined;
     "aria-label"?: string | undefined;
-}): import("react").JSX.Element;
-declare namespace MenubarRoot {
-    var displayName: string;
-}
-export declare const Menubar: typeof MenubarRoot & {
+} & import("react").RefAttributes<HTMLDivElement>> & {
     Menu: typeof Root;
     Trigger: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
@@ -205,7 +193,7 @@ export declare const Menubar: typeof MenubarRoot & {
         label?: ReactNode | undefined;
         children: ReactNode;
     } & import("react").RefAttributes<HTMLDivElement>>;
-    Separator: typeof Separator;
+    Separator: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLDivElement>>;
     Sub: typeof Sub;
     SubTrigger: import("react").ForwardRefExoticComponent<Omit<MenuItemProps, "onClick" | "shortcut" | "variant"> & import("react").RefAttributes<HTMLDivElement>>;
     SubContent: import("react").ForwardRefExoticComponent<Omit<MenuContentProps, "align" | "side"> & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/playground/parameter-panel.d.ts

@@ -46,7 +46,4 @@ export interface ParameterPopoverProps extends Omit<ParameterPanelProps, "layout
     side?: "top" | "bottom" | "left" | "right" | undefined;
     align?: "start" | "center" | "end" | undefined;
 }
-export declare function ParameterPopover({ trigger, title: titleProp, open, defaultOpen, onOpenChange, side, align, ...panel }: ParameterPopoverProps): import("react").JSX.Element;
-export declare namespace ParameterPopover {
-    var displayName: string;
-}
+export declare const ParameterPopover: import("react").ForwardRefExoticComponent<ParameterPopoverProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/popover/hover-card.d.ts

@@ -1,5 +1,7 @@
 import { type ReactElement, type ReactNode } from "react";
 import { type PopoverContentProps } from "./popover.js";
+export declare const KAESO_HOVER_CARD_VARIANTS: {};
+export declare const KAESO_HOVER_CARD_DEFAULT_VARIANTS: {};
 export interface HoverCardProps {
     children: ReactNode;
     open?: boolean | undefined;

package/dist/types/components/radio/docs.d.ts

@@ -25,6 +25,21 @@ export declare const docs: {
             value: string;
         };
     };
+    RadioGroup: {
+        description: string;
+        props: {
+            "aria-label": string;
+            "aria-labelledby": string;
+            children: string;
+            defaultValue: string;
+            disabled: string;
+            name: string;
+            onValueChange: string;
+            orientation: string;
+            value: string;
+            variant: string;
+        };
+    };
     RadioCards: {
         description: string;
         props: {

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

@@ -45,7 +45,5 @@ export declare const Radio: import("react").ForwardRefExoticComponent<RadioProps
     Circle: import("react").ForwardRefExoticComponent<RadioProps & import("react").RefAttributes<HTMLButtonElement>>;
 };
 export declare const RadioGroup: import("react").ForwardRefExoticComponent<RadioGroupProps & import("react").RefAttributes<HTMLDivElement>>;
-export declare function RadioCards(props: Omit<RadioGroupProps, "variant">): import("react").JSX.Element;
-export declare namespace RadioCards {
-    var displayName: string;
-}
+export type RadioCardsProps = Omit<RadioGroupProps, "variant">;
+export declare const RadioCards: import("react").ForwardRefExoticComponent<RadioCardsProps & import("react").RefAttributes<HTMLDivElement>>;

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

@@ -23,6 +23,8 @@ export interface SettingsSectionProps {
     children: ReactNode;
     className?: string | undefined;
 }
+export declare const KAESO_SETTINGS_SECTION_VARIANTS: {};
+export declare const KAESO_SETTINGS_SECTION_DEFAULT_VARIANTS: {};
 export declare const SettingsSection: React.ForwardRefExoticComponent<SettingsSectionProps & React.RefAttributes<HTMLElement>>;
 export declare const SettingsGroup: React.ForwardRefExoticComponent<{
     children: ReactNode;

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

@@ -78,13 +78,11 @@ export interface SidebarBrandProps {
     children?: ReactNode | undefined;
     className?: string | undefined;
 }
-export declare function BrandWordmark({ href, label }: {
+export interface BrandWordmarkProps {
     href?: string | undefined;
     label?: string | undefined;
-}): React.JSX.Element;
-export declare namespace BrandWordmark {
-    var displayName: string;
 }
+export declare const BrandWordmark: React.ForwardRefExoticComponent<BrandWordmarkProps & React.RefAttributes<HTMLAnchorElement | SVGSVGElement>>;
 export interface SidebarSwitcherProps {
     avatar: ReactNode;
     label: ReactNode;
@@ -98,10 +96,6 @@ export interface SidebarSwitcherProps {
     className?: string | undefined;
     "data-force"?: string | undefined;
 }
-declare function Switcher({ avatar, label, trailing, caption, captionTone, children, header, footer, "aria-label": ariaLabel, className, "data-force": force, }: SidebarSwitcherProps): React.JSX.Element;
-declare namespace Switcher {
-    var displayName: string;
-}
 export interface SidebarPlaceProps {
     avatar: ReactNode;
     label: string;
@@ -113,10 +107,6 @@ export interface SidebarPlaceProps {
     className?: string | undefined;
     "data-force"?: string | undefined;
 }
-declare function Place({ avatar, label, children, href, header, footer, "aria-label": ariaLabel, className, "data-force": force }: SidebarPlaceProps): React.JSX.Element;
-declare namespace Place {
-    var displayName: string;
-}
 export interface SidebarGroupProps {
     label?: ReactNode | undefined;
     id?: string | undefined;
@@ -139,30 +129,12 @@ export interface SidebarItemProps {
     className?: string | undefined;
     "data-force"?: string | undefined;
 }
-declare function Loading({ rows }: {
-    rows?: number | undefined;
-}): React.JSX.Element;
-declare namespace Loading {
-    var displayName: string;
-}
-declare function CollapseToggle({ className }: {
-    className?: string | undefined;
-}): React.JSX.Element;
-declare namespace CollapseToggle {
-    var displayName: string;
-}
-declare function RailToggle({ className }: {
-    className?: string | undefined;
-}): React.JSX.Element;
-declare namespace RailToggle {
-    var displayName: string;
-}
 export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & React.RefAttributes<HTMLElement>> & {
     Provider: typeof Provider;
     Header: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Brand: React.ForwardRefExoticComponent<SidebarBrandProps & React.RefAttributes<HTMLDivElement>>;
-    Switcher: typeof Switcher;
-    Place: typeof Place;
+    Switcher: React.ForwardRefExoticComponent<SidebarSwitcherProps & React.RefAttributes<HTMLButtonElement>>;
+    Place: React.ForwardRefExoticComponent<SidebarPlaceProps & React.RefAttributes<HTMLElement>>;
     Content: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Footer: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
     Group: React.ForwardRefExoticComponent<SidebarGroupProps & React.RefAttributes<HTMLDivElement>>;
@@ -172,8 +144,14 @@ export declare const Sidebar: React.ForwardRefExoticComponent<SidebarProps & Rea
         children?: ReactNode | undefined;
         className?: string | undefined;
     } & React.RefAttributes<HTMLAnchorElement>>;
-    Loading: typeof Loading;
-    RailToggle: typeof RailToggle;
-    CollapseToggle: typeof CollapseToggle;
+    Loading: React.ForwardRefExoticComponent<{
+        rows?: number | undefined;
+    } & React.RefAttributes<HTMLDivElement>>;
+    RailToggle: React.ForwardRefExoticComponent<{
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLButtonElement>>;
+    CollapseToggle: React.ForwardRefExoticComponent<{
+        className?: string | undefined;
+    } & React.RefAttributes<HTMLButtonElement>>;
 };
 export {};

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

@@ -15,6 +15,21 @@ export declare const KAESO_TABS_VARIANTS: {
 export declare const KAESO_TABS_DEFAULT_VARIANTS: {
     readonly variant: "underline";
 };
+export declare const KAESO_PILL_TABS_VARIANTS: {
+    readonly variant: {
+        readonly underline: {
+            readonly classes: "";
+            readonly description: "Underline tabs for detail pages: 40px, a 2px ink indicator that slides";
+        };
+        readonly pill: {
+            readonly classes: "";
+            readonly description: "Header tabs: separate 32px pills, the active one filled";
+        };
+    };
+};
+export declare const KAESO_PILL_TABS_DEFAULT_VARIANTS: {
+    readonly variant: "pill";
+};
 type Variant = keyof typeof KAESO_TABS_VARIANTS.variant;
 export interface TabsProps {
     value?: string | undefined;

package/dist/types/components/theme-menu/docs.d.ts

@@ -3,6 +3,8 @@ export declare const docs: {
         description: string;
         props: {
             size: string;
+            side: string;
+            align: string;
             variant: string;
         };
     };

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

@@ -13,10 +13,11 @@ export declare const KAESO_THEME_MENU_VARIANTS: {
 export declare const KAESO_THEME_MENU_DEFAULT_VARIANTS: {
     readonly variant: "ghost";
 };
-export declare function ThemeMenu({ variant, size }: {
-    variant?: "ghost" | "secondary" | undefined;
+export interface ThemeMenuProps {
+    variant?: keyof typeof KAESO_THEME_MENU_VARIANTS.variant | undefined;
     size?: "sm" | "md" | undefined;
-}): import("react").JSX.Element;
-export declare namespace ThemeMenu {
-    var displayName: string;
+    side?: "top" | "bottom" | undefined;
+    align?: "start" | "end" | undefined;
+    "data-force"?: string | undefined;
 }
+export declare const ThemeMenu: import("react").ForwardRefExoticComponent<ThemeMenuProps & import("react").RefAttributes<HTMLButtonElement>>;

package/dist/types/components/thumbnail/docs.d.ts

@@ -0,0 +1,10 @@
+export declare const docs: {
+    Thumbnail: {
+        description: string;
+        props: {
+            alt: string;
+            size: string;
+            src: string;
+        };
+    };
+};

package/dist/types/components/thumbnail/index.d.ts

@@ -0,0 +1 @@
+export * from "./thumbnail.js";

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

@@ -0,0 +1,26 @@
+export declare const KAESO_THUMBNAIL_VARIANTS: {
+    readonly size: {
+        readonly sm: {
+            readonly classes: "size-64";
+            readonly description: "64px: a row or a compact list";
+        };
+        readonly md: {
+            readonly classes: "size-120";
+            readonly description: "120px: an image inside a message (default)";
+        };
+        readonly lg: {
+            readonly classes: "size-160";
+            readonly description: "160px: an image a page is about";
+        };
+    };
+};
+export declare const KAESO_THUMBNAIL_DEFAULT_VARIANTS: {
+    readonly size: "md";
+};
+export interface ThumbnailProps {
+    src: string;
+    alt: string;
+    size?: keyof typeof KAESO_THUMBNAIL_VARIANTS.size | undefined;
+    className?: string | undefined;
+}
+export declare const Thumbnail: import("react").ForwardRefExoticComponent<ThumbnailProps & import("react").RefAttributes<HTMLSpanElement>>;

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

@@ -53,28 +53,21 @@ export declare const toast: ((title: ReactNode, o?: ToastOptions) => string) & {
         error: string | ((e: unknown) => string);
     }) => Promise<T>;
 };
-export declare function ToastCapsule({ tone, title, description, action, closable, "data-force": force, }: {
+export interface ToastCapsuleProps {
     tone?: Tone | undefined;
     title: ReactNode;
     description?: ReactNode | undefined;
     action?: string | undefined;
     closable?: boolean | undefined;
     "data-force"?: string | undefined;
-}): import("react").JSX.Element;
-export declare namespace ToastCapsule {
-    var displayName: string;
 }
-export declare function Toaster({ limit, timeout }: {
+export declare const ToastCapsule: import("react").ForwardRefExoticComponent<ToastCapsuleProps & import("react").RefAttributes<HTMLDivElement>>;
+export interface ToasterProps {
     limit?: number | undefined;
     timeout?: number | undefined;
-}): import("react").JSX.Element;
-export declare namespace Toaster {
-    var displayName: string;
 }
-export declare const Toast: ((props: {
-    limit?: number | undefined;
-    timeout?: number | undefined;
-}) => import("react").JSX.Element) & {
+export declare const Toaster: import("react").ForwardRefExoticComponent<ToasterProps & import("react").RefAttributes<HTMLDivElement>>;
+export declare const Toast: import("react").ForwardRefExoticComponent<ToasterProps & import("react").RefAttributes<HTMLDivElement>> & {
     add: ((title: ReactNode, o?: ToastOptions) => string) & {
         success: (title: ReactNode, o?: ToastOptions) => string;
         error: (title: ReactNode, o?: ToastOptions) => string;

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

@@ -18,11 +18,6 @@ export interface ToolbarProps extends HTMLAttributes<HTMLDivElement> {
     size?: keyof typeof KAESO_TOOLBAR_VARIANTS.size | undefined;
     "aria-label": string;
 }
-declare function Spacer(): import("react").JSX.Element;
-declare namespace Spacer {
-    var displayName: string;
-}
 export declare const Toolbar: import("react").ForwardRefExoticComponent<ToolbarProps & import("react").RefAttributes<HTMLDivElement>> & {
-    Spacer: typeof Spacer;
+    Spacer: import("react").ForwardRefExoticComponent<import("react").RefAttributes<HTMLSpanElement>>;
 };
-export {};

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

@@ -50,11 +50,9 @@ export declare function Tooltip(props: TooltipProps): import("react").JSX.Elemen
 export declare namespace Tooltip {
     var displayName: string;
 }
-export declare function TooltipSurface({ children, shortcut, shape, }: {
+export interface TooltipSurfaceProps {
     children: ReactNode;
     shortcut?: string[] | string[][] | undefined;
     shape?: keyof typeof KAESO_TOOLTIP_VARIANTS.shape | undefined;
-}): import("react").JSX.Element;
-export declare namespace TooltipSurface {
-    var displayName: string;
 }
+export declare const TooltipSurface: import("react").ForwardRefExoticComponent<TooltipSurfaceProps & import("react").RefAttributes<HTMLDivElement>>;

package/dist/types/components/tooltip/trigger-props.d.ts

@@ -9,7 +9,6 @@ export interface TriggerPropsStore {
     ref: RefCallback<Element>;
 }
 export declare function triggerPropsStore(): TriggerPropsStore;
-export declare function setRef<T>(ref: Ref<T> | undefined, value: T): (() => void) | undefined;
 export declare function HandedTrigger({ store, merge, extra, children, }: {
     store: TriggerPropsStore;
     merge: ((given: TriggerProps, own: object) => object) | undefined;

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

@@ -9,8 +9,8 @@ export declare function formatContext(tokens: number): string;
 export declare function formatBytes(bytes: number): string;
 export declare function formatPercent(ratio: number, digits?: number): string;
 export declare function formatUSD(amount: string, options?: {
-    significant?: number;
-    decimals?: number;
+    significant?: number | undefined;
+    decimals?: number | undefined;
 }): string;
 /** A price per million tokens, exactly as set: at least two decimals and up to six ("$0.075", "$4.00", "$1.25"). */
 export declare function formatPrice(amount: string): string;
@@ -21,9 +21,9 @@ type DateInput = Date | string | number;
 /** A cached date formatter in the format locale. English writes the day first with three-letter months ("20 Sep 2026", "Mon 21 Sep"), the console's English everywhere. */
 export declare function dateFormatter(options: Intl.DateTimeFormatOptions, locale?: string): (value: DateInput) => string;
 export declare function formatDate(value: DateInput, options?: {
-    time?: boolean;
-    utc?: boolean;
-    seconds?: boolean;
+    time?: boolean | undefined;
+    utc?: boolean | undefined;
+    seconds?: boolean | undefined;
 }): string;
 export declare function formatDateRange(from: DateInput, to: DateInput): string;
 export declare function formatISODate(value: DateInput, options?: {

package/dist/types/hooks/use-scroll-margin.d.ts

@@ -1,2 +1,2 @@
 import { type RefObject } from "react";
-export declare function useScrollMargin(ref: RefObject<HTMLElement | null>, getScrollElement: () => HTMLElement | null, count: number): number;
+export declare function useScrollMargin(ref: RefObject<HTMLElement | null>, getScrollElement: () => HTMLElement | null, count: number, enabled?: boolean): number;

package/dist/types/icons/groups.d.ts

@@ -1,8 +1,8 @@
 export declare const ICON_GROUPS: {
-    readonly "Kaeso objects": readonly ["key", "providerKey", "project", "organization", "model", "playground", "alias", "limit", "budget", "requestLog", "usage", "member", "members", "serviceAccount", "settings", "audit", "instance", "provider", "route", "gateway", "database", "update", "security", "session", "overview", "chart", "home"];
+    readonly "Kaeso objects": readonly ["key", "providerKey", "project", "organization", "model", "playground", "alias", "limit", "budget", "requestLog", "usage", "member", "members", "serviceAccount", "agent", "settings", "audit", "instance", "provider", "route", "gateway", "database", "update", "security", "session", "overview", "chart", "home"];
     readonly Capabilities: readonly ["tools", "reasoning", "vision", "pdf", "structuredOutput"];
     readonly Actions: readonly ["signOut", "copy", "externalLink", "openExternal", "add", "close", "edit", "delete", "download", "upload", "refresh", "retry", "search", "filter", "displayOptions", "more", "menu", "sort", "switcher", "expand", "collapse", "show", "hide", "reveal", "sidebar", "sidePanel", "list", "board", "stack"];
     readonly Status: readonly ["check", "success", "warning", "error", "info", "minus", "notification"];
     readonly Navigation: readonly ["chevronDown", "chevronUp", "chevronLeft", "chevronRight", "arrowRight"];
-    readonly Misc: readonly ["calendar", "time", "code", "mail", "keyboard", "help", "github", "themeLight", "themeDark", "themeSystem"];
+    readonly Misc: readonly ["calendar", "time", "code", "mail", "keyboard", "help", "github", "themeLight", "themeDark", "themeSystem", "language", "legal"];
 };

package/dist/types/icons/vocabulary.d.ts

@@ -69,6 +69,11 @@ export declare const icons: {
     }][] | readonly (readonly [string, {
         readonly [key: string]: string | number;
     }])[];
+    readonly agent: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
     readonly settings: [string, {
         [key: string]: string | number;
     }][] | readonly (readonly [string, {
@@ -414,5 +419,15 @@ export declare const icons: {
     }][] | readonly (readonly [string, {
         readonly [key: string]: string | number;
     }])[];
+    readonly language: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
+    readonly legal: [string, {
+        [key: string]: string | number;
+    }][] | readonly (readonly [string, {
+        readonly [key: string]: string | number;
+    }])[];
 };
 export type IconName = keyof typeof icons;

package/dist/types/index.d.ts

@@ -44,6 +44,7 @@ export * from "./components/theme-menu/index.js";
 export * from "./components/theme-select/index.js";
 export * from "./components/theme-image/index.js";
 export * from "./components/figure/index.js";
+export * from "./components/thumbnail/index.js";
 export * from "./components/calendar/index.js";
 export * from "./components/date-picker/index.js";
 export * from "./components/filter-chip/index.js";
@@ -65,6 +66,7 @@ export * from "./components/status-dot/index.js";
 export * from "./components/code-block/index.js";
 export * from "./components/badge/index.js";
 export * from "./components/avatar/index.js";
+export * from "./components/agent-avatar/index.js";
 export * from "./components/stat/index.js";
 export * from "./components/key-value/index.js";
 export * from "./components/qr-code/index.js";

package/dist/types/utils/inset.d.ts

@@ -4,6 +4,10 @@ export declare function InsetContent({ children, inset }: {
     inset?: boolean | undefined;
 }): import("react").JSX.Element;
 export declare function useInset(): boolean;
+export declare function RaisedContent({ children }: {
+    children: ReactNode;
+}): import("react").JSX.Element;
+export declare function useRaised(): boolean;
 export declare function GutterContent({ children, padded }: {
     children: ReactNode;
     padded?: boolean | undefined;

package/dist/types/utils/link-provider.d.ts

@@ -1,7 +1,7 @@
 import { type AnchorHTMLAttributes, type ComponentType, type ReactNode, type Ref } from "react";
 export type LinkComponentProps = AnchorHTMLAttributes<HTMLAnchorElement> & {
     href: string;
-    ref?: Ref<HTMLAnchorElement>;
+    ref?: Ref<HTMLAnchorElement> | undefined;
 };
 export type LinkComponent = ComponentType<LinkComponentProps>;
 export declare function LinkProvider({ component, children }: {

package/dist/types/utils/merge-refs.d.ts

@@ -0,0 +1,3 @@
+import type { Ref, RefCallback } from "react";
+export declare function setRef<T>(ref: Ref<T> | undefined, value: T): (() => void) | undefined;
+export declare function mergeRefs<T>(...refs: (Ref<T> | undefined)[]): RefCallback<T>;

package/dist/types/utils/portal-context.d.ts

@@ -1,7 +1,7 @@
 import { type ReactNode } from "react";
 export declare function PortalContainer({ children, className }: {
     children: ReactNode;
-    className?: string;
+    className?: string | undefined;
 }): import("react").JSX.Element;
 export declare namespace PortalContainer {
     var displayName: string;

package/dist/utils.js

@@ -2,8 +2,8 @@
 import { t as e } from "./chunks/cn-Dj6sRgkF.js";
 import { t } from "./chunks/utils-CdH72WEp.js";
 import { i as n, n as r, r as i, t as a } from "./chunks/dev-CR1p7gCm.js";
-import { n as o, r as s, t as c } from "./chunks/link-provider-BsUxhZKG.js";
+import { n as o, r as s, t as c } from "./chunks/link-provider-cvl8lSTT.js";
 import { t as l } from "./chunks/use-controllable-B5Fd12Bx.js";
 import { n as u, r as d, t as f } from "./chunks/portal-context-BBbzDKmY.js";
-import { i as p, n as m, r as h, t as g } from "./chunks/inset-BnBj8NJV.js";
-export { g as GutterContent, m as InsetContent, c as LinkProvider, f as PortalContainer, e as cn, a as devWarn, o as isExternalHref, u as pageBoundary, t as resolveVariant, l as useControllable, h as useGutterPadded, p as useInset, s as useLinkComponent, d as usePortalContainer, r as warnControlled, i as warnMissingName, n as warnStylingClassName };
+import { a as p, i as m, n as h, t as g } from "./chunks/inset-BUzyXLK4.js";
+export { g as GutterContent, h as InsetContent, c as LinkProvider, f as PortalContainer, e as cn, a as devWarn, o as isExternalHref, u as pageBoundary, t as resolveVariant, l as useControllable, m as useGutterPadded, p as useInset, s as useLinkComponent, d as usePortalContainer, r as warnControlled, i as warnMissingName, n as warnStylingClassName };