@commercetools/nimbus 3.3.0 → 3.5.0

package/dist/chunks/chat-message-CDLvkgaw.esm.js

@@ -1,83 +0,0 @@
-import { t as e } from "./activity-indicator-SMeTxJxm.esm.js";
-import { t } from "./avatar-9QAY7VNI.esm.js";
-import { t as n } from "./extract-style-props-BPnHKmWR.esm.js";
-import { createContext as r, useContext as i, useMemo as a } from "react";
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import { AutoAwesome as c } from "@commercetools/nimbus-icons";
-import { createSlotRecipeContext as l, useSlotRecipe as u } from "@chakra-ui/react/styled-system";
-//#region src/components/chat-message/chat-message.slots.tsx
-var { withProvider: d, withContext: f } = l({ key: "nimbusChatMessage" }), p = d("article", "root"), m = f("div", "avatar"), h = f("div", "body"), g = f("div", "actions"), _ = f("div", "meta"), v = f("div", "typing"), y = r({ sender: "agent" }), b = () => i(y), x = (e) => {
-	let { ref: t, children: r, isStreaming: i, ...s } = e, [c, l] = u({ key: "nimbusChatMessage" }).splitVariantProps(s), [d, f] = n(l), m = e.sender === "user" ? "user" : "agent", h = a(() => ({ sender: m }), [m]);
-	return /* @__PURE__ */ o(p, {
-		"aria-busy": i || void 0,
-		ref: t,
-		...c,
-		...d,
-		...f,
-		children: /* @__PURE__ */ o(y.Provider, {
-			value: h,
-			children: r
-		})
-	});
-};
-x.displayName = "ChatMessage.Root";
-//#endregion
-//#region src/components/chat-message/components/chat-message.avatar.tsx
-var S = ({ ref: e, size: n = "xs", variant: r, children: i, ...a }) => {
-	let { sender: s } = b(), l = r ?? (s === "user" ? "subtle" : "solid"), u = a.firstName != null || a.lastName != null || a["aria-label"] != null || a["aria-labelledby"] != null, d = i == null && a.firstName == null && a.lastName == null && a.src == null, f = i ?? (s === "agent" && d ? /* @__PURE__ */ o(c, {}) : void 0);
-	return /* @__PURE__ */ o(m, { children: /* @__PURE__ */ o(t, {
-		ref: e,
-		size: n,
-		variant: l,
-		"aria-hidden": !u || void 0,
-		...a,
-		children: f
-	}) });
-};
-S.displayName = "ChatMessage.Avatar";
-//#endregion
-//#region src/components/chat-message/components/chat-message.body.tsx
-var C = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ o(h, {
-	ref: e,
-	...n,
-	children: t
-});
-C.displayName = "ChatMessage.Body";
-//#endregion
-//#region src/components/chat-message/components/chat-message.actions.tsx
-var w = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ o(g, {
-	ref: e,
-	...n,
-	children: t
-});
-w.displayName = "ChatMessage.Actions";
-//#endregion
-//#region src/components/chat-message/components/chat-message.meta.tsx
-var T = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ o(_, {
-	ref: e,
-	...n,
-	children: t
-});
-T.displayName = "ChatMessage.Meta";
-//#endregion
-//#region src/components/chat-message/components/chat-message.typing.tsx
-var E = ({ ref: t, children: n, ...r }) => /* @__PURE__ */ s(v, {
-	ref: t,
-	...r,
-	children: [/* @__PURE__ */ o(e, {}), n]
-});
-E.displayName = "ChatMessage.Typing";
-//#endregion
-//#region src/components/chat-message/chat-message.tsx
-var D = {
-	Root: x,
-	Avatar: S,
-	Body: C,
-	Actions: w,
-	Meta: T,
-	Typing: E
-};
-//#endregion
-export { C as a, w as i, E as n, S as o, T as r, x as s, D as t };
-
-//# sourceMappingURL=chat-message-CDLvkgaw.esm.js.map

package/dist/chunks/chat-message-CDLvkgaw.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-message-CDLvkgaw.esm.js","names":[],"sources":["../../src/components/chat-message/chat-message.slots.tsx","../../src/components/chat-message/chat-message.context.ts","../../src/components/chat-message/components/chat-message.root.tsx","../../src/components/chat-message/components/chat-message.avatar.tsx","../../src/components/chat-message/components/chat-message.body.tsx","../../src/components/chat-message/components/chat-message.actions.tsx","../../src/components/chat-message/components/chat-message.meta.tsx","../../src/components/chat-message/components/chat-message.typing.tsx","../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ChatMessageRootSlotProps,\n  ChatMessageAvatarSlotProps,\n  ChatMessageBodySlotProps,\n  ChatMessageActionsSlotProps,\n  ChatMessageMetaSlotProps,\n  ChatMessageTypingSlotProps,\n} from \"./chat-message.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusChatMessage\",\n});\n\n/**\n * Root slot — establishes the recipe context and owns the grid layout. The\n * component defaults its rendered element to `<article>` (a feed item, per the\n * ARIA APG); consumers can override via `as`.\n */\nexport const ChatMessageRootSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageRootSlotProps\n> = withProvider<HTMLDivElement, ChatMessageRootSlotProps>(\"article\", \"root\");\n\n/**\n * Avatar slot — a layout wrapper for the interior Nimbus `Avatar`. The nested\n * avatar's background/color are set per `sender` from the recipe.\n */\nexport const ChatMessageAvatarSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageAvatarSlotProps\n> = withContext<HTMLDivElement, ChatMessageAvatarSlotProps>(\"div\", \"avatar\");\n\n/**\n * Body slot — the rounded card that holds the message payload.\n */\nexport const ChatMessageBodySlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageBodySlotProps\n> = withContext<HTMLDivElement, ChatMessageBodySlotProps>(\"div\", \"body\");\n\n/**\n * Actions slot — layout-only row for buttons, rendered inside the body.\n */\nexport const ChatMessageActionsSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageActionsSlotProps\n> = withContext<HTMLDivElement, ChatMessageActionsSlotProps>(\"div\", \"actions\");\n\n/**\n * Meta slot — layout-only row rendered below the body.\n */\nexport const ChatMessageMetaSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageMetaSlotProps\n> = withContext<HTMLDivElement, ChatMessageMetaSlotProps>(\"div\", \"meta\");\n\n/**\n * Typing slot — layout wrapper for the animated typing indicator (and an\n * optional visible label), rendered inside the body while a reply streams.\n */\nexport const ChatMessageTypingSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageTypingSlotProps\n> = withContext<HTMLDivElement, ChatMessageTypingSlotProps>(\"div\", \"typing\");\n","import { createContext, useContext } from \"react\";\n\n/** Which participant sent the message. */\nexport type ChatMessageSender = \"user\" | \"agent\";\n\nexport interface ChatMessageContextValue {\n  /** The resolved `sender` published by `ChatMessage.Root` (default `\"agent\"`). */\n  sender: ChatMessageSender;\n}\n\n/**\n * Carries the message's `sender` from `ChatMessage.Root` to its parts, so a part\n * can derive a `sender`-dependent default that CSS alone can't express (e.g. the\n * avatar's `variant`). The `\"agent\"` default is a safety net: a sender-aware part\n * accidentally rendered outside a `Root` falls back to agent styling rather than\n * throwing (it should always be composed under a `Root` in practice).\n */\nexport const ChatMessageContext = createContext<ChatMessageContextValue>({\n  sender: \"agent\",\n});\n\nexport const useChatMessageContext = () => useContext(ChatMessageContext);\n","import { useMemo } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { ChatMessageRootSlot } from \"../chat-message.slots\";\nimport { ChatMessageContext } from \"../chat-message.context\";\nimport type { ChatMessageSender } from \"../chat-message.context\";\nimport type { ChatMessageProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Root - The grid container for a single chat message.\n *\n * Establishes the styling context and lays out the avatar, body and optional\n * meta row. The `sender` prop selects the layout direction (avatar leading for\n * `\"agent\"`, trailing for `\"user\"`) and the sender-specific styling;\n * `tone=\"error\"` tints the body for a failed generation.\n *\n * Renders a semantic `<article>` by default (a feed item, per the ARIA APG) so\n * a message is a discrete node in the accessibility tree. This is a *default*,\n * not a mandate: override the element with `as` (e.g. `as=\"li\"` inside a list)\n * and name the message for assistive tech with `aria-label`/`aria-labelledby`.\n * The surrounding feed / live region is the consumer's to compose — see the\n * accessibility docs.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageRoot = (props: ChatMessageProps) => {\n  const { ref, children, isStreaming, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusChatMessage\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  // Publish the resolved `sender` to the parts so they can derive\n  // `sender`-dependent defaults that CSS can't (e.g. the avatar's `variant`).\n  // Read from `props` (it still flows to the slot via `restProps`); anything but\n  // an explicit \"user\" resolves to the recipe's default of \"agent\".\n  const sender: ChatMessageSender = props.sender === \"user\" ? \"user\" : \"agent\";\n\n  // Stable context identity so the parts (Avatar/Body/Meta) don't re-render on\n  // every Root render — only when `sender` actually changes.\n  const contextValue = useMemo(() => ({ sender }), [sender]);\n\n  return (\n    <ChatMessageRootSlot\n      // The slot renders `<article>` by default (see chat-message.slots.tsx);\n      // `functionalProps` is spread last so a consumer-supplied `as` / `role` /\n      // `aria-*` always wins.\n      aria-busy={isStreaming || undefined}\n      ref={ref}\n      {...recipeProps}\n      {...styleProps}\n      {...functionalProps}\n    >\n      <ChatMessageContext.Provider value={contextValue}>\n        {children}\n      </ChatMessageContext.Provider>\n    </ChatMessageRootSlot>\n  );\n};\n\nChatMessageRoot.displayName = \"ChatMessage.Root\";\n","import { AutoAwesome } from \"@commercetools/nimbus-icons\";\nimport { Avatar } from \"@/components/avatar/avatar\";\nimport { ChatMessageAvatarSlot } from \"../chat-message.slots\";\nimport { useChatMessageContext } from \"../chat-message.context\";\nimport type { ChatMessageAvatarProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Avatar - The sender's avatar.\n *\n * Wraps the Nimbus `Avatar` (defaulting to `size=\"xs\"`, a 32px box per the\n * Figma spec). Unless the consumer sets `variant` explicitly, the variant\n * defaults per `sender`: `solid` for the `agent` (a strong branded glyph) and\n * `subtle` for the `user` (a softer surface that matches the user body's tint).\n * The color *palette* comes from the ChatMessage recipe (`primary`), so\n * consumers only supply the avatar content (initials via `firstName`/\n * `lastName`, an image `src`, or a custom icon via `children`).\n *\n * An **unconfigured** avatar (no content supplied) falls back to a\n * sender-appropriate generic glyph: the AI `AutoAwesome` sparkle for the\n * `agent`, and the `Avatar`'s built-in person icon for the `user`.\n *\n * Props flow to the **inner `Avatar`**, not to the grid-cell wrapper — the\n * wrapper only exists to occupy the avatar column.\n *\n * Accessibility: the avatar is **decorative by default** (`aria-hidden`). A\n * sender glyph duplicates information better conveyed by the message's\n * accessible name and column, and a nameless `Avatar` would otherwise announce\n * a misleading generic label. Passing `firstName`/`lastName` or an explicit\n * `aria-label` opts it back into the accessibility tree with a real name.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageAvatar = ({\n  ref,\n  size = \"xs\",\n  variant,\n  children,\n  ...props\n}: ChatMessageAvatarProps) => {\n  const { sender } = useChatMessageContext();\n  // Consumer's explicit `variant` wins; otherwise default per sender.\n  const resolvedVariant = variant ?? (sender === \"user\" ? \"subtle\" : \"solid\");\n\n  const isNamed =\n    props.firstName != null ||\n    props.lastName != null ||\n    props[\"aria-label\"] != null ||\n    props[\"aria-labelledby\"] != null;\n\n  // When the consumer supplies no content, give the agent an AI glyph instead\n  // of the person fallback. The user keeps `Avatar`'s built-in person icon\n  // (rendered when `children` is absent).\n  const isUnconfigured =\n    children == null &&\n    props.firstName == null &&\n    props.lastName == null &&\n    props.src == null;\n  const resolvedChildren =\n    children ??\n    (sender === \"agent\" && isUnconfigured ? <AutoAwesome /> : undefined);\n\n  return (\n    <ChatMessageAvatarSlot>\n      <Avatar\n        ref={ref}\n        size={size}\n        variant={resolvedVariant}\n        // Decorative unless the consumer named it; `props` is spread last so an\n        // explicit `aria-hidden` from the consumer still wins.\n        aria-hidden={isNamed ? undefined : true}\n        {...props}\n      >\n        {resolvedChildren}\n      </Avatar>\n    </ChatMessageAvatarSlot>\n  );\n};\n\nChatMessageAvatar.displayName = \"ChatMessage.Avatar\";\n","import { ChatMessageBodySlot } from \"../chat-message.slots\";\nimport type { ChatMessageBodyProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Body - The rounded card that holds the message payload.\n *\n * Stacks its children vertically; place `ChatMessage.Actions` as the last child\n * to pin action buttons to the bottom of the body. Background, padding,\n * border-radius and max-width are set per `sender` by the recipe.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageBody = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageBodyProps) => {\n  return (\n    <ChatMessageBodySlot ref={ref} {...props}>\n      {children}\n    </ChatMessageBodySlot>\n  );\n};\n\nChatMessageBody.displayName = \"ChatMessage.Body\";\n","import { ChatMessageActionsSlot } from \"../chat-message.slots\";\nimport type { ChatMessageActionsProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Actions - Layout-only row for action buttons inside the body.\n *\n * Renders a right-aligned, wrapping flex row. Consumers provide the buttons.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageActions = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageActionsProps) => {\n  return (\n    <ChatMessageActionsSlot ref={ref} {...props}>\n      {children}\n    </ChatMessageActionsSlot>\n  );\n};\n\nChatMessageActions.displayName = \"ChatMessage.Actions\";\n","import { ChatMessageMetaSlot } from \"../chat-message.slots\";\nimport type { ChatMessageMetaProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Meta - Layout-only row rendered below the body.\n *\n * Renders a `space-between` flex row aligned with the body. Consumers provide\n * the content (timestamp, provenance/trust links, reaction icons). With a\n * single child, `space-between` leaves it at the start of the row — pair it\n * with a spacer or a second element to push content to the end.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageMeta = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageMetaProps) => {\n  return (\n    <ChatMessageMetaSlot ref={ref} {...props}>\n      {children}\n    </ChatMessageMetaSlot>\n  );\n};\n\nChatMessageMeta.displayName = \"ChatMessage.Meta\";\n","import { ActivityIndicator } from \"@/components/activity-indicator/activity-indicator\";\nimport { ChatMessageTypingSlot } from \"../chat-message.slots\";\nimport type { ChatMessageTypingProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Typing - Animated \"generating…\" indicator for a streaming reply.\n *\n * Renders the Nimbus `ActivityIndicator` (three bouncing dots) inside the\n * body while a response streams. Place it as the body's payload and swap it\n * for the real content once the stream settles.\n *\n * Accessibility: the dots are decorative (`ActivityIndicator` is always\n * `aria-hidden`). Pass a visible label as `children` (e.g. \"Agent is\n * typing…\") for a per-message affordance, and/or set `isStreaming` on\n * `ChatMessage.Root` (which sets `aria-busy`) — the coalesced live-region\n * announcement stays with the consumer's feed/turn container.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageTyping = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageTypingProps) => {\n  return (\n    <ChatMessageTypingSlot ref={ref} {...props}>\n      <ActivityIndicator />\n      {children}\n    </ChatMessageTypingSlot>\n  );\n};\n\nChatMessageTyping.displayName = \"ChatMessage.Typing\";\n","import {\n  ChatMessageRoot,\n  ChatMessageAvatar,\n  ChatMessageBody,\n  ChatMessageActions,\n  ChatMessageMeta,\n  ChatMessageTyping,\n} from \"./components\";\n\n/**\n * ChatMessage\n * ============================================================\n * A compound component representing a single message in an AI chat feed.\n * It provides a body container, an avatar, and layout-only slots that\n * consumers fill with their own content: actions inside the body, a meta\n * below it, and a typing indicator for streaming replies. The `sender` prop\n * drives the layout direction and sender-specific styling, and `tone` flags a\n * failed generation.\n *\n * ChatMessage renders a single message; composing the surrounding feed and any\n * live region is the consumer's job — see the accessibility documentation.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message}\n *\n * @example\n * ```tsx\n * <ChatMessage.Root sender=\"agent\">\n *   <ChatMessage.Avatar>\n *     <AutoAwesome />\n *   </ChatMessage.Avatar>\n *   <ChatMessage.Body>\n *     <Text>Here is the summary you asked for.</Text>\n *     <ChatMessage.Actions>\n *       <Button variant=\"outline\">Save as draft</Button>\n *       <Button variant=\"solid\">Approve</Button>\n *     </ChatMessage.Actions>\n *   </ChatMessage.Body>\n *   <ChatMessage.Meta>\n *     <Link>How was this generated?</Link>\n *     <Text>Apr 13, 11:56pm</Text>\n *   </ChatMessage.Meta>\n * </ChatMessage.Root>\n * ```\n */\nexport const ChatMessage = {\n  /**\n   * # ChatMessage.Root\n   *\n   * The grid container for a single message. Establishes the styling context\n   * and lays out the avatar, body and optional meta row. Accepts `sender`\n   * (`\"user\" | \"agent\"`) which controls layout direction\n   * and styling, `tone` (`\"neutral\" | \"error\"`) to flag a failed generation,\n   * and `isStreaming` to mark the message as still generating (sets\n   * `aria-busy`). The palette (user surface tint + avatar) defaults to\n   * `primary`; pass `colorPalette` to retint the whole message. Renders a\n   * semantic `<article>` by default; override with `as`.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Root sender=\"user\" aria-label=\"Message from Ada Lovelace\">\n   *   <ChatMessage.Avatar firstName=\"Ada\" lastName=\"Lovelace\" />\n   *   <ChatMessage.Body>\n   *     <Text>Can you summarise this order?</Text>\n   *   </ChatMessage.Body>\n   * </ChatMessage.Root>\n   * ```\n   */\n  Root: ChatMessageRoot,\n  /**\n   * # ChatMessage.Avatar\n   *\n   * The sender's avatar. Wraps the Nimbus `Avatar` (defaulting to `size=\"xs\"`)\n   * and is styled per `sender`. Provide the content via `firstName`/`lastName`\n   * (initials), `src` (image), or `children` (a custom icon). Decorative by\n   * default (`aria-hidden`) unless named.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Avatar>\n   *   <AutoAwesome />\n   * </ChatMessage.Avatar>\n   * ```\n   */\n  Avatar: ChatMessageAvatar,\n  /**\n   * # ChatMessage.Body\n   *\n   * The rounded card that holds the message payload. Stacks its children\n   * vertically; place `ChatMessage.Actions` last to pin actions to the bottom.\n   * Long, unbreakable content wraps inside the card.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Body>\n   *   <Text>Message content</Text>\n   * </ChatMessage.Body>\n   * ```\n   */\n  Body: ChatMessageBody,\n  /**\n   * # ChatMessage.Actions\n   *\n   * A layout-only, right-aligned row for action buttons, rendered inside the\n   * body. Consumers provide the buttons.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Actions>\n   *   <Button variant=\"outline\">Dismiss</Button>\n   *   <Button variant=\"solid\">Approve</Button>\n   * </ChatMessage.Actions>\n   * ```\n   */\n  Actions: ChatMessageActions,\n  /**\n   * # ChatMessage.Meta\n   *\n   * A layout-only `space-between` row rendered below the body. Consumers\n   * provide the content (timestamp, trust affordances, reaction icons, links).\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Meta>\n   *   <Link>How was this generated?</Link>\n   *   <Text>Apr 13, 11:56pm</Text>\n   * </ChatMessage.Meta>\n   * ```\n   */\n  Meta: ChatMessageMeta,\n  /**\n   * # ChatMessage.Typing\n   *\n   * An animated \"generating…\" indicator (Nimbus `ActivityIndicator`) for a\n   * streaming reply. Render it as the body's payload while the response\n   * streams; pass a visible label as `children` for a per-message affordance.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Root sender=\"agent\" isStreaming>\n   *   <ChatMessage.Avatar>\n   *     <AutoAwesome />\n   *   </ChatMessage.Avatar>\n   *   <ChatMessage.Body>\n   *     <ChatMessage.Typing>Agent is typing…</ChatMessage.Typing>\n   *   </ChatMessage.Body>\n   * </ChatMessage.Root>\n   * ```\n   */\n  Typing: ChatMessageTyping,\n};\n\nexport {\n  ChatMessageRoot as _ChatMessageRoot,\n  ChatMessageAvatar as _ChatMessageAvatar,\n  ChatMessageBody as _ChatMessageBody,\n  ChatMessageActions as _ChatMessageActions,\n  ChatMessageMeta as _ChatMessageMeta,\n  ChatMessageTyping as _ChatMessageTyping,\n};\n"],"mappings":";;;;;;;;AAWA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,oBACP,CAAC,GAOY,IAGT,EAAuD,WAAW,MAAM,GAM/D,IAGT,EAAwD,OAAO,QAAQ,GAK9D,IAGT,EAAsD,OAAO,MAAM,GAK1D,IAGT,EAAyD,OAAO,SAAS,GAKhE,IAGT,EAAsD,OAAO,MAAM,GAM1D,IAGT,EAAwD,OAAO,QAAQ,GChD9D,IAAqB,EAAuC,EACvE,QAAQ,QACV,CAAC,GAEY,UAA8B,EAAW,CAAkB,GCI3D,KAAmB,MAA4B;CAC1D,IAAM,EAAE,QAAK,aAAU,gBAAa,GAAG,MAAc,GAG/C,CAAC,GAAa,KADL,EAAc,EAAE,KAAK,oBAAoB,CAClB,CAAA,CAAO,kBAAkB,CAAS,GAClE,CAAC,GAAY,KAAmB,EAAkB,CAAc,GAMhE,IAA4B,EAAM,WAAW,SAAS,SAAS,SAI/D,IAAe,SAAe,EAAE,UAAO,IAAI,CAAC,CAAM,CAAC;CAEzD,OACE,kBAAC,GAAD;EAIE,aAAW,KAAe,KAAA;EACrB;EACL,GAAI;EACJ,GAAI;EACJ,GAAI;YAEJ,kBAAC,EAAmB,UAApB;GAA6B,OAAO;GACjC;EAC0B,CAAA;CACV,CAAA;AAEzB;AAEA,EAAgB,cAAc;;;AC5B9B,IAAa,KAAqB,EAChC,QACA,UAAO,MACP,YACA,aACA,GAAG,QACyB;CAC5B,IAAM,EAAE,cAAW,EAAsB,GAEnC,IAAkB,MAAY,MAAW,SAAS,WAAW,UAE7D,IACJ,EAAM,aAAa,QACnB,EAAM,YAAY,QAClB,EAAM,iBAAiB,QACvB,EAAM,sBAAsB,MAKxB,IACJ,KAAY,QACZ,EAAM,aAAa,QACnB,EAAM,YAAY,QAClB,EAAM,OAAO,MACT,IACJ,MACC,MAAW,WAAW,IAAiB,kBAAC,GAAD,CAAc,CAAA,IAAI,KAAA;CAE5D,OACE,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;EACO;EACC;EACN,SAAS;EAGT,eAAa,MAAU,KAAA;EACvB,GAAI;YAEH;CACK,CAAA,EACa,CAAA;AAE3B;AAEA,EAAkB,cAAc;;;AClEhC,IAAa,KAAmB,EAC9B,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA0B;CAAK,GAAI;CAChC;AACkB,CAAA;AAIzB,EAAgB,cAAc;;;ACd9B,IAAa,KAAsB,EACjC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA6B;CAAK,GAAI;CACnC;AACqB,CAAA;AAI5B,EAAmB,cAAc;;;ACTjC,IAAa,KAAmB,EAC9B,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA0B;CAAK,GAAI;CAChC;AACkB,CAAA;AAIzB,EAAgB,cAAc;;;ACN9B,IAAa,KAAqB,EAChC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA4B;CAAK,GAAI;WAArC,CACE,kBAAC,GAAD,CAAoB,CAAA,GACnB,CACoB;;AAI3B,EAAkB,cAAc;;;ACYhC,IAAa,IAAc;CAuBzB,MAAM;CAgBN,QAAQ;CAeR,MAAM;CAeN,SAAS;CAeT,MAAM;CAoBN,QAAQ;AACV"}

package/dist/chunks/chat-message-DW8IO5YJ.cjs

@@ -1,2 +0,0 @@
-const e=require("./activity-indicator-CmGp3H_M.cjs.js"),t=require("./avatar-CYZYJBfO.cjs.js"),n=require("./extract-style-props-CA1O0IF2.cjs.js");let r=require("react"),i=require("react/jsx-runtime"),a=require("@commercetools/nimbus-icons"),o=require("@chakra-ui/react/styled-system");var{withProvider:s,withContext:c}=(0,o.createSlotRecipeContext)({key:`nimbusChatMessage`}),l=s(`article`,`root`),u=c(`div`,`avatar`),d=c(`div`,`body`),f=c(`div`,`actions`),p=c(`div`,`meta`),m=c(`div`,`typing`),h=(0,r.createContext)({sender:`agent`}),g=()=>(0,r.useContext)(h),_=e=>{let{ref:t,children:a,isStreaming:s,...c}=e,[u,d]=(0,o.useSlotRecipe)({key:`nimbusChatMessage`}).splitVariantProps(c),[f,p]=n.t(d),m=e.sender===`user`?`user`:`agent`,g=(0,r.useMemo)(()=>({sender:m}),[m]);return(0,i.jsx)(l,{"aria-busy":s||void 0,ref:t,...u,...f,...p,children:(0,i.jsx)(h.Provider,{value:g,children:a})})};_.displayName=`ChatMessage.Root`;var v=({ref:e,size:n=`xs`,variant:r,children:o,...s})=>{let{sender:c}=g(),l=r??(c===`user`?`subtle`:`solid`),d=s.firstName!=null||s.lastName!=null||s[`aria-label`]!=null||s[`aria-labelledby`]!=null,f=o==null&&s.firstName==null&&s.lastName==null&&s.src==null,p=o??(c===`agent`&&f?(0,i.jsx)(a.AutoAwesome,{}):void 0);return(0,i.jsx)(u,{children:(0,i.jsx)(t.t,{ref:e,size:n,variant:l,"aria-hidden":!d||void 0,...s,children:p})})};v.displayName=`ChatMessage.Avatar`;var y=({ref:e,children:t,...n})=>(0,i.jsx)(d,{ref:e,...n,children:t});y.displayName=`ChatMessage.Body`;var b=({ref:e,children:t,...n})=>(0,i.jsx)(f,{ref:e,...n,children:t});b.displayName=`ChatMessage.Actions`;var x=({ref:e,children:t,...n})=>(0,i.jsx)(p,{ref:e,...n,children:t});x.displayName=`ChatMessage.Meta`;var S=({ref:t,children:n,...r})=>(0,i.jsxs)(m,{ref:t,...r,children:[(0,i.jsx)(e.t,{}),n]});S.displayName=`ChatMessage.Typing`;var C={Root:_,Avatar:v,Body:y,Actions:b,Meta:x,Typing:S};Object.defineProperty(exports,"a",{enumerable:!0,get:function(){return y}}),Object.defineProperty(exports,"i",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return S}}),Object.defineProperty(exports,"o",{enumerable:!0,get:function(){return v}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"s",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return C}});
-//# sourceMappingURL=chat-message-DW8IO5YJ.cjs.js.map

package/dist/chunks/chat-message-DW8IO5YJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-message-DW8IO5YJ.cjs.js","names":[],"sources":["../../src/components/chat-message/chat-message.slots.tsx","../../src/components/chat-message/chat-message.context.ts","../../src/components/chat-message/components/chat-message.root.tsx","../../src/components/chat-message/components/chat-message.avatar.tsx","../../src/components/chat-message/components/chat-message.body.tsx","../../src/components/chat-message/components/chat-message.actions.tsx","../../src/components/chat-message/components/chat-message.meta.tsx","../../src/components/chat-message/components/chat-message.typing.tsx","../../src/components/chat-message/chat-message.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ChatMessageRootSlotProps,\n  ChatMessageAvatarSlotProps,\n  ChatMessageBodySlotProps,\n  ChatMessageActionsSlotProps,\n  ChatMessageMetaSlotProps,\n  ChatMessageTypingSlotProps,\n} from \"./chat-message.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusChatMessage\",\n});\n\n/**\n * Root slot — establishes the recipe context and owns the grid layout. The\n * component defaults its rendered element to `<article>` (a feed item, per the\n * ARIA APG); consumers can override via `as`.\n */\nexport const ChatMessageRootSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageRootSlotProps\n> = withProvider<HTMLDivElement, ChatMessageRootSlotProps>(\"article\", \"root\");\n\n/**\n * Avatar slot — a layout wrapper for the interior Nimbus `Avatar`. The nested\n * avatar's background/color are set per `sender` from the recipe.\n */\nexport const ChatMessageAvatarSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageAvatarSlotProps\n> = withContext<HTMLDivElement, ChatMessageAvatarSlotProps>(\"div\", \"avatar\");\n\n/**\n * Body slot — the rounded card that holds the message payload.\n */\nexport const ChatMessageBodySlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageBodySlotProps\n> = withContext<HTMLDivElement, ChatMessageBodySlotProps>(\"div\", \"body\");\n\n/**\n * Actions slot — layout-only row for buttons, rendered inside the body.\n */\nexport const ChatMessageActionsSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageActionsSlotProps\n> = withContext<HTMLDivElement, ChatMessageActionsSlotProps>(\"div\", \"actions\");\n\n/**\n * Meta slot — layout-only row rendered below the body.\n */\nexport const ChatMessageMetaSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageMetaSlotProps\n> = withContext<HTMLDivElement, ChatMessageMetaSlotProps>(\"div\", \"meta\");\n\n/**\n * Typing slot — layout wrapper for the animated typing indicator (and an\n * optional visible label), rendered inside the body while a reply streams.\n */\nexport const ChatMessageTypingSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageTypingSlotProps\n> = withContext<HTMLDivElement, ChatMessageTypingSlotProps>(\"div\", \"typing\");\n","import { createContext, useContext } from \"react\";\n\n/** Which participant sent the message. */\nexport type ChatMessageSender = \"user\" | \"agent\";\n\nexport interface ChatMessageContextValue {\n  /** The resolved `sender` published by `ChatMessage.Root` (default `\"agent\"`). */\n  sender: ChatMessageSender;\n}\n\n/**\n * Carries the message's `sender` from `ChatMessage.Root` to its parts, so a part\n * can derive a `sender`-dependent default that CSS alone can't express (e.g. the\n * avatar's `variant`). The `\"agent\"` default is a safety net: a sender-aware part\n * accidentally rendered outside a `Root` falls back to agent styling rather than\n * throwing (it should always be composed under a `Root` in practice).\n */\nexport const ChatMessageContext = createContext<ChatMessageContextValue>({\n  sender: \"agent\",\n});\n\nexport const useChatMessageContext = () => useContext(ChatMessageContext);\n","import { useMemo } from \"react\";\nimport { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { extractStyleProps } from \"@/utils\";\nimport { ChatMessageRootSlot } from \"../chat-message.slots\";\nimport { ChatMessageContext } from \"../chat-message.context\";\nimport type { ChatMessageSender } from \"../chat-message.context\";\nimport type { ChatMessageProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Root - The grid container for a single chat message.\n *\n * Establishes the styling context and lays out the avatar, body and optional\n * meta row. The `sender` prop selects the layout direction (avatar leading for\n * `\"agent\"`, trailing for `\"user\"`) and the sender-specific styling;\n * `tone=\"error\"` tints the body for a failed generation.\n *\n * Renders a semantic `<article>` by default (a feed item, per the ARIA APG) so\n * a message is a discrete node in the accessibility tree. This is a *default*,\n * not a mandate: override the element with `as` (e.g. `as=\"li\"` inside a list)\n * and name the message for assistive tech with `aria-label`/`aria-labelledby`.\n * The surrounding feed / live region is the consumer's to compose — see the\n * accessibility docs.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageRoot = (props: ChatMessageProps) => {\n  const { ref, children, isStreaming, ...restProps } = props;\n\n  const recipe = useSlotRecipe({ key: \"nimbusChatMessage\" });\n  const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n  const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n  // Publish the resolved `sender` to the parts so they can derive\n  // `sender`-dependent defaults that CSS can't (e.g. the avatar's `variant`).\n  // Read from `props` (it still flows to the slot via `restProps`); anything but\n  // an explicit \"user\" resolves to the recipe's default of \"agent\".\n  const sender: ChatMessageSender = props.sender === \"user\" ? \"user\" : \"agent\";\n\n  // Stable context identity so the parts (Avatar/Body/Meta) don't re-render on\n  // every Root render — only when `sender` actually changes.\n  const contextValue = useMemo(() => ({ sender }), [sender]);\n\n  return (\n    <ChatMessageRootSlot\n      // The slot renders `<article>` by default (see chat-message.slots.tsx);\n      // `functionalProps` is spread last so a consumer-supplied `as` / `role` /\n      // `aria-*` always wins.\n      aria-busy={isStreaming || undefined}\n      ref={ref}\n      {...recipeProps}\n      {...styleProps}\n      {...functionalProps}\n    >\n      <ChatMessageContext.Provider value={contextValue}>\n        {children}\n      </ChatMessageContext.Provider>\n    </ChatMessageRootSlot>\n  );\n};\n\nChatMessageRoot.displayName = \"ChatMessage.Root\";\n","import { AutoAwesome } from \"@commercetools/nimbus-icons\";\nimport { Avatar } from \"@/components/avatar/avatar\";\nimport { ChatMessageAvatarSlot } from \"../chat-message.slots\";\nimport { useChatMessageContext } from \"../chat-message.context\";\nimport type { ChatMessageAvatarProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Avatar - The sender's avatar.\n *\n * Wraps the Nimbus `Avatar` (defaulting to `size=\"xs\"`, a 32px box per the\n * Figma spec). Unless the consumer sets `variant` explicitly, the variant\n * defaults per `sender`: `solid` for the `agent` (a strong branded glyph) and\n * `subtle` for the `user` (a softer surface that matches the user body's tint).\n * The color *palette* comes from the ChatMessage recipe (`primary`), so\n * consumers only supply the avatar content (initials via `firstName`/\n * `lastName`, an image `src`, or a custom icon via `children`).\n *\n * An **unconfigured** avatar (no content supplied) falls back to a\n * sender-appropriate generic glyph: the AI `AutoAwesome` sparkle for the\n * `agent`, and the `Avatar`'s built-in person icon for the `user`.\n *\n * Props flow to the **inner `Avatar`**, not to the grid-cell wrapper — the\n * wrapper only exists to occupy the avatar column.\n *\n * Accessibility: the avatar is **decorative by default** (`aria-hidden`). A\n * sender glyph duplicates information better conveyed by the message's\n * accessible name and column, and a nameless `Avatar` would otherwise announce\n * a misleading generic label. Passing `firstName`/`lastName` or an explicit\n * `aria-label` opts it back into the accessibility tree with a real name.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageAvatar = ({\n  ref,\n  size = \"xs\",\n  variant,\n  children,\n  ...props\n}: ChatMessageAvatarProps) => {\n  const { sender } = useChatMessageContext();\n  // Consumer's explicit `variant` wins; otherwise default per sender.\n  const resolvedVariant = variant ?? (sender === \"user\" ? \"subtle\" : \"solid\");\n\n  const isNamed =\n    props.firstName != null ||\n    props.lastName != null ||\n    props[\"aria-label\"] != null ||\n    props[\"aria-labelledby\"] != null;\n\n  // When the consumer supplies no content, give the agent an AI glyph instead\n  // of the person fallback. The user keeps `Avatar`'s built-in person icon\n  // (rendered when `children` is absent).\n  const isUnconfigured =\n    children == null &&\n    props.firstName == null &&\n    props.lastName == null &&\n    props.src == null;\n  const resolvedChildren =\n    children ??\n    (sender === \"agent\" && isUnconfigured ? <AutoAwesome /> : undefined);\n\n  return (\n    <ChatMessageAvatarSlot>\n      <Avatar\n        ref={ref}\n        size={size}\n        variant={resolvedVariant}\n        // Decorative unless the consumer named it; `props` is spread last so an\n        // explicit `aria-hidden` from the consumer still wins.\n        aria-hidden={isNamed ? undefined : true}\n        {...props}\n      >\n        {resolvedChildren}\n      </Avatar>\n    </ChatMessageAvatarSlot>\n  );\n};\n\nChatMessageAvatar.displayName = \"ChatMessage.Avatar\";\n","import { ChatMessageBodySlot } from \"../chat-message.slots\";\nimport type { ChatMessageBodyProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Body - The rounded card that holds the message payload.\n *\n * Stacks its children vertically; place `ChatMessage.Actions` as the last child\n * to pin action buttons to the bottom of the body. Background, padding,\n * border-radius and max-width are set per `sender` by the recipe.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageBody = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageBodyProps) => {\n  return (\n    <ChatMessageBodySlot ref={ref} {...props}>\n      {children}\n    </ChatMessageBodySlot>\n  );\n};\n\nChatMessageBody.displayName = \"ChatMessage.Body\";\n","import { ChatMessageActionsSlot } from \"../chat-message.slots\";\nimport type { ChatMessageActionsProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Actions - Layout-only row for action buttons inside the body.\n *\n * Renders a right-aligned, wrapping flex row. Consumers provide the buttons.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageActions = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageActionsProps) => {\n  return (\n    <ChatMessageActionsSlot ref={ref} {...props}>\n      {children}\n    </ChatMessageActionsSlot>\n  );\n};\n\nChatMessageActions.displayName = \"ChatMessage.Actions\";\n","import { ChatMessageMetaSlot } from \"../chat-message.slots\";\nimport type { ChatMessageMetaProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Meta - Layout-only row rendered below the body.\n *\n * Renders a `space-between` flex row aligned with the body. Consumers provide\n * the content (timestamp, provenance/trust links, reaction icons). With a\n * single child, `space-between` leaves it at the start of the row — pair it\n * with a spacer or a second element to push content to the end.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageMeta = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageMetaProps) => {\n  return (\n    <ChatMessageMetaSlot ref={ref} {...props}>\n      {children}\n    </ChatMessageMetaSlot>\n  );\n};\n\nChatMessageMeta.displayName = \"ChatMessage.Meta\";\n","import { ActivityIndicator } from \"@/components/activity-indicator/activity-indicator\";\nimport { ChatMessageTypingSlot } from \"../chat-message.slots\";\nimport type { ChatMessageTypingProps } from \"../chat-message.types\";\n\n/**\n * ChatMessage.Typing - Animated \"generating…\" indicator for a streaming reply.\n *\n * Renders the Nimbus `ActivityIndicator` (three bouncing dots) inside the\n * body while a response streams. Place it as the body's payload and swap it\n * for the real content once the stream settles.\n *\n * Accessibility: the dots are decorative (`ActivityIndicator` is always\n * `aria-hidden`). Pass a visible label as `children` (e.g. \"Agent is\n * typing…\") for a per-message affordance, and/or set `isStreaming` on\n * `ChatMessage.Root` (which sets `aria-busy`) — the coalesced live-region\n * announcement stays with the consumer's feed/turn container.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageTyping = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageTypingProps) => {\n  return (\n    <ChatMessageTypingSlot ref={ref} {...props}>\n      <ActivityIndicator />\n      {children}\n    </ChatMessageTypingSlot>\n  );\n};\n\nChatMessageTyping.displayName = \"ChatMessage.Typing\";\n","import {\n  ChatMessageRoot,\n  ChatMessageAvatar,\n  ChatMessageBody,\n  ChatMessageActions,\n  ChatMessageMeta,\n  ChatMessageTyping,\n} from \"./components\";\n\n/**\n * ChatMessage\n * ============================================================\n * A compound component representing a single message in an AI chat feed.\n * It provides a body container, an avatar, and layout-only slots that\n * consumers fill with their own content: actions inside the body, a meta\n * below it, and a typing indicator for streaming replies. The `sender` prop\n * drives the layout direction and sender-specific styling, and `tone` flags a\n * failed generation.\n *\n * ChatMessage renders a single message; composing the surrounding feed and any\n * live region is the consumer's job — see the accessibility documentation.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message}\n *\n * @example\n * ```tsx\n * <ChatMessage.Root sender=\"agent\">\n *   <ChatMessage.Avatar>\n *     <AutoAwesome />\n *   </ChatMessage.Avatar>\n *   <ChatMessage.Body>\n *     <Text>Here is the summary you asked for.</Text>\n *     <ChatMessage.Actions>\n *       <Button variant=\"outline\">Save as draft</Button>\n *       <Button variant=\"solid\">Approve</Button>\n *     </ChatMessage.Actions>\n *   </ChatMessage.Body>\n *   <ChatMessage.Meta>\n *     <Link>How was this generated?</Link>\n *     <Text>Apr 13, 11:56pm</Text>\n *   </ChatMessage.Meta>\n * </ChatMessage.Root>\n * ```\n */\nexport const ChatMessage = {\n  /**\n   * # ChatMessage.Root\n   *\n   * The grid container for a single message. Establishes the styling context\n   * and lays out the avatar, body and optional meta row. Accepts `sender`\n   * (`\"user\" | \"agent\"`) which controls layout direction\n   * and styling, `tone` (`\"neutral\" | \"error\"`) to flag a failed generation,\n   * and `isStreaming` to mark the message as still generating (sets\n   * `aria-busy`). The palette (user surface tint + avatar) defaults to\n   * `primary`; pass `colorPalette` to retint the whole message. Renders a\n   * semantic `<article>` by default; override with `as`.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Root sender=\"user\" aria-label=\"Message from Ada Lovelace\">\n   *   <ChatMessage.Avatar firstName=\"Ada\" lastName=\"Lovelace\" />\n   *   <ChatMessage.Body>\n   *     <Text>Can you summarise this order?</Text>\n   *   </ChatMessage.Body>\n   * </ChatMessage.Root>\n   * ```\n   */\n  Root: ChatMessageRoot,\n  /**\n   * # ChatMessage.Avatar\n   *\n   * The sender's avatar. Wraps the Nimbus `Avatar` (defaulting to `size=\"xs\"`)\n   * and is styled per `sender`. Provide the content via `firstName`/`lastName`\n   * (initials), `src` (image), or `children` (a custom icon). Decorative by\n   * default (`aria-hidden`) unless named.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Avatar>\n   *   <AutoAwesome />\n   * </ChatMessage.Avatar>\n   * ```\n   */\n  Avatar: ChatMessageAvatar,\n  /**\n   * # ChatMessage.Body\n   *\n   * The rounded card that holds the message payload. Stacks its children\n   * vertically; place `ChatMessage.Actions` last to pin actions to the bottom.\n   * Long, unbreakable content wraps inside the card.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Body>\n   *   <Text>Message content</Text>\n   * </ChatMessage.Body>\n   * ```\n   */\n  Body: ChatMessageBody,\n  /**\n   * # ChatMessage.Actions\n   *\n   * A layout-only, right-aligned row for action buttons, rendered inside the\n   * body. Consumers provide the buttons.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Actions>\n   *   <Button variant=\"outline\">Dismiss</Button>\n   *   <Button variant=\"solid\">Approve</Button>\n   * </ChatMessage.Actions>\n   * ```\n   */\n  Actions: ChatMessageActions,\n  /**\n   * # ChatMessage.Meta\n   *\n   * A layout-only `space-between` row rendered below the body. Consumers\n   * provide the content (timestamp, trust affordances, reaction icons, links).\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Meta>\n   *   <Link>How was this generated?</Link>\n   *   <Text>Apr 13, 11:56pm</Text>\n   * </ChatMessage.Meta>\n   * ```\n   */\n  Meta: ChatMessageMeta,\n  /**\n   * # ChatMessage.Typing\n   *\n   * An animated \"generating…\" indicator (Nimbus `ActivityIndicator`) for a\n   * streaming reply. Render it as the body's payload while the response\n   * streams; pass a visible label as `children` for a per-message affordance.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessage.Root sender=\"agent\" isStreaming>\n   *   <ChatMessage.Avatar>\n   *     <AutoAwesome />\n   *   </ChatMessage.Avatar>\n   *   <ChatMessage.Body>\n   *     <ChatMessage.Typing>Agent is typing…</ChatMessage.Typing>\n   *   </ChatMessage.Body>\n   * </ChatMessage.Root>\n   * ```\n   */\n  Typing: ChatMessageTyping,\n};\n\nexport {\n  ChatMessageRoot as _ChatMessageRoot,\n  ChatMessageAvatar as _ChatMessageAvatar,\n  ChatMessageBody as _ChatMessageBody,\n  ChatMessageActions as _ChatMessageActions,\n  ChatMessageMeta as _ChatMessageMeta,\n  ChatMessageTyping as _ChatMessageTyping,\n};\n"],"mappings":"4RAWA,GAAM,CAAE,eAAc,gBAAA,EAAA,EAAA,wBAAA,CAAwC,CAC5D,IAAK,mBACP,CAAC,EAOY,EAGT,EAAuD,UAAW,MAAM,EAM/D,EAGT,EAAwD,MAAO,QAAQ,EAK9D,EAGT,EAAsD,MAAO,MAAM,EAK1D,EAGT,EAAyD,MAAO,SAAS,EAKhE,EAGT,EAAsD,MAAO,MAAM,EAM1D,EAGT,EAAwD,MAAO,QAAQ,EChD9D,GAAA,EAAA,EAAA,cAAA,CAA4D,CACvE,OAAQ,OACV,CAAC,EAEY,OAAA,EAAA,EAAA,WAAA,CAAyC,CAAkB,ECI3D,EAAmB,GAA4B,CAC1D,GAAM,CAAE,MAAK,WAAU,cAAa,GAAG,GAAc,EAG/C,CAAC,EAAa,IAAA,EAAA,EAAA,cAAA,CADS,CAAE,IAAK,mBAAoB,CAClB,CAAA,CAAO,kBAAkB,CAAS,EAClE,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAc,EAMhE,EAA4B,EAAM,SAAW,OAAS,OAAS,QAI/D,GAAA,EAAA,EAAA,QAAA,MAA8B,CAAE,QAAO,GAAI,CAAC,CAAM,CAAC,EAEzD,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAIE,YAAW,GAAe,IAAA,GACrB,MACL,GAAI,EACJ,GAAI,EACJ,GAAI,YAEJ,EAAA,EAAA,IAAA,CAAC,EAAmB,SAApB,CAA6B,MAAO,EACjC,UAC0B,CAAA,CACV,CAAA,CAEzB,EAEA,EAAgB,YAAc,mBC5B9B,IAAa,GAAqB,CAChC,MACA,OAAO,KACP,UACA,WACA,GAAG,KACyB,CAC5B,GAAM,CAAE,UAAW,EAAsB,EAEnC,EAAkB,IAAY,IAAW,OAAS,SAAW,SAE7D,EACJ,EAAM,WAAa,MACnB,EAAM,UAAY,MAClB,EAAM,eAAiB,MACvB,EAAM,oBAAsB,KAKxB,EACJ,GAAY,MACZ,EAAM,WAAa,MACnB,EAAM,UAAY,MAClB,EAAM,KAAO,KACT,EACJ,IACC,IAAW,SAAW,GAAiB,EAAA,EAAA,IAAA,CAAC,EAAA,YAAD,CAAc,CAAA,EAAI,IAAA,IAE5D,OACE,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACO,MACC,OACN,QAAS,EAGT,cAAa,IAAU,IAAA,GACvB,GAAI,WAEH,CACK,CAAA,CACa,CAAA,CAE3B,EAEA,EAAkB,YAAc,qBClEhC,IAAa,GAAmB,CAC9B,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,MAAK,GAAI,EAChC,UACkB,CAAA,EAIzB,EAAgB,YAAc,mBCd9B,IAAa,GAAsB,CACjC,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA6B,MAAK,GAAI,EACnC,UACqB,CAAA,EAI5B,EAAmB,YAAc,sBCTjC,IAAa,GAAmB,CAC9B,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA0B,MAAK,GAAI,EAChC,UACkB,CAAA,EAIzB,EAAgB,YAAc,mBCN9B,IAAa,GAAqB,CAChC,MACA,WACA,GAAG,MAGD,EAAA,EAAA,KAAA,CAAC,EAAD,CAA4B,MAAK,GAAI,WAArC,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CAAoB,CAAA,EACnB,CACoB,IAI3B,EAAkB,YAAc,qBCYhC,IAAa,EAAc,CAuBzB,KAAM,EAgBN,OAAQ,EAeR,KAAM,EAeN,QAAS,EAeT,KAAM,EAoBN,OAAQ,CACV"}

package/dist/chunks/chat-message-list-BhWZEg4l.esm.js

@@ -1,83 +0,0 @@
-import { t as e } from "./extract-padding-props-DigwT-nT.esm.js";
-import { t } from "./icon-button-6dtfz6Yf.esm.js";
-import { n, t as r } from "./normalize-messages-B_f-0I5n.esm.js";
-import { t as i } from "./hooks-A_gbGlsD.esm.js";
-import { t as a } from "./extract-style-props-BPnHKmWR.esm.js";
-import { Children as o, useImperativeHandle as s } from "react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { KeyboardArrowDown as u } from "@commercetools/nimbus-icons";
-import { createSlotRecipeContext as d } from "@chakra-ui/react/styled-system";
-//#region src/components/chat-message-list/chat-message-list.slots.tsx
-var { withProvider: f, withContext: p } = d({ key: "nimbusChatMessageList" }), m = f("div", "root"), h = p("div", "viewport"), g = p("div", "item"), _ = p("div", "scrollToBottom"), v = p("div", "empty"), y = {
-	en: r({
-		conversationLabel: "Conversation",
-		scrollToBottom: "Scroll to latest message"
-	}),
-	de: r({
-		conversationLabel: "Unterhaltung",
-		scrollToBottom: "Zur neuesten Nachricht springen"
-	}),
-	es: r({
-		conversationLabel: "Conversación",
-		scrollToBottom: "Ir al mensaje más reciente"
-	}),
-	"fr-FR": r({
-		conversationLabel: "Conversation",
-		scrollToBottom: "Aller au message le plus récent"
-	}),
-	"pt-BR": r({
-		conversationLabel: "Conversa",
-		scrollToBottom: "Ir para a mensagem mais recente"
-	})
-}, b = (r) => {
-	let { ref: d, children: f, autoScroll: p = !0, emptyState: g, "aria-label": b, "aria-labelledby": x, ...S } = r, [C, w] = a(S), T = n(y), { viewportRef: E, contentRef: D, isPinned: O, scrollToBottom: k } = i({ enabled: p });
-	s(d, () => ({ scrollToBottom: k }), [k]);
-	let A = o.toArray(f).length > 0, j = b ?? (x ? void 0 : T.format("conversationLabel"));
-	return /* @__PURE__ */ l(m, {
-		...C,
-		...w,
-		children: [/* @__PURE__ */ c(e, {
-			orientation: "vertical",
-			viewportRef: E,
-			role: "log",
-			"aria-live": "polite",
-			"aria-label": j,
-			"aria-labelledby": x,
-			flex: "1",
-			minH: "0",
-			height: "100%",
-			children: A ? /* @__PURE__ */ c(h, {
-				ref: D,
-				children: f
-			}) : /* @__PURE__ */ c(v, { children: g })
-		}), p && !O && /* @__PURE__ */ c(_, { children: /* @__PURE__ */ c(t, {
-			"aria-label": T.format("scrollToBottom"),
-			variant: "solid",
-			colorPalette: "primary",
-			size: "xs",
-			onPress: () => {
-				k("smooth"), setTimeout(() => E.current?.focus({ preventScroll: !0 }), 0);
-			},
-			children: /* @__PURE__ */ c(u, {})
-		}) })]
-	});
-};
-b.displayName = "ChatMessageList.Root";
-//#endregion
-//#region src/components/chat-message-list/components/chat-message-list.item.tsx
-var x = ({ ref: e, children: t, ...n }) => /* @__PURE__ */ c(g, {
-	ref: e,
-	...n,
-	children: t
-});
-x.displayName = "ChatMessageList.Item";
-//#endregion
-//#region src/components/chat-message-list/chat-message-list.tsx
-var S = {
-	Root: b,
-	Item: x
-};
-//#endregion
-export { x as n, b as r, S as t };
-
-//# sourceMappingURL=chat-message-list-BhWZEg4l.esm.js.map

package/dist/chunks/chat-message-list-BhWZEg4l.esm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-message-list-BhWZEg4l.esm.js","names":[],"sources":["../../src/components/chat-message-list/chat-message-list.slots.tsx","../../src/components/chat-message-list/intl/en.ts","../../src/components/chat-message-list/intl/de.ts","../../src/components/chat-message-list/intl/es.ts","../../src/components/chat-message-list/intl/fr-FR.ts","../../src/components/chat-message-list/intl/pt-BR.ts","../../src/components/chat-message-list/chat-message-list.messages.ts","../../src/components/chat-message-list/components/chat-message-list.root.tsx","../../src/components/chat-message-list/components/chat-message-list.item.tsx","../../src/components/chat-message-list/chat-message-list.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ChatMessageListRootSlotProps,\n  ChatMessageListViewportSlotProps,\n  ChatMessageListItemSlotProps,\n  ChatMessageListScrollToBottomSlotProps,\n  ChatMessageListEmptySlotProps,\n} from \"./chat-message-list.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusChatMessageList\",\n});\n\n/**\n * Root slot — establishes the recipe context and is the positioned anchor for\n * the floating scroll-to-bottom control.\n */\nexport const ChatMessageListRootSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListRootSlotProps\n> = withProvider<HTMLDivElement, ChatMessageListRootSlotProps>(\"div\", \"root\");\n\n/**\n * Viewport slot — the vertical flow that holds the items and owns the\n * transcript rhythm. Rendered inside the interior `ScrollArea`, so it is the\n * content that scrolls.\n */\nexport const ChatMessageListViewportSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListViewportSlotProps\n> = withContext<HTMLDivElement, ChatMessageListViewportSlotProps>(\n  \"div\",\n  \"viewport\"\n);\n\n/**\n * Item slot — one list member. A plain block in the scroll flow; it does not\n * assert `role=\"listitem\"` (which would conflict with the `log` container).\n */\nexport const ChatMessageListItemSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListItemSlotProps\n> = withContext<HTMLDivElement, ChatMessageListItemSlotProps>(\"div\", \"item\");\n\n/**\n * Scroll-to-bottom slot — the layout wrapper that positions the \"jump to\n * latest\" control over the bottom of the transcript.\n */\nexport const ChatMessageListScrollToBottomSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListScrollToBottomSlotProps\n> = withContext<HTMLDivElement, ChatMessageListScrollToBottomSlotProps>(\n  \"div\",\n  \"scrollToBottom\"\n);\n\n/**\n * Empty slot — the centered container shown when there are no items.\n */\nexport const ChatMessageListEmptySlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListEmptySlotProps\n> = withContext<HTMLDivElement, ChatMessageListEmptySlotProps>(\"div\", \"empty\");\n","/**\n * Pre-compiled en messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversation`,\n  scrollToBottom: `Scroll to latest message`,\n};\n","/**\n * Pre-compiled de messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Unterhaltung`,\n  scrollToBottom: `Zur neuesten Nachricht springen`,\n};\n","/**\n * Pre-compiled es messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversación`,\n  scrollToBottom: `Ir al mensaje más reciente`,\n};\n","/**\n * Pre-compiled fr-FR messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversation`,\n  scrollToBottom: `Aller au message le plus récent`,\n};\n","/**\n * Pre-compiled pt-BR messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversa`,\n  scrollToBottom: `Ir para a mensagem mais recente`,\n};\n","/**\n * Pre-compiled localized messages for ChatMessageList component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport chatMessageListMessages_en from \"./intl/en\";\nimport chatMessageListMessages_de from \"./intl/de\";\nimport chatMessageListMessages_es from \"./intl/es\";\nimport chatMessageListMessages_fr from \"./intl/fr-FR\";\nimport chatMessageListMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const chatMessageListMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(chatMessageListMessages_en),\n  de: normalizeMessages(chatMessageListMessages_de),\n  es: normalizeMessages(chatMessageListMessages_es),\n  \"fr-FR\": normalizeMessages(chatMessageListMessages_fr),\n  \"pt-BR\": normalizeMessages(chatMessageListMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ChatMessageList component\n */\nexport type ChatMessageListMessageKey = \"conversationLabel\" | \"scrollToBottom\";\n","import { Children, useImperativeHandle } from \"react\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { ScrollArea } from \"../../scroll-area/scroll-area\";\nimport { IconButton } from \"../../icon-button/icon-button\";\nimport {\n  ChatMessageListRootSlot,\n  ChatMessageListViewportSlot,\n  ChatMessageListScrollToBottomSlot,\n  ChatMessageListEmptySlot,\n} from \"../chat-message-list.slots\";\nimport { useStickToBottom } from \"../hooks\";\nimport { chatMessageListMessagesStrings } from \"../chat-message-list.messages\";\nimport type { ChatMessageListRootProps } from \"../chat-message-list.types\";\n\n/**\n * ChatMessageList.Root - The scrollable transcript container.\n *\n * Wraps the Nimbus `ScrollArea` for the viewport and owns transcript-level\n * behavior: autoscroll / stick-to-bottom (pins to the newest item while the\n * user is at the bottom, including during streaming, and releases when they\n * scroll up), the \"jump to latest\" affordance, and the single persistent\n * `role=\"log\"` `aria-live=\"polite\"` region that announces appended and streamed\n * messages. When there are no items it renders `emptyState`.\n *\n * The list is content-agnostic: its `Item`s hold a `ChatMessage` or any other\n * content and it never reaches into them. It renders one message's\n * announcement at the transcript level; the message itself only flags\n * `aria-busy` while streaming (see `ChatMessage`).\n *\n * @supportsStyleProps\n */\nexport const ChatMessageListRoot = (props: ChatMessageListRootProps) => {\n  const {\n    ref,\n    children,\n    autoScroll = true,\n    emptyState,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...restProps\n  } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n  const stringFormatter = useLocalizedStringFormatter(\n    chatMessageListMessagesStrings\n  );\n\n  const { viewportRef, contentRef, isPinned, scrollToBottom } =\n    useStickToBottom({\n      enabled: autoScroll,\n    });\n\n  // Expose imperative scroll control on the ref (see ChatMessageListHandle).\n  useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);\n\n  const hasItems = Children.toArray(children).length > 0;\n\n  // Always name the live region: fall back to a localized label unless the\n  // consumer named it themselves (via `aria-label` or `aria-labelledby`).\n  const resolvedAriaLabel =\n    ariaLabel ??\n    (ariaLabelledBy ? undefined : stringFormatter.format(\"conversationLabel\"));\n\n  return (\n    <ChatMessageListRootSlot {...styleProps} {...functionalProps}>\n      <ScrollArea\n        orientation=\"vertical\"\n        viewportRef={viewportRef}\n        // The single, always-mounted live region for the transcript. `log`\n        // (over `feed`) imposes no `aria-required-children`, so a mixed\n        // transcript of message articles and notices is valid.\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={ariaLabelledBy}\n        flex=\"1\"\n        minH=\"0\"\n        height=\"100%\"\n      >\n        {hasItems ? (\n          <ChatMessageListViewportSlot ref={contentRef}>\n            {children}\n          </ChatMessageListViewportSlot>\n        ) : (\n          <ChatMessageListEmptySlot>{emptyState}</ChatMessageListEmptySlot>\n        )}\n      </ScrollArea>\n\n      {autoScroll && !isPinned && (\n        <ChatMessageListScrollToBottomSlot>\n          <IconButton\n            aria-label={stringFormatter.format(\"scrollToBottom\")}\n            variant=\"solid\"\n            colorPalette=\"primary\"\n            size=\"xs\"\n            onPress={() => {\n              scrollToBottom(\"smooth\");\n              // Pinning re-engages and unmounts this button, which would drop\n              // keyboard focus to <body>. Move focus to the scroll viewport (a\n              // tab stop while the transcript overflows) so a keyboard/SR user\n              // keeps their place. Deferred so it runs after the unmount;\n              // `preventScroll` so focusing doesn't cancel the smooth scroll.\n              setTimeout(\n                () => viewportRef.current?.focus({ preventScroll: true }),\n                0\n              );\n            }}\n          >\n            <KeyboardArrowDown />\n          </IconButton>\n        </ChatMessageListScrollToBottomSlot>\n      )}\n    </ChatMessageListRootSlot>\n  );\n};\n\nChatMessageListRoot.displayName = \"ChatMessageList.Root\";\n","import { ChatMessageListItemSlot } from \"../chat-message-list.slots\";\nimport type { ChatMessageListItemProps } from \"../chat-message-list.types\";\n\n/**\n * ChatMessageList.Item - One member of the transcript.\n *\n * The list-membership socket: it owns inter-item placement and the entry\n * presentation of a newly appended member, and is content-agnostic — it holds a\n * `ChatMessage` or any other content without reaching into it.\n * That child-agnosticism is what lets a system notice be a peer of a message\n * rather than a message variant.\n *\n * It deliberately does **not** assert `role=\"listitem\"`, which would conflict\n * with the `log` live-region semantics of `ChatMessageList.Root`; it provides\n * DOM order and a structural styling hook only.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageListItem = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageListItemProps) => {\n  return (\n    <ChatMessageListItemSlot ref={ref} {...props}>\n      {children}\n    </ChatMessageListItemSlot>\n  );\n};\n\nChatMessageListItem.displayName = \"ChatMessageList.Item\";\n","import { ChatMessageListRoot, ChatMessageListItem } from \"./components\";\n\n/**\n * ChatMessageList\n * ============================================================\n * A compound component that presents a **scrollable sequence of chat messages**\n * and owns transcript-level scroll and announcement behavior. It is the second\n * primitive in the `Chat*` family: `ChatMessage` renders one message,\n * `ChatMessageList` arranges many into a conversation.\n *\n * A list is defined by its items, so `ChatMessageList` is a compound of a\n * `Root` and its `Item`s — not a box that happens to contain children. The\n * `Item` is the list-membership socket; a `ChatMessage` (or any other content)\n * is what plugs into it.\n *\n * `Root` wraps the Nimbus `ScrollArea`, owns autoscroll / stick-to-bottom and\n * the \"jump to latest\" affordance, and is the single persistent\n * `role=\"log\"` `aria-live=\"polite\"` region that announces appended and streamed\n * replies — the counterpart to `ChatMessage`'s `isStreaming` busy flag.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message-list}\n *\n * @example\n * ```tsx\n * <ChatMessageList.Root aria-label=\"Conversation with the agent\">\n *   <ChatMessageList.Item>\n *     <ChatMessage.Root sender=\"user\">\n *       <ChatMessage.Body><Text>Summarise last week's orders?</Text></ChatMessage.Body>\n *     </ChatMessage.Root>\n *   </ChatMessageList.Item>\n *   <ChatMessageList.Item>\n *     <Box mx=\"auto\" textAlign=\"center\" color=\"neutral.11\" textStyle=\"sm\">\n *       Conversation history was cleared.\n *     </Box>\n *   </ChatMessageList.Item>\n * </ChatMessageList.Root>\n * ```\n */\nexport const ChatMessageList = {\n  /**\n   * # ChatMessageList.Root\n   *\n   * The scrollable transcript container. Wraps `ScrollArea`, owns autoscroll /\n   * stick-to-bottom, the scroll-to-bottom control, and the transcript's single\n   * `role=\"log\"` `aria-live=\"polite\"` region. Renders `emptyState` when there\n   * are no items. Accepts `autoScroll` (default `true`) and exposes an\n   * imperative `scrollToBottom()` via `ref`.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessageList.Root aria-label=\"Conversation\" autoScroll>\n   *   <ChatMessageList.Item>…</ChatMessageList.Item>\n   * </ChatMessageList.Root>\n   * ```\n   */\n  Root: ChatMessageListRoot,\n  /**\n   * # ChatMessageList.Item\n   *\n   * One member of the transcript — the socket that owns inter-item placement\n   * and entry presentation. Content-agnostic: it holds a `ChatMessage` or any\n   * other content. Does not assert `role=\"listitem\"` (which would conflict with\n   * the `log` container).\n   *\n   * @example\n   * ```tsx\n   * <ChatMessageList.Item>\n   *   <ChatMessage.Root sender=\"agent\">…</ChatMessage.Root>\n   * </ChatMessageList.Item>\n   * ```\n   */\n  Item: ChatMessageListItem,\n};\n\nexport {\n  ChatMessageListRoot as _ChatMessageListRoot,\n  ChatMessageListItem as _ChatMessageListItem,\n};\n"],"mappings":";;;;;;;;;;AAUA,IAAM,EAAE,iBAAc,mBAAgB,EAAwB,EAC5D,KAAK,wBACP,CAAC,GAMY,IAGT,EAA2D,OAAO,MAAM,GAO/D,IAGT,EACF,OACA,UACF,GAMa,IAGT,EAA0D,OAAO,MAAM,GAM9D,IAGT,EACF,OACA,gBACF,GAKa,IAGT,EAA2D,OAAO,OAAO,GMxChE,IAGT;CACF,IAAI,EAAkB;ELpBtB,mBAAmB;EACnB,gBAAgB;CKmBM,CAA0B;CAChD,IAAI,EAAkB;EJrBtB,mBAAmB;EACnB,gBAAgB;CIoBM,CAA0B;CAChD,IAAI,EAAkB;EHtBtB,mBAAmB;EACnB,gBAAgB;CGqBM,CAA0B;CAChD,SAAS,EAAkB;EFvB3B,mBAAmB;EACnB,gBAAgB;CEsBW,CAA0B;CACrD,SAAS,EAAkB;EDxB3B,mBAAmB;EACnB,gBAAgB;CCuBW,CAA0B;AACvD,GCCa,KAAuB,MAAoC;CACtE,IAAM,EACJ,QACA,aACA,gBAAa,IACb,eACA,cAAc,GACd,mBAAmB,GACnB,GAAG,MACD,GAEE,CAAC,GAAY,KAAmB,EAAkB,CAAS,GAC3D,IAAkB,EACtB,CACF,GAEM,EAAE,gBAAa,eAAY,aAAU,sBACzC,EAAiB,EACf,SAAS,EACX,CAAC;CAGH,EAAoB,UAAY,EAAE,kBAAe,IAAI,CAAC,CAAc,CAAC;CAErE,IAAM,IAAW,EAAS,QAAQ,CAAQ,CAAC,CAAC,SAAS,GAI/C,IACJ,MACC,IAAiB,KAAA,IAAY,EAAgB,OAAO,mBAAmB;CAE1E,OACE,kBAAC,GAAD;EAAyB,GAAI;EAAY,GAAI;YAA7C,CACE,kBAAC,GAAD;GACE,aAAY;GACC;GAIb,MAAK;GACL,aAAU;GACV,cAAY;GACZ,mBAAiB;GACjB,MAAK;GACL,MAAK;GACL,QAAO;aAEN,IACC,kBAAC,GAAD;IAA6B,KAAK;IAC/B;GAC0B,CAAA,IAE7B,kBAAC,GAAD,EAAA,UAA2B,EAAqC,CAAA;EAExD,CAAA,GAEX,KAAc,CAAC,KACd,kBAAC,GAAD,EAAA,UACE,kBAAC,GAAD;GACE,cAAY,EAAgB,OAAO,gBAAgB;GACnD,SAAQ;GACR,cAAa;GACb,MAAK;GACL,eAAe;IAOb,AANA,EAAe,QAAQ,GAMvB,iBACQ,EAAY,SAAS,MAAM,EAAE,eAAe,GAAK,CAAC,GACxD,CACF;GACF;aAEA,kBAAC,GAAD,CAAoB,CAAA;EACV,CAAA,EACqB,CAAA,CAEd;;AAE7B;AAEA,EAAoB,cAAc;;;ACpGlC,IAAa,KAAuB,EAClC,QACA,aACA,GAAG,QAGD,kBAAC,GAAD;CAA8B;CAAK,GAAI;CACpC;AACsB,CAAA;AAI7B,EAAoB,cAAc;;;ACQlC,IAAa,IAAkB;CAiB7B,MAAM;CAgBN,MAAM;AACR"}

package/dist/chunks/chat-message-list-BvzHnJHs.cjs

@@ -1,2 +0,0 @@
-const e=require("./extract-padding-props-C-IyriM4.cjs.js"),t=require("./icon-button-CSlFdpjB.cjs.js"),n=require("./normalize-messages-BMq9y_ae.cjs.js"),r=require("./hooks-C_oe-t36.cjs.js"),i=require("./extract-style-props-CA1O0IF2.cjs.js");let a=require("react"),o=require("react/jsx-runtime"),s=require("@commercetools/nimbus-icons");var{withProvider:c,withContext:l}=(0,require("@chakra-ui/react/styled-system").createSlotRecipeContext)({key:`nimbusChatMessageList`}),u=c(`div`,`root`),d=l(`div`,`viewport`),f=l(`div`,`item`),p=l(`div`,`scrollToBottom`),m=l(`div`,`empty`),h={en:n.t({conversationLabel:`Conversation`,scrollToBottom:`Scroll to latest message`}),de:n.t({conversationLabel:`Unterhaltung`,scrollToBottom:`Zur neuesten Nachricht springen`}),es:n.t({conversationLabel:`Conversación`,scrollToBottom:`Ir al mensaje más reciente`}),"fr-FR":n.t({conversationLabel:`Conversation`,scrollToBottom:`Aller au message le plus récent`}),"pt-BR":n.t({conversationLabel:`Conversa`,scrollToBottom:`Ir para a mensagem mais recente`})},g=c=>{let{ref:l,children:f,autoScroll:g=!0,emptyState:_,"aria-label":v,"aria-labelledby":y,...b}=c,[x,S]=i.t(b),C=n.n(h),{viewportRef:w,contentRef:T,isPinned:E,scrollToBottom:D}=r.t({enabled:g});(0,a.useImperativeHandle)(l,()=>({scrollToBottom:D}),[D]);let O=a.Children.toArray(f).length>0,k=v??(y?void 0:C.format(`conversationLabel`));return(0,o.jsxs)(u,{...x,...S,children:[(0,o.jsx)(e.t,{orientation:`vertical`,viewportRef:w,role:`log`,"aria-live":`polite`,"aria-label":k,"aria-labelledby":y,flex:`1`,minH:`0`,height:`100%`,children:O?(0,o.jsx)(d,{ref:T,children:f}):(0,o.jsx)(m,{children:_})}),g&&!E&&(0,o.jsx)(p,{children:(0,o.jsx)(t.t,{"aria-label":C.format(`scrollToBottom`),variant:`solid`,colorPalette:`primary`,size:`xs`,onPress:()=>{D(`smooth`),setTimeout(()=>w.current?.focus({preventScroll:!0}),0)},children:(0,o.jsx)(s.KeyboardArrowDown,{})})})]})};g.displayName=`ChatMessageList.Root`;var _=({ref:e,children:t,...n})=>(0,o.jsx)(f,{ref:e,...n,children:t});_.displayName=`ChatMessageList.Item`;var v={Root:g,Item:_};Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return _}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return g}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return v}});
-//# sourceMappingURL=chat-message-list-BvzHnJHs.cjs.js.map

package/dist/chunks/chat-message-list-BvzHnJHs.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"chat-message-list-BvzHnJHs.cjs.js","names":[],"sources":["../../src/components/chat-message-list/chat-message-list.slots.tsx","../../src/components/chat-message-list/intl/en.ts","../../src/components/chat-message-list/intl/de.ts","../../src/components/chat-message-list/intl/es.ts","../../src/components/chat-message-list/intl/fr-FR.ts","../../src/components/chat-message-list/intl/pt-BR.ts","../../src/components/chat-message-list/chat-message-list.messages.ts","../../src/components/chat-message-list/components/chat-message-list.root.tsx","../../src/components/chat-message-list/components/chat-message-list.item.tsx","../../src/components/chat-message-list/chat-message-list.tsx"],"sourcesContent":["import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport type { SlotComponent } from \"../../type-utils/slot-types\";\nimport type {\n  ChatMessageListRootSlotProps,\n  ChatMessageListViewportSlotProps,\n  ChatMessageListItemSlotProps,\n  ChatMessageListScrollToBottomSlotProps,\n  ChatMessageListEmptySlotProps,\n} from \"./chat-message-list.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n  key: \"nimbusChatMessageList\",\n});\n\n/**\n * Root slot — establishes the recipe context and is the positioned anchor for\n * the floating scroll-to-bottom control.\n */\nexport const ChatMessageListRootSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListRootSlotProps\n> = withProvider<HTMLDivElement, ChatMessageListRootSlotProps>(\"div\", \"root\");\n\n/**\n * Viewport slot — the vertical flow that holds the items and owns the\n * transcript rhythm. Rendered inside the interior `ScrollArea`, so it is the\n * content that scrolls.\n */\nexport const ChatMessageListViewportSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListViewportSlotProps\n> = withContext<HTMLDivElement, ChatMessageListViewportSlotProps>(\n  \"div\",\n  \"viewport\"\n);\n\n/**\n * Item slot — one list member. A plain block in the scroll flow; it does not\n * assert `role=\"listitem\"` (which would conflict with the `log` container).\n */\nexport const ChatMessageListItemSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListItemSlotProps\n> = withContext<HTMLDivElement, ChatMessageListItemSlotProps>(\"div\", \"item\");\n\n/**\n * Scroll-to-bottom slot — the layout wrapper that positions the \"jump to\n * latest\" control over the bottom of the transcript.\n */\nexport const ChatMessageListScrollToBottomSlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListScrollToBottomSlotProps\n> = withContext<HTMLDivElement, ChatMessageListScrollToBottomSlotProps>(\n  \"div\",\n  \"scrollToBottom\"\n);\n\n/**\n * Empty slot — the centered container shown when there are no items.\n */\nexport const ChatMessageListEmptySlot: SlotComponent<\n  HTMLDivElement,\n  ChatMessageListEmptySlotProps\n> = withContext<HTMLDivElement, ChatMessageListEmptySlotProps>(\"div\", \"empty\");\n","/**\n * Pre-compiled en messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversation`,\n  scrollToBottom: `Scroll to latest message`,\n};\n","/**\n * Pre-compiled de messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Unterhaltung`,\n  scrollToBottom: `Zur neuesten Nachricht springen`,\n};\n","/**\n * Pre-compiled es messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversación`,\n  scrollToBottom: `Ir al mensaje más reciente`,\n};\n","/**\n * Pre-compiled fr-FR messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversation`,\n  scrollToBottom: `Aller au message le plus récent`,\n};\n","/**\n * Pre-compiled pt-BR messages for ChatMessageList\n * Generated by @internationalized/string-compiler\n * DO NOT EDIT MANUALLY\n */\n\nexport default {\n  conversationLabel: `Conversa`,\n  scrollToBottom: `Ir para a mensagem mais recente`,\n};\n","/**\n * Pre-compiled localized messages for ChatMessageList component\n *\n * Generated by scripts/generate-dictionaries.ts\n * DO NOT EDIT MANUALLY\n *\n * @see https://react-spectrum.adobe.com/react-aria/internationalization.html\n */\n\nimport {\n  type LocalizedString,\n  type LocalizedStrings,\n} from \"@internationalized/string\";\nimport { normalizeMessages } from \"../../utils/normalize-messages\";\n\n// Pre-compiled message functions\nimport chatMessageListMessages_en from \"./intl/en\";\nimport chatMessageListMessages_de from \"./intl/de\";\nimport chatMessageListMessages_es from \"./intl/es\";\nimport chatMessageListMessages_fr from \"./intl/fr-FR\";\nimport chatMessageListMessages_pt from \"./intl/pt-BR\";\n\n// Raw LocalizedStrings object for use with useLocalizedStringFormatter hook\nexport const chatMessageListMessagesStrings: LocalizedStrings<\n  string,\n  LocalizedString\n> = {\n  en: normalizeMessages(chatMessageListMessages_en),\n  de: normalizeMessages(chatMessageListMessages_de),\n  es: normalizeMessages(chatMessageListMessages_es),\n  \"fr-FR\": normalizeMessages(chatMessageListMessages_fr),\n  \"pt-BR\": normalizeMessages(chatMessageListMessages_pt),\n} as LocalizedStrings<string, LocalizedString>;\n\n/**\n * Available message keys for ChatMessageList component\n */\nexport type ChatMessageListMessageKey = \"conversationLabel\" | \"scrollToBottom\";\n","import { Children, useImperativeHandle } from \"react\";\nimport { KeyboardArrowDown } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport { useLocalizedStringFormatter } from \"@/hooks\";\nimport { ScrollArea } from \"../../scroll-area/scroll-area\";\nimport { IconButton } from \"../../icon-button/icon-button\";\nimport {\n  ChatMessageListRootSlot,\n  ChatMessageListViewportSlot,\n  ChatMessageListScrollToBottomSlot,\n  ChatMessageListEmptySlot,\n} from \"../chat-message-list.slots\";\nimport { useStickToBottom } from \"../hooks\";\nimport { chatMessageListMessagesStrings } from \"../chat-message-list.messages\";\nimport type { ChatMessageListRootProps } from \"../chat-message-list.types\";\n\n/**\n * ChatMessageList.Root - The scrollable transcript container.\n *\n * Wraps the Nimbus `ScrollArea` for the viewport and owns transcript-level\n * behavior: autoscroll / stick-to-bottom (pins to the newest item while the\n * user is at the bottom, including during streaming, and releases when they\n * scroll up), the \"jump to latest\" affordance, and the single persistent\n * `role=\"log\"` `aria-live=\"polite\"` region that announces appended and streamed\n * messages. When there are no items it renders `emptyState`.\n *\n * The list is content-agnostic: its `Item`s hold a `ChatMessage` or any other\n * content and it never reaches into them. It renders one message's\n * announcement at the transcript level; the message itself only flags\n * `aria-busy` while streaming (see `ChatMessage`).\n *\n * @supportsStyleProps\n */\nexport const ChatMessageListRoot = (props: ChatMessageListRootProps) => {\n  const {\n    ref,\n    children,\n    autoScroll = true,\n    emptyState,\n    \"aria-label\": ariaLabel,\n    \"aria-labelledby\": ariaLabelledBy,\n    ...restProps\n  } = props;\n\n  const [styleProps, functionalProps] = extractStyleProps(restProps);\n  const stringFormatter = useLocalizedStringFormatter(\n    chatMessageListMessagesStrings\n  );\n\n  const { viewportRef, contentRef, isPinned, scrollToBottom } =\n    useStickToBottom({\n      enabled: autoScroll,\n    });\n\n  // Expose imperative scroll control on the ref (see ChatMessageListHandle).\n  useImperativeHandle(ref, () => ({ scrollToBottom }), [scrollToBottom]);\n\n  const hasItems = Children.toArray(children).length > 0;\n\n  // Always name the live region: fall back to a localized label unless the\n  // consumer named it themselves (via `aria-label` or `aria-labelledby`).\n  const resolvedAriaLabel =\n    ariaLabel ??\n    (ariaLabelledBy ? undefined : stringFormatter.format(\"conversationLabel\"));\n\n  return (\n    <ChatMessageListRootSlot {...styleProps} {...functionalProps}>\n      <ScrollArea\n        orientation=\"vertical\"\n        viewportRef={viewportRef}\n        // The single, always-mounted live region for the transcript. `log`\n        // (over `feed`) imposes no `aria-required-children`, so a mixed\n        // transcript of message articles and notices is valid.\n        role=\"log\"\n        aria-live=\"polite\"\n        aria-label={resolvedAriaLabel}\n        aria-labelledby={ariaLabelledBy}\n        flex=\"1\"\n        minH=\"0\"\n        height=\"100%\"\n      >\n        {hasItems ? (\n          <ChatMessageListViewportSlot ref={contentRef}>\n            {children}\n          </ChatMessageListViewportSlot>\n        ) : (\n          <ChatMessageListEmptySlot>{emptyState}</ChatMessageListEmptySlot>\n        )}\n      </ScrollArea>\n\n      {autoScroll && !isPinned && (\n        <ChatMessageListScrollToBottomSlot>\n          <IconButton\n            aria-label={stringFormatter.format(\"scrollToBottom\")}\n            variant=\"solid\"\n            colorPalette=\"primary\"\n            size=\"xs\"\n            onPress={() => {\n              scrollToBottom(\"smooth\");\n              // Pinning re-engages and unmounts this button, which would drop\n              // keyboard focus to <body>. Move focus to the scroll viewport (a\n              // tab stop while the transcript overflows) so a keyboard/SR user\n              // keeps their place. Deferred so it runs after the unmount;\n              // `preventScroll` so focusing doesn't cancel the smooth scroll.\n              setTimeout(\n                () => viewportRef.current?.focus({ preventScroll: true }),\n                0\n              );\n            }}\n          >\n            <KeyboardArrowDown />\n          </IconButton>\n        </ChatMessageListScrollToBottomSlot>\n      )}\n    </ChatMessageListRootSlot>\n  );\n};\n\nChatMessageListRoot.displayName = \"ChatMessageList.Root\";\n","import { ChatMessageListItemSlot } from \"../chat-message-list.slots\";\nimport type { ChatMessageListItemProps } from \"../chat-message-list.types\";\n\n/**\n * ChatMessageList.Item - One member of the transcript.\n *\n * The list-membership socket: it owns inter-item placement and the entry\n * presentation of a newly appended member, and is content-agnostic — it holds a\n * `ChatMessage` or any other content without reaching into it.\n * That child-agnosticism is what lets a system notice be a peer of a message\n * rather than a message variant.\n *\n * It deliberately does **not** assert `role=\"listitem\"`, which would conflict\n * with the `log` live-region semantics of `ChatMessageList.Root`; it provides\n * DOM order and a structural styling hook only.\n *\n * @supportsStyleProps\n */\nexport const ChatMessageListItem = ({\n  ref,\n  children,\n  ...props\n}: ChatMessageListItemProps) => {\n  return (\n    <ChatMessageListItemSlot ref={ref} {...props}>\n      {children}\n    </ChatMessageListItemSlot>\n  );\n};\n\nChatMessageListItem.displayName = \"ChatMessageList.Item\";\n","import { ChatMessageListRoot, ChatMessageListItem } from \"./components\";\n\n/**\n * ChatMessageList\n * ============================================================\n * A compound component that presents a **scrollable sequence of chat messages**\n * and owns transcript-level scroll and announcement behavior. It is the second\n * primitive in the `Chat*` family: `ChatMessage` renders one message,\n * `ChatMessageList` arranges many into a conversation.\n *\n * A list is defined by its items, so `ChatMessageList` is a compound of a\n * `Root` and its `Item`s — not a box that happens to contain children. The\n * `Item` is the list-membership socket; a `ChatMessage` (or any other content)\n * is what plugs into it.\n *\n * `Root` wraps the Nimbus `ScrollArea`, owns autoscroll / stick-to-bottom and\n * the \"jump to latest\" affordance, and is the single persistent\n * `role=\"log\"` `aria-live=\"polite\"` region that announces appended and streamed\n * replies — the counterpart to `ChatMessage`'s `isStreaming` busy flag.\n *\n * @see {@link https://nimbus-documentation.vercel.app/components/feedback/chat-message-list}\n *\n * @example\n * ```tsx\n * <ChatMessageList.Root aria-label=\"Conversation with the agent\">\n *   <ChatMessageList.Item>\n *     <ChatMessage.Root sender=\"user\">\n *       <ChatMessage.Body><Text>Summarise last week's orders?</Text></ChatMessage.Body>\n *     </ChatMessage.Root>\n *   </ChatMessageList.Item>\n *   <ChatMessageList.Item>\n *     <Box mx=\"auto\" textAlign=\"center\" color=\"neutral.11\" textStyle=\"sm\">\n *       Conversation history was cleared.\n *     </Box>\n *   </ChatMessageList.Item>\n * </ChatMessageList.Root>\n * ```\n */\nexport const ChatMessageList = {\n  /**\n   * # ChatMessageList.Root\n   *\n   * The scrollable transcript container. Wraps `ScrollArea`, owns autoscroll /\n   * stick-to-bottom, the scroll-to-bottom control, and the transcript's single\n   * `role=\"log\"` `aria-live=\"polite\"` region. Renders `emptyState` when there\n   * are no items. Accepts `autoScroll` (default `true`) and exposes an\n   * imperative `scrollToBottom()` via `ref`.\n   *\n   * @example\n   * ```tsx\n   * <ChatMessageList.Root aria-label=\"Conversation\" autoScroll>\n   *   <ChatMessageList.Item>…</ChatMessageList.Item>\n   * </ChatMessageList.Root>\n   * ```\n   */\n  Root: ChatMessageListRoot,\n  /**\n   * # ChatMessageList.Item\n   *\n   * One member of the transcript — the socket that owns inter-item placement\n   * and entry presentation. Content-agnostic: it holds a `ChatMessage` or any\n   * other content. Does not assert `role=\"listitem\"` (which would conflict with\n   * the `log` container).\n   *\n   * @example\n   * ```tsx\n   * <ChatMessageList.Item>\n   *   <ChatMessage.Root sender=\"agent\">…</ChatMessage.Root>\n   * </ChatMessageList.Item>\n   * ```\n   */\n  Item: ChatMessageListItem,\n};\n\nexport {\n  ChatMessageListRoot as _ChatMessageListRoot,\n  ChatMessageListItem as _ChatMessageListItem,\n};\n"],"mappings":"+UAUA,GAAM,CAAE,eAAc,gBAAA,0CAAA,CAAA,CAAA,wBAAA,CAAwC,CAC5D,IAAK,uBACP,CAAC,EAMY,EAGT,EAA2D,MAAO,MAAM,EAO/D,EAGT,EACF,MACA,UACF,EAMa,EAGT,EAA0D,MAAO,MAAM,EAM9D,EAGT,EACF,MACA,gBACF,EAKa,EAGT,EAA2D,MAAO,OAAO,EMxChE,EAGT,CACF,GAAI,EAAA,EAAkB,CLpBtB,kBAAmB,eACnB,eAAgB,0BKmBM,CAA0B,EAChD,GAAI,EAAA,EAAkB,CJrBtB,kBAAmB,eACnB,eAAgB,iCIoBM,CAA0B,EAChD,GAAI,EAAA,EAAkB,CHtBtB,kBAAmB,eACnB,eAAgB,4BGqBM,CAA0B,EAChD,QAAS,EAAA,EAAkB,CFvB3B,kBAAmB,eACnB,eAAgB,iCEsBW,CAA0B,EACrD,QAAS,EAAA,EAAkB,CDxB3B,kBAAmB,WACnB,eAAgB,iCCuBW,CAA0B,CACvD,ECCa,EAAuB,GAAoC,CACtE,GAAM,CACJ,MACA,WACA,aAAa,GACb,aACA,aAAc,EACd,kBAAmB,EACnB,GAAG,GACD,EAEE,CAAC,EAAY,GAAmB,EAAA,EAAkB,CAAS,EAC3D,EAAkB,EAAA,EACtB,CACF,EAEM,CAAE,cAAa,aAAY,WAAU,kBACzC,EAAA,EAAiB,CACf,QAAS,CACX,CAAC,GAGH,EAAA,EAAA,oBAAA,CAAoB,OAAY,CAAE,gBAAe,GAAI,CAAC,CAAc,CAAC,EAErE,IAAM,EAAW,EAAA,SAAS,QAAQ,CAAQ,CAAC,CAAC,OAAS,EAI/C,EACJ,IACC,EAAiB,IAAA,GAAY,EAAgB,OAAO,mBAAmB,GAE1E,OACE,EAAA,EAAA,KAAA,CAAC,EAAD,CAAyB,GAAI,EAAY,GAAI,WAA7C,EACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,YAAY,WACC,cAIb,KAAK,MACL,YAAU,SACV,aAAY,EACZ,kBAAiB,EACjB,KAAK,IACL,KAAK,IACL,OAAO,gBAEN,GACC,EAAA,EAAA,IAAA,CAAC,EAAD,CAA6B,IAAK,EAC/B,UAC0B,CAAA,GAE7B,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,SAA2B,CAAqC,CAAA,CAExD,CAAA,EAEX,GAAc,CAAC,IACd,EAAA,EAAA,IAAA,CAAC,EAAD,CAAA,UACE,EAAA,EAAA,IAAA,CAAC,EAAA,EAAD,CACE,aAAY,EAAgB,OAAO,gBAAgB,EACnD,QAAQ,QACR,aAAa,UACb,KAAK,KACL,YAAe,CACb,EAAe,QAAQ,EAMvB,eACQ,EAAY,SAAS,MAAM,CAAE,cAAe,EAAK,CAAC,EACxD,CACF,CACF,YAEA,EAAA,EAAA,IAAA,CAAC,EAAA,kBAAD,CAAoB,CAAA,CACV,CAAA,CACqB,CAAA,CAEd,GAE7B,EAEA,EAAoB,YAAc,uBCpGlC,IAAa,GAAuB,CAClC,MACA,WACA,GAAG,MAGD,EAAA,EAAA,IAAA,CAAC,EAAD,CAA8B,MAAK,GAAI,EACpC,UACsB,CAAA,EAI7B,EAAoB,YAAc,uBCQlC,IAAa,EAAkB,CAiB7B,KAAM,EAgBN,KAAM,CACR"}

package/dist/chunks/checkbox-Bto3lCdU.esm.js

@@ -1,186 +0,0 @@
-import { n as e, t } from "./mergeProps-BJ6-Ao_L.esm.js";
-import { t as n } from "./useObjectRef-B_3vY5-Q.esm.js";
-import { t as r } from "./filterDOMProps-Dk-4zxhC.esm.js";
-import { a as i, i as a, n as o } from "./useFormValidationState-rjMRhdnd.esm.js";
-import { t as s } from "./useToggle-oUUHIEEp.esm.js";
-import { t as c } from "./useToggleState-F4WGjSdP.esm.js";
-import { t as l } from "./VisuallyHidden-C5SfYuNh.esm.js";
-import { t as u } from "./useFocusRing-CgvZuPOT.esm.js";
-import { t as d } from "./useHover-FP8QRkFh.esm.js";
-import { c as f, n as p, o as m, r as h, s as g } from "./utils-BYIK8Yf2.esm.js";
-import { t as _ } from "./Form-lxOCK7Ln.esm.js";
-import { t as v } from "./extract-style-props-BPnHKmWR.esm.js";
-import y, { createContext as b, forwardRef as x, useContext as S, useEffect as C, useMemo as w, useRef as T } from "react";
-import { Fragment as E, jsx as D, jsxs as O } from "react/jsx-runtime";
-import { Check as k, Remove as A } from "@commercetools/nimbus-icons";
-import { createSlotRecipeContext as j, useSlotRecipe as M } from "@chakra-ui/react/styled-system";
-//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckbox.mjs
-function N(e, n, r) {
-	let { labelProps: i, inputProps: a, descriptionProps: o, errorMessageProps: c, isSelected: l, isPressed: u, isDisabled: d, isReadOnly: f, isInvalid: p, validationErrors: m, validationDetails: h } = s(e, n, r), { isIndeterminate: g } = e;
-	return C(() => {
-		r.current && (r.current.indeterminate = !!g);
-	}), {
-		labelProps: t(i, w(() => ({ onMouseDown: (e) => e.preventDefault() }), [])),
-		inputProps: a,
-		descriptionProps: o,
-		errorMessageProps: c,
-		isSelected: l,
-		isPressed: u,
-		isDisabled: d,
-		isReadOnly: f,
-		isInvalid: p,
-		validationErrors: m,
-		validationDetails: h
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/utils.mjs
-var P = /* @__PURE__ */ new WeakMap();
-//#endregion
-//#region ../../node_modules/.pnpm/react-aria@3.50.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria/dist/private/checkbox/useCheckboxGroupItem.mjs
-function F(e, t, n) {
-	let r = c({
-		isReadOnly: e.isReadOnly || t.isReadOnly,
-		isSelected: t.isSelected(e.value),
-		defaultSelected: t.defaultValue.includes(e.value),
-		onChange(n) {
-			n ? t.addValue(e.value) : t.removeValue(e.value), e.onChange && e.onChange(n);
-		}
-	}), { name: s, form: l, descriptionId: u, errorMessageId: d, validationBehavior: f } = P.get(t);
-	f = e.validationBehavior ?? f;
-	let { realtimeValidation: p } = i({
-		...e,
-		value: r.isSelected,
-		name: void 0,
-		validationBehavior: "aria"
-	}), m = T(a), h = () => {
-		t.setInvalid(e.value, p.isInvalid ? p : m.current);
-	};
-	C(h);
-	let g = t.realtimeValidation.isInvalid ? t.realtimeValidation : p, _ = f === "native" ? t.displayValidation : g, v = N({
-		...e,
-		isReadOnly: e.isReadOnly || t.isReadOnly,
-		isDisabled: e.isDisabled || t.isDisabled,
-		name: e.name || s,
-		form: e.form || l,
-		isRequired: e.isRequired ?? t.isRequired,
-		validationBehavior: f,
-		[o]: {
-			realtimeValidation: g,
-			displayValidation: _,
-			resetValidation: t.resetValidation,
-			commitValidation: t.commitValidation,
-			updateValidation(e) {
-				m.current = e, h();
-			}
-		}
-	}, r, n);
-	return {
-		...v,
-		inputProps: {
-			...v.inputProps,
-			"aria-describedby": [
-				v.inputProps["aria-describedby"],
-				t.isInvalid ? d : null,
-				u
-			].filter(Boolean).join(" ") || void 0
-		}
-	};
-}
-//#endregion
-//#region ../../node_modules/.pnpm/react-aria-components@1.19.0_react-dom@19.2.0_react@19.2.0__react@19.2.0/node_modules/react-aria-components/dist/private/Checkbox.mjs
-var I = /*#__PURE__*/ b(null), L = /*#__PURE__*/ b(null), R = /*#__PURE__*/ b(null), z = /*#__PURE__*/ b(null);
-function B(t, r) {
-	let { validationBehavior: i } = f(_) || {}, a = t.validationBehavior ?? i ?? "native", o = S(R), s = n(w(() => e(r, t.inputRef === void 0 ? null : t.inputRef), [r, t.inputRef])), l = {
-		...g(t),
-		children: typeof t.children == "function" || t.children,
-		value: t.value,
-		validationBehavior: a
-	};
-	return [o ? F(l, o, s) : N(l, c(t), s), s];
-}
-var V = /*#__PURE__*/ x(function(e, t) {
-	let { inputRef: n = null, ...r } = e;
-	[e, t] = p(r, t, I);
-	let [i, a] = B(e, n);
-	return /*#__PURE__*/ y.createElement(z.Provider, { value: {
-		...i,
-		inputRef: a,
-		defaultClassName: "react-aria-Checkbox",
-		isIndeterminate: e.isIndeterminate,
-		isRequired: e.isRequired
-	} }, /*#__PURE__*/ y.createElement(H, {
-		...e,
-		ref: t
-	}));
-}), H = /*#__PURE__*/ x(function(e, n) {
-	let { labelProps: i, inputProps: a, isSelected: o, isDisabled: s, isReadOnly: c, isPressed: f, isInvalid: p, inputRef: g, defaultClassName: _, isIndeterminate: v, isRequired: b } = S(z), { isFocused: x, isFocusVisible: C, focusProps: w } = u(), T = s || c, { hoverProps: E, isHovered: D } = d({
-		...e,
-		isDisabled: T
-	}), O = h({
-		...e,
-		defaultClassName: _,
-		values: {
-			isSelected: o,
-			isIndeterminate: v || !1,
-			isPressed: f,
-			isHovered: D,
-			isFocused: x,
-			isFocusVisible: C,
-			isDisabled: s,
-			isReadOnly: c,
-			isInvalid: p,
-			isRequired: b || !1
-		}
-	}), k = r(e, { global: !0 });
-	return delete k.id, delete k.onClick, /*#__PURE__*/ y.createElement(m.label, {
-		...t(k, i, E, O),
-		ref: n,
-		slot: e.slot || void 0,
-		"data-selected": o || void 0,
-		"data-indeterminate": v || void 0,
-		"data-pressed": f || void 0,
-		"data-hovered": D || void 0,
-		"data-focused": x || void 0,
-		"data-focus-visible": C || void 0,
-		"data-disabled": s || void 0,
-		"data-readonly": c || void 0,
-		"data-invalid": p || void 0,
-		"data-required": b || void 0
-	}, /*#__PURE__*/ y.createElement(l, { elementType: "span" }, /*#__PURE__*/ y.createElement("input", {
-		...t(a, w),
-		ref: g
-	})), O.children);
-}), { withProvider: U, withContext: W } = j({ key: "nimbusCheckbox" }), G = U(V, "root"), K = W("span", "label"), q = W("span", "indicator"), J = (e) => {
-	let { ref: t, children: n, ...r } = e, [i, a] = M({ key: "nimbusCheckbox" }).splitVariantProps(r), [o, s] = v(a);
-	return /* @__PURE__ */ D(G, {
-		ref: t,
-		"data-slot": "root",
-		...s,
-		...i,
-		...o,
-		children: ({ isSelected: e, isIndeterminate: t, isInvalid: r, isDisabled: i, isFocused: a }) => {
-			let o = {
-				"data-selected": e,
-				"data-indeterminate": t,
-				"data-invalid": r,
-				"data-disabled": i,
-				"data-focus": a || void 0
-			};
-			return /* @__PURE__ */ O(E, { children: [/* @__PURE__ */ O(q, {
-				"data-slot": "indicator",
-				...o,
-				children: [e && /* @__PURE__ */ D(k, {}), t && /* @__PURE__ */ D(A, {})]
-			}), n && /* @__PURE__ */ D(K, {
-				"data-slot": "label",
-				...o,
-				children: n
-			})] });
-		}
-	});
-};
-J.displayName = "Checkbox";
-//#endregion
-export { I as n, L as r, J as t };
-
-//# sourceMappingURL=checkbox-Bto3lCdU.esm.js.map