@neo4j-ndl/react 4.25.7 → 5.0.0-alpha.0.3d763f7

package/lib/esm/ai/response/Response.js.map

@@ -1 +1 @@
-{"version":3,"file":"Response.js","sourceRoot":"","sources":["../../../../src/ai/response/Response.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\n// oxlint-disable sort-keys\nimport { Code, TextLink, Typography } from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport { memo, useMemo, useRef } from 'react';\nimport { Streamdown } from 'streamdown';\n\nimport { type CommonProps } from '../../_common/types';\nimport { type LanguageProp, Languages } from '../../code-block/code-languages';\nimport { CodePreview } from '../code-preview';\n\ntype ResponseProps = {\n  /** The response from the AI */\n  children: string;\n  /** Whether the response is animating */\n  isAnimating?: React.ComponentProps<typeof Streamdown>['isAnimating'];\n};\n\n/**\n * The component is used to display the response from an LLM.\n * It handles markdown rendering and streaming.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst Response = memo(\n  ({\n    className,\n    children,\n    isAnimating = false,\n    ref,\n    style,\n    htmlAttributes,\n    ...restProps\n  }: CommonProps<'div', ResponseProps>) => {\n    // Use a ref to store the current markdown content so we can check for unclosed fences\n    // without recreating the components object on every render\n    const childrenRef = useRef(children);\n    childrenRef.current = children;\n\n    const components: React.ComponentProps<typeof Streamdown>['components'] =\n      useMemo(\n        () => ({\n          // oxlint-disable-next-line no-unused-vars\n          ol: ({ node, children, className, ref: _ref, ...props }) => (\n            <ol className={className} {...props}>\n              {children}\n            </ol>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          ul: ({ node, children, className, ref: _ref, ...props }) => (\n            <ul className={classNames(className)} {...props}>\n              {children}\n            </ul>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          li: ({ node, children, className, ref: _ref, ...props }) => (\n            <li className={className} {...props}>\n              {children}\n            </li>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          hr: ({ node, className, ref: _ref, ...props }) => (\n            <hr className={classNames(className)} {...props} />\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          strong: ({\n            node: _node,\n            children,\n            className,\n            style,\n            ref: _ref,\n            ...props\n          }) => (\n            <Typography\n              as=\"strong\"\n              variant=\"body-medium\"\n              className={className}\n              style={{ ...style, fontWeight: 'bold' }}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          em: ({ node, children, className, style, ref: _ref, ...props }) => (\n            <Typography\n              as=\"em\"\n              variant=\"body-medium\"\n              className={className}\n              style={{ ...style, fontStyle: 'italic' }}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          // oxlint-disable-next-line no-unused-vars, id-length\n          a: ({ node: _node, children, className, href, ...props }) => (\n            <TextLink\n              type=\"internal-underline\"\n              className={className}\n              href={href}\n              htmlAttributes={props}\n            >\n              {children}\n            </TextLink>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h1: ({ node, children, className, ...props }) => (\n            <h1 className={className} {...props}>\n              {children}\n            </h1>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h2: ({ node, children, className, ...props }) => (\n            <h2 className={className} {...props}>\n              {children}\n            </h2>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h3: ({ node, children, className, ...props }) => (\n            <h3 className={className} {...props}>\n              {children}\n            </h3>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h4: ({ node, children, className, ...props }) => (\n            <h4 className={className} {...props}>\n              {children}\n            </h4>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h5: ({ node, children, className, ...props }) => (\n            <h5 className={className} {...props}>\n              {children}\n            </h5>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h6: ({ node, children, className, ...props }) => (\n            <h6 className={className} {...props}>\n              {children}\n            </h6>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          table: ({ node, children, className, ref: _ref, ...props }) => (\n            <div className=\"ndl-ai-response-table-wrapper\">\n              <table className={className} {...props}>\n                {children}\n              </table>\n            </div>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          thead: ({ node, children, className, ref: _ref, ...props }) => (\n            <thead className={className} {...props}>\n              {children}\n            </thead>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          tbody: ({ node, children, className, ref: _ref, ...props }) => (\n            <tbody className={className} {...props}>\n              {children}\n            </tbody>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          tr: ({ node, children, className, ref: _ref, ...props }) => (\n            <tr className={className} {...props}>\n              {children}\n            </tr>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          th: ({ node, children, className, ref: _ref, ...props }) => (\n            <th className={className} {...props}>\n              {children}\n            </th>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          td: ({ node, children, className, ref: _ref, ...props }) => (\n            <td className={className} {...props}>\n              {children}\n            </td>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          blockquote: ({ node, children, className, ref: _ref, ...props }) => (\n            <blockquote className={classNames(className)} {...props}>\n              {children}\n            </blockquote>\n          ),\n          code: ({ node, className, children: codeChildren, ...props }) => {\n            const isInline =\n              node?.position?.start.line === node?.position?.end.line;\n\n            const nodeClassNamesRaw = node?.properties?.className;\n            const nodeClassNamesArray: string[] = [];\n\n            if (typeof nodeClassNamesRaw === 'string') {\n              nodeClassNamesArray.push.apply(\n                nodeClassNamesArray,\n                nodeClassNamesRaw.split(' '),\n              );\n            } else if (Array.isArray(nodeClassNamesRaw)) {\n              nodeClassNamesArray.push.apply(\n                nodeClassNamesArray,\n                nodeClassNamesRaw as string[],\n              );\n            }\n\n            let language: LanguageProp | 'text' = 'text';\n            const rawLanguage = nodeClassNamesArray.find((string: string) =>\n              string.startsWith('language-'),\n            );\n            if (rawLanguage !== undefined) {\n              language =\n                (rawLanguage.replace('language-', '') as LanguageProp) ??\n                'text';\n            }\n            language = (Languages as readonly string[]).includes(language)\n              ? (language as LanguageProp)\n              : 'text';\n            if (isInline) {\n              return (\n                <Code\n                  isRunnable={false}\n                  className={className}\n                  htmlAttributes={props}\n                >\n                  {codeChildren}\n                </Code>\n              );\n            }\n            if (typeof codeChildren === 'string') {\n              // Check if code fences are balanced in the markdown\n              // If there are an odd number of fences, it means there's an unclosed code block\n              const fenceMatches = childrenRef.current.match(/```/g);\n              const fenceCount = fenceMatches ? fenceMatches.length : 0;\n              const hasUnclosedFence = fenceCount % 2 !== 0;\n\n              // Show loading state when there's an unclosed fence (code block is streaming)\n              const isCodeBlockLoading = hasUnclosedFence;\n              return (\n                <CodePreview\n                  key={props.key}\n                  code={codeChildren}\n                  isLoading={isCodeBlockLoading}\n                  language={language}\n                  className={className}\n                  htmlAttributes={{\n                    ...props,\n                  }}\n                />\n              );\n            } else {\n              return <code className={className}>{codeChildren}</code>;\n            }\n          },\n          // oxlint-disable-next-line no-unused-vars\n          pre: ({ node, className, children, ref: _ref, ...props }) => {\n            return (\n              <pre className={className} {...props}>\n                {children}\n              </pre>\n            );\n          },\n          // oxlint-disable-next-line no-unused-vars, id-length\n          p: ({ node: _node, children, className, ref: _ref, ...props }) => (\n            <Typography\n              as=\"p\"\n              variant=\"body-medium\"\n              className={classNames(className)}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          img: ({ node, className, src, alt, ref: _ref, ...props }) => (\n            <img\n              className={classNames(className)}\n              src={src}\n              alt={alt}\n              {...props}\n            />\n          ),\n        }),\n        [],\n      );\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        className={classNames('ndl-ai-response', className)}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <Streamdown\n          isAnimating={isAnimating}\n          parseIncompleteMarkdown={isAnimating}\n          components={components}\n        >\n          {children}\n        </Streamdown>\n      </div>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nResponse.displayName = 'Response';\n\nexport { Response };\n"]}
+{"version":3,"file":"Response.js","sourceRoot":"","sources":["../../../../src/ai/response/Response.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\n// oxlint-disable sort-keys\nimport { Code, TextLink, Typography } from '@neo4j-ndl/react';\nimport classNames from 'classnames';\nimport { memo, useMemo, useRef } from 'react';\nimport { defaultRehypePlugins, Streamdown } from 'streamdown';\n\nimport { type CommonProps } from '../../_common/types';\nimport { type LanguageProp, Languages } from '../../code-block/code-languages';\nimport { CodePreview } from '../code-preview';\n\nconst STREAMDOWN_PLACEHOLDER_PROTOCOL = 'streamdown:';\n\nconst CLOBBER_PREFIX = 'user-content-';\nconst CLOBBERABLE_PROPERTIES = [\n  'id',\n  'name',\n  'ariaDescribedBy',\n  'ariaLabelledBy',\n];\n\ntype HastNode = {\n  type: string;\n  properties?: Record<string, unknown>;\n  children?: HastNode[];\n};\n\nconst prefixClobberValue = (value: unknown) =>\n  typeof value === 'string' && !value.startsWith(CLOBBER_PREFIX)\n    ? `${CLOBBER_PREFIX}${value}`\n    : value;\n\nconst prefixClobberableProperties = (node: HastNode) => {\n  if (node.type === 'element' && node.properties !== undefined) {\n    for (const key of CLOBBERABLE_PROPERTIES) {\n      const value = node.properties[key];\n      if (value === undefined || value === null) {\n        continue;\n      }\n      node.properties[key] = Array.isArray(value)\n        ? value.map(prefixClobberValue)\n        : prefixClobberValue(value);\n    }\n  }\n  node.children?.forEach(prefixClobberableProperties);\n};\n\n/**\n * Streamdown 2 sanitizes with an empty `clobberPrefix`, which lets ids and\n * names from model output collide with the host document (DOM clobbering).\n * Prefixing after sanitization keeps already prefixed footnote ids intact.\n */\nconst rehypePrefixClobberableProperties = () => prefixClobberableProperties;\n\nconst rehypePlugins = [\n  ...Object.values(defaultRehypePlugins),\n  rehypePrefixClobberableProperties,\n];\n\ntype ResponseProps = {\n  /** The response from the AI */\n  children: string;\n  /** Whether the response is animating */\n  isAnimating?: React.ComponentProps<typeof Streamdown>['isAnimating'];\n};\n\n/**\n * The component is used to display the response from an LLM.\n * It handles markdown rendering and streaming.\n *\n * @alpha - Changes to this component may be breaking.\n */\nconst Response = memo(\n  ({\n    className,\n    children,\n    isAnimating = false,\n    ref,\n    style,\n    htmlAttributes,\n    ...restProps\n  }: CommonProps<'div', ResponseProps>) => {\n    // Use a ref to store the current markdown content so we can check for unclosed fences\n    // without recreating the components object on every render\n    const childrenRef = useRef(children);\n    childrenRef.current = children;\n\n    const components: React.ComponentProps<typeof Streamdown>['components'] =\n      useMemo(\n        () => ({\n          // oxlint-disable-next-line no-unused-vars\n          ol: ({ node, children, className, ref: _ref, ...props }) => (\n            <ol className={className} {...props}>\n              {children}\n            </ol>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          ul: ({ node, children, className, ref: _ref, ...props }) => (\n            <ul className={classNames(className)} {...props}>\n              {children}\n            </ul>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          li: ({ node, children, className, ref: _ref, ...props }) => (\n            <li className={className} {...props}>\n              {children}\n            </li>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          hr: ({ node, className, ref: _ref, ...props }) => (\n            <hr className={classNames(className)} {...props} />\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          strong: ({\n            node: _node,\n            children,\n            className,\n            style,\n            ref: _ref,\n            ...props\n          }) => (\n            <Typography\n              as=\"strong\"\n              variant=\"body-medium\"\n              className={className}\n              style={{ ...style, fontWeight: 'bold' }}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          em: ({ node, children, className, style, ref: _ref, ...props }) => (\n            <Typography\n              as=\"em\"\n              variant=\"body-medium\"\n              className={className}\n              style={{ ...style, fontStyle: 'italic' }}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          // oxlint-disable-next-line no-unused-vars, id-length\n          a: ({ node: _node, children, className, href, ...props }) => {\n            // Streamdown marks links whose URL is still streaming with a placeholder href\n            if (href?.startsWith(STREAMDOWN_PLACEHOLDER_PROTOCOL) === true) {\n              return <span className={className}>{children}</span>;\n            }\n            return (\n              <TextLink\n                type=\"internal\"\n                className={className}\n                href={href}\n                htmlAttributes={props}\n              >\n                {children}\n              </TextLink>\n            );\n          },\n          // oxlint-disable-next-line no-unused-vars\n          h1: ({ node, children, className, ...props }) => (\n            <h1 className={className} {...props}>\n              {children}\n            </h1>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h2: ({ node, children, className, ...props }) => (\n            <h2 className={className} {...props}>\n              {children}\n            </h2>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h3: ({ node, children, className, ...props }) => (\n            <h3 className={className} {...props}>\n              {children}\n            </h3>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h4: ({ node, children, className, ...props }) => (\n            <h4 className={className} {...props}>\n              {children}\n            </h4>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h5: ({ node, children, className, ...props }) => (\n            <h5 className={className} {...props}>\n              {children}\n            </h5>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          h6: ({ node, children, className, ...props }) => (\n            <h6 className={className} {...props}>\n              {children}\n            </h6>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          table: ({ node, children, className, ref: _ref, ...props }) => (\n            <div className=\"ndl-ai-response-table-wrapper\">\n              <table className={className} {...props}>\n                {children}\n              </table>\n            </div>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          thead: ({ node, children, className, ref: _ref, ...props }) => (\n            <thead className={className} {...props}>\n              {children}\n            </thead>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          tbody: ({ node, children, className, ref: _ref, ...props }) => (\n            <tbody className={className} {...props}>\n              {children}\n            </tbody>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          tr: ({ node, children, className, ref: _ref, ...props }) => (\n            <tr className={className} {...props}>\n              {children}\n            </tr>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          th: ({ node, children, className, ref: _ref, ...props }) => (\n            <th className={className} {...props}>\n              {children}\n            </th>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          td: ({ node, children, className, ref: _ref, ...props }) => (\n            <td className={className} {...props}>\n              {children}\n            </td>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          sup: ({ node, children, className, ref: _ref, ...props }) => (\n            <sup className={className} {...props}>\n              {children}\n            </sup>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          sub: ({ node, children, className, ref: _ref, ...props }) => (\n            <sub className={className} {...props}>\n              {children}\n            </sub>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          blockquote: ({ node, children, className, ref: _ref, ...props }) => (\n            <blockquote className={classNames(className)} {...props}>\n              {children}\n            </blockquote>\n          ),\n          code: ({ node, className, children: codeChildren, ...props }) => {\n            const isInline =\n              node?.position?.start.line === node?.position?.end.line;\n\n            const nodeClassNamesRaw = node?.properties?.className;\n            const nodeClassNamesArray: string[] = [];\n\n            if (typeof nodeClassNamesRaw === 'string') {\n              nodeClassNamesArray.push.apply(\n                nodeClassNamesArray,\n                nodeClassNamesRaw.split(' '),\n              );\n            } else if (Array.isArray(nodeClassNamesRaw)) {\n              nodeClassNamesArray.push.apply(\n                nodeClassNamesArray,\n                nodeClassNamesRaw as string[],\n              );\n            }\n\n            let language: LanguageProp | 'text' = 'text';\n            const rawLanguage = nodeClassNamesArray.find((string: string) =>\n              string.startsWith('language-'),\n            );\n            if (rawLanguage !== undefined) {\n              language =\n                (rawLanguage.replace('language-', '') as LanguageProp) ??\n                'text';\n            }\n            language = (Languages as readonly string[]).includes(language)\n              ? (language as LanguageProp)\n              : 'text';\n            if (isInline) {\n              return (\n                <Code\n                  isRunnable={false}\n                  className={className}\n                  htmlAttributes={props}\n                >\n                  {codeChildren}\n                </Code>\n              );\n            }\n            if (typeof codeChildren === 'string') {\n              // Check if code fences are balanced in the markdown\n              // If there are an odd number of fences, it means there's an unclosed code block\n              const fenceMatches = childrenRef.current.match(/```/g);\n              const fenceCount = fenceMatches ? fenceMatches.length : 0;\n              const hasUnclosedFence = fenceCount % 2 !== 0;\n\n              // Show loading state when there's an unclosed fence (code block is streaming)\n              const isCodeBlockLoading = hasUnclosedFence;\n              return (\n                <CodePreview\n                  key={props.key}\n                  code={codeChildren}\n                  isLoading={isCodeBlockLoading}\n                  language={language}\n                  className={className}\n                  htmlAttributes={{\n                    ...props,\n                  }}\n                />\n              );\n            } else {\n              return <code className={className}>{codeChildren}</code>;\n            }\n          },\n          // oxlint-disable-next-line no-unused-vars\n          pre: ({ node, className, children, ref: _ref, ...props }) => {\n            return (\n              <pre className={className} {...props}>\n                {children}\n              </pre>\n            );\n          },\n          // oxlint-disable-next-line no-unused-vars, id-length\n          p: ({ node: _node, children, className, ref: _ref, ...props }) => (\n            <Typography\n              as=\"p\"\n              variant=\"body-medium\"\n              className={classNames(className)}\n              {...props}\n            >\n              {children}\n            </Typography>\n          ),\n          // oxlint-disable-next-line no-unused-vars\n          img: ({ node, className, src, alt, ref: _ref, ...props }) => {\n            if (\n              typeof src === 'string' &&\n              src.startsWith(STREAMDOWN_PLACEHOLDER_PROTOCOL)\n            ) {\n              return null;\n            }\n            return (\n              <img\n                className={classNames(className)}\n                src={src}\n                alt={alt}\n                {...props}\n              />\n            );\n          },\n        }),\n        [],\n      );\n\n    return (\n      <div\n        ref={ref}\n        style={style}\n        className={classNames('ndl-ai-response', className)}\n        {...restProps}\n        {...htmlAttributes}\n      >\n        <Streamdown\n          isAnimating={isAnimating}\n          parseIncompleteMarkdown={isAnimating}\n          components={components}\n          rehypePlugins={rehypePlugins}\n        >\n          {children}\n        </Streamdown>\n      </div>\n    );\n  },\n  (prevProps, nextProps) => prevProps.children === nextProps.children,\n);\n\nResponse.displayName = 'Response';\n\nexport { Response };\n"]}

package/lib/esm/ai/response/stories/response-fixtures.js

@@ -0,0 +1,83 @@
+/*!
+ *
+ *  Copyright (c) "Neo4j"
+ *  Neo4j Sweden AB [http://neo4j.com]
+ *
+ *  This file is part of Neo4j.
+ *
+ *  Neo4j is free software: you can redistribute it and/or modify
+ *  it under the terms of the GNU General Public License as published by
+ *  the Free Software Foundation, either version 3 of the License, or
+ *  (at your option) any later version.
+ *
+ *  This program is distributed in the hope that it will be useful,
+ *  but WITHOUT ANY WARRANTY; without even the implied warranty of
+ *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
+ *  GNU General Public License for more details.
+ *
+ *  You should have received a copy of the GNU General Public License
+ *  along with this program.  If not, see <http://www.gnu.org/licenses/>.
+ */
+// oxlint-disable sort-keys
+// Markdown inputs shared by the Response unit and Playwright tests.
+// Images use data URIs so tests do not depend on the network.
+const PIXEL_SVG = 'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMDE0MDYzIi8+PC9zdmc+';
+export const responseFixtures = {
+    basicFormatting: `# Heading 1
+
+## Heading 2
+
+A paragraph with **bold**, *italic* and \`inline code\`.
+
+> A blockquote
+
+---
+
+- Item 1
+- Item 2
+
+1. First
+2. Second`,
+    links: `- [Absolute link](https://neo4j.com/docs/)
+- [Fragment with underscore](https://neo4j.com/docs/aura/#_what_is_aura)
+- [Relative link](/docs/getting-started)
+- [Mail link](mailto:hello@example.com)
+- [Script link](javascript:alert(1))
+- Bare URL https://neo4j.com/product/`,
+    image: `![Data image](${PIXEL_SVG})`,
+    table: `| Item | In Stock | Price |
+| :--- | :------: | ----: |
+| Hat  |   True   | 23.99 |
+| Tee  |  False   | 19.99 |`,
+    codeSupported: `\`\`\`cypher
+MATCH (n:Movie) RETURN n.title LIMIT 10
+\`\`\``,
+    codeUnknownLanguage: `\`\`\`brainfuck
+++++++++[>++++<-]>.
+\`\`\``,
+    mermaid: `\`\`\`mermaid
+graph TD
+  A[Start] --> B[End]
+\`\`\``,
+    math: `Inline math $x^2 + y^2 = z^2$ in a sentence.
+
+$$
+E = mc^2
+$$`,
+    rawHtml: `Before <b>bold html</b> after.
+
+<script>window.hasNdlResponseXss = true;</script>
+
+<img src="x" onerror="window.hasNdlResponseXss = true" alt="html image" />`,
+    clobbering: `<a id="x" name="ndl-host-link" href="https://neo4j.com/">raw link</a> <img id="ndl-host-logo" name="ndl-host-image" src="/raw-image.png" alt="raw image" />
+
+<h2 id="ndl-host-title">Raw heading</h2>
+
+A footnote reference[^1].
+
+[^1]: The footnote.`,
+    incompleteLink: `Read more in [the docs](https://neo4j.com/do`,
+    incompleteImage: `Look at this ![Partial image](https://exa`,
+    incompleteBold: `This is **unfinished bold`,
+};
+//# sourceMappingURL=response-fixtures.js.map

package/lib/esm/ai/response/stories/response-fixtures.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"response-fixtures.js","sourceRoot":"","sources":["../../../../../src/ai/response/stories/response-fixtures.ts"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,2BAA2B;AAC3B,oEAAoE;AACpE,8DAA8D;AAE9D,MAAM,SAAS,GACb,oLAAoL,CAAC;AAEvL,MAAM,CAAC,MAAM,gBAAgB,GAAG;IAC9B,eAAe,EAAE;;;;;;;;;;;;;;UAcT;IAER,KAAK,EAAE;;;;;sCAK6B;IAEpC,KAAK,EAAE,iBAAiB,SAAS,GAAG;IAEpC,KAAK,EAAE;;;4BAGmB;IAE1B,aAAa,EAAE;;OAEV;IAEL,mBAAmB,EAAE;;OAEhB;IAEL,OAAO,EAAE;;;OAGJ;IAEL,IAAI,EAAE;;;;GAIL;IAED,OAAO,EAAE;;;;2EAIgE;IAEzE,UAAU,EAAE;;;;;;oBAMM;IAElB,cAAc,EAAE,8CAA8C;IAE9D,eAAe,EAAE,2CAA2C;IAE5D,cAAc,EAAE,2BAA2B;CACnC,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\n// oxlint-disable sort-keys\n// Markdown inputs shared by the Response unit and Playwright tests.\n// Images use data URIs so tests do not depend on the network.\n\nconst PIXEL_SVG =\n  'data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNiI+PHJlY3Qgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2IiBmaWxsPSIjMDE0MDYzIi8+PC9zdmc+';\n\nexport const responseFixtures = {\n  basicFormatting: `# Heading 1\n\n## Heading 2\n\nA paragraph with **bold**, *italic* and \\`inline code\\`.\n\n> A blockquote\n\n---\n\n- Item 1\n- Item 2\n\n1. First\n2. Second`,\n\n  links: `- [Absolute link](https://neo4j.com/docs/)\n- [Fragment with underscore](https://neo4j.com/docs/aura/#_what_is_aura)\n- [Relative link](/docs/getting-started)\n- [Mail link](mailto:hello@example.com)\n- [Script link](javascript:alert(1))\n- Bare URL https://neo4j.com/product/`,\n\n  image: `![Data image](${PIXEL_SVG})`,\n\n  table: `| Item | In Stock | Price |\n| :--- | :------: | ----: |\n| Hat  |   True   | 23.99 |\n| Tee  |  False   | 19.99 |`,\n\n  codeSupported: `\\`\\`\\`cypher\nMATCH (n:Movie) RETURN n.title LIMIT 10\n\\`\\`\\``,\n\n  codeUnknownLanguage: `\\`\\`\\`brainfuck\n++++++++[>++++<-]>.\n\\`\\`\\``,\n\n  mermaid: `\\`\\`\\`mermaid\ngraph TD\n  A[Start] --> B[End]\n\\`\\`\\``,\n\n  math: `Inline math $x^2 + y^2 = z^2$ in a sentence.\n\n$$\nE = mc^2\n$$`,\n\n  rawHtml: `Before <b>bold html</b> after.\n\n<script>window.hasNdlResponseXss = true;</script>\n\n<img src=\"x\" onerror=\"window.hasNdlResponseXss = true\" alt=\"html image\" />`,\n\n  clobbering: `<a id=\"x\" name=\"ndl-host-link\" href=\"https://neo4j.com/\">raw link</a> <img id=\"ndl-host-logo\" name=\"ndl-host-image\" src=\"/raw-image.png\" alt=\"raw image\" />\n\n<h2 id=\"ndl-host-title\">Raw heading</h2>\n\nA footnote reference[^1].\n\n[^1]: The footnote.`,\n\n  incompleteLink: `Read more in [the docs](https://neo4j.com/do`,\n\n  incompleteImage: `Look at this ![Partial image](https://exa`,\n\n  incompleteBold: `This is **unfinished bold`,\n} as const;\n\nexport type ResponseFixtureName = keyof typeof responseFixtures;\n"]}

package/lib/esm/ai/response/stories/response-full-example.story.js

@@ -139,7 +139,7 @@ export const Component = () => {
             }, 50);
         }, 2000);
     };
-    return (_jsx("section", { className: "n-h-screen", children: _jsxs("div", { className: "n-w-[440px] n-h-full n-flex n-flex-col n-bg-neutral-bg-weak", children: [_jsx("div", { className: "n-flex n-flex-row n-border-b n-border-neutral-border-weak n-p-3", children: _jsxs("div", { className: "n-ml-auto", children: [_jsx(CleanIconButton, { description: "settings", tooltipProps: {}, children: _jsx(Cog6ToothIconOutline, {}) }), _jsx(CleanIconButton, { description: "close", children: _jsx(XMarkIconOutline, {}) })] }) }), _jsx("div", { className: "n-p-4 n-flex n-flex-col n-grow n-overflow-y-auto", children: messages.length === 0 ? (_jsx("div", { className: "n-flex n-flex-col ", children: _jsxs("div", { className: "n-flex n-flex-col n-gap-12", children: [_jsx(Typography, { variant: "display", children: "Hi [User], how can I help you today?" }), _jsxs("div", { className: "n-flex n-flex-col n-gap-4", children: [_jsx(Typography, { variant: "body-medium", children: "Suggestions" }), _jsx(Suggestion, { isPrimary: true, onClick: () => {
+    return (_jsx("section", { className: "h-screen", children: _jsxs("div", { className: "w-[440px] h-full flex flex-col bg-neutral-bg-weak", children: [_jsx("div", { className: "flex flex-row border-b border-neutral-border-weak p-3", children: _jsxs("div", { className: "ml-auto", children: [_jsx(CleanIconButton, { description: "settings", tooltipProps: {}, children: _jsx(Cog6ToothIconOutline, {}) }), _jsx(CleanIconButton, { description: "close", children: _jsx(XMarkIconOutline, {}) })] }) }), _jsx("div", { className: "p-4 flex flex-col grow overflow-y-auto", children: messages.length === 0 ? (_jsx("div", { className: "flex flex-col ", children: _jsxs("div", { className: "flex flex-col gap-12", children: [_jsx(Typography, { variant: "display", children: "Hi [User], how can I help you today?" }), _jsxs("div", { className: "flex flex-col gap-4", children: [_jsx(Typography, { variant: "body-medium", children: "Suggestions" }), _jsx(Suggestion, { isPrimary: true, onClick: () => {
                                                 handleSend('I want to import data');
                                             }, children: "I want to import data" }), _jsx(Suggestion, { onClick: () => {
                                                 handleSend('Create an AI agent');
@@ -147,10 +147,10 @@ export const Component = () => {
                                                 handleSend('Invite project members');
                                             }, children: "Invite project members" }), _jsx(Suggestion, { onClick: () => {
                                                 handleSend('Generate a report');
-                                            }, children: "Generate a report" })] }), _jsxs(Typography, { variant: "body-medium", children: ["You can also drag and drop files here, or", ' ', _jsx(TextLink, { as: "button", type: "internal-underline", children: "browse" }), ". Supports CVG, MOV, PDF"] })] }) })) : (_jsxs("div", { className: "n-flex n-flex-col n-gap-4 n-pb-4", children: [messages.map((msg, idx) => (_jsx("div", { className: `n-flex ${msg.role === 'user' ? 'n-justify-end' : 'n-justify-start'}`, children: msg.role === 'user' ? (_jsx("div", { className: "n-max-w-[85%]", children: _jsx(UserBubble, { avatarProps: {
+                                            }, children: "Generate a report" })] }), _jsxs(Typography, { variant: "body-medium", children: ["You can also drag and drop files here, or", ' ', _jsx(TextLink, { as: "button", type: "internal", children: "browse" }), ". Supports CVG, MOV, PDF"] })] }) })) : (_jsxs("div", { className: "flex flex-col gap-4 pb-4", children: [messages.map((msg, idx) => (_jsx("div", { className: `flex ${msg.role === 'user' ? 'justify-end' : 'justify-start'}`, children: msg.role === 'user' ? (_jsx("div", { className: "max-w-[85%]", children: _jsx(UserBubble, { avatarProps: {
                                             name: 'NM',
                                             type: 'letters',
-                                        }, children: msg.content }) })) : (_jsxs("div", { className: "n-w-full n-flex n-flex-col n-gap-2", children: [msg.thinkingTime !== undefined && (_jsx(Thinking, { isThinking: false, thinkingMs: msg.thinkingTime })), _jsxs("div", { className: "n-flex n-flex-col n-gap-2", children: [_jsx(Response, { children: msg.content }), msg.isDone === true && (_jsxs("div", { className: "n-flex n-flex-row n-gap-1.5", children: [_jsx(CleanIconButton, { size: "small", description: "Dislike", children: _jsx(HandThumbDownIconOutline, {}) }), _jsx(CleanIconButton, { size: "small", description: "Re-run", children: _jsx(ArrowPathIconOutline, {}) }), _jsx(CleanIconButton, { size: "small", description: "Copy", children: _jsx(Square2StackIconOutline, {}) })] }))] })] })) }, idx))), isThinking && _jsx(Thinking, { isThinking: true }), _jsx("div", { ref: messagesEndRef })] })) }), _jsx("div", { className: "n-px-4 n-pt-4 n-pb-1 n-mt-auto", children: _jsx(Prompt, { value: prompt, onChange: (event) => setPrompt(event.target.value), onSubmitPrompt: () => handleSend(), onCancelPrompt: handleCancel, isRunningPrompt: isThinking || isStreaming, isSubmitDisabled: prompt.length === 0 && !(isThinking || isStreaming), bottomContent: _jsx(CleanIconButton, { description: "Add files", size: "small", children: _jsx(PlusIconOutline, {}) }) }) })] }) }));
+                                        }, children: msg.content }) })) : (_jsxs("div", { className: "w-full flex flex-col gap-2", children: [msg.thinkingTime !== undefined && (_jsx(Thinking, { isThinking: false, thinkingMs: msg.thinkingTime })), _jsxs("div", { className: "flex flex-col gap-2", children: [_jsx(Response, { children: msg.content }), msg.isDone === true && (_jsxs("div", { className: "flex flex-row gap-1.5", children: [_jsx(CleanIconButton, { size: "small", description: "Dislike", children: _jsx(HandThumbDownIconOutline, {}) }), _jsx(CleanIconButton, { size: "small", description: "Re-run", children: _jsx(ArrowPathIconOutline, {}) }), _jsx(CleanIconButton, { size: "small", description: "Copy", children: _jsx(Square2StackIconOutline, {}) })] }))] })] })) }, idx))), isThinking && _jsx(Thinking, { isThinking: true }), _jsx("div", { ref: messagesEndRef })] })) }), _jsx("div", { className: "px-4 pt-4 pb-1 mt-auto", children: _jsx(Prompt, { value: prompt, onChange: (event) => setPrompt(event.target.value), onSubmitPrompt: () => handleSend(), onCancelPrompt: handleCancel, isRunningPrompt: isThinking || isStreaming, isSubmitDisabled: prompt.length === 0 && !(isThinking || isStreaming), bottomContent: _jsx(CleanIconButton, { description: "Add files", size: "small", children: _jsx(PlusIconOutline, {}) }) }) })] }) }));
 };
 export default Component;
 //# sourceMappingURL=response-full-example.story.js.map

package/lib/esm/ai/response/stories/response-full-example.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"response-full-example.story.js","sourceRoot":"","sources":["../../../../../src/ai/response/stories/response-full-example.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { CleanIconButton, TextLink, Typography } from '@neo4j-ndl/react';\nimport {\n  Prompt,\n  Response,\n  Suggestion,\n  Thinking,\n  UserBubble,\n} from '@neo4j-ndl/react/ai';\nimport {\n  ArrowPathIconOutline,\n  Cog6ToothIconOutline,\n  HandThumbDownIconOutline,\n  PlusIconOutline,\n  Square2StackIconOutline,\n  XMarkIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { useEffect, useRef, useState } from 'react';\n\nconst FAKE_RESPONSES = [\n  `Here is a simple response with some **bold text** and *italics*.`,\n  `Here is a list of items:\n- Item 1\n- Item 2\n- Item 3`,\n  `Here is a code block example:\n\n\\`\\`\\`typescript\nconst greeting = \"Hello World\";\nconsole.log(greeting);\n\\`\\`\\`\n`,\n  `# Heading 1\n## Heading 2\n### Heading 3\n\nSome text under headings.`,\n  `You can also use tables:\n\n| Header 1 | Header 2 |\n|Data 1|Data 2|\n|Data 3|Data 4|\n`,\n];\n\nexport const Component = () => {\n  const [messages, setMessages] = useState<\n    {\n      role: 'user' | 'assistant';\n      content: string;\n      thinkingTime?: number;\n      isDone?: boolean;\n    }[]\n  >([]);\n  const [prompt, setPrompt] = useState('');\n  const [isThinking, setIsThinking] = useState(false);\n  const [isStreaming, setIsStreaming] = useState(false);\n  const [responseIndex, setResponseIndex] = useState(0);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  const scrollToBottom = () => {\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [messages, isThinking]);\n\n  const handleCancel = () => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n    }\n    setIsThinking(false);\n    setIsStreaming(false);\n\n    // Mark the last message as done if stopped\n    setMessages((prev) => {\n      const newMessages = [...prev];\n      const lastMessage = newMessages[newMessages.length - 1];\n      if (lastMessage?.role === 'assistant') {\n        lastMessage.isDone = true;\n      }\n      return newMessages;\n    });\n  };\n\n  const handleSend = (overridePrompt?: string) => {\n    const textToSend = overridePrompt || prompt;\n\n    if (!textToSend.trim()) {\n      return;\n    }\n\n    setMessages((prev) => [...prev, { content: textToSend, role: 'user' }]);\n    setPrompt('');\n    setIsThinking(true);\n    const startTime = Date.now();\n\n    // Simulate network delay (thinking time)\n    timeoutRef.current = setTimeout(() => {\n      const endTime = Date.now();\n      const thinkingTime = endTime - startTime;\n      setIsThinking(false);\n      setIsStreaming(true);\n\n      const responseText = FAKE_RESPONSES[responseIndex];\n      setResponseIndex((prev) => (prev + 1) % FAKE_RESPONSES.length);\n\n      let currentText = '';\n      setMessages((prev) => [\n        ...prev,\n        { content: '', isDone: false, role: 'assistant', thinkingTime },\n      ]);\n\n      // Simulate streaming\n      intervalRef.current = setInterval(() => {\n        if (currentText.length < responseText.length) {\n          // Add a few characters at a time to simulate chunks\n          // Ensure we don't split newlines incorrectly if that's an issue,\n          // but simple slicing should be fine as long as the source has \\n.\n          const chunk = responseText.slice(\n            currentText.length,\n            currentText.length + 2,\n          );\n          currentText += chunk;\n\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            const lastMessage = newMessages[newMessages.length - 1];\n            if (lastMessage.role === 'assistant') {\n              lastMessage.content = currentText;\n            }\n            return newMessages;\n          });\n        } else {\n          if (intervalRef.current) {\n            clearInterval(intervalRef.current);\n          }\n          setIsStreaming(false);\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            const lastMessage = newMessages[newMessages.length - 1];\n            if (lastMessage.role === 'assistant') {\n              lastMessage.isDone = true;\n            }\n            return newMessages;\n          });\n        }\n      }, 50);\n    }, 2000);\n  };\n\n  return (\n    <section className=\"n-h-screen\">\n      <div className=\"n-w-[440px] n-h-full n-flex n-flex-col n-bg-neutral-bg-weak\">\n        <div className=\"n-flex n-flex-row n-border-b n-border-neutral-border-weak n-p-3\">\n          <div className=\"n-ml-auto\">\n            <CleanIconButton description=\"settings\" tooltipProps={{}}>\n              <Cog6ToothIconOutline />\n            </CleanIconButton>\n            <CleanIconButton description=\"close\">\n              <XMarkIconOutline />\n            </CleanIconButton>\n          </div>\n        </div>\n        <div className=\"n-p-4 n-flex n-flex-col n-grow n-overflow-y-auto\">\n          {messages.length === 0 ? (\n            <div className=\"n-flex n-flex-col \">\n              <div className=\"n-flex n-flex-col n-gap-12\">\n                <Typography variant=\"display\">\n                  Hi [User], how can I help you today?\n                </Typography>\n                <div className=\"n-flex n-flex-col n-gap-4\">\n                  <Typography variant=\"body-medium\">Suggestions</Typography>\n                  <Suggestion\n                    isPrimary\n                    onClick={() => {\n                      handleSend('I want to import data');\n                    }}\n                  >\n                    I want to import data\n                  </Suggestion>\n                  <Suggestion\n                    onClick={() => {\n                      handleSend('Create an AI agent');\n                    }}\n                  >\n                    Create an AI agent\n                  </Suggestion>\n                  <Suggestion\n                    onClick={() => {\n                      handleSend('Invite project members');\n                    }}\n                  >\n                    Invite project members\n                  </Suggestion>\n                  <Suggestion\n                    onClick={() => {\n                      handleSend('Generate a report');\n                    }}\n                  >\n                    Generate a report\n                  </Suggestion>\n                </div>\n                <Typography variant=\"body-medium\">\n                  You can also drag and drop files here, or{' '}\n                  <TextLink as=\"button\" type=\"internal-underline\">\n                    browse\n                  </TextLink>\n                  . Supports CVG, MOV, PDF\n                </Typography>\n              </div>\n            </div>\n          ) : (\n            <div className=\"n-flex n-flex-col n-gap-4 n-pb-4\">\n              {messages.map((msg, idx) => (\n                <div\n                  key={idx}\n                  className={`n-flex ${\n                    msg.role === 'user' ? 'n-justify-end' : 'n-justify-start'\n                  }`}\n                >\n                  {msg.role === 'user' ? (\n                    <div className=\"n-max-w-[85%]\">\n                      <UserBubble\n                        avatarProps={{\n                          name: 'NM',\n                          type: 'letters',\n                        }}\n                      >\n                        {msg.content}\n                      </UserBubble>\n                    </div>\n                  ) : (\n                    <div className=\"n-w-full n-flex n-flex-col n-gap-2\">\n                      {msg.thinkingTime !== undefined && (\n                        <Thinking\n                          isThinking={false}\n                          thinkingMs={msg.thinkingTime}\n                        />\n                      )}\n                      <div className=\"n-flex n-flex-col n-gap-2\">\n                        <Response>{msg.content}</Response>\n\n                        {msg.isDone === true && (\n                          <div className=\"n-flex n-flex-row n-gap-1.5\">\n                            <CleanIconButton size=\"small\" description=\"Dislike\">\n                              <HandThumbDownIconOutline />\n                            </CleanIconButton>\n                            <CleanIconButton size=\"small\" description=\"Re-run\">\n                              <ArrowPathIconOutline />\n                            </CleanIconButton>\n                            <CleanIconButton size=\"small\" description=\"Copy\">\n                              <Square2StackIconOutline />\n                            </CleanIconButton>\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                  )}\n                </div>\n              ))}\n              {isThinking && <Thinking isThinking={true} />}\n              <div ref={messagesEndRef} />\n            </div>\n          )}\n        </div>\n        <div className=\"n-px-4 n-pt-4 n-pb-1 n-mt-auto\">\n          <Prompt\n            value={prompt}\n            onChange={(event) => setPrompt(event.target.value)}\n            onSubmitPrompt={() => handleSend()}\n            onCancelPrompt={handleCancel}\n            isRunningPrompt={isThinking || isStreaming}\n            isSubmitDisabled={\n              prompt.length === 0 && !(isThinking || isStreaming)\n            }\n            bottomContent={\n              <CleanIconButton description=\"Add files\" size=\"small\">\n                <PlusIconOutline />\n              </CleanIconButton>\n            }\n          />\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"response-full-example.story.js","sourceRoot":"","sources":["../../../../../src/ai/response/stories/response-full-example.story.tsx"],"names":[],"mappings":"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","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\nimport { CleanIconButton, TextLink, Typography } from '@neo4j-ndl/react';\nimport {\n  Prompt,\n  Response,\n  Suggestion,\n  Thinking,\n  UserBubble,\n} from '@neo4j-ndl/react/ai';\nimport {\n  ArrowPathIconOutline,\n  Cog6ToothIconOutline,\n  HandThumbDownIconOutline,\n  PlusIconOutline,\n  Square2StackIconOutline,\n  XMarkIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { useEffect, useRef, useState } from 'react';\n\nconst FAKE_RESPONSES = [\n  `Here is a simple response with some **bold text** and *italics*.`,\n  `Here is a list of items:\n- Item 1\n- Item 2\n- Item 3`,\n  `Here is a code block example:\n\n\\`\\`\\`typescript\nconst greeting = \"Hello World\";\nconsole.log(greeting);\n\\`\\`\\`\n`,\n  `# Heading 1\n## Heading 2\n### Heading 3\n\nSome text under headings.`,\n  `You can also use tables:\n\n| Header 1 | Header 2 |\n|Data 1|Data 2|\n|Data 3|Data 4|\n`,\n];\n\nexport const Component = () => {\n  const [messages, setMessages] = useState<\n    {\n      role: 'user' | 'assistant';\n      content: string;\n      thinkingTime?: number;\n      isDone?: boolean;\n    }[]\n  >([]);\n  const [prompt, setPrompt] = useState('');\n  const [isThinking, setIsThinking] = useState(false);\n  const [isStreaming, setIsStreaming] = useState(false);\n  const [responseIndex, setResponseIndex] = useState(0);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n  const timeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const intervalRef = useRef<NodeJS.Timeout | null>(null);\n\n  const scrollToBottom = () => {\n    messagesEndRef.current?.scrollIntoView({ behavior: 'smooth' });\n  };\n\n  useEffect(() => {\n    scrollToBottom();\n  }, [messages, isThinking]);\n\n  const handleCancel = () => {\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current);\n    }\n    if (intervalRef.current) {\n      clearInterval(intervalRef.current);\n    }\n    setIsThinking(false);\n    setIsStreaming(false);\n\n    // Mark the last message as done if stopped\n    setMessages((prev) => {\n      const newMessages = [...prev];\n      const lastMessage = newMessages[newMessages.length - 1];\n      if (lastMessage?.role === 'assistant') {\n        lastMessage.isDone = true;\n      }\n      return newMessages;\n    });\n  };\n\n  const handleSend = (overridePrompt?: string) => {\n    const textToSend = overridePrompt || prompt;\n\n    if (!textToSend.trim()) {\n      return;\n    }\n\n    setMessages((prev) => [...prev, { content: textToSend, role: 'user' }]);\n    setPrompt('');\n    setIsThinking(true);\n    const startTime = Date.now();\n\n    // Simulate network delay (thinking time)\n    timeoutRef.current = setTimeout(() => {\n      const endTime = Date.now();\n      const thinkingTime = endTime - startTime;\n      setIsThinking(false);\n      setIsStreaming(true);\n\n      const responseText = FAKE_RESPONSES[responseIndex];\n      setResponseIndex((prev) => (prev + 1) % FAKE_RESPONSES.length);\n\n      let currentText = '';\n      setMessages((prev) => [\n        ...prev,\n        { content: '', isDone: false, role: 'assistant', thinkingTime },\n      ]);\n\n      // Simulate streaming\n      intervalRef.current = setInterval(() => {\n        if (currentText.length < responseText.length) {\n          // Add a few characters at a time to simulate chunks\n          // Ensure we don't split newlines incorrectly if that's an issue,\n          // but simple slicing should be fine as long as the source has \\n.\n          const chunk = responseText.slice(\n            currentText.length,\n            currentText.length + 2,\n          );\n          currentText += chunk;\n\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            const lastMessage = newMessages[newMessages.length - 1];\n            if (lastMessage.role === 'assistant') {\n              lastMessage.content = currentText;\n            }\n            return newMessages;\n          });\n        } else {\n          if (intervalRef.current) {\n            clearInterval(intervalRef.current);\n          }\n          setIsStreaming(false);\n          setMessages((prev) => {\n            const newMessages = [...prev];\n            const lastMessage = newMessages[newMessages.length - 1];\n            if (lastMessage.role === 'assistant') {\n              lastMessage.isDone = true;\n            }\n            return newMessages;\n          });\n        }\n      }, 50);\n    }, 2000);\n  };\n\n  return (\n    <section className=\"h-screen\">\n      <div className=\"w-[440px] h-full flex flex-col bg-neutral-bg-weak\">\n        <div className=\"flex flex-row border-b border-neutral-border-weak p-3\">\n          <div className=\"ml-auto\">\n            <CleanIconButton description=\"settings\" tooltipProps={{}}>\n              <Cog6ToothIconOutline />\n            </CleanIconButton>\n            <CleanIconButton description=\"close\">\n              <XMarkIconOutline />\n            </CleanIconButton>\n          </div>\n        </div>\n        <div className=\"p-4 flex flex-col grow overflow-y-auto\">\n          {messages.length === 0 ? (\n            <div className=\"flex flex-col \">\n              <div className=\"flex flex-col gap-12\">\n                <Typography variant=\"display\">\n                  Hi [User], how can I help you today?\n                </Typography>\n                <div className=\"flex flex-col gap-4\">\n                  <Typography variant=\"body-medium\">Suggestions</Typography>\n                  <Suggestion\n                    isPrimary\n                    onClick={() => {\n                      handleSend('I want to import data');\n                    }}\n                  >\n                    I want to import data\n                  </Suggestion>\n                  <Suggestion\n                    onClick={() => {\n                      handleSend('Create an AI agent');\n                    }}\n                  >\n                    Create an AI agent\n                  </Suggestion>\n                  <Suggestion\n                    onClick={() => {\n                      handleSend('Invite project members');\n                    }}\n                  >\n                    Invite project members\n                  </Suggestion>\n                  <Suggestion\n                    onClick={() => {\n                      handleSend('Generate a report');\n                    }}\n                  >\n                    Generate a report\n                  </Suggestion>\n                </div>\n                <Typography variant=\"body-medium\">\n                  You can also drag and drop files here, or{' '}\n                  <TextLink as=\"button\" type=\"internal\">\n                    browse\n                  </TextLink>\n                  . Supports CVG, MOV, PDF\n                </Typography>\n              </div>\n            </div>\n          ) : (\n            <div className=\"flex flex-col gap-4 pb-4\">\n              {messages.map((msg, idx) => (\n                <div\n                  key={idx}\n                  className={`flex ${\n                    msg.role === 'user' ? 'justify-end' : 'justify-start'\n                  }`}\n                >\n                  {msg.role === 'user' ? (\n                    <div className=\"max-w-[85%]\">\n                      <UserBubble\n                        avatarProps={{\n                          name: 'NM',\n                          type: 'letters',\n                        }}\n                      >\n                        {msg.content}\n                      </UserBubble>\n                    </div>\n                  ) : (\n                    <div className=\"w-full flex flex-col gap-2\">\n                      {msg.thinkingTime !== undefined && (\n                        <Thinking\n                          isThinking={false}\n                          thinkingMs={msg.thinkingTime}\n                        />\n                      )}\n                      <div className=\"flex flex-col gap-2\">\n                        <Response>{msg.content}</Response>\n\n                        {msg.isDone === true && (\n                          <div className=\"flex flex-row gap-1.5\">\n                            <CleanIconButton size=\"small\" description=\"Dislike\">\n                              <HandThumbDownIconOutline />\n                            </CleanIconButton>\n                            <CleanIconButton size=\"small\" description=\"Re-run\">\n                              <ArrowPathIconOutline />\n                            </CleanIconButton>\n                            <CleanIconButton size=\"small\" description=\"Copy\">\n                              <Square2StackIconOutline />\n                            </CleanIconButton>\n                          </div>\n                        )}\n                      </div>\n                    </div>\n                  )}\n                </div>\n              ))}\n              {isThinking && <Thinking isThinking={true} />}\n              <div ref={messagesEndRef} />\n            </div>\n          )}\n        </div>\n        <div className=\"px-4 pt-4 pb-1 mt-auto\">\n          <Prompt\n            value={prompt}\n            onChange={(event) => setPrompt(event.target.value)}\n            onSubmitPrompt={() => handleSend()}\n            onCancelPrompt={handleCancel}\n            isRunningPrompt={isThinking || isStreaming}\n            isSubmitDisabled={\n              prompt.length === 0 && !(isThinking || isStreaming)\n            }\n            bottomContent={\n              <CleanIconButton description=\"Add files\" size=\"small\">\n                <PlusIconOutline />\n              </CleanIconButton>\n            }\n          />\n        </div>\n      </div>\n    </section>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/ai/suggestion/stories/suggestion-sizes.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Suggestion } from '@neo4j-ndl/react/ai';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-row n-gap-token-8", children: [_jsx(Suggestion, { size: "small", children: "This is a small suggestion" }), _jsx(Suggestion, { size: "large", children: "This is a large suggestion" })] }));
+    return (_jsxs("div", { className: "flex flex-row gap-token-8", children: [_jsx(Suggestion, { size: "small", children: "This is a small suggestion" }), _jsx(Suggestion, { size: "large", children: "This is a large suggestion" })] }));
 };
 export default Component;
 //# sourceMappingURL=suggestion-sizes.story.js.map

package/lib/esm/ai/suggestion/stories/suggestion-sizes.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"suggestion-sizes.story.js","sourceRoot":"","sources":["../../../../../src/ai/suggestion/stories/suggestion-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,iCAAiC,aAC9C,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,2CAAwC,EAChE,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,2CAAwC,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Suggestion } from '@neo4j-ndl/react/ai';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-row n-gap-token-8\">\n      <Suggestion size=\"small\">This is a small suggestion</Suggestion>\n      <Suggestion size=\"large\">This is a large suggestion</Suggestion>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"suggestion-sizes.story.js","sourceRoot":"","sources":["../../../../../src/ai/suggestion/stories/suggestion-sizes.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,2BAA2B,aACxC,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,2CAAwC,EAChE,KAAC,UAAU,IAAC,IAAI,EAAC,OAAO,2CAAwC,IAC5D,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Suggestion } from '@neo4j-ndl/react/ai';\n\nconst Component = () => {\n  return (\n    <div className=\"flex flex-row gap-token-8\">\n      <Suggestion size=\"small\">This is a small suggestion</Suggestion>\n      <Suggestion size=\"large\">This is a large suggestion</Suggestion>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/ai/user-bubble/stories/user-bubble-and-files.story.js

@@ -27,7 +27,7 @@ import { useRef, useState } from 'react';
 const Component = () => {
     const [isMenuOpen, setIsMenuOpen] = useState(false);
     const anchorRef = useRef(null);
-    return (_jsx("div", { className: "n-flex n-flex-coln-gap-token-64 n-w-full n-justify-end", children: _jsxs("div", { className: "n-flex n-flex-col n-gap-token-8 n-items-end", children: [_jsx(MoreFiles, { count: 3, isActive: isMenuOpen, onClick: () => setIsMenuOpen(!isMenuOpen), ref: anchorRef }), _jsxs(Menu, { isOpen: isMenuOpen, anchorRef: anchorRef, onClose: () => setIsMenuOpen(false), children: [_jsx(Menu.Item, { leadingVisual: _jsx(DocumentIconOutline, {}), title: "Gardening tips", description: "PDF", onClick: () => alert('Gardening tips') }), _jsx(Menu.Item, { leadingVisual: _jsx(TableCellsIconOutline, {}), title: "TvSeries", description: "CSV", onClick: () => alert('TvSeries') }), _jsx(Menu.Item, { leadingVisual: _jsx(PhotoIconOutline, {}), title: "Family photo", description: "JPG", onClick: () => alert('Family photo') })] }), _jsx(ImageTag, { src: "https://plus.unsplash.com/premium_photo-1676496046182-356a6a0ed002?q=80&w=2952&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Landscape image", fileName: "Landscape image", fileType: "jpg" }), _jsx(FileTag, { icon: _jsx(TableCellsIconOutline, {}), fileName: "MoviesDecade", fileType: "csv" }), _jsx(FileTag, { icon: _jsx(DocumentIconOutline, {}), fileName: "Science Fiction Bestsellers", fileType: "pdf" }), _jsx(UserBubble, { avatarProps: {
+    return (_jsx("div", { className: "flex flex-coln-gap-token-64 w-full justify-end", children: _jsxs("div", { className: "flex flex-col gap-token-8 items-end", children: [_jsx(MoreFiles, { count: 3, isActive: isMenuOpen, onClick: () => setIsMenuOpen(!isMenuOpen), ref: anchorRef }), _jsxs(Menu, { isOpen: isMenuOpen, anchorRef: anchorRef, onClose: () => setIsMenuOpen(false), children: [_jsx(Menu.Item, { leadingVisual: _jsx(DocumentIconOutline, {}), title: "Gardening tips", description: "PDF", onClick: () => alert('Gardening tips') }), _jsx(Menu.Item, { leadingVisual: _jsx(TableCellsIconOutline, {}), title: "TvSeries", description: "CSV", onClick: () => alert('TvSeries') }), _jsx(Menu.Item, { leadingVisual: _jsx(PhotoIconOutline, {}), title: "Family photo", description: "JPG", onClick: () => alert('Family photo') })] }), _jsx(ImageTag, { src: "https://plus.unsplash.com/premium_photo-1676496046182-356a6a0ed002?q=80&w=2952&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D", alt: "Landscape image", fileName: "Landscape image", fileType: "jpg" }), _jsx(FileTag, { icon: _jsx(TableCellsIconOutline, {}), fileName: "MoviesDecade", fileType: "csv" }), _jsx(FileTag, { icon: _jsx(DocumentIconOutline, {}), fileName: "Science Fiction Bestsellers", fileType: "pdf" }), _jsx(UserBubble, { avatarProps: {
                         name: 'KM',
                         source: 'https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=',
                         type: 'image',

package/lib/esm/ai/user-bubble/stories/user-bubble-and-files.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"user-bubble-and-files.story.js","sourceRoot":"","sources":["../../../../../src/ai/user-bubble/stories/user-bubble-and-files.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,cAAK,SAAS,EAAC,wDAAwD,YACrE,eAAK,SAAS,EAAC,6CAA6C,aAC1D,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,GAAG,EAAE,SAAS,GACd,EACF,MAAC,IAAI,IACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAEnC,KAAC,IAAI,CAAC,IAAI,IACR,aAAa,EAAE,KAAC,mBAAmB,KAAG,EACtC,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,GACtC,EACF,KAAC,IAAI,CAAC,IAAI,IACR,aAAa,EAAE,KAAC,qBAAqB,KAAG,EACxC,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAChC,EACF,KAAC,IAAI,CAAC,IAAI,IACR,aAAa,EAAE,KAAC,gBAAgB,KAAG,EACnC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GACpC,IACG,EACP,KAAC,QAAQ,IACP,GAAG,EAAC,8KAA8K,EAClL,GAAG,EAAC,iBAAiB,EACrB,QAAQ,EAAC,iBAAiB,EAC1B,QAAQ,EAAC,KAAK,GACd,EACF,KAAC,OAAO,IACN,IAAI,EAAE,KAAC,qBAAqB,KAAG,EAC/B,QAAQ,EAAC,cAAc,EACvB,QAAQ,EAAC,KAAK,GACd,EACF,KAAC,OAAO,IACN,IAAI,EAAE,KAAC,mBAAmB,KAAG,EAC7B,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,KAAK,GACd,EACF,KAAC,UAAU,IACT,WAAW,EAAE;wBACX,IAAI,EAAE,IAAI;wBACV,MAAM,EACJ,uIAAuI;wBACzI,IAAI,EAAE,OAAO;qBACd,8DAGU,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Menu } from '@neo4j-ndl/react';\nimport { FileTag, ImageTag, MoreFiles, UserBubble } from '@neo4j-ndl/react/ai';\nimport {\n  DocumentIconOutline,\n  PhotoIconOutline,\n  TableCellsIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <div className=\"n-flex n-flex-coln-gap-token-64 n-w-full n-justify-end\">\n      <div className=\"n-flex n-flex-col n-gap-token-8 n-items-end\">\n        <MoreFiles\n          count={3}\n          isActive={isMenuOpen}\n          onClick={() => setIsMenuOpen(!isMenuOpen)}\n          ref={anchorRef}\n        />\n        <Menu\n          isOpen={isMenuOpen}\n          anchorRef={anchorRef}\n          onClose={() => setIsMenuOpen(false)}\n        >\n          <Menu.Item\n            leadingVisual={<DocumentIconOutline />}\n            title=\"Gardening tips\"\n            description=\"PDF\"\n            onClick={() => alert('Gardening tips')}\n          />\n          <Menu.Item\n            leadingVisual={<TableCellsIconOutline />}\n            title=\"TvSeries\"\n            description=\"CSV\"\n            onClick={() => alert('TvSeries')}\n          />\n          <Menu.Item\n            leadingVisual={<PhotoIconOutline />}\n            title=\"Family photo\"\n            description=\"JPG\"\n            onClick={() => alert('Family photo')}\n          />\n        </Menu>\n        <ImageTag\n          src=\"https://plus.unsplash.com/premium_photo-1676496046182-356a6a0ed002?q=80&w=2952&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          alt=\"Landscape image\"\n          fileName=\"Landscape image\"\n          fileType=\"jpg\"\n        />\n        <FileTag\n          icon={<TableCellsIconOutline />}\n          fileName=\"MoviesDecade\"\n          fileType=\"csv\"\n        />\n        <FileTag\n          icon={<DocumentIconOutline />}\n          fileName=\"Science Fiction Bestsellers\"\n          fileType=\"pdf\"\n        />\n        <UserBubble\n          avatarProps={{\n            name: 'KM',\n            source:\n              'https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=',\n            type: 'image',\n          }}\n        >\n          Can you analyse my data and tell me about...?\n        </UserBubble>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"user-bubble-and-files.story.js","sourceRoot":"","sources":["../../../../../src/ai/user-bubble/stories/user-bubble-and-files.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,QAAQ,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAC/E,OAAO,EACL,mBAAmB,EACnB,gBAAgB,EAChB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAChC,OAAO,EAAE,MAAM,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEzC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IACpD,MAAM,SAAS,GAAG,MAAM,CAA2B,IAAI,CAAC,CAAC;IAEzD,OAAO,CACL,cAAK,SAAS,EAAC,gDAAgD,YAC7D,eAAK,SAAS,EAAC,qCAAqC,aAClD,KAAC,SAAS,IACR,KAAK,EAAE,CAAC,EACR,QAAQ,EAAE,UAAU,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,CAAC,UAAU,CAAC,EACzC,GAAG,EAAE,SAAS,GACd,EACF,MAAC,IAAI,IACH,MAAM,EAAE,UAAU,EAClB,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,GAAG,EAAE,CAAC,aAAa,CAAC,KAAK,CAAC,aAEnC,KAAC,IAAI,CAAC,IAAI,IACR,aAAa,EAAE,KAAC,mBAAmB,KAAG,EACtC,KAAK,EAAC,gBAAgB,EACtB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,gBAAgB,CAAC,GACtC,EACF,KAAC,IAAI,CAAC,IAAI,IACR,aAAa,EAAE,KAAC,qBAAqB,KAAG,EACxC,KAAK,EAAC,UAAU,EAChB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,UAAU,CAAC,GAChC,EACF,KAAC,IAAI,CAAC,IAAI,IACR,aAAa,EAAE,KAAC,gBAAgB,KAAG,EACnC,KAAK,EAAC,cAAc,EACpB,WAAW,EAAC,KAAK,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,KAAK,CAAC,cAAc,CAAC,GACpC,IACG,EACP,KAAC,QAAQ,IACP,GAAG,EAAC,8KAA8K,EAClL,GAAG,EAAC,iBAAiB,EACrB,QAAQ,EAAC,iBAAiB,EAC1B,QAAQ,EAAC,KAAK,GACd,EACF,KAAC,OAAO,IACN,IAAI,EAAE,KAAC,qBAAqB,KAAG,EAC/B,QAAQ,EAAC,cAAc,EACvB,QAAQ,EAAC,KAAK,GACd,EACF,KAAC,OAAO,IACN,IAAI,EAAE,KAAC,mBAAmB,KAAG,EAC7B,QAAQ,EAAC,6BAA6B,EACtC,QAAQ,EAAC,KAAK,GACd,EACF,KAAC,UAAU,IACT,WAAW,EAAE;wBACX,IAAI,EAAE,IAAI;wBACV,MAAM,EACJ,uIAAuI;wBACzI,IAAI,EAAE,OAAO;qBACd,8DAGU,IACT,GACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { Menu } from '@neo4j-ndl/react';\nimport { FileTag, ImageTag, MoreFiles, UserBubble } from '@neo4j-ndl/react/ai';\nimport {\n  DocumentIconOutline,\n  PhotoIconOutline,\n  TableCellsIconOutline,\n} from '@neo4j-ndl/react/icons';\nimport { useRef, useState } from 'react';\n\nconst Component = () => {\n  const [isMenuOpen, setIsMenuOpen] = useState(false);\n  const anchorRef = useRef<HTMLButtonElement | null>(null);\n\n  return (\n    <div className=\"flex flex-coln-gap-token-64 w-full justify-end\">\n      <div className=\"flex flex-col gap-token-8 items-end\">\n        <MoreFiles\n          count={3}\n          isActive={isMenuOpen}\n          onClick={() => setIsMenuOpen(!isMenuOpen)}\n          ref={anchorRef}\n        />\n        <Menu\n          isOpen={isMenuOpen}\n          anchorRef={anchorRef}\n          onClose={() => setIsMenuOpen(false)}\n        >\n          <Menu.Item\n            leadingVisual={<DocumentIconOutline />}\n            title=\"Gardening tips\"\n            description=\"PDF\"\n            onClick={() => alert('Gardening tips')}\n          />\n          <Menu.Item\n            leadingVisual={<TableCellsIconOutline />}\n            title=\"TvSeries\"\n            description=\"CSV\"\n            onClick={() => alert('TvSeries')}\n          />\n          <Menu.Item\n            leadingVisual={<PhotoIconOutline />}\n            title=\"Family photo\"\n            description=\"JPG\"\n            onClick={() => alert('Family photo')}\n          />\n        </Menu>\n        <ImageTag\n          src=\"https://plus.unsplash.com/premium_photo-1676496046182-356a6a0ed002?q=80&w=2952&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D\"\n          alt=\"Landscape image\"\n          fileName=\"Landscape image\"\n          fileType=\"jpg\"\n        />\n        <FileTag\n          icon={<TableCellsIconOutline />}\n          fileName=\"MoviesDecade\"\n          fileType=\"csv\"\n        />\n        <FileTag\n          icon={<DocumentIconOutline />}\n          fileName=\"Science Fiction Bestsellers\"\n          fileType=\"pdf\"\n        />\n        <UserBubble\n          avatarProps={{\n            name: 'KM',\n            source:\n              'https://media.istockphoto.com/id/1334716681/photo/a-smiling-man.jpg?s=612x612&w=0&k=20&c=U6rkSDpQMzkcJEqx2hAa63fNLIhqnZb31Xuc_QSi648=',\n            type: 'image',\n          }}\n        >\n          Can you analyse my data and tell me about...?\n        </UserBubble>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/announcement-banner/stories/announcement-banner-custom-icons.story.js

@@ -23,7 +23,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { AnnouncementBanner } from '@neo4j-ndl/react';
 import { GiftIconSolid, RocketLaunchIconSolid } from '@neo4j-ndl/react/icons';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8 n-w-full", children: [_jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Discovery with the default Sparkles icon" }) }), _jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, icon: _jsx(GiftIconSolid, {}), children: _jsx(AnnouncementBanner.Header, { children: "Discovery with a custom gift icon" }) }), _jsx(AnnouncementBanner, { variant: "neutral", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Neutral with the default Bolt icon" }) }), _jsx(AnnouncementBanner, { variant: "neutral", hasIcon: true, icon: _jsx(RocketLaunchIconSolid, {}), children: _jsx(AnnouncementBanner.Header, { children: "Neutral with a custom rocket icon" }) })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-token-8 w-full", children: [_jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Discovery with the default Sparkles icon" }) }), _jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, icon: _jsx(GiftIconSolid, {}), children: _jsx(AnnouncementBanner.Header, { children: "Discovery with a custom gift icon" }) }), _jsx(AnnouncementBanner, { variant: "neutral", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Neutral with the default Bolt icon" }) }), _jsx(AnnouncementBanner, { variant: "neutral", hasIcon: true, icon: _jsx(RocketLaunchIconSolid, {}), children: _jsx(AnnouncementBanner.Header, { children: "Neutral with a custom rocket icon" }) })] }));
 };
 export default Component;
 //# sourceMappingURL=announcement-banner-custom-icons.story.js.map

package/lib/esm/announcement-banner/stories/announcement-banner-custom-icons.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-custom-icons.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-custom-icons.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,kBAAkB,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,YACnD,KAAC,kBAAkB,CAAC,MAAM,2DAEE,GACT,EACrB,KAAC,kBAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,KAAC,aAAa,KAAG,YAEvB,KAAC,kBAAkB,CAAC,MAAM,oDAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,KAAC,kBAAkB,CAAC,MAAM,qDAEE,GACT,EACrB,KAAC,kBAAkB,IACjB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,KAAC,qBAAqB,KAAG,YAE/B,KAAC,kBAAkB,CAAC,MAAM,oDAEE,GACT,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\nimport { GiftIconSolid, RocketLaunchIconSolid } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-8 n-w-full\">\n      <AnnouncementBanner variant=\"discovery\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Discovery with the default Sparkles icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"discovery\"\n        hasIcon={true}\n        icon={<GiftIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Discovery with a custom gift icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"neutral\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Neutral with the default Bolt icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"neutral\"\n        hasIcon={true}\n        icon={<RocketLaunchIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Neutral with a custom rocket icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-custom-icons.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-custom-icons.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AACtD,OAAO,EAAE,aAAa,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAC;AAE9E,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,kBAAkB,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,YACnD,KAAC,kBAAkB,CAAC,MAAM,2DAEE,GACT,EACrB,KAAC,kBAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,KAAC,aAAa,KAAG,YAEvB,KAAC,kBAAkB,CAAC,MAAM,oDAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,KAAC,kBAAkB,CAAC,MAAM,qDAEE,GACT,EACrB,KAAC,kBAAkB,IACjB,OAAO,EAAC,SAAS,EACjB,OAAO,EAAE,IAAI,EACb,IAAI,EAAE,KAAC,qBAAqB,KAAG,YAE/B,KAAC,kBAAkB,CAAC,MAAM,oDAEE,GACT,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\nimport { GiftIconSolid, RocketLaunchIconSolid } from '@neo4j-ndl/react/icons';\n\nconst Component = () => {\n  return (\n    <div className=\"flex flex-col gap-token-8 w-full\">\n      <AnnouncementBanner variant=\"discovery\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Discovery with the default Sparkles icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"discovery\"\n        hasIcon={true}\n        icon={<GiftIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Discovery with a custom gift icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"neutral\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Neutral with the default Bolt icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner\n        variant=\"neutral\"\n        hasIcon={true}\n        icon={<RocketLaunchIconSolid />}\n      >\n        <AnnouncementBanner.Header>\n          Neutral with a custom rocket icon\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js

@@ -24,7 +24,7 @@ import { AnnouncementBanner, OutlinedButton, Typography, } from '@neo4j-ndl/reac
 import { useState } from 'react';
 const Component = () => {
     const [isVisible, setIsVisible] = useState(false);
-    return (_jsxs("div", { className: "n-flex n-flex-col n-w-full", children: [isVisible && (_jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, liveRegion: "status", isCloseable: true, onClose: () => setIsVisible(false), children: _jsx(AnnouncementBanner.Header, { children: "New Aura features are available for your organization." }) })), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default", children: [_jsx(OutlinedButton, { onClick: () => setIsVisible((visible) => !visible), children: isVisible ? 'Hide announcement' : 'Show announcement' }), _jsxs(Typography, { variant: "body-medium", children: ["The page is already loaded. Toggle the announcement in to simulate a later campaign or poll. ", _jsx("code", { children: "liveRegion=\"status\"" }), ' ', "announces politely without interrupting."] })] })] }));
+    return (_jsxs("div", { className: "flex flex-col w-full", children: [isVisible && (_jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, liveRegion: "status", isCloseable: true, onClose: () => setIsVisible(false), children: _jsx(AnnouncementBanner.Header, { children: "New Aura features are available for your organization." }) })), _jsxs("div", { className: "flex flex-col gap-token-16 p-token-24 bg-neutral-bg-default", children: [_jsx(OutlinedButton, { onClick: () => setIsVisible((visible) => !visible), children: isVisible ? 'Hide announcement' : 'Show announcement' }), _jsxs(Typography, { variant: "body-medium", children: ["The page is already loaded. Toggle the announcement in to simulate a later campaign or poll. ", _jsx("code", { children: "liveRegion=\"status\"" }), ' ', "announces politely without interrupting."] })] })] }));
 };
 export default Component;
 //# sourceMappingURL=announcement-banner-injected-non-urgent.story.js.map

package/lib/esm/announcement-banner/stories/announcement-banner-injected-non-urgent.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-injected-non-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-non-urgent.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACxC,SAAS,IAAI,CACZ,KAAC,kBAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAElC,KAAC,kBAAkB,CAAC,MAAM,yEAEE,GACT,CACtB,EACD,eAAK,SAAS,EAAC,uEAAuE,aACpF,KAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8GAEP,mDAA0C,EAAC,GAAG,gDAE3D,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      {isVisible && (\n        <AnnouncementBanner\n          variant=\"discovery\"\n          hasIcon={true}\n          liveRegion=\"status\"\n          isCloseable={true}\n          onClose={() => setIsVisible(false)}\n        >\n          <AnnouncementBanner.Header>\n            New Aura features are available for your organization.\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          later campaign or poll. <code>liveRegion=&quot;status&quot;</code>{' '}\n          announces politely without interrupting.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-injected-non-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-non-urgent.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aAClC,SAAS,IAAI,CACZ,KAAC,kBAAkB,IACjB,OAAO,EAAC,WAAW,EACnB,OAAO,EAAE,IAAI,EACb,UAAU,EAAC,QAAQ,EACnB,WAAW,EAAE,IAAI,EACjB,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,KAAK,CAAC,YAElC,KAAC,kBAAkB,CAAC,MAAM,yEAEE,GACT,CACtB,EACD,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,8GAEP,mDAA0C,EAAC,GAAG,gDAE3D,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"flex flex-col w-full\">\n      {isVisible && (\n        <AnnouncementBanner\n          variant=\"discovery\"\n          hasIcon={true}\n          liveRegion=\"status\"\n          isCloseable={true}\n          onClose={() => setIsVisible(false)}\n        >\n          <AnnouncementBanner.Header>\n            New Aura features are available for your organization.\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"flex flex-col gap-token-16 p-token-24 bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          later campaign or poll. <code>liveRegion=&quot;status&quot;</code>{' '}\n          announces politely without interrupting.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/announcement-banner/stories/announcement-banner-injected-urgent.story.js

@@ -24,7 +24,7 @@ import { AnnouncementBanner, OutlinedButton, Typography, } from '@neo4j-ndl/reac
 import { useState } from 'react';
 const Component = () => {
     const [isVisible, setIsVisible] = useState(false);
-    return (_jsxs("div", { className: "n-flex n-flex-col n-w-full", children: [isVisible && (_jsx(AnnouncementBanner, { variant: "danger", hasIcon: true, liveRegion: "alert", children: _jsx(AnnouncementBanner.Header, { children: "Error: connection to the database was lost. Reconnecting\u2026" }) })), _jsxs("div", { className: "n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default", children: [_jsx(OutlinedButton, { onClick: () => setIsVisible((visible) => !visible), children: isVisible ? 'Hide announcement' : 'Show announcement' }), _jsxs(Typography, { variant: "body-medium", children: ["The page is already loaded. Toggle the announcement in to simulate a connection loss or session expiry.", ' ', _jsx("code", { children: "liveRegion=\"alert\"" }), " interrupts the screen reader because the message is time-sensitive."] })] })] }));
+    return (_jsxs("div", { className: "flex flex-col w-full", children: [isVisible && (_jsx(AnnouncementBanner, { variant: "danger", hasIcon: true, liveRegion: "alert", children: _jsx(AnnouncementBanner.Header, { children: "Error: connection to the database was lost. Reconnecting\u2026" }) })), _jsxs("div", { className: "flex flex-col gap-token-16 p-token-24 bg-neutral-bg-default", children: [_jsx(OutlinedButton, { onClick: () => setIsVisible((visible) => !visible), children: isVisible ? 'Hide announcement' : 'Show announcement' }), _jsxs(Typography, { variant: "body-medium", children: ["The page is already loaded. Toggle the announcement in to simulate a connection loss or session expiry.", ' ', _jsx("code", { children: "liveRegion=\"alert\"" }), " interrupts the screen reader because the message is time-sensitive."] })] })] }));
 };
 export default Component;
 //# sourceMappingURL=announcement-banner-injected-urgent.story.js.map

package/lib/esm/announcement-banner/stories/announcement-banner-injected-urgent.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-injected-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-urgent.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACxC,SAAS,IAAI,CACZ,KAAC,kBAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAC,OAAO,YACpE,KAAC,kBAAkB,CAAC,MAAM,iFAEE,GACT,CACtB,EACD,eAAK,SAAS,EAAC,uEAAuE,aACpF,KAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wHAEI,GAAG,EACtC,kDAAyC,4EAE9B,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      {isVisible && (\n        <AnnouncementBanner variant=\"danger\" hasIcon={true} liveRegion=\"alert\">\n          <AnnouncementBanner.Header>\n            Error: connection to the database was lost. Reconnecting…\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"n-flex n-flex-col n-gap-token-16 n-p-token-24 n-bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          connection loss or session expiry.{' '}\n          <code>liveRegion=&quot;alert&quot;</code> interrupts the screen reader\n          because the message is time-sensitive.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-injected-urgent.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-injected-urgent.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EACL,kBAAkB,EAClB,cAAc,EACd,UAAU,GACX,MAAM,kBAAkB,CAAC;AAC1B,OAAO,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAC;AAEjC,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,MAAM,CAAC,SAAS,EAAE,YAAY,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAC;IAElD,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aAClC,SAAS,IAAI,CACZ,KAAC,kBAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,EAAE,UAAU,EAAC,OAAO,YACpE,KAAC,kBAAkB,CAAC,MAAM,iFAEE,GACT,CACtB,EACD,eAAK,SAAS,EAAC,6DAA6D,aAC1E,KAAC,cAAc,IAAC,OAAO,EAAE,GAAG,EAAE,CAAC,YAAY,CAAC,CAAC,OAAO,EAAE,EAAE,CAAC,CAAC,OAAO,CAAC,YAC/D,SAAS,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,mBAAmB,GACvC,EACjB,MAAC,UAAU,IAAC,OAAO,EAAC,aAAa,wHAEI,GAAG,EACtC,kDAAyC,4EAE9B,IACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport {\n  AnnouncementBanner,\n  OutlinedButton,\n  Typography,\n} from '@neo4j-ndl/react';\nimport { useState } from 'react';\n\nconst Component = () => {\n  const [isVisible, setIsVisible] = useState(false);\n\n  return (\n    <div className=\"flex flex-col w-full\">\n      {isVisible && (\n        <AnnouncementBanner variant=\"danger\" hasIcon={true} liveRegion=\"alert\">\n          <AnnouncementBanner.Header>\n            Error: connection to the database was lost. Reconnecting…\n          </AnnouncementBanner.Header>\n        </AnnouncementBanner>\n      )}\n      <div className=\"flex flex-col gap-token-16 p-token-24 bg-neutral-bg-default\">\n        <OutlinedButton onClick={() => setIsVisible((visible) => !visible)}>\n          {isVisible ? 'Hide announcement' : 'Show announcement'}\n        </OutlinedButton>\n        <Typography variant=\"body-medium\">\n          The page is already loaded. Toggle the announcement in to simulate a\n          connection loss or session expiry.{' '}\n          <code>liveRegion=&quot;alert&quot;</code> interrupts the screen reader\n          because the message is time-sensitive.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/announcement-banner/stories/announcement-banner-present-at-page-render.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { AnnouncementBanner, Typography } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-w-full", children: [_jsx(AnnouncementBanner, { variant: "danger", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Warning: your marketplace subscription will be deprecated on September 19, 2026." }) }), _jsx("div", { className: "n-p-token-24 n-bg-neutral-bg-default", children: _jsx(Typography, { variant: "body-medium", children: "This banner is part of the initial page render, so `liveRegion` is omitted. Screen reader users hear it when they reach it in the page, not as an interruption." }) })] }));
+    return (_jsxs("div", { className: "flex flex-col w-full", children: [_jsx(AnnouncementBanner, { variant: "danger", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Warning: your marketplace subscription will be deprecated on September 19, 2026." }) }), _jsx("div", { className: "p-token-24 bg-neutral-bg-default", children: _jsx(Typography, { variant: "body-medium", children: "This banner is part of the initial page render, so `liveRegion` is omitted. Screen reader users hear it when they reach it in the page, not as an interruption." }) })] }));
 };
 export default Component;
 //# sourceMappingURL=announcement-banner-present-at-page-render.story.js.map

package/lib/esm/announcement-banner/stories/announcement-banner-present-at-page-render.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-present-at-page-render.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-present-at-page-render.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,4BAA4B,aACzC,KAAC,kBAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,YAChD,KAAC,kBAAkB,CAAC,MAAM,mGAGE,GACT,EACrB,cAAK,SAAS,EAAC,sCAAsC,YACnD,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,gLAIpB,GACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-w-full\">\n      <AnnouncementBanner variant=\"danger\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Warning: your marketplace subscription will be deprecated on September\n          19, 2026.\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <div className=\"n-p-token-24 n-bg-neutral-bg-default\">\n        <Typography variant=\"body-medium\">\n          This banner is part of the initial page render, so `liveRegion` is\n          omitted. Screen reader users hear it when they reach it in the page,\n          not as an interruption.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-present-at-page-render.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-present-at-page-render.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAElE,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,sBAAsB,aACnC,KAAC,kBAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,YAChD,KAAC,kBAAkB,CAAC,MAAM,mGAGE,GACT,EACrB,cAAK,SAAS,EAAC,kCAAkC,YAC/C,KAAC,UAAU,IAAC,OAAO,EAAC,aAAa,gLAIpB,GACT,IACF,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner, Typography } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"flex flex-col w-full\">\n      <AnnouncementBanner variant=\"danger\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Warning: your marketplace subscription will be deprecated on September\n          19, 2026.\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <div className=\"p-token-24 bg-neutral-bg-default\">\n        <Typography variant=\"body-medium\">\n          This banner is part of the initial page render, so `liveRegion` is\n          omitted. Screen reader users hear it when they reach it in the page,\n          not as an interruption.\n        </Typography>\n      </div>\n    </div>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/announcement-banner/stories/announcement-banner-variants.story.js

@@ -22,7 +22,7 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { AnnouncementBanner } from '@neo4j-ndl/react';
 const Component = () => {
-    return (_jsxs("div", { className: "n-flex n-flex-col n-gap-token-8 n-w-full", children: [_jsx(AnnouncementBanner, { variant: "info", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Info announcement" }) }), _jsx(AnnouncementBanner, { variant: "warning", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Warning announcement" }) }), _jsx(AnnouncementBanner, { variant: "danger", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Danger announcement" }) }), _jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Discovery announcement" }) }), _jsx(AnnouncementBanner, { variant: "neutral", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Neutral announcement" }) })] }));
+    return (_jsxs("div", { className: "flex flex-col gap-token-8 w-full", children: [_jsx(AnnouncementBanner, { variant: "info", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Info announcement" }) }), _jsx(AnnouncementBanner, { variant: "warning", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Warning announcement" }) }), _jsx(AnnouncementBanner, { variant: "danger", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Danger announcement" }) }), _jsx(AnnouncementBanner, { variant: "discovery", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Discovery announcement" }) }), _jsx(AnnouncementBanner, { variant: "neutral", hasIcon: true, children: _jsx(AnnouncementBanner.Header, { children: "Neutral announcement" }) })] }));
 };
 export default Component;
 //# sourceMappingURL=announcement-banner-variants.story.js.map

package/lib/esm/announcement-banner/stories/announcement-banner-variants.story.js.map

@@ -1 +1 @@
-{"version":3,"file":"announcement-banner-variants.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,0CAA0C,aACvD,KAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,YAC9C,KAAC,kBAAkB,CAAC,MAAM,oCAA8C,GACrD,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,KAAC,kBAAkB,CAAC,MAAM,uCAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,YAChD,KAAC,kBAAkB,CAAC,MAAM,sCAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,YACnD,KAAC,kBAAkB,CAAC,MAAM,yCAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,KAAC,kBAAkB,CAAC,MAAM,uCAEE,GACT,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"n-flex n-flex-col n-gap-token-8 n-w-full\">\n      <AnnouncementBanner variant=\"info\" hasIcon={true}>\n        <AnnouncementBanner.Header>Info announcement</AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"warning\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Warning announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"danger\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Danger announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"discovery\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Discovery announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"neutral\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Neutral announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n    </div>\n  );\n};\n\nexport default Component;\n"]}
+{"version":3,"file":"announcement-banner-variants.story.js","sourceRoot":"","sources":["../../../../src/announcement-banner/stories/announcement-banner-variants.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,kBAAkB,EAAE,MAAM,kBAAkB,CAAC;AAEtD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,eAAK,SAAS,EAAC,kCAAkC,aAC/C,KAAC,kBAAkB,IAAC,OAAO,EAAC,MAAM,EAAC,OAAO,EAAE,IAAI,YAC9C,KAAC,kBAAkB,CAAC,MAAM,oCAA8C,GACrD,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,KAAC,kBAAkB,CAAC,MAAM,uCAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,QAAQ,EAAC,OAAO,EAAE,IAAI,YAChD,KAAC,kBAAkB,CAAC,MAAM,sCAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,WAAW,EAAC,OAAO,EAAE,IAAI,YACnD,KAAC,kBAAkB,CAAC,MAAM,yCAEE,GACT,EACrB,KAAC,kBAAkB,IAAC,OAAO,EAAC,SAAS,EAAC,OAAO,EAAE,IAAI,YACjD,KAAC,kBAAkB,CAAC,MAAM,uCAEE,GACT,IACjB,CACP,CAAC;AACJ,CAAC,CAAC;AAEF,eAAe,SAAS,CAAC","sourcesContent":["/*!\n *\n *  Copyright (c) \"Neo4j\"\n *  Neo4j Sweden AB [http://neo4j.com]\n *\n *  This file is part of Neo4j.\n *\n *  Neo4j is free software: you can redistribute it and/or modify\n *  it under the terms of the GNU General Public License as published by\n *  the Free Software Foundation, either version 3 of the License, or\n *  (at your option) any later version.\n *\n *  This program is distributed in the hope that it will be useful,\n *  but WITHOUT ANY WARRANTY; without even the implied warranty of\n *  MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\n *  GNU General Public License for more details.\n *\n *  You should have received a copy of the GNU General Public License\n *  along with this program.  If not, see <http://www.gnu.org/licenses/>.\n */\n\nimport '@neo4j-ndl/base/lib/neo4j-ds-styles.css';\n\nimport { AnnouncementBanner } from '@neo4j-ndl/react';\n\nconst Component = () => {\n  return (\n    <div className=\"flex flex-col gap-token-8 w-full\">\n      <AnnouncementBanner variant=\"info\" hasIcon={true}>\n        <AnnouncementBanner.Header>Info announcement</AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"warning\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Warning announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"danger\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Danger announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"discovery\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Discovery announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n      <AnnouncementBanner variant=\"neutral\" hasIcon={true}>\n        <AnnouncementBanner.Header>\n          Neutral announcement\n        </AnnouncementBanner.Header>\n      </AnnouncementBanner>\n    </div>\n  );\n};\n\nexport default Component;\n"]}