@neo4j-ndl/react 4.18.10 → 4.18.11

package/skills/ndl-react/components/ai/preview.md

@@ -17,8 +17,9 @@ Import: `import { Preview } from '@neo4j-ndl/react/ai'`
 |------|------|----------|---------|-------------|
 | `code` | `string` | ✅ |  | The code content to display |
 | `headerActions` | `ReactNode` |  |  | The actions to display in the header. Should be small buttons or icon buttons only. |
+| `heading` | `string` |  |  | The heading to display in the header. If not provided, the language will be displayed. Truncates with an ellipsis and shows a tooltip with the full text when space is limited. |
 | `isLoading` | `boolean` |  | `false` | Whether the code block is loading |
-| `label` | `'read' \| 'write'` |  |  | The current state of the code block |
+| `label` | `'read' \| 'write'` |  |  | The current state of the code block @deprecated - The query should be described in the heading property instead. |
 | `language` | `any` | ✅ |  | The language of the code (e.g., 'cypher', 'python', 'javascript') |
 | `ref` | `Ref<HTMLDivElement>` |  |  | A ref to apply to the root element. |
 | `theme` | `'ndl-code-dark' \| 'ndl-code-light'` |  |  | The theme of the code block |
@@ -46,10 +47,35 @@ Import: `import { Preview } from '@neo4j-ndl/react/ai'`
 
 | Prop | Type | Required | Default | Description |
 |------|------|----------|---------|-------------|
-| `actions` | `ReactNode` |  |  |  |
-| `children` | `ReactNode` |  |  |  |
+| `actions` | `ReactNode` |  |  | The actions to display in the header. Should be small buttons or icon buttons only. |
+| `children` | `ReactNode` |  |  | The content to display in the header. When a plain string is passed, it truncates with an ellipsis and shows a tooltip with the full text when space is limited. |
 | `ref` | `Ref<HTMLDivElement>` |  |  | A ref to apply to the root element. |
 
+## Accessibility
+
+## Keyboard interactions
+
+| Key      | Description                                                                            |
+| -------- | -------------------------------------------------------------------------------------- |
+| `Tab`    | Moves focus to the header heading when it is truncated, then to the header actions     |
+| `Escape` | Closes the tooltip showing the full heading text                                       |
+
+## Truncated header heading
+
+When the header heading (the `heading` of `Preview.Code`, or a plain string passed to `Preview.Header`) does not fit the available space, it truncates with an ellipsis and a tooltip with the full text becomes available.
+
+- The heading receives `tabIndex="0"` only while the text is actually clipped, so keyboard users can reveal the full text on focus without a dead tab stop when nothing is hidden
+- The tooltip opens on hover and on keyboard focus, and is dismissible with `Escape` while remaining hoverable and persistent per [WCAG 1.4.13 Content on Hover or Focus](https://www.w3.org/WAI/WCAG22/Understanding/content-on-hover-or-focus.html)
+- The heading is intentionally not a button: it performs no action, so button semantics would announce an interaction that does not exist
+- Screen readers always receive the full heading text from the element's own content — CSS truncation is visual-only and does not remove text from the accessibility tree. The tooltip primarily serves sighted mouse and keyboard users
+- The focused heading shows a visible focus outline
+
+### Related WCAG criteria
+
+- [1.4.13 Content on Hover or Focus](https://www.w3.org/WAI/WCAG22/Understanding/content-on-hover-or-focus.html) (AA): The tooltip is dismissible (`Escape`), hoverable, and persistent
+- [2.1.1 Keyboard](https://www.w3.org/WAI/WCAG22/Understanding/keyboard.html) (A): The full heading text is reachable via keyboard focus when truncated
+- [2.4.7 Focus Visible](https://www.w3.org/WAI/WCAG22/Understanding/focus-visible.html) (AA): The truncated heading shows a focus outline when focused via keyboard
+
 ## Examples
 
 ### Code Confirmation
@@ -76,7 +102,7 @@ const Component = () => {
       <Preview.Code
         code={cypherCode}
         language="cypher"
-        label="write"
+        heading="Show functions executable by user"
         isLoading={false}
         headerActions={null}
       />
@@ -113,24 +139,36 @@ const Component = () => {
 export default Component;
 ```
 
-### Code Languages
+### Code Cypher
 
 ```tsx
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 
+import { OutlinedButton } from '@neo4j-ndl/react';
 import { Preview } from '@neo4j-ndl/react/ai';
+import { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';
 
-const pythonCode = `def show_functions(username, function_type='ALL'):
-    """
-    Show functions executable by user
-    """
-    query = f"SHOW {function_type} FUNCTIONS EXECUTABLE BY {username}"
-    return query`;
+const cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY
+username
+[YIELD { * | field[, ...] } [ORDER BY field ...`;
 
 const Component = () => {
   return (
     <Preview>
-      <Preview.Code code={pythonCode} language="python" />
+      <Preview.Code
+        code={cypherCode}
+        language="cypher"
+        heading="Show functions executable by user"
+        headerActions={
+          <OutlinedButton
+            leadingVisual={<PencilSquareIconOutline />}
+            variant="neutral"
+            size="small"
+          >
+            Send to Query
+          </OutlinedButton>
+        }
+      />
     </Preview>
   );
 };
@@ -138,17 +176,28 @@ const Component = () => {
 export default Component;
 ```
 
-### Code Loading
+### Code Languages
 
 ```tsx
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 
 import { Preview } from '@neo4j-ndl/react/ai';
 
+const pythonCode = `def show_functions(username, function_type='ALL'):
+    """
+    Show functions executable by user
+    """
+    query = f"SHOW {function_type} FUNCTIONS EXECUTABLE BY {username}"
+    return query`;
+
 const Component = () => {
   return (
     <Preview>
-      <Preview.Code code="" language="cypher" isLoading={true} />
+      <Preview.Code
+        code={pythonCode}
+        language="python"
+        heading="Show functions executable by user"
+      />
     </Preview>
   );
 };
@@ -156,36 +205,17 @@ const Component = () => {
 export default Component;
 ```
 
-### Code Read
+### Code Loading
 
 ```tsx
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 
-import { OutlinedButton } from '@neo4j-ndl/react';
 import { Preview } from '@neo4j-ndl/react/ai';
-import { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';
-
-const cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY
-username
-[YIELD { * | field[, ...] } [ORDER BY field ...`;
 
 const Component = () => {
   return (
     <Preview>
-      <Preview.Code
-        code={cypherCode}
-        language="cypher"
-        label="read"
-        headerActions={
-          <OutlinedButton
-            leadingVisual={<PencilSquareIconOutline />}
-            variant="neutral"
-            size="small"
-          >
-            Send to Query
-          </OutlinedButton>
-        }
-      />
+      <Preview.Code code="" language="cypher" isLoading={true} />
     </Preview>
   );
 };
@@ -193,49 +223,39 @@ const Component = () => {
 export default Component;
 ```
 
-### Code Write
+### Code Truncation
 
 ```tsx
 import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 
-import { CleanIconButton } from '@neo4j-ndl/react';
+import { OutlinedButton } from '@neo4j-ndl/react';
 import { Preview } from '@neo4j-ndl/react/ai';
-import {
-  PencilSquareIconOutline,
-  PlayCircleIconOutline,
-} from '@neo4j-ndl/react/icons';
+import { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';
 
-const cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY
-username
-[YIELD { * | field[, ...] } [ORDER BY field ...`;
+const cypherCode = `MATCH (person:Person)-[:ACTED_IN]->(movie:Movie)
+WHERE movie.released > 2000
+RETURN person.name, movie.title`;
 
 const Component = () => {
   return (
-    <Preview>
-      <Preview.Code
-        code={cypherCode}
-        language="cypher"
-        label="write"
-        headerActions={
-          <>
-            <CleanIconButton
-              variant="neutral"
-              description="Send to Query"
-              size="small"
-            >
-              <PencilSquareIconOutline />
-            </CleanIconButton>
-            <CleanIconButton
+    <div style={{ maxWidth: 400 }}>
+      <Preview>
+        <Preview.Code
+          code={cypherCode}
+          language="cypher"
+          heading="Find all people who acted in movies released after the year 2000"
+          headerActions={
+            <OutlinedButton
+              leadingVisual={<PencilSquareIconOutline />}
               variant="neutral"
-              description="Run in Query"
               size="small"
             >
-              <PlayCircleIconOutline />
-            </CleanIconButton>
-          </>
-        }
-      />
-    </Preview>
+              Send to Query
+            </OutlinedButton>
+          }
+        />
+      </Preview>
+    </div>
   );
 };
 

package/skills/ndl-react/components/ai/user-bubble.md

@@ -24,18 +24,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { UserBubble } from '@neo4j-ndl/react/ai';
 
 const Component = () => {
-  return (
-    <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',
-      }}
-    >
-      Can you analyse my data and tell me about...?
-    </UserBubble>
-  );
+  return <UserBubble>Can you analyse my data and tell me about...?</UserBubble>;
 };
 
 export default Component;

package/skills/ndl-react/components/breadcrumbs.md

@@ -124,7 +124,7 @@ import '@neo4j-ndl/base/lib/neo4j-ds-styles.css';
 import { Breadcrumbs, Menu } from '@neo4j-ndl/react';
 import {
   BuildingOffice2IconOutline,
-  FolderIconOutline,
+  CubeIconOutline,
   Neo4JIconColorIcon,
 } from '@neo4j-ndl/react/icons';
 import { useRef, useState } from 'react';
@@ -173,7 +173,7 @@ const Component = () => {
         </Breadcrumbs.SelectButton>
       </Breadcrumbs.Item>
       <Breadcrumbs.Item>
-        <Breadcrumbs.Button leadingElement={<FolderIconOutline />}>
+        <Breadcrumbs.Button leadingElement={<CubeIconOutline />}>
           Project 1
         </Breadcrumbs.Button>
         <Breadcrumbs.SelectButton ariaLabel="Open project menu"></Breadcrumbs.SelectButton>

package/lib/cjs/ai/preview/stories/preview-code-read.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-code-read.story.js","sourceRoot":"","sources":["../../../../../src/ai/preview/stories/preview-code-read.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAkD;AAClD,4CAA8C;AAC9C,kDAAiE;AAEjE,MAAM,UAAU,GAAG;;gDAE6B,CAAC;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAO,cACN,uBAAC,YAAO,CAAC,IAAI,IACX,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,MAAM,EACZ,aAAa,EACX,uBAAC,sBAAc,IACb,aAAa,EAAE,uBAAC,+BAAuB,KAAG,EAC1C,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,8BAGG,GAEnB,GACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 { OutlinedButton } from '@neo4j-ndl/react';\nimport { Preview } from '@neo4j-ndl/react/ai';\nimport { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';\n\nconst cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY\nusername\n[YIELD { * | field[, ...] } [ORDER BY field ...`;\n\nconst Component = () => {\n  return (\n    <Preview>\n      <Preview.Code\n        code={cypherCode}\n        language=\"cypher\"\n        label=\"read\"\n        headerActions={\n          <OutlinedButton\n            leadingVisual={<PencilSquareIconOutline />}\n            variant=\"neutral\"\n            size=\"small\"\n          >\n            Send to Query\n          </OutlinedButton>\n        }\n      />\n    </Preview>\n  );\n};\n\nexport default Component;\n"]}

package/lib/cjs/ai/preview/stories/preview-code-write.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-code-write.story.js","sourceRoot":"","sources":["../../../../../src/ai/preview/stories/preview-code-write.story.tsx"],"names":[],"mappings":";;;AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,mDAAiD;AAEjD,4CAAmD;AACnD,4CAA8C;AAC9C,kDAGgC;AAEhC,MAAM,UAAU,GAAG;;gDAE6B,CAAC;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,uBAAC,YAAO,cACN,uBAAC,YAAO,CAAC,IAAI,IACX,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,OAAO,EACb,aAAa,EACX,6DACE,uBAAC,uBAAe,IACd,OAAO,EAAC,SAAS,EACjB,WAAW,EAAC,eAAe,EAC3B,IAAI,EAAC,OAAO,YAEZ,uBAAC,+BAAuB,KAAG,GACX,EAClB,uBAAC,uBAAe,IACd,OAAO,EAAC,SAAS,EACjB,WAAW,EAAC,cAAc,EAC1B,IAAI,EAAC,OAAO,YAEZ,uBAAC,6BAAqB,KAAG,GACT,IACjB,GAEL,GACM,CACX,CAAC;AACJ,CAAC,CAAC;AAEF,kBAAe,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 { CleanIconButton } from '@neo4j-ndl/react';\nimport { Preview } from '@neo4j-ndl/react/ai';\nimport {\n  PencilSquareIconOutline,\n  PlayCircleIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY\nusername\n[YIELD { * | field[, ...] } [ORDER BY field ...`;\n\nconst Component = () => {\n  return (\n    <Preview>\n      <Preview.Code\n        code={cypherCode}\n        language=\"cypher\"\n        label=\"write\"\n        headerActions={\n          <>\n            <CleanIconButton\n              variant=\"neutral\"\n              description=\"Send to Query\"\n              size=\"small\"\n            >\n              <PencilSquareIconOutline />\n            </CleanIconButton>\n            <CleanIconButton\n              variant=\"neutral\"\n              description=\"Run in Query\"\n              size=\"small\"\n            >\n              <PlayCircleIconOutline />\n            </CleanIconButton>\n          </>\n        }\n      />\n    </Preview>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/ai/preview/stories/preview-code-read.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-code-read.story.js","sourceRoot":"","sources":["../../../../../src/ai/preview/stories/preview-code-read.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAClD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAEjE,MAAM,UAAU,GAAG;;gDAE6B,CAAC;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,OAAO,cACN,KAAC,OAAO,CAAC,IAAI,IACX,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,MAAM,EACZ,aAAa,EACX,KAAC,cAAc,IACb,aAAa,EAAE,KAAC,uBAAuB,KAAG,EAC1C,OAAO,EAAC,SAAS,EACjB,IAAI,EAAC,OAAO,8BAGG,GAEnB,GACM,CACX,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 { OutlinedButton } from '@neo4j-ndl/react';\nimport { Preview } from '@neo4j-ndl/react/ai';\nimport { PencilSquareIconOutline } from '@neo4j-ndl/react/icons';\n\nconst cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY\nusername\n[YIELD { * | field[, ...] } [ORDER BY field ...`;\n\nconst Component = () => {\n  return (\n    <Preview>\n      <Preview.Code\n        code={cypherCode}\n        language=\"cypher\"\n        label=\"read\"\n        headerActions={\n          <OutlinedButton\n            leadingVisual={<PencilSquareIconOutline />}\n            variant=\"neutral\"\n            size=\"small\"\n          >\n            Send to Query\n          </OutlinedButton>\n        }\n      />\n    </Preview>\n  );\n};\n\nexport default Component;\n"]}

package/lib/esm/ai/preview/stories/preview-code-write.story.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-code-write.story.js","sourceRoot":"","sources":["../../../../../src/ai/preview/stories/preview-code-write.story.tsx"],"names":[],"mappings":";AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAEjD,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,wBAAwB,CAAC;AAEhC,MAAM,UAAU,GAAG;;gDAE6B,CAAC;AAEjD,MAAM,SAAS,GAAG,GAAG,EAAE;IACrB,OAAO,CACL,KAAC,OAAO,cACN,KAAC,OAAO,CAAC,IAAI,IACX,IAAI,EAAE,UAAU,EAChB,QAAQ,EAAC,QAAQ,EACjB,KAAK,EAAC,OAAO,EACb,aAAa,EACX,8BACE,KAAC,eAAe,IACd,OAAO,EAAC,SAAS,EACjB,WAAW,EAAC,eAAe,EAC3B,IAAI,EAAC,OAAO,YAEZ,KAAC,uBAAuB,KAAG,GACX,EAClB,KAAC,eAAe,IACd,OAAO,EAAC,SAAS,EACjB,WAAW,EAAC,cAAc,EAC1B,IAAI,EAAC,OAAO,YAEZ,KAAC,qBAAqB,KAAG,GACT,IACjB,GAEL,GACM,CACX,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 { CleanIconButton } from '@neo4j-ndl/react';\nimport { Preview } from '@neo4j-ndl/react/ai';\nimport {\n  PencilSquareIconOutline,\n  PlayCircleIconOutline,\n} from '@neo4j-ndl/react/icons';\n\nconst cypherCode = `SHOW [ALL|BUILT IN|USER DEFINED] FUNCTION[S] EXECUTABLE BY\nusername\n[YIELD { * | field[, ...] } [ORDER BY field ...`;\n\nconst Component = () => {\n  return (\n    <Preview>\n      <Preview.Code\n        code={cypherCode}\n        language=\"cypher\"\n        label=\"write\"\n        headerActions={\n          <>\n            <CleanIconButton\n              variant=\"neutral\"\n              description=\"Send to Query\"\n              size=\"small\"\n            >\n              <PencilSquareIconOutline />\n            </CleanIconButton>\n            <CleanIconButton\n              variant=\"neutral\"\n              description=\"Run in Query\"\n              size=\"small\"\n            >\n              <PlayCircleIconOutline />\n            </CleanIconButton>\n          </>\n        }\n      />\n    </Preview>\n  );\n};\n\nexport default Component;\n"]}

package/lib/types/ai/preview/stories/preview-code-read.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-code-read.story.d.ts","sourceRoot":"","sources":["../../../../../src/ai/preview/stories/preview-code-read.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAUjD,QAAA,MAAM,SAAS,+CAmBd,CAAC;AAEF,eAAe,SAAS,CAAC"}

package/lib/types/ai/preview/stories/preview-code-write.story.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"preview-code-write.story.d.ts","sourceRoot":"","sources":["../../../../../src/ai/preview/stories/preview-code-write.story.tsx"],"names":[],"mappings":"AAAA;;;;;;;;;;;;;;;;;;;GAmBG;AAEH,OAAO,yCAAyC,CAAC;AAajD,QAAA,MAAM,SAAS,+CA4Bd,CAAC;AAEF,eAAe,SAAS,CAAC"}