npm - @commercetools/nimbus - Versions diffs - 3.3.0 → 3.4.0 - Mend

@commercetools/nimbus 3.3.0 → 3.4.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (648) hide show

package/dist/chunks/{chat-message-DW8IO5YJ.cjs.map → chat-message-BcuYfXqe.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"chat-message-BcuYfXqe.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-CDLvkgaw.esm.js → chat-message-D9947sio.esm.js} RENAMED Viewed

@@ -1,6 +1,6 @@
 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 { t as n } from "./extract-style-props-D519tVOc.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";
@@ -80,4 +80,4 @@ var D = {
 //#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
+//# sourceMappingURL=chat-message-D9947sio.esm.js.map

package/dist/chunks/{chat-message-CDLvkgaw.esm.js.map → chat-message-D9947sio.esm.js.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"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"}
1	+ {"version":3,"file":"chat-message-D9947sio.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-list-BEQEQzhV.cjs ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ const e=require("./extract-padding-props-C-IyriM4.cjs.js"),t=require("./icon-button-BG5cQycc.cjs.js"),n=require("./normalize-messages-BMq9y_ae.cjs.js"),r=require("./hooks-C_oe-t36.cjs.js"),i=require("./extract-style-props-WNdpT-ME.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:`Conversation`,scrollToBottom:`Scroll to latest message`}),es:n.t({conversationLabel:`Conversation`,scrollToBottom:`Scroll to latest message`}),"fr-FR":n.t({conversationLabel:`Conversation`,scrollToBottom:`Scroll to latest message`}),"pt-BR":n.t({conversationLabel:`Conversation`,scrollToBottom:`Scroll to latest message`})},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}});
2	+ //# sourceMappingURL=chat-message-list-BEQEQzhV.cjs.js.map

package/dist/chunks/chat-message-list-BEQEQzhV.cjs.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"chat-message-list-BEQEQzhV.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: `Conversation`,\n scrollToBottom: `Scroll to latest message`,\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: `Conversation`,\n scrollToBottom: `Scroll to latest message`,\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: `Scroll to latest message`,\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: `Conversation`,\n scrollToBottom: `Scroll to latest message`,\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,0BIoBM,CAA0B,EAChD,GAAI,EAAA,EAAkB,CHtBtB,kBAAmB,eACnB,eAAgB,0BGqBM,CAA0B,EAChD,QAAS,EAAA,EAAkB,CFvB3B,kBAAmB,eACnB,eAAgB,0BEsBW,CAA0B,EACrD,QAAS,EAAA,EAAkB,CDxB3B,kBAAmB,eACnB,eAAgB,0BCuBW,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/{chat-message-list-BhWZEg4l.esm.js → chat-message-list-D_4ZLopT.esm.js} RENAMED Viewed

@@ -1,8 +1,8 @@
 import { t as e } from "./extract-padding-props-DigwT-nT.esm.js";
-import { t } from "./icon-button-6dtfz6Yf.esm.js";
+import { t } from "./icon-button-CyhrlrIv.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 { t as a } from "./extract-style-props-D519tVOc.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";
@@ -14,20 +14,20 @@ var { withProvider: f, withContext: p } = d({ key: "nimbusChatMessageList" }), m
 		scrollToBottom: "Scroll to latest message"
 	}),
 	de: r({
-		conversationLabel: "Unterhaltung",
-		scrollToBottom: "Zur neuesten Nachricht springen"
+		conversationLabel: "Conversation",
+		scrollToBottom: "Scroll to latest message"
 	}),
 	es: r({
-		conversationLabel: "Conversación",
-		scrollToBottom: "Ir al mensaje más reciente"
+		conversationLabel: "Conversation",
+		scrollToBottom: "Scroll to latest message"
 	}),
 	"fr-FR": r({
 		conversationLabel: "Conversation",
-		scrollToBottom: "Aller au message le plus récent"
+		scrollToBottom: "Scroll to latest message"
 	}),
 	"pt-BR": r({
-		conversationLabel: "Conversa",
-		scrollToBottom: "Ir para a mensagem mais recente"
+		conversationLabel: "Conversation",
+		scrollToBottom: "Scroll to latest message"
 	})
 }, 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 });
@@ -80,4 +80,4 @@ var S = {
 //#endregion
 export { x as n, b as r, S as t };
-//# sourceMappingURL=chat-message-list-BhWZEg4l.esm.js.map
+//# sourceMappingURL=chat-message-list-D_4ZLopT.esm.js.map

package/dist/chunks/chat-message-list-D_4ZLopT.esm.js.map ADDED Viewed

@@ -0,0 +1 @@

+ {"version":3,"file":"chat-message-list-D_4ZLopT.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: `Conversation`,\n scrollToBottom: `Scroll to latest message`,\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: `Conversation`,\n scrollToBottom: `Scroll to latest message`,\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: `Scroll to latest message`,\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: `Conversation`,\n scrollToBottom: `Scroll to latest message`,\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/{checkbox-CZCLSrFV.cjs → checkbox-DCVW3K9i.cjs} RENAMED Viewed

@@ -1,2 +1,2 @@
-const e=require("./SSRProvider-CM04-CXZ.cjs.js"),t=require("./mergeProps-B4zz6EqI.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./filterDOMProps-DnOwsDRm.cjs.js"),i=require("./useFormValidationState-B5e8EeJ8.cjs.js"),a=require("./useToggle-DOG2OJN_.cjs.js"),o=require("./useToggleState-qNV7GBG-.cjs.js"),s=require("./VisuallyHidden-CtikuHFk.cjs.js"),c=require("./useFocusRing-Bx86kFi9.cjs.js"),l=require("./useHover-JjQ5Tf8X.cjs.js"),u=require("./utils-Clf3FzjT.cjs.js"),d=require("./Form-rO3Pwcre.cjs.js"),f=require("./extract-style-props-CA1O0IF2.cjs.js");let p=require("react");p=e.a(p,1);let m=require("react/jsx-runtime"),h=require("@commercetools/nimbus-icons"),g=require("@chakra-ui/react/styled-system");function _(e,n,r){let{labelProps:i,inputProps:o,descriptionProps:s,errorMessageProps:c,isSelected:l,isPressed:u,isDisabled:d,isReadOnly:f,isInvalid:m,validationErrors:h,validationDetails:g}=a.t(e,n,r),{isIndeterminate:_}=e;return(0,p.useEffect)(()=>{r.current&&(r.current.indeterminate=!!_)}),{labelProps:t.t(i,(0,p.useMemo)(()=>({onMouseDown:e=>e.preventDefault()}),[])),inputProps:o,descriptionProps:s,errorMessageProps:c,isSelected:l,isPressed:u,isDisabled:d,isReadOnly:f,isInvalid:m,validationErrors:h,validationDetails:g}}var v=new WeakMap;function y(e,t,n){let r=o.t({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:a,form:s,descriptionId:c,errorMessageId:l,validationBehavior:u}=v.get(t);u=e.validationBehavior??u;let{realtimeValidation:d}=i.a({...e,value:r.isSelected,name:void 0,validationBehavior:`aria`}),f=(0,p.useRef)(i.i),m=()=>{t.setInvalid(e.value,d.isInvalid?d:f.current)};(0,p.useEffect)(m);let h=t.realtimeValidation.isInvalid?t.realtimeValidation:d,g=u===`native`?t.displayValidation:h,y=_({...e,isReadOnly:e.isReadOnly||t.isReadOnly,isDisabled:e.isDisabled||t.isDisabled,name:e.name||a,form:e.form||s,isRequired:e.isRequired??t.isRequired,validationBehavior:u,[i.n]:{realtimeValidation:h,displayValidation:g,resetValidation:t.resetValidation,commitValidation:t.commitValidation,updateValidation(e){f.current=e,m()}}},r,n);return{...y,inputProps:{...y.inputProps,"aria-describedby":[y.inputProps[`aria-describedby`],t.isInvalid?l:null,c].filter(Boolean).join(` `)||void 0}}}var b=(0,p.createContext)(null),x=(0,p.createContext)(null),S=(0,p.createContext)(null),C=(0,p.createContext)(null);function w(e,r){let{validationBehavior:i}=u.c(d.t)||{},a=e.validationBehavior??i??`native`,s=(0,p.useContext)(S),c=n.t((0,p.useMemo)(()=>t.n(r,e.inputRef===void 0?null:e.inputRef),[r,e.inputRef])),l={...u.s(e),children:typeof e.children==`function`||e.children,value:e.value,validationBehavior:a};return[s?y(l,s,c):_(l,o.t(e),c),c]}var T=(0,p.forwardRef)(function(e,t){let{inputRef:n=null,...r}=e;[e,t]=u.n(r,t,b);let[i,a]=w(e,n);return p.default.createElement(C.Provider,{value:{...i,inputRef:a,defaultClassName:`react-aria-Checkbox`,isIndeterminate:e.isIndeterminate,isRequired:e.isRequired}},p.default.createElement(E,{...e,ref:t}))}),E=(0,p.forwardRef)(function(e,n){let{labelProps:i,inputProps:a,isSelected:o,isDisabled:d,isReadOnly:f,isPressed:m,isInvalid:h,inputRef:g,defaultClassName:_,isIndeterminate:v,isRequired:y}=(0,p.useContext)(C),{isFocused:b,isFocusVisible:x,focusProps:S}=c.t(),w=d||f,{hoverProps:T,isHovered:E}=l.t({...e,isDisabled:w}),D=u.r({...e,defaultClassName:_,values:{isSelected:o,isIndeterminate:v||!1,isPressed:m,isHovered:E,isFocused:b,isFocusVisible:x,isDisabled:d,isReadOnly:f,isInvalid:h,isRequired:y||!1}}),O=r.t(e,{global:!0});return delete O.id,delete O.onClick,p.default.createElement(u.o.label,{...t.t(O,i,T,D),ref:n,slot:e.slot||void 0,"data-selected":o||void 0,"data-indeterminate":v||void 0,"data-pressed":m||void 0,"data-hovered":E||void 0,"data-focused":b||void 0,"data-focus-visible":x||void 0,"data-disabled":d||void 0,"data-readonly":f||void 0,"data-invalid":h||void 0,"data-required":y||void 0},p.default.createElement(s.t,{elementType:`span`},p.default.createElement(`input`,{...t.t(a,S),ref:g})),D.children)}),{withProvider:D,withContext:O}=(0,g.createSlotRecipeContext)({key:`nimbusCheckbox`}),k=D(T,`root`),A=O(`span`,`label`),j=O(`span`,`indicator`),M=e=>{let{ref:t,children:n,...r}=e,[i,a]=(0,g.useSlotRecipe)({key:`nimbusCheckbox`}).splitVariantProps(r),[o,s]=f.t(a);return(0,m.jsx)(k,{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(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(j,{"data-slot":`indicator`,...o,children:[e&&(0,m.jsx)(h.Check,{}),t&&(0,m.jsx)(h.Remove,{})]}),n&&(0,m.jsx)(A,{"data-slot":`label`,...o,children:n})]})}})};M.displayName=`Checkbox`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});
-//# sourceMappingURL=checkbox-CZCLSrFV.cjs.js.map
+const e=require("./SSRProvider-CM04-CXZ.cjs.js"),t=require("./mergeProps-B4zz6EqI.cjs.js"),n=require("./useObjectRef-B_VeQHvx.cjs.js"),r=require("./filterDOMProps-DnOwsDRm.cjs.js"),i=require("./useFormValidationState-CMK07tQk.cjs.js"),a=require("./useToggle-WawJgKE5.cjs.js"),o=require("./useToggleState-qNV7GBG-.cjs.js"),s=require("./VisuallyHidden-CtikuHFk.cjs.js"),c=require("./useFocusRing-Bx86kFi9.cjs.js"),l=require("./useHover-JjQ5Tf8X.cjs.js"),u=require("./utils-Clf3FzjT.cjs.js"),d=require("./Form-rO3Pwcre.cjs.js"),f=require("./extract-style-props-WNdpT-ME.cjs.js");let p=require("react");p=e.a(p,1);let m=require("react/jsx-runtime"),h=require("@commercetools/nimbus-icons"),g=require("@chakra-ui/react/styled-system");function _(e,n,r){let{labelProps:i,inputProps:o,descriptionProps:s,errorMessageProps:c,isSelected:l,isPressed:u,isDisabled:d,isReadOnly:f,isInvalid:m,validationErrors:h,validationDetails:g}=a.t(e,n,r),{isIndeterminate:_}=e;return(0,p.useEffect)(()=>{r.current&&(r.current.indeterminate=!!_)}),{labelProps:t.t(i,(0,p.useMemo)(()=>({onMouseDown:e=>e.preventDefault()}),[])),inputProps:o,descriptionProps:s,errorMessageProps:c,isSelected:l,isPressed:u,isDisabled:d,isReadOnly:f,isInvalid:m,validationErrors:h,validationDetails:g}}var v=new WeakMap;function y(e,t,n){let r=o.t({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:a,form:s,descriptionId:c,errorMessageId:l,validationBehavior:u}=v.get(t);u=e.validationBehavior??u;let{realtimeValidation:d}=i.a({...e,value:r.isSelected,name:void 0,validationBehavior:`aria`}),f=(0,p.useRef)(i.i),m=()=>{t.setInvalid(e.value,d.isInvalid?d:f.current)};(0,p.useEffect)(m);let h=t.realtimeValidation.isInvalid?t.realtimeValidation:d,g=u===`native`?t.displayValidation:h,y=_({...e,isReadOnly:e.isReadOnly||t.isReadOnly,isDisabled:e.isDisabled||t.isDisabled,name:e.name||a,form:e.form||s,isRequired:e.isRequired??t.isRequired,validationBehavior:u,[i.n]:{realtimeValidation:h,displayValidation:g,resetValidation:t.resetValidation,commitValidation:t.commitValidation,updateValidation(e){f.current=e,m()}}},r,n);return{...y,inputProps:{...y.inputProps,"aria-describedby":[y.inputProps[`aria-describedby`],t.isInvalid?l:null,c].filter(Boolean).join(` `)||void 0}}}var b=(0,p.createContext)(null),x=(0,p.createContext)(null),S=(0,p.createContext)(null),C=(0,p.createContext)(null);function w(e,r){let{validationBehavior:i}=u.c(d.t)||{},a=e.validationBehavior??i??`native`,s=(0,p.useContext)(S),c=n.t((0,p.useMemo)(()=>t.n(r,e.inputRef===void 0?null:e.inputRef),[r,e.inputRef])),l={...u.s(e),children:typeof e.children==`function`||e.children,value:e.value,validationBehavior:a};return[s?y(l,s,c):_(l,o.t(e),c),c]}var T=(0,p.forwardRef)(function(e,t){let{inputRef:n=null,...r}=e;[e,t]=u.n(r,t,b);let[i,a]=w(e,n);return p.default.createElement(C.Provider,{value:{...i,inputRef:a,defaultClassName:`react-aria-Checkbox`,isIndeterminate:e.isIndeterminate,isRequired:e.isRequired}},p.default.createElement(E,{...e,ref:t}))}),E=(0,p.forwardRef)(function(e,n){let{labelProps:i,inputProps:a,isSelected:o,isDisabled:d,isReadOnly:f,isPressed:m,isInvalid:h,inputRef:g,defaultClassName:_,isIndeterminate:v,isRequired:y}=(0,p.useContext)(C),{isFocused:b,isFocusVisible:x,focusProps:S}=c.t(),w=d||f,{hoverProps:T,isHovered:E}=l.t({...e,isDisabled:w}),D=u.r({...e,defaultClassName:_,values:{isSelected:o,isIndeterminate:v||!1,isPressed:m,isHovered:E,isFocused:b,isFocusVisible:x,isDisabled:d,isReadOnly:f,isInvalid:h,isRequired:y||!1}}),O=r.t(e,{global:!0});return delete O.id,delete O.onClick,p.default.createElement(u.o.label,{...t.t(O,i,T,D),ref:n,slot:e.slot||void 0,"data-selected":o||void 0,"data-indeterminate":v||void 0,"data-pressed":m||void 0,"data-hovered":E||void 0,"data-focused":b||void 0,"data-focus-visible":x||void 0,"data-disabled":d||void 0,"data-readonly":f||void 0,"data-invalid":h||void 0,"data-required":y||void 0},p.default.createElement(s.t,{elementType:`span`},p.default.createElement(`input`,{...t.t(a,S),ref:g})),D.children)}),{withProvider:D,withContext:O}=(0,g.createSlotRecipeContext)({key:`nimbusCheckbox`}),k=D(T,`root`),A=O(`span`,`label`),j=O(`span`,`indicator`),M=e=>{let{ref:t,children:n,...r}=e,[i,a]=(0,g.useSlotRecipe)({key:`nimbusCheckbox`}).splitVariantProps(r),[o,s]=f.t(a);return(0,m.jsx)(k,{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(0,m.jsxs)(m.Fragment,{children:[(0,m.jsxs)(j,{"data-slot":`indicator`,...o,children:[e&&(0,m.jsx)(h.Check,{}),t&&(0,m.jsx)(h.Remove,{})]}),n&&(0,m.jsx)(A,{"data-slot":`label`,...o,children:n})]})}})};M.displayName=`Checkbox`,Object.defineProperty(exports,"n",{enumerable:!0,get:function(){return b}}),Object.defineProperty(exports,"r",{enumerable:!0,get:function(){return x}}),Object.defineProperty(exports,"t",{enumerable:!0,get:function(){return M}});
+//# sourceMappingURL=checkbox-DCVW3K9i.cjs.js.map

package/dist/chunks/{checkbox-CZCLSrFV.cjs.map → checkbox-DCVW3K9i.cjs.map} RENAMED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"checkbox-CZCLSrFV.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$43eCz$useToggleState","$43eCz$useFormValidationState","$43eCz$DEFAULT_VALIDATION_RESULT","$43eCz$privateValidationStateProp","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","$j1L6B$useObjectRef","$j1L6B$mergeRefs","$7230ffa83bc0c2cf$export$ef03459518577ad4","$j1L6B$useCheckboxGroupItem","$j1L6B$useCheckbox","$j1L6B$useToggleState","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$j1L6B$react","$j1L6B$useFocusRing","$j1L6B$useHover","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$j1L6B$filterDOMProps","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$j1L6B$mergeProps","$j1L6B$VisuallyHidden"],"sources":["../../../../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","../../../../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","../../../../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","../../../../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","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\n\n/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \n\n\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, inputRef);\n let { isIndeterminate: isIndeterminate } = props;\n (0, $5eYZN$useEffect)(()=>{\n // indeterminate is a property, but it can only be set via javascript\n // https://css-tricks.com/indeterminate-checkboxes/\n if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n });\n return {\n labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $5eYZN$useMemo)(()=>({\n // Prevent label from being focused when mouse down on it.\n // Note, this does not prevent the input from being focused in the `click` event.\n onMouseDown: (e)=>e.preventDefault()\n }), [])),\n inputProps: inputProps,\n descriptionProps: descriptionProps,\n errorMessageProps: errorMessageProps,\n isSelected: isSelected,\n isPressed: isPressed,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isInvalid: isInvalid,\n validationErrors: validationErrors,\n validationDetails: validationDetails\n };\n}\n\n\nexport {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.mjs.map\n","/\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / const $0fffd24394d22962$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$0fffd24394d22962$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {useCheckbox as $dde212bea465bd23$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $0fffd24394d22962$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $43eCz$useFormValidationState, DEFAULT_VALIDATION_RESULT as $43eCz$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $43eCz$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\nimport {useRef as $43eCz$useRef, useEffect as $43eCz$useEffect} from \"react\";\nimport {useToggleState as $43eCz$useToggleState} from \"react-stately/useToggleState\";\n\n/\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \n\n\n\n\nfunction $55cfc34eef47e1ca$export$353b32fc6898d37d(props, state, inputRef) {\n const toggleState = (0, $43eCz$useToggleState)({\n isReadOnly: props.isReadOnly \|\| state.isReadOnly,\n isSelected: state.isSelected(props.value),\n defaultSelected: state.defaultValue.includes(props.value),\n onChange (isSelected) {\n if (isSelected) state.addValue(props.value);\n else state.removeValue(props.value);\n if (props.onChange) props.onChange(isSelected);\n }\n });\n let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $0fffd24394d22962$export$ec98120685d4f57d).get(state);\n validationBehavior = props.validationBehavior ?? validationBehavior;\n // Local validation for this checkbox.\n let { realtimeValidation: realtimeValidation } = (0, $43eCz$useFormValidationState)({\n ...props,\n value: toggleState.isSelected,\n // Server validation is handled at the group level.\n name: undefined,\n validationBehavior: 'aria'\n });\n // Update the checkbox group state when realtime validation changes.\n let nativeValidation = (0, $43eCz$useRef)((0, $43eCz$DEFAULT_VALIDATION_RESULT));\n let updateValidation = ()=>{\n state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n };\n (0, $43eCz$useEffect)(updateValidation);\n // Combine group and checkbox level validation.\n let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n let res = (0, $dde212bea465bd23$export$e375f10ce42261c5)({\n ...props,\n isReadOnly: props.isReadOnly \|\| state.isReadOnly,\n isDisabled: props.isDisabled \|\| state.isDisabled,\n name: props.name \|\| name,\n form: props.form \|\| form,\n isRequired: props.isRequired ?? state.isRequired,\n validationBehavior: validationBehavior,\n [(0, $43eCz$privateValidationStateProp)]: {\n realtimeValidation: combinedRealtimeValidation,\n displayValidation: displayValidation,\n resetValidation: state.resetValidation,\n commitValidation: state.commitValidation,\n updateValidation (v) {\n nativeValidation.current = v;\n updateValidation();\n }\n }\n }, toggleState, inputRef);\n return {\n ...res,\n inputProps: {\n ...res.inputProps,\n 'aria-describedby': [\n res.inputProps['aria-describedby'],\n state.isInvalid ? errorMessageId : null,\n descriptionId\n ].filter(Boolean).join(' ') \|\| undefined\n }\n };\n}\n\n\nexport {$55cfc34eef47e1ca$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $j1L6B$useCheckboxGroup, useCheckboxGroupItem as $j1L6B$useCheckboxGroupItem} from \"react-aria/useCheckboxGroup\";\nimport {useCheckbox as $j1L6B$useCheckbox} from \"react-aria/useCheckbox\";\nimport {useCheckboxGroupState as $j1L6B$useCheckboxGroupState} from \"react-stately/useCheckboxGroupState\";\nimport {filterDOMProps as $j1L6B$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $j1L6B$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $j1L6B$mergeRefs} from \"react-aria/mergeRefs\";\nimport $j1L6B$react, {createContext as $j1L6B$createContext, forwardRef as $j1L6B$forwardRef, useContext as $j1L6B$useContext, useMemo as $j1L6B$useMemo} from \"react\";\nimport {useFocusRing as $j1L6B$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $j1L6B$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $j1L6B$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useToggleState as $j1L6B$useToggleState} from \"react-stately/useToggleState\";\nimport {VisuallyHidden as $j1L6B$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n/\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $ed8ccb2e23e76301$export$b085522c77523c51 = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$c32003b803b6c22e = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$baf37c4be89255b8 = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$139c5b8563afc1fc = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /#__PURE__/ (0, $j1L6B$forwardRef)(function CheckboxGroup(props, ref) {\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);\n let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) \|\| {};\n let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n let state = (0, $j1L6B$useCheckboxGroupState)({\n ...props,\n validationBehavior: validationBehavior\n });\n let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $j1L6B$useCheckboxGroup)({\n ...props,\n label: label,\n validationBehavior: validationBehavior\n }, state);\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n values: {\n isDisabled: state.isDisabled,\n isReadOnly: state.isReadOnly,\n isRequired: props.isRequired \|\| false,\n isInvalid: state.isInvalid,\n state: state\n },\n defaultClassName: 'react-aria-CheckboxGroup'\n });\n let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n global: true\n });\n return /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n ...(0, $j1L6B$mergeProps)(DOMProps, renderProps, groupProps),\n ref: ref,\n slot: props.slot \|\| undefined,\n \"data-readonly\": state.isReadOnly \|\| undefined,\n \"data-required\": props.isRequired \|\| undefined,\n \"data-invalid\": state.isInvalid \|\| undefined,\n \"data-disabled\": props.isDisabled \|\| undefined\n }, /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n values: [\n [\n $ed8ccb2e23e76301$export$139c5b8563afc1fc,\n state\n ],\n [\n (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n {\n ...labelProps,\n ref: labelRef,\n elementType: 'span'\n }\n ],\n [\n (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorMessageProps\n }\n }\n ],\n [\n (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n validation\n ]\n ]\n }, renderProps.children));\n});\nconst $ed8ccb2e23e76301$var$InternalCheckboxContext = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$94195a47b94ed396 = /#__PURE__/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$c32003b803b6c22e);\n let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-CheckboxField',\n values: {\n isSelected: isSelected,\n isIndeterminate: props.isIndeterminate \|\| false,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isInvalid: isInvalid,\n isRequired: props.isRequired \|\| false\n }\n });\n let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n global: true\n });\n delete DOMProps.id;\n delete DOMProps.onClick;\n return /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n ...(0, $j1L6B$mergeProps)(DOMProps, renderProps),\n ref: ref,\n slot: props.slot \|\| undefined,\n \"data-selected\": isSelected \|\| undefined,\n \"data-indeterminate\": props.isIndeterminate \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-readonly\": isReadOnly \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n \"data-required\": props.isRequired \|\| undefined\n }, /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n values: [\n [\n $ed8ccb2e23e76301$var$InternalCheckboxContext,\n {\n ...aria,\n inputRef: inputRef,\n defaultClassName: 'react-aria-CheckboxButton',\n isIndeterminate: props.isIndeterminate,\n isRequired: props.isRequired\n }\n ],\n [\n (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorMessageProps\n }\n }\n ],\n // In a CheckboxGroup, validation is handled at the group level instead of repeated on each checkbox.\n [\n (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n groupState ? null : {\n isInvalid: isInvalid,\n validationDetails: validationDetails,\n validationErrors: validationErrors\n }\n ]\n ]\n }, renderProps.children));\n});\nfunction $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {\n let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) \|\| {};\n let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n let inputRef = (0, $j1L6B$useObjectRef)((0, $j1L6B$useMemo)(()=>(0, $j1L6B$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n userProvidedInputRef,\n props.inputRef\n ]));\n let checkboxProps = {\n ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n children: typeof props.children === 'function' ? true : props.children,\n value: props.value,\n validationBehavior: validationBehavior\n };\n let aria = groupState ? (0, $j1L6B$useCheckboxGroupItem)(checkboxProps, groupState, inputRef) : (0, $j1L6B$useCheckbox)(checkboxProps, (0, $j1L6B$useToggleState)(props), inputRef);\n return [\n aria,\n inputRef\n ];\n}\nconst $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /#__PURE__/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);\n let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n return /#__PURE__/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, {\n value: {\n ...aria,\n inputRef: inputRef,\n defaultClassName: 'react-aria-Checkbox',\n isIndeterminate: props.isIndeterminate,\n isRequired: props.isRequired\n }\n }, /#__PURE__/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {\n ...props,\n ref: ref\n }));\n});\nconst $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /#__PURE__/ (0, $j1L6B$forwardRef)(function CheckboxButton(props, ref) {\n let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isIndeterminate: isIndeterminate, isRequired: isRequired } = (0, $j1L6B$useContext)($ed8ccb2e23e76301$var$InternalCheckboxContext);\n let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $j1L6B$useFocusRing)();\n let isInteractionDisabled = isDisabled \|\| isReadOnly;\n let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1L6B$useHover)({\n ...props,\n isDisabled: isInteractionDisabled\n });\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: defaultClassName,\n values: {\n isSelected: isSelected,\n isIndeterminate: isIndeterminate \|\| false,\n isPressed: isPressed,\n isHovered: isHovered,\n isFocused: isFocused,\n isFocusVisible: isFocusVisible,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isInvalid: isInvalid,\n isRequired: isRequired \|\| false\n }\n });\n let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n global: true\n });\n delete DOMProps.id;\n delete DOMProps.onClick;\n return /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n ...(0, $j1L6B$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n ref: ref,\n slot: props.slot \|\| undefined,\n \"data-selected\": isSelected \|\| undefined,\n \"data-indeterminate\": isIndeterminate \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-hovered\": isHovered \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-readonly\": isReadOnly \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n \"data-required\": isRequired \|\| undefined\n }, /#__PURE__/ (0, $j1L6B$react).createElement((0, $j1L6B$VisuallyHidden), {\n elementType: \"span\"\n }, /#__PURE__/ (0, $j1L6B$react).createElement(\"input\", {\n ...(0, $j1L6B$mergeProps)(inputProps, focusProps),\n ref: inputRef\n })), renderProps.children);\n});\n\n\nexport {$ed8ccb2e23e76301$export$b085522c77523c51 as CheckboxContext, $ed8ccb2e23e76301$export$c32003b803b6c22e as CheckboxFieldContext, $ed8ccb2e23e76301$export$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$94195a47b94ed396 as CheckboxField, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox, $ed8ccb2e23e76301$export$6e7a18c0548f3129 as CheckboxButton};\n//# sourceMappingURL=Checkbox.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n CheckboxRootSlotProps,\n CheckboxIndicatorSlotProps,\n CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusCheckbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n HTMLLabelElement,\n CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n HTMLSpanElement,\n CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n HTMLSpanElement,\n CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n \"span\",\n \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n CheckboxIndicator,\n CheckboxRoot,\n CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/\n # Checkbox\n \n Displays a checkbox.\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const recipe = useSlotRecipe({ key: \"nimbusCheckbox\" });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n return (\n <CheckboxRoot\n ref={forwardedRef}\n data-slot=\"root\"\n {...functionalProps}\n {...recipeProps}\n {...styleProps}\n >\n {({\n isSelected,\n isIndeterminate,\n isInvalid,\n isDisabled,\n isFocused,\n }: CheckboxRenderProps) => {\n const stateProps = {\n \"data-selected\": isSelected,\n \"data-indeterminate\": isIndeterminate,\n \"data-invalid\": isInvalid,\n \"data-disabled\": isDisabled,\n \"data-focus\": isFocused \|\| undefined,\n };\n\n return (\n <>\n <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n {isSelected && <Check />}\n {isIndeterminate && <Minus />}\n </CheckboxIndicator>\n\n {children && (\n <CheckboxLabel data-slot=\"label\" {...stateProps}>\n {children}\n </CheckboxLabel>\n )}\n </>\n );\n }}\n </CheckboxRoot>\n );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}
1	+ {"version":3,"file":"checkbox-DCVW3K9i.cjs.js","names":["$876b6f32ca5a04c3$export$cbe85ee05b554577","$bbaa08b3cd72f041$export$9d1611c77c2fe928","$43eCz$useToggleState","$43eCz$useFormValidationState","$43eCz$DEFAULT_VALIDATION_RESULT","$43eCz$privateValidationStateProp","$7230ffa83bc0c2cf$export$fabf2dc03a41866e","$cdaed739b1139372$export$c24727297075ec6a","$j1L6B$useObjectRef","$j1L6B$mergeRefs","$7230ffa83bc0c2cf$export$ef03459518577ad4","$j1L6B$useCheckboxGroupItem","$j1L6B$useCheckbox","$j1L6B$useToggleState","$7230ffa83bc0c2cf$export$29f1550f4b0d4415","$j1L6B$react","$j1L6B$useFocusRing","$j1L6B$useHover","$7230ffa83bc0c2cf$export$4d86445c2cf5e3","$j1L6B$filterDOMProps","$7230ffa83bc0c2cf$export$df3a06d6289f983e","$j1L6B$mergeProps","$j1L6B$VisuallyHidden"],"sources":["../../../../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","../../../../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","../../../../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","../../../../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","../../src/components/checkbox/checkbox.slots.tsx","../../src/components/checkbox/checkbox.tsx"],"sourcesContent":["import {useToggle as $876b6f32ca5a04c3$export$cbe85ee05b554577} from \"../toggle/useToggle.mjs\";\nimport {mergeProps as $bbaa08b3cd72f041$export$9d1611c77c2fe928} from \"../utils/mergeProps.mjs\";\nimport {useEffect as $5eYZN$useEffect, useMemo as $5eYZN$useMemo} from \"react\";\n\n/\n Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \n\n\nfunction $dde212bea465bd23$export$e375f10ce42261c5(props, state, inputRef) {\n let { labelProps: labelProps, inputProps: inputProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isPressed: isPressed, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationErrors: validationErrors, validationDetails: validationDetails } = (0, $876b6f32ca5a04c3$export$cbe85ee05b554577)(props, state, inputRef);\n let { isIndeterminate: isIndeterminate } = props;\n (0, $5eYZN$useEffect)(()=>{\n // indeterminate is a property, but it can only be set via javascript\n // https://css-tricks.com/indeterminate-checkboxes/\n if (inputRef.current) inputRef.current.indeterminate = !!isIndeterminate;\n });\n return {\n labelProps: (0, $bbaa08b3cd72f041$export$9d1611c77c2fe928)(labelProps, (0, $5eYZN$useMemo)(()=>({\n // Prevent label from being focused when mouse down on it.\n // Note, this does not prevent the input from being focused in the `click` event.\n onMouseDown: (e)=>e.preventDefault()\n }), [])),\n inputProps: inputProps,\n descriptionProps: descriptionProps,\n errorMessageProps: errorMessageProps,\n isSelected: isSelected,\n isPressed: isPressed,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isInvalid: isInvalid,\n validationErrors: validationErrors,\n validationDetails: validationDetails\n };\n}\n\n\nexport {$dde212bea465bd23$export$e375f10ce42261c5 as useCheckbox};\n//# sourceMappingURL=useCheckbox.mjs.map\n","/\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / const $0fffd24394d22962$export$ec98120685d4f57d = new WeakMap();\n\n\nexport {$0fffd24394d22962$export$ec98120685d4f57d as checkboxGroupData};\n//# sourceMappingURL=utils.mjs.map\n","import {useCheckbox as $dde212bea465bd23$export$e375f10ce42261c5} from \"./useCheckbox.mjs\";\nimport {checkboxGroupData as $0fffd24394d22962$export$ec98120685d4f57d} from \"./utils.mjs\";\nimport {useFormValidationState as $43eCz$useFormValidationState, DEFAULT_VALIDATION_RESULT as $43eCz$DEFAULT_VALIDATION_RESULT, privateValidationStateProp as $43eCz$privateValidationStateProp} from \"react-stately/private/form/useFormValidationState\";\nimport {useRef as $43eCz$useRef, useEffect as $43eCz$useEffect} from \"react\";\nimport {useToggleState as $43eCz$useToggleState} from \"react-stately/useToggleState\";\n\n/\n * Copyright 2020 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \n\n\n\n\nfunction $55cfc34eef47e1ca$export$353b32fc6898d37d(props, state, inputRef) {\n const toggleState = (0, $43eCz$useToggleState)({\n isReadOnly: props.isReadOnly \|\| state.isReadOnly,\n isSelected: state.isSelected(props.value),\n defaultSelected: state.defaultValue.includes(props.value),\n onChange (isSelected) {\n if (isSelected) state.addValue(props.value);\n else state.removeValue(props.value);\n if (props.onChange) props.onChange(isSelected);\n }\n });\n let { name: name, form: form, descriptionId: descriptionId, errorMessageId: errorMessageId, validationBehavior: validationBehavior } = (0, $0fffd24394d22962$export$ec98120685d4f57d).get(state);\n validationBehavior = props.validationBehavior ?? validationBehavior;\n // Local validation for this checkbox.\n let { realtimeValidation: realtimeValidation } = (0, $43eCz$useFormValidationState)({\n ...props,\n value: toggleState.isSelected,\n // Server validation is handled at the group level.\n name: undefined,\n validationBehavior: 'aria'\n });\n // Update the checkbox group state when realtime validation changes.\n let nativeValidation = (0, $43eCz$useRef)((0, $43eCz$DEFAULT_VALIDATION_RESULT));\n let updateValidation = ()=>{\n state.setInvalid(props.value, realtimeValidation.isInvalid ? realtimeValidation : nativeValidation.current);\n };\n (0, $43eCz$useEffect)(updateValidation);\n // Combine group and checkbox level validation.\n let combinedRealtimeValidation = state.realtimeValidation.isInvalid ? state.realtimeValidation : realtimeValidation;\n let displayValidation = validationBehavior === 'native' ? state.displayValidation : combinedRealtimeValidation;\n let res = (0, $dde212bea465bd23$export$e375f10ce42261c5)({\n ...props,\n isReadOnly: props.isReadOnly \|\| state.isReadOnly,\n isDisabled: props.isDisabled \|\| state.isDisabled,\n name: props.name \|\| name,\n form: props.form \|\| form,\n isRequired: props.isRequired ?? state.isRequired,\n validationBehavior: validationBehavior,\n [(0, $43eCz$privateValidationStateProp)]: {\n realtimeValidation: combinedRealtimeValidation,\n displayValidation: displayValidation,\n resetValidation: state.resetValidation,\n commitValidation: state.commitValidation,\n updateValidation (v) {\n nativeValidation.current = v;\n updateValidation();\n }\n }\n }, toggleState, inputRef);\n return {\n ...res,\n inputProps: {\n ...res.inputProps,\n 'aria-describedby': [\n res.inputProps['aria-describedby'],\n state.isInvalid ? errorMessageId : null,\n descriptionId\n ].filter(Boolean).join(' ') \|\| undefined\n }\n };\n}\n\n\nexport {$55cfc34eef47e1ca$export$353b32fc6898d37d as useCheckboxGroupItem};\n//# sourceMappingURL=useCheckboxGroupItem.mjs.map\n","import {dom as $7230ffa83bc0c2cf$export$df3a06d6289f983e, Provider as $7230ffa83bc0c2cf$export$2881499e37b75b9a, removeDataAttributes as $7230ffa83bc0c2cf$export$ef03459518577ad4, useContextProps as $7230ffa83bc0c2cf$export$29f1550f4b0d4415, useRenderProps as $7230ffa83bc0c2cf$export$4d86445c2cf5e3, useSlot as $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8, useSlottedContext as $7230ffa83bc0c2cf$export$fabf2dc03a41866e} from \"./utils.mjs\";\nimport {FieldErrorContext as $1f3c3b1a70cec653$export$ff05c3ac10437e03} from \"./FieldError.mjs\";\nimport {FormContext as $cdaed739b1139372$export$c24727297075ec6a} from \"./Form.mjs\";\nimport {LabelContext as $43a3b93638fe5db9$export$75b6ee27786ba447} from \"./Label.mjs\";\nimport {TextContext as $efe09c6d1c304b50$export$9afb8bc826b033ea} from \"./Text.mjs\";\nimport {useCheckboxGroup as $j1L6B$useCheckboxGroup, useCheckboxGroupItem as $j1L6B$useCheckboxGroupItem} from \"react-aria/useCheckboxGroup\";\nimport {useCheckbox as $j1L6B$useCheckbox} from \"react-aria/useCheckbox\";\nimport {useCheckboxGroupState as $j1L6B$useCheckboxGroupState} from \"react-stately/useCheckboxGroupState\";\nimport {filterDOMProps as $j1L6B$filterDOMProps} from \"react-aria/filterDOMProps\";\nimport {mergeProps as $j1L6B$mergeProps} from \"react-aria/mergeProps\";\nimport {mergeRefs as $j1L6B$mergeRefs} from \"react-aria/mergeRefs\";\nimport $j1L6B$react, {createContext as $j1L6B$createContext, forwardRef as $j1L6B$forwardRef, useContext as $j1L6B$useContext, useMemo as $j1L6B$useMemo} from \"react\";\nimport {useFocusRing as $j1L6B$useFocusRing} from \"react-aria/useFocusRing\";\nimport {useHover as $j1L6B$useHover} from \"react-aria/useHover\";\nimport {useObjectRef as $j1L6B$useObjectRef} from \"react-aria/useObjectRef\";\nimport {useToggleState as $j1L6B$useToggleState} from \"react-stately/useToggleState\";\nimport {VisuallyHidden as $j1L6B$VisuallyHidden} from \"react-aria/VisuallyHidden\";\n\n/\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n \n Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n / \n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nconst $ed8ccb2e23e76301$export$b085522c77523c51 = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$c32003b803b6c22e = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$baf37c4be89255b8 = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$139c5b8563afc1fc = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$4aa08d5625cb8ead = /#__PURE__/ (0, $j1L6B$forwardRef)(function CheckboxGroup(props, ref) {\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(props, ref, $ed8ccb2e23e76301$export$baf37c4be89255b8);\n let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) \|\| {};\n let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n let state = (0, $j1L6B$useCheckboxGroupState)({\n ...props,\n validationBehavior: validationBehavior\n });\n let [labelRef, label] = (0, $7230ffa83bc0c2cf$export$9d4c57ee4c6ffdd8)(!props['aria-label'] && !props['aria-labelledby']);\n let { groupProps: groupProps, labelProps: labelProps, descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, ...validation } = (0, $j1L6B$useCheckboxGroup)({\n ...props,\n label: label,\n validationBehavior: validationBehavior\n }, state);\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n values: {\n isDisabled: state.isDisabled,\n isReadOnly: state.isReadOnly,\n isRequired: props.isRequired \|\| false,\n isInvalid: state.isInvalid,\n state: state\n },\n defaultClassName: 'react-aria-CheckboxGroup'\n });\n let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n global: true\n });\n return /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n ...(0, $j1L6B$mergeProps)(DOMProps, renderProps, groupProps),\n ref: ref,\n slot: props.slot \|\| undefined,\n \"data-readonly\": state.isReadOnly \|\| undefined,\n \"data-required\": props.isRequired \|\| undefined,\n \"data-invalid\": state.isInvalid \|\| undefined,\n \"data-disabled\": props.isDisabled \|\| undefined\n }, /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n values: [\n [\n $ed8ccb2e23e76301$export$139c5b8563afc1fc,\n state\n ],\n [\n (0, $43a3b93638fe5db9$export$75b6ee27786ba447),\n {\n ...labelProps,\n ref: labelRef,\n elementType: 'span'\n }\n ],\n [\n (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorMessageProps\n }\n }\n ],\n [\n (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n validation\n ]\n ]\n }, renderProps.children));\n});\nconst $ed8ccb2e23e76301$var$InternalCheckboxContext = /#__PURE__/ (0, $j1L6B$createContext)(null);\nconst $ed8ccb2e23e76301$export$94195a47b94ed396 = /#__PURE__/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$c32003b803b6c22e);\n let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n let { descriptionProps: descriptionProps, errorMessageProps: errorMessageProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isInvalid: isInvalid, validationDetails: validationDetails, validationErrors: validationErrors } = aria;\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: 'react-aria-CheckboxField',\n values: {\n isSelected: isSelected,\n isIndeterminate: props.isIndeterminate \|\| false,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isInvalid: isInvalid,\n isRequired: props.isRequired \|\| false\n }\n });\n let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n global: true\n });\n delete DOMProps.id;\n delete DOMProps.onClick;\n return /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).div, {\n ...(0, $j1L6B$mergeProps)(DOMProps, renderProps),\n ref: ref,\n slot: props.slot \|\| undefined,\n \"data-selected\": isSelected \|\| undefined,\n \"data-indeterminate\": props.isIndeterminate \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-readonly\": isReadOnly \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n \"data-required\": props.isRequired \|\| undefined\n }, /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$2881499e37b75b9a), {\n values: [\n [\n $ed8ccb2e23e76301$var$InternalCheckboxContext,\n {\n ...aria,\n inputRef: inputRef,\n defaultClassName: 'react-aria-CheckboxButton',\n isIndeterminate: props.isIndeterminate,\n isRequired: props.isRequired\n }\n ],\n [\n (0, $efe09c6d1c304b50$export$9afb8bc826b033ea),\n {\n slots: {\n description: descriptionProps,\n errorMessage: errorMessageProps\n }\n }\n ],\n // In a CheckboxGroup, validation is handled at the group level instead of repeated on each checkbox.\n [\n (0, $1f3c3b1a70cec653$export$ff05c3ac10437e03),\n groupState ? null : {\n isInvalid: isInvalid,\n validationDetails: validationDetails,\n validationErrors: validationErrors\n }\n ]\n ]\n }, renderProps.children));\n});\nfunction $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef) {\n let { validationBehavior: formValidationBehavior } = (0, $7230ffa83bc0c2cf$export$fabf2dc03a41866e)((0, $cdaed739b1139372$export$c24727297075ec6a)) \|\| {};\n let validationBehavior = props.validationBehavior ?? formValidationBehavior ?? 'native';\n let groupState = (0, $j1L6B$useContext)($ed8ccb2e23e76301$export$139c5b8563afc1fc);\n let inputRef = (0, $j1L6B$useObjectRef)((0, $j1L6B$useMemo)(()=>(0, $j1L6B$mergeRefs)(userProvidedInputRef, props.inputRef !== undefined ? props.inputRef : null), [\n userProvidedInputRef,\n props.inputRef\n ]));\n let checkboxProps = {\n ...(0, $7230ffa83bc0c2cf$export$ef03459518577ad4)(props),\n children: typeof props.children === 'function' ? true : props.children,\n value: props.value,\n validationBehavior: validationBehavior\n };\n let aria = groupState ? (0, $j1L6B$useCheckboxGroupItem)(checkboxProps, groupState, inputRef) : (0, $j1L6B$useCheckbox)(checkboxProps, (0, $j1L6B$useToggleState)(props), inputRef);\n return [\n aria,\n inputRef\n ];\n}\nconst $ed8ccb2e23e76301$export$48513f6b9f8ce62d = /#__PURE__/ (0, $j1L6B$forwardRef)(function Checkbox(props, ref) {\n let { inputRef: userProvidedInputRef = null, ...otherProps } = props;\n [props, ref] = (0, $7230ffa83bc0c2cf$export$29f1550f4b0d4415)(otherProps, ref, $ed8ccb2e23e76301$export$b085522c77523c51);\n let [aria, inputRef] = $ed8ccb2e23e76301$var$useCheckboxAria(props, userProvidedInputRef);\n return /#__PURE__/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$var$InternalCheckboxContext.Provider, {\n value: {\n ...aria,\n inputRef: inputRef,\n defaultClassName: 'react-aria-Checkbox',\n isIndeterminate: props.isIndeterminate,\n isRequired: props.isRequired\n }\n }, /#__PURE__/ (0, $j1L6B$react).createElement($ed8ccb2e23e76301$export$6e7a18c0548f3129, {\n ...props,\n ref: ref\n }));\n});\nconst $ed8ccb2e23e76301$export$6e7a18c0548f3129 = /#__PURE__/ (0, $j1L6B$forwardRef)(function CheckboxButton(props, ref) {\n let { labelProps: labelProps, inputProps: inputProps, isSelected: isSelected, isDisabled: isDisabled, isReadOnly: isReadOnly, isPressed: isPressed, isInvalid: isInvalid, inputRef: inputRef, defaultClassName: defaultClassName, isIndeterminate: isIndeterminate, isRequired: isRequired } = (0, $j1L6B$useContext)($ed8ccb2e23e76301$var$InternalCheckboxContext);\n let { isFocused: isFocused, isFocusVisible: isFocusVisible, focusProps: focusProps } = (0, $j1L6B$useFocusRing)();\n let isInteractionDisabled = isDisabled \|\| isReadOnly;\n let { hoverProps: hoverProps, isHovered: isHovered } = (0, $j1L6B$useHover)({\n ...props,\n isDisabled: isInteractionDisabled\n });\n let renderProps = (0, $7230ffa83bc0c2cf$export$4d86445c2cf5e3)({\n ...props,\n defaultClassName: defaultClassName,\n values: {\n isSelected: isSelected,\n isIndeterminate: isIndeterminate \|\| false,\n isPressed: isPressed,\n isHovered: isHovered,\n isFocused: isFocused,\n isFocusVisible: isFocusVisible,\n isDisabled: isDisabled,\n isReadOnly: isReadOnly,\n isInvalid: isInvalid,\n isRequired: isRequired \|\| false\n }\n });\n let DOMProps = (0, $j1L6B$filterDOMProps)(props, {\n global: true\n });\n delete DOMProps.id;\n delete DOMProps.onClick;\n return /#__PURE__/ (0, $j1L6B$react).createElement((0, $7230ffa83bc0c2cf$export$df3a06d6289f983e).label, {\n ...(0, $j1L6B$mergeProps)(DOMProps, labelProps, hoverProps, renderProps),\n ref: ref,\n slot: props.slot \|\| undefined,\n \"data-selected\": isSelected \|\| undefined,\n \"data-indeterminate\": isIndeterminate \|\| undefined,\n \"data-pressed\": isPressed \|\| undefined,\n \"data-hovered\": isHovered \|\| undefined,\n \"data-focused\": isFocused \|\| undefined,\n \"data-focus-visible\": isFocusVisible \|\| undefined,\n \"data-disabled\": isDisabled \|\| undefined,\n \"data-readonly\": isReadOnly \|\| undefined,\n \"data-invalid\": isInvalid \|\| undefined,\n \"data-required\": isRequired \|\| undefined\n }, /#__PURE__/ (0, $j1L6B$react).createElement((0, $j1L6B$VisuallyHidden), {\n elementType: \"span\"\n }, /#__PURE__/ (0, $j1L6B$react).createElement(\"input\", {\n ...(0, $j1L6B$mergeProps)(inputProps, focusProps),\n ref: inputRef\n })), renderProps.children);\n});\n\n\nexport {$ed8ccb2e23e76301$export$b085522c77523c51 as CheckboxContext, $ed8ccb2e23e76301$export$c32003b803b6c22e as CheckboxFieldContext, $ed8ccb2e23e76301$export$baf37c4be89255b8 as CheckboxGroupContext, $ed8ccb2e23e76301$export$139c5b8563afc1fc as CheckboxGroupStateContext, $ed8ccb2e23e76301$export$4aa08d5625cb8ead as CheckboxGroup, $ed8ccb2e23e76301$export$94195a47b94ed396 as CheckboxField, $ed8ccb2e23e76301$export$48513f6b9f8ce62d as Checkbox, $ed8ccb2e23e76301$export$6e7a18c0548f3129 as CheckboxButton};\n//# sourceMappingURL=Checkbox.mjs.map\n","import { createSlotRecipeContext } from \"@chakra-ui/react/styled-system\";\nimport { Checkbox as RaCheckbox } from \"react-aria-components\";\nimport type { SlotComponent } from \"@/type-utils/slot-types\";\nimport type {\n CheckboxRootSlotProps,\n CheckboxIndicatorSlotProps,\n CheckboxLabelSlotProps,\n} from \"./checkbox.types\";\n\nconst { withProvider, withContext } = createSlotRecipeContext({\n key: \"nimbusCheckbox\",\n});\n\nexport const CheckboxRoot: SlotComponent<\n HTMLLabelElement,\n CheckboxRootSlotProps\n> = withProvider<HTMLLabelElement, CheckboxRootSlotProps>(RaCheckbox, \"root\");\n\nexport const CheckboxLabel: SlotComponent<\n HTMLSpanElement,\n CheckboxLabelSlotProps\n> = withContext<HTMLSpanElement, CheckboxLabelSlotProps>(\"span\", \"label\");\n\nexport const CheckboxIndicator: SlotComponent<\n HTMLSpanElement,\n CheckboxIndicatorSlotProps\n> = withContext<HTMLSpanElement, CheckboxIndicatorSlotProps>(\n \"span\",\n \"indicator\"\n);\n","import { useSlotRecipe } from \"@chakra-ui/react/styled-system\";\nimport { Check, Remove as Minus } from \"@commercetools/nimbus-icons\";\nimport { extractStyleProps } from \"@/utils\";\nimport type { CheckboxProps } from \"./checkbox.types\";\nimport type { CheckboxRenderProps } from \"react-aria-components\";\nimport {\n CheckboxIndicator,\n CheckboxRoot,\n CheckboxLabel,\n} from \"./checkbox.slots\";\n\n/\n # Checkbox\n \n Displays a checkbox.\n \n @see {@link https://nimbus-documentation.vercel.app/components/inputs/checkbox}\n */\nexport const Checkbox = (props: CheckboxProps) => {\n const { ref: forwardedRef, children, ...restProps } = props;\n\n const recipe = useSlotRecipe({ key: \"nimbusCheckbox\" });\n const [recipeProps, remainingProps] = recipe.splitVariantProps(restProps);\n\n const [styleProps, functionalProps] = extractStyleProps(remainingProps);\n\n return (\n <CheckboxRoot\n ref={forwardedRef}\n data-slot=\"root\"\n {...functionalProps}\n {...recipeProps}\n {...styleProps}\n >\n {({\n isSelected,\n isIndeterminate,\n isInvalid,\n isDisabled,\n isFocused,\n }: CheckboxRenderProps) => {\n const stateProps = {\n \"data-selected\": isSelected,\n \"data-indeterminate\": isIndeterminate,\n \"data-invalid\": isInvalid,\n \"data-disabled\": isDisabled,\n \"data-focus\": isFocused \|\| undefined,\n };\n\n return (\n <>\n <CheckboxIndicator data-slot=\"indicator\" {...stateProps}>\n {isSelected && <Check />}\n {isIndeterminate && <Minus />}\n </CheckboxIndicator>\n\n {children && (\n <CheckboxLabel data-slot=\"label\" {...stateProps}>\n {children}\n </CheckboxLabel>\n )}\n </>\n );\n }}\n </CheckboxRoot>\n );\n};\nCheckbox.displayName = \"Checkbox\";\n"],"x_google_ignoreList":[0,1,2,3],"mappings":"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"}

package/dist/chunks/{checkbox-Bto3lCdU.esm.js → checkbox-dSuozQvl.esm.js} RENAMED Viewed

@@ -1,15 +1,15 @@
 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 { a as i, i as a, n as o } from "./useFormValidationState-hfa069v5.esm.js";
+import { t as s } from "./useToggle-B9oH7p52.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 { t as v } from "./extract-style-props-D519tVOc.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";
@@ -183,4 +183,4 @@ J.displayName = "Checkbox";
 //#endregion
 export { I as n, L as r, J as t };
-//# sourceMappingURL=checkbox-Bto3lCdU.esm.js.map
+//# sourceMappingURL=checkbox-dSuozQvl.esm.js.map