@commercetools/nimbus 3.2.0 → 3.4.0

package/dist/components/breadcrumbs/breadcrumbs.d.ts

@@ -0,0 +1,71 @@
+import { BreadcrumbsRoot, BreadcrumbsItem } from './components/index.js';
+/**
+ * Breadcrumbs
+ * ============================================================
+ * A navigation component that displays the hierarchical path to the current
+ * page as an ordered list of links. Built on React Aria Components'
+ * `Breadcrumbs`/`Breadcrumb`; the last item is treated as the current page
+ * automatically (non-interactive text with `aria-current="page"`).
+ *
+ * Renders proper navigation semantics (`<nav>` landmark, `<ol>`/`<li>`
+ * structure, `<a>` elements, `aria-current="page"`) for WCAG 2.1 AA compliant
+ * page navigation.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/navigation/breadcrumbs}
+ *
+ * @example
+ * ```tsx
+ * <Breadcrumbs.Root aria-label="Breadcrumb">
+ *   <Breadcrumbs.Item href="/">Home</Breadcrumbs.Item>
+ *   <Breadcrumbs.Item href="/orders">Orders</Breadcrumbs.Item>
+ *   <Breadcrumbs.Item>Order #123</Breadcrumbs.Item>
+ * </Breadcrumbs.Root>
+ * ```
+ */
+export declare const Breadcrumbs: {
+    /**
+     * # Breadcrumbs.Root
+     *
+     * The root container for the breadcrumbs. Renders a `<nav>` landmark wrapping
+     * an ordered list of `Breadcrumbs.Item` links. Provide an `aria-label` (e.g.
+     * `"Breadcrumb"`) and an optional `separator` node. Accepts compound
+     * `Breadcrumbs.Item` children or a declarative `items` array.
+     *
+     * @example
+     * ```tsx
+     * <Breadcrumbs.Root aria-label="Breadcrumb" separator="/">
+     *   <Breadcrumbs.Item href="/">Home</Breadcrumbs.Item>
+     *   <Breadcrumbs.Item>Settings</Breadcrumbs.Item>
+     * </Breadcrumbs.Root>
+     * ```
+     */
+    Root: {
+        (props: import('./breadcrumbs.types.js').BreadcrumbsProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # Breadcrumbs.Item
+     *
+     * An individual breadcrumb. Renders an `<li>` containing an `<a>` link. The
+     * last item in a `Breadcrumbs.Root` automatically becomes the current page
+     * (non-interactive text with `aria-current="page"`) — there is no `isCurrent`
+     * prop.
+     *
+     * @example
+     * ```tsx
+     * <Breadcrumbs.Item href="/orders">Orders</Breadcrumbs.Item>
+     * <Breadcrumbs.Item>Order #123</Breadcrumbs.Item>
+     * ```
+     */
+    Item: {
+        ({ children, id, href, isDisabled, target, rel, routerOptions, ref, ...rest }: import('./breadcrumbs.types.js').BreadcrumbsItemProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export type { BreadcrumbsProps, BreadcrumbsItemProps, } from './breadcrumbs.types.js';
+/**
+ * todo: get rid of this, this is needed for the react-docgen-typescript script
+ * that is parsing the typescript types for our documentation. The _ underscores
+ * serve as a reminder that this exports are awkward and should not be used.
+ */
+export { BreadcrumbsRoot as _BreadcrumbsRoot, BreadcrumbsItem as _BreadcrumbsItem, };

package/dist/components/breadcrumbs/breadcrumbs.recipe.d.ts

@@ -0,0 +1,31 @@
+/**
+ * Recipe configuration for the Breadcrumbs component.
+ * Defines the styling variants and base styles using Chakra UI's recipe system.
+ *
+ * Renders navigation semantics (`<nav>` landmark + ordered list of `<a>`
+ * elements) for the path to the current page. The last item represents the
+ * current page and is rendered as non-interactive text with
+ * `aria-current="page"`.
+ */
+export declare const breadcrumbsSlotRecipe: import('@chakra-ui/react').SlotRecipeDefinition<"root" | "link" | "list" | "separator" | "item", {
+    size: {
+        sm: {
+            item: {
+                textStyle: "sm";
+                "--breadcrumbs-gap": "{spacing.100}";
+            };
+            list: {
+                "--breadcrumbs-gap": "{spacing.100}";
+            };
+        };
+        md: {
+            item: {
+                textStyle: "md";
+                "--breadcrumbs-gap": "{spacing.200}";
+            };
+            list: {
+                "--breadcrumbs-gap": "{spacing.200}";
+            };
+        };
+    };
+}>;

package/dist/components/breadcrumbs/breadcrumbs.slots.d.ts

@@ -0,0 +1,27 @@
+import { SlotComponent } from '../../type-utils/index.js';
+import { BreadcrumbsRootSlotProps, BreadcrumbsListSlotProps, BreadcrumbsItemSlotProps, BreadcrumbsLinkSlotProps, BreadcrumbsSeparatorSlotProps } from './breadcrumbs.types.js';
+/**
+ * Root slot component providing the styling context for the Breadcrumbs
+ * component. Renders a `<nav>` landmark element.
+ */
+export declare const BreadcrumbsRootSlot: SlotComponent<HTMLElement, BreadcrumbsRootSlotProps>;
+/**
+ * List slot component for the ordered list of breadcrumbs.
+ * Renders as an `<ol>` element.
+ */
+export declare const BreadcrumbsListSlot: SlotComponent<HTMLOListElement, BreadcrumbsListSlotProps>;
+/**
+ * Item slot component for an individual breadcrumb.
+ * Renders as an `<li>` element.
+ */
+export declare const BreadcrumbsItemSlot: SlotComponent<HTMLLIElement, BreadcrumbsItemSlotProps>;
+/**
+ * Link slot component for an individual breadcrumb link.
+ * Renders as an `<a>` element.
+ */
+export declare const BreadcrumbsLinkSlot: SlotComponent<HTMLAnchorElement, BreadcrumbsLinkSlotProps>;
+/**
+ * Separator slot component rendered between breadcrumb items.
+ * Renders as a decorative `<span>` element.
+ */
+export declare const BreadcrumbsSeparatorSlot: SlotComponent<HTMLSpanElement, BreadcrumbsSeparatorSlotProps>;

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

@@ -0,0 +1,142 @@
+import { OmitInternalProps } from '../../type-utils/omit-props.js';
+import { HTMLChakraProps, SlotRecipeProps, UnstyledProp } from '@chakra-ui/react/styled-system';
+import { RouterOptions } from '../nimbus-provider/nimbus-provider.types.js';
+type BreadcrumbsRecipeProps = {
+    /**
+     * Size of the breadcrumb items.
+     * @default "md"
+     */
+    size?: SlotRecipeProps<"nimbusBreadcrumbs">["size"];
+} & UnstyledProp;
+export type BreadcrumbsRootSlotProps = HTMLChakraProps<"nav", BreadcrumbsRecipeProps>;
+export type BreadcrumbsListSlotProps = HTMLChakraProps<"ol", BreadcrumbsRecipeProps>;
+export type BreadcrumbsItemSlotProps = HTMLChakraProps<"li", BreadcrumbsRecipeProps>;
+export type BreadcrumbsLinkSlotProps = HTMLChakraProps<"a", BreadcrumbsRecipeProps>;
+export type BreadcrumbsSeparatorSlotProps = HTMLChakraProps<"span", BreadcrumbsRecipeProps>;
+/**
+ * A single entry for the declarative, data-driven `items` API of
+ * `Breadcrumbs.Root`. The last entry in the array is treated as the current
+ * page automatically.
+ */
+export type BreadcrumbItem = {
+    /**
+     * A unique key for the breadcrumb, passed to `Breadcrumbs.Root`'s `onAction`
+     * handler when the breadcrumb is activated.
+     */
+    id: string | number;
+    /**
+     * The label content displayed inside the breadcrumb.
+     */
+    label: React.ReactNode;
+    /**
+     * The URL this breadcrumb links to. Ignored for the last (current) item.
+     */
+    href?: string;
+    /**
+     * The target window for the link.
+     */
+    target?: React.HTMLAttributeAnchorTarget;
+    /**
+     * The relationship between the current document and the linked URL.
+     */
+    rel?: string;
+    /**
+     * Whether this breadcrumb is disabled (non-interactive, dimmed, skipped in
+     * the tab sequence).
+     *
+     * Note: disabling the *last* item is not recommended. The last item is
+     * already treated as the current page (non-interactive), and a disabled item
+     * renders as a plain `<span>` that bypasses React Aria's collection context —
+     * so a disabled final item will not carry `aria-current="page"`.
+     */
+    isDisabled?: boolean;
+    /**
+     * Options forwarded to the client-side router for this link.
+     */
+    routerOptions?: RouterOptions;
+};
+/**
+ * Props for the Breadcrumbs.Root component.
+ * Renders a `<nav>` landmark containing an ordered list of breadcrumb links.
+ * The last item is treated as the current page automatically.
+ */
+export type BreadcrumbsProps = OmitInternalProps<BreadcrumbsRootSlotProps> & {
+    /**
+     * The visible separator rendered between breadcrumb items. Accepts any
+     * React node (e.g. a string like "/" or an icon). The separator is
+     * decorative and hidden from assistive technologies.
+     * @default "›"
+     */
+    separator?: React.ReactNode;
+    /**
+     * Data-driven list of breadcrumbs. When provided, one `Breadcrumbs.Item` is
+     * rendered per entry (in order) and `children` is ignored. The last entry is
+     * the current page. Prefer this for trails built from data; use compound
+     * `Breadcrumbs.Item` children for static trails.
+     */
+    items?: BreadcrumbItem[];
+    /**
+     * Handler called with a breadcrumb's `id` when it is activated (clicked or
+     * via keyboard). Useful for client-side routing.
+     */
+    onAction?: (key: string | number) => void;
+    /**
+     * The breadcrumb items. Provide `Breadcrumbs.Item` children for a static
+     * trail. Ignored when `items` is provided.
+     */
+    children?: React.ReactNode;
+    /**
+     * A ref to the root `<nav>` element.
+     */
+    ref?: React.Ref<HTMLElement>;
+    [key: `data-${string}`]: unknown;
+};
+/**
+ * Props for the Breadcrumbs.Item component.
+ * Renders an `<li>` containing a navigation link. The last item rendered inside
+ * a `Breadcrumbs.Root` automatically represents the current page (non-interactive
+ * text with `aria-current="page"`, removed from the tab sequence) — there is no
+ * `isCurrent` prop.
+ */
+export type BreadcrumbsItemProps = Omit<OmitInternalProps<BreadcrumbsLinkSlotProps>, "id"> & {
+    /**
+     * A unique key for the breadcrumb, passed to `Breadcrumbs.Root`'s `onAction`
+     * handler when this item is activated.
+     */
+    id?: string | number;
+    /**
+     * The URL this breadcrumb links to. Ignored for the last (current) item,
+     * which renders as non-interactive text.
+     */
+    href?: string;
+    /**
+     * Whether the item is disabled. Disabled items cannot be interacted with,
+     * are visually dimmed, and are removed from the tab sequence.
+     * @default false
+     */
+    isDisabled?: boolean;
+    /**
+     * The target window for the link.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#target
+     */
+    target?: React.HTMLAttributeAnchorTarget;
+    /**
+     * The relationship between the current document and the linked URL.
+     * @see https://developer.mozilla.org/en-US/docs/Web/HTML/Element/a#rel
+     */
+    rel?: string;
+    /**
+     * Options forwarded to the client-side router for this link.
+     */
+    routerOptions?: RouterOptions;
+    /**
+     * The label content displayed inside the breadcrumb.
+     */
+    children?: React.ReactNode;
+    /**
+     * A ref to the underlying `<a>` element.
+     */
+    ref?: React.Ref<HTMLAnchorElement>;
+    [key: `data-${string}`]: unknown;
+};
+export {};

package/dist/components/breadcrumbs/components/breadcrumbs.context.d.ts

@@ -0,0 +1,13 @@
+/**
+ * Carries the decorative separator node configured on `Breadcrumbs.Root` down
+ * to each `Breadcrumbs.Item`, so the same separator is shared by both the
+ * compound (`Breadcrumbs.Item` children) and declarative (`items`) APIs.
+ *
+ * Defaults to `›` when an item is rendered without a surrounding
+ * `Breadcrumbs.Root` provider.
+ */
+export declare const BreadcrumbsSeparatorContext: import('react').Context<import('react').ReactNode>;
+/**
+ * Returns the decorative separator node provided by `Breadcrumbs.Root`.
+ */
+export declare const useBreadcrumbsSeparator: () => React.ReactNode;

package/dist/components/breadcrumbs/components/breadcrumbs.item.d.ts

@@ -0,0 +1,20 @@
+import { BreadcrumbsItemProps } from '../breadcrumbs.types.js';
+/**
+ * # Breadcrumbs.Item
+ *
+ * An individual breadcrumb. Renders an `<li>` (via React Aria's `Breadcrumb`)
+ * containing a navigation link (via React Aria's `Link`). The decorative
+ * separator configured on `Breadcrumbs.Root` is rendered before every item
+ * except the first.
+ *
+ * When this is the last item in a `Breadcrumbs.Root`, React Aria marks it as the
+ * current page automatically: it becomes non-interactive text with
+ * `aria-current="page"` and is removed from the tab sequence. There is no
+ * `isCurrent` prop — currentness is derived from position.
+ *
+ * @supportsStyleProps
+ */
+export declare const BreadcrumbsItem: {
+    ({ children, id, href, isDisabled, target, rel, routerOptions, ref, ...rest }: BreadcrumbsItemProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/breadcrumbs/components/breadcrumbs.root.d.ts

@@ -0,0 +1,19 @@
+import { BreadcrumbsProps } from '../breadcrumbs.types.js';
+/**
+ * # Breadcrumbs.Root
+ *
+ * The root container for the Breadcrumbs component. Renders a `<nav>` landmark
+ * wrapping an ordered list (`<ol>`) of breadcrumb items, built on React Aria
+ * Components' `Breadcrumbs`. The last item is treated as the current page
+ * automatically.
+ *
+ * Accepts either compound `Breadcrumbs.Item` children or a declarative `items`
+ * array. Always provide an `aria-label` (e.g. `"Breadcrumb"`) to identify the
+ * navigation landmark.
+ *
+ * @supportsStyleProps
+ */
+export declare const BreadcrumbsRoot: {
+    (props: BreadcrumbsProps): import("react").JSX.Element;
+    displayName: string;
+};

package/dist/components/breadcrumbs/components/index.d.ts

@@ -0,0 +1,2 @@
+export { BreadcrumbsRoot } from './breadcrumbs.root.js';
+export { BreadcrumbsItem } from './breadcrumbs.item.js';

package/dist/components/breadcrumbs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './breadcrumbs.js';
+export * from './breadcrumbs.types.js';

package/dist/components/breadcrumbs.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/breadcrumbs-TP5PrTuN.cjs.js");exports.Breadcrumbs=e.t,exports._BreadcrumbsItem=e.r,exports._BreadcrumbsRoot=e.n;

package/dist/components/breadcrumbs.es.js

@@ -0,0 +1,2 @@
+import { n as e, r as t, t as n } from "../chunks/breadcrumbs-1MAxlCTS.esm.js";
+export { n as Breadcrumbs, t as _BreadcrumbsItem, e as _BreadcrumbsRoot };

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

@@ -50,6 +50,17 @@ export declare const buttonRecipe: import('@chakra-ui/react').RecipeDefinition<{
                 height: "600";
             };
         };
+        xl: {
+            h: "1200";
+            minW: "1200";
+            textStyle: "md";
+            px: "500";
+            gap: "250";
+            _icon: {
+                width: "700";
+                height: "700";
+            };
+        };
     };
     variant: {
         solid: {

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

@@ -57,6 +57,22 @@ type NativePropsWithAriaEquivalents = {
     tabIndex?: number;
 };
 export type ButtonProps = Omit<ButtonRootSlotProps, keyof RaButtonProps | keyof NativePropsWithAriaEquivalents> & RaButtonProps & NativePropsWithAriaEquivalents & {
+    /**
+     * When `true` together with `isDisabled`, the button stays **focusable and
+     * hoverable** while disabled instead of being removed from interaction.
+     *
+     * It renders `aria-disabled="true"` (not the native `disabled` attribute),
+     * keeps the button in the natural tab order, and suppresses activation
+     * (press, click, `Enter`/`Space`, form submit/reset, and link navigation do
+     * not fire). The disabled styling is unchanged.
+     *
+     * Use this to attach a `Tooltip` (or other hover/focus affordance) to a
+     * disabled button — for example to explain *why* the action is unavailable.
+     * Has no effect unless the button is also disabled.
+     *
+     * @default false
+     */
+    allowFocusWhenDisabled?: boolean;
     /**
      * Data attributes for testing or custom metadata
      */

package/dist/components/button.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/button-DDlet23P.cjs.js");exports.Button=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/button-D6f5OX0h.cjs.js");exports.Button=e.t;

package/dist/components/button.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/button-D5CV52ux.esm.js";
+import { t as e } from "../chunks/button-DyM-iqBq.esm.js";
 export { e as Button };

package/dist/components/buttons.cjs

@@ -0,0 +1 @@
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("./floating-action-button.cjs");exports.FloatingActionButton=e.FloatingActionButton;

package/dist/components/buttons.es.js

@@ -0,0 +1,2 @@
+import { FloatingActionButton as e } from "./floating-action-button.es.js";
+export { e as FloatingActionButton };

package/dist/components/calendar.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/calendar-Ci_VqqKd.cjs.js");exports.Calendar=e.t;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/calendar-YtVTt0Tm.cjs.js");exports.Calendar=e.t;

package/dist/components/calendar.es.js

@@ -1,2 +1,2 @@
-import { t as e } from "../chunks/calendar-ILmCMbfo.esm.js";
+import { t as e } from "../chunks/calendar-bydCjK4Q.esm.js";
 export { e as Calendar };

package/dist/components/card.cjs

@@ -1 +1 @@
-Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/card-BzCs5Slj.cjs.js");exports.Card=e.t,exports._CardBody=e.r,exports._CardFooter=e.n,exports._CardHeader=e.i,exports._CardRoot=e.a;
+Object.defineProperty(exports,Symbol.toStringTag,{value:`Module`});const e=require("../chunks/card-Cs2Z5Nrc.cjs.js");exports.Card=e.t,exports._CardBody=e.r,exports._CardFooter=e.n,exports._CardHeader=e.i,exports._CardRoot=e.a;

package/dist/components/card.es.js

@@ -1,2 +1,2 @@
-import { a as e, i as t, n, r, t as i } from "../chunks/card-CqFuODvG.esm.js";
+import { a as e, i as t, n, r, t as i } from "../chunks/card-DbBguIa0.esm.js";
 export { i as Card, r as _CardBody, n as _CardFooter, t as _CardHeader, e as _CardRoot };

package/dist/components/chat-message/chat-message.context.d.ts

@@ -0,0 +1,15 @@
+/** Which participant sent the message. */
+export type ChatMessageSender = "user" | "agent";
+export interface ChatMessageContextValue {
+    /** The resolved `sender` published by `ChatMessage.Root` (default `"agent"`). */
+    sender: ChatMessageSender;
+}
+/**
+ * Carries the message's `sender` from `ChatMessage.Root` to its parts, so a part
+ * can derive a `sender`-dependent default that CSS alone can't express (e.g. the
+ * avatar's `variant`). The `"agent"` default is a safety net: a sender-aware part
+ * accidentally rendered outside a `Root` falls back to agent styling rather than
+ * throwing (it should always be composed under a `Root` in practice).
+ */
+export declare const ChatMessageContext: import('react').Context<ChatMessageContextValue>;
+export declare const useChatMessageContext: () => ChatMessageContextValue;

package/dist/components/chat-message/chat-message.d.ts

@@ -0,0 +1,161 @@
+import { ChatMessageRoot, ChatMessageAvatar, ChatMessageBody, ChatMessageActions, ChatMessageMeta, ChatMessageTyping } from './components/index.js';
+/**
+ * ChatMessage
+ * ============================================================
+ * A compound component representing a single message in an AI chat feed.
+ * It provides a body container, an avatar, and layout-only slots that
+ * consumers fill with their own content: actions inside the body, a meta
+ * below it, and a typing indicator for streaming replies. The `sender` prop
+ * drives the layout direction and sender-specific styling, and `tone` flags a
+ * failed generation.
+ *
+ * ChatMessage renders a single message; composing the surrounding feed and any
+ * live region is the consumer's job — see the accessibility documentation.
+ *
+ * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message}
+ *
+ * @example
+ * ```tsx
+ * <ChatMessage.Root sender="agent">
+ *   <ChatMessage.Avatar>
+ *     <AutoAwesome />
+ *   </ChatMessage.Avatar>
+ *   <ChatMessage.Body>
+ *     <Text>Here is the summary you asked for.</Text>
+ *     <ChatMessage.Actions>
+ *       <Button variant="outline">Save as draft</Button>
+ *       <Button variant="solid">Approve</Button>
+ *     </ChatMessage.Actions>
+ *   </ChatMessage.Body>
+ *   <ChatMessage.Meta>
+ *     <Link>How was this generated?</Link>
+ *     <Text>Apr 13, 11:56pm</Text>
+ *   </ChatMessage.Meta>
+ * </ChatMessage.Root>
+ * ```
+ */
+export declare const ChatMessage: {
+    /**
+     * # ChatMessage.Root
+     *
+     * The grid container for a single message. Establishes the styling context
+     * and lays out the avatar, body and optional meta row. Accepts `sender`
+     * (`"user" | "agent"`) which controls layout direction
+     * and styling, `tone` (`"neutral" | "error"`) to flag a failed generation,
+     * and `isStreaming` to mark the message as still generating (sets
+     * `aria-busy`). The palette (user surface tint + avatar) defaults to
+     * `primary`; pass `colorPalette` to retint the whole message. Renders a
+     * semantic `<article>` by default; override with `as`.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Root sender="user" aria-label="Message from Ada Lovelace">
+     *   <ChatMessage.Avatar firstName="Ada" lastName="Lovelace" />
+     *   <ChatMessage.Body>
+     *     <Text>Can you summarise this order?</Text>
+     *   </ChatMessage.Body>
+     * </ChatMessage.Root>
+     * ```
+     */
+    Root: {
+        (props: import('./chat-message.types.js').ChatMessageProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Avatar
+     *
+     * The sender's avatar. Wraps the Nimbus `Avatar` (defaulting to `size="xs"`)
+     * and is styled per `sender`. Provide the content via `firstName`/`lastName`
+     * (initials), `src` (image), or `children` (a custom icon). Decorative by
+     * default (`aria-hidden`) unless named.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Avatar>
+     *   <AutoAwesome />
+     * </ChatMessage.Avatar>
+     * ```
+     */
+    Avatar: {
+        ({ ref, size, variant, children, ...props }: import('./chat-message.types.js').ChatMessageAvatarProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Body
+     *
+     * The rounded card that holds the message payload. Stacks its children
+     * vertically; place `ChatMessage.Actions` last to pin actions to the bottom.
+     * Long, unbreakable content wraps inside the card.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Body>
+     *   <Text>Message content</Text>
+     * </ChatMessage.Body>
+     * ```
+     */
+    Body: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageBodyProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Actions
+     *
+     * A layout-only, right-aligned row for action buttons, rendered inside the
+     * body. Consumers provide the buttons.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Actions>
+     *   <Button variant="outline">Dismiss</Button>
+     *   <Button variant="solid">Approve</Button>
+     * </ChatMessage.Actions>
+     * ```
+     */
+    Actions: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageActionsProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Meta
+     *
+     * A layout-only `space-between` row rendered below the body. Consumers
+     * provide the content (timestamp, trust affordances, reaction icons, links).
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Meta>
+     *   <Link>How was this generated?</Link>
+     *   <Text>Apr 13, 11:56pm</Text>
+     * </ChatMessage.Meta>
+     * ```
+     */
+    Meta: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageMetaProps): import("react").JSX.Element;
+        displayName: string;
+    };
+    /**
+     * # ChatMessage.Typing
+     *
+     * An animated "generating…" indicator (Nimbus `ActivityIndicator`) for a
+     * streaming reply. Render it as the body's payload while the response
+     * streams; pass a visible label as `children` for a per-message affordance.
+     *
+     * @example
+     * ```tsx
+     * <ChatMessage.Root sender="agent" isStreaming>
+     *   <ChatMessage.Avatar>
+     *     <AutoAwesome />
+     *   </ChatMessage.Avatar>
+     *   <ChatMessage.Body>
+     *     <ChatMessage.Typing>Agent is typing…</ChatMessage.Typing>
+     *   </ChatMessage.Body>
+     * </ChatMessage.Root>
+     * ```
+     */
+    Typing: {
+        ({ ref, children, ...props }: import('./chat-message.types.js').ChatMessageTypingProps): import("react").JSX.Element;
+        displayName: string;
+    };
+};
+export { ChatMessageRoot as _ChatMessageRoot, ChatMessageAvatar as _ChatMessageAvatar, ChatMessageBody as _ChatMessageBody, ChatMessageActions as _ChatMessageActions, ChatMessageMeta as _ChatMessageMeta, ChatMessageTyping as _ChatMessageTyping, };

package/dist/components/chat-message/chat-message.figma.d.ts

@@ -0,0 +1 @@
+export {};