@dynatrace/strato-components 3.7.1 → 3.8.0

package/esm/content/ai-response/tests/AiResponse-animation.spec.js

@@ -1,295 +0,0 @@
-import { jsx } from "react/jsx-runtime";
-import { act, screen } from "@testing-library/react";
-import {
-  describe,
-  test,
-  expect,
-  vi,
-  beforeAll,
-  afterAll,
-  beforeEach,
-  afterEach
-} from "vitest";
-import "@testing-library/jest-dom/vitest";
-import { AiResponse } from "../AiResponse.js";
-import {
-  render,
-  setupMatchMediaMock,
-  clearMatchMediaMock
-} from "./vite-helpers.js";
-const completeAnimation = async () => {
-  await act(async () => {
-    vi.advanceTimersByTime(250);
-  });
-};
-const sampleResponse = "Some AI-generated response.";
-describe("AiResponse", () => {
-  beforeAll(() => {
-    setupMatchMediaMock(false);
-  });
-  afterAll(() => {
-    clearMatchMediaMock();
-  });
-  beforeEach(() => {
-    vi.useFakeTimers();
-  });
-  afterEach(() => {
-    vi.useRealTimers();
-  });
-  describe("onAnimationStateChange", () => {
-    test("should fire when text is being streamed", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      render(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: sampleResponse })
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-    });
-    test("should not fire when there is no text", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const emptyResponse = "";
-      render(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: emptyResponse })
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(0);
-    });
-    test("should not fire when responseState is `static`", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            responseState: "static",
-            onAnimationStateChange: onAnimationStateChangeFn,
-            children: sampleResponse
-          }
-        )
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(0);
-    });
-    test("should fire when text is initially empty", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const emptyResponse = "";
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: emptyResponse })
-      );
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(0);
-      rerender(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: sampleResponse })
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-    });
-    test("should not fire again when same text is provided", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: sampleResponse })
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-      rerender(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: sampleResponse })
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(1e3);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-    });
-    test("should fire again when text is different", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: sampleResponse })
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-      rerender(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: "Some other AI-generated response." })
-      );
-      await completeAnimation();
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(4);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(3, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(4, false);
-    });
-    test("should fire again when text is slightly different", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: sampleResponse })
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(1e3);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-      rerender(
-        /* @__PURE__ */ jsx(AiResponse, { onAnimationStateChange: onAnimationStateChangeFn, children: `${sampleResponse} And some additional text.` })
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(1e3);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(4);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(3, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(4, false);
-    });
-    test("should fire again when text is adapted during animation and responseState changes to `complete`", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const response = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.";
-      const updatedResponse = `
-Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.
-
-Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer`;
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            onAnimationStateChange: onAnimationStateChangeFn,
-            responseState: "streaming",
-            children: response
-          }
-        )
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(50);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(1);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      rerender(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            onAnimationStateChange: onAnimationStateChangeFn,
-            responseState: "complete",
-            children: updatedResponse
-          }
-        )
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(1e4);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-    });
-    test("should fire false when responseState switches to `static` mid-animation", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const response = "Lorem ipsum dolor sit amet, consetetur sadipscing elitr.";
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            responseState: "streaming",
-            onAnimationStateChange: onAnimationStateChangeFn,
-            children: response
-          }
-        )
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(50);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(1);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      rerender(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            responseState: "static",
-            onAnimationStateChange: onAnimationStateChangeFn,
-            children: response
-          }
-        )
-      );
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-    });
-    test("should not fire again when responseState switches to `complete` after animation finished", async () => {
-      const onAnimationStateChangeFn = vi.fn();
-      const { rerender } = render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            responseState: "streaming",
-            onAnimationStateChange: onAnimationStateChangeFn,
-            children: sampleResponse
-          }
-        )
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(1e4);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);
-      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);
-      rerender(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            responseState: "complete",
-            onAnimationStateChange: onAnimationStateChangeFn,
-            children: sampleResponse
-          }
-        )
-      );
-      await act(async () => {
-        vi.advanceTimersByTime(1e3);
-      });
-      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);
-    });
-  });
-  describe("responseState", () => {
-    test("should render full text immediately when responseState is `static`", async () => {
-      render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", responseState: "static", children: sampleResponse })
-      );
-      expect(screen.getByText(sampleResponse)).toBeInTheDocument();
-    });
-    test("should animate and render the text word-by-word when responseState is `streaming`", async () => {
-      vi.useFakeTimers();
-      const response = "Some AI-generated response that would take over 50ms to render with the animated AiResponse component.";
-      render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", responseState: "streaming", children: response })
-      );
-      expect(screen.queryByText(response)).toBeNull();
-      await act(async () => {
-        vi.advanceTimersByTime(25);
-      });
-      expect(screen.getByTestId("ai-response")).toHaveTextContent(
-        /^Some AI-generated response that would$/
-      );
-    });
-    test("should animate and render the full text when responseState is `streaming`", async () => {
-      vi.useFakeTimers();
-      render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", responseState: "streaming", children: sampleResponse })
-      );
-      expect(screen.queryByText(sampleResponse)).toBeNull();
-      await completeAnimation();
-      expect(screen.getByTestId("ai-response")).toHaveTextContent(
-        sampleResponse
-      );
-    });
-    test("should animate and render the full text when responseState is `complete`", async () => {
-      vi.useFakeTimers();
-      render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", responseState: "complete", children: sampleResponse })
-      );
-      expect(screen.queryByText(sampleResponse)).toBeNull();
-      await completeAnimation();
-      expect(screen.getByText(sampleResponse)).toBeInTheDocument();
-    });
-  });
-});
-//# sourceMappingURL=AiResponse-animation.spec.js.map

package/esm/content/ai-response/tests/AiResponse-animation.spec.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/content/ai-response/tests/AiResponse-animation.spec.tsx"],
-  "sourcesContent": ["import { act, screen } from '@testing-library/react';\nimport {\n  describe,\n  test,\n  expect,\n  vi,\n  beforeAll,\n  afterAll,\n  beforeEach,\n  afterEach,\n} from 'vitest';\nimport '@testing-library/jest-dom/vitest';\n\nimport { AiResponse } from '../AiResponse.js';\nimport {\n  render,\n  setupMatchMediaMock,\n  clearMatchMediaMock,\n} from './vite-helpers.js';\n\nconst completeAnimation = async () => {\n  await act(async () => {\n    // 200ms animation duration + 50ms to finish rendering and animating up to 10 words\n    vi.advanceTimersByTime(250);\n  });\n};\n\nconst sampleResponse = 'Some AI-generated response.';\n\ndescribe('AiResponse', () => {\n  beforeAll(() => {\n    setupMatchMediaMock(false);\n  });\n\n  afterAll(() => {\n    clearMatchMediaMock();\n  });\n\n  beforeEach(() => {\n    vi.useFakeTimers();\n  });\n\n  afterEach(() => {\n    vi.useRealTimers();\n  });\n\n  describe('onAnimationStateChange', () => {\n    test('should fire when text is being streamed', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n\n      // when\n      render(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await completeAnimation();\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n    });\n\n    test('should not fire when there is no text', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n      const emptyResponse = '';\n\n      // when\n      render(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {emptyResponse}\n        </AiResponse>,\n      );\n\n      await completeAnimation();\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(0);\n    });\n\n    test('should not fire when responseState is `static`', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n\n      // when\n      render(\n        <AiResponse\n          responseState=\"static\"\n          onAnimationStateChange={onAnimationStateChangeFn}\n        >\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await completeAnimation();\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(0);\n    });\n\n    test('should fire when text is initially empty', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n      const emptyResponse = '';\n\n      // when\n      const { rerender } = render(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {emptyResponse}\n        </AiResponse>,\n      );\n\n      // first check to ensure the second render will trigger the callback correctly\n      // necessary because the second check might run before the first render's animation is done\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(0);\n\n      rerender(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {sampleResponse}\n        </AiResponse>,\n      );\n      await completeAnimation();\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n    });\n\n    test('should not fire again when same text is provided', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n\n      // when\n      const { rerender } = render(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await completeAnimation();\n\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n\n      rerender(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await act(async () => {\n        vi.advanceTimersByTime(1_000);\n      });\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n    });\n\n    test('should fire again when text is different', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n\n      // when\n      const { rerender } = render(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await completeAnimation();\n\n      // first check to ensure the second render will trigger the callback correctly\n      // necessary because the second check might run before the first render's animation is done\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n\n      rerender(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          Some other AI-generated response.\n        </AiResponse>,\n      );\n\n      await completeAnimation();\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(4);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(3, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(4, false);\n    });\n\n    test('should fire again when text is slightly different', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n\n      // when\n      const { rerender } = render(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await act(async () => {\n        vi.advanceTimersByTime(1_000);\n      });\n\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n\n      rerender(\n        <AiResponse onAnimationStateChange={onAnimationStateChangeFn}>\n          {`${sampleResponse} And some additional text.`}\n        </AiResponse>,\n      );\n\n      await act(async () => {\n        vi.advanceTimersByTime(1_000);\n      });\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(4);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(3, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(4, false);\n    });\n\n    test('should fire again when text is adapted during animation and responseState changes to `complete`', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n      // this very long text ensures that the animation is not finished before we rerender with updated text\n      const response =\n        'Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.';\n      const updatedResponse = `\nLorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet.\n\nDuis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Lorem ipsum dolor sit amet, consectetuer`;\n\n      // when\n      const { rerender } = render(\n        <AiResponse\n          onAnimationStateChange={onAnimationStateChangeFn}\n          responseState=\"streaming\"\n        >\n          {response}\n        </AiResponse>,\n      );\n\n      // advance enough for some words to render but not all\n      await act(async () => {\n        vi.advanceTimersByTime(50);\n      });\n\n      // onAnimationStateChange should have been called once at the start of the animation\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(1);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n\n      rerender(\n        <AiResponse\n          onAnimationStateChange={onAnimationStateChangeFn}\n          responseState=\"complete\"\n        >\n          {updatedResponse}\n        </AiResponse>,\n      );\n\n      // advance timers to complete the full animation + settling time\n      await act(async () => {\n        vi.advanceTimersByTime(10_000);\n      });\n\n      // there should be no additional calls, animation never stopped in between text changes\n      // and should remain true until the full text is rendered.\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n    });\n\n    test('should fire false when responseState switches to `static` mid-animation', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n      const response =\n        'Lorem ipsum dolor sit amet, consetetur sadipscing elitr.';\n\n      // when\n      const { rerender } = render(\n        <AiResponse\n          responseState=\"streaming\"\n          onAnimationStateChange={onAnimationStateChangeFn}\n        >\n          {response}\n        </AiResponse>,\n      );\n\n      await act(async () => {\n        vi.advanceTimersByTime(50);\n      });\n\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(1);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n\n      rerender(\n        <AiResponse\n          responseState=\"static\"\n          onAnimationStateChange={onAnimationStateChangeFn}\n        >\n          {response}\n        </AiResponse>,\n      );\n\n      // then \u2014 switching to static fires false synchronously (no timers needed)\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n    });\n\n    test('should not fire again when responseState switches to `complete` after animation finished', async () => {\n      // given\n      const onAnimationStateChangeFn = vi.fn();\n\n      // when\n      const { rerender } = render(\n        <AiResponse\n          responseState=\"streaming\"\n          onAnimationStateChange={onAnimationStateChangeFn}\n        >\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await act(async () => {\n        vi.advanceTimersByTime(10_000);\n      });\n\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(1, true);\n      expect(onAnimationStateChangeFn).toHaveBeenNthCalledWith(2, false);\n\n      rerender(\n        <AiResponse\n          responseState=\"complete\"\n          onAnimationStateChange={onAnimationStateChangeFn}\n        >\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      await act(async () => {\n        vi.advanceTimersByTime(1_000);\n      });\n\n      // then\n      expect(onAnimationStateChangeFn).toHaveBeenCalledTimes(2);\n    });\n  });\n\n  describe('responseState', () => {\n    test('should render full text immediately when responseState is `static`', async () => {\n      render(\n        <AiResponse data-testid=\"ai-response\" responseState=\"static\">\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      // full text should be visible without waiting for animation\n      expect(screen.getByText(sampleResponse)).toBeInTheDocument();\n    });\n\n    test('should animate and render the text word-by-word when responseState is `streaming`', async () => {\n      // given\n      vi.useFakeTimers();\n      const response =\n        'Some AI-generated response that would take over 50ms to render with the animated AiResponse component.';\n\n      // when\n      render(\n        <AiResponse data-testid=\"ai-response\" responseState=\"streaming\">\n          {response}\n        </AiResponse>,\n      );\n\n      // then\n      // initially no words are rendered yet\n      expect(screen.queryByText(response)).toBeNull();\n\n      // after advancing timers past the full animation duration, all text is rendered\n      await act(async () => {\n        // advance timers by 50ms to render only the first five words\n        vi.advanceTimersByTime(25);\n      });\n\n      expect(screen.getByTestId('ai-response')).toHaveTextContent(\n        /^Some AI-generated response that would$/,\n      );\n    });\n\n    test('should animate and render the full text when responseState is `streaming`', async () => {\n      // given\n      vi.useFakeTimers();\n\n      // when\n      render(\n        <AiResponse data-testid=\"ai-response\" responseState=\"streaming\">\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      // then\n      // initially no words are rendered yet\n      expect(screen.queryByText(sampleResponse)).toBeNull();\n\n      // after advancing timers past the full animation duration, all text is rendered\n      await completeAnimation();\n\n      expect(screen.getByTestId('ai-response')).toHaveTextContent(\n        sampleResponse,\n      );\n    });\n\n    test('should animate and render the full text when responseState is `complete`', async () => {\n      // given\n      vi.useFakeTimers();\n\n      // when\n      render(\n        <AiResponse data-testid=\"ai-response\" responseState=\"complete\">\n          {sampleResponse}\n        </AiResponse>,\n      );\n\n      // then\n      // initially no words are rendered yet\n      expect(screen.queryByText(sampleResponse)).toBeNull();\n\n      // after advancing timers past the full animation duration, all text is rendered\n      await completeAnimation();\n\n      expect(screen.getByText(sampleResponse)).toBeInTheDocument();\n    });\n  });\n});\n"],
-  "mappings": "AAqDQ;AArDR,SAAS,KAAK,cAAc;AAC5B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,OACK;AACP,OAAO;AAEP,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,oBAAoB,YAAY;AACpC,QAAM,IAAI,YAAY;AAEpB,OAAG,oBAAoB,GAAG;AAAA,EAC5B,CAAC;AACH;AAEA,MAAM,iBAAiB;AAEvB,SAAS,cAAc,MAAM;AAC3B,YAAU,MAAM;AACd,wBAAoB,KAAK;AAAA,EAC3B,CAAC;AAED,WAAS,MAAM;AACb,wBAAoB;AAAA,EACtB,CAAC;AAED,aAAW,MAAM;AACf,OAAG,cAAc;AAAA,EACnB,CAAC;AAED,YAAU,MAAM;AACd,OAAG,cAAc;AAAA,EACnB,CAAC;AAED,WAAS,0BAA0B,MAAM;AACvC,SAAK,2CAA2C,YAAY;AAE1D,YAAM,2BAA2B,GAAG,GAAG;AAGvC;AAAA,QACE,oBAAC,cAAW,wBAAwB,0BACjC,0BACH;AAAA,MACF;AAEA,YAAM,kBAAkB;AAGxB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAAA,IACnE,CAAC;AAED,SAAK,yCAAyC,YAAY;AAExD,YAAM,2BAA2B,GAAG,GAAG;AACvC,YAAM,gBAAgB;AAGtB;AAAA,QACE,oBAAC,cAAW,wBAAwB,0BACjC,yBACH;AAAA,MACF;AAEA,YAAM,kBAAkB;AAGxB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AAAA,IAC1D,CAAC;AAED,SAAK,kDAAkD,YAAY;AAEjE,YAAM,2BAA2B,GAAG,GAAG;AAGvC;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,wBAAwB;AAAA,YAEvB;AAAA;AAAA,QACH;AAAA,MACF;AAEA,YAAM,kBAAkB;AAGxB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AAAA,IAC1D,CAAC;AAED,SAAK,4CAA4C,YAAY;AAE3D,YAAM,2BAA2B,GAAG,GAAG;AACvC,YAAM,gBAAgB;AAGtB,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB,oBAAC,cAAW,wBAAwB,0BACjC,yBACH;AAAA,MACF;AAIA,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AAExD;AAAA,QACE,oBAAC,cAAW,wBAAwB,0BACjC,0BACH;AAAA,MACF;AACA,YAAM,kBAAkB;AAGxB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAAA,IACnE,CAAC;AAED,SAAK,oDAAoD,YAAY;AAEnE,YAAM,2BAA2B,GAAG,GAAG;AAGvC,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB,oBAAC,cAAW,wBAAwB,0BACjC,0BACH;AAAA,MACF;AAEA,YAAM,kBAAkB;AAExB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAEjE;AAAA,QACE,oBAAC,cAAW,wBAAwB,0BACjC,0BACH;AAAA,MACF;AAEA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,GAAK;AAAA,MAC9B,CAAC;AAGD,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AAAA,IAC1D,CAAC;AAED,SAAK,4CAA4C,YAAY;AAE3D,YAAM,2BAA2B,GAAG,GAAG;AAGvC,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB,oBAAC,cAAW,wBAAwB,0BACjC,0BACH;AAAA,MACF;AAEA,YAAM,kBAAkB;AAIxB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAEjE;AAAA,QACE,oBAAC,cAAW,wBAAwB,0BAA0B,+CAE9D;AAAA,MACF;AAEA,YAAM,kBAAkB;AAGxB,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AACjE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAAA,IACnE,CAAC;AAED,SAAK,qDAAqD,YAAY;AAEpE,YAAM,2BAA2B,GAAG,GAAG;AAGvC,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB,oBAAC,cAAW,wBAAwB,0BACjC,0BACH;AAAA,MACF;AAEA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,GAAK;AAAA,MAC9B,CAAC;AAED,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAEjE;AAAA,QACE,oBAAC,cAAW,wBAAwB,0BACjC,aAAG,cAAc,8BACpB;AAAA,MACF;AAEA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,GAAK;AAAA,MAC9B,CAAC;AAGD,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AACjE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAAA,IACnE,CAAC;AAED,SAAK,mGAAmG,YAAY;AAElH,YAAM,2BAA2B,GAAG,GAAG;AAEvC,YAAM,WACJ;AACF,YAAM,kBAAkB;AAAA;AAAA;AAAA;AAMxB,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,YACC,wBAAwB;AAAA,YACxB,eAAc;AAAA,YAEb;AAAA;AAAA,QACH;AAAA,MACF;AAGA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,EAAE;AAAA,MAC3B,CAAC;AAGD,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAEhE;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,wBAAwB;AAAA,YACxB,eAAc;AAAA,YAEb;AAAA;AAAA,QACH;AAAA,MACF;AAGA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,GAAM;AAAA,MAC/B,CAAC;AAID,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAAA,IACnE,CAAC;AAED,SAAK,2EAA2E,YAAY;AAE1F,YAAM,2BAA2B,GAAG,GAAG;AACvC,YAAM,WACJ;AAGF,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,wBAAwB;AAAA,YAEvB;AAAA;AAAA,QACH;AAAA,MACF;AAEA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,EAAE;AAAA,MAC3B,CAAC;AAED,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAEhE;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,wBAAwB;AAAA,YAEvB;AAAA;AAAA,QACH;AAAA,MACF;AAGA,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAAA,IACnE,CAAC;AAED,SAAK,4FAA4F,YAAY;AAE3G,YAAM,2BAA2B,GAAG,GAAG;AAGvC,YAAM,EAAE,SAAS,IAAI;AAAA,QACnB;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,wBAAwB;AAAA,YAEvB;AAAA;AAAA,QACH;AAAA,MACF;AAEA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,GAAM;AAAA,MAC/B,CAAC;AAED,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AACxD,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,IAAI;AAChE,aAAO,wBAAwB,EAAE,wBAAwB,GAAG,KAAK;AAEjE;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAc;AAAA,YACd,wBAAwB;AAAA,YAEvB;AAAA;AAAA,QACH;AAAA,MACF;AAEA,YAAM,IAAI,YAAY;AACpB,WAAG,oBAAoB,GAAK;AAAA,MAC9B,CAAC;AAGD,aAAO,wBAAwB,EAAE,sBAAsB,CAAC;AAAA,IAC1D,CAAC;AAAA,EACH,CAAC;AAED,WAAS,iBAAiB,MAAM;AAC9B,SAAK,sEAAsE,YAAY;AACrF;AAAA,QACE,oBAAC,cAAW,eAAY,eAAc,eAAc,UACjD,0BACH;AAAA,MACF;AAGA,aAAO,OAAO,UAAU,cAAc,CAAC,EAAE,kBAAkB;AAAA,IAC7D,CAAC;AAED,SAAK,qFAAqF,YAAY;AAEpG,SAAG,cAAc;AACjB,YAAM,WACJ;AAGF;AAAA,QACE,oBAAC,cAAW,eAAY,eAAc,eAAc,aACjD,oBACH;AAAA,MACF;AAIA,aAAO,OAAO,YAAY,QAAQ,CAAC,EAAE,SAAS;AAG9C,YAAM,IAAI,YAAY;AAEpB,WAAG,oBAAoB,EAAE;AAAA,MAC3B,CAAC;AAED,aAAO,OAAO,YAAY,aAAa,CAAC,EAAE;AAAA,QACxC;AAAA,MACF;AAAA,IACF,CAAC;AAED,SAAK,6EAA6E,YAAY;AAE5F,SAAG,cAAc;AAGjB;AAAA,QACE,oBAAC,cAAW,eAAY,eAAc,eAAc,aACjD,0BACH;AAAA,MACF;AAIA,aAAO,OAAO,YAAY,cAAc,CAAC,EAAE,SAAS;AAGpD,YAAM,kBAAkB;AAExB,aAAO,OAAO,YAAY,aAAa,CAAC,EAAE;AAAA,QACxC;AAAA,MACF;AAAA,IACF,CAAC;AAED,SAAK,4EAA4E,YAAY;AAE3F,SAAG,cAAc;AAGjB;AAAA,QACE,oBAAC,cAAW,eAAY,eAAc,eAAc,YACjD,0BACH;AAAA,MACF;AAIA,aAAO,OAAO,YAAY,cAAc,CAAC,EAAE,SAAS;AAGpD,YAAM,kBAAkB;AAExB,aAAO,OAAO,UAAU,cAAc,CAAC,EAAE,kBAAkB;AAAA,IAC7D,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
-  "names": []
-}

package/esm/content/ai-response/tests/AiResponse-reduced-motion.spec.js

@@ -1,258 +0,0 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { act, screen } from "@testing-library/react";
-import { createRef } from "react";
-import { beforeAll, afterAll, describe, it, expect } from "vitest";
-import "@testing-library/jest-dom/vitest";
-import { AiResponse } from "../AiResponse.js";
-import {
-  render,
-  setupMatchMediaMock,
-  clearMatchMediaMock
-} from "./vite-helpers.js";
-const imageSrc = "data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==";
-describe("AiResponse reduced motion", () => {
-  beforeAll(() => {
-    setupMatchMediaMock(true);
-  });
-  afterAll(() => {
-    clearMatchMediaMock();
-  });
-  it("should not render anything if displayedText is an empty string", async () => {
-    const response = "";
-    render(/* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", children: response }));
-    expect(screen.queryByTestId("ai-response")).toBeNull();
-  });
-  describe("markdown rendering", () => {
-    it("should render headings correctly", async () => {
-      const response = `
-# How to Optimize Your Workflow
-
-## Introduction
-In today's fast-paced environment, efficiency is key. Here are some strategies to help you optimize your workflow:
-
-### 1. Automate Repetitive Tasks
-Use tools and scripts to automate tasks you perform frequently. For example:
-`;
-      const headings = [
-        "How to Optimize Your Workflow",
-        "Introduction",
-        "1. Automate Repetitive Tasks"
-      ];
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      headings.forEach((text, i) => {
-        const headingElement = screen.getByText(text);
-        expect(headingElement).toBeInTheDocument();
-        expect(headingElement.getAttribute("data-testid")).toBe("heading");
-        expect(headingElement.tagName).toBe(`H${i + 1}`);
-      });
-    });
-    it("should render link correctly", async () => {
-      const response = "[Link text](https://example.com)";
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const link = screen.getByText("Link text");
-      expect(link.tagName).toBe("A");
-      expect(link).toHaveAttribute("href", "https://example.com/");
-    });
-    it("should render code block correctly", async () => {
-      const response = `
-\`\`\`js
-const greet = name => \`Hello, \${name}!\`;
-console.log(greet('World'));
-\`\`\`
-`;
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const codeblock = screen.getByTestId("code-snippet");
-      expect(
-        codeblock.textContent?.endsWith("console.log(greet('World'));")
-      ).toBeTruthy();
-    });
-    it("should render list items correctly", async () => {
-      const response = `
-* Urgent & Important
-* Important but Not Urgent
-* Urgent but Not Important
-* Neither
-`;
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const items = screen.getAllByRole("listitem");
-      expect(items.map((item) => item.textContent)).toStrictEqual([
-        "Urgent & Important",
-        "Important but Not Urgent",
-        "Urgent but Not Important",
-        "Neither"
-      ]);
-    });
-    it("should render plain text correctly", async () => {
-      const response = "Regular breaks improve focus and productivity.";
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const plainText = screen.getByText(
-        "Regular breaks improve focus and productivity."
-      );
-      expect(plainText.tagName).toBe("P");
-    });
-    it("should render bold text correctly", async () => {
-      const response = "**Tip: Try the Pomodoro Technique for time management.**";
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const bold = screen.getByText(
-        "Tip: Try the Pomodoro Technique for time management."
-      );
-      expect(bold.tagName).toBe("STRONG");
-    });
-    it("should render image correctly", async () => {
-      const response = `![Workflow Diagram](${imageSrc})`;
-      await act(async () => {
-        render(/* @__PURE__ */ jsx(AiResponse, { children: response }));
-      });
-      const placeholder = screen.getByText("[Image blocked: Workflow Diagram]");
-      expect(placeholder).toBeInTheDocument();
-    });
-  });
-  describe("a11y", () => {
-    it("should have correct aria attributes by default", async () => {
-      await act(
-        async () => render(
-          /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", children: "Some AI-generated response." })
-        )
-      );
-      const root = screen.getByTestId("ai-response");
-      expect(root).toHaveAttribute("aria-live", "polite");
-      expect(root).toHaveAttribute("aria-atomic", "true");
-    });
-    it("should support other aria attributes", async () => {
-      await act(
-        async () => render(
-          /* @__PURE__ */ jsxs("section", { "aria-busy": "true", "aria-label": "AI Response Section", children: [
-            /* @__PURE__ */ jsx("div", { id: "response-label", children: "AI Response" }),
-            /* @__PURE__ */ jsx("div", { id: "description", children: "AI-generated content generating..." }),
-            /* @__PURE__ */ jsx("div", { id: "details", children: "This may take a few seconds." }),
-            /* @__PURE__ */ jsx(
-              AiResponse,
-              {
-                "data-testid": "ai-response",
-                "aria-label": "label",
-                "aria-labelledby": "response-label",
-                "aria-describedby": "description",
-                "aria-details": "details",
-                children: "This is an AI-generated answer about your request."
-              }
-            )
-          ] })
-        )
-      );
-      const response = screen.getByTestId("ai-response");
-      expect(response).toHaveAttribute("aria-label", "label");
-      expect(response).toHaveAttribute("aria-labelledby", "response-label");
-      expect(response).toHaveAttribute("aria-describedby", "description");
-      expect(response).toHaveAttribute("aria-details", "details");
-    });
-  });
-  it("should forward the ref", async () => {
-    const forwardedRef = createRef();
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", ref: forwardedRef, children: "Some AI-generated response." })
-      )
-    );
-    expect(forwardedRef.current).not.toBeNull();
-    expect(forwardedRef.current?.tagName).toBe("DIV");
-  });
-  it("should set data-dtrum on the root level of the component", async () => {
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-dtrum-mask": true, "data-dtrum-allow": true, "data-testid": "dtrum", children: "Some AI-generated response." })
-      )
-    );
-    const dtrum = screen.getByTestId("dtrum");
-    expect(dtrum).toHaveAttribute("data-dtrum-mask");
-    expect(dtrum).toHaveAttribute("data-dtrum-allow");
-  });
-  it("should apply consumer className and style", async () => {
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            "data-testid": "ai-response",
-            className: "ai-response-class",
-            style: { backgroundColor: "rgb(255, 182, 193)" },
-            children: "Some AI-generated response."
-          }
-        )
-      )
-    );
-    expect(screen.getByTestId("ai-response")).toHaveClass("ai-response-class");
-    expect(screen.getByTestId("ai-response")).toHaveStyle(
-      "background-color: rgb(255, 182, 193)"
-    );
-  });
-  it("should spread remaining props", async () => {
-    await act(
-      async () => render(
-        /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", "data-custom": "test-custom-data", children: "Some AI-generated response." })
-      )
-    );
-    expect(screen.getByTestId("ai-response")).toHaveAttribute(
-      "data-custom",
-      "test-custom-data"
-    );
-  });
-  describe("behavior tracking attributes", () => {
-    it("should add data-dt-* attributes", () => {
-      render(
-        /* @__PURE__ */ jsx(
-          AiResponse,
-          {
-            "data-testid": "ai-response",
-            "data-dt-content": "AiContent",
-            "data-dt-value-content": true,
-            "data-dt-children-value-content": true,
-            children: "This is an AI-generated answer about your request."
-          }
-        )
-      );
-      const aiResponse = screen.getByTestId("ai-response");
-      expect(aiResponse).toHaveAttribute("data-dt-content", "AiContent");
-      expect(aiResponse).toHaveAttribute("data-dt-value-content", "true");
-      expect(aiResponse).toHaveAttribute(
-        "data-dt-children-value-content",
-        "true"
-      );
-    });
-    describe("data-dt-component", () => {
-      it("should have the default data-dt-component attribute", () => {
-        render(
-          /* @__PURE__ */ jsx(AiResponse, { "data-testid": "ai-response", children: "This is an AI-generated answer about your request." })
-        );
-        const aiResponse = screen.getByTestId("ai-response");
-        expect(aiResponse).toHaveAttribute("data-dt-component", "AiResponse");
-      });
-      it("should not override the data-dt-component attribute if provided", () => {
-        render(
-          /* @__PURE__ */ jsx(
-            AiResponse,
-            {
-              "data-testid": "ai-response",
-              "data-dt-component": "CustomAiResponse",
-              children: "This is an AI-generated answer about your request."
-            }
-          )
-        );
-        const aiResponse = screen.getByTestId("ai-response");
-        expect(aiResponse).toHaveAttribute("data-dt-component", "AiResponse");
-      });
-    });
-  });
-});
-//# sourceMappingURL=AiResponse-reduced-motion.spec.js.map

package/esm/content/ai-response/tests/AiResponse-reduced-motion.spec.js.map

@@ -1,7 +0,0 @@
-{
-  "version": 3,
-  "sources": ["../../../../../src/content/ai-response/tests/AiResponse-reduced-motion.spec.tsx"],
-  "sourcesContent": ["import { act, screen } from '@testing-library/react';\nimport { createRef } from 'react';\nimport { beforeAll, afterAll, describe, it, expect } from 'vitest';\nimport '@testing-library/jest-dom/vitest';\n\nimport { AiResponse } from '../AiResponse.js';\nimport {\n  render,\n  setupMatchMediaMock,\n  clearMatchMediaMock,\n} from './vite-helpers.js';\n\nconst imageSrc =\n  'data:image/jpeg;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAADUlEQVR42mNk+P+/HgAFhAJ/wlseKgAAAABJRU5ErkJggg==';\n\ndescribe('AiResponse reduced motion', () => {\n  beforeAll(() => {\n    // simulate reduced motion preference - these tests solely should check if the response is rendered correctly\n    // we keep these tests in a separate file since framer motion caches the matchMedia result and changing it within the same test file is not possible\n    setupMatchMediaMock(true);\n  });\n\n  afterAll(() => {\n    clearMatchMediaMock();\n  });\n\n  it('should not render anything if displayedText is an empty string', async () => {\n    // given\n    const response = '';\n\n    // when\n    render(<AiResponse data-testid=\"ai-response\">{response}</AiResponse>);\n\n    // then\n    expect(screen.queryByTestId('ai-response')).toBeNull();\n  });\n\n  describe('markdown rendering', () => {\n    it('should render headings correctly', async () => {\n      // given\n      const response = `\n# How to Optimize Your Workflow\n\n## Introduction\nIn today's fast-paced environment, efficiency is key. Here are some strategies to help you optimize your workflow:\n\n### 1. Automate Repetitive Tasks\nUse tools and scripts to automate tasks you perform frequently. For example:\n`;\n      const headings = [\n        'How to Optimize Your Workflow',\n        'Introduction',\n        '1. Automate Repetitive Tasks',\n      ];\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      headings.forEach((text, i) => {\n        const headingElement = screen.getByText(text);\n        expect(headingElement).toBeInTheDocument();\n        expect(headingElement.getAttribute('data-testid')).toBe('heading');\n        expect(headingElement.tagName).toBe(`H${i + 1}`);\n      });\n    });\n\n    it('should render link correctly', async () => {\n      // given\n      const response = '[Link text](https://example.com)';\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const link = screen.getByText('Link text');\n      expect(link.tagName).toBe('A');\n      expect(link).toHaveAttribute('href', 'https://example.com/');\n    });\n\n    it('should render code block correctly', async () => {\n      // given\n      const response = `\n\\`\\`\\`js\nconst greet = name => \\`Hello, \\${name}!\\`;\nconsole.log(greet('World'));\n\\`\\`\\`\n`;\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const codeblock = screen.getByTestId('code-snippet');\n      expect(\n        codeblock.textContent?.endsWith(\"console.log(greet('World'));\"),\n      ).toBeTruthy();\n    });\n\n    it('should render list items correctly', async () => {\n      // given\n      const response = `\n* Urgent & Important\n* Important but Not Urgent\n* Urgent but Not Important\n* Neither\n`;\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const items = screen.getAllByRole('listitem');\n      expect(items.map((item) => item.textContent)).toStrictEqual([\n        'Urgent & Important',\n        'Important but Not Urgent',\n        'Urgent but Not Important',\n        'Neither',\n      ]);\n    });\n\n    it('should render plain text correctly', async () => {\n      // given\n      const response = 'Regular breaks improve focus and productivity.';\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const plainText = screen.getByText(\n        'Regular breaks improve focus and productivity.',\n      );\n      expect(plainText.tagName).toBe('P');\n    });\n\n    it('should render bold text correctly', async () => {\n      // given\n      const response =\n        '**Tip: Try the Pomodoro Technique for time management.**';\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      const bold = screen.getByText(\n        'Tip: Try the Pomodoro Technique for time management.',\n      );\n      expect(bold.tagName).toBe('STRONG');\n    });\n\n    it('should render image correctly', async () => {\n      // given\n      const response = `![Workflow Diagram](${imageSrc})`;\n\n      // when\n      await act(async () => {\n        render(<AiResponse>{response}</AiResponse>);\n      });\n\n      // then\n      // Streamdown blocks images by default and renders a placeholder\n      const placeholder = screen.getByText('[Image blocked: Workflow Diagram]');\n      expect(placeholder).toBeInTheDocument();\n    });\n  });\n\n  describe('a11y', () => {\n    it('should have correct aria attributes by default', async () => {\n      // given / when\n      await act(async () =>\n        render(\n          <AiResponse data-testid=\"ai-response\">\n            Some AI-generated response.\n          </AiResponse>,\n        ),\n      );\n\n      // then\n      const root = screen.getByTestId('ai-response');\n      expect(root).toHaveAttribute('aria-live', 'polite');\n      expect(root).toHaveAttribute('aria-atomic', 'true');\n    });\n\n    it('should support other aria attributes', async () => {\n      // given/when\n      await act(async () =>\n        render(\n          <section aria-busy=\"true\" aria-label=\"AI Response Section\">\n            <div id=\"response-label\">AI Response</div>\n            <div id=\"description\">AI-generated content generating...</div>\n            <div id=\"details\">This may take a few seconds.</div>\n            <AiResponse\n              data-testid=\"ai-response\"\n              aria-label=\"label\"\n              aria-labelledby=\"response-label\"\n              aria-describedby=\"description\"\n              aria-details=\"details\"\n            >\n              This is an AI-generated answer about your request.\n            </AiResponse>\n          </section>,\n        ),\n      );\n\n      // then\n      const response = screen.getByTestId('ai-response');\n      expect(response).toHaveAttribute('aria-label', 'label');\n      expect(response).toHaveAttribute('aria-labelledby', 'response-label');\n      expect(response).toHaveAttribute('aria-describedby', 'description');\n      expect(response).toHaveAttribute('aria-details', 'details');\n    });\n  });\n\n  it('should forward the ref', async () => {\n    // given\n    const forwardedRef = createRef<HTMLDivElement>();\n\n    // when\n    await act(async () =>\n      render(\n        <AiResponse data-testid=\"ai-response\" ref={forwardedRef}>\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    expect(forwardedRef.current).not.toBeNull();\n    expect(forwardedRef.current?.tagName).toBe('DIV');\n  });\n\n  it('should set data-dtrum on the root level of the component', async () => {\n    // given/when\n    await act(async () =>\n      render(\n        <AiResponse data-dtrum-mask data-dtrum-allow data-testid=\"dtrum\">\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    const dtrum = screen.getByTestId('dtrum');\n    expect(dtrum).toHaveAttribute('data-dtrum-mask');\n    expect(dtrum).toHaveAttribute('data-dtrum-allow');\n  });\n\n  it('should apply consumer className and style', async () => {\n    // given/when\n    await act(async () =>\n      render(\n        <AiResponse\n          data-testid=\"ai-response\"\n          className=\"ai-response-class\"\n          style={{ backgroundColor: 'rgb(255, 182, 193)' }}\n        >\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    expect(screen.getByTestId('ai-response')).toHaveClass('ai-response-class');\n    expect(screen.getByTestId('ai-response')).toHaveStyle(\n      'background-color: rgb(255, 182, 193)',\n    );\n  });\n\n  it('should spread remaining props', async () => {\n    // given/when\n    await act(async () =>\n      render(\n        <AiResponse data-testid=\"ai-response\" data-custom=\"test-custom-data\">\n          Some AI-generated response.\n        </AiResponse>,\n      ),\n    );\n\n    // then\n    expect(screen.getByTestId('ai-response')).toHaveAttribute(\n      'data-custom',\n      'test-custom-data',\n    );\n  });\n\n  describe('behavior tracking attributes', () => {\n    it('should add data-dt-* attributes', () => {\n      render(\n        <AiResponse\n          data-testid=\"ai-response\"\n          data-dt-content=\"AiContent\"\n          data-dt-value-content={true}\n          data-dt-children-value-content={true}\n        >\n          This is an AI-generated answer about your request.\n        </AiResponse>,\n      );\n\n      const aiResponse = screen.getByTestId('ai-response');\n      expect(aiResponse).toHaveAttribute('data-dt-content', 'AiContent');\n      expect(aiResponse).toHaveAttribute('data-dt-value-content', 'true');\n      expect(aiResponse).toHaveAttribute(\n        'data-dt-children-value-content',\n        'true',\n      );\n    });\n\n    describe('data-dt-component', () => {\n      it('should have the default data-dt-component attribute', () => {\n        render(\n          <AiResponse data-testid=\"ai-response\">\n            This is an AI-generated answer about your request.\n          </AiResponse>,\n        );\n        const aiResponse = screen.getByTestId('ai-response');\n        expect(aiResponse).toHaveAttribute('data-dt-component', 'AiResponse');\n      });\n\n      it('should not override the data-dt-component attribute if provided', () => {\n        render(\n          <AiResponse\n            data-testid=\"ai-response\"\n            data-dt-component=\"CustomAiResponse\"\n          >\n            This is an AI-generated answer about your request.\n          </AiResponse>,\n        );\n        const aiResponse = screen.getByTestId('ai-response');\n        expect(aiResponse).toHaveAttribute('data-dt-component', 'AiResponse');\n      });\n    });\n  });\n});\n"],
-  "mappings": "AA+BW,cAwKD,YAxKC;AA/BX,SAAS,KAAK,cAAc;AAC5B,SAAS,iBAAiB;AAC1B,SAAS,WAAW,UAAU,UAAU,IAAI,cAAc;AAC1D,OAAO;AAEP,SAAS,kBAAkB;AAC3B;AAAA,EACE;AAAA,EACA;AAAA,EACA;AAAA,OACK;AAEP,MAAM,WACJ;AAEF,SAAS,6BAA6B,MAAM;AAC1C,YAAU,MAAM;AAGd,wBAAoB,IAAI;AAAA,EAC1B,CAAC;AAED,WAAS,MAAM;AACb,wBAAoB;AAAA,EACtB,CAAC;AAED,KAAG,kEAAkE,YAAY;AAE/E,UAAM,WAAW;AAGjB,WAAO,oBAAC,cAAW,eAAY,eAAe,oBAAS,CAAa;AAGpE,WAAO,OAAO,cAAc,aAAa,CAAC,EAAE,SAAS;AAAA,EACvD,CAAC;AAED,WAAS,sBAAsB,MAAM;AACnC,OAAG,oCAAoC,YAAY;AAEjD,YAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASjB,YAAM,WAAW;AAAA,QACf;AAAA,QACA;AAAA,QACA;AAAA,MACF;AAGA,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAGD,eAAS,QAAQ,CAAC,MAAM,MAAM;AAC5B,cAAM,iBAAiB,OAAO,UAAU,IAAI;AAC5C,eAAO,cAAc,EAAE,kBAAkB;AACzC,eAAO,eAAe,aAAa,aAAa,CAAC,EAAE,KAAK,SAAS;AACjE,eAAO,eAAe,OAAO,EAAE,KAAK,IAAI,IAAI,CAAC,EAAE;AAAA,MACjD,CAAC;AAAA,IACH,CAAC;AAED,OAAG,gCAAgC,YAAY;AAE7C,YAAM,WAAW;AAGjB,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAGD,YAAM,OAAO,OAAO,UAAU,WAAW;AACzC,aAAO,KAAK,OAAO,EAAE,KAAK,GAAG;AAC7B,aAAO,IAAI,EAAE,gBAAgB,QAAQ,sBAAsB;AAAA,IAC7D,CAAC;AAED,OAAG,sCAAsC,YAAY;AAEnD,YAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjB,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAGD,YAAM,YAAY,OAAO,YAAY,cAAc;AACnD;AAAA,QACE,UAAU,aAAa,SAAS,8BAA8B;AAAA,MAChE,EAAE,WAAW;AAAA,IACf,CAAC;AAED,OAAG,sCAAsC,YAAY;AAEnD,YAAM,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA;AAQjB,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAGD,YAAM,QAAQ,OAAO,aAAa,UAAU;AAC5C,aAAO,MAAM,IAAI,CAAC,SAAS,KAAK,WAAW,CAAC,EAAE,cAAc;AAAA,QAC1D;AAAA,QACA;AAAA,QACA;AAAA,QACA;AAAA,MACF,CAAC;AAAA,IACH,CAAC;AAED,OAAG,sCAAsC,YAAY;AAEnD,YAAM,WAAW;AAGjB,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAGD,YAAM,YAAY,OAAO;AAAA,QACvB;AAAA,MACF;AACA,aAAO,UAAU,OAAO,EAAE,KAAK,GAAG;AAAA,IACpC,CAAC;AAED,OAAG,qCAAqC,YAAY;AAElD,YAAM,WACJ;AAGF,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAGD,YAAM,OAAO,OAAO;AAAA,QAClB;AAAA,MACF;AACA,aAAO,KAAK,OAAO,EAAE,KAAK,QAAQ;AAAA,IACpC,CAAC;AAED,OAAG,iCAAiC,YAAY;AAE9C,YAAM,WAAW,uBAAuB,QAAQ;AAGhD,YAAM,IAAI,YAAY;AACpB,eAAO,oBAAC,cAAY,oBAAS,CAAa;AAAA,MAC5C,CAAC;AAID,YAAM,cAAc,OAAO,UAAU,mCAAmC;AACxE,aAAO,WAAW,EAAE,kBAAkB;AAAA,IACxC,CAAC;AAAA,EACH,CAAC;AAED,WAAS,QAAQ,MAAM;AACrB,OAAG,kDAAkD,YAAY;AAE/D,YAAM;AAAA,QAAI,YACR;AAAA,UACE,oBAAC,cAAW,eAAY,eAAc,yCAEtC;AAAA,QACF;AAAA,MACF;AAGA,YAAM,OAAO,OAAO,YAAY,aAAa;AAC7C,aAAO,IAAI,EAAE,gBAAgB,aAAa,QAAQ;AAClD,aAAO,IAAI,EAAE,gBAAgB,eAAe,MAAM;AAAA,IACpD,CAAC;AAED,OAAG,wCAAwC,YAAY;AAErD,YAAM;AAAA,QAAI,YACR;AAAA,UACE,qBAAC,aAAQ,aAAU,QAAO,cAAW,uBACnC;AAAA,gCAAC,SAAI,IAAG,kBAAiB,yBAAW;AAAA,YACpC,oBAAC,SAAI,IAAG,eAAc,gDAAkC;AAAA,YACxD,oBAAC,SAAI,IAAG,WAAU,0CAA4B;AAAA,YAC9C;AAAA,cAAC;AAAA;AAAA,gBACC,eAAY;AAAA,gBACZ,cAAW;AAAA,gBACX,mBAAgB;AAAA,gBAChB,oBAAiB;AAAA,gBACjB,gBAAa;AAAA,gBACd;AAAA;AAAA,YAED;AAAA,aACF;AAAA,QACF;AAAA,MACF;AAGA,YAAM,WAAW,OAAO,YAAY,aAAa;AACjD,aAAO,QAAQ,EAAE,gBAAgB,cAAc,OAAO;AACtD,aAAO,QAAQ,EAAE,gBAAgB,mBAAmB,gBAAgB;AACpE,aAAO,QAAQ,EAAE,gBAAgB,oBAAoB,aAAa;AAClE,aAAO,QAAQ,EAAE,gBAAgB,gBAAgB,SAAS;AAAA,IAC5D,CAAC;AAAA,EACH,CAAC;AAED,KAAG,0BAA0B,YAAY;AAEvC,UAAM,eAAe,UAA0B;AAG/C,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,cAAW,eAAY,eAAc,KAAK,cAAc,yCAEzD;AAAA,MACF;AAAA,IACF;AAGA,WAAO,aAAa,OAAO,EAAE,IAAI,SAAS;AAC1C,WAAO,aAAa,SAAS,OAAO,EAAE,KAAK,KAAK;AAAA,EAClD,CAAC;AAED,KAAG,4DAA4D,YAAY;AAEzE,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,cAAW,mBAAe,MAAC,oBAAgB,MAAC,eAAY,SAAQ,yCAEjE;AAAA,MACF;AAAA,IACF;AAGA,UAAM,QAAQ,OAAO,YAAY,OAAO;AACxC,WAAO,KAAK,EAAE,gBAAgB,iBAAiB;AAC/C,WAAO,KAAK,EAAE,gBAAgB,kBAAkB;AAAA,EAClD,CAAC;AAED,KAAG,6CAA6C,YAAY;AAE1D,UAAM;AAAA,MAAI,YACR;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,WAAU;AAAA,YACV,OAAO,EAAE,iBAAiB,qBAAqB;AAAA,YAChD;AAAA;AAAA,QAED;AAAA,MACF;AAAA,IACF;AAGA,WAAO,OAAO,YAAY,aAAa,CAAC,EAAE,YAAY,mBAAmB;AACzE,WAAO,OAAO,YAAY,aAAa,CAAC,EAAE;AAAA,MACxC;AAAA,IACF;AAAA,EACF,CAAC;AAED,KAAG,iCAAiC,YAAY;AAE9C,UAAM;AAAA,MAAI,YACR;AAAA,QACE,oBAAC,cAAW,eAAY,eAAc,eAAY,oBAAmB,yCAErE;AAAA,MACF;AAAA,IACF;AAGA,WAAO,OAAO,YAAY,aAAa,CAAC,EAAE;AAAA,MACxC;AAAA,MACA;AAAA,IACF;AAAA,EACF,CAAC;AAED,WAAS,gCAAgC,MAAM;AAC7C,OAAG,mCAAmC,MAAM;AAC1C;AAAA,QACE;AAAA,UAAC;AAAA;AAAA,YACC,eAAY;AAAA,YACZ,mBAAgB;AAAA,YAChB,yBAAuB;AAAA,YACvB,kCAAgC;AAAA,YACjC;AAAA;AAAA,QAED;AAAA,MACF;AAEA,YAAM,aAAa,OAAO,YAAY,aAAa;AACnD,aAAO,UAAU,EAAE,gBAAgB,mBAAmB,WAAW;AACjE,aAAO,UAAU,EAAE,gBAAgB,yBAAyB,MAAM;AAClE,aAAO,UAAU,EAAE;AAAA,QACjB;AAAA,QACA;AAAA,MACF;AAAA,IACF,CAAC;AAED,aAAS,qBAAqB,MAAM;AAClC,SAAG,uDAAuD,MAAM;AAC9D;AAAA,UACE,oBAAC,cAAW,eAAY,eAAc,gEAEtC;AAAA,QACF;AACA,cAAM,aAAa,OAAO,YAAY,aAAa;AACnD,eAAO,UAAU,EAAE,gBAAgB,qBAAqB,YAAY;AAAA,MACtE,CAAC;AAED,SAAG,mEAAmE,MAAM;AAC1E;AAAA,UACE;AAAA,YAAC;AAAA;AAAA,cACC,eAAY;AAAA,cACZ,qBAAkB;AAAA,cACnB;AAAA;AAAA,UAED;AAAA,QACF;AACA,cAAM,aAAa,OAAO,YAAY,aAAa;AACnD,eAAO,UAAU,EAAE,gBAAgB,qBAAqB,YAAY;AAAA,MACtE,CAAC;AAAA,IACH,CAAC;AAAA,EACH,CAAC;AACH,CAAC;",
-  "names": []
-}